@c15t/react 0.0.1-rc.9 → 1.0.1

package/dist/components/consent-manager-dialog/__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,14 @@ 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_dialog_cjs_namespaceObject = require("../consent-manager-dialog.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);
 const ALL_COMPONENTS = [
     {
         testId: 'consent-manager-dialog-root',
@@ -69,15 +63,39 @@ const ALL_COMPONENTS = [
         styles: 'custom-dialog-footer'
     }
 ];
+external_vitest_namespaceObject.vi.mock('~/hooks/use-consent-manager', ()=>({
+        useConsentManager: ()=>({
+                isPrivacyDialogOpen: true,
+                getDisplayedConsents: external_vitest_namespaceObject.vi.fn(()=>[]),
+                saveConsents: external_vitest_namespaceObject.vi.fn(),
+                setShowPopup: external_vitest_namespaceObject.vi.fn(),
+                setIsPrivacyDialogOpen: external_vitest_namespaceObject.vi.fn()
+            })
+    }));
+external_vitest_namespaceObject.vi.mock('~/hooks/use-translations', ()=>({
+        useTranslations: ()=>({
+                consentManagerDialog: {
+                    title: 'Dialog Title',
+                    description: "Dialog Description",
+                    saveButton: 'Save',
+                    rejectAllButton: 'Reject All',
+                    acceptAllButton: 'Accept All'
+                },
+                consentManagerWidget: {},
+                cookieBanner: {},
+                general: {}
+            })
+    }));
 (0, external_vitest_namespaceObject.test)('Theme prop applies string classnames to all components', async ()=>{
     const test = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_consent_manager_dialog_cjs_namespaceObject.ConsentManagerDialog, {
         open: true,
+        scrollLock: true,
         theme: ALL_COMPONENTS.reduce((acc, { themeKey, styles })=>{
             acc[themeKey] = styles;
             return acc;
         }, {})
     });
-    await external_utils_cjs_default()({
+    await test_helpers_cjs_default()({
         component: test,
         testCases: ALL_COMPONENTS.map(({ testId, styles })=>({
                 testId,
@@ -99,6 +117,7 @@ const ALL_COMPONENTS = [
         }));
     const test = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_consent_manager_dialog_cjs_namespaceObject.ConsentManagerDialog, {
         open: true,
+        scrollLock: true,
         theme: testCases.reduce((acc, { themeKey, className, style })=>{
             acc[themeKey] = {
                 className,
@@ -107,7 +126,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,
@@ -120,6 +139,7 @@ const ALL_COMPONENTS = [
 });
 (0, external_vitest_namespaceObject.test)('No style prop removes default styles but keeps custom classNames', async ()=>{
     const test = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_consent_manager_dialog_cjs_namespaceObject.ConsentManagerDialog, {
+        scrollLock: true,
         noStyle: true,
         open: true,
         theme: ALL_COMPONENTS.reduce((acc, { themeKey, styles })=>{
@@ -127,7 +147,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,
@@ -148,10 +168,11 @@ const ALL_COMPONENTS = [
         'dialog.overlay': 'custom-dialog-overlay'
     };
     const test = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_consent_manager_dialog_cjs_namespaceObject.ConsentManagerDialog, {
+        scrollLock: true,
         theme: mixedTheme,
         open: true
     });
-    await external_utils_cjs_default()({
+    await test_helpers_cjs_default()({
         component: test,
         testCases: [
             {
@@ -184,10 +205,11 @@ const ALL_COMPONENTS = [
         }
     };
     const test = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_consent_manager_dialog_cjs_namespaceObject.ConsentManagerDialog, {
+        scrollLock: true,
         open: true,
         theme: edgeCaseTheme
     });
-    await external_utils_cjs_default()({
+    await test_helpers_cjs_default()({
         component: test,
         testCases: [
             {
@@ -211,8 +233,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
 });

package/dist/components/consent-manager-dialog/__tests__/styles.spec.js

@@ -1,7 +1,7 @@
 import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
 import * as __WEBPACK_EXTERNAL_MODULE_vitest__ from "vitest";
 import * as __WEBPACK_EXTERNAL_MODULE__consent_manager_dialog_js_fdf416e1__ from "../consent-manager-dialog.js";
-import * as __WEBPACK_EXTERNAL_MODULE__utils_js_d88b7fe1__ from "./utils.js";
+import * as __WEBPACK_EXTERNAL_MODULE__utils_test_helpers_js_1e3d26b6__ from "../../../utils/test-helpers.js";
 const ALL_COMPONENTS = [
     {
         testId: 'consent-manager-dialog-root',
@@ -39,15 +39,39 @@ const ALL_COMPONENTS = [
         styles: 'custom-dialog-footer'
     }
 ];
+__WEBPACK_EXTERNAL_MODULE_vitest__.vi.mock('~/hooks/use-consent-manager', ()=>({
+        useConsentManager: ()=>({
+                isPrivacyDialogOpen: true,
+                getDisplayedConsents: __WEBPACK_EXTERNAL_MODULE_vitest__.vi.fn(()=>[]),
+                saveConsents: __WEBPACK_EXTERNAL_MODULE_vitest__.vi.fn(),
+                setShowPopup: __WEBPACK_EXTERNAL_MODULE_vitest__.vi.fn(),
+                setIsPrivacyDialogOpen: __WEBPACK_EXTERNAL_MODULE_vitest__.vi.fn()
+            })
+    }));
+__WEBPACK_EXTERNAL_MODULE_vitest__.vi.mock('~/hooks/use-translations', ()=>({
+        useTranslations: ()=>({
+                consentManagerDialog: {
+                    title: 'Dialog Title',
+                    description: "Dialog Description",
+                    saveButton: 'Save',
+                    rejectAllButton: 'Reject All',
+                    acceptAllButton: 'Accept All'
+                },
+                consentManagerWidget: {},
+                cookieBanner: {},
+                general: {}
+            })
+    }));
 (0, __WEBPACK_EXTERNAL_MODULE_vitest__.test)('Theme prop applies string classnames to all components', async ()=>{
     const test = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__consent_manager_dialog_js_fdf416e1__.ConsentManagerDialog, {
         open: true,
+        scrollLock: true,
         theme: ALL_COMPONENTS.reduce((acc, { themeKey, styles })=>{
             acc[themeKey] = styles;
             return acc;
         }, {})
     });
-    await (0, __WEBPACK_EXTERNAL_MODULE__utils_js_d88b7fe1__["default"])({
+    await (0, __WEBPACK_EXTERNAL_MODULE__utils_test_helpers_js_1e3d26b6__["default"])({
         component: test,
         testCases: ALL_COMPONENTS.map(({ testId, styles })=>({
                 testId,
@@ -69,6 +93,7 @@ const ALL_COMPONENTS = [
         }));
     const test = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__consent_manager_dialog_js_fdf416e1__.ConsentManagerDialog, {
         open: true,
+        scrollLock: true,
         theme: testCases.reduce((acc, { themeKey, className, style })=>{
             acc[themeKey] = {
                 className,
@@ -77,7 +102,7 @@ const ALL_COMPONENTS = [
             return acc;
         }, {})
     });
-    await (0, __WEBPACK_EXTERNAL_MODULE__utils_js_d88b7fe1__["default"])({
+    await (0, __WEBPACK_EXTERNAL_MODULE__utils_test_helpers_js_1e3d26b6__["default"])({
         component: test,
         testCases: testCases.map(({ testId, className, style })=>({
                 testId,
@@ -90,6 +115,7 @@ const ALL_COMPONENTS = [
 });
 (0, __WEBPACK_EXTERNAL_MODULE_vitest__.test)('No style prop removes default styles but keeps custom classNames', async ()=>{
     const test = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__consent_manager_dialog_js_fdf416e1__.ConsentManagerDialog, {
+        scrollLock: true,
         noStyle: true,
         open: true,
         theme: ALL_COMPONENTS.reduce((acc, { themeKey, styles })=>{
@@ -97,7 +123,7 @@ const ALL_COMPONENTS = [
             return acc;
         }, {})
     });
-    await (0, __WEBPACK_EXTERNAL_MODULE__utils_js_d88b7fe1__["default"])({
+    await (0, __WEBPACK_EXTERNAL_MODULE__utils_test_helpers_js_1e3d26b6__["default"])({
         component: test,
         testCases: ALL_COMPONENTS.map(({ testId, styles })=>({
                 testId,
@@ -118,10 +144,11 @@ const ALL_COMPONENTS = [
         'dialog.overlay': 'custom-dialog-overlay'
     };
     const test = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__consent_manager_dialog_js_fdf416e1__.ConsentManagerDialog, {
+        scrollLock: true,
         theme: mixedTheme,
         open: true
     });
-    await (0, __WEBPACK_EXTERNAL_MODULE__utils_js_d88b7fe1__["default"])({
+    await (0, __WEBPACK_EXTERNAL_MODULE__utils_test_helpers_js_1e3d26b6__["default"])({
         component: test,
         testCases: [
             {
@@ -154,10 +181,11 @@ const ALL_COMPONENTS = [
         }
     };
     const test = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__consent_manager_dialog_js_fdf416e1__.ConsentManagerDialog, {
+        scrollLock: true,
         open: true,
         theme: edgeCaseTheme
     });
-    await (0, __WEBPACK_EXTERNAL_MODULE__utils_js_d88b7fe1__["default"])({
+    await (0, __WEBPACK_EXTERNAL_MODULE__utils_test_helpers_js_1e3d26b6__["default"])({
         component: test,
         testCases: [
             {

package/dist/components/consent-manager-dialog/atoms/dialog-card.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'
         });
@@ -40,24 +34,26 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
-    Footer: ()=>Footer,
+    DialogHeader: ()=>DialogHeader,
     Content: ()=>Content,
-    Header: ()=>Header,
+    Footer: ()=>Footer,
+    DialogFooter: ()=>DialogFooter,
+    ConsentCustomizationCard: ()=>ConsentCustomizationCard,
     Card: ()=>Card,
+    DialogContent: ()=>DialogContent,
+    Header: ()=>Header,
     DialogHeaderTitle: ()=>DialogHeaderTitle,
+    HeaderTitle: ()=>HeaderTitle,
     HeaderDescription: ()=>HeaderDescription,
-    ConsentCustomizationCard: ()=>ConsentCustomizationCard,
-    DialogFooter: ()=>DialogFooter,
     DialogHeaderDescription: ()=>DialogHeaderDescription,
-    DialogHeader: ()=>DialogHeader,
-    DialogContent: ()=>DialogContent,
-    HeaderTitle: ()=>HeaderTitle
+    BrandingFooter: ()=>BrandingFooter
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_react_namespaceObject = require("react");
 const consent_manager_widget_cjs_namespaceObject = require("../../consent-manager-widget/consent-manager-widget.cjs");
 const box_cjs_namespaceObject = require("../../shared/primitives/box.cjs");
 const logo_cjs_namespaceObject = require("../../shared/ui/logo.cjs");
+const index_cjs_namespaceObject = require("../../../hooks/index.cjs");
 const use_translations_cjs_namespaceObject = require("../../../hooks/use-translations.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);
@@ -101,21 +97,31 @@ const DialogContent = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRe
         ...props,
         children: children
     }));
-const DialogFooter = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(box_cjs_namespaceObject.Box, {
+const DialogFooter = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ children, themeKey, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(box_cjs_namespaceObject.Box, {
         ref: ref,
         className: external_consent_manager_dialog_module_cjs_default().footer,
-        themeKey: "dialog.footer",
+        themeKey: themeKey || 'dialog.footer',
         ...props,
         "data-testid": "consent-manager-dialog-footer",
-        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("a", {
-            className: external_consent_manager_dialog_module_cjs_default().branding,
-            href: "https://c15t.com",
-            children: [
-                "Secured by ",
-                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(logo_cjs_namespaceObject.ConsentManagementIcon, {})
-            ]
-        })
+        children: children
     }));
+const BrandingFooter = ()=>{
+    const consentManager = (0, index_cjs_namespaceObject.useConsentManager)();
+    const refParam = 'undefined' != typeof window ? `?ref=${window.location.hostname}` : '';
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("a", {
+        className: external_consent_manager_dialog_module_cjs_default().branding,
+        href: consentManager.isConsentDomain ? `https://consent.io${refParam}` : `https://c15t.com${refParam}`,
+        children: [
+            "Secured by",
+            ' ',
+            consentManager.isConsentDomain ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(logo_cjs_namespaceObject.ConsentLogo, {
+                className: external_consent_manager_dialog_module_cjs_default().brandingConsent
+            }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(logo_cjs_namespaceObject.C15TIcon, {
+                className: external_consent_manager_dialog_module_cjs_default().brandingC15T
+            })
+        ]
+    });
+};
 const ConsentCustomizationCard = ({ noStyle })=>{
     const translations = (0, use_translations_cjs_namespaceObject.useTranslations)();
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(DialogCard, {
@@ -137,7 +143,10 @@ const ConsentCustomizationCard = ({ noStyle })=>{
                     useProvider: false
                 })
             }),
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(DialogFooter, {})
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(DialogFooter, {
+                themeKey: "dialog.footer",
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(BrandingFooter, {})
+            })
         ]
     });
 };
@@ -147,8 +156,34 @@ const HeaderTitle = DialogHeaderTitle;
 const HeaderDescription = DialogHeaderDescription;
 const Content = DialogContent;
 const Footer = DialogFooter;
-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.BrandingFooter = __webpack_exports__.BrandingFooter;
+exports.Card = __webpack_exports__.Card;
+exports.ConsentCustomizationCard = __webpack_exports__.ConsentCustomizationCard;
+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;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "BrandingFooter",
+    "Card",
+    "ConsentCustomizationCard",
+    "Content",
+    "DialogContent",
+    "DialogFooter",
+    "DialogHeader",
+    "DialogHeaderDescription",
+    "DialogHeaderTitle",
+    "Footer",
+    "Header",
+    "HeaderDescription",
+    "HeaderTitle"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
     value: true
 });

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

@@ -55,13 +55,18 @@ declare const DialogContent: import("react").ForwardRefExoticComponent<Omit<BoxP
  * - Includes c15t.com branding by default
  * - Can be customized through theme configuration
  */
-declare const DialogFooter: import("react").ForwardRefExoticComponent<Omit<BoxProps, "themeKey"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const DialogFooter: import("react").ForwardRefExoticComponent<BoxProps & import("react").RefAttributes<HTMLDivElement>>;
+/**
+ * The branding footer with configurable logo
+ */
+export declare const BrandingFooter: () => import("react/jsx-runtime").JSX.Element;
 /**
  * A pre-configured privacy settings dialog card.
  * Combines all dialog components with default content for privacy customization.
  *
  * @param {Object} props - Component props
  * @param {boolean} [props.noStyle] - When true, removes default styling
+ * @param {boolean} [props.useConsentLogo] - When true, uses the Consent logo instead of C15T logo
  *
  * @example
  * ```tsx
@@ -74,8 +79,9 @@ declare const DialogFooter: import("react").ForwardRefExoticComponent<Omit<BoxPr
  * - Includes consent type management
  * - Built-in accessibility features
  */
-declare const ConsentCustomizationCard: ({ noStyle }: {
+declare const ConsentCustomizationCard: ({ noStyle, }: {
     noStyle?: boolean;
+    useConsentLogo?: boolean;
 }) => import("react/jsx-runtime").JSX.Element;
 declare const Card: import("react").ForwardRefExoticComponent<{
     /** The content to be rendered inside the dialog card */
@@ -85,6 +91,6 @@ declare const Header: import("react").ForwardRefExoticComponent<Omit<BoxProps, "
 declare const HeaderTitle: import("react").ForwardRefExoticComponent<Omit<BoxProps, "themeKey"> & import("react").RefAttributes<HTMLDivElement>>;
 declare const HeaderDescription: import("react").ForwardRefExoticComponent<Omit<BoxProps, "themeKey"> & import("react").RefAttributes<HTMLDivElement>>;
 declare const Content: import("react").ForwardRefExoticComponent<Omit<BoxProps, "themeKey"> & import("react").RefAttributes<HTMLDivElement>>;
-declare const Footer: import("react").ForwardRefExoticComponent<Omit<BoxProps, "themeKey"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const Footer: import("react").ForwardRefExoticComponent<BoxProps & import("react").RefAttributes<HTMLDivElement>>;
 export { Card, Header, HeaderTitle, HeaderDescription, Content, Footer, ConsentCustomizationCard, DialogFooter, DialogHeader, DialogHeaderTitle, DialogHeaderDescription, DialogContent, };
 //# sourceMappingURL=dialog-card.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"dialog-card.d.ts","sourceRoot":"","sources":["../../../../src/components/consent-manager-dialog/atoms/dialog-card.tsx"],"names":[],"mappings":"AAEA;;;;GAIG;AAEH,OAAO,EAAE,KAAK,SAAS,EAAwB,MAAM,OAAO,CAAC;AAG7D,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AAGxE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AA4CpD;;;;;;;;GAQG;AACH,QAAA,MAAM,YAAY,uHAcjB,CAAC;AAEF;;;;;;;;GAQG;AACH,QAAA,MAAM,iBAAiB,uHAerB,CAAC;AAEH;;;;;;;;GAQG;AACH,QAAA,MAAM,uBAAuB,uHAe3B,CAAC;AAEH;;;;;;;;GAQG;AACH,QAAA,MAAM,aAAa,uHAclB,CAAC;AAEF;;;;;;;;GAQG;AACH,QAAA,MAAM,YAAY,uHAgBjB,CAAC;AAEF;;;;;;;;;;;;;;;;;GAiBG;AACH,QAAA,MAAM,wBAAwB,gBAAiB;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,4CAuBnE,CAAC;AAEF,QAAA,MAAM,IAAI;IAhNT,wDAAwD;eAC7C,SAAS;mEA+ME,CAAC;AACxB,QAAA,MAAM,MAAM,uHAAe,CAAC;AAC5B,QAAA,MAAM,WAAW,uHAAoB,CAAC;AACtC,QAAA,MAAM,iBAAiB,uHAA0B,CAAC;AAClD,QAAA,MAAM,OAAO,uHAAgB,CAAC;AAC9B,QAAA,MAAM,MAAM,uHAAe,CAAC;AAE5B,OAAO,EACN,IAAI,EACJ,MAAM,EACN,WAAW,EACX,iBAAiB,EACjB,OAAO,EACP,MAAM,EACN,wBAAwB,EACxB,YAAY,EACZ,YAAY,EACZ,iBAAiB,EACjB,uBAAuB,EACvB,aAAa,GACb,CAAC"}
+{"version":3,"file":"dialog-card.d.ts","sourceRoot":"","sources":["../../../../src/components/consent-manager-dialog/atoms/dialog-card.tsx"],"names":[],"mappings":"AAEA;;;;GAIG;AAEH,OAAO,EAAE,KAAK,SAAS,EAAwB,MAAM,OAAO,CAAC;AAG7D,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AAIxE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AA4CpD;;;;;;;;GAQG;AACH,QAAA,MAAM,YAAY,uHAcjB,CAAC;AAEF;;;;;;;;GAQG;AACH,QAAA,MAAM,iBAAiB,uHAerB,CAAC;AAEH;;;;;;;;GAQG;AACH,QAAA,MAAM,uBAAuB,uHAe3B,CAAC;AAEH;;;;;;;;GAQG;AACH,QAAA,MAAM,aAAa,uHAclB,CAAC;AAEF;;;;;;;;GAQG;AACH,QAAA,MAAM,YAAY,qGAcjB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,+CAuB1B,CAAC;AAEF;;;;;;;;;;;;;;;;;;GAkBG;AACH,QAAA,MAAM,wBAAwB,GAAI,cAE/B;IACF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;CACzB,4CAyBA,CAAC;AAEF,QAAA,MAAM,IAAI;IAlPT,wDAAwD;eAC7C,SAAS;mEAiPE,CAAC;AACxB,QAAA,MAAM,MAAM,uHAAe,CAAC;AAC5B,QAAA,MAAM,WAAW,uHAAoB,CAAC;AACtC,QAAA,MAAM,iBAAiB,uHAA0B,CAAC;AAClD,QAAA,MAAM,OAAO,uHAAgB,CAAC;AAC9B,QAAA,MAAM,MAAM,qGAAe,CAAC;AAE5B,OAAO,EACN,IAAI,EACJ,MAAM,EACN,WAAW,EACX,iBAAiB,EACjB,OAAO,EACP,MAAM,EACN,wBAAwB,EACxB,YAAY,EACZ,YAAY,EACZ,iBAAiB,EACjB,uBAAuB,EACvB,aAAa,GACb,CAAC"}

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

@@ -4,6 +4,7 @@ import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
 import * as __WEBPACK_EXTERNAL_MODULE__consent_manager_widget_consent_manager_widget_js_3e4fb923__ from "../../consent-manager-widget/consent-manager-widget.js";
 import * as __WEBPACK_EXTERNAL_MODULE__shared_primitives_box_js_7c16a6ef__ from "../../shared/primitives/box.js";
 import * as __WEBPACK_EXTERNAL_MODULE__shared_ui_logo_js_ac271674__ from "../../shared/ui/logo.js";
+import * as __WEBPACK_EXTERNAL_MODULE__hooks_index_js_d5d998a4__ from "../../../hooks/index.js";
 import * as __WEBPACK_EXTERNAL_MODULE__hooks_use_translations_js_776e0ecb__ from "../../../hooks/use-translations.js";
 import * as __WEBPACK_EXTERNAL_MODULE__consent_manager_dialog_module_js_94ee2e04__ from "../consent-manager-dialog.module.js";
 const DialogCard = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(({ children, ...props }, ref)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__shared_primitives_box_js_7c16a6ef__.Box, {
@@ -46,21 +47,31 @@ const DialogContent = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwar
         ...props,
         children: children
     }));
-const DialogFooter = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(({ ...props }, ref)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__shared_primitives_box_js_7c16a6ef__.Box, {
+const DialogFooter = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(({ children, themeKey, ...props }, ref)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__shared_primitives_box_js_7c16a6ef__.Box, {
         ref: ref,
         className: __WEBPACK_EXTERNAL_MODULE__consent_manager_dialog_module_js_94ee2e04__["default"].footer,
-        themeKey: "dialog.footer",
+        themeKey: themeKey || 'dialog.footer',
         ...props,
         "data-testid": "consent-manager-dialog-footer",
-        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("a", {
-            className: __WEBPACK_EXTERNAL_MODULE__consent_manager_dialog_module_js_94ee2e04__["default"].branding,
-            href: "https://c15t.com",
-            children: [
-                "Secured by ",
-                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__shared_ui_logo_js_ac271674__.ConsentManagementIcon, {})
-            ]
-        })
+        children: children
     }));
+const BrandingFooter = ()=>{
+    const consentManager = (0, __WEBPACK_EXTERNAL_MODULE__hooks_index_js_d5d998a4__.useConsentManager)();
+    const refParam = 'undefined' != typeof window ? `?ref=${window.location.hostname}` : '';
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("a", {
+        className: __WEBPACK_EXTERNAL_MODULE__consent_manager_dialog_module_js_94ee2e04__["default"].branding,
+        href: consentManager.isConsentDomain ? `https://consent.io${refParam}` : `https://c15t.com${refParam}`,
+        children: [
+            "Secured by",
+            ' ',
+            consentManager.isConsentDomain ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__shared_ui_logo_js_ac271674__.ConsentLogo, {
+                className: __WEBPACK_EXTERNAL_MODULE__consent_manager_dialog_module_js_94ee2e04__["default"].brandingConsent
+            }) : /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__shared_ui_logo_js_ac271674__.C15TIcon, {
+                className: __WEBPACK_EXTERNAL_MODULE__consent_manager_dialog_module_js_94ee2e04__["default"].brandingC15T
+            })
+        ]
+    });
+};
 const ConsentCustomizationCard = ({ noStyle })=>{
     const translations = (0, __WEBPACK_EXTERNAL_MODULE__hooks_use_translations_js_776e0ecb__.useTranslations)();
     return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(DialogCard, {
@@ -82,7 +93,10 @@ const ConsentCustomizationCard = ({ noStyle })=>{
                     useProvider: false
                 })
             }),
-            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(DialogFooter, {})
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(DialogFooter, {
+                themeKey: "dialog.footer",
+                children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(BrandingFooter, {})
+            })
         ]
     });
 };
@@ -92,4 +106,4 @@ const HeaderTitle = DialogHeaderTitle;
 const HeaderDescription = DialogHeaderDescription;
 const Content = DialogContent;
 const Footer = DialogFooter;
-export { Card, ConsentCustomizationCard, Content, DialogContent, DialogFooter, DialogHeader, DialogHeaderDescription, DialogHeaderTitle, Footer, Header, HeaderDescription, HeaderTitle };
+export { BrandingFooter, Card, ConsentCustomizationCard, Content, DialogContent, DialogFooter, DialogHeader, DialogHeaderDescription, DialogHeaderTitle, Footer, Header, HeaderDescription, HeaderTitle };

package/dist/components/consent-manager-dialog/atoms/overlay.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,12 +18,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'
         });
@@ -39,24 +33,27 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
-    ConsentManagerDialogOverlay: ()=>ConsentManagerDialogOverlay,
-    Overlay: ()=>Overlay
+    Overlay: ()=>Overlay,
+    ConsentManagerDialogOverlay: ()=>ConsentManagerDialogOverlay
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const react_namespaceObject = require("motion/react");
 const use_consent_manager_cjs_namespaceObject = require("../../../hooks/use-consent-manager.cjs");
+const use_scroll_lock_cjs_namespaceObject = require("../../../hooks/use-scroll-lock.cjs");
+const use_styles_cjs_namespaceObject = require("../../../hooks/use-styles.cjs");
 const use_theme_cjs_namespaceObject = require("../../../hooks/use-theme.cjs");
-const use_styles_cjs_namespaceObject = require("../../../utils/use-styles.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 ConsentManagerDialogOverlay = ({ noStyle, open = false })=>{
     const { isPrivacyDialogOpen } = (0, use_consent_manager_cjs_namespaceObject.useConsentManager)();
-    const { disableAnimation, noStyle: isThemeNoStyle } = (0, use_theme_cjs_namespaceObject.useTheme)();
+    const { disableAnimation, noStyle: isThemeNoStyle, scrollLock = true } = (0, use_theme_cjs_namespaceObject.useTheme)();
     const theme = (0, use_styles_cjs_namespaceObject.useStyles)('dialog.overlay', {
         baseClassName: external_consent_manager_dialog_module_cjs_default().overlay,
         noStyle: isThemeNoStyle || noStyle
     });
-    return open || isPrivacyDialogOpen ? disableAnimation ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+    const shouldLockScroll = !!(open || isPrivacyDialogOpen) && scrollLock;
+    (0, use_scroll_lock_cjs_namespaceObject.useScrollLock)(shouldLockScroll);
+    return shouldLockScroll ? disableAnimation ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
         ...theme,
         "data-testid": "consent-manager-dialog-overlay"
     }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_namespaceObject.AnimatePresence, {
@@ -76,8 +73,12 @@ const ConsentManagerDialogOverlay = ({ noStyle, open = false })=>{
     }) : null;
 };
 const Overlay = ConsentManagerDialogOverlay;
-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.ConsentManagerDialogOverlay = __webpack_exports__.ConsentManagerDialogOverlay;
+exports.Overlay = __webpack_exports__.Overlay;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "ConsentManagerDialogOverlay",
+    "Overlay"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
     value: true
 });

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

@@ -1 +1 @@
-{"version":3,"file":"overlay.d.ts","sourceRoot":"","sources":["../../../../src/components/consent-manager-dialog/atoms/overlay.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAIhD;;;;;;;;;GASG;AACH,UAAU,YAAY;IACrB;;;;;;;OAOG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;IAEnB;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CACf;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,QAAA,MAAM,2BAA2B,EAAE,EAAE,CAAC,YAAY,CA2BjD,CAAC;AAEF,QAAA,MAAM,OAAO,kBAA8B,CAAC;AAE5C,OAAO,EAAE,OAAO,EAAE,2BAA2B,EAAE,CAAC"}
+{"version":3,"file":"overlay.d.ts","sourceRoot":"","sources":["../../../../src/components/consent-manager-dialog/atoms/overlay.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAKhC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAGhD;;;;;;;;;GASG;AACH,UAAU,YAAY;IACrB;;;;;;;OAOG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;IAEnB;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CACf;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,QAAA,MAAM,2BAA2B,EAAE,EAAE,CAAC,YAAY,CAmCjD,CAAC;AAEF,QAAA,MAAM,OAAO,kBAA8B,CAAC;AAE5C,OAAO,EAAE,OAAO,EAAE,2BAA2B,EAAE,CAAC"}