{"version":3,"file":"CgMyy8Qj.js","sources":["../../../../components/layout/CookiesAgreementBanner.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport Cookies from 'js-cookie';\r\nimport {\r\n  agreeToAll,\r\n  markConsentAndDate,\r\n  setDefaultConsents,\r\n  updateConsents,\r\n} from '~/lib/gdpr-cookies';\r\n\r\nconst localePath = useLocalePath();\r\nconst router = useRouter();\r\nconst { addMonths, format, isAfter } = useDateFns();\r\nconst generalStore = useGeneralStore();\r\nconst { didSetConsents } = storeToRefs(generalStore);\r\n\r\nconst loaded = ref(false);\r\nconst hasSeenCookies = ref(!!Cookies.get('cookies_consent_given'));\r\nconst hasAgreedToCookies = ref(!!Cookies.get('cookies_consent'));\r\nconst dateOfConsent = ref<string | undefined>(Cookies.get('cookies_consent_given'));\r\nconst showCookiesBanner = ref(false);\r\n\r\ngeneralStore.$onAction(({ name }) => {\r\n  if (name === 'reshowCookiesBanner' && !hasSeenCookies.value) {\r\n    showCookiesBanner.value = true;\r\n  }\r\n});\r\n\r\nconst hideBanner = () => {\r\n  showCookiesBanner.value = false;\r\n};\r\nconst agreeToEssentialsOnly = () => {\r\n  hasSeenCookies.value = true;\r\n  showCookiesBanner.value = false;\r\n\r\n  markConsentAndDate(format(new Date(), 'yyyy-MM-dd'));\r\n};\r\nconst agree = () => {\r\n  hasSeenCookies.value = true;\r\n  showCookiesBanner.value = false;\r\n\r\n  markConsentAndDate(format(new Date(), 'yyyy-MM-dd'));\r\n  agreeToAll();\r\n};\r\nconst remindCookies = () => {\r\n  if (hasSeenCookies.value && !hasAgreedToCookies.value) {\r\n    const today = new Date();\r\n    const dateOfConsentAfterMonth = addMonths(\r\n      dateOfConsent.value ? new Date(dateOfConsent.value) : new Date(),\r\n      1,\r\n    );\r\n\r\n    // today is one month after user rejected cookies\r\n    if (isAfter(today, dateOfConsentAfterMonth)) {\r\n      hasSeenCookies.value = false;\r\n    }\r\n  }\r\n\r\n  window.setTimeout(() => {\r\n    if (!hasSeenCookies.value) {\r\n      showCookiesBanner.value = true;\r\n    }\r\n  }, 20);\r\n};\r\nconst setGtmConsents = () => {\r\n  const interval = window.setInterval(() => {\r\n    if (!window.dataLayer || didSetConsents.value) {\r\n      return;\r\n    }\r\n\r\n    const analyticsStorage =\r\n      Cookies.get('cookies_consent_given') && !!Cookies.get('cookies_consent_analytics_storage');\r\n    const adStorage =\r\n      Cookies.get('cookies_consent_given') && !!Cookies.get('cookies_consent_ad_storage');\r\n\r\n    setDefaultConsents();\r\n    /* eslint-disable camelcase */\r\n    updateConsents({\r\n      analytics_storage: analyticsStorage ? 'granted' : 'denied',\r\n      ad_user_data: analyticsStorage ? 'granted' : 'denied',\r\n      ad_storage: adStorage ? 'granted' : 'denied',\r\n      ad_personalization: adStorage ? 'granted' : 'denied',\r\n      personalisation_storage: adStorage ? 'granted' : 'denied',\r\n    });\r\n    /* eslint-enable camelcase */\r\n\r\n    generalStore.markConsentsSet();\r\n\r\n    window.clearInterval(interval);\r\n  }, 10);\r\n};\r\n\r\nonMounted(async () => {\r\n  setGtmConsents();\r\n\r\n  await router.isReady();\r\n\r\n  if (router.currentRoute.value.path === localePath('privacy-settings')) {\r\n    hasSeenCookies.value = true;\r\n  } else {\r\n    remindCookies();\r\n  }\r\n\r\n  loaded.value = true;\r\n});\r\n</script>\r\n\r\n<template>\r\n  <div v-show=\"showCookiesBanner\" id=\"cookiescontent\">\r\n    <div class=\"wrapper\">\r\n      <div class=\"container\">\r\n        <div class=\"row\">\r\n          <div class=\"col col--image\">\r\n            <svg\r\n              xmlns=\"http://www.w3.org/2000/svg\"\r\n              viewBox=\"0 0 133 154.03\"\r\n              width=\"133\"\r\n              height=\"154.03\"\r\n            >\r\n              <path fill=\"#dfa839\" d=\"m133 84.94-66.45 38.37L0 84.94l66.55-38.45Z\" />\r\n              <path fill=\"#cc8640\" d=\"M66.55 123.31V154L0 115.58V84.94Z\" />\r\n              <path fill=\"#bc743f\" d=\"M66.55 123.31V154L133 115.58V84.94Z\" />\r\n              <path\r\n                fill=\"#630\"\r\n                d=\"M74.21 83.2 65.83 88l-8.37-4.8 8.37-4.79ZM56.66 62.46l-8.79 4.78-8.77-4.78 8.77-4.8Zm34.34-2-8.78 5.18-8.78-5.18 8.78-5.19ZM32.19 93.58l8.66 5-8.66 5v10l-8.65-5v-10Z\"\r\n              />\r\n              <path fill=\"#311900\" d=\"m32.35 113.6-8.65-5v-10l8.65 5Z\" />\r\n              <path fill=\"#630\" d=\"m104.14 78.41 8.38 4.78-8.38 4.81-8.38-4.79Z\" />\r\n              <path fill=\"#4f2800\" d=\"m87 101.37 8.77 5v10l-8.77 5v-10l-8.78-5Z\" />\r\n              <path fill=\"#630\" d=\"M95.72 106.55 87 111.74l-8.78-5.19 8.78-5.18Z\" />\r\n              <path fill=\"#dfa839\" d=\"M133 38.48 66.55 76.85.05 38.45 66.59 0Z\" />\r\n              <path fill=\"#cc8640\" d=\"M66.55 76.85v30.72L0 69.12V38.48Z\" />\r\n              <path fill=\"#bc743f\" d=\"M66.55 76.85v30.72L133 69.12V38.48Z\" />\r\n              <path\r\n                fill=\"#630\"\r\n                d=\"m80.21 35.75-8.38 4.77-8.37-4.77L71.83 31ZM37.1 43.54l-8.78 5.17-8.78-5.17 8.78-5.2Zm17.56-26.62-8.74 4.86-8.82-4.7L45.94 12ZM91 13.89l-8.74 5.29-8.84-5.07L81.93 9ZM53.19 59.12l8.66 5-8.66 5v10l-8.65-5v-10Z\"\r\n              />\r\n              <path fill=\"#311900\" d=\"m53.35 79.14-8.65-5v-10l8.65 5Z\" />\r\n              <path fill=\"#630\" d=\"m81.14 51 8.38 4.78-8.38 4.79-8.38-4.79Z\" />\r\n              <path fill=\"#4f2800\" d=\"m120 35.91 8.77 5v10l-8.77 5v-10l-8.78-5Z\" />\r\n              <path fill=\"#630\" d=\"M128.72 41.09 120 46.28 111 41l9-5.08Z\" />\r\n            </svg>\r\n          </div>\r\n\r\n          <div class=\"col\">\r\n            <div class=\"title\">\r\n              <h4>{{ $t('layout.cookies.title') }}</h4>\r\n\r\n              <Button\r\n                class=\"button--icon\"\r\n                variant=\"outlined\"\r\n                theme=\"light\"\r\n                :title=\"$t('global.close')\"\r\n                :aria-label=\"$t('global.close')\"\r\n                @click=\"agreeToEssentialsOnly\"\r\n              >\r\n                <svg\r\n                  width=\"16\"\r\n                  height=\"16\"\r\n                  viewBox=\"0 0 18 18\"\r\n                  fill=\"none\"\r\n                  xmlns=\"http://www.w3.org/2000/svg\"\r\n                  aria-hidden=\"true\"\r\n                >\r\n                  <path\r\n                    d=\"m1 1 16 16m0-16L1 17\"\r\n                    stroke=\"currentColor\"\r\n                    stroke-width=\"1.5\"\r\n                    stroke-miterlimit=\"10\"\r\n                  />\r\n                </svg>\r\n              </Button>\r\n            </div>\r\n\r\n            <i18n-t tag=\"p\" keypath=\"layout.cookies.text\" scope=\"global\">\r\n              <template #link>\r\n                <Button\r\n                  as=\"NuxtLink\"\r\n                  variant=\"text\"\r\n                  theme=\"light\"\r\n                  class=\"button--inline-text\"\r\n                  :to=\"localePath('privacy-settings')\"\r\n                  @click=\"hideBanner\"\r\n                >\r\n                  {{ $t('layout.cookies.change-settings') }}\r\n                </Button>\r\n              </template>\r\n            </i18n-t>\r\n\r\n            <div class=\"button-group\">\r\n              <Button as=\"NuxtLink\" variant=\"outlined\" theme=\"light\" @click=\"agreeToEssentialsOnly\">\r\n                {{ $t('layout.cookies.actions.only-essentials') }}\r\n              </Button>\r\n\r\n              <Button @click=\"agree\">{{ $t('layout.cookies.actions.agree') }}</Button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<style lang=\"scss\" scoped>\r\n#cookiescontent {\r\n  position: fixed;\r\n  bottom: 0;\r\n  z-index: 10000001;\r\n\r\n  width: 100%;\r\n\r\n  background-color: var(--white);\r\n  color: var(--black);\r\n}\r\n\r\n.wrapper {\r\n  background: linear-gradient(290.24deg, #e5e5e5 26.87%, rgba(245, 245, 245, 0) 72.99%);\r\n  box-shadow: 0px 0px 1.25rem rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.title {\r\n  display: flex;\r\n  justify-content: space-between;\r\n\r\n  .button {\r\n    align-self: flex-start;\r\n  }\r\n}\r\n\r\n.row {\r\n  display: grid;\r\n  grid-template-columns: 1fr;\r\n  padding-block: 1.5rem;\r\n\r\n  @media (min-width: 576px) {\r\n    grid-template-columns: 12rem 1fr;\r\n  }\r\n}\r\n\r\n.col--image {\r\n  display: none;\r\n\r\n  @media (min-width: 576px) {\r\n    display: flex;\r\n    justify-content: center;\r\n  }\r\n}\r\n\r\n.button-group {\r\n  display: flex;\r\n  justify-content: flex-end;\r\n\r\n  a {\r\n    margin-right: 0.5rem;\r\n  }\r\n}\r\n\r\na:visited {\r\n  color: var(--color, var(--black));\r\n}\r\n</style>\r\n"],"names":["localePath","useLocalePath","router","useRouter","addMonths","format","isAfter","useDateFns","generalStore","useGeneralStore","didSetConsents","storeToRefs","loaded","ref","hasSeenCookies","Cookies","hasAgreedToCookies","dateOfConsent","showCookiesBanner","name","hideBanner","agreeToEssentialsOnly","markConsentAndDate","agree","agreeToAll","remindCookies","today","dateOfConsentAfterMonth","setGtmConsents","interval","analyticsStorage","adStorage","setDefaultConsents","updateConsents","onMounted"],"mappings":"6iFASA,MAAMA,EAAaC,IACbC,EAASC,IACT,CAAE,UAAAC,EAAW,OAAAC,EAAQ,QAAAC,GAAYC,EAAW,EAC5CC,EAAeC,IACf,CAAE,eAAAC,CAAA,EAAmBC,EAAYH,CAAY,EAE7CI,EAASC,EAAI,EAAK,EAClBC,EAAiBD,EAAI,CAAC,CAACE,EAAQ,IAAI,uBAAuB,CAAC,EAC3DC,EAAqBH,EAAI,CAAC,CAACE,EAAQ,IAAI,iBAAiB,CAAC,EACzDE,EAAgBJ,EAAwBE,EAAQ,IAAI,uBAAuB,CAAC,EAC5EG,EAAoBL,EAAI,EAAK,EAEnCL,EAAa,UAAU,CAAC,CAAE,KAAAW,KAAW,CAC/BA,IAAS,uBAAyB,CAACL,EAAe,QACpDI,EAAkB,MAAQ,GAC5B,CACD,EAED,MAAME,EAAa,IAAM,CACvBF,EAAkB,MAAQ,EAAA,EAEtBG,EAAwB,IAAM,CAClCP,EAAe,MAAQ,GACvBI,EAAkB,MAAQ,GAE1BI,EAAmBjB,EAAO,IAAI,KAAQ,YAAY,CAAC,CAAA,EAE/CkB,EAAQ,IAAM,CAClBT,EAAe,MAAQ,GACvBI,EAAkB,MAAQ,GAE1BI,EAAmBjB,EAAO,IAAI,KAAQ,YAAY,CAAC,EACxCmB,GAAA,EAEPC,EAAgB,IAAM,CAC1B,GAAIX,EAAe,OAAS,CAACE,EAAmB,MAAO,CAC/C,MAAAU,MAAY,KACZC,EAA0BvB,EAC9Ba,EAAc,MAAQ,IAAI,KAAKA,EAAc,KAAK,MAAQ,KAC1D,CAAA,EAIEX,EAAQoB,EAAOC,CAAuB,IACxCb,EAAe,MAAQ,GAE3B,CAEA,OAAO,WAAW,IAAM,CACjBA,EAAe,QAClBI,EAAkB,MAAQ,KAE3B,EAAE,CAAA,EAEDU,EAAiB,IAAM,CACrB,MAAAC,EAAW,OAAO,YAAY,IAAM,CACxC,GAAI,CAAC,OAAO,WAAanB,EAAe,MACtC,OAGI,MAAAoB,EACJf,EAAQ,IAAI,uBAAuB,GAAK,CAAC,CAACA,EAAQ,IAAI,mCAAmC,EACrFgB,EACJhB,EAAQ,IAAI,uBAAuB,GAAK,CAAC,CAACA,EAAQ,IAAI,4BAA4B,EAEjEiB,IAEJC,EAAA,CACb,kBAAmBH,EAAmB,UAAY,SAClD,aAAcA,EAAmB,UAAY,SAC7C,WAAYC,EAAY,UAAY,SACpC,mBAAoBA,EAAY,UAAY,SAC5C,wBAAyBA,EAAY,UAAY,QAAA,CAClD,EAGDvB,EAAa,gBAAgB,EAE7B,OAAO,cAAcqB,CAAQ,GAC5B,EAAE,CAAA,EAGP,OAAAK,EAAU,SAAY,CACLN,IAEf,MAAM1B,EAAO,UAETA,EAAO,aAAa,MAAM,OAASF,EAAW,kBAAkB,EAClEc,EAAe,MAAQ,GAETW,IAGhBb,EAAO,MAAQ,EAAA,CAChB"}