@c15t/react 1.8.3 → 2.0.0-rc.0

package/README.md

@@ -28,7 +28,7 @@ Developer-first CMP for React: cookie banner, consent manager, preferences centr
 - Automatic GDPR compliance
 - Minimal configuration with TypeScript-first design
 - Comprehensive Consent Management Platform (CMP)
-- Flexible Cookie Banner and Consent Dialog components
+- Flexible Cookie Banner and Preference Center components
 - Built-in internationalization support
 - Seamless consent storage and tracking
 
@@ -68,7 +68,7 @@ To manually install, follow the guide in our [docs – manual setup](https://c15
 ## Usage
 
 1. Import `ConsentManagerProvider` in your app's root component
-2. Add `CookieBanner` and `ConsentManagerDialog` components
+2. Add `CookieBanner` and `PreferenceCenter` components
 3. Customise styling and behaviour to fit your app
 4. For full implementation details, see the [React quickstart docs](https://c15t.com/docs/frameworks/react/quickstart)
 

package/dist/components/__tests__/active-ui-transitions.e2e.test.cjs

@@ -0,0 +1 @@
+"use strict";const __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__={};const jsx_runtime_namespaceObject=require("react/jsx-runtime"),external_vitest_namespaceObject=require("vitest"),browser_namespaceObject=require("vitest/browser"),external_vitest_browser_react_namespaceObject=require("vitest-browser-react"),index_cjs_namespaceObject=require("../consent-banner/index.cjs"),external_consent_dialog_index_cjs_namespaceObject=require("../consent-dialog/index.cjs"),external_consent_dialog_trigger_index_cjs_namespaceObject=require("../consent-dialog-trigger/index.cjs"),consent_manager_provider_cjs_namespaceObject=require("../../providers/consent-manager-provider.cjs"),localStorageMock=(()=>{let e={};return{getItem:t=>e[t]||null,setItem:(t,n)=>{e[t]=n.toString()},removeItem:t=>{delete e[t]},clear:()=>{e={}}}})();Object.defineProperty(window,"localStorage",{value:localStorageMock});const defaultOptions={mode:"offline"};for(var __rspack_i in(0,external_vitest_namespaceObject.describe)("activeUI Transitions E2E Tests",()=>{(0,external_vitest_namespaceObject.beforeEach)(()=>{for(let e of(window.localStorage.clear(),document.cookie.split(";"))){let t=e.split("=")[0]?.trim();t&&(document.cookie=`${t}=;expires=Thu, 01 Jan 1970 00:00:00 GMT;path=/`)}external_vitest_namespaceObject.vi.clearAllMocks(),(0,consent_manager_provider_cjs_namespaceObject.clearConsentRuntimeCache)()}),(0,external_vitest_namespaceObject.test)("banner shows on first visit (activeUI becomes banner)",async()=>{(0,external_vitest_browser_react_namespaceObject.render)((0,jsx_runtime_namespaceObject.jsx)(consent_manager_provider_cjs_namespaceObject.ConsentManagerProvider,{options:defaultOptions,children:(0,jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.ConsentBanner,{})})),await external_vitest_namespaceObject.vi.waitFor(()=>{let e=document.querySelector('[data-testid="consent-banner-root"]');(0,external_vitest_namespaceObject.expect)(e).toBeInTheDocument()},{timeout:3e3})}),(0,external_vitest_namespaceObject.test)("customize transitions banner → dialog",async()=>{(0,external_vitest_browser_react_namespaceObject.render)((0,jsx_runtime_namespaceObject.jsxs)(consent_manager_provider_cjs_namespaceObject.ConsentManagerProvider,{options:defaultOptions,children:[(0,jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.ConsentBanner,{}),(0,jsx_runtime_namespaceObject.jsx)(external_consent_dialog_index_cjs_namespaceObject.ConsentDialog,{})]})),await external_vitest_namespaceObject.vi.waitFor(()=>{let e=document.querySelector('[data-testid="consent-banner-root"]');(0,external_vitest_namespaceObject.expect)(e).toBeInTheDocument()},{timeout:3e3});let e=document.querySelector('[data-testid="consent-banner-customize-button"]');await browser_namespaceObject.userEvent.click(e),await external_vitest_namespaceObject.vi.waitFor(()=>{let e=document.querySelector('[data-testid="consent-dialog-root"]');(0,external_vitest_namespaceObject.expect)(e).toBeInTheDocument()},{timeout:3e3});let t=document.querySelector('[data-testid="consent-banner-root"]');(0,external_vitest_namespaceObject.expect)(t).not.toBeInTheDocument()}),(0,external_vitest_namespaceObject.test)("save from dialog hides all UI",async()=>{(0,external_vitest_browser_react_namespaceObject.render)((0,jsx_runtime_namespaceObject.jsxs)(consent_manager_provider_cjs_namespaceObject.ConsentManagerProvider,{options:defaultOptions,children:[(0,jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.ConsentBanner,{}),(0,jsx_runtime_namespaceObject.jsx)(external_consent_dialog_index_cjs_namespaceObject.ConsentDialog,{})]})),await external_vitest_namespaceObject.vi.waitFor(()=>{let e=document.querySelector('[data-testid="consent-banner-customize-button"]');(0,external_vitest_namespaceObject.expect)(e).toBeInTheDocument()},{timeout:3e3});let e=document.querySelector('[data-testid="consent-banner-customize-button"]');await browser_namespaceObject.userEvent.click(e),await external_vitest_namespaceObject.vi.waitFor(()=>{let e=document.querySelector('[data-testid="consent-dialog-root"]');(0,external_vitest_namespaceObject.expect)(e).toBeInTheDocument()},{timeout:3e3});let t=document.querySelector('[data-testid="consent-widget-footer-save-button"]');await browser_namespaceObject.userEvent.click(t),await external_vitest_namespaceObject.vi.waitFor(()=>{let e=document.querySelector('[data-testid="consent-banner-root"]'),t=document.querySelector('[data-testid="consent-dialog-root"]');(0,external_vitest_namespaceObject.expect)(e).not.toBeInTheDocument(),(0,external_vitest_namespaceObject.expect)(t).not.toBeInTheDocument()},{timeout:3e3})}),(0,external_vitest_namespaceObject.test)("banner hidden for returning visitor",async()=>{let e={consents:{necessary:!0,functionality:!0,marketing:!0,measurement:!0,experience:!0},consentInfo:{time:Date.now(),type:"accept-all"}};window.localStorage.setItem("c15t",JSON.stringify(e)),(0,external_vitest_browser_react_namespaceObject.render)((0,jsx_runtime_namespaceObject.jsx)(consent_manager_provider_cjs_namespaceObject.ConsentManagerProvider,{options:defaultOptions,children:(0,jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.ConsentBanner,{})})),await new Promise(e=>setTimeout(e,500));let t=document.querySelector('[data-testid="consent-banner-root"]');(0,external_vitest_namespaceObject.expect)(t).not.toBeInTheDocument()}),(0,external_vitest_namespaceObject.test)("trigger appears after consent, opens dialog on click",async()=>{(0,external_vitest_browser_react_namespaceObject.render)((0,jsx_runtime_namespaceObject.jsxs)(consent_manager_provider_cjs_namespaceObject.ConsentManagerProvider,{options:defaultOptions,children:[(0,jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.ConsentBanner,{}),(0,jsx_runtime_namespaceObject.jsx)(external_consent_dialog_index_cjs_namespaceObject.ConsentDialog,{}),(0,jsx_runtime_namespaceObject.jsx)(external_consent_dialog_trigger_index_cjs_namespaceObject.ConsentDialogTrigger,{showWhen:"always"})]})),await external_vitest_namespaceObject.vi.waitFor(()=>{let e=document.querySelector('[data-testid="consent-banner-accept-button"]');(0,external_vitest_namespaceObject.expect)(e).toBeInTheDocument()},{timeout:3e3});let e=document.querySelector('[data-testid="consent-banner-accept-button"]');await browser_namespaceObject.userEvent.click(e),await external_vitest_namespaceObject.vi.waitFor(()=>{let e=document.querySelector('[data-testid="consent-banner-root"]');(0,external_vitest_namespaceObject.expect)(e).not.toBeInTheDocument()},{timeout:3e3}),await external_vitest_namespaceObject.vi.waitFor(()=>{let e=document.querySelector('button[aria-label="Open privacy settings"]');(0,external_vitest_namespaceObject.expect)(e).toBeInTheDocument()},{timeout:3e3});let t=document.querySelector('button[aria-label="Open privacy settings"]');await browser_namespaceObject.userEvent.click(t),await external_vitest_namespaceObject.vi.waitFor(()=>{let e=document.querySelector('[data-testid="consent-dialog-root"]');(0,external_vitest_namespaceObject.expect)(e).toBeInTheDocument()},{timeout:3e3})}),(0,external_vitest_namespaceObject.test)("full lifecycle: banner → customize → dialog → save → trigger → dialog",async()=>{(0,external_vitest_browser_react_namespaceObject.render)((0,jsx_runtime_namespaceObject.jsxs)(consent_manager_provider_cjs_namespaceObject.ConsentManagerProvider,{options:defaultOptions,children:[(0,jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.ConsentBanner,{}),(0,jsx_runtime_namespaceObject.jsx)(external_consent_dialog_index_cjs_namespaceObject.ConsentDialog,{}),(0,jsx_runtime_namespaceObject.jsx)(external_consent_dialog_trigger_index_cjs_namespaceObject.ConsentDialogTrigger,{showWhen:"always"})]})),await external_vitest_namespaceObject.vi.waitFor(()=>{let e=document.querySelector('[data-testid="consent-banner-root"]');(0,external_vitest_namespaceObject.expect)(e).toBeInTheDocument()},{timeout:3e3});let e=document.querySelector('[data-testid="consent-banner-customize-button"]');await browser_namespaceObject.userEvent.click(e),await external_vitest_namespaceObject.vi.waitFor(()=>{let e=document.querySelector('[data-testid="consent-dialog-root"]');(0,external_vitest_namespaceObject.expect)(e).toBeInTheDocument()},{timeout:3e3});let t=document.querySelector('[data-testid="consent-widget-footer-save-button"]');await browser_namespaceObject.userEvent.click(t),await external_vitest_namespaceObject.vi.waitFor(()=>{let e=document.querySelector('[data-testid="consent-dialog-root"]');(0,external_vitest_namespaceObject.expect)(e).not.toBeInTheDocument()},{timeout:3e3}),await external_vitest_namespaceObject.vi.waitFor(()=>{let e=document.querySelector('button[aria-label="Open privacy settings"]');(0,external_vitest_namespaceObject.expect)(e).toBeInTheDocument()},{timeout:3e3});let n=document.querySelector('button[aria-label="Open privacy settings"]');await browser_namespaceObject.userEvent.click(n),await external_vitest_namespaceObject.vi.waitFor(()=>{let e=document.querySelector('[data-testid="consent-dialog-root"]');(0,external_vitest_namespaceObject.expect)(e).toBeInTheDocument()},{timeout:3e3})})}),__webpack_exports__)exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:!0});

package/dist/components/__tests__/active-ui-transitions.e2e.test.js

@@ -0,0 +1 @@
+let t;import{jsx as e,jsxs as o}from"react/jsx-runtime";import{beforeEach as n,describe as a,expect as i,test as r,vi as c}from"vitest";import{userEvent as s}from"vitest/browser";import{render as u}from"vitest-browser-react";import{ConsentBanner as d}from"../consent-banner/index.js";import{ConsentDialog as l}from"../consent-dialog/index.js";import{ConsentDialogTrigger as m}from"../consent-dialog-trigger/index.js";import{ConsentManagerProvider as w,clearConsentRuntimeCache as y}from"../../providers/consent-manager-provider.js";Object.defineProperty(window,"localStorage",{value:(t={},{getItem:e=>t[e]||null,setItem:(e,o)=>{t[e]=o.toString()},removeItem:e=>{delete t[e]},clear:()=>{t={}}})});let b={mode:"offline"};a("activeUI Transitions E2E Tests",()=>{n(()=>{for(let t of(window.localStorage.clear(),document.cookie.split(";"))){let e=t.split("=")[0]?.trim();e&&(document.cookie=`${e}=;expires=Thu, 01 Jan 1970 00:00:00 GMT;path=/`)}c.clearAllMocks(),y()}),r("banner shows on first visit (activeUI becomes banner)",async()=>{u(e(w,{options:b,children:e(d,{})})),await c.waitFor(()=>{i(document.querySelector('[data-testid="consent-banner-root"]')).toBeInTheDocument()},{timeout:3e3})}),r("customize transitions banner → dialog",async()=>{u(o(w,{options:b,children:[e(d,{}),e(l,{})]})),await c.waitFor(()=>{i(document.querySelector('[data-testid="consent-banner-root"]')).toBeInTheDocument()},{timeout:3e3});let t=document.querySelector('[data-testid="consent-banner-customize-button"]');await s.click(t),await c.waitFor(()=>{i(document.querySelector('[data-testid="consent-dialog-root"]')).toBeInTheDocument()},{timeout:3e3}),i(document.querySelector('[data-testid="consent-banner-root"]')).not.toBeInTheDocument()}),r("save from dialog hides all UI",async()=>{u(o(w,{options:b,children:[e(d,{}),e(l,{})]})),await c.waitFor(()=>{i(document.querySelector('[data-testid="consent-banner-customize-button"]')).toBeInTheDocument()},{timeout:3e3});let t=document.querySelector('[data-testid="consent-banner-customize-button"]');await s.click(t),await c.waitFor(()=>{i(document.querySelector('[data-testid="consent-dialog-root"]')).toBeInTheDocument()},{timeout:3e3});let n=document.querySelector('[data-testid="consent-widget-footer-save-button"]');await s.click(n),await c.waitFor(()=>{let t=document.querySelector('[data-testid="consent-banner-root"]'),e=document.querySelector('[data-testid="consent-dialog-root"]');i(t).not.toBeInTheDocument(),i(e).not.toBeInTheDocument()},{timeout:3e3})}),r("banner hidden for returning visitor",async()=>{let t={consents:{necessary:!0,functionality:!0,marketing:!0,measurement:!0,experience:!0},consentInfo:{time:Date.now(),type:"accept-all"}};window.localStorage.setItem("c15t",JSON.stringify(t)),u(e(w,{options:b,children:e(d,{})})),await new Promise(t=>setTimeout(t,500)),i(document.querySelector('[data-testid="consent-banner-root"]')).not.toBeInTheDocument()}),r("trigger appears after consent, opens dialog on click",async()=>{u(o(w,{options:b,children:[e(d,{}),e(l,{}),e(m,{showWhen:"always"})]})),await c.waitFor(()=>{i(document.querySelector('[data-testid="consent-banner-accept-button"]')).toBeInTheDocument()},{timeout:3e3});let t=document.querySelector('[data-testid="consent-banner-accept-button"]');await s.click(t),await c.waitFor(()=>{i(document.querySelector('[data-testid="consent-banner-root"]')).not.toBeInTheDocument()},{timeout:3e3}),await c.waitFor(()=>{i(document.querySelector('button[aria-label="Open privacy settings"]')).toBeInTheDocument()},{timeout:3e3});let n=document.querySelector('button[aria-label="Open privacy settings"]');await s.click(n),await c.waitFor(()=>{i(document.querySelector('[data-testid="consent-dialog-root"]')).toBeInTheDocument()},{timeout:3e3})}),r("full lifecycle: banner → customize → dialog → save → trigger → dialog",async()=>{u(o(w,{options:b,children:[e(d,{}),e(l,{}),e(m,{showWhen:"always"})]})),await c.waitFor(()=>{i(document.querySelector('[data-testid="consent-banner-root"]')).toBeInTheDocument()},{timeout:3e3});let t=document.querySelector('[data-testid="consent-banner-customize-button"]');await s.click(t),await c.waitFor(()=>{i(document.querySelector('[data-testid="consent-dialog-root"]')).toBeInTheDocument()},{timeout:3e3});let n=document.querySelector('[data-testid="consent-widget-footer-save-button"]');await s.click(n),await c.waitFor(()=>{i(document.querySelector('[data-testid="consent-dialog-root"]')).not.toBeInTheDocument()},{timeout:3e3}),await c.waitFor(()=>{i(document.querySelector('button[aria-label="Open privacy settings"]')).toBeInTheDocument()},{timeout:3e3});let a=document.querySelector('button[aria-label="Open privacy settings"]');await s.click(a),await c.waitFor(()=>{i(document.querySelector('[data-testid="consent-dialog-root"]')).toBeInTheDocument()},{timeout:3e3})})});

package/dist/components/__tests__/consent-flow.e2e.test.cjs

@@ -0,0 +1 @@
+"use strict";const __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__={};const jsx_runtime_namespaceObject=require("react/jsx-runtime"),external_vitest_namespaceObject=require("vitest"),browser_namespaceObject=require("vitest/browser"),external_vitest_browser_react_namespaceObject=require("vitest-browser-react"),index_cjs_namespaceObject=require("../consent-banner/index.cjs"),external_consent_dialog_index_cjs_namespaceObject=require("../consent-dialog/index.cjs"),external_consent_dialog_trigger_index_cjs_namespaceObject=require("../consent-dialog-trigger/index.cjs"),external_consent_widget_index_cjs_namespaceObject=require("../consent-widget/index.cjs"),consent_manager_provider_cjs_namespaceObject=require("../../providers/consent-manager-provider.cjs"),localStorageMock=(()=>{let e={};return{getItem:t=>e[t]||null,setItem:(t,n)=>{e[t]=n.toString()},removeItem:t=>{delete e[t]},clear:()=>{e={}}}})();Object.defineProperty(window,"localStorage",{value:localStorageMock});const defaultOptions={mode:"offline"};for(var __rspack_i in(0,external_vitest_namespaceObject.describe)("Consent Flow E2E Tests",()=>{(0,external_vitest_namespaceObject.beforeEach)(()=>{for(let e of(window.localStorage.clear(),document.cookie.split(";"))){let t=e.split("=")[0]?.trim();t&&(document.cookie=`${t}=;expires=Thu, 01 Jan 1970 00:00:00 GMT;path=/`)}external_vitest_namespaceObject.vi.clearAllMocks(),(0,consent_manager_provider_cjs_namespaceObject.clearConsentRuntimeCache)()}),(0,external_vitest_namespaceObject.describe)("First Visit Flow",()=>{(0,external_vitest_namespaceObject.test)("should show cookie banner to first-time visitor",async()=>{(0,external_vitest_browser_react_namespaceObject.render)((0,jsx_runtime_namespaceObject.jsx)(consent_manager_provider_cjs_namespaceObject.ConsentManagerProvider,{options:defaultOptions,children:(0,jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.ConsentBanner,{})})),await external_vitest_namespaceObject.vi.waitFor(()=>{let e=document.querySelector('[data-testid="consent-banner-root"]');(0,external_vitest_namespaceObject.expect)(e).toBeInTheDocument()},{timeout:3e3})}),(0,external_vitest_namespaceObject.test)("should hide banner after accepting all",async()=>{(0,external_vitest_browser_react_namespaceObject.render)((0,jsx_runtime_namespaceObject.jsx)(consent_manager_provider_cjs_namespaceObject.ConsentManagerProvider,{options:defaultOptions,children:(0,jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.ConsentBanner,{})})),await external_vitest_namespaceObject.vi.waitFor(()=>{let e=document.querySelector('[data-testid="consent-banner-accept-button"]');(0,external_vitest_namespaceObject.expect)(e).toBeInTheDocument()},{timeout:3e3});let e=document.querySelector('[data-testid="consent-banner-accept-button"]');await browser_namespaceObject.userEvent.click(e),await external_vitest_namespaceObject.vi.waitFor(()=>{let e=document.querySelector('[data-testid="consent-banner-root"]');(0,external_vitest_namespaceObject.expect)(e).not.toBeInTheDocument()},{timeout:3e3})}),(0,external_vitest_namespaceObject.test)("should hide banner after rejecting all",async()=>{(0,external_vitest_browser_react_namespaceObject.render)((0,jsx_runtime_namespaceObject.jsx)(consent_manager_provider_cjs_namespaceObject.ConsentManagerProvider,{options:defaultOptions,children:(0,jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.ConsentBanner,{})})),await external_vitest_namespaceObject.vi.waitFor(()=>{let e=document.querySelector('[data-testid="consent-banner-reject-button"]');(0,external_vitest_namespaceObject.expect)(e).toBeInTheDocument()},{timeout:3e3});let e=document.querySelector('[data-testid="consent-banner-reject-button"]');await browser_namespaceObject.userEvent.click(e),await external_vitest_namespaceObject.vi.waitFor(()=>{let e=document.querySelector('[data-testid="consent-banner-root"]');(0,external_vitest_namespaceObject.expect)(e).not.toBeInTheDocument()},{timeout:3e3})})}),(0,external_vitest_namespaceObject.describe)("Consent Persistence",()=>{(0,external_vitest_namespaceObject.test)("should persist consent to localStorage on accept",async()=>{(0,external_vitest_browser_react_namespaceObject.render)((0,jsx_runtime_namespaceObject.jsx)(consent_manager_provider_cjs_namespaceObject.ConsentManagerProvider,{options:defaultOptions,children:(0,jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.ConsentBanner,{})})),await external_vitest_namespaceObject.vi.waitFor(()=>{let e=document.querySelector('[data-testid="consent-banner-accept-button"]');(0,external_vitest_namespaceObject.expect)(e).toBeInTheDocument()},{timeout:3e3});let e=document.querySelector('[data-testid="consent-banner-accept-button"]');await browser_namespaceObject.userEvent.click(e),await external_vitest_namespaceObject.vi.waitFor(()=>{let e=window.localStorage.getItem("c15t");(0,external_vitest_namespaceObject.expect)(e).toBeTruthy();let t=JSON.parse(e);(0,external_vitest_namespaceObject.expect)(t.consents).toBeTruthy(),(0,external_vitest_namespaceObject.expect)(t.consents.necessary).toBe(!0)},{timeout:3e3})}),(0,external_vitest_namespaceObject.test)("should persist reject decision to localStorage",async()=>{(0,external_vitest_browser_react_namespaceObject.render)((0,jsx_runtime_namespaceObject.jsx)(consent_manager_provider_cjs_namespaceObject.ConsentManagerProvider,{options:defaultOptions,children:(0,jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.ConsentBanner,{})})),await external_vitest_namespaceObject.vi.waitFor(()=>{let e=document.querySelector('[data-testid="consent-banner-reject-button"]');(0,external_vitest_namespaceObject.expect)(e).toBeInTheDocument()},{timeout:3e3});let e=document.querySelector('[data-testid="consent-banner-reject-button"]');await browser_namespaceObject.userEvent.click(e),await external_vitest_namespaceObject.vi.waitFor(()=>{let e=window.localStorage.getItem("c15t");(0,external_vitest_namespaceObject.expect)(e).toBeTruthy();let t=JSON.parse(e);(0,external_vitest_namespaceObject.expect)(t.consents.necessary).toBe(!0),(0,external_vitest_namespaceObject.expect)(t.consents.marketing).toBe(!1),(0,external_vitest_namespaceObject.expect)(t.consents.measurement).toBe(!1)},{timeout:3e3})})}),(0,external_vitest_namespaceObject.describe)("Returning Visitor Flow",()=>{(0,external_vitest_namespaceObject.test)("should not show banner if user has already consented",async()=>{let e={consents:{necessary:!0,functionality:!0,marketing:!0,measurement:!0,experience:!0},consentInfo:{time:Date.now(),type:"accept-all"}};window.localStorage.setItem("c15t",JSON.stringify(e)),(0,external_vitest_browser_react_namespaceObject.render)((0,jsx_runtime_namespaceObject.jsx)(consent_manager_provider_cjs_namespaceObject.ConsentManagerProvider,{options:defaultOptions,children:(0,jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.ConsentBanner,{})})),await new Promise(e=>setTimeout(e,500));let t=document.querySelector('[data-testid="consent-banner-root"]');(0,external_vitest_namespaceObject.expect)(t).not.toBeInTheDocument()})}),(0,external_vitest_namespaceObject.describe)("Preference Center Trigger",()=>{(0,external_vitest_namespaceObject.test)("should show trigger after consent given when showWhen is always",async()=>{(0,external_vitest_browser_react_namespaceObject.render)((0,jsx_runtime_namespaceObject.jsx)(consent_manager_provider_cjs_namespaceObject.ConsentManagerProvider,{options:defaultOptions,children:(0,jsx_runtime_namespaceObject.jsx)(external_consent_dialog_trigger_index_cjs_namespaceObject.ConsentDialogTrigger,{showWhen:"always"})})),await external_vitest_namespaceObject.vi.waitFor(()=>{let e=document.querySelector('button[aria-label="Open privacy settings"]');(0,external_vitest_namespaceObject.expect)(e).toBeInTheDocument()},{timeout:3e3})})}),(0,external_vitest_namespaceObject.describe)("Widget Integration",()=>{(0,external_vitest_namespaceObject.test)("should render widget with all consent categories",async()=>{(0,external_vitest_browser_react_namespaceObject.render)((0,jsx_runtime_namespaceObject.jsx)(consent_manager_provider_cjs_namespaceObject.ConsentManagerProvider,{options:defaultOptions,children:(0,jsx_runtime_namespaceObject.jsx)(external_consent_widget_index_cjs_namespaceObject.ConsentWidget,{})})),await external_vitest_namespaceObject.vi.waitFor(()=>{let e=document.querySelector('[data-testid="consent-widget-root"]');(0,external_vitest_namespaceObject.expect)(e).toBeInTheDocument()},{timeout:3e3}),await external_vitest_namespaceObject.vi.waitFor(()=>{let e=document.querySelectorAll('[role="switch"]');(0,external_vitest_namespaceObject.expect)(e.length).toBeGreaterThan(0)},{timeout:3e3})}),(0,external_vitest_namespaceObject.test)("should have disabled necessary consent toggle",async()=>{(0,external_vitest_browser_react_namespaceObject.render)((0,jsx_runtime_namespaceObject.jsx)(consent_manager_provider_cjs_namespaceObject.ConsentManagerProvider,{options:defaultOptions,children:(0,jsx_runtime_namespaceObject.jsx)(external_consent_widget_index_cjs_namespaceObject.ConsentWidget,{})})),await external_vitest_namespaceObject.vi.waitFor(()=>{let e=document.querySelector('[data-testid="consent-widget-switch-necessary"]');(0,external_vitest_namespaceObject.expect)(e).toBeInTheDocument(),(0,external_vitest_namespaceObject.expect)(e?.getAttribute("data-disabled")).toBe("")},{timeout:3e3})})}),(0,external_vitest_namespaceObject.describe)("Dialog Integration",()=>{(0,external_vitest_namespaceObject.test)("should show dialog when open prop is true",async()=>{(0,external_vitest_browser_react_namespaceObject.render)((0,jsx_runtime_namespaceObject.jsx)(consent_manager_provider_cjs_namespaceObject.ConsentManagerProvider,{options:defaultOptions,children:(0,jsx_runtime_namespaceObject.jsx)(external_consent_dialog_index_cjs_namespaceObject.ConsentDialog,{open:!0})})),await external_vitest_namespaceObject.vi.waitFor(()=>{let e=document.querySelector('[data-testid="consent-dialog-root"]');(0,external_vitest_namespaceObject.expect)(e).toBeInTheDocument()},{timeout:3e3})}),(0,external_vitest_namespaceObject.test)("should contain widget inside dialog",async()=>{(0,external_vitest_browser_react_namespaceObject.render)((0,jsx_runtime_namespaceObject.jsx)(consent_manager_provider_cjs_namespaceObject.ConsentManagerProvider,{options:defaultOptions,children:(0,jsx_runtime_namespaceObject.jsx)(external_consent_dialog_index_cjs_namespaceObject.ConsentDialog,{open:!0})})),await external_vitest_namespaceObject.vi.waitFor(()=>{let e=document.querySelector('[data-testid="consent-widget-root"]');(0,external_vitest_namespaceObject.expect)(e).toBeInTheDocument()},{timeout:3e3})})}),(0,external_vitest_namespaceObject.describe)("Complete Flow",()=>{(0,external_vitest_namespaceObject.test)("should complete full consent flow: banner -> customize -> save",async()=>{(0,external_vitest_browser_react_namespaceObject.render)((0,jsx_runtime_namespaceObject.jsxs)(consent_manager_provider_cjs_namespaceObject.ConsentManagerProvider,{options:defaultOptions,children:[(0,jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.ConsentBanner,{}),(0,jsx_runtime_namespaceObject.jsx)(external_consent_dialog_index_cjs_namespaceObject.ConsentDialog,{})]})),await external_vitest_namespaceObject.vi.waitFor(()=>{let e=document.querySelector('[data-testid="consent-banner-root"]');(0,external_vitest_namespaceObject.expect)(e).toBeInTheDocument()},{timeout:3e3});let e=document.querySelector('[data-testid="consent-banner-customize-button"]');await browser_namespaceObject.userEvent.click(e),await external_vitest_namespaceObject.vi.waitFor(()=>{let e=document.querySelector('[data-testid="consent-dialog-root"]');(0,external_vitest_namespaceObject.expect)(e).toBeInTheDocument()},{timeout:3e3});let t=document.querySelector('[data-testid="consent-widget-switch-marketing"]');t&&await browser_namespaceObject.userEvent.click(t);let n=document.querySelector('[data-testid="consent-widget-footer-save-button"]');await browser_namespaceObject.userEvent.click(n),await external_vitest_namespaceObject.vi.waitFor(()=>{let e=window.localStorage.getItem("c15t");(0,external_vitest_namespaceObject.expect)(e).toBeTruthy();let t=JSON.parse(e);(0,external_vitest_namespaceObject.expect)(t.consents).toBeTruthy()},{timeout:3e3})})})}),__webpack_exports__)exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:!0});

package/dist/components/__tests__/consent-flow.e2e.test.js

@@ -0,0 +1 @@
+let e;import{jsx as t,jsxs as o}from"react/jsx-runtime";import{beforeEach as n,describe as a,expect as i,test as r,vi as c}from"vitest";import{userEvent as s}from"vitest/browser";import{render as l}from"vitest-browser-react";import{ConsentBanner as d}from"../consent-banner/index.js";import{ConsentDialog as u}from"../consent-dialog/index.js";import{ConsentDialogTrigger as m}from"../consent-dialog-trigger/index.js";import{ConsentWidget as w}from"../consent-widget/index.js";import{ConsentManagerProvider as h,clearConsentRuntimeCache as y}from"../../providers/consent-manager-provider.js";Object.defineProperty(window,"localStorage",{value:(e={},{getItem:t=>e[t]||null,setItem:(t,o)=>{e[t]=o.toString()},removeItem:t=>{delete e[t]},clear:()=>{e={}}})});let g={mode:"offline"};a("Consent Flow E2E Tests",()=>{n(()=>{for(let e of(window.localStorage.clear(),document.cookie.split(";"))){let t=e.split("=")[0]?.trim();t&&(document.cookie=`${t}=;expires=Thu, 01 Jan 1970 00:00:00 GMT;path=/`)}c.clearAllMocks(),y()}),a("First Visit Flow",()=>{r("should show cookie banner to first-time visitor",async()=>{l(t(h,{options:g,children:t(d,{})})),await c.waitFor(()=>{i(document.querySelector('[data-testid="consent-banner-root"]')).toBeInTheDocument()},{timeout:3e3})}),r("should hide banner after accepting all",async()=>{l(t(h,{options:g,children:t(d,{})})),await c.waitFor(()=>{i(document.querySelector('[data-testid="consent-banner-accept-button"]')).toBeInTheDocument()},{timeout:3e3});let e=document.querySelector('[data-testid="consent-banner-accept-button"]');await s.click(e),await c.waitFor(()=>{i(document.querySelector('[data-testid="consent-banner-root"]')).not.toBeInTheDocument()},{timeout:3e3})}),r("should hide banner after rejecting all",async()=>{l(t(h,{options:g,children:t(d,{})})),await c.waitFor(()=>{i(document.querySelector('[data-testid="consent-banner-reject-button"]')).toBeInTheDocument()},{timeout:3e3});let e=document.querySelector('[data-testid="consent-banner-reject-button"]');await s.click(e),await c.waitFor(()=>{i(document.querySelector('[data-testid="consent-banner-root"]')).not.toBeInTheDocument()},{timeout:3e3})})}),a("Consent Persistence",()=>{r("should persist consent to localStorage on accept",async()=>{l(t(h,{options:g,children:t(d,{})})),await c.waitFor(()=>{i(document.querySelector('[data-testid="consent-banner-accept-button"]')).toBeInTheDocument()},{timeout:3e3});let e=document.querySelector('[data-testid="consent-banner-accept-button"]');await s.click(e),await c.waitFor(()=>{let e=window.localStorage.getItem("c15t");i(e).toBeTruthy();let t=JSON.parse(e);i(t.consents).toBeTruthy(),i(t.consents.necessary).toBe(!0)},{timeout:3e3})}),r("should persist reject decision to localStorage",async()=>{l(t(h,{options:g,children:t(d,{})})),await c.waitFor(()=>{i(document.querySelector('[data-testid="consent-banner-reject-button"]')).toBeInTheDocument()},{timeout:3e3});let e=document.querySelector('[data-testid="consent-banner-reject-button"]');await s.click(e),await c.waitFor(()=>{let e=window.localStorage.getItem("c15t");i(e).toBeTruthy();let t=JSON.parse(e);i(t.consents.necessary).toBe(!0),i(t.consents.marketing).toBe(!1),i(t.consents.measurement).toBe(!1)},{timeout:3e3})})}),a("Returning Visitor Flow",()=>{r("should not show banner if user has already consented",async()=>{let e={consents:{necessary:!0,functionality:!0,marketing:!0,measurement:!0,experience:!0},consentInfo:{time:Date.now(),type:"accept-all"}};window.localStorage.setItem("c15t",JSON.stringify(e)),l(t(h,{options:g,children:t(d,{})})),await new Promise(e=>setTimeout(e,500)),i(document.querySelector('[data-testid="consent-banner-root"]')).not.toBeInTheDocument()})}),a("Preference Center Trigger",()=>{r("should show trigger after consent given when showWhen is always",async()=>{l(t(h,{options:g,children:t(m,{showWhen:"always"})})),await c.waitFor(()=>{i(document.querySelector('button[aria-label="Open privacy settings"]')).toBeInTheDocument()},{timeout:3e3})})}),a("Widget Integration",()=>{r("should render widget with all consent categories",async()=>{l(t(h,{options:g,children:t(w,{})})),await c.waitFor(()=>{i(document.querySelector('[data-testid="consent-widget-root"]')).toBeInTheDocument()},{timeout:3e3}),await c.waitFor(()=>{i(document.querySelectorAll('[role="switch"]').length).toBeGreaterThan(0)},{timeout:3e3})}),r("should have disabled necessary consent toggle",async()=>{l(t(h,{options:g,children:t(w,{})})),await c.waitFor(()=>{let e=document.querySelector('[data-testid="consent-widget-switch-necessary"]');i(e).toBeInTheDocument(),i(e?.getAttribute("data-disabled")).toBe("")},{timeout:3e3})})}),a("Dialog Integration",()=>{r("should show dialog when open prop is true",async()=>{l(t(h,{options:g,children:t(u,{open:!0})})),await c.waitFor(()=>{i(document.querySelector('[data-testid="consent-dialog-root"]')).toBeInTheDocument()},{timeout:3e3})}),r("should contain widget inside dialog",async()=>{l(t(h,{options:g,children:t(u,{open:!0})})),await c.waitFor(()=>{i(document.querySelector('[data-testid="consent-widget-root"]')).toBeInTheDocument()},{timeout:3e3})})}),a("Complete Flow",()=>{r("should complete full consent flow: banner -> customize -> save",async()=>{l(o(h,{options:g,children:[t(d,{}),t(u,{})]})),await c.waitFor(()=>{i(document.querySelector('[data-testid="consent-banner-root"]')).toBeInTheDocument()},{timeout:3e3});let e=document.querySelector('[data-testid="consent-banner-customize-button"]');await s.click(e),await c.waitFor(()=>{i(document.querySelector('[data-testid="consent-dialog-root"]')).toBeInTheDocument()},{timeout:3e3});let n=document.querySelector('[data-testid="consent-widget-switch-marketing"]');n&&await s.click(n);let a=document.querySelector('[data-testid="consent-widget-footer-save-button"]');await s.click(a),await c.waitFor(()=>{let e=window.localStorage.getItem("c15t");i(e).toBeTruthy(),i(JSON.parse(e).consents).toBeTruthy()},{timeout:3e3})})})});

package/dist/components/__tests__/models-prop.e2e.test.cjs

@@ -0,0 +1 @@
+"use strict";const __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__={};const jsx_runtime_namespaceObject=require("react/jsx-runtime"),external_vitest_namespaceObject=require("vitest"),external_vitest_browser_react_namespaceObject=require("vitest-browser-react"),index_cjs_namespaceObject=require("../consent-banner/index.cjs"),external_consent_dialog_index_cjs_namespaceObject=require("../consent-dialog/index.cjs"),e2e_setup_cjs_namespaceObject=require("../iab/__tests__/e2e-setup.cjs"),external_iab_consent_banner_index_cjs_namespaceObject=require("../iab-consent-banner/index.cjs"),external_iab_consent_dialog_index_cjs_namespaceObject=require("../iab-consent-dialog/index.cjs"),consent_manager_provider_cjs_namespaceObject=require("../../providers/consent-manager-provider.cjs"),localStorageMock=(()=>{let e={};return{getItem:t=>e[t]||null,setItem:(t,n)=>{e[t]=n.toString()},removeItem:t=>{delete e[t]},clear:()=>{e={}}}})();Object.defineProperty(window,"localStorage",{value:localStorageMock});const optInOptions={mode:"offline"};for(var __rspack_i in(0,external_vitest_namespaceObject.describe)("models Prop E2E Tests",()=>{(0,external_vitest_namespaceObject.beforeEach)(()=>{for(let e of(window.localStorage.clear(),document.cookie.split(";"))){let t=e.split("=")[0]?.trim();t&&(document.cookie=`${t}=;expires=Thu, 01 Jan 1970 00:00:00 GMT;path=/`)}external_vitest_namespaceObject.vi.clearAllMocks(),(0,consent_manager_provider_cjs_namespaceObject.clearConsentRuntimeCache)(),(0,e2e_setup_cjs_namespaceObject.clearConsentState)()}),(0,external_vitest_namespaceObject.describe)("Opt-in mode (default)",()=>{(0,external_vitest_namespaceObject.test)("ConsentBanner renders in opt-in mode (default models includes opt-in)",async()=>{(0,external_vitest_browser_react_namespaceObject.render)((0,jsx_runtime_namespaceObject.jsx)(consent_manager_provider_cjs_namespaceObject.ConsentManagerProvider,{options:optInOptions,children:(0,jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.ConsentBanner,{})})),await external_vitest_namespaceObject.vi.waitFor(()=>{let e=document.querySelector('[data-testid="consent-banner-root"]');(0,external_vitest_namespaceObject.expect)(e).toBeInTheDocument()},{timeout:3e3})}),(0,external_vitest_namespaceObject.test)("IABConsentBanner does NOT render in opt-in mode (default models is iab)",async()=>{(0,external_vitest_browser_react_namespaceObject.render)((0,jsx_runtime_namespaceObject.jsx)(consent_manager_provider_cjs_namespaceObject.ConsentManagerProvider,{options:optInOptions,children:(0,jsx_runtime_namespaceObject.jsx)(external_iab_consent_banner_index_cjs_namespaceObject.IABConsentBanner,{})})),await new Promise(e=>setTimeout(e,1e3));let e=document.querySelector('[data-testid="iab-consent-banner-card"]');(0,external_vitest_namespaceObject.expect)(e).not.toBeInTheDocument()}),(0,external_vitest_namespaceObject.test)("ConsentDialog renders in opt-in mode when open",async()=>{(0,external_vitest_browser_react_namespaceObject.render)((0,jsx_runtime_namespaceObject.jsx)(consent_manager_provider_cjs_namespaceObject.ConsentManagerProvider,{options:optInOptions,children:(0,jsx_runtime_namespaceObject.jsx)(external_consent_dialog_index_cjs_namespaceObject.ConsentDialog,{open:!0})})),await external_vitest_namespaceObject.vi.waitFor(()=>{let e=document.querySelector('[data-testid="consent-dialog-root"]');(0,external_vitest_namespaceObject.expect)(e).toBeInTheDocument()},{timeout:3e3})}),(0,external_vitest_namespaceObject.test)("IABConsentDialog does NOT render in opt-in mode",async()=>{(0,external_vitest_browser_react_namespaceObject.render)((0,jsx_runtime_namespaceObject.jsx)(consent_manager_provider_cjs_namespaceObject.ConsentManagerProvider,{options:optInOptions,children:(0,jsx_runtime_namespaceObject.jsx)(external_iab_consent_dialog_index_cjs_namespaceObject.IABConsentDialog,{open:!0})})),await new Promise(e=>setTimeout(e,1e3));let e=document.querySelector('[data-testid="iab-consent-dialog-root"]');(0,external_vitest_namespaceObject.expect)(e).not.toBeInTheDocument()})}),(0,external_vitest_namespaceObject.describe)("IAB mode",()=>{(0,external_vitest_namespaceObject.test)("IABConsentBanner renders when model is iab",async()=>{(0,external_vitest_browser_react_namespaceObject.render)((0,jsx_runtime_namespaceObject.jsxs)(consent_manager_provider_cjs_namespaceObject.ConsentManagerProvider,{options:e2e_setup_cjs_namespaceObject.defaultIABOptions,children:[(0,jsx_runtime_namespaceObject.jsx)(external_iab_consent_banner_index_cjs_namespaceObject.IABConsentBanner,{}),(0,jsx_runtime_namespaceObject.jsx)(external_iab_consent_dialog_index_cjs_namespaceObject.IABConsentDialog,{})]})),await external_vitest_namespaceObject.vi.waitFor(()=>{let e=document.querySelector('[data-testid="iab-consent-banner-card"]');(0,external_vitest_namespaceObject.expect)(e).toBeInTheDocument()},{timeout:3e3})}),(0,external_vitest_namespaceObject.test)("ConsentBanner does NOT render when model is iab",async()=>{(0,external_vitest_browser_react_namespaceObject.render)((0,jsx_runtime_namespaceObject.jsx)(consent_manager_provider_cjs_namespaceObject.ConsentManagerProvider,{options:e2e_setup_cjs_namespaceObject.defaultIABOptions,children:(0,jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.ConsentBanner,{})})),await new Promise(e=>setTimeout(e,1e3));let e=document.querySelector('[data-testid="consent-banner-root"]');(0,external_vitest_namespaceObject.expect)(e).not.toBeInTheDocument()})}),(0,external_vitest_namespaceObject.describe)("Custom models prop",()=>{(0,external_vitest_namespaceObject.test)("ConsentBanner with models=[opt-in] renders in opt-in mode",async()=>{(0,external_vitest_browser_react_namespaceObject.render)((0,jsx_runtime_namespaceObject.jsx)(consent_manager_provider_cjs_namespaceObject.ConsentManagerProvider,{options:optInOptions,children:(0,jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.ConsentBanner,{models:["opt-in"]})})),await external_vitest_namespaceObject.vi.waitFor(()=>{let e=document.querySelector('[data-testid="consent-banner-root"]');(0,external_vitest_namespaceObject.expect)(e).toBeInTheDocument()},{timeout:3e3})}),(0,external_vitest_namespaceObject.test)("ConsentBanner with models=[iab] does NOT render in opt-in mode",async()=>{(0,external_vitest_browser_react_namespaceObject.render)((0,jsx_runtime_namespaceObject.jsx)(consent_manager_provider_cjs_namespaceObject.ConsentManagerProvider,{options:optInOptions,children:(0,jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.ConsentBanner,{models:["iab"]})})),await new Promise(e=>setTimeout(e,1e3));let e=document.querySelector('[data-testid="consent-banner-root"]');(0,external_vitest_namespaceObject.expect)(e).not.toBeInTheDocument()}),(0,external_vitest_namespaceObject.test)("only matching component renders when both are present",async()=>{(0,external_vitest_browser_react_namespaceObject.render)((0,jsx_runtime_namespaceObject.jsxs)(consent_manager_provider_cjs_namespaceObject.ConsentManagerProvider,{options:optInOptions,children:[(0,jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.ConsentBanner,{}),(0,jsx_runtime_namespaceObject.jsx)(external_iab_consent_banner_index_cjs_namespaceObject.IABConsentBanner,{})]})),await external_vitest_namespaceObject.vi.waitFor(()=>{let e=document.querySelector('[data-testid="consent-banner-root"]');(0,external_vitest_namespaceObject.expect)(e).toBeInTheDocument()},{timeout:3e3});let e=document.querySelector('[data-testid="iab-consent-banner-card"]');(0,external_vitest_namespaceObject.expect)(e).not.toBeInTheDocument()})})}),__webpack_exports__)exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:!0});

package/dist/components/__tests__/models-prop.e2e.test.js

@@ -0,0 +1 @@
+let e;import{jsx as t,jsxs as o}from"react/jsx-runtime";import{beforeEach as n,describe as r,expect as i,test as a,vi as s}from"vitest";import{render as d}from"vitest-browser-react";import{ConsentBanner as c}from"../consent-banner/index.js";import{ConsentDialog as m}from"../consent-dialog/index.js";import{clearConsentState as l,defaultIABOptions as u}from"../iab/__tests__/e2e-setup.js";import{IABConsentBanner as p}from"../iab-consent-banner/index.js";import{IABConsentDialog as h}from"../iab-consent-dialog/index.js";import{ConsentManagerProvider as w,clearConsentRuntimeCache as b}from"../../providers/consent-manager-provider.js";Object.defineProperty(window,"localStorage",{value:(e={},{getItem:t=>e[t]||null,setItem:(t,o)=>{e[t]=o.toString()},removeItem:t=>{delete e[t]},clear:()=>{e={}}})});let y={mode:"offline"};r("models Prop E2E Tests",()=>{n(()=>{for(let e of(window.localStorage.clear(),document.cookie.split(";"))){let t=e.split("=")[0]?.trim();t&&(document.cookie=`${t}=;expires=Thu, 01 Jan 1970 00:00:00 GMT;path=/`)}s.clearAllMocks(),b(),l()}),r("Opt-in mode (default)",()=>{a("ConsentBanner renders in opt-in mode (default models includes opt-in)",async()=>{d(t(w,{options:y,children:t(c,{})})),await s.waitFor(()=>{i(document.querySelector('[data-testid="consent-banner-root"]')).toBeInTheDocument()},{timeout:3e3})}),a("IABConsentBanner does NOT render in opt-in mode (default models is iab)",async()=>{d(t(w,{options:y,children:t(p,{})})),await new Promise(e=>setTimeout(e,1e3)),i(document.querySelector('[data-testid="iab-consent-banner-card"]')).not.toBeInTheDocument()}),a("ConsentDialog renders in opt-in mode when open",async()=>{d(t(w,{options:y,children:t(m,{open:!0})})),await s.waitFor(()=>{i(document.querySelector('[data-testid="consent-dialog-root"]')).toBeInTheDocument()},{timeout:3e3})}),a("IABConsentDialog does NOT render in opt-in mode",async()=>{d(t(w,{options:y,children:t(h,{open:!0})})),await new Promise(e=>setTimeout(e,1e3)),i(document.querySelector('[data-testid="iab-consent-dialog-root"]')).not.toBeInTheDocument()})}),r("IAB mode",()=>{a("IABConsentBanner renders when model is iab",async()=>{d(o(w,{options:u,children:[t(p,{}),t(h,{})]})),await s.waitFor(()=>{i(document.querySelector('[data-testid="iab-consent-banner-card"]')).toBeInTheDocument()},{timeout:3e3})}),a("ConsentBanner does NOT render when model is iab",async()=>{d(t(w,{options:u,children:t(c,{})})),await new Promise(e=>setTimeout(e,1e3)),i(document.querySelector('[data-testid="consent-banner-root"]')).not.toBeInTheDocument()})}),r("Custom models prop",()=>{a("ConsentBanner with models=[opt-in] renders in opt-in mode",async()=>{d(t(w,{options:y,children:t(c,{models:["opt-in"]})})),await s.waitFor(()=>{i(document.querySelector('[data-testid="consent-banner-root"]')).toBeInTheDocument()},{timeout:3e3})}),a("ConsentBanner with models=[iab] does NOT render in opt-in mode",async()=>{d(t(w,{options:y,children:t(c,{models:["iab"]})})),await new Promise(e=>setTimeout(e,1e3)),i(document.querySelector('[data-testid="consent-banner-root"]')).not.toBeInTheDocument()}),a("only matching component renders when both are present",async()=>{d(o(w,{options:y,children:[t(c,{}),t(p,{})]})),await s.waitFor(()=>{i(document.querySelector('[data-testid="consent-banner-root"]')).toBeInTheDocument()},{timeout:3e3}),i(document.querySelector('[data-testid="iab-consent-banner-card"]')).not.toBeInTheDocument()})})});

package/dist/components/__tests__/ui-source-tracking.e2e.test.cjs

@@ -0,0 +1 @@
+"use strict";const __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__={};const jsx_runtime_namespaceObject=require("react/jsx-runtime"),external_vitest_namespaceObject=require("vitest"),browser_namespaceObject=require("vitest/browser"),external_vitest_browser_react_namespaceObject=require("vitest-browser-react"),index_cjs_namespaceObject=require("../consent-banner/index.cjs"),external_consent_dialog_index_cjs_namespaceObject=require("../consent-dialog/index.cjs"),external_consent_widget_index_cjs_namespaceObject=require("../consent-widget/index.cjs"),consent_manager_provider_cjs_namespaceObject=require("../../providers/consent-manager-provider.cjs"),localStorageMock=(()=>{let e={};return{getItem:t=>e[t]||null,setItem:(t,a)=>{e[t]=a.toString()},removeItem:t=>{delete e[t]},clear:()=>{e={}}}})();Object.defineProperty(window,"localStorage",{value:localStorageMock});const defaultOptions={mode:"offline"};for(var __rspack_i in(0,external_vitest_namespaceObject.describe)("UI Source Tracking E2E Tests",()=>{(0,external_vitest_namespaceObject.beforeEach)(()=>{for(let e of(window.localStorage.clear(),document.cookie.split(";"))){let t=e.split("=")[0]?.trim();t&&(document.cookie=`${t}=;expires=Thu, 01 Jan 1970 00:00:00 GMT;path=/`)}external_vitest_namespaceObject.vi.clearAllMocks(),(0,consent_manager_provider_cjs_namespaceObject.clearConsentRuntimeCache)()}),(0,external_vitest_namespaceObject.describe)("Banner uiSource",()=>{(0,external_vitest_namespaceObject.test)("should render banner and save consent via accept button",async()=>{(0,external_vitest_browser_react_namespaceObject.render)((0,jsx_runtime_namespaceObject.jsx)(consent_manager_provider_cjs_namespaceObject.ConsentManagerProvider,{options:defaultOptions,children:(0,jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.ConsentBanner,{})})),await external_vitest_namespaceObject.vi.waitFor(()=>{let e=document.querySelector('[data-testid="consent-banner-accept-button"]');(0,external_vitest_namespaceObject.expect)(e).toBeInTheDocument()},{timeout:3e3});let e=document.querySelector('[data-testid="consent-banner-accept-button"]');await browser_namespaceObject.userEvent.click(e),await external_vitest_namespaceObject.vi.waitFor(()=>{let e=window.localStorage.getItem("c15t");(0,external_vitest_namespaceObject.expect)(e).toBeTruthy();let t=JSON.parse(e);(0,external_vitest_namespaceObject.expect)(t.consents.necessary).toBe(!0)},{timeout:3e3})}),(0,external_vitest_namespaceObject.test)("should render banner with custom uiSource prop",async()=>{(0,external_vitest_browser_react_namespaceObject.render)((0,jsx_runtime_namespaceObject.jsx)(consent_manager_provider_cjs_namespaceObject.ConsentManagerProvider,{options:defaultOptions,children:(0,jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.ConsentBanner,{uiSource:"custom_banner"})})),await external_vitest_namespaceObject.vi.waitFor(()=>{let e=document.querySelector('[data-testid="consent-banner-root"]');(0,external_vitest_namespaceObject.expect)(e).toBeInTheDocument()},{timeout:3e3})})}),(0,external_vitest_namespaceObject.describe)("Dialog uiSource",()=>{(0,external_vitest_namespaceObject.test)("should render dialog and save consent via accept button",async()=>{(0,external_vitest_browser_react_namespaceObject.render)((0,jsx_runtime_namespaceObject.jsx)(consent_manager_provider_cjs_namespaceObject.ConsentManagerProvider,{options:defaultOptions,children:(0,jsx_runtime_namespaceObject.jsx)(external_consent_dialog_index_cjs_namespaceObject.ConsentDialog,{open:!0})})),await external_vitest_namespaceObject.vi.waitFor(()=>{let e=document.querySelector('[data-testid="consent-dialog-root"]');(0,external_vitest_namespaceObject.expect)(e).toBeInTheDocument()},{timeout:3e3});let e=document.querySelector('[data-testid="consent-widget-footer-accept-all-button"]');e&&(await browser_namespaceObject.userEvent.click(e),await external_vitest_namespaceObject.vi.waitFor(()=>{let e=window.localStorage.getItem("c15t");(0,external_vitest_namespaceObject.expect)(e).toBeTruthy()},{timeout:3e3}))}),(0,external_vitest_namespaceObject.test)("should render dialog with custom uiSource prop",async()=>{(0,external_vitest_browser_react_namespaceObject.render)((0,jsx_runtime_namespaceObject.jsx)(consent_manager_provider_cjs_namespaceObject.ConsentManagerProvider,{options:defaultOptions,children:(0,jsx_runtime_namespaceObject.jsx)(external_consent_dialog_index_cjs_namespaceObject.ConsentDialog,{open:!0,uiSource:"custom_dialog"})})),await external_vitest_namespaceObject.vi.waitFor(()=>{let e=document.querySelector('[data-testid="consent-dialog-root"]');(0,external_vitest_namespaceObject.expect)(e).toBeInTheDocument()},{timeout:3e3})})}),(0,external_vitest_namespaceObject.describe)("Widget uiSource",()=>{(0,external_vitest_namespaceObject.test)("should render widget with default uiSource",async()=>{(0,external_vitest_browser_react_namespaceObject.render)((0,jsx_runtime_namespaceObject.jsx)(consent_manager_provider_cjs_namespaceObject.ConsentManagerProvider,{options:defaultOptions,children:(0,jsx_runtime_namespaceObject.jsx)(external_consent_widget_index_cjs_namespaceObject.ConsentWidget,{})})),await external_vitest_namespaceObject.vi.waitFor(()=>{let e=document.querySelector('[data-testid="consent-widget-root"]');(0,external_vitest_namespaceObject.expect)(e).toBeInTheDocument()},{timeout:3e3})})}),(0,external_vitest_namespaceObject.describe)("Banner to Dialog flow preserves correct uiSource",()=>{(0,external_vitest_namespaceObject.test)("should transition from banner to dialog and save from dialog",async()=>{(0,external_vitest_browser_react_namespaceObject.render)((0,jsx_runtime_namespaceObject.jsxs)(consent_manager_provider_cjs_namespaceObject.ConsentManagerProvider,{options:defaultOptions,children:[(0,jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.ConsentBanner,{}),(0,jsx_runtime_namespaceObject.jsx)(external_consent_dialog_index_cjs_namespaceObject.ConsentDialog,{})]})),await external_vitest_namespaceObject.vi.waitFor(()=>{let e=document.querySelector('[data-testid="consent-banner-root"]');(0,external_vitest_namespaceObject.expect)(e).toBeInTheDocument()},{timeout:3e3});let e=document.querySelector('[data-testid="consent-banner-customize-button"]');await browser_namespaceObject.userEvent.click(e),await external_vitest_namespaceObject.vi.waitFor(()=>{let e=document.querySelector('[data-testid="consent-dialog-root"]');(0,external_vitest_namespaceObject.expect)(e).toBeInTheDocument()},{timeout:3e3});let t=document.querySelector('[data-testid="consent-widget-footer-save-button"]');await browser_namespaceObject.userEvent.click(t),await external_vitest_namespaceObject.vi.waitFor(()=>{let e=window.localStorage.getItem("c15t");(0,external_vitest_namespaceObject.expect)(e).toBeTruthy();let t=JSON.parse(e);(0,external_vitest_namespaceObject.expect)(t.consents).toBeTruthy()},{timeout:3e3})})})}),__webpack_exports__)exports[__rspack_i]=__webpack_exports__[__rspack_i];Object.defineProperty(exports,"__esModule",{value:!0});

package/dist/components/__tests__/ui-source-tracking.e2e.test.js

@@ -0,0 +1 @@
+let t;import{jsx as e,jsxs as o}from"react/jsx-runtime";import{beforeEach as n,describe as r,expect as a,test as i,vi as c}from"vitest";import{userEvent as u}from"vitest/browser";import{render as d}from"vitest-browser-react";import{ConsentBanner as s}from"../consent-banner/index.js";import{ConsentDialog as l}from"../consent-dialog/index.js";import{ConsentWidget as m}from"../consent-widget/index.js";import{ConsentManagerProvider as w,clearConsentRuntimeCache as p}from"../../providers/consent-manager-provider.js";Object.defineProperty(window,"localStorage",{value:(t={},{getItem:e=>t[e]||null,setItem:(e,o)=>{t[e]=o.toString()},removeItem:e=>{delete t[e]},clear:()=>{t={}}})});let g={mode:"offline"};r("UI Source Tracking E2E Tests",()=>{n(()=>{for(let t of(window.localStorage.clear(),document.cookie.split(";"))){let e=t.split("=")[0]?.trim();e&&(document.cookie=`${e}=;expires=Thu, 01 Jan 1970 00:00:00 GMT;path=/`)}c.clearAllMocks(),p()}),r("Banner uiSource",()=>{i("should render banner and save consent via accept button",async()=>{d(e(w,{options:g,children:e(s,{})})),await c.waitFor(()=>{a(document.querySelector('[data-testid="consent-banner-accept-button"]')).toBeInTheDocument()},{timeout:3e3});let t=document.querySelector('[data-testid="consent-banner-accept-button"]');await u.click(t),await c.waitFor(()=>{let t=window.localStorage.getItem("c15t");a(t).toBeTruthy(),a(JSON.parse(t).consents.necessary).toBe(!0)},{timeout:3e3})}),i("should render banner with custom uiSource prop",async()=>{d(e(w,{options:g,children:e(s,{uiSource:"custom_banner"})})),await c.waitFor(()=>{a(document.querySelector('[data-testid="consent-banner-root"]')).toBeInTheDocument()},{timeout:3e3})})}),r("Dialog uiSource",()=>{i("should render dialog and save consent via accept button",async()=>{d(e(w,{options:g,children:e(l,{open:!0})})),await c.waitFor(()=>{a(document.querySelector('[data-testid="consent-dialog-root"]')).toBeInTheDocument()},{timeout:3e3});let t=document.querySelector('[data-testid="consent-widget-footer-accept-all-button"]');t&&(await u.click(t),await c.waitFor(()=>{a(window.localStorage.getItem("c15t")).toBeTruthy()},{timeout:3e3}))}),i("should render dialog with custom uiSource prop",async()=>{d(e(w,{options:g,children:e(l,{open:!0,uiSource:"custom_dialog"})})),await c.waitFor(()=>{a(document.querySelector('[data-testid="consent-dialog-root"]')).toBeInTheDocument()},{timeout:3e3})})}),r("Widget uiSource",()=>{i("should render widget with default uiSource",async()=>{d(e(w,{options:g,children:e(m,{})})),await c.waitFor(()=>{a(document.querySelector('[data-testid="consent-widget-root"]')).toBeInTheDocument()},{timeout:3e3})})}),r("Banner to Dialog flow preserves correct uiSource",()=>{i("should transition from banner to dialog and save from dialog",async()=>{d(o(w,{options:g,children:[e(s,{}),e(l,{})]})),await c.waitFor(()=>{a(document.querySelector('[data-testid="consent-banner-root"]')).toBeInTheDocument()},{timeout:3e3});let t=document.querySelector('[data-testid="consent-banner-customize-button"]');await u.click(t),await c.waitFor(()=>{a(document.querySelector('[data-testid="consent-dialog-root"]')).toBeInTheDocument()},{timeout:3e3});let n=document.querySelector('[data-testid="consent-widget-footer-save-button"]');await u.click(n),await c.waitFor(()=>{let t=window.localStorage.getItem("c15t");a(t).toBeTruthy(),a(JSON.parse(t).consents).toBeTruthy()},{timeout:3e3})})})});

package/dist/components/consent-banner/atoms/overlay.cjs

@@ -0,0 +1 @@
+"use strict";const __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 _=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__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{ConsentBannerOverlay:()=>ConsentBannerOverlay,Overlay:()=>Overlay});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),consent_banner_module_css_namespaceObject=require("@c15t/ui/styles/components/consent-banner.module.css");var consent_banner_module_css_default=__webpack_require__.n(consent_banner_module_css_namespaceObject);const external_react_namespaceObject=require("react"),use_consent_manager_cjs_namespaceObject=require("../../../hooks/use-consent-manager.cjs"),use_scroll_lock_cjs_namespaceObject=require("../../../hooks/use-scroll-lock.cjs"),use_styles_cjs_namespaceObject=require("../../../hooks/use-styles.cjs"),use_theme_cjs_namespaceObject=require("../../../hooks/use-theme.cjs"),cn_cjs_namespaceObject=require("../../../utils/cn.cjs"),ConsentBannerOverlay=(0,external_react_namespaceObject.forwardRef)(({className:e,style:_,noStyle:r,asChild:n,...a},s)=>{let t,{activeUI:c}=(0,use_consent_manager_cjs_namespaceObject.useConsentManager)(),{disableAnimation:o,noStyle:l,scrollLock:u}=(0,use_theme_cjs_namespaceObject.useTheme)(),p="banner"===c,[i,b]=(0,external_react_namespaceObject.useState)(!1);(0,external_react_namespaceObject.useEffect)(()=>{if(p)b(!0);else if(o)b(!1);else{let e=setTimeout(()=>{b(!1)},Number.parseInt(getComputedStyle(document.documentElement).getPropertyValue("--consent-banner-animation-duration")||"200",10));return()=>clearTimeout(e)}},[p,o]);let m=(0,use_styles_cjs_namespaceObject.useStyles)("consentBannerOverlay",{baseClassName:!(l||r)&&consent_banner_module_css_default().overlay,className:e,noStyle:l||r});t=l||r||o?void 0:i?consent_banner_module_css_default().overlayVisible:consent_banner_module_css_default().overlayHidden;let d=(0,cn_cjs_namespaceObject.cnExt)(m.className,t);return(0,use_scroll_lock_cjs_namespaceObject.useScrollLock)(!!(p&&u)),p&&u?(0,jsx_runtime_namespaceObject.jsx)("div",{ref:s,...a,className:d,style:{...m.style,..._},"data-testid":"consent-banner-overlay"}):null}),Overlay=ConsentBannerOverlay;for(var __rspack_i in exports.ConsentBannerOverlay=__webpack_exports__.ConsentBannerOverlay,exports.Overlay=__webpack_exports__.Overlay,__webpack_exports__)-1===["ConsentBannerOverlay","Overlay"].indexOf(__rspack_i)&&(exports[__rspack_i]=__webpack_exports__[__rspack_i]);Object.defineProperty(exports,"__esModule",{value:!0});

package/dist/components/{cookie-banner → consent-banner}/atoms/overlay.d.ts

@@ -1,14 +1,14 @@
 /**
  * @packageDocumentation
- * Provides the overlay backdrop component for the CookieBanner.
+ * Provides the overlay backdrop component for the ConsentBanner.
  */
 import { type HTMLAttributes } from 'react';
 /**
  * Props for the Overlay component.
  *
  * @remarks
- * The overlay provides a semi-transparent backdrop behind the cookie banner content.
- * It can be styled using the CookieBanner theme system or through direct style props.
+ * The overlay provides a semi-transparent backdrop behind the consent banner content.
+ * It can be styled using the ConsentBanner theme system or through direct style props.
  *
  * @public
  */
@@ -26,7 +26,7 @@ interface OverlayProps extends HTMLAttributes<HTMLDivElement> {
     asChild?: boolean;
 }
 /**
- * Overlay component that provides a backdrop for the CookieBanner content.
+ * Overlay component that provides a backdrop for the ConsentBanner content.
  *
  * @remarks
  * This component handles:
@@ -35,12 +35,12 @@ interface OverlayProps extends HTMLAttributes<HTMLDivElement> {
  * - Proper z-indexing for modal behavior
  * - Theme-based styling
  *
- * The overlay visibility is controlled by the `showPopup` state from CookieBanner context,
+ * The overlay visibility is controlled by the `activeUI` state from ConsentBanner context,
  * and its animation behavior is controlled by the `disableAnimation` flag.
  *
  * @public
  */
-declare const CookieBannerOverlay: import("react").ForwardRefExoticComponent<OverlayProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const ConsentBannerOverlay: import("react").ForwardRefExoticComponent<OverlayProps & import("react").RefAttributes<HTMLDivElement>>;
 declare const Overlay: import("react").ForwardRefExoticComponent<OverlayProps & import("react").RefAttributes<HTMLDivElement>>;
-export { Overlay, CookieBannerOverlay };
+export { Overlay, ConsentBannerOverlay };
 //# sourceMappingURL=overlay.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"overlay.d.ts","sourceRoot":"","sources":["../../../../src/components/consent-banner/atoms/overlay.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,EAAc,KAAK,cAAc,EAAuB,MAAM,OAAO,CAAC;AAO7E;;;;;;;;GAQG;AACH,UAAU,YAAa,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC5D;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CAClB;AAED;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,oBAAoB,yGAiEzB,CAAC;AAEF,QAAA,MAAM,OAAO,yGAAuB,CAAC;AAErC,OAAO,EAAE,OAAO,EAAE,oBAAoB,EAAE,CAAC"}

package/dist/components/consent-banner/atoms/overlay.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import t from"@c15t/ui/styles/components/consent-banner.module.css";import{forwardRef as o,useEffect as r,useState as s}from"react";import{useConsentManager as n}from"../../../hooks/use-consent-manager.js";import{useScrollLock as l}from"../../../hooks/use-scroll-lock.js";import{useStyles as a}from"../../../hooks/use-styles.js";import{useTheme as m}from"../../../hooks/use-theme.js";import{cnExt as i}from"../../../utils/cn.js";let u=o(({className:o,style:u,noStyle:c,asChild:y,...p},d)=>{let f,{activeUI:v}=n(),{disableAnimation:b,noStyle:j,scrollLock:h}=m(),k="banner"===v,[N,g]=s(!1);r(()=>{if(k)g(!0);else if(b)g(!1);else{let e=setTimeout(()=>{g(!1)},Number.parseInt(getComputedStyle(document.documentElement).getPropertyValue("--consent-banner-animation-duration")||"200",10));return()=>clearTimeout(e)}},[k,b]);let C=a("consentBannerOverlay",{baseClassName:!(j||c)&&t.overlay,className:o,noStyle:j||c});f=j||c||b?void 0:N?t.overlayVisible:t.overlayHidden;let O=i(C.className,f);return l(!!(k&&h)),k&&h?e("div",{ref:d,...p,className:O,style:{...C.style,...u},"data-testid":"consent-banner-overlay"}):null}),c=u;export{u as ConsentBannerOverlay,c as Overlay};

package/dist/components/consent-banner/atoms/root.cjs

@@ -0,0 +1 @@
+"use strict";const __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),__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__,{ConsentBannerRoot:()=>ConsentBannerRoot,Root:()=>Root});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),consent_banner_module_css_namespaceObject=require("@c15t/ui/styles/components/consent-banner.module.css");var consent_banner_module_css_default=__webpack_require__.n(consent_banner_module_css_namespaceObject);const external_react_namespaceObject=require("react"),external_react_dom_namespaceObject=require("react-dom"),consent_tracking_context_cjs_namespaceObject=require("../../../context/consent-tracking-context.cjs"),theme_context_cjs_namespaceObject=require("../../../context/theme-context.cjs"),use_consent_manager_cjs_namespaceObject=require("../../../hooks/use-consent-manager.cjs"),use_styles_cjs_namespaceObject=require("../../../hooks/use-styles.cjs"),use_text_direction_cjs_namespaceObject=require("../../../hooks/use-text-direction.cjs"),external_overlay_cjs_namespaceObject=require("./overlay.cjs"),ConsentBannerRoot=({children:e,className:t,noStyle:n,disableAnimation:_,scrollLock:a,trapFocus:r=!0,models:c,uiSource:s,...o})=>(0,jsx_runtime_namespaceObject.jsx)(consent_tracking_context_cjs_namespaceObject.ConsentTrackingContext.Provider,{value:{uiSource:s??"banner"},children:(0,jsx_runtime_namespaceObject.jsx)(theme_context_cjs_namespaceObject.LocalThemeContext.Provider,{value:{disableAnimation:_,noStyle:n,scrollLock:a,trapFocus:r},children:(0,jsx_runtime_namespaceObject.jsx)(ConsentBannerRootChildren,{disableAnimation:_,className:t,noStyle:n,models:c,...o,children:e})})}),ConsentBannerRootChildren=(0,external_react_namespaceObject.forwardRef)(({asChild:e,children:t,className:n,style:_,className:a,disableAnimation:r,noStyle:c,models:s=["opt-in"],...o},u)=>{let{activeUI:i,translationConfig:l,model:m}=(0,use_consent_manager_cjs_namespaceObject.useConsentManager)(),p=(0,use_text_direction_cjs_namespaceObject.useTextDirection)(l.defaultLanguage),[b,j]=(0,external_react_namespaceObject.useState)(!1),[d,x]=(0,external_react_namespaceObject.useState)(!1),[O,f]=(0,external_react_namespaceObject.useState)(200),k="banner"===i&&s.includes(m);(0,external_react_namespaceObject.useEffect)(()=>{f(Number.parseInt(getComputedStyle(document.documentElement).getPropertyValue("--consent-banner-animation-duration")||"200",10))},[]),(0,external_react_namespaceObject.useEffect)(()=>{if(k)if(d)j(!0);else{let e=setTimeout(()=>{j(!0),x(!0)},10);return()=>clearTimeout(e)}else if(x(!1),r)j(!1);else{let e=setTimeout(()=>{j(!1)},O);return()=>clearTimeout(e)}},[k,r,d,O]);let y=(0,use_styles_cjs_namespaceObject.useStyles)("consentBanner",{baseClassName:[consent_banner_module_css_default().root,"ltr"===p?consent_banner_module_css_default().bottomLeft:consent_banner_module_css_default().bottomRight],style:_,className:n||a,noStyle:c}),[q,w]=(0,external_react_namespaceObject.useState)(!1);if((0,external_react_namespaceObject.useEffect)(()=>{w(!0)},[]),!q)return null;let R=c?y.className||"":`${y.className||""} ${b?consent_banner_module_css_default().bannerVisible:consent_banner_module_css_default().bannerHidden}`;return k?(0,external_react_dom_namespaceObject.createPortal)((0,jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment,{children:[(0,jsx_runtime_namespaceObject.jsx)(external_overlay_cjs_namespaceObject.Overlay,{}),(0,jsx_runtime_namespaceObject.jsx)("div",{ref:u,...o,...y,className:R,"data-testid":"consent-banner-root",dir:p,children:t})]}),document.body):null});ConsentBannerRootChildren.displayName="ConsentBannerRootChildren";const Root=ConsentBannerRoot;for(var __rspack_i in exports.ConsentBannerRoot=__webpack_exports__.ConsentBannerRoot,exports.Root=__webpack_exports__.Root,__webpack_exports__)-1===["ConsentBannerRoot","Root"].indexOf(__rspack_i)&&(exports[__rspack_i]=__webpack_exports__[__rspack_i]);Object.defineProperty(exports,"__esModule",{value:!0});

package/dist/components/{cookie-banner → consent-banner}/atoms/root.d.ts

@@ -1,19 +1,18 @@
 import { type FC, type HTMLAttributes, type ReactNode } from 'react';
-import type { CookieBannerTheme } from '../theme';
 /**
- * Props for the root component of the CookieBanner.
+ * Props for the root component of the ConsentBanner.
  *
  * @remarks
  * The root component serves as the top-level container and context provider
- * for the cookie banner. It manages the consent state and styling configuration
+ * for the consent banner. It manages the consent state and styling configuration
  * for all child components.
  *
  * @public
  */
-interface CookieBannerRootProps extends HTMLAttributes<HTMLDivElement> {
+interface ConsentBannerRootProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * @remarks
-     * React elements to be rendered within the cookie banner.
+     * React elements to be rendered within the consent banner.
      * Typically includes Content, Title, Description, and Actions components.
      */
     children: ReactNode;
@@ -23,12 +22,6 @@ interface CookieBannerRootProps extends HTMLAttributes<HTMLDivElement> {
      * Useful when implementing completely custom styles.
      */
     noStyle?: boolean;
-    /**
-     * @remarks
-     * Custom styles to be applied to the banner and its child components.
-     * These styles are made available through the CookieBanner context.
-     */
-    theme?: Partial<CookieBannerTheme>;
     /**
      * @remarks
      * When true, disables the entrance/exit animations.
@@ -37,25 +30,35 @@ interface CookieBannerRootProps extends HTMLAttributes<HTMLDivElement> {
     disableAnimation?: boolean;
     /**
      * @remarks
-     * When true, the cookie banner will lock the scroll of the page.
-     * Useful for implementing a cookie banner that locks the scroll of the page.
+     * When true, the consent banner will lock the scroll of the page.
+     * Useful for implementing a consent banner that locks the scroll of the page.
      * @default false
      */
     scrollLock?: boolean;
     /**
      * @remarks
-     * When true, the cookie banner will trap focus.
-     * Useful for implementing a cookie banner that traps focus.
+     * When true, the consent banner will trap focus.
+     * Useful for implementing a consent banner that traps focus.
      * @default true
      */
     trapFocus?: boolean;
+    /**
+     * Which consent models this banner responds to.
+     * @default ['opt-in', 'opt-out']
+     */
+    models?: import('c15t').Model[];
+    /**
+     * Override the UI source identifier sent with consent API calls.
+     * @default 'banner'
+     */
+    uiSource?: string;
 }
 /**
- * Root component of the CookieBanner that provides context and styling.
+ * Root component of the ConsentBanner that provides context and styling.
  *
  * @remarks
  * This component:
- * - Provides the CookieBanner context to all child components
+ * - Provides the ConsentBanner context to all child components
  * - Manages consent state through the consent manager
  * - Handles style distribution to child components
  * - Serves as the main container for the banner
@@ -63,17 +66,17 @@ interface CookieBannerRootProps extends HTMLAttributes<HTMLDivElement> {
  * @example
  * Basic usage:
  * ```tsx
- * <CookieBanner.Root>
- *   <CookieBanner.Content>
+ * <ConsentBanner.Root>
+ *   <ConsentBanner.Content>
  *     {Banner content}
- *   </CookieBanner.Content>
- * </CookieBanner.Root>
+ *   </ConsentBanner.Content>
+ * </ConsentBanner.Root>
  * ```
  *
  * @example
  * With custom styling:
  * ```tsx
- * <CookieBanner.Root
+ * <ConsentBanner.Root
  *   styles={{
  *     root: "fixed bottom-0 w-full bg-white ",
  *     content: "max-w-4xl mx-auto p-4",
@@ -82,12 +85,12 @@ interface CookieBannerRootProps extends HTMLAttributes<HTMLDivElement> {
  *   }}
  * >
  *   { Banner content}
- * </CookieBanner.Root>
+ * </ConsentBanner.Root>
  * ```
  *
  * @public
  */
-declare const CookieBannerRoot: FC<CookieBannerRootProps>;
-declare const Root: FC<CookieBannerRootProps>;
-export { Root, CookieBannerRoot };
+declare const ConsentBannerRoot: FC<ConsentBannerRootProps>;
+declare const Root: FC<ConsentBannerRootProps>;
+export { Root, ConsentBannerRoot };
 //# sourceMappingURL=root.d.ts.map

package/dist/components/consent-banner/atoms/root.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"root.d.ts","sourceRoot":"","sources":["../../../../src/components/consent-banner/atoms/root.tsx"],"names":[],"mappings":"AAGA,OAAO,EAEN,KAAK,EAAE,EAEP,KAAK,cAAc,EACnB,KAAK,SAAS,EAGd,MAAM,OAAO,CAAC;AAUf;;;;;;;;;GASG;AACH,UAAU,sBAAuB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACtE;;;;OAIG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,MAAM,EAAE,KAAK,EAAE,CAAC;IAEhC;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,QAAA,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAqCjD,CAAC;AAyMF,QAAA,MAAM,IAAI,4BAAoB,CAAC;AAE/B,OAAO,EAAE,IAAI,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/components/consent-banner/atoms/root.js

@@ -0,0 +1 @@
+import{Fragment as e,jsx as t,jsxs as o}from"react/jsx-runtime";import n from"@c15t/ui/styles/components/consent-banner.module.css";import{forwardRef as r,useEffect as s,useState as a}from"react";import{createPortal as m}from"react-dom";import{ConsentTrackingContext as i}from"../../../context/consent-tracking-context.js";import{LocalThemeContext as l}from"../../../context/theme-context.js";import{useConsentManager as c}from"../../../hooks/use-consent-manager.js";import{useStyles as u}from"../../../hooks/use-styles.js";import{useTextDirection as d}from"../../../hooks/use-text-direction.js";import{Overlay as f}from"./overlay.js";let p=({children:e,className:o,noStyle:n,disableAnimation:r,scrollLock:s,trapFocus:a=!0,models:m,uiSource:c,...u})=>t(i.Provider,{value:{uiSource:c??"banner"},children:t(l.Provider,{value:{disableAnimation:r,noStyle:n,scrollLock:s,trapFocus:a},children:t(b,{disableAnimation:r,className:o,noStyle:n,models:m,...u,children:e})})}),b=r(({asChild:r,children:i,className:l,style:p,className:b,disableAnimation:h,noStyle:y,models:N=["opt-in"],...g},j)=>{let{activeUI:x,translationConfig:v,model:C}=c(),k=d(v.defaultLanguage),[R,T]=a(!1),[B,P]=a(!1),[S,L]=a(200),V="banner"===x&&N.includes(C);s(()=>{L(Number.parseInt(getComputedStyle(document.documentElement).getPropertyValue("--consent-banner-animation-duration")||"200",10))},[]),s(()=>{if(V)if(B)T(!0);else{let e=setTimeout(()=>{T(!0),P(!0)},10);return()=>clearTimeout(e)}else if(P(!1),h)T(!1);else{let e=setTimeout(()=>{T(!1)},S);return()=>clearTimeout(e)}},[V,h,B,S]);let $=u("consentBanner",{baseClassName:[n.root,"ltr"===k?n.bottomLeft:n.bottomRight],style:p,className:l||b,noStyle:y}),[A,E]=a(!1);if(s(()=>{E(!0)},[]),!A)return null;let H=y?$.className||"":`${$.className||""} ${R?n.bannerVisible:n.bannerHidden}`;return V?m(o(e,{children:[t(f,{}),t("div",{ref:j,...g,...$,className:H,"data-testid":"consent-banner-root",dir:k,children:i})]}),document.body):null});b.displayName="ConsentBannerRootChildren";let h=p;export{p as ConsentBannerRoot,h as Root};

package/dist/components/consent-banner/components.cjs

@@ -0,0 +1 @@
+"use strict";const __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 n=e&&e.__esModule?()=>e.default:()=>e;return __webpack_require__.d(n,{a:n}),n},__webpack_require__.d=(e,n)=>{for(var t in n)__webpack_require__.o(n,t)&&!__webpack_require__.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:n[t]})},__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__,{ConsentBannerCard:()=>ConsentBannerCard,Header:()=>Header,FooterSubGroup:()=>FooterSubGroup,ConsentBannerFooterSubGroup:()=>ConsentBannerFooterSubGroup,ConsentBannerTitle:()=>ConsentBannerTitle,AcceptButton:()=>AcceptButton,ConsentBannerFooter:()=>ConsentBannerFooter,ConsentBannerCustomizeButton:()=>ConsentBannerCustomizeButton,Card:()=>Card,ConsentBannerRejectButton:()=>ConsentBannerRejectButton,CustomizeButton:()=>CustomizeButton,RejectButton:()=>RejectButton,ConsentBannerDescription:()=>ConsentBannerDescription,Footer:()=>Footer,Title:()=>Title,ConsentBannerHeader:()=>ConsentBannerHeader,ConsentBannerAcceptButton:()=>ConsentBannerAcceptButton,Description:()=>Description});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),consent_banner_module_css_namespaceObject=require("@c15t/ui/styles/components/consent-banner.module.css");var consent_banner_module_css_default=__webpack_require__.n(consent_banner_module_css_namespaceObject);const external_react_namespaceObject=require("react"),use_focus_trap_cjs_namespaceObject=require("../../hooks/use-focus-trap.cjs"),use_theme_cjs_namespaceObject=require("../../hooks/use-theme.cjs"),use_translations_cjs_namespaceObject=require("../../hooks/use-translations.cjs"),box_cjs_namespaceObject=require("../shared/primitives/box.cjs"),button_cjs_namespaceObject=require("../shared/primitives/button.cjs"),index_cjs_namespaceObject=require("../shared/primitives/legal-links/index.cjs"),CONSENT_BANNER_TITLE_NAME="ConsentBannerTitle",CONSENT_BANNER_DESCRIPTION_NAME="ConsentBannerDescription",CONSENT_BANNER_FOOTER_NAME="ConsentBannerFooter",CONSENT_BANNER_CARD_NAME="ConsentBannerCard",CONSENT_BANNER_HEADER_NAME="ConsentBannerHeader",CONSENT_BANNER_FOOTER_SUB_GROUP_NAME="ConsentBannerFooterSubGroup",CONSENT_BANNER_REJECT_BUTTON_NAME="ConsentBannerRejectButton",CONSENT_BANNER_CUSTOMIZE_BUTTON_NAME="ConsentBannerCustomizeButton",CONSENT_BANNER_ACCEPT_BUTTON_NAME="ConsentBannerAcceptButton",ConsentBannerTitle=(0,external_react_namespaceObject.forwardRef)(({children:e,...n},t)=>{let{cookieBanner:r}=(0,use_translations_cjs_namespaceObject.useTranslations)();return(0,jsx_runtime_namespaceObject.jsx)(box_cjs_namespaceObject.Box,{ref:t,baseClassName:consent_banner_module_css_default().title,"data-testid":"consent-banner-title",themeKey:"consentBannerTitle",...n,children:e??r.title})});ConsentBannerTitle.displayName="ConsentBannerTitle";const ConsentBannerDescription=(0,external_react_namespaceObject.forwardRef)(({children:e,legalLinks:n,asChild:t,...r},o)=>{let{cookieBanner:s}=(0,use_translations_cjs_namespaceObject.useTranslations)();return t?(0,jsx_runtime_namespaceObject.jsx)(box_cjs_namespaceObject.Box,{ref:o,baseClassName:consent_banner_module_css_default().description,"data-testid":"consent-banner-description",themeKey:"consentBannerDescription",asChild:t,...r,children:e??s.description}):(0,jsx_runtime_namespaceObject.jsxs)(box_cjs_namespaceObject.Box,{ref:o,baseClassName:consent_banner_module_css_default().description,"data-testid":"consent-banner-description",themeKey:"consentBannerDescription",asChild:t,...r,children:[e??s.description,(0,jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.InlineLegalLinks,{links:n,themeKey:"consentBannerDescription",testIdPrefix:"consent-banner-legal-link"})]})});ConsentBannerDescription.displayName="ConsentBannerDescription";const ConsentBannerFooter=(0,external_react_namespaceObject.forwardRef)(({children:e,...n},t)=>(0,jsx_runtime_namespaceObject.jsx)(box_cjs_namespaceObject.Box,{ref:t,baseClassName:consent_banner_module_css_default().footer,"data-testid":"consent-banner-footer",themeKey:"consentBannerFooter",...n,children:e}));ConsentBannerFooter.displayName="ConsentBannerFooter";const ConsentBannerCard=(0,external_react_namespaceObject.forwardRef)(({children:e,...n},t)=>{let{trapFocus:r}=(0,use_theme_cjs_namespaceObject.useTheme)(),o=(0,external_react_namespaceObject.useRef)(null),s=t||o,a=!!r;return(0,use_focus_trap_cjs_namespaceObject.useFocusTrap)(a,s),(0,jsx_runtime_namespaceObject.jsx)(box_cjs_namespaceObject.Box,{ref:s,tabIndex:0,baseClassName:consent_banner_module_css_default().card,"data-testid":"consent-banner-card",themeKey:"consentBannerCard","aria-label":n["aria-label"]||"Consent Banner","aria-modal":a?"true":void 0,role:a?"dialog":void 0,...n,children:e})});ConsentBannerCard.displayName="ConsentBannerCard";const ConsentBannerHeader=(0,external_react_namespaceObject.forwardRef)(({children:e,...n},t)=>(0,jsx_runtime_namespaceObject.jsx)(box_cjs_namespaceObject.Box,{ref:t,baseClassName:consent_banner_module_css_default().header,"data-testid":"consent-banner-header",themeKey:"consentBannerHeader",...n,children:e}));ConsentBannerHeader.displayName="ConsentBannerHeader";const ConsentBannerFooterSubGroup=(0,external_react_namespaceObject.forwardRef)(({children:e,...n},t)=>(0,jsx_runtime_namespaceObject.jsx)(box_cjs_namespaceObject.Box,{ref:t,baseClassName:consent_banner_module_css_default().footerSubGroup,"data-testid":"consent-banner-footer-sub-group",themeKey:"consentBannerFooterSubGroup",...n,children:e}));ConsentBannerFooterSubGroup.displayName="ConsentBannerFooterSubGroup";const ConsentBannerRejectButton=(0,external_react_namespaceObject.forwardRef)(({children:e,...n},t)=>{let{common:r}=(0,use_translations_cjs_namespaceObject.useTranslations)();return(0,jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.ConsentButton,{ref:t,action:"reject-consent","data-testid":"consent-banner-reject-button",closeConsentBanner:!0,...n,children:e??r.rejectAll})});ConsentBannerRejectButton.displayName="ConsentBannerRejectButton";const ConsentBannerCustomizeButton=(0,external_react_namespaceObject.forwardRef)(({children:e,...n},t)=>{let{common:r}=(0,use_translations_cjs_namespaceObject.useTranslations)();return(0,jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.ConsentButton,{ref:t,action:"open-consent-dialog","data-testid":"consent-banner-customize-button",...n,children:e??r.customize})});ConsentBannerCustomizeButton.displayName="ConsentBannerCustomizeButton";const ConsentBannerAcceptButton=(0,external_react_namespaceObject.forwardRef)(({children:e,...n},t)=>{let{common:r}=(0,use_translations_cjs_namespaceObject.useTranslations)(),{noStyle:o}=(0,use_theme_cjs_namespaceObject.useTheme)();return(0,jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.ConsentButton,{ref:t,action:"accept-consent","data-testid":"consent-banner-accept-button",closeConsentBanner:!0,noStyle:o,...n,children:e??r.acceptAll})});ConsentBannerAcceptButton.displayName="ConsentBannerAcceptButton";const Title=ConsentBannerTitle,Description=ConsentBannerDescription,Footer=ConsentBannerFooter,FooterSubGroup=ConsentBannerFooterSubGroup,Card=ConsentBannerCard,Header=ConsentBannerHeader,RejectButton=ConsentBannerRejectButton,CustomizeButton=ConsentBannerCustomizeButton,AcceptButton=ConsentBannerAcceptButton;for(var __rspack_i in exports.AcceptButton=__webpack_exports__.AcceptButton,exports.Card=__webpack_exports__.Card,exports.ConsentBannerAcceptButton=__webpack_exports__.ConsentBannerAcceptButton,exports.ConsentBannerCard=__webpack_exports__.ConsentBannerCard,exports.ConsentBannerCustomizeButton=__webpack_exports__.ConsentBannerCustomizeButton,exports.ConsentBannerDescription=__webpack_exports__.ConsentBannerDescription,exports.ConsentBannerFooter=__webpack_exports__.ConsentBannerFooter,exports.ConsentBannerFooterSubGroup=__webpack_exports__.ConsentBannerFooterSubGroup,exports.ConsentBannerHeader=__webpack_exports__.ConsentBannerHeader,exports.ConsentBannerRejectButton=__webpack_exports__.ConsentBannerRejectButton,exports.ConsentBannerTitle=__webpack_exports__.ConsentBannerTitle,exports.CustomizeButton=__webpack_exports__.CustomizeButton,exports.Description=__webpack_exports__.Description,exports.Footer=__webpack_exports__.Footer,exports.FooterSubGroup=__webpack_exports__.FooterSubGroup,exports.Header=__webpack_exports__.Header,exports.RejectButton=__webpack_exports__.RejectButton,exports.Title=__webpack_exports__.Title,__webpack_exports__)-1===["AcceptButton","Card","ConsentBannerAcceptButton","ConsentBannerCard","ConsentBannerCustomizeButton","ConsentBannerDescription","ConsentBannerFooter","ConsentBannerFooterSubGroup","ConsentBannerHeader","ConsentBannerRejectButton","ConsentBannerTitle","CustomizeButton","Description","Footer","FooterSubGroup","Header","RejectButton","Title"].indexOf(__rspack_i)&&(exports[__rspack_i]=__webpack_exports__[__rspack_i]);Object.defineProperty(exports,"__esModule",{value:!0});

package/dist/components/{cookie-banner → consent-banner}/components.d.ts

@@ -1,28 +1,28 @@
 /**
  * @packageDocumentation
- * Provides the core components for building cookie consent banners.
+ * Provides the core components for building consent banners.
  * Implements accessible, customizable components following GDPR requirements.
  */
 import { type BoxProps } from '../shared/primitives/box';
 import type { ConsentButtonProps } from '../shared/primitives/button.types';
 import type { LegalLinksProps } from '../shared/primitives/legal-links';
 /**
- * Title component for the cookie banner.
+ * Title component for the consent banner.
  *
  * @remarks
- * Provides the main heading for the cookie consent notice.
+ * Provides the main heading for the consent notice.
  * Implements proper heading semantics and supports theming.
  *
  * @example
  * ```tsx
- * <CookieBannerTitle>
+ * <ConsentBannerTitle>
  *   Cookie Preferences
- * </CookieBannerTitle>
+ * </ConsentBannerTitle>
  * ```
  */
-declare const CookieBannerTitle: import("react").ForwardRefExoticComponent<Omit<BoxProps, "themeKey"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const ConsentBannerTitle: import("react").ForwardRefExoticComponent<Omit<BoxProps, "themeKey"> & import("react").RefAttributes<HTMLDivElement>>;
 /**
- * Description component for the cookie banner.
+ * Description component for the consent banner.
  *
  * @remarks
  * Provides explanatory text about cookie usage and privacy policies.
@@ -31,16 +31,16 @@ declare const CookieBannerTitle: import("react").ForwardRefExoticComponent<Omit<
  *
  * @example
  * ```tsx
- * <CookieBannerDescription>
+ * <ConsentBannerDescription>
  *   We use cookies to enhance your browsing experience and analyze our traffic.
- * </CookieBannerDescription>
+ * </ConsentBannerDescription>
  * ```
  */
-declare const CookieBannerDescription: import("react").ForwardRefExoticComponent<Omit<BoxProps, "themeKey"> & {
+declare const ConsentBannerDescription: import("react").ForwardRefExoticComponent<Omit<BoxProps, "themeKey"> & {
     legalLinks?: LegalLinksProps["links"];
 } & import("react").RefAttributes<HTMLDivElement>>;
 /**
- * Footer component for the cookie banner.
+ * Footer component for the consent banner.
  *
  * @remarks
  * Contains action buttons and additional information.
@@ -48,38 +48,38 @@ declare const CookieBannerDescription: import("react").ForwardRefExoticComponent
  *
  * @example
  * ```tsx
- * <CookieBannerFooter>
- *   <CookieBannerRejectButton>Reject All</CookieBannerRejectButton>
- *   <CookieBannerAcceptButton>Accept All</CookieBannerAcceptButton>
- * </CookieBannerFooter>
+ * <ConsentBannerFooter>
+ *   <ConsentBannerRejectButton>Reject All</ConsentBannerRejectButton>
+ *   <ConsentBannerAcceptButton>Accept All</ConsentBannerAcceptButton>
+ * </ConsentBannerFooter>
  * ```
  */
-declare const CookieBannerFooter: import("react").ForwardRefExoticComponent<Omit<BoxProps, "themeKey"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const ConsentBannerFooter: import("react").ForwardRefExoticComponent<Omit<BoxProps, "themeKey"> & import("react").RefAttributes<HTMLDivElement>>;
 /**
- * Card component for the cookie banner.
+ * Card component for the consent banner.
  *
  * @remarks
- * Provides the main container for the cookie notice.
+ * Provides the main container for the consent notice.
  * Implements proper elevation and layout structure.
  *
  * @example
  * ```tsx
- * <CookieBannerCard>
- *   <CookieBannerHeader>
- *     <CookieBannerTitle>Cookie Notice</CookieBannerTitle>
- *   </CookieBannerHeader>
- * </CookieBannerCard>
+ * <ConsentBannerCard>
+ *   <ConsentBannerHeader>
+ *     <ConsentBannerTitle>Cookie Notice</ConsentBannerTitle>
+ *   </ConsentBannerHeader>
+ * </ConsentBannerCard>
  * ```
  */
-declare const CookieBannerCard: import("react").ForwardRefExoticComponent<Omit<BoxProps, "themeKey"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const ConsentBannerCard: import("react").ForwardRefExoticComponent<Omit<BoxProps, "themeKey"> & import("react").RefAttributes<HTMLDivElement>>;
 /**
- * Header component for the cookie banner.
+ * Header component for the consent banner.
  *
  * @remarks
  * Contains the title and description sections.
  * Implements proper spacing and layout for header content.
  */
-declare const CookieBannerHeader: import("react").ForwardRefExoticComponent<Omit<BoxProps, "themeKey"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const ConsentBannerHeader: import("react").ForwardRefExoticComponent<Omit<BoxProps, "themeKey"> & import("react").RefAttributes<HTMLDivElement>>;
 /**
  * Footer sub-group component for organizing related actions.
  *
@@ -87,46 +87,46 @@ declare const CookieBannerHeader: import("react").ForwardRefExoticComponent<Omit
  * Groups related buttons or controls in the footer.
  * Implements proper spacing and alignment for button groups.
  */
-declare const CookieBannerFooterSubGroup: import("react").ForwardRefExoticComponent<Omit<BoxProps, "themeKey"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const ConsentBannerFooterSubGroup: import("react").ForwardRefExoticComponent<Omit<BoxProps, "themeKey"> & import("react").RefAttributes<HTMLDivElement>>;
 /**
  * Button to reject all non-essential cookies.
  *
  * @remarks
- * Implements the reject action for cookie preferences.
+ * Implements the reject action for consent preferences.
  * Provides proper accessibility attributes and keyboard interaction.
  *
  * @example
  * ```tsx
- * <CookieBannerRejectButton>
+ * <ConsentBannerRejectButton>
  *   Reject All Cookies
- * </CookieBannerRejectButton>
+ * </ConsentBannerRejectButton>
  * ```
  */
-declare const CookieBannerRejectButton: import("react").ForwardRefExoticComponent<ConsentButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+declare const ConsentBannerRejectButton: import("react").ForwardRefExoticComponent<ConsentButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
 /**
- * Button to open detailed cookie preferences.
+ * Button to open detailed consent preferences.
  *
  * @remarks
  * Opens the detailed consent management interface.
  * Implements proper focus management and keyboard interaction.
  */
-declare const CookieBannerCustomizeButton: import("react").ForwardRefExoticComponent<ConsentButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+declare const ConsentBannerCustomizeButton: import("react").ForwardRefExoticComponent<ConsentButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
 /**
  * Button to accept all cookies.
  *
  * @remarks
- * Implements the accept action for cookie preferences.
+ * Implements the accept action for consent preferences.
  * Provides proper accessibility attributes and keyboard interaction.
  * Supports theming and style customization.
  *
  * @example
  * ```tsx
- * <CookieBannerAcceptButton>
+ * <ConsentBannerAcceptButton>
  *   Accept All Cookies
- * </CookieBannerAcceptButton>
+ * </ConsentBannerAcceptButton>
  * ```
  */
-declare const CookieBannerAcceptButton: import("react").ForwardRefExoticComponent<ConsentButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+declare const ConsentBannerAcceptButton: import("react").ForwardRefExoticComponent<ConsentButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
 declare const Title: import("react").ForwardRefExoticComponent<Omit<BoxProps, "themeKey"> & import("react").RefAttributes<HTMLDivElement>>;
 declare const Description: import("react").ForwardRefExoticComponent<Omit<BoxProps, "themeKey"> & {
     legalLinks?: LegalLinksProps["links"];
@@ -138,5 +138,5 @@ declare const Header: import("react").ForwardRefExoticComponent<Omit<BoxProps, "
 declare const RejectButton: import("react").ForwardRefExoticComponent<ConsentButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
 declare const CustomizeButton: import("react").ForwardRefExoticComponent<ConsentButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
 declare const AcceptButton: import("react").ForwardRefExoticComponent<ConsentButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
-export { CookieBannerTitle, CookieBannerDescription, CookieBannerFooter, CookieBannerFooterSubGroup, CookieBannerCard, CookieBannerHeader, CookieBannerRejectButton, CookieBannerCustomizeButton, CookieBannerAcceptButton, Title, Description, Footer, FooterSubGroup, Card, Header, RejectButton, CustomizeButton, AcceptButton, };
+export { ConsentBannerTitle, ConsentBannerDescription, ConsentBannerFooter, ConsentBannerFooterSubGroup, ConsentBannerCard, ConsentBannerHeader, ConsentBannerRejectButton, ConsentBannerCustomizeButton, ConsentBannerAcceptButton, Title, Description, Footer, FooterSubGroup, Card, Header, RejectButton, CustomizeButton, AcceptButton, };
 //# sourceMappingURL=components.d.ts.map

package/dist/components/consent-banner/components.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../../src/components/consent-banner/components.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAOH,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAE9D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAC5E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAaxE;;;;;;;;;;;;;GAaG;AACH,QAAA,MAAM,kBAAkB,uHAgBtB,CAAC;AAIH;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,wBAAwB;iBAGf,eAAe,CAAC,OAAO,CAAC;kDAqCrC,CAAC;AAIH;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,mBAAmB,uHAevB,CAAC;AAIH;;;;;;;;;;;;;;;GAeG;AACH,QAAA,MAAM,iBAAiB,uHA2BrB,CAAC;AAIH;;;;;;GAMG;AACH,QAAA,MAAM,mBAAmB,uHAevB,CAAC;AAIH;;;;;;GAMG;AACH,QAAA,MAAM,2BAA2B,uHAe/B,CAAC;AAIH;;;;;;;;;;;;;GAaG;AACH,QAAA,MAAM,yBAAyB,kHAgB7B,CAAC;AAIH;;;;;;GAMG;AACH,QAAA,MAAM,4BAA4B,kHAehC,CAAC;AAIH;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,yBAAyB,kHAkB7B,CAAC;AAIH,QAAA,MAAM,KAAK,uHAAqB,CAAC;AACjC,QAAA,MAAM,WAAW;iBAhRF,eAAe,CAAC,OAAO,CAAC;kDAgRK,CAAC;AAC7C,QAAA,MAAM,MAAM,uHAAsB,CAAC;AACnC,QAAA,MAAM,cAAc,uHAA8B,CAAC;AACnD,QAAA,MAAM,IAAI,uHAAoB,CAAC;AAC/B,QAAA,MAAM,MAAM,uHAAsB,CAAC;AACnC,QAAA,MAAM,YAAY,kHAA4B,CAAC;AAC/C,QAAA,MAAM,eAAe,kHAA+B,CAAC;AACrD,QAAA,MAAM,YAAY,kHAA4B,CAAC;AAE/C,OAAO,EACN,kBAAkB,EAClB,wBAAwB,EACxB,mBAAmB,EACnB,2BAA2B,EAC3B,iBAAiB,EACjB,mBAAmB,EACnB,yBAAyB,EACzB,4BAA4B,EAC5B,yBAAyB,EACzB,KAAK,EACL,WAAW,EACX,MAAM,EACN,cAAc,EACd,IAAI,EACJ,MAAM,EACN,YAAY,EACZ,eAAe,EACf,YAAY,GACZ,CAAC"}

package/dist/components/consent-banner/components.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as n}from"react/jsx-runtime";import t from"@c15t/ui/styles/components/consent-banner.module.css";import{forwardRef as r,useRef as o}from"react";import{useFocusTrap as a}from"../../hooks/use-focus-trap.js";import{useTheme as s}from"../../hooks/use-theme.js";import{useTranslations as i}from"../../hooks/use-translations.js";import{Box as c}from"../shared/primitives/box.js";import{ConsentButton as l}from"../shared/primitives/button.js";import{InlineLegalLinks as d}from"../shared/primitives/legal-links/index.js";let m=r(({children:n,...r},o)=>{let{cookieBanner:a}=i();return e(c,{ref:o,baseClassName:t.title,"data-testid":"consent-banner-title",themeKey:"consentBannerTitle",...r,children:n??a.title})});m.displayName="ConsentBannerTitle";let p=r(({children:r,legalLinks:o,asChild:a,...s},l)=>{let{cookieBanner:m}=i();return a?e(c,{ref:l,baseClassName:t.description,"data-testid":"consent-banner-description",themeKey:"consentBannerDescription",asChild:a,...s,children:r??m.description}):n(c,{ref:l,baseClassName:t.description,"data-testid":"consent-banner-description",themeKey:"consentBannerDescription",asChild:a,...s,children:[r??m.description,e(d,{links:o,themeKey:"consentBannerDescription",testIdPrefix:"consent-banner-legal-link"})]})});p.displayName="ConsentBannerDescription";let u=r(({children:n,...r},o)=>e(c,{ref:o,baseClassName:t.footer,"data-testid":"consent-banner-footer",themeKey:"consentBannerFooter",...r,children:n}));u.displayName="ConsentBannerFooter";let B=r(({children:n,...r},i)=>{let{trapFocus:l}=s(),d=o(null),m=i||d,p=!!l;return a(p,m),e(c,{ref:m,tabIndex:0,baseClassName:t.card,"data-testid":"consent-banner-card",themeKey:"consentBannerCard","aria-label":r["aria-label"]||"Consent Banner","aria-modal":p?"true":void 0,role:p?"dialog":void 0,...r,children:n})});B.displayName="ConsentBannerCard";let C=r(({children:n,...r},o)=>e(c,{ref:o,baseClassName:t.header,"data-testid":"consent-banner-header",themeKey:"consentBannerHeader",...r,children:n}));C.displayName="ConsentBannerHeader";let b=r(({children:n,...r},o)=>e(c,{ref:o,baseClassName:t.footerSubGroup,"data-testid":"consent-banner-footer-sub-group",themeKey:"consentBannerFooterSubGroup",...r,children:n}));b.displayName="ConsentBannerFooterSubGroup";let h=r(({children:n,...t},r)=>{let{common:o}=i();return e(l,{ref:r,action:"reject-consent","data-testid":"consent-banner-reject-button",closeConsentBanner:!0,...t,children:n??o.rejectAll})});h.displayName="ConsentBannerRejectButton";let f=r(({children:n,...t},r)=>{let{common:o}=i();return e(l,{ref:r,action:"open-consent-dialog","data-testid":"consent-banner-customize-button",...t,children:n??o.customize})});f.displayName="ConsentBannerCustomizeButton";let y=r(({children:n,...t},r)=>{let{common:o}=i(),{noStyle:a}=s();return e(l,{ref:r,action:"accept-consent","data-testid":"consent-banner-accept-button",closeConsentBanner:!0,noStyle:a,...t,children:n??o.acceptAll})});y.displayName="ConsentBannerAcceptButton";let N=m,j=p,k=u,F=b,K=B,x=C,D=h,S=f,g=y;export{g as AcceptButton,K as Card,y as ConsentBannerAcceptButton,B as ConsentBannerCard,f as ConsentBannerCustomizeButton,p as ConsentBannerDescription,u as ConsentBannerFooter,b as ConsentBannerFooterSubGroup,C as ConsentBannerHeader,h as ConsentBannerRejectButton,m as ConsentBannerTitle,S as CustomizeButton,j as Description,k as Footer,F as FooterSubGroup,x as Header,D as RejectButton,N as Title};