@c15t/react 1.1.4 → 1.2.0-canary.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/consent-manager-dialog/__tests__/styles.spec.cjs +2 -2
- package/dist/components/consent-manager-dialog/__tests__/styles.spec.js +3 -3
- package/dist/components/consent-manager-dialog/consent-manager-dialog_module.css +1 -1
- package/dist/components/consent-manager-widget/__tests__/styles.spec.cjs +3 -3
- package/dist/components/consent-manager-widget/__tests__/styles.spec.js +3 -3
- package/dist/components/consent-manager-widget/atoms/root.cjs +1 -1
- package/dist/components/consent-manager-widget/atoms/root.d.ts.map +1 -1
- package/dist/components/consent-manager-widget/atoms/root.js +1 -1
- package/dist/components/consent-manager-widget/consent-manager-widget_module.css +1 -1
- package/dist/components/cookie-banner/__tests__/styles.spec.cjs +3 -3
- package/dist/components/cookie-banner/__tests__/styles.spec.js +3 -3
- package/dist/components/cookie-banner/cookie-banner_module.css +1 -1
- package/dist/components/shared/ui/accordion/accordion_module.css +1 -1
- package/dist/components/shared/ui/button/button_module.css +1 -1
- package/dist/components/shared/ui/switch/switch_module.css +1 -1
- package/dist/hooks/__tests__/use-styles.test.cjs +1 -1
- package/dist/hooks/__tests__/use-styles.test.js +1 -1
- package/dist/hooks/index.cjs +1 -1
- package/dist/hooks/index.js +1 -1
- package/dist/hooks/use-styles.cjs +1 -1
- package/dist/hooks/use-styles.d.ts.map +1 -1
- package/dist/hooks/use-styles.js +1 -1
- package/dist/providers/__tests__/test-helpers.cjs +1 -1
- package/dist/providers/__tests__/test-helpers.d.ts +6 -0
- package/dist/providers/__tests__/test-helpers.d.ts.map +1 -1
- package/dist/providers/__tests__/test-helpers.js +1 -1
- package/package.json +5 -5
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"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)("
|
|
1
|
+
"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 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 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)("should apply string classNames from theme prop to all dialog elements",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)("should apply className and style objects from theme prop to all dialog elements",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)("should remove default styles but keep custom classNames when top-level noStyle prop is true",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)("should remove default styles but keep custom classNames when theme object provides noStyle: true",async()=>{let e=ALL_COMPONENTS.reduce((e,{themeKey:t,styles:a})=>(e[t]={className:a,noStyle:!0},e),{}),t=(0,jsx_runtime_namespaceObject.jsx)(external_consent_manager_dialog_cjs_namespaceObject.ConsentManagerDialog,{scrollLock:!0,open:!0,theme:e});await test_helpers_cjs_default()({component:t,testCases:ALL_COMPONENTS.map(({testId:e,styles:t})=>({testId:e,styles:{className:t}}))})}),(0,external_vitest_namespaceObject.test)("should correctly apply styles when theme prop uses mixed string and object formats",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)("should handle empty strings and empty style objects in theme prop 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"}}}]})}),(0,external_vitest_namespaceObject.test)("should override base layer styles",async()=>{let e=document.createElement("style");e.textContent=`
|
|
2
2
|
.custom-dialog-background {
|
|
3
3
|
background-color: rgb(255, 0, 0) !important;
|
|
4
4
|
}
|
|
@@ -12,4 +12,4 @@
|
|
|
12
12
|
.custom-border {
|
|
13
13
|
border: 2px solid rgb(0, 0, 255) !important;
|
|
14
14
|
}
|
|
15
|
-
`,document.head.appendChild(e);let t=(0,jsx_runtime_namespaceObject.jsx)(external_consent_manager_dialog_cjs_namespaceObject.ConsentManagerDialog,{theme:{"dialog.root":"custom-padding custom-border"}});await test_helpers_cjs_default()({component:t,testCases:[{testId:"consent-manager-dialog-root",styles:"custom-padding custom-border"}]});let a=document.querySelector('[data-testid="consent-manager-dialog-root"]');if(!a)throw Error("Required elements not found in the document");(0,external_vitest_namespaceObject.expect)(getComputedStyle(a).padding).toBe("32px"),(0,external_vitest_namespaceObject.expect)(getComputedStyle(a).border).toBe("2px solid rgb(0, 0, 255)"),document.head.removeChild(e)}),__webpack_exports__)exports[__webpack_i__]=__webpack_exports__[__webpack_i__];Object.defineProperty(exports,"__esModule",{value:!0});
|
|
15
|
+
`,document.head.appendChild(e);let t=(0,jsx_runtime_namespaceObject.jsx)(external_consent_manager_dialog_cjs_namespaceObject.ConsentManagerDialog,{theme:{"dialog.root":"custom-padding custom-border"}});await test_helpers_cjs_default()({component:t,testCases:[{testId:"consent-manager-dialog-root",styles:"custom-padding custom-border"}]});let a=document.querySelector('[data-testid="consent-manager-dialog-root"]');if(!a)throw Error("Required elements not found in the document");(0,external_vitest_namespaceObject.expect)(getComputedStyle(a).padding).toBe("32px"),(0,external_vitest_namespaceObject.expect)(getComputedStyle(a).border).toBe("2px solid rgb(0, 0, 255)"),document.head.removeChild(e)}),(0,external_vitest_namespaceObject.test)("All consent manager dialog components should have their base classes applied",async()=>{let e=(0,jsx_runtime_namespaceObject.jsx)(external_consent_manager_dialog_cjs_namespaceObject.ConsentManagerDialog,{open:!0}),t={root:external_consent_manager_dialog_module_cjs_default().root||"",card:external_consent_manager_dialog_module_cjs_default().card||"",header:external_consent_manager_dialog_module_cjs_default().header||"",title:external_consent_manager_dialog_module_cjs_default().title||"",description:external_consent_manager_dialog_module_cjs_default().description||"",content:external_consent_manager_dialog_module_cjs_default().content||"",footer:external_consent_manager_dialog_module_cjs_default().footer||"",overlay:external_consent_manager_dialog_module_cjs_default().overlay||""};for(let[a,s]of(await test_helpers_cjs_default()({component:e,testCases:[{testId:"consent-manager-dialog-root",styles:`${external_consent_manager_dialog_module_cjs_default().card} ${external_consent_manager_dialog_module_cjs_default().card} ${external_consent_manager_dialog_module_cjs_default().card}`},{testId:"consent-manager-dialog-card",styles:t.card},{testId:"consent-manager-dialog-header",styles:t.header},{testId:"consent-manager-dialog-title",styles:t.title},{testId:"consent-manager-dialog-description",styles:t.description},{testId:"consent-manager-dialog-content",styles:t.content},{testId:"consent-manager-dialog-footer",styles:t.footer},{testId:"consent-manager-dialog-overlay",styles:t.overlay}]}),Object.entries(t)))(0,external_vitest_namespaceObject.expect)(s,`Base class for ${a} should not be empty`).not.toBe("")}),__webpack_exports__)exports[__webpack_i__]=__webpack_exports__[__webpack_i__];Object.defineProperty(exports,"__esModule",{value:!0});
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
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
|
|
1
|
+
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";import*as s from"../consent-manager-dialog.module.js";let n=[{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)("should apply string classNames from theme prop to all dialog elements",async()=>{let t=(0,e.jsx)(o.ConsentManagerDialog,{open:!0,scrollLock:!0,theme:n.reduce((e,{themeKey:t,styles:o})=>(e[t]=o,e),{})});await (0,a.default)({component:t,testCases:n.map(({testId:e,styles:t})=>({testId:e,styles:t}))})}),(0,t.test)("should apply className and style objects from theme prop to all dialog elements",async()=>{let t={backgroundColor:"#ffffff",padding:"20px",border:"1px solid #000000"},s=n.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:s.reduce((e,{themeKey:t,className:o,style:a})=>(e[t]={className:o,style:a},e),{})});await (0,a.default)({component:l,testCases:s.map(({testId:e,className:t,style:o})=>({testId:e,styles:{className:t,style:o}}))})}),(0,t.test)("should remove default styles but keep custom classNames when top-level noStyle prop is true",async()=>{let t=(0,e.jsx)(o.ConsentManagerDialog,{scrollLock:!0,noStyle:!0,open:!0,theme:n.reduce((e,{themeKey:t,styles:o})=>(e[t]=o,e),{})});await (0,a.default)({component:t,testCases:n.map(({testId:e,styles:t})=>({testId:e,styles:t})),noStyle:!0})}),(0,t.test)("should remove default styles but keep custom classNames when theme object provides noStyle: true",async()=>{let t=n.reduce((e,{themeKey:t,styles:o})=>(e[t]={className:o,noStyle:!0},e),{}),s=(0,e.jsx)(o.ConsentManagerDialog,{scrollLock:!0,open:!0,theme:t});await (0,a.default)({component:s,testCases:n.map(({testId:e,styles:t})=>({testId:e,styles:{className:t}}))})}),(0,t.test)("should correctly apply styles when theme prop uses mixed string and object formats",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)("should handle empty strings and empty style objects in theme prop 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"}}}]})}),(0,t.test)("should override base layer styles",async()=>{let s=document.createElement("style");s.textContent=`
|
|
2
2
|
.custom-dialog-background {
|
|
3
3
|
background-color: rgb(255, 0, 0) !important;
|
|
4
4
|
}
|
|
5
5
|
.custom-dialog-text {
|
|
6
6
|
color: rgb(0, 255, 0) !important;
|
|
7
7
|
}
|
|
8
|
-
`,document.head.appendChild(s);let n=(0,e.jsx)(o.ConsentManagerDialog,{theme:{"dialog.root":"custom-dialog-background","dialog.title":"custom-dialog-text"}});await (0,a.default)({component:n,testCases:[{testId:"consent-manager-dialog-root",styles:"custom-dialog-background"},{testId:"consent-manager-dialog-title",styles:"custom-dialog-text"}]});let l=document.querySelector('[data-testid="consent-manager-dialog-root"]'),
|
|
8
|
+
`,document.head.appendChild(s);let n=(0,e.jsx)(o.ConsentManagerDialog,{theme:{"dialog.root":"custom-dialog-background","dialog.title":"custom-dialog-text"}});await (0,a.default)({component:n,testCases:[{testId:"consent-manager-dialog-root",styles:"custom-dialog-background"},{testId:"consent-manager-dialog-title",styles:"custom-dialog-text"}]});let l=document.querySelector('[data-testid="consent-manager-dialog-root"]'),d=document.querySelector('[data-testid="consent-manager-dialog-title"]');if(!l||!d)throw Error("Required elements not found in the document");(0,t.expect)(getComputedStyle(l).backgroundColor).toBe("rgb(255, 0, 0)"),(0,t.expect)(getComputedStyle(d).color).toBe("rgb(0, 255, 0)"),document.head.removeChild(s)}),(0,t.test)("Base layer styles are applied when no custom classes are provided",async()=>{let s=(0,e.jsx)(o.ConsentManagerDialog,{});await (0,a.default)({component:s,testCases:[]});let n=document.querySelector('[data-testid="consent-manager-dialog-root"]'),l=document.querySelector('[data-testid="consent-manager-dialog-title"]');if(!n||!l)throw Error("Required elements not found in the document");(0,t.expect)(getComputedStyle(n).backgroundColor).toBe("rgb(255, 255, 255)"),(0,t.expect)(getComputedStyle(l).color).toBe("rgb(23, 23, 23)")}),(0,t.test)("Multiple custom classes can be applied and override base layer",async()=>{let s=document.createElement("style");s.textContent=`
|
|
9
9
|
.custom-padding {
|
|
10
10
|
padding: 32px !important;
|
|
11
11
|
}
|
|
12
12
|
.custom-border {
|
|
13
13
|
border: 2px solid rgb(0, 0, 255) !important;
|
|
14
14
|
}
|
|
15
|
-
`,document.head.appendChild(s);let n=(0,e.jsx)(o.ConsentManagerDialog,{theme:{"dialog.root":"custom-padding custom-border"}});await (0,a.default)({component:n,testCases:[{testId:"consent-manager-dialog-root",styles:"custom-padding custom-border"}]});let l=document.querySelector('[data-testid="consent-manager-dialog-root"]');if(!l)throw Error("Required elements not found in the document");(0,t.expect)(getComputedStyle(l).padding).toBe("32px"),(0,t.expect)(getComputedStyle(l).border).toBe("2px solid rgb(0, 0, 255)"),document.head.removeChild(s)});
|
|
15
|
+
`,document.head.appendChild(s);let n=(0,e.jsx)(o.ConsentManagerDialog,{theme:{"dialog.root":"custom-padding custom-border"}});await (0,a.default)({component:n,testCases:[{testId:"consent-manager-dialog-root",styles:"custom-padding custom-border"}]});let l=document.querySelector('[data-testid="consent-manager-dialog-root"]');if(!l)throw Error("Required elements not found in the document");(0,t.expect)(getComputedStyle(l).padding).toBe("32px"),(0,t.expect)(getComputedStyle(l).border).toBe("2px solid rgb(0, 0, 255)"),document.head.removeChild(s)}),(0,t.test)("All consent manager dialog components should have their base classes applied",async()=>{let n=(0,e.jsx)(o.ConsentManagerDialog,{open:!0}),l={root:s.default.root||"",card:s.default.card||"",header:s.default.header||"",title:s.default.title||"",description:s.default.description||"",content:s.default.content||"",footer:s.default.footer||"",overlay:s.default.overlay||""};for(let[e,o]of(await (0,a.default)({component:n,testCases:[{testId:"consent-manager-dialog-root",styles:`${s.default.card} ${s.default.card} ${s.default.card}`},{testId:"consent-manager-dialog-card",styles:l.card},{testId:"consent-manager-dialog-header",styles:l.header},{testId:"consent-manager-dialog-title",styles:l.title},{testId:"consent-manager-dialog-description",styles:l.description},{testId:"consent-manager-dialog-content",styles:l.content},{testId:"consent-manager-dialog-footer",styles:l.footer},{testId:"consent-manager-dialog-overlay",styles:l.overlay}]}),Object.entries(l)))(0,t.expect)(o,`Base class for ${e} should not be empty`).not.toBe("")});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
:root{--dialog-font-family:system-ui,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";--dialog-line-height:1.15;--dialog-title-font-size:.875rem;--dialog-title-font-weight:600;--dialog-title-letter-spacing:-.025em;--dialog-description-font-size:1rem;--dialog-description-font-weight:400;--dialog-description-line-height:1.15;--dialog-footer-font-size:14px;--dialog-branding-font-size:1rem;--dialog-branding-font-weight:500;--dialog-branding-line-height:1.5;--dialog-branding-letter-spacing:-.01em;--dialog-stroke-color:#ebebeb;--dialog-stroke-color-dark:#333;--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;--dialog-border-color-dark:#333;--dialog-background-color:white;--dialog-background-color-dark:#1a1a1a;--dialog-foreground-color:#171717;--dialog-foreground-color-dark:#e6e6e6;--dialog-muted-color:#737373;--dialog-muted-color-dark:#a3a3a3;--dialog-overlay-background-color:#00000080;--dialog-overlay-background-color-dark:#00000080;--dialog-card-padding:1.5rem;--dialog-card-padding-mobile:1rem;--dialog-card-gap:.375rem;--dialog-header-gap:.375rem;--dialog-content-gap:1rem;--dialog-footer-padding-y:1rem;--dialog-card-radius:1.25rem;--dialog-max-width:28rem;--dialog-height:80%;--dialog-z-index:1000000000;--dialog-overlay-z-index:1000000000;--dialog-card-shadow:0 1px 2px 0 #0000000d;--dialog-border-width:1px;--dialog-border-style:solid;--dialog-animation-duration:.2s;--dialog-animation-timing:ease-out;--dialog-branding-gap:.5rem;--dialog-branding-icon-height:1.25rem;--dialog-branding-icon-width:auto}.c15t-root-QhMZC{isolation:isolate;font-family:var(--dialog-font-family);line-height:var(--dialog-line-height);-webkit-text-size-adjust:100%;tab-size:4;padding:var(--dialog-card-padding-mobile);z-index:var(--dialog-z-index);border-radius:var(--dialog-card-radius);width:100%;height:var(--dialog-height);background:0 0;border:0;justify-content:center;align-items:center;margin:0;display:flex;position:fixed;inset:0}.c15t-dialogVisible-fwyvr{opacity:1;transition:opacity var(--dialog-animation-duration)var(--dialog-animation-timing)}.c15t-dialogHidden-WwOAw{opacity:0;transition:opacity var(--dialog-animation-duration)var(--dialog-animation-timing)}.c15t-contentVisible-A_pT0{opacity:1;transition:opacity var(--dialog-animation-duration)var(--dialog-animation-timing),transform var(--dialog-animation-duration)cubic-bezier(.34,1.56,.64,1);transform:scale(1)}.c15t-contentHidden-GCC7t{opacity:0;transition:opacity var(--dialog-animation-duration)var(--dialog-animation-timing),transform var(--dialog-animation-duration)var(--dialog-animation-timing);transform:scale(.95)}@media (width>=640px){.c15t-root-QhMZC{padding:var(--dialog-card-padding);width:auto}}.c15t-container-bOKMN{width:100%;max-width:var(--dialog-max-width);margin:auto}.c15t-branding-p1rXd{justify-content:center;align-items:center;gap:var(--dialog-branding-gap);font-size:var(--dialog-branding-font-size);font-weight:var(--dialog-branding-font-weight);line-height:var(--dialog-branding-line-height);letter-spacing:var(--dialog-branding-letter-spacing);color:var(--dialog-foreground-color);border-radius:.25rem;margin:auto 0;padding:0 .5rem;text-decoration:none;display:flex}.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-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}.c15t-closeButton-PxEni{position:absolute;top:22px;right:22px}.c15t-footer-oOtr_{border-top:solid 1px var(--dialog-stroke-color);justify-content:center;padding-top:1rem;padding-bottom:1rem;font-size:14px}.c15t-overlay-jJ4Q1{color:var(--dialog-link-text-color);background-color:var(--dialog-overlay-background-color);z-index:var(--dialog-overlay-z-index);position:fixed;inset:0}.c15t-overlayVisible-qy2bF{opacity:1;transition:opacity var(--dialog-animation-duration)var(--dialog-animation-timing)}.c15t-overlayHidden-IC_C7{opacity:0;transition:opacity var(--dialog-animation-duration)var(--dialog-animation-timing)}.c15t-dark .c15t-overlay-jJ4Q1{background-color:var(--dialog-overlay-background-color-dark);color:var(--dialog-link-text-color-dark)}.c15t-card-d2uUf{border-radius:var(--dialog-card-radius);border:var(--dialog-border-width)var(--dialog-border-style)var(--dialog-border-color);background-color:var(--dialog-background-color);color:var(--dialog-foreground-color);box-shadow:var(--dialog-card-shadow);overflow:hidden}.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)}.c15t-header-qF2QY{padding:var(--dialog-card-padding);gap:var(--dialog-header-gap);flex-direction:column;display:flex}.c15t-header-qF2QY>*+*{margin-top:var(--dialog-card-gap)}.c15t-title-B_498{font-weight:var(--dialog-title-font-weight);font-size:var(--dialog-title-font-size);letter-spacing:var(--dialog-title-letter-spacing);line-height:1}.c15t-description-Nct_b{color:var(--dialog-muted-color);font-size:var(--dialog-description-font-size);font-weight:var(--dialog-description-font-weight);line-height:var(--dialog-description-line-height)}.c15t-dark .c15t-description-Nct_b{color:var(--dialog-muted-color-dark)}.c15t-content-_6tun{padding:var(--dialog-card-padding);gap:var(--dialog-content-gap);padding-top:0}.c15t-footer-oOtr_{font-size:var(--dialog-footer-font-size);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}.c15t-dark .c15t-footer-oOtr_{border-color:var(--dialog-stroke-color-dark)}
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
"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
|
|
1
|
+
"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 n in t)__webpack_require__.o(t,n)&&!__webpack_require__.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},__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_widget_cjs_namespaceObject=require("../consent-manager-widget.cjs"),test_helpers_cjs_namespaceObject=require("../../../utils/test-helpers.cjs");var test_helpers_cjs_default=__webpack_require__.n(test_helpers_cjs_namespaceObject);let external_consent_manager_widget_module_cjs_namespaceObject=require("../consent-manager-widget.module.cjs");var external_consent_manager_widget_module_cjs_default=__webpack_require__.n(external_consent_manager_widget_module_cjs_namespaceObject);external_vitest_namespaceObject.vi.mock("~/hooks/use-consent-manager",()=>({useConsentManager:()=>({getConsentCategory:external_vitest_namespaceObject.vi.fn(()=>({isEnabled:!0})),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:{}})}));let ALL_COMPONENTS=[{testId:"consent-manager-widget-root",themeKey:"widget.root",styles:"custom-root"},{testId:"consent-manager-widget-footer",themeKey:"widget.footer",styles:"custom-footer"},{testId:"consent-manager-widget-footer-sub-group",themeKey:"widget.footer.sub-group",styles:"custom-footer-sub-group"},{testId:"consent-manager-widget-reject-button",themeKey:"widget.footer.reject-button",styles:"custom-reject-button"},{testId:"consent-manager-widget-footer-accept-button",themeKey:"widget.footer.accept-button",styles:"custom-accept-button"},{testId:"consent-manager-widget-footer-save-button",themeKey:"widget.footer.save-button",styles:"custom-save-button"},{testId:"consent-manager-widget-accordion-trigger-marketing",themeKey:"widget.accordion.trigger",styles:"custom-accordion-trigger"},{testId:"consent-manager-widget-accordion-trigger-inner-marketing",themeKey:"widget.accordion.trigger-inner",styles:"custom-accordion-trigger-inner"},{testId:"consent-manager-widget-accordion-content-marketing",themeKey:"widget.accordion.content",styles:"custom-accordion-content"},{testId:"consent-manager-widget-switch-marketing",themeKey:"widget.switch",styles:"custom-switch"}];for(var __webpack_i__ in(0,external_vitest_namespaceObject.test)("should apply string classNames from theme prop to all widget elements",async()=>{let e=(0,jsx_runtime_namespaceObject.jsx)(external_consent_manager_widget_cjs_namespaceObject.ConsentManagerWidget,{theme:ALL_COMPONENTS.reduce((e,{themeKey:t,styles:n})=>(e[t]=n,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)("should apply className and style objects from theme prop to all widget elements",async()=>{let e={backgroundColor:"#ffffff",padding:"20px",border:"1px solid #000000"},t=ALL_COMPONENTS.map(({testId:t,themeKey:n,styles:a})=>({testId:t,themeKey:n,className:a,style:e})),n=(0,jsx_runtime_namespaceObject.jsx)(external_consent_manager_widget_cjs_namespaceObject.ConsentManagerWidget,{theme:t.reduce((e,{themeKey:t,className:n,style:a})=>(e[t]={className:n,style:a},e),{})});await test_helpers_cjs_default()({component:n,testCases:t.map(({testId:e,className:t,style:n})=>({testId:e,styles:{className:t,style:n}}))})}),(0,external_vitest_namespaceObject.test)("should remove default styles but keep custom classNames when top-level noStyle prop is true",async()=>{let e=(0,jsx_runtime_namespaceObject.jsx)(external_consent_manager_widget_cjs_namespaceObject.ConsentManagerWidget,{noStyle:!0,theme:ALL_COMPONENTS.reduce((e,{themeKey:t,styles:n})=>(e[t]=n,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)("should remove default styles but keep custom classNames when theme object provides noStyle: true",async()=>{let e=ALL_COMPONENTS.reduce((e,{themeKey:t,styles:n})=>(e[t]={className:n,noStyle:!0},e),{}),t=(0,jsx_runtime_namespaceObject.jsx)(external_consent_manager_widget_cjs_namespaceObject.ConsentManagerWidget,{theme:e});await test_helpers_cjs_default()({component:t,testCases:ALL_COMPONENTS.map(({testId:e,styles:t})=>({testId:e,styles:{className:t}}))})}),(0,external_vitest_namespaceObject.test)("should correctly apply styles when theme prop uses mixed string and object formats",async()=>{let e=(0,jsx_runtime_namespaceObject.jsx)(external_consent_manager_widget_cjs_namespaceObject.ConsentManagerWidget,{theme:{"widget.root":{className:"custom-root",style:{backgroundColor:"rgb(255, 255, 255)",padding:"16px"}},"widget.accordion.trigger":"custom-accordion-trigger"}});await test_helpers_cjs_default()({component:e,testCases:[{testId:"consent-manager-widget-root",styles:{className:"custom-root",style:{backgroundColor:"rgb(255, 255, 255)",padding:"16px"}}},{testId:"consent-manager-widget-accordion-trigger-marketing",styles:"custom-accordion-trigger"}]})}),(0,external_vitest_namespaceObject.test)("should handle empty strings and empty style objects in theme prop gracefully",async()=>{let e=(0,jsx_runtime_namespaceObject.jsx)(external_consent_manager_widget_cjs_namespaceObject.ConsentManagerWidget,{theme:{"widget.root":"","widget.accordion":"","widget.footer":{className:"",style:{margin:"0",padding:"0"}}}});await test_helpers_cjs_default()({component:e,testCases:[{testId:"consent-manager-widget-root",styles:""},{testId:"consent-manager-widget-accordion",styles:""},{testId:"consent-manager-widget-footer",styles:{className:"",style:{margin:"0",padding:"0"}}}]})}),(0,external_vitest_namespaceObject.test)("Custom classes override base layer styles",async()=>{let e=document.createElement("style");e.textContent=`
|
|
2
2
|
.custom-widget-background {
|
|
3
3
|
background-color: rgb(255, 0, 0) !important;
|
|
4
4
|
}
|
|
5
5
|
.custom-widget-foooter {
|
|
6
6
|
color: rgb(0, 255, 0) !important;
|
|
7
7
|
}
|
|
8
|
-
`,document.head.appendChild(e);let t=(0,jsx_runtime_namespaceObject.jsx)(external_consent_manager_widget_cjs_namespaceObject.ConsentManagerWidget,{theme:{"widget.root":"custom-widget-background","widget.footer":"custom-widget-foooter"}});await test_helpers_cjs_default()({component:t,testCases:[{testId:"consent-manager-widget-root",styles:"custom-widget-background"},{testId:"consent-manager-widget-footer",styles:"custom-widget-foooter"}]});let
|
|
8
|
+
`,document.head.appendChild(e);let t=(0,jsx_runtime_namespaceObject.jsx)(external_consent_manager_widget_cjs_namespaceObject.ConsentManagerWidget,{theme:{"widget.root":"custom-widget-background","widget.footer":"custom-widget-foooter"}});await test_helpers_cjs_default()({component:t,testCases:[{testId:"consent-manager-widget-root",styles:"custom-widget-background"},{testId:"consent-manager-widget-footer",styles:"custom-widget-foooter"}]});let n=document.querySelector('[data-testid="consent-manager-widget-root"]'),a=document.querySelector('[data-testid="consent-manager-widget-footer"]');if(!n||!a)throw Error("Required elements not found in the document");(0,external_vitest_namespaceObject.expect)(getComputedStyle(n).backgroundColor).toBe("rgb(255, 0, 0)"),(0,external_vitest_namespaceObject.expect)(getComputedStyle(a).color).toBe("rgb(0, 255, 0)"),document.head.removeChild(e)}),(0,external_vitest_namespaceObject.test)("Base layer styles are applied when no custom classes are provided",async()=>{await test_helpers_cjs_default()({component:(0,jsx_runtime_namespaceObject.jsx)(external_consent_manager_widget_cjs_namespaceObject.ConsentManagerWidget,{}),testCases:[]});let e=document.querySelector('[data-testid="consent-manager-widget-root"]'),t=document.querySelector('[data-testid="consent-manager-widget-footer"]');if(!e||!t)throw Error("Required elements not found in the document");(0,external_vitest_namespaceObject.expect)(getComputedStyle(e).backgroundColor).toBe("rgba(0, 0, 0, 0)"),(0,external_vitest_namespaceObject.expect)(getComputedStyle(t).color).toBe("rgb(0, 0, 0)")}),(0,external_vitest_namespaceObject.test)("Multiple custom classes can be applied and override base layer",async()=>{let e=document.createElement("style");e.textContent=`
|
|
9
9
|
.custom-padding {
|
|
10
10
|
padding: 32px !important;
|
|
11
11
|
}
|
|
12
12
|
.custom-border {
|
|
13
13
|
border: 2px solid rgb(0, 0, 255) !important;
|
|
14
14
|
}
|
|
15
|
-
`,document.head.appendChild(e);let t=(0,jsx_runtime_namespaceObject.jsx)(external_consent_manager_widget_cjs_namespaceObject.ConsentManagerWidget,{theme:{"widget.root":"custom-padding custom-border"}});await test_helpers_cjs_default()({component:t,testCases:[{testId:"consent-manager-widget-root",styles:"custom-padding custom-border"}]});let
|
|
15
|
+
`,document.head.appendChild(e);let t=(0,jsx_runtime_namespaceObject.jsx)(external_consent_manager_widget_cjs_namespaceObject.ConsentManagerWidget,{theme:{"widget.root":"custom-padding custom-border"}});await test_helpers_cjs_default()({component:t,testCases:[{testId:"consent-manager-widget-root",styles:"custom-padding custom-border"}]});let n=document.querySelector('[data-testid="consent-manager-widget-root"]');if(!n)throw Error("Required elements not found in the document");(0,external_vitest_namespaceObject.expect)(getComputedStyle(n).padding).toBe("32px"),(0,external_vitest_namespaceObject.expect)(getComputedStyle(n).border).toBe("2px solid rgb(0, 0, 255)"),document.head.removeChild(e)}),(0,external_vitest_namespaceObject.test)("All consent manager widget components should have their base classes applied",async()=>{let e=(0,jsx_runtime_namespaceObject.jsx)(external_consent_manager_widget_cjs_namespaceObject.ConsentManagerWidget,{}),t={card:external_consent_manager_widget_module_cjs_default().card||"",header:external_consent_manager_widget_module_cjs_default().header||"",title:external_consent_manager_widget_module_cjs_default().title||"",description:external_consent_manager_widget_module_cjs_default().description||"",content:external_consent_manager_widget_module_cjs_default().content||"",footer:external_consent_manager_widget_module_cjs_default().footer||"",footerGroup:external_consent_manager_widget_module_cjs_default().footerGroup||"",accordionItem:external_consent_manager_widget_module_cjs_default().accordionItem||"",accordionTrigger:external_consent_manager_widget_module_cjs_default().accordionTrigger||"",accordionTriggerInner:external_consent_manager_widget_module_cjs_default().accordionTriggerInner||"",accordionContent:external_consent_manager_widget_module_cjs_default().accordionContent||"",accordionArrow:external_consent_manager_widget_module_cjs_default().accordionArrow||"",switch:external_consent_manager_widget_module_cjs_default().switch||""};for(let[n,a]of(await test_helpers_cjs_default()({component:e,testCases:[{testId:"consent-manager-widget-footer",styles:t.footer},{testId:"consent-manager-widget-footer-sub-group",styles:t.footerGroup},{testId:"consent-manager-widget-accordion-trigger-marketing",styles:t.accordionTrigger},{testId:"consent-manager-widget-accordion-trigger-inner-marketing",styles:t.accordionTriggerInner},{testId:"consent-manager-widget-accordion-content-marketing",styles:t.accordionContent},{testId:"consent-manager-widget-switch-marketing",styles:t.switch}]}),Object.entries(t)))(0,external_vitest_namespaceObject.expect)(a,`Base class for ${n} should not be empty`).not.toBe("")}),__webpack_exports__)exports[__webpack_i__]=__webpack_exports__[__webpack_i__];Object.defineProperty(exports,"__esModule",{value:!0});
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import*as e from"react/jsx-runtime";import*as t from"vitest";import*as o from"../consent-manager-widget.js";import*as
|
|
1
|
+
import*as e from"react/jsx-runtime";import*as t from"vitest";import*as o from"../consent-manager-widget.js";import*as n from"../../../utils/test-helpers.js";import*as s from"../consent-manager-widget.module.js";t.vi.mock("~/hooks/use-consent-manager",()=>({useConsentManager:()=>({getConsentCategory:t.vi.fn(()=>({isEnabled:!0})),updateConsentCategory:t.vi.fn(),saveConsents:t.vi.fn(),getDisplayedConsents:t.vi.fn(()=>[])})})),t.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:{}})}));let a=[{testId:"consent-manager-widget-root",themeKey:"widget.root",styles:"custom-root"},{testId:"consent-manager-widget-footer",themeKey:"widget.footer",styles:"custom-footer"},{testId:"consent-manager-widget-footer-sub-group",themeKey:"widget.footer.sub-group",styles:"custom-footer-sub-group"},{testId:"consent-manager-widget-reject-button",themeKey:"widget.footer.reject-button",styles:"custom-reject-button"},{testId:"consent-manager-widget-footer-accept-button",themeKey:"widget.footer.accept-button",styles:"custom-accept-button"},{testId:"consent-manager-widget-footer-save-button",themeKey:"widget.footer.save-button",styles:"custom-save-button"},{testId:"consent-manager-widget-accordion-trigger-marketing",themeKey:"widget.accordion.trigger",styles:"custom-accordion-trigger"},{testId:"consent-manager-widget-accordion-trigger-inner-marketing",themeKey:"widget.accordion.trigger-inner",styles:"custom-accordion-trigger-inner"},{testId:"consent-manager-widget-accordion-content-marketing",themeKey:"widget.accordion.content",styles:"custom-accordion-content"},{testId:"consent-manager-widget-switch-marketing",themeKey:"widget.switch",styles:"custom-switch"}];(0,t.test)("should apply string classNames from theme prop to all widget elements",async()=>{let t=(0,e.jsx)(o.ConsentManagerWidget,{theme:a.reduce((e,{themeKey:t,styles:o})=>(e[t]=o,e),{})});await (0,n.default)({component:t,testCases:a.map(({testId:e,styles:t})=>({testId:e,styles:t}))})}),(0,t.test)("should apply className and style objects from theme prop to all widget elements",async()=>{let t={backgroundColor:"#ffffff",padding:"20px",border:"1px solid #000000"},s=a.map(({testId:e,themeKey:o,styles:n})=>({testId:e,themeKey:o,className:n,style:t})),r=(0,e.jsx)(o.ConsentManagerWidget,{theme:s.reduce((e,{themeKey:t,className:o,style:n})=>(e[t]={className:o,style:n},e),{})});await (0,n.default)({component:r,testCases:s.map(({testId:e,className:t,style:o})=>({testId:e,styles:{className:t,style:o}}))})}),(0,t.test)("should remove default styles but keep custom classNames when top-level noStyle prop is true",async()=>{let t=(0,e.jsx)(o.ConsentManagerWidget,{noStyle:!0,theme:a.reduce((e,{themeKey:t,styles:o})=>(e[t]=o,e),{})});await (0,n.default)({component:t,testCases:a.map(({testId:e,styles:t})=>({testId:e,styles:t})),noStyle:!0})}),(0,t.test)("should remove default styles but keep custom classNames when theme object provides noStyle: true",async()=>{let t=a.reduce((e,{themeKey:t,styles:o})=>(e[t]={className:o,noStyle:!0},e),{}),s=(0,e.jsx)(o.ConsentManagerWidget,{theme:t});await (0,n.default)({component:s,testCases:a.map(({testId:e,styles:t})=>({testId:e,styles:{className:t}}))})}),(0,t.test)("should correctly apply styles when theme prop uses mixed string and object formats",async()=>{let t=(0,e.jsx)(o.ConsentManagerWidget,{theme:{"widget.root":{className:"custom-root",style:{backgroundColor:"rgb(255, 255, 255)",padding:"16px"}},"widget.accordion.trigger":"custom-accordion-trigger"}});await (0,n.default)({component:t,testCases:[{testId:"consent-manager-widget-root",styles:{className:"custom-root",style:{backgroundColor:"rgb(255, 255, 255)",padding:"16px"}}},{testId:"consent-manager-widget-accordion-trigger-marketing",styles:"custom-accordion-trigger"}]})}),(0,t.test)("should handle empty strings and empty style objects in theme prop gracefully",async()=>{let t=(0,e.jsx)(o.ConsentManagerWidget,{theme:{"widget.root":"","widget.accordion":"","widget.footer":{className:"",style:{margin:"0",padding:"0"}}}});await (0,n.default)({component:t,testCases:[{testId:"consent-manager-widget-root",styles:""},{testId:"consent-manager-widget-accordion",styles:""},{testId:"consent-manager-widget-footer",styles:{className:"",style:{margin:"0",padding:"0"}}}]})}),(0,t.test)("Custom classes override base layer styles",async()=>{let s=document.createElement("style");s.textContent=`
|
|
2
2
|
.custom-widget-background {
|
|
3
3
|
background-color: rgb(255, 0, 0) !important;
|
|
4
4
|
}
|
|
5
5
|
.custom-widget-foooter {
|
|
6
6
|
color: rgb(0, 255, 0) !important;
|
|
7
7
|
}
|
|
8
|
-
`,document.head.appendChild(
|
|
8
|
+
`,document.head.appendChild(s);let a=(0,e.jsx)(o.ConsentManagerWidget,{theme:{"widget.root":"custom-widget-background","widget.footer":"custom-widget-foooter"}});await (0,n.default)({component:a,testCases:[{testId:"consent-manager-widget-root",styles:"custom-widget-background"},{testId:"consent-manager-widget-footer",styles:"custom-widget-foooter"}]});let r=document.querySelector('[data-testid="consent-manager-widget-root"]'),d=document.querySelector('[data-testid="consent-manager-widget-footer"]');if(!r||!d)throw Error("Required elements not found in the document");(0,t.expect)(getComputedStyle(r).backgroundColor).toBe("rgb(255, 0, 0)"),(0,t.expect)(getComputedStyle(d).color).toBe("rgb(0, 255, 0)"),document.head.removeChild(s)}),(0,t.test)("Base layer styles are applied when no custom classes are provided",async()=>{await (0,n.default)({component:(0,e.jsx)(o.ConsentManagerWidget,{}),testCases:[]});let s=document.querySelector('[data-testid="consent-manager-widget-root"]'),a=document.querySelector('[data-testid="consent-manager-widget-footer"]');if(!s||!a)throw Error("Required elements not found in the document");(0,t.expect)(getComputedStyle(s).backgroundColor).toBe("rgba(0, 0, 0, 0)"),(0,t.expect)(getComputedStyle(a).color).toBe("rgb(0, 0, 0)")}),(0,t.test)("Multiple custom classes can be applied and override base layer",async()=>{let s=document.createElement("style");s.textContent=`
|
|
9
9
|
.custom-padding {
|
|
10
10
|
padding: 32px !important;
|
|
11
11
|
}
|
|
12
12
|
.custom-border {
|
|
13
13
|
border: 2px solid rgb(0, 0, 255) !important;
|
|
14
14
|
}
|
|
15
|
-
`,document.head.appendChild(
|
|
15
|
+
`,document.head.appendChild(s);let a=(0,e.jsx)(o.ConsentManagerWidget,{theme:{"widget.root":"custom-padding custom-border"}});await (0,n.default)({component:a,testCases:[{testId:"consent-manager-widget-root",styles:"custom-padding custom-border"}]});let r=document.querySelector('[data-testid="consent-manager-widget-root"]');if(!r)throw Error("Required elements not found in the document");(0,t.expect)(getComputedStyle(r).padding).toBe("32px"),(0,t.expect)(getComputedStyle(r).border).toBe("2px solid rgb(0, 0, 255)"),document.head.removeChild(s)}),(0,t.test)("All consent manager widget components should have their base classes applied",async()=>{let a=(0,e.jsx)(o.ConsentManagerWidget,{}),r={card:s.default.card||"",header:s.default.header||"",title:s.default.title||"",description:s.default.description||"",content:s.default.content||"",footer:s.default.footer||"",footerGroup:s.default.footerGroup||"",accordionItem:s.default.accordionItem||"",accordionTrigger:s.default.accordionTrigger||"",accordionTriggerInner:s.default.accordionTriggerInner||"",accordionContent:s.default.accordionContent||"",accordionArrow:s.default.accordionArrow||"",switch:s.default.switch||""};for(let[e,o]of(await (0,n.default)({component:a,testCases:[{testId:"consent-manager-widget-footer",styles:r.footer},{testId:"consent-manager-widget-footer-sub-group",styles:r.footerGroup},{testId:"consent-manager-widget-accordion-trigger-marketing",styles:r.accordionTrigger},{testId:"consent-manager-widget-accordion-trigger-inner-marketing",styles:r.accordionTriggerInner},{testId:"consent-manager-widget-accordion-content-marketing",styles:r.accordionContent},{testId:"consent-manager-widget-switch-marketing",styles:r.switch}]}),Object.entries(r)))(0,t.expect)(o,`Base class for ${e} should not be empty`).not.toBe("")});
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"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__.d=(e,_)=>{for(var t in _)__webpack_require__.o(_,t)&&!__webpack_require__.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:_[t]})},__webpack_require__.o=(e,_)=>Object.prototype.hasOwnProperty.call(e,_),__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__,{ConsentManagerWidgetRoot:()=>ConsentManagerWidgetRoot,Root:()=>Root});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),box_cjs_namespaceObject=require("../../shared/primitives/box.cjs"),theme_context_cjs_namespaceObject=require("../../../context/theme-context.cjs"),ConsentManagerWidgetRoot=({children:e,noStyle:_=!1,disableAnimation:t=!1,theme:r,useProvider:o=!0,...a})=>{let n=(0,jsx_runtime_namespaceObject.jsx)(box_cjs_namespaceObject.Box,{
|
|
2
|
+
"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__.d=(e,_)=>{for(var t in _)__webpack_require__.o(_,t)&&!__webpack_require__.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:_[t]})},__webpack_require__.o=(e,_)=>Object.prototype.hasOwnProperty.call(e,_),__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__,{ConsentManagerWidgetRoot:()=>ConsentManagerWidgetRoot,Root:()=>Root});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),box_cjs_namespaceObject=require("../../shared/primitives/box.cjs"),theme_context_cjs_namespaceObject=require("../../../context/theme-context.cjs"),ConsentManagerWidgetRoot=({children:e,noStyle:_=!1,disableAnimation:t=!1,theme:r,useProvider:o=!0,...a})=>{let n=(0,jsx_runtime_namespaceObject.jsx)(box_cjs_namespaceObject.Box,{"data-testid":"consent-manager-widget-root",themeKey:"widget.root",...a,children:e});return o?(0,jsx_runtime_namespaceObject.jsx)(theme_context_cjs_namespaceObject.LocalThemeContext.Provider,{value:{disableAnimation:t,noStyle:_,theme:r},children:n}):n},Root=ConsentManagerWidgetRoot;for(var __webpack_i__ in exports.ConsentManagerWidgetRoot=__webpack_exports__.ConsentManagerWidgetRoot,exports.Root=__webpack_exports__.Root,__webpack_exports__)-1===["ConsentManagerWidgetRoot","Root"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"root.d.ts","sourceRoot":"","sources":["../../../../src/components/consent-manager-widget/atoms/root.tsx"],"names":[],"mappings":"AAEA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,EAEN,KAAK,iBAAiB,EACtB,MAAM,yBAAyB,CAAC;AACjC,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,UAAU,CAAC;AAE1D;;;;;;;;GAQG;AACH,MAAM,WAAW,6BAChB,SAAQ,iBAAiB,CAAC,yBAAyB,CAAC;IACpD;;;;;;OAMG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CAClB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,QAAA,MAAM,wBAAwB,EAAE,EAAE,CAAC,6BAA6B,
|
|
1
|
+
{"version":3,"file":"root.d.ts","sourceRoot":"","sources":["../../../../src/components/consent-manager-widget/atoms/root.tsx"],"names":[],"mappings":"AAEA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,EAEN,KAAK,iBAAiB,EACtB,MAAM,yBAAyB,CAAC;AACjC,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,UAAU,CAAC;AAE1D;;;;;;;;GAQG;AACH,MAAM,WAAW,6BAChB,SAAQ,iBAAiB,CAAC,yBAAyB,CAAC;IACpD;;;;;;OAMG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CAClB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,QAAA,MAAM,wBAAwB,EAAE,EAAE,CAAC,6BAA6B,CAqC/D,CAAC;AAEF,QAAA,MAAM,IAAI,mCAA2B,CAAC;AAEtC,OAAO,EAAE,IAAI,EAAE,wBAAwB,EAAE,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import*as e from"react/jsx-runtime";import*as t from"../../shared/primitives/box.js";import*as o from"../../../context/theme-context.js";let r=({children:r,noStyle:
|
|
2
|
+
import*as e from"react/jsx-runtime";import*as t from"../../shared/primitives/box.js";import*as o from"../../../context/theme-context.js";let r=({children:r,noStyle:i=!1,disableAnimation:a=!1,theme:n,useProvider:s=!0,...m})=>{let d=(0,e.jsx)(t.Box,{"data-testid":"consent-manager-widget-root",themeKey:"widget.root",...m,children:r});return s?(0,e.jsx)(o.LocalThemeContext.Provider,{value:{disableAnimation:a,noStyle:i,theme:n},children:d}):d},i=r;export{r as ConsentManagerWidgetRoot,i as Root};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
:root{--widget-background-color:#fff;--widget-background-color-dark:#1a1a1a;--widget-border-color:#ebebeb;--widget-border-color-dark:#333;--widget-text-color:#171717;--widget-text-color-dark:#e6e6e6;--widget-text-muted-color:#5c5c5c;--widget-text-muted-color-dark:#999;--widget-footer-background-color:transparent;--widget-footer-background-color-dark:transparent;--widget-link-text-color:#171717;--widget-link-text-color-dark:#e6e6e6;--widget-branding-link-color:#47c2ff;--widget-padding:0;--widget-radius:0;--widget-gap:.375rem;--widget-border-width:0;--widget-max-width:32rem;--widget-z-index:50;--widget-footer-padding:1.5rem 0 0 0;--widget-title-size:.875rem;--widget-title-line-height:1.25;--widget-title-tracking:-.006em;--widget-title-weight:600;--widget-entry-animation:c15t-enter-rkppV .15s ease-out;--widget-exit-animation:c15t-exit-pldK8 .15s ease-out;--widget-accordion-padding:.875rem;--widget-accordion-radius:.625rem;--widget-accordion-duration:.2s;--widget-accordion-ease:cubic-bezier(.4,0,.2,1);--widget-accordion-icon-size:1.25rem;--widget-accordion-background-color:#fff;--widget-accordion-background-color-dark:#171717;--widget-accordion-background-hover:#f7f7f7;--widget-accordion-background-hover-dark:#1c1c1c;--widget-accordion-border-color:#ebebeb;--widget-accordion-border-color-dark:#333;--widget-accordion-text-color:#171717;--widget-accordion-text-color-dark:#e6e6e6;--widget-accordion-icon-color:#5c5c5c;--widget-accordion-icon-color-dark:#999;--widget-accordion-arrow-color:#a3a3a3;--widget-accordion-arrow-color-dark:#ccc;--widget-accordion-content-color:#5c5c5c;--widget-accordion-content-color-dark:#999;--widget-accordion-focus-ring:#476cff;--widget-accordion-focus-ring-dark:#2547d0;--widget-accordion-focus-shadow:0 0 0 2px #476cff;--widget-accordion-focus-shadow-dark:0 0 0 2px #2547d0}.c15t-widget-mZfPK{isolation:isolate;-webkit-text-size-adjust:100%;tab-size:4;font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;line-height:1.15}.c15t-widget-mZfPK>:not([hidden])~:not([hidden]){--space-y-reverse:0;margin-top:calc(1.5rem*calc(1 - var(--space-y-reverse)));margin-bottom:calc(1.5rem*var(--space-y-reverse))}.c15t-card-cpA5_{width:100%;max-width:var(--widget-max-width);border-radius:var(--widget-radius);border:var(--widget-border-width)solid var(--widget-border-color);background-color:var(--widget-background-color);position:relative}.c15t-dark .c15t-card-cpA5_{background-color:var(--widget-background-color-dark);border-color:var(--widget-border-color-dark)}.c15t-card-cpA5_[data-state=open]{animation:var(--widget-entry-animation)}.c15t-card-cpA5_[data-state=closed]{animation:var(--widget-exit-animation)}.c15t-header-ubIEO{gap:var(--widget-gap);padding:var(--widget-padding);flex-direction:column;display:flex}.c15t-title-LLWlk{font-size:var(--widget-title-size);line-height:var(--widget-title-line-height);letter-spacing:var(--widget-title-tracking);font-weight:var(--widget-title-weight);color:var(--widget-text-color)}.c15t-dark .c15t-title-LLWlk{color:var(--widget-text-color-dark)}.c15t-description-AdjjX{color:var(--widget-text-muted-color)}.c15t-dark .c15t-description-AdjjX{color:var(--widget-text-muted-color-dark)}.c15t-content-JJu4V{padding:0 var(--widget-padding);padding-bottom:var(--widget-padding)}.c15t-footer-ySewJ{padding:var(--widget-footer-padding);background-color:var(--widget-footer-background-color);justify-content:space-between;gap:1rem;display:flex}.c15t-dark .c15t-footer-ySewJ{background-color:var(--widget-footer-background-color-dark)}@media (width<=640px){.c15t-footer-ySewJ{flex-direction:column}}@media (width>=640px){.c15t-footer-ySewJ{flex-direction:row}}.c15t-footerGroup-PNx3e{flex-direction:row;justify-content:space-between;gap:1rem;display:flex}@media (width<=640px){.c15t-footerGroup-PNx3e,.c15t-footerGroup-PNx3e button{width:100%}}.c15t-branding-ayjMW{border-top:var(--widget-border-width)solid var(--widget-border-color);justify-content:center;width:100%;padding-top:1rem;display:flex}.c15t-dark .c15t-branding-ayjMW{border-color:var(--widget-border-color-dark)}.c15t-brandingLink-mwCeb{color:var(--widget-link-text-color);text-align:center;flex-direction:row;flex:1;justify-content:center;align-items:center;gap:.5rem;text-decoration:none;display:flex}.c15t-dark .c15t-brandingLink-mwCeb{color:var(--widget-link-text-color-dark)}.c15t-brandingLink-mwCeb svg{height:1.2rem}@keyframes c15t-enter-rkppV{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes c15t-exit-pldK8{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.c15t-bottomLeft-ZpTtt{bottom:0;left:0}.c15t-bottomRight-StkOw{bottom:0;right:0}.c15t-topLeft-_G3uz{top:0;left:0}.c15t-topRight-By5Hm{top:0;right:0}.c15t-accordionItem-fU3xo{border-radius:var(--widget-accordion-radius);border:1px solid var(--widget-accordion-border-color);background-color:var(--widget-accordion-background-color);position:relative;overflow:visible}.c15t-accordionItem-fU3xo:has(.c15t-accordionTriggerInner-bepZm:focus-visible){box-shadow:0 0 0 2px var(--widget-accordion-focus-ring)}.c15t-dark .c15t-accordionItem-fU3xo{border-color:var(--widget-accordion-border-color-dark);background-color:var(--widget-accordion-background-color-dark)}.c15t-accordionTrigger-SWny4{width:100%;color:var(--widget-accordion-text-color);transition:background-color var(--widget-accordion-duration)var(--widget-accordion-ease);background-color:#0000;justify-content:space-between;align-items:center;display:flex}.c15t-accordionTrigger-SWny4:hover{background-color:var(--widget-accordion-background-hover)}.c15t-dark .c15t-accordionTrigger-SWny4{color:var(--widget-accordion-text-color-dark)}.c15t-dark .c15t-accordionTrigger-SWny4:hover{background-color:var(--widget-accordion-background-hover-dark)}.c15t-accordionTriggerInner-bepZm{align-items:center;gap:var(--widget-gap);font-size:var(--widget-title-size);font-weight:var(--widget-title-weight);border-radius:var(--widget-accordion-radius);display:flex;position:relative}.c15t-accordionContent-qm_yt{padding:var(--widget-accordion-padding);color:var(--widget-accordion-content-color);font-size:.875rem;line-height:1.5}.c15t-dark .c15t-accordionContent-qm_yt{color:var(--widget-accordion-content-color-dark)}.c15t-accordionArrow-t0PT0{color:var(--widget-accordion-arrow-color);width:var(--widget-accordion-icon-size);height:var(--widget-accordion-icon-size);transition:transform var(--widget-accordion-duration)var(--widget-accordion-ease)}.c15t-dark .c15t-accordionArrow-t0PT0{color:var(--widget-accordion-arrow-color-dark)}.c15t-accordionItem-fU3xo[data-state=open] .c15t-accordionArrow-t0PT0{transform:rotate(180deg)}.c15t-switch-cBZCr{cursor:pointer;background-color:var(--widget-accordion-background-hover);width:2rem;height:1.25rem;transition:background-color var(--widget-accordion-duration)var(--widget-accordion-ease);border-radius:9999px;justify-content:center;align-items:center;display:inline-flex}.c15t-dark .c15t-switch-cBZCr{background-color:var(--widget-accordion-background-hover-dark)}.c15t-switch-cBZCr[data-state=checked]{background-color:var(--widget-accordion-focus-ring)}.c15t-dark .c15t-switch-cBZCr[data-state=checked]{background-color:var(--widget-accordion-focus-ring-dark)}
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
"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
|
|
1
|
+
"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 o in t)__webpack_require__.o(t,o)&&!__webpack_require__.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},__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_cookie_banner_cjs_namespaceObject=require("../cookie-banner.cjs"),test_helpers_cjs_namespaceObject=require("../../../utils/test-helpers.cjs");var test_helpers_cjs_default=__webpack_require__.n(test_helpers_cjs_namespaceObject);let button_module_cjs_namespaceObject=require("../../shared/ui/button/button.module.cjs");var button_module_cjs_default=__webpack_require__.n(button_module_cjs_namespaceObject);let external_cookie_banner_module_cjs_namespaceObject=require("../cookie-banner.module.cjs");var external_cookie_banner_module_cjs_default=__webpack_require__.n(external_cookie_banner_module_cjs_namespaceObject);external_vitest_namespaceObject.vi.mock("~/hooks/use-consent-manager",()=>({useConsentManager:()=>({showPopup:!0,...external_vitest_namespaceObject.vi.fn()})})),external_vitest_namespaceObject.vi.mock("~/hooks/use-translations",()=>({useTranslations:()=>({cookieBanner:{title:"Cookie Settings",description:"We use cookies to enhance your experience",acceptAll:"Accept All",rejectAll:"Reject All",customize:"Customize"}})}));let ALL_COMPONENTS=[{testId:"cookie-banner-root",themeKey:"banner.root",styles:"custom-root"},{testId:"cookie-banner-card",themeKey:"banner.card",styles:"custom-card"},{testId:"cookie-banner-header",themeKey:"banner.header.root",styles:"custom-header"},{testId:"cookie-banner-title",themeKey:"banner.header.title",styles:"custom-title"},{testId:"cookie-banner-description",themeKey:"banner.header.description",styles:"custom-description"},{testId:"cookie-banner-footer",themeKey:"banner.footer",styles:"custom-footer"},{testId:"cookie-banner-footer-sub-group",themeKey:"banner.footer.sub-group",styles:"custom-footer-sub-group"},{testId:"cookie-banner-overlay",themeKey:"banner.overlay",styles:"custom-overlay"},{testId:"cookie-banner-reject-button",themeKey:"banner.footer.reject-button",styles:"custom-reject-button"},{testId:"cookie-banner-customize-button",themeKey:"banner.footer.customize-button",styles:"custom-customize-button"},{testId:"cookie-banner-accept-button",themeKey:"banner.footer.accept-button",styles:"custom-accept-button"}];for(var __webpack_i__ in(0,external_vitest_namespaceObject.test)("should apply string classNames from theme prop to all banner elements",async()=>{let e=(0,jsx_runtime_namespaceObject.jsx)(external_cookie_banner_cjs_namespaceObject.CookieBanner,{scrollLock:!0,theme:ALL_COMPONENTS.reduce((e,{themeKey:t,styles:o})=>(e[t]=o,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)("should apply className and style objects from theme prop to all banner elements",async()=>{let e={backgroundColor:"#ffffff",padding:"20px",border:"1px solid #000000"},t=ALL_COMPONENTS.map(({testId:t,themeKey:o,styles:n})=>({testId:t,themeKey:o,className:n,style:e})),o=(0,jsx_runtime_namespaceObject.jsx)(external_cookie_banner_cjs_namespaceObject.CookieBanner,{scrollLock:!0,theme:t.reduce((e,{themeKey:t,className:o,style:n})=>(e[t]={className:o,style:n},e),{})});await test_helpers_cjs_default()({component:o,testCases:t.map(({testId:e,className:t,style:o})=>({testId:e,styles:{className:t,style:o}}))})}),(0,external_vitest_namespaceObject.test)("should remove default styles but keep custom classNames when top-level noStyle prop is true",async()=>{let e=(0,jsx_runtime_namespaceObject.jsx)(external_cookie_banner_cjs_namespaceObject.CookieBanner,{scrollLock:!0,noStyle:!0,theme:ALL_COMPONENTS.reduce((e,{themeKey:t,styles:o})=>(e[t]=o,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)("should remove default styles but keep custom classNames when theme object provides noStyle: true",async()=>{let e=ALL_COMPONENTS.reduce((e,{themeKey:t,styles:o})=>(e[t]={className:o,noStyle:!0},e),{}),t=(0,jsx_runtime_namespaceObject.jsx)(external_cookie_banner_cjs_namespaceObject.CookieBanner,{scrollLock:!0,theme:e});await test_helpers_cjs_default()({component:t,testCases:ALL_COMPONENTS.map(({testId:e,styles:t})=>({testId:e,styles:{className:t}}))})}),(0,external_vitest_namespaceObject.test)("should correctly apply styles when theme prop uses mixed string and object formats",async()=>{let e=(0,jsx_runtime_namespaceObject.jsx)(external_cookie_banner_cjs_namespaceObject.CookieBanner,{scrollLock:!0,theme:{"banner.root":{className:"custom-root",style:{backgroundColor:"rgb(255, 255, 255)",padding:"16px"}},"banner.header.title":"custom-title"}});await test_helpers_cjs_default()({component:e,testCases:[{testId:"cookie-banner-root",styles:{className:"custom-root",style:{backgroundColor:"rgb(255, 255, 255)",padding:"16px"}}},{testId:"cookie-banner-title",styles:"custom-title"}]})}),(0,external_vitest_namespaceObject.test)("should handle empty strings and empty style objects in theme prop gracefully",async()=>{let e=(0,jsx_runtime_namespaceObject.jsx)(external_cookie_banner_cjs_namespaceObject.CookieBanner,{scrollLock:!0,theme:{"banner.root":"","banner.card":"","banner.header.root":"","banner.header.title":"","banner.header.description":"","banner.footer":{className:"",style:{margin:"0",padding:"0"}}}});await test_helpers_cjs_default()({component:e,testCases:[{testId:"cookie-banner-root",styles:""},{testId:"cookie-banner-title",styles:""},{testId:"cookie-banner-footer",styles:{className:"",style:{margin:"0",padding:"0"}}}]})}),(0,external_vitest_namespaceObject.test)("Custom classes override base layer styles",async()=>{let e=document.createElement("style");e.textContent=`
|
|
2
2
|
.custom-banner-background {
|
|
3
3
|
background-color: rgb(255, 0, 0) !important;
|
|
4
4
|
}
|
|
5
5
|
.custom-banner-text {
|
|
6
6
|
color: rgb(0, 255, 0) !important;
|
|
7
7
|
}
|
|
8
|
-
`,document.head.appendChild(e);let t=(0,jsx_runtime_namespaceObject.jsx)(external_cookie_banner_cjs_namespaceObject.CookieBanner,{theme:{"banner.card":"custom-banner-background","banner.header.title":"custom-banner-text"}});await test_helpers_cjs_default()({component:t,testCases:[{testId:"cookie-banner-card",styles:"custom-banner-background"},{testId:"cookie-banner-title",styles:"custom-banner-text"}]});let
|
|
8
|
+
`,document.head.appendChild(e);let t=(0,jsx_runtime_namespaceObject.jsx)(external_cookie_banner_cjs_namespaceObject.CookieBanner,{theme:{"banner.card":"custom-banner-background","banner.header.title":"custom-banner-text"}});await test_helpers_cjs_default()({component:t,testCases:[{testId:"cookie-banner-card",styles:"custom-banner-background"},{testId:"cookie-banner-title",styles:"custom-banner-text"}]});let o=document.querySelector('[data-testid="cookie-banner-card"]'),n=document.querySelector('[data-testid="cookie-banner-title"]');if(!o||!n)throw Error("Required elements not found in the document");(0,external_vitest_namespaceObject.expect)(getComputedStyle(o).backgroundColor).toBe("rgb(255, 0, 0)"),(0,external_vitest_namespaceObject.expect)(getComputedStyle(n).color).toBe("rgb(0, 255, 0)"),document.head.removeChild(e)}),(0,external_vitest_namespaceObject.test)("Base layer styles are applied when no custom classes are provided",async()=>{let e=(0,jsx_runtime_namespaceObject.jsx)(external_cookie_banner_cjs_namespaceObject.CookieBanner,{});await test_helpers_cjs_default()({component:e,testCases:[]});let t=document.querySelector('[data-testid="cookie-banner-card"]'),o=document.querySelector('[data-testid="cookie-banner-title"]');if(!t||!o)throw Error("Required elements not found in the document");(0,external_vitest_namespaceObject.expect)(getComputedStyle(t).backgroundColor).toBe("rgb(255, 255, 255)"),(0,external_vitest_namespaceObject.expect)(getComputedStyle(o).color).toBe("rgb(23, 23, 23)")}),(0,external_vitest_namespaceObject.test)("Multiple custom classes can be applied and override base layer",async()=>{let e=document.createElement("style");e.textContent=`
|
|
9
9
|
.custom-padding {
|
|
10
10
|
padding: 32px !important;
|
|
11
11
|
}
|
|
12
12
|
.custom-border {
|
|
13
13
|
border: 2px solid rgb(0, 0, 255) !important;
|
|
14
14
|
}
|
|
15
|
-
`,document.head.appendChild(e);let t=(0,jsx_runtime_namespaceObject.jsx)(external_cookie_banner_cjs_namespaceObject.CookieBanner,{theme:{"banner.card":"custom-padding custom-border"}});await test_helpers_cjs_default()({component:t,testCases:[{testId:"cookie-banner-card",styles:"custom-padding custom-border"}]});let
|
|
15
|
+
`,document.head.appendChild(e);let t=(0,jsx_runtime_namespaceObject.jsx)(external_cookie_banner_cjs_namespaceObject.CookieBanner,{theme:{"banner.card":"custom-padding custom-border"}});await test_helpers_cjs_default()({component:t,testCases:[{testId:"cookie-banner-card",styles:"custom-padding custom-border"}]});let o=document.querySelector('[data-testid="cookie-banner-card"]');if(!o)throw Error("Required elements not found in the document");(0,external_vitest_namespaceObject.expect)(getComputedStyle(o).padding).toBe("32px"),(0,external_vitest_namespaceObject.expect)(getComputedStyle(o).border).toBe("2px solid rgb(0, 0, 255)"),document.head.removeChild(e)}),(0,external_vitest_namespaceObject.test)("All cookie banner components should have their base classes applied",async()=>{let e=(0,jsx_runtime_namespaceObject.jsx)(external_cookie_banner_cjs_namespaceObject.CookieBanner,{}),t={root:external_cookie_banner_module_cjs_default().root||"",card:external_cookie_banner_module_cjs_default().card||"",header:external_cookie_banner_module_cjs_default().header||"",title:external_cookie_banner_module_cjs_default().title||"",description:external_cookie_banner_module_cjs_default().description||"",footer:external_cookie_banner_module_cjs_default().footer||"",footerSubGroup:external_cookie_banner_module_cjs_default().footerSubGroup||"",rejectButton:`${button_module_cjs_default().button} ${button_module_cjs_default()["button-small"]} ${button_module_cjs_default()["button-neutral-stroke"]}`,customizeButton:`${button_module_cjs_default().button} ${button_module_cjs_default()["button-small"]} ${button_module_cjs_default()["button-neutral-stroke"]}`,acceptButton:`${button_module_cjs_default().button} ${button_module_cjs_default()["button-small"]} ${button_module_cjs_default()["button-primary-stroke"]}`};for(let[o,n]of(await test_helpers_cjs_default()({component:e,testCases:[{testId:"cookie-banner-root",styles:t.root},{testId:"cookie-banner-card",styles:t.card},{testId:"cookie-banner-header",styles:t.header},{testId:"cookie-banner-title",styles:t.title},{testId:"cookie-banner-description",styles:t.description},{testId:"cookie-banner-footer",styles:t.footer},{testId:"cookie-banner-footer-sub-group",styles:t.footerSubGroup},{testId:"cookie-banner-reject-button",styles:t.rejectButton},{testId:"cookie-banner-customize-button",styles:t.customizeButton},{testId:"cookie-banner-accept-button",styles:t.acceptButton}]}),Object.entries(t)))(0,external_vitest_namespaceObject.expect)(n,`Base class for ${o} should not be empty`).not.toBe("")}),__webpack_exports__)exports[__webpack_i__]=__webpack_exports__[__webpack_i__];Object.defineProperty(exports,"__esModule",{value:!0});
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import*as e from"react/jsx-runtime";import*as t from"vitest";import*as o from"../cookie-banner.js";import*as
|
|
1
|
+
import*as e from"react/jsx-runtime";import*as t from"vitest";import*as o from"../cookie-banner.js";import*as s from"../../../utils/test-helpers.js";import*as n from"../../shared/ui/button/button.module.js";import*as r from"../cookie-banner.module.js";t.vi.mock("~/hooks/use-consent-manager",()=>({useConsentManager:()=>({showPopup:!0,...t.vi.fn()})})),t.vi.mock("~/hooks/use-translations",()=>({useTranslations:()=>({cookieBanner:{title:"Cookie Settings",description:"We use cookies to enhance your experience",acceptAll:"Accept All",rejectAll:"Reject All",customize:"Customize"}})}));let a=[{testId:"cookie-banner-root",themeKey:"banner.root",styles:"custom-root"},{testId:"cookie-banner-card",themeKey:"banner.card",styles:"custom-card"},{testId:"cookie-banner-header",themeKey:"banner.header.root",styles:"custom-header"},{testId:"cookie-banner-title",themeKey:"banner.header.title",styles:"custom-title"},{testId:"cookie-banner-description",themeKey:"banner.header.description",styles:"custom-description"},{testId:"cookie-banner-footer",themeKey:"banner.footer",styles:"custom-footer"},{testId:"cookie-banner-footer-sub-group",themeKey:"banner.footer.sub-group",styles:"custom-footer-sub-group"},{testId:"cookie-banner-overlay",themeKey:"banner.overlay",styles:"custom-overlay"},{testId:"cookie-banner-reject-button",themeKey:"banner.footer.reject-button",styles:"custom-reject-button"},{testId:"cookie-banner-customize-button",themeKey:"banner.footer.customize-button",styles:"custom-customize-button"},{testId:"cookie-banner-accept-button",themeKey:"banner.footer.accept-button",styles:"custom-accept-button"}];(0,t.test)("should apply string classNames from theme prop to all banner elements",async()=>{let t=(0,e.jsx)(o.CookieBanner,{scrollLock:!0,theme:a.reduce((e,{themeKey:t,styles:o})=>(e[t]=o,e),{})});await (0,s.default)({component:t,testCases:a.map(({testId:e,styles:t})=>({testId:e,styles:t}))})}),(0,t.test)("should apply className and style objects from theme prop to all banner elements",async()=>{let t={backgroundColor:"#ffffff",padding:"20px",border:"1px solid #000000"},n=a.map(({testId:e,themeKey:o,styles:s})=>({testId:e,themeKey:o,className:s,style:t})),r=(0,e.jsx)(o.CookieBanner,{scrollLock:!0,theme:n.reduce((e,{themeKey:t,className:o,style:s})=>(e[t]={className:o,style:s},e),{})});await (0,s.default)({component:r,testCases:n.map(({testId:e,className:t,style:o})=>({testId:e,styles:{className:t,style:o}}))})}),(0,t.test)("should remove default styles but keep custom classNames when top-level noStyle prop is true",async()=>{let t=(0,e.jsx)(o.CookieBanner,{scrollLock:!0,noStyle:!0,theme:a.reduce((e,{themeKey:t,styles:o})=>(e[t]=o,e),{})});await (0,s.default)({component:t,testCases:a.map(({testId:e,styles:t})=>({testId:e,styles:t})),noStyle:!0})}),(0,t.test)("should remove default styles but keep custom classNames when theme object provides noStyle: true",async()=>{let t=a.reduce((e,{themeKey:t,styles:o})=>(e[t]={className:o,noStyle:!0},e),{}),n=(0,e.jsx)(o.CookieBanner,{scrollLock:!0,theme:t});await (0,s.default)({component:n,testCases:a.map(({testId:e,styles:t})=>({testId:e,styles:{className:t}}))})}),(0,t.test)("should correctly apply styles when theme prop uses mixed string and object formats",async()=>{let t=(0,e.jsx)(o.CookieBanner,{scrollLock:!0,theme:{"banner.root":{className:"custom-root",style:{backgroundColor:"rgb(255, 255, 255)",padding:"16px"}},"banner.header.title":"custom-title"}});await (0,s.default)({component:t,testCases:[{testId:"cookie-banner-root",styles:{className:"custom-root",style:{backgroundColor:"rgb(255, 255, 255)",padding:"16px"}}},{testId:"cookie-banner-title",styles:"custom-title"}]})}),(0,t.test)("should handle empty strings and empty style objects in theme prop gracefully",async()=>{let t=(0,e.jsx)(o.CookieBanner,{scrollLock:!0,theme:{"banner.root":"","banner.card":"","banner.header.root":"","banner.header.title":"","banner.header.description":"","banner.footer":{className:"",style:{margin:"0",padding:"0"}}}});await (0,s.default)({component:t,testCases:[{testId:"cookie-banner-root",styles:""},{testId:"cookie-banner-title",styles:""},{testId:"cookie-banner-footer",styles:{className:"",style:{margin:"0",padding:"0"}}}]})}),(0,t.test)("Custom classes override base layer styles",async()=>{let n=document.createElement("style");n.textContent=`
|
|
2
2
|
.custom-banner-background {
|
|
3
3
|
background-color: rgb(255, 0, 0) !important;
|
|
4
4
|
}
|
|
5
5
|
.custom-banner-text {
|
|
6
6
|
color: rgb(0, 255, 0) !important;
|
|
7
7
|
}
|
|
8
|
-
`,document.head.appendChild(
|
|
8
|
+
`,document.head.appendChild(n);let r=(0,e.jsx)(o.CookieBanner,{theme:{"banner.card":"custom-banner-background","banner.header.title":"custom-banner-text"}});await (0,s.default)({component:r,testCases:[{testId:"cookie-banner-card",styles:"custom-banner-background"},{testId:"cookie-banner-title",styles:"custom-banner-text"}]});let a=document.querySelector('[data-testid="cookie-banner-card"]'),c=document.querySelector('[data-testid="cookie-banner-title"]');if(!a||!c)throw Error("Required elements not found in the document");(0,t.expect)(getComputedStyle(a).backgroundColor).toBe("rgb(255, 0, 0)"),(0,t.expect)(getComputedStyle(c).color).toBe("rgb(0, 255, 0)"),document.head.removeChild(n)}),(0,t.test)("Base layer styles are applied when no custom classes are provided",async()=>{let n=(0,e.jsx)(o.CookieBanner,{});await (0,s.default)({component:n,testCases:[]});let r=document.querySelector('[data-testid="cookie-banner-card"]'),a=document.querySelector('[data-testid="cookie-banner-title"]');if(!r||!a)throw Error("Required elements not found in the document");(0,t.expect)(getComputedStyle(r).backgroundColor).toBe("rgb(255, 255, 255)"),(0,t.expect)(getComputedStyle(a).color).toBe("rgb(23, 23, 23)")}),(0,t.test)("Multiple custom classes can be applied and override base layer",async()=>{let n=document.createElement("style");n.textContent=`
|
|
9
9
|
.custom-padding {
|
|
10
10
|
padding: 32px !important;
|
|
11
11
|
}
|
|
12
12
|
.custom-border {
|
|
13
13
|
border: 2px solid rgb(0, 0, 255) !important;
|
|
14
14
|
}
|
|
15
|
-
`,document.head.appendChild(
|
|
15
|
+
`,document.head.appendChild(n);let r=(0,e.jsx)(o.CookieBanner,{theme:{"banner.card":"custom-padding custom-border"}});await (0,s.default)({component:r,testCases:[{testId:"cookie-banner-card",styles:"custom-padding custom-border"}]});let a=document.querySelector('[data-testid="cookie-banner-card"]');if(!a)throw Error("Required elements not found in the document");(0,t.expect)(getComputedStyle(a).padding).toBe("32px"),(0,t.expect)(getComputedStyle(a).border).toBe("2px solid rgb(0, 0, 255)"),document.head.removeChild(n)}),(0,t.test)("All cookie banner components should have their base classes applied",async()=>{let a=(0,e.jsx)(o.CookieBanner,{}),c={root:r.default.root||"",card:r.default.card||"",header:r.default.header||"",title:r.default.title||"",description:r.default.description||"",footer:r.default.footer||"",footerSubGroup:r.default.footerSubGroup||"",rejectButton:`${n.default.button} ${n.default["button-small"]} ${n.default["button-neutral-stroke"]}`,customizeButton:`${n.default.button} ${n.default["button-small"]} ${n.default["button-neutral-stroke"]}`,acceptButton:`${n.default.button} ${n.default["button-small"]} ${n.default["button-primary-stroke"]}`};for(let[e,o]of(await (0,s.default)({component:a,testCases:[{testId:"cookie-banner-root",styles:c.root},{testId:"cookie-banner-card",styles:c.card},{testId:"cookie-banner-header",styles:c.header},{testId:"cookie-banner-title",styles:c.title},{testId:"cookie-banner-description",styles:c.description},{testId:"cookie-banner-footer",styles:c.footer},{testId:"cookie-banner-footer-sub-group",styles:c.footerSubGroup},{testId:"cookie-banner-reject-button",styles:c.rejectButton},{testId:"cookie-banner-customize-button",styles:c.customizeButton},{testId:"cookie-banner-accept-button",styles:c.acceptButton}]}),Object.entries(c)))(0,t.expect)(o,`Base class for ${e} should not be empty`).not.toBe("")});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
:root{isolation:isolate;-webkit-text-size-adjust:100%;tab-size:4;--banner-border-radius-sm:.3125rem;--banner-border-radius:1.25rem;--banner-max-width:440px;--banner-animation-duration:.2s;--banner-animation-timing:ease-out;--banner-entry-animation:c15t-enter-OSOPL .15s ease-out;--banner-exit-animation:c15t-exit-PbMtf .15s ease-out;--banner-border-width:1px;--banner-shadow:0 16px 32px -12px #0e121b1a;--banner-shadow-dark:0 16px 32px -12px #0e121b1a;--banner-background-color:#fff;--banner-background-color-dark:#171717;--banner-footer-background-color:#f7f7f7;--banner-footer-background-color-dark:#1c1c1c;--banner-text-color:#171717;--banner-text-color-dark:#e6e6e6;--banner-border-color:#ebebeb;--banner-border-color-dark:#333;--banner-title-color:#171717;--banner-title-color-dark:#e6e6e6;--banner-description-color:#5c5c5c;--banner-description-color-dark:#999;--banner-overlay-background-color:#00000080;--banner-overlay-background-color-dark:#00000080;font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;line-height:1.15}.c15t-root-tnx7V{z-index:999999998;flex-direction:column;width:100%;padding:1rem;display:flex;position:fixed}.c15t-bannerVisible-bty7Y{opacity:1;transition:opacity var(--banner-animation-duration)var(--banner-animation-timing),transform var(--banner-animation-duration)cubic-bezier(.34,1.56,.64,1);transform:translateY(0)}.c15t-bannerHidden-kfAtO{opacity:0;transition:opacity var(--banner-animation-duration)var(--banner-animation-timing),transform var(--banner-animation-duration)var(--banner-animation-timing);transform:translateY(50px)}@media (width>=640px){.c15t-root-tnx7V{width:auto;padding:1.5rem}}.c15t-bottomLeft-wv7ez{bottom:0;left:0}.c15t-bottomRight-Oibp8{bottom:0;right:0}.c15t-topLeft-JJ9D6{top:0;left:0}.c15t-topRight-A6dOV{top:0;right:0}.c15t-card-MOqQY{width:100%;max-width:var(--banner-max-width);border-radius:var(--banner-border-radius);border-width:var(--banner-border-width);border-color:var(--banner-border-color);background-color:var(--banner-background-color);box-shadow:var(--banner-shadow);position:relative;overflow:hidden}.c15t-dark .c15t-card-MOqQY{background-color:var(--banner-background-color-dark);border-color:var(--banner-border-color-dark);box-shadow:var(--banner-shadow-dark)}.c15t-card-MOqQY[data-state=open]{animation:var(--banner-entry-animation)}.c15t-card-MOqQY[data-state=closed]{animation:var(--banner-exit-animation)}.c15t-card-MOqQY>:not([hidden])~:not([hidden]){border-top-width:var(--banner-border-width);border-color:var(--banner-border-color)}.c15t-dark .c15t-card-MOqQY>:not([hidden])~:not([hidden]){border-color:var(--banner-border-color-dark)}.c15t-card-MOqQY:focus{outline-offset:2px;outline:none}@keyframes c15t-enter-OSOPL{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes c15t-exit-PbMtf{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.c15t-rejectButton-qP3hZ,.c15t-acceptButton-zReyG,.c15t-customizeButton-ZjdG0{width:100%}@media (width>=640px){.c15t-rejectButton-qP3hZ,.c15t-acceptButton-zReyG,.c15t-customizeButton-ZjdG0{width:auto}}.c15t-header-X6bpE{color:var(--banner-text-color);flex-direction:column;padding:1rem;display:flex}.c15t-dark .c15t-header-X6bpE{color:var(--banner-text-color-dark)}@media (width>=640px){.c15t-header-X6bpE{padding:1.5rem}}.c15t-header-X6bpE>:not([hidden])~:not([hidden]){--banner-space-y-reverse:0;margin-top:calc(.5rem*calc(1 - var(--banner-space-y-reverse)));margin-bottom:calc(.5rem*var(--banner-space-y-reverse))}.c15t-footer-wS150{background-color:var(--banner-footer-background-color);flex-direction:column;justify-content:space-between;gap:.75rem;padding:1rem 1.25rem;display:flex}.c15t-dark .c15t-footer-wS150{background-color:var(--banner-footer-background-color-dark)}@media (width>=640px){.c15t-footer-wS150{flex-direction:row}}.c15t-footerSubGroup-HbTp3{flex-direction:row;justify-content:space-between;gap:1rem;display:flex}.c15t-description-jP5LU{letter-spacing:-.006em;color:var(--banner-description-color);font-size:.875rem;font-weight:400;line-height:1.25rem}.c15t-dark .c15t-description-jP5LU{color:var(--banner-description-color-dark)}.c15t-title-qr_tp{letter-spacing:-.011em;color:var(--banner-title-color);font-size:1rem;font-weight:500;line-height:1.5rem}.c15t-dark .c15t-title-qr_tp{color:var(--banner-title-color-dark)}.c15t-overlay-Y8QYV{background-color:var(--banner-overlay-background-color);z-index:999999997;position:fixed;inset:0}.c15t-overlayVisible-YTJZr{opacity:1;transition:opacity var(--banner-animation-duration)var(--banner-animation-timing)}.c15t-overlayHidden-JeNTf{opacity:0;transition:opacity var(--banner-animation-duration)var(--banner-animation-timing)}.c15t-dark .c15t-overlay-Y8QYV{background-color:var(--banner-overlay-background-color-dark)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
:root{--accordion-padding:.875rem;--accordion-radius:.625rem;--accordion-duration:.2s;--accordion-ease:cubic-bezier(.4,0,.2,1);--accordion-icon-size:1.25rem;--accordion-background-color:#fff;--accordion-background-color-dark:#171717;--accordion-background-hover:#f7f7f7;--accordion-background-hover-dark:#1c1c1c;--accordion-border-color:#ebebeb;--accordion-border-color-dark:#333;--accordion-text-color:#171717;--accordion-text-color-dark:#e6e6e6;--accordion-icon-color:#5c5c5c;--accordion-icon-color-dark:#999;--accordion-arrow-color:#a3a3a3;--accordion-arrow-color-dark:#ccc;--accordion-content-color:#5c5c5c;--accordion-content-color-dark:#999;--accordion-focus-ring:#476cff;--accordion-focus-ring-dark:#2547d0;--accordion-focus-shadow:0 0 0 2px var(--accordion-focus-ring);--accordion-focus-shadow-dark:0 0 0 2px var(--accordion-focus-ring-dark)}.c15t-root-mn3Kc{&>:not([hidden])~:not([hidden]){--space-y-reverse:0;margin-top:calc(1rem*calc(1 - var(--space-y-reverse)));margin-bottom:calc(1rem*var(--space-y-reverse))}}.c15t-item-wEBHW{padding:var(--accordion-padding);background-color:var(--accordion-background-color);box-shadow:inset 0 0 0 1px var(--accordion-border-color);transition:all var(--accordion-duration)var(--accordion-ease);border-radius:var(--accordion-radius);position:relative;overflow:visible}.c15t-dark .c15t-item-wEBHW{background-color:var(--accordion-background-color-dark);box-shadow:inset 0 0 0 1px var(--accordion-border-color-dark)}.c15t-item-wEBHW:is(:hover,[data-state=open]){background-color:var(--accordion-background-hover);box-shadow:inset 0 0 0 1px #0000}.c15t-dark .c15t-item-wEBHW:is(:hover,[data-state=open]){background-color:var(--accordion-background-hover-dark);box-shadow:inset 0 0 0 1px #0000}.c15t-item-wEBHW:focus-within:not(:has(.c15t-triggerInner-P7q0J:focus-visible)){background-color:var(--accordion-background-hover);box-shadow:inset 0 0 0 1px #0000}.c15t-dark .c15t-item-wEBHW:focus-within:not(:has(.c15t-triggerInner-P7q0J:focus-visible)){background-color:var(--accordion-background-hover-dark);box-shadow:inset 0 0 0 1px #0000}.c15t-item-wEBHW:has(.c15t-triggerInner-P7q0J:focus-visible){box-shadow:var(--accordion-focus-shadow)}.c15t-dark .c15t-item-wEBHW:has(.c15t-triggerInner-P7q0J:focus-visible){box-shadow:var(--accordion-focus-shadow-dark)}.c15t-trigger-YptQf{justify-content:space-between;align-items:center;width:100%;display:flex;position:relative;overflow:visible}.c15t-triggerInner-P7q0J{width:90%;margin:calc(-1*var(--accordion-padding));padding:var(--accordion-padding);letter-spacing:-.006em;text-align:left;color:var(--accordion-text-color);cursor:pointer;border-radius:var(--accordion-radius);z-index:1;background:0 0;border:0;grid-template-columns:auto 1fr;align-items:center;gap:.625rem;padding-right:0;font-size:.875rem;font-weight:500;line-height:1.25rem;display:grid;position:relative}.c15t-dark .c15t-triggerInner-P7q0J{color:var(--accordion-text-color-dark)}.c15t-triggerInner-P7q0J:focus-visible{outline:none}.c15t-icon-CWXG_{width:var(--accordion-icon-size);height:var(--accordion-icon-size);color:var(--accordion-icon-color);flex-shrink:0}.c15t-dark .c15t-icon-CWXG_{color:var(--accordion-icon-color-dark)}.c15t-arrowOpen-BtPT6,.c15t-arrowClose-Rc1mA{width:var(--accordion-icon-size);height:var(--accordion-icon-size);transition:color var(--accordion-duration)var(--accordion-ease);flex-shrink:0}.c15t-arrowOpen-BtPT6{color:var(--accordion-arrow-color)}.c15t-dark .c15t-arrowOpen-BtPT6{color:var(--accordion-arrow-color-dark)}.c15t-item-wEBHW:hover .c15t-arrowOpen-BtPT6{color:var(--accordion-icon-color)}.c15t-dark .c15t-item-wEBHW:hover .c15t-arrowOpen-BtPT6{color:var(--accordion-icon-color-dark)}.c15t-arrowClose-Rc1mA{color:var(--accordion-icon-color);display:none}.c15t-dark .c15t-arrowClose-Rc1mA{color:var(--accordion-icon-color-dark)}.c15t-item-wEBHW[data-state=open] .c15t-arrowOpen-BtPT6{display:none}.c15t-item-wEBHW[data-state=open] .c15t-arrowClose-Rc1mA{display:block}.c15t-content-F0Oyv{overflow:hidden}@keyframes c15t-accordionDown-BXyWj{0%{opacity:0;height:0}to{height:var(--radix-accordion-content-height);opacity:1}}@keyframes c15t-accordionUp-JM5v8{0%{height:var(--radix-accordion-content-height);opacity:1}to{opacity:0;height:0}}.c15t-content-F0Oyv[data-state=open]{animation:c15t-accordionDown-BXyWj var(--accordion-duration)var(--accordion-ease)}.c15t-content-F0Oyv[data-state=closed]{animation:c15t-accordionUp-JM5v8 var(--accordion-duration)var(--accordion-ease)}.c15t-contentInner-seFon{letter-spacing:-.006em;color:var(--accordion-content-color);padding-top:.375rem;font-size:.875rem;line-height:1.25rem}.c15t-dark .c15t-contentInner-seFon{color:var(--accordion-content-color-dark)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
:root{--button-primary:#335cff;--button-primary-dark:#2547d0;--button-primary-hover:#476fff1a;--button-primary-hover-dark:#476cff1a;--button-neutral:#5c5c5c;--button-neutral-dark:#414958;--button-neutral-hover:#626d84;--button-neutral-hover-dark:#363d49;--button-neutral-soft:#ebebeb;--button-neutral-soft-dark:#414958;--button-focus-ring:#476cff;--button-focus-ring-dark:#2547d0;--button-text:#5c5c5c;--button-text-dark:#b3b3b3;--button-text-hover:#171717;--button-text-hover-dark:#e6e6e6;--button-background-color:#fff;--button-background-color-dark:#1a1a1a;--button-border:#5c5c5c;--button-border-dark:#414958;--button-hover-overlay:#2b303b0d;--button-hover-overlay-dark:#e2e4e91a;--button-font:inherit;--button-border-width:0px;--button-border-style:solid;--button-border-color:transparent;--button-border-radius:.375rem;--button-font-weight:500;--button-font-size:.875rem;--button-line-height:1.25rem;--button-transition:all .15s ease-in-out;--button-cursor:pointer;--button-shadow:0px 1px 2px 0px #0e121b0f;--button-shadow-dark:0px 1px 2px 0px #8080800f;--button-shadow-primary-focus:0 0 0 2px var(--button-focus-ring);--button-shadow-neutral-focus:0 0 0 2px var(--button-focus-ring);--button-shadow-primary-focus-dark:0 0 0 2px var(--button-focus-ring-dark);--button-shadow-neutral-focus-dark:0 0 0 2px var(--button-focus-ring-dark);--button-shadow-primary:var(--button-shadow),inset 0 0 0 1px var(--button-primary);--button-shadow-primary-dark:var(--button-shadow-dark),inset 0 0 0 1px var(--button-primary-dark);--button-shadow-primary-hover:none;--button-shadow-primary-hover-dark:none;--button-shadow-neutral:var(--button-shadow),inset 0 0 0 1px var(--button-neutral-soft);--button-shadow-neutral-dark:var(--button-shadow-dark),inset 0 0 0 1px var(--button-neutral-soft-dark);--button-shadow-neutral-hover:none;--button-shadow-neutral-hover-dark:none}.c15t-button-YKOgW{border-radius:var(--button-border-radius);font-weight:var(--button-font-weight);transition:var(--button-transition);cursor:var(--button-cursor);border:var(--button-border-width)var(--button-border-style)var(--button-border-color);font-size:var(--button-font-size);line-height:var(--button-line-height);color:var(--button-text);font-family:var(--button-font);justify-content:center;align-items:center;gap:.5rem;display:inline-flex}.c15t-button-YKOgW:focus-visible{box-shadow:var(--button-shadow-primary-focus);outline:none}.c15t-dark .c15t-button-YKOgW:focus-visible{box-shadow:var(--button-shadow-primary-focus-dark)}.c15t-dark .c15t-button-YKOgW{color:var(--button-text-dark)}.c15t-button-YKOgW:disabled{opacity:.5;cursor:not-allowed}.c15t-button-medium-1Mfpj{font-size:var(--button-font-size);line-height:var(--button-line-height);padding:.625rem 1rem}.c15t-button-small-n5LJg{font-size:var(--button-font-size);line-height:var(--button-line-height);padding:.5rem .75rem}.c15t-button-xsmall-ygCjx{font-size:var(--button-font-size);line-height:var(--button-line-height);padding:.375rem .625rem}.c15t-button-xxsmall-r7ZLO{font-size:var(--button-font-size);line-height:var(--button-line-height);padding:.25rem .5rem}.c15t-button-primary-filled-YzeKk{background-color:var(--button-primary);color:var(--button-background-color)}.c15t-button-primary-filled-YzeKk:focus-visible{box-shadow:var(--button-shadow-primary-focus)}.c15t-dark .c15t-button-primary-filled-YzeKk{background-color:var(--button-primary-dark);color:var(--button-background-color-dark)}.c15t-button-primary-filled-YzeKk:hover:not(:disabled){background-color:var(--button-primary-hover)}.c15t-dark .c15t-button-primary-filled-YzeKk:hover:not(:disabled){background-color:var(--button-primary-hover-dark)}.c15t-button-primary-stroke-TWzjH{background-color:var(--button-background-color);color:var(--button-primary);box-shadow:var(--button-shadow-primary)}.c15t-dark .c15t-button-primary-stroke-TWzjH{background-color:var(--button-background-color-dark);color:var(--button-primary-dark);box-shadow:var(--button-shadow-primary-dark)}.c15t-button-primary-stroke-TWzjH:hover:not(:disabled){background-color:var(--button-primary-hover);box-shadow:var(--button-shadow-primary-hover)}.c15t-dark .c15t-button-primary-stroke-TWzjH:hover:not(:disabled){background-color:var(--button-primary-hover-dark);box-shadow:var(--button-shadow-primary-hover-dark)}.c15t-button-primary-lighter-kAHLT{background-color:color-mix(in srgb,var(--button-primary)10%,transparent);color:var(--button-primary)}.c15t-dark .c15t-button-primary-lighter-kAHLT{background-color:color-mix(in srgb,var(--button-primary-dark)10%,transparent);color:var(--button-primary-dark)}.c15t-button-primary-lighter-kAHLT:hover:not(:disabled){background-color:color-mix(in srgb,var(--button-primary)20%,transparent)}.c15t-dark .c15t-button-primary-lighter-kAHLT:hover:not(:disabled){background-color:color-mix(in srgb,var(--button-primary-dark)20%,transparent)}.c15t-button-primary-ghost-j0CcU{color:var(--button-primary)}.c15t-dark .c15t-button-primary-ghost-j0CcU{color:var(--button-primary-dark)}.c15t-button-primary-ghost-j0CcU:hover:not(:disabled){background-color:var(--button-hover-overlay)}.c15t-dark .c15t-button-primary-ghost-j0CcU:hover:not(:disabled){background-color:var(--button-hover-overlay-dark)}.c15t-button-neutral-filled-uvvkN{background-color:var(--button-neutral);color:var(--button-background-color)}.c15t-button-neutral-filled-uvvkN:focus-visible{box-shadow:var(--button-shadow-neutral-focus)}.c15t-dark .c15t-button-neutral-filled-uvvkN{background-color:var(--button-neutral-dark);color:var(--button-background-color-dark)}.c15t-button-neutral-filled-uvvkN:hover:not(:disabled){background-color:var(--button-neutral-hover)}.c15t-dark .c15t-button-neutral-filled-uvvkN:hover:not(:disabled){background-color:var(--button-neutral-hover-dark)}.c15t-button-neutral-stroke-EAzCC{background-color:var(--button-background-color);box-shadow:var(--button-shadow-neutral)}.c15t-dark .c15t-button-neutral-stroke-EAzCC{background-color:var(--button-background-color-dark);box-shadow:var(--button-shadow-neutral-dark)}.c15t-button-neutral-stroke-EAzCC:hover:not(:disabled){box-shadow:var(--button-shadow-neutral-hover);color:var(--button-text-hover);background-color:#0000}.c15t-dark .c15t-button-neutral-stroke-EAzCC:hover:not(:disabled){box-shadow:var(--button-shadow-neutral-hover-dark);color:var(--button-text-hover-dark)}.c15t-button-neutral-lighter-ANBJI{background-color:color-mix(in srgb,var(--button-neutral)10%,transparent);color:var(--button-neutral)}.c15t-dark .c15t-button-neutral-lighter-ANBJI{background-color:color-mix(in srgb,var(--button-neutral-dark)10%,transparent);color:var(--button-neutral-dark)}.c15t-button-neutral-lighter-ANBJI:hover:not(:disabled){background-color:color-mix(in srgb,var(--button-neutral)20%,transparent)}.c15t-dark .c15t-button-neutral-lighter-ANBJI:hover:not(:disabled){background-color:color-mix(in srgb,var(--button-neutral-dark)20%,transparent)}.c15t-button-neutral-ghost-x4zTl{color:var(--button-neutral)}.c15t-dark .c15t-button-neutral-ghost-x4zTl{color:var(--button-neutral-dark)}.c15t-button-neutral-ghost-x4zTl:hover:not(:disabled){background-color:var(--button-hover-overlay)}.c15t-dark .c15t-button-neutral-ghost-x4zTl:hover:not(:disabled){background-color:var(--button-hover-overlay-dark)}.c15t-button-icon-ps6Fy{justify-content:center;align-items:center;display:inline-flex}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
:root{--switch-height:1.25rem;--switch-width:2rem;--switch-padding:.125rem;--switch-duration:.2s;--switch-ease:cubic-bezier(.4,0,.2,1);--switch-thumb-size:.75rem;--switch-thumb-size-disabled:.625rem;--switch-thumb-translate:.75rem;--switch-background-color:#ebebeb;--switch-background-color-dark:#333;--switch-background-color-hover:#d1d1d1;--switch-background-color-hover-dark:#292929;--switch-background-color-checked:#335cff;--switch-background-color-checked-dark:#2547d0;--switch-background-color-disabled:#fff;--switch-background-color-disabled-dark:#171717;--switch-thumb-background-color:#fff;--switch-thumb-background-color-dark:#f7f7f7;--switch-thumb-background-color-disabled:#f7f7f7;--switch-thumb-background-color-disabled-dark:#333;--switch-shadow-thumb:0 0 0 1px #ebebeb;--switch-shadow-thumb-dark:0 0 0 1px #333;--switch-focus-ring:#335cff;--switch-focus-ring-dark:#2547d0;--switch-focus-shadow:0 0 0 2px var(--switch-focus-ring);--switch-focus-shadow-dark:0 0 0 2px var(--switch-focus-ring-dark)}.c15t-root-qh0zR{height:var(--switch-height);width:var(--switch-width);padding:var(--switch-padding);white-space:nowrap;background:0 0;border:0;border-radius:9999px;outline:none;flex-shrink:0;margin:0;font-family:inherit;font-size:100%;line-height:1.15;display:block}.c15t-track-OlfR7{height:calc(var(--switch-height) - 2*var(--switch-padding));width:calc(var(--switch-width) - 2*var(--switch-padding));padding:var(--switch-padding);background-color:var(--switch-background-color);transition:all var(--switch-duration)var(--switch-ease);border-radius:9999px;outline:none;position:relative}.c15t-dark .c15t-track-OlfR7{background-color:var(--switch-background-color-dark)}.c15t-track-OlfR7:hover{background-color:var(--switch-background-color-hover)}.c15t-dark .c15t-track-OlfR7:hover{background-color:var(--switch-background-color-hover-dark)}.c15t-track-OlfR7:focus-visible{background-color:var(--switch-background-color-hover)}.c15t-dark .c15t-track-OlfR7:focus-visible{background-color:var(--switch-background-color-hover-dark)}.c15t-track-OlfR7:active{background-color:var(--switch-background-color)}.c15t-dark .c15t-track-OlfR7:active{background-color:var(--switch-background-color-dark)}.c15t-root-qh0zR[data-state=checked] .c15t-track-OlfR7{background-color:var(--switch-background-color-checked)}.c15t-dark .c15t-root-qh0zR[data-state=checked] .c15t-track-OlfR7{background-color:var(--switch-background-color-checked-dark)}.c15t-root-qh0zR[data-state=checked]:hover .c15t-track-OlfR7{background-color:var(--switch-background-color-checked)}.c15t-dark .c15t-root-qh0zR[data-state=checked]:hover .c15t-track-OlfR7{background-color:var(--switch-background-color-checked-dark)}.c15t-root-qh0zR[data-disabled]{cursor:not-allowed}.c15t-root-qh0zR:focus,.c15t-dark .c15t-root-qh0zR:focus{outline:none}.c15t-track-disabled-reR3p{background-color:var(--switch-background-color-disabled);opacity:.4;box-shadow:inset 0 0 0 1px #ebebeb}.c15t-dark .c15t-track-disabled-reR3p{background-color:var(--switch-background-color-disabled-dark)}.c15t-root-qh0zR[data-state=checked] .c15t-track-disabled-reR3p{background-color:var(--switch-background-color-checked);opacity:.4;box-shadow:none}.c15t-dark .c15t-root-qh0zR[data-state=checked] .c15t-track-disabled-reR3p{background-color:var(--switch-background-color-checked-dark)}.c15t-thumb-JukBu{pointer-events:none;width:var(--switch-thumb-size);height:var(--switch-thumb-size);transition:transform var(--switch-duration)var(--switch-ease);display:block;position:relative;transform:translate(0)}.c15t-thumb-JukBu:before{content:"";background-color:var(--switch-thumb-background-color);inset-block:0;border-radius:9999px;width:100%;position:absolute;left:0;mask:radial-gradient(circle farthest-side,#0000 1.95px,#000 2.05px 100%) 50%/100% 100% no-repeat}.c15t-dark .c15t-thumb-JukBu:before{background-color:var(--switch-thumb-background-color-dark)}.c15t-thumb-JukBu:after{content:"";width:100%;box-shadow:var(--switch-shadow-thumb);inset-block:0;border-radius:9999px;position:absolute;left:0}.c15t-dark .c15t-thumb-JukBu:after{box-shadow:var(--switch-shadow-thumb-dark)}.c15t-root-qh0zR[data-state=checked] .c15t-thumb-JukBu{transform:translateX(var(--switch-thumb-translate))}.c15t-track-OlfR7:active .c15t-thumb-JukBu{transform:scale(.833)}.c15t-thumb-disabled-s9gXH{box-shadow:none}.c15t-root-qh0zR[data-state=checked] .c15t-thumb-disabled-s9gXH{transform:translateX(var(--switch-thumb-translate))}.c15t-root-qh0zR:focus-visible{box-shadow:var(--switch-focus-shadow);outline:none}.c15t-dark .c15t-root-qh0zR:focus-visible{box-shadow:var(--switch-focus-shadow-dark)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"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_exports__={};let jsx_runtime_namespaceObject=require("react/jsx-runtime"),external_vitest_namespaceObject=require("vitest"),external_vitest_browser_react_namespaceObject=require("vitest-browser-react"),theme_context_cjs_namespaceObject=require("../../context/theme-context.cjs"),external_use_styles_cjs_namespaceObject=require("../use-styles.cjs");for(var __webpack_i__ in(0,external_vitest_namespaceObject.describe)("useStyles",()=>{let e={noStyle:!1,theme:{"dialog.root":{className:"theme-class",style:{color:"blue"}}}};(0,external_vitest_namespaceObject.test)("returns component styles when no theme is provided",()=>{let e={className:"component-class",style:{backgroundColor:"red"}},{result:t}=(0,external_vitest_browser_react_namespaceObject.renderHook)(()=>(0,external_use_styles_cjs_namespaceObject.useStyles)("dialog.root",e),{wrapper:({children:e})=>(0,jsx_runtime_namespaceObject.jsx)(theme_context_cjs_namespaceObject.GlobalThemeContext.Provider,{value:{noStyle:!1,theme:{}},children:e})});(0,external_vitest_namespaceObject.expect)(t.current.className).toContain("component-class"),(0,external_vitest_namespaceObject.expect)(t.current.style).toEqual({backgroundColor:"red"})}),(0,external_vitest_namespaceObject.test)("merges theme and component styles correctly",()=>{let t={className:"component-class",style:{backgroundColor:"red"}},{result:s}=(0,external_vitest_browser_react_namespaceObject.renderHook)(()=>(0,external_use_styles_cjs_namespaceObject.useStyles)("dialog.root",t),{wrapper:({children:t})=>(0,jsx_runtime_namespaceObject.jsx)(theme_context_cjs_namespaceObject.GlobalThemeContext.Provider,{value:e,children:t})});(0,external_vitest_namespaceObject.expect)(s.current.className).toContain("theme-class"),(0,external_vitest_namespaceObject.expect)(s.current.className).toContain("component-class"),(0,external_vitest_namespaceObject.expect)(s.current.style).toEqual({color:"blue",backgroundColor:"red"})}),(0,external_vitest_namespaceObject.test)("handles string className correctly",()=>{let{result:t}=(0,external_vitest_browser_react_namespaceObject.renderHook)(()=>(0,external_use_styles_cjs_namespaceObject.useStyles)("dialog.root","component-class"),{wrapper:({children:t})=>(0,jsx_runtime_namespaceObject.jsx)(theme_context_cjs_namespaceObject.GlobalThemeContext.Provider,{value:e,children:t})});(0,external_vitest_namespaceObject.expect)(t.current.className).toContain("theme-class"),(0,external_vitest_namespaceObject.expect)(t.current.className).toContain("component-class")})}),__webpack_exports__)exports[__webpack_i__]=__webpack_exports__[__webpack_i__];Object.defineProperty(exports,"__esModule",{value:!0});
|
|
1
|
+
"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_exports__={};let jsx_runtime_namespaceObject=require("react/jsx-runtime"),external_vitest_namespaceObject=require("vitest"),external_vitest_browser_react_namespaceObject=require("vitest-browser-react"),theme_context_cjs_namespaceObject=require("../../context/theme-context.cjs"),external_use_styles_cjs_namespaceObject=require("../use-styles.cjs");for(var __webpack_i__ in(0,external_vitest_namespaceObject.describe)("useStyles",()=>{let e={noStyle:!1,theme:{"dialog.root":{className:"theme-class",style:{color:"blue"}}}};(0,external_vitest_namespaceObject.test)("returns component styles when no theme is provided",()=>{let e={className:"component-class",style:{backgroundColor:"red"}},{result:t}=(0,external_vitest_browser_react_namespaceObject.renderHook)(()=>(0,external_use_styles_cjs_namespaceObject.useStyles)("dialog.root",e),{wrapper:({children:e})=>(0,jsx_runtime_namespaceObject.jsx)(theme_context_cjs_namespaceObject.GlobalThemeContext.Provider,{value:{noStyle:!1,theme:{}},children:e})});(0,external_vitest_namespaceObject.expect)(t.current.className).toContain("component-class"),(0,external_vitest_namespaceObject.expect)(t.current.style).toEqual({backgroundColor:"red"})}),(0,external_vitest_namespaceObject.test)("merges theme and component styles correctly",()=>{let t={className:"component-class",style:{backgroundColor:"red"}},{result:s}=(0,external_vitest_browser_react_namespaceObject.renderHook)(()=>(0,external_use_styles_cjs_namespaceObject.useStyles)("dialog.root",t),{wrapper:({children:t})=>(0,jsx_runtime_namespaceObject.jsx)(theme_context_cjs_namespaceObject.GlobalThemeContext.Provider,{value:e,children:t})});(0,external_vitest_namespaceObject.expect)(s.current.className).toContain("theme-class"),(0,external_vitest_namespaceObject.expect)(s.current.className).toContain("component-class"),(0,external_vitest_namespaceObject.expect)(s.current.style).toEqual({color:"blue",backgroundColor:"red"})}),(0,external_vitest_namespaceObject.test)("handles string className correctly",()=>{let{result:t}=(0,external_vitest_browser_react_namespaceObject.renderHook)(()=>(0,external_use_styles_cjs_namespaceObject.useStyles)("dialog.root","component-class"),{wrapper:({children:t})=>(0,jsx_runtime_namespaceObject.jsx)(theme_context_cjs_namespaceObject.GlobalThemeContext.Provider,{value:e,children:t})});(0,external_vitest_namespaceObject.expect)(t.current.className).toContain("theme-class"),(0,external_vitest_namespaceObject.expect)(t.current.className).toContain("component-class")}),(0,external_vitest_namespaceObject.test)("should remove default styles but keep custom classNames when theme object provides noStyle: true",()=>{let e={theme:{"dialog.root":{className:"theme-class",style:{color:"blue"},noStyle:!0}}},t={className:"component-class",style:{backgroundColor:"red"},noStyle:!0},{result:s}=(0,external_vitest_browser_react_namespaceObject.renderHook)(()=>(0,external_use_styles_cjs_namespaceObject.useStyles)("dialog.root",t),{wrapper:({children:t})=>(0,jsx_runtime_namespaceObject.jsx)(theme_context_cjs_namespaceObject.GlobalThemeContext.Provider,{value:e,children:t})});(0,external_vitest_namespaceObject.expect)(s.current.className).toContain("theme-class"),(0,external_vitest_namespaceObject.expect)(s.current.className).not.toContain("component-class"),(0,external_vitest_namespaceObject.expect)(s.current.style).toEqual({color:"blue"})})}),__webpack_exports__)exports[__webpack_i__]=__webpack_exports__[__webpack_i__];Object.defineProperty(exports,"__esModule",{value:!0});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as e from"react/jsx-runtime";import*as t from"vitest";import*as o from"vitest-browser-react";import*as s from"../../context/theme-context.js";import*as r from"../use-styles.js";(0,t.describe)("useStyles",()=>{let l={noStyle:!1,theme:{"dialog.root":{className:"theme-class",style:{color:"blue"}}}};(0,t.test)("returns component styles when no theme is provided",()=>{let l={className:"component-class",style:{backgroundColor:"red"}},{result:a}=(0,o.renderHook)(()=>(0,r.useStyles)("dialog.root",l),{wrapper:({children:t})=>(0,e.jsx)(s.GlobalThemeContext.Provider,{value:{noStyle:!1,theme:{}},children:t})});(0,t.expect)(a.current.className).toContain("component-class"),(0,t.expect)(a.current.style).toEqual({backgroundColor:"red"})}),(0,t.test)("merges theme and component styles correctly",()=>{let a={className:"component-class",style:{backgroundColor:"red"}},{result:c}=(0,o.renderHook)(()=>(0,r.useStyles)("dialog.root",a),{wrapper:({children:t})=>(0,e.jsx)(s.GlobalThemeContext.Provider,{value:l,children:t})});(0,t.expect)(c.current.className).toContain("theme-class"),(0,t.expect)(c.current.className).toContain("component-class"),(0,t.expect)(c.current.style).toEqual({color:"blue",backgroundColor:"red"})}),(0,t.test)("handles string className correctly",()=>{let{result:a}=(0,o.renderHook)(()=>(0,r.useStyles)("dialog.root","component-class"),{wrapper:({children:t})=>(0,e.jsx)(s.GlobalThemeContext.Provider,{value:l,children:t})});(0,t.expect)(a.current.className).toContain("theme-class"),(0,t.expect)(a.current.className).toContain("component-class")})});
|
|
1
|
+
import*as e from"react/jsx-runtime";import*as t from"vitest";import*as o from"vitest-browser-react";import*as s from"../../context/theme-context.js";import*as r from"../use-styles.js";(0,t.describe)("useStyles",()=>{let l={noStyle:!1,theme:{"dialog.root":{className:"theme-class",style:{color:"blue"}}}};(0,t.test)("returns component styles when no theme is provided",()=>{let l={className:"component-class",style:{backgroundColor:"red"}},{result:a}=(0,o.renderHook)(()=>(0,r.useStyles)("dialog.root",l),{wrapper:({children:t})=>(0,e.jsx)(s.GlobalThemeContext.Provider,{value:{noStyle:!1,theme:{}},children:t})});(0,t.expect)(a.current.className).toContain("component-class"),(0,t.expect)(a.current.style).toEqual({backgroundColor:"red"})}),(0,t.test)("merges theme and component styles correctly",()=>{let a={className:"component-class",style:{backgroundColor:"red"}},{result:c}=(0,o.renderHook)(()=>(0,r.useStyles)("dialog.root",a),{wrapper:({children:t})=>(0,e.jsx)(s.GlobalThemeContext.Provider,{value:l,children:t})});(0,t.expect)(c.current.className).toContain("theme-class"),(0,t.expect)(c.current.className).toContain("component-class"),(0,t.expect)(c.current.style).toEqual({color:"blue",backgroundColor:"red"})}),(0,t.test)("handles string className correctly",()=>{let{result:a}=(0,o.renderHook)(()=>(0,r.useStyles)("dialog.root","component-class"),{wrapper:({children:t})=>(0,e.jsx)(s.GlobalThemeContext.Provider,{value:l,children:t})});(0,t.expect)(a.current.className).toContain("theme-class"),(0,t.expect)(a.current.className).toContain("component-class")}),(0,t.test)("should remove default styles but keep custom classNames when theme object provides noStyle: true",()=>{let l={theme:{"dialog.root":{className:"theme-class",style:{color:"blue"},noStyle:!0}}},a={className:"component-class",style:{backgroundColor:"red"},noStyle:!0},{result:c}=(0,o.renderHook)(()=>(0,r.useStyles)("dialog.root",a),{wrapper:({children:t})=>(0,e.jsx)(s.GlobalThemeContext.Provider,{value:l,children:t})});(0,t.expect)(c.current.className).toContain("theme-class"),(0,t.expect)(c.current.className).not.toContain("component-class"),(0,t.expect)(c.current.style).toEqual({color:"blue"})})});
|
package/dist/hooks/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"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_modules__={"./use-consent-manager":function(e){e.exports=require("./use-consent-manager.cjs")},"./use-focus-trap":function(e){e.exports=require("./use-focus-trap.cjs")},"
|
|
1
|
+
"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_modules__={"./use-consent-manager":function(e){e.exports=require("./use-consent-manager.cjs")},"./use-focus-trap":function(e){e.exports=require("./use-focus-trap.cjs")},"./use-theme":function(e){e.exports=require("./use-theme.cjs")},"./use-translations":function(e){e.exports=require("./use-translations.cjs")}},__webpack_module_cache__={};function __webpack_require__(e){var _=__webpack_module_cache__[e];if(void 0!==_)return _.exports;var r=__webpack_module_cache__[e]={exports:{}};return __webpack_modules__[e](r,r.exports,__webpack_require__),r.exports}__webpack_require__.n=e=>{var _=e&&e.__esModule?()=>e.default:()=>e;return __webpack_require__.d(_,{a:_}),_},__webpack_require__.d=(e,_)=>{for(var r in _)__webpack_require__.o(_,r)&&!__webpack_require__.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:_[r]})},__webpack_require__.o=(e,_)=>Object.prototype.hasOwnProperty.call(e,_),__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__={};for(var __webpack_i__ in(()=>{__webpack_require__.r(__webpack_exports__);var e=__webpack_require__("./use-consent-manager"),_={};for(var r in e)"default"!==r&&(_[r]=(function(_){return e[_]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var a=__webpack_require__("./use-focus-trap"),_={};for(var r in a)"default"!==r&&(_[r]=(function(e){return a[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var t=__webpack_require__("./use-theme"),_={};for(var r in t)"default"!==r&&(_[r]=(function(e){return t[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var u=__webpack_require__("./use-translations"),_={};for(var r in u)"default"!==r&&(_[r]=(function(e){return u[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_)})(),__webpack_exports__)exports[__webpack_i__]=__webpack_exports__[__webpack_i__];Object.defineProperty(exports,"__esModule",{value:!0});
|
package/dist/hooks/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
import*as e from"./use-theme.js";export*from"./use-consent-manager.js";export*from"./use-focus-trap.js";export*from"./use-translations.js";var o={"~/hooks/use-theme":function(o){o.exports=e}},r={};!function e(s){var t=r[s];if(void 0!==t)return t.exports;var n=r[s]={exports:{}};return o[s](n,n.exports,e),n.exports}("~/hooks/use-theme");
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"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__.d=(e,_)=>{for(var t in _)__webpack_require__.o(_,t)&&!__webpack_require__.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:_[t]})},__webpack_require__.o=(e,_)=>Object.prototype.hasOwnProperty.call(e,_),__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__,{useStyles:()=>useStyles});let external_react_namespaceObject=require("react"),external_use_theme_cjs_namespaceObject=require("./use-theme.cjs"),merge_styles_cjs_namespaceObject=require("../utils/merge-styles.cjs");function useStyles(e,_){let{noStyle:t,theme:r}=(0,external_use_theme_cjs_namespaceObject.useTheme)(),a
|
|
2
|
+
"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__.d=(e,_)=>{for(var t in _)__webpack_require__.o(_,t)&&!__webpack_require__.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:_[t]})},__webpack_require__.o=(e,_)=>Object.prototype.hasOwnProperty.call(e,_),__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__,{useStyles:()=>useStyles});let external_react_namespaceObject=require("react"),external_use_theme_cjs_namespaceObject=require("./use-theme.cjs"),merge_styles_cjs_namespaceObject=require("../utils/merge-styles.cjs");function useStyles(e,_){let{noStyle:t,theme:r}=(0,external_use_theme_cjs_namespaceObject.useTheme)(),a=!!("object"==typeof r?.[e]&&r?.[e]?.noStyle),s=!!("object"==typeof _&&"noStyle"in _&&_.noStyle||a||t),c=(0,external_react_namespaceObject.useMemo)(()=>e?r?.[e]:null,[e,r]),l=(0,external_react_namespaceObject.useMemo)(()=>({className:"string"==typeof _?_:_?.className,style:void 0}),[_]),n=(0,external_react_namespaceObject.useMemo)(()=>c?(0,merge_styles_cjs_namespaceObject.mergeStyles)(l,c):l,[l,c]),o=(0,external_react_namespaceObject.useMemo)(()=>_?(0,merge_styles_cjs_namespaceObject.mergeStyles)(n,_):n,[n,_]);return(0,external_react_namespaceObject.useMemo)(()=>{if(s)return c?"string"==typeof c?{className:c}:{className:c.className,style:c.style}:{};let e=Array.from(new Set(["string"==typeof _?_:_?.className,o.className].filter(Boolean).flat())).join(" ");return{...o,className:e}},[o,s,c,_])}for(var __webpack_i__ in exports.useStyles=__webpack_exports__.useStyles,__webpack_exports__)-1===["useStyles"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-styles.d.ts","sourceRoot":"","sources":["../../src/hooks/use-styles.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAGhE;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AAEH,wBAAgB,SAAS,CACxB,QAAQ,EAAE,YAAY,EACtB,cAAc,CAAC,EAAE,UAAU,GACzB,cAAc,
|
|
1
|
+
{"version":3,"file":"use-styles.d.ts","sourceRoot":"","sources":["../../src/hooks/use-styles.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAGhE;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AAEH,wBAAgB,SAAS,CACxB,QAAQ,EAAE,YAAY,EACtB,cAAc,CAAC,EAAE,UAAU,GACzB,cAAc,CAyFhB"}
|
package/dist/hooks/use-styles.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import*as e from"react";import*as s from"./use-theme.js";import*as t from"../utils/merge-styles.js";function
|
|
2
|
+
import*as e from"react";import*as s from"./use-theme.js";import*as t from"../utils/merge-styles.js";function o(o,l){let{noStyle:m,theme:r}=(0,s.useTheme)(),a=!!("object"==typeof r?.[o]&&r?.[o]?.noStyle),n=!!("object"==typeof l&&"noStyle"in l&&l.noStyle||a||m),y=(0,e.useMemo)(()=>o?r?.[o]:null,[o,r]),u=(0,e.useMemo)(()=>({className:"string"==typeof l?l:l?.className,style:void 0}),[l]),f=(0,e.useMemo)(()=>y?(0,t.mergeStyles)(u,y):u,[u,y]),i=(0,e.useMemo)(()=>l?(0,t.mergeStyles)(f,l):f,[f,l]);return(0,e.useMemo)(()=>{if(n)return y?"string"==typeof y?{className:y}:{className:y.className,style:y.style}:{};let e=Array.from(new Set(["string"==typeof l?l:l?.className,i.className].filter(Boolean).flat())).join(" ");return{...i,className:e}},[i,n,y,l])}export{o as useStyles};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"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__.d=(e,n)=>{for(var r in n)__webpack_require__.o(n,r)&&!__webpack_require__.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:n[r]})},__webpack_require__.o=(e,n)=>Object.prototype.hasOwnProperty.call(e,n),__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__,{setupMocks:()=>setupMocks,TestConsumer:()=>TestConsumer});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),external_vitest_namespaceObject=require("vitest"),external_index_cjs_namespaceObject=require("../../index.cjs");function setupMocks(){let e=external_vitest_namespaceObject.vi.fn();window.fetch=e;let n=external_vitest_namespaceObject.vi.fn(),r=new Map;return(0,external_vitest_namespaceObject.beforeEach)(()=>{r.clear()}),external_vitest_namespaceObject.vi.mock("c15t",async()=>({...await external_vitest_namespaceObject.vi.importActual("c15t"),configureConsentManager:s=>{n(s);let t=s.backendURL||"";if("c15t"===s.mode)return{getCallbacks:()=>s.callbacks,showConsentBanner:async()=>(r.has(t)||(e(`${t}/show-consent-banner`,{headers:{"Content-Type":"application/json"}}),r.set(t,!0)),{ok:!0,data:{showConsentBanner:!0},error:null,response:null}),setConsent:async()=>({ok:!0,data:{success:!0},error:null,response:null}),verifyConsent:async()=>({ok:!0,data:{valid:!0},error:null,response:null})};if("offline"===s.mode)return{getCallbacks:()=>s.callbacks,showConsentBanner:async()=>({ok:!0,data:{showConsentBanner:!0},error:null,response:null}),setConsent:async()=>({ok:!0,data:{success:!0},error:null,response:null}),verifyConsent:async()=>({ok:!0,data:{valid:!0},error:null,response:null})};if("custom"===s.mode&&"endpointHandlers"in s){let e=s.endpointHandlers;return{getCallbacks:()=>s.callbacks,showConsentBanner:async()=>e.showConsentBanner({}),setConsent:async n=>e.setConsent(n),verifyConsent:async n=>e.verifyConsent(n)}}return{getCallbacks:()=>s.callbacks,showConsentBanner:async()=>({ok:!0,data:{showConsentBanner:!0},error:null,response:null}),setConsent:async()=>({ok:!0,data:{success:!0},error:null,response:null}),verifyConsent:async()=>({ok:!0,data:{valid:!0},error:null,response:null})}}})),{mockFetch:e,mockConfigureConsentManager:n}}let TestConsumer=()=>{let e=(0,external_index_cjs_namespaceObject.useConsentManager)();return(0,jsx_runtime_namespaceObject.jsx)("div",{"data-testid":"consumer",children:e.showPopup?"Show":"Hide"})};for(var __webpack_i__ in exports.TestConsumer=__webpack_exports__.TestConsumer,exports.setupMocks=__webpack_exports__.setupMocks,__webpack_exports__)-1===["TestConsumer","setupMocks"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
|
|
1
|
+
"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__.d=(e,n)=>{for(var r in n)__webpack_require__.o(n,r)&&!__webpack_require__.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:n[r]})},__webpack_require__.o=(e,n)=>Object.prototype.hasOwnProperty.call(e,n),__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__,{setupMocks:()=>setupMocks,TestConsumer:()=>TestConsumer});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),external_vitest_namespaceObject=require("vitest"),external_index_cjs_namespaceObject=require("../../index.cjs");function setupMocks(){let e=external_vitest_namespaceObject.vi.fn();window.fetch=e;let n=external_vitest_namespaceObject.vi.fn(),r=new Map;return(0,external_vitest_namespaceObject.beforeEach)(()=>{r.clear()}),external_vitest_namespaceObject.vi.mock("c15t",async()=>({...await external_vitest_namespaceObject.vi.importActual("c15t"),configureConsentManager:s=>{n(s);let t=s.backendURL||"";if("c15t"===s.mode)return{getCallbacks:()=>s.callbacks,showConsentBanner:async()=>(r.has(t)||(e(`${t}/show-consent-banner`,{headers:{"Content-Type":"application/json"}}),r.set(t,!0)),{ok:!0,data:{showConsentBanner:!0},error:null,response:null}),setConsent:async()=>({ok:!0,data:{success:!0},error:null,response:null}),verifyConsent:async()=>({ok:!0,data:{valid:!0},error:null,response:null})};if("offline"===s.mode)return{getCallbacks:()=>s.callbacks,showConsentBanner:async()=>({ok:!0,data:{showConsentBanner:!0},error:null,response:null}),setConsent:async()=>({ok:!0,data:{success:!0},error:null,response:null}),verifyConsent:async()=>({ok:!0,data:{valid:!0},error:null,response:null})};if("custom"===s.mode&&"endpointHandlers"in s){let e=s.endpointHandlers;return{getCallbacks:()=>s.callbacks,showConsentBanner:async()=>e.showConsentBanner({}),setConsent:async n=>e.setConsent({body:n}),verifyConsent:async n=>e.verifyConsent({body:n})}}return{getCallbacks:()=>s.callbacks,showConsentBanner:async()=>({ok:!0,data:{showConsentBanner:!0},error:null,response:null}),setConsent:async()=>({ok:!0,data:{success:!0},error:null,response:null}),verifyConsent:async()=>({ok:!0,data:{valid:!0},error:null,response:null})}}})),{mockFetch:e,mockConfigureConsentManager:n}}let TestConsumer=()=>{let e=(0,external_index_cjs_namespaceObject.useConsentManager)();return(0,jsx_runtime_namespaceObject.jsx)("div",{"data-testid":"consumer",children:e.showPopup?"Show":"Hide"})};for(var __webpack_i__ in exports.TestConsumer=__webpack_exports__.TestConsumer,exports.setupMocks=__webpack_exports__.setupMocks,__webpack_exports__)-1===["TestConsumer","setupMocks"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
|
|
@@ -1,3 +1,9 @@
|
|
|
1
|
+
import type { ContractsInputs, ContractsOutputs } from 'c15t';
|
|
2
|
+
export type SetConsentRequestBody = ContractsInputs['consent']['post'];
|
|
3
|
+
export type SetConsentResponse = ContractsOutputs['consent']['post'];
|
|
4
|
+
export type ShowConsentBannerResponse = ContractsOutputs['consent']['showBanner'];
|
|
5
|
+
export type VerifyConsentRequestBody = ContractsInputs['consent']['verify'];
|
|
6
|
+
export type VerifyConsentResponse = ContractsOutputs['consent']['verify'];
|
|
1
7
|
export declare function setupMocks(): {
|
|
2
8
|
mockFetch: import("vitest").Mock<(...args: any[]) => any>;
|
|
3
9
|
mockConfigureConsentManager: import("vitest").Mock<(...args: any[]) => any>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"test-helpers.d.ts","sourceRoot":"","sources":["../../../src/providers/__tests__/test-helpers.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"test-helpers.d.ts","sourceRoot":"","sources":["../../../src/providers/__tests__/test-helpers.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,MAAM,CAAC;AAK9D,MAAM,MAAM,qBAAqB,GAAG,eAAe,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;AACvE,MAAM,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;AACrE,MAAM,MAAM,yBAAyB,GACpC,gBAAgB,CAAC,SAAS,CAAC,CAAC,YAAY,CAAC,CAAC;AAC3C,MAAM,MAAM,wBAAwB,GAAG,eAAe,CAAC,SAAS,CAAC,CAAC,QAAQ,CAAC,CAAC;AAC5E,MAAM,MAAM,qBAAqB,GAAG,gBAAgB,CAAC,SAAS,CAAC,CAAC,QAAQ,CAAC,CAAC;AAE1E,wBAAgB,UAAU;;;EAkIzB;AAGD,eAAO,MAAM,YAAY,+CAOxB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as n from"react/jsx-runtime";import*as e from"vitest";import*as s from"../../index.js";function o(){let n=e.vi.fn();window.fetch=n;let s=e.vi.fn(),o=new Map;return(0,e.beforeEach)(()=>{o.clear()}),e.vi.mock("c15t",async()=>({...await e.vi.importActual("c15t"),configureConsentManager:e=>{s(e);let r=e.backendURL||"";if("c15t"===e.mode)return{getCallbacks:()=>e.callbacks,showConsentBanner:async()=>(o.has(r)||(n(`${r}/show-consent-banner`,{headers:{"Content-Type":"application/json"}}),o.set(r,!0)),{ok:!0,data:{showConsentBanner:!0},error:null,response:null}),setConsent:async()=>({ok:!0,data:{success:!0},error:null,response:null}),verifyConsent:async()=>({ok:!0,data:{valid:!0},error:null,response:null})};if("offline"===e.mode)return{getCallbacks:()=>e.callbacks,showConsentBanner:async()=>({ok:!0,data:{showConsentBanner:!0},error:null,response:null}),setConsent:async()=>({ok:!0,data:{success:!0},error:null,response:null}),verifyConsent:async()=>({ok:!0,data:{valid:!0},error:null,response:null})};if("custom"===e.mode&&"endpointHandlers"in e){let n=e.endpointHandlers;return{getCallbacks:()=>e.callbacks,showConsentBanner:async()=>n.showConsentBanner({}),setConsent:async e=>n.setConsent(e),verifyConsent:async e=>n.verifyConsent(e)}}return{getCallbacks:()=>e.callbacks,showConsentBanner:async()=>({ok:!0,data:{showConsentBanner:!0},error:null,response:null}),setConsent:async()=>({ok:!0,data:{success:!0},error:null,response:null}),verifyConsent:async()=>({ok:!0,data:{valid:!0},error:null,response:null})}}})),{mockFetch:n,mockConfigureConsentManager:s}}let r=()=>{let e=(0,s.useConsentManager)();return(0,n.jsx)("div",{"data-testid":"consumer",children:e.showPopup?"Show":"Hide"})};export{r as TestConsumer,o as setupMocks};
|
|
1
|
+
import*as n from"react/jsx-runtime";import*as e from"vitest";import*as s from"../../index.js";function o(){let n=e.vi.fn();window.fetch=n;let s=e.vi.fn(),o=new Map;return(0,e.beforeEach)(()=>{o.clear()}),e.vi.mock("c15t",async()=>({...await e.vi.importActual("c15t"),configureConsentManager:e=>{s(e);let r=e.backendURL||"";if("c15t"===e.mode)return{getCallbacks:()=>e.callbacks,showConsentBanner:async()=>(o.has(r)||(n(`${r}/show-consent-banner`,{headers:{"Content-Type":"application/json"}}),o.set(r,!0)),{ok:!0,data:{showConsentBanner:!0},error:null,response:null}),setConsent:async()=>({ok:!0,data:{success:!0},error:null,response:null}),verifyConsent:async()=>({ok:!0,data:{valid:!0},error:null,response:null})};if("offline"===e.mode)return{getCallbacks:()=>e.callbacks,showConsentBanner:async()=>({ok:!0,data:{showConsentBanner:!0},error:null,response:null}),setConsent:async()=>({ok:!0,data:{success:!0},error:null,response:null}),verifyConsent:async()=>({ok:!0,data:{valid:!0},error:null,response:null})};if("custom"===e.mode&&"endpointHandlers"in e){let n=e.endpointHandlers;return{getCallbacks:()=>e.callbacks,showConsentBanner:async()=>n.showConsentBanner({}),setConsent:async e=>n.setConsent({body:e}),verifyConsent:async e=>n.verifyConsent({body:e})}}return{getCallbacks:()=>e.callbacks,showConsentBanner:async()=>({ok:!0,data:{showConsentBanner:!0},error:null,response:null}),setConsent:async()=>({ok:!0,data:{success:!0},error:null,response:null}),verifyConsent:async()=>({ok:!0,data:{valid:!0},error:null,response:null})}}})),{mockFetch:n,mockConfigureConsentManager:s}}let r=()=>{let e=(0,s.useConsentManager)();return(0,n.jsx)("div",{"data-testid":"consumer",children:e.showPopup?"Show":"Hide"})};export{r as TestConsumer,o as setupMocks};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@c15t/react",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.2.0-canary.0",
|
|
4
4
|
"license": "GPL-3.0-only",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"type": "module",
|
|
@@ -68,12 +68,12 @@
|
|
|
68
68
|
"@radix-ui/react-switch": "1.1.4",
|
|
69
69
|
"clsx": "2.1.1",
|
|
70
70
|
"zustand": "^5.0.3",
|
|
71
|
-
"c15t": "1.
|
|
71
|
+
"c15t": "1.2.0-canary.0"
|
|
72
72
|
},
|
|
73
73
|
"devDependencies": {
|
|
74
|
-
"@c15t/backend": "1.0.
|
|
75
|
-
"@c15t/
|
|
76
|
-
"@c15t/
|
|
74
|
+
"@c15t/backend": "1.1.0-canary.0",
|
|
75
|
+
"@c15t/vitest-config": "1.0.0",
|
|
76
|
+
"@c15t/typescript-config": "0.0.1-beta.1"
|
|
77
77
|
},
|
|
78
78
|
"peerDependencies": {
|
|
79
79
|
"react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc",
|