{"version":3,"mappings":"++CAOE,KAAM,CAAC,EAAAA,EAAG,EAAAC,CAAC,EAAIC,EAAS,WAAW,EAC7B,CAAC,EAAAC,GAAKC,IAENC,EAAQC,IACRC,EAAoBC,IACpBC,EAAYC,KACZC,EAASC,KACTC,EAAuBC,GAAmB,sBAAsB,EACjDD,EAAA,MAAQA,EAAqB,OAAS,GAMrD,MAAAE,EAAkBC,EAAI,EAAK,EAC3BC,EAAkBD,EAAI,EAAK,EAC3BE,EAAeF,EAA2B,IAAI,EAGxCG,EAAA,mBAAqBC,GAAU,CACnCF,EAAa,OACf,aAAaA,EAAa,KAAK,EAEjCH,EAAgB,MAAQK,EAAM,KAC1BA,EAAM,OAEJA,EAAM,MACjBX,EAAU,aAAaW,EAAM,MAAOA,EAAM,OAAQA,EAAM,KAAK,EAE7DX,EAAU,eAAe,EAEpB,CACD,EAEH,MAAMY,EAASC,KACT,CAAC,SAAAC,GAAYC,KACbC,EAAgBC,EAAS,IAAOH,EAAS,OAASA,EAAS,MAAQ,GAAMF,EAAO,OAAS,CAACV,EAAO,OAAO,yBAAyB,EACjIgB,EAA8BX,EAAI,EAAK,EACvCY,EAA4BZ,EAAI,EAAK,EACrCa,EAAmBb,EAAI,EAAK,EAGhCG,EAAU,qBAAsB,IAAM,CACzCU,EAAiB,MAAQ,GACzB,EAEOC,GAAA,IAAMT,EAAO,MAAO,IAAM,CAC1B,CAACA,EAAO,OAAS,CAACV,EAAO,OAAO,4BACvCiB,EAA0B,MAAQ,GACnC,CACG,EAEK,MAAAG,EAAc,CAACC,EAAmB,KAAU,CAC5CA,EACFJ,EAA0B,MAAQ,GAElCC,EAAiB,MAAQ,GAE3BI,GAAS,sBAAsB,GAG3BC,EAAKlB,IAETG,EAAU,gBAAiB,IAAM,QACjCgB,EAAAD,EAAA,cAAAC,EAAO,IAAI,SAAS,CAAC,IAAK,EAAG,SAAU,UAAS,CACnD,EAGO,MAAAC,EAAmBV,EAAS,IAAM,WACtC,OAAIrB,EAAM,KAAK,sBAAwBI,EAAU,KAAK,MAC7C,CACL,GAAGJ,EAAM,KAAK,qBACd,UAAUgC,GAAAF,EAAA9B,EAAM,KAAK,uBAAX,YAAA8B,EAAiC,WAAjC,YAAAE,EAA2C,QAAQ,WAAYC,IAAaC,EAAA9B,EAAU,KAAK,QAAf,YAAA8B,EAAsB,IAAI,EAAC,EAI9GlC,EAAM,KAAK,iBACnB,EAEKmC,EAAoBxB,EAAa,EAAK,EACtCyB,EAAuBzB,EAA2B,IAAI,EAE5D,OAAA0B,GAAU,IAAM,CACdC,GAAS,IAAM,CACQF,EAAA,MAAQ,WAAW,IAAM,CAC5CD,EAAkB,MAAQ,IACzB,GAAI,EAEMtB,EAAA,MAAQ,WAAW,IAAM,CACpCD,EAAgB,MAAQ,IACvB,GAAI,EACR,EACF,EAED2B,GAAc,IAAM,CACd1B,EAAa,OACf,aAAaA,EAAa,KAAK,EAE7BuB,EAAqB,OACvB,aAAaA,EAAqB,KAAK,CACzC,CACD","names":["b","e","useCpBem","t","useI18n","route","useRoute","uxNavigationStore","useUXNavigationStore","authState","useCpUser","config","useRuntimeConfig","disableDownloadModal","useCookie","showSignInModal","ref","loadSignInModal","modalTimeout","useListen","props","online","useOnline","downlink","useNetwork","isSlowNetwork","computed","hideSlowNetworkNotification","showNoNetworkNotification","showOfflineState","watch","handleEvent","fromNotification","useEvent","el","_a","navHeaderOptions","_c","getShortName","_b","loadFilterSidebar","filterSidebarTimeout","onMounted","nextTick","onBeforeMount"],"sources":["../../../../layouts/default.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import {useOnline, useNetwork} from '@vueuse/core';\n  import {useCpUser} from '~/composables/useCpUser';\n  import {useUXNavigationStore} from '~/stores';\n\n  import {downloadApp} from '~/utils';\n\n  const {b, e} = useCpBem('cp-layout');\n  const {t} = useI18n();\n\n  const route = useRoute();\n  const uxNavigationStore = useUXNavigationStore();\n  const authState = useCpUser();\n  const config = useRuntimeConfig();\n  const disableDownloadModal = useCookie<boolean>('disableDownloadModal');\n  disableDownloadModal.value = disableDownloadModal.value ?? false;\n  // useHead({\n  //   title: store.useMetaDataRoutes.title,\n  //   titleTemplate: store.useMetaDataRoutes.titleTemplate\n  // })\n\n  const showSignInModal = ref(false);\n  const loadSignInModal = ref(false);\n  const modalTimeout = ref<NodeJS.Timeout | null>(null);\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  const online = useOnline();\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\n  if (process.client) {\n    useListen('show-offline-state', () => {\n showOfflineState.value = true;\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 el = ref<HTMLElement>();\n  if (process.client) {\n    useListen('scroll-to-top', () => {\n el.value?.$el.scrollTo({top: 0, behavior: 'smooth'});\n});\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  const loadFilterSidebar = ref<boolean>(false);\n  const filterSidebarTimeout = ref<NodeJS.Timeout | null>(null);\n\n  onMounted(() => {\n    nextTick(() => {\n      filterSidebarTimeout.value = setTimeout(() => {\n        loadFilterSidebar.value = true;\n      }, 5000);\n\n      modalTimeout.value = setTimeout(() => {\n        loadSignInModal.value = true;\n      }, 8000);\n    });\n  });\n\n  onBeforeMount(() => {\n    if (modalTimeout.value) {\n      clearTimeout(modalTimeout.value);\n    }\n    if (filterSidebarTimeout.value) {\n      clearTimeout(filterSidebarTimeout.value);\n    }\n  });\n\n</script>\n\n<template>\n    <v-app :class=\"b\" theme=\"cpMobile\">\n        <CpHeader\n            v-if=\"route.meta.navHeaderOptions || route.meta.navHeaderOptionsAuth\"\n            :class=\"e('header')\"\n            v-bind=\"navHeaderOptions\"\n        />\n        <v-main id=\"main-content\" ref=\"el\" :class=\"e('main')\">\n            <ClientOnly>\n                <div :class=\"e('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            </ClientOnly>\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=\"e('text')\">\n                        {{ t('advices') }}\n                    </CpText>\n                    <CpText variant=\"body-regular\" type=\"neutral-dark\" :class=\"e('text')\">\n                        ·  {{ t('checkYourConnection') }}\n                    </CpText>\n                    <CpText variant=\"body-regular\" type=\"neutral-dark\" :class=\"e('text')\">\n                        · {{ t('pressTheNextButton') }}\n                    </CpText>\n                </template>\n            </LazyCpEmptyState>\n            <div v-if=\"online\" :class=\"e('main-slot')\">\n                <slot />\n            </div>\n        </v-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-layout {\n    height: 100dvh;\n    display: flex;\n\n    &__header {\n      z-index: 50;\n    }\n    &__main-slot {\n      flex: 1;\n      max-height: 100%;\n    }\n    &__main {\n      flex: 1;\n      overflow-y: auto;\n      display: flex;\n      flex-direction: column;\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/default.2jYdakgj.js"}