{"version":3,"file":"CleY2vjT.js","sources":["../../../../../../../layers/ui/components/forms/FormToggle.vue","../../../../../../../layers/ui/components/modal/Modal.vue","../../../../../../../app/types/localStorage.ts","../../../../../../../app/components/cookies/CookieBanner.vue"],"sourcesContent":["<template>\n  <label :for=\"id\" class=\"flex\">\n    <input\n      :id=\"id\"\n      ref=\"input\"\n      v-bind=\"$attrs\"\n      class=\"sr-only\"\n      :checked=\"modelValue\"\n      :disabled=\"disabled\"\n      type=\"checkbox\"\n      @input=\"updateValue\"\n    />\n    <div\n      class=\"relative inline-flex h-5 w-9 rounded-full transition-all duration-300 md:h-6 md:w-11\"\n      :class=\"[\n        inputClass,\n        disabled\n          ? 'cursor-not-allowed bg-disabled'\n          : ['cursor-pointer', modelValue ? 'bg-primary' : 'bg-neutral-300']\n      ]\"\n    >\n      <div\n        class=\"absolute left-0.5 top-0.5 block h-4 w-4 rounded-full bg-white transition-all duration-300 md:h-5 md:w-5\"\n        :class=\"[indicatorClass, modelValue && 'translate-x-full']\"\n      />\n    </div>\n    <span v-if=\"isLabelVisible\" class=\"flex cursor-pointer items-center gap-2 pl-2\">{{\n      label\n    }}</span>\n  </label>\n</template>\n\n<script setup lang=\"ts\">\ninterface InputProps {\n  indicatorClass?: string\n  inputClass?: string\n  label: string\n  isLabelVisible?: boolean\n  modelValue: boolean\n  disabled?: boolean\n}\n\ndefineOptions({\n  inheritAttrs: false\n})\n\nwithDefaults(defineProps<InputProps>(), {\n  indicatorClass: 'form-toggle-indicator',\n  inputClass: 'form-toggle',\n  modelValue: false,\n  disabled: false,\n  isLabelVisible: true\n})\n\nconst emit = defineEmits(['update:modelValue', 'change'])\n\nconst updateValue = (e: Event) => {\n  const checked = (e.target as HTMLInputElement).checked\n  emit('update:modelValue', checked)\n  emit('change', checked)\n}\n\nconst id = useId()\n</script>\n","<template>\n  <Teleport to=\"body\">\n    <Transition name=\"fade\" appear>\n      <div v-if=\"show\" class=\"fixed inset-0 z-50 bg-black opacity-50\" />\n    </Transition>\n    <Transition appear :name=\"'dialog'\">\n      <div v-if=\"show\" class=\"fixed inset-0 z-50 flex overflow-auto p-4 md:p-10\">\n        <div class=\"flex h-fit w-full flex-1 flex-col items-center md:flex-none md:justify-center\">\n          <div\n            ref=\"modalRef\"\n            class=\"relative flex w-full flex-col bg-white sm:w-auto sm:min-w-[600px]\"\n            :class=\"[variant === 'fullscreen' && 'flex-1 md:flex-none']\"\n            v-bind=\"$attrs\"\n          >\n            <button\n              v-if=\"showClose\"\n              class=\"absolute right-4 top-4 z-[1] md:right-6 md:top-6\"\n              type=\"button\"\n              @click=\"$emit('on-close', { outside: false })\"\n            >\n              <Icon name=\"close\" />\n            </button>\n            <div ref=\"contentRef\" class=\"max-h-full overflow-auto p-4 md:overflow-visible md:p-10\">\n              <slot />\n            </div>\n          </div>\n        </div>\n      </div>\n    </Transition>\n  </Teleport>\n</template>\n\n<script setup lang=\"ts\">\nexport interface ModalOnCloseEvent {\n  outside: boolean\n}\n\nexport type ModalVariant = 'basic' | 'fullscreen'\n\ninterface ModalProps {\n  show?: boolean\n  showClose?: boolean\n  variant?: ModalVariant\n}\n\nconst props = withDefaults(defineProps<ModalProps>(), {\n  showClose: true,\n  variant: 'basic'\n})\n\ndefineOptions({\n  inheritAttrs: false\n})\n\nconst emit = defineEmits<{\n  'on-close': [event: ModalOnCloseEvent]\n}>()\n\nconst contentRef = ref<HTMLElement | null>(null)\nconst modalRef = ref<HTMLElement | null>(null)\n\nconst { bodyLock, bodyUnlock } = useBodyLock()\n\nonClickOutside(modalRef, () => {\n  emit('on-close', { outside: true })\n})\n\nwatch(\n  () => props.show,\n  (isShow) => {\n    if (isShow) {\n      bodyLock()\n    } else {\n      bodyUnlock()\n    }\n  }\n)\n\nonUnmounted(() => {\n  bodyUnlock()\n})\n</script>\n","export enum LocalStorageKey {\n  CookieConsent = 'cookie-consent'\n}\n","<template>\n  <Transition name=\"fade\">\n    <div\n      v-if=\"isBannerVisible\"\n      class=\"fixed bottom-0 left-4 z-10 w-[calc(100%-1rem)] max-w-xl border-l-2 border-t-2 border-black bg-white text-black lg:bottom-10 lg:left-auto lg:right-10 lg:max-w-5xl\"\n    >\n      <div class=\"relative flex flex-col justify-between px-5 py-5 md:px-8 lg:flex-row\">\n        <div class=\"mb-5 flex-1 text-sm lg:mb-0 lg:pr-6\">\n          <div class=\"mb-2 text-lg font-semibold\">We value your privacy!</div>\n          <p>\n            By continuing to use our site, you agree to our use of cookies. For more information,\n            please review our\n            <NuxtLink :to=\"'/privacy'\" class=\"underline hover:no-underline\" no-prefetch>\n              Privacy Policy </NuxtLink\n            >.\n          </p>\n        </div>\n        <div class=\"flex w-full flex-wrap justify-end lg:w-fit lg:grow-0 lg:self-end\">\n          <div\n            class=\"flex w-full items-center justify-end gap-3 md:gap-4 lg:w-fit lg:grow-0 lg:gap-6\"\n          >\n            <div class=\"flex-2 w-full\">\n              <button\n                class=\"text-sm underline hover:no-underline md:text-base\"\n                type=\"button\"\n                @click=\"showPreferences = true\"\n              >\n                Preferences\n              </button>\n            </div>\n            <div>\n              <Button\n                class=\"!w-full md:!w-fit\"\n                variant=\"outline\"\n                :label=\"'Reject'\"\n                size=\"sm\"\n                @click=\"onDecline\"\n              />\n            </div>\n            <div>\n              <Button class=\"!w-full md:!w-fit\" :label=\"'Accept'\" size=\"sm\" @click=\"onAccept\" />\n            </div>\n          </div>\n        </div>\n      </div>\n      <Modal\n        :show=\"showPreferences\"\n        class=\"max-w-[600px] text-black\"\n        content-class=\"!px-4 !py-6\"\n        variant=\"fullscreen\"\n        @on-close=\"() => (showPreferences = false)\"\n      >\n        <div class=\"mb-4 text-lg font-semibold\">Cookie Preferences</div>\n        <p class=\"mb-12\">\n          By continuing to use our site, you agree to our use of cookies. For more information,\n          please review our\n          <NuxtLink\n            :to=\"'/privacy'\"\n            class=\"underline hover:no-underline\"\n            no-prefetch\n            @click=\"() => (showPreferences = false)\"\n          >\n            Privacy Policy </NuxtLink\n          >.\n        </p>\n        <p class=\"mb-6\">Manage Cookies</p>\n        <div class=\"mb-12 flex flex-col gap-4\">\n          <div v-for=\"item in preferences\" :key=\"item.type\" class=\"relative flex gap-2\">\n            <FormToggle\n              v-model=\"state[item.type]\"\n              :name=\"item.type\"\n              :label=\"item.title\"\n              :disabled=\"item.isRequired\"\n            />\n          </div>\n        </div>\n        <Button :label=\"'Save and Close'\" @click=\"onSave\" />\n      </Modal>\n    </div>\n  </Transition>\n</template>\n\n<script setup lang=\"ts\">\nimport { useGtm } from '@gtm-support/vue-gtm'\nimport { LocalStorageKey } from '~/types/localStorage'\n\nenum CookieType {\n  Necessary = 'necessary',\n  Analytics = 'analytics',\n  Advertising = 'advertising'\n}\n\nconst route = useRoute()\n\nconst isBannerVisible = ref(false)\nconst showPreferences = ref(false)\n\nconst preferences = ref([\n  {\n    type: CookieType.Necessary,\n    title: 'Strictly Necessary Cookies',\n    description:\n      'Write information about strictly necessary cookies here for the user to learn about this term and what it means.',\n    isRequired: true\n  },\n  {\n    type: CookieType.Analytics,\n    title: 'Analytics Cookies',\n    description:\n      'Write information about analytics cookies here for the user to learn about this term and what it means.'\n  },\n  {\n    type: CookieType.Advertising,\n    title: 'Advertising Cookies',\n    description:\n      'Write information about advertising cookies here for the user to learn about this term and what it means.'\n  }\n])\n\nconst result = ref('Waiting for user interaction...')\n\nconst state = reactive({\n  [CookieType.Necessary]: true,\n  [CookieType.Analytics]: false,\n  [CookieType.Advertising]: false\n})\n\nconst gtm = useGtm()\n\nconst onDecline = () => {\n  const accepted = [CookieType.Necessary]\n  result.value = `User accepted the following cookies 📋: ${accepted.join(', ')}`\n  localStorage.setItem(LocalStorageKey.CookieConsent, JSON.stringify(accepted))\n  isBannerVisible.value = false\n  gtm?.enable(false)\n\n  console.log(result.value)\n}\n\nconst onAccept = () => {\n  const accepted = Object.values(CookieType)\n  result.value = `User accepted all cookies. 👍: ${accepted.join(', ')}`\n  localStorage.setItem(LocalStorageKey.CookieConsent, JSON.stringify(accepted))\n  allConsentGranted()\n  gtm?.enable(true)\n  gtm?.trackView(route.name as string, route.path)\n\n  isBannerVisible.value = false\n\n  console.log(result.value)\n}\n\nconst onSave = () => {\n  const accepted = Object.values(CookieType).filter((type) => state[type])\n  result.value = 'User accepted the following cookies 📋: ' + accepted.join(', ')\n  localStorage.setItem(LocalStorageKey.CookieConsent, JSON.stringify(accepted))\n\n  showPreferences.value = false\n  isBannerVisible.value = false\n\n  if (accepted.includes(CookieType.Advertising) || accepted.includes(CookieType.Analytics)) {\n    if (accepted.includes(CookieType.Advertising) && accepted.includes(CookieType.Analytics)) {\n      allConsentGranted()\n    } else if (accepted.includes(CookieType.Analytics)) {\n      analyticsConsentGranted()\n    } else if (accepted.includes(CookieType.Advertising)) {\n      advertisingConsentGranted()\n    }\n    gtm?.enable(true)\n    gtm?.trackView(route.name as string, route.path)\n  } else {\n    gtm?.enable(false)\n  }\n\n  console.log(result.value)\n}\n\nfunction allConsentGranted() {\n  gtag('consent', 'update', {\n    ad_user_data: 'granted',\n    ad_personalization: 'granted',\n    ad_storage: 'granted',\n    analytics_storage: 'granted'\n  })\n}\n\nfunction analyticsConsentGranted() {\n  gtag('consent', 'update', {\n    analytics_storage: 'granted'\n  })\n}\n\nfunction advertisingConsentGranted() {\n  gtag('consent', 'update', {\n    ad_user_data: 'granted',\n    ad_personalization: 'granted',\n    ad_storage: 'granted'\n  })\n}\n\nonMounted(() => {\n  useTimeoutFn(() => {\n    isBannerVisible.value = !localStorage.getItem(LocalStorageKey.CookieConsent)\n\n    if (\n      localStorage.getItem(LocalStorageKey.CookieConsent)?.includes(CookieType.Analytics) ||\n      localStorage.getItem(LocalStorageKey.CookieConsent)?.includes(CookieType.Advertising)\n    ) {\n      if (localStorage.getItem(LocalStorageKey.CookieConsent)?.includes(CookieType.Analytics)) {\n        analyticsConsentGranted()\n      }\n      if (localStorage.getItem(LocalStorageKey.CookieConsent)?.includes(CookieType.Advertising)) {\n        advertisingConsentGranted()\n      }\n\n      gtm?.enable(true)\n      gtm?.trackView(route.name as string, route.path)\n    }\n  }, 1000)\n})\n</script>\n"],"names":["emit","__emit","updateValue","e","checked","id","useId","props","__props","contentRef","ref","modalRef","bodyLock","bodyUnlock","useBodyLock","onClickOutside","watch","isShow","onUnmounted","LocalStorageKey","CookieType","route","useRoute","isBannerVisible","showPreferences","preferences","result","state","reactive","gtm","useGtm","onDecline","accepted","onAccept","allConsentGranted","onSave","type","analyticsConsentGranted","advertisingConsentGranted","onMounted","useTimeoutFn","_a","_b","_c","_d"],"mappings":"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"}