Merged in feat/cookiebot (pull request #7)

feat(WEB-49): add scripts locally for Cookiebot as we need to manipulate css file import in file Approved-by: Christel Westerberg
2024-01-22 11:52:23 +00:00
parent 717f844ffa bb1cc45410
commit 305c15c007
3 changed files with 296 additions and 1 deletions
--- a/app/[lang]/layout.tsx
+++ b/app/[lang]/layout.tsx
@@ -23,7 +23,7 @@ export default function RootLayout({
      <head>
        <Script
          data-cookieconsent="ignore"
-          src="https://www.scandichotels.com/Static/dist/js/cookie-bot.js?1705409331007"
+          src="/Static/dist/js/cookie-bot.js?1705409331007"
        />
        <Script
          data-blockingmode="auto"
--- a/public/Static/dist/css/cookie-bot.css?1705919727669
+++ b/public/Static/dist/css/cookie-bot.css?1705919727669
@@ -0,0 +1,213 @@
+#CybotCookiebotDialog * {
+  font-family: Helvetica, Arial, sans-serif !important
+}
+
+#CybotCookiebotDialog,
+#CybotCookiebotDialog * {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box
+}
+
+#CybotCookiebotDialog {
+  border-radius: 0;
+  border: 0;
+  -webkit-box-shadow: 0 0 transparent;
+  box-shadow: 0 0 transparent;
+  top: 50%;
+  left: 50%;
+  -webkit-transform: translate(-50%, -50%) !important;
+  transform: translate(-50%, -50%) !important;
+  margin: 0 !important;
+  padding: 15px;
+  max-height: 90%;
+  -webkit-transform-origin: unset !important;
+  transform-origin: unset !important;
+  overflow-y: auto
+}
+
+#CybotCookiebotDialog div,
+#CybotCookiebotDialog h2 {
+  color: #333
+}
+
+#CybotCookiebotDialogBodyContent {
+  padding: 0 !important
+}
+
+#CybotCookiebotDialogBodyContentTitle {
+  font-size: 1.375rem;
+  font-family: BrandonText-Black, Arial, Helvetica, sans-serif !important
+}
+
+div#CybotCookiebotDialogBodyContentText {
+  font-size: 1rem;
+  line-height: 1.4rem;
+  margin: 15px 0
+}
+
+#CybotCookiebotDialogDetailBody {
+  max-width: 100%;
+  padding: 0
+}
+
+#CybotCookiebotDialogDetailBodyContent {
+  height: 160px
+}
+
+#CybotCookiebotDialogDetailBodyContentTextOverview {
+  max-width: 100%
+}
+
+#CybotCookiebotDialogDetailBodyContentCookieContainerTypeDetails {
+  height: 155px;
+  max-height: 155px
+}
+
+#CybotCookiebotDialogBodyLevelButtonsSelectPane {
+  border: none;
+  padding: 0 0 30px
+}
+
+.CybotCookiebotDialogBodyLevelButtonWrapper {
+  margin: 20px 0 0 !important;
+  padding-right: 25px
+}
+
+.CybotCookiebotDialogBodyLevelButtonWrapper label {
+  font-size: 13px !important;
+  padding-left: 20px !important;
+  background: url(/Static/img/icons/shared/checkbox_unselected.svg) no-repeat left 0 !important
+}
+
+input[type=checkbox].CybotCookiebotDialogBodyLevelButton:checked+label {
+  background: url(/Static/img/icons/shared/checkbox_selected.svg) no-repeat left 0 !important
+}
+
+input[type=checkbox].CybotCookiebotDialogBodyLevelButton.CybotCookiebotDialogBodyLevelButtonDisabled+label {
+  background: url(/Static/img/icons/shared/checkbox_disabled.svg) no-repeat left 0 !important
+}
+
+#CybotCookiebotDialogBodyLevelWrapper {
+  display: -ms-flexbox !important;
+  display: flex !important;
+  -ms-flex-direction: column-reverse;
+  flex-direction: column-reverse;
+  text-align: left;
+  padding: 0 0 5px
+}
+
+#CybotCookiebotDialogBodyLevelWrapper>div {
+  padding: 0
+}
+
+#CybotCookiebotDialogBodyLevelButtons {
+  margin: 0 0 20px !important
+}
+
+#CybotCookiebotDialogBodyLevelButtonsTable {
+  width: auto !important;
+  margin: 0 !important
+}
+
+#CybotCookiebotDialogBodyLevelDetailsWrapper {
+  background: none;
+  border: 0;
+  width: auto;
+  display: inline-block;
+  padding: 0 20px 0 0;
+  height: auto
+}
+
+a#CybotCookiebotDialogBodyLevelDetailsButton {
+  background: none !important;
+  outline: 0 none;
+  padding: 0 10px 0 0;
+  color: #00838e;
+  font-size: 1rem;
+  line-height: 1.4rem;
+  height: auto
+}
+
+a#CybotCookiebotDialogBodyLevelDetailsButton:focus,
+a#CybotCookiebotDialogBodyLevelDetailsButton:hover {
+  text-decoration: none;
+  color: #00838e
+}
+
+#CybotCookiebotDialogBodyLevelDetailsWrapper:after {
+  margin-top: -7px;
+  background-position: 50%;
+  height: 14px
+}
+
+#CybotCookiebotDialogBodyLevelDetailsWrapper.active:after {
+  -webkit-transform: rotate(180deg);
+  transform: rotate(180deg)
+}
+
+a.CybotCookiebotDialogBodyButton {
+  width: auto !important;
+  padding: 5px 15px !important;
+  border-radius: 25px;
+  height: auto !important;
+  font-weight: 400 !important;
+  font-size: 1rem !important;
+  margin: 0 !important;
+  border: 0 !important;
+  line-height: 1.375rem !important
+}
+
+#CybotCookiebotDialogBodyUnderlay {
+  position: fixed;
+  bottom: 0;
+  top: 0;
+  left: 0;
+  right: 0;
+  opacity: .4 !important
+}
+
+@media(max-width: 739px) {
+  #CybotCookiebotDialog {
+    width: 90% !important
+  }
+
+  a.CybotCookiebotDialogBodyButton {
+    width: 100% !important
+  }
+}
+
+@media(min-width: 740px) {
+  #CybotCookiebotDialogBody {
+    padding: 15px;
+    min-width: 560px
+  }
+
+  #CybotCookiebotDialogBodyContentTitle {
+    font-size: 1.625rem
+  }
+
+  #CybotCookiebotDialogBodyLevelDetailsButton {
+    font-size: 1rem
+  }
+
+  #CybotCookiebotDialogBodyLevelWrapper {
+    -ms-flex-direction: row-reverse;
+    flex-direction: row-reverse;
+    -ms-flex-pack: justify;
+    justify-content: space-between;
+    -ms-flex-align: center;
+    align-items: center;
+    padding: 0
+  }
+
+  #CybotCookiebotDialogBodyLevelButtons {
+    margin: 0 !important
+  }
+}
+
+@media(min-width: 940px) {
+  #CybotCookiebotDialog {
+    max-width: 810px;
+    width: 810px !important
+  }
+}
--- a/public/Static/dist/js/cookie-bot.js?1705409331007
+++ b/public/Static/dist/js/cookie-bot.js?1705409331007
@@ -0,0 +1,82 @@
+window.addEventListener("CookiebotOnDialogDisplay", (function() {
+    document.querySelector("head").insertAdjacentHTML("beforeend", "<link type='text/css' href='/Static/dist/css/cookie-bot.css?1705919727669' rel='stylesheet' />");
+    var e = function(e) {
+        i = !!(e = !!e) || i;
+        var t = document.querySelector("#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection")
+          , o = document.querySelector("#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll");
+        t.style.display = "none" != t.style.display || e ? "none" : "block",
+        o.style.display = "none" == o.style.display || e ? "block" : "none"
+    };
+    document.querySelector("#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection").style.display = "none",
+    document.querySelector("#CybotCookiebotDialogBodyLevelDetailsWrapper").setAttribute("class", "custom-select");
+    var t = document.querySelector("#CybotCookiebotDialogBody")
+      , o = document.querySelector("#CybotCookiebotDialogBodyLevelWrapper");
+    t.insertBefore(document.querySelector("#CybotCookiebotDialogDetail"), o);
+    var n = document.querySelector("#CybotCookiebotDialogBodyLevelButtonsSelectPane");
+    t.insertBefore(n, o),
+    n.style.display = "none",
+    window.innerWidth > 740 && window.dispatchEvent(new Event("resize")),
+    document.querySelector("#CybotCookiebotDialogBodyLevelDetailsWrapper").addEventListener("click", (function() {
+        n.style.display = "none" == n.style.display ? "block" : "none";
+        var t = document.querySelector("#CybotCookiebotDialogBodyLevelDetailsWrapper").classList;
+        if (t.contains("active"))
+            t.remove("active"),
+            document.querySelector("#CybotCookiebotDialog").classList.remove("expanded"),
+            e(!0);
+        else {
+            t.add("active"),
+            document.querySelector("#CybotCookiebotDialog").classList.add("expanded"),
+            a();
+            var o = document.querySelectorAll(".CybotCookiebotDialogDetailBodyContentCookieTypeTableContainer");
+            if ("none" != o[0].parentElement.style.display)
+                for (var i = o[0].querySelector("table").clientWidth, l = 0; l < o.length; l++)
+                    o[l].previousElementSibling.style.minWidth = i + "px",
+                    o[l].style.minWidth = i + "px"
+        }
+    }
+    ));
+    for (var i = !0, l = document.querySelectorAll("#CybotCookiebotDialogBodyLevelButtonsSelectPane input[type=checkbox]"), a = function() {
+        for (var t = !0, o = 0; o < l.length; o++)
+            l[o].checked || (t = !1);
+        i != t && (i = t,
+        e())
+    }, r = 0; r < l.length; r++)
+        l[r].addEventListener("change", a)
+}
+)),
+window.addEventListener("load", (function() {
+    var e = document.querySelector("#CookieDeclarationChangeConsent > a")
+      , t = document.querySelector("#CookieDeclarationChangeConsent > span > a");
+    if (e)
+        switch (document.documentElement.lang) {
+        default:
+            e.text = "Change your consent",
+            t.text = "Withdraw your consent";
+            break;
+        case "sv":
+            e.text = "Ändra mitt samtycke",
+            t.text = "Ångra mitt samtycke";
+            break;
+        case "no":
+            e.text = "Trække dit samtykke tilbage",
+            t.text = "Trekk tilbake ditt samtykke";
+            break;
+        case "da":
+            e.text = "Ændre dit samtykke",
+            t.text = "Trække dit samtykke tilbage";
+            break;
+        case "de":
+            e.text = "Ihre Einwilligung ändern",
+            t.text = "Ihre Einwilligung zurückziehen";
+            break;
+        case "fi":
+            e.text = "Muuta hyväksyntäsi",
+            t.text = "Peru hyväksyntäsi"
+        }
+}
+)),
+window.addEventListener("CookiebotOnAccept", (function(e) {
+    window.Cookiebot.changed && adobe && (window.Cookiebot.consent.statistics ? adobe.optIn.approve(adobe.OptInCategories.ANALYTICS, !0) : adobe.optIn.deny(adobe.OptInCategories.ANALYTICS, !0),
+    adobe.optIn.complete())
+}
+));