@popsure/dirty-swan 27.0.2 → 27.0.5

package/dist/index.js

@@ -2231,7 +2231,7 @@ var daysInMonthOfYear = function (_a) {
 };
 var DateSelector = function (_a) {
     var _b, _c, _d;
-    var value = _a.value, onChange = _a.onChange, yearBoundaries = _a.yearBoundaries, displayCalendar = _a.displayCalendar;
+    var value = _a.value, onChange = _a.onChange, yearBoundaries = _a.yearBoundaries, displayCalendar = _a.displayCalendar, placeholders = _a.placeholders, dayjsLocale = _a.dayjsLocale, _e = _a.firstDayOfWeek, firstDayOfWeek = _e === void 0 ? 0 : _e;
     var calendarDateValue = value ? isoStringtoCalendarDate(value) : undefined;
     var daysInSelectedDate = calendarDateValue
         ? daysInMonthOfYear({
@@ -2239,11 +2239,18 @@ var DateSelector = function (_a) {
             year: calendarDateValue.year,
         })
         : 31;
+    var localeDate = dayjsLocale
+        ? dayjs().locale(dayjsLocale).localeData()
+        : dayjs().locale('en').localeData();
+    var localizedWeekdays = localeDate.weekdays();
+    var localizedWeekdaysShort = localeDate.weekdaysShort();
+    var localizedMonths = localeDate.months();
+    var localizedMonthsShort = localeDate.monthsShort();
     var availableDays = fillArray(1, daysInSelectedDate);
     var availableYears = fillArray(yearBoundaries.max, yearBoundaries.min);
-    var availableMonths = dayjs.monthsShort();
-    var _e = require$$0.useState(calendarDateValue !== null && calendarDateValue !== void 0 ? calendarDateValue : {}), date = _e[0], setDate = _e[1];
-    var _f = require$$0.useState(false), openCalendar = _f[0], setOpenCalendar = _f[1];
+    var availableMonths = localizedMonthsShort;
+    var _f = require$$0.useState(calendarDateValue !== null && calendarDateValue !== void 0 ? calendarDateValue : {}), date = _f[0], setDate = _f[1];
+    var _g = require$$0.useState(false), openCalendar = _g[0], setOpenCalendar = _g[1];
     var calendarDefaultDate = dayjs().year() >= yearBoundaries.min && dayjs().year() <= yearBoundaries.max
         ? dayjs().toDate()
         : dayjs().set('year', yearBoundaries.max).toDate();
@@ -2293,15 +2300,15 @@ var DateSelector = function (_a) {
     };
     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) {
                                     handleOnChange('day', parseInt(e.target.value, 10));
-                                } }, { children: [jsxRuntime.jsx("option", __assign({ value: "", disabled: true }, { children: "Day" }), void 0),
+                                } }, { children: [jsxRuntime.jsx("option", __assign({ value: "", disabled: true }, { children: (placeholders === null || placeholders === void 0 ? void 0 : placeholders.day) || 'Day' }), void 0),
                                     availableDays.map(function (day) { return (jsxRuntime.jsx("option", __assign({ value: day }, { children: day }), day)); })] }), void 0),
                             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) {
                                     handleOnChange('month', parseInt(e.target.value, 10));
-                                } }, { children: [jsxRuntime.jsx("option", __assign({ value: "", disabled: true }, { children: "Month" }), void 0),
+                                } }, { children: [jsxRuntime.jsx("option", __assign({ value: "", disabled: true }, { children: (placeholders === null || placeholders === void 0 ? void 0 : placeholders.month) || 'Month' }), void 0),
                                     availableMonths.map(function (month, i) { return (jsxRuntime.jsx("option", __assign({ value: i + 1 }, { children: month }), month)); })] }), void 0)] }), void 0),
                     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) {
                             handleOnChange('year', parseInt(e.target.value, 10));
-                        } }, { children: [jsxRuntime.jsx("option", __assign({ value: "", disabled: true }, { children: "Year" }), void 0),
+                        } }, { children: [jsxRuntime.jsx("option", __assign({ value: "", disabled: true }, { children: (placeholders === null || placeholders === void 0 ? void 0 : placeholders.year) || 'Year' }), void 0),
                             availableYears.map(function (year) { return (jsxRuntime.jsx("option", __assign({ value: year }, { children: year }), year)); })] }), void 0)] }), void 0),
             displayCalendar && (jsxRuntime.jsxs("div", __assign({ className: styles$s['date-calendar-container'] }, { children: [jsxRuntime.jsx("img", { className: "c-pointer", src: calendarIcon, alt: "calendar", onClick: function () { return setOpenCalendar(!openCalendar); } }, void 0),
                     openCalendar && (jsxRuntime.jsx(DayPicker, { month: selectedDateInDateType, showOutsideDays: true, fromMonth: dateCalendarFromMonth, toMonth: dateCalendarToMonth, selectedDays: selectedDateInDateType, onDayClick: function (date) {
@@ -2314,7 +2321,7 @@ var DateSelector = function (_a) {
                         }, pagedNavigation: true, disabledDays: {
                             before: dateCalendarFromMonth,
                             after: dateCalendarToMonth,
-                        } }, void 0))] }), void 0))] }), void 0));
+                        }, firstDayOfWeek: firstDayOfWeek, locale: (dayjsLocale === null || dayjsLocale === void 0 ? void 0 : dayjsLocale.name) || 'en', months: localizedMonths, weekdaysLong: localizedWeekdays, weekdaysShort: localizedWeekdaysShort }, void 0))] }), void 0))] }), void 0));
 };
 
 var propTypes = {exports: {}};
@@ -7626,7 +7633,7 @@ var geocoderAddressComponentToPartialAddress = function (input) {
     return toReturn;
 };
 
-var css_248z$o = ".style-module_input-line__34TKK {\n  margin-left: -16px;\n}\n.style-module_input-line__34TKK > * {\n  margin-left: 16px;\n}\n@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;\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}";
+var css_248z$o = "@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}";
 var styles$n = {"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"};
 styleInject(css_248z$o);
 
@@ -7661,7 +7668,7 @@ var loadGoogleMapsApiDynamically = function (callback, apiKey) {
 };
 var AutoCompleteAddress = function (_a) {
     var _b;
-    var apiKey = _a.apiKey, initialAddress = _a.address, onAddressChange = _a.onAddressChange;
+    var apiKey = _a.apiKey, initialAddress = _a.address, onAddressChange = _a.onAddressChange, placeholders = _a.placeholders, manualAddressEntryTexts = _a.manualAddressEntryTexts;
     var _c = require$$0.useState(false), manualAddressEntry = _c[0], setManualAddressEntry = _c[1];
     var _d = require$$0.useState(false), isLoading = _d[0], setIsLoading = _d[1];
     var autocomplete = require$$0.useRef(null);
@@ -7755,32 +7762,34 @@ var AutoCompleteAddress = function (_a) {
                     _b[styles$n['map-container--hidden']] = place === null,
                     _b)) }, { children: [jsxRuntime.jsx("div", { className: styles$n.map, id: "map" }, void 0),
                     isLoading && (jsxRuntime.jsx("div", __assign({ className: styles$n['loading-spinner'] }, { children: jsxRuntime.jsx("div", { className: "ds-spinner ds-spinner__m" }, void 0) }), void 0))] }), void 0),
-            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: "Search for address", ref: autocompleteElement }, void 0),
-                        hasLoadedGoogleAPI === false && (jsxRuntime.jsx("div", __assign({ className: styles$n['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 " + styles$n['input-line'] }, { children: [jsxRuntime.jsx(Input, { className: "w100", "data-cy": "autocomplete", type: "text", placeholder: "Street", value: (address === null || address === void 0 ? void 0 : address.street) || '', onChange: function (e) {
+            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 }, void 0),
+                        hasLoadedGoogleAPI === false && (jsxRuntime.jsx("div", __assign({ className: styles$n['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$n['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) {
                                         var newAddress = __assign(__assign({}, address), { street: e.target.value, country: GERMANY_ALPHA_CODE });
                                         setAddress(newAddress);
                                         debouncedSetPlace(newAddress);
                                     } }, void 0),
-                                jsxRuntime.jsx(Input, { className: "wmx2 " + styles$n['house-number-input'], "data-cy": "autocomplete-house-number", placeholder: "House Number", value: (address === null || address === void 0 ? void 0 : address.houseNumber) || '', onChange: function (e) {
+                                jsxRuntime.jsx(Input, { className: "wmx2 " + styles$n['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) {
                                         var newAddress = __assign(__assign({}, address), { houseNumber: e.target.value, country: GERMANY_ALPHA_CODE });
                                         setAddress(newAddress);
                                         debouncedSetPlace(newAddress);
                                     } }, void 0)] }), void 0),
-                        jsxRuntime.jsx(Input, { className: "mt16", "data-cy": "autocomplete-additional-info", placeholder: "Additional information (C/O, appartment\u2026)", value: (address === null || address === void 0 ? void 0 : address.additionalInformation) || '', onChange: function (e) {
+                        jsxRuntime.jsx(Input, { className: "mt16", "data-cy": "autocomplete-additional-info", placeholder: (placeholders === null || placeholders === void 0 ? void 0 : placeholders.additionalInformation) ||
+                                'Additional information (C/O, apartment, …)', value: (address === null || address === void 0 ? void 0 : address.additionalInformation) || '', onChange: function (e) {
                                 var newAddress = __assign(__assign({}, address), { additionalInformation: e.target.value, country: GERMANY_ALPHA_CODE });
                                 setAddress(newAddress);
                             } }, void 0),
-                        jsxRuntime.jsxs("div", __assign({ className: "d-flex mt16 " + styles$n['input-line'] }, { children: [jsxRuntime.jsx(Input, { className: "w100", "data-cy": "autocomplete-postcode", placeholder: "Postcode", value: (address === null || address === void 0 ? void 0 : address.postcode) || '', onChange: function (e) {
+                        jsxRuntime.jsxs("div", __assign({ className: "d-flex mt16 c-gap16 " + styles$n['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) {
                                         var newAddress = __assign(__assign({}, address), { postcode: e.target.value, country: GERMANY_ALPHA_CODE });
                                         setAddress(newAddress);
                                         debouncedSetPlace(newAddress);
                                     } }, void 0),
-                                jsxRuntime.jsx(Input, { className: "w100", "data-cy": "autocomplete-city", placeholder: "City", value: (address === null || address === void 0 ? void 0 : address.city) || '', onChange: function (e) {
+                                jsxRuntime.jsx(Input, { 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) || '', onChange: function (e) {
                                         var newAddress = __assign(__assign({}, address), { city: e.target.value, country: GERMANY_ALPHA_CODE });
                                         setAddress(newAddress);
                                         debouncedSetPlace(newAddress);
                                     } }, void 0)] }), void 0)] }, void 0)) }), void 0),
-            manualAddressEntry === false && (jsxRuntime.jsxs("div", __assign({ className: "p-p mt8" }, { children: ["Or", ' ', jsxRuntime.jsx("span", __assign({ className: "p-a fw-bold c-pointer", onClick: handleEnterAddressManually }, { children: "Enter address manually" }), void 0)] }), void 0))] }, void 0));
+            manualAddressEntry === false && (jsxRuntime.jsxs("div", __assign({ className: "p-p mt8" }, { children: [(manualAddressEntryTexts === null || manualAddressEntryTexts === void 0 ? void 0 : manualAddressEntryTexts.preText) || 'Or ',
+                    jsxRuntime.jsx("span", __assign({ className: "p-a fw-bold c-pointer", onClick: handleEnterAddressManually }, { children: (manualAddressEntryTexts === null || manualAddressEntryTexts === void 0 ? void 0 : manualAddressEntryTexts.cta) || 'Enter address manually' }), void 0)] }), void 0))] }, void 0));
 };
 
 var css_248z$n = ".style-module_container__Uyltc {\n  background-color: white;\n  padding: 24px;\n  box-shadow: 0px 2px 3px rgba(38, 38, 46, 0.04);\n  border-radius: 8px;\n}\n@media (max-width: 34rem) {\n  .style-module_container__Uyltc {\n    padding: 16px;\n  }\n}\n\n.style-module_upload-container__1-7aR {\n  border: 1px dashed var(--ds-primary-500);\n  padding: 32px 0;\n  cursor: pointer;\n  border-radius: 8px;\n}\n\n.style-module_upload-container__1-7aR:focus {\n  outline: none;\n}\n\n.style-module_upload-container__1-7aR:hover {\n  background-color: var(--ds-primary-100);\n  transition: 0.5s ease;\n}\n\n.style-module_upload-container-disabled__34kCJ {\n  pointer-events: none;\n}";