ublo-lib 1.31.43 → 1.32.0

package/es/common/components/custom-contact-form/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/common/components/custom-contact-form/utils.js"],"names":[],"mappings":"AAwBA,yFAiCC;AAyDD,qDAQC;;;;;;;;;AA9GD;;;;;;;;EAQE;AAuCK,oEAQN;AAEM,uDAIN;AAEM;;;;;;;iBAqCN"}

package/es/common/components/custom-contact-form/utils.js

@@ -1,140 +1,114 @@
 import * as Fetcher from "../../utils/fetcher";
 export const TESTS = {
-  text: /^[^%]{2,}$/,
-  date: /([12]\d{3}-(0[1-9]|1[0-2])-(0[1-9]|[12]\d|3[01]))/,
-  email: /^(([^<>()[\].,;:\s@"]+(\.[^<>()[\].,;:\s@"]+)*)|(".+"))@(([^<>()[\].,;:\s@"]+\.)+[^<>()[\].,;:\s@"]{2,})$/i,
-  phone: /^\+?[0-9]{3}-?[0-9]{6,12}$/,
-  textarea: /^(?!\s*$).+/,
-  select: /^(?!\s*$).+/
+    text: /^[^%]{2,}$/,
+    date: /([12]\d{3}-(0[1-9]|1[0-2])-(0[1-9]|[12]\d|3[01]))/,
+    email: /^(([^<>()[\].,;:\s@"]+(\.[^<>()[\].,;:\s@"]+)*)|(".+"))@(([^<>()[\].,;:\s@"]+\.)+[^<>()[\].,;:\s@"]{2,})$/i,
+    phone: /^\+?[0-9]{3}-?[0-9]{6,12}$/,
+    textarea: /^(?!\s*$).+/,
+    select: /^(?!\s*$).+/,
 };
 export const FIELD_TESTS_ERROR_CODES = {
-  text: "TESTS_TEXT_ERROR",
-  date: "TESTS_DATE_ERROR",
-  email: "TESTS_EMAIL_ERROR",
-  phone: "TESTS_PHONE_ERROR",
-  textarea: "TESTS_TEXTAREA_ERROR",
-  select: "TESTS_SELECT_ERROR",
-  "multiple-select": "TESTS_MULTIPLE_SELECT_ERROR"
+    text: "TESTS_TEXT_ERROR",
+    date: "TESTS_DATE_ERROR",
+    email: "TESTS_EMAIL_ERROR",
+    phone: "TESTS_PHONE_ERROR",
+    textarea: "TESTS_TEXTAREA_ERROR",
+    select: "TESTS_SELECT_ERROR",
+    "multiple-select": "TESTS_MULTIPLE_SELECT_ERROR",
 };
 const IGNORED_FIELDS = ["title", "subject", "attachment", "checkbox"];
 export function getInitialFormState(fields, presets, existingSubject) {
-  return Object.keys(fields).reduce((acc, key) => {
-    const field = fields[key];
-    const {
-      required,
-      type
-    } = field;
-    if (type === "title") return acc;
-    if (key === "subject") {
-      const value = (existingSubject || presets?.[key]) ?? "";
-      return {
-        ...acc,
-        [key]: {
-          value,
-          valid: true
+    return Object.keys(fields).reduce((acc, key) => {
+        const field = fields[key];
+        const { required, type } = field;
+        if (type === "title")
+            return acc;
+        if (key === "subject") {
+            const value = (existingSubject || presets?.[key]) ?? "";
+            return { ...acc, [key]: { value, valid: true } };
         }
-      };
-    }
-    if (type === "checkbox") {
-      const value = presets?.[key] ?? false;
-      return {
-        ...acc,
-        [key]: {
-          value,
-          valid: validate(type, value, required)
+        if (type === "checkbox") {
+            const value = presets?.[key] ?? false;
+            return {
+                ...acc,
+                [key]: { value, valid: validate(type, value, required) },
+            };
         }
-      };
-    }
-    if (type === "number") {
-      const value = presets?.[key] ?? field?.min ?? 0;
-      return {
-        ...acc,
-        [key]: {
-          value,
-          valid: validate(type, value, required)
+        if (type === "number") {
+            const value = presets?.[key] ?? field?.min ?? 0;
+            return {
+                ...acc,
+                [key]: { value, valid: validate(type, value, required) },
+            };
         }
-      };
-    }
-    if (type === "multiple-select") {
-      const value = presets?.[key].length || [];
-      return {
-        ...acc,
-        [key]: {
-          value,
-          valid: validate(type, value, required)
+        if (type === "multiple-select") {
+            const value = presets?.[key].length || [];
+            return {
+                ...acc,
+                [key]: { value, valid: validate(type, value, required) },
+            };
         }
-      };
-    }
-    const value = presets?.[key] ?? "";
-    return {
-      ...acc,
-      [key]: {
-        value,
-        valid: validate(type, value, required)
-      }
-    };
-  }, {});
+        const value = presets?.[key] ?? "";
+        return { ...acc, [key]: { value, valid: validate(type, value, required) } };
+    }, {});
 }
 export const validate = (type, value, required) => {
-  if (IGNORED_FIELDS.includes(type) || !required) return true;
-  if (type === "multiple-select") return value.length > 0;
-  if (type === "number") return value >= 0;
-  if (!value) return false;
-  const regex = TESTS[type];
-  if (!regex) return false;
-  return regex.test(value);
+    if (IGNORED_FIELDS.includes(type) || !required)
+        return true;
+    if (type === "multiple-select")
+        return value.length > 0;
+    if (type === "number")
+        return value >= 0;
+    if (!value)
+        return false;
+    const regex = TESTS[type];
+    if (!regex)
+        return false;
+    return regex.test(value);
 };
-export const convertToFileList = list => {
-  const dataTransfer = new window.DataTransfer();
-  list.forEach(item => dataTransfer.items.add(item));
-  return dataTransfer.files;
+export const convertToFileList = (list) => {
+    const dataTransfer = new window.DataTransfer();
+    list.forEach((item) => dataTransfer.items.add(item));
+    return dataTransfer.files;
 };
-export const send = async ({
-  site,
-  data,
-  fields,
-  subjectPrefix,
-  subjectSuffix,
-  kind
-}) => {
-  const endpoint = `https://contacts.valraiso.net/api/contact/${site}`;
-  const dataKeys = Object.keys(data);
-  const formData = new window.FormData();
-  dataKeys.forEach(key => {
-    if (key === "attachment") {
-      return Array.from(data[key].value).forEach(file => {
-        formData.append(key, file);
-      });
-    } else {
-      const {
-        formatter
-      } = fields[key];
-      const formatedValue = typeof formatter === "function" ? formatter(data[key].value) : data[key].value;
-      formData.append(key, formatedValue);
+export const send = async ({ site, data, fields, subjectPrefix, subjectSuffix, kind, }) => {
+    const endpoint = `https://contacts.valraiso.net/api/contact/${site}`;
+    const dataKeys = Object.keys(data);
+    const formData = new window.FormData();
+    dataKeys.forEach((key) => {
+        if (key === "attachment") {
+            return Array.from(data[key].value).forEach((file) => {
+                formData.append(key, file);
+            });
+        }
+        else {
+            const { formatter } = fields[key];
+            const formatedValue = typeof formatter === "function"
+                ? formatter(data[key].value)
+                : data[key].value;
+            formData.append(key, formatedValue);
+        }
+    });
+    if (subjectPrefix) {
+        formData.append("subjectPrefix", subjectPrefix);
     }
-  });
-  if (subjectPrefix) {
-    formData.append("subjectPrefix", subjectPrefix);
-  }
-  if (subjectSuffix) {
-    formData.append("subjectSuffix", subjectSuffix);
-  }
-  if (kind) {
-    formData.append("kind", kind);
-  }
-  const response = await fetch(endpoint, {
-    method: "POST",
-    body: formData
-  });
-  const json = await response.json();
-  return json;
+    if (subjectSuffix) {
+        formData.append("subjectSuffix", subjectSuffix);
+    }
+    if (kind) {
+        formData.append("kind", kind);
+    }
+    const response = await fetch(endpoint, { method: "POST", body: formData });
+    const json = await response.json();
+    return json;
 };
 export async function getSettings(site) {
-  const endpoint = `https://contacts.valraiso.net/api/settings/${site}`;
-  try {
-    const response = await Fetcher.get(endpoint);
-    return response;
-  } catch (e) {
-    return undefined;
-  }
-}
+    const endpoint = `https://contacts.valraiso.net/api/settings/${site}`;
+    try {
+        const response = await Fetcher.get(endpoint);
+        return response;
+    }
+    catch (e) {
+        return undefined;
+    }
+}

package/es/common/components/date-picker/calendar.d.ts

@@ -0,0 +1,14 @@
+export default function Calendar({ date, display, stayDates, min, max, onSubmit, availabilities, close, singleDate, submitOnSelectionEnd, disableConfirmModal, }: {
+    date: any;
+    display: any;
+    stayDates?: any[];
+    min: any;
+    max: any;
+    onSubmit: any;
+    availabilities: any;
+    close: any;
+    singleDate: any;
+    submitOnSelectionEnd: any;
+    disableConfirmModal: any;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=calendar.d.ts.map

package/es/common/components/date-picker/calendar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../../src/common/components/date-picker/calendar.js"],"names":[],"mappings":"AAeA;;;;;;;;;;;;4CAoPC"}

package/es/common/components/date-picker/calendar.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import classNames from "classnames";
 import { useUbloContext } from "ublo/with-ublo";
@@ -11,256 +12,116 @@ import * as Data from "./data";
 import * as Utils from "./utils";
 import datePickerStyles from "./date-picker.module.css";
 import styles from "./calendar.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export default function Calendar({
-  date,
-  display,
-  stayDates = [],
-  min,
-  max,
-  onSubmit,
-  availabilities,
-  close,
-  singleDate,
-  submitOnSelectionEnd,
-  disableConfirmModal
-}) {
-  const isDateObject = Utils.isDate(date);
-  const _date = isDateObject ? date : new Date();
-  const {
-    lang
-  } = useUbloContext();
-  const [selectedDates, setSelectedDates] = React.useState(stayDates);
-  const firstRangeDate = selectedDates[0];
-  const selectedMonth = firstRangeDate ? firstRangeDate.getMonth() + 1 : _date.getMonth() + 1;
-  const selectedYear = firstRangeDate ? firstRangeDate.getFullYear() : _date.getFullYear();
-  const [month, setMonth] = React.useState(selectedMonth);
-  const [year, setYear] = React.useState(selectedYear);
-  const [monthAlt, setMonthAlt] = React.useState(month);
-  const [yearAlt, setYearAlt] = React.useState(year);
-  const [selecting, setSelecting] = React.useState(false);
-  const [firstSelectedDate, setFirstSelectedDate] = React.useState();
-  const [lastSelectedDate, setLastSelectedDate] = React.useState();
-  const [showPopup, setShowPopup] = React.useState(false);
-  const [stays, setStays] = React.useState();
-  const [isLoading, setIsLoading] = React.useState(false);
-  const [error, setError] = React.useState();
-  const gotoPreviousMonth = () => {
-    const {
-      month: newMonth,
-      year: newYear
-    } = Utils.getPreviousMonth(month, year);
-    setMonth(newMonth);
-    setYear(newYear);
-  };
-  const gotoNextMonth = () => {
-    const {
-      month: newMonth,
-      year: newYear
-    } = Utils.getNextMonth(month, year);
-    setMonth(newMonth);
-    setYear(newYear);
-  };
-  const reset = () => {
-    setSelectedDates([]);
-    setSelecting(false);
-    setFirstSelectedDate(undefined);
-    setLastSelectedDate(undefined);
-  };
-  const submit = dates => {
-    const hasCart = window.sessionStorage.cartId !== undefined;
-    if (!disableConfirmModal && hasCart) {
-      setShowPopup(true);
-    } else {
-      onSubmit(dates);
-    }
-  };
-  React.useEffect(() => {
-    if (month === 12) {
-      setMonthAlt(1);
-      setYearAlt(year + 1);
-    } else if (month === 11) {
-      setMonthAlt(month + 1);
-      setYearAlt(year);
-    } else {
-      setMonthAlt(month + 1);
-    }
-  }, [month, year]);
-  const now = new Date();
-  const currentMonth = now.getMonth() + 1;
-  const currentYear = now.getFullYear();
-  const isPast = month <= currentMonth && year <= currentYear;
-  const showReset = !singleDate && selectedDates.length > 0;
-  const submitEnabled = !submitOnSelectionEnd && selectedDates.length > 0 && !selecting;
-  const hide2ndMonth = display !== Data.DISPLAYS.DESKTOP;
-  const enableAvailability = Boolean(stays);
-  const matchingStays = Utils.getMatchingStays(stays, selectedDates);
-  const allMatchingStaysEnd = enableAvailability ? matchingStays?.map(stay => Utils.formatDate(stay.end)) : undefined;
-  React.useEffect(() => {
-    if (availabilities) {
-      const fetchAvailabilities = async () => {
-        setIsLoading(true);
-        setError(undefined);
-        setStays(undefined);
-        const bareStart = `${year}-${Utils.zeroPad(month, 2)}-01`;
-        const start = Utils.formatDate(Utils.addDays(bareStart, -7));
-        const numberDays = hide2ndMonth ? 38 : 76;
-        const {
-          fetcher,
-          ...rest
-        } = availabilities;
-        try {
-          const {
-            stays
-          } = await fetcher({
-            ...rest,
-            start,
-            numberDays
-          });
-          if (stays?.length) {
-            const formatedStays = stays.map(stay => {
-              return {
-                start: new Date(stay.start),
-                end: new Date(stay.end)
-              };
-            });
-            setStays(formatedStays);
-          }
-        } catch (e) {
-          setError(Messages.get(lang, "availability-loading-error"));
+export default function Calendar({ date, display, stayDates = [], min, max, onSubmit, availabilities, close, singleDate, submitOnSelectionEnd, disableConfirmModal, }) {
+    const isDateObject = Utils.isDate(date);
+    const _date = isDateObject ? date : new Date();
+    const { lang } = useUbloContext();
+    const [selectedDates, setSelectedDates] = React.useState(stayDates);
+    const firstRangeDate = selectedDates[0];
+    const selectedMonth = firstRangeDate
+        ? firstRangeDate.getMonth() + 1
+        : _date.getMonth() + 1;
+    const selectedYear = firstRangeDate
+        ? firstRangeDate.getFullYear()
+        : _date.getFullYear();
+    const [month, setMonth] = React.useState(selectedMonth);
+    const [year, setYear] = React.useState(selectedYear);
+    const [monthAlt, setMonthAlt] = React.useState(month);
+    const [yearAlt, setYearAlt] = React.useState(year);
+    const [selecting, setSelecting] = React.useState(false);
+    const [firstSelectedDate, setFirstSelectedDate] = React.useState();
+    const [lastSelectedDate, setLastSelectedDate] = React.useState();
+    const [showPopup, setShowPopup] = React.useState(false);
+    const [stays, setStays] = React.useState();
+    const [isLoading, setIsLoading] = React.useState(false);
+    const [error, setError] = React.useState();
+    const gotoPreviousMonth = () => {
+        const { month: newMonth, year: newYear } = Utils.getPreviousMonth(month, year);
+        setMonth(newMonth);
+        setYear(newYear);
+    };
+    const gotoNextMonth = () => {
+        const { month: newMonth, year: newYear } = Utils.getNextMonth(month, year);
+        setMonth(newMonth);
+        setYear(newYear);
+    };
+    const reset = () => {
+        setSelectedDates([]);
+        setSelecting(false);
+        setFirstSelectedDate(undefined);
+        setLastSelectedDate(undefined);
+    };
+    const submit = (dates) => {
+        const hasCart = window.sessionStorage.cartId !== undefined;
+        if (!disableConfirmModal && hasCart) {
+            setShowPopup(true);
         }
-        setIsLoading(false);
-      };
-      fetchAvailabilities();
-    }
-  }, [availabilities, hide2ndMonth, lang, month, year]);
-  const classes = classNames(styles.calendar, {
-    [styles.calendarTouch]: hide2ndMonth,
-    [styles.calendarLoading]: isLoading
-  });
-  return _jsxs("div", {
-    className: classes,
-    children: [!singleDate && _jsx(Helper, {
-      lang: lang,
-      selecting: selecting,
-      selectedDates: selectedDates,
-      availabilities: availabilities,
-      isLoading: isLoading,
-      error: error
-    }), _jsxs("div", {
-      className: styles.months,
-      children: [_jsxs("div", {
-        className: styles.controls,
-        children: [_jsx(Button, {
-          variant: "transparent",
-          className: styles.control,
-          onClick: gotoPreviousMonth,
-          disabled: isPast,
-          children: _jsx(Icons.ChevronLeft, {})
-        }), _jsx(Button, {
-          variant: "transparent",
-          className: styles.control,
-          onClick: gotoNextMonth,
-          children: _jsx(Icons.ChevronRight, {})
-        })]
-      }), _jsx(Month, {
-        display: display,
-        month: month,
-        year: year,
-        min: min,
-        max: max,
-        selecting: selecting,
-        setSelecting: setSelecting,
-        selectedDates: selectedDates,
-        setSelectedDates: setSelectedDates,
-        firstSelectedDate: firstSelectedDate,
-        setFirstSelectedDate: setFirstSelectedDate,
-        lastSelectedDate: lastSelectedDate,
-        setLastSelectedDate: setLastSelectedDate,
-        singleDate: singleDate,
-        submitOnSelectionEnd: submitOnSelectionEnd,
-        onSubmit: submit,
-        stays: stays,
-        matchingStays: matchingStays,
-        allMatchingStaysEnd: allMatchingStaysEnd
-      }), !hide2ndMonth && _jsx(Month, {
-        display: display,
-        month: monthAlt,
-        year: yearAlt,
-        min: min,
-        max: max,
-        selecting: selecting,
-        setSelecting: setSelecting,
-        selectedDates: selectedDates,
-        setSelectedDates: setSelectedDates,
-        firstSelectedDate: firstSelectedDate,
-        setFirstSelectedDate: setFirstSelectedDate,
-        lastSelectedDate: lastSelectedDate,
-        setLastSelectedDate: setLastSelectedDate,
-        singleDate: singleDate,
-        submitOnSelectionEnd: submitOnSelectionEnd,
-        onSubmit: submit,
-        stays: stays,
-        matchingStays: matchingStays,
-        allMatchingStaysEnd: allMatchingStaysEnd
-      })]
-    }), _jsxs("div", {
-      className: styles.buttons,
-      children: [_jsx(Button, {
-        variant: "transparent",
-        className: styles.close,
-        onClick: close,
-        children: Messages.get(lang, "close")
-      }), showReset && _jsx(Button, {
-        variant: "link",
-        className: styles.reset,
-        onClick: reset,
-        children: Messages.get(lang, "reset")
-      }), _jsxs(Button, {
-        className: styles.submit,
-        onClick: () => submit(selectedDates),
-        disabled: !submitEnabled,
-        children: [_jsx(Icons.Check, {}), Messages.get(lang, "submit")]
-      })]
-    }), showPopup && _jsx(Popup, {
-      title: Messages.get(lang, "warning-date-change-title"),
-      className: datePickerStyles.popup,
-      close: () => setShowPopup(false),
-      backdrop: true,
-      children: _jsx(ConfirmDateChangeForm, {
-        lang: lang,
-        cancel: () => setShowPopup(false),
-        confirm: () => {
-          window.sessionStorage.removeItem("cartId");
-          submit(selectedDates);
-          setShowPopup(false);
+        else {
+            onSubmit(dates);
         }
-      })
-    })]
-  });
+    };
+    React.useEffect(() => {
+        if (month === 12) {
+            setMonthAlt(1);
+            setYearAlt(year + 1);
+        }
+        else if (month === 11) {
+            setMonthAlt(month + 1);
+            setYearAlt(year);
+        }
+        else {
+            setMonthAlt(month + 1);
+        }
+    }, [month, year]);
+    const now = new Date();
+    const currentMonth = now.getMonth() + 1;
+    const currentYear = now.getFullYear();
+    const isPast = month <= currentMonth && year <= currentYear;
+    const showReset = !singleDate && selectedDates.length > 0;
+    const submitEnabled = !submitOnSelectionEnd && selectedDates.length > 0 && !selecting;
+    const hide2ndMonth = display !== Data.DISPLAYS.DESKTOP;
+    const enableAvailability = Boolean(stays);
+    const matchingStays = Utils.getMatchingStays(stays, selectedDates);
+    const allMatchingStaysEnd = enableAvailability
+        ? matchingStays?.map((stay) => Utils.formatDate(stay.end))
+        : undefined;
+    React.useEffect(() => {
+        if (availabilities) {
+            const fetchAvailabilities = async () => {
+                setIsLoading(true);
+                setError(undefined);
+                setStays(undefined);
+                const bareStart = `${year}-${Utils.zeroPad(month, 2)}-01`;
+                const start = Utils.formatDate(Utils.addDays(bareStart, -7));
+                const numberDays = hide2ndMonth ? 38 : 76;
+                const { fetcher, ...rest } = availabilities;
+                try {
+                    const { stays } = await fetcher({ ...rest, start, numberDays });
+                    if (stays?.length) {
+                        const formatedStays = stays.map((stay) => {
+                            return { start: new Date(stay.start), end: new Date(stay.end) };
+                        });
+                        setStays(formatedStays);
+                    }
+                }
+                catch (e) {
+                    setError(Messages.get(lang, "availability-loading-error"));
+                }
+                setIsLoading(false);
+            };
+            fetchAvailabilities();
+        }
+    }, [availabilities, hide2ndMonth, lang, month, year]);
+    const classes = classNames(styles.calendar, {
+        [styles.calendarTouch]: hide2ndMonth,
+        [styles.calendarLoading]: isLoading,
+    });
+    return (_jsxs("div", { className: classes, children: [!singleDate && (_jsx(Helper, { lang: lang, selecting: selecting, selectedDates: selectedDates, availabilities: availabilities, isLoading: isLoading, error: error })), _jsxs("div", { className: styles.months, children: [_jsxs("div", { className: styles.controls, children: [_jsx(Button, { variant: "transparent", className: styles.control, onClick: gotoPreviousMonth, disabled: isPast, children: _jsx(Icons.ChevronLeft, {}) }), _jsx(Button, { variant: "transparent", className: styles.control, onClick: gotoNextMonth, children: _jsx(Icons.ChevronRight, {}) })] }), _jsx(Month, { display: display, month: month, year: year, min: min, max: max, selecting: selecting, setSelecting: setSelecting, selectedDates: selectedDates, setSelectedDates: setSelectedDates, firstSelectedDate: firstSelectedDate, setFirstSelectedDate: setFirstSelectedDate, lastSelectedDate: lastSelectedDate, setLastSelectedDate: setLastSelectedDate, singleDate: singleDate, submitOnSelectionEnd: submitOnSelectionEnd, onSubmit: submit, stays: stays, matchingStays: matchingStays, allMatchingStaysEnd: allMatchingStaysEnd }), !hide2ndMonth && (_jsx(Month, { display: display, month: monthAlt, year: yearAlt, min: min, max: max, selecting: selecting, setSelecting: setSelecting, selectedDates: selectedDates, setSelectedDates: setSelectedDates, firstSelectedDate: firstSelectedDate, setFirstSelectedDate: setFirstSelectedDate, lastSelectedDate: lastSelectedDate, setLastSelectedDate: setLastSelectedDate, singleDate: singleDate, submitOnSelectionEnd: submitOnSelectionEnd, onSubmit: submit, stays: stays, matchingStays: matchingStays, allMatchingStaysEnd: allMatchingStaysEnd }))] }), _jsxs("div", { className: styles.buttons, children: [_jsx(Button, { variant: "transparent", className: styles.close, onClick: close, children: Messages.get(lang, "close") }), showReset && (_jsx(Button, { variant: "link", className: styles.reset, onClick: reset, children: Messages.get(lang, "reset") })), _jsxs(Button, { className: styles.submit, onClick: () => submit(selectedDates), disabled: !submitEnabled, children: [_jsx(Icons.Check, {}), Messages.get(lang, "submit")] })] }), showPopup && (_jsx(Popup, { title: Messages.get(lang, "warning-date-change-title"), className: datePickerStyles.popup, close: () => setShowPopup(false), backdrop: true, children: _jsx(ConfirmDateChangeForm, { lang: lang, cancel: () => setShowPopup(false), confirm: () => {
+                        window.sessionStorage.removeItem("cartId");
+                        submit(selectedDates);
+                        setShowPopup(false);
+                    } }) }))] }));
+}
+function ConfirmDateChangeForm({ lang, cancel, confirm }) {
+    return (_jsxs("div", { className: styles.confirmDateChange, children: [_jsx("div", { className: styles.confirmDateChangeMessage, children: Messages.get(lang, "warning-date-change-text") }), _jsxs("div", { className: styles.confirmDateChangeButtons, children: [_jsx("button", { className: classNames(styles.confirmDateChangeButton, styles.confirmDateChangeButtonCancel), onClick: cancel, children: Messages.get(lang, "warning-date-change-cancel") }), _jsx("button", { className: classNames(styles.confirmDateChangeButton, styles.confirmDateChangeButtonConfirm), onClick: confirm, children: Messages.get(lang, "warning-date-change-confirm") })] })] }));
 }
-function ConfirmDateChangeForm({
-  lang,
-  cancel,
-  confirm
-}) {
-  return _jsxs("div", {
-    className: styles.confirmDateChange,
-    children: [_jsx("div", {
-      className: styles.confirmDateChangeMessage,
-      children: Messages.get(lang, "warning-date-change-text")
-    }), _jsxs("div", {
-      className: styles.confirmDateChangeButtons,
-      children: [_jsx("button", {
-        className: classNames(styles.confirmDateChangeButton, styles.confirmDateChangeButtonCancel),
-        onClick: cancel,
-        children: Messages.get(lang, "warning-date-change-cancel")
-      }), _jsx("button", {
-        className: classNames(styles.confirmDateChangeButton, styles.confirmDateChangeButtonConfirm),
-        onClick: confirm,
-        children: Messages.get(lang, "warning-date-change-confirm")
-      })]
-    })]
-  });
-}