@popsure/dirty-swan 0.33.1 → 0.33.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index.js +79 -74
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/components/input/checkbox/index.js +14 -8
- package/dist/esm/components/input/checkbox/index.js.map +1 -1
- package/dist/esm/components/input/checkbox/index.stories.js +1 -0
- package/dist/esm/components/input/checkbox/index.stories.js.map +1 -1
- package/dist/esm/components/input/checkbox/index.test.js +1 -0
- package/dist/esm/components/input/checkbox/index.test.js.map +1 -1
- package/package.json +1 -1
- package/src/lib/components/input/checkbox/index.tsx +4 -3
- package/src/lib/components/input/checkbox/styles.module.scss +11 -0
package/dist/cjs/index.js
CHANGED
|
@@ -2171,9 +2171,9 @@ function styleInject(css, ref) {
|
|
|
2171
2171
|
}
|
|
2172
2172
|
}
|
|
2173
2173
|
|
|
2174
|
-
var css_248z$
|
|
2175
|
-
var styles$
|
|
2176
|
-
styleInject(css_248z$
|
|
2174
|
+
var css_248z$t = ".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}";
|
|
2175
|
+
var styles$s = {"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"};
|
|
2176
|
+
styleInject(css_248z$t);
|
|
2177
2177
|
|
|
2178
2178
|
var calendarIcon = "data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2225%22%20viewBox%3D%220%200%2024%2025%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M19%204.46118H5C3.89543%204.46118%203%205.35661%203%206.46118V20.4612C3%2021.5658%203.89543%2022.4612%205%2022.4612H19C20.1046%2022.4612%2021%2021.5658%2021%2020.4612V6.46118C21%205.35661%2020.1046%204.46118%2019%204.46118Z%22%20stroke%3D%22%238E8CEE%22%20strokeWidth%3D%222%22%20strokeLinecap%3D%22round%22%20strokeLinejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M16%202.46118V6.46118%22%20stroke%3D%22%238E8CEE%22%20strokeWidth%3D%222%22%20strokeLinecap%3D%22round%22%20strokeLinejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M8%202.46118V6.46118%22%20stroke%3D%22%238E8CEE%22%20strokeWidth%3D%222%22%20strokeLinecap%3D%22round%22%20strokeLinejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M3%2010.4612H21%22%20stroke%3D%22%238E8CEE%22%20strokeWidth%3D%222%22%20strokeLinecap%3D%22round%22%20strokeLinejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E";
|
|
2179
2179
|
|
|
@@ -2293,19 +2293,19 @@ var DateSelector = function (_a) {
|
|
|
2293
2293
|
}
|
|
2294
2294
|
setOpenCalendar(false);
|
|
2295
2295
|
};
|
|
2296
|
-
return (jsxRuntime.jsxs("div", __assign({ className: styles$
|
|
2296
|
+
return (jsxRuntime.jsxs("div", __assign({ className: styles$s.container }, { children: [jsxRuntime.jsxs("div", __assign({ className: styles$s['date-selector-container'] }, { children: [jsxRuntime.jsxs("div", __assign({ className: styles$s['row-container'] }, { children: [jsxRuntime.jsxs("select", __assign({ "data-cy": "date-selector-day", className: "p-select " + styles$s['day-select'], id: "day", name: "day", required: true, value: (_b = date.day) !== null && _b !== void 0 ? _b : '', onChange: function (e) {
|
|
2297
2297
|
handleOnChange('day', parseInt(e.target.value, 10));
|
|
2298
2298
|
} }, { children: [jsxRuntime.jsx("option", __assign({ value: "", disabled: true }, { children: (placeholders === null || placeholders === void 0 ? void 0 : placeholders.day) || 'Day' }), void 0),
|
|
2299
2299
|
availableDays.map(function (day) { return (jsxRuntime.jsx("option", __assign({ value: day }, { children: day }), day)); })] }), void 0),
|
|
2300
|
-
jsxRuntime.jsxs("select", __assign({ "data-cy": "date-selector-month", className: "p-select " + styles$
|
|
2300
|
+
jsxRuntime.jsxs("select", __assign({ "data-cy": "date-selector-month", className: "p-select " + styles$s['month-select'], id: "month", name: "month", required: true, value: (_c = date.month) !== null && _c !== void 0 ? _c : '', onChange: function (e) {
|
|
2301
2301
|
handleOnChange('month', parseInt(e.target.value, 10));
|
|
2302
2302
|
} }, { children: [jsxRuntime.jsx("option", __assign({ value: "", disabled: true }, { children: (placeholders === null || placeholders === void 0 ? void 0 : placeholders.month) || 'Month' }), void 0),
|
|
2303
2303
|
availableMonths.map(function (month, i) { return (jsxRuntime.jsx("option", __assign({ value: i + 1 }, { children: month }), month)); })] }), void 0)] }), void 0),
|
|
2304
|
-
jsxRuntime.jsxs("select", __assign({ "data-cy": "date-selector-year", className: "p-select " + styles$
|
|
2304
|
+
jsxRuntime.jsxs("select", __assign({ "data-cy": "date-selector-year", className: "p-select " + styles$s['year-select'], id: "year", name: "year", required: true, value: (_d = date.year) !== null && _d !== void 0 ? _d : '', onChange: function (e) {
|
|
2305
2305
|
handleOnChange('year', parseInt(e.target.value, 10));
|
|
2306
2306
|
} }, { children: [jsxRuntime.jsx("option", __assign({ value: "", disabled: true }, { children: (placeholders === null || placeholders === void 0 ? void 0 : placeholders.year) || 'Year' }), void 0),
|
|
2307
2307
|
availableYears.map(function (year) { return (jsxRuntime.jsx("option", __assign({ value: year }, { children: year }), year)); })] }), void 0)] }), void 0),
|
|
2308
|
-
displayCalendar && (jsxRuntime.jsxs("div", __assign({ className: styles$
|
|
2308
|
+
displayCalendar && (jsxRuntime.jsxs("div", __assign({ className: styles$s['date-calendar-container'], ref: calendarContainerRef }, { children: [jsxRuntime.jsx("img", { className: "c-pointer", src: calendarIcon, alt: "calendar", onClick: function () { return setOpenCalendar(!openCalendar); } }, void 0),
|
|
2309
2309
|
openCalendar && (jsxRuntime.jsx(DayPicker, { month: selectedDateInDateType, showOutsideDays: true, fromMonth: dateCalendarFromMonth, toMonth: dateCalendarToMonth, selectedDays: selectedDateInDateType, onDayClick: function (date) {
|
|
2310
2310
|
if (dayjs(date).isAfter(dateCalendarFromMonth) ||
|
|
2311
2311
|
dayjs(date).isBefore(dateCalendarToMonth)) {
|
|
@@ -2813,9 +2813,9 @@ class SignaturePad$1 {
|
|
|
2813
2813
|
}
|
|
2814
2814
|
}
|
|
2815
2815
|
|
|
2816
|
-
var css_248z$
|
|
2817
|
-
var styles$
|
|
2818
|
-
styleInject(css_248z$
|
|
2816
|
+
var css_248z$s = ".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}";
|
|
2817
|
+
var styles$r = {"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"};
|
|
2818
|
+
styleInject(css_248z$s);
|
|
2819
2819
|
|
|
2820
2820
|
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";
|
|
2821
2821
|
|
|
@@ -2844,15 +2844,15 @@ var SignaturePad = /** @class */ (function (_super) {
|
|
|
2844
2844
|
SignaturePad.prototype.render = function () {
|
|
2845
2845
|
var hasContent = this.state.hasContent;
|
|
2846
2846
|
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("style", { dangerouslySetInnerHTML: {
|
|
2847
|
-
__html: "." + styles$
|
|
2847
|
+
__html: "." + styles$r.reset + "::before { \n -webkit-mask-image: url(\"" + reset + "\");\n mask-image: url(\"" + reset + "\");\n }",
|
|
2848
2848
|
} }, void 0),
|
|
2849
|
-
jsxRuntime.jsxs("div", __assign({ className: styles$
|
|
2850
|
-
jsxRuntime.jsx("div", { className: styles$
|
|
2851
|
-
jsxRuntime.jsx("div", { className: styles$
|
|
2849
|
+
jsxRuntime.jsxs("div", __assign({ className: styles$r.container }, { children: [jsxRuntime.jsx("canvas", { className: styles$r.canvas, ref: this.canvasRef }, void 0),
|
|
2850
|
+
jsxRuntime.jsx("div", { className: styles$r.separator }, void 0),
|
|
2851
|
+
jsxRuntime.jsx("div", { className: styles$r.sign, style: {
|
|
2852
2852
|
WebkitMaskImage: "url(\"" + sign + "\")",
|
|
2853
2853
|
maskImage: "url(\"" + sign + "\")",
|
|
2854
2854
|
} }, void 0),
|
|
2855
|
-
jsxRuntime.jsx("button", __assign({ className: styles$
|
|
2855
|
+
jsxRuntime.jsx("button", __assign({ className: styles$r.reset, onClick: this.clear, disabled: !hasContent }, { children: "Reset" }), void 0)] }), void 0)] }, void 0));
|
|
2856
2856
|
};
|
|
2857
2857
|
SignaturePad.prototype.notifyOnChange = function () {
|
|
2858
2858
|
var onChange = this.props.onChange;
|
|
@@ -5175,24 +5175,24 @@ function generateId() {
|
|
|
5175
5175
|
return 'xxxx-xxxx-xxx-xxxx'.replace(/[x]/g, function () { return (Math.floor(Math.random() * 16).toString(16)); });
|
|
5176
5176
|
}
|
|
5177
5177
|
|
|
5178
|
-
var css_248z$
|
|
5179
|
-
var styles$
|
|
5180
|
-
styleInject(css_248z$
|
|
5178
|
+
var css_248z$r = ".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}";
|
|
5179
|
+
var styles$q = {"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"};
|
|
5180
|
+
styleInject(css_248z$r);
|
|
5181
5181
|
|
|
5182
5182
|
var Input = require$$0__default['default'].forwardRef(function (_a, ref) {
|
|
5183
5183
|
var _b, _c, _d, _e, _f, _g;
|
|
5184
5184
|
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"]);
|
|
5185
5185
|
var uniqueId = require$$0.useState(id !== null && id !== void 0 ? id : generateId())[0];
|
|
5186
|
-
return (jsxRuntime.jsxs("div", __assign({ className: styles$
|
|
5187
|
-
_b[styles$
|
|
5186
|
+
return (jsxRuntime.jsxs("div", __assign({ className: styles$q.container + " " + (className !== null && className !== void 0 ? className : '') }, { children: [label && (jsxRuntime.jsx("label", __assign({ htmlFor: uniqueId, className: classNames('p-p', styles$q.label, (_b = {},
|
|
5187
|
+
_b[styles$q['label--with-error']] = error,
|
|
5188
5188
|
_b['sr-only'] = hideLabel,
|
|
5189
5189
|
_b)) }, { children: label }), void 0)),
|
|
5190
5190
|
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
|
|
5191
|
-
? styles$
|
|
5192
|
-
: styles$
|
|
5193
|
-
prefix && (jsxRuntime.jsx("span", __assign({ className: classNames(styles$
|
|
5194
|
-
!label && (jsxRuntime.jsx("label", __assign({ htmlFor: uniqueId, className: classNames(styles$
|
|
5195
|
-
error && (jsxRuntime.jsx("p", __assign({ className: "p-p--small tc-red-500 w100 " + styles$
|
|
5191
|
+
? styles$q.input
|
|
5192
|
+
: styles$q['input--no-placeholder'], (_c = {}, _c[styles$q['input--with-prefix']] = prefix, _c)), placeholder: label ? placeholder : ' ', disabled: disabled }, props), void 0),
|
|
5193
|
+
prefix && (jsxRuntime.jsx("span", __assign({ className: classNames(styles$q.prefix, (_d = {}, _d[styles$q['prefix--with-error']] = error, _d), (_e = {}, _e[styles$q['prefix--disabled']] = disabled, _e)) }, { children: prefix }), void 0)),
|
|
5194
|
+
!label && (jsxRuntime.jsx("label", __assign({ htmlFor: uniqueId, className: classNames(styles$q.placeholder, (_f = {}, _f[styles$q['placeholder--with-prefix']] = prefix, _f), (_g = {}, _g[styles$q['placeholder--with-error']] = error, _g)) }, { children: placeholder }), void 0))] }), void 0),
|
|
5195
|
+
error && (jsxRuntime.jsx("p", __assign({ className: "p-p--small tc-red-500 w100 " + styles$q.error }, { children: error }), void 0))] }), void 0));
|
|
5196
5196
|
});
|
|
5197
5197
|
|
|
5198
5198
|
var z7=Object.defineProperty;var V=(t,a)=>{for(var z in a)z7(t,z,{get:a[z],enumerable:!0});};var s=["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$2={};V(r$2,{countries:()=>L,default:()=>p7,locale:()=>y$2});var y$2="en",L={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$2,countries:L};var m$3={};V(m$3,{countries:()=>S,default:()=>M7,locale:()=>B});var B="de",S={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};var c7={en:r$2,de:m$3};function $5(t,a="en"){return c7[a].countries[t]}var f7=(t="en")=>s.map(a=>({name:c7[t].countries[a],code:a}));f7();
|
|
@@ -5231,9 +5231,9 @@ var geocoderAddressComponentToPartialAddress = function (input) {
|
|
|
5231
5231
|
return toReturn;
|
|
5232
5232
|
};
|
|
5233
5233
|
|
|
5234
|
-
var css_248z$
|
|
5235
|
-
var styles$
|
|
5236
|
-
styleInject(css_248z$
|
|
5234
|
+
var css_248z$q = "@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}";
|
|
5235
|
+
var styles$p = {"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"};
|
|
5236
|
+
styleInject(css_248z$q);
|
|
5237
5237
|
|
|
5238
5238
|
var GERMANY_LAT_LNG = { lat: 51.54317, lng: 10.3181503 };
|
|
5239
5239
|
var GERMANY_ALPHA_CODE = 'DE';
|
|
@@ -5356,17 +5356,17 @@ var AutocompleteAddress = function (_a) {
|
|
|
5356
5356
|
var handleEnterAddressManually = function () {
|
|
5357
5357
|
setManualAddressEntry(true);
|
|
5358
5358
|
};
|
|
5359
|
-
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", __assign({ className: classNames("wmx8 bg-grey-500 " + styles$
|
|
5360
|
-
_b[styles$
|
|
5361
|
-
_b)) }, { children: [jsxRuntime.jsx("div", { className: styles$
|
|
5362
|
-
isLoading && (jsxRuntime.jsx("div", __assign({ className: styles$
|
|
5359
|
+
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", __assign({ className: classNames("wmx8 bg-grey-500 " + styles$p['map-container'], (_b = {},
|
|
5360
|
+
_b[styles$p['map-container--hidden']] = place === null,
|
|
5361
|
+
_b)) }, { children: [jsxRuntime.jsx("div", { className: styles$p.map, id: "map" }, void 0),
|
|
5362
|
+
isLoading && (jsxRuntime.jsx("div", __assign({ className: styles$p['loading-spinner'] }, { children: jsxRuntime.jsx("div", { className: "ds-spinner ds-spinner__m" }, void 0) }), void 0))] }), void 0),
|
|
5363
5363
|
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"),
|
|
5364
|
-
hasLoadedGoogleAPI === false && (jsxRuntime.jsx("div", __assign({ "data-cy": "google-api-loader", className: styles$
|
|
5364
|
+
hasLoadedGoogleAPI === false && (jsxRuntime.jsx("div", __assign({ "data-cy": "google-api-loader", className: styles$p['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$p['input-line'] }, { children: [jsxRuntime.jsx(Input, { 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: function (e) {
|
|
5365
5365
|
var newAddress = __assign(__assign({}, address), { street: e.target.value, country: GERMANY_ALPHA_CODE });
|
|
5366
5366
|
setAddress(newAddress);
|
|
5367
5367
|
debouncedSetPlace(newAddress);
|
|
5368
5368
|
} }, "autocomplete-street"),
|
|
5369
|
-
jsxRuntime.jsx(Input, { className: "wmx2 " + styles$
|
|
5369
|
+
jsxRuntime.jsx(Input, { className: "wmx2 " + styles$p['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) || '', onChange: function (e) {
|
|
5370
5370
|
var newAddress = __assign(__assign({}, address), { houseNumber: e.target.value, country: GERMANY_ALPHA_CODE });
|
|
5371
5371
|
setAddress(newAddress);
|
|
5372
5372
|
debouncedSetPlace(newAddress);
|
|
@@ -5376,7 +5376,7 @@ var AutocompleteAddress = function (_a) {
|
|
|
5376
5376
|
var newAddress = __assign(__assign({}, address), { additionalInformation: e.target.value, country: GERMANY_ALPHA_CODE });
|
|
5377
5377
|
setAddress(newAddress);
|
|
5378
5378
|
} }, "autocomplete-additional-info"),
|
|
5379
|
-
jsxRuntime.jsxs("div", __assign({ className: "d-flex mt16 c-gap16 " + styles$
|
|
5379
|
+
jsxRuntime.jsxs("div", __assign({ className: "d-flex mt16 c-gap16 " + styles$p['input-line'] }, { children: [jsxRuntime.jsx(Input, { 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) || '', onChange: function (e) {
|
|
5380
5380
|
var newAddress = __assign(__assign({}, address), { postcode: e.target.value, country: GERMANY_ALPHA_CODE });
|
|
5381
5381
|
setAddress(newAddress);
|
|
5382
5382
|
debouncedSetPlace(newAddress);
|
|
@@ -8429,9 +8429,9 @@ const AnimateHeight = (_a) => {
|
|
|
8429
8429
|
require$$0__default['default'].createElement("div", { className: contentClassName, style: contentStyle, ref: contentElement }, children)));
|
|
8430
8430
|
};
|
|
8431
8431
|
|
|
8432
|
-
var css_248z$
|
|
8433
|
-
var styles$
|
|
8434
|
-
styleInject(css_248z$
|
|
8432
|
+
var css_248z$p = ".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}";
|
|
8433
|
+
var styles$o = {"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"};
|
|
8434
|
+
styleInject(css_248z$p);
|
|
8435
8435
|
|
|
8436
8436
|
var eyeSvg = "data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23clip0_14605_3108%29%22%3E%3Cpath%20d%3D%22M0.832031%209.99998C0.832031%209.99998%204.16536%203.33331%209.9987%203.33331C15.832%203.33331%2019.1654%209.99998%2019.1654%209.99998C19.1654%209.99998%2015.832%2016.6666%209.9987%2016.6666C4.16536%2016.6666%200.832031%209.99998%200.832031%209.99998Z%22%20stroke%3D%22%23D2D2D8%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M9.99902%2012.5C11.3797%2012.5%2012.499%2011.3807%2012.499%2010C12.499%208.61929%2011.3797%207.5%209.99902%207.5C8.61831%207.5%207.49902%208.61929%207.49902%2010C7.49902%2011.3807%208.61831%2012.5%209.99902%2012.5Z%22%20stroke%3D%22%23D2D2D8%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_14605_3108%22%3E%3Crect%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22white%22%20transform%3D%22translate%28-0.000976562%29%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E";
|
|
8437
8437
|
|
|
@@ -8460,9 +8460,9 @@ var icons = {
|
|
|
8460
8460
|
uploadSmallIcon: uploadSmallSvg,
|
|
8461
8461
|
};
|
|
8462
8462
|
|
|
8463
|
-
var css_248z$
|
|
8464
|
-
var styles$
|
|
8465
|
-
styleInject(css_248z$
|
|
8463
|
+
var css_248z$o = ".style-module_upload-file-cell__3nv5i {\n display: flex;\n align-items: center;\n justify-content: space-between;\n 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_main-icon__335_Y {\n width: 16px;\n height: 20px;\n margin-right: 16px;\n}\n\n.style-module_upload-display-text__3Rd68 {\n overflow-wrap: anywhere;\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}\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}\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}";
|
|
8464
|
+
var styles$n = {"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","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"};
|
|
8465
|
+
styleInject(css_248z$o);
|
|
8466
8466
|
|
|
8467
8467
|
var UploadFileCell = function (_a) {
|
|
8468
8468
|
var _b, _c, _d;
|
|
@@ -8481,17 +8481,17 @@ var UploadFileCell = function (_a) {
|
|
|
8481
8481
|
COMPLETE: name,
|
|
8482
8482
|
ERROR: error !== null && error !== void 0 ? error : 'Something went wrong. Try uploading again.',
|
|
8483
8483
|
};
|
|
8484
|
-
return (jsxRuntime.jsxs("div", __assign({ className: classNames("mt8 " + styles$
|
|
8485
|
-
_b[styles$
|
|
8486
|
-
_b)) }, { children: [jsxRuntime.jsxs("div", __assign({ className: "w100 " + styles$
|
|
8487
|
-
jsxRuntime.jsxs("div", __assign({ className: "w100" }, { children: [jsxRuntime.jsx("div", __assign({ className: "p-p " + styles$
|
|
8488
|
-
isUploading && showProgressBar && (jsxRuntime.jsxs("div", __assign({ className: "mt8 w100 " + styles$
|
|
8489
|
-
jsxRuntime.jsx("div", { "data-testid": "ds-filecell-progressbar", className: "" + styles$
|
|
8490
|
-
jsxRuntime.jsx("div", __assign({ className: classNames(styles$
|
|
8491
|
-
_c[styles$
|
|
8492
|
-
_c)) }, { children: isUploading ? (jsxRuntime.jsx("div", __assign({ className: styles$
|
|
8493
|
-
jsxRuntime.jsx("img", { className: classNames(styles$
|
|
8494
|
-
_d[styles$
|
|
8484
|
+
return (jsxRuntime.jsxs("div", __assign({ className: classNames("mt8 " + styles$n['upload-file-cell'], (_b = {},
|
|
8485
|
+
_b[styles$n['upload-file-cell-error']] = hasError,
|
|
8486
|
+
_b)) }, { children: [jsxRuntime.jsxs("div", __assign({ className: "w100 " + styles$n['cell-left-section'] }, { children: [jsxRuntime.jsx("img", { className: styles$n['main-icon'], src: mapFileIcon[uploadStatus], alt: "" }, void 0),
|
|
8487
|
+
jsxRuntime.jsxs("div", __assign({ className: "w100" }, { children: [jsxRuntime.jsx("div", __assign({ className: "p-p " + styles$n['upload-display-text'] }, { children: mapDisplayText[uploadStatus] }), void 0),
|
|
8488
|
+
isUploading && showProgressBar && (jsxRuntime.jsxs("div", __assign({ className: "mt8 w100 " + styles$n['progress-bar-container'] }, { children: [jsxRuntime.jsx("div", { className: "" + styles$n['progress-bar'] }, void 0),
|
|
8489
|
+
jsxRuntime.jsx("div", { "data-testid": "ds-filecell-progressbar", className: "" + styles$n['progress-bar-filler'], style: { width: progress + "%" } }, void 0)] }), void 0))] }), void 0)] }), void 0),
|
|
8490
|
+
jsxRuntime.jsx("div", __assign({ className: classNames(styles$n['cell-right-section'], (_c = {},
|
|
8491
|
+
_c[styles$n['cell-right-section-complete']] = isComplete,
|
|
8492
|
+
_c)) }, { children: isUploading ? (jsxRuntime.jsx("div", __assign({ className: styles$n.spinner }, { children: showLoadingSpinner && (jsxRuntime.jsx("div", { className: 'ds-spinner ds-spinner__m', "data-testid": "ds-filecell-spinner" }, void 0)) }), void 0)) : (jsxRuntime.jsxs("div", { children: [isComplete && (jsxRuntime.jsx("a", __assign({ className: styles$n['view-icon'], href: previewUrl, target: "_blank", rel: "noopener noreferrer" }, { children: jsxRuntime.jsx("img", { src: icons.eyeIcon, alt: "preview" }, void 0) }), void 0)),
|
|
8493
|
+
jsxRuntime.jsx("img", { className: classNames(styles$n['remove-icon'], (_d = {},
|
|
8494
|
+
_d[styles$n.disabled] = uploading,
|
|
8495
8495
|
_d)), src: hasError ? icons.trashErrorIcon : icons.trashIcon, onClick: function () { return onRemoveFile(id); }, alt: "remove" }, void 0)] }, void 0)) }), void 0)] }), void 0));
|
|
8496
8496
|
};
|
|
8497
8497
|
|
|
@@ -8601,11 +8601,11 @@ var MultiDropZone = function (_a) {
|
|
|
8601
8601
|
maxSize: maxSize,
|
|
8602
8602
|
onDrop: onDrop,
|
|
8603
8603
|
}), getRootProps = _f.getRootProps, getInputProps = _f.getInputProps;
|
|
8604
|
-
return (jsxRuntime.jsxs("div", __assign({ className: styles$
|
|
8605
|
-
_b[styles$
|
|
8604
|
+
return (jsxRuntime.jsxs("div", __assign({ className: styles$o.container }, { children: [jsxRuntime.jsxs("div", __assign({ className: classNames("w100 ta-center br8 c-pointer " + styles$o.dropzoneContainer, (_b = {},
|
|
8605
|
+
_b[styles$o['dropzoneContainerDisabled']] = uploading,
|
|
8606
8606
|
_b)) }, getRootProps(), { children: [jsxRuntime.jsx("input", __assign({ "data-testid": "ds-drop-input" }, getInputProps()), void 0),
|
|
8607
|
-
jsxRuntime.jsx("img", { className: isCondensed ? styles$
|
|
8608
|
-
jsxRuntime.jsx("div", __assign({ className: "p-h4 mt8 " + (isCondensed ? styles$
|
|
8607
|
+
jsxRuntime.jsx("img", { className: isCondensed ? styles$o.img : '', src: isCondensed ? icons.uploadSmallIcon : icons.uploadIcon, alt: "purple cloud with an arrow" }, void 0),
|
|
8608
|
+
jsxRuntime.jsx("div", __assign({ className: "p-h4 mt8 " + (isCondensed ? styles$o.textInline : '') }, { children: uploading
|
|
8609
8609
|
? (textOverrides === null || textOverrides === void 0 ? void 0 : textOverrides.currentlyUploadingText) ||
|
|
8610
8610
|
'Please wait while uploading file...'
|
|
8611
8611
|
: (textOverrides === null || textOverrides === void 0 ? void 0 : textOverrides.instructionsText) || 'Choose file or drag & drop' }), void 0),
|
|
@@ -8623,9 +8623,9 @@ var MultiDropZone = function (_a) {
|
|
|
8623
8623
|
jsxRuntime.jsx(AnimateHeight, __assign({ duration: 300, height: isOverMaxFiles ? 'auto' : 0 }, { children: jsxRuntime.jsx("p", __assign({ className: "tc-red-500 p-p--small" }, { children: (textOverrides === null || textOverrides === void 0 ? void 0 : textOverrides.tooManyFilesError) || "Too many files." }), void 0) }), void 0)] }), void 0));
|
|
8624
8624
|
};
|
|
8625
8625
|
|
|
8626
|
-
var css_248z$
|
|
8627
|
-
var styles$
|
|
8628
|
-
styleInject(css_248z$
|
|
8626
|
+
var css_248z$n = ".styles-module_content-container__4wuQ0 {\n display: flex;\n justify-content: center;\n align-items: center;\n}";
|
|
8627
|
+
var styles$m = {"content-container":"styles-module_content-container__4wuQ0"};
|
|
8628
|
+
styleInject(css_248z$n);
|
|
8629
8629
|
|
|
8630
8630
|
var buttonTypeClassNameMap = {
|
|
8631
8631
|
primary: 'p-btn--primary',
|
|
@@ -8638,7 +8638,7 @@ var Button = require$$0__default['default'].forwardRef(function (_a, ref) {
|
|
|
8638
8638
|
var className = _a.className, _b = _a.loading, loading = _b === void 0 ? false : _b, buttonTitle = _a.buttonTitle, _c = _a.buttonType, buttonType = _c === void 0 ? 'primary' : _c, leftIcon = _a.leftIcon; _a.type; var props = __rest$1(_a, ["className", "loading", "buttonTitle", "buttonType", "leftIcon", "type"]);
|
|
8639
8639
|
var buttonClassName = buttonTypeClassNameMap[buttonType];
|
|
8640
8640
|
var loadingClassName = loading ? 'p-btn--loading' : '';
|
|
8641
|
-
return (jsxRuntime.jsx("button", __assign({ ref: ref, className: buttonClassName + " " + loadingClassName + " " + (className !== null && className !== void 0 ? className : '') }, props, { children: leftIcon ? (jsxRuntime.jsxs("div", __assign({ className: styles$
|
|
8641
|
+
return (jsxRuntime.jsx("button", __assign({ ref: ref, className: buttonClassName + " " + loadingClassName + " " + (className !== null && className !== void 0 ? className : '') }, props, { children: leftIcon ? (jsxRuntime.jsxs("div", __assign({ className: styles$m['content-container'] }, { children: [jsxRuntime.jsx("img", { width: "20px", height: "20px", className: "mr8", src: leftIcon.src, alt: leftIcon.alt }, void 0),
|
|
8642
8642
|
jsxRuntime.jsx("div", { children: buttonTitle }, void 0)] }), void 0)) : (jsxRuntime.jsx(jsxRuntime.Fragment, { children: buttonTitle }, void 0)) }), void 0));
|
|
8643
8643
|
});
|
|
8644
8644
|
|
|
@@ -8646,17 +8646,17 @@ var checkIcon = "data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%2
|
|
|
8646
8646
|
|
|
8647
8647
|
var downloadIcon = "data:image/svg+xml,%3Csvg%20width%3D%2221%22%20height%3D%2220%22%20viewBox%3D%220%200%2021%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M18%2012.5V15.8333C18%2016.2754%2017.8244%2016.6993%2017.5118%2017.0118C17.1993%2017.3244%2016.7754%2017.5%2016.3333%2017.5H4.66667C4.22464%2017.5%203.80072%2017.3244%203.48816%2017.0118C3.17559%2016.6993%203%2016.2754%203%2015.8333V12.5%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M6.33325%208.33301L10.4999%2012.4997L14.6666%208.33301%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M10.5%2012.5V2.5%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E";
|
|
8648
8648
|
|
|
8649
|
-
var css_248z$
|
|
8650
|
-
var styles$
|
|
8651
|
-
styleInject(css_248z$
|
|
8649
|
+
var css_248z$m = ".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}";
|
|
8650
|
+
var styles$l = {"button":"style-module_button__mw9kQ","chip-complete":"style-module_chip-complete__3YkB9"};
|
|
8651
|
+
styleInject(css_248z$m);
|
|
8652
8652
|
|
|
8653
8653
|
var InitialButton = function (_a) {
|
|
8654
8654
|
var onDownload = _a.onDownload;
|
|
8655
|
-
return (jsxRuntime.jsx(Button, { className: "w100 " + styles$
|
|
8655
|
+
return (jsxRuntime.jsx(Button, { className: "w100 " + styles$l.button, buttonTitle: "Download", leftIcon: { src: downloadIcon, alt: 'download arrow icon' }, onClick: onDownload, "data-cy": "download-documents-button" }, void 0));
|
|
8656
8656
|
};
|
|
8657
8657
|
// TODO: Allow setting loading to true to display text
|
|
8658
|
-
var GeneratingButton = function () { return (jsxRuntime.jsx(Button, { className: "w100 " + styles$
|
|
8659
|
-
var CompletedChip = function () { return (jsxRuntime.jsxs("div", __assign({ className: styles$
|
|
8658
|
+
var GeneratingButton = function () { return (jsxRuntime.jsx(Button, { className: "w100 " + styles$l.button, buttonTitle: "Generating", loading: true }, void 0)); };
|
|
8659
|
+
var CompletedChip = function () { return (jsxRuntime.jsxs("div", __assign({ className: styles$l['chip-complete'] }, { children: [jsxRuntime.jsx("img", { src: checkIcon, alt: "grey check" }, void 0),
|
|
8660
8660
|
jsxRuntime.jsx("div", __assign({ className: "p-h4 tc-grey-500 ml8" }, { children: "Download complete" }), void 0)] }), void 0)); };
|
|
8661
8661
|
var DownloadButton = function (_a) {
|
|
8662
8662
|
var downloadStatus = _a.downloadStatus, onDownload = _a.onDownload, _b = _a.className, className = _b === void 0 ? '' : _b, customFail = _a.customFail;
|
|
@@ -8746,8 +8746,13 @@ var CurrencyInput = function (_a) {
|
|
|
8746
8746
|
} }, props), void 0));
|
|
8747
8747
|
};
|
|
8748
8748
|
|
|
8749
|
+
var css_248z$l = ".styles-module_container__3zJJC {\n max-width: 100%;\n}\n\n.styles-module_narrow__2p34b {\n max-width: 424px;\n}\n\n.styles-module_wide__VxDGe {\n max-width: 736px;\n}";
|
|
8750
|
+
var styles$k = {"container":"styles-module_container__3zJJC","narrow":"styles-module_narrow__2p34b","wide":"styles-module_wide__VxDGe"};
|
|
8751
|
+
styleInject(css_248z$l);
|
|
8752
|
+
|
|
8749
8753
|
var Checkbox = function (_a) {
|
|
8750
|
-
var
|
|
8754
|
+
var _b;
|
|
8755
|
+
var options = _a.options, _c = _a.value, value = _c === void 0 ? [] : _c, onChange = _a.onChange, _d = _a.wide, wide = _d === void 0 ? false : _d, _e = _a.inlineLayout, inlineLayout = _e === void 0 ? false : _e, _f = _a.className, className = _f === void 0 ? '' : _f, _g = _a.labelClassName, labelClassName = _g === void 0 ? '' : _g, _h = _a.optionClassName, optionClassName = _h === void 0 ? '' : _h;
|
|
8751
8756
|
var hasNoneValue = Object.keys(options).includes('NONE');
|
|
8752
8757
|
var handleOnChange = function (newValue) {
|
|
8753
8758
|
if (value === null || value === void 0 ? void 0 : value.includes(newValue)) {
|
|
@@ -8770,13 +8775,13 @@ var Checkbox = function (_a) {
|
|
|
8770
8775
|
onChange(newValues);
|
|
8771
8776
|
};
|
|
8772
8777
|
var entries = Object.entries(options);
|
|
8773
|
-
return (jsxRuntime.jsx("div", __assign({ className: classNames(className, 'd-flex gap8', {
|
|
8774
|
-
|
|
8775
|
-
|
|
8776
|
-
'fd-row'
|
|
8777
|
-
'f-wrap'
|
|
8778
|
-
'fd-column'
|
|
8779
|
-
|
|
8778
|
+
return (jsxRuntime.jsx("div", __assign({ className: classNames(className, styles$k.container, 'd-flex gap8', (_b = {},
|
|
8779
|
+
_b[styles$k.wide] = wide,
|
|
8780
|
+
_b[styles$k.narrow] = !wide,
|
|
8781
|
+
_b['fd-row'] = inlineLayout,
|
|
8782
|
+
_b['f-wrap'] = inlineLayout,
|
|
8783
|
+
_b['fd-column'] = !inlineLayout,
|
|
8784
|
+
_b)) }, { children: entries.map(function (_a) {
|
|
8780
8785
|
var _b;
|
|
8781
8786
|
var currentValue = _a[0], label = _a[1];
|
|
8782
8787
|
var checked = value === null || value === void 0 ? void 0 : value.includes(currentValue);
|