@c15t/react 0.0.1-rc.19 → 0.0.1-rc.21

package/dist/components/consent-manager-widget/atoms/footer.cjs

@@ -21,7 +21,7 @@ var __webpack_require__ = {};
     __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'
         });
@@ -61,8 +61,16 @@ const ConsentManagerWidgetFooterSubGroup = /*#__PURE__*/ (0, external_react_name
     }));
 const Footer = ConsentManagerWidgetFooter;
 const FooterSubGroup = ConsentManagerWidgetFooterSubGroup;
-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.ConsentManagerWidgetFooter = __webpack_exports__.ConsentManagerWidgetFooter;
+exports.ConsentManagerWidgetFooterSubGroup = __webpack_exports__.ConsentManagerWidgetFooterSubGroup;
+exports.Footer = __webpack_exports__.Footer;
+exports.FooterSubGroup = __webpack_exports__.FooterSubGroup;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "ConsentManagerWidgetFooter",
+    "ConsentManagerWidgetFooterSubGroup",
+    "Footer",
+    "FooterSubGroup"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
     value: true
 });

package/dist/components/consent-manager-widget/atoms/root.cjs

@@ -13,7 +13,7 @@ var __webpack_require__ = {};
     __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'
         });
@@ -51,8 +51,12 @@ const ConsentManagerWidgetRoot = ({ children, noStyle = false, disableAnimation
     return content;
 };
 const Root = ConsentManagerWidgetRoot;
-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.ConsentManagerWidgetRoot = __webpack_exports__.ConsentManagerWidgetRoot;
+exports.Root = __webpack_exports__.Root;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "ConsentManagerWidgetRoot",
+    "Root"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
     value: true
 });

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

@@ -13,7 +13,7 @@ var __webpack_require__ = {};
     __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'
         });
@@ -28,10 +28,9 @@ __webpack_require__.d(__webpack_exports__, {
     ConsentManagerWidget: ()=>ConsentManagerWidget
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const box_cjs_namespaceObject = require("../shared/primitives/box.cjs");
 const external_react_namespaceObject = require("react");
 const use_translations_cjs_namespaceObject = require("../../hooks/use-translations.cjs");
-const logo_cjs_namespaceObject = require("../shared/ui/logo.cjs");
+const dialog_card_cjs_namespaceObject = require("../consent-manager-dialog/atoms/dialog-card.cjs");
 const accordion_cjs_namespaceObject = require("./atoms/accordion.cjs");
 const button_cjs_namespaceObject = require("./atoms/button.cjs");
 const footer_cjs_namespaceObject = require("./atoms/footer.cjs");
@@ -39,6 +38,7 @@ const root_cjs_namespaceObject = require("./atoms/root.cjs");
 const ConsentManagerWidget = ({ hideBrading, ...props })=>{
     const [openItems, setOpenItems] = (0, external_react_namespaceObject.useState)([]);
     const { consentManagerWidget } = (0, use_translations_cjs_namespaceObject.useTranslations)();
+    'undefined' != typeof window && window.location.hostname;
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(root_cjs_namespaceObject.ConsentManagerWidgetRoot, {
         ...props,
         children: [
@@ -70,25 +70,17 @@ const ConsentManagerWidget = ({ hideBrading, ...props })=>{
                     })
                 ]
             }),
-            !hideBrading && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(box_cjs_namespaceObject.Box, {
-                baseClassName: "c15t-consent-manager-widget-branding",
+            !hideBrading && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(dialog_card_cjs_namespaceObject.DialogFooter, {
                 themeKey: "widget.branding",
-                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("a", {
-                    className: "c15t-consent-manager-widget-branding-link",
-                    href: "https://c15t.com",
-                    children: [
-                        "Secured by ",
-                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(logo_cjs_namespaceObject.ConsentManagementIcon, {
-                            className: "h-4"
-                        })
-                    ]
-                })
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(dialog_card_cjs_namespaceObject.BrandingFooter, {})
             })
         ]
     });
 };
-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.ConsentManagerWidget = __webpack_exports__.ConsentManagerWidget;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "ConsentManagerWidget"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
     value: true
 });

package/dist/components/consent-manager-widget/consent-manager-widget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"consent-manager-widget.d.ts","sourceRoot":"","sources":["../../../src/components/consent-manager-widget/consent-manager-widget.tsx"],"names":[],"mappings":"AA4BA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAC;AAEzD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,eAAO,MAAM,oBAAoB,GAAI,2BAGlC,yBAAyB,4CAyC3B,CAAC"}
+{"version":3,"file":"consent-manager-widget.d.ts","sourceRoot":"","sources":["../../../src/components/consent-manager-widget/consent-manager-widget.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAC;AAEzD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,eAAO,MAAM,oBAAoB,GAAI,2BAGlC,yBAAyB,4CAoC3B,CAAC"}

package/dist/components/consent-manager-widget/consent-manager-widget.js

@@ -1,9 +1,8 @@
 'use client';
 import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
-import * as __WEBPACK_EXTERNAL_MODULE__shared_primitives_box_js_82ada135__ from "../shared/primitives/box.js";
 import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
 import * as __WEBPACK_EXTERNAL_MODULE__hooks_use_translations_js_036cca3c__ from "../../hooks/use-translations.js";
-import * as __WEBPACK_EXTERNAL_MODULE__shared_ui_logo_js_4c564996__ from "../shared/ui/logo.js";
+import * as __WEBPACK_EXTERNAL_MODULE__consent_manager_dialog_atoms_dialog_card_js_3a2024af__ from "../consent-manager-dialog/atoms/dialog-card.js";
 import * as __WEBPACK_EXTERNAL_MODULE__atoms_accordion_js_6108145a__ from "./atoms/accordion.js";
 import * as __WEBPACK_EXTERNAL_MODULE__atoms_button_js_8afc8370__ from "./atoms/button.js";
 import * as __WEBPACK_EXTERNAL_MODULE__atoms_footer_js_ccc39505__ from "./atoms/footer.js";
@@ -11,6 +10,7 @@ import * as __WEBPACK_EXTERNAL_MODULE__atoms_root_js_8443a91f__ from "./atoms/ro
 const ConsentManagerWidget = ({ hideBrading, ...props })=>{
     const [openItems, setOpenItems] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)([]);
     const { consentManagerWidget } = (0, __WEBPACK_EXTERNAL_MODULE__hooks_use_translations_js_036cca3c__.useTranslations)();
+    'undefined' != typeof window && window.location.hostname;
     return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE__atoms_root_js_8443a91f__.ConsentManagerWidgetRoot, {
         ...props,
         children: [
@@ -42,19 +42,9 @@ const ConsentManagerWidget = ({ hideBrading, ...props })=>{
                     })
                 ]
             }),
-            !hideBrading && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__shared_primitives_box_js_82ada135__.Box, {
-                baseClassName: "c15t-consent-manager-widget-branding",
+            !hideBrading && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__consent_manager_dialog_atoms_dialog_card_js_3a2024af__.DialogFooter, {
                 themeKey: "widget.branding",
-                children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("a", {
-                    className: "c15t-consent-manager-widget-branding-link",
-                    href: "https://c15t.com",
-                    children: [
-                        "Secured by ",
-                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__shared_ui_logo_js_4c564996__.ConsentManagementIcon, {
-                            className: "h-4"
-                        })
-                    ]
-                })
+                children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__consent_manager_dialog_atoms_dialog_card_js_3a2024af__.BrandingFooter, {})
             })
         ]
     });

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

@@ -12,7 +12,7 @@ var __webpack_require__ = {};
     __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'
         });
@@ -24,10 +24,10 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
-    default: ()=>consent_manager_widget_module_rslib_entry_
+    default: ()=>consent_manager_widget_module
 });
 require("./consent-manager-widget_module.css");
-const consent_manager_widget_module_rslib_entry_ = {
+const consent_manager_widget_module = {
     enter: "c15t-enter-rkppV",
     exit: "c15t-exit-pldK8",
     widget: "c15t-widget-mZfPK",
@@ -45,15 +45,16 @@ const consent_manager_widget_module_rslib_entry_ = {
     topLeft: "c15t-topLeft-_G3uz",
     topRight: "c15t-topRight-By5Hm",
     accordionItem: "c15t-accordionItem-fU3xo",
-    accordionTrigger: "c15t-accordionTrigger-SWny4",
     accordionTriggerInner: "c15t-accordionTriggerInner-bepZm",
+    accordionTrigger: "c15t-accordionTrigger-SWny4",
     accordionContent: "c15t-accordionContent-qm_yt",
     accordionArrow: "c15t-accordionArrow-t0PT0",
-    switch: "c15t-switch-cBZCr",
-    switchThumb: "c15t-switchThumb-arKEJ"
+    switch: "c15t-switch-cBZCr"
 };
-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["default"] = __webpack_exports__["default"];
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "default"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
     value: true
 });

package/dist/components/consent-manager-widget/consent-manager-widget.module.js

@@ -1,5 +1,5 @@
 import "./consent-manager-widget_module.css";
-const consent_manager_widget_module_rslib_entry_ = {
+const consent_manager_widget_module = {
     enter: "c15t-enter-rkppV",
     exit: "c15t-exit-pldK8",
     widget: "c15t-widget-mZfPK",
@@ -17,11 +17,10 @@ const consent_manager_widget_module_rslib_entry_ = {
     topLeft: "c15t-topLeft-_G3uz",
     topRight: "c15t-topRight-By5Hm",
     accordionItem: "c15t-accordionItem-fU3xo",
-    accordionTrigger: "c15t-accordionTrigger-SWny4",
     accordionTriggerInner: "c15t-accordionTriggerInner-bepZm",
+    accordionTrigger: "c15t-accordionTrigger-SWny4",
     accordionContent: "c15t-accordionContent-qm_yt",
     accordionArrow: "c15t-accordionArrow-t0PT0",
-    switch: "c15t-switch-cBZCr",
-    switchThumb: "c15t-switchThumb-arKEJ"
+    switch: "c15t-switch-cBZCr"
 };
-export { consent_manager_widget_module_rslib_entry_ as default };
+export { consent_manager_widget_module as default };

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 {
@@ -233,7 +235,12 @@
   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);
 }
 
 .c15t-dark .c15t-accordionItem-fU3xo {
@@ -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 {
@@ -321,17 +330,3 @@
   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

@@ -13,7 +13,7 @@ var __webpack_require__ = {};
     __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'
         });
@@ -60,8 +60,68 @@ 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":""}