@popsure/dirty-swan 0.41.3-rc.2 → 0.41.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index.d.ts +1 -1
- package/dist/cjs/index.js +163 -134
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/lib/index.d.ts +2 -1
- package/dist/esm/components/multiDropzone/index.js +2 -3
- package/dist/esm/components/multiDropzone/index.js.map +1 -1
- package/dist/esm/components/multiDropzone/index.test.js +0 -5
- package/dist/esm/components/multiDropzone/index.test.js.map +1 -1
- package/dist/esm/index.d.ts +1 -1
- package/dist/esm/index.js +1 -0
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/lib/index.d.ts +2 -1
- package/package.json +1 -1
- package/src/index.tsx +1 -0
- package/src/lib/components/multiDropzone/index.test.tsx +0 -7
- package/src/lib/components/multiDropzone/index.tsx +3 -7
- package/src/lib/index.tsx +2 -0
package/dist/cjs/index.js
CHANGED
|
@@ -2263,16 +2263,16 @@ function styleInject(css, ref) {
|
|
|
2263
2263
|
}
|
|
2264
2264
|
}
|
|
2265
2265
|
|
|
2266
|
-
var css_248z$
|
|
2267
|
-
var styles$
|
|
2268
|
-
styleInject(css_248z$
|
|
2266
|
+
var css_248z$z = ".styles-module_wrapper__1_lY0 {\n margin: 4px;\n}";
|
|
2267
|
+
var styles$y = {"wrapper":"styles-module_wrapper__1_lY0"};
|
|
2268
|
+
styleInject(css_248z$z);
|
|
2269
2269
|
|
|
2270
2270
|
var IconWrapper = function (_a) {
|
|
2271
2271
|
var _b;
|
|
2272
2272
|
var children = _a.children, _c = _a.size, size = _c === void 0 ? 16 : _c, color = _a.color, className = _a.className, noMargin = _a.noMargin;
|
|
2273
2273
|
return (jsxRuntime.jsx("span", __assign({ className: classNames('d-inline-block', className !== null && className !== void 0 ? className : '', (_b = {},
|
|
2274
2274
|
_b["tc-" + color] = !!color,
|
|
2275
|
-
_b[styles$
|
|
2275
|
+
_b[styles$y.wrapper] = !noMargin,
|
|
2276
2276
|
_b)), style: {
|
|
2277
2277
|
width: size + "px",
|
|
2278
2278
|
height: size + "px"
|
|
@@ -3736,9 +3736,9 @@ var ZoomOut = (function (props) {
|
|
|
3736
3736
|
return require$$0.createElement(IconWrapper, props, jsxRuntime.jsx("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M11 19a8 8 0 1 0 0-16 8 8 0 0 0 0 16ZM21.35 21.35 17 17M8 11h6" }, void 0));
|
|
3737
3737
|
});
|
|
3738
3738
|
|
|
3739
|
-
var css_248z$
|
|
3740
|
-
var styles$
|
|
3741
|
-
styleInject(css_248z$
|
|
3739
|
+
var css_248z$y = ".style-module_container__3bJf5 {\n display: flex;\n align-items: center;\n}\n\n.style-module_date-selector-container__165Ii {\n margin-left: -8px;\n display: flex;\n}\n.style-module_date-selector-container__165Ii > select {\n margin-left: 8px;\n}\n@media (max-width: 34rem) {\n .style-module_date-selector-container__165Ii > select {\n margin-left: 0;\n }\n}\n@media (max-width: 34rem) {\n .style-module_date-selector-container__165Ii {\n margin-left: 0;\n display: unset;\n }\n}\n\n.style-module_row-container__2J4YP > select {\n margin-left: 8px;\n}\n@media (max-width: 34rem) {\n .style-module_row-container__2J4YP > select {\n margin-left: 0;\n }\n}\n@media (max-width: 34rem) {\n .style-module_row-container__2J4YP {\n display: flex;\n justify-content: space-between;\n }\n}\n\n.style-module_day-select__pHm0x {\n width: 88px;\n}\n@media (max-width: 34rem) {\n .style-module_day-select__pHm0x {\n flex: 1;\n margin-right: 8px;\n }\n}\n\n.style-module_month-select__2RXk9 {\n width: 104px;\n}\n@media (max-width: 34rem) {\n .style-module_month-select__2RXk9 {\n flex: 1;\n }\n}\n\n.style-module_year-select__8HXni {\n width: 104px;\n}\n@media (max-width: 34rem) {\n .style-module_year-select__8HXni {\n display: block;\n margin-top: 8px;\n width: 100%;\n }\n}\n\n.style-module_date-calendar-container__2ERYZ {\n position: relative;\n margin-left: 24px;\n}\n@media (max-width: 34rem) {\n .style-module_date-calendar-container__2ERYZ {\n margin-left: 16px;\n }\n}\n\n.style-module_calendarButton__UpA2t {\n background: none;\n border: none;\n padding: 0;\n margin: 0;\n color: inherit;\n text-align: inherit;\n outline: none;\n box-shadow: none;\n appearance: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n cursor: pointer;\n}\n\n.style-module_calendarIcon__bNDfo {\n margin: 0px;\n}";
|
|
3740
|
+
var styles$x = {"container":"style-module_container__3bJf5","date-selector-container":"style-module_date-selector-container__165Ii","row-container":"style-module_row-container__2J4YP","day-select":"style-module_day-select__pHm0x","month-select":"style-module_month-select__2RXk9","year-select":"style-module_year-select__8HXni","date-calendar-container":"style-module_date-calendar-container__2ERYZ","calendarButton":"style-module_calendarButton__UpA2t","calendarIcon":"style-module_calendarIcon__bNDfo"};
|
|
3741
|
+
styleInject(css_248z$y);
|
|
3742
3742
|
|
|
3743
3743
|
dayjs.extend(localeData);
|
|
3744
3744
|
var COLLECTABLE_DATE_FORMAT = 'YYYY-MM-DD';
|
|
@@ -3839,19 +3839,19 @@ var DateSelector = function (_a) {
|
|
|
3839
3839
|
}
|
|
3840
3840
|
setOpenCalendar(false);
|
|
3841
3841
|
};
|
|
3842
|
-
return (jsxRuntime.jsxs("div", __assign({ className: styles$
|
|
3842
|
+
return (jsxRuntime.jsxs("div", __assign({ className: styles$x.container }, { children: [jsxRuntime.jsxs("div", __assign({ className: styles$x['date-selector-container'] }, { children: [jsxRuntime.jsxs("div", __assign({ className: styles$x['row-container'] }, { children: [jsxRuntime.jsxs("select", __assign({ "data-cy": "date-selector-day", className: "p-select " + styles$x['day-select'], id: "day", name: "day", required: true, value: (_b = date.day) !== null && _b !== void 0 ? _b : '', onChange: function (e) {
|
|
3843
3843
|
handleOnChange('day', parseInt(e.target.value, 10));
|
|
3844
3844
|
} }, { children: [jsxRuntime.jsx("option", __assign({ value: "", disabled: true }, { children: (placeholders === null || placeholders === void 0 ? void 0 : placeholders.day) || 'Day' }), void 0),
|
|
3845
3845
|
availableDays.map(function (day) { return (jsxRuntime.jsx("option", __assign({ value: day }, { children: day }), day)); })] }), void 0),
|
|
3846
|
-
jsxRuntime.jsxs("select", __assign({ "data-cy": "date-selector-month", className: "p-select " + styles$
|
|
3846
|
+
jsxRuntime.jsxs("select", __assign({ "data-cy": "date-selector-month", className: "p-select " + styles$x['month-select'], id: "month", name: "month", required: true, value: (_c = date.month) !== null && _c !== void 0 ? _c : '', onChange: function (e) {
|
|
3847
3847
|
handleOnChange('month', parseInt(e.target.value, 10));
|
|
3848
3848
|
} }, { children: [jsxRuntime.jsx("option", __assign({ value: "", disabled: true }, { children: (placeholders === null || placeholders === void 0 ? void 0 : placeholders.month) || 'Month' }), void 0),
|
|
3849
3849
|
availableMonths.map(function (month, i) { return (jsxRuntime.jsx("option", __assign({ value: i + 1 }, { children: month }), month)); })] }), void 0)] }), void 0),
|
|
3850
|
-
jsxRuntime.jsxs("select", __assign({ "data-cy": "date-selector-year", className: "p-select " + styles$
|
|
3850
|
+
jsxRuntime.jsxs("select", __assign({ "data-cy": "date-selector-year", className: "p-select " + styles$x['year-select'], id: "year", name: "year", required: true, value: (_d = date.year) !== null && _d !== void 0 ? _d : '', onChange: function (e) {
|
|
3851
3851
|
handleOnChange('year', parseInt(e.target.value, 10));
|
|
3852
3852
|
} }, { children: [jsxRuntime.jsx("option", __assign({ value: "", disabled: true }, { children: (placeholders === null || placeholders === void 0 ? void 0 : placeholders.year) || 'Year' }), void 0),
|
|
3853
3853
|
availableYears.map(function (year) { return (jsxRuntime.jsx("option", __assign({ value: year }, { children: year }), year)); })] }), void 0)] }), void 0),
|
|
3854
|
-
displayCalendar && (jsxRuntime.jsxs("div", __assign({ className: styles$
|
|
3854
|
+
displayCalendar && (jsxRuntime.jsxs("div", __assign({ className: styles$x['date-calendar-container'], ref: calendarContainerRef }, { children: [jsxRuntime.jsx("button", __assign({ type: "button", onClick: function () { return setOpenCalendar(!openCalendar); }, className: styles$x.calendarButton, "data-testid": "calendar-button" }, { children: jsxRuntime.jsx(CalendarIcon, { color: 'purple-500', size: 24, className: "" + styles$x.calendarIcon }, void 0) }), void 0),
|
|
3855
3855
|
openCalendar && (jsxRuntime.jsx(DayPicker, { month: selectedDateInDateType, showOutsideDays: true, fromMonth: dateCalendarFromMonth, toMonth: dateCalendarToMonth, selectedDays: selectedDateInDateType, onDayClick: function (date) {
|
|
3856
3856
|
if (dayjs(date).isAfter(dateCalendarFromMonth) ||
|
|
3857
3857
|
dayjs(date).isBefore(dateCalendarToMonth)) {
|
|
@@ -4359,9 +4359,9 @@ class SignaturePad$1 {
|
|
|
4359
4359
|
}
|
|
4360
4360
|
}
|
|
4361
4361
|
|
|
4362
|
-
var css_248z$
|
|
4363
|
-
var styles$
|
|
4364
|
-
styleInject(css_248z$
|
|
4362
|
+
var css_248z$x = ".style-module_container__1VolG {\n position: relative;\n background-color: var(--ds-grey-200);\n border-radius: 8px;\n height: 272px;\n}\n\n.style-module_canvas__1Q440 {\n width: 100%;\n height: 100%;\n}\n\n.style-module_separator__Fdmnn {\n position: absolute;\n height: 2px;\n right: 112px;\n left: 72px;\n bottom: 32px;\n background-color: var(--ds-grey-400);\n border-radius: 1px;\n}\n\n.style-module_reset__1ePiM {\n display: flex;\n position: absolute;\n right: 16px;\n bottom: 32px;\n color: var(--ds-primary-500);\n cursor: pointer;\n border: none;\n text-decoration: none;\n font-size: 16px;\n line-height: 24px;\n background-color: transparent;\n}\n.style-module_reset__1ePiM:hover {\n color: var(--ds-primary-700);\n}\n.style-module_reset__1ePiM:before {\n content: \"\";\n display: inline-block;\n height: 24px;\n width: 24px;\n mask-repeat: no-repeat;\n mask-position: center;\n background-color: currentColor;\n -webkit-mask-repeat: no-repeat;\n -webkit-mask-position: center;\n -webkit-background-color: currentColor;\n margin-right: 4px;\n}\n.style-module_reset__1ePiM[disabled] {\n color: var(--ds-grey-500);\n}\n\n.style-module_sign__35Gp2 {\n position: absolute;\n bottom: 32px;\n left: 16px;\n height: 24px;\n width: 24px;\n mask-size: 24px 24px;\n mask-repeat: no-repeat;\n mask-position: center;\n -webkit-mask-size: 24px 24px;\n -webkit-mask-repeat: no-repeat;\n -webkit-mask-position: center;\n background-color: var(--ds-grey-500);\n}";
|
|
4363
|
+
var styles$w = {"container":"style-module_container__1VolG","canvas":"style-module_canvas__1Q440","separator":"style-module_separator__Fdmnn","reset":"style-module_reset__1ePiM","sign":"style-module_sign__35Gp2"};
|
|
4364
|
+
styleInject(css_248z$x);
|
|
4365
4365
|
|
|
4366
4366
|
var sign = "data:image/svg+xml,%3Csvg%20width%3D%2280%22%20height%3D%2280%22%20viewBox%3D%220%200%2080%2080%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M13.7%203.70001C13.3%204.00001%2013.5%205.10001%2014.1%206.20001C14.7%207.30001%2014.9%209.20001%2014.6%2010.5C14.1%2012.3%2015.3%2014.4%2019.3%2019.7C22.2%2023.4%2025.6%2028%2026.9%2029.8L29.2%2033L23%2039.7C19.7%2043.4%2017.1%2046.9%2017.4%2047.6C17.7%2048.3%2017.2%2049.4%2016.4%2050C14.8%2051.4%2014.5%2054%2016.1%2054C17.5%2054%2023.6%2049.5%2029%2044.4L33.5%2040.1L41%2051.3C49.2%2063.6%2053.7%2069%2055.8%2069C56.6%2069%2056.8%2068.5%2056.4%2067.7C56%2067.1%2057.8%2068.9%2060.5%2071.8C63.1%2074.7%2065.5%2076.9%2065.7%2076.6C65.9%2076.4%2065.2%2074.4%2064.1%2072.1C62.9%2069.9%2062%2067.2%2062%2066.2C62%2063.3%2054.5%2047.6%2048.9%2039C46.2%2034.8%2044%2031%2044%2030.6C44%2030.2%2046.2%2027.3%2048.9%2024.2C54.3%2017.9%2059%2011.2%2059%209.80001C59%209.30001%2057.7%209.10001%2056%209.50001C54.2%209.90001%2050.5%2012.7%2046.4%2017.1C42.7%2020.9%2039.4%2024%2039.1%2024C38.8%2024%2036.3%2020.7%2033.6%2016.8C30.9%2012.9%2027.9%209.50001%2027%209.30001C26%209.00001%2024.3%207.60001%2023.2%206.10001C21.7%204.10001%2020.3%203.30001%2017.7%203.20001C15.8%203.10001%2014%203.30001%2013.7%203.70001Z%22%20fill%3D%22%238E8CEE%22%2F%3E%3C%2Fsvg%3E";
|
|
4367
4367
|
|
|
@@ -4390,15 +4390,15 @@ var SignaturePad = /** @class */ (function (_super) {
|
|
|
4390
4390
|
SignaturePad.prototype.render = function () {
|
|
4391
4391
|
var hasContent = this.state.hasContent;
|
|
4392
4392
|
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("style", { dangerouslySetInnerHTML: {
|
|
4393
|
-
__html: "." + styles$
|
|
4393
|
+
__html: "." + styles$w.reset + "::before { \n -webkit-mask-image: url(\"" + reset + "\");\n mask-image: url(\"" + reset + "\");\n }",
|
|
4394
4394
|
} }, void 0),
|
|
4395
|
-
jsxRuntime.jsxs("div", __assign({ className: styles$
|
|
4396
|
-
jsxRuntime.jsx("div", { className: styles$
|
|
4397
|
-
jsxRuntime.jsx("div", { className: styles$
|
|
4395
|
+
jsxRuntime.jsxs("div", __assign({ className: styles$w.container }, { children: [jsxRuntime.jsx("canvas", { className: styles$w.canvas, ref: this.canvasRef }, void 0),
|
|
4396
|
+
jsxRuntime.jsx("div", { className: styles$w.separator }, void 0),
|
|
4397
|
+
jsxRuntime.jsx("div", { className: styles$w.sign, style: {
|
|
4398
4398
|
WebkitMaskImage: "url(\"" + sign + "\")",
|
|
4399
4399
|
maskImage: "url(\"" + sign + "\")",
|
|
4400
4400
|
} }, void 0),
|
|
4401
|
-
jsxRuntime.jsx("button", __assign({ className: styles$
|
|
4401
|
+
jsxRuntime.jsx("button", __assign({ className: styles$w.reset, onClick: this.clear, disabled: !hasContent }, { children: "Reset" }), void 0)] }), void 0)] }, void 0));
|
|
4402
4402
|
};
|
|
4403
4403
|
SignaturePad.prototype.notifyOnChange = function () {
|
|
4404
4404
|
var onChange = this.props.onChange;
|
|
@@ -4806,24 +4806,24 @@ function generateId() {
|
|
|
4806
4806
|
return 'xxxx-xxxx-xxx-xxxx'.replace(/[x]/g, function () { return (Math.floor(Math.random() * 16).toString(16)); });
|
|
4807
4807
|
}
|
|
4808
4808
|
|
|
4809
|
-
var css_248z$
|
|
4810
|
-
var styles$
|
|
4811
|
-
styleInject(css_248z$
|
|
4809
|
+
var css_248z$w = ".style-module_container__2L4SP {\n position: relative;\n}\n\n.style-module_prefix__3jAFZ {\n position: absolute;\n left: 16px;\n top: 50%;\n transform: translateY(-50%);\n color: var(--ds-grey-500);\n transition: 0.3s top;\n}\n.style-module_prefix--with-error__1yTTM {\n color: var(--ds-red-500);\n}\n.style-module_prefix--disabled__2-gcw {\n color: var(--ds-grey-600);\n}\n\n.style-module_input__1eJO5:not(:placeholder-shown) ~ .style-module_placeholder__1U2z0,\n.style-module_input__1eJO5:focus ~ .style-module_placeholder__1U2z0 {\n top: 7px;\n left: 16px;\n transform: translateY(0);\n font-size: 10px;\n line-height: 12px;\n opacity: 1;\n}\n\n.style-module_input__1eJO5:focus ~ .style-module_placeholder__1U2z0 {\n color: var(--ds-primary-500);\n}\n.style-module_input__1eJO5:focus ~ .style-module_placeholder--with-error__2ieRU {\n color: var(--ds-red-500);\n}\n\n.style-module_input__1eJO5:focus ~ .style-module_prefix__3jAFZ {\n color: var(--ds-primary-500);\n}\n.style-module_input__1eJO5:focus ~ .style-module_prefix--with-error__1yTTM {\n color: var(--ds-red-500);\n}\n\n.style-module_input__1eJO5:not(:placeholder-shown) ~ .style-module_prefix__3jAFZ,\n.style-module_input__1eJO5:focus ~ .style-module_prefix__3jAFZ {\n top: 28px;\n}\n\n.style-module_input__1eJO5 {\n box-sizing: border-box;\n padding-top: 9px;\n font-family: inherit;\n}\n.style-module_input--no-placeholder__3EGwh {\n padding-top: 0px;\n}\n.style-module_input--with-prefix__38e0j {\n padding-left: 32px !important;\n}\n\n.style-module_placeholder__1U2z0 {\n position: absolute;\n pointer-events: none;\n left: 16px;\n top: 50%;\n transform: translateY(-50%);\n transition: 0.3s ease all;\n color: var(--ds-grey-500);\n}\n.style-module_placeholder--with-prefix__2PquQ {\n left: 32px;\n}\n.style-module_placeholder--with-error__2ieRU {\n color: var(--ds-red-500);\n}\n\n.style-module_label__3FEZ1 {\n display: inline-block;\n margin-bottom: 8px;\n color: var(--ds-grey-600);\n}\n.style-module_label--with-error__166bP {\n color: var(--ds-red-500);\n}\n\n.style-module_error__167Zc {\n margin-top: 4px;\n}";
|
|
4810
|
+
var styles$v = {"container":"style-module_container__2L4SP","prefix":"style-module_prefix__3jAFZ","prefix--with-error":"style-module_prefix--with-error__1yTTM","prefix--disabled":"style-module_prefix--disabled__2-gcw","input":"style-module_input__1eJO5","placeholder":"style-module_placeholder__1U2z0","placeholder--with-error":"style-module_placeholder--with-error__2ieRU","input--no-placeholder":"style-module_input--no-placeholder__3EGwh","input--with-prefix":"style-module_input--with-prefix__38e0j","placeholder--with-prefix":"style-module_placeholder--with-prefix__2PquQ","label":"style-module_label__3FEZ1","label--with-error":"style-module_label--with-error__166bP","error":"style-module_error__167Zc"};
|
|
4811
|
+
styleInject(css_248z$w);
|
|
4812
4812
|
|
|
4813
4813
|
var Input = require$$0__default['default'].forwardRef(function (_a, ref) {
|
|
4814
4814
|
var _b, _c, _d, _e, _f, _g;
|
|
4815
4815
|
var className = _a.className, placeholder = _a.placeholder, label = _a.label, id = _a.id, prefix = _a.prefix, error = _a.error, disabled = _a.disabled, _h = _a.hideLabel, hideLabel = _h === void 0 ? false : _h, props = __rest$1(_a, ["className", "placeholder", "label", "id", "prefix", "error", "disabled", "hideLabel"]);
|
|
4816
4816
|
var uniqueId = require$$0.useState(id !== null && id !== void 0 ? id : generateId())[0];
|
|
4817
|
-
return (jsxRuntime.jsxs("div", __assign({ className: styles$
|
|
4818
|
-
_b[styles$
|
|
4817
|
+
return (jsxRuntime.jsxs("div", __assign({ className: styles$v.container + " " + (className !== null && className !== void 0 ? className : '') }, { children: [label && (jsxRuntime.jsx("label", __assign({ htmlFor: uniqueId, className: classNames('p-p', styles$v.label, (_b = {},
|
|
4818
|
+
_b[styles$v['label--with-error']] = error,
|
|
4819
4819
|
_b['sr-only'] = hideLabel,
|
|
4820
4820
|
_b)) }, { children: label }), void 0)),
|
|
4821
4821
|
jsxRuntime.jsxs("div", __assign({ style: { position: 'relative' } }, { children: [jsxRuntime.jsx("input", __assign({ id: uniqueId, "data-testid": "ds-input-input", type: "text", ref: ref, className: classNames(error ? 'p-input--error' : 'p-input', !label && placeholder && placeholder.length > 0
|
|
4822
|
-
? styles$
|
|
4823
|
-
: styles$
|
|
4824
|
-
prefix && (jsxRuntime.jsx("span", __assign({ className: classNames(styles$
|
|
4825
|
-
!label && (jsxRuntime.jsx("label", __assign({ htmlFor: uniqueId, className: classNames(styles$
|
|
4826
|
-
error && (jsxRuntime.jsx("p", __assign({ className: "p-p--small tc-red-500 w100 " + styles$
|
|
4822
|
+
? styles$v.input
|
|
4823
|
+
: styles$v['input--no-placeholder'], (_c = {}, _c[styles$v['input--with-prefix']] = prefix, _c)), placeholder: label ? placeholder : ' ', disabled: disabled }, props), void 0),
|
|
4824
|
+
prefix && (jsxRuntime.jsx("span", __assign({ className: classNames(styles$v.prefix, (_d = {}, _d[styles$v['prefix--with-error']] = error, _d), (_e = {}, _e[styles$v['prefix--disabled']] = disabled, _e)) }, { children: prefix }), void 0)),
|
|
4825
|
+
!label && (jsxRuntime.jsx("label", __assign({ htmlFor: uniqueId, className: classNames(styles$v.placeholder, (_f = {}, _f[styles$v['placeholder--with-prefix']] = prefix, _f), (_g = {}, _g[styles$v['placeholder--with-error']] = error, _g)) }, { children: placeholder }), void 0))] }), void 0),
|
|
4826
|
+
error && (jsxRuntime.jsx("p", __assign({ className: "p-p--small tc-red-500 w100 " + styles$v.error }, { children: error }), void 0))] }), void 0));
|
|
4827
4827
|
});
|
|
4828
4828
|
|
|
4829
4829
|
var z7=Object.defineProperty;var V$1=(t,a)=>{for(var z in a)z7(t,z,{get:a[z],enumerable:!0});};var s$1=["AF","AL","DZ","AD","AS","AO","AI","AQ","AG","AR","AM","AW","AU","AT","AZ","BS","BH","BD","BB","BY","BE","BZ","BJ","BM","BT","BO","BA","BW","BV","BR","IO","BN","BG","BF","BI","KH","CM","CA","CV","KY","CF","TD","CL","CN","CX","CC","CO","KM","CG","CD","CK","CR","CI","HR","CU","CY","CZ","DK","DJ","DM","DO","EC","EG","SV","GQ","ER","EE","ET","FK","FO","FJ","FI","FR","GF","PF","TF","GA","GM","GE","DE","GH","GI","GR","GL","GD","GP","GU","GT","GN","GW","GY","HT","HM","VA","HN","HK","HU","IS","IN","ID","IR","IQ","IE","IL","IT","JM","JP","JO","KZ","KE","KI","KP","KR","KW","KG","LA","LV","LB","LS","LR","LY","LI","LT","LU","MO","MK","MG","MW","MY","MV","ML","MT","MH","MQ","MR","MU","YT","MX","FM","MD","MC","MN","MS","ME","MA","MZ","MM","NA","NR","NP","NL","NC","NZ","NI","NE","NG","NU","NF","MP","NO","OM","PK","PW","PS","PA","PG","PY","PE","PH","PN","PL","PT","PR","QA","RE","RO","RU","RW","SH","KN","LC","PM","VC","WS","SM","ST","SA","SN","RS","SC","SL","SG","SK","SI","SB","SO","ZA","GS","ES","LK","SD","SR","SJ","SZ","SE","CH","SY","TW","TJ","TZ","TH","TL","TG","TK","TO","TT","TN","TR","TM","TC","TV","UG","UA","AE","GB","US","UM","UY","UZ","VU","VE","VN","VG","VI","WF","EH","YE","ZM","ZW","AX","BQ","CW","GG","IM","JE","BL","MF","SX","XK","SS"];var r$3={};V$1(r$3,{countries:()=>L$1,default:()=>p7,locale:()=>y$3});var y$3="en",L$1={AF:"Afghanistan",AL:"Albania",DZ:"Algeria",AS:"American Samoa",AD:"Andorra",AO:"Angola",AI:"Anguilla",AQ:"Antarctica",AG:"Antigua and Barbuda",AR:"Argentina",AM:"Armenia",AW:"Aruba",AU:"Australia",AT:"Austria",AZ:"Azerbaijan",BS:"Bahamas",BH:"Bahrain",BD:"Bangladesh",BB:"Barbados",BY:"Belarus",BE:"Belgium",BZ:"Belize",BJ:"Benin",BM:"Bermuda",BT:"Bhutan",BO:"Bolivia",BA:"Bosnia and Herzegovina",BW:"Botswana",BV:"Bouvet Island",BR:"Brazil",IO:"British Indian Ocean Territory",BN:"Brunei Darussalam",BG:"Bulgaria",BF:"Burkina Faso",BI:"Burundi",KH:"Cambodia",CM:"Cameroon",CA:"Canada",CV:"Cape Verde",KY:"Cayman Islands",CF:"Central African Republic",TD:"Chad",CL:"Chile",CN:"China",CX:"Christmas Island",CC:"Cocos (Keeling) Islands",CO:"Colombia",KM:"Comoros",CG:"Republic of the Congo",CD:"Democratic Republic of the Congo",CK:"Cook Islands",CR:"Costa Rica",CI:"Cote D'Ivoire",HR:"Croatia",CU:"Cuba",CY:"Cyprus",CZ:"Czech Republic",DK:"Denmark",DJ:"Djibouti",DM:"Dominica",DO:"Dominican Republic",EC:"Ecuador",EG:"Egypt",SV:"El Salvador",GQ:"Equatorial Guinea",ER:"Eritrea",EE:"Estonia",ET:"Ethiopia",FK:"Falkland Islands (Malvinas)",FO:"Faroe Islands",FJ:"Fiji",FI:"Finland",FR:"France",GF:"French Guiana",PF:"French Polynesia",TF:"French Southern Territories",GA:"Gabon",GM:"Gambia",GE:"Georgia",DE:"Germany",GH:"Ghana",GI:"Gibraltar",GR:"Greece",GL:"Greenland",GD:"Grenada",GP:"Guadeloupe",GU:"Guam",GT:"Guatemala",GN:"Guinea",GW:"Guinea-Bissau",GY:"Guyana",HT:"Haiti",HM:"Heard Island and McDonald Islands",VA:"Holy See (Vatican City State)",HN:"Honduras",HK:"Hong Kong",HU:"Hungary",IS:"Iceland",IN:"India",ID:"Indonesia",IR:"Iran",IQ:"Iraq",IE:"Ireland",IL:"Israel",IT:"Italy",JM:"Jamaica",JP:"Japan",JO:"Jordan",KZ:"Kazakhstan",KE:"Kenya",KI:"Kiribati",KP:"North Korea",KR:"South Korea",KW:"Kuwait",KG:"Kyrgyzstan",LA:"Lao People's Democratic Republic",LV:"Latvia",LB:"Lebanon",LS:"Lesotho",LR:"Liberia",LY:"Libya",LI:"Liechtenstein",LT:"Lithuania",LU:"Luxembourg",MO:"Macao",MG:"Madagascar",MW:"Malawi",MY:"Malaysia",MV:"Maldives",ML:"Mali",MT:"Malta",MH:"Marshall Islands",MQ:"Martinique",MR:"Mauritania",MU:"Mauritius",YT:"Mayotte",MX:"Mexico",FM:"Micronesia, Federated States of",MD:"Moldova, Republic of",MC:"Monaco",MN:"Mongolia",MS:"Montserrat",MA:"Morocco",MZ:"Mozambique",MM:"Myanmar",NA:"Namibia",NR:"Nauru",NP:"Nepal",NL:"Netherlands",NC:"New Caledonia",NZ:"New Zealand",NI:"Nicaragua",NE:"Niger",NG:"Nigeria",NU:"Niue",NF:"Norfolk Island",MK:"North Macedonia",MP:"Northern Mariana Islands",NO:"Norway",OM:"Oman",PK:"Pakistan",PW:"Palau",PS:"Palestine",PA:"Panama",PG:"Papua New Guinea",PY:"Paraguay",PE:"Peru",PH:"Philippines",PN:"Pitcairn",PL:"Poland",PT:"Portugal",PR:"Puerto Rico",QA:"Qatar",RE:"Reunion",RO:"Romania",RU:"Russia",RW:"Rwanda",SH:"Saint Helena",KN:"Saint Kitts and Nevis",LC:"Saint Lucia",PM:"Saint Pierre and Miquelon",VC:"Saint Vincent and the Grenadines",WS:"Samoa",SM:"San Marino",ST:"Sao Tome and Principe",SA:"Saudi Arabia",SN:"Senegal",SC:"Seychelles",SL:"Sierra Leone",SG:"Singapore",SK:"Slovakia",SI:"Slovenia",SB:"Solomon Islands",SO:"Somalia",ZA:"South Africa",GS:"South Georgia and the South Sandwich Islands",ES:"Spain",LK:"Sri Lanka",SD:"Sudan",SR:"Suriname",SJ:"Svalbard and Jan Mayen",SZ:"Eswatini",SE:"Sweden",CH:"Switzerland",SY:"Syrian Arab Republic",TW:"Taiwan",TJ:"Tajikistan",TZ:"Tanzania",TH:"Thailand",TL:"Timor-Leste",TG:"Togo",TK:"Tokelau",TO:"Tonga",TT:"Trinidad and Tobago",TN:"Tunisia",TR:"Turkey",TM:"Turkmenistan",TC:"Turks and Caicos Islands",TV:"Tuvalu",UG:"Uganda",UA:"Ukraine",AE:"United Arab Emirates",GB:"United Kingdom",US:"United States",UM:"United States Minor Outlying Islands",UY:"Uruguay",UZ:"Uzbekistan",VU:"Vanuatu",VE:"Venezuela",VN:"Vietnam",VG:"Virgin Islands, British",VI:"Virgin Islands, U.S.",WF:"Wallis and Futuna",EH:"Western Sahara",YE:"Yemen",ZM:"Zambia",ZW:"Zimbabwe",AX:"\xC5land Islands",BQ:"Bonaire, Sint Eustatius and Saba",CW:"Cura\xE7ao",GG:"Guernsey",IM:"Isle of Man",JE:"Jersey",ME:"Montenegro",BL:"Saint Barth\xE9lemy",MF:"Saint Martin (French part)",RS:"Serbia",SX:"Sint Maarten (Dutch part)",SS:"South Sudan",XK:"Kosovo"},p7={locale:y$3,countries:L$1};var m$4={};V$1(m$4,{countries:()=>S$1,default:()=>M7,locale:()=>B});var B="de",S$1={AF:"Afghanistan",EG:"\xC4gypten",AX:"\xC5land",AL:"Albanien",DZ:"Algerien",AS:"Amerikanisch-Samoa",VI:"Amerikanische Jungferninseln",AD:"Andorra",AO:"Angola",AI:"Anguilla",AQ:"Antarktis",AG:"Antigua und Barbuda",GQ:"\xC4quatorialguinea",AR:"Argentinien",AM:"Armenien",AW:"Aruba",AZ:"Aserbaidschan",ET:"\xC4thiopien",AU:"Australien",BS:"Bahamas",BH:"Bahrain",BD:"Bangladesch",BB:"Barbados",BY:"Belarus",BE:"Belgien",BZ:"Belize",BJ:"Benin",BM:"Bermuda",BT:"Bhutan",BO:"Bolivien",BQ:"Bonaire",BA:"Bosnien und Herzegowina",BW:"Botswana",BV:"Bouvetinsel",BR:"Brasilien",VG:"Britische Jungferninseln",IO:"Britisches Territorium im Indischen Ozean",BN:"Brunei Darussalam",BG:"Bulgarien",BF:"Burkina Faso",BI:"Burundi",CL:"Chile",CN:"China",CK:"Cookinseln",CR:"Costa Rica",CI:"Elfenbeink\xFCste",CW:"Cura\xE7ao",DK:"D\xE4nemark",DE:"Deutschland",DM:"Dominica",DO:"Dominikanische Republik",DJ:"Dschibuti",EC:"Ecuador",SV:"El Salvador",ER:"Eritrea",EE:"Estland",FK:"Falklandinseln",FO:"F\xE4r\xF6er",FJ:"Fidschi",FI:"Finnland",FR:"Frankreich",GF:"Franz\xF6sisch-Guayana",PF:"Franz\xF6sisch-Polynesien",TF:"Franz\xF6sische S\xFCd- und Antarktisgebiete",GA:"Gabun",GM:"Gambia",GE:"Georgien",GH:"Ghana",GI:"Gibraltar",GD:"Grenada",GR:"Griechenland",GL:"Gr\xF6nland",GP:"Guadeloupe",GU:"Guam",GT:"Guatemala",GG:"Guernsey",GN:"Guinea",GW:"Guinea-Bissau",GY:"Guyana",HT:"Haiti",HM:"Heard und McDonaldinseln",HN:"Honduras",HK:"Hongkong",IN:"Indien",ID:"Indonesien",IM:"Insel Man",IQ:"Irak",IR:"Iran",IE:"Irland",IS:"Island",IL:"Israel",IT:"Italien",JM:"Jamaika",JP:"Japan",YE:"Jemen",JE:"Jersey",JO:"Jordanien",KY:"Kaimaninseln",KH:"Kambodscha",CM:"Kamerun",CA:"Kanada",CV:"Kap Verde",KZ:"Kasachstan",QA:"Katar",KE:"Kenia",KG:"Kirgisistan",KI:"Kiribati",CC:"Kokosinseln",CO:"Kolumbien",KM:"Komoren",CD:"Kongo",KP:"Nordkorea",KR:"S\xFCdkorea",HR:"Kroatien",CU:"Kuba",KW:"Kuwait",LA:"Laos",LS:"Lesotho",LV:"Lettland",LB:"Libanon",LR:"Liberia",LY:"Libyen",LI:"Liechtenstein",LT:"Litauen",LU:"Luxemburg",MO:"Macao",MG:"Madagaskar",MW:"Malawi",MY:"Malaysia",MV:"Malediven",ML:"Mali",MT:"Malta",MA:"Marokko",MH:"Marshallinseln",MQ:"Martinique",MR:"Mauretanien",MU:"Mauritius",YT:"Mayotte",MX:"Mexiko",FM:"Mikronesien",MD:"Moldawien",MC:"Monaco",MN:"Mongolei",ME:"Montenegro",MS:"Montserrat",MZ:"Mosambik",MM:"Myanmar",NA:"Namibia",NR:"Nauru",NP:"Nepal",NC:"Neukaledonien",NZ:"Neuseeland",NI:"Nicaragua",NL:"Niederlande",NE:"Niger",NG:"Nigeria",NU:"Niue",MK:"Nordmazedonien",MP:"N\xF6rdliche Marianen",NF:"Norfolkinsel",NO:"Norwegen",OM:"Oman",AT:"\xD6sterreich",TL:"Osttimor",PK:"Pakistan",PS:"Staat Pal\xE4stina",PW:"Palau",PA:"Panama",PG:"Papua-Neuguinea",PY:"Paraguay",PE:"Peru",PH:"Philippinen",PN:"Pitcairninseln",PL:"Polen",PT:"Portugal",PR:"Puerto Rico",TW:"Taiwan",CG:"Republik Kongo",RE:"R\xE9union",RW:"Ruanda",RO:"Rum\xE4nien",RU:"Russische F\xF6deration",BL:"Saint-Barth\xE9lemy",MF:"Saint-Martin",SB:"Salomonen",ZM:"Sambia",WS:"Samoa",SM:"San Marino",ST:"S\xE3o Tom\xE9 und Pr\xEDncipe",SA:"Saudi-Arabien",SE:"Schweden",CH:"Schweiz",SN:"Senegal",RS:"Serbien",SC:"Seychellen",SL:"Sierra Leone",ZW:"Simbabwe",SG:"Singapur",SX:"Sint Maarten",SK:"Slowakei",SI:"Slowenien",SO:"Somalia",ES:"Spanien",LK:"Sri Lanka",SH:"St. Helena",KN:"St. Kitts und Nevis",LC:"St. Lucia",PM:"Saint-Pierre und Miquelon",VC:"St. Vincent und die Grenadinen",ZA:"S\xFCdafrika",SD:"Sudan",GS:"S\xFCdgeorgien und die S\xFCdlichen Sandwichinseln",SS:"S\xFCdsudan",SR:"Suriname",SJ:"Svalbard und Jan Mayen",SZ:"Eswatini",SY:"Syrien, Arabische Republik",TJ:"Tadschikistan",TZ:"Tansania, Vereinigte Republik",TH:"Thailand",TG:"Togo",TK:"Tokelau",TO:"Tonga",TT:"Trinidad und Tobago",TD:"Tschad",CZ:"Tschechische Republik",TN:"Tunesien",TR:"T\xFCrkei",TM:"Turkmenistan",TC:"Turks- und Caicosinseln",TV:"Tuvalu",UG:"Uganda",UA:"Ukraine",HU:"Ungarn",UM:"United States Minor Outlying Islands",UY:"Uruguay",UZ:"Usbekistan",VU:"Vanuatu",VA:"Vatikanstadt",VE:"Venezuela",AE:"Vereinigte Arabische Emirate",US:"Vereinigte Staaten",GB:"Vereinigtes K\xF6nigreich",VN:"Vietnam",WF:"Wallis und Futuna",CX:"Weihnachtsinsel",EH:"Westsahara",CF:"Zentralafrikanische Republik",CY:"Zypern",XK:"Kosovo"},M7={locale:B,countries:S$1};var c7={en:r$3,de:m$4};function $5(t,a="en"){return c7[a].countries[t]}var f7=(t="en")=>s$1.map(a=>({name:c7[t].countries[a],code:a}));f7();
|
|
@@ -4862,9 +4862,9 @@ var geocoderAddressComponentToPartialAddress = function (input) {
|
|
|
4862
4862
|
return toReturn;
|
|
4863
4863
|
};
|
|
4864
4864
|
|
|
4865
|
-
var css_248z$
|
|
4866
|
-
var styles$
|
|
4867
|
-
styleInject(css_248z$
|
|
4865
|
+
var css_248z$v = "@media (max-width: 34rem) {\n .style-module_input-line__34TKK {\n flex-direction: column;\n }\n .style-module_input-line__34TKK > *:not(:first-child) {\n margin-top: 16px;\n }\n}\n\n@media (max-width: 34rem) {\n .style-module_house-number-input__1sDS5 {\n max-width: none !important;\n }\n}\n\n.style-module_map-container__2rzjU {\n position: relative;\n height: 112px;\n margin-bottom: 16px;\n border-radius: 8px;\n transition: 0.3s height ease-in-out, 0.3s margin-top ease-in-out;\n overflow: hidden;\n}\n.style-module_map-container--hidden__2AnYR {\n height: 0;\n margin: 0;\n}\n\n@keyframes style-module_appear-in__3HZHT {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n.style-module_appear-in-animate__1bJyO {\n animation-name: style-module_appear-in__3HZHT;\n animation-duration: 0.3s;\n animation-fill-mode: both;\n}\n\n.style-module_loading-spinner__3-nri {\n display: flex;\n justify-content: center;\n align-items: center;\n position: absolute !important;\n background-color: rgba(142, 140, 238, 0.25);\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n z-index: 100;\n animation-name: style-module_appear-in__3HZHT;\n animation-duration: 0.3s;\n animation-fill-mode: both;\n}\n\n.style-module_map__1Vtps {\n width: 100%;\n height: 100%;\n}";
|
|
4866
|
+
var styles$u = {"input-line":"style-module_input-line__34TKK","house-number-input":"style-module_house-number-input__1sDS5","map-container":"style-module_map-container__2rzjU","map-container--hidden":"style-module_map-container--hidden__2AnYR","appear-in-animate":"style-module_appear-in-animate__1bJyO","appear-in":"style-module_appear-in__3HZHT","loading-spinner":"style-module_loading-spinner__3-nri","map":"style-module_map__1Vtps"};
|
|
4867
|
+
styleInject(css_248z$v);
|
|
4868
4868
|
|
|
4869
4869
|
var GERMANY_LAT_LNG = { lat: 51.54317, lng: 10.3181503 };
|
|
4870
4870
|
var GERMANY_ALPHA_CODE = 'DE';
|
|
@@ -4997,16 +4997,16 @@ var AutocompleteAddress = function (_a) {
|
|
|
4997
4997
|
}
|
|
4998
4998
|
};
|
|
4999
4999
|
};
|
|
5000
|
-
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", __assign({ className: classNames("wmx8 bg-grey-500 " + styles$
|
|
5001
|
-
_b[styles$
|
|
5002
|
-
_b)) }, { children: [jsxRuntime.jsx("div", { className: styles$
|
|
5003
|
-
isLoading && (jsxRuntime.jsx("div", __assign({ className: styles$
|
|
5000
|
+
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", __assign({ className: classNames("wmx8 bg-grey-500 " + styles$u['map-container'], (_b = {},
|
|
5001
|
+
_b[styles$u['map-container--hidden']] = place === null,
|
|
5002
|
+
_b)) }, { children: [jsxRuntime.jsx("div", { className: styles$u.map, id: "map" }, void 0),
|
|
5003
|
+
isLoading && (jsxRuntime.jsx("div", __assign({ className: styles$u['loading-spinner'] }, { children: jsxRuntime.jsx("div", { className: "ds-spinner ds-spinner__m" }, void 0) }), void 0))] }), void 0),
|
|
5004
5004
|
jsxRuntime.jsx("div", __assign({ className: "wmx8" }, { children: manualAddressEntry === false ? (jsxRuntime.jsxs("div", __assign({ style: { position: 'relative' } }, { children: [jsxRuntime.jsx(Input, { className: "w100", id: "autocomplete", "data-cy": "autocomplete", type: "text", placeholder: (placeholders === null || placeholders === void 0 ? void 0 : placeholders.manualAddressEntry) || 'Search for address', ref: autocompleteElement }, "autocomplete-search"),
|
|
5005
|
-
hasLoadedGoogleAPI === false && (jsxRuntime.jsx("div", __assign({ "data-cy": "google-api-loader", className: styles$
|
|
5006
|
-
jsxRuntime.jsx(Input, __assign({ className: "wmx2 " + styles$
|
|
5005
|
+
hasLoadedGoogleAPI === false && (jsxRuntime.jsx("div", __assign({ "data-cy": "google-api-loader", className: styles$u['loading-spinner'] }, { children: jsxRuntime.jsx("div", { className: "ds-spinner ds-spinner__m" }, void 0) }), void 0))] }), void 0)) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", __assign({ className: "d-flex c-gap16 " + styles$u['input-line'] }, { children: [jsxRuntime.jsx(Input, __assign({ className: "w100", "data-cy": "autocomplete", type: "text", placeholder: (placeholders === null || placeholders === void 0 ? void 0 : placeholders.street) || 'Street', value: (address === null || address === void 0 ? void 0 : address.street) || '', onChange: onManualAddressChange(), name: "street" }, inputProps === null || inputProps === void 0 ? void 0 : inputProps.street), "autocomplete-street"),
|
|
5006
|
+
jsxRuntime.jsx(Input, __assign({ className: "wmx2 " + styles$u['house-number-input'], "data-cy": "autocomplete-house-number", placeholder: (placeholders === null || placeholders === void 0 ? void 0 : placeholders.houseNumber) || 'House Number', value: (address === null || address === void 0 ? void 0 : address.houseNumber) || '', name: "houseNumber", onChange: onManualAddressChange() }, inputProps === null || inputProps === void 0 ? void 0 : inputProps.houseNumber), "autocomplete-house-number")] }), void 0),
|
|
5007
5007
|
jsxRuntime.jsx(Input, __assign({ className: "mt16", "data-cy": "autocomplete-additional-info", placeholder: (placeholders === null || placeholders === void 0 ? void 0 : placeholders.additionalInformation) ||
|
|
5008
5008
|
'Additional information (C/O, apartment, …)', value: (address === null || address === void 0 ? void 0 : address.additionalInformation) || '', name: "additionalInformation", onChange: onManualAddressChange({ updatePlace: false }) }, inputProps === null || inputProps === void 0 ? void 0 : inputProps.additionalInformation), "autocomplete-additional-info"),
|
|
5009
|
-
jsxRuntime.jsxs("div", __assign({ className: "d-flex mt16 c-gap16 " + styles$
|
|
5009
|
+
jsxRuntime.jsxs("div", __assign({ className: "d-flex mt16 c-gap16 " + styles$u['input-line'] }, { children: [jsxRuntime.jsx(Input, __assign({ className: "w100", "data-cy": "autocomplete-postcode", placeholder: (placeholders === null || placeholders === void 0 ? void 0 : placeholders.postcode) || 'Postcode', value: (address === null || address === void 0 ? void 0 : address.postcode) || '', name: "postcode", onChange: onManualAddressChange() }, inputProps === null || inputProps === void 0 ? void 0 : inputProps.postcode), "autocomplete-postcode"),
|
|
5010
5010
|
jsxRuntime.jsx(Input, __assign({ className: "w100", "data-cy": "autocomplete-city", placeholder: (placeholders === null || placeholders === void 0 ? void 0 : placeholders.city) || 'City', value: (address === null || address === void 0 ? void 0 : address.city) || '', name: "city", onChange: onManualAddressChange() }, inputProps === null || inputProps === void 0 ? void 0 : inputProps.city), "autocomplete-city")] }), void 0)] }, void 0)) }), void 0),
|
|
5011
5011
|
manualAddressEntry === false && (jsxRuntime.jsxs("div", __assign({ className: "p-p mt8" }, { children: [(manualAddressEntryTexts === null || manualAddressEntryTexts === void 0 ? void 0 : manualAddressEntryTexts.preText) || 'Or ',
|
|
5012
5012
|
jsxRuntime.jsx("button", __assign({ className: 'p-a p-p fw-bold c-pointer bg-transparent', onClick: handleEnterAddressManually, type: "button" }, { children: (manualAddressEntryTexts === null || manualAddressEntryTexts === void 0 ? void 0 : manualAddressEntryTexts.cta) || 'enter address manually' }), void 0)] }), void 0))] }, void 0));
|
|
@@ -8051,13 +8051,13 @@ const AnimateHeight = (_a) => {
|
|
|
8051
8051
|
require$$0__default['default'].createElement("div", { className: contentClassName, style: contentStyle, ref: contentElement }, children)));
|
|
8052
8052
|
};
|
|
8053
8053
|
|
|
8054
|
-
var css_248z$
|
|
8055
|
-
var styles$
|
|
8056
|
-
styleInject(css_248z$
|
|
8054
|
+
var css_248z$u = ".style-module_container__Uyltc {\n background-color: transparent;\n}\n\n.style-module_dropzoneContainer__yZoGP {\n border: 1px dashed var(--ds-primary-500);\n padding: 32px 0;\n background-color: white;\n transition: all 0.6s ease-in-out;\n}\n\n.style-module_img__11JI8 {\n vertical-align: middle;\n margin-right: 8px;\n height: 18px;\n}\n\n.style-module_textInline__2F21z {\n display: inline-flex;\n}\n\n.style-module_dropzoneContainer__yZoGP:focus {\n outline: none;\n}\n\n.style-module_dropzoneContainer__yZoGP:hover {\n background-color: var(--ds-primary-100);\n transition: 0.5s ease;\n}\n\n.style-module_dropzoneContainerDisabled__1X3gP {\n pointer-events: none;\n opacity: 0.4;\n}";
|
|
8055
|
+
var styles$t = {"container":"style-module_container__Uyltc","dropzoneContainer":"style-module_dropzoneContainer__yZoGP","img":"style-module_img__11JI8","textInline":"style-module_textInline__2F21z","dropzoneContainerDisabled":"style-module_dropzoneContainerDisabled__1X3gP"};
|
|
8056
|
+
styleInject(css_248z$u);
|
|
8057
8057
|
|
|
8058
|
-
var css_248z$
|
|
8059
|
-
var styles$
|
|
8060
|
-
styleInject(css_248z$
|
|
8058
|
+
var css_248z$t = ".style-module_upload-file-cell__3nv5i {\n display: flex;\n align-items: center;\n justify-content: space-between;\n min-height: 64px;\n padding: 8px 16px;\n border: 1px solid #d2d2d8;\n border-radius: 8px;\n background-color: white;\n animation: style-module_appear-down__14rCV 0.6s;\n animation-fill-mode: both;\n animation-delay: 0s;\n}\n\n.style-module_upload-file-cell-error__3KcSe {\n border-color: #e55454;\n background-color: rgba(229, 84, 84, 0.2);\n}\n\n.style-module_cell-left-section__3Iv8c {\n display: flex;\n align-items: center;\n}\n\n.style-module_icon__31Yuk {\n margin: 0px;\n}\n\n.style-module_main-icon__335_Y {\n margin-right: 16px;\n}\n\n.style-module_upload-display-text__3Rd68 {\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n}\n\n.style-module_progress-bar-container__2JCBO {\n position: relative;\n}\n\n.style-module_progress-bar__1Rosf {\n background-color: #f5f6fb;\n border-radius: 10px;\n height: 4px;\n}\n\n.style-module_progress-bar-filler__131fA {\n background-color: #8e8cee;\n border-radius: 10px;\n height: 4px;\n position: absolute;\n bottom: 0;\n transition: 1s ease;\n}\n\n.style-module_cell-right-section__dVWqJ {\n display: flex;\n justify-content: flex-end;\n min-width: 32px;\n margin-left: 16px;\n}\n\n.style-module_cell-right-section-complete__c0rHc {\n min-width: 64px;\n}\n\n.style-module_view-icon__3UenG,\n.style-module_remove-icon__2FWBQ {\n cursor: pointer;\n background: none;\n border: none;\n padding: 0;\n margin: 0;\n color: inherit;\n text-align: inherit;\n outline: none;\n box-shadow: none;\n appearance: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n}\n\n.style-module_remove-icon__2FWBQ {\n margin-left: 16px;\n}\n\n.style-module_disabled__s-DR1 {\n pointer-events: none;\n cursor: default;\n opacity: 0.3;\n}\n\n@keyframes style-module_appear-down__14rCV {\n from {\n transform: translateY(-10px);\n opacity: 0;\n }\n to {\n transform: translateY(0);\n opacity: 1;\n }\n}";
|
|
8059
|
+
var styles$s = {"upload-file-cell":"style-module_upload-file-cell__3nv5i","appear-down":"style-module_appear-down__14rCV","upload-file-cell-error":"style-module_upload-file-cell-error__3KcSe","cell-left-section":"style-module_cell-left-section__3Iv8c","icon":"style-module_icon__31Yuk","main-icon":"style-module_main-icon__335_Y","upload-display-text":"style-module_upload-display-text__3Rd68","progress-bar-container":"style-module_progress-bar-container__2JCBO","progress-bar":"style-module_progress-bar__1Rosf","progress-bar-filler":"style-module_progress-bar-filler__131fA","cell-right-section":"style-module_cell-right-section__dVWqJ","cell-right-section-complete":"style-module_cell-right-section-complete__c0rHc","view-icon":"style-module_view-icon__3UenG","remove-icon":"style-module_remove-icon__2FWBQ","disabled":"style-module_disabled__s-DR1"};
|
|
8060
|
+
styleInject(css_248z$t);
|
|
8061
8061
|
|
|
8062
8062
|
var UploadFileCell = function (_a) {
|
|
8063
8063
|
var _b, _c, _d;
|
|
@@ -8076,18 +8076,18 @@ var UploadFileCell = function (_a) {
|
|
|
8076
8076
|
COMPLETE: name,
|
|
8077
8077
|
ERROR: error !== null && error !== void 0 ? error : 'Something went wrong. Try uploading again.',
|
|
8078
8078
|
}[uploadStatus];
|
|
8079
|
-
return (jsxRuntime.jsxs("div", __assign({ className: classNames("mt8 " + styles$
|
|
8080
|
-
_b[styles$
|
|
8081
|
-
_b)) }, { children: [jsxRuntime.jsxs("div", __assign({ className: "w100 " + styles$
|
|
8082
|
-
jsxRuntime.jsxs("div", __assign({ className: "w100" }, { children: [jsxRuntime.jsx("div", __assign({ className: "p-p " + styles$
|
|
8083
|
-
isUploading && showProgressBar && (jsxRuntime.jsxs("div", __assign({ className: "mt8 w100 " + styles$
|
|
8084
|
-
jsxRuntime.jsx("div", { "data-testid": "ds-filecell-progressbar", className: "" + styles$
|
|
8085
|
-
jsxRuntime.jsx("div", __assign({ className: classNames(styles$
|
|
8086
|
-
_c[styles$
|
|
8087
|
-
_c)) }, { children: isUploading ? (jsxRuntime.jsx("div", __assign({ className: styles$
|
|
8088
|
-
onRemoveFile && (jsxRuntime.jsx("button", __assign({ type: "button", onClick: function () { return onRemoveFile(id); }, className: classNames(styles$
|
|
8089
|
-
_d[styles$
|
|
8090
|
-
_d)), "data-testid": "remove-button" }, { children: jsxRuntime.jsx(Trash2Icon, { color: hasError ? 'red-500' : 'grey-500', size: 24, className: styles$
|
|
8079
|
+
return (jsxRuntime.jsxs("div", __assign({ className: classNames("mt8 " + styles$s['upload-file-cell'], (_b = {},
|
|
8080
|
+
_b[styles$s['upload-file-cell-error']] = hasError,
|
|
8081
|
+
_b)) }, { children: [jsxRuntime.jsxs("div", __assign({ className: "w100 " + styles$s['cell-left-section'] }, { children: [jsxRuntime.jsx(FileIcon, { className: classNames(styles$s['main-icon'] + " " + styles$s.icon), color: mapFileIconColor[uploadStatus], size: 24 }, void 0),
|
|
8082
|
+
jsxRuntime.jsxs("div", __assign({ className: "w100" }, { children: [jsxRuntime.jsx("div", __assign({ className: "p-p " + styles$s['upload-display-text'], title: displayText }, { children: displayText }), void 0),
|
|
8083
|
+
isUploading && showProgressBar && (jsxRuntime.jsxs("div", __assign({ className: "mt8 w100 " + styles$s['progress-bar-container'] }, { children: [jsxRuntime.jsx("div", { className: "" + styles$s['progress-bar'] }, void 0),
|
|
8084
|
+
jsxRuntime.jsx("div", { "data-testid": "ds-filecell-progressbar", className: "" + styles$s['progress-bar-filler'], style: { width: progress + "%" } }, void 0)] }), void 0))] }), void 0)] }), void 0),
|
|
8085
|
+
jsxRuntime.jsx("div", __assign({ className: classNames(styles$s['cell-right-section'], (_c = {},
|
|
8086
|
+
_c[styles$s['cell-right-section-complete']] = isComplete,
|
|
8087
|
+
_c)) }, { children: isUploading ? (jsxRuntime.jsx("div", __assign({ className: styles$s.spinner }, { children: showLoadingSpinner && (jsxRuntime.jsx("div", { className: "ds-spinner ds-spinner__m", "data-testid": "ds-filecell-spinner" }, void 0)) }), void 0)) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [isComplete && (jsxRuntime.jsx("a", __assign({ className: styles$s['view-icon'], href: previewUrl, target: "_blank", rel: "noopener noreferrer" }, { children: jsxRuntime.jsx(EyeVisionIcon, { color: 'grey-500', size: 24, className: styles$s.icon }, void 0) }), void 0)),
|
|
8088
|
+
onRemoveFile && (jsxRuntime.jsx("button", __assign({ type: "button", onClick: function () { return onRemoveFile(id); }, className: classNames(styles$s['remove-icon'], (_d = {},
|
|
8089
|
+
_d[styles$s.disabled] = uploading,
|
|
8090
|
+
_d)), "data-testid": "remove-button" }, { children: jsxRuntime.jsx(Trash2Icon, { color: hasError ? 'red-500' : 'grey-500', size: 24, className: styles$s.icon }, void 0) }), void 0))] }, void 0)) }), void 0)] }), void 0));
|
|
8091
8091
|
};
|
|
8092
8092
|
|
|
8093
8093
|
var k$3 = 1024;
|
|
@@ -8198,12 +8198,11 @@ var MultiDropzone = function (_a) {
|
|
|
8198
8198
|
maxSize: maxSize,
|
|
8199
8199
|
onDrop: onDrop,
|
|
8200
8200
|
}), getRootProps = _f.getRootProps, getInputProps = _f.getInputProps;
|
|
8201
|
-
|
|
8202
|
-
|
|
8203
|
-
_b[
|
|
8204
|
-
|
|
8205
|
-
jsxRuntime.jsx(
|
|
8206
|
-
jsxRuntime.jsx("label", __assign({ htmlFor: uniqueId.current, className: "p-h4 mt8 d-block c-pointer " + (isCondensed ? styles$s.textInline : '') }, { children: uploading
|
|
8201
|
+
return (jsxRuntime.jsxs("div", __assign({ className: styles$t.container }, { children: [jsxRuntime.jsxs("div", __assign({ className: classNames("w100 ta-center br8 c-pointer " + styles$t.dropzoneContainer, (_b = {},
|
|
8202
|
+
_b[styles$t['dropzoneContainerDisabled']] = uploading,
|
|
8203
|
+
_b)) }, getRootProps(), { children: [jsxRuntime.jsx("input", __assign({ "data-testid": "ds-drop-input" }, getInputProps()), void 0),
|
|
8204
|
+
jsxRuntime.jsx(UploadCloudIcon, { className: isCondensed ? styles$t.img : '', size: isCondensed ? 24 : 64, color: 'purple-500' }, void 0),
|
|
8205
|
+
jsxRuntime.jsx("div", __assign({ className: "p-h4 mt8 d-block c-pointer " + (isCondensed ? styles$t.textInline : '') }, { children: uploading
|
|
8207
8206
|
? (textOverrides === null || textOverrides === void 0 ? void 0 : textOverrides.currentlyUploadingText) ||
|
|
8208
8207
|
'Please wait while uploading file...'
|
|
8209
8208
|
: (textOverrides === null || textOverrides === void 0 ? void 0 : textOverrides.instructionsText) || 'Choose file or drag & drop' }), void 0),
|
|
@@ -8253,17 +8252,17 @@ var Button = require$$0__default['default'].forwardRef(function (_a, ref) {
|
|
|
8253
8252
|
}) }), void 0))] }), void 0)) : children }), void 0));
|
|
8254
8253
|
});
|
|
8255
8254
|
|
|
8256
|
-
var css_248z$
|
|
8257
|
-
var styles$
|
|
8258
|
-
styleInject(css_248z$
|
|
8255
|
+
var css_248z$s = ".style-module_button__mw9kQ {\n height: 48px;\n}\n\n.style-module_chip-complete__3YkB9 {\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: white;\n border-radius: 8px;\n padding: 8px 16px;\n height: 48px;\n}";
|
|
8256
|
+
var styles$r = {"button":"style-module_button__mw9kQ","chip-complete":"style-module_chip-complete__3YkB9"};
|
|
8257
|
+
styleInject(css_248z$s);
|
|
8259
8258
|
|
|
8260
8259
|
var InitialButton = function (_a) {
|
|
8261
8260
|
var onDownload = _a.onDownload;
|
|
8262
|
-
return (jsxRuntime.jsx(Button, __assign({ className: "w100 " + styles$
|
|
8261
|
+
return (jsxRuntime.jsx(Button, __assign({ className: "w100 " + styles$r.button, leftIcon: jsxRuntime.jsx(DownloadIcon, {}, void 0), onClick: onDownload, "data-cy": "download-documents-button" }, { children: "Download" }), void 0));
|
|
8263
8262
|
};
|
|
8264
8263
|
// TODO: Allow setting loading to true to display text
|
|
8265
|
-
var GeneratingButton = function () { return (jsxRuntime.jsx(Button, __assign({ className: "w100 " + styles$
|
|
8266
|
-
var CompletedChip = function () { return (jsxRuntime.jsxs("div", __assign({ className: styles$
|
|
8264
|
+
var GeneratingButton = function () { return (jsxRuntime.jsx(Button, __assign({ className: "w100 " + styles$r.button, loading: true }, { children: "Generating" }), void 0)); };
|
|
8265
|
+
var CompletedChip = function () { return (jsxRuntime.jsxs("div", __assign({ className: styles$r['chip-complete'] }, { children: [jsxRuntime.jsx(CheckIcon, { color: 'grey-500', size: 16 }, void 0),
|
|
8267
8266
|
jsxRuntime.jsx("div", __assign({ className: "p-h4 tc-grey-500 ml8" }, { children: "Download complete" }), void 0)] }), void 0)); };
|
|
8268
8267
|
var DownloadButton = function (_a) {
|
|
8269
8268
|
var downloadStatus = _a.downloadStatus, onDownload = _a.onDownload, _b = _a.className, className = _b === void 0 ? '' : _b, customFail = _a.customFail;
|
|
@@ -8277,9 +8276,9 @@ var DownloadButton = function (_a) {
|
|
|
8277
8276
|
downloadStatus === 'FAILED' && (jsxRuntime.jsx("div", __assign({ className: "p-notice p-notice--danger p-p mt40 wmx5" }, { children: customFail !== null && customFail !== void 0 ? customFail : 'An error occured when generating documents. Please try again or contact us.' }), void 0))] }), void 0));
|
|
8278
8277
|
};
|
|
8279
8278
|
|
|
8280
|
-
var css_248z$
|
|
8281
|
-
var styles$
|
|
8282
|
-
styleInject(css_248z$
|
|
8279
|
+
var css_248z$r = ".style-module_informationBox__1dzYO {\n border: 1px solid;\n}\n.style-module_informationBox--information__rsyoM {\n background-color: #e5f0ff;\n border-color: #8bb4ea;\n}\n.style-module_informationBox--error__3BqOR {\n background-color: #fedede;\n border-color: #e55454;\n}\n.style-module_informationBox--warning__10V-E {\n background-color: #fff8e3;\n border-color: #f7ce5c;\n}\n.style-module_informationBox--success__d3gTw {\n background-color: #e4ffe6;\n border-color: #84de8a;\n}\n.style-module_informationBox--neutral__1XsMl {\n background-color: #fff;\n border-color: #fff;\n}";
|
|
8280
|
+
var styles$q = {"informationBox":"style-module_informationBox__1dzYO","informationBox--information":"style-module_informationBox--information__rsyoM","informationBox--error":"style-module_informationBox--error__3BqOR","informationBox--warning":"style-module_informationBox--warning__10V-E","informationBox--success":"style-module_informationBox--success__d3gTw","informationBox--neutral":"style-module_informationBox--neutral__1XsMl"};
|
|
8281
|
+
styleInject(css_248z$r);
|
|
8283
8282
|
|
|
8284
8283
|
var InformationBox = function (_a) {
|
|
8285
8284
|
var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.variant, variant = _c === void 0 ? 'information' : _c, title = _a.title, children = _a.children, showIcon = _a.showIcon, _d = _a.size, size = _d === void 0 ? 'default' : _d;
|
|
@@ -8290,7 +8289,7 @@ var InformationBox = function (_a) {
|
|
|
8290
8289
|
information: 'blue-500',
|
|
8291
8290
|
neutral: 'purple-500',
|
|
8292
8291
|
};
|
|
8293
|
-
return (jsxRuntime.jsx("div", __assign({ className: classNames(className, 'p16 br8 color-black', styles$
|
|
8292
|
+
return (jsxRuntime.jsx("div", __assign({ className: classNames(className, 'p16 br8 color-black', styles$q.informationBox, styles$q["informationBox--" + variant]), role: "alert" }, { children: jsxRuntime.jsxs("div", __assign({ className: "d-flex" }, { children: [showIcon && (jsxRuntime.jsx("div", __assign({ "data-testid": "information-box-icon", className: 'mr8' }, { children: jsxRuntime.jsx(AlertCircleIcon, { className: styles$q.icon, color: mapAlertIconColor[variant], size: size === 'default' ? 24 : 16 }, void 0) }), void 0)),
|
|
8294
8293
|
jsxRuntime.jsxs("div", { children: [title && (jsxRuntime.jsx("h4", __assign({ "data-testid": "information-box-title", className: classNames(size === 'default' ? 'p-h4' : 'p-h5', 'mb8') }, { children: title }), void 0)),
|
|
8295
8294
|
jsxRuntime.jsx("p", __assign({ className: size === 'default' ? 'p-p' : 'p-p--small' }, { children: children }), void 0)] }, void 0)] }), void 0) }), void 0));
|
|
8296
8295
|
};
|
|
@@ -8373,9 +8372,9 @@ var CurrencyInput = function (_a) {
|
|
|
8373
8372
|
} }, props), void 0));
|
|
8374
8373
|
};
|
|
8375
8374
|
|
|
8376
|
-
var css_248z$
|
|
8377
|
-
var styles$
|
|
8378
|
-
styleInject(css_248z$
|
|
8375
|
+
var css_248z$q = ".style-module_badge--small__cHO6v, .style-module_badge--medium__3CekE {\n padding-bottom: 6px;\n padding-top: 6px;\n}\n.style-module_badge--large__3_tWC {\n padding-bottom: 8px;\n padding-top: 8px;\n}";
|
|
8376
|
+
var styles$p = {"badge--small":"style-module_badge--small__cHO6v","badge--medium":"style-module_badge--medium__3CekE","badge--large":"style-module_badge--large__3_tWC"};
|
|
8377
|
+
styleInject(css_248z$q);
|
|
8379
8378
|
|
|
8380
8379
|
var getVariantClassNames = function (variant) { return ({
|
|
8381
8380
|
information: 'bg-blue-100',
|
|
@@ -8390,12 +8389,12 @@ var getVariantClassNames = function (variant) { return ({
|
|
|
8390
8389
|
}[variant]); };
|
|
8391
8390
|
var Badge = function (_a) {
|
|
8392
8391
|
var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.size, size = _c === void 0 ? 'medium' : _c, _d = _a.variant, variant = _d === void 0 ? 'information' : _d, children = _a.children;
|
|
8393
|
-
return (jsxRuntime.jsx("div", __assign({ className: classNames(className, 'px16 br8 d-inline-block ai-center fw-bold p-p', { 'p-p--small': size === 'small' }, styles$
|
|
8392
|
+
return (jsxRuntime.jsx("div", __assign({ className: classNames(className, 'px16 br8 d-inline-block ai-center fw-bold p-p', { 'p-p--small': size === 'small' }, styles$p["badge--" + size], getVariantClassNames(variant)) }, { children: children }), void 0));
|
|
8394
8393
|
};
|
|
8395
8394
|
|
|
8396
|
-
var css_248z$
|
|
8397
|
-
var styles$
|
|
8398
|
-
styleInject(css_248z$
|
|
8395
|
+
var css_248z$p = ".styles-module_container__3zJJC {\n max-width: 100%;\n}\n\n.styles-module_narrow__2p34b {\n max-width: 424px;\n}";
|
|
8396
|
+
var styles$o = {"container":"styles-module_container__3zJJC","narrow":"styles-module_narrow__2p34b"};
|
|
8397
|
+
styleInject(css_248z$p);
|
|
8399
8398
|
|
|
8400
8399
|
var Checkbox = function (_a) {
|
|
8401
8400
|
var _b;
|
|
@@ -8424,8 +8423,8 @@ var Checkbox = function (_a) {
|
|
|
8424
8423
|
var isCheckboxLabelObject = function (label) {
|
|
8425
8424
|
return label.title !== undefined;
|
|
8426
8425
|
};
|
|
8427
|
-
return (jsxRuntime.jsx("div", __assign({ className: classNames(classNamesObj === null || classNamesObj === void 0 ? void 0 : classNamesObj.container, styles$
|
|
8428
|
-
_b[styles$
|
|
8426
|
+
return (jsxRuntime.jsx("div", __assign({ className: classNames(classNamesObj === null || classNamesObj === void 0 ? void 0 : classNamesObj.container, styles$o.container, 'd-flex gap8', (_b = {},
|
|
8427
|
+
_b[styles$o.narrow] = !wide,
|
|
8429
8428
|
_b['fd-row'] = inlineLayout,
|
|
8430
8429
|
_b['f-wrap'] = inlineLayout,
|
|
8431
8430
|
_b['fd-column'] = !inlineLayout,
|
|
@@ -8447,17 +8446,17 @@ var Checkbox = function (_a) {
|
|
|
8447
8446
|
}) }), void 0));
|
|
8448
8447
|
};
|
|
8449
8448
|
|
|
8450
|
-
var css_248z$
|
|
8451
|
-
var styles$
|
|
8452
|
-
styleInject(css_248z$
|
|
8449
|
+
var css_248z$o = ".styles-module_container__3M-sc {\n max-width: 100%;\n}\n\n.styles-module_narrow__3VUzp {\n max-width: 424px;\n}\n\n.styles-module_wide__3nLhz {\n max-width: 736px;\n}";
|
|
8450
|
+
var styles$n = {"container":"styles-module_container__3M-sc","narrow":"styles-module_narrow__3VUzp","wide":"styles-module_wide__3nLhz"};
|
|
8451
|
+
styleInject(css_248z$o);
|
|
8453
8452
|
|
|
8454
8453
|
var Radio = function (_a) {
|
|
8455
8454
|
var _b;
|
|
8456
8455
|
var options = _a.options, value = _a.value, onChange = _a.onChange, _c = _a.wide, wide = _c === void 0 ? false : _c, _d = _a.inlineLayout, inlineLayout = _d === void 0 ? false : _d, _e = _a.inlineIcon, inlineIcon = _e === void 0 ? false : _e, classNamesObj = _a.classNames, _f = _a.bordered, bordered = _f === void 0 ? true : _f;
|
|
8457
8456
|
var entries = Object.entries(options);
|
|
8458
|
-
return (jsxRuntime.jsx("div", __assign({ className: classNames(classNamesObj === null || classNamesObj === void 0 ? void 0 : classNamesObj.container, styles$
|
|
8459
|
-
_b[styles$
|
|
8460
|
-
_b[styles$
|
|
8457
|
+
return (jsxRuntime.jsx("div", __assign({ className: classNames(classNamesObj === null || classNamesObj === void 0 ? void 0 : classNamesObj.container, styles$n.container, 'd-flex gap8', (_b = {},
|
|
8458
|
+
_b[styles$n.wide] = wide,
|
|
8459
|
+
_b[styles$n.narrow] = !wide,
|
|
8461
8460
|
_b['fd-row'] = inlineLayout,
|
|
8462
8461
|
_b['f-wrap'] = inlineLayout,
|
|
8463
8462
|
_b['fd-column'] = !inlineLayout,
|
|
@@ -8484,9 +8483,9 @@ var Radio = function (_a) {
|
|
|
8484
8483
|
}) }), void 0));
|
|
8485
8484
|
};
|
|
8486
8485
|
|
|
8487
|
-
var css_248z$
|
|
8488
|
-
var styles$
|
|
8489
|
-
styleInject(css_248z$
|
|
8486
|
+
var css_248z$n = "@keyframes style-module_fade-in__1GZgs {\n 0% {\n background-color: rgba(0, 0, 0, 0);\n }\n 100% {\n background-color: rgba(0, 0, 0, 0.3);\n }\n}\n@keyframes style-module_fade-out__30Bns {\n from {\n background-color: rgba(0, 0, 0, 0.3);\n }\n to {\n background-color: rgba(0, 0, 0, 0);\n }\n}\n@keyframes style-module_appear-in__3U2lu {\n 0% {\n transform: translateY(100%);\n }\n 80% {\n transform: translateY(-2%);\n }\n 100% {\n transform: translateY(0);\n }\n}\n@keyframes style-module_disappear-out__6pOVr {\n 0% {\n transform: translateY(0);\n }\n 100% {\n transform: translateY(100%);\n }\n}\n.style-module_close__1GERU {\n border: none;\n background-color: transparent;\n cursor: pointer;\n}\n\n.style-module_closeIcon__3Q7nF {\n margin: 0;\n}\n\n.style-module_overlay__AlX2J, .style-module_overlay--close__3E9GY {\n position: fixed;\n z-index: 100;\n overflow: auto;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n animation: style-module_fade-in__1GZgs 0.3s both;\n}\n.style-module_overlay--close__3E9GY {\n animation-delay: 0.1s;\n animation: style-module_fade-out__30Bns 0.3s both;\n}\n\n.style-module_wrapper__200Xu {\n position: relative;\n top: 0;\n width: 100%;\n overflow: hidden;\n}\n\n.style-module_container__aOENo, .style-module_container--close__K506c {\n background-color: white;\n border-top-left-radius: 8px;\n border-top-right-radius: 8px;\n width: 100%;\n animation-name: style-module_appear-in__3U2lu;\n animation-duration: 0.4s;\n animation-fill-mode: both;\n animation-timing-function: ease-out;\n}\n.style-module_container--close__K506c {\n animation-name: style-module_disappear-out__6pOVr;\n animation-duration: 0.4s;\n animation-delay: 0s;\n animation-fill-mode: both;\n animation-timing-function: ease-out;\n}\n\n.style-module_header__10iiH {\n height: 60px;\n display: flex;\n align-items: center;\n padding: 0 16px;\n}\n\n@media (max-width: 34rem) {\n .style-module_content__mq_IJ {\n padding-bottom: 48px;\n }\n}";
|
|
8487
|
+
var styles$m = {"close":"style-module_close__1GERU","closeIcon":"style-module_closeIcon__3Q7nF","overlay":"style-module_overlay__AlX2J","overlay--close":"style-module_overlay--close__3E9GY","fade-in":"style-module_fade-in__1GZgs","fade-out":"style-module_fade-out__30Bns","wrapper":"style-module_wrapper__200Xu","container":"style-module_container__aOENo","container--close":"style-module_container--close__K506c","appear-in":"style-module_appear-in__3U2lu","disappear-out":"style-module_disappear-out__6pOVr","header":"style-module_header__10iiH","content":"style-module_content__mq_IJ"};
|
|
8488
|
+
styleInject(css_248z$n);
|
|
8490
8489
|
|
|
8491
8490
|
var useOnClose = function (onClose, isOpen, dismissable) {
|
|
8492
8491
|
var _a = require$$0.useState(false), isClosing = _a[0], setIsClosing = _a[1];
|
|
@@ -8542,17 +8541,17 @@ var BottomModal = function (_a) {
|
|
|
8542
8541
|
if (!isOpen) {
|
|
8543
8542
|
return jsxRuntime.jsx(jsxRuntime.Fragment, {}, void 0);
|
|
8544
8543
|
}
|
|
8545
|
-
return (jsxRuntime.jsx("div", __assign({ className: isClosing ? styles$
|
|
8544
|
+
return (jsxRuntime.jsx("div", __assign({ className: isClosing ? styles$m['overlay--close'] : styles$m.overlay, onClick: handleOnOverlayClick }, { children: jsxRuntime.jsx("div", __assign({ className: styles$m.wrapper, ref: containerRef, onClick: handleContainerClick, style: { top: containerXOffset + "px" } }, { children: jsxRuntime.jsxs("div", __assign({ className: (isClosing ? styles$m['container--close'] : styles$m.container) + " " + className }, { children: [jsxRuntime.jsxs("div", __assign({ className: classNames(styles$m.header, {
|
|
8546
8545
|
'jc-between': !!title,
|
|
8547
8546
|
'jc-end': !title,
|
|
8548
|
-
}) }, { children: [jsxRuntime.jsx("div", __assign({ className: "p-h4 " + styles$
|
|
8549
|
-
dismissible && (jsxRuntime.jsx("button", __assign({ type: "button", className: styles$
|
|
8550
|
-
jsxRuntime.jsx("div", __assign({ className: styles$
|
|
8547
|
+
}) }, { children: [jsxRuntime.jsx("div", __assign({ className: "p-h4 " + styles$m.title }, { children: title }), void 0),
|
|
8548
|
+
dismissible && (jsxRuntime.jsx("button", __assign({ type: "button", className: styles$m.close, onClick: handleOnClose }, { children: jsxRuntime.jsx(XIcon, { size: 24, color: 'grey-700', className: "" + styles$m.closeIcon }, void 0) }), void 0))] }), void 0),
|
|
8549
|
+
jsxRuntime.jsx("div", __assign({ className: styles$m.content }, { children: children }), void 0)] }), void 0) }), void 0) }), void 0));
|
|
8551
8550
|
};
|
|
8552
8551
|
|
|
8553
|
-
var css_248z$
|
|
8554
|
-
var styles$
|
|
8555
|
-
styleInject(css_248z$
|
|
8552
|
+
var css_248z$m = "@keyframes style-module_fade-in__nLzzO {\n 0% {\n background-color: rgba(0, 0, 0, 0);\n visibility: hidden;\n }\n 100% {\n background-color: rgba(0, 0, 0, 0.3);\n visibility: visible;\n }\n}\n@keyframes style-module_fade-out__IuSV7 {\n from {\n background-color: rgba(0, 0, 0, 0.3);\n visibility: visible;\n }\n to {\n background-color: rgba(0, 0, 0, 0);\n visibility: hidden;\n }\n}\n@keyframes style-module_appear-in__2ZMqz {\n 0% {\n transform: translateY(24px);\n opacity: 0;\n visibility: hidden;\n }\n 100% {\n transform: translateY(0);\n opacity: 1;\n visibility: visible;\n }\n}\n@keyframes style-module_disappear-out__38TSV {\n 0% {\n transform: translateY(0);\n opacity: 1;\n visibility: visible;\n }\n 100% {\n transform: translateY(24px);\n opacity: 0;\n visibility: hidden;\n }\n}\n.style-module_overlay__1Zbce, .style-module_overlay--close__2dytn {\n position: fixed;\n z-index: 100;\n overflow: auto;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n animation: style-module_fade-in__nLzzO 0.3s both;\n}\n.style-module_overlay--close__2dytn {\n animation-delay: 0.1s;\n animation: style-module_fade-out__IuSV7 0.3s both;\n}\n\n.style-module_container__1XZj_, .style-module_container--close__3UYsJ {\n position: relative;\n display: flex;\n align-items: center;\n max-width: 592px;\n width: 100%;\n min-height: 100%;\n margin: 0 auto;\n animation-name: style-module_appear-in__2ZMqz;\n animation-duration: 0.4s;\n animation-fill-mode: both;\n animation-timing-function: ease-out;\n}\n.style-module_container--close__3UYsJ {\n animation-name: style-module_disappear-out__38TSV;\n animation-duration: 0.4s;\n animation-delay: 0s;\n animation-fill-mode: both;\n animation-timing-function: ease-out;\n}\n\n.style-module_body__lbUih {\n background-color: white;\n border-radius: 8px;\n margin: 80px auto;\n}\n\n.style-module_header__2oEKp {\n display: flex;\n align-items: center;\n padding: 24px 24px 0 24px;\n}\n\n.style-module_close__p3Axi {\n border: none;\n background-color: transparent;\n cursor: pointer;\n}\n\n.style-module_closeIcon__1KNwx {\n margin: 0;\n}";
|
|
8553
|
+
var styles$l = {"overlay":"style-module_overlay__1Zbce","overlay--close":"style-module_overlay--close__2dytn","fade-in":"style-module_fade-in__nLzzO","fade-out":"style-module_fade-out__IuSV7","container":"style-module_container__1XZj_","container--close":"style-module_container--close__3UYsJ","appear-in":"style-module_appear-in__2ZMqz","disappear-out":"style-module_disappear-out__38TSV","body":"style-module_body__lbUih","header":"style-module_header__2oEKp","close":"style-module_close__p3Axi","closeIcon":"style-module_closeIcon__1KNwx"};
|
|
8554
|
+
styleInject(css_248z$m);
|
|
8556
8555
|
|
|
8557
8556
|
var RegularModal = function (_a) {
|
|
8558
8557
|
var title = _a.title, isOpen = _a.isOpen, children = _a.children, onClose = _a.onClose, _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.dismissible, dismissible = _c === void 0 ? true : _c;
|
|
@@ -8560,16 +8559,16 @@ var RegularModal = function (_a) {
|
|
|
8560
8559
|
if (!isOpen) {
|
|
8561
8560
|
return jsxRuntime.jsx(jsxRuntime.Fragment, {}, void 0);
|
|
8562
8561
|
}
|
|
8563
|
-
return (jsxRuntime.jsx("div", __assign({ className: isClosing ? styles$
|
|
8562
|
+
return (jsxRuntime.jsx("div", __assign({ className: isClosing ? styles$l['overlay--close'] : styles$l.overlay, onClick: handleOnOverlayClick }, { children: jsxRuntime.jsx("div", __assign({ className: (isClosing ? styles$l['container--close'] : styles$l.container) + " " + className }, { children: jsxRuntime.jsxs("div", __assign({ className: styles$l.body, onClick: handleContainerClick }, { children: [jsxRuntime.jsxs("div", __assign({ className: classNames(styles$l.header, {
|
|
8564
8563
|
'jc-between': !!title,
|
|
8565
8564
|
'jc-end': !title,
|
|
8566
|
-
}) }, { children: [title && jsxRuntime.jsx("div", __assign({ className: "p-h2 " + styles$
|
|
8567
|
-
dismissible && (jsxRuntime.jsx("button", __assign({ type: "button", className: styles$
|
|
8565
|
+
}) }, { children: [title && jsxRuntime.jsx("div", __assign({ className: "p-h2 " + styles$l.title }, { children: title }), void 0),
|
|
8566
|
+
dismissible && (jsxRuntime.jsx("button", __assign({ type: "button", className: styles$l.close, onClick: handleOnClose }, { children: jsxRuntime.jsx(XIcon, { size: 24, color: 'grey-700', className: "" + styles$l.closeIcon }, void 0) }), void 0))] }), void 0), children] }), void 0) }), void 0) }), void 0));
|
|
8568
8567
|
};
|
|
8569
8568
|
|
|
8570
|
-
var css_248z$
|
|
8571
|
-
var styles$
|
|
8572
|
-
styleInject(css_248z$
|
|
8569
|
+
var css_248z$l = "@media (min-width: 34rem) {\n .style-module_mobile__3k175 {\n display: none;\n }\n}\n@media (max-width: 34rem) {\n .style-module_mobile__3k175 {\n display: block !important;\n }\n}\n\n@media (max-width: 34rem) {\n .style-module_desktop__2lclr {\n display: none;\n }\n}";
|
|
8570
|
+
var styles$k = {"mobile":"style-module_mobile__3k175","desktop":"style-module_desktop__2lclr"};
|
|
8571
|
+
styleInject(css_248z$l);
|
|
8573
8572
|
|
|
8574
8573
|
var BottomOrRegularModal = function (_a) {
|
|
8575
8574
|
var isOpen = _a.isOpen, props = __rest$1(_a, ["isOpen"]);
|
|
@@ -8588,8 +8587,8 @@ var BottomOrRegularModal = function (_a) {
|
|
|
8588
8587
|
window.removeEventListener('resize', handleResize);
|
|
8589
8588
|
};
|
|
8590
8589
|
}, []);
|
|
8591
|
-
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", __assign({ className: styles$
|
|
8592
|
-
visibleSize === 'desktop' && (jsxRuntime.jsx("div", __assign({ className: styles$
|
|
8590
|
+
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", __assign({ className: styles$k.mobile, ref: mobileRef }, { children: visibleSize === 'mobile' && jsxRuntime.jsx(BottomModal, __assign({}, props, { isOpen: isOpen }), void 0) }), void 0),
|
|
8591
|
+
visibleSize === 'desktop' && (jsxRuntime.jsx("div", __assign({ className: styles$k.desktop }, { children: jsxRuntime.jsx(RegularModal, __assign({}, props, { isOpen: isOpen }), void 0) }), void 0))] }, void 0));
|
|
8593
8592
|
};
|
|
8594
8593
|
|
|
8595
8594
|
var arrowRightImage = "data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%2012H19%22%20stroke%3D%22%238E8CEE%22%20strokeWidth%3D%222%22%20strokeLinecap%3D%22round%22%20strokeLinejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M12%205L19%2012L12%2019%22%20stroke%3D%22%238E8CEE%22%20strokeWidth%3D%222%22%20strokeLinecap%3D%22round%22%20strokeLinejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E";
|
|
@@ -8611,9 +8610,9 @@ var info = {
|
|
|
8611
8610
|
alt: 'circle with the letter i inside for information',
|
|
8612
8611
|
};
|
|
8613
8612
|
|
|
8614
|
-
var css_248z$
|
|
8615
|
-
var styles$
|
|
8616
|
-
styleInject(css_248z$
|
|
8613
|
+
var css_248z$k = ".style-module_container__3jKmy {\n padding: 24px;\n}\n.style-module_container--xsmall__1c9fn {\n padding: 16px 24px;\n}\n\n.style-module_title-container__yzUzm {\n display: flex;\n align-items: center;\n}\n\n.style-module_right-icon__1I62e {\n margin-left: auto;\n}\n\n.style-module_indent__2-oSJ {\n margin-left: 36px;\n}";
|
|
8614
|
+
var styles$j = {"container":"style-module_container__3jKmy","container--xsmall":"style-module_container--xsmall__1c9fn","title-container":"style-module_title-container__yzUzm","right-icon":"style-module_right-icon__1I62e","indent":"style-module_indent__2-oSJ"};
|
|
8615
|
+
styleInject(css_248z$k);
|
|
8617
8616
|
|
|
8618
8617
|
var containerStyleFromTitleSize = function (titleSize) {
|
|
8619
8618
|
switch (titleSize) {
|
|
@@ -8625,20 +8624,20 @@ var containerStyleFromTitleSize = function (titleSize) {
|
|
|
8625
8624
|
};
|
|
8626
8625
|
var CardWithTopLeftIcon = function (_a) {
|
|
8627
8626
|
var className = _a.className, title = _a.title, _b = _a.cardSize, cardSize = _b === void 0 ? 'medium' : _b, children = _a.children, leftIcon = _a.leftIcon, rightIcon = _a.rightIcon, _c = _a.state, state = _c === void 0 ? 'actionable' : _c, _d = _a.dropshadow, dropshadow = _d === void 0 ? true : _d, props = __rest$1(_a, ["className", "title", "cardSize", "children", "leftIcon", "rightIcon", "state", "dropshadow"]);
|
|
8628
|
-
var cardStyle = className + " " + associatedClassForCardState(state, dropshadow) + " " + styles$
|
|
8629
|
-
var titleContainerStyle = styles$
|
|
8627
|
+
var cardStyle = className + " " + associatedClassForCardState(state, dropshadow) + " " + styles$j[containerStyleFromTitleSize(cardSize)];
|
|
8628
|
+
var titleContainerStyle = styles$j['title-container'];
|
|
8630
8629
|
var headingStyle = headingForCardSize(cardSize);
|
|
8631
|
-
var iconStyle = styles$
|
|
8632
|
-
var cardTextStyle = "p-p tc-grey-600 " + (cardSize === 'xsmall' ? styles$
|
|
8630
|
+
var iconStyle = styles$j['right-icon'];
|
|
8631
|
+
var cardTextStyle = "p-p tc-grey-600 " + (cardSize === 'xsmall' ? styles$j.indent : 'mt16');
|
|
8633
8632
|
return (jsxRuntime.jsxs("div", __assign({ className: cardStyle }, props, { children: [jsxRuntime.jsxs("div", __assign({ className: titleContainerStyle }, { children: [leftIcon && (jsxRuntime.jsx("img", { className: "mr8", width: "28px", height: "28px", src: leftIcon === 'logo' ? featherLogo.src : leftIcon.src, alt: leftIcon === 'logo' ? featherLogo.alt : leftIcon.src }, void 0)),
|
|
8634
8633
|
jsxRuntime.jsx("div", __assign({ className: headingStyle }, { children: title }), void 0),
|
|
8635
8634
|
rightIcon && (jsxRuntime.jsx("img", { className: iconStyle, width: "24px", height: "24px", src: rightIcon === 'arrow' ? arrowRight.src : rightIcon.src, alt: rightIcon === 'arrow' ? arrowRight.alt : rightIcon.alt }, void 0))] }), void 0),
|
|
8636
8635
|
jsxRuntime.jsx("div", __assign({ className: cardTextStyle }, { children: children }), void 0)] }), void 0));
|
|
8637
8636
|
};
|
|
8638
8637
|
|
|
8639
|
-
var css_248z$
|
|
8640
|
-
var styles$
|
|
8641
|
-
styleInject(css_248z$
|
|
8638
|
+
var css_248z$j = ".style-module_container__384bg {\n padding: 24px 24px 24px 32px;\n}\n.style-module_container--small__35EZ1 {\n padding: 16px 24px 16px 32px;\n}\n.style-module_container--xsmall__2DDsN {\n padding: 16px 16px 16px 24px;\n}\n\n.style-module_card-text--small__1L_Fe {\n margin-top: 2px;\n}\n\n.style-module_card-text--medium__qoKv2 {\n margin-top: 4px;\n}\n\n.style-module_card-text--big__mMB2v {\n margin-top: 6px;\n}";
|
|
8639
|
+
var styles$i = {"container":"style-module_container__384bg","container--small":"style-module_container--small__35EZ1","container--xsmall":"style-module_container--xsmall__2DDsN","card-text--small":"style-module_card-text--small__1L_Fe","card-text--medium":"style-module_card-text--medium__qoKv2","card-text--big":"style-module_card-text--big__mMB2v"};
|
|
8640
|
+
styleInject(css_248z$j);
|
|
8642
8641
|
|
|
8643
8642
|
var containerStyleFromCardSize = function (cardSize) {
|
|
8644
8643
|
switch (cardSize) {
|
|
@@ -8663,10 +8662,10 @@ var cardTextStyleFromCardSize = function (cardSize) {
|
|
|
8663
8662
|
};
|
|
8664
8663
|
var CardWithLeftIcon = function (_a) {
|
|
8665
8664
|
var _b = _a.className, className = _b === void 0 ? '' : _b, title = _a.title, subtitle = _a.subtitle, _c = _a.cardSize, cardSize = _c === void 0 ? 'medium' : _c, children = _a.children, leftIcon = _a.leftIcon, rightIcon = _a.rightIcon, _d = _a.state, state = _d === void 0 ? 'actionable' : _d, _e = _a.dropshadow, dropshadow = _e === void 0 ? true : _e, leftIconSize = _a.leftIconSize, props = __rest$1(_a, ["className", "title", "subtitle", "cardSize", "children", "leftIcon", "rightIcon", "state", "dropshadow", "leftIconSize"]);
|
|
8666
|
-
var cardStyle = "d-flex ai-center " + className + " " + associatedClassForCardState(state, dropshadow) + " " + styles$
|
|
8665
|
+
var cardStyle = "d-flex ai-center " + className + " " + associatedClassForCardState(state, dropshadow) + " " + styles$i[containerStyleFromCardSize(cardSize)];
|
|
8667
8666
|
var headingStyle = headingForCardSize(cardSize);
|
|
8668
8667
|
var iconStyle = cardSize === 'xsmall' ? 'mr16' : 'mr32';
|
|
8669
|
-
var cardTextStyle = "tc-grey-600 " + (cardSize === 'xsmall' ? 'p-p--small' : 'p-p ') + " " + styles$
|
|
8668
|
+
var cardTextStyle = "tc-grey-600 " + (cardSize === 'xsmall' ? 'p-p--small' : 'p-p ') + " " + styles$i[cardTextStyleFromCardSize(cardSize)];
|
|
8670
8669
|
return (jsxRuntime.jsxs("div", __assign({ className: cardStyle }, props, { children: [leftIcon && (jsxRuntime.jsx("img", { width: ((leftIconSize === null || leftIconSize === void 0 ? void 0 : leftIconSize.width) || 48) + "px", height: ((leftIconSize === null || leftIconSize === void 0 ? void 0 : leftIconSize.height) || 48) + "px", className: iconStyle, src: leftIcon.src, alt: leftIcon.alt }, void 0)),
|
|
8671
8670
|
jsxRuntime.jsxs("div", { children: [jsxRuntime.jsxs("div", __assign({ className: "d-flex" }, { children: [(title || subtitle) && (jsxRuntime.jsxs("div", { children: [title && jsxRuntime.jsx("div", __assign({ className: headingStyle }, { children: title }), void 0),
|
|
8672
8671
|
subtitle && (jsxRuntime.jsx("div", __assign({ className: "tc-grey-500 " + headingStyle }, { children: subtitle }), void 0))] }, void 0)),
|
|
@@ -8674,46 +8673,46 @@ var CardWithLeftIcon = function (_a) {
|
|
|
8674
8673
|
jsxRuntime.jsx("div", __assign({ className: cardTextStyle }, { children: children }), void 0)] }, void 0)] }), void 0));
|
|
8675
8674
|
};
|
|
8676
8675
|
|
|
8677
|
-
var css_248z$
|
|
8678
|
-
var styles$
|
|
8679
|
-
styleInject(css_248z$
|
|
8676
|
+
var css_248z$i = ".style-module_container__34kUF {\n padding: 32px 24px 24px 24px;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.style-module_right-icon__3_kH9 {\n margin-left: 4px;\n}";
|
|
8677
|
+
var styles$h = {"container":"style-module_container__34kUF","right-icon":"style-module_right-icon__3_kH9"};
|
|
8678
|
+
styleInject(css_248z$i);
|
|
8680
8679
|
|
|
8681
8680
|
var CardWithTopIcon = function (_a) {
|
|
8682
8681
|
var className = _a.className, title = _a.title, _b = _a.cardSize, cardSize = _b === void 0 ? 'medium' : _b, children = _a.children, topIcon = _a.topIcon, _c = _a.topIconSize, topIconSize = _c === void 0 ? { width: 48, height: 48 } : _c, rightIcon = _a.rightIcon, _d = _a.state, state = _d === void 0 ? 'actionable' : _d, _e = _a.dropshadow, dropshadow = _e === void 0 ? true : _e, props = __rest$1(_a, ["className", "title", "cardSize", "children", "topIcon", "topIconSize", "rightIcon", "state", "dropshadow"]);
|
|
8683
|
-
var cardStyle = "d-flex fd-column ai-center " + className + " " + associatedClassForCardState(state, dropshadow) + " " + styles$
|
|
8682
|
+
var cardStyle = "d-flex fd-column ai-center " + className + " " + associatedClassForCardState(state, dropshadow) + " " + styles$h.container;
|
|
8684
8683
|
var headingStyle = headingForCardSize(cardSize);
|
|
8685
|
-
var iconStyle = styles$
|
|
8684
|
+
var iconStyle = styles$h['right-icon'];
|
|
8686
8685
|
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs("div", __assign({ className: cardStyle }, props, { children: [jsxRuntime.jsx("img", { width: topIconSize.width, height: topIconSize.height, alt: topIcon.alt, src: topIcon.src }, void 0),
|
|
8687
8686
|
jsxRuntime.jsxs("div", __assign({ className: "d-flex mt16" }, { children: [jsxRuntime.jsx("div", __assign({ className: headingStyle }, { children: title }), void 0),
|
|
8688
8687
|
rightIcon && (jsxRuntime.jsx("img", { className: iconStyle, width: "24px", height: "24px", src: rightIcon === 'arrow' ? arrowRight.src : rightIcon.src, alt: rightIcon === 'arrow' ? arrowRight.alt : rightIcon.alt }, void 0))] }), void 0), children] }), void 0) }, void 0));
|
|
8689
8688
|
};
|
|
8690
8689
|
|
|
8691
|
-
var css_248z$
|
|
8692
|
-
var styles$
|
|
8693
|
-
styleInject(css_248z$
|
|
8690
|
+
var css_248z$h = "@keyframes style-module_appear-in__23V7k {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n.style-module_root-container__3r_b9 {\n position: relative;\n padding-top: 40px;\n}\n.style-module_root-container__3r_b9:hover .style-module_right-icon__L6sf3 {\n visibility: visible;\n animation-name: style-module_appear-in__23V7k;\n animation-duration: 0.3s;\n animation-fill-mode: both;\n}\n\n.style-module_top-icon__10CJ3 {\n position: absolute;\n left: 50%;\n transform: translateX(-50%) translateY(-40px);\n}\n.style-module_top-icon--muted__3PZ1X {\n opacity: 0.25;\n}\n\n.style-module_right-icon__L6sf3 {\n visibility: hidden;\n position: absolute;\n top: 64px;\n right: 24px;\n}\n\n.style-module_container__19mu2 {\n padding: 0 24px 24px 24px;\n height: 100%;\n}\n@media (max-width: 34rem) {\n .style-module_container__19mu2 {\n height: fit-content;\n }\n}";
|
|
8691
|
+
var styles$g = {"root-container":"style-module_root-container__3r_b9","right-icon":"style-module_right-icon__L6sf3","appear-in":"style-module_appear-in__23V7k","top-icon":"style-module_top-icon__10CJ3","top-icon--muted":"style-module_top-icon--muted__3PZ1X","container":"style-module_container__19mu2"};
|
|
8692
|
+
styleInject(css_248z$h);
|
|
8694
8693
|
|
|
8695
8694
|
var InfoCard = function (_a) {
|
|
8696
8695
|
var className = _a.className, title = _a.title, children = _a.children, topIcon = _a.topIcon, rightIcon = _a.rightIcon, _b = _a.state, state = _b === void 0 ? 'actionable' : _b, _c = _a.dropshadow, dropshadow = _c === void 0 ? true : _c, props = __rest$1(_a, ["className", "title", "children", "topIcon", "rightIcon", "state", "dropshadow"]);
|
|
8697
|
-
return (jsxRuntime.jsxs("div", __assign({ className: styles$
|
|
8698
|
-
jsxRuntime.jsxs("div", __assign({ className: associatedClassForCardState(state, dropshadow) + " " + styles$
|
|
8696
|
+
return (jsxRuntime.jsxs("div", __assign({ className: styles$g['root-container'] + " " + (className !== null && className !== void 0 ? className : '') }, props, { children: [jsxRuntime.jsx("img", { src: topIcon.src, alt: topIcon.alt, className: styles$g['top-icon'] + " " + (state === 'muted' ? styles$g['top-icon--muted'] : '') + " ", width: "80px", height: "80px" }, void 0),
|
|
8697
|
+
jsxRuntime.jsxs("div", __assign({ className: associatedClassForCardState(state, dropshadow) + " " + styles$g.container }, { children: [rightIcon && (jsxRuntime.jsx("img", { width: "20px", height: "20px", className: styles$g['right-icon'], src: rightIcon === 'info' ? info.src : rightIcon.src, alt: rightIcon === 'info' ? info.alt : rightIcon.alt }, void 0)),
|
|
8699
8698
|
jsxRuntime.jsx("div", __assign({ className: "p-h4 ta-center mt64" }, { children: title }), void 0),
|
|
8700
8699
|
jsxRuntime.jsx("p", __assign({ className: "p-p mt16 tc-grey-600" }, { children: children }), void 0)] }), void 0)] }), void 0));
|
|
8701
8700
|
};
|
|
8702
8701
|
|
|
8703
|
-
var css_248z$
|
|
8704
|
-
var styles$
|
|
8705
|
-
styleInject(css_248z$
|
|
8702
|
+
var css_248z$g = ".style-module_container__2tJCE {\n background-color: white;\n padding: 8px 16px;\n box-shadow: 0px 2px 20px rgba(97, 96, 162, 0.07);\n border-radius: 8px;\n border: 2px solid white;\n transition: border 0.2s ease-in-out;\n display: flex;\n justify-content: space-between;\n align-items: center;\n text-decoration: none;\n}\n.style-module_container__2tJCE:hover {\n border: 2px solid #b1b0f5;\n}\n.style-module_container__2tJCE[disabled] {\n pointer-events: none;\n opacity: 0.25;\n}\n.style-module_container__2tJCE:focus {\n border: 2px solid #8e8cee;\n}\n\n.style-module_chevronRight__24wkt {\n min-width: 16px;\n}";
|
|
8703
|
+
var styles$f = {"container":"style-module_container__2tJCE","chevronRight":"style-module_chevronRight__24wkt"};
|
|
8704
|
+
styleInject(css_248z$g);
|
|
8706
8705
|
|
|
8707
|
-
var CardContent = function (_a) {
|
|
8706
|
+
var CardContent$1 = function (_a) {
|
|
8708
8707
|
var title = _a.title, description = _a.description;
|
|
8709
8708
|
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("div", __assign({ className: "p-p--small" }, { children: title }), void 0),
|
|
8710
8709
|
typeof description === 'string' ? (jsxRuntime.jsx("div", __assign({ className: "tc-primary-500 p-p" }, { children: description }), void 0)) : (description)] }, void 0),
|
|
8711
|
-
jsxRuntime.jsx(ChevronRightIcon, { size: 16, color: 'purple-500', className: styles$
|
|
8710
|
+
jsxRuntime.jsx(ChevronRightIcon, { size: 16, color: 'purple-500', className: styles$f.chevronRight }, void 0)] }, void 0));
|
|
8712
8711
|
};
|
|
8713
8712
|
var CardButton = function (_a) {
|
|
8714
8713
|
var title = _a.title, description = _a.description, _b = _a.disabled, disabled = _b === void 0 ? false : _b, onClick = _a.onClick, href = _a.href, className = _a.className;
|
|
8715
8714
|
var component = href ? 'a' : 'button';
|
|
8716
|
-
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: require$$0.createElement(component, __assign({ className: "c-pointer ta-left w100 " + styles$
|
|
8715
|
+
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: require$$0.createElement(component, __assign({ className: "c-pointer ta-left w100 " + styles$f.container + " " + (className !== null && className !== void 0 ? className : '') + "\n ", children: jsxRuntime.jsx(CardContent$1, { title: title, description: description }, void 0), disabled: disabled }, (component === 'a' ? { href: href } : { onClick: onClick }))) }, void 0));
|
|
8717
8716
|
};
|
|
8718
8717
|
|
|
8719
8718
|
var headingForCardSize = function (cardSize) {
|
|
@@ -8744,6 +8743,35 @@ var associatedClassForCardState = function (state, dropshadow) {
|
|
|
8744
8743
|
return baseClass;
|
|
8745
8744
|
};
|
|
8746
8745
|
|
|
8746
|
+
var css_248z$f = ".style-module_button__KWY7b {\n border: 1px solid transparent;\n color: #26262e;\n outline-color: #8e8cee;\n transition: all 0.2s ease-in-out;\n}\n.style-module_button__KWY7b:hover {\n border-color: #8e8cee;\n color: #8e8cee;\n}\n\n.style-module_icon__N6B2P {\n margin-right: 12px;\n}\n.style-module_iconbalanced__3JdKC {\n margin-right: 16px;\n}\n.style-module_iconspacious__36ovv {\n margin-right: 24px;\n}\n\n.style-module_actionIcon__2klnb {\n margin-left: 12px;\n}\n.style-module_actionIconbalanced__1duYl {\n margin-left: 16px;\n}\n.style-module_actionIconspacious__1sjsd {\n margin-left: 24px;\n}";
|
|
8747
|
+
var styles$e = {"button":"style-module_button__KWY7b","icon":"style-module_icon__N6B2P","iconbalanced":"style-module_iconbalanced__3JdKC","iconspacious":"style-module_iconspacious__36ovv","actionIcon":"style-module_actionIcon__2klnb","actionIconbalanced":"style-module_actionIconbalanced__1duYl","actionIconspacious":"style-module_actionIconspacious__1sjsd"};
|
|
8748
|
+
styleInject(css_248z$f);
|
|
8749
|
+
|
|
8750
|
+
var CardContent = function (_a) {
|
|
8751
|
+
var children = _a.children, classNames$1 = _a.classNames, _b = _a.density, density = _b === void 0 ? 'balanced' : _b, description = _a.description, _c = _a.descriptionVariant, descriptionVariant = _c === void 0 ? 'large' : _c, _d = _a.dropShadow, dropShadow = _d === void 0 ? true : _d, icon = _a.icon, label = _a.label, onClick = _a.onClick, actionIcon = _a.actionIcon, title = _a.title, _e = _a.titleVariant, titleVariant = _e === void 0 ? 'large' : _e;
|
|
8752
|
+
return (jsxRuntime.jsxs("section", __assign({ className: classNames('d-flex fd-column jc-center br8 bg-white w100 ta-left', { 'bs-sm': dropShadow }, {
|
|
8753
|
+
compact: 'p16',
|
|
8754
|
+
balanced: 'p24',
|
|
8755
|
+
spacious: 'p32'
|
|
8756
|
+
}[density], classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.wrapper) }, { children: [jsxRuntime.jsxs("div", __assign({ className: 'd-flex w100' }, { children: [icon && (jsxRuntime.jsx("div", __assign({ className: classNames("d-flex ai-center tc-primary-500", styles$e.icon, styles$e["icon" + density], classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.icon) }, { children: icon }), void 0)),
|
|
8757
|
+
jsxRuntime.jsxs("div", __assign({ className: 'd-flex jc-between w100' }, { children: [jsxRuntime.jsxs("div", __assign({ className: 'd-flex jc-center gap8 fd-column tc-grey-900 w100' }, { children: [label && (jsxRuntime.jsx("h3", __assign({ className: classNames('p-p--small', classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.label) }, { children: label }), void 0)),
|
|
8758
|
+
title && (jsxRuntime.jsx("h2", __assign({ className: classNames(classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.title, {
|
|
8759
|
+
large: 'p-h3',
|
|
8760
|
+
medium: 'p-h4',
|
|
8761
|
+
small: 'p-p',
|
|
8762
|
+
}[titleVariant]) }, { children: title }), void 0)),
|
|
8763
|
+
description && (jsxRuntime.jsx("div", __assign({ className: classNames('tc-grey-600', classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.description, descriptionVariant === 'small' ? 'p-p--small' : 'p-p') }, { children: description }), void 0))] }), void 0),
|
|
8764
|
+
onClick && (jsxRuntime.jsx("div", __assign({ className: classNames(styles$e.actionIcon, classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.actionIcon, styles$e["actionIcon" + density], 'd-flex ai-center') }, { children: actionIcon || jsxRuntime.jsx(ChevronRightIcon, { size: 24 }, void 0) }), void 0))] }), void 0)] }), void 0),
|
|
8765
|
+
children && (jsxRuntime.jsx("div", __assign({ className: classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.children }, { children: children }), void 0))] }), void 0));
|
|
8766
|
+
};
|
|
8767
|
+
var Card = function (props) {
|
|
8768
|
+
var onClick = props.onClick;
|
|
8769
|
+
if (onClick) {
|
|
8770
|
+
return (jsxRuntime.jsx("button", __assign({ className: classNames('c-pointer d-flex w100 br8', styles$e.button), onClick: onClick, type: "button" }, { children: jsxRuntime.jsx(CardContent, __assign({}, props), void 0) }), void 0));
|
|
8771
|
+
}
|
|
8772
|
+
return jsxRuntime.jsx(CardContent, __assign({}, props), void 0);
|
|
8773
|
+
};
|
|
8774
|
+
|
|
8747
8775
|
var css_248z$e = ".style-module_chip__3LMgV {\n background: var(--ds-primary-100);\n border: 2px solid var(--ds-primary-100);\n border-radius: 8px;\n padding: 4px 8px;\n width: fit-content;\n width: -moz-fit-content;\n display: flex;\n align-items: center;\n animation-name: style-module_appearInAnimation__33Ebn;\n animation-duration: 0.5s;\n animation-fill-mode: both;\n}\n\n.style-module_chip__3LMgV:hover {\n transition: 0.2s ease-in;\n border: 2px solid var(--ds-primary-500);\n}\n\n.style-module_chip-image__2vVqF {\n width: 24px;\n height: 14px;\n}\n\n.style-module_chip-button-container__3gSRY {\n color: #b1b0f5;\n position: relative;\n width: 16px;\n height: 16px;\n background: none;\n border: none;\n padding: 0;\n margin: 0;\n text-align: inherit;\n outline: none;\n box-shadow: none;\n appearance: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n cursor: pointer;\n}\n.style-module_chip-button-container__3gSRY:hover {\n color: #8e8cee;\n}\n\n.style-module_chip-remove-button__3LK7e {\n margin: 0;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n.style-module_chip-remove-button__3LK7e svg {\n vertical-align: top;\n}\n\n@keyframes style-module_appearInAnimation__33Ebn {\n from {\n opacity: 0;\n transform: translateX(16px);\n }\n to {\n opacity: 1;\n }\n}";
|
|
8748
8776
|
var styles$d = {"chip":"style-module_chip__3LMgV","appearInAnimation":"style-module_appearInAnimation__33Ebn","chip-image":"style-module_chip-image__2vVqF","chip-button-container":"style-module_chip-button-container__3gSRY","chip-remove-button":"style-module_chip-remove-button__3LK7e"};
|
|
8749
8777
|
styleInject(css_248z$e);
|
|
@@ -36441,6 +36469,7 @@ exports.CalendarIcon = CalendarIcon;
|
|
|
36441
36469
|
exports.CameraIcon = Camera;
|
|
36442
36470
|
exports.CameraOffIcon = CameraOff;
|
|
36443
36471
|
exports.CancerIcon = Cancer;
|
|
36472
|
+
exports.Card = Card;
|
|
36444
36473
|
exports.CardButton = CardButton;
|
|
36445
36474
|
exports.CardWithLeftIcon = CardWithLeftIcon;
|
|
36446
36475
|
exports.CardWithTopIcon = CardWithTopIcon;
|