@c15t/react 2.0.0-rc.6 → 2.0.0-rc.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (47) hide show
  1. package/dist/components/consent-banner/atoms/root.cjs +1 -1
  2. package/dist/components/consent-banner/atoms/root.js +1 -1
  3. package/dist/components/consent-dialog/atoms/root.cjs +1 -1
  4. package/dist/components/consent-dialog/atoms/root.js +1 -1
  5. package/dist/components/consent-widget/atoms/accordion.cjs +1 -1
  6. package/dist/components/consent-widget/atoms/accordion.js +1 -1
  7. package/dist/components/iab-consent-banner/atoms/card.cjs +1 -1
  8. package/dist/components/iab-consent-banner/atoms/card.js +1 -1
  9. package/dist/components/iab-consent-banner/atoms/footer.cjs +1 -1
  10. package/dist/components/iab-consent-banner/atoms/footer.js +1 -1
  11. package/dist/components/iab-consent-banner/atoms/header.cjs +1 -1
  12. package/dist/components/iab-consent-banner/atoms/header.js +1 -1
  13. package/dist/components/iab-consent-banner/atoms/root.cjs +1 -1
  14. package/dist/components/iab-consent-banner/atoms/root.js +1 -1
  15. package/dist/components/iab-consent-dialog/atoms/card.cjs +1 -1
  16. package/dist/components/iab-consent-dialog/atoms/card.js +1 -1
  17. package/dist/components/iab-consent-dialog/atoms/footer.cjs +1 -1
  18. package/dist/components/iab-consent-dialog/atoms/footer.js +1 -1
  19. package/dist/components/iab-consent-dialog/atoms/header.cjs +1 -1
  20. package/dist/components/iab-consent-dialog/atoms/header.js +1 -1
  21. package/dist/components/iab-consent-dialog/atoms/root.cjs +1 -1
  22. package/dist/components/iab-consent-dialog/atoms/root.js +1 -1
  23. package/dist/components/shared/primitives/box.cjs +1 -1
  24. package/dist/components/shared/primitives/box.js +1 -1
  25. package/dist/iab/styles.tw3.css +1 -0
  26. package/dist/styles.tw3.css +1 -0
  27. package/dist/version.cjs +1 -1
  28. package/dist/version.js +1 -1
  29. package/dist-types/components/consent-banner/atoms/root.d.ts +43 -12
  30. package/dist-types/components/consent-banner/index.d.ts +44 -24
  31. package/dist-types/components/consent-dialog/index.d.ts +29 -8
  32. package/dist-types/components/consent-preferences-link/consent-preferences-link.d.ts +0 -1
  33. package/dist-types/components/consent-widget/atoms/accordion.d.ts +4 -3
  34. package/dist-types/components/consent-widget/index.d.ts +23 -6
  35. package/dist-types/version.d.ts +1 -1
  36. package/docs/building-headless-components.md +3 -0
  37. package/docs/components/consent-banner.md +68 -18
  38. package/docs/components/consent-dialog.md +31 -2
  39. package/docs/components/consent-widget.md +31 -2
  40. package/docs/headless.md +13 -7
  41. package/docs/styling/classnames.md +17 -9
  42. package/docs/styling/overview.md +166 -29
  43. package/docs/styling/slots.md +37 -7
  44. package/docs/styling/tailwind.md +12 -20
  45. package/package.json +6 -2
  46. package/src/iab/styles.tw3.css +10 -0
  47. package/src/styles.tw3.css +10 -0
@@ -1 +1 @@
1
- "use strict";const __rslib_import_meta_url__="u"<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=>{"u">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_js_namespaceObject=require("@c15t/ui/styles/components/consent-banner.module.js");var consent_banner_module_js_default=__webpack_require__.n(consent_banner_module_js_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})=>{let{policyBanner:u}=(0,use_consent_manager_cjs_namespaceObject.useConsentManager)(),l={disableAnimation:_,noStyle:n,scrollLock:a??u.scrollLock??void 0,trapFocus:r};return(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:l,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:l,translationConfig:i,model:m}=(0,use_consent_manager_cjs_namespaceObject.useConsentManager)(),p=(0,use_text_direction_cjs_namespaceObject.useTextDirection)(i.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"===l&&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_js_default().root,"ltr"===p?consent_banner_module_js_default().bottomLeft:consent_banner_module_js_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 C=c?y.className||"":`${y.className||""} ${b?consent_banner_module_js_default().bannerVisible:consent_banner_module_js_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:C,"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});
1
+ "use strict";const __rslib_import_meta_url__="u"<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=>{"u">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_js_namespaceObject=require("@c15t/ui/styles/components/consent-banner.module.js");var consent_banner_module_js_default=__webpack_require__.n(consent_banner_module_js_namespaceObject);const utils_namespaceObject=require("@c15t/ui/utils"),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:a,scrollLock:_,trapFocus:r=!0,models:c,uiSource:s,...o})=>{let{policyBanner:u}=(0,use_consent_manager_cjs_namespaceObject.useConsentManager)(),l={disableAnimation:a,noStyle:n,scrollLock:_??u.scrollLock??void 0,trapFocus:r};return(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:l,children:(0,jsx_runtime_namespaceObject.jsx)(ConsentBannerRootChildren,{disableAnimation:a,className:t,noStyle:n,models:c,...o,children:e})})})},ConsentBannerRootChildren=(0,external_react_namespaceObject.forwardRef)(({asChild:e,children:t,className:n,style:a,className:_,disableAnimation:r,noStyle:c,models:s=["opt-in"],...o},u)=>{let{activeUI:l,translationConfig:i,model:m}=(0,use_consent_manager_cjs_namespaceObject.useConsentManager)(),p=(0,use_text_direction_cjs_namespaceObject.useTextDirection)(i.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"===l&&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_js_default().root,"ltr"===p?consent_banner_module_js_default().bottomLeft:consent_banner_module_js_default().bottomRight],style:a,className:n||_,noStyle:c}),[q,w]=(0,external_react_namespaceObject.useState)(!1);if((0,external_react_namespaceObject.useEffect)(()=>{w(!0)},[]),!q)return null;let C=c?y.className||"":`${y.className||""} ${b?consent_banner_module_js_default().bannerVisible:consent_banner_module_js_default().bannerHidden}`,R=(0,utils_namespaceObject.sanitizeDOMStyleProps)(y);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,...R,className:C,"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});
@@ -1 +1 @@
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.js";import{forwardRef as r,useEffect as s,useState as l}from"react";import{createPortal as a}from"react-dom";import{ConsentTrackingContext as i}from"../../../context/consent-tracking-context.js";import{LocalThemeContext as m}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:l=!0,models:a,uiSource:u,...d})=>{let{policyBanner:f}=c(),p={disableAnimation:r,noStyle:n,scrollLock:s??f.scrollLock??void 0,trapFocus:l};return t(i.Provider,{value:{uiSource:u??"banner"},children:t(m.Provider,{value:p,children:t(b,{disableAnimation:r,className:o,noStyle:n,models:a,...d,children:e})})})},b=r(({asChild:r,children:i,className:m,style:p,className:b,disableAnimation:h,noStyle:y,models:N=["opt-in"],...j},g)=>{let{activeUI:v,translationConfig:x,model:k}=c(),C=d(x.defaultLanguage),[L,R]=l(!1),[T,B]=l(!1),[P,S]=l(200),V="banner"===v&&N.includes(k);s(()=>{S(Number.parseInt(getComputedStyle(document.documentElement).getPropertyValue("--consent-banner-animation-duration")||"200",10))},[]),s(()=>{if(V)if(T)R(!0);else{let e=setTimeout(()=>{R(!0),B(!0)},10);return()=>clearTimeout(e)}else if(B(!1),h)R(!1);else{let e=setTimeout(()=>{R(!1)},P);return()=>clearTimeout(e)}},[V,h,T,P]);let $=u("consentBanner",{baseClassName:[n.root,"ltr"===C?n.bottomLeft:n.bottomRight],style:p,className:m||b,noStyle:y}),[A,E]=l(!1);if(s(()=>{E(!0)},[]),!A)return null;let H=y?$.className||"":`${$.className||""} ${L?n.bannerVisible:n.bannerHidden}`;return V?a(o(e,{children:[t(f,{}),t("div",{ref:g,...j,...$,className:H,"data-testid":"consent-banner-root",dir:C,children:i})]}),document.body):null});b.displayName="ConsentBannerRootChildren";let h=p;export{p as ConsentBannerRoot,h as Root};
1
+ import{Fragment as e,jsx as t,jsxs as o}from"react/jsx-runtime";import r from"@c15t/ui/styles/components/consent-banner.module.js";import{sanitizeDOMStyleProps as n}from"@c15t/ui/utils";import{forwardRef as s,useEffect as l,useState as i}from"react";import{createPortal as m}from"react-dom";import{ConsentTrackingContext as a}from"../../../context/consent-tracking-context.js";import{LocalThemeContext as c}from"../../../context/theme-context.js";import{useConsentManager as u}from"../../../hooks/use-consent-manager.js";import{useStyles as d}from"../../../hooks/use-styles.js";import{useTextDirection as f}from"../../../hooks/use-text-direction.js";import{Overlay as p}from"./overlay.js";let b=({children:e,className:o,noStyle:r,disableAnimation:n,scrollLock:s,trapFocus:l=!0,models:i,uiSource:m,...d})=>{let{policyBanner:f}=u(),p={disableAnimation:n,noStyle:r,scrollLock:s??f.scrollLock??void 0,trapFocus:l};return t(a.Provider,{value:{uiSource:m??"banner"},children:t(c.Provider,{value:p,children:t(h,{disableAnimation:n,className:o,noStyle:r,models:i,...d,children:e})})})},h=s(({asChild:s,children:a,className:c,style:b,className:h,disableAnimation:y,noStyle:N,models:j=["opt-in"],...g},v)=>{let{activeUI:x,translationConfig:k,model:C}=u(),L=f(k.defaultLanguage),[R,T]=i(!1),[B,P]=i(!1),[S,V]=i(200),$="banner"===x&&j.includes(C);l(()=>{V(Number.parseInt(getComputedStyle(document.documentElement).getPropertyValue("--consent-banner-animation-duration")||"200",10))},[]),l(()=>{if($)if(B)T(!0);else{let e=setTimeout(()=>{T(!0),P(!0)},10);return()=>clearTimeout(e)}else if(P(!1),y)T(!1);else{let e=setTimeout(()=>{T(!1)},S);return()=>clearTimeout(e)}},[$,y,B,S]);let A=d("consentBanner",{baseClassName:[r.root,"ltr"===L?r.bottomLeft:r.bottomRight],style:b,className:c||h,noStyle:N}),[E,H]=i(!1);if(l(()=>{H(!0)},[]),!E)return null;let I=N?A.className||"":`${A.className||""} ${R?r.bannerVisible:r.bannerHidden}`,q=n(A);return $?m(o(e,{children:[t(p,{}),t("div",{ref:v,...g,...q,className:I,"data-testid":"consent-banner-root",dir:L,children:a})]}),document.body):null});h.displayName="ConsentBannerRootChildren";let y=b;export{b as ConsentBannerRoot,y as Root};
@@ -1 +1 @@
1
- "use strict";const __rslib_import_meta_url__="u"<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 _ in t)__webpack_require__.o(t,_)&&!__webpack_require__.o(e,_)&&Object.defineProperty(e,_,{enumerable:!0,get:t[_]})},__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),__webpack_require__.r=e=>{"u">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__,{ConsentDialogRoot:()=>ConsentDialogRoot,Root:()=>Root});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),consent_dialog_module_js_namespaceObject=require("@c15t/ui/styles/components/consent-dialog.module.js");var consent_dialog_module_js_default=__webpack_require__.n(consent_dialog_module_js_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"),index_cjs_namespaceObject=require("../../../hooks/index.cjs"),use_consent_manager_cjs_namespaceObject=require("../../../hooks/use-consent-manager.cjs"),use_focus_trap_cjs_namespaceObject=require("../../../hooks/use-focus-trap.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"),external_overlay_cjs_namespaceObject=require("./overlay.cjs"),ConsentDialogRoot=({children:e,open:t,models:_=["opt-in","opt-out"],noStyle:c,disableAnimation:a,scrollLock:s,trapFocus:o=!0,overlay:n,uiSource:r,className:l,style:i,...u})=>{let m=(0,use_theme_cjs_namespaceObject.useTheme)(),j=a??m.disableAnimation??!1,p=c??m.noStyle??!1,{activeUI:d,translationConfig:b,model:x,policyDialog:O}=(0,use_consent_manager_cjs_namespaceObject.useConsentManager)(),g=s??O.scrollLock??!0,k=o??m.trapFocus??!0,f=(0,index_cjs_namespaceObject.useTextDirection)(b.defaultLanguage),q=_.includes(x)&&(t??"dialog"===d),[h,y]=(0,external_react_namespaceObject.useState)(!1),v=(0,external_react_namespaceObject.useRef)(null),w=(0,external_react_namespaceObject.useRef)(null),[R,S]=(0,external_react_namespaceObject.useState)(!1);(0,external_react_namespaceObject.useEffect)(()=>{S(!0)},[]);let C=m.theme?.motion?.duration?.normal;(0,external_react_namespaceObject.useEffect)(()=>{if(q)y(!0);else if(j)y(!1);else{let e=setTimeout(()=>y(!1),Number.parseInt((C||"200ms").replace("ms",""),10));return()=>clearTimeout(e)}},[q,j,C]),(0,use_focus_trap_cjs_namespaceObject.useFocusTrap)(q&&k,v),(0,use_scroll_lock_cjs_namespaceObject.useScrollLock)(q&&g);let D=(0,cn_cjs_namespaceObject.cnExt)(consent_dialog_module_js_default().root,!j&&(h?consent_dialog_module_js_default().dialogVisible:consent_dialog_module_js_default().dialogHidden),l),T=(0,use_styles_cjs_namespaceObject.useStyles)("consentDialog",{baseClassName:void 0,className:D,style:i,noStyle:p}),P={disableAnimation:j,noStyle:p,scrollLock:g,trapFocus:k,theme:m.theme},L=(0,jsx_runtime_namespaceObject.jsx)(consent_tracking_context_cjs_namespaceObject.ConsentTrackingContext.Provider,{value:{uiSource:r??"dialog"},children:(0,jsx_runtime_namespaceObject.jsx)(theme_context_cjs_namespaceObject.LocalThemeContext.Provider,{value:P,children:q&&(0,jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment,{children:[!1===n?null:n??(0,jsx_runtime_namespaceObject.jsx)(external_overlay_cjs_namespaceObject.Overlay,{}),(0,jsx_runtime_namespaceObject.jsx)("dialog",{ref:v,...u,...T,className:T.className,"aria-labelledby":"consent-dialog-title",tabIndex:-1,dir:f,"data-testid":"consent-dialog-root",open:!0,children:(0,jsx_runtime_namespaceObject.jsx)("div",{ref:w,className:p?void 0:(0,cn_cjs_namespaceObject.cnExt)(consent_dialog_module_js_default().container,j?void 0:h?consent_dialog_module_js_default().contentVisible:consent_dialog_module_js_default().contentHidden),children:e})})]})})});return R?(0,external_react_dom_namespaceObject.createPortal)(L,document.body):null},Root=ConsentDialogRoot;for(var __rspack_i in exports.ConsentDialogRoot=__webpack_exports__.ConsentDialogRoot,exports.Root=__webpack_exports__.Root,__webpack_exports__)-1===["ConsentDialogRoot","Root"].indexOf(__rspack_i)&&(exports[__rspack_i]=__webpack_exports__[__rspack_i]);Object.defineProperty(exports,"__esModule",{value:!0});
1
+ "use strict";const __rslib_import_meta_url__="u"<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 _ in t)__webpack_require__.o(t,_)&&!__webpack_require__.o(e,_)&&Object.defineProperty(e,_,{enumerable:!0,get:t[_]})},__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),__webpack_require__.r=e=>{"u">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__,{ConsentDialogRoot:()=>ConsentDialogRoot,Root:()=>Root});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),consent_dialog_module_js_namespaceObject=require("@c15t/ui/styles/components/consent-dialog.module.js");var consent_dialog_module_js_default=__webpack_require__.n(consent_dialog_module_js_namespaceObject);const utils_namespaceObject=require("@c15t/ui/utils"),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"),index_cjs_namespaceObject=require("../../../hooks/index.cjs"),use_consent_manager_cjs_namespaceObject=require("../../../hooks/use-consent-manager.cjs"),use_focus_trap_cjs_namespaceObject=require("../../../hooks/use-focus-trap.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"),external_overlay_cjs_namespaceObject=require("./overlay.cjs"),ConsentDialogRoot=({children:e,open:t,models:_=["opt-in","opt-out"],noStyle:c,disableAnimation:a,scrollLock:s,trapFocus:n=!0,overlay:o,uiSource:r,className:l,style:i,...u})=>{let m=(0,use_theme_cjs_namespaceObject.useTheme)(),j=a??m.disableAnimation??!1,p=c??m.noStyle??!1,{activeUI:d,translationConfig:b,model:x,policyDialog:O}=(0,use_consent_manager_cjs_namespaceObject.useConsentManager)(),g=s??O.scrollLock??!0,k=n??m.trapFocus??!0,f=(0,index_cjs_namespaceObject.useTextDirection)(b.defaultLanguage),q=_.includes(x)&&(t??"dialog"===d),[y,h]=(0,external_react_namespaceObject.useState)(!1),v=(0,external_react_namespaceObject.useRef)(null),w=(0,external_react_namespaceObject.useRef)(null),[R,S]=(0,external_react_namespaceObject.useState)(!1);(0,external_react_namespaceObject.useEffect)(()=>{S(!0)},[]);let C=m.theme?.motion?.duration?.normal;(0,external_react_namespaceObject.useEffect)(()=>{if(q)h(!0);else if(j)h(!1);else{let e=setTimeout(()=>h(!1),Number.parseInt((C||"200ms").replace("ms",""),10));return()=>clearTimeout(e)}},[q,j,C]),(0,use_focus_trap_cjs_namespaceObject.useFocusTrap)(q&&k,v),(0,use_scroll_lock_cjs_namespaceObject.useScrollLock)(q&&g);let D=(0,cn_cjs_namespaceObject.cnExt)(consent_dialog_module_js_default().root,!j&&(y?consent_dialog_module_js_default().dialogVisible:consent_dialog_module_js_default().dialogHidden),l),P=(0,use_styles_cjs_namespaceObject.useStyles)("consentDialog",{baseClassName:void 0,className:D,style:i,noStyle:p}),T=(0,utils_namespaceObject.sanitizeDOMStyleProps)(P),L={disableAnimation:j,noStyle:p,scrollLock:g,trapFocus:k,theme:m.theme},M=(0,jsx_runtime_namespaceObject.jsx)(consent_tracking_context_cjs_namespaceObject.ConsentTrackingContext.Provider,{value:{uiSource:r??"dialog"},children:(0,jsx_runtime_namespaceObject.jsx)(theme_context_cjs_namespaceObject.LocalThemeContext.Provider,{value:L,children:q&&(0,jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment,{children:[!1===o?null:o??(0,jsx_runtime_namespaceObject.jsx)(external_overlay_cjs_namespaceObject.Overlay,{}),(0,jsx_runtime_namespaceObject.jsx)("dialog",{ref:v,...u,...T,className:P.className,"aria-labelledby":"consent-dialog-title",tabIndex:-1,dir:f,"data-testid":"consent-dialog-root",open:!0,children:(0,jsx_runtime_namespaceObject.jsx)("div",{ref:w,className:p?void 0:(0,cn_cjs_namespaceObject.cnExt)(consent_dialog_module_js_default().container,j?void 0:y?consent_dialog_module_js_default().contentVisible:consent_dialog_module_js_default().contentHidden),children:e})})]})})});return R?(0,external_react_dom_namespaceObject.createPortal)(M,document.body):null},Root=ConsentDialogRoot;for(var __rspack_i in exports.ConsentDialogRoot=__webpack_exports__.ConsentDialogRoot,exports.Root=__webpack_exports__.Root,__webpack_exports__)-1===["ConsentDialogRoot","Root"].indexOf(__rspack_i)&&(exports[__rspack_i]=__webpack_exports__[__rspack_i]);Object.defineProperty(exports,"__esModule",{value:!0});
@@ -1 +1 @@
1
- import{Fragment as o,jsx as e,jsxs as t}from"react/jsx-runtime";import r from"@c15t/ui/styles/components/consent-dialog.module.js";import{useEffect as i,useRef as s,useState as l}from"react";import{createPortal as n}from"react-dom";import{ConsentTrackingContext as m}from"../../../context/consent-tracking-context.js";import{LocalThemeContext as a}from"../../../context/theme-context.js";import{useTextDirection as c}from"../../../hooks/index.js";import{useConsentManager as d}from"../../../hooks/use-consent-manager.js";import{useFocusTrap as u}from"../../../hooks/use-focus-trap.js";import{useScrollLock as p}from"../../../hooks/use-scroll-lock.js";import{useStyles as f}from"../../../hooks/use-styles.js";import{useTheme as h}from"../../../hooks/use-theme.js";import{cnExt as g}from"../../../utils/cn.js";import{Overlay as j}from"./overlay.js";let b=({children:b,open:k,models:v=["opt-in","opt-out"],noStyle:x,disableAnimation:y,scrollLock:N,trapFocus:L=!0,overlay:S,uiSource:A,className:C,style:D,...F})=>{let H=h(),I=y??H.disableAnimation??!1,P=x??H.noStyle??!1,{activeUI:R,translationConfig:T,model:V,policyDialog:q}=d(),w=N??q.scrollLock??!0,z=L??H.trapFocus??!0,B=c(T.defaultLanguage),E=v.includes(V)&&(k??"dialog"===R),[G,J]=l(!1),K=s(null),M=s(null),[O,Q]=l(!1);i(()=>{Q(!0)},[]);let U=H.theme?.motion?.duration?.normal;i(()=>{if(E)J(!0);else if(I)J(!1);else{let o=setTimeout(()=>J(!1),Number.parseInt((U||"200ms").replace("ms",""),10));return()=>clearTimeout(o)}},[E,I,U]),u(E&&z,K),p(E&&w);let W=f("consentDialog",{baseClassName:void 0,className:g(r.root,!I&&(G?r.dialogVisible:r.dialogHidden),C),style:D,noStyle:P}),X={disableAnimation:I,noStyle:P,scrollLock:w,trapFocus:z,theme:H.theme},Y=e(m.Provider,{value:{uiSource:A??"dialog"},children:e(a.Provider,{value:X,children:E&&t(o,{children:[!1===S?null:S??e(j,{}),e("dialog",{ref:K,...F,...W,className:W.className,"aria-labelledby":"consent-dialog-title",tabIndex:-1,dir:B,"data-testid":"consent-dialog-root",open:!0,children:e("div",{ref:M,className:P?void 0:g(r.container,I?void 0:G?r.contentVisible:r.contentHidden),children:b})})]})})});return O?n(Y,document.body):null},k=b;export{b as ConsentDialogRoot,k as Root};
1
+ import{Fragment as o,jsx as e,jsxs as t}from"react/jsx-runtime";import r from"@c15t/ui/styles/components/consent-dialog.module.js";import{sanitizeDOMStyleProps as i}from"@c15t/ui/utils";import{useEffect as s,useRef as l,useState as n}from"react";import{createPortal as m}from"react-dom";import{ConsentTrackingContext as a}from"../../../context/consent-tracking-context.js";import{LocalThemeContext as c}from"../../../context/theme-context.js";import{useTextDirection as d}from"../../../hooks/index.js";import{useConsentManager as u}from"../../../hooks/use-consent-manager.js";import{useFocusTrap as p}from"../../../hooks/use-focus-trap.js";import{useScrollLock as f}from"../../../hooks/use-scroll-lock.js";import{useStyles as h}from"../../../hooks/use-styles.js";import{useTheme as g}from"../../../hooks/use-theme.js";import{cnExt as j}from"../../../utils/cn.js";import{Overlay as b}from"./overlay.js";let k=({children:k,open:v,models:x=["opt-in","opt-out"],noStyle:y,disableAnimation:N,scrollLock:L,trapFocus:S=!0,overlay:A,uiSource:C,className:D,style:F,...H})=>{let I=g(),P=N??I.disableAnimation??!1,R=y??I.noStyle??!1,{activeUI:T,translationConfig:V,model:q,policyDialog:w}=u(),z=L??w.scrollLock??!0,B=S??I.trapFocus??!0,E=d(V.defaultLanguage),G=x.includes(q)&&(v??"dialog"===T),[J,K]=n(!1),M=l(null),O=l(null),[Q,U]=n(!1);s(()=>{U(!0)},[]);let W=I.theme?.motion?.duration?.normal;s(()=>{if(G)K(!0);else if(P)K(!1);else{let o=setTimeout(()=>K(!1),Number.parseInt((W||"200ms").replace("ms",""),10));return()=>clearTimeout(o)}},[G,P,W]),p(G&&B,M),f(G&&z);let X=h("consentDialog",{baseClassName:void 0,className:j(r.root,!P&&(J?r.dialogVisible:r.dialogHidden),D),style:F,noStyle:R}),Y=i(X),Z={disableAnimation:P,noStyle:R,scrollLock:z,trapFocus:B,theme:I.theme},$=e(a.Provider,{value:{uiSource:C??"dialog"},children:e(c.Provider,{value:Z,children:G&&t(o,{children:[!1===A?null:A??e(b,{}),e("dialog",{ref:M,...H,...Y,className:X.className,"aria-labelledby":"consent-dialog-title",tabIndex:-1,dir:E,"data-testid":"consent-dialog-root",open:!0,children:e("div",{ref:O,className:R?void 0:j(r.container,P?void 0:J?r.contentVisible:r.contentHidden),children:k})})]})})});return Q?m($,document.body):null},v=k;export{k as ConsentDialogRoot,v as Root};
@@ -1 +1 @@
1
- "use strict";const __rslib_import_meta_url__="u"<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=>{"u">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__,{ConsentWidgetAccordion:()=>ConsentWidgetAccordion,AccordionItem:()=>AccordionItem,ConsentWidgetAccordionTriggerInner:()=>ConsentWidgetAccordionTriggerInner,AccordionContent:()=>AccordionContent,ConsentWidgetAccordionArrow:()=>ConsentWidgetAccordionArrow,ConsentWidgetSwitch:()=>ConsentWidgetSwitch,ConsentWidgetAccordionTrigger:()=>ConsentWidgetAccordionTrigger,Switch:()=>Switch,ConsentWidgetAccordionContent:()=>ConsentWidgetAccordionContent,AccordionItems:()=>AccordionItems,AccordionTriggerInner:()=>AccordionTriggerInner,ConsentWidgetAccordionItem:()=>ConsentWidgetAccordionItem,ConsentWidgetAccordionItems:()=>ConsentWidgetAccordionItems,AccordionArrow:()=>AccordionArrow,AccordionTrigger:()=>AccordionTrigger,Accordion:()=>Accordion});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),consent_widget_module_js_namespaceObject=require("@c15t/ui/styles/components/consent-widget.module.js");var consent_widget_module_js_default=__webpack_require__.n(consent_widget_module_js_namespaceObject);const external_react_namespaceObject=require("react"),box_cjs_namespaceObject=require("../../shared/primitives/box.cjs"),icon_cjs_namespaceObject=require("../../shared/ui/icon.cjs"),index_cjs_namespaceObject=require("../../shared/ui/preference-item/index.cjs"),switch_index_cjs_namespaceObject=require("../../shared/ui/switch/index.cjs"),use_consent_manager_cjs_namespaceObject=require("../../../hooks/use-consent-manager.cjs"),use_translations_cjs_namespaceObject=require("../../../hooks/use-translations.cjs"),ConsentWidgetAccordionContext=(0,external_react_namespaceObject.createContext)(null);function useConsentWidgetAccordionContext(){let e=(0,external_react_namespaceObject.useContext)(ConsentWidgetAccordionContext);if(!e)throw Error("ConsentWidgetAccordion components must be used within ConsentWidgetAccordion");return e}const ConsentWidgetAccordionTrigger=(0,external_react_namespaceObject.forwardRef)(({children:e,...n},t)=>(0,jsx_runtime_namespaceObject.jsx)(box_cjs_namespaceObject.Box,{ref:t,baseClassName:consent_widget_module_js_default().accordionTrigger,...n,children:e})),ConsentWidgetAccordionTriggerInner=index_cjs_namespaceObject.Trigger,ConsentWidgetAccordionContent=index_cjs_namespaceObject.Content,ConsentWidgetAccordionArrow=index_cjs_namespaceObject.Leading,ConsentWidgetSwitch=switch_index_cjs_namespaceObject.Root,ConsentWidgetAccordion=({children:e,onValueChange:n,type:t="multiple",value:o})=>{let c=Array.isArray(o)?o:o?[o]:[],r=(0,external_react_namespaceObject.useCallback)((e,o)=>{if("single"===t)return void n?.(o?e:"");let r=o?[...new Set([...c,e])]:c.filter(n=>n!==e);n?.(r)},[n,c,t]);return(0,jsx_runtime_namespaceObject.jsx)(ConsentWidgetAccordionContext.Provider,{value:{onToggleItem:r,openValues:c},children:(0,jsx_runtime_namespaceObject.jsx)("div",{className:consent_widget_module_js_default().accordionList,children:e})})},ConsentWidgetAccordionItems=()=>{let{selectedConsents:e,setSelectedConsent:n,getDisplayedConsents:t}=(0,use_consent_manager_cjs_namespaceObject.useConsentManager)(),{onToggleItem:o,openValues:c}=useConsentWidgetAccordionContext(),r=(0,external_react_namespaceObject.useCallback)((e,t)=>{n(e,t)},[n]);function i(e){return e.replace(/_/g," ").replace(/\b\w/g,e=>e.toUpperCase())}let{consentTypes:s}=(0,use_translations_cjs_namespaceObject.useTranslations)();return t().map(n=>{let t;return(0,jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Root,{className:consent_widget_module_js_default().accordionItem,"data-testid":`consent-widget-accordion-item-${n.name}`,noStyle:!0,onOpenChange:e=>o(n.name,e),open:c.includes(n.name),children:[(0,jsx_runtime_namespaceObject.jsxs)(ConsentWidgetAccordionTrigger,{"data-testid":`consent-widget-accordion-trigger-${n.name}`,children:[(0,jsx_runtime_namespaceObject.jsxs)(ConsentWidgetAccordionTriggerInner,{className:consent_widget_module_js_default().accordionTriggerInner,"data-testid":`consent-widget-accordion-trigger-inner-${n.name}`,noStyle:!0,children:[(t=(0,icon_cjs_namespaceObject.LucideIcon)({title:c.includes(n.name)?"Close":"Open",iconPath:c.includes(n.name)?(0,jsx_runtime_namespaceObject.jsx)("path",{d:"M5 12h14"}):(0,jsx_runtime_namespaceObject.jsx)("path",{d:"M5 12h14M12 5v14"})}),(0,jsx_runtime_namespaceObject.jsx)(ConsentWidgetAccordionArrow,{className:consent_widget_module_js_default().accordionArrow,"data-testid":`consent-widget-accordion-arrow-${n.name}`,noStyle:!0,children:(0,jsx_runtime_namespaceObject.jsx)(t,{className:consent_widget_module_js_default().accordionArrowIcon})})),(0,jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.Header,{noStyle:!0,children:(0,jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.Title,{className:consent_widget_module_js_default().accordionTitle,noStyle:!0,children:s[n.name]?.title??i(n.name)})})]}),(0,jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.Control,{className:consent_widget_module_js_default().switch,noStyle:!0,children:(0,jsx_runtime_namespaceObject.jsx)(ConsentWidgetSwitch,{"aria-label":s[n.name]?.title??i(n.name),checked:e[n.name],onCheckedChange:e=>r(n.name,e),disabled:n.disabled,size:"small","data-testid":`consent-widget-switch-${n.name}`})})]}),(0,jsx_runtime_namespaceObject.jsx)(ConsentWidgetAccordionContent,{className:consent_widget_module_js_default().accordionContent,"data-testid":`consent-widget-accordion-content-${n.name}`,children:s[n.name]?.description??n.description})]},n.name)})},ConsentWidgetAccordionItem=(0,external_react_namespaceObject.forwardRef)(({className:e,...n},t)=>(0,jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.Root,{ref:t,className:[consent_widget_module_js_default().accordionItem,e].filter(Boolean).join(" "),noStyle:!0,...n})),AccordionTriggerInner=ConsentWidgetAccordionTriggerInner,AccordionTrigger=ConsentWidgetAccordionTrigger,AccordionContent=ConsentWidgetAccordionContent,AccordionArrow=ConsentWidgetAccordionArrow,Accordion=ConsentWidgetAccordion,Switch=ConsentWidgetSwitch,AccordionItems=ConsentWidgetAccordionItems,AccordionItem=ConsentWidgetAccordionItem;for(var __rspack_i in exports.Accordion=__webpack_exports__.Accordion,exports.AccordionArrow=__webpack_exports__.AccordionArrow,exports.AccordionContent=__webpack_exports__.AccordionContent,exports.AccordionItem=__webpack_exports__.AccordionItem,exports.AccordionItems=__webpack_exports__.AccordionItems,exports.AccordionTrigger=__webpack_exports__.AccordionTrigger,exports.AccordionTriggerInner=__webpack_exports__.AccordionTriggerInner,exports.ConsentWidgetAccordion=__webpack_exports__.ConsentWidgetAccordion,exports.ConsentWidgetAccordionArrow=__webpack_exports__.ConsentWidgetAccordionArrow,exports.ConsentWidgetAccordionContent=__webpack_exports__.ConsentWidgetAccordionContent,exports.ConsentWidgetAccordionItem=__webpack_exports__.ConsentWidgetAccordionItem,exports.ConsentWidgetAccordionItems=__webpack_exports__.ConsentWidgetAccordionItems,exports.ConsentWidgetAccordionTrigger=__webpack_exports__.ConsentWidgetAccordionTrigger,exports.ConsentWidgetAccordionTriggerInner=__webpack_exports__.ConsentWidgetAccordionTriggerInner,exports.ConsentWidgetSwitch=__webpack_exports__.ConsentWidgetSwitch,exports.Switch=__webpack_exports__.Switch,__webpack_exports__)-1===["Accordion","AccordionArrow","AccordionContent","AccordionItem","AccordionItems","AccordionTrigger","AccordionTriggerInner","ConsentWidgetAccordion","ConsentWidgetAccordionArrow","ConsentWidgetAccordionContent","ConsentWidgetAccordionItem","ConsentWidgetAccordionItems","ConsentWidgetAccordionTrigger","ConsentWidgetAccordionTriggerInner","ConsentWidgetSwitch","Switch"].indexOf(__rspack_i)&&(exports[__rspack_i]=__webpack_exports__[__rspack_i]);Object.defineProperty(exports,"__esModule",{value:!0});
1
+ "use strict";const __rslib_import_meta_url__="u"<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=>{"u">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__,{ConsentWidgetAccordion:()=>ConsentWidgetAccordion,AccordionItem:()=>AccordionItem,ConsentWidgetAccordionTriggerInner:()=>ConsentWidgetAccordionTriggerInner,AccordionContent:()=>AccordionContent,ConsentWidgetAccordionArrow:()=>ConsentWidgetAccordionArrow,ConsentWidgetSwitch:()=>ConsentWidgetSwitch,ConsentWidgetAccordionTrigger:()=>ConsentWidgetAccordionTrigger,Switch:()=>Switch,ConsentWidgetAccordionContent:()=>ConsentWidgetAccordionContent,AccordionItems:()=>AccordionItems,AccordionTriggerInner:()=>AccordionTriggerInner,ConsentWidgetAccordionItem:()=>ConsentWidgetAccordionItem,ConsentWidgetAccordionItems:()=>ConsentWidgetAccordionItems,AccordionArrow:()=>AccordionArrow,AccordionTrigger:()=>AccordionTrigger,Accordion:()=>Accordion});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),consent_widget_module_js_namespaceObject=require("@c15t/ui/styles/components/consent-widget.module.js");var consent_widget_module_js_default=__webpack_require__.n(consent_widget_module_js_namespaceObject);const external_react_namespaceObject=require("react"),box_cjs_namespaceObject=require("../../shared/primitives/box.cjs"),icon_cjs_namespaceObject=require("../../shared/ui/icon.cjs"),index_cjs_namespaceObject=require("../../shared/ui/preference-item/index.cjs"),switch_index_cjs_namespaceObject=require("../../shared/ui/switch/index.cjs"),use_consent_manager_cjs_namespaceObject=require("../../../hooks/use-consent-manager.cjs"),use_translations_cjs_namespaceObject=require("../../../hooks/use-translations.cjs"),ConsentWidgetAccordionContext=(0,external_react_namespaceObject.createContext)(null);function useConsentWidgetAccordionContext(){let e=(0,external_react_namespaceObject.useContext)(ConsentWidgetAccordionContext);if(!e)throw Error("ConsentWidgetAccordion components must be used within ConsentWidgetAccordion");return e}const ConsentWidgetAccordionTrigger=(0,external_react_namespaceObject.forwardRef)(({children:e,...n},t)=>(0,jsx_runtime_namespaceObject.jsx)(box_cjs_namespaceObject.Box,{ref:t,baseClassName:consent_widget_module_js_default().accordionTrigger,...n,children:e})),ConsentWidgetAccordionTriggerInner=index_cjs_namespaceObject.Trigger,ConsentWidgetAccordionContent=index_cjs_namespaceObject.Content,ConsentWidgetAccordionArrow=index_cjs_namespaceObject.Leading,ConsentWidgetSwitch=switch_index_cjs_namespaceObject.Root,ConsentWidgetAccordion=({"data-testid":e,children:n,className:t,noStyle:o,onValueChange:c,style:r,type:i="multiple",value:s,..._})=>{let d=Array.isArray(s)?s:s?[s]:[],a=(0,external_react_namespaceObject.useCallback)((e,n)=>{if("single"===i)return void c?.(n?e:"");let t=n?[...new Set([...d,e])]:d.filter(n=>n!==e);c?.(t)},[c,d,i]);return(0,jsx_runtime_namespaceObject.jsx)(ConsentWidgetAccordionContext.Provider,{value:{onToggleItem:a,openValues:d},children:(0,jsx_runtime_namespaceObject.jsx)(box_cjs_namespaceObject.Box,{className:t,"data-testid":e??"consent-widget-accordion",noStyle:o,style:r,themeKey:"consentWidgetAccordion",baseClassName:consent_widget_module_js_default().accordionList,..._,children:n})})},ConsentWidgetAccordionItems=()=>{let{selectedConsents:e,setSelectedConsent:n,getDisplayedConsents:t}=(0,use_consent_manager_cjs_namespaceObject.useConsentManager)(),{onToggleItem:o,openValues:c}=useConsentWidgetAccordionContext(),r=(0,external_react_namespaceObject.useCallback)((e,t)=>{n(e,t)},[n]);function i(e){return e.replace(/_/g," ").replace(/\b\w/g,e=>e.toUpperCase())}let{consentTypes:s}=(0,use_translations_cjs_namespaceObject.useTranslations)();return t().map(n=>{let t;return(0,jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Root,{className:consent_widget_module_js_default().accordionItem,"data-testid":`consent-widget-accordion-item-${n.name}`,noStyle:!0,onOpenChange:e=>o(n.name,e),open:c.includes(n.name),children:[(0,jsx_runtime_namespaceObject.jsxs)(ConsentWidgetAccordionTrigger,{"data-testid":`consent-widget-accordion-trigger-${n.name}`,children:[(0,jsx_runtime_namespaceObject.jsxs)(ConsentWidgetAccordionTriggerInner,{className:consent_widget_module_js_default().accordionTriggerInner,"data-testid":`consent-widget-accordion-trigger-inner-${n.name}`,noStyle:!0,children:[(t=(0,icon_cjs_namespaceObject.LucideIcon)({title:c.includes(n.name)?"Close":"Open",iconPath:c.includes(n.name)?(0,jsx_runtime_namespaceObject.jsx)("path",{d:"M5 12h14"}):(0,jsx_runtime_namespaceObject.jsx)("path",{d:"M5 12h14M12 5v14"})}),(0,jsx_runtime_namespaceObject.jsx)(ConsentWidgetAccordionArrow,{className:consent_widget_module_js_default().accordionArrow,"data-testid":`consent-widget-accordion-arrow-${n.name}`,noStyle:!0,children:(0,jsx_runtime_namespaceObject.jsx)(t,{className:consent_widget_module_js_default().accordionArrowIcon})})),(0,jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.Header,{noStyle:!0,children:(0,jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.Title,{className:consent_widget_module_js_default().accordionTitle,noStyle:!0,children:s[n.name]?.title??i(n.name)})})]}),(0,jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.Control,{className:consent_widget_module_js_default().switch,noStyle:!0,children:(0,jsx_runtime_namespaceObject.jsx)(ConsentWidgetSwitch,{"aria-label":s[n.name]?.title??i(n.name),checked:e[n.name],onCheckedChange:e=>r(n.name,e),disabled:n.disabled,size:"small","data-testid":`consent-widget-switch-${n.name}`})})]}),(0,jsx_runtime_namespaceObject.jsx)(ConsentWidgetAccordionContent,{className:consent_widget_module_js_default().accordionContent,"data-testid":`consent-widget-accordion-content-${n.name}`,children:s[n.name]?.description??n.description})]},n.name)})},ConsentWidgetAccordionItem=(0,external_react_namespaceObject.forwardRef)(({className:e,...n},t)=>(0,jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.Root,{ref:t,className:[consent_widget_module_js_default().accordionItem,e].filter(Boolean).join(" "),noStyle:!0,...n})),AccordionTriggerInner=ConsentWidgetAccordionTriggerInner,AccordionTrigger=ConsentWidgetAccordionTrigger,AccordionContent=ConsentWidgetAccordionContent,AccordionArrow=ConsentWidgetAccordionArrow,Accordion=ConsentWidgetAccordion,Switch=ConsentWidgetSwitch,AccordionItems=ConsentWidgetAccordionItems,AccordionItem=ConsentWidgetAccordionItem;for(var __rspack_i in exports.Accordion=__webpack_exports__.Accordion,exports.AccordionArrow=__webpack_exports__.AccordionArrow,exports.AccordionContent=__webpack_exports__.AccordionContent,exports.AccordionItem=__webpack_exports__.AccordionItem,exports.AccordionItems=__webpack_exports__.AccordionItems,exports.AccordionTrigger=__webpack_exports__.AccordionTrigger,exports.AccordionTriggerInner=__webpack_exports__.AccordionTriggerInner,exports.ConsentWidgetAccordion=__webpack_exports__.ConsentWidgetAccordion,exports.ConsentWidgetAccordionArrow=__webpack_exports__.ConsentWidgetAccordionArrow,exports.ConsentWidgetAccordionContent=__webpack_exports__.ConsentWidgetAccordionContent,exports.ConsentWidgetAccordionItem=__webpack_exports__.ConsentWidgetAccordionItem,exports.ConsentWidgetAccordionItems=__webpack_exports__.ConsentWidgetAccordionItems,exports.ConsentWidgetAccordionTrigger=__webpack_exports__.ConsentWidgetAccordionTrigger,exports.ConsentWidgetAccordionTriggerInner=__webpack_exports__.ConsentWidgetAccordionTriggerInner,exports.ConsentWidgetSwitch=__webpack_exports__.ConsentWidgetSwitch,exports.Switch=__webpack_exports__.Switch,__webpack_exports__)-1===["Accordion","AccordionArrow","AccordionContent","AccordionItem","AccordionItems","AccordionTrigger","AccordionTriggerInner","ConsentWidgetAccordion","ConsentWidgetAccordionArrow","ConsentWidgetAccordionContent","ConsentWidgetAccordionItem","ConsentWidgetAccordionItems","ConsentWidgetAccordionTrigger","ConsentWidgetAccordionTriggerInner","ConsentWidgetSwitch","Switch"].indexOf(__rspack_i)&&(exports[__rspack_i]=__webpack_exports__[__rspack_i]);Object.defineProperty(exports,"__esModule",{value:!0});
@@ -1 +1 @@
1
- import{jsx as e,jsxs as n}from"react/jsx-runtime";import o from"@c15t/ui/styles/components/consent-widget.module.js";import{createContext as t,forwardRef as r,useCallback as i,useContext as c}from"react";import{Box as a}from"../../shared/primitives/box.js";import{LucideIcon as d}from"../../shared/ui/icon.js";import{useConsentManager as s}from"../../../hooks/use-consent-manager.js";import{useTranslations as l}from"../../../hooks/use-translations.js";import*as m from"../../shared/ui/preference-item/index.js";import*as g from"../../shared/ui/switch/index.js";let h=t(null),p=r(({children:n,...t},r)=>e(a,{ref:r,baseClassName:o.accordionTrigger,...t,children:n})),u=m.Trigger,A=m.Content,w=m.Leading,C=g.Root,f=({children:n,onValueChange:t,type:r="multiple",value:c})=>{let a=Array.isArray(c)?c:c?[c]:[],d=i((e,n)=>{if("single"===r)return void t?.(n?e:"");let o=n?[...new Set([...a,e])]:a.filter(n=>n!==e);t?.(o)},[t,a,r]);return e(h.Provider,{value:{onToggleItem:d,openValues:a},children:e("div",{className:o.accordionList,children:n})})},y=()=>{let{selectedConsents:t,setSelectedConsent:r,getDisplayedConsents:a}=s(),{onToggleItem:g,openValues:f}=function(){let e=c(h);if(!e)throw Error("ConsentWidgetAccordion components must be used within ConsentWidgetAccordion");return e}(),y=i((e,n)=>{r(e,n)},[r]);function I(e){return e.replace(/_/g," ").replace(/\b\w/g,e=>e.toUpperCase())}let{consentTypes:N}=l();return a().map(r=>{let i;return n(m.Root,{className:o.accordionItem,"data-testid":`consent-widget-accordion-item-${r.name}`,noStyle:!0,onOpenChange:e=>g(r.name,e),open:f.includes(r.name),children:[n(p,{"data-testid":`consent-widget-accordion-trigger-${r.name}`,children:[n(u,{className:o.accordionTriggerInner,"data-testid":`consent-widget-accordion-trigger-inner-${r.name}`,noStyle:!0,children:[(i=d({title:f.includes(r.name)?"Close":"Open",iconPath:f.includes(r.name)?e("path",{d:"M5 12h14"}):e("path",{d:"M5 12h14M12 5v14"})}),e(w,{className:o.accordionArrow,"data-testid":`consent-widget-accordion-arrow-${r.name}`,noStyle:!0,children:e(i,{className:o.accordionArrowIcon})})),e(m.Header,{noStyle:!0,children:e(m.Title,{className:o.accordionTitle,noStyle:!0,children:N[r.name]?.title??I(r.name)})})]}),e(m.Control,{className:o.switch,noStyle:!0,children:e(C,{"aria-label":N[r.name]?.title??I(r.name),checked:t[r.name],onCheckedChange:e=>y(r.name,e),disabled:r.disabled,size:"small","data-testid":`consent-widget-switch-${r.name}`})})]}),e(A,{className:o.accordionContent,"data-testid":`consent-widget-accordion-content-${r.name}`,children:N[r.name]?.description??r.description})]},r.name)})},I=r(({className:n,...t},r)=>e(m.Root,{ref:r,className:[o.accordionItem,n].filter(Boolean).join(" "),noStyle:!0,...t})),N=u,S=p,W=A,j=w,T=f,b=C,v=y,$=I;export{T as Accordion,j as AccordionArrow,W as AccordionContent,$ as AccordionItem,v as AccordionItems,S as AccordionTrigger,N as AccordionTriggerInner,f as ConsentWidgetAccordion,w as ConsentWidgetAccordionArrow,A as ConsentWidgetAccordionContent,I as ConsentWidgetAccordionItem,y as ConsentWidgetAccordionItems,p as ConsentWidgetAccordionTrigger,u as ConsentWidgetAccordionTriggerInner,C as ConsentWidgetSwitch,b as Switch};
1
+ import{jsx as e,jsxs as n}from"react/jsx-runtime";import o from"@c15t/ui/styles/components/consent-widget.module.js";import{createContext as t,forwardRef as i,useCallback as r,useContext as c}from"react";import{Box as a}from"../../shared/primitives/box.js";import{LucideIcon as d}from"../../shared/ui/icon.js";import{useConsentManager as s}from"../../../hooks/use-consent-manager.js";import{useTranslations as l}from"../../../hooks/use-translations.js";import*as m from"../../shared/ui/preference-item/index.js";import*as g from"../../shared/ui/switch/index.js";let h=t(null),p=i(({children:n,...t},i)=>e(a,{ref:i,baseClassName:o.accordionTrigger,...t,children:n})),u=m.Trigger,A=m.Content,w=m.Leading,C=g.Root,f=({"data-testid":n,children:t,className:i,noStyle:c,onValueChange:d,style:s,type:l="multiple",value:m,...g})=>{let p=Array.isArray(m)?m:m?[m]:[],u=r((e,n)=>{if("single"===l)return void d?.(n?e:"");let o=n?[...new Set([...p,e])]:p.filter(n=>n!==e);d?.(o)},[d,p,l]);return e(h.Provider,{value:{onToggleItem:u,openValues:p},children:e(a,{className:i,"data-testid":n??"consent-widget-accordion",noStyle:c,style:s,themeKey:"consentWidgetAccordion",baseClassName:o.accordionList,...g,children:t})})},y=()=>{let{selectedConsents:t,setSelectedConsent:i,getDisplayedConsents:a}=s(),{onToggleItem:g,openValues:f}=function(){let e=c(h);if(!e)throw Error("ConsentWidgetAccordion components must be used within ConsentWidgetAccordion");return e}(),y=r((e,n)=>{i(e,n)},[i]);function N(e){return e.replace(/_/g," ").replace(/\b\w/g,e=>e.toUpperCase())}let{consentTypes:S}=l();return a().map(i=>{let r;return n(m.Root,{className:o.accordionItem,"data-testid":`consent-widget-accordion-item-${i.name}`,noStyle:!0,onOpenChange:e=>g(i.name,e),open:f.includes(i.name),children:[n(p,{"data-testid":`consent-widget-accordion-trigger-${i.name}`,children:[n(u,{className:o.accordionTriggerInner,"data-testid":`consent-widget-accordion-trigger-inner-${i.name}`,noStyle:!0,children:[(r=d({title:f.includes(i.name)?"Close":"Open",iconPath:f.includes(i.name)?e("path",{d:"M5 12h14"}):e("path",{d:"M5 12h14M12 5v14"})}),e(w,{className:o.accordionArrow,"data-testid":`consent-widget-accordion-arrow-${i.name}`,noStyle:!0,children:e(r,{className:o.accordionArrowIcon})})),e(m.Header,{noStyle:!0,children:e(m.Title,{className:o.accordionTitle,noStyle:!0,children:S[i.name]?.title??N(i.name)})})]}),e(m.Control,{className:o.switch,noStyle:!0,children:e(C,{"aria-label":S[i.name]?.title??N(i.name),checked:t[i.name],onCheckedChange:e=>y(i.name,e),disabled:i.disabled,size:"small","data-testid":`consent-widget-switch-${i.name}`})})]}),e(A,{className:o.accordionContent,"data-testid":`consent-widget-accordion-content-${i.name}`,children:S[i.name]?.description??i.description})]},i.name)})},N=i(({className:n,...t},i)=>e(m.Root,{ref:i,className:[o.accordionItem,n].filter(Boolean).join(" "),noStyle:!0,...t})),S=u,W=p,I=A,j=w,T=f,b=C,$=y,v=N;export{T as Accordion,j as AccordionArrow,I as AccordionContent,v as AccordionItem,$ as AccordionItems,W as AccordionTrigger,S as AccordionTriggerInner,f as ConsentWidgetAccordion,w as ConsentWidgetAccordionArrow,A as ConsentWidgetAccordionContent,N as ConsentWidgetAccordionItem,y as ConsentWidgetAccordionItems,p as ConsentWidgetAccordionTrigger,u as ConsentWidgetAccordionTriggerInner,C as ConsentWidgetSwitch,b as Switch};
@@ -1 +1 @@
1
- "use strict";const __rslib_import_meta_url__="u"<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=>{"u">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__,{IABConsentBannerCard:()=>IABConsentBannerCard});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),iab_consent_banner_module_js_namespaceObject=require("@c15t/ui/styles/components/iab-consent-banner.module.js");var iab_consent_banner_module_js_default=__webpack_require__.n(iab_consent_banner_module_js_namespaceObject);const external_react_namespaceObject=require("react"),use_focus_trap_cjs_namespaceObject=require("../../../hooks/use-focus-trap.cjs"),use_styles_cjs_namespaceObject=require("../../../hooks/use-styles.cjs"),use_theme_cjs_namespaceObject=require("../../../hooks/use-theme.cjs"),IABConsentBannerCard=(0,external_react_namespaceObject.forwardRef)(({children:e,className:_,...r},a)=>{let{trapFocus:n}=(0,use_theme_cjs_namespaceObject.useTheme)();(0,use_focus_trap_cjs_namespaceObject.useFocusTrap)(!!n,a);let s=(0,use_styles_cjs_namespaceObject.useStyles)("iabConsentBannerCard",{baseClassName:iab_consent_banner_module_js_default().card,className:_});return(0,jsx_runtime_namespaceObject.jsx)("div",{ref:a,...s,tabIndex:0,role:"dialog","aria-modal":n?"true":void 0,"data-testid":"iab-consent-banner-card",...r,children:e})});for(var __rspack_i in IABConsentBannerCard.displayName="IABConsentBannerCard",exports.IABConsentBannerCard=__webpack_exports__.IABConsentBannerCard,__webpack_exports__)-1===["IABConsentBannerCard"].indexOf(__rspack_i)&&(exports[__rspack_i]=__webpack_exports__[__rspack_i]);Object.defineProperty(exports,"__esModule",{value:!0});
1
+ "use strict";const __rslib_import_meta_url__="u"<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=>{"u">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__,{IABConsentBannerCard:()=>IABConsentBannerCard});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),iab_consent_banner_module_js_namespaceObject=require("@c15t/ui/styles/components/iab-consent-banner.module.js");var iab_consent_banner_module_js_default=__webpack_require__.n(iab_consent_banner_module_js_namespaceObject);const utils_namespaceObject=require("@c15t/ui/utils"),external_react_namespaceObject=require("react"),use_focus_trap_cjs_namespaceObject=require("../../../hooks/use-focus-trap.cjs"),use_styles_cjs_namespaceObject=require("../../../hooks/use-styles.cjs"),use_theme_cjs_namespaceObject=require("../../../hooks/use-theme.cjs"),IABConsentBannerCard=(0,external_react_namespaceObject.forwardRef)(({children:e,className:_,...r},a)=>{let{trapFocus:n}=(0,use_theme_cjs_namespaceObject.useTheme)();(0,use_focus_trap_cjs_namespaceObject.useFocusTrap)(!!n,a);let s=(0,use_styles_cjs_namespaceObject.useStyles)("iabConsentBannerCard",{baseClassName:iab_consent_banner_module_js_default().card,className:_}),t=(0,utils_namespaceObject.sanitizeDOMStyleProps)(s);return(0,jsx_runtime_namespaceObject.jsx)("div",{ref:a,...t,tabIndex:0,role:"dialog","aria-modal":n?"true":void 0,"data-testid":"iab-consent-banner-card",...r,children:e})});for(var __rspack_i in IABConsentBannerCard.displayName="IABConsentBannerCard",exports.IABConsentBannerCard=__webpack_exports__.IABConsentBannerCard,__webpack_exports__)-1===["IABConsentBannerCard"].indexOf(__rspack_i)&&(exports[__rspack_i]=__webpack_exports__[__rspack_i]);Object.defineProperty(exports,"__esModule",{value:!0});
@@ -1 +1 @@
1
- import{jsx as e}from"react/jsx-runtime";import r from"@c15t/ui/styles/components/iab-consent-banner.module.js";import{forwardRef as o}from"react";import{useFocusTrap as t}from"../../../hooks/use-focus-trap.js";import{useStyles as a}from"../../../hooks/use-styles.js";import{useTheme as s}from"../../../hooks/use-theme.js";let n=o(({children:o,className:n,...m},i)=>{let{trapFocus:d}=s();return t(!!d,i),e("div",{ref:i,...a("iabConsentBannerCard",{baseClassName:r.card,className:n}),tabIndex:0,role:"dialog","aria-modal":d?"true":void 0,"data-testid":"iab-consent-banner-card",...m,children:o})});n.displayName="IABConsentBannerCard";export{n as IABConsentBannerCard};
1
+ import{jsx as r}from"react/jsx-runtime";import e from"@c15t/ui/styles/components/iab-consent-banner.module.js";import{sanitizeDOMStyleProps as o}from"@c15t/ui/utils";import{forwardRef as t}from"react";import{useFocusTrap as a}from"../../../hooks/use-focus-trap.js";import{useStyles as s}from"../../../hooks/use-styles.js";import{useTheme as n}from"../../../hooks/use-theme.js";let i=t(({children:t,className:i,...m},d)=>{let{trapFocus:l}=n();return a(!!l,d),r("div",{ref:d,...o(s("iabConsentBannerCard",{baseClassName:e.card,className:i})),tabIndex:0,role:"dialog","aria-modal":l?"true":void 0,"data-testid":"iab-consent-banner-card",...m,children:t})});i.displayName="IABConsentBannerCard";export{i as IABConsentBannerCard};
@@ -1 +1 @@
1
- "use strict";const __rslib_import_meta_url__="u"<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=>{"u">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__,{IABConsentBannerFooter:()=>IABConsentBannerFooter});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),iab_consent_banner_module_js_namespaceObject=require("@c15t/ui/styles/components/iab-consent-banner.module.js");var iab_consent_banner_module_js_default=__webpack_require__.n(iab_consent_banner_module_js_namespaceObject);const external_react_namespaceObject=require("react"),use_styles_cjs_namespaceObject=require("../../../hooks/use-styles.cjs"),IABConsentBannerFooter=(0,external_react_namespaceObject.forwardRef)(({children:e,className:_,...r},n)=>{let t=(0,use_styles_cjs_namespaceObject.useStyles)("iabConsentBannerFooter",{baseClassName:iab_consent_banner_module_js_default().footer,className:_});return(0,jsx_runtime_namespaceObject.jsx)("div",{ref:n,...t,"data-testid":"iab-consent-banner-footer",...r,children:e})});for(var __rspack_i in IABConsentBannerFooter.displayName="IABConsentBannerFooter",exports.IABConsentBannerFooter=__webpack_exports__.IABConsentBannerFooter,__webpack_exports__)-1===["IABConsentBannerFooter"].indexOf(__rspack_i)&&(exports[__rspack_i]=__webpack_exports__[__rspack_i]);Object.defineProperty(exports,"__esModule",{value:!0});
1
+ "use strict";const __rslib_import_meta_url__="u"<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=>{"u">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__,{IABConsentBannerFooter:()=>IABConsentBannerFooter});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),iab_consent_banner_module_js_namespaceObject=require("@c15t/ui/styles/components/iab-consent-banner.module.js");var iab_consent_banner_module_js_default=__webpack_require__.n(iab_consent_banner_module_js_namespaceObject);const utils_namespaceObject=require("@c15t/ui/utils"),external_react_namespaceObject=require("react"),use_styles_cjs_namespaceObject=require("../../../hooks/use-styles.cjs"),IABConsentBannerFooter=(0,external_react_namespaceObject.forwardRef)(({children:e,className:_,...r},t)=>{let n=(0,use_styles_cjs_namespaceObject.useStyles)("iabConsentBannerFooter",{baseClassName:iab_consent_banner_module_js_default().footer,className:_}),a=(0,utils_namespaceObject.sanitizeDOMStyleProps)(n);return(0,jsx_runtime_namespaceObject.jsx)("div",{ref:t,...a,"data-testid":"iab-consent-banner-footer",...r,children:e})});for(var __rspack_i in IABConsentBannerFooter.displayName="IABConsentBannerFooter",exports.IABConsentBannerFooter=__webpack_exports__.IABConsentBannerFooter,__webpack_exports__)-1===["IABConsentBannerFooter"].indexOf(__rspack_i)&&(exports[__rspack_i]=__webpack_exports__[__rspack_i]);Object.defineProperty(exports,"__esModule",{value:!0});
@@ -1 +1 @@
1
- import{jsx as e}from"react/jsx-runtime";import o from"@c15t/ui/styles/components/iab-consent-banner.module.js";import{forwardRef as t}from"react";import{useStyles as n}from"../../../hooks/use-styles.js";let r=t(({children:t,className:r,...s},a)=>e("div",{ref:a,...n("iabConsentBannerFooter",{baseClassName:o.footer,className:r}),"data-testid":"iab-consent-banner-footer",...s,children:t}));r.displayName="IABConsentBannerFooter";export{r as IABConsentBannerFooter};
1
+ import{jsx as e}from"react/jsx-runtime";import o from"@c15t/ui/styles/components/iab-consent-banner.module.js";import{sanitizeDOMStyleProps as t}from"@c15t/ui/utils";import{forwardRef as r}from"react";import{useStyles as n}from"../../../hooks/use-styles.js";let s=r(({children:r,className:s,...a},i)=>e("div",{ref:i,...t(n("iabConsentBannerFooter",{baseClassName:o.footer,className:s})),"data-testid":"iab-consent-banner-footer",...a,children:r}));s.displayName="IABConsentBannerFooter";export{s as IABConsentBannerFooter};
@@ -1 +1 @@
1
- "use strict";const __rslib_import_meta_url__="u"<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=>{"u">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__,{IABConsentBannerHeader:()=>IABConsentBannerHeader});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),iab_consent_banner_module_js_namespaceObject=require("@c15t/ui/styles/components/iab-consent-banner.module.js");var iab_consent_banner_module_js_default=__webpack_require__.n(iab_consent_banner_module_js_namespaceObject);const external_react_namespaceObject=require("react"),use_styles_cjs_namespaceObject=require("../../../hooks/use-styles.cjs"),IABConsentBannerHeader=(0,external_react_namespaceObject.forwardRef)(({children:e,className:_,...r},a)=>{let n=(0,use_styles_cjs_namespaceObject.useStyles)("iabConsentBannerHeader",{baseClassName:iab_consent_banner_module_js_default().header,className:_});return(0,jsx_runtime_namespaceObject.jsx)("div",{ref:a,...n,"data-testid":"iab-consent-banner-header",...r,children:e})});for(var __rspack_i in IABConsentBannerHeader.displayName="IABConsentBannerHeader",exports.IABConsentBannerHeader=__webpack_exports__.IABConsentBannerHeader,__webpack_exports__)-1===["IABConsentBannerHeader"].indexOf(__rspack_i)&&(exports[__rspack_i]=__webpack_exports__[__rspack_i]);Object.defineProperty(exports,"__esModule",{value:!0});
1
+ "use strict";const __rslib_import_meta_url__="u"<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=>{"u">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__,{IABConsentBannerHeader:()=>IABConsentBannerHeader});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),iab_consent_banner_module_js_namespaceObject=require("@c15t/ui/styles/components/iab-consent-banner.module.js");var iab_consent_banner_module_js_default=__webpack_require__.n(iab_consent_banner_module_js_namespaceObject);const utils_namespaceObject=require("@c15t/ui/utils"),external_react_namespaceObject=require("react"),use_styles_cjs_namespaceObject=require("../../../hooks/use-styles.cjs"),IABConsentBannerHeader=(0,external_react_namespaceObject.forwardRef)(({children:e,className:_,...r},a)=>{let n=(0,use_styles_cjs_namespaceObject.useStyles)("iabConsentBannerHeader",{baseClassName:iab_consent_banner_module_js_default().header,className:_}),t=(0,utils_namespaceObject.sanitizeDOMStyleProps)(n);return(0,jsx_runtime_namespaceObject.jsx)("div",{ref:a,...t,"data-testid":"iab-consent-banner-header",...r,children:e})});for(var __rspack_i in IABConsentBannerHeader.displayName="IABConsentBannerHeader",exports.IABConsentBannerHeader=__webpack_exports__.IABConsentBannerHeader,__webpack_exports__)-1===["IABConsentBannerHeader"].indexOf(__rspack_i)&&(exports[__rspack_i]=__webpack_exports__[__rspack_i]);Object.defineProperty(exports,"__esModule",{value:!0});
@@ -1 +1 @@
1
- import{jsx as e}from"react/jsx-runtime";import n from"@c15t/ui/styles/components/iab-consent-banner.module.js";import{forwardRef as r}from"react";import{useStyles as a}from"../../../hooks/use-styles.js";let t=r(({children:r,className:t,...s},o)=>e("div",{ref:o,...a("iabConsentBannerHeader",{baseClassName:n.header,className:t}),"data-testid":"iab-consent-banner-header",...s,children:r}));t.displayName="IABConsentBannerHeader";export{t as IABConsentBannerHeader};
1
+ import{jsx as e}from"react/jsx-runtime";import r from"@c15t/ui/styles/components/iab-consent-banner.module.js";import{sanitizeDOMStyleProps as n}from"@c15t/ui/utils";import{forwardRef as t}from"react";import{useStyles as a}from"../../../hooks/use-styles.js";let o=t(({children:t,className:o,...s},i)=>e("div",{ref:i,...n(a("iabConsentBannerHeader",{baseClassName:r.header,className:o})),"data-testid":"iab-consent-banner-header",...s,children:t}));o.displayName="IABConsentBannerHeader";export{o as IABConsentBannerHeader};
@@ -1 +1 @@
1
- "use strict";const __rslib_import_meta_url__="u"<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=>{"u">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__,{IABConsentBannerRoot:()=>IABConsentBannerRoot});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),iab_consent_banner_module_js_namespaceObject=require("@c15t/ui/styles/components/iab-consent-banner.module.js");var iab_consent_banner_module_js_default=__webpack_require__.n(iab_consent_banner_module_js_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"),IABConsentBannerRoot=({children:e,className:t,noStyle:n,disableAnimation:a,scrollLock:_,trapFocus:r=!0,models:c,uiSource:s,...o})=>{let{policyBanner:i}=(0,use_consent_manager_cjs_namespaceObject.useConsentManager)(),u={disableAnimation:a,noStyle:n,scrollLock:_??i.scrollLock??void 0,trapFocus:r};return(0,jsx_runtime_namespaceObject.jsx)(consent_tracking_context_cjs_namespaceObject.ConsentTrackingContext.Provider,{value:{uiSource:s??"iab_banner"},children:(0,jsx_runtime_namespaceObject.jsx)(theme_context_cjs_namespaceObject.LocalThemeContext.Provider,{value:u,children:(0,jsx_runtime_namespaceObject.jsx)(IABConsentBannerRootChildren,{disableAnimation:a,className:t,noStyle:n,models:c,...o,children:e})})})},IABConsentBannerRootChildren=(0,external_react_namespaceObject.forwardRef)(({children:e,className:t,style:n,className:a,disableAnimation:_,noStyle:r,models:c=["iab"],...s},o)=>{let{activeUI:i,translationConfig:u,model:l}=(0,use_consent_manager_cjs_namespaceObject.useConsentManager)(),m=(0,use_text_direction_cjs_namespaceObject.useTextDirection)(u.defaultLanguage),[b,p]=(0,external_react_namespaceObject.useState)(!1),[j,d]=(0,external_react_namespaceObject.useState)(!1),[x,O]=(0,external_react_namespaceObject.useState)(200),f="banner"===i&&c.includes(l);(0,external_react_namespaceObject.useEffect)(()=>{O(Number.parseInt(getComputedStyle(document.documentElement).getPropertyValue("--iab-consent-banner-animation-duration")||"200",10))},[]),(0,external_react_namespaceObject.useEffect)(()=>{if(f)if(j)p(!0);else{let e=setTimeout(()=>{p(!0),d(!0)},10);return()=>clearTimeout(e)}else if(d(!1),_)p(!1);else{let e=setTimeout(()=>{p(!1)},x);return()=>clearTimeout(e)}},[f,_,j,x]);let k=(0,use_styles_cjs_namespaceObject.useStyles)("iabConsentBanner",{baseClassName:[iab_consent_banner_module_js_default().root],style:n,className:t||a,noStyle:r}),[y,B]=(0,external_react_namespaceObject.useState)(!1);if((0,external_react_namespaceObject.useEffect)(()=>{B(!0)},[]),!y)return null;let C=r?k.className||"":`${k.className||""} ${b?iab_consent_banner_module_js_default().bannerVisible:iab_consent_banner_module_js_default().bannerHidden}`;return f?(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.IABConsentBannerOverlay,{}),(0,jsx_runtime_namespaceObject.jsx)("div",{ref:o,...s,...k,className:C,"data-testid":"iab-consent-banner-root",dir:m,children:e})]}),document.body):null});for(var __rspack_i in IABConsentBannerRootChildren.displayName="IABConsentBannerRootChildren",exports.IABConsentBannerRoot=__webpack_exports__.IABConsentBannerRoot,__webpack_exports__)-1===["IABConsentBannerRoot"].indexOf(__rspack_i)&&(exports[__rspack_i]=__webpack_exports__[__rspack_i]);Object.defineProperty(exports,"__esModule",{value:!0});
1
+ "use strict";const __rslib_import_meta_url__="u"<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=>{"u">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__,{IABConsentBannerRoot:()=>IABConsentBannerRoot});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),iab_consent_banner_module_js_namespaceObject=require("@c15t/ui/styles/components/iab-consent-banner.module.js");var iab_consent_banner_module_js_default=__webpack_require__.n(iab_consent_banner_module_js_namespaceObject);const utils_namespaceObject=require("@c15t/ui/utils"),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"),IABConsentBannerRoot=({children:e,className:t,noStyle:n,disableAnimation:a,scrollLock:_,trapFocus:r=!0,models:c,uiSource:s,...o})=>{let{policyBanner:i}=(0,use_consent_manager_cjs_namespaceObject.useConsentManager)(),u={disableAnimation:a,noStyle:n,scrollLock:_??i.scrollLock??void 0,trapFocus:r};return(0,jsx_runtime_namespaceObject.jsx)(consent_tracking_context_cjs_namespaceObject.ConsentTrackingContext.Provider,{value:{uiSource:s??"iab_banner"},children:(0,jsx_runtime_namespaceObject.jsx)(theme_context_cjs_namespaceObject.LocalThemeContext.Provider,{value:u,children:(0,jsx_runtime_namespaceObject.jsx)(IABConsentBannerRootChildren,{disableAnimation:a,className:t,noStyle:n,models:c,...o,children:e})})})},IABConsentBannerRootChildren=(0,external_react_namespaceObject.forwardRef)(({children:e,className:t,style:n,className:a,disableAnimation:_,noStyle:r,models:c=["iab"],...s},o)=>{let{activeUI:i,translationConfig:u,model:l}=(0,use_consent_manager_cjs_namespaceObject.useConsentManager)(),m=(0,use_text_direction_cjs_namespaceObject.useTextDirection)(u.defaultLanguage),[b,p]=(0,external_react_namespaceObject.useState)(!1),[j,d]=(0,external_react_namespaceObject.useState)(!1),[x,O]=(0,external_react_namespaceObject.useState)(200),f="banner"===i&&c.includes(l);(0,external_react_namespaceObject.useEffect)(()=>{O(Number.parseInt(getComputedStyle(document.documentElement).getPropertyValue("--iab-consent-banner-animation-duration")||"200",10))},[]),(0,external_react_namespaceObject.useEffect)(()=>{if(f)if(j)p(!0);else{let e=setTimeout(()=>{p(!0),d(!0)},10);return()=>clearTimeout(e)}else if(d(!1),_)p(!1);else{let e=setTimeout(()=>{p(!1)},x);return()=>clearTimeout(e)}},[f,_,j,x]);let k=(0,use_styles_cjs_namespaceObject.useStyles)("iabConsentBanner",{baseClassName:[iab_consent_banner_module_js_default().root],style:n,className:t||a,noStyle:r}),[y,q]=(0,external_react_namespaceObject.useState)(!1);if((0,external_react_namespaceObject.useEffect)(()=>{q(!0)},[]),!y)return null;let B=r?k.className||"":`${k.className||""} ${b?iab_consent_banner_module_js_default().bannerVisible:iab_consent_banner_module_js_default().bannerHidden}`,C=(0,utils_namespaceObject.sanitizeDOMStyleProps)(k);return f?(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.IABConsentBannerOverlay,{}),(0,jsx_runtime_namespaceObject.jsx)("div",{ref:o,...s,...C,className:B,"data-testid":"iab-consent-banner-root",dir:m,children:e})]}),document.body):null});for(var __rspack_i in IABConsentBannerRootChildren.displayName="IABConsentBannerRootChildren",exports.IABConsentBannerRoot=__webpack_exports__.IABConsentBannerRoot,__webpack_exports__)-1===["IABConsentBannerRoot"].indexOf(__rspack_i)&&(exports[__rspack_i]=__webpack_exports__[__rspack_i]);Object.defineProperty(exports,"__esModule",{value:!0});
@@ -1 +1 @@
1
- import{Fragment as e,jsx as t,jsxs as o}from"react/jsx-runtime";import n from"@c15t/ui/styles/components/iab-consent-banner.module.js";import{forwardRef as r,useEffect as s,useState as a}from"react";import{createPortal as i}from"react-dom";import{ConsentTrackingContext as l}from"../../../context/consent-tracking-context.js";import{LocalThemeContext as m}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{IABConsentBannerOverlay as b}from"./overlay.js";let f=({children:e,className:o,noStyle:n,disableAnimation:r,scrollLock:s,trapFocus:a=!0,models:i,uiSource:u,...d})=>{let{policyBanner:b}=c(),f={disableAnimation:r,noStyle:n,scrollLock:s??b.scrollLock??void 0,trapFocus:a};return t(l.Provider,{value:{uiSource:u??"iab_banner"},children:t(m.Provider,{value:f,children:t(p,{disableAnimation:r,className:o,noStyle:n,models:i,...d,children:e})})})},p=r(({children:r,className:l,style:m,className:f,disableAnimation:p,noStyle:h,models:y=["iab"],...N},j)=>{let{activeUI:v,translationConfig:x,model:g}=c(),k=d(x.defaultLanguage),[C,B]=a(!1),[T,A]=a(!1),[I,L]=a(200),P="banner"===v&&y.includes(g);s(()=>{L(Number.parseInt(getComputedStyle(document.documentElement).getPropertyValue("--iab-consent-banner-animation-duration")||"200",10))},[]),s(()=>{if(P)if(T)B(!0);else{let e=setTimeout(()=>{B(!0),A(!0)},10);return()=>clearTimeout(e)}else if(A(!1),p)B(!1);else{let e=setTimeout(()=>{B(!1)},I);return()=>clearTimeout(e)}},[P,p,T,I]);let S=u("iabConsentBanner",{baseClassName:[n.root],style:m,className:l||f,noStyle:h}),[R,V]=a(!1);if(s(()=>{V(!0)},[]),!R)return null;let $=h?S.className||"":`${S.className||""} ${C?n.bannerVisible:n.bannerHidden}`;return P?i(o(e,{children:[t(b,{}),t("div",{ref:j,...N,...S,className:$,"data-testid":"iab-consent-banner-root",dir:k,children:r})]}),document.body):null});p.displayName="IABConsentBannerRootChildren";export{f as IABConsentBannerRoot};
1
+ import{Fragment as e,jsx as t,jsxs as o}from"react/jsx-runtime";import r from"@c15t/ui/styles/components/iab-consent-banner.module.js";import{sanitizeDOMStyleProps as n}from"@c15t/ui/utils";import{forwardRef as s,useEffect as a,useState as i}from"react";import{createPortal as l}from"react-dom";import{ConsentTrackingContext as m}from"../../../context/consent-tracking-context.js";import{LocalThemeContext as c}from"../../../context/theme-context.js";import{useConsentManager as u}from"../../../hooks/use-consent-manager.js";import{useStyles as d}from"../../../hooks/use-styles.js";import{useTextDirection as b}from"../../../hooks/use-text-direction.js";import{IABConsentBannerOverlay as f}from"./overlay.js";let p=({children:e,className:o,noStyle:r,disableAnimation:n,scrollLock:s,trapFocus:a=!0,models:i,uiSource:l,...d})=>{let{policyBanner:b}=u(),f={disableAnimation:n,noStyle:r,scrollLock:s??b.scrollLock??void 0,trapFocus:a};return t(m.Provider,{value:{uiSource:l??"iab_banner"},children:t(c.Provider,{value:f,children:t(h,{disableAnimation:n,className:o,noStyle:r,models:i,...d,children:e})})})},h=s(({children:s,className:m,style:c,className:p,disableAnimation:h,noStyle:y,models:N=["iab"],...j},v)=>{let{activeUI:x,translationConfig:g,model:k}=u(),C=b(g.defaultLanguage),[B,T]=i(!1),[A,I]=i(!1),[L,P]=i(200),S="banner"===x&&N.includes(k);a(()=>{P(Number.parseInt(getComputedStyle(document.documentElement).getPropertyValue("--iab-consent-banner-animation-duration")||"200",10))},[]),a(()=>{if(S)if(A)T(!0);else{let e=setTimeout(()=>{T(!0),I(!0)},10);return()=>clearTimeout(e)}else if(I(!1),h)T(!1);else{let e=setTimeout(()=>{T(!1)},L);return()=>clearTimeout(e)}},[S,h,A,L]);let R=d("iabConsentBanner",{baseClassName:[r.root],style:c,className:m||p,noStyle:y}),[V,$]=i(!1);if(a(()=>{$(!0)},[]),!V)return null;let E=y?R.className||"":`${R.className||""} ${B?r.bannerVisible:r.bannerHidden}`,H=n(R);return S?l(o(e,{children:[t(f,{}),t("div",{ref:v,...j,...H,className:E,"data-testid":"iab-consent-banner-root",dir:C,children:s})]}),document.body):null});h.displayName="IABConsentBannerRootChildren";export{p as IABConsentBannerRoot};
@@ -1 +1 @@
1
- "use strict";const __rslib_import_meta_url__="u"<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 a in _)__webpack_require__.o(_,a)&&!__webpack_require__.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:_[a]})},__webpack_require__.o=(e,_)=>Object.prototype.hasOwnProperty.call(e,_),__webpack_require__.r=e=>{"u">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__,{IABConsentDialogCard:()=>IABConsentDialogCard});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),iab_consent_dialog_module_js_namespaceObject=require("@c15t/ui/styles/components/iab-consent-dialog.module.js");var iab_consent_dialog_module_js_default=__webpack_require__.n(iab_consent_dialog_module_js_namespaceObject);const external_react_namespaceObject=require("react"),use_consent_manager_cjs_namespaceObject=require("../../../hooks/use-consent-manager.cjs"),use_focus_trap_cjs_namespaceObject=require("../../../hooks/use-focus-trap.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"),external_use_iab_translations_cjs_namespaceObject=require("../use-iab-translations.cjs"),IABConsentDialogCard=(0,external_react_namespaceObject.forwardRef)(({children:e,className:_,...a},s)=>{let{trapFocus:r}=(0,use_theme_cjs_namespaceObject.useTheme)(),{activeUI:t}=(0,use_consent_manager_cjs_namespaceObject.useConsentManager)(),c=(0,external_use_iab_translations_cjs_namespaceObject.useIABTranslations)(),[n,o]=(0,external_react_namespaceObject.useState)(!1),i="dialog"===t;(0,use_focus_trap_cjs_namespaceObject.useFocusTrap)(!!(i&&r),s),(0,external_react_namespaceObject.useEffect)(()=>{if(i)o(!0);else{let e=setTimeout(()=>{o(!1)},150);return()=>clearTimeout(e)}},[i]);let u=(0,use_styles_cjs_namespaceObject.useStyles)("iabConsentDialogCard",{baseClassName:(0,cn_cjs_namespaceObject.cnExt)(iab_consent_dialog_module_js_default().card,n?iab_consent_dialog_module_js_default().contentVisible:iab_consent_dialog_module_js_default().contentHidden),className:_});return(0,jsx_runtime_namespaceObject.jsx)("div",{ref:s,...u,role:"dialog","aria-modal":r?"true":void 0,"aria-label":c.preferenceCenter.title,tabIndex:0,"data-testid":"iab-consent-dialog-card",...a,children:e})});for(var __rspack_i in IABConsentDialogCard.displayName="IABConsentDialogCard",exports.IABConsentDialogCard=__webpack_exports__.IABConsentDialogCard,__webpack_exports__)-1===["IABConsentDialogCard"].indexOf(__rspack_i)&&(exports[__rspack_i]=__webpack_exports__[__rspack_i]);Object.defineProperty(exports,"__esModule",{value:!0});
1
+ "use strict";const __rslib_import_meta_url__="u"<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 a in _)__webpack_require__.o(_,a)&&!__webpack_require__.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:_[a]})},__webpack_require__.o=(e,_)=>Object.prototype.hasOwnProperty.call(e,_),__webpack_require__.r=e=>{"u">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__,{IABConsentDialogCard:()=>IABConsentDialogCard});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),iab_consent_dialog_module_js_namespaceObject=require("@c15t/ui/styles/components/iab-consent-dialog.module.js");var iab_consent_dialog_module_js_default=__webpack_require__.n(iab_consent_dialog_module_js_namespaceObject);const utils_namespaceObject=require("@c15t/ui/utils"),external_react_namespaceObject=require("react"),use_consent_manager_cjs_namespaceObject=require("../../../hooks/use-consent-manager.cjs"),use_focus_trap_cjs_namespaceObject=require("../../../hooks/use-focus-trap.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"),external_use_iab_translations_cjs_namespaceObject=require("../use-iab-translations.cjs"),IABConsentDialogCard=(0,external_react_namespaceObject.forwardRef)(({children:e,className:_,...a},s)=>{let{trapFocus:t}=(0,use_theme_cjs_namespaceObject.useTheme)(),{activeUI:r}=(0,use_consent_manager_cjs_namespaceObject.useConsentManager)(),c=(0,external_use_iab_translations_cjs_namespaceObject.useIABTranslations)(),[n,o]=(0,external_react_namespaceObject.useState)(!1),i="dialog"===r;(0,use_focus_trap_cjs_namespaceObject.useFocusTrap)(!!(i&&t),s),(0,external_react_namespaceObject.useEffect)(()=>{if(i)o(!0);else{let e=setTimeout(()=>{o(!1)},150);return()=>clearTimeout(e)}},[i]);let u=(0,use_styles_cjs_namespaceObject.useStyles)("iabConsentDialogCard",{baseClassName:(0,cn_cjs_namespaceObject.cnExt)(iab_consent_dialog_module_js_default().card,n?iab_consent_dialog_module_js_default().contentVisible:iab_consent_dialog_module_js_default().contentHidden),className:_}),l=(0,utils_namespaceObject.sanitizeDOMStyleProps)(u);return(0,jsx_runtime_namespaceObject.jsx)("div",{ref:s,...l,role:"dialog","aria-modal":t?"true":void 0,"aria-label":c.preferenceCenter.title,tabIndex:0,"data-testid":"iab-consent-dialog-card",...a,children:e})});for(var __rspack_i in IABConsentDialogCard.displayName="IABConsentDialogCard",exports.IABConsentDialogCard=__webpack_exports__.IABConsentDialogCard,__webpack_exports__)-1===["IABConsentDialogCard"].indexOf(__rspack_i)&&(exports[__rspack_i]=__webpack_exports__[__rspack_i]);Object.defineProperty(exports,"__esModule",{value:!0});
@@ -1 +1 @@
1
- import{jsx as e}from"react/jsx-runtime";import o from"@c15t/ui/styles/components/iab-consent-dialog.module.js";import{forwardRef as t,useEffect as r,useState as s}from"react";import{useConsentManager as a}from"../../../hooks/use-consent-manager.js";import{useFocusTrap as i}from"../../../hooks/use-focus-trap.js";import{useStyles as n}from"../../../hooks/use-styles.js";import{useTheme as m}from"../../../hooks/use-theme.js";import{cnExt as l}from"../../../utils/cn.js";import{useIABTranslations as d}from"../use-iab-translations.js";let c=t(({children:t,className:c,...u},p)=>{let{trapFocus:f}=m(),{activeUI:b}=a(),g=d(),[j,C]=s(!1),h="dialog"===b;return i(!!(h&&f),p),r(()=>{if(h)C(!0);else{let e=setTimeout(()=>{C(!1)},150);return()=>clearTimeout(e)}},[h]),e("div",{ref:p,...n("iabConsentDialogCard",{baseClassName:l(o.card,j?o.contentVisible:o.contentHidden),className:c}),role:"dialog","aria-modal":f?"true":void 0,"aria-label":g.preferenceCenter.title,tabIndex:0,"data-testid":"iab-consent-dialog-card",...u,children:t})});c.displayName="IABConsentDialogCard";export{c as IABConsentDialogCard};
1
+ import{jsx as e}from"react/jsx-runtime";import o from"@c15t/ui/styles/components/iab-consent-dialog.module.js";import{sanitizeDOMStyleProps as t}from"@c15t/ui/utils";import{forwardRef as r,useEffect as i,useState as s}from"react";import{useConsentManager as a}from"../../../hooks/use-consent-manager.js";import{useFocusTrap as m}from"../../../hooks/use-focus-trap.js";import{useStyles as n}from"../../../hooks/use-styles.js";import{useTheme as l}from"../../../hooks/use-theme.js";import{cnExt as d}from"../../../utils/cn.js";import{useIABTranslations as c}from"../use-iab-translations.js";let u=r(({children:r,className:u,...p},f)=>{let{trapFocus:b}=l(),{activeUI:g}=a(),j=c(),[C,h]=s(!1),k="dialog"===g;return m(!!(k&&b),f),i(()=>{if(k)h(!0);else{let e=setTimeout(()=>{h(!1)},150);return()=>clearTimeout(e)}},[k]),e("div",{ref:f,...t(n("iabConsentDialogCard",{baseClassName:d(o.card,C?o.contentVisible:o.contentHidden),className:u})),role:"dialog","aria-modal":b?"true":void 0,"aria-label":j.preferenceCenter.title,tabIndex:0,"data-testid":"iab-consent-dialog-card",...p,children:r})});u.displayName="IABConsentDialogCard";export{u as IABConsentDialogCard};
@@ -1 +1 @@
1
- "use strict";const __rslib_import_meta_url__="u"<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 a in _)__webpack_require__.o(_,a)&&!__webpack_require__.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:_[a]})},__webpack_require__.o=(e,_)=>Object.prototype.hasOwnProperty.call(e,_),__webpack_require__.r=e=>{"u">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__,{IABConsentDialogFooter:()=>IABConsentDialogFooter});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),iab_consent_dialog_module_js_namespaceObject=require("@c15t/ui/styles/components/iab-consent-dialog.module.js");var iab_consent_dialog_module_js_default=__webpack_require__.n(iab_consent_dialog_module_js_namespaceObject);const external_react_namespaceObject=require("react"),index_cjs_namespaceObject=require("../../shared/ui/button/index.cjs"),use_headless_iab_consent_ui_cjs_namespaceObject=require("../../../hooks/use-headless-iab-consent-ui.cjs"),use_styles_cjs_namespaceObject=require("../../../hooks/use-styles.cjs"),use_gvl_data_cjs_namespaceObject=require("../hooks/use-gvl-data.cjs"),external_use_iab_translations_cjs_namespaceObject=require("../use-iab-translations.cjs"),IABConsentDialogFooter=(0,external_react_namespaceObject.forwardRef)(({children:e,className:_,...a},s)=>{let{performDialogAction:t}=(0,use_headless_iab_consent_ui_cjs_namespaceObject.useHeadlessIABConsentUI)(),r=(0,external_use_iab_translations_cjs_namespaceObject.useIABTranslations)(),{isLoading:c}=(0,use_gvl_data_cjs_namespaceObject.useGVLData)(),n=(0,use_styles_cjs_namespaceObject.useStyles)("iabConsentDialogFooter",{baseClassName:iab_consent_dialog_module_js_default().footer,className:_});return(0,jsx_runtime_namespaceObject.jsx)("div",{ref:s,...n,...a,children:e||(0,jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment,{children:[(0,jsx_runtime_namespaceObject.jsxs)("div",{className:iab_consent_dialog_module_js_default().footerButtons,children:[(0,jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.Root,{variant:"neutral",mode:"stroke",size:"small",onClick:()=>{t("reject")},disabled:c,children:r.common.rejectAll}),(0,jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.Root,{variant:"neutral",mode:"stroke",size:"small",onClick:()=>{t("accept")},disabled:c,children:r.common.acceptAll})]}),(0,jsx_runtime_namespaceObject.jsx)("div",{className:iab_consent_dialog_module_js_default().footerSpacer}),(0,jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.Root,{variant:"primary",mode:"filled",size:"small",onClick:()=>{t("customize")},disabled:c,children:r.common.saveSettings})]})})});for(var __rspack_i in IABConsentDialogFooter.displayName="IABConsentDialogFooter",exports.IABConsentDialogFooter=__webpack_exports__.IABConsentDialogFooter,__webpack_exports__)-1===["IABConsentDialogFooter"].indexOf(__rspack_i)&&(exports[__rspack_i]=__webpack_exports__[__rspack_i]);Object.defineProperty(exports,"__esModule",{value:!0});
1
+ "use strict";const __rslib_import_meta_url__="u"<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 a in _)__webpack_require__.o(_,a)&&!__webpack_require__.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:_[a]})},__webpack_require__.o=(e,_)=>Object.prototype.hasOwnProperty.call(e,_),__webpack_require__.r=e=>{"u">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__,{IABConsentDialogFooter:()=>IABConsentDialogFooter});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),iab_consent_dialog_module_js_namespaceObject=require("@c15t/ui/styles/components/iab-consent-dialog.module.js");var iab_consent_dialog_module_js_default=__webpack_require__.n(iab_consent_dialog_module_js_namespaceObject);const utils_namespaceObject=require("@c15t/ui/utils"),external_react_namespaceObject=require("react"),index_cjs_namespaceObject=require("../../shared/ui/button/index.cjs"),use_headless_iab_consent_ui_cjs_namespaceObject=require("../../../hooks/use-headless-iab-consent-ui.cjs"),use_styles_cjs_namespaceObject=require("../../../hooks/use-styles.cjs"),use_gvl_data_cjs_namespaceObject=require("../hooks/use-gvl-data.cjs"),external_use_iab_translations_cjs_namespaceObject=require("../use-iab-translations.cjs"),IABConsentDialogFooter=(0,external_react_namespaceObject.forwardRef)(({children:e,className:_,...a},s)=>{let{performDialogAction:t}=(0,use_headless_iab_consent_ui_cjs_namespaceObject.useHeadlessIABConsentUI)(),r=(0,external_use_iab_translations_cjs_namespaceObject.useIABTranslations)(),{isLoading:c}=(0,use_gvl_data_cjs_namespaceObject.useGVLData)(),n=(0,use_styles_cjs_namespaceObject.useStyles)("iabConsentDialogFooter",{baseClassName:iab_consent_dialog_module_js_default().footer,className:_}),o=(0,utils_namespaceObject.sanitizeDOMStyleProps)(n);return(0,jsx_runtime_namespaceObject.jsx)("div",{ref:s,...o,...a,children:e||(0,jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment,{children:[(0,jsx_runtime_namespaceObject.jsxs)("div",{className:iab_consent_dialog_module_js_default().footerButtons,children:[(0,jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.Root,{variant:"neutral",mode:"stroke",size:"small",onClick:()=>{t("reject")},disabled:c,children:r.common.rejectAll}),(0,jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.Root,{variant:"neutral",mode:"stroke",size:"small",onClick:()=>{t("accept")},disabled:c,children:r.common.acceptAll})]}),(0,jsx_runtime_namespaceObject.jsx)("div",{className:iab_consent_dialog_module_js_default().footerSpacer}),(0,jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.Root,{variant:"primary",mode:"filled",size:"small",onClick:()=>{t("customize")},disabled:c,children:r.common.saveSettings})]})})});for(var __rspack_i in IABConsentDialogFooter.displayName="IABConsentDialogFooter",exports.IABConsentDialogFooter=__webpack_exports__.IABConsentDialogFooter,__webpack_exports__)-1===["IABConsentDialogFooter"].indexOf(__rspack_i)&&(exports[__rspack_i]=__webpack_exports__[__rspack_i]);Object.defineProperty(exports,"__esModule",{value:!0});
@@ -1 +1 @@
1
- import{Fragment as o,jsx as e,jsxs as t}from"react/jsx-runtime";import s from"@c15t/ui/styles/components/iab-consent-dialog.module.js";import{forwardRef as r}from"react";import{useHeadlessIABConsentUI as i}from"../../../hooks/use-headless-iab-consent-ui.js";import{useStyles as a}from"../../../hooks/use-styles.js";import{useGVLData as l}from"../hooks/use-gvl-data.js";import{useIABTranslations as m}from"../use-iab-translations.js";import*as n from"../../shared/ui/button/index.js";let c=r(({children:r,className:c,...d},p)=>{let{performDialogAction:u}=i(),f=m(),{isLoading:h}=l();return e("div",{ref:p,...a("iabConsentDialogFooter",{baseClassName:s.footer,className:c}),...d,children:r||t(o,{children:[t("div",{className:s.footerButtons,children:[e(n.Root,{variant:"neutral",mode:"stroke",size:"small",onClick:()=>{u("reject")},disabled:h,children:f.common.rejectAll}),e(n.Root,{variant:"neutral",mode:"stroke",size:"small",onClick:()=>{u("accept")},disabled:h,children:f.common.acceptAll})]}),e("div",{className:s.footerSpacer}),e(n.Root,{variant:"primary",mode:"filled",size:"small",onClick:()=>{u("customize")},disabled:h,children:f.common.saveSettings})]})})});c.displayName="IABConsentDialogFooter";export{c as IABConsentDialogFooter};
1
+ import{Fragment as o,jsx as e,jsxs as t}from"react/jsx-runtime";import s from"@c15t/ui/styles/components/iab-consent-dialog.module.js";import{sanitizeDOMStyleProps as i}from"@c15t/ui/utils";import{forwardRef as r}from"react";import{useHeadlessIABConsentUI as a}from"../../../hooks/use-headless-iab-consent-ui.js";import{useStyles as l}from"../../../hooks/use-styles.js";import{useGVLData as m}from"../hooks/use-gvl-data.js";import{useIABTranslations as n}from"../use-iab-translations.js";import*as c from"../../shared/ui/button/index.js";let d=r(({children:r,className:d,...u},p)=>{let{performDialogAction:f}=a(),h=n(),{isLoading:b}=m();return e("div",{ref:p,...i(l("iabConsentDialogFooter",{baseClassName:s.footer,className:d})),...u,children:r||t(o,{children:[t("div",{className:s.footerButtons,children:[e(c.Root,{variant:"neutral",mode:"stroke",size:"small",onClick:()=>{f("reject")},disabled:b,children:h.common.rejectAll}),e(c.Root,{variant:"neutral",mode:"stroke",size:"small",onClick:()=>{f("accept")},disabled:b,children:h.common.acceptAll})]}),e("div",{className:s.footerSpacer}),e(c.Root,{variant:"primary",mode:"filled",size:"small",onClick:()=>{f("customize")},disabled:b,children:h.common.saveSettings})]})})});d.displayName="IABConsentDialogFooter";export{d as IABConsentDialogFooter};
@@ -1 +1 @@
1
- "use strict";const __rslib_import_meta_url__="u"<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 a in _)__webpack_require__.o(_,a)&&!__webpack_require__.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:_[a]})},__webpack_require__.o=(e,_)=>Object.prototype.hasOwnProperty.call(e,_),__webpack_require__.r=e=>{"u">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__,{IABConsentDialogHeader:()=>IABConsentDialogHeader});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),iab_consent_dialog_module_js_namespaceObject=require("@c15t/ui/styles/components/iab-consent-dialog.module.js");var iab_consent_dialog_module_js_default=__webpack_require__.n(iab_consent_dialog_module_js_namespaceObject);const external_react_namespaceObject=require("react"),use_consent_manager_cjs_namespaceObject=require("../../../hooks/use-consent-manager.cjs"),use_styles_cjs_namespaceObject=require("../../../hooks/use-styles.cjs"),use_translations_cjs_namespaceObject=require("../../../hooks/use-translations.cjs"),external_use_iab_translations_cjs_namespaceObject=require("../use-iab-translations.cjs"),IABConsentDialogHeader=(0,external_react_namespaceObject.forwardRef)(({children:e,headerTitle:_,description:a,showCloseButton:s=!0,className:r},t)=>{let{setActiveUI:n}=(0,use_consent_manager_cjs_namespaceObject.useConsentManager)(),c=(0,external_use_iab_translations_cjs_namespaceObject.useIABTranslations)(),{common:o}=(0,use_translations_cjs_namespaceObject.useTranslations)(),i=(0,use_styles_cjs_namespaceObject.useStyles)("iabConsentDialogHeader",{baseClassName:iab_consent_dialog_module_js_default().header,className:r});return(0,jsx_runtime_namespaceObject.jsx)("div",{ref:t,...i,children:e||(0,jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment,{children:[(0,jsx_runtime_namespaceObject.jsxs)("div",{className:iab_consent_dialog_module_js_default().headerContent,children:[(0,jsx_runtime_namespaceObject.jsx)("h2",{className:iab_consent_dialog_module_js_default().title,children:_??c.preferenceCenter.title}),(0,jsx_runtime_namespaceObject.jsx)("p",{className:iab_consent_dialog_module_js_default().description,children:a??c.preferenceCenter.description})]}),s&&(0,jsx_runtime_namespaceObject.jsx)("button",{type:"button",onClick:()=>{n("none")},className:iab_consent_dialog_module_js_default().closeButton,"aria-label":o.close,children:(0,jsx_runtime_namespaceObject.jsxs)("svg",{style:{width:"1rem",height:"1rem"},viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[(0,jsx_runtime_namespaceObject.jsx)("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),(0,jsx_runtime_namespaceObject.jsx)("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]})})]})})});for(var __rspack_i in IABConsentDialogHeader.displayName="IABConsentDialogHeader",exports.IABConsentDialogHeader=__webpack_exports__.IABConsentDialogHeader,__webpack_exports__)-1===["IABConsentDialogHeader"].indexOf(__rspack_i)&&(exports[__rspack_i]=__webpack_exports__[__rspack_i]);Object.defineProperty(exports,"__esModule",{value:!0});
1
+ "use strict";const __rslib_import_meta_url__="u"<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 a in _)__webpack_require__.o(_,a)&&!__webpack_require__.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:_[a]})},__webpack_require__.o=(e,_)=>Object.prototype.hasOwnProperty.call(e,_),__webpack_require__.r=e=>{"u">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__,{IABConsentDialogHeader:()=>IABConsentDialogHeader});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),iab_consent_dialog_module_js_namespaceObject=require("@c15t/ui/styles/components/iab-consent-dialog.module.js");var iab_consent_dialog_module_js_default=__webpack_require__.n(iab_consent_dialog_module_js_namespaceObject);const utils_namespaceObject=require("@c15t/ui/utils"),external_react_namespaceObject=require("react"),use_consent_manager_cjs_namespaceObject=require("../../../hooks/use-consent-manager.cjs"),use_styles_cjs_namespaceObject=require("../../../hooks/use-styles.cjs"),use_translations_cjs_namespaceObject=require("../../../hooks/use-translations.cjs"),external_use_iab_translations_cjs_namespaceObject=require("../use-iab-translations.cjs"),IABConsentDialogHeader=(0,external_react_namespaceObject.forwardRef)(({children:e,headerTitle:_,description:a,showCloseButton:s=!0,className:t},r)=>{let{setActiveUI:n}=(0,use_consent_manager_cjs_namespaceObject.useConsentManager)(),c=(0,external_use_iab_translations_cjs_namespaceObject.useIABTranslations)(),{common:i}=(0,use_translations_cjs_namespaceObject.useTranslations)(),o=(0,use_styles_cjs_namespaceObject.useStyles)("iabConsentDialogHeader",{baseClassName:iab_consent_dialog_module_js_default().header,className:t}),l=(0,utils_namespaceObject.sanitizeDOMStyleProps)(o);return(0,jsx_runtime_namespaceObject.jsx)("div",{ref:r,...l,children:e||(0,jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment,{children:[(0,jsx_runtime_namespaceObject.jsxs)("div",{className:iab_consent_dialog_module_js_default().headerContent,children:[(0,jsx_runtime_namespaceObject.jsx)("h2",{className:iab_consent_dialog_module_js_default().title,children:_??c.preferenceCenter.title}),(0,jsx_runtime_namespaceObject.jsx)("p",{className:iab_consent_dialog_module_js_default().description,children:a??c.preferenceCenter.description})]}),s&&(0,jsx_runtime_namespaceObject.jsx)("button",{type:"button",onClick:()=>{n("none")},className:iab_consent_dialog_module_js_default().closeButton,"aria-label":i.close,children:(0,jsx_runtime_namespaceObject.jsxs)("svg",{style:{width:"1rem",height:"1rem"},viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[(0,jsx_runtime_namespaceObject.jsx)("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),(0,jsx_runtime_namespaceObject.jsx)("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]})})]})})});for(var __rspack_i in IABConsentDialogHeader.displayName="IABConsentDialogHeader",exports.IABConsentDialogHeader=__webpack_exports__.IABConsentDialogHeader,__webpack_exports__)-1===["IABConsentDialogHeader"].indexOf(__rspack_i)&&(exports[__rspack_i]=__webpack_exports__[__rspack_i]);Object.defineProperty(exports,"__esModule",{value:!0});
@@ -1 +1 @@
1
- import{Fragment as e,jsx as r,jsxs as o}from"react/jsx-runtime";import t from"@c15t/ui/styles/components/iab-consent-dialog.module.js";import{forwardRef as s}from"react";import{useConsentManager as n}from"../../../hooks/use-consent-manager.js";import{useStyles as i}from"../../../hooks/use-styles.js";import{useTranslations as l}from"../../../hooks/use-translations.js";import{useIABTranslations as a}from"../use-iab-translations.js";let m=s(({children:s,headerTitle:m,description:c,showCloseButton:d=!0,className:h},p)=>{let{setActiveUI:u}=n(),f=a(),{common:y}=l();return r("div",{ref:p,...i("iabConsentDialogHeader",{baseClassName:t.header,className:h}),children:s||o(e,{children:[o("div",{className:t.headerContent,children:[r("h2",{className:t.title,children:m??f.preferenceCenter.title}),r("p",{className:t.description,children:c??f.preferenceCenter.description})]}),d&&r("button",{type:"button",onClick:()=>{u("none")},className:t.closeButton,"aria-label":y.close,children:o("svg",{style:{width:"1rem",height:"1rem"},viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[r("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),r("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]})})]})})});m.displayName="IABConsentDialogHeader";export{m as IABConsentDialogHeader};
1
+ import{Fragment as e,jsx as r,jsxs as t}from"react/jsx-runtime";import o from"@c15t/ui/styles/components/iab-consent-dialog.module.js";import{sanitizeDOMStyleProps as s}from"@c15t/ui/utils";import{forwardRef as i}from"react";import{useConsentManager as n}from"../../../hooks/use-consent-manager.js";import{useStyles as l}from"../../../hooks/use-styles.js";import{useTranslations as a}from"../../../hooks/use-translations.js";import{useIABTranslations as m}from"../use-iab-translations.js";let c=i(({children:i,headerTitle:c,description:d,showCloseButton:h=!0,className:p},u)=>{let{setActiveUI:f}=n(),y=m(),{common:C}=a();return r("div",{ref:u,...s(l("iabConsentDialogHeader",{baseClassName:o.header,className:p})),children:i||t(e,{children:[t("div",{className:o.headerContent,children:[r("h2",{className:o.title,children:c??y.preferenceCenter.title}),r("p",{className:o.description,children:d??y.preferenceCenter.description})]}),h&&r("button",{type:"button",onClick:()=>{f("none")},className:o.closeButton,"aria-label":C.close,children:t("svg",{style:{width:"1rem",height:"1rem"},viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[r("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),r("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]})})]})})});c.displayName="IABConsentDialogHeader";export{c as IABConsentDialogHeader};
@@ -1 +1 @@
1
- "use strict";const __rslib_import_meta_url__="u"<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 t in _)__webpack_require__.o(_,t)&&!__webpack_require__.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:_[t]})},__webpack_require__.o=(e,_)=>Object.prototype.hasOwnProperty.call(e,_),__webpack_require__.r=e=>{"u">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__,{IABConsentDialogRoot:()=>IABConsentDialogRoot});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),iab_consent_dialog_module_js_namespaceObject=require("@c15t/ui/styles/components/iab-consent-dialog.module.js");var iab_consent_dialog_module_js_default=__webpack_require__.n(iab_consent_dialog_module_js_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_scroll_lock_cjs_namespaceObject=require("../../../hooks/use-scroll-lock.cjs"),use_styles_cjs_namespaceObject=require("../../../hooks/use-styles.cjs"),use_text_direction_cjs_namespaceObject=require("../../../hooks/use-text-direction.cjs"),cn_cjs_namespaceObject=require("../../../utils/cn.cjs"),external_overlay_cjs_namespaceObject=require("./overlay.cjs"),IABConsentDialogRoot=({children:e,open:_,models:t=["iab"],noStyle:c,disableAnimation:a,scrollLock:s,trapFocus:r=!0,uiSource:o})=>{let{activeUI:n,translationConfig:i,iab:l,policyDialog:u,model:j}=(0,use_consent_manager_cjs_namespaceObject.useConsentManager)(),p=(0,use_text_direction_cjs_namespaceObject.useTextDirection)(i.defaultLanguage),[b,m]=(0,external_react_namespaceObject.useState)(!1),[d,x]=(0,external_react_namespaceObject.useState)(!1),O=t.includes(j)&&(_??"dialog"===n),g=s??u.scrollLock??!0;if((0,use_scroll_lock_cjs_namespaceObject.useScrollLock)(!!(O&&g)),(0,external_react_namespaceObject.useEffect)(()=>{m(!0)},[]),(0,external_react_namespaceObject.useEffect)(()=>{if(O)x(!0);else if(a)x(!1);else{let e=setTimeout(()=>{x(!1)},150);return()=>clearTimeout(e)}},[O,a]),!b||!l?.config.enabled||!O&&!d)return null;let k=(0,use_styles_cjs_namespaceObject.useStyles)("iabConsentDialog",{baseClassName:(0,cn_cjs_namespaceObject.cnExt)(iab_consent_dialog_module_js_default().root,a?void 0:d?iab_consent_dialog_module_js_default().dialogVisible:iab_consent_dialog_module_js_default().dialogHidden)}),f=(0,jsx_runtime_namespaceObject.jsx)(consent_tracking_context_cjs_namespaceObject.ConsentTrackingContext.Provider,{value:{uiSource:o??"iab_dialog"},children:(0,jsx_runtime_namespaceObject.jsxs)(theme_context_cjs_namespaceObject.LocalThemeContext.Provider,{value:{disableAnimation:a,noStyle:c,scrollLock:g,trapFocus:r},children:[(0,jsx_runtime_namespaceObject.jsx)(external_overlay_cjs_namespaceObject.IABConsentDialogOverlay,{isOpen:O}),(0,jsx_runtime_namespaceObject.jsx)("div",{...k,"data-testid":"iab-consent-dialog-root",dir:p,children:e})]})});return(0,external_react_dom_namespaceObject.createPortal)(f,document.body)};for(var __rspack_i in IABConsentDialogRoot.displayName="IABConsentDialogRoot",exports.IABConsentDialogRoot=__webpack_exports__.IABConsentDialogRoot,__webpack_exports__)-1===["IABConsentDialogRoot"].indexOf(__rspack_i)&&(exports[__rspack_i]=__webpack_exports__[__rspack_i]);Object.defineProperty(exports,"__esModule",{value:!0});
1
+ "use strict";const __rslib_import_meta_url__="u"<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 t in _)__webpack_require__.o(_,t)&&!__webpack_require__.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:_[t]})},__webpack_require__.o=(e,_)=>Object.prototype.hasOwnProperty.call(e,_),__webpack_require__.r=e=>{"u">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__,{IABConsentDialogRoot:()=>IABConsentDialogRoot});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),iab_consent_dialog_module_js_namespaceObject=require("@c15t/ui/styles/components/iab-consent-dialog.module.js");var iab_consent_dialog_module_js_default=__webpack_require__.n(iab_consent_dialog_module_js_namespaceObject);const utils_namespaceObject=require("@c15t/ui/utils"),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_scroll_lock_cjs_namespaceObject=require("../../../hooks/use-scroll-lock.cjs"),use_styles_cjs_namespaceObject=require("../../../hooks/use-styles.cjs"),use_text_direction_cjs_namespaceObject=require("../../../hooks/use-text-direction.cjs"),cn_cjs_namespaceObject=require("../../../utils/cn.cjs"),external_overlay_cjs_namespaceObject=require("./overlay.cjs"),IABConsentDialogRoot=({children:e,open:_,models:t=["iab"],noStyle:c,disableAnimation:a,scrollLock:s,trapFocus:r=!0,uiSource:n})=>{let{activeUI:o,translationConfig:i,iab:l,policyDialog:u,model:j}=(0,use_consent_manager_cjs_namespaceObject.useConsentManager)(),p=(0,use_text_direction_cjs_namespaceObject.useTextDirection)(i.defaultLanguage),[b,m]=(0,external_react_namespaceObject.useState)(!1),[d,x]=(0,external_react_namespaceObject.useState)(!1),O=t.includes(j)&&(_??"dialog"===o),g=s??u.scrollLock??!0;if((0,use_scroll_lock_cjs_namespaceObject.useScrollLock)(!!(O&&g)),(0,external_react_namespaceObject.useEffect)(()=>{m(!0)},[]),(0,external_react_namespaceObject.useEffect)(()=>{if(O)x(!0);else if(a)x(!1);else{let e=setTimeout(()=>{x(!1)},150);return()=>clearTimeout(e)}},[O,a]),!b||!l?.config.enabled||!O&&!d)return null;let k=(0,use_styles_cjs_namespaceObject.useStyles)("iabConsentDialog",{baseClassName:(0,cn_cjs_namespaceObject.cnExt)(iab_consent_dialog_module_js_default().root,a?void 0:d?iab_consent_dialog_module_js_default().dialogVisible:iab_consent_dialog_module_js_default().dialogHidden)}),f=(0,utils_namespaceObject.sanitizeDOMStyleProps)(k),q=(0,jsx_runtime_namespaceObject.jsx)(consent_tracking_context_cjs_namespaceObject.ConsentTrackingContext.Provider,{value:{uiSource:n??"iab_dialog"},children:(0,jsx_runtime_namespaceObject.jsxs)(theme_context_cjs_namespaceObject.LocalThemeContext.Provider,{value:{disableAnimation:a,noStyle:c,scrollLock:g,trapFocus:r},children:[(0,jsx_runtime_namespaceObject.jsx)(external_overlay_cjs_namespaceObject.IABConsentDialogOverlay,{isOpen:O}),(0,jsx_runtime_namespaceObject.jsx)("div",{...f,"data-testid":"iab-consent-dialog-root",dir:p,children:e})]})});return(0,external_react_dom_namespaceObject.createPortal)(q,document.body)};for(var __rspack_i in IABConsentDialogRoot.displayName="IABConsentDialogRoot",exports.IABConsentDialogRoot=__webpack_exports__.IABConsentDialogRoot,__webpack_exports__)-1===["IABConsentDialogRoot"].indexOf(__rspack_i)&&(exports[__rspack_i]=__webpack_exports__[__rspack_i]);Object.defineProperty(exports,"__esModule",{value:!0});
@@ -1 +1 @@
1
- import{jsx as o,jsxs as e}from"react/jsx-runtime";import t from"@c15t/ui/styles/components/iab-consent-dialog.module.js";import{useEffect as i,useState as r}from"react";import{createPortal as s}from"react-dom";import{ConsentTrackingContext as l}from"../../../context/consent-tracking-context.js";import{LocalThemeContext as n}from"../../../context/theme-context.js";import{useConsentManager as a}from"../../../hooks/use-consent-manager.js";import{useScrollLock as m}from"../../../hooks/use-scroll-lock.js";import{useStyles as c}from"../../../hooks/use-styles.js";import{useTextDirection as d}from"../../../hooks/use-text-direction.js";import{cnExt as u}from"../../../utils/cn.js";import{IABConsentDialogOverlay as f}from"./overlay.js";let p=({children:p,open:g,models:b=["iab"],noStyle:j,disableAnimation:h,scrollLock:k,trapFocus:v=!0,uiSource:x})=>{let{activeUI:y,translationConfig:C,iab:D,policyDialog:L,model:A}=a(),B=d(C.defaultLanguage),[I,N]=r(!1),[P,R]=r(!1),T=b.includes(A)&&(g??"dialog"===y),H=k??L.scrollLock??!0;if(m(!!(T&&H)),i(()=>{N(!0)},[]),i(()=>{if(T)R(!0);else if(h)R(!1);else{let o=setTimeout(()=>{R(!1)},150);return()=>clearTimeout(o)}},[T,h]),!I||!D?.config.enabled||!T&&!P)return null;let O=c("iabConsentDialog",{baseClassName:u(t.root,h?void 0:P?t.dialogVisible:t.dialogHidden)}),S=o(l.Provider,{value:{uiSource:x??"iab_dialog"},children:e(n.Provider,{value:{disableAnimation:h,noStyle:j,scrollLock:H,trapFocus:v},children:[o(f,{isOpen:T}),o("div",{...O,"data-testid":"iab-consent-dialog-root",dir:B,children:p})]})});return s(S,document.body)};p.displayName="IABConsentDialogRoot";export{p as IABConsentDialogRoot};
1
+ import{jsx as o,jsxs as e}from"react/jsx-runtime";import t from"@c15t/ui/styles/components/iab-consent-dialog.module.js";import{sanitizeDOMStyleProps as i}from"@c15t/ui/utils";import{useEffect as r,useState as s}from"react";import{createPortal as l}from"react-dom";import{ConsentTrackingContext as n}from"../../../context/consent-tracking-context.js";import{LocalThemeContext as m}from"../../../context/theme-context.js";import{useConsentManager as a}from"../../../hooks/use-consent-manager.js";import{useScrollLock as c}from"../../../hooks/use-scroll-lock.js";import{useStyles as d}from"../../../hooks/use-styles.js";import{useTextDirection as u}from"../../../hooks/use-text-direction.js";import{cnExt as f}from"../../../utils/cn.js";import{IABConsentDialogOverlay as p}from"./overlay.js";let g=({children:g,open:b,models:j=["iab"],noStyle:h,disableAnimation:k,scrollLock:v,trapFocus:x=!0,uiSource:y})=>{let{activeUI:C,translationConfig:D,iab:L,policyDialog:A,model:B}=a(),I=u(D.defaultLanguage),[N,P]=s(!1),[R,T]=s(!1),H=j.includes(B)&&(b??"dialog"===C),O=v??A.scrollLock??!0;if(c(!!(H&&O)),r(()=>{P(!0)},[]),r(()=>{if(H)T(!0);else if(k)T(!1);else{let o=setTimeout(()=>{T(!1)},150);return()=>clearTimeout(o)}},[H,k]),!N||!L?.config.enabled||!H&&!R)return null;let S=i(d("iabConsentDialog",{baseClassName:f(t.root,k?void 0:R?t.dialogVisible:t.dialogHidden)})),V=o(n.Provider,{value:{uiSource:y??"iab_dialog"},children:e(m.Provider,{value:{disableAnimation:k,noStyle:h,scrollLock:O,trapFocus:x},children:[o(p,{isOpen:H}),o("div",{...S,"data-testid":"iab-consent-dialog-root",dir:I,children:g})]})});return l(V,document.body)};g.displayName="IABConsentDialogRoot";export{g as IABConsentDialogRoot};
@@ -1 +1 @@
1
- "use strict";const __rslib_import_meta_url__="u"<typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,_)=>{for(var 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=>{"u">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__,{Box:()=>Box});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),external_react_namespaceObject=require("react"),slot_cjs_namespaceObject=require("../libs/slot.cjs"),use_styles_cjs_namespaceObject=require("../../../hooks/use-styles.cjs"),Box=(0,external_react_namespaceObject.forwardRef)(({asChild:e,className:_,style:r,themeKey:t,baseClassName:c,noStyle:a,...s},o)=>{let p=(0,use_styles_cjs_namespaceObject.useStyles)(t,{baseClassName:c,className:_,style:r,noStyle:a}),i=e?slot_cjs_namespaceObject.Slot:"div";return(0,jsx_runtime_namespaceObject.jsx)(i,{ref:o,...s,...p})});for(var __rspack_i in Box.displayName="Box",exports.Box=__webpack_exports__.Box,__webpack_exports__)-1===["Box"].indexOf(__rspack_i)&&(exports[__rspack_i]=__webpack_exports__[__rspack_i]);Object.defineProperty(exports,"__esModule",{value:!0});
1
+ "use strict";const __rslib_import_meta_url__="u"<typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,_)=>{for(var 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=>{"u">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__,{Box:()=>Box});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),utils_namespaceObject=require("@c15t/ui/utils"),external_react_namespaceObject=require("react"),slot_cjs_namespaceObject=require("../libs/slot.cjs"),use_styles_cjs_namespaceObject=require("../../../hooks/use-styles.cjs"),Box=(0,external_react_namespaceObject.forwardRef)(({asChild:e,className:_,style:r,themeKey:t,baseClassName:c,noStyle:s,...a},o)=>{let p=(0,use_styles_cjs_namespaceObject.useStyles)(t,{baseClassName:c,className:_,style:r,noStyle:s}),i=(0,utils_namespaceObject.sanitizeDOMStyleProps)(p),u=e?slot_cjs_namespaceObject.Slot:"div";return(0,jsx_runtime_namespaceObject.jsx)(u,{ref:o,...a,...i})});for(var __rspack_i in Box.displayName="Box",exports.Box=__webpack_exports__.Box,__webpack_exports__)-1===["Box"].indexOf(__rspack_i)&&(exports[__rspack_i]=__webpack_exports__[__rspack_i]);Object.defineProperty(exports,"__esModule",{value:!0});
@@ -1 +1 @@
1
- import{jsx as r}from"react/jsx-runtime";import{forwardRef as o}from"react";import{Slot as t}from"../libs/slot.js";import{useStyles as e}from"../../../hooks/use-styles.js";let m=o(({asChild:o,className:m,style:s,themeKey:i,baseClassName:l,noStyle:p,...f},a)=>{let x=e(i,{baseClassName:l,className:m,style:s,noStyle:p});return r(o?t:"div",{ref:a,...f,...x})});m.displayName="Box";export{m as Box};
1
+ import{jsx as r}from"react/jsx-runtime";import{sanitizeDOMStyleProps as o}from"@c15t/ui/utils";import{forwardRef as t}from"react";import{Slot as m}from"../libs/slot.js";import{useStyles as e}from"../../../hooks/use-styles.js";let i=t(({asChild:t,className:i,style:s,themeKey:l,baseClassName:p,noStyle:f,...u},a)=>{let x=o(e(l,{baseClassName:p,className:i,style:s,noStyle:f}));return r(t?m:"div",{ref:a,...u,...x})});i.displayName="Box";export{i as Box};
@@ -0,0 +1 @@
1
+ @import "@c15t/ui/iab/styles.tw3.css";
@@ -0,0 +1 @@
1
+ @import "@c15t/ui/styles.tw3.css";
package/dist/version.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";const __rslib_import_meta_url__="u"<typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,_)=>{for(var 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=>{"u">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__,{version:()=>version});const version="2.0.0-rc.6";for(var __rspack_i in exports.version=__webpack_exports__.version,__webpack_exports__)-1===["version"].indexOf(__rspack_i)&&(exports[__rspack_i]=__webpack_exports__[__rspack_i]);Object.defineProperty(exports,"__esModule",{value:!0});
1
+ "use strict";const __rslib_import_meta_url__="u"<typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,_)=>{for(var 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=>{"u">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__,{version:()=>version});const version="2.0.0-rc.7";for(var __rspack_i in exports.version=__webpack_exports__.version,__webpack_exports__)-1===["version"].indexOf(__rspack_i)&&(exports[__rspack_i]=__webpack_exports__[__rspack_i]);Object.defineProperty(exports,"__esModule",{value:!0});
package/dist/version.js CHANGED
@@ -1 +1 @@
1
- let e="2.0.0-rc.6";export{e as version};
1
+ let e="2.0.0-rc.7";export{e as version};
@@ -67,25 +67,56 @@ interface ConsentBannerRootProps extends HTMLAttributes<HTMLDivElement> {
67
67
  * Basic usage:
68
68
  * ```tsx
69
69
  * <ConsentBanner.Root>
70
- * <ConsentBanner.Content>
71
- * {Banner content}
72
- * </ConsentBanner.Content>
70
+ * <ConsentBanner.Card>
71
+ * <ConsentBanner.Header>
72
+ * <ConsentBanner.Title />
73
+ * <ConsentBanner.Description />
74
+ * </ConsentBanner.Header>
75
+ * <ConsentBanner.Footer>
76
+ * <ConsentBanner.CustomizeButton />
77
+ * <ConsentBanner.FooterSubGroup>
78
+ * <ConsentBanner.RejectButton />
79
+ * <ConsentBanner.AcceptButton />
80
+ * </ConsentBanner.FooterSubGroup>
81
+ * </ConsentBanner.Footer>
82
+ * </ConsentBanner.Card>
73
83
  * </ConsentBanner.Root>
74
84
  * ```
75
85
  *
76
86
  * @example
77
- * With custom styling:
87
+ * Preferred styling with provider theme tokens and slots:
78
88
  * ```tsx
79
- * <ConsentBanner.Root
80
- * styles={{
81
- * root: "fixed bottom-0 w-full bg-white ",
82
- * content: "max-w-4xl mx-auto p-4",
83
- * title: "text-xl font-bold",
84
- * description: "mt-2 text-gray-600"
89
+ * <ConsentManagerProvider
90
+ * options={{
91
+ * theme: {
92
+ * colors: {
93
+ * surface: '#fffdf8',
94
+ * surfaceHover: '#f6f3ee',
95
+ * },
96
+ * slots: {
97
+ * consentBannerCard: 'rounded-3xl shadow-xl',
98
+ * consentBannerFooter: 'border-t border-black/10 px-6',
99
+ * consentBannerTitle: 'tracking-tight',
100
+ * },
101
+ * },
85
102
  * }}
86
103
  * >
87
- * { Banner content}
88
- * </ConsentBanner.Root>
104
+ * <ConsentBanner.Root>
105
+ * <ConsentBanner.Card>
106
+ * <ConsentBanner.Header>
107
+ * <ConsentBanner.Title />
108
+ * <ConsentBanner.Description />
109
+ * </ConsentBanner.Header>
110
+ * <ConsentBanner.Footer>
111
+ * <ConsentBanner.CustomizeButton />
112
+ * <ConsentBanner.FooterSubGroup>
113
+ * <ConsentBanner.RejectButton />
114
+ * <ConsentBanner.AcceptButton />
115
+ * </ConsentBanner.FooterSubGroup>
116
+ * </ConsentBanner.Footer>
117
+ * </ConsentBanner.Card>
118
+ * </ConsentBanner.Root>
119
+ * </ConsentManagerProvider>
89
120
  * ```
90
121
  *
91
122
  * @public