@c15t/react 0.0.1-rc.9 → 1.0.0

package/dist/components/consent-manager-dialog/atoms/overlay.js

@@ -1,17 +1,20 @@
 import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
 import * as __WEBPACK_EXTERNAL_MODULE_motion_react_9decfa63__ from "motion/react";
 import * as __WEBPACK_EXTERNAL_MODULE__hooks_use_consent_manager_js_8a30bd26__ from "../../../hooks/use-consent-manager.js";
+import * as __WEBPACK_EXTERNAL_MODULE__hooks_use_scroll_lock_js_ebd470d2__ from "../../../hooks/use-scroll-lock.js";
+import * as __WEBPACK_EXTERNAL_MODULE__hooks_use_styles_js_ffc85ca5__ from "../../../hooks/use-styles.js";
 import * as __WEBPACK_EXTERNAL_MODULE__hooks_use_theme_js_3abff3d7__ from "../../../hooks/use-theme.js";
-import * as __WEBPACK_EXTERNAL_MODULE__utils_use_styles_js_413e0e0a__ from "../../../utils/use-styles.js";
 import * as __WEBPACK_EXTERNAL_MODULE__consent_manager_dialog_module_js_94ee2e04__ from "../consent-manager-dialog.module.js";
 const ConsentManagerDialogOverlay = ({ noStyle, open = false })=>{
     const { isPrivacyDialogOpen } = (0, __WEBPACK_EXTERNAL_MODULE__hooks_use_consent_manager_js_8a30bd26__.useConsentManager)();
-    const { disableAnimation, noStyle: isThemeNoStyle } = (0, __WEBPACK_EXTERNAL_MODULE__hooks_use_theme_js_3abff3d7__.useTheme)();
-    const theme = (0, __WEBPACK_EXTERNAL_MODULE__utils_use_styles_js_413e0e0a__.useStyles)('dialog.overlay', {
+    const { disableAnimation, noStyle: isThemeNoStyle, scrollLock = true } = (0, __WEBPACK_EXTERNAL_MODULE__hooks_use_theme_js_3abff3d7__.useTheme)();
+    const theme = (0, __WEBPACK_EXTERNAL_MODULE__hooks_use_styles_js_ffc85ca5__.useStyles)('dialog.overlay', {
         baseClassName: __WEBPACK_EXTERNAL_MODULE__consent_manager_dialog_module_js_94ee2e04__["default"].overlay,
         noStyle: isThemeNoStyle || noStyle
     });
-    return open || isPrivacyDialogOpen ? disableAnimation ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+    const shouldLockScroll = !!(open || isPrivacyDialogOpen) && scrollLock;
+    (0, __WEBPACK_EXTERNAL_MODULE__hooks_use_scroll_lock_js_ebd470d2__.useScrollLock)(shouldLockScroll);
+    return shouldLockScroll ? disableAnimation ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
         ...theme,
         "data-testid": "consent-manager-dialog-overlay"
     }) : /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_motion_react_9decfa63__.AnimatePresence, {

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

@@ -2,12 +2,8 @@
 "use strict";
 var __webpack_require__ = {};
 (()=>{
-    __webpack_require__.n = function(module) {
-        var getter = module && module.__esModule ? function() {
-            return module['default'];
-        } : function() {
-            return module;
-        };
+    __webpack_require__.n = (module)=>{
+        var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
         __webpack_require__.d(getter, {
             a: getter
         });
@@ -15,7 +11,7 @@ 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]
@@ -23,12 +19,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'
         });
@@ -50,6 +44,7 @@ const theme_context_cjs_namespaceObject = require("../../context/theme-context.c
 const use_consent_manager_cjs_namespaceObject = require("../../hooks/use-consent-manager.cjs");
 const dialog_card_cjs_namespaceObject = require("./atoms/dialog-card.cjs");
 const overlay_cjs_namespaceObject = require("./atoms/overlay.cjs");
+const use_focus_trap_cjs_namespaceObject = require("../../hooks/use-focus-trap.cjs");
 const external_consent_manager_dialog_module_cjs_namespaceObject = require("./consent-manager-dialog.module.cjs");
 var external_consent_manager_dialog_module_cjs_default = /*#__PURE__*/ __webpack_require__.n(external_consent_manager_dialog_module_cjs_namespaceObject);
 const dialogVariants = {
@@ -85,18 +80,23 @@ const contentVariants = {
         }
     }
 };
-const ConsentManagerDialog = ({ theme, disableAnimation, noStyle, open = false })=>{
+const ConsentManagerDialog = ({ theme, disableAnimation, noStyle, open = false, scrollLock = true, trapFocus = true })=>{
     const consentManager = (0, use_consent_manager_cjs_namespaceObject.useConsentManager)();
     const [isMounted, setIsMounted] = (0, external_react_namespaceObject.useState)(false);
     const contentRef = (0, external_react_namespaceObject.useRef)(null);
+    const dialogRef = (0, external_react_namespaceObject.useRef)(null);
     (0, external_react_namespaceObject.useEffect)(()=>{
         setIsMounted(true);
         return ()=>setIsMounted(false);
     }, []);
+    const isRefObject = dialogRef && 'object' == typeof dialogRef && 'current' in dialogRef;
+    (0, use_focus_trap_cjs_namespaceObject.useFocusTrap)((open || consentManager.isPrivacyDialogOpen) && trapFocus, isRefObject ? dialogRef : null);
     const contextValue = {
         theme,
         noStyle,
-        disableAnimation
+        disableAnimation,
+        scrollLock,
+        trapFocus
     };
     const dialogContentRoot = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(theme_context_cjs_namespaceObject.LocalThemeContext.Provider, {
         value: contextValue,
@@ -108,6 +108,7 @@ const ConsentManagerDialog = ({ theme, disableAnimation, noStyle, open = false }
                         open: open
                     }),
                     /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_namespaceObject.motion.dialog, {
+                        ref: dialogRef,
                         className: external_consent_manager_dialog_module_cjs_default().root,
                         variants: dialogVariants,
                         initial: "hidden",
@@ -115,6 +116,7 @@ const ConsentManagerDialog = ({ theme, disableAnimation, noStyle, open = false }
                         exit: "exit",
                         "aria-modal": "true",
                         "aria-labelledby": "privacy-settings-title",
+                        tabIndex: -1,
                         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_namespaceObject.motion.div, {
                             ref: contentRef,
                             className: external_consent_manager_dialog_module_cjs_default().container,
@@ -133,8 +135,10 @@ const ConsentManagerDialog = ({ theme, disableAnimation, noStyle, open = false }
     });
     return isMounted && /*#__PURE__*/ (0, external_react_dom_namespaceObject.createPortal)(dialogContentRoot, document.body);
 };
-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.ConsentManagerDialog = __webpack_exports__.ConsentManagerDialog;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "ConsentManagerDialog"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
     value: true
 });

package/dist/components/consent-manager-dialog/consent-manager-dialog.d.ts

@@ -11,8 +11,6 @@ import type { ConsentManagerDialogTheme } from './theme';
 export interface ConsentManagerDialogProps extends ThemeContextValue<ConsentManagerDialogTheme> {
     /** Disables animation when true */
     disableAnimation?: boolean;
-    /** Removes default styling when true */
-    noStyle?: boolean;
     /** Whether the dialog is open */
     open?: boolean;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"consent-manager-dialog.d.ts","sourceRoot":"","sources":["../../../src/components/consent-manager-dialog/consent-manager-dialog.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,KAAK,EAAE,EAA+B,MAAM,OAAO,CAAC;AAE7D,OAAO,EAEN,KAAK,iBAAiB,EACtB,MAAM,yBAAyB,CAAC;AAIjC,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAC;AAgCzD;;;;;;GAMG;AACH,MAAM,WAAW,yBAChB,SAAQ,iBAAiB,CAAC,yBAAyB,CAAC;IACpD,mCAAmC;IACnC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,wCAAwC;IACxC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,iCAAiC;IACjC,IAAI,CAAC,EAAE,OAAO,CAAC;CACf;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,yBAAyB,CA4D9D,CAAC"}
+{"version":3,"file":"consent-manager-dialog.d.ts","sourceRoot":"","sources":["../../../src/components/consent-manager-dialog/consent-manager-dialog.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,KAAK,EAAE,EAA+C,MAAM,OAAO,CAAC;AAE7E,OAAO,EAEN,KAAK,iBAAiB,EACtB,MAAM,yBAAyB,CAAC;AAIjC,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAC;AAiCzD;;;;;;GAMG;AACH,MAAM,WAAW,yBAChB,SAAQ,iBAAiB,CAAC,yBAAyB,CAAC;IACpD,mCAAmC;IACnC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B,iCAAiC;IACjC,IAAI,CAAC,EAAE,OAAO,CAAC;CACf;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,yBAAyB,CA2E9D,CAAC"}

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

@@ -7,6 +7,7 @@ import * as __WEBPACK_EXTERNAL_MODULE__context_theme_context_js_ba151654__ from
 import * as __WEBPACK_EXTERNAL_MODULE__hooks_use_consent_manager_js_5d8ab60c__ from "../../hooks/use-consent-manager.js";
 import * as __WEBPACK_EXTERNAL_MODULE__atoms_dialog_card_js_e5b99128__ from "./atoms/dialog-card.js";
 import * as __WEBPACK_EXTERNAL_MODULE__atoms_overlay_js_ae5a4e71__ from "./atoms/overlay.js";
+import * as __WEBPACK_EXTERNAL_MODULE__hooks_use_focus_trap_js_1fb469b9__ from "../../hooks/use-focus-trap.js";
 import * as __WEBPACK_EXTERNAL_MODULE__consent_manager_dialog_module_js_5dbc157e__ from "./consent-manager-dialog.module.js";
 const dialogVariants = {
     hidden: {
@@ -41,18 +42,23 @@ const contentVariants = {
         }
     }
 };
-const ConsentManagerDialog = ({ theme, disableAnimation, noStyle, open = false })=>{
+const ConsentManagerDialog = ({ theme, disableAnimation, noStyle, open = false, scrollLock = true, trapFocus = true })=>{
     const consentManager = (0, __WEBPACK_EXTERNAL_MODULE__hooks_use_consent_manager_js_5d8ab60c__.useConsentManager)();
     const [isMounted, setIsMounted] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(false);
     const contentRef = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(null);
+    const dialogRef = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(null);
     (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
         setIsMounted(true);
         return ()=>setIsMounted(false);
     }, []);
+    const isRefObject = dialogRef && 'object' == typeof dialogRef && 'current' in dialogRef;
+    (0, __WEBPACK_EXTERNAL_MODULE__hooks_use_focus_trap_js_1fb469b9__.useFocusTrap)((open || consentManager.isPrivacyDialogOpen) && trapFocus, isRefObject ? dialogRef : null);
     const contextValue = {
         theme,
         noStyle,
-        disableAnimation
+        disableAnimation,
+        scrollLock,
+        trapFocus
     };
     const dialogContentRoot = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__context_theme_context_js_ba151654__.LocalThemeContext.Provider, {
         value: contextValue,
@@ -64,6 +70,7 @@ const ConsentManagerDialog = ({ theme, disableAnimation, noStyle, open = false }
                         open: open
                     }),
                     /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_motion_react_9decfa63__.motion.dialog, {
+                        ref: dialogRef,
                         className: __WEBPACK_EXTERNAL_MODULE__consent_manager_dialog_module_js_5dbc157e__["default"].root,
                         variants: dialogVariants,
                         initial: "hidden",
@@ -71,6 +78,7 @@ const ConsentManagerDialog = ({ theme, disableAnimation, noStyle, open = false }
                         exit: "exit",
                         "aria-modal": "true",
                         "aria-labelledby": "privacy-settings-title",
+                        tabIndex: -1,
                         children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_motion_react_9decfa63__.motion.div, {
                             ref: contentRef,
                             className: __WEBPACK_EXTERNAL_MODULE__consent_manager_dialog_module_js_5dbc157e__["default"].container,

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

@@ -1,7 +1,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]
@@ -9,12 +9,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'
         });
@@ -26,13 +24,15 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
-    default: ()=>consent_manager_dialog_module_rslib_entry_
+    default: ()=>consent_manager_dialog_module
 });
 require("./consent-manager-dialog_module.css");
-const consent_manager_dialog_module_rslib_entry_ = {
+const consent_manager_dialog_module = {
     root: "c15t-root-QhMZC",
     container: "c15t-container-bOKMN",
     branding: "c15t-branding-p1rXd",
+    brandingC15T: "c15t-brandingC15T-gskQ7",
+    brandingConsent: "c15t-brandingConsent-yGJd8",
     headerWrapper: "c15t-headerWrapper-GSp8u",
     closeButton: "c15t-closeButton-PxEni",
     footer: "c15t-footer-oOtr_",
@@ -43,8 +43,10 @@ const consent_manager_dialog_module_rslib_entry_ = {
     description: "c15t-description-Nct_b",
     content: "c15t-content-_6tun"
 };
-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-dialog/consent-manager-dialog.module.js

@@ -1,8 +1,10 @@
 import "./consent-manager-dialog_module.css";
-const consent_manager_dialog_module_rslib_entry_ = {
+const consent_manager_dialog_module = {
     root: "c15t-root-QhMZC",
     container: "c15t-container-bOKMN",
     branding: "c15t-branding-p1rXd",
+    brandingC15T: "c15t-brandingC15T-gskQ7",
+    brandingConsent: "c15t-brandingConsent-yGJd8",
     headerWrapper: "c15t-headerWrapper-GSp8u",
     closeButton: "c15t-closeButton-PxEni",
     footer: "c15t-footer-oOtr_",
@@ -13,4 +15,4 @@ const consent_manager_dialog_module_rslib_entry_ = {
     description: "c15t-description-Nct_b",
     content: "c15t-content-_6tun"
 };
-export { consent_manager_dialog_module_rslib_entry_ as default };
+export { consent_manager_dialog_module as default };

package/dist/components/consent-manager-dialog/consent-manager-dialog_module.css

@@ -14,8 +14,8 @@
   --dialog-branding-letter-spacing: -.01em;
   --dialog-stroke-color: #ebebeb;
   --dialog-stroke-color-dark: #333;
-  --dialog-branding-link-color: #47c2ff;
-  --dialog-branding-link-color-dark: #47c2ff;
+  --dialog-branding-focus-color: #476cff;
+  --dialog-branding-focus-color-dark: #2547d0;
   --dialog-link-text-color: #171717;
   --dialog-link-text-color-dark: #e6e6e6;
   --dialog-border-color: #ebebeb;
@@ -33,7 +33,7 @@
   --dialog-card-gap: .375rem;
   --dialog-header-gap: .375rem;
   --dialog-content-gap: 1rem;
-  --dialog-footer-padding-top: 1rem;
+  --dialog-footer-padding-y: 1rem;
   --dialog-card-radius: 1.25rem;
   --dialog-max-width: 28rem;
   --dialog-height: 80%;
@@ -78,8 +78,7 @@
 .c15t-container-bOKMN {
   width: 100%;
   max-width: var(--dialog-max-width);
-  margin-left: auto;
-  margin-right: auto;
+  margin: auto;
 }
 
 .c15t-branding-p1rXd {
@@ -91,21 +90,36 @@
   line-height: var(--dialog-branding-line-height);
   letter-spacing: var(--dialog-branding-letter-spacing);
   color: var(--dialog-foreground-color);
-  flex-direction: row;
-  flex: 1;
+  border-radius: .25rem;
+  margin: auto 0;
+  padding: 0 .5rem;
   text-decoration: none;
   display: flex;
 }
 
-.dark .c15t-branding-p1rXd {
+.c15t-branding-p1rXd:focus-visible {
+  box-shadow: 0 0 0 2px var(--dialog-branding-focus-color);
+  outline: none;
+}
+
+.c15t-dark .c15t-branding-p1rXd:focus-visible {
+  box-shadow: 0 0 0 2px var(--dialog-branding-focus-color-dark);
+}
+
+.c15t-dark .c15t-branding-p1rXd {
   color: var(--dialog-foreground-color-dark);
 }
 
-.c15t-branding-p1rXd svg {
+.c15t-brandingC15T-gskQ7 {
   width: var(--dialog-branding-icon-width);
   height: var(--dialog-branding-icon-height);
 }
 
+.c15t-brandingConsent-yGJd8 {
+  width: var(--dialog-branding-icon-width);
+  height: 1rem;
+}
+
 .c15t-headerWrapper-GSp8u {
   position: relative;
 }
@@ -132,7 +146,7 @@
   inset: 0;
 }
 
-.dark .c15t-overlay-jJ4Q1 {
+.c15t-dark .c15t-overlay-jJ4Q1 {
   background-color: var(--dialog-overlay-background-color-dark);
   color: var(--dialog-link-text-color-dark);
 }
@@ -146,7 +160,7 @@
   overflow: hidden;
 }
 
-.dark .c15t-card-d2uUf {
+.c15t-dark .c15t-card-d2uUf {
   background-color: var(--dialog-background-color-dark);
   color: var(--dialog-foreground-color-dark);
   border-color: var(--dialog-border-color-dark);
@@ -177,7 +191,7 @@
   line-height: var(--dialog-description-line-height);
 }
 
-.dark .c15t-description-Nct_b {
+.c15t-dark .c15t-description-Nct_b {
   color: var(--dialog-muted-color-dark);
 }
 
@@ -189,15 +203,15 @@
 
 .c15t-footer-oOtr_ {
   font-size: var(--dialog-footer-font-size);
-  padding: var(--dialog-card-padding);
-  padding-top: var(--dialog-footer-padding-top);
+  padding-top: var(--dialog-footer-padding-y);
+  padding-bottom: var(--dialog-footer-padding-y);
   border-top: var(--dialog-border-width) var(--dialog-border-style) var(--dialog-stroke-color);
   justify-content: center;
   align-items: center;
   display: flex;
 }
 
-.dark .c15t-footer-oOtr_ {
+.c15t-dark .c15t-footer-oOtr_ {
   border-color: var(--dialog-stroke-color-dark);
 }
 

package/dist/components/consent-manager-dialog/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,25 +25,53 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
-    ConsentManagerDialogOverlay: ()=>overlay_cjs_namespaceObject.ConsentManagerDialogOverlay,
-    Footer: ()=>dialog_card_cjs_namespaceObject.Footer,
+    DialogHeader: ()=>dialog_card_cjs_namespaceObject.DialogHeader,
     Content: ()=>dialog_card_cjs_namespaceObject.Content,
-    Header: ()=>dialog_card_cjs_namespaceObject.Header,
+    Footer: ()=>dialog_card_cjs_namespaceObject.Footer,
+    DialogFooter: ()=>dialog_card_cjs_namespaceObject.DialogFooter,
+    ConsentCustomizationCard: ()=>dialog_card_cjs_namespaceObject.ConsentCustomizationCard,
     Card: ()=>dialog_card_cjs_namespaceObject.Card,
+    DialogContent: ()=>dialog_card_cjs_namespaceObject.DialogContent,
+    Header: ()=>dialog_card_cjs_namespaceObject.Header,
+    Overlay: ()=>overlay_cjs_namespaceObject.Overlay,
     DialogHeaderTitle: ()=>dialog_card_cjs_namespaceObject.DialogHeaderTitle,
+    HeaderTitle: ()=>dialog_card_cjs_namespaceObject.HeaderTitle,
     HeaderDescription: ()=>dialog_card_cjs_namespaceObject.HeaderDescription,
-    ConsentCustomizationCard: ()=>dialog_card_cjs_namespaceObject.ConsentCustomizationCard,
-    Overlay: ()=>overlay_cjs_namespaceObject.Overlay,
-    DialogFooter: ()=>dialog_card_cjs_namespaceObject.DialogFooter,
     DialogHeaderDescription: ()=>dialog_card_cjs_namespaceObject.DialogHeaderDescription,
-    DialogHeader: ()=>dialog_card_cjs_namespaceObject.DialogHeader,
-    DialogContent: ()=>dialog_card_cjs_namespaceObject.DialogContent,
-    HeaderTitle: ()=>dialog_card_cjs_namespaceObject.HeaderTitle
+    ConsentManagerDialogOverlay: ()=>overlay_cjs_namespaceObject.ConsentManagerDialogOverlay
 });
 const dialog_card_cjs_namespaceObject = require("./atoms/dialog-card.cjs");
 const overlay_cjs_namespaceObject = require("./atoms/overlay.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.Card = __webpack_exports__.Card;
+exports.ConsentCustomizationCard = __webpack_exports__.ConsentCustomizationCard;
+exports.ConsentManagerDialogOverlay = __webpack_exports__.ConsentManagerDialogOverlay;
+exports.Content = __webpack_exports__.Content;
+exports.DialogContent = __webpack_exports__.DialogContent;
+exports.DialogFooter = __webpack_exports__.DialogFooter;
+exports.DialogHeader = __webpack_exports__.DialogHeader;
+exports.DialogHeaderDescription = __webpack_exports__.DialogHeaderDescription;
+exports.DialogHeaderTitle = __webpack_exports__.DialogHeaderTitle;
+exports.Footer = __webpack_exports__.Footer;
+exports.Header = __webpack_exports__.Header;
+exports.HeaderDescription = __webpack_exports__.HeaderDescription;
+exports.HeaderTitle = __webpack_exports__.HeaderTitle;
+exports.Overlay = __webpack_exports__.Overlay;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "Card",
+    "ConsentCustomizationCard",
+    "ConsentManagerDialogOverlay",
+    "Content",
+    "DialogContent",
+    "DialogFooter",
+    "DialogHeader",
+    "DialogHeaderDescription",
+    "DialogHeaderTitle",
+    "Footer",
+    "Header",
+    "HeaderDescription",
+    "HeaderTitle",
+    "Overlay"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
     value: true
 });

package/dist/components/consent-manager-dialog/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/__tests__/styles.spec.cjs

@@ -1,12 +1,8 @@
 "use strict";
 var __webpack_require__ = {};
 (()=>{
-    __webpack_require__.n = function(module) {
-        var getter = module && module.__esModule ? function() {
-            return module['default'];
-        } : function() {
-            return module;
-        };
+    __webpack_require__.n = (module)=>{
+        var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
         __webpack_require__.d(getter, {
             a: getter
         });
@@ -14,7 +10,7 @@ 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]
@@ -22,16 +18,42 @@ 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);
 })();
 var __webpack_exports__ = {};
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_vitest_namespaceObject = require("vitest");
 const external_consent_manager_widget_cjs_namespaceObject = require("../consent-manager-widget.cjs");
-const external_utils_cjs_namespaceObject = require("./utils.cjs");
-var external_utils_cjs_default = /*#__PURE__*/ __webpack_require__.n(external_utils_cjs_namespaceObject);
+const test_helpers_cjs_namespaceObject = require("../../../utils/test-helpers.cjs");
+var test_helpers_cjs_default = /*#__PURE__*/ __webpack_require__.n(test_helpers_cjs_namespaceObject);
+external_vitest_namespaceObject.vi.mock('~/hooks/use-consent-manager', ()=>({
+        useConsentManager: ()=>({
+                getConsentCategory: external_vitest_namespaceObject.vi.fn(()=>({
+                        isEnabled: true
+                    })),
+                updateConsentCategory: external_vitest_namespaceObject.vi.fn(),
+                saveConsents: external_vitest_namespaceObject.vi.fn(),
+                getDisplayedConsents: external_vitest_namespaceObject.vi.fn(()=>[])
+            })
+    }));
+external_vitest_namespaceObject.vi.mock('~/hooks/use-translations', ()=>({
+        useTranslations: ()=>({
+                consentManagerWidget: {
+                    necessaryCookies: 'Necessary',
+                    marketingCookies: 'Marketing',
+                    analyticsCookies: 'Analytics',
+                    preferencesCookies: 'Preferences',
+                    unknownIntegration: 'Unknown',
+                    alwaysActive: 'Always Active',
+                    rejectAllButton: 'Reject All',
+                    acceptAllButton: 'Accept All',
+                    saveButton: 'Save Settings'
+                },
+                consentManagerDialog: {},
+                cookieBanner: {},
+                general: {}
+            })
+    }));
 const ALL_COMPONENTS = [
     {
         testId: 'consent-manager-widget-root',
@@ -91,7 +113,7 @@ const ALL_COMPONENTS = [
             return acc;
         }, {})
     });
-    await external_utils_cjs_default()({
+    await test_helpers_cjs_default()({
         component: test,
         testCases: ALL_COMPONENTS.map(({ testId, styles })=>({
                 testId,
@@ -120,7 +142,7 @@ const ALL_COMPONENTS = [
             return acc;
         }, {})
     });
-    await external_utils_cjs_default()({
+    await test_helpers_cjs_default()({
         component: test,
         testCases: testCases.map(({ testId, className, style })=>({
                 testId,
@@ -139,7 +161,7 @@ const ALL_COMPONENTS = [
             return acc;
         }, {})
     });
-    await external_utils_cjs_default()({
+    await test_helpers_cjs_default()({
         component: test,
         testCases: ALL_COMPONENTS.map(({ testId, styles })=>({
                 testId,
@@ -162,7 +184,7 @@ const ALL_COMPONENTS = [
     const test = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_consent_manager_widget_cjs_namespaceObject.ConsentManagerWidget, {
         theme: mixedTheme
     });
-    await external_utils_cjs_default()({
+    await test_helpers_cjs_default()({
         component: test,
         testCases: [
             {
@@ -197,7 +219,7 @@ const ALL_COMPONENTS = [
     const test = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_consent_manager_widget_cjs_namespaceObject.ConsentManagerWidget, {
         theme: edgeCaseTheme
     });
-    await external_utils_cjs_default()({
+    await test_helpers_cjs_default()({
         component: test,
         testCases: [
             {
@@ -221,8 +243,7 @@ const ALL_COMPONENTS = [
         ]
     });
 });
-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
 });