@c15t/react 1.0.5 → 1.1.0

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

@@ -1,239 +1 @@
-"use strict";
-var __webpack_require__ = {};
-(()=>{
-    __webpack_require__.n = (module)=>{
-        var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
-        __webpack_require__.d(getter, {
-            a: getter
-        });
-        return getter;
-    };
-})();
-(()=>{
-    __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]
-        });
-    };
-})();
-(()=>{
-    __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 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',
-        themeKey: 'dialog.root',
-        styles: 'custom-dialog-root'
-    },
-    {
-        testId: 'consent-manager-dialog-overlay',
-        themeKey: 'dialog.overlay',
-        styles: 'custom-dialog-overlay'
-    },
-    {
-        testId: 'consent-manager-dialog-header',
-        themeKey: 'dialog.header',
-        styles: 'custom-dialog-header'
-    },
-    {
-        testId: 'consent-manager-dialog-title',
-        themeKey: 'dialog.title',
-        styles: 'custom-dialog-title'
-    },
-    {
-        testId: "consent-manager-dialog-description",
-        themeKey: "dialog.description",
-        styles: "custom-dialog-description"
-    },
-    {
-        testId: 'consent-manager-dialog-content',
-        themeKey: 'dialog.content',
-        styles: 'custom-dialog-content'
-    },
-    {
-        testId: 'consent-manager-dialog-footer',
-        themeKey: 'dialog.footer',
-        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 test_helpers_cjs_default()({
-        component: test,
-        testCases: ALL_COMPONENTS.map(({ testId, styles })=>({
-                testId,
-                styles
-            }))
-    });
-});
-(0, external_vitest_namespaceObject.test)('Theme prop supports object format with className and style for all components', async ()=>{
-    const style = {
-        backgroundColor: '#ffffff',
-        padding: '20px',
-        border: '1px solid #000000'
-    };
-    const testCases = ALL_COMPONENTS.map(({ testId, themeKey, styles })=>({
-            testId,
-            themeKey,
-            className: styles,
-            style
-        }));
-    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,
-                style
-            };
-            return acc;
-        }, {})
-    });
-    await test_helpers_cjs_default()({
-        component: test,
-        testCases: testCases.map(({ testId, className, style })=>({
-                testId,
-                styles: {
-                    className,
-                    style
-                }
-            }))
-    });
-});
-(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 })=>{
-            acc[themeKey] = styles;
-            return acc;
-        }, {})
-    });
-    await test_helpers_cjs_default()({
-        component: test,
-        testCases: ALL_COMPONENTS.map(({ testId, styles })=>({
-                testId,
-                styles
-            })),
-        noStyle: true
-    });
-});
-(0, external_vitest_namespaceObject.test)('Theme prop handles mixed format (string and object) correctly', async ()=>{
-    const mixedTheme = {
-        'dialog.root': {
-            className: 'custom-dialog-root',
-            style: {
-                backgroundColor: 'rgb(255, 255, 255)',
-                padding: '16px'
-            }
-        },
-        '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 test_helpers_cjs_default()({
-        component: test,
-        testCases: [
-            {
-                testId: 'consent-manager-dialog-root',
-                styles: {
-                    className: 'custom-dialog-root',
-                    style: {
-                        backgroundColor: 'rgb(255, 255, 255)',
-                        padding: '16px'
-                    }
-                }
-            },
-            {
-                testId: 'consent-manager-dialog-overlay',
-                styles: 'custom-dialog-overlay'
-            }
-        ]
-    });
-});
-(0, external_vitest_namespaceObject.test)('Theme prop handles edge cases gracefully', async ()=>{
-    const edgeCaseTheme = {
-        'dialog.root': '',
-        'dialog.overlay': '',
-        'dialog.content': {
-            className: '',
-            style: {
-                margin: '0',
-                padding: '0'
-            }
-        }
-    };
-    const test = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_consent_manager_dialog_cjs_namespaceObject.ConsentManagerDialog, {
-        scrollLock: true,
-        open: true,
-        theme: edgeCaseTheme
-    });
-    await test_helpers_cjs_default()({
-        component: test,
-        testCases: [
-            {
-                testId: 'consent-manager-dialog-root',
-                styles: ''
-            },
-            {
-                testId: 'consent-manager-dialog-overlay',
-                styles: ''
-            },
-            {
-                testId: 'consent-manager-dialog-content',
-                styles: {
-                    className: '',
-                    style: {
-                        margin: '0',
-                        padding: '0'
-                    }
-                }
-            }
-        ]
-    });
-});
-for(var __webpack_i__ in __webpack_exports__)exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
-Object.defineProperty(exports, '__esModule', {
-    value: true
-});
+"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return __webpack_require__.d(t,{a:t}),t},__webpack_require__.d=(e,t)=>{for(var a in t)__webpack_require__.o(t,a)&&!__webpack_require__.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);var __webpack_exports__={};let jsx_runtime_namespaceObject=require("react/jsx-runtime"),external_vitest_namespaceObject=require("vitest"),external_consent_manager_dialog_cjs_namespaceObject=require("../consent-manager-dialog.cjs"),test_helpers_cjs_namespaceObject=require("../../../utils/test-helpers.cjs");var test_helpers_cjs_default=__webpack_require__.n(test_helpers_cjs_namespaceObject);let ALL_COMPONENTS=[{testId:"consent-manager-dialog-root",themeKey:"dialog.root",styles:"custom-dialog-root"},{testId:"consent-manager-dialog-overlay",themeKey:"dialog.overlay",styles:"custom-dialog-overlay"},{testId:"consent-manager-dialog-header",themeKey:"dialog.header",styles:"custom-dialog-header"},{testId:"consent-manager-dialog-title",themeKey:"dialog.title",styles:"custom-dialog-title"},{testId:"consent-manager-dialog-description",themeKey:"dialog.description",styles:"custom-dialog-description"},{testId:"consent-manager-dialog-content",themeKey:"dialog.content",styles:"custom-dialog-content"},{testId:"consent-manager-dialog-footer",themeKey:"dialog.footer",styles:"custom-dialog-footer"}];for(var __webpack_i__ in external_vitest_namespaceObject.vi.mock("~/hooks/use-consent-manager",()=>({useConsentManager:()=>({isPrivacyDialogOpen:!0,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()=>{let e=(0,jsx_runtime_namespaceObject.jsx)(external_consent_manager_dialog_cjs_namespaceObject.ConsentManagerDialog,{open:!0,scrollLock:!0,theme:ALL_COMPONENTS.reduce((e,{themeKey:t,styles:a})=>(e[t]=a,e),{})});await test_helpers_cjs_default()({component:e,testCases:ALL_COMPONENTS.map(({testId:e,styles:t})=>({testId:e,styles:t}))})}),(0,external_vitest_namespaceObject.test)("Theme prop supports object format with className and style for all components",async()=>{let e={backgroundColor:"#ffffff",padding:"20px",border:"1px solid #000000"},t=ALL_COMPONENTS.map(({testId:t,themeKey:a,styles:s})=>({testId:t,themeKey:a,className:s,style:e})),a=(0,jsx_runtime_namespaceObject.jsx)(external_consent_manager_dialog_cjs_namespaceObject.ConsentManagerDialog,{open:!0,scrollLock:!0,theme:t.reduce((e,{themeKey:t,className:a,style:s})=>(e[t]={className:a,style:s},e),{})});await test_helpers_cjs_default()({component:a,testCases:t.map(({testId:e,className:t,style:a})=>({testId:e,styles:{className:t,style:a}}))})}),(0,external_vitest_namespaceObject.test)("No style prop removes default styles but keeps custom classNames",async()=>{let e=(0,jsx_runtime_namespaceObject.jsx)(external_consent_manager_dialog_cjs_namespaceObject.ConsentManagerDialog,{scrollLock:!0,noStyle:!0,open:!0,theme:ALL_COMPONENTS.reduce((e,{themeKey:t,styles:a})=>(e[t]=a,e),{})});await test_helpers_cjs_default()({component:e,testCases:ALL_COMPONENTS.map(({testId:e,styles:t})=>({testId:e,styles:t})),noStyle:!0})}),(0,external_vitest_namespaceObject.test)("Theme prop handles mixed format (string and object) correctly",async()=>{let e=(0,jsx_runtime_namespaceObject.jsx)(external_consent_manager_dialog_cjs_namespaceObject.ConsentManagerDialog,{scrollLock:!0,theme:{"dialog.root":{className:"custom-dialog-root",style:{backgroundColor:"rgb(255, 255, 255)",padding:"16px"}},"dialog.overlay":"custom-dialog-overlay"},open:!0});await test_helpers_cjs_default()({component:e,testCases:[{testId:"consent-manager-dialog-root",styles:{className:"custom-dialog-root",style:{backgroundColor:"rgb(255, 255, 255)",padding:"16px"}}},{testId:"consent-manager-dialog-overlay",styles:"custom-dialog-overlay"}]})}),(0,external_vitest_namespaceObject.test)("Theme prop handles edge cases gracefully",async()=>{let e=(0,jsx_runtime_namespaceObject.jsx)(external_consent_manager_dialog_cjs_namespaceObject.ConsentManagerDialog,{scrollLock:!0,open:!0,theme:{"dialog.root":"","dialog.overlay":"","dialog.content":{className:"",style:{margin:"0",padding:"0"}}}});await test_helpers_cjs_default()({component:e,testCases:[{testId:"consent-manager-dialog-root",styles:""},{testId:"consent-manager-dialog-overlay",styles:""},{testId:"consent-manager-dialog-content",styles:{className:"",style:{margin:"0",padding:"0"}}}]})}),__webpack_exports__)exports[__webpack_i__]=__webpack_exports__[__webpack_i__];Object.defineProperty(exports,"__esModule",{value:!0});

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

@@ -1,211 +1 @@
-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_test_helpers_js_1e3d26b6__ from "../../../utils/test-helpers.js";
-const ALL_COMPONENTS = [
-    {
-        testId: 'consent-manager-dialog-root',
-        themeKey: 'dialog.root',
-        styles: 'custom-dialog-root'
-    },
-    {
-        testId: 'consent-manager-dialog-overlay',
-        themeKey: 'dialog.overlay',
-        styles: 'custom-dialog-overlay'
-    },
-    {
-        testId: 'consent-manager-dialog-header',
-        themeKey: 'dialog.header',
-        styles: 'custom-dialog-header'
-    },
-    {
-        testId: 'consent-manager-dialog-title',
-        themeKey: 'dialog.title',
-        styles: 'custom-dialog-title'
-    },
-    {
-        testId: "consent-manager-dialog-description",
-        themeKey: "dialog.description",
-        styles: "custom-dialog-description"
-    },
-    {
-        testId: 'consent-manager-dialog-content',
-        themeKey: 'dialog.content',
-        styles: 'custom-dialog-content'
-    },
-    {
-        testId: 'consent-manager-dialog-footer',
-        themeKey: 'dialog.footer',
-        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_test_helpers_js_1e3d26b6__["default"])({
-        component: test,
-        testCases: ALL_COMPONENTS.map(({ testId, styles })=>({
-                testId,
-                styles
-            }))
-    });
-});
-(0, __WEBPACK_EXTERNAL_MODULE_vitest__.test)('Theme prop supports object format with className and style for all components', async ()=>{
-    const style = {
-        backgroundColor: '#ffffff',
-        padding: '20px',
-        border: '1px solid #000000'
-    };
-    const testCases = ALL_COMPONENTS.map(({ testId, themeKey, styles })=>({
-            testId,
-            themeKey,
-            className: styles,
-            style
-        }));
-    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,
-                style
-            };
-            return acc;
-        }, {})
-    });
-    await (0, __WEBPACK_EXTERNAL_MODULE__utils_test_helpers_js_1e3d26b6__["default"])({
-        component: test,
-        testCases: testCases.map(({ testId, className, style })=>({
-                testId,
-                styles: {
-                    className,
-                    style
-                }
-            }))
-    });
-});
-(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 })=>{
-            acc[themeKey] = styles;
-            return acc;
-        }, {})
-    });
-    await (0, __WEBPACK_EXTERNAL_MODULE__utils_test_helpers_js_1e3d26b6__["default"])({
-        component: test,
-        testCases: ALL_COMPONENTS.map(({ testId, styles })=>({
-                testId,
-                styles
-            })),
-        noStyle: true
-    });
-});
-(0, __WEBPACK_EXTERNAL_MODULE_vitest__.test)('Theme prop handles mixed format (string and object) correctly', async ()=>{
-    const mixedTheme = {
-        'dialog.root': {
-            className: 'custom-dialog-root',
-            style: {
-                backgroundColor: 'rgb(255, 255, 255)',
-                padding: '16px'
-            }
-        },
-        '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_test_helpers_js_1e3d26b6__["default"])({
-        component: test,
-        testCases: [
-            {
-                testId: 'consent-manager-dialog-root',
-                styles: {
-                    className: 'custom-dialog-root',
-                    style: {
-                        backgroundColor: 'rgb(255, 255, 255)',
-                        padding: '16px'
-                    }
-                }
-            },
-            {
-                testId: 'consent-manager-dialog-overlay',
-                styles: 'custom-dialog-overlay'
-            }
-        ]
-    });
-});
-(0, __WEBPACK_EXTERNAL_MODULE_vitest__.test)('Theme prop handles edge cases gracefully', async ()=>{
-    const edgeCaseTheme = {
-        'dialog.root': '',
-        'dialog.overlay': '',
-        'dialog.content': {
-            className: '',
-            style: {
-                margin: '0',
-                padding: '0'
-            }
-        }
-    };
-    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_test_helpers_js_1e3d26b6__["default"])({
-        component: test,
-        testCases: [
-            {
-                testId: 'consent-manager-dialog-root',
-                styles: ''
-            },
-            {
-                testId: 'consent-manager-dialog-overlay',
-                styles: ''
-            },
-            {
-                testId: 'consent-manager-dialog-content',
-                styles: {
-                    className: '',
-                    style: {
-                        margin: '0',
-                        padding: '0'
-                    }
-                }
-            }
-        ]
-    });
-});
+import*as e from"react/jsx-runtime";import*as t from"vitest";import*as o from"../consent-manager-dialog.js";import*as a from"../../../utils/test-helpers.js";let s=[{testId:"consent-manager-dialog-root",themeKey:"dialog.root",styles:"custom-dialog-root"},{testId:"consent-manager-dialog-overlay",themeKey:"dialog.overlay",styles:"custom-dialog-overlay"},{testId:"consent-manager-dialog-header",themeKey:"dialog.header",styles:"custom-dialog-header"},{testId:"consent-manager-dialog-title",themeKey:"dialog.title",styles:"custom-dialog-title"},{testId:"consent-manager-dialog-description",themeKey:"dialog.description",styles:"custom-dialog-description"},{testId:"consent-manager-dialog-content",themeKey:"dialog.content",styles:"custom-dialog-content"},{testId:"consent-manager-dialog-footer",themeKey:"dialog.footer",styles:"custom-dialog-footer"}];t.vi.mock("~/hooks/use-consent-manager",()=>({useConsentManager:()=>({isPrivacyDialogOpen:!0,getDisplayedConsents:t.vi.fn(()=>[]),saveConsents:t.vi.fn(),setShowPopup:t.vi.fn(),setIsPrivacyDialogOpen:t.vi.fn()})})),t.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,t.test)("Theme prop applies string classnames to all components",async()=>{let t=(0,e.jsx)(o.ConsentManagerDialog,{open:!0,scrollLock:!0,theme:s.reduce((e,{themeKey:t,styles:o})=>(e[t]=o,e),{})});await (0,a.default)({component:t,testCases:s.map(({testId:e,styles:t})=>({testId:e,styles:t}))})}),(0,t.test)("Theme prop supports object format with className and style for all components",async()=>{let t={backgroundColor:"#ffffff",padding:"20px",border:"1px solid #000000"},n=s.map(({testId:e,themeKey:o,styles:a})=>({testId:e,themeKey:o,className:a,style:t})),l=(0,e.jsx)(o.ConsentManagerDialog,{open:!0,scrollLock:!0,theme:n.reduce((e,{themeKey:t,className:o,style:a})=>(e[t]={className:o,style:a},e),{})});await (0,a.default)({component:l,testCases:n.map(({testId:e,className:t,style:o})=>({testId:e,styles:{className:t,style:o}}))})}),(0,t.test)("No style prop removes default styles but keeps custom classNames",async()=>{let t=(0,e.jsx)(o.ConsentManagerDialog,{scrollLock:!0,noStyle:!0,open:!0,theme:s.reduce((e,{themeKey:t,styles:o})=>(e[t]=o,e),{})});await (0,a.default)({component:t,testCases:s.map(({testId:e,styles:t})=>({testId:e,styles:t})),noStyle:!0})}),(0,t.test)("Theme prop handles mixed format (string and object) correctly",async()=>{let t=(0,e.jsx)(o.ConsentManagerDialog,{scrollLock:!0,theme:{"dialog.root":{className:"custom-dialog-root",style:{backgroundColor:"rgb(255, 255, 255)",padding:"16px"}},"dialog.overlay":"custom-dialog-overlay"},open:!0});await (0,a.default)({component:t,testCases:[{testId:"consent-manager-dialog-root",styles:{className:"custom-dialog-root",style:{backgroundColor:"rgb(255, 255, 255)",padding:"16px"}}},{testId:"consent-manager-dialog-overlay",styles:"custom-dialog-overlay"}]})}),(0,t.test)("Theme prop handles edge cases gracefully",async()=>{let t=(0,e.jsx)(o.ConsentManagerDialog,{scrollLock:!0,open:!0,theme:{"dialog.root":"","dialog.overlay":"","dialog.content":{className:"",style:{margin:"0",padding:"0"}}}});await (0,a.default)({component:t,testCases:[{testId:"consent-manager-dialog-root",styles:""},{testId:"consent-manager-dialog-overlay",styles:""},{testId:"consent-manager-dialog-content",styles:{className:"",style:{margin:"0",padding:"0"}}}]})});

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

@@ -1,189 +1,2 @@
 'use client';
-"use strict";
-var __webpack_require__ = {};
-(()=>{
-    __webpack_require__.n = (module)=>{
-        var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
-        __webpack_require__.d(getter, {
-            a: getter
-        });
-        return getter;
-    };
-})();
-(()=>{
-    __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]
-        });
-    };
-})();
-(()=>{
-    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
-})();
-(()=>{
-    __webpack_require__.r = (exports1)=>{
-        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
-            value: 'Module'
-        });
-        Object.defineProperty(exports1, '__esModule', {
-            value: true
-        });
-    };
-})();
-var __webpack_exports__ = {};
-__webpack_require__.r(__webpack_exports__);
-__webpack_require__.d(__webpack_exports__, {
-    DialogHeader: ()=>DialogHeader,
-    Content: ()=>Content,
-    Footer: ()=>Footer,
-    DialogFooter: ()=>DialogFooter,
-    ConsentCustomizationCard: ()=>ConsentCustomizationCard,
-    Card: ()=>Card,
-    DialogContent: ()=>DialogContent,
-    Header: ()=>Header,
-    DialogHeaderTitle: ()=>DialogHeaderTitle,
-    HeaderTitle: ()=>HeaderTitle,
-    HeaderDescription: ()=>HeaderDescription,
-    DialogHeaderDescription: ()=>DialogHeaderDescription,
-    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);
-const DialogCard = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ children, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(box_cjs_namespaceObject.Box, {
-        ref: ref,
-        className: external_consent_manager_dialog_module_cjs_default().card,
-        ...props,
-        themeKey: "dialog.root",
-        "data-testid": "consent-manager-dialog-root",
-        children: children
-    }));
-const DialogHeader = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ children, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(box_cjs_namespaceObject.Box, {
-        ref: ref,
-        className: external_consent_manager_dialog_module_cjs_default().header,
-        ...props,
-        themeKey: "dialog.header",
-        "data-testid": "consent-manager-dialog-header",
-        children: children
-    }));
-const DialogHeaderTitle = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ children, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(box_cjs_namespaceObject.Box, {
-        ref: ref,
-        className: external_consent_manager_dialog_module_cjs_default().title,
-        themeKey: "dialog.title",
-        ...props,
-        "data-testid": "consent-manager-dialog-title",
-        children: children
-    }));
-const DialogHeaderDescription = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ children, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(box_cjs_namespaceObject.Box, {
-        ref: ref,
-        className: external_consent_manager_dialog_module_cjs_default().description,
-        themeKey: "dialog.description",
-        ...props,
-        "data-testid": "consent-manager-dialog-description",
-        children: children
-    }));
-const DialogContent = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ children, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(box_cjs_namespaceObject.Box, {
-        ref: ref,
-        className: external_consent_manager_dialog_module_cjs_default().content,
-        themeKey: "dialog.content",
-        "data-testid": "consent-manager-dialog-content",
-        ...props,
-        children: children
-    }));
-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: themeKey || 'dialog.footer',
-        ...props,
-        "data-testid": "consent-manager-dialog-footer",
-        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, {
-        children: [
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(DialogHeader, {
-                children: [
-                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(DialogHeaderTitle, {
-                        children: translations.consentManagerDialog.title
-                    }),
-                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(DialogHeaderDescription, {
-                        children: translations.consentManagerDialog.description
-                    })
-                ]
-            }),
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(DialogContent, {
-                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(consent_manager_widget_cjs_namespaceObject.ConsentManagerWidget, {
-                    hideBrading: true,
-                    noStyle: noStyle,
-                    useProvider: false
-                })
-            }),
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(DialogFooter, {
-                themeKey: "dialog.footer",
-                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(BrandingFooter, {})
-            })
-        ]
-    });
-};
-const Card = DialogCard;
-const Header = DialogHeader;
-const HeaderTitle = DialogHeaderTitle;
-const HeaderDescription = DialogHeaderDescription;
-const Content = DialogContent;
-const Footer = DialogFooter;
-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
-});
+"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.n=e=>{var a=e&&e.__esModule?()=>e.default:()=>e;return __webpack_require__.d(a,{a:a}),a},__webpack_require__.d=(e,a)=>{for(var t in a)__webpack_require__.o(a,t)&&!__webpack_require__.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:a[t]})},__webpack_require__.o=(e,a)=>Object.prototype.hasOwnProperty.call(e,a),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{DialogHeader:()=>DialogHeader,Content:()=>Content,Footer:()=>Footer,DialogFooter:()=>DialogFooter,ConsentCustomizationCard:()=>ConsentCustomizationCard,Card:()=>Card,DialogContent:()=>DialogContent,Header:()=>Header,DialogHeaderTitle:()=>DialogHeaderTitle,HeaderTitle:()=>HeaderTitle,HeaderDescription:()=>HeaderDescription,DialogHeaderDescription:()=>DialogHeaderDescription,BrandingFooter:()=>BrandingFooter});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),external_react_namespaceObject=require("react"),consent_manager_widget_cjs_namespaceObject=require("../../consent-manager-widget/consent-manager-widget.cjs"),box_cjs_namespaceObject=require("../../shared/primitives/box.cjs"),logo_cjs_namespaceObject=require("../../shared/ui/logo.cjs"),index_cjs_namespaceObject=require("../../../hooks/index.cjs"),use_translations_cjs_namespaceObject=require("../../../hooks/use-translations.cjs"),external_consent_manager_dialog_module_cjs_namespaceObject=require("../consent-manager-dialog.module.cjs");var external_consent_manager_dialog_module_cjs_default=__webpack_require__.n(external_consent_manager_dialog_module_cjs_namespaceObject);let DialogCard=(0,external_react_namespaceObject.forwardRef)(({children:e,...a},t)=>(0,jsx_runtime_namespaceObject.jsx)(box_cjs_namespaceObject.Box,{ref:t,className:external_consent_manager_dialog_module_cjs_default().card,...a,themeKey:"dialog.root","data-testid":"consent-manager-dialog-root",children:e})),DialogHeader=(0,external_react_namespaceObject.forwardRef)(({children:e,...a},t)=>(0,jsx_runtime_namespaceObject.jsx)(box_cjs_namespaceObject.Box,{ref:t,className:external_consent_manager_dialog_module_cjs_default().header,...a,themeKey:"dialog.header","data-testid":"consent-manager-dialog-header",children:e})),DialogHeaderTitle=(0,external_react_namespaceObject.forwardRef)(({children:e,...a},t)=>(0,jsx_runtime_namespaceObject.jsx)(box_cjs_namespaceObject.Box,{ref:t,className:external_consent_manager_dialog_module_cjs_default().title,themeKey:"dialog.title",...a,"data-testid":"consent-manager-dialog-title",children:e})),DialogHeaderDescription=(0,external_react_namespaceObject.forwardRef)(({children:e,...a},t)=>(0,jsx_runtime_namespaceObject.jsx)(box_cjs_namespaceObject.Box,{ref:t,className:external_consent_manager_dialog_module_cjs_default().description,themeKey:"dialog.description",...a,"data-testid":"consent-manager-dialog-description",children:e})),DialogContent=(0,external_react_namespaceObject.forwardRef)(({children:e,...a},t)=>(0,jsx_runtime_namespaceObject.jsx)(box_cjs_namespaceObject.Box,{ref:t,className:external_consent_manager_dialog_module_cjs_default().content,themeKey:"dialog.content","data-testid":"consent-manager-dialog-content",...a,children:e})),DialogFooter=(0,external_react_namespaceObject.forwardRef)(({children:e,themeKey:a,...t},r)=>(0,jsx_runtime_namespaceObject.jsx)(box_cjs_namespaceObject.Box,{ref:r,className:external_consent_manager_dialog_module_cjs_default().footer,themeKey:a||"dialog.footer",...t,"data-testid":"consent-manager-dialog-footer",children:e})),BrandingFooter=()=>{let e=(0,index_cjs_namespaceObject.useConsentManager)(),a="undefined"!=typeof window?`?ref=${window.location.hostname}`:"";return(0,jsx_runtime_namespaceObject.jsxs)("a",{className:external_consent_manager_dialog_module_cjs_default().branding,href:e.isConsentDomain?`https://consent.io${a}`:`https://c15t.com${a}`,children:["Secured by"," ",e.isConsentDomain?(0,jsx_runtime_namespaceObject.jsx)(logo_cjs_namespaceObject.ConsentLogo,{className:external_consent_manager_dialog_module_cjs_default().brandingConsent}):(0,jsx_runtime_namespaceObject.jsx)(logo_cjs_namespaceObject.C15TIcon,{className:external_consent_manager_dialog_module_cjs_default().brandingC15T})]})},ConsentCustomizationCard=({noStyle:e})=>{let a=(0,use_translations_cjs_namespaceObject.useTranslations)();return(0,jsx_runtime_namespaceObject.jsxs)(DialogCard,{children:[(0,jsx_runtime_namespaceObject.jsxs)(DialogHeader,{children:[(0,jsx_runtime_namespaceObject.jsx)(DialogHeaderTitle,{children:a.consentManagerDialog.title}),(0,jsx_runtime_namespaceObject.jsx)(DialogHeaderDescription,{children:a.consentManagerDialog.description})]}),(0,jsx_runtime_namespaceObject.jsx)(DialogContent,{children:(0,jsx_runtime_namespaceObject.jsx)(consent_manager_widget_cjs_namespaceObject.ConsentManagerWidget,{hideBrading:!0,noStyle:e,useProvider:!1})}),(0,jsx_runtime_namespaceObject.jsx)(DialogFooter,{themeKey:"dialog.footer",children:(0,jsx_runtime_namespaceObject.jsx)(BrandingFooter,{})})]})},Card=DialogCard,Header=DialogHeader,HeaderTitle=DialogHeaderTitle,HeaderDescription=DialogHeaderDescription,Content=DialogContent,Footer=DialogFooter;for(var __webpack_i__ in 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,__webpack_exports__)-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:!0});