{"version":3,"file":"default.8412cbc8.js","sources":["../../../../layouts/default.vue"],"sourcesContent":["<template>\n  <div class=\"app-layout\" :class=\"`is-${String(route.name) === 'mobile' ? 'page-mobile' : String(route.name)}`\">\n    <app-header />\n    <div class=\"app-layout__main\">\n      <slot />\n    </div>\n    <app-footer />\n    <app-toast />\n    <site-icons />\n  </div>\n  <template v-if=\"overlaySupport\">\n    <button class=\"support-overlay\" @click.prevent=\"isOverlaySupportActive = true\" />\n    <div class=\"support-overlay-popup\">\n      <ui-notification-popup v-model=\"isOverlaySupportActive\">\n        <div class=\"content\">\n          <h3 class=\"is-title is-size-3\">We’re offline right now.</h3>\n          <p>\n            We’re here between 10AM and 6PM, Monday to Saturday. Why not email us right\n            now at\n            <a href=\"mailto:care@zeronet.co.nz\">care@zeronet.co.nz</a>\n          </p>\n        </div>\n        <template #actions>\n          <ui-button @click=\"isOverlaySupportActive = false\">Ok</ui-button>\n        </template>\n      </ui-notification-popup>\n    </div>\n  </template>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useRegistration, useRoute, watch } from \"#imports\";\nimport AppHeader from \"@/components/global/layout/AppHeader.vue\";\nimport AppFooter from \"@/components/global/layout/AppFooter.vue\";\nimport SiteIcons from \"@/components/global/elements/SiteIcons.vue\";\nimport AppToast from \"~/components/global/layout/AppToast.vue\";\nimport { useMemberSignup } from \"~/stores/signup\";\nimport UiButton from \"~/components/global/ui/UiButton.vue\";\nimport UiNotificationPopup from \"~/components/global/ui/UiNotificationPopup.vue\";\n\nconst route = useRoute();\nconst { isRegistrationFunnel } = useRegistration();\nconst signup = useMemberSignup();\nconst { isWithinBusinessHours } = useSupport();\n\nwatch(\n  route,\n  () => {\n    // do not change anything in the following routes\n    const ignoreRoutes = [\"mobile\", \"login\", \"authorize\"];\n    if (\n      isRegistrationFunnel.value ||\n      ignoreRoutes.includes(route.name as string) ||\n      route.path.startsWith(\"/account\")\n    ) {\n      return;\n    }\n\n    switch (route.meta.funnel) {\n      case \"5 month\":\n        signup.setOfferHalfPrice(5);\n        break;\n      case \"6 month\":\n        signup.setOfferHalfPrice(6);\n        break;\n      default:\n        signup.setOfferHalfPrice();\n        break;\n    }\n  },\n  {\n    immediate: true,\n  }\n);\n\nconst overlaySupport = ref(false);\nconst isOverlaySupportActive = ref(false);\n\nonMounted(() => {\n  overlaySupport.value = !isWithinBusinessHours();\n});\n</script>\n\n<style lang=\"scss\" scoped>\n.app-layout {\n  display: grid;\n  grid-template-rows: max-content 1fr max-content;\n  min-height: 100vh;\n\n  &__main {\n    position: relative;\n    overflow: hidden;\n    min-height: rem(400);\n  }\n}\n\n.support-overlay {\n  position: fixed;\n  background: red;\n  width: 64px;\n  height: 64px;\n  right: 10px;\n  bottom: 20px;\n  z-index: 99999;\n  opacity: 0;\n  cursor: pointer;\n}\n\n.support-overlay-popup {\n  position: absolute;\n  left: 0;\n  top: 0;\n  bottom: 0;\n}\n</style>\n"],"names":["route","useRoute","isRegistrationFunnel","useRegistration","signup","useMemberSignup","isWithinBusinessHours","useSupport","watch","ignoreRoutes","overlaySupport","ref","isOverlaySupportActive","onMounted"],"mappings":"2hDAwCA,MAAMA,EAAQC,IACR,CAAE,qBAAAC,GAAyBC,IAC3BC,EAASC,IACT,CAAE,sBAAAC,GAA0BC,IAElCC,EACER,EACA,IAAM,CAEJ,MAAMS,EAAe,CAAC,SAAU,QAAS,WAAW,EAElD,GAAA,EAAAP,EAAqB,OACrBO,EAAa,SAAST,EAAM,IAAc,GAC1CA,EAAM,KAAK,WAAW,UAAU,GAK1B,OAAAA,EAAM,KAAK,OAAQ,CACzB,IAAK,UACHI,EAAO,kBAAkB,CAAC,EAC1B,MACF,IAAK,UACHA,EAAO,kBAAkB,CAAC,EAC1B,MACF,QACEA,EAAO,kBAAkB,EACzB,KACJ,CACF,EACA,CACE,UAAW,EACb,CAAA,EAGI,MAAAM,EAAiBC,EAAI,EAAK,EAC1BC,EAAyBD,EAAI,EAAK,EAExC,OAAAE,EAAU,IAAM,CACCH,EAAA,MAAQ,CAACJ,GAAsB,CAC/C"}