hedera-web/src/stores/app.js

import { defineStore } from 'pinia';
import { jApi, api } from '@/boot/axios';
import useNotify from '@/composables/useNotify.js';
import { i18n } from '@/boot/i18n';
import { useQuasar } from 'quasar';

const { notify } = useNotify();
const storageOrderName = 'hederaBasket';
const { t } = i18n.global;

export const useAppStore = defineStore('hedera', {
    state: () => ({
        customTitle: null,
        title: null,
        subtitle: null,
        imageUrl: '',
        useRightDrawer: false,
        rightDrawerOpen: false,
        isHeaderMounted: false,
        menuEssentialLinks: [],
        hiddenMenuLinks: new Set(['Reports']),
        basketOrderId: null,

        siteLang: null,
        localeOptions: [
            { label: t('langs.en'), lang: 'en-US', value: 'en' },
            { label: t('langs.es'), lang: 'es-ES', value: 'es' },
            { label: t('langs.ca'), lang: 'ca-ES', value: 'ca' },
            { label: t('langs.fr'), lang: 'fr-FR', value: 'fr' },
            { label: t('langs.pt'), lang: 'pt-PT', value: 'pt' }
        ]
    }),
    actions: {
        async getMenuLinks() {
            const { data: sections } = await api.get('MyMenus');

            if (!sections) return;

            const sectionMap = new Map();
            for (const section of sections) {
                sectionMap.set(section.id, section);
            }

            const sectionTree = [];
            for (const section of sections) {
                const parent = section.parentFk;
                if (parent) {
                    const parentSection = sectionMap.get(parent);
                    if (!parentSection) continue;
                    let childs = parentSection.childs;
                    if (!childs) {
                        childs = parentSection.childs = [];
                    }
                    childs.push(section);
                } else {
                    sectionTree.push(section);
                }
            }

            this.menuEssentialLinks = sectionTree;
        },

        async loadConfig() {
            try {
                const { data } = await api.get('ImageConfigs');

                if (!data) return;

                this.imageUrl = data[0]?.url;
            } catch (err) {
                console.error(err);
            }
        },

        async init() {
            this.updateSiteLocale(localStorage.getItem('siteLang') || 'es-ES');
            this.getBasketOrderId();
        },

        getBasketOrderId() {
            this.basketOrderId = localStorage.getItem(storageOrderName);
        },

        async checkOrder(orderId) {
            const resultSet = await jApi.execQuery(
                'CALL myOrder_checkConfig(#id)',
                { id: orderId }
            );
            resultSet.fetchValue();
        },

        async check(checkoutContinue) {
            if (this.basketOrderId) {
                return await this.checkRedirect(checkoutContinue);
            } else {
                await this.redirect();
                return false;
            }
        },

        async checkRedirect(checkoutContinue) {
            try {
                await this.checkOrder(this.basketOrderId);
                return true;
            } catch (err) {
                switch (err.code) {
                    case 'orderConfirmed':
                    case 'orderNotOwnedByUser':
                        this.unloadOrder();
                        await this.redirect();
                        break;
                    default:
                        this.router.push({
                            name: 'checkout',
                            params: { id: this.basketOrderId },
                            query: { continue: checkoutContinue }
                        });
                        notify(err.message, 'negative');
                }
                return false;
            }
        },

        async redirect() {
            const resultSet = await jApi.execQuery(
                'SELECT COUNT(*) > 0 FROM myOrder'
            );
            if (resultSet.fetchValue()) {
                this.router.push({ name: 'pendingOrders' });
                notify('loadAnOrder', 'warning');
            } else {
                this.router.push({ name: 'checkout' });
            }
        },

        loadIntoBasket(orderId) {
            if (this.basketOrderId !== orderId) {
                this.basketOrderId = orderId;
                localStorage.setItem(storageOrderName, orderId);
                notify('orderLoadedIntoBasket', 'positive');
            }
        },

        unloadOrder() {
            localStorage.removeItem(storageOrderName);
            this.basketOrderId = null;
        },

        onLogout() {
            this.unloadOrder();
            this.menuEssentialLinks = [];
        },

        updateSiteLocale(locale = null) {
            const _locale = locale || 'es-ES';
            i18n.global.locale.value = _locale;
            this.siteLang = _locale;
            localStorage.setItem('siteLang', _locale);
        },

        resetCustomTitle() {
            this.customTitle = null;
        }
    },
    getters: {
        filteredMenuItems: state => {
            return (state.menuEssentialLinks || []).filter(
                item => !state.hiddenMenuLinks.has(item.description)
            );
        },
        siteLocaleOption: state =>
            state.localeOptions.find(l => l.value === state.siteLang),
        menuTitle: state => t(`titles.${state.title}`),
        isMobile() {
            const $q = useQuasar();
            return $q?.screen?.width <= 768;
        },
        isTablet() {
            const $q = useQuasar();
            return $q?.screen?.width <= 1024;
        },
        isDesktop() {
            const $q = useQuasar();
            return $q?.screen?.width > 1024;
        },
        localeDates() {
            const { messages, locale } = i18n.global;
            const { days, months, daysShort, monthsShort } =
                messages.value[locale.value].date;
            return { days, months, daysShort, monthsShort };
        }
    }
});