ublo-lib 1.31.44 → 1.32.1

package/es/esf/components/loyal-customers/components/student-form.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import Dialog from "dt-design-system/es/dialog";
 import Field from "./field";
@@ -6,7 +7,10 @@ import * as DTIcons from "dt-design-system/es/icons";
 import * as Messages from "../messages";
 import * as Data from "../data";
 import styles from "./student-form.module.css";
-const getInitialState = (fields) => Object.keys(fields).reduce((acc, key) => (Object.assign(Object.assign({}, acc), { [key]: { value: "", validator: !fields[key].required || false } })), {});
+const getInitialState = (fields) => Object.keys(fields).reduce((acc, key) => ({
+    ...acc,
+    [key]: { value: "", validator: !fields[key].required || false },
+}), {});
 const StudentForm = ({ lang, close, studentData, levels, setRows, recapFormRef, }) => {
     const fields = Data.studentFormFields(studentData.productCategory ? levels[studentData.productCategory] : levels);
     const [formData, setFormData] = React.useState(getInitialState(fields));
@@ -17,7 +21,7 @@ const StudentForm = ({ lang, close, studentData, levels, setRows, recapFormRef,
         close();
     };
     const onSubmit = () => {
-        setRows((rows) => [...rows, Object.assign(Object.assign({}, studentData), { formData })]);
+        setRows((rows) => [...rows, { ...studentData, formData }]);
         onClose();
         const recapForm = recapFormRef.current;
         if (recapForm) {
@@ -29,40 +33,6 @@ const StudentForm = ({ lang, close, studentData, levels, setRows, recapFormRef,
         }
     };
     const { details, price, selectedOption, title } = studentData;
-    return (<Dialog className={styles.popup} close={onClose} isOpened={Boolean(dataKeys.length)} title={Messages.get(lang, "student-information")} showCloseButton>
-      <div className={styles.inner}>
-        <div className={styles.title}>
-          {Messages.get(lang, "student-information")}
-        </div>
-        <div className={styles.header}>
-          <div className={styles.title}>
-            <b>{title}</b>
-          </div>
-          <div className={styles.price}>
-            <b>{price} €</b>
-          </div>
-          {details && (<div className={styles.details}>
-              {Messages.get(lang, "student-form-details")}{" "}
-              <span>{details}</span>
-            </div>)}
-          {selectedOption && (<div className={styles.option}>
-              {Messages.get(lang, "student-form-option")}{" "}
-              <span>{selectedOption}</span>
-            </div>)}
-        </div>
-        <div className={styles.instructions}>
-          {Messages.get(lang, "student-form-popup-instructions")}
-        </div>
-        <div className={styles.form}>
-          {Object.keys(fields).map((key) => (<Field key={key} lang={lang} name={key} field={fields[key]} data={formData} setData={setFormData}/>))}
-        </div>
-        <div className={styles.footer}>
-          <Button className={styles.confirm} disabled={!isFormValid} onClick={onSubmit}>
-            {Messages.get(lang, "confirm")}
-            <DTIcons.Check />
-          </Button>
-        </div>
-      </div>
-    </Dialog>);
+    return (_jsx(Dialog, { className: styles.popup, close: onClose, isOpened: Boolean(dataKeys.length), title: Messages.get(lang, "student-information"), showCloseButton: true, children: _jsxs("div", { className: styles.inner, children: [_jsx("div", { className: styles.title, children: Messages.get(lang, "student-information") }), _jsxs("div", { className: styles.header, children: [_jsx("div", { className: styles.title, children: _jsx("b", { children: title }) }), _jsx("div", { className: styles.price, children: _jsxs("b", { children: [price, " \u20AC"] }) }), details && (_jsxs("div", { className: styles.details, children: [Messages.get(lang, "student-form-details"), " ", _jsx("span", { children: details })] })), selectedOption && (_jsxs("div", { className: styles.option, children: [Messages.get(lang, "student-form-option"), " ", _jsx("span", { children: selectedOption })] }))] }), _jsx("div", { className: styles.instructions, children: Messages.get(lang, "student-form-popup-instructions") }), _jsx("div", { className: styles.form, children: Object.keys(fields).map((key) => (_jsx(Field, { lang: lang, name: key, field: fields[key], data: formData, setData: setFormData }, key))) }), _jsx("div", { className: styles.footer, children: _jsxs(Button, { className: styles.confirm, disabled: !isFormValid, onClick: onSubmit, children: [Messages.get(lang, "confirm"), _jsx(DTIcons.Check, {})] }) })] }) }));
 };
 export default StudentForm;

package/es/esf/components/loyal-customers/components/voucher.d.ts

@@ -3,5 +3,5 @@ declare function Voucher({ lang, voucher, setVoucher }: {
     lang: any;
     voucher: any;
     setVoucher: any;
-}): React.JSX.Element;
-import * as React from "react";
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=voucher.d.ts.map

package/es/esf/components/loyal-customers/components/voucher.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"voucher.d.ts","sourceRoot":"","sources":["../../../../../src/esf/components/loyal-customers/components/voucher.js"],"names":[],"mappings":";AAMA;;;;4CAcC"}

package/es/esf/components/loyal-customers/components/voucher.js

@@ -1,10 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import Input from "dt-design-system/es/input";
 import * as Messages from "../messages";
 import styles from "./voucher.module.css";
 const Voucher = ({ lang, voucher, setVoucher }) => {
-    return (<div className={styles.voucher}>
-      <Input className={styles.voucherField} type="text" id="voucher" name="voucher" onValueChange={(value) => setVoucher(value)} value={voucher} placeholder={Messages.get(lang, "voucher")}/>
-    </div>);
+    return (_jsx("div", { className: styles.voucher, children: _jsx(Input, { className: styles.voucherField, type: "text", id: "voucher", name: "voucher", onValueChange: (value) => setVoucher(value), value: voucher, placeholder: Messages.get(lang, "voucher") }) }));
 };
 export default Voucher;

package/es/esf/components/loyal-customers/content.d.ts

@@ -15,3 +15,4 @@ export function getData(product: any, selectors: any, levels: any, handleVariant
 };
 export function createSelect(options: any): void;
 export function getSelectedOption(product: any, options: any, convertTableToSelect: any): any;
+//# sourceMappingURL=content.d.ts.map

package/es/esf/components/loyal-customers/content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"content.d.ts","sourceRoot":"","sources":["../../../../src/esf/components/loyal-customers/content.js"],"names":[],"mappings":"AAEO;;;;;;;EAQN;AAEM;;;;;;EAkCN;AAEM,iDAgBN;AAEM,8FAMN"}

package/es/esf/components/loyal-customers/content.js

@@ -15,14 +15,16 @@ export const getData = (product, selectors, levels, handleVariants, convertTable
         ? classList.reduce((acc, className) => Object.keys(levels).includes(className) ? className : acc, null)
         : undefined;
     const selectedOption = getSelectedOption(product, options, convertTableToSelect);
-    const formatedTitle = title === null || title === void 0 ? void 0 : title.map((element) => element.textContent).join(" - ");
+    const formatedTitle = title
+        ?.map((element) => element.textContent)
+        .join(" - ");
     const formatedPrice = price
         ? parseInt(price.textContent.replace(/€/g, "").trim())
         : 0;
     return {
         title: formatedTitle || "",
         price: formatedPrice,
-        details: (details === null || details === void 0 ? void 0 : details.innerText) || "",
+        details: details?.innerText || "",
         selectedOption,
         productCategory,
     };
@@ -33,18 +35,16 @@ export const createSelect = (options) => {
     const rows = Array.from(options.querySelectorAll("td"));
     if (rows.length > 1) {
         const selectOptions = rows
-            .map((row) => 
-        /* html */ `<option value="${row.textContent}">${row.textContent}</option>`)
+            .map((row) => `<option value="${row.textContent}">${row.textContent}</option>`)
             .join("");
         options.insertAdjacentHTML("beforebegin", `<div class="${css.fieldWrapper}"><select class="${css.field}">${selectOptions}</select></div>`);
         options.style.display = "none";
     }
 };
 export const getSelectedOption = (product, options, convertTableToSelect) => {
-    var _a;
     if (convertTableToSelect) {
         const select = product.querySelector("select");
-        return (select === null || select === void 0 ? void 0 : select.value) || ((_a = options.querySelector("td")) === null || _a === void 0 ? void 0 : _a.textContent);
+        return select?.value || options.querySelector("td")?.textContent;
     }
-    return options === null || options === void 0 ? void 0 : options.textContent;
+    return options?.textContent;
 };

package/es/esf/components/loyal-customers/data.d.ts

@@ -164,3 +164,4 @@ export namespace customerFormFields {
         export { label_7 as label };
     }
 }
+//# sourceMappingURL=data.d.ts.map

package/es/esf/components/loyal-customers/data.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data.d.ts","sourceRoot":"","sources":["../../../../src/esf/components/loyal-customers/data.js"],"names":[],"mappings":";;;;;;;;;;;;AAeO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkBL"}

package/es/esf/components/loyal-customers/hooks/use-stored-rows.d.ts

@@ -1,3 +1,4 @@
 export default useStoredRows;
 declare function useStoredRows(defaultValue?: any[]): (any[] | React.Dispatch<React.SetStateAction<any[]>>)[];
 import * as React from "react";
+//# sourceMappingURL=use-stored-rows.d.ts.map

package/es/esf/components/loyal-customers/hooks/use-stored-rows.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-stored-rows.d.ts","sourceRoot":"","sources":["../../../../../src/esf/components/loyal-customers/hooks/use-stored-rows.js"],"names":[],"mappings":";AAIA,8GAaC;uBAjBsB,OAAO"}

package/es/esf/components/loyal-customers/index.d.ts

@@ -1,2 +1,3 @@
 export default LoyalCustomers;
 import LoyalCustomers from "./loyal-customers";
+//# sourceMappingURL=index.d.ts.map

package/es/esf/components/loyal-customers/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/esf/components/loyal-customers/index.js"],"names":[],"mappings":";2BAA2B,mBAAmB"}

package/es/esf/components/loyal-customers/loyal-customers.d.ts

@@ -13,5 +13,5 @@ export default function LoyalCustomers({ lang, cmsMode, selectors, levels, class
     disableVoucher: any;
     integration: any;
     categoryCode: any;
-}): React.JSX.Element;
-import * as React from "react";
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=loyal-customers.d.ts.map

package/es/esf/components/loyal-customers/loyal-customers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"loyal-customers.d.ts","sourceRoot":"","sources":["../../../../src/esf/components/loyal-customers/loyal-customers.js"],"names":[],"mappings":"AAaA;;;;;;;;;;;;;;;4CAoIC"}

package/es/esf/components/loyal-customers/loyal-customers.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 Rows from "./components/rows";
@@ -41,7 +42,7 @@ export default function LoyalCustomers({ lang, cmsMode, selectors, levels, class
         if (!options || !button)
             return;
         if (convertTableToSelect) {
-            select === null || select === void 0 ? void 0 : select.remove();
+            select?.remove();
             options.style.removeProperty("display");
         }
         button.removeEventListener("click", button.callback);
@@ -54,21 +55,5 @@ export default function LoyalCustomers({ lang, cmsMode, selectors, levels, class
         }
     }, [cleanup, cmsMode, init, selectors]);
     const classes = classNames(styles.index, className);
-    return (<div ref={ref} className={classes}>
-      <div className={styles.title}>{Messages.get(lang, "title")}</div>
-      <Rows lang={lang} rows={rows} setRows={setRows} openedRow={openedRow} setOpenedRow={setOpenedRow}/>
-      {!disableVoucher && (<Voucher lang={lang} voucher={voucher} setVoucher={setVoucher}/>)}
-      <div className={styles.overview}>
-        <div className={styles.overviewTitle}>
-          {Messages.get(lang, "total")}
-        </div>
-        <div className={styles.overviewTotal}>{total} €</div>
-      </div>
-      <Button className={styles.orderButton} disabled={!rows.length} onClick={openCustomerForm}>
-        {Messages.get(lang, "order")}
-        <DTIcons.Check />
-      </Button>
-      <StudentForm lang={lang} close={closeStudentForm} studentData={studentData} levels={levels} setRows={setRows} recapFormRef={ref}/>
-      <CustomerForm lang={lang} close={closeCustomerForm} open={customerFormOpen} rows={rows} setRows={setRows} voucher={voucher} setVoucher={setVoucher} disableVoucher={disableVoucher} manualStay={manualStay} channel={channel} merchant={merchant} resort={resort} integration={integration} categoryCode={categoryCode}/>
-    </div>);
+    return (_jsxs("div", { ref: ref, className: classes, children: [_jsx("div", { className: styles.title, children: Messages.get(lang, "title") }), _jsx(Rows, { lang: lang, rows: rows, setRows: setRows, openedRow: openedRow, setOpenedRow: setOpenedRow }), !disableVoucher && (_jsx(Voucher, { lang: lang, voucher: voucher, setVoucher: setVoucher })), _jsxs("div", { className: styles.overview, children: [_jsx("div", { className: styles.overviewTitle, children: Messages.get(lang, "total") }), _jsxs("div", { className: styles.overviewTotal, children: [total, " \u20AC"] })] }), _jsxs(Button, { className: styles.orderButton, disabled: !rows.length, onClick: openCustomerForm, children: [Messages.get(lang, "order"), _jsx(DTIcons.Check, {})] }), _jsx(StudentForm, { lang: lang, close: closeStudentForm, studentData: studentData, levels: levels, setRows: setRows, recapFormRef: ref }), _jsx(CustomerForm, { lang: lang, close: closeCustomerForm, open: customerFormOpen, rows: rows, setRows: setRows, voucher: voucher, setVoucher: setVoucher, disableVoucher: disableVoucher, manualStay: manualStay, channel: channel, merchant: merchant, resort: resort, integration: integration, categoryCode: categoryCode })] }));
 }

package/es/esf/components/loyal-customers/messages.d.ts

@@ -1 +1,2 @@
 export function get(lang: any, id: any): any;
+//# sourceMappingURL=messages.d.ts.map

package/es/esf/components/loyal-customers/messages.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"messages.d.ts","sourceRoot":"","sources":["../../../../src/esf/components/loyal-customers/messages.js"],"names":[],"mappings":"AAwDO,6CAIN"}

package/es/esf/components/loyal-customers/utils.d.ts

@@ -18,3 +18,4 @@ export function buildPayload(lang: any, channel: any, resort: any, merchant: any
     };
     genericLines: any;
 };
+//# sourceMappingURL=utils.d.ts.map

package/es/esf/components/loyal-customers/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/esf/components/loyal-customers/utils.js"],"names":[],"mappings":"AAEO,0DAGN;AAEM,yDAQN;AAEM;;;;;;;;;;;;;;;;;EA0DN"}

package/es/esf/components/loyal-customers/utils.js

@@ -36,8 +36,8 @@ Commentaire : ${comment.value}`;
         resort,
         merchant,
         lang,
-        from: (stayFrom === null || stayFrom === void 0 ? void 0 : stayFrom.value) || from,
-        to: (stayTo === null || stayTo === void 0 ? void 0 : stayTo.value) || to,
+        from: stayFrom?.value || from,
+        to: stayTo?.value || to,
         message,
         category: categoryCode,
         customer: {

package/es/esf/components/magic-box/booking.d.ts

@@ -7,5 +7,5 @@ declare function Booking({ stay, cartUrl, channel, values, maxCPDuration, setCur
     maxCPDuration: any;
     setCurrentStep: any;
     msemWidgetHost: any;
-}): React.JSX.Element;
-import * as React from "react";
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=booking.d.ts.map

package/es/esf/components/magic-box/booking.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"booking.d.ts","sourceRoot":"","sources":["../../../../src/esf/components/magic-box/booking.js"],"names":[],"mappings":";AAUA;;;;;;;;4CA4GC"}

package/es/esf/components/magic-box/booking.js

@@ -1,12 +1,4 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { useUbloContext } from "ublo/with-ublo";
 import Button from "dt-design-system/es/button";
@@ -14,14 +6,13 @@ import * as Icons from "dt-design-system/es/icons";
 import { message } from "./messages";
 import { loadWidgetMseM } from "./services/widgets";
 import * as Plausible from "../../../common/components/plausible";
-// import * as Plausible from "ublo-lib/es/common/components/plausible";
 import css from "./booking.module.css";
 const Booking = ({ stay, cartUrl, channel, values, maxCPDuration, setCurrentStep, msemWidgetHost, }) => {
     const { lang, cmsMode, config } = useUbloContext();
     const { resort } = config;
     const langPrefix = config.langPrefix.links ? `/${lang}` : "";
     const cartPage = langPrefix.concat(cartUrl || "/panier");
-    const categoryCode = values === null || values === void 0 ? void 0 : values.categories;
+    const categoryCode = values?.categories;
     const goBack = () => {
         setCurrentStep(0);
     };
@@ -48,12 +39,12 @@ const Booking = ({ stay, cartUrl, channel, values, maxCPDuration, setCurrentStep
         }
     }, [
         engagement,
-        values === null || values === void 0 ? void 0 : values.activities,
-        values === null || values === void 0 ? void 0 : values.days,
-        values === null || values === void 0 ? void 0 : values.durations,
-        values === null || values === void 0 ? void 0 : values.languages,
-        values === null || values === void 0 ? void 0 : values.nbPersons,
-        values === null || values === void 0 ? void 0 : values.startDates,
+        values?.activities,
+        values?.days,
+        values?.durations,
+        values?.languages,
+        values?.nbPersons,
+        values?.startDates,
     ]);
     const goToCart = React.useCallback(() => {
         if (categoryCode) {
@@ -62,10 +53,9 @@ const Booking = ({ stay, cartUrl, channel, values, maxCPDuration, setCurrentStep
         window.location.href = cartPage;
     }, [cartPage, categoryCode]);
     React.useEffect(() => {
-        const init = () => __awaiter(void 0, void 0, void 0, function* () {
-            var _a;
-            yield loadWidgetMseM(msemWidgetHost);
-            (_a = window.MseM) === null || _a === void 0 ? void 0 : _a.onLoad(() => {
+        const init = async () => {
+            await loadWidgetMseM(msemWidgetHost);
+            window.MseM?.onLoad(() => {
                 const options = {
                     resort,
                     lang,
@@ -77,10 +67,15 @@ const Booking = ({ stay, cartUrl, channel, values, maxCPDuration, setCurrentStep
                     analytics: Plausible.callback,
                     categoryCode,
                 };
-                const presets = Object.assign({ kind: "CP", engagement, stay: { from: stay.from, to: stay.to } }, engagementPresets);
+                const presets = {
+                    kind: "CP",
+                    engagement,
+                    stay: { from: stay.from, to: stay.to },
+                    ...engagementPresets,
+                };
                 window.MseM.esf(options, presets);
             });
-        });
+        };
         init();
     }, [
         cartUrl,
@@ -96,12 +91,6 @@ const Booking = ({ stay, cartUrl, channel, values, maxCPDuration, setCurrentStep
         stay.from,
         stay.to,
     ]);
-    return (<div className={css.root}>
-      <Button onClick={goBack}>
-        <Icons.ArrowLeft />
-        {message(lang, "go-back")}
-      </Button>
-      <div id="msem-magic-box"/>
-    </div>);
+    return (_jsxs("div", { className: css.root, children: [_jsxs(Button, { onClick: goBack, children: [_jsx(Icons.ArrowLeft, {}), message(lang, "go-back")] }), _jsx("div", { id: "msem-magic-box" })] }));
 };
 export default Booking;

package/es/esf/components/magic-box/filter.d.ts

@@ -4,5 +4,5 @@ declare function Filter({ code, filter, values, setValues }: {
     filter: any;
     values: any;
     setValues: any;
-}): React.JSX.Element;
-import * as React from "react";
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=filter.d.ts.map

package/es/esf/components/magic-box/filter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter.d.ts","sourceRoot":"","sources":["../../../../src/esf/components/magic-box/filter.js"],"names":[],"mappings":";AAOA;;;;;4CA2BC"}

package/es/esf/components/magic-box/filter.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";
@@ -7,7 +8,7 @@ import css from "./filter.module.css";
 const Filter = ({ code, filter, values, setValues }) => {
     const { lang } = useUbloContext();
     const updateFilter = (value) => {
-        const newValues = Object.assign(Object.assign({}, values), { [code]: value });
+        const newValues = { ...values, [code]: value };
         setValues(newValues);
     };
     const formatedValues = filter.map(({ libelle, value }) => ({
@@ -16,9 +17,6 @@ const Filter = ({ code, filter, values, setValues }) => {
     }));
     const options = values.length === 1 ? formatedValues : [""].concat(formatedValues);
     const classes = classNames(css.filter, css[code]);
-    return (<div className={classes}>
-      <div className={css.filterLabel}>{message(lang, code)}</div>
-      <Select options={options} value={values[code]} onValueChange={updateFilter}/>
-    </div>);
+    return (_jsxs("div", { className: classes, children: [_jsx("div", { className: css.filterLabel, children: message(lang, code) }), _jsx(Select, { options: options, value: values[code], onValueChange: updateFilter })] }));
 };
 export default Filter;

package/es/esf/components/magic-box/filters.d.ts

@@ -3,5 +3,5 @@ declare function Filters({ filters, values, setValues }: {
     filters: any;
     values: any;
     setValues: any;
-}): React.JSX.Element;
-import * as React from "react";
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=filters.d.ts.map

package/es/esf/components/magic-box/filters.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filters.d.ts","sourceRoot":"","sources":["../../../../src/esf/components/magic-box/filters.js"],"names":[],"mappings":";AAIA;;;;4CAeC"}

package/es/esf/components/magic-box/filters.js

@@ -1,10 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import Filter from "./filter";
 import css from "./filters.module.css";
-const Filters = ({ filters, values, setValues }) => (<div className={css.filters}>
-    {Object.keys(filters).map((key) => {
+const Filters = ({ filters, values, setValues }) => (_jsx("div", { className: css.filters, children: Object.keys(filters).map((key) => {
         const filter = filters[key];
-        return (<Filter key={key} code={key} filter={filter} values={values} setValues={setValues}/>);
-    })}
-  </div>);
+        return (_jsx(Filter, { code: key, filter: filter, values: values, setValues: setValues }, key));
+    }) }));
 export default Filters;

package/es/esf/components/magic-box/index.d.ts

@@ -1,2 +1,3 @@
 import MagicBox from "./magic-box";
 export default MagicBox;
+//# sourceMappingURL=index.d.ts.map

package/es/esf/components/magic-box/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/esf/components/magic-box/index.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,aAAa,CAAC;AAEnC,eAAe,QAAQ,CAAC"}

package/es/esf/components/magic-box/magic-box.d.ts

@@ -24,4 +24,5 @@ type Props = {
 };
 declare const _default: React.MemoExoticComponent<typeof MagicBox>;
 export default _default;
-declare function MagicBox({ stay, cartUrl, channel, className, alignContent, maxCPDuration, minDays, maxDays, allowedActivities, categories, msemWidgetHost, msemApiHost, msemAdminHost, children, }: Props): React.JSX.Element;
+declare function MagicBox({ stay, cartUrl, channel, className, alignContent, maxCPDuration, minDays, maxDays, allowedActivities, categories, msemWidgetHost, msemApiHost, msemAdminHost, children, }: Props): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=magic-box.d.ts.map

package/es/esf/components/magic-box/magic-box.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"magic-box.d.ts","sourceRoot":"","sources":["../../../../src/esf/components/magic-box/magic-box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,KAAK,IAAI,GAAG;IACV,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC;AAEF,KAAK,cAAc,GACf,0BAA0B,GAC1B,sCAAsC,CAAC;AAC3C,KAAK,WAAW,GACZ,oCAAoC,GACpC,gDAAgD,CAAC;AACrD,KAAK,aAAa,GACd,oDAAoD,GACpD,gEAAgE,CAAC;AAErE,KAAK,KAAK,GAAG;IACX,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,KAAK,GAAG,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC3C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,aAAa,CAAC,EAAE,aAAa,CAAC;CAC/B,CAAC;;AAIF,wBAAoC;AAEpC,iBAAS,QAAQ,CAAC,EAChB,IAAI,EACJ,OAAO,EACP,OAAe,EACf,SAAS,EACT,YAAY,EACZ,aAAa,EACb,OAAW,EACX,OAAkB,EAClB,iBAAiB,EACjB,UAAU,EACV,cAA2C,EAC3C,WAAkD,EAClD,aAAoE,EACpE,QAAQ,GACT,EAAE,KAAK,2CA6KP"}

package/es/esf/components/magic-box/{magic-box.jsx → magic-box.js}

@@ -1,12 +1,4 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import * as React from "react";
 import classNames from "classnames";
 import { useUbloContext } from "ublo/with-ublo";
@@ -36,10 +28,10 @@ function MagicBox({ stay, cartUrl, channel = "ESF", className, alignContent, max
         });
     }, [filtersKeys.length, values, valuesKeys]);
     const isValid = validate();
-    const refreshFilters = React.useCallback(() => __awaiter(this, void 0, void 0, function* () {
+    const refreshFilters = React.useCallback(async () => {
         if (stay) {
             const { from: stayFrom, to: stayTo } = stay;
-            const [welcomeResult, paramsResult] = yield Promise.all([
+            const [welcomeResult, paramsResult] = await Promise.all([
                 API.fetchWelcome({
                     msemApiHost,
                     lang,
@@ -52,7 +44,7 @@ function MagicBox({ stay, cartUrl, channel = "ESF", className, alignContent, max
             const { season: currentSeason, availableSeasons } = welcomeResult;
             const { categories: categoryList } = paramsResult;
             const season = currentSeason || availableSeasons[0] || "2022";
-            const filtersResult = yield API.fetchFilters({
+            const filtersResult = await API.fetchFilters({
                 msemApiHost,
                 lang,
                 resort,
@@ -68,7 +60,7 @@ function MagicBox({ stay, cartUrl, channel = "ESF", className, alignContent, max
                             item.value >= minDays &&
                             item.value <= maxDays);
                     });
-                    return Object.assign(Object.assign({}, acc), { [key]: days });
+                    return { ...acc, [key]: days };
                 }
                 if (key === "activities") {
                     const mustFilterActivites = allowedActivities && allowedActivities.length > 0;
@@ -78,19 +70,20 @@ function MagicBox({ stay, cartUrl, channel = "ESF", className, alignContent, max
                         }
                         return !item.restricted;
                     });
-                    return Object.assign(Object.assign({}, acc), { activities });
+                    return { ...acc, activities };
                 }
                 const filterWithoutRestricted = filter.filter((item) => !item.restricted);
-                return Object.assign(Object.assign({}, acc), { [key]: filterWithoutRestricted });
+                return { ...acc, [key]: filterWithoutRestricted };
             }, {});
-            const formatedCategories = categoryList === null || categoryList === void 0 ? void 0 : categoryList.map(({ code, label }) => {
+            const formatedCategories = categoryList?.map(({ code, label }) => {
                 return { value: code, libelle: label };
             });
             const allFilters = categories
-                ? Object.assign(Object.assign({}, newFilters), { categories: formatedCategories }) : newFilters;
+                ? { ...newFilters, categories: formatedCategories }
+                : newFilters;
             setFilters(allFilters);
         }
-    }), [
+    }, [
         allowedActivities,
         categories,
         channel,
@@ -117,26 +110,13 @@ function MagicBox({ stay, cartUrl, channel = "ESF", className, alignContent, max
     }, [refreshFilters, stay]);
     const showFilter = stay && filters && values;
     const classes = classNames(css.root, className);
-    return (<div className={classes} data-align={alignContent}>
-      <div className={css.top}>
-        {children}
-        {currentStep === 0 && (<>
-            {!filters && <div className={css.loader}/>}
-            {showFilter && (<Filters filters={filters} values={values} setValues={setValues}/>)}
-            <Button className={css.confirm} onClick={() => setCurrentStep(1)} disabled={!isValid}>
-              {message(lang, "confirm")}
-              <Icons.Search />
-            </Button>
-          </>)}
-        {currentStep === 1 && (<Booking stay={stay} cartUrl={cartUrl} channel={channel} values={values} maxCPDuration={maxCPDuration} setCurrentStep={setCurrentStep} msemWidgetHost={msemWidgetHost}/>)}
-      </div>
-    </div>);
+    return (_jsx("div", { className: classes, "data-align": alignContent, children: _jsxs("div", { className: css.top, children: [children, currentStep === 0 && (_jsxs(_Fragment, { children: [!filters && _jsx("div", { className: css.loader }), showFilter && (_jsx(Filters, { filters: filters, values: values, setValues: setValues })), _jsxs(Button, { className: css.confirm, onClick: () => setCurrentStep(1), disabled: !isValid, children: [message(lang, "confirm"), _jsx(Icons.Search, {})] })] })), currentStep === 1 && (_jsx(Booking, { stay: stay, cartUrl: cartUrl, channel: channel, values: values, maxCPDuration: maxCPDuration, setCurrentStep: setCurrentStep, msemWidgetHost: msemWidgetHost }))] }) }));
 }
 function getDefaultValues(filters) {
     return Object.keys(filters || {}).reduce((acc, key) => {
         if (key === "activities" && filters && filters.activities.length === 1) {
-            return Object.assign(Object.assign({}, acc), { [key]: filters.activities[0].value });
+            return { ...acc, [key]: filters.activities[0].value };
         }
-        return Object.assign(Object.assign({}, acc), { [key]: "" });
+        return { ...acc, [key]: "" };
     }, {});
 }

package/es/esf/components/magic-box/messages.d.ts

@@ -1 +1,2 @@
 export function message(lang: any, id: any): any;
+//# sourceMappingURL=messages.d.ts.map

package/es/esf/components/magic-box/messages.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"messages.d.ts","sourceRoot":"","sources":["../../../../src/esf/components/magic-box/messages.js"],"names":[],"mappings":"AAyBO,iDAIN"}

package/es/esf/components/magic-box/services/api.d.ts

@@ -16,3 +16,4 @@ export function fetchFilters({ msemApiHost, lang, resort, season, stayFrom, stay
     engagement?: boolean;
 }): Promise<any>;
 export function fetchParams(msemAdminHost: any, lang: any, resort: any, merchant: any, channel: any, categories: any): Promise<any>;
+//# sourceMappingURL=api.d.ts.map

package/es/esf/components/magic-box/services/api.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"api.d.ts","sourceRoot":"","sources":["../../../../../src/esf/components/magic-box/services/api.js"],"names":[],"mappings":"AAGA;;;;;;iBAOC;AAED;;;;;;;;;iBAmBC;AAED,oIAcC"}