{"version":3,"mappings":"yjDAKQ,MAAC,EAAAA,GAAKC,IACNC,EAAoBC,IAEpBC,EAASC,KACTC,EAAYC,IACZC,EAAQC,IACRC,EAASC,KAETC,EAAkBC,EAAI,EAAK,EAC3BC,EAAeD,IAEf,CAAC,SAAAE,GAAYC,KACbC,EAAgBC,EAAS,IAAOH,EAAS,OAASA,EAAS,MAAQ,GAAMX,EAAO,OAAS,CAACM,EAAO,OAAO,yBAAyB,EACjIS,EAA8BN,EAAI,EAAK,EACvCO,EAA4BP,EAAI,EAAK,EACrCQ,EAAmBR,EAAI,EAAK,EAC5BS,EAAkBT,EAAI,EAAK,EAC3BU,EAAuBC,EAAmB,sBAAsB,EACjDD,EAAA,MAAQA,EAAqB,OAAS,GAGzDE,EAAU,qBAAsB,IAAM,CACpCJ,EAAiB,MAAQ,GAC1B,EAGGK,GAAA,IAAMtB,EAAO,MAAO,IAAM,CAC1B,CAACA,EAAO,OAAS,CAACM,EAAO,OAAO,4BACvCU,EAA0B,MAAQ,GACnC,CACG,EAEI,MAAAO,EAAc,CAACC,EAAmB,KAAU,CAC3CA,EACFR,EAA0B,MAAQ,GAElCC,EAAiB,MAAQ,GAE3BQ,EAAS,sBAAsB,GAG3BC,EAAmBZ,EAAS,IAAM,WACtC,OAAIV,EAAM,KAAK,sBAAwBF,EAAU,KAAK,MAC7C,CACL,GAAGE,EAAM,KAAK,qBACd,UAAUuB,GAAAC,EAAAxB,EAAM,KAAK,uBAAX,YAAAwB,EAAiC,WAAjC,YAAAD,EAA2C,QAAQ,WAAYE,GAAaC,EAAA5B,EAAU,KAAK,QAAf,YAAA4B,EAAsB,IAAI,EAAC,EAI9G1B,EAAM,KAAK,iBACnB,EAGW,OAAAiB,EAAA,mBAAqBU,GAAU,CACnCrB,EAAa,OACf,aAAaA,EAAa,KAAK,EAEjCF,EAAgB,MAAQuB,EAAM,KAC1BA,EAAM,OAEJA,EAAM,MACjB7B,EAAU,aAAa6B,EAAM,MAAOA,EAAM,OAAQA,EAAM,KAAK,EAE7D7B,EAAU,eAAe,EAEpB,CACD,EAGH8B,GAAU,IAAM,CAQDtB,EAAA,MAAQ,WAAW,IAAM,CACpCQ,EAAgB,MAAQ,IACvB,GAAI,EACR,EAEDe,GAAgB,IAAM,CAClB,aAAavB,EAAa,KAAK,EAClC","names":["t","useI18n","uxNavigationStore","useUXNavigationStore","online","useOnline","authState","useCpUser","route","useRoute","config","useRuntimeConfig","showSignInModal","ref","modalTimeout","downlink","useNetwork","isSlowNetwork","computed","hideSlowNetworkNotification","showNoNetworkNotification","showOfflineState","loadSignInModal","disableDownloadModal","useCookie","useListen","watch","handleEvent","fromNotification","useEvent","navHeaderOptions","_c","_a","getShortName","_b","props","onMounted","onBeforeUnmount"],"sources":["../../../../layouts/homeLayout.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import {useOnline, useNetwork} from '@vueuse/core';\n  import {useUXNavigationStore} from '~/stores';\n  import {downloadApp} from '~/utils';\n\n  const {t} = useI18n();\n  const uxNavigationStore = useUXNavigationStore();\n\n  const online = useOnline();\n  const authState = useCpUser();\n  const route = useRoute();\n  const config = useRuntimeConfig();\n\n  const showSignInModal = ref(false);\n  const modalTimeout = ref<any>();\n\n  const {downlink} = useNetwork();\n  const isSlowNetwork = computed(() => (downlink.value && downlink.value < 1) && online.value && !config.public.DISABLE_CONNECTION_ALERTS);\n  const hideSlowNetworkNotification = ref(false);\n  const showNoNetworkNotification = ref(false);\n  const showOfflineState = ref(false);\n  const loadSignInModal = ref(false);\n  const disableDownloadModal = useCookie<boolean>('disableDownloadModal');\n  disableDownloadModal.value = disableDownloadModal.value ?? false;\n\n  if (process.client) {\n    useListen('show-offline-state', () => {\n      showOfflineState.value = true;\n    });\n  }\n\n  watch(() => online.value, () => {\n    if (!online.value && !config.public.DISABLE_CONNECTION_ALERTS) {\n showNoNetworkNotification.value = true;\n}\n  });\n\n const handleEvent = (fromNotification = false) => {\n    if (fromNotification) {\n      showNoNetworkNotification.value = false;\n    } else {\n      showOfflineState.value = false;\n    }\n    useEvent('offline-retry-action');\n  };\n\n  const navHeaderOptions = computed(() => {\n    if (route.meta.navHeaderOptionsAuth && authState.user.value) {\n      return {\n        ...route.meta.navHeaderOptionsAuth,\n        headline: route.meta.navHeaderOptionsAuth?.headline?.replace('{{name}}', getShortName(authState.user.value?.name)),\n      };\n    }\n\n    return route.meta.navHeaderOptions;\n  });\n\n  if (process.client) {\n    useListen('show-login-modal', (props) => {\n      if (modalTimeout.value) {\n        clearTimeout(modalTimeout.value);\n      }\n      showSignInModal.value = props.show;\n      if (props.show) {\n        // @ts-ignore-next-line\n        if (props.route) {\n authState.setRouteData(props.route, props.params, props.query);\n} else {\n authState.resetRouteData();\n}\n      }\n    });\n  }\n\n  onMounted(() => {\n    /**\n     * This code helps us delay loading the sign-in modal to prioritize loading other resources first.\n     * This prevents the sign-in modal from slowing down the initial page load.\n     * The Apple and Google scripts are downloaded when the sign-in modal becomes visible.\n     * So, this timer loads the sign-in modal after 8 seconds,\n     * or if the user clicks the 'My Account' icon and opens the sign-in modal, it will be downloaded.\n     */\n    modalTimeout.value = setTimeout(() => {\n      loadSignInModal.value = true;\n    }, 8000);\n  });\n\n  onBeforeUnmount(() => {\n      clearTimeout(modalTimeout.value);\n  });\n\n</script>\n\n<template>\n    <v-app theme=\"cpMobile\" class=\"cp-home-layout\">\n        <CpHeader\n            v-if=\"route.meta.navHeaderOptions || route.meta.navHeaderOptionsAuth\"\n            class=\"cp-home-layout__header\"\n            v-bind=\"navHeaderOptions\"\n        />\n        <main id=\"main-content\" class=\"cp-home-layout__main\" data-testid=\"home-layout-main\">\n            <ClientOnly>\n                <div class=\"cp-home--layout__notification\">\n                    <LazyCpNotificationBanner\n                        v-if=\"isSlowNetwork && !hideSlowNetworkNotification\"\n                        kind=\"weakConnection\"\n                        icon=\"wifi\"\n                        @notification-banner-event=\"hideSlowNetworkNotification = true\"\n                    />\n                    <LazyCpNotificationBanner\n                        v-if=\"showNoNetworkNotification\"\n                        kind=\"lostConnection\"\n                        icon=\"wifi\"\n                        @notification-banner-event=\"handleEvent(true)\"\n                    />\n                </div>\n                <LazyCpEmptyState\n                    v-if=\"showOfflineState\"\n                    icon=\"wifi_off\"\n                    title=\"¡Se ha perdido la conexión a internet!\"\n                    button-label=\"Reintentar\"\n                    @empty-state-action=\"handleEvent\"\n                >\n                    <template #body>\n                        <CpText variant=\"subheading\" type=\"neutral-dark\" class=\"cp-home-layout__text\">\n                            {{ t('advices') }}\n                        </CpText>\n                        <CpText variant=\"body-regular\" type=\"neutral-dark\" class=\"cp-home-layout__text\">\n                            ·  {{ t('checkYourConnection') }}\n                        </CpText>\n                        <CpText variant=\"body-regular\" type=\"neutral-dark\" class=\"cp-home-layout__text\">\n                            · {{ t('pressTheNextButton') }}\n                        </CpText>\n                    </template>\n                </LazyCpEmptyState>\n            </ClientOnly>\n            <div v-if=\"online\" class=\"cp-home-layout__main-slot\">\n                <slot />\n            </div>\n        </main>\n        <CpBottomNavMenu v-if=\"route.meta.menuSelected\" :active=\"route.meta.menuSelected\" />\n        <ClientOnly>\n            <LazyCpModalSignIn v-if=\"loadSignInModal || showSignInModal\" v-model:show=\"showSignInModal\" />\n            <LazyCpModalAppDownload\n                v-if=\"!disableDownloadModal\"\n                v-model:show=\"uxNavigationStore.showDownloadModal\"\n                @update:show=\"uxNavigationStore.showDownloadModal = $event\"\n                @download=\"downloadApp()\"\n            />\n        </ClientOnly>\n    </v-app>\n</template>\n\n<style scoped lang=\"scss\">\n.cp-home-layout {\n  height: 100dvh;\n  display: flex;\n\n  &__header {\n    z-index: 50;\n  }\n  &__main {\n    flex: 1;\n    overflow-y: auto;\n    display: flex;\n    flex-direction: column;\n  }\n  &__main-slot {\n    flex: 1;\n    max-height: 100%;\n  }\n  &__notification {\n    background-color: white;\n    position: fixed;\n    z-index: 10;\n  }\n  &__text {\n    margin-bottom: 8px\n  }\n}\n</style>\n\n<i18n locale=\"es-US\" lang=\"yaml\">\n  checkYourConnection: \"Revisa tu conexión para seguir navegando.\"\n  pressTheNextButton: \"O presiona el siguiente botón.\"\n  advices: 'Consejos:'\n</i18n>\n"],"file":"_nuxt/homeLayout.goEdu5gM.js"}