@c15t/react 0.0.1-rc.8 → 1.0.0

package/dist/components/consent-manager-widget/consent-manager-widget_module.css

@@ -45,7 +45,9 @@
   --widget-accordion-content-color: #5c5c5c;
   --widget-accordion-content-color-dark: #999;
   --widget-accordion-focus-ring: #476cff;
-  --widget-accordion-focus-ring-dark: #99aeff;
+  --widget-accordion-focus-ring-dark: #2547d0;
+  --widget-accordion-focus-shadow: 0 0 0 2px #476cff;
+  --widget-accordion-focus-shadow-dark: 0 0 0 2px #2547d0;
 }
 
 .c15t-widget-mZfPK {
@@ -71,7 +73,7 @@
   position: relative;
 }
 
-.dark .c15t-card-cpA5_ {
+.c15t-dark .c15t-card-cpA5_ {
   background-color: var(--widget-background-color-dark);
   border-color: var(--widget-border-color-dark);
 }
@@ -99,7 +101,7 @@
   color: var(--widget-text-color);
 }
 
-.dark .c15t-title-LLWlk {
+.c15t-dark .c15t-title-LLWlk {
   color: var(--widget-text-color-dark);
 }
 
@@ -107,7 +109,7 @@
   color: var(--widget-text-muted-color);
 }
 
-.dark .c15t-description-AdjjX {
+.c15t-dark .c15t-description-AdjjX {
   color: var(--widget-text-muted-color-dark);
 }
 
@@ -124,7 +126,7 @@
   display: flex;
 }
 
-.dark .c15t-footer-ySewJ {
+.c15t-dark .c15t-footer-ySewJ {
   background-color: var(--widget-footer-background-color-dark);
 }
 
@@ -161,7 +163,7 @@
   display: flex;
 }
 
-.dark .c15t-branding-ayjMW {
+.c15t-dark .c15t-branding-ayjMW {
   border-color: var(--widget-border-color-dark);
 }
 
@@ -177,7 +179,7 @@
   display: flex;
 }
 
-.dark .c15t-brandingLink-mwCeb {
+.c15t-dark .c15t-brandingLink-mwCeb {
   color: var(--widget-link-text-color-dark);
 }
 
@@ -233,10 +235,15 @@
   border-radius: var(--widget-accordion-radius);
   border: 1px solid var(--widget-accordion-border-color);
   background-color: var(--widget-accordion-background-color);
-  overflow: hidden;
+  position: relative;
+  overflow: visible;
+}
+
+.c15t-accordionItem-fU3xo:has(.c15t-accordionTriggerInner-bepZm:focus-visible) {
+  box-shadow: 0 0 0 2px var(--widget-accordion-focus-ring);
 }
 
-.dark .c15t-accordionItem-fU3xo {
+.c15t-dark .c15t-accordionItem-fU3xo {
   border-color: var(--widget-accordion-border-color-dark);
   background-color: var(--widget-accordion-background-color-dark);
 }
@@ -255,11 +262,11 @@
   background-color: var(--widget-accordion-background-hover);
 }
 
-.dark .c15t-accordionTrigger-SWny4 {
+.c15t-dark .c15t-accordionTrigger-SWny4 {
   color: var(--widget-accordion-text-color-dark);
 }
 
-.dark .c15t-accordionTrigger-SWny4:hover {
+.c15t-dark .c15t-accordionTrigger-SWny4:hover {
   background-color: var(--widget-accordion-background-hover-dark);
 }
 
@@ -268,7 +275,9 @@
   gap: var(--widget-gap);
   font-size: var(--widget-title-size);
   font-weight: var(--widget-title-weight);
+  border-radius: var(--widget-accordion-radius);
   display: flex;
+  position: relative;
 }
 
 .c15t-accordionContent-qm_yt {
@@ -278,7 +287,7 @@
   line-height: 1.5;
 }
 
-.dark .c15t-accordionContent-qm_yt {
+.c15t-dark .c15t-accordionContent-qm_yt {
   color: var(--widget-accordion-content-color-dark);
 }
 
@@ -289,7 +298,7 @@
   transition: transform var(--widget-accordion-duration) var(--widget-accordion-ease);
 }
 
-.dark .c15t-accordionArrow-t0PT0 {
+.c15t-dark .c15t-accordionArrow-t0PT0 {
   color: var(--widget-accordion-arrow-color-dark);
 }
 
@@ -309,7 +318,7 @@
   display: inline-flex;
 }
 
-.dark .c15t-switch-cBZCr {
+.c15t-dark .c15t-switch-cBZCr {
   background-color: var(--widget-accordion-background-hover-dark);
 }
 
@@ -317,21 +326,7 @@
   background-color: var(--widget-accordion-focus-ring);
 }
 
-.dark .c15t-switch-cBZCr[data-state="checked"] {
+.c15t-dark .c15t-switch-cBZCr[data-state="checked"] {
   background-color: var(--widget-accordion-focus-ring-dark);
 }
 
-.c15t-switchThumb-arKEJ {
-  width: .75rem;
-  height: .75rem;
-  transition: transform var(--widget-accordion-duration) var(--widget-accordion-ease);
-  background-color: #fff;
-  border-radius: 9999px;
-  display: block;
-  transform: translateX(-.375rem);
-}
-
-.c15t-switch-cBZCr[data-state="checked"] .c15t-switchThumb-arKEJ {
-  transform: translateX(.375rem);
-}
-

package/dist/components/consent-manager-widget/index.cjs

@@ -2,7 +2,7 @@
 "use strict";
 var __webpack_require__ = {};
 (()=>{
-    __webpack_require__.d = function(exports1, definition) {
+    __webpack_require__.d = (exports1, definition)=>{
         for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
             enumerable: true,
             get: definition[key]
@@ -10,12 +10,10 @@ var __webpack_require__ = {};
     };
 })();
 (()=>{
-    __webpack_require__.o = function(obj, prop) {
-        return Object.prototype.hasOwnProperty.call(obj, prop);
-    };
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
 })();
 (()=>{
-    __webpack_require__.r = function(exports1) {
+    __webpack_require__.r = (exports1)=>{
         if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
             value: 'Module'
         });
@@ -27,43 +25,103 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
-    AccordionContent: ()=>accordion_cjs_namespaceObject.AccordionContent,
-    AccordionItem: ()=>accordion_cjs_namespaceObject.AccordionItem,
     Footer: ()=>footer_cjs_namespaceObject.Footer,
-    ConsentManagerWidgetFooterSubGroup: ()=>footer_cjs_namespaceObject.ConsentManagerWidgetFooterSubGroup,
-    Accordion: ()=>accordion_cjs_namespaceObject.Accordion,
     ConsentManagerWidgetAccordionItems: ()=>accordion_cjs_namespaceObject.ConsentManagerWidgetAccordionItems,
-    ConsentManagerWidgetSwitch: ()=>accordion_cjs_namespaceObject.ConsentManagerWidgetSwitch,
+    ConsentManagerWidgetAccordionItem: ()=>accordion_cjs_namespaceObject.ConsentManagerWidgetAccordionItem,
+    CustomizeButton: ()=>button_cjs_namespaceObject.CustomizeButton,
+    Accordion: ()=>accordion_cjs_namespaceObject.Accordion,
+    ConsentManagerWidgetAccordionTrigger: ()=>accordion_cjs_namespaceObject.ConsentManagerWidgetAccordionTrigger,
+    AccordionTrigger: ()=>accordion_cjs_namespaceObject.AccordionTrigger,
+    AccordionTriggerInner: ()=>accordion_cjs_namespaceObject.AccordionTriggerInner,
     ConsentManagerWidgetRoot: ()=>root_cjs_namespaceObject.ConsentManagerWidgetRoot,
-    ConsentManagerWidgetAcceptAllButton: ()=>button_cjs_namespaceObject.ConsentManagerWidgetAcceptAllButton,
-    FooterSubGroup: ()=>footer_cjs_namespaceObject.FooterSubGroup,
+    ConsentManagerWidgetCustomizeButton: ()=>button_cjs_namespaceObject.ConsentManagerWidgetCustomizeButton,
     ConsentManagerWidgetRejectButton: ()=>button_cjs_namespaceObject.ConsentManagerWidgetRejectButton,
-    SaveButton: ()=>button_cjs_namespaceObject.SaveButton,
-    AccordionItems: ()=>accordion_cjs_namespaceObject.AccordionItems,
-    ConsentManagerWidgetAccordion: ()=>accordion_cjs_namespaceObject.ConsentManagerWidgetAccordion,
-    ConsentManagerWidgetSaveButton: ()=>button_cjs_namespaceObject.ConsentManagerWidgetSaveButton,
     AcceptAllButton: ()=>button_cjs_namespaceObject.AcceptAllButton,
-    AccordionArrow: ()=>accordion_cjs_namespaceObject.AccordionArrow,
-    ConsentManagerWidgetAccordionItem: ()=>accordion_cjs_namespaceObject.ConsentManagerWidgetAccordionItem,
     ConsentManagerWidgetFooter: ()=>footer_cjs_namespaceObject.ConsentManagerWidgetFooter,
-    AccordionTrigger: ()=>accordion_cjs_namespaceObject.AccordionTrigger,
+    AccordionArrow: ()=>accordion_cjs_namespaceObject.AccordionArrow,
+    AccordionContent: ()=>accordion_cjs_namespaceObject.AccordionContent,
+    ConsentManagerWidgetSwitch: ()=>accordion_cjs_namespaceObject.ConsentManagerWidgetSwitch,
+    FooterSubGroup: ()=>footer_cjs_namespaceObject.FooterSubGroup,
     ConsentManagerWidgetAccordionArrow: ()=>accordion_cjs_namespaceObject.ConsentManagerWidgetAccordionArrow,
-    CustomizeButton: ()=>button_cjs_namespaceObject.CustomizeButton,
-    RejectButton: ()=>button_cjs_namespaceObject.RejectButton,
-    AccordionTriggerInner: ()=>accordion_cjs_namespaceObject.AccordionTriggerInner,
-    Root: ()=>root_cjs_namespaceObject.Root,
-    ConsentManagerWidgetAccordionTrigger: ()=>accordion_cjs_namespaceObject.ConsentManagerWidgetAccordionTrigger,
-    ConsentManagerWidgetAccordionContent: ()=>accordion_cjs_namespaceObject.ConsentManagerWidgetAccordionContent,
+    AccordionItems: ()=>accordion_cjs_namespaceObject.AccordionItems,
+    AccordionItem: ()=>accordion_cjs_namespaceObject.AccordionItem,
     ConsentManagerWidgetAccordionTriggerInner: ()=>accordion_cjs_namespaceObject.ConsentManagerWidgetAccordionTriggerInner,
+    ConsentManagerWidgetFooterSubGroup: ()=>footer_cjs_namespaceObject.ConsentManagerWidgetFooterSubGroup,
+    Root: ()=>root_cjs_namespaceObject.Root,
+    SaveButton: ()=>button_cjs_namespaceObject.SaveButton,
+    ConsentManagerWidgetSaveButton: ()=>button_cjs_namespaceObject.ConsentManagerWidgetSaveButton,
+    RejectButton: ()=>button_cjs_namespaceObject.RejectButton,
+    ConsentManagerWidgetAcceptAllButton: ()=>button_cjs_namespaceObject.ConsentManagerWidgetAcceptAllButton,
     Switch: ()=>accordion_cjs_namespaceObject.Switch,
-    ConsentManagerWidgetCustomizeButton: ()=>button_cjs_namespaceObject.ConsentManagerWidgetCustomizeButton
+    ConsentManagerWidgetAccordionContent: ()=>accordion_cjs_namespaceObject.ConsentManagerWidgetAccordionContent,
+    ConsentManagerWidgetAccordion: ()=>accordion_cjs_namespaceObject.ConsentManagerWidgetAccordion
 });
 const accordion_cjs_namespaceObject = require("./atoms/accordion.cjs");
 const root_cjs_namespaceObject = require("./atoms/root.cjs");
 const button_cjs_namespaceObject = require("./atoms/button.cjs");
 const footer_cjs_namespaceObject = require("./atoms/footer.cjs");
-var __webpack_export_target__ = exports;
-for(var __webpack_i__ in __webpack_exports__)__webpack_export_target__[__webpack_i__] = __webpack_exports__[__webpack_i__];
-if (__webpack_exports__.__esModule) Object.defineProperty(__webpack_export_target__, '__esModule', {
+exports.AcceptAllButton = __webpack_exports__.AcceptAllButton;
+exports.Accordion = __webpack_exports__.Accordion;
+exports.AccordionArrow = __webpack_exports__.AccordionArrow;
+exports.AccordionContent = __webpack_exports__.AccordionContent;
+exports.AccordionItem = __webpack_exports__.AccordionItem;
+exports.AccordionItems = __webpack_exports__.AccordionItems;
+exports.AccordionTrigger = __webpack_exports__.AccordionTrigger;
+exports.AccordionTriggerInner = __webpack_exports__.AccordionTriggerInner;
+exports.ConsentManagerWidgetAcceptAllButton = __webpack_exports__.ConsentManagerWidgetAcceptAllButton;
+exports.ConsentManagerWidgetAccordion = __webpack_exports__.ConsentManagerWidgetAccordion;
+exports.ConsentManagerWidgetAccordionArrow = __webpack_exports__.ConsentManagerWidgetAccordionArrow;
+exports.ConsentManagerWidgetAccordionContent = __webpack_exports__.ConsentManagerWidgetAccordionContent;
+exports.ConsentManagerWidgetAccordionItem = __webpack_exports__.ConsentManagerWidgetAccordionItem;
+exports.ConsentManagerWidgetAccordionItems = __webpack_exports__.ConsentManagerWidgetAccordionItems;
+exports.ConsentManagerWidgetAccordionTrigger = __webpack_exports__.ConsentManagerWidgetAccordionTrigger;
+exports.ConsentManagerWidgetAccordionTriggerInner = __webpack_exports__.ConsentManagerWidgetAccordionTriggerInner;
+exports.ConsentManagerWidgetCustomizeButton = __webpack_exports__.ConsentManagerWidgetCustomizeButton;
+exports.ConsentManagerWidgetFooter = __webpack_exports__.ConsentManagerWidgetFooter;
+exports.ConsentManagerWidgetFooterSubGroup = __webpack_exports__.ConsentManagerWidgetFooterSubGroup;
+exports.ConsentManagerWidgetRejectButton = __webpack_exports__.ConsentManagerWidgetRejectButton;
+exports.ConsentManagerWidgetRoot = __webpack_exports__.ConsentManagerWidgetRoot;
+exports.ConsentManagerWidgetSaveButton = __webpack_exports__.ConsentManagerWidgetSaveButton;
+exports.ConsentManagerWidgetSwitch = __webpack_exports__.ConsentManagerWidgetSwitch;
+exports.CustomizeButton = __webpack_exports__.CustomizeButton;
+exports.Footer = __webpack_exports__.Footer;
+exports.FooterSubGroup = __webpack_exports__.FooterSubGroup;
+exports.RejectButton = __webpack_exports__.RejectButton;
+exports.Root = __webpack_exports__.Root;
+exports.SaveButton = __webpack_exports__.SaveButton;
+exports.Switch = __webpack_exports__.Switch;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "AcceptAllButton",
+    "Accordion",
+    "AccordionArrow",
+    "AccordionContent",
+    "AccordionItem",
+    "AccordionItems",
+    "AccordionTrigger",
+    "AccordionTriggerInner",
+    "ConsentManagerWidgetAcceptAllButton",
+    "ConsentManagerWidgetAccordion",
+    "ConsentManagerWidgetAccordionArrow",
+    "ConsentManagerWidgetAccordionContent",
+    "ConsentManagerWidgetAccordionItem",
+    "ConsentManagerWidgetAccordionItems",
+    "ConsentManagerWidgetAccordionTrigger",
+    "ConsentManagerWidgetAccordionTriggerInner",
+    "ConsentManagerWidgetCustomizeButton",
+    "ConsentManagerWidgetFooter",
+    "ConsentManagerWidgetFooterSubGroup",
+    "ConsentManagerWidgetRejectButton",
+    "ConsentManagerWidgetRoot",
+    "ConsentManagerWidgetSaveButton",
+    "ConsentManagerWidgetSwitch",
+    "CustomizeButton",
+    "Footer",
+    "FooterSubGroup",
+    "RejectButton",
+    "Root",
+    "SaveButton",
+    "Switch"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
     value: true
 });

package/dist/components/consent-manager-widget/theme.cjs

@@ -1,7 +1,7 @@
 "use strict";
 var __webpack_require__ = {};
 (()=>{
-    __webpack_require__.r = function(exports1) {
+    __webpack_require__.r = (exports1)=>{
         if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
             value: 'Module'
         });
@@ -12,8 +12,7 @@ var __webpack_require__ = {};
 })();
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
-var __webpack_export_target__ = exports;
-for(var __webpack_i__ in __webpack_exports__)__webpack_export_target__[__webpack_i__] = __webpack_exports__[__webpack_i__];
-if (__webpack_exports__.__esModule) Object.defineProperty(__webpack_export_target__, '__esModule', {
+for(var __webpack_i__ in __webpack_exports__)exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
     value: true
 });

package/dist/components/consent-manager-widget/types.cjs

@@ -1,7 +1,7 @@
 "use strict";
 var __webpack_require__ = {};
 (()=>{
-    __webpack_require__.r = function(exports1) {
+    __webpack_require__.r = (exports1)=>{
         if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
             value: 'Module'
         });
@@ -12,8 +12,7 @@ var __webpack_require__ = {};
 })();
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
-var __webpack_export_target__ = exports;
-for(var __webpack_i__ in __webpack_exports__)__webpack_export_target__[__webpack_i__] = __webpack_exports__[__webpack_i__];
-if (__webpack_exports__.__esModule) Object.defineProperty(__webpack_export_target__, '__esModule', {
+for(var __webpack_i__ in __webpack_exports__)exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
     value: true
 });

package/dist/components/cookie-banner/__tests__/cookie-banner.e2e.test.cjs

@@ -0,0 +1,189 @@
+"use strict";
+var __webpack_exports__ = {};
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_vitest_namespaceObject = require("vitest");
+const external_vitest_browser_react_namespaceObject = require("vitest-browser-react");
+const consent_manager_dialog_cjs_namespaceObject = require("../../consent-manager-dialog/consent-manager-dialog.cjs");
+const consent_manager_provider_cjs_namespaceObject = require("../../../providers/consent-manager-provider.cjs");
+const external_cookie_banner_cjs_namespaceObject = require("../cookie-banner.cjs");
+let mockShowPopup = true;
+let mockIsPrivacyDialogOpen = false;
+external_vitest_namespaceObject.vi.mock('~/hooks/use-consent-manager', async (importOriginal)=>{
+    const realModule = await importOriginal();
+    return {
+        useConsentManager: ()=>({
+                ...realModule.useConsentManager(),
+                showPopup: mockShowPopup,
+                isPrivacyDialogOpen: mockIsPrivacyDialogOpen,
+                setShowPopup: (value)=>{
+                    mockShowPopup = value;
+                },
+                setIsPrivacyDialogOpen: (value)=>{
+                    mockIsPrivacyDialogOpen = value;
+                }
+            })
+    };
+});
+const localStorageMock = (()=>{
+    let store = {};
+    return {
+        getItem: (key)=>store[key] || null,
+        setItem: (key, value)=>{
+            store[key] = value.toString();
+        },
+        removeItem: (key)=>{
+            delete store[key];
+        },
+        clear: ()=>{
+            store = {};
+        }
+    };
+})();
+Object.defineProperty(window, 'localStorage', {
+    value: localStorageMock
+});
+const defaultOptions = {
+    mode: 'offline'
+};
+(0, external_vitest_namespaceObject.describe)('CookieBanner E2E Tests', ()=>{
+    (0, external_vitest_namespaceObject.beforeEach)(()=>{
+        window.localStorage.clear();
+        mockShowPopup = true;
+        external_vitest_namespaceObject.vi.clearAllMocks();
+    });
+    (0, external_vitest_namespaceObject.test)('should show cookie banner on first visit', async ()=>{
+        (0, external_vitest_browser_react_namespaceObject.render)(/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(consent_manager_provider_cjs_namespaceObject.ConsentManagerProvider, {
+            options: defaultOptions,
+            children: [
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_cookie_banner_cjs_namespaceObject.CookieBanner, {}),
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(consent_manager_dialog_cjs_namespaceObject.ConsentManagerDialog, {})
+            ]
+        }));
+        const element = document.body.querySelector('[data-testid="cookie-banner-root"]');
+        (0, external_vitest_namespaceObject.expect)(element).toBeInTheDocument();
+        (0, external_vitest_namespaceObject.expect)(mockShowPopup).toBe(true);
+        (0, external_vitest_namespaceObject.expect)(document.querySelector('[data-testid="cookie-banner-title"]')).toBeInTheDocument();
+        (0, external_vitest_namespaceObject.expect)(document.querySelector('[data-testid="cookie-banner-description"]')).toBeInTheDocument();
+        (0, external_vitest_namespaceObject.expect)(document.querySelector('[data-testid="cookie-banner-reject-button"]')).toBeInTheDocument();
+        (0, external_vitest_namespaceObject.expect)(document.querySelector('[data-testid="cookie-banner-customize-button"]')).toBeInTheDocument();
+        (0, external_vitest_namespaceObject.expect)(document.querySelector('[data-testid="cookie-banner-accept-button"]')).toBeInTheDocument();
+    });
+    (0, external_vitest_namespaceObject.test)('should accept all cookies when clicking Accept All', async ()=>{
+        (0, external_vitest_browser_react_namespaceObject.render)(/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(consent_manager_provider_cjs_namespaceObject.ConsentManagerProvider, {
+            options: defaultOptions,
+            children: [
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_cookie_banner_cjs_namespaceObject.CookieBanner, {}),
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(consent_manager_dialog_cjs_namespaceObject.ConsentManagerDialog, {})
+            ]
+        }));
+        const acceptButton = document.querySelector('[data-testid="cookie-banner-accept-button"]');
+        acceptButton?.dispatchEvent(new MouseEvent('click', {
+            bubbles: true
+        }));
+        await new Promise((resolve)=>setTimeout(resolve, 100));
+        (0, external_vitest_namespaceObject.expect)(mockShowPopup).toBe(false);
+        (0, external_vitest_namespaceObject.expect)(document.querySelector('[data-testid="cookie-banner-root"]')).not.toBeInTheDocument();
+        const consent = JSON.parse(window.localStorage.getItem('privacy-consent-storage') || '{}');
+        (0, external_vitest_namespaceObject.expect)(consent.consents).toBeTruthy();
+        (0, external_vitest_namespaceObject.expect)(consent.consentInfo.type).toBe('all');
+    });
+    (0, external_vitest_namespaceObject.test)('should reject non-essential cookies when clicking Reject All', async ()=>{
+        (0, external_vitest_browser_react_namespaceObject.render)(/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(consent_manager_provider_cjs_namespaceObject.ConsentManagerProvider, {
+            options: defaultOptions,
+            children: [
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_cookie_banner_cjs_namespaceObject.CookieBanner, {}),
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(consent_manager_dialog_cjs_namespaceObject.ConsentManagerDialog, {})
+            ]
+        }));
+        const rejectButton = document.querySelector('[data-testid="cookie-banner-reject-button"]');
+        rejectButton?.dispatchEvent(new MouseEvent('click', {
+            bubbles: true
+        }));
+        await new Promise((resolve)=>setTimeout(resolve, 100));
+        (0, external_vitest_namespaceObject.expect)(mockShowPopup).toBe(false);
+        (0, external_vitest_namespaceObject.expect)(document.querySelector('[data-testid="cookie-banner-root"]')).not.toBeInTheDocument();
+        const consent = JSON.parse(window.localStorage.getItem('privacy-consent-storage') || '{}');
+        (0, external_vitest_namespaceObject.expect)(consent.consents).toBeTruthy();
+        (0, external_vitest_namespaceObject.expect)(consent.consentInfo.type).toBe('necessary');
+        (0, external_vitest_namespaceObject.expect)(consent.consents.necessary).toBe(true);
+        (0, external_vitest_namespaceObject.expect)(consent.consents.experience).toBe(false);
+        (0, external_vitest_namespaceObject.expect)(consent.consents.functionality).toBe(false);
+        (0, external_vitest_namespaceObject.expect)(consent.consents.marketing).toBe(false);
+        (0, external_vitest_namespaceObject.expect)(consent.consents.measurement).toBe(false);
+    });
+    (0, external_vitest_namespaceObject.test)('should open consent manager dialog when clicking Customize', async ()=>{
+        (0, external_vitest_browser_react_namespaceObject.render)(/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(consent_manager_provider_cjs_namespaceObject.ConsentManagerProvider, {
+            options: defaultOptions,
+            children: [
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_cookie_banner_cjs_namespaceObject.CookieBanner, {}),
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(consent_manager_dialog_cjs_namespaceObject.ConsentManagerDialog, {})
+            ]
+        }));
+        const customizeButton = document.querySelector('[data-testid="cookie-banner-customize-button"]');
+        customizeButton?.dispatchEvent(new MouseEvent('click', {
+            bubbles: true
+        }));
+        await new Promise((resolve)=>setTimeout(resolve, 100));
+        (0, external_vitest_namespaceObject.expect)(mockShowPopup).toBe(false);
+        (0, external_vitest_namespaceObject.expect)(document.querySelector('[data-testid="cookie-banner-root"]')).not.toBeInTheDocument();
+        (0, external_vitest_namespaceObject.expect)(mockIsPrivacyDialogOpen).toBe(true);
+        const dialog = document.querySelector('[data-testid="consent-manager-dialog-root"]');
+        (0, external_vitest_namespaceObject.expect)(dialog).toBeInTheDocument();
+        (0, external_vitest_namespaceObject.expect)(document.querySelector('[data-testid="consent-manager-widget-switch-necessary"]')).toBeInTheDocument();
+        (0, external_vitest_namespaceObject.expect)(document.querySelector('[data-testid="consent-manager-widget-switch-marketing"]')).toBeInTheDocument();
+        const marketingSwitch = document.querySelector('[data-testid="consent-manager-widget-switch-marketing"]');
+        marketingSwitch?.dispatchEvent(new MouseEvent('click', {
+            bubbles: true
+        }));
+        const saveButton = document.querySelector('[data-testid="consent-manager-widget-footer-save-button"]');
+        saveButton?.dispatchEvent(new MouseEvent('click', {
+            bubbles: true
+        }));
+        await new Promise((resolve)=>setTimeout(resolve, 100));
+        (0, external_vitest_namespaceObject.expect)(mockIsPrivacyDialogOpen).toBe(false);
+        const consent = JSON.parse(window.localStorage.getItem('privacy-consent-storage') || '{}');
+        (0, external_vitest_namespaceObject.expect)(consent.consents).toBeTruthy();
+        (0, external_vitest_namespaceObject.expect)(consent.consentInfo.type).toBe('custom');
+        (0, external_vitest_namespaceObject.expect)(consent.consents.marketing).toBe(true);
+    });
+    (0, external_vitest_namespaceObject.test)('should be keyboard accessible', async ()=>{
+        (0, external_vitest_browser_react_namespaceObject.render)(/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(consent_manager_provider_cjs_namespaceObject.ConsentManagerProvider, {
+            options: defaultOptions,
+            children: [
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_cookie_banner_cjs_namespaceObject.CookieBanner, {}),
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(consent_manager_dialog_cjs_namespaceObject.ConsentManagerDialog, {})
+            ]
+        }));
+        const rejectButton = document.querySelector('[data-testid="cookie-banner-reject-button"]');
+        const customizeButton = document.querySelector('[data-testid="cookie-banner-customize-button"]');
+        const acceptButton = document.querySelector('[data-testid="cookie-banner-accept-button"]');
+        rejectButton.focus();
+        (0, external_vitest_namespaceObject.expect)(document.activeElement).toBe(rejectButton);
+        customizeButton.focus();
+        (0, external_vitest_namespaceObject.expect)(document.activeElement).toBe(customizeButton);
+        acceptButton.focus();
+        (0, external_vitest_namespaceObject.expect)(document.activeElement).toBe(acceptButton);
+    });
+    (0, external_vitest_namespaceObject.test)('should handle scroll lock properly', async ()=>{
+        (0, external_vitest_browser_react_namespaceObject.render)(/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(consent_manager_provider_cjs_namespaceObject.ConsentManagerProvider, {
+            options: defaultOptions,
+            children: [
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_cookie_banner_cjs_namespaceObject.CookieBanner, {
+                    scrollLock: true
+                }),
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(consent_manager_dialog_cjs_namespaceObject.ConsentManagerDialog, {})
+            ]
+        }));
+        (0, external_vitest_namespaceObject.expect)(document.querySelector('[data-testid="cookie-banner-overlay"]')).toBeInTheDocument();
+        const acceptButton = document.querySelector('[data-testid="cookie-banner-accept-button"]');
+        acceptButton?.dispatchEvent(new MouseEvent('click', {
+            bubbles: true
+        }));
+        await new Promise((resolve)=>setTimeout(resolve, 100));
+        (0, external_vitest_namespaceObject.expect)(document.querySelector('[data-testid="cookie-banner-overlay"]')).not.toBeInTheDocument();
+    });
+});
+for(var __webpack_i__ in __webpack_exports__)exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/cookie-banner/__tests__/cookie-banner.e2e.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=cookie-banner.e2e.test.d.ts.map

package/dist/components/cookie-banner/__tests__/cookie-banner.e2e.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cookie-banner.e2e.test.d.ts","sourceRoot":"","sources":["../../../../src/components/cookie-banner/__tests__/cookie-banner.e2e.test.tsx"],"names":[],"mappings":""}