@sonic-equipment/ui 195.0.0 → 197.0.0

package/dist/country-selector/connected-country-selector.js

@@ -2,6 +2,7 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { useMemo, useEffect } from 'react';
 import { logger } from '../logging/logger.js';
+import { useCookiebot } from '../shared/hooks/use-cookiebot.js';
 import { useDisclosure } from '../shared/hooks/use-disclosure.js';
 import { CountrySelectorDialog } from './country-selector-dialog/country-selector-dialog.js';
 import { CountrySelectorTrigger } from './country-selector-trigger/country-selector-trigger.js';
@@ -13,14 +14,24 @@ function ConnectedCountrySelector({ defaultCountryCode, defaultLanguageCode, onC
         defaultCountryCode,
         defaultLanguageCode,
     });
+    const { hasResponse: hasCookiebotResponse, isDialogOpen: isCookiebotDialogOpen, } = useCookiebot();
     const isCountryLanguageSelected = useMemo(() => selectedCountry !== undefined && selectedLanguage !== undefined, [selectedCountry, selectedLanguage]);
     const isDismissable = isCountryLanguageSelected;
     useEffect(() => {
-        if (isOpen)
+        if (isOpen && !isCookiebotDialogOpen)
             return;
-        setIsOpen(!isFetching && !isCountryLanguageSelected);
+        setIsOpen(!isFetching &&
+            !isCountryLanguageSelected &&
+            hasCookiebotResponse &&
+            !isCookiebotDialogOpen);
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [isFetching, isCountryLanguageSelected, isOpen]);
+    }, [
+        isFetching,
+        isCountryLanguageSelected,
+        isOpen,
+        hasCookiebotResponse,
+        isCookiebotDialogOpen,
+    ]);
     if (isFetching)
         return null;
     if (error !== undefined) {

package/dist/exports.d.ts

@@ -369,6 +369,7 @@ export * from './shared/ga/types';
 export * from './shared/ga/use-data-layer';
 export * from './shared/hooks/use-breakpoint';
 export * from './shared/hooks/use-cookie';
+export * from './shared/hooks/use-cookiebot';
 export * from './shared/hooks/use-css-link';
 export * from './shared/hooks/use-debounced-callback';
 export * from './shared/hooks/use-disclosure';

package/dist/index.js

@@ -370,6 +370,7 @@ export { isGAEvent } from './shared/ga/types.js';
 export { useDataLayer } from './shared/ga/use-data-layer.js';
 export { useBreakpoint } from './shared/hooks/use-breakpoint.js';
 export { defaultCookieOptions, useCookie } from './shared/hooks/use-cookie.js';
+export { useCookiebot } from './shared/hooks/use-cookiebot.js';
 export { useCSSLink } from './shared/hooks/use-css-link.js';
 export { useDebouncedCallback } from './shared/hooks/use-debounced-callback.js';
 export { useDisclosure } from './shared/hooks/use-disclosure.js';

package/dist/shared/hooks/use-cookiebot.d.ts

@@ -0,0 +1,16 @@
+declare global {
+    interface Window {
+        Cookiebot?: {
+            consent: {
+                marketing: boolean;
+                necessary: boolean;
+                statistics: boolean;
+            };
+            hasResponse: boolean;
+        };
+    }
+}
+export declare function useCookiebot(): {
+    hasResponse: boolean;
+    isDialogOpen: boolean;
+};

package/dist/shared/hooks/use-cookiebot.js

@@ -0,0 +1,31 @@
+"use client";
+import { useState, useEffect } from 'react';
+
+// https://www.cookiebot.com/en/developer/
+function useCookiebot() {
+    const [hasResponse, setHasResponse] = useState(Boolean(window?.Cookiebot?.hasResponse));
+    const [isDialogOpen, setIsDialogOpen] = useState(false);
+    const handleDialogDisplay = () => {
+        setIsDialogOpen(true);
+    };
+    const handleAcceptDecline = () => {
+        setHasResponse(Boolean(window?.Cookiebot?.hasResponse));
+        setIsDialogOpen(false);
+    };
+    useEffect(() => {
+        window?.addEventListener('CookiebotOnDialogDisplay', handleDialogDisplay);
+        window?.addEventListener('CookiebotOnAccept', handleAcceptDecline);
+        window?.addEventListener('CookiebotOnDecline', handleAcceptDecline);
+        return () => {
+            window?.removeEventListener('CookiebotOnDialogDisplay', handleDialogDisplay);
+            window?.removeEventListener('CookiebotOnAccept', handleAcceptDecline);
+            window?.removeEventListener('CookiebotOnDecline', handleAcceptDecline);
+        };
+    }, []);
+    return {
+        hasResponse,
+        isDialogOpen,
+    };
+}
+
+export { useCookiebot };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sonic-equipment/ui",
-  "version": "195.0.0",
+  "version": "197.0.0",
   "type": "module",
   "license": "MIT",
   "engines": {