@c15t/react 0.0.1-rc.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE.md +595 -0
- package/README.md +55 -0
- package/dist/common/components/consent-manager-provider.cjs +93 -0
- package/dist/common/components/consent-manager-provider.d.ts +16 -0
- package/dist/common/components/consent-manager-provider.d.ts.map +1 -0
- package/dist/common/components/consent-manager-provider.js +59 -0
- package/dist/common/context/consent-manager-context.cjs +38 -0
- package/dist/common/context/consent-manager-context.d.ts +13 -0
- package/dist/common/context/consent-manager-context.d.ts.map +1 -0
- package/dist/common/context/consent-manager-context.js +4 -0
- package/dist/common/hooks/use-consent-manager.cjs +45 -0
- package/dist/common/hooks/use-consent-manager.d.ts +20 -0
- package/dist/common/hooks/use-consent-manager.d.ts.map +1 -0
- package/dist/common/hooks/use-consent-manager.js +11 -0
- package/dist/common/index.cjs +42 -0
- package/dist/common/index.d.ts +7 -0
- package/dist/common/index.d.ts.map +1 -0
- package/dist/common/index.js +9 -0
- package/dist/common/store/use-consent-manager.cjs +47 -0
- package/dist/common/store/use-consent-manager.d.ts +136 -0
- package/dist/common/store/use-consent-manager.d.ts.map +1 -0
- package/dist/common/store/use-consent-manager.js +13 -0
- package/dist/common/store/use-translations.cjs +58 -0
- package/dist/common/store/use-translations.d.ts +29 -0
- package/dist/common/store/use-translations.d.ts.map +1 -0
- package/dist/common/store/use-translations.js +24 -0
- package/dist/common/types/consent-manager.cjs +19 -0
- package/dist/common/types/consent-manager.d.ts +82 -0
- package/dist/common/types/consent-manager.d.ts.map +1 -0
- package/dist/common/types/consent-manager.js +0 -0
- package/dist/common/utils/theme.cjs +47 -0
- package/dist/common/utils/theme.d.ts +8 -0
- package/dist/common/utils/theme.d.ts.map +1 -0
- package/dist/common/utils/theme.js +13 -0
- package/dist/common/utils/translations.cjs +86 -0
- package/dist/common/utils/translations.d.ts +14 -0
- package/dist/common/utils/translations.d.ts.map +1 -0
- package/dist/common/utils/translations.js +50 -0
- package/dist/consent-manager-dialog/__tests__/styles.spec.cjs +218 -0
- package/dist/consent-manager-dialog/__tests__/styles.spec.d.ts +2 -0
- package/dist/consent-manager-dialog/__tests__/styles.spec.d.ts.map +1 -0
- package/dist/consent-manager-dialog/__tests__/styles.spec.js +183 -0
- package/dist/consent-manager-dialog/__tests__/utils.cjs +68 -0
- package/dist/consent-manager-dialog/__tests__/utils.d.ts +13 -0
- package/dist/consent-manager-dialog/__tests__/utils.d.ts.map +1 -0
- package/dist/consent-manager-dialog/__tests__/utils.js +34 -0
- package/dist/consent-manager-dialog/atoms/dialog-card.cjs +139 -0
- package/dist/consent-manager-dialog/atoms/dialog-card.d.ts +90 -0
- package/dist/consent-manager-dialog/atoms/dialog-card.d.ts.map +1 -0
- package/dist/consent-manager-dialog/atoms/dialog-card.js +94 -0
- package/dist/consent-manager-dialog/atoms/overlay.cjs +67 -0
- package/dist/consent-manager-dialog/atoms/overlay.d.ts +71 -0
- package/dist/consent-manager-dialog/atoms/overlay.d.ts.map +1 -0
- package/dist/consent-manager-dialog/atoms/overlay.js +32 -0
- package/dist/consent-manager-dialog/consent-manager-dialog.cjs +129 -0
- package/dist/consent-manager-dialog/consent-manager-dialog.css +75 -0
- package/dist/consent-manager-dialog/consent-manager-dialog.d.ts +44 -0
- package/dist/consent-manager-dialog/consent-manager-dialog.d.ts.map +1 -0
- package/dist/consent-manager-dialog/consent-manager-dialog.js +95 -0
- package/dist/consent-manager-dialog/index.cjs +51 -0
- package/dist/consent-manager-dialog/index.d.ts +4 -0
- package/dist/consent-manager-dialog/index.d.ts.map +1 -0
- package/dist/consent-manager-dialog/index.js +18 -0
- package/dist/consent-manager-dialog/theme.cjs +19 -0
- package/dist/consent-manager-dialog/theme.d.ts +19 -0
- package/dist/consent-manager-dialog/theme.d.ts.map +1 -0
- package/dist/consent-manager-dialog/theme.js +0 -0
- package/dist/consent-manager-widget/__tests__/styles.spec.cjs +228 -0
- package/dist/consent-manager-widget/__tests__/styles.spec.d.ts +2 -0
- package/dist/consent-manager-widget/__tests__/styles.spec.d.ts.map +1 -0
- package/dist/consent-manager-widget/__tests__/styles.spec.js +193 -0
- package/dist/consent-manager-widget/__tests__/utils.cjs +68 -0
- package/dist/consent-manager-widget/__tests__/utils.d.ts +13 -0
- package/dist/consent-manager-widget/__tests__/utils.d.ts.map +1 -0
- package/dist/consent-manager-widget/__tests__/utils.js +34 -0
- package/dist/consent-manager-widget/atoms/accordion.cjs +147 -0
- package/dist/consent-manager-widget/atoms/accordion.d.ts +57 -0
- package/dist/consent-manager-widget/atoms/accordion.d.ts.map +1 -0
- package/dist/consent-manager-widget/atoms/accordion.js +98 -0
- package/dist/consent-manager-widget/atoms/button.cjs +77 -0
- package/dist/consent-manager-widget/atoms/button.d.ts +17 -0
- package/dist/consent-manager-widget/atoms/button.d.ts.map +1 -0
- package/dist/consent-manager-widget/atoms/button.js +38 -0
- package/dist/consent-manager-widget/atoms/footer.cjs +70 -0
- package/dist/consent-manager-widget/atoms/footer.d.ts +22 -0
- package/dist/consent-manager-widget/atoms/footer.d.ts.map +1 -0
- package/dist/consent-manager-widget/atoms/footer.js +34 -0
- package/dist/consent-manager-widget/atoms/logo.cjs +101 -0
- package/dist/consent-manager-widget/atoms/logo.d.ts +8 -0
- package/dist/consent-manager-widget/atoms/logo.d.ts.map +1 -0
- package/dist/consent-manager-widget/atoms/logo.js +67 -0
- package/dist/consent-manager-widget/atoms/root.cjs +64 -0
- package/dist/consent-manager-widget/atoms/root.d.ts +82 -0
- package/dist/consent-manager-widget/atoms/root.d.ts.map +1 -0
- package/dist/consent-manager-widget/atoms/root.js +29 -0
- package/dist/consent-manager-widget/consent-manager-widget.cjs +98 -0
- package/dist/consent-manager-widget/consent-manager-widget.css +79 -0
- package/dist/consent-manager-widget/consent-manager-widget.d.ts +51 -0
- package/dist/consent-manager-widget/consent-manager-widget.d.ts.map +1 -0
- package/dist/consent-manager-widget/consent-manager-widget.js +64 -0
- package/dist/consent-manager-widget/index.cjs +62 -0
- package/dist/consent-manager-widget/index.d.ts +10 -0
- package/dist/consent-manager-widget/index.d.ts.map +1 -0
- package/dist/consent-manager-widget/index.js +29 -0
- package/dist/consent-manager-widget/theme.cjs +19 -0
- package/dist/consent-manager-widget/theme.d.ts +48 -0
- package/dist/consent-manager-widget/theme.d.ts.map +1 -0
- package/dist/consent-manager-widget/theme.js +0 -0
- package/dist/consent-manager-widget/types.cjs +19 -0
- package/dist/consent-manager-widget/types.d.ts +18 -0
- package/dist/consent-manager-widget/types.d.ts.map +1 -0
- package/dist/consent-manager-widget/types.js +0 -0
- package/dist/cookie-banner/__tests__/styles.spec.cjs +234 -0
- package/dist/cookie-banner/__tests__/styles.spec.d.ts +2 -0
- package/dist/cookie-banner/__tests__/styles.spec.d.ts.map +1 -0
- package/dist/cookie-banner/__tests__/styles.spec.js +199 -0
- package/dist/cookie-banner/__tests__/utils.cjs +67 -0
- package/dist/cookie-banner/__tests__/utils.d.ts +13 -0
- package/dist/cookie-banner/__tests__/utils.d.ts.map +1 -0
- package/dist/cookie-banner/__tests__/utils.js +33 -0
- package/dist/cookie-banner/atoms/overlay.cjs +71 -0
- package/dist/cookie-banner/atoms/overlay.d.ts +46 -0
- package/dist/cookie-banner/atoms/overlay.d.ts.map +1 -0
- package/dist/cookie-banner/atoms/overlay.js +36 -0
- package/dist/cookie-banner/atoms/root.cjs +116 -0
- package/dist/cookie-banner/atoms/root.d.ts +79 -0
- package/dist/cookie-banner/atoms/root.d.ts.map +1 -0
- package/dist/cookie-banner/atoms/root.js +81 -0
- package/dist/cookie-banner/components.cjs +160 -0
- package/dist/cookie-banner/components.d.ts +136 -0
- package/dist/cookie-banner/components.d.ts.map +1 -0
- package/dist/cookie-banner/components.js +109 -0
- package/dist/cookie-banner/cookie-banner.cjs +99 -0
- package/dist/cookie-banner/cookie-banner.css +226 -0
- package/dist/cookie-banner/cookie-banner.d.ts +134 -0
- package/dist/cookie-banner/cookie-banner.d.ts.map +1 -0
- package/dist/cookie-banner/cookie-banner.js +65 -0
- package/dist/cookie-banner/error-boundary.cjs +68 -0
- package/dist/cookie-banner/error-boundary.d.ts +56 -0
- package/dist/cookie-banner/error-boundary.d.ts.map +1 -0
- package/dist/cookie-banner/error-boundary.js +34 -0
- package/dist/cookie-banner/index.cjs +59 -0
- package/dist/cookie-banner/index.d.ts +52 -0
- package/dist/cookie-banner/index.d.ts.map +1 -0
- package/dist/cookie-banner/index.js +26 -0
- package/dist/cookie-banner/theme.cjs +19 -0
- package/dist/cookie-banner/theme.d.ts +30 -0
- package/dist/cookie-banner/theme.d.ts.map +1 -0
- package/dist/cookie-banner/theme.js +0 -0
- package/dist/index.cjs +89 -0
- package/dist/index.d.ts +11 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +8 -0
- package/dist/primitives/box.cjs +54 -0
- package/dist/primitives/box.d.ts +47 -0
- package/dist/primitives/box.d.ts.map +1 -0
- package/dist/primitives/box.js +20 -0
- package/dist/primitives/button.cjs +93 -0
- package/dist/primitives/button.d.ts +207 -0
- package/dist/primitives/button.d.ts.map +1 -0
- package/dist/primitives/button.js +59 -0
- package/dist/primitives/button.types.cjs +19 -0
- package/dist/primitives/button.types.d.ts +34 -0
- package/dist/primitives/button.types.d.ts.map +1 -0
- package/dist/primitives/button.types.js +0 -0
- package/dist/theme/context.cjs +44 -0
- package/dist/theme/context.d.ts +96 -0
- package/dist/theme/context.d.ts.map +1 -0
- package/dist/theme/context.js +9 -0
- package/dist/theme/index.cjs +39 -0
- package/dist/theme/index.d.ts +6 -0
- package/dist/theme/index.d.ts.map +1 -0
- package/dist/theme/index.js +6 -0
- package/dist/theme/style-keys.cjs +39 -0
- package/dist/theme/style-keys.d.ts +77 -0
- package/dist/theme/style-keys.d.ts.map +1 -0
- package/dist/theme/style-keys.js +5 -0
- package/dist/theme/use-style.cjs +95 -0
- package/dist/theme/use-style.d.ts +32 -0
- package/dist/theme/use-style.d.ts.map +1 -0
- package/dist/theme/use-style.js +61 -0
- package/dist/theme/utils/merge-styles.cjs +62 -0
- package/dist/theme/utils/merge-styles.d.ts +3 -0
- package/dist/theme/utils/merge-styles.d.ts.map +1 -0
- package/dist/theme/utils/merge-styles.js +28 -0
- package/dist/ui/components/accordion.cjs +204 -0
- package/dist/ui/components/accordion.css +158 -0
- package/dist/ui/components/accordion.d.ts +45 -0
- package/dist/ui/components/accordion.d.ts.map +1 -0
- package/dist/ui/components/accordion.js +164 -0
- package/dist/ui/components/button.cjs +185 -0
- package/dist/ui/components/button.css +303 -0
- package/dist/ui/components/button.d.ts +445 -0
- package/dist/ui/components/button.d.ts.map +1 -0
- package/dist/ui/components/button.js +149 -0
- package/dist/ui/components/card.cjs +80 -0
- package/dist/ui/components/card.css +55 -0
- package/dist/ui/components/card.d.ts +10 -0
- package/dist/ui/components/card.d.ts.map +1 -0
- package/dist/ui/components/card.js +41 -0
- package/dist/ui/components/icon.cjs +57 -0
- package/dist/ui/components/icon.d.ts +8 -0
- package/dist/ui/components/icon.d.ts.map +1 -0
- package/dist/ui/components/icon.js +23 -0
- package/dist/ui/components/logo.cjs +101 -0
- package/dist/ui/components/logo.d.ts +8 -0
- package/dist/ui/components/logo.d.ts.map +1 -0
- package/dist/ui/components/logo.js +67 -0
- package/dist/ui/components/switch.cjs +81 -0
- package/dist/ui/components/switch.css +135 -0
- package/dist/ui/components/switch.d.ts +25 -0
- package/dist/ui/components/switch.d.ts.map +1 -0
- package/dist/ui/components/switch.js +47 -0
- package/dist/ui/libs/cn.cjs +55 -0
- package/dist/ui/libs/cn.d.ts +11 -0
- package/dist/ui/libs/cn.d.ts.map +1 -0
- package/dist/ui/libs/cn.js +6 -0
- package/dist/ui/libs/polymorphic.cjs +19 -0
- package/dist/ui/libs/polymorphic.d.ts +15 -0
- package/dist/ui/libs/polymorphic.d.ts.map +1 -0
- package/dist/ui/libs/polymorphic.js +0 -0
- package/dist/ui/libs/recursive-clone-children.cjs +49 -0
- package/dist/ui/libs/recursive-clone-children.d.ts +14 -0
- package/dist/ui/libs/recursive-clone-children.d.ts.map +1 -0
- package/dist/ui/libs/recursive-clone-children.js +15 -0
- package/dist/ui/theme/context.cjs +6 -0
- package/dist/ui/theme/context.d.ts +2 -0
- package/dist/ui/theme/context.d.ts.map +1 -0
- package/dist/ui/theme/context.js +0 -0
- package/package.json +71 -0
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
|
|
3
|
+
import * as __WEBPACK_EXTERNAL_MODULE_motion_react_9decfa63__ from "motion/react";
|
|
4
|
+
import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
|
|
5
|
+
import * as __WEBPACK_EXTERNAL_MODULE_react_dom_7136dc57__ from "react-dom";
|
|
6
|
+
import * as __WEBPACK_EXTERNAL_MODULE__theme_index_js_1910c06e__ from "../../theme/index.js";
|
|
7
|
+
import * as __WEBPACK_EXTERNAL_MODULE__overlay_js_fdc96eda__ from "./overlay.js";
|
|
8
|
+
import * as __WEBPACK_EXTERNAL_MODULE__common_index_js_93bccd67__ from "../../common/index.js";
|
|
9
|
+
import * as __WEBPACK_EXTERNAL_MODULE__common_utils_theme_js_0ac6b2be__ from "../../common/utils/theme.js";
|
|
10
|
+
const CookieBannerRoot = ({ children, className, noStyle, disableAnimation, theme, ...props })=>{
|
|
11
|
+
const consentManager = (0, __WEBPACK_EXTERNAL_MODULE__common_index_js_93bccd67__.useConsentManager)();
|
|
12
|
+
const contextValue = {
|
|
13
|
+
disableAnimation,
|
|
14
|
+
noStyle,
|
|
15
|
+
theme
|
|
16
|
+
};
|
|
17
|
+
const mergedContextValue = (0, __WEBPACK_EXTERNAL_MODULE__common_utils_theme_js_0ac6b2be__.createThemeContextValue)(consentManager, contextValue);
|
|
18
|
+
return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__theme_index_js_1910c06e__.ThemeContext.Provider, {
|
|
19
|
+
value: mergedContextValue,
|
|
20
|
+
children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(CookieBannerRootChildren, {
|
|
21
|
+
disableAnimation: disableAnimation,
|
|
22
|
+
className: className,
|
|
23
|
+
...props,
|
|
24
|
+
children: children
|
|
25
|
+
})
|
|
26
|
+
});
|
|
27
|
+
};
|
|
28
|
+
const CookieBannerRootChildren = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(({ asChild, children, className, style, className: forwardedClassName, disableAnimation, ...props }, ref)=>{
|
|
29
|
+
const { showPopup } = (0, __WEBPACK_EXTERNAL_MODULE__common_index_js_93bccd67__.useConsentManager)();
|
|
30
|
+
const contentStyle = (0, __WEBPACK_EXTERNAL_MODULE__theme_index_js_1910c06e__.useStyles)('cookie-banner.root', {
|
|
31
|
+
baseClassName: [
|
|
32
|
+
'c15t-cookie-banner c15t-cookie-banner-root c15t-cookie-banner-root-bottom-left'
|
|
33
|
+
],
|
|
34
|
+
style,
|
|
35
|
+
className: className || forwardedClassName
|
|
36
|
+
});
|
|
37
|
+
const [isMounted, setIsMounted] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(false);
|
|
38
|
+
(0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
|
|
39
|
+
setIsMounted(true);
|
|
40
|
+
}, []);
|
|
41
|
+
if (!isMounted) return null;
|
|
42
|
+
return showPopup ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_dom_7136dc57__.createPortal)(/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.Fragment, {
|
|
43
|
+
children: [
|
|
44
|
+
/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__overlay_js_fdc96eda__.Overlay, {}),
|
|
45
|
+
disableAnimation ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
|
|
46
|
+
ref: ref,
|
|
47
|
+
...props,
|
|
48
|
+
...contentStyle,
|
|
49
|
+
"data-testid": "cookie-banner-root",
|
|
50
|
+
children: children
|
|
51
|
+
}) : /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_motion_react_9decfa63__.AnimatePresence, {
|
|
52
|
+
children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_motion_react_9decfa63__.motion.div, {
|
|
53
|
+
ref: ref,
|
|
54
|
+
initial: {
|
|
55
|
+
opacity: 0,
|
|
56
|
+
y: 50
|
|
57
|
+
},
|
|
58
|
+
animate: {
|
|
59
|
+
opacity: 1,
|
|
60
|
+
y: 0
|
|
61
|
+
},
|
|
62
|
+
exit: {
|
|
63
|
+
opacity: 0,
|
|
64
|
+
y: 50
|
|
65
|
+
},
|
|
66
|
+
transition: {
|
|
67
|
+
type: 'spring',
|
|
68
|
+
stiffness: 300,
|
|
69
|
+
damping: 30
|
|
70
|
+
},
|
|
71
|
+
...contentStyle,
|
|
72
|
+
"data-testid": "cookie-banner-root",
|
|
73
|
+
children: children
|
|
74
|
+
})
|
|
75
|
+
})
|
|
76
|
+
]
|
|
77
|
+
}), document.body) : null;
|
|
78
|
+
});
|
|
79
|
+
CookieBannerRootChildren.displayName = 'CookieBannerRootChildren';
|
|
80
|
+
const Root = CookieBannerRoot;
|
|
81
|
+
export { CookieBannerRoot, Root };
|
|
@@ -0,0 +1,160 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __webpack_require__ = {};
|
|
3
|
+
(()=>{
|
|
4
|
+
__webpack_require__.d = function(exports1, definition) {
|
|
5
|
+
for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: definition[key]
|
|
8
|
+
});
|
|
9
|
+
};
|
|
10
|
+
})();
|
|
11
|
+
(()=>{
|
|
12
|
+
__webpack_require__.o = function(obj, prop) {
|
|
13
|
+
return Object.prototype.hasOwnProperty.call(obj, prop);
|
|
14
|
+
};
|
|
15
|
+
})();
|
|
16
|
+
(()=>{
|
|
17
|
+
__webpack_require__.r = function(exports1) {
|
|
18
|
+
if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
|
|
19
|
+
value: 'Module'
|
|
20
|
+
});
|
|
21
|
+
Object.defineProperty(exports1, '__esModule', {
|
|
22
|
+
value: true
|
|
23
|
+
});
|
|
24
|
+
};
|
|
25
|
+
})();
|
|
26
|
+
var __webpack_exports__ = {};
|
|
27
|
+
__webpack_require__.r(__webpack_exports__);
|
|
28
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
29
|
+
CookieBannerFooterSubGroup: ()=>CookieBannerFooterSubGroup,
|
|
30
|
+
CustomizeButton: ()=>CustomizeButton,
|
|
31
|
+
Footer: ()=>Footer,
|
|
32
|
+
CookieBannerRejectButton: ()=>CookieBannerRejectButton,
|
|
33
|
+
CookieBannerCustomizeButton: ()=>CookieBannerCustomizeButton,
|
|
34
|
+
Header: ()=>Header,
|
|
35
|
+
RejectButton: ()=>RejectButton,
|
|
36
|
+
CookieBannerFooter: ()=>CookieBannerFooter,
|
|
37
|
+
CookieBannerHeader: ()=>CookieBannerHeader,
|
|
38
|
+
CookieBannerDescription: ()=>CookieBannerDescription,
|
|
39
|
+
Title: ()=>Title,
|
|
40
|
+
FooterSubGroup: ()=>FooterSubGroup,
|
|
41
|
+
CookieBannerAcceptButton: ()=>CookieBannerAcceptButton,
|
|
42
|
+
Description: ()=>Description,
|
|
43
|
+
Card: ()=>Card,
|
|
44
|
+
AcceptButton: ()=>AcceptButton,
|
|
45
|
+
CookieBannerCard: ()=>CookieBannerCard,
|
|
46
|
+
CookieBannerTitle: ()=>CookieBannerTitle
|
|
47
|
+
});
|
|
48
|
+
const jsx_runtime_namespaceObject = require("react/jsx-runtime");
|
|
49
|
+
const external_react_namespaceObject = require("react");
|
|
50
|
+
const box_cjs_namespaceObject = require("../primitives/box.cjs");
|
|
51
|
+
const button_cjs_namespaceObject = require("../primitives/button.cjs");
|
|
52
|
+
const index_cjs_namespaceObject = require("../theme/index.cjs");
|
|
53
|
+
const COOKIE_BANNER_TITLE_NAME = 'CookieBannerTitle';
|
|
54
|
+
const COOKIE_BANNER_DESCRIPTION_NAME = "CookieBannerDescription";
|
|
55
|
+
const COOKIE_BANNER_FOOTER_NAME = 'CookieBannerFooter';
|
|
56
|
+
const COOKIE_BANNER_CARD_NAME = 'CookieBannerCard';
|
|
57
|
+
const COOKIE_BANNER_HEADER_NAME = 'CookieBannerHeader';
|
|
58
|
+
const COOKIE_BANNER_FOOTER_SUB_GROUP_NAME = 'CookieBannerFooterSubGroup';
|
|
59
|
+
const COOKIE_BANNER_REJECT_BUTTON_NAME = 'CookieBannerRejectButton';
|
|
60
|
+
const COOKIE_BANNER_CUSTOMIZE_BUTTON_NAME = 'CookieBannerCustomizeButton';
|
|
61
|
+
const COOKIE_BANNER_ACCEPT_BUTTON_NAME = 'CookieBannerAcceptButton';
|
|
62
|
+
const CookieBannerTitle = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ children, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(box_cjs_namespaceObject.Box, {
|
|
63
|
+
ref: ref,
|
|
64
|
+
baseClassName: "c15t-cookie-banner-title",
|
|
65
|
+
"data-testid": "cookie-banner-title",
|
|
66
|
+
themeKey: "cookie-banner.header.title",
|
|
67
|
+
...props,
|
|
68
|
+
children: children
|
|
69
|
+
}));
|
|
70
|
+
CookieBannerTitle.displayName = COOKIE_BANNER_TITLE_NAME;
|
|
71
|
+
const CookieBannerDescription = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ children, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(box_cjs_namespaceObject.Box, {
|
|
72
|
+
ref: ref,
|
|
73
|
+
baseClassName: "c15t-cookie-banner-description",
|
|
74
|
+
"data-testid": "cookie-banner-description",
|
|
75
|
+
themeKey: "cookie-banner.header.description",
|
|
76
|
+
...props,
|
|
77
|
+
children: children
|
|
78
|
+
}));
|
|
79
|
+
CookieBannerDescription.displayName = COOKIE_BANNER_DESCRIPTION_NAME;
|
|
80
|
+
const CookieBannerFooter = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ children, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(box_cjs_namespaceObject.Box, {
|
|
81
|
+
ref: ref,
|
|
82
|
+
baseClassName: "c15t-cookie-banner-footer",
|
|
83
|
+
"data-testid": "cookie-banner-footer",
|
|
84
|
+
themeKey: "cookie-banner.footer",
|
|
85
|
+
...props,
|
|
86
|
+
children: children
|
|
87
|
+
}));
|
|
88
|
+
CookieBannerFooter.displayName = COOKIE_BANNER_FOOTER_NAME;
|
|
89
|
+
const CookieBannerCard = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ children, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(box_cjs_namespaceObject.Box, {
|
|
90
|
+
ref: ref,
|
|
91
|
+
baseClassName: "c15t-cookie-banner-card",
|
|
92
|
+
"data-testid": "cookie-banner-card",
|
|
93
|
+
themeKey: "cookie-banner.card",
|
|
94
|
+
...props,
|
|
95
|
+
children: children
|
|
96
|
+
}));
|
|
97
|
+
CookieBannerCard.displayName = COOKIE_BANNER_CARD_NAME;
|
|
98
|
+
const CookieBannerHeader = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ children, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(box_cjs_namespaceObject.Box, {
|
|
99
|
+
ref: ref,
|
|
100
|
+
baseClassName: "c15t-cookie-banner-header",
|
|
101
|
+
"data-testid": "cookie-banner-header",
|
|
102
|
+
themeKey: "cookie-banner.header.root",
|
|
103
|
+
...props,
|
|
104
|
+
children: children
|
|
105
|
+
}));
|
|
106
|
+
CookieBannerHeader.displayName = COOKIE_BANNER_HEADER_NAME;
|
|
107
|
+
const CookieBannerFooterSubGroup = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ children, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(box_cjs_namespaceObject.Box, {
|
|
108
|
+
ref: ref,
|
|
109
|
+
baseClassName: "c15t-cookie-banner-footer-sub-group",
|
|
110
|
+
"data-testid": "cookie-banner-footer-sub-group",
|
|
111
|
+
themeKey: "cookie-banner.footer.sub-group",
|
|
112
|
+
...props,
|
|
113
|
+
children: children
|
|
114
|
+
}));
|
|
115
|
+
CookieBannerFooterSubGroup.displayName = COOKIE_BANNER_FOOTER_SUB_GROUP_NAME;
|
|
116
|
+
const CookieBannerRejectButton = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ children, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.ConsentButton, {
|
|
117
|
+
ref: ref,
|
|
118
|
+
action: "reject-consent",
|
|
119
|
+
"data-testid": "cookie-banner-reject-button",
|
|
120
|
+
closeCookieBanner: true,
|
|
121
|
+
...props,
|
|
122
|
+
children: children
|
|
123
|
+
}));
|
|
124
|
+
CookieBannerRejectButton.displayName = COOKIE_BANNER_REJECT_BUTTON_NAME;
|
|
125
|
+
const CookieBannerCustomizeButton = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ children, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.ConsentButton, {
|
|
126
|
+
ref: ref,
|
|
127
|
+
action: "open-consent-dialog",
|
|
128
|
+
"data-testid": "cookie-banner-customize-button",
|
|
129
|
+
...props,
|
|
130
|
+
children: children
|
|
131
|
+
}));
|
|
132
|
+
CookieBannerCustomizeButton.displayName = COOKIE_BANNER_CUSTOMIZE_BUTTON_NAME;
|
|
133
|
+
const CookieBannerAcceptButton = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ children, ...props }, ref)=>{
|
|
134
|
+
const { noStyle } = (0, index_cjs_namespaceObject.useThemeContext)();
|
|
135
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.ConsentButton, {
|
|
136
|
+
ref: ref,
|
|
137
|
+
action: "accept-consent",
|
|
138
|
+
variant: "primary",
|
|
139
|
+
"data-testid": "cookie-banner-accept-button",
|
|
140
|
+
closeCookieBanner: true,
|
|
141
|
+
noStyle: noStyle,
|
|
142
|
+
...props,
|
|
143
|
+
children: children
|
|
144
|
+
});
|
|
145
|
+
});
|
|
146
|
+
CookieBannerAcceptButton.displayName = COOKIE_BANNER_ACCEPT_BUTTON_NAME;
|
|
147
|
+
const Title = CookieBannerTitle;
|
|
148
|
+
const Description = CookieBannerDescription;
|
|
149
|
+
const Footer = CookieBannerFooter;
|
|
150
|
+
const FooterSubGroup = CookieBannerFooterSubGroup;
|
|
151
|
+
const Card = CookieBannerCard;
|
|
152
|
+
const Header = CookieBannerHeader;
|
|
153
|
+
const RejectButton = CookieBannerRejectButton;
|
|
154
|
+
const CustomizeButton = CookieBannerCustomizeButton;
|
|
155
|
+
const AcceptButton = CookieBannerAcceptButton;
|
|
156
|
+
var __webpack_export_target__ = exports;
|
|
157
|
+
for(var __webpack_i__ in __webpack_exports__)__webpack_export_target__[__webpack_i__] = __webpack_exports__[__webpack_i__];
|
|
158
|
+
if (__webpack_exports__.__esModule) Object.defineProperty(__webpack_export_target__, '__esModule', {
|
|
159
|
+
value: true
|
|
160
|
+
});
|
|
@@ -0,0 +1,136 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @packageDocumentation
|
|
3
|
+
* Provides the core components for building cookie consent banners.
|
|
4
|
+
* Implements accessible, customizable components following GDPR and CCPA requirements.
|
|
5
|
+
*/
|
|
6
|
+
import { type BoxProps } from '../primitives/box';
|
|
7
|
+
import type { ConsentButtonProps } from '../primitives/button.types';
|
|
8
|
+
/**
|
|
9
|
+
* Title component for the cookie banner.
|
|
10
|
+
*
|
|
11
|
+
* @remarks
|
|
12
|
+
* Provides the main heading for the cookie consent notice.
|
|
13
|
+
* Implements proper heading semantics and supports theming.
|
|
14
|
+
*
|
|
15
|
+
* @example
|
|
16
|
+
* ```tsx
|
|
17
|
+
* <CookieBannerTitle>
|
|
18
|
+
* Cookie Preferences
|
|
19
|
+
* </CookieBannerTitle>
|
|
20
|
+
* ```
|
|
21
|
+
*/
|
|
22
|
+
declare const CookieBannerTitle: import("react").ForwardRefExoticComponent<Omit<BoxProps, "themeKey"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
23
|
+
/**
|
|
24
|
+
* Description component for the cookie banner.
|
|
25
|
+
*
|
|
26
|
+
* @remarks
|
|
27
|
+
* Provides explanatory text about cookie usage and privacy policies.
|
|
28
|
+
* Supports rich text content and proper accessibility attributes.
|
|
29
|
+
*
|
|
30
|
+
* @example
|
|
31
|
+
* ```tsx
|
|
32
|
+
* <CookieBannerDescription>
|
|
33
|
+
* We use cookies to enhance your browsing experience and analyze our traffic.
|
|
34
|
+
* </CookieBannerDescription>
|
|
35
|
+
* ```
|
|
36
|
+
*/
|
|
37
|
+
declare const CookieBannerDescription: import("react").ForwardRefExoticComponent<Omit<BoxProps, "themeKey"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
38
|
+
/**
|
|
39
|
+
* Footer component for the cookie banner.
|
|
40
|
+
*
|
|
41
|
+
* @remarks
|
|
42
|
+
* Contains action buttons and additional information.
|
|
43
|
+
* Implements proper layout and spacing for action items.
|
|
44
|
+
*
|
|
45
|
+
* @example
|
|
46
|
+
* ```tsx
|
|
47
|
+
* <CookieBannerFooter>
|
|
48
|
+
* <CookieBannerRejectButton>Reject All</CookieBannerRejectButton>
|
|
49
|
+
* <CookieBannerAcceptButton>Accept All</CookieBannerAcceptButton>
|
|
50
|
+
* </CookieBannerFooter>
|
|
51
|
+
* ```
|
|
52
|
+
*/
|
|
53
|
+
declare const CookieBannerFooter: import("react").ForwardRefExoticComponent<Omit<BoxProps, "themeKey"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
54
|
+
/**
|
|
55
|
+
* Card component for the cookie banner.
|
|
56
|
+
*
|
|
57
|
+
* @remarks
|
|
58
|
+
* Provides the main container for the cookie notice.
|
|
59
|
+
* Implements proper elevation and layout structure.
|
|
60
|
+
*
|
|
61
|
+
* @example
|
|
62
|
+
* ```tsx
|
|
63
|
+
* <CookieBannerCard>
|
|
64
|
+
* <CookieBannerHeader>
|
|
65
|
+
* <CookieBannerTitle>Cookie Notice</CookieBannerTitle>
|
|
66
|
+
* </CookieBannerHeader>
|
|
67
|
+
* </CookieBannerCard>
|
|
68
|
+
* ```
|
|
69
|
+
*/
|
|
70
|
+
declare const CookieBannerCard: import("react").ForwardRefExoticComponent<Omit<BoxProps, "themeKey"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
71
|
+
/**
|
|
72
|
+
* Header component for the cookie banner.
|
|
73
|
+
*
|
|
74
|
+
* @remarks
|
|
75
|
+
* Contains the title and description sections.
|
|
76
|
+
* Implements proper spacing and layout for header content.
|
|
77
|
+
*/
|
|
78
|
+
declare const CookieBannerHeader: import("react").ForwardRefExoticComponent<Omit<BoxProps, "themeKey"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
79
|
+
/**
|
|
80
|
+
* Footer sub-group component for organizing related actions.
|
|
81
|
+
*
|
|
82
|
+
* @remarks
|
|
83
|
+
* Groups related buttons or controls in the footer.
|
|
84
|
+
* Implements proper spacing and alignment for button groups.
|
|
85
|
+
*/
|
|
86
|
+
declare const CookieBannerFooterSubGroup: import("react").ForwardRefExoticComponent<Omit<BoxProps, "themeKey"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
87
|
+
/**
|
|
88
|
+
* Button to reject all non-essential cookies.
|
|
89
|
+
*
|
|
90
|
+
* @remarks
|
|
91
|
+
* Implements the reject action for cookie preferences.
|
|
92
|
+
* Provides proper accessibility attributes and keyboard interaction.
|
|
93
|
+
*
|
|
94
|
+
* @example
|
|
95
|
+
* ```tsx
|
|
96
|
+
* <CookieBannerRejectButton>
|
|
97
|
+
* Reject All Cookies
|
|
98
|
+
* </CookieBannerRejectButton>
|
|
99
|
+
* ```
|
|
100
|
+
*/
|
|
101
|
+
declare const CookieBannerRejectButton: import("react").ForwardRefExoticComponent<ConsentButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
102
|
+
/**
|
|
103
|
+
* Button to open detailed cookie preferences.
|
|
104
|
+
*
|
|
105
|
+
* @remarks
|
|
106
|
+
* Opens the detailed consent management interface.
|
|
107
|
+
* Implements proper focus management and keyboard interaction.
|
|
108
|
+
*/
|
|
109
|
+
declare const CookieBannerCustomizeButton: import("react").ForwardRefExoticComponent<ConsentButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
110
|
+
/**
|
|
111
|
+
* Button to accept all cookies.
|
|
112
|
+
*
|
|
113
|
+
* @remarks
|
|
114
|
+
* Implements the accept action for cookie preferences.
|
|
115
|
+
* Provides proper accessibility attributes and keyboard interaction.
|
|
116
|
+
* Supports theming and style customization.
|
|
117
|
+
*
|
|
118
|
+
* @example
|
|
119
|
+
* ```tsx
|
|
120
|
+
* <CookieBannerAcceptButton>
|
|
121
|
+
* Accept All Cookies
|
|
122
|
+
* </CookieBannerAcceptButton>
|
|
123
|
+
* ```
|
|
124
|
+
*/
|
|
125
|
+
declare const CookieBannerAcceptButton: import("react").ForwardRefExoticComponent<ConsentButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
126
|
+
declare const Title: import("react").ForwardRefExoticComponent<Omit<BoxProps, "themeKey"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
127
|
+
declare const Description: import("react").ForwardRefExoticComponent<Omit<BoxProps, "themeKey"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
128
|
+
declare const Footer: import("react").ForwardRefExoticComponent<Omit<BoxProps, "themeKey"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
129
|
+
declare const FooterSubGroup: import("react").ForwardRefExoticComponent<Omit<BoxProps, "themeKey"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
130
|
+
declare const Card: import("react").ForwardRefExoticComponent<Omit<BoxProps, "themeKey"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
131
|
+
declare const Header: import("react").ForwardRefExoticComponent<Omit<BoxProps, "themeKey"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
132
|
+
declare const RejectButton: import("react").ForwardRefExoticComponent<ConsentButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
133
|
+
declare const CustomizeButton: import("react").ForwardRefExoticComponent<ConsentButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
134
|
+
declare const AcceptButton: import("react").ForwardRefExoticComponent<ConsentButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
135
|
+
export { CookieBannerTitle, CookieBannerDescription, CookieBannerFooter, CookieBannerFooterSubGroup, CookieBannerCard, CookieBannerHeader, CookieBannerRejectButton, CookieBannerCustomizeButton, CookieBannerAcceptButton, Title, Description, Footer, FooterSubGroup, Card, Header, RejectButton, CustomizeButton, AcceptButton, };
|
|
136
|
+
//# sourceMappingURL=components.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../src/cookie-banner/components.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAEvD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAarE;;;;;;;;;;;;;GAaG;AACH,QAAA,MAAM,iBAAiB,uHAerB,CAAC;AAIH;;;;;;;;;;;;;GAaG;AACH,QAAA,MAAM,uBAAuB,uHAe3B,CAAC;AAIH;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,kBAAkB,uHAetB,CAAC;AAIH;;;;;;;;;;;;;;;GAeG;AACH,QAAA,MAAM,gBAAgB,uHAcrB,CAAC;AAIF;;;;;;GAMG;AACH,QAAA,MAAM,kBAAkB,uHAetB,CAAC;AAIH;;;;;;GAMG;AACH,QAAA,MAAM,0BAA0B,uHAe9B,CAAC;AAIH;;;;;;;;;;;;;GAaG;AACH,QAAA,MAAM,wBAAwB,kHAe5B,CAAC;AAIH;;;;;;GAMG;AACH,QAAA,MAAM,2BAA2B,kHAc/B,CAAC;AAIH;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,wBAAwB,kHAkB5B,CAAC;AAIH,QAAA,MAAM,KAAK,uHAAoB,CAAC;AAChC,QAAA,MAAM,WAAW,uHAA0B,CAAC;AAC5C,QAAA,MAAM,MAAM,uHAAqB,CAAC;AAClC,QAAA,MAAM,cAAc,uHAA6B,CAAC;AAClD,QAAA,MAAM,IAAI,uHAAmB,CAAC;AAC9B,QAAA,MAAM,MAAM,uHAAqB,CAAC;AAClC,QAAA,MAAM,YAAY,kHAA2B,CAAC;AAC9C,QAAA,MAAM,eAAe,kHAA8B,CAAC;AACpD,QAAA,MAAM,YAAY,kHAA2B,CAAC;AAE9C,OAAO,EACN,iBAAiB,EACjB,uBAAuB,EACvB,kBAAkB,EAClB,0BAA0B,EAC1B,gBAAgB,EAChB,kBAAkB,EAClB,wBAAwB,EACxB,2BAA2B,EAC3B,wBAAwB,EACxB,KAAK,EACL,WAAW,EACX,MAAM,EACN,cAAc,EACd,IAAI,EACJ,MAAM,EACN,YAAY,EACZ,eAAe,EACf,YAAY,GACZ,CAAC"}
|
|
@@ -0,0 +1,109 @@
|
|
|
1
|
+
import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
|
|
2
|
+
import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
|
|
3
|
+
import * as __WEBPACK_EXTERNAL_MODULE__primitives_box_js_84dcbf45__ from "../primitives/box.js";
|
|
4
|
+
import * as __WEBPACK_EXTERNAL_MODULE__primitives_button_js_d48a4290__ from "../primitives/button.js";
|
|
5
|
+
import * as __WEBPACK_EXTERNAL_MODULE__theme_index_js_46d040bc__ from "../theme/index.js";
|
|
6
|
+
const COOKIE_BANNER_TITLE_NAME = 'CookieBannerTitle';
|
|
7
|
+
const COOKIE_BANNER_DESCRIPTION_NAME = "CookieBannerDescription";
|
|
8
|
+
const COOKIE_BANNER_FOOTER_NAME = 'CookieBannerFooter';
|
|
9
|
+
const COOKIE_BANNER_CARD_NAME = 'CookieBannerCard';
|
|
10
|
+
const COOKIE_BANNER_HEADER_NAME = 'CookieBannerHeader';
|
|
11
|
+
const COOKIE_BANNER_FOOTER_SUB_GROUP_NAME = 'CookieBannerFooterSubGroup';
|
|
12
|
+
const COOKIE_BANNER_REJECT_BUTTON_NAME = 'CookieBannerRejectButton';
|
|
13
|
+
const COOKIE_BANNER_CUSTOMIZE_BUTTON_NAME = 'CookieBannerCustomizeButton';
|
|
14
|
+
const COOKIE_BANNER_ACCEPT_BUTTON_NAME = 'CookieBannerAcceptButton';
|
|
15
|
+
const CookieBannerTitle = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(({ children, ...props }, ref)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__primitives_box_js_84dcbf45__.Box, {
|
|
16
|
+
ref: ref,
|
|
17
|
+
baseClassName: "c15t-cookie-banner-title",
|
|
18
|
+
"data-testid": "cookie-banner-title",
|
|
19
|
+
themeKey: "cookie-banner.header.title",
|
|
20
|
+
...props,
|
|
21
|
+
children: children
|
|
22
|
+
}));
|
|
23
|
+
CookieBannerTitle.displayName = COOKIE_BANNER_TITLE_NAME;
|
|
24
|
+
const CookieBannerDescription = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(({ children, ...props }, ref)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__primitives_box_js_84dcbf45__.Box, {
|
|
25
|
+
ref: ref,
|
|
26
|
+
baseClassName: "c15t-cookie-banner-description",
|
|
27
|
+
"data-testid": "cookie-banner-description",
|
|
28
|
+
themeKey: "cookie-banner.header.description",
|
|
29
|
+
...props,
|
|
30
|
+
children: children
|
|
31
|
+
}));
|
|
32
|
+
CookieBannerDescription.displayName = COOKIE_BANNER_DESCRIPTION_NAME;
|
|
33
|
+
const CookieBannerFooter = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(({ children, ...props }, ref)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__primitives_box_js_84dcbf45__.Box, {
|
|
34
|
+
ref: ref,
|
|
35
|
+
baseClassName: "c15t-cookie-banner-footer",
|
|
36
|
+
"data-testid": "cookie-banner-footer",
|
|
37
|
+
themeKey: "cookie-banner.footer",
|
|
38
|
+
...props,
|
|
39
|
+
children: children
|
|
40
|
+
}));
|
|
41
|
+
CookieBannerFooter.displayName = COOKIE_BANNER_FOOTER_NAME;
|
|
42
|
+
const CookieBannerCard = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(({ children, ...props }, ref)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__primitives_box_js_84dcbf45__.Box, {
|
|
43
|
+
ref: ref,
|
|
44
|
+
baseClassName: "c15t-cookie-banner-card",
|
|
45
|
+
"data-testid": "cookie-banner-card",
|
|
46
|
+
themeKey: "cookie-banner.card",
|
|
47
|
+
...props,
|
|
48
|
+
children: children
|
|
49
|
+
}));
|
|
50
|
+
CookieBannerCard.displayName = COOKIE_BANNER_CARD_NAME;
|
|
51
|
+
const CookieBannerHeader = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(({ children, ...props }, ref)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__primitives_box_js_84dcbf45__.Box, {
|
|
52
|
+
ref: ref,
|
|
53
|
+
baseClassName: "c15t-cookie-banner-header",
|
|
54
|
+
"data-testid": "cookie-banner-header",
|
|
55
|
+
themeKey: "cookie-banner.header.root",
|
|
56
|
+
...props,
|
|
57
|
+
children: children
|
|
58
|
+
}));
|
|
59
|
+
CookieBannerHeader.displayName = COOKIE_BANNER_HEADER_NAME;
|
|
60
|
+
const CookieBannerFooterSubGroup = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(({ children, ...props }, ref)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__primitives_box_js_84dcbf45__.Box, {
|
|
61
|
+
ref: ref,
|
|
62
|
+
baseClassName: "c15t-cookie-banner-footer-sub-group",
|
|
63
|
+
"data-testid": "cookie-banner-footer-sub-group",
|
|
64
|
+
themeKey: "cookie-banner.footer.sub-group",
|
|
65
|
+
...props,
|
|
66
|
+
children: children
|
|
67
|
+
}));
|
|
68
|
+
CookieBannerFooterSubGroup.displayName = COOKIE_BANNER_FOOTER_SUB_GROUP_NAME;
|
|
69
|
+
const CookieBannerRejectButton = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(({ children, ...props }, ref)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__primitives_button_js_d48a4290__.ConsentButton, {
|
|
70
|
+
ref: ref,
|
|
71
|
+
action: "reject-consent",
|
|
72
|
+
"data-testid": "cookie-banner-reject-button",
|
|
73
|
+
closeCookieBanner: true,
|
|
74
|
+
...props,
|
|
75
|
+
children: children
|
|
76
|
+
}));
|
|
77
|
+
CookieBannerRejectButton.displayName = COOKIE_BANNER_REJECT_BUTTON_NAME;
|
|
78
|
+
const CookieBannerCustomizeButton = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(({ children, ...props }, ref)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__primitives_button_js_d48a4290__.ConsentButton, {
|
|
79
|
+
ref: ref,
|
|
80
|
+
action: "open-consent-dialog",
|
|
81
|
+
"data-testid": "cookie-banner-customize-button",
|
|
82
|
+
...props,
|
|
83
|
+
children: children
|
|
84
|
+
}));
|
|
85
|
+
CookieBannerCustomizeButton.displayName = COOKIE_BANNER_CUSTOMIZE_BUTTON_NAME;
|
|
86
|
+
const CookieBannerAcceptButton = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(({ children, ...props }, ref)=>{
|
|
87
|
+
const { noStyle } = (0, __WEBPACK_EXTERNAL_MODULE__theme_index_js_46d040bc__.useThemeContext)();
|
|
88
|
+
return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__primitives_button_js_d48a4290__.ConsentButton, {
|
|
89
|
+
ref: ref,
|
|
90
|
+
action: "accept-consent",
|
|
91
|
+
variant: "primary",
|
|
92
|
+
"data-testid": "cookie-banner-accept-button",
|
|
93
|
+
closeCookieBanner: true,
|
|
94
|
+
noStyle: noStyle,
|
|
95
|
+
...props,
|
|
96
|
+
children: children
|
|
97
|
+
});
|
|
98
|
+
});
|
|
99
|
+
CookieBannerAcceptButton.displayName = COOKIE_BANNER_ACCEPT_BUTTON_NAME;
|
|
100
|
+
const Title = CookieBannerTitle;
|
|
101
|
+
const Description = CookieBannerDescription;
|
|
102
|
+
const Footer = CookieBannerFooter;
|
|
103
|
+
const FooterSubGroup = CookieBannerFooterSubGroup;
|
|
104
|
+
const Card = CookieBannerCard;
|
|
105
|
+
const Header = CookieBannerHeader;
|
|
106
|
+
const RejectButton = CookieBannerRejectButton;
|
|
107
|
+
const CustomizeButton = CookieBannerCustomizeButton;
|
|
108
|
+
const AcceptButton = CookieBannerAcceptButton;
|
|
109
|
+
export { AcceptButton, Card, CookieBannerAcceptButton, CookieBannerCard, CookieBannerCustomizeButton, CookieBannerDescription, CookieBannerFooter, CookieBannerFooterSubGroup, CookieBannerHeader, CookieBannerRejectButton, CookieBannerTitle, CustomizeButton, Description, Footer, FooterSubGroup, Header, RejectButton, Title };
|
|
@@ -0,0 +1,99 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
"use strict";
|
|
3
|
+
var __webpack_require__ = {};
|
|
4
|
+
(()=>{
|
|
5
|
+
__webpack_require__.d = function(exports1, definition) {
|
|
6
|
+
for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: definition[key]
|
|
9
|
+
});
|
|
10
|
+
};
|
|
11
|
+
})();
|
|
12
|
+
(()=>{
|
|
13
|
+
__webpack_require__.o = function(obj, prop) {
|
|
14
|
+
return Object.prototype.hasOwnProperty.call(obj, prop);
|
|
15
|
+
};
|
|
16
|
+
})();
|
|
17
|
+
(()=>{
|
|
18
|
+
__webpack_require__.r = function(exports1) {
|
|
19
|
+
if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
|
|
20
|
+
value: 'Module'
|
|
21
|
+
});
|
|
22
|
+
Object.defineProperty(exports1, '__esModule', {
|
|
23
|
+
value: true
|
|
24
|
+
});
|
|
25
|
+
};
|
|
26
|
+
})();
|
|
27
|
+
var __webpack_exports__ = {};
|
|
28
|
+
__webpack_require__.r(__webpack_exports__);
|
|
29
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
30
|
+
CookieBanner: ()=>CookieBanner
|
|
31
|
+
});
|
|
32
|
+
const jsx_runtime_namespaceObject = require("react/jsx-runtime");
|
|
33
|
+
const external_error_boundary_cjs_namespaceObject = require("./error-boundary.cjs");
|
|
34
|
+
require("./cookie-banner.css");
|
|
35
|
+
const button_cjs_namespaceObject = require("../primitives/button.cjs");
|
|
36
|
+
const root_cjs_namespaceObject = require("./atoms/root.cjs");
|
|
37
|
+
const external_components_cjs_namespaceObject = require("./components.cjs");
|
|
38
|
+
const index_cjs_namespaceObject = require("../common/index.cjs");
|
|
39
|
+
const CookieBanner = ({ theme, noStyle, title, description, rejectButtonText, customizeButtonText, acceptButtonText })=>{
|
|
40
|
+
const { cookieBanner } = (0, index_cjs_namespaceObject.useTranslations)();
|
|
41
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_error_boundary_cjs_namespaceObject.ErrorBoundary, {
|
|
42
|
+
fallback: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
|
|
43
|
+
children: "Something went wrong with the Cookie Banner."
|
|
44
|
+
}),
|
|
45
|
+
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(root_cjs_namespaceObject.CookieBannerRoot, {
|
|
46
|
+
theme: theme,
|
|
47
|
+
noStyle: noStyle,
|
|
48
|
+
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_components_cjs_namespaceObject.CookieBannerCard, {
|
|
49
|
+
children: [
|
|
50
|
+
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_components_cjs_namespaceObject.CookieBannerHeader, {
|
|
51
|
+
children: [
|
|
52
|
+
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_components_cjs_namespaceObject.CookieBannerTitle, {
|
|
53
|
+
children: title || cookieBanner.title
|
|
54
|
+
}),
|
|
55
|
+
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_components_cjs_namespaceObject.CookieBannerDescription, {
|
|
56
|
+
children: description || cookieBanner.description
|
|
57
|
+
})
|
|
58
|
+
]
|
|
59
|
+
}),
|
|
60
|
+
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_components_cjs_namespaceObject.CookieBannerFooter, {
|
|
61
|
+
children: [
|
|
62
|
+
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_components_cjs_namespaceObject.CookieBannerFooterSubGroup, {
|
|
63
|
+
children: [
|
|
64
|
+
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.ConsentButton, {
|
|
65
|
+
action: "reject-consent",
|
|
66
|
+
closeCookieBanner: true,
|
|
67
|
+
themeKey: "cookie-banner.footer.reject-button",
|
|
68
|
+
"data-testid": "cookie-banner-reject-button",
|
|
69
|
+
children: rejectButtonText || cookieBanner.rejectAll
|
|
70
|
+
}),
|
|
71
|
+
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.ConsentButton, {
|
|
72
|
+
action: "open-consent-dialog",
|
|
73
|
+
closeCookieBanner: true,
|
|
74
|
+
themeKey: "cookie-banner.footer.customize-button",
|
|
75
|
+
"data-testid": "cookie-banner-customize-button",
|
|
76
|
+
children: customizeButtonText || cookieBanner.customize
|
|
77
|
+
})
|
|
78
|
+
]
|
|
79
|
+
}),
|
|
80
|
+
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.ConsentButton, {
|
|
81
|
+
action: "accept-consent",
|
|
82
|
+
variant: "primary",
|
|
83
|
+
closeCookieBanner: true,
|
|
84
|
+
themeKey: "cookie-banner.footer.accept-button",
|
|
85
|
+
"data-testid": "cookie-banner-accept-button",
|
|
86
|
+
children: acceptButtonText || cookieBanner.acceptAll
|
|
87
|
+
})
|
|
88
|
+
]
|
|
89
|
+
})
|
|
90
|
+
]
|
|
91
|
+
})
|
|
92
|
+
})
|
|
93
|
+
});
|
|
94
|
+
};
|
|
95
|
+
var __webpack_export_target__ = exports;
|
|
96
|
+
for(var __webpack_i__ in __webpack_exports__)__webpack_export_target__[__webpack_i__] = __webpack_exports__[__webpack_i__];
|
|
97
|
+
if (__webpack_exports__.__esModule) Object.defineProperty(__webpack_export_target__, '__esModule', {
|
|
98
|
+
value: true
|
|
99
|
+
});
|