From c6aebbd0b245277df0f1aab080bd37e91c31c843 Mon Sep 17 00:00:00 2001
From: Anton Gunnarsson <anton.gunnarsson@scandichotels.com>
Date: Thu, 11 Sep 2025 12:29:52 +0000
Subject: [PATCH] Merged in feat/sw-3415-set-up-cookiebot-in-partner-sas (pull
 request #2784)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

feat(SW-3415): Add CookieBotConsent to partner-sas

* Add CookieBotConsent


Approved-by: Joakim Jäderberg
---
 apps/partner-sas/app/[lang]/layout.tsx        | 14 ++++++
 .../components/CookieBotConsent.tsx           | 44 +++++++++++++++++++
 apps/partner-sas/types/window.d.ts            | 20 +++++++++
 3 files changed, 78 insertions(+)
 create mode 100644 apps/partner-sas/components/CookieBotConsent.tsx
 create mode 100644 apps/partner-sas/types/window.d.ts

diff --git a/apps/partner-sas/app/[lang]/layout.tsx b/apps/partner-sas/app/[lang]/layout.tsx
index 03e588cd3..29c225124 100644
--- a/apps/partner-sas/app/[lang]/layout.tsx
+++ b/apps/partner-sas/app/[lang]/layout.tsx
@@ -4,6 +4,8 @@ import "@scandic-hotels/design-system/normalize.css"
 import "@scandic-hotels/design-system/design-system-new-deprecated.css"
 import "../../globals.css"
 
+import Script from "next/script"
+
 import { BookingFlowContextProvider } from "@scandic-hotels/booking-flow/BookingFlowContextProvider"
 import { BookingFlowTrackingProvider } from "@scandic-hotels/booking-flow/BookingFlowTrackingProvider"
 import { NuqsAdapter } from "@scandic-hotels/booking-flow/utils/nuqs"
@@ -11,6 +13,7 @@ import { Lang } from "@scandic-hotels/common/constants/language"
 import { ToastHandler } from "@scandic-hotels/design-system/ToastHandler"
 import { TrpcProvider } from "@scandic-hotels/trpc/Provider"
 
+import CookieBotConsent from "@/components/CookieBotConsent"
 import { RACRouterProvider } from "@/components/RACRouterProvider"
 import { SiteWideAlert } from "@/components/SitewideAlert"
 import { FontPreload } from "@/fonts/font-preloading"
@@ -102,6 +105,7 @@ export default async function RootLayout(props: RootLayoutProps) {
                       <main>{children}</main>
                       <Footer />
                       <ToastHandler />
+                      <CookieBotConsent />
                     </BookingFlowTrackingProvider>
                   </BookingFlowContextProvider>
                 </RACRouterProvider>
@@ -109,6 +113,16 @@ export default async function RootLayout(props: RootLayoutProps) {
             </NuqsAdapter>
           </ClientIntlProvider>
         </div>
+
+        <Script
+          strategy="beforeInteractive"
+          data-blockingmode="auto"
+          data-cbid="6d539de8-3e67-4f0f-a0df-8cef9070f712"
+          data-culture={params.lang}
+          id="Cookiebot"
+          src="https://consent.cookiebot.com/uc.js"
+          async={true}
+        />
       </body>
     </html>
   )
diff --git a/apps/partner-sas/components/CookieBotConsent.tsx b/apps/partner-sas/components/CookieBotConsent.tsx
new file mode 100644
index 000000000..3faab8357
--- /dev/null
+++ b/apps/partner-sas/components/CookieBotConsent.tsx
@@ -0,0 +1,44 @@
+"use client"
+
+import { useCallback, useEffect } from "react"
+
+import { logger } from "@scandic-hotels/common/logger"
+
+export default function CookieBotConsent() {
+  const CookiebotCallbackOnAccept = useCallback(() => {
+    if (window.Cookiebot?.changed && window.adobe) {
+      const cookie = window._satellite?.cookie?.get("CookieConsent")
+
+      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()
+      logger.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(() => {
+    // handle consent
+    window.addEventListener("CookiebotOnAccept", CookiebotCallbackOnAccept)
+    window.addEventListener("CookiebotOnDecline", CookebotCallbackOnDecline)
+
+    return () => {
+      window.removeEventListener("CookiebotOnAccept", CookiebotCallbackOnAccept)
+      window.removeEventListener(
+        "CookiebotOnDecline",
+        CookebotCallbackOnDecline
+      )
+    }
+  }, [CookiebotCallbackOnAccept])
+
+  return null
+}
diff --git a/apps/partner-sas/types/window.d.ts b/apps/partner-sas/types/window.d.ts
new file mode 100644
index 000000000..b6b03f0aa
--- /dev/null
+++ b/apps/partner-sas/types/window.d.ts
@@ -0,0 +1,20 @@
+interface Window {
+  dataLayer: {
+    [key: string]: any
+    push: (...args: unknown) => void
+  }
+  adobeDataLayer: {
+    push: (...args: unknown) => void
+  }
+  _satellite: { cookie: { get: (s: string) => string } }
+  adobe: {
+    OptInCategories: { ANALYTICS: string }
+    optIn: {
+      approve: (s: string, b: boolean) => {}
+      deny: (s: string, b: boolean) => {}
+      complete: () => {}
+    }
+  }
+  Cookiebot: { changed: boolean; consented: boolean }
+  ApplePaySession: (() => void) | undefined
+}