From 1d11416d73cfa7f31f151ba024bc0dbf964454f3 Mon Sep 17 00:00:00 2001
From: Arvid Norlin <arvid.norlin@scandichotels.com>
Date: Tue, 5 Mar 2024 11:29:08 +0100
Subject: [PATCH 1/9] fix: add beforeInteractive strategy to cookiebot scripts

---
 app/[lang]/(live)/layout.tsx         | 1 +
 app/[lang]/(live-current)/layout.tsx | 1 +
 2 files changed, 2 insertions(+)

diff --git a/app/[lang]/(live)/layout.tsx b/app/[lang]/(live)/layout.tsx
index 5ff5a71ed..41740e684 100644
--- a/app/[lang]/(live)/layout.tsx
+++ b/app/[lang]/(live)/layout.tsx
@@ -22,6 +22,7 @@ export default function RootLayout({
           src="/_static/dist/js/cookie-bot.js?1705409331007"
         />
         <Script
+          strategy="beforeInteractive"
           data-blockingmode="auto"
           data-cbid="6d539de8-3e67-4f0f-a0df-8cef9070f712"
           data-culture="@cultureCode"
diff --git a/app/[lang]/(live-current)/layout.tsx b/app/[lang]/(live-current)/layout.tsx
index 2ec0ef18d..7e3604559 100644
--- a/app/[lang]/(live-current)/layout.tsx
+++ b/app/[lang]/(live-current)/layout.tsx
@@ -29,6 +29,7 @@ export default function RootLayout({
           src="/_static/dist/js/cookie-bot.js?1705409331007"
         />
         <Script
+          strategy="beforeInteractive"
           data-blockingmode="auto"
           data-cbid="6d539de8-3e67-4f0f-a0df-8cef9070f712"
           data-culture="@cultureCode"

From 17e04c488076ad5833a3b2dd3a544010672fc593 Mon Sep 17 00:00:00 2001
From: Arvid Norlin <arvid.norlin@scandichotels.com>
Date: Tue, 5 Mar 2024 11:29:32 +0100
Subject: [PATCH 2/9] debug: add logs

---
 components/Current/AdobeScript.tsx |  3 +++
 components/Current/Tracking.tsx    | 18 +++++++++++++++---
 2 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/components/Current/AdobeScript.tsx b/components/Current/AdobeScript.tsx
index 35e7803d4..db3e860a7 100644
--- a/components/Current/AdobeScript.tsx
+++ b/components/Current/AdobeScript.tsx
@@ -3,6 +3,9 @@ import { env } from "@/env/server"
 import Script from "next/script"
 
 export default function AdobeScript() {
+  return (
+    <Script src="https://assets.adobedtm.com/c1bd08b1e4e7/d64a7c1f5f17/launch-84c70d82a50c-staging.min.js" />
+  )
   return env.ADOBE_SCRIPT_SRC ? (
     <Script data-cookieconsent="statistics" src={env.ADOBE_SCRIPT_SRC} />
   ) : null
diff --git a/components/Current/Tracking.tsx b/components/Current/Tracking.tsx
index ab740f6d3..1e43b67d4 100644
--- a/components/Current/Tracking.tsx
+++ b/components/Current/Tracking.tsx
@@ -6,7 +6,7 @@ import {
   TrackingProps,
 } from "@/types/components/tracking"
 import { usePathname, useSearchParams } from "next/navigation"
-import { useEffect } from "react"
+import { useEffect, useState } from "react"
 
 function createPageObject(trackingData: TrackingData) {
   const [lang, ...segments] = trackingData.pathName
@@ -64,7 +64,7 @@ function createPageObject(trackingData: TrackingData) {
 export default function Tracking({ pageData }: TrackingProps) {
   const pathName = usePathname()
   const queryString = useSearchParams().toString()
-
+  const [consentCookie, setConsentCookie] = useState<null | string>(null)
   useEffect(() => {
     if (window.datalayer) {
       const trackingData = { ...pageData, pathName, queryString }
@@ -76,9 +76,12 @@ export default function Tracking({ pageData }: TrackingProps) {
 
   useEffect(() => {
     // handle consent
+    console.log("in effect")
     window.addEventListener(
       "CookiebotOnAccept",
       function CookiebotCallback_OnAccept(e) {
+        console.log("Cookiebot onAccept callback fired ✅")
+        setConsentCookie(window._satellite.cookie.get("CookieConsent"))
         if (window.Cookiebot?.changed && window.adobe) {
           if (
             window._satellite.cookie
@@ -96,10 +99,19 @@ export default function Tracking({ pageData }: TrackingProps) {
             )
           }
           window.adobe.optIn.complete()
+          console.log("optin complete")
         }
       }
     )
-  }, [])
+    window.addEventListener(
+      "CookiebotOnDecline",
+      function CookebotCallback_OnDecline() {
+        if (window.Cookiebot?.changed && window.adobe) {
+          window.adobe.optIn.deny(window.adobe.OptInCategories.ANALYTICS, true)
+        }
+      }
+    )
+  }, [consentCookie])
 
   return null
 }

From 40ec10698f244249f9e45cc25e4e43163666ac97 Mon Sep 17 00:00:00 2001
From: Arvid Norlin <arvid.norlin@scandichotels.com>
Date: Tue, 5 Mar 2024 15:16:33 +0100
Subject: [PATCH 3/9] debug: disable CookiebotOnAccept in _static js-file

---
 public/_static/dist/js/cookie-bot.js | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/public/_static/dist/js/cookie-bot.js b/public/_static/dist/js/cookie-bot.js
index f1867b5a1..473422e50 100644
--- a/public/_static/dist/js/cookie-bot.js
+++ b/public/_static/dist/js/cookie-bot.js
@@ -74,9 +74,9 @@ window.addEventListener("load", (function() {
             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())
-}
+// )),
+// 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())
+// }
 ));

From f19b79f7325525364e4c49743fe2cbad68a59627 Mon Sep 17 00:00:00 2001
From: Arvid Norlin <arvid.norlin@scandichotels.com>
Date: Tue, 5 Mar 2024 15:49:44 +0100
Subject: [PATCH 4/9] debug: add explicit dispatch of load event

---
 components/Current/Tracking.tsx | 9 +++------
 1 file changed, 3 insertions(+), 6 deletions(-)

diff --git a/components/Current/Tracking.tsx b/components/Current/Tracking.tsx
index 1e43b67d4..76cf0b96d 100644
--- a/components/Current/Tracking.tsx
+++ b/components/Current/Tracking.tsx
@@ -83,11 +83,7 @@ export default function Tracking({ pageData }: TrackingProps) {
         console.log("Cookiebot onAccept callback fired ✅")
         setConsentCookie(window._satellite.cookie.get("CookieConsent"))
         if (window.Cookiebot?.changed && window.adobe) {
-          if (
-            window._satellite.cookie
-              .get("CookieConsent")
-              .includes("statistics:true")
-          ) {
+          if (consentCookie?.includes("statistics:true")) {
             window.adobe.optIn.approve(
               window.adobe.OptInCategories.ANALYTICS,
               true
@@ -99,7 +95,8 @@ export default function Tracking({ pageData }: TrackingProps) {
             )
           }
           window.adobe.optIn.complete()
-          console.log("optin complete")
+          window.dispatchEvent(new Event("load"))
+          console.log("dispatched load event")
         }
       }
     )

From a65b2aa73ad24a7deac77646dc6d2a714bed7a6a Mon Sep 17 00:00:00 2001
From: Arvid Norlin <arvid.norlin@scandichotels.com>
Date: Wed, 6 Mar 2024 19:47:29 +0100
Subject: [PATCH 5/9] debug: move CookebotOnAccept logic to legacy cookie-bot
 script

---
 components/Current/Tracking.tsx      | 70 ++++++++++++++--------------
 public/_static/dist/js/cookie-bot.js | 11 +++--
 2 files changed, 41 insertions(+), 40 deletions(-)

diff --git a/components/Current/Tracking.tsx b/components/Current/Tracking.tsx
index 76cf0b96d..d72e0dac3 100644
--- a/components/Current/Tracking.tsx
+++ b/components/Current/Tracking.tsx
@@ -74,41 +74,41 @@ export default function Tracking({ pageData }: TrackingProps) {
     }
   }, [pathName, queryString, pageData])
 
-  useEffect(() => {
-    // handle consent
-    console.log("in effect")
-    window.addEventListener(
-      "CookiebotOnAccept",
-      function CookiebotCallback_OnAccept(e) {
-        console.log("Cookiebot onAccept callback fired ✅")
-        setConsentCookie(window._satellite.cookie.get("CookieConsent"))
-        if (window.Cookiebot?.changed && window.adobe) {
-          if (consentCookie?.includes("statistics:true")) {
-            window.adobe.optIn.approve(
-              window.adobe.OptInCategories.ANALYTICS,
-              true
-            )
-          } else {
-            window.adobe.optIn.deny(
-              window.adobe.OptInCategories.ANALYTICS,
-              true
-            )
-          }
-          window.adobe.optIn.complete()
-          window.dispatchEvent(new Event("load"))
-          console.log("dispatched load event")
-        }
-      }
-    )
-    window.addEventListener(
-      "CookiebotOnDecline",
-      function CookebotCallback_OnDecline() {
-        if (window.Cookiebot?.changed && window.adobe) {
-          window.adobe.optIn.deny(window.adobe.OptInCategories.ANALYTICS, true)
-        }
-      }
-    )
-  }, [consentCookie])
+  // useEffect(() => {
+  //   // handle consent
+  //   console.log("in effect")
+  //   window.addEventListener(
+  //     "CookiebotOnAccept",
+  //     function CookiebotCallback_OnAccept(e) {
+  //       console.log("Cookiebot onAccept callback fired ✅")
+  //       setConsentCookie(window._satellite.cookie.get("CookieConsent"))
+  //       if (window.Cookiebot?.changed && window.adobe) {
+  //         if (consentCookie?.includes("statistics:true")) {
+  //           window.adobe.optIn.approve(
+  //             window.adobe.OptInCategories.ANALYTICS,
+  //             true
+  //           )
+  //         } else {
+  //           window.adobe.optIn.deny(
+  //             window.adobe.OptInCategories.ANALYTICS,
+  //             true
+  //           )
+  //         }
+  //         window.adobe.optIn.complete()
+  //         window.dispatchEvent(new Event("load"))
+  //         console.log("dispatched load event")
+  //       }
+  //     }
+  //   )
+  //   window.addEventListener(
+  //     "CookiebotOnDecline",
+  //     function CookebotCallback_OnDecline() {
+  //       if (window.Cookiebot?.changed && window.adobe) {
+  //         window.adobe.optIn.deny(window.adobe.OptInCategories.ANALYTICS, true)
+  //       }
+  //     }
+  //   )
+  // }, [consentCookie])
 
   return null
 }
diff --git a/public/_static/dist/js/cookie-bot.js b/public/_static/dist/js/cookie-bot.js
index 473422e50..821d0db3f 100644
--- a/public/_static/dist/js/cookie-bot.js
+++ b/public/_static/dist/js/cookie-bot.js
@@ -74,9 +74,10 @@ window.addEventListener("load", (function() {
             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())
-// }
+)),
+window.addEventListener("CookiebotOnAccept", (function(e) {
+    window.Cookiebot.changed && window.adobe && (window.Cookiebot.consent.statistics ? window.adobe.optIn.approve(window.adobe.OptInCategories.ANALYTICS, !0) : window.adobe.optIn.deny(window.adobe.OptInCategories.ANALYTICS, !0),
+    window.adobe.optIn.complete(),
+    window.dispatchEvent(new Event("load")))
+}
 ));

From d3b03cca791da197c6ecb6148c3f71b295dc0518 Mon Sep 17 00:00:00 2001
From: Arvid Norlin <arvid.norlin@scandichotels.com>
Date: Thu, 7 Mar 2024 09:24:21 +0100
Subject: [PATCH 6/9] debug: re-enable CookiebotOnAccept logic within JSX

---
 components/Current/Tracking.tsx      | 69 ++++++++++++++--------------
 public/_static/dist/js/cookie-bot.js |  9 +---
 2 files changed, 35 insertions(+), 43 deletions(-)

diff --git a/components/Current/Tracking.tsx b/components/Current/Tracking.tsx
index d72e0dac3..446663fb5 100644
--- a/components/Current/Tracking.tsx
+++ b/components/Current/Tracking.tsx
@@ -74,41 +74,40 @@ export default function Tracking({ pageData }: TrackingProps) {
     }
   }, [pathName, queryString, pageData])
 
-  // useEffect(() => {
-  //   // handle consent
-  //   console.log("in effect")
-  //   window.addEventListener(
-  //     "CookiebotOnAccept",
-  //     function CookiebotCallback_OnAccept(e) {
-  //       console.log("Cookiebot onAccept callback fired ✅")
-  //       setConsentCookie(window._satellite.cookie.get("CookieConsent"))
-  //       if (window.Cookiebot?.changed && window.adobe) {
-  //         if (consentCookie?.includes("statistics:true")) {
-  //           window.adobe.optIn.approve(
-  //             window.adobe.OptInCategories.ANALYTICS,
-  //             true
-  //           )
-  //         } else {
-  //           window.adobe.optIn.deny(
-  //             window.adobe.OptInCategories.ANALYTICS,
-  //             true
-  //           )
-  //         }
-  //         window.adobe.optIn.complete()
-  //         window.dispatchEvent(new Event("load"))
-  //         console.log("dispatched load event")
-  //       }
-  //     }
-  //   )
-  //   window.addEventListener(
-  //     "CookiebotOnDecline",
-  //     function CookebotCallback_OnDecline() {
-  //       if (window.Cookiebot?.changed && window.adobe) {
-  //         window.adobe.optIn.deny(window.adobe.OptInCategories.ANALYTICS, true)
-  //       }
-  //     }
-  //   )
-  // }, [consentCookie])
+  useEffect(() => {
+    // handle consent
+    window.addEventListener(
+      "CookiebotOnAccept",
+      function CookiebotCallback_OnAccept(e) {
+        setConsentCookie(window._satellite.cookie.get("CookieConsent"))
+
+        if (window.Cookiebot?.changed && window.adobe) {
+          if (consentCookie?.includes("statistics:true")) {
+            window.adobe.optIn.approve(
+              window.adobe.OptInCategories.ANALYTICS,
+              true
+            )
+          } else {
+            window.adobe.optIn.deny(
+              window.adobe.OptInCategories.ANALYTICS,
+              true
+            )
+          }
+          window.adobe.optIn.complete()
+          window.dispatchEvent(new Event("load"))
+        }
+      }
+    )
+
+    window.addEventListener(
+      "CookiebotOnDecline",
+      function CookebotCallback_OnDecline() {
+        if (window.Cookiebot?.changed && window.adobe) {
+          window.adobe.optIn.deny(window.adobe.OptInCategories.ANALYTICS, true)
+        }
+      }
+    )
+  }, [consentCookie])
 
   return null
 }
diff --git a/public/_static/dist/js/cookie-bot.js b/public/_static/dist/js/cookie-bot.js
index 821d0db3f..cc2f9e43b 100644
--- a/public/_static/dist/js/cookie-bot.js
+++ b/public/_static/dist/js/cookie-bot.js
@@ -73,11 +73,4 @@ window.addEventListener("load", (function() {
             e.text = "Muuta hyväksyntäsi",
             t.text = "Peru hyväksyntäsi"
         }
-}
-)),
-window.addEventListener("CookiebotOnAccept", (function(e) {
-    window.Cookiebot.changed && window.adobe && (window.Cookiebot.consent.statistics ? window.adobe.optIn.approve(window.adobe.OptInCategories.ANALYTICS, !0) : window.adobe.optIn.deny(window.adobe.OptInCategories.ANALYTICS, !0),
-    window.adobe.optIn.complete(),
-    window.dispatchEvent(new Event("load")))
-}
-));
+}));

From 5c465ca426c5825fcf5120db5d498098ef39cbdc Mon Sep 17 00:00:00 2001
From: Arvid Norlin <arvid.norlin@scandichotels.com>
Date: Thu, 7 Mar 2024 09:36:28 +0100
Subject: [PATCH 7/9] chore: remove hard coded tracking script src

---
 components/Current/AdobeScript.tsx | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/components/Current/AdobeScript.tsx b/components/Current/AdobeScript.tsx
index db3e860a7..35e7803d4 100644
--- a/components/Current/AdobeScript.tsx
+++ b/components/Current/AdobeScript.tsx
@@ -3,9 +3,6 @@ import { env } from "@/env/server"
 import Script from "next/script"
 
 export default function AdobeScript() {
-  return (
-    <Script src="https://assets.adobedtm.com/c1bd08b1e4e7/d64a7c1f5f17/launch-84c70d82a50c-staging.min.js" />
-  )
   return env.ADOBE_SCRIPT_SRC ? (
     <Script data-cookieconsent="statistics" src={env.ADOBE_SCRIPT_SRC} />
   ) : null

From df94f47c27d48242e1e62df5698cd699fcafbbc9 Mon Sep 17 00:00:00 2001
From: Arvid Norlin <arvid.norlin@scandichotels.com>
Date: Thu, 7 Mar 2024 18:56:11 +0100
Subject: [PATCH 8/9] fix: tweak CookiebotOnAccept effect hook

---
 components/Current/Tracking.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/components/Current/Tracking.tsx b/components/Current/Tracking.tsx
index 446663fb5..443e81490 100644
--- a/components/Current/Tracking.tsx
+++ b/components/Current/Tracking.tsx
@@ -79,10 +79,11 @@ export default function Tracking({ pageData }: TrackingProps) {
     window.addEventListener(
       "CookiebotOnAccept",
       function CookiebotCallback_OnAccept(e) {
-        setConsentCookie(window._satellite.cookie.get("CookieConsent"))
+        const cookie = window._satellite.cookie.get("CookieConsent")
+        setConsentCookie(cookie)
 
         if (window.Cookiebot?.changed && window.adobe) {
-          if (consentCookie?.includes("statistics:true")) {
+          if (cookie?.includes("statistics:true")) {
             window.adobe.optIn.approve(
               window.adobe.OptInCategories.ANALYTICS,
               true

From c1db799c333567ee7ff111961570a863af359564 Mon Sep 17 00:00:00 2001
From: Arvid Norlin <arvid.norlin@scandichotels.com>
Date: Fri, 8 Mar 2024 11:36:44 +0100
Subject: [PATCH 9/9] fix: improve Tracking useEffect

---
 components/Current/Tracking.tsx | 65 ++++++++++++++++-----------------
 1 file changed, 32 insertions(+), 33 deletions(-)

diff --git a/components/Current/Tracking.tsx b/components/Current/Tracking.tsx
index 443e81490..b54d480e9 100644
--- a/components/Current/Tracking.tsx
+++ b/components/Current/Tracking.tsx
@@ -64,7 +64,28 @@ function createPageObject(trackingData: TrackingData) {
 export default function Tracking({ pageData }: TrackingProps) {
   const pathName = usePathname()
   const queryString = useSearchParams().toString()
-  const [consentCookie, setConsentCookie] = useState<null | string>(null)
+
+  function CookiebotCallbackOnAccept() {
+    const cookie = window._satellite.cookie.get("CookieConsent")
+
+    if (window.Cookiebot?.changed && window.adobe) {
+      if (cookie?.includes("statistics:true")) {
+        window.adobe.optIn.approve(window.adobe.OptInCategories.ANALYTICS, true)
+      } else {
+        window.adobe.optIn.deny(window.adobe.OptInCategories.ANALYTICS, true)
+      }
+      window.adobe.optIn.complete()
+      console.warn("window.load event explicitly dispatched.")
+      window.dispatchEvent(new Event("load"))
+    }
+  }
+
+  function CookebotCallbackOnDecline() {
+    if (window.Cookiebot?.changed && window.adobe) {
+      window.adobe.optIn.deny(window.adobe.OptInCategories.ANALYTICS, true)
+    }
+  }
+
   useEffect(() => {
     if (window.datalayer) {
       const trackingData = { ...pageData, pathName, queryString }
@@ -76,39 +97,17 @@ export default function Tracking({ pageData }: TrackingProps) {
 
   useEffect(() => {
     // handle consent
-    window.addEventListener(
-      "CookiebotOnAccept",
-      function CookiebotCallback_OnAccept(e) {
-        const cookie = window._satellite.cookie.get("CookieConsent")
-        setConsentCookie(cookie)
+    window.addEventListener("CookiebotOnAccept", CookiebotCallbackOnAccept)
+    window.addEventListener("CookiebotOnDecline", CookebotCallbackOnDecline)
 
-        if (window.Cookiebot?.changed && window.adobe) {
-          if (cookie?.includes("statistics:true")) {
-            window.adobe.optIn.approve(
-              window.adobe.OptInCategories.ANALYTICS,
-              true
-            )
-          } else {
-            window.adobe.optIn.deny(
-              window.adobe.OptInCategories.ANALYTICS,
-              true
-            )
-          }
-          window.adobe.optIn.complete()
-          window.dispatchEvent(new Event("load"))
-        }
-      }
-    )
-
-    window.addEventListener(
-      "CookiebotOnDecline",
-      function CookebotCallback_OnDecline() {
-        if (window.Cookiebot?.changed && window.adobe) {
-          window.adobe.optIn.deny(window.adobe.OptInCategories.ANALYTICS, true)
-        }
-      }
-    )
-  }, [consentCookie])
+    return () => {
+      window.removeEventListener("CookiebotOnAccept", CookiebotCallbackOnAccept)
+      window.removeEventListener(
+        "CookiebotOnDecline",
+        CookebotCallbackOnDecline
+      )
+    }
+  }, [])
 
   return null
 }