@muchbetteradventures/consent-manager 5.7.1-beta.1 → 5.8.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -2
- package/commonjs/__tests__/consent-manager-builder/analytics.test.js +12 -12
- package/commonjs/__tests__/consent-manager-builder/fetch-destinations.test.js +10 -10
- package/commonjs/__tests__/consent-manager-builder/index.todo.js +17 -17
- package/commonjs/__tests__/consent-manager-builder/preferences.test.js +4 -4
- package/commonjs/__tests__/index.test.js +12 -12
- package/commonjs/consent-manager/banner.js +58 -31
- package/commonjs/consent-manager/buttons.js +62 -13
- package/commonjs/consent-manager/categories.js +2 -1
- package/commonjs/consent-manager/container.js +6 -6
- package/commonjs/consent-manager/dialog.js +47 -19
- package/commonjs/consent-manager/font-styles.js +2 -2
- package/commonjs/consent-manager/index.js +40 -13
- package/commonjs/consent-manager/preference-dialog.js +50 -22
- package/commonjs/consent-manager-builder/analytics.js +3 -3
- package/commonjs/consent-manager-builder/fetch-destinations.js +9 -9
- package/commonjs/consent-manager-builder/index.js +22 -18
- package/commonjs/consent-manager-builder/preferences.js +7 -6
- package/commonjs/hooks.js +4 -2
- package/commonjs/index.js +9 -7
- package/commonjs/standalone.js +41 -14
- package/esm/__tests__/consent-manager-builder/fetch-destinations.test.js +3 -3
- package/esm/__tests__/consent-manager-builder/index.todo.js +1 -1
- package/esm/__tests__/consent-manager-builder/preferences.test.js +1 -1
- package/esm/consent-manager/banner.js +26 -25
- package/esm/consent-manager/buttons.js +29 -7
- package/esm/consent-manager/container.js +5 -5
- package/esm/consent-manager/dialog.js +4 -2
- package/esm/consent-manager/index.js +7 -6
- package/esm/consent-manager/preference-dialog.js +10 -8
- package/esm/consent-manager-builder/analytics.js +1 -1
- package/esm/consent-manager-builder/fetch-destinations.js +6 -6
- package/esm/consent-manager-builder/index.js +16 -12
- package/esm/consent-manager-builder/preferences.js +1 -1
- package/esm/hooks.js +1 -1
- package/esm/index.js +3 -2
- package/esm/standalone.js +5 -5
- package/esm/types.js +1 -0
- package/package.json +13 -7
- package/standalone/consent-manager.js +3 -3
- package/standalone/consent-manager.js.map +1 -1
- package/types/consent-manager/banner.d.ts +4 -2
- package/types/consent-manager/buttons.d.ts +6 -11
- package/types/consent-manager/container.d.ts +5 -2
- package/types/consent-manager/index.d.ts +0 -1
- package/types/consent-manager-builder/index.d.ts +3 -4
- package/types/consent-manager-builder/preferences.d.ts +4 -5
- package/types/types.d.ts +10 -10
|
@@ -7,22 +7,50 @@ var __extends = (this && this.__extends) || (function () {
|
|
|
7
7
|
var extendStatics = function (d, b) {
|
|
8
8
|
extendStatics = Object.setPrototypeOf ||
|
|
9
9
|
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
10
|
-
function (d, b) { for (var p in b) if (
|
|
10
|
+
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
11
11
|
return extendStatics(d, b);
|
|
12
12
|
};
|
|
13
13
|
return function (d, b) {
|
|
14
|
+
if (typeof b !== "function" && b !== null)
|
|
15
|
+
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
14
16
|
extendStatics(d, b);
|
|
15
17
|
function __() { this.constructor = d; }
|
|
16
18
|
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
17
19
|
};
|
|
18
20
|
})();
|
|
19
|
-
var
|
|
20
|
-
if (
|
|
21
|
-
var
|
|
22
|
-
if (
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
21
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
22
|
+
if (k2 === undefined) k2 = k;
|
|
23
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
24
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
25
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
26
|
+
}
|
|
27
|
+
Object.defineProperty(o, k2, desc);
|
|
28
|
+
}) : (function(o, m, k, k2) {
|
|
29
|
+
if (k2 === undefined) k2 = k;
|
|
30
|
+
o[k2] = m[k];
|
|
31
|
+
}));
|
|
32
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
33
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
34
|
+
}) : function(o, v) {
|
|
35
|
+
o["default"] = v;
|
|
36
|
+
});
|
|
37
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
38
|
+
var ownKeys = function(o) {
|
|
39
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
40
|
+
var ar = [];
|
|
41
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
42
|
+
return ar;
|
|
43
|
+
};
|
|
44
|
+
return ownKeys(o);
|
|
45
|
+
};
|
|
46
|
+
return function (mod) {
|
|
47
|
+
if (mod && mod.__esModule) return mod;
|
|
48
|
+
var result = {};
|
|
49
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
50
|
+
__setModuleDefault(result, mod);
|
|
51
|
+
return result;
|
|
52
|
+
};
|
|
53
|
+
})();
|
|
26
54
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
27
55
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
28
56
|
};
|
|
@@ -31,44 +59,43 @@ var react_1 = __importStar(require("react"));
|
|
|
31
59
|
var react_emotion_1 = __importDefault(require("react-emotion"));
|
|
32
60
|
var buttons_1 = require("./buttons");
|
|
33
61
|
var font_styles_1 = __importDefault(require("./font-styles"));
|
|
34
|
-
var
|
|
35
|
-
var
|
|
36
|
-
var
|
|
37
|
-
var
|
|
38
|
-
var
|
|
39
|
-
var
|
|
40
|
-
var
|
|
62
|
+
var Overlay = (0, react_emotion_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background: rgba(0, 0, 0, 0.2);\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 1250;\n display: grid;\n place-items: center;\n"], ["\n background: rgba(0, 0, 0, 0.2);\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 1250;\n display: grid;\n place-items: center;\n"])));
|
|
63
|
+
var Title = (0, react_emotion_1.default)('h4')(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n margin-top: 0;\n margin-bottom: 0.7em;\n text-transform: uppercase;\n"], ["\n margin-top: 0;\n margin-bottom: 0.7em;\n text-transform: uppercase;\n"])));
|
|
64
|
+
var Root = (0, react_emotion_1.default)('div')(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n ", "\n border-radius: 4px;\n margin: 8px;\n max-width: 500px;\n padding: 16px;\n background: ", ";\n color: ", ";\n font-size: 14px;\n line-height: 1.3;\n outline: none;\n &:focus {\n outline: none;\n }\n @media screen and (max-width: 600px) {\n margin: 16px;\n max-width: calc(100% - 32px);\n }\n"], ["\n ", "\n border-radius: 4px;\n margin: 8px;\n max-width: 500px;\n padding: 16px;\n background: ", ";\n color: ", ";\n font-size: 14px;\n line-height: 1.3;\n outline: none;\n &:focus {\n outline: none;\n }\n @media screen and (max-width: 600px) {\n margin: 16px;\n max-width: calc(100% - 32px);\n }\n"])), font_styles_1.default, function (props) { return props.backgroundColor; }, function (props) { return props.textColor; });
|
|
65
|
+
var Content = (0, react_emotion_1.default)('div')(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n a,\n button {\n display: inline;\n padding: 0;\n border: none;\n background: none;\n color: inherit;\n font: inherit;\n text-decoration: underline;\n cursor: pointer;\n }\n margin-bottom: 0.7em;\n"], ["\n a,\n button {\n display: inline;\n padding: 0;\n border: none;\n background: none;\n color: inherit;\n font: inherit;\n text-decoration: underline;\n cursor: pointer;\n }\n margin-bottom: 0.7em;\n"])));
|
|
66
|
+
var P = (0, react_emotion_1.default)('p')(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n margin: 0;\n &:not(:last-child) {\n margin-bottom: 6px;\n }\n"], ["\n margin: 0;\n &:not(:last-child) {\n margin-bottom: 6px;\n }\n"])));
|
|
67
|
+
var Actions = (0, react_emotion_1.default)('div')(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n text-align: right;\n button.preferences {\n float: left;\n padding-left: 0;\n padding-right: 0;\n border-radius: 0;\n margin: 0;\n }\n"], ["\n text-align: right;\n button.preferences {\n float: left;\n padding-left: 0;\n padding-right: 0;\n border-radius: 0;\n margin: 0;\n }\n"])));
|
|
68
|
+
var PolicyLinkContainer = (0, react_emotion_1.default)('div')(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n display: flex;\n justify-content: flex-start;\n align-items: center;\n gap: 16px;\n"], ["\n display: flex;\n justify-content: flex-start;\n align-items: center;\n gap: 16px;\n"])));
|
|
69
|
+
var PolicyLink = (0, react_emotion_1.default)('a')(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n display: block;\n margin-top: 10px;\n font-size: 12px;\n text-align: left;\n color: inherit;\n opacity: 0.8;\n text-decoration: underline;\n"], ["\n display: block;\n margin-top: 10px;\n font-size: 12px;\n text-align: left;\n color: inherit;\n opacity: 0.8;\n text-decoration: underline;\n"])));
|
|
41
70
|
var Banner = /** @class */ (function (_super) {
|
|
42
71
|
__extends(Banner, _super);
|
|
43
72
|
function Banner() {
|
|
44
73
|
return _super !== null && _super.apply(this, arguments) || this;
|
|
45
74
|
}
|
|
46
75
|
Banner.prototype.componentDidMount = function () {
|
|
47
|
-
|
|
48
|
-
if (
|
|
49
|
-
|
|
50
|
-
if (element instanceof HTMLElement) {
|
|
51
|
-
element.focus();
|
|
52
|
-
}
|
|
76
|
+
var element = document.querySelector('[role="dialog"]');
|
|
77
|
+
if (element instanceof HTMLElement) {
|
|
78
|
+
element.focus();
|
|
53
79
|
}
|
|
54
80
|
};
|
|
55
81
|
Banner.prototype.render = function () {
|
|
56
|
-
var _a = this.props, innerRef = _a.innerRef, onClose = _a.onClose, onChangePreferences = _a.onChangePreferences, content = _a.content, backgroundColor = _a.backgroundColor, textColor = _a.textColor, showRejectAll = _a.showRejectAll,
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
return (react_1.default.createElement(Container, null,
|
|
60
|
-
react_1.default.createElement(Root, { innerRef: innerRef, backgroundColor: backgroundColor, textColor: textColor, floating: isFloating, role: "dialog", "aria-modal": !isFloating, tabIndex: -1 },
|
|
82
|
+
var _a = this.props, innerRef = _a.innerRef, onClose = _a.onClose, onChangePreferences = _a.onChangePreferences, content = _a.content, backgroundColor = _a.backgroundColor, textColor = _a.textColor, showRejectAll = _a.showRejectAll, privacyPolicyLinkHref = _a.privacyPolicyLinkHref, privacyPolicyLinkText = _a.privacyPolicyLinkText, cookiePolicyLinkHref = _a.cookiePolicyLinkHref, cookiePolicyLinkText = _a.cookiePolicyLinkText;
|
|
83
|
+
return (react_1.default.createElement(Overlay, null,
|
|
84
|
+
react_1.default.createElement(Root, { innerRef: innerRef, backgroundColor: backgroundColor, textColor: textColor, role: "dialog", "aria-modal": "true", tabIndex: -1 },
|
|
61
85
|
react_1.default.createElement(Content, null,
|
|
62
86
|
react_1.default.createElement(Title, null, "Cookies & Your Privacy"),
|
|
63
87
|
react_1.default.createElement(P, null, content)),
|
|
64
88
|
react_1.default.createElement(Actions, null,
|
|
65
|
-
react_1.default.createElement(buttons_1.
|
|
66
|
-
showRejectAll && (react_1.default.createElement(buttons_1.
|
|
67
|
-
react_1.default.createElement(buttons_1.
|
|
89
|
+
react_1.default.createElement(buttons_1.TertiaryButton, { className: "preferences", type: "button", title: "Preferences", "aria-label": "Manage cookie preferences", tabIndex: 0, onClick: onChangePreferences }, "Manage"),
|
|
90
|
+
showRejectAll && (react_1.default.createElement(buttons_1.SecondaryButton, { type: "button", title: "Reject", "aria-label": "Reject all cookies", tabIndex: 0, onClick: function () { return onClose("deny" /* CloseBehavior.DENY */); } }, "Reject All")),
|
|
91
|
+
react_1.default.createElement(buttons_1.PrimaryButton, { type: "button", title: "Accept", "aria-label": "Accept all cookies", tabIndex: 0, onClick: function () { return onClose("accept" /* CloseBehavior.ACCEPT */); } }, "Accept All")),
|
|
92
|
+
react_1.default.createElement(PolicyLinkContainer, null,
|
|
93
|
+
react_1.default.createElement(PolicyLink, { href: privacyPolicyLinkHref, target: "_blank", rel: "noopener noreferrer" }, privacyPolicyLinkText !== null && privacyPolicyLinkText !== void 0 ? privacyPolicyLinkText : 'Privacy policy'),
|
|
94
|
+
react_1.default.createElement(PolicyLink, { href: cookiePolicyLinkHref, target: "_blank", rel: "noopener noreferrer" }, cookiePolicyLinkText !== null && cookiePolicyLinkText !== void 0 ? cookiePolicyLinkText : 'Cookie policy')))));
|
|
68
95
|
};
|
|
69
96
|
Banner.displayName = 'Banner';
|
|
70
97
|
return Banner;
|
|
71
98
|
}(react_1.PureComponent));
|
|
72
99
|
exports.default = Banner;
|
|
73
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
|
|
74
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
100
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
|
|
101
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFubmVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2NvbnNlbnQtbWFuYWdlci9iYW5uZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLDZDQUE0QztBQUM1QyxnRUFBa0M7QUFDbEMscUNBQTBFO0FBRTFFLDhEQUFzQztBQUV0QyxJQUFNLE9BQU8sR0FBRyxJQUFBLHVCQUFNLEVBQUMsS0FBSyxDQUFDLGtQQUFBLCtLQVU1QixJQUFBLENBQUE7QUFFRCxJQUFNLEtBQUssR0FBRyxJQUFBLHVCQUFNLEVBQUMsSUFBSSxDQUFDLGdKQUFBLDZFQUl6QixJQUFBLENBQUE7QUFFRCxJQUFNLElBQUksR0FBRyxJQUFBLHVCQUFNLEVBQXdELEtBQUssQ0FBQyx3WUFBQSxNQUM3RSxFQUFVLGdHQUtFLEVBQThCLGNBQ25DLEVBQXdCLDJNQVdsQyxLQWpCRyxxQkFBVSxFQUtFLFVBQUEsS0FBSyxJQUFJLE9BQUEsS0FBSyxDQUFDLGVBQWUsRUFBckIsQ0FBcUIsRUFDbkMsVUFBQSxLQUFLLElBQUksT0FBQSxLQUFLLENBQUMsU0FBUyxFQUFmLENBQWUsQ0FXbEMsQ0FBQTtBQUVELElBQU0sT0FBTyxHQUFHLElBQUEsdUJBQU0sRUFBQyxLQUFLLENBQUMsd1NBQUEscU9BYTVCLElBQUEsQ0FBQTtBQUVELElBQU0sQ0FBQyxHQUFHLElBQUEsdUJBQU0sRUFBQyxHQUFHLENBQUMsMklBQUEsd0VBS3BCLElBQUEsQ0FBQTtBQUVELElBQU0sT0FBTyxHQUFHLElBQUEsdUJBQU0sRUFBQyxLQUFLLENBQUMsZ09BQUEsNkpBUzVCLElBQUEsQ0FBQTtBQUVELElBQU0sbUJBQW1CLEdBQUcsSUFBQSx1QkFBTSxFQUFDLEtBQUssQ0FBQywrSkFBQSw0RkFLeEMsSUFBQSxDQUFBO0FBRUQsSUFBTSxVQUFVLEdBQUcsSUFBQSx1QkFBTSxF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
|
|
@@ -3,23 +3,72 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
|
|
|
3
3
|
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
4
|
return cooked;
|
|
5
5
|
};
|
|
6
|
-
var
|
|
7
|
-
if (
|
|
8
|
-
var
|
|
9
|
-
if (
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
6
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
7
|
+
if (k2 === undefined) k2 = k;
|
|
8
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
9
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
10
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
11
|
+
}
|
|
12
|
+
Object.defineProperty(o, k2, desc);
|
|
13
|
+
}) : (function(o, m, k, k2) {
|
|
14
|
+
if (k2 === undefined) k2 = k;
|
|
15
|
+
o[k2] = m[k];
|
|
16
|
+
}));
|
|
17
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
18
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
19
|
+
}) : function(o, v) {
|
|
20
|
+
o["default"] = v;
|
|
21
|
+
});
|
|
22
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
23
|
+
var ownKeys = function(o) {
|
|
24
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
25
|
+
var ar = [];
|
|
26
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
27
|
+
return ar;
|
|
28
|
+
};
|
|
29
|
+
return ownKeys(o);
|
|
30
|
+
};
|
|
31
|
+
return function (mod) {
|
|
32
|
+
if (mod && mod.__esModule) return mod;
|
|
33
|
+
var result = {};
|
|
34
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
35
|
+
__setModuleDefault(result, mod);
|
|
36
|
+
return result;
|
|
37
|
+
};
|
|
38
|
+
})();
|
|
13
39
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
40
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
41
|
};
|
|
16
42
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
43
|
+
exports.TertiaryButton = exports.SecondaryButton = exports.PrimaryButton = void 0;
|
|
17
44
|
var react_emotion_1 = __importStar(require("react-emotion"));
|
|
18
45
|
var font_styles_1 = __importDefault(require("./font-styles"));
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
46
|
+
// Inject Rubik font from Google Fonts
|
|
47
|
+
(0, react_emotion_1.injectGlobal)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n @import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;700&display=swap');\n"], ["\n @import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;700&display=swap');\n"])));
|
|
48
|
+
var baseStyles = (0, react_emotion_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n ", ";\n border: none;\n border-radius: 4px;\n cursor: pointer;\n box-sizing: border-box;\n text-transform: none;\n margin-left: 8px;\n transition: background-color 0.2s ease, border-color 0.2s ease, opacity 0.2s ease;\n"], ["\n ", ";\n border: none;\n border-radius: 4px;\n cursor: pointer;\n box-sizing: border-box;\n text-transform: none;\n margin-left: 8px;\n transition: background-color 0.2s ease, border-color 0.2s ease, opacity 0.2s ease;\n"
|
|
49
|
+
// Primary button - MBA Green variant
|
|
50
|
+
// Used for Accept All and Save actions
|
|
51
|
+
// Figma: bg #a0cc3d, text #2a2d2c, padding 14px 16px, font 500/18px, border-radius 4px
|
|
52
|
+
])), font_styles_1.default);
|
|
53
|
+
// Primary button - MBA Green variant
|
|
54
|
+
// Used for Accept All and Save actions
|
|
55
|
+
// Figma: bg #a0cc3d, text #2a2d2c, padding 14px 16px, font 500/18px, border-radius 4px
|
|
56
|
+
exports.PrimaryButton = (0, react_emotion_1.default)('button')(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n ", ";\n background-color: #a0cc3d;\n color: #2a2d2c;\n padding: 14px 16px;\n font-size: 16px;\n font-weight: 500;\n line-height: 16px;\n letter-spacing: -0.36px;\n &:hover {\n opacity: 0.9;\n }\n &:focus {\n outline: 2px solid #a0cc3d;\n outline-offset: 2px;\n }\n"], ["\n ", ";\n background-color: #a0cc3d;\n color: #2a2d2c;\n padding: 14px 16px;\n font-size: 16px;\n font-weight: 500;\n line-height: 16px;\n letter-spacing: -0.36px;\n &:hover {\n opacity: 0.9;\n }\n &:focus {\n outline: 2px solid #a0cc3d;\n outline-offset: 2px;\n }\n"
|
|
57
|
+
// Secondary button - outlined style with lime border
|
|
58
|
+
// Used for Reject All action
|
|
59
|
+
// Figma: bg #f4f4f4, border #a0cc3d, text #2a2d2c, padding 14px 16px, font 500/16px
|
|
60
|
+
])), baseStyles);
|
|
61
|
+
// Secondary button - outlined style with lime border
|
|
62
|
+
// Used for Reject All action
|
|
63
|
+
// Figma: bg #f4f4f4, border #a0cc3d, text #2a2d2c, padding 14px 16px, font 500/16px
|
|
64
|
+
exports.SecondaryButton = (0, react_emotion_1.default)('button')(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n ", ";\n background-color: #f4f4f4;\n color: #2a2d2c;\n border: 1px solid #a0cc3d;\n padding: 14px 16px;\n font-size: 16px;\n font-weight: 500;\n line-height: 16px;\n letter-spacing: -0.36px;\n &:hover {\n background-color: #e8e8e8;\n }\n &:focus {\n outline: 2px solid #a0cc3d;\n outline-offset: 2px;\n }\n"], ["\n ", ";\n background-color: #f4f4f4;\n color: #2a2d2c;\n border: 1px solid #a0cc3d;\n padding: 14px 16px;\n font-size: 16px;\n font-weight: 500;\n line-height: 16px;\n letter-spacing: -0.36px;\n &:hover {\n background-color: #e8e8e8;\n }\n &:focus {\n outline: 2px solid #a0cc3d;\n outline-offset: 2px;\n }\n"
|
|
65
|
+
// Tertiary button - text only, no border
|
|
66
|
+
// Used for Manage preferences action
|
|
67
|
+
// Figma: no bg, text #2a2d2c, padding 14px 16px, font 700/12px
|
|
68
|
+
])), baseStyles);
|
|
69
|
+
// Tertiary button - text only, no border
|
|
70
|
+
// Used for Manage preferences action
|
|
71
|
+
// Figma: no bg, text #2a2d2c, padding 14px 16px, font 700/12px
|
|
72
|
+
exports.TertiaryButton = (0, react_emotion_1.default)('button')(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n ", ";\n background-color: transparent;\n color: #2a2d2c;\n padding: 14px 16px;\n font-size: 12px;\n font-weight: 700;\n line-height: 16px;\n letter-spacing: -0.24px;\n margin-left: 0;\n &:hover {\n text-decoration: underline;\n }\n &:focus {\n outline: 2px solid #2a2d2c;\n outline-offset: 2px;\n }\n"], ["\n ", ";\n background-color: transparent;\n color: #2a2d2c;\n padding: 14px 16px;\n font-size: 12px;\n font-weight: 700;\n line-height: 16px;\n letter-spacing: -0.24px;\n margin-left: 0;\n &:hover {\n text-decoration: underline;\n }\n &:focus {\n outline: 2px solid #2a2d2c;\n outline-offset: 2px;\n }\n"])), baseStyles);
|
|
24
73
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
|
|
25
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
74
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9ucy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb25zZW50LW1hbmFnZXIvYnV0dG9ucy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLDZEQUF5RDtBQUN6RCw4REFBc0M7QUFFdEMsc0NBQXNDO0FBQ3RDLElBQUEsNEJBQVksd0tBQUEsb0dBRVgsS0FBQTtBQUVELElBQU0sVUFBVSxPQUFHLG1CQUFHLDRTQUFBLE1BQ2xCLEVBQVUsZ09BUWI7SUFFRCxxQ0FBcUM7SUFDckMsdUNBQXVDO0lBQ3ZDLHVGQUF1RjtLQVpuRixxQkFBVSxDQVFiLENBQUE7QUFFRCxxQ0FBcUM7QUFDckMsdUNBQXVDO0FBQ3ZDLHVGQUF1RjtBQUMxRSxRQUFBLGFBQWEsR0FBRyxJQUFBLHVCQUFNLEVBQUMsUUFBUSxDQUFDLHFXQUFBLE1BQ3pDLEVBQVUsMFJBZWI7SUFFRCxxREFBcUQ7SUFDckQsNkJBQTZCO0lBQzdCLG9GQUFvRjtLQW5CaEYsVUFBVSxFQWViO0FBRUQscURBQXFEO0FBQ3JELDZCQUE2QjtBQUM3QixvRkFBb0Y7QUFDdkUsUUFBQSxlQUFlLEdBQUcsSUFBQSx1QkFBTSxFQUFDLFFBQVEsQ0FBQyxnWkFBQSxNQUMzQyxFQUFVLHFVQWdCYjtJQUVELHlDQUF5QztJQUN6QyxxQ0FBcUM7SUFDckMsK0RBQStEO0tBcEIzRCxVQUFVLEVBZ0JiO0FBRUQseUNBQXlDO0FBQ3pDLHFDQUFxQztBQUNyQywrREFBK0Q7QUFDbEQsUUFBQSxjQUFjLEdBQUcsSUFBQSx1QkFBTSxFQUFDLFFBQVEsQ0FBQywwWUFBQSxNQUMxQyxFQUFVLCtUQWdCYixLQWhCRyxVQUFVLEVBZ0JiIn0=
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.FUNCTIONAL_CATEGORIES = exports.ADVERTISING_CATEGORIES = exports.MARKETING_AND_ANALYTICS_CATEGORIES = void 0;
|
|
3
4
|
exports.MARKETING_AND_ANALYTICS_CATEGORIES = [
|
|
4
5
|
'A/B Testing',
|
|
5
6
|
'Analytics',
|
|
@@ -25,4 +26,4 @@ exports.FUNCTIONAL_CATEGORIES = [
|
|
|
25
26
|
'SMS & Push Notifications',
|
|
26
27
|
'Security & Fraud'
|
|
27
28
|
];
|
|
28
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
29
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2F0ZWdvcmllcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb25zZW50LW1hbmFnZXIvY2F0ZWdvcmllcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFBYSxRQUFBLGtDQUFrQyxHQUFHO0lBQ2hELGFBQWE7SUFDYixXQUFXO0lBQ1gsYUFBYTtJQUNiLE9BQU87SUFDUCxZQUFZO0lBQ1osdUJBQXVCO0lBQ3ZCLFVBQVU7SUFDVixxQkFBcUI7SUFDckIsV0FBVztJQUNYLFNBQVM7SUFDVCxPQUFPO0NBQ1IsQ0FBQTtBQUVZLFFBQUEsc0JBQXNCLEdBQUcsQ0FBQyxhQUFhLEVBQUUsY0FBYyxDQUFDLENBQUE7QUFFeEQsUUFBQSxxQkFBcUIsR0FBRztJQUNuQyxLQUFLO0lBQ0wsa0JBQWtCO0lBQ2xCLGNBQWM7SUFDZCxVQUFVO0lBQ1YsVUFBVTtJQUNWLHdCQUF3QjtJQUN4QixpQkFBaUI7SUFDakIsMEJBQTBCO0lBQzFCLGtCQUFrQjtDQUNuQixDQUFBIn0=
|
|
@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.openDialog = openDialog;
|
|
6
7
|
var events_1 = __importDefault(require("events"));
|
|
7
8
|
var react_1 = __importDefault(require("react"));
|
|
8
9
|
var banner_1 = __importDefault(require("./banner"));
|
|
@@ -13,7 +14,6 @@ var emitter = new events_1.default();
|
|
|
13
14
|
function openDialog() {
|
|
14
15
|
emitter.emit('openDialog');
|
|
15
16
|
}
|
|
16
|
-
exports.openDialog = openDialog;
|
|
17
17
|
function normalizeDestinations(destinations) {
|
|
18
18
|
var marketingDestinations = [];
|
|
19
19
|
var advertisingDestinations = [];
|
|
@@ -80,10 +80,10 @@ var Container = function (props) {
|
|
|
80
80
|
var onClose = function (forceCloseBehavior) {
|
|
81
81
|
var closeBehavior = forceCloseBehavior || props.closeBehavior;
|
|
82
82
|
toggleDialog(false);
|
|
83
|
-
if (closeBehavior === undefined || closeBehavior === "dismiss" /* DISMISS */) {
|
|
83
|
+
if (closeBehavior === undefined || closeBehavior === "dismiss" /* CloseBehavior.DISMISS */) {
|
|
84
84
|
return toggleBanner(false);
|
|
85
85
|
}
|
|
86
|
-
if (closeBehavior === "accept" /* ACCEPT */) {
|
|
86
|
+
if (closeBehavior === "accept" /* CloseBehavior.ACCEPT */) {
|
|
87
87
|
var truePreferences = Object.keys(props.preferences).reduce(function (acc, category) {
|
|
88
88
|
acc[category] = true;
|
|
89
89
|
return acc;
|
|
@@ -91,7 +91,7 @@ var Container = function (props) {
|
|
|
91
91
|
props.setPreferences(truePreferences);
|
|
92
92
|
return props.saveConsent();
|
|
93
93
|
}
|
|
94
|
-
if (closeBehavior === "deny" /* DENY */) {
|
|
94
|
+
if (closeBehavior === "deny" /* CloseBehavior.DENY */) {
|
|
95
95
|
var falsePreferences = Object.keys(props.preferences).reduce(function (acc, category) {
|
|
96
96
|
acc[category] = false;
|
|
97
97
|
return acc;
|
|
@@ -126,8 +126,8 @@ var Container = function (props) {
|
|
|
126
126
|
}
|
|
127
127
|
};
|
|
128
128
|
return (react_1.default.createElement("div", null,
|
|
129
|
-
showBanner && props.isConsentRequired && props.newDestinations.length > 0 && (react_1.default.createElement(banner_1.default, { innerRef: function (current) { return (banner = { current: current }); }, onClose: onClose, onChangePreferences: function () { return toggleDialog(true); }, content: props.bannerContent, subContent: props.bannerSubContent, textColor: props.bannerTextColor, backgroundColor: props.bannerBackgroundColor, showRejectAll: props.showRejectAll,
|
|
129
|
+
showBanner && props.isConsentRequired && props.newDestinations.length > 0 && (react_1.default.createElement(banner_1.default, { innerRef: function (current) { return (banner = { current: current }); }, onClose: onClose, onChangePreferences: function () { return toggleDialog(true); }, content: props.bannerContent, subContent: props.bannerSubContent, textColor: props.bannerTextColor, backgroundColor: props.bannerBackgroundColor, showRejectAll: props.showRejectAll, privacyPolicyLinkHref: props.privacyPolicyLinkHref, privacyPolicyLinkText: props.privacyPolicyLinkText, cookiePolicyLinkHref: props.cookiePolicyLinkHref, cookiePolicyLinkText: props.cookiePolicyLinkText })),
|
|
130
130
|
isDialogOpen && (react_1.default.createElement(preference_dialog_1.default, { customCategories: props.customCategories, destinations: props.destinations, preferences: props.preferences, innerRef: function (current) { return (preferenceDialog = { current: current }); }, onCancel: handleCancel, onSave: handleSave, onChange: handleCategoryChange, onClose: onClose, marketingDestinations: marketingDestinations, advertisingDestinations: advertisingDestinations, functionalDestinations: functionalDestinations, marketingAndAnalytics: props.preferences.marketingAndAnalytics, advertising: props.preferences.advertising, functional: props.preferences.functional, title: props.preferencesDialogTitle, content: props.preferencesDialogContent }))));
|
|
131
131
|
};
|
|
132
132
|
exports.default = Container;
|
|
133
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
133
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGFpbmVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2NvbnNlbnQtbWFuYWdlci9jb250YWluZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7O0FBZUEsZ0NBRUM7QUFqQkQsa0RBQWlDO0FBQ2pDLGdEQUF5QjtBQUN6QixvREFBNkI7QUFDN0IsMEVBQWtEO0FBQ2xELDJDQUE0RTtBQVE1RSxzRUFBZ0Y7QUFFaEYsSUFBTSxPQUFPLEdBQUcsSUFBSSxnQkFBWSxFQUFFLENBQUE7QUFDbEMsU0FBZ0IsVUFBVTtJQUN4QixPQUFPLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFBO0FBQzVCLENBQUM7QUF1Q0QsU0FBUyxxQkFBcUIsQ0FBQyxZQUEyQjtJQUN4RCxJQUFNLHFCQUFxQixHQUFrQixFQUFFLENBQUE7SUFDL0MsSUFBTSx1QkFBdUIsR0FBa0IsRUFBRSxDQUFBO0lBQ2pELElBQU0sc0JBQXNCLEdBQWtCLEVBQUUsQ0FBQTs0QkFFckMsV0FBVztRQUNwQixJQUFJLG1DQUFzQixDQUFDLElBQUksQ0FBQyxVQUFBLENBQUMsSUFBSSxPQUFBLENBQUMsS0FBSyxXQUFXLENBQUMsUUFBUSxFQUExQixDQUEwQixDQUFDLEVBQUUsQ0FBQztZQUNqRSx1QkFBdUIsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUE7UUFDM0MsQ0FBQzthQUFNLElBQUksa0NBQXFCLENBQUMsSUFBSSxDQUFDLFVBQUEsQ0FBQyxJQUFJLE9BQUEsQ0FBQyxLQUFLLFdBQVcsQ0FBQyxRQUFRLEVBQTFCLENBQTBCLENBQUMsRUFBRSxDQUFDO1lBQ3ZFLHNCQUFzQixDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQTtRQUMxQyxDQUFDO2FBQU0sQ0FBQztZQUNOLHdCQUF3QjtZQUN4QixxQkFBcUIsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUE7UUFDekMsQ0FBQzs7SUFSSCxLQUEwQixVQUFZLEVBQVosNkJBQVksRUFB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
|
|
@@ -7,22 +7,50 @@ var __extends = (this && this.__extends) || (function () {
|
|
|
7
7
|
var extendStatics = function (d, b) {
|
|
8
8
|
extendStatics = Object.setPrototypeOf ||
|
|
9
9
|
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
10
|
-
function (d, b) { for (var p in b) if (
|
|
10
|
+
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
11
11
|
return extendStatics(d, b);
|
|
12
12
|
};
|
|
13
13
|
return function (d, b) {
|
|
14
|
+
if (typeof b !== "function" && b !== null)
|
|
15
|
+
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
14
16
|
extendStatics(d, b);
|
|
15
17
|
function __() { this.constructor = d; }
|
|
16
18
|
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
17
19
|
};
|
|
18
20
|
})();
|
|
19
|
-
var
|
|
20
|
-
if (
|
|
21
|
-
var
|
|
22
|
-
if (
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
21
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
22
|
+
if (k2 === undefined) k2 = k;
|
|
23
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
24
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
25
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
26
|
+
}
|
|
27
|
+
Object.defineProperty(o, k2, desc);
|
|
28
|
+
}) : (function(o, m, k, k2) {
|
|
29
|
+
if (k2 === undefined) k2 = k;
|
|
30
|
+
o[k2] = m[k];
|
|
31
|
+
}));
|
|
32
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
33
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
34
|
+
}) : function(o, v) {
|
|
35
|
+
o["default"] = v;
|
|
36
|
+
});
|
|
37
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
38
|
+
var ownKeys = function(o) {
|
|
39
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
40
|
+
var ar = [];
|
|
41
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
42
|
+
return ar;
|
|
43
|
+
};
|
|
44
|
+
return ownKeys(o);
|
|
45
|
+
};
|
|
46
|
+
return function (mod) {
|
|
47
|
+
if (mod && mod.__esModule) return mod;
|
|
48
|
+
var result = {};
|
|
49
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
50
|
+
__setModuleDefault(result, mod);
|
|
51
|
+
return result;
|
|
52
|
+
};
|
|
53
|
+
})();
|
|
26
54
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
27
55
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
28
56
|
};
|
|
@@ -34,15 +62,15 @@ var nanoid_1 = __importDefault(require("nanoid"));
|
|
|
34
62
|
var font_styles_1 = __importDefault(require("./font-styles"));
|
|
35
63
|
var ANIMATION_DURATION = '200ms';
|
|
36
64
|
var ANIMATION_EASING = 'cubic-bezier(0.0, 0.0, 0.2, 1)';
|
|
37
|
-
var Overlay = react_emotion_1.default('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: fixed;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n z-index: 1251;\n display: flex;\n align-items: center;\n justify-content: center;\n background: rgba(0, 0, 0, 0.3);\n"], ["\n position: fixed;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n z-index: 1251;\n display: flex;\n align-items: center;\n justify-content: center;\n background: rgba(0, 0, 0, 0.3);\n"])));
|
|
38
|
-
var openAnimation = react_emotion_1.keyframes(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n from {\n transform: scale(0.8);\n opacity: 0;\n }\n to {\n transform: scale(1);\n opacity: 1;\n }\n"], ["\n from {\n transform: scale(0.8);\n opacity: 0;\n }\n to {\n transform: scale(1);\n opacity: 1;\n }\n"])));
|
|
39
|
-
var Root = react_emotion_1.default('section')(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n ", ";\n display: flex;\n flex-direction: column;\n max-width: calc(100vw - 16px);\n max-height: calc(100vh - 16px);\n width: ", ";\n margin: 8px;\n background: #fff;\n border-radius: 8px;\n animation: ", " ", " ", " both;\n outline: none;\n &:focus {\n outline: none;\n box-shadow: 0 0 0 2px #1976d2;\n }\n"], ["\n ", ";\n display: flex;\n flex-direction: column;\n max-width: calc(100vw - 16px);\n max-height: calc(100vh - 16px);\n width: ", ";\n margin: 8px;\n background: #fff;\n border-radius: 8px;\n animation: ", " ", " ", " both;\n outline: none;\n &:focus {\n outline: none;\n box-shadow: 0 0 0 2px #1976d2;\n }\n"])), font_styles_1.default, function (props) { return props.width; }, openAnimation, ANIMATION_DURATION, ANIMATION_EASING);
|
|
40
|
-
var Form = react_emotion_1.default('form')(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n min-height: 0;\n"], ["\n display: flex;\n flex-direction: column;\n min-height: 0;\n"])));
|
|
41
|
-
var Header = react_emotion_1.default('div')(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n flex: 1 0 auto;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 12px 16px;\n border-bottom: 1px solid rgba(67, 90, 111, 0.079);\n"], ["\n flex: 1 0 auto;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 12px 16px;\n border-bottom: 1px solid rgba(67, 90, 111, 0.079);\n"])));
|
|
42
|
-
var Title = react_emotion_1.default('h4')(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n margin: 0;\n text-transform: uppercase;\n"], ["\n margin: 0;\n text-transform: uppercase;\n"])));
|
|
43
|
-
var HeaderCancelButton = react_emotion_1.default('button')(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n padding: 8px;\n border: none;\n background: none;\n color: inherit;\n font: inherit;\n font-size: 14px;\n line-height: 1;\n cursor: pointer;\n"], ["\n padding: 8px;\n border: none;\n background: none;\n color: inherit;\n font: inherit;\n font-size: 14px;\n line-height: 1;\n cursor: pointer;\n"])));
|
|
44
|
-
var Content = react_emotion_1.default('div')(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n overflow-y: auto;\n padding: 16px;\n padding-bottom: 0;\n min-height: 0;\n font-size: 14px;\n line-height: 1.2;\n\n p {\n margin: 0;\n &:not(:last-child) {\n margin-bottom: 0.7em;\n }\n }\n"], ["\n overflow-y: auto;\n padding: 16px;\n padding-bottom: 0;\n min-height: 0;\n font-size: 14px;\n line-height: 1.2;\n\n p {\n margin: 0;\n &:not(:last-child) {\n margin-bottom: 0.7em;\n }\n }\n"])));
|
|
45
|
-
var Buttons = react_emotion_1.default('div')(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n padding: 16px;\n text-align: right;\n"], ["\n padding: 16px;\n text-align: right;\n"])));
|
|
65
|
+
var Overlay = (0, react_emotion_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: fixed;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n z-index: 1251;\n display: flex;\n align-items: center;\n justify-content: center;\n background: rgba(0, 0, 0, 0.3);\n"], ["\n position: fixed;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n z-index: 1251;\n display: flex;\n align-items: center;\n justify-content: center;\n background: rgba(0, 0, 0, 0.3);\n"])));
|
|
66
|
+
var openAnimation = (0, react_emotion_1.keyframes)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n from {\n transform: scale(0.8);\n opacity: 0;\n }\n to {\n transform: scale(1);\n opacity: 1;\n }\n"], ["\n from {\n transform: scale(0.8);\n opacity: 0;\n }\n to {\n transform: scale(1);\n opacity: 1;\n }\n"])));
|
|
67
|
+
var Root = (0, react_emotion_1.default)('section')(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n ", ";\n display: flex;\n flex-direction: column;\n max-width: calc(100vw - 16px);\n max-height: calc(100vh - 16px);\n width: ", ";\n margin: 8px;\n background: #fff;\n border-radius: 8px;\n animation: ", " ", " ", " both;\n outline: none;\n &:focus {\n outline: none;\n box-shadow: 0 0 0 2px #1976d2;\n }\n"], ["\n ", ";\n display: flex;\n flex-direction: column;\n max-width: calc(100vw - 16px);\n max-height: calc(100vh - 16px);\n width: ", ";\n margin: 8px;\n background: #fff;\n border-radius: 8px;\n animation: ", " ", " ", " both;\n outline: none;\n &:focus {\n outline: none;\n box-shadow: 0 0 0 2px #1976d2;\n }\n"])), font_styles_1.default, function (props) { return props.width; }, openAnimation, ANIMATION_DURATION, ANIMATION_EASING);
|
|
68
|
+
var Form = (0, react_emotion_1.default)('form')(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n min-height: 0;\n"], ["\n display: flex;\n flex-direction: column;\n min-height: 0;\n"])));
|
|
69
|
+
var Header = (0, react_emotion_1.default)('div')(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n flex: 1 0 auto;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 12px 16px;\n border-bottom: 1px solid rgba(67, 90, 111, 0.079);\n"], ["\n flex: 1 0 auto;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 12px 16px;\n border-bottom: 1px solid rgba(67, 90, 111, 0.079);\n"])));
|
|
70
|
+
var Title = (0, react_emotion_1.default)('h4')(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n margin: 0;\n text-transform: uppercase;\n"], ["\n margin: 0;\n text-transform: uppercase;\n"])));
|
|
71
|
+
var HeaderCancelButton = (0, react_emotion_1.default)('button')(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n padding: 8px;\n border: none;\n background: none;\n color: inherit;\n font: inherit;\n font-size: 14px;\n line-height: 1;\n cursor: pointer;\n"], ["\n padding: 8px;\n border: none;\n background: none;\n color: inherit;\n font: inherit;\n font-size: 14px;\n line-height: 1;\n cursor: pointer;\n"])));
|
|
72
|
+
var Content = (0, react_emotion_1.default)('div')(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n overflow-y: auto;\n padding: 16px;\n padding-bottom: 0;\n min-height: 0;\n font-size: 14px;\n line-height: 1.2;\n\n p {\n margin: 0;\n &:not(:last-child) {\n margin-bottom: 0.7em;\n }\n }\n"], ["\n overflow-y: auto;\n padding: 16px;\n padding-bottom: 0;\n min-height: 0;\n font-size: 14px;\n line-height: 1.2;\n\n p {\n margin: 0;\n &:not(:last-child) {\n margin-bottom: 0.7em;\n }\n }\n"])));
|
|
73
|
+
var Buttons = (0, react_emotion_1.default)('div')(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n padding: 16px;\n text-align: right;\n"], ["\n padding: 16px;\n text-align: right;\n"])));
|
|
46
74
|
var Dialog = /** @class */ (function (_super) {
|
|
47
75
|
__extends(Dialog, _super);
|
|
48
76
|
function Dialog(props) {
|
|
@@ -67,7 +95,7 @@ var Dialog = /** @class */ (function (_super) {
|
|
|
67
95
|
onCancel();
|
|
68
96
|
}
|
|
69
97
|
};
|
|
70
|
-
_this.titleId = nanoid_1.default();
|
|
98
|
+
_this.titleId = (0, nanoid_1.default)();
|
|
71
99
|
_this.container = document.createElement('div');
|
|
72
100
|
_this.container.setAttribute('data-consent-manager-dialog', '');
|
|
73
101
|
document.body.appendChild(_this.container);
|
|
@@ -116,4 +144,4 @@ var Dialog = /** @class */ (function (_super) {
|
|
|
116
144
|
}(react_1.PureComponent));
|
|
117
145
|
exports.default = Dialog;
|
|
118
146
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
|
|
119
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
147
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2NvbnNlbnQtbWFuYWdlci9kaWFsb2cudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLDZDQUE0QztBQUM1Qyx3REFBZ0M7QUFDaEMsNkRBQWlEO0FBQ2pELGtEQUEyQjtBQUMzQiw4REFBc0M7QUFFdEMsSUFBTSxrQkFBa0IsR0FBRyxPQUFPLENBQUE7QUFDbEMsSUFBTSxnQkFBZ0IsR0FBRyxnQ0FBZ0MsQ0FBQTtBQUV6RCxJQUFNLE9BQU8sR0FBRyxJQUFBLHVCQUFNLEVBQUMsS0FBSyxDQUFDLHdRQUFBLHFNQVc1QixJQUFBLENBQUE7QUFFRCxJQUFNLGFBQWEsT0FBRyx5QkFBUyw0TEFBQSx3SEFTOUIsSUFBQSxDQUFBO0FBRUQsSUFBTSxJQUFJLEdBQUcsSUFBQSx1QkFBTSxFQUFvRCxTQUFTLENBQUMsNllBQUEsTUFDN0UsRUFBVSxnSUFLSCxFQUFvQiw4RUFJaEIsRUFBYSxHQUFJLEVBQWtCLEdBQUksRUFBZ0Isc0dBTXJFLEtBZkcscUJBQVUsRUFLSCxVQUFBLEtBQUssSUFBSSxPQUFBLEtBQUssQ0FBQyxLQUFLLEVBQVgsQ0FBVyxFQUloQixhQUFhLEVBQUksa0JBQWtCLEVBQUksZ0JBQWdCLENBTXJFLENBQUE7QUFFRCxJQUFNLElBQUksR0FBRyxJQUFBLHVCQUFNLEVBQUMsTUFBTSxDQUFDLHNJQUFBLG1FQUkxQixJQUFBLENBQUE7QUFFRCxJQUFNLE1BQU0sR0FBRyxJQUFBLHVCQUFNLEVBQUMsS0FBSyxDQUFDLG9QQUFBLGlMQU8zQixJQUFBLENBQUE7QUFFRCxJQUFNLEtBQUssR0FBRyxJQUFBLHVCQUFNLEVBQUMsSUFBSSxDQUFDLG1IQUFBLGdEQUd6QixJQUFBLENBQUE7QUFFRCxJQUFNLGtCQUFrQixHQUFHLElBQUEsdUJBQU0sRUFBQyxR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
|
|
@@ -5,6 +5,6 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
|
|
|
5
5
|
};
|
|
6
6
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
7
7
|
var react_emotion_1 = require("react-emotion");
|
|
8
|
-
exports.default = react_emotion_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n font-family: Rubik, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu,\n 'Helvetica Neue', Oxygen, Cantarell, sans-serif;\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-smoothing: antialiased;\n font-size: 16px;\n font-weight: 400;\n line-height: 22px;\n letter-spacing: -0.05px;\n"], ["\n font-family: Rubik, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu,\n 'Helvetica Neue', Oxygen, Cantarell, sans-serif;\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-smoothing: antialiased;\n font-size: 16px;\n font-weight: 400;\n line-height: 22px;\n letter-spacing: -0.05px;\n"])));
|
|
8
|
+
exports.default = (0, react_emotion_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n font-family: Rubik, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu,\n 'Helvetica Neue', Oxygen, Cantarell, sans-serif;\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-smoothing: antialiased;\n font-size: 16px;\n font-weight: 400;\n line-height: 22px;\n letter-spacing: -0.05px;\n"], ["\n font-family: Rubik, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu,\n 'Helvetica Neue', Oxygen, Cantarell, sans-serif;\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-smoothing: antialiased;\n font-size: 16px;\n font-weight: 400;\n line-height: 22px;\n letter-spacing: -0.05px;\n"])));
|
|
9
9
|
var templateObject_1;
|
|
10
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
10
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9udC1zdHlsZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvY29uc2VudC1tYW5hZ2VyL2ZvbnQtc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSwrQ0FBbUM7QUFFbkMsc0JBQWUsbUJBQUcseWFBQUEscVdBVWpCLEtBQUEifQ==
|