ublo-lib 1.31.44 → 1.32.1

package/es/esf/components/levels/detail.js

@@ -1,17 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import css from "./detail.module.css";
 const Detail = ({ detail }) => {
-    return (<div className={css.container}>
-      <div className={css.header}>
-        <div className={css.bar}>
-          <div className={css.name}>{detail.nom}</div>
-        </div>
-        <div className={css.univers}>{detail.univers}</div>
-      </div>
-      <div className={css.content}>
-        <div dangerouslySetInnerHTML={{ __html: detail.description }}/>
-        {detail.video && (<iframe src={`https://www.youtube-nocookie.com/embed/${detail.video}?rel=0`} frameBorder={0} allowFullScreen title="video"/>)}
-      </div>
-    </div>);
+    return (_jsxs("div", { className: css.container, children: [_jsxs("div", { className: css.header, children: [_jsx("div", { className: css.bar, children: _jsx("div", { className: css.name, children: detail.nom }) }), _jsx("div", { className: css.univers, children: detail.univers })] }), _jsxs("div", { className: css.content, children: [_jsx("div", { dangerouslySetInnerHTML: { __html: detail.description } }), detail.video && (_jsx("iframe", { src: `https://www.youtube-nocookie.com/embed/${detail.video}?rel=0`, frameBorder: 0, allowFullScreen: true, title: "video" }))] })] }));
 };
 export default Detail;

package/es/esf/components/levels/index.d.ts

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

package/es/esf/components/levels/index.d.ts.map

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

package/es/esf/components/levels/levels.d.ts

@@ -1,5 +1,5 @@
 export default EvaluateLevel;
 declare function EvaluateLevel({ menu }: {
     menu: any;
-}): React.JSX.Element;
-import * as React from "react";
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=levels.d.ts.map

package/es/esf/components/levels/levels.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"levels.d.ts","sourceRoot":"","sources":["../../../../src/esf/components/levels/levels.js"],"names":[],"mappings":";AA+OA;;4CA6FC"}

package/es/esf/components/levels/levels.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 classNames from "classnames";
 import Detail from "./detail";
@@ -41,15 +33,11 @@ const LEVELS = {
     "goomie-rider": "snow-kids-goomierider",
     "rookie-rider": "snow-kids-rookierider",
     "izzy-rider": "snow-kids-izzierider",
-    // "snowboard-discovery": "snow-esfexperiences-decouverteetclasse1",
     "snowboard-discovery": "snow-juniors-decouverte",
     "1-snowboard": "snow-juniors-snowboard1",
     "2-snowboard": "snow-snowboardstyle-snowboard2",
     "3-snowboard": "snow-snowboardstyle-snowboard3",
     "snowboard-expert": "snow-snowboardstyle-snowboardexpert",
-    // "snowboard-beginner": "",
-    // "snowboard-intermediate": "",
-    // "snowboard-confirmed": "",
     "x-boarder": "snow-clubesfsnow-xboarder",
     "ptit-freestyler": "skialpin-teamrider-ptitfreestyler",
     "freestyler-inter": "skialpin-teamrider-intermediaire",
@@ -73,7 +61,7 @@ const LEVELS = {
 const LevelDetail = ({ detail }) => {
     if (!detail)
         return null;
-    return <Detail detail={detail}/>;
+    return _jsx(Detail, { detail: detail });
 };
 const Level = ({ level, content, detail, setDetail, levelRef }) => {
     if (!content)
@@ -89,7 +77,7 @@ const Level = ({ level, content, detail, setDetail, levelRef }) => {
         }
         setDetail(content);
     };
-    const selected = name === (detail === null || detail === void 0 ? void 0 : detail.code);
+    const selected = name === detail?.code;
     const levelClasses = classNames("evaluate-level__level", {
         "evaluate-level__level--selected": selected,
     });
@@ -101,71 +89,55 @@ const Level = ({ level, content, detail, setDetail, levelRef }) => {
     const image = content.image
         ? `https://widget.msem.tech/images/esf/level/${content.image}`
         : "https://widget.msem.tech/images/esf/product/default.svg";
-    return (<div className={levelClasses} style={styles} onClick={onClick}>
-      <h3 className="evaluate-level__level-title">{title}</h3>
-      <img src={image} alt={title}/>
-    </div>);
+    return (_jsxs("div", { className: levelClasses, style: styles, onClick: onClick, children: [_jsx("h3", { className: "evaluate-level__level-title", children: title }), _jsx("img", { src: image, alt: title })] }));
 };
 const Levels = ({ levels, selectedActivity, selectedAge, detail, setDetail, levelRef, }) => {
     const { lang } = useUbloContext();
     const [ready, setReady] = React.useState(false);
     const [contents, setContents] = React.useState({});
     const levelLang = lang === "fr" ? lang : "en";
-    const getContents = React.useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
-        const contents = levels.reduce((promiseAcc, level) => __awaiter(void 0, void 0, void 0, function* () {
-            const acc = yield promiseAcc;
+    const getContents = React.useCallback(async () => {
+        const contents = levels.reduce(async (promiseAcc, level) => {
+            const acc = await promiseAcc;
             const code = level.name in LEVELS && LEVELS[level.name];
             if (code) {
                 const endpoint = `https://services.msem.tech/api/esf-wiki/${levelLang}/fiche/${code}`;
-                const result = yield fetch(endpoint);
-                const json = yield result.json();
-                return Object.assign(Object.assign({}, acc), { code, [level.name]: json });
+                const result = await fetch(endpoint);
+                const json = await result.json();
+                return { ...acc, code, [level.name]: json };
             }
             return acc;
-        }), Promise.resolve({}));
+        }, Promise.resolve({}));
         return contents;
-    }), [levelLang, levels]);
+    }, [levelLang, levels]);
     React.useEffect(() => {
-        const runEffect = () => __awaiter(void 0, void 0, void 0, function* () {
-            const result = yield getContents();
+        const runEffect = async () => {
+            const result = await getContents();
             setContents(result);
             setReady(true);
-        });
+        };
         runEffect();
     }, [getContents]);
     if (!ready)
         return null;
-    return (<div className="evaluate-level__levels">
-      <div className="evaluate-level__levels-title">
-        {selectedActivity.title} <span>{selectedAge.title}</span>
-      </div>
-      <div ref={levelRef} className="evaluate-level__levels-outer">
-        {levels.map((level) => {
-            return (<Level key={level.name} level={level} content={contents[level.name]} detail={detail} setDetail={setDetail} levelRef={levelRef}/>);
-        })}
-      </div>
-    </div>);
+    return (_jsxs("div", { className: "evaluate-level__levels", children: [_jsxs("div", { className: "evaluate-level__levels-title", children: [selectedActivity.title, " ", _jsx("span", { children: selectedAge.title })] }), _jsx("div", { ref: levelRef, className: "evaluate-level__levels-outer", children: levels.map((level) => {
+                    return (_jsx(Level, { level: level, content: contents[level.name], detail: detail, setDetail: setDetail, levelRef: levelRef }, level.name));
+                }) })] }));
 };
 const AgeClasses = ({ ages, selectedAge, ageChanged }) => {
     const clicked = (age) => () => ageChanged(age);
-    return (<div className="evaluate-level__ages">
-      {ages.map((age) => {
+    return (_jsx("div", { className: "evaluate-level__ages", children: ages.map((age) => {
             const { name, title, path } = age;
             const selected = selectedAge.path === path;
             const ageClasses = classNames("evaluate-level__age", {
                 "evaluate-level__age--selected": selected,
             });
-            return (<div key={name} className={ageClasses} onClick={clicked(age)}>
-            <div className="evaluate-level__radio-button"/>
-            {title}
-          </div>);
-        })}
-    </div>);
+            return (_jsxs("div", { className: ageClasses, onClick: clicked(age), children: [_jsx("div", { className: "evaluate-level__radio-button" }), title] }, name));
+        }) }));
 };
 const Activities = ({ activities, activityChanged, selectedActivity, selectedAge, ageChanged, }) => {
     const clicked = (activity) => () => activityChanged(activity);
-    return (<div className="evaluate-level__activities">
-      {activities.map((activity) => {
+    return (_jsx("div", { className: "evaluate-level__activities", children: activities.map((activity) => {
             const { name, path, title, subs } = activity;
             const hasSubs = subs !== undefined;
             const selected = path === selectedActivity.path && hasSubs;
@@ -173,15 +145,8 @@ const Activities = ({ activities, activityChanged, selectedActivity, selectedAge
             const activityClasses = classNames("evaluate-level__item", {
                 "evaluate-level__item--selected": selected,
             });
-            return (<div key={name} className={activityClasses}>
-            <div className="evaluate-level__activity" onClick={clicked(activity)}>
-              <div className="evaluate-level__radio-button"/>
-              {title}
-            </div>
-            {selected && !isFreestyle && (<AgeClasses ages={subs} selectedAge={selectedAge} ageChanged={ageChanged}/>)}
-          </div>);
-        })}
-    </div>);
+            return (_jsxs("div", { className: activityClasses, children: [_jsxs("div", { className: "evaluate-level__activity", onClick: clicked(activity), children: [_jsx("div", { className: "evaluate-level__radio-button" }), title] }), selected && !isFreestyle && (_jsx(AgeClasses, { ages: subs, selectedAge: selectedAge, ageChanged: ageChanged }))] }, name));
+        }) }));
 };
 const EvaluateLevel = ({ menu }) => {
     const { config, lang } = useUbloContext();
@@ -230,25 +195,21 @@ const EvaluateLevel = ({ menu }) => {
         }
     }, [activities, menu]);
     React.useEffect(() => {
-        const getActivities = () => __awaiter(void 0, void 0, void 0, function* () {
-            setActivities(yield fetchMenus(ubloApi, site, lang, "/levels", 2));
-        });
+        const getActivities = async () => {
+            setActivities(await fetchMenus(ubloApi, site, lang, "/levels", 2));
+        };
         getActivities();
     }, [lang, site, ubloApi]);
     React.useEffect(() => {
         const { menu } = selectedAge;
         if (menu !== undefined) {
-            const getLevels = () => __awaiter(void 0, void 0, void 0, function* () {
-                const levels = yield fetchMenus(ubloApi, site, lang, menu);
+            const getLevels = async () => {
+                const levels = await fetchMenus(ubloApi, site, lang, menu);
                 setLevels(levels);
-            });
+            };
             getLevels();
         }
     }, [lang, selectedAge, site, ubloApi]);
-    return (<div className="evaluate-level">
-      {!menu && (<Activities activities={activities} selectedActivity={selectedActivity} activityChanged={activityChanged} selectedAge={selectedAge} ageChanged={ageChanged}/>)}
-      {selectedAge.path && (<Levels levels={levels} selectedActivity={selectedActivity} selectedAge={selectedAge} detail={detail} setDetail={setDetail} levelRef={levelRef}/>)}
-      {detail && <LevelDetail detail={detail}/>}
-    </div>);
+    return (_jsxs("div", { className: "evaluate-level", children: [!menu && (_jsx(Activities, { activities: activities, selectedActivity: selectedActivity, activityChanged: activityChanged, selectedAge: selectedAge, ageChanged: ageChanged })), selectedAge.path && (_jsx(Levels, { levels: levels, selectedActivity: selectedActivity, selectedAge: selectedAge, detail: detail, setDetail: setDetail, levelRef: levelRef })), detail && _jsx(LevelDetail, { detail: detail })] }));
 };
 export default EvaluateLevel;

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

@@ -2,3 +2,4 @@ export function sendFile(payload: any, integration: any): Promise<{
     action: any;
     error: any;
 }>;
+//# sourceMappingURL=api.d.ts.map

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

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

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

@@ -1,27 +1,14 @@
-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 * as Data from "./data";
-function createGescoFile(payload, integration) {
-    return __awaiter(this, void 0, void 0, function* () {
-        const host = integration ? Data.HOSTS.TEST : Data.HOSTS.PROD;
-        const res = yield fetch(`${host}/api/gesco/files/new-with-generic-lines`, {
-            method: "POST",
-            headers: { "content-type": "application/json;charset=utf-8" },
-            body: JSON.stringify(payload),
-        });
-        return res.json();
+async function createGescoFile(payload, integration) {
+    const host = integration ? Data.HOSTS.TEST : Data.HOSTS.PROD;
+    const res = await fetch(`${host}/api/gesco/files/new-with-generic-lines`, {
+        method: "POST",
+        headers: { "content-type": "application/json;charset=utf-8" },
+        body: JSON.stringify(payload),
     });
+    return res.json();
 }
-export function sendFile(payload, integration) {
-    return __awaiter(this, void 0, void 0, function* () {
-        const { action, error } = yield createGescoFile(payload, integration);
-        return { action, error };
-    });
+export async function sendFile(payload, integration) {
+    const { action, error } = await createGescoFile(payload, integration);
+    return { action, error };
 }

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

@@ -1,3 +1,3 @@
 export default BinIcon;
-declare function BinIcon(): React.JSX.Element;
-import * as React from "react";
+declare function BinIcon(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=bin-icon.d.ts.map

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

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

package/es/esf/components/loyal-customers/components/bin-icon.js

@@ -1,13 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import styles from "./bin-icon.module.css";
 const BinIcon = () => {
-    return (<svg className={styles.bin} viewBox="0 0 24 24" width="24" height="24">
-      <path d="M4.87868 22.1213C4.31607 21.5587 4 20.7956 4 20V7H6V20C6 20.2652 6.10536 20.5196 6.29289 20.7071C6.48043 20.8946 6.73478 21 7 21H17C17.2652 21 17.5196 20.8946 17.7071 20.7071C17.8946 20.5196 18 20.2652 18 20V7H20V20C20 20.7956 19.6839 21.5587 19.1213 22.1213C18.5587 22.6839 17.7956 23 17 23H7C6.20435 23 5.44129 22.6839 4.87868 22.1213Z"/>
-      <path fillRule="evenodd" clipRule="evenodd" d="M10 10C10.2652 10 10.5196 10.1054 10.7071 10.2929C10.8946 10.4804 11 10.7348 11 11V17C11 17.2652 10.8946 17.5196 10.7071 17.7071C10.5196 17.8946 10.2652 18 10 18C9.73478 18 9.48043 17.8946 9.29289 17.7071C9.10536 17.5196 9 17.2652 9 17V11C9 10.7348 9.10536 10.4804 9.29289 10.2929C9.48043 10.1054 9.73478 10 10 10ZM14 10C14.2652 10 14.5196 10.1054 14.7071 10.2929C14.8946 10.4804 15 10.7348 15 11V17C15 17.2652 14.8946 17.5196 14.7071 17.7071C14.5196 17.8946 14.2652 18 14 18C13.7348 18 13.4804 17.8946 13.2929 17.7071C13.1054 17.5196 13 17.2652 13 17V11C13 10.7348 13.1054 10.4804 13.2929 10.2929C13.4804 10.1054 13.7348 10 14 10Z"/>
-      <g className={styles.handle}>
-        <path fillRule="evenodd" clipRule="evenodd" d="M2 6C2 5.73478 2.10536 5.48043 2.29289 5.29289C2.48043 5.10536 2.73478 5 3 5H21C21.2652 5 21.5196 5.10536 21.7071 5.29289C21.8946 5.48043 22 5.73478 22 6C22 6.26522 21.8946 6.51957 21.7071 6.70711C21.5196 6.89464 21.2652 7 21 7H3C2.73478 7 2.48043 6.89464 2.29289 6.70711C2.10536 6.51957 2 6.26522 2 6Z"/>
-        <path d="M9.29289 3.29289C9.48043 3.10536 9.73478 3 10 3H14C14.2652 3 14.5196 3.10536 14.7071 3.29289C14.8946 3.48043 15 3.73478 15 4V5H17V4C17 3.20435 16.6839 2.44129 16.1213 1.87868C15.5587 1.31607 14.7956 1 14 1H10C9.20435 1 8.44129 1.31607 7.87868 1.87868C7.31607 2.44129 7 3.20435 7 4V5H9V4C9 3.73478 9.10536 3.48043 9.29289 3.29289Z"/>
-      </g>
-    </svg>);
+    return (_jsxs("svg", { className: styles.bin, viewBox: "0 0 24 24", width: "24", height: "24", children: [_jsx("path", { d: "M4.87868 22.1213C4.31607 21.5587 4 20.7956 4 20V7H6V20C6 20.2652 6.10536 20.5196 6.29289 20.7071C6.48043 20.8946 6.73478 21 7 21H17C17.2652 21 17.5196 20.8946 17.7071 20.7071C17.8946 20.5196 18 20.2652 18 20V7H20V20C20 20.7956 19.6839 21.5587 19.1213 22.1213C18.5587 22.6839 17.7956 23 17 23H7C6.20435 23 5.44129 22.6839 4.87868 22.1213Z" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10 10C10.2652 10 10.5196 10.1054 10.7071 10.2929C10.8946 10.4804 11 10.7348 11 11V17C11 17.2652 10.8946 17.5196 10.7071 17.7071C10.5196 17.8946 10.2652 18 10 18C9.73478 18 9.48043 17.8946 9.29289 17.7071C9.10536 17.5196 9 17.2652 9 17V11C9 10.7348 9.10536 10.4804 9.29289 10.2929C9.48043 10.1054 9.73478 10 10 10ZM14 10C14.2652 10 14.5196 10.1054 14.7071 10.2929C14.8946 10.4804 15 10.7348 15 11V17C15 17.2652 14.8946 17.5196 14.7071 17.7071C14.5196 17.8946 14.2652 18 14 18C13.7348 18 13.4804 17.8946 13.2929 17.7071C13.1054 17.5196 13 17.2652 13 17V11C13 10.7348 13.1054 10.4804 13.2929 10.2929C13.4804 10.1054 13.7348 10 14 10Z" }), _jsxs("g", { className: styles.handle, children: [_jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2 6C2 5.73478 2.10536 5.48043 2.29289 5.29289C2.48043 5.10536 2.73478 5 3 5H21C21.2652 5 21.5196 5.10536 21.7071 5.29289C21.8946 5.48043 22 5.73478 22 6C22 6.26522 21.8946 6.51957 21.7071 6.70711C21.5196 6.89464 21.2652 7 21 7H3C2.73478 7 2.48043 6.89464 2.29289 6.70711C2.10536 6.51957 2 6.26522 2 6Z" }), _jsx("path", { d: "M9.29289 3.29289C9.48043 3.10536 9.73478 3 10 3H14C14.2652 3 14.5196 3.10536 14.7071 3.29289C14.8946 3.48043 15 3.73478 15 4V5H17V4C17 3.20435 16.6839 2.44129 16.1213 1.87868C15.5587 1.31607 14.7956 1 14 1H10C9.20435 1 8.44129 1.31607 7.87868 1.87868C7.31607 2.44129 7 3.20435 7 4V5H9V4C9 3.73478 9.10536 3.48043 9.29289 3.29289Z" })] })] }));
 };
 export default BinIcon;

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

@@ -14,5 +14,5 @@ declare function CustomerForm({ lang, close, open, rows, setRows, voucher, setVo
     resort: any;
     integration: any;
     categoryCode: any;
-}): React.JSX.Element;
-import * as React from "react";
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=customer-form.d.ts.map

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

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

package/es/esf/components/loyal-customers/components/customer-form.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 Dialog from "dt-design-system/es/dialog";
 import Button from "dt-design-system/es/button";
@@ -23,17 +15,21 @@ const RESPONSE = {
     LOADING: 1,
     OK: 2,
 };
-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 CustomerForm = ({ lang, close, open, rows, setRows, voucher, setVoucher, disableVoucher, manualStay, channel, merchant, resort, integration, categoryCode, }) => {
     const fields = manualStay
-        ? Object.assign(Object.assign({}, Data.stayFields), Data.customerFormFields) : Data.customerFormFields;
+        ? { ...Data.stayFields, ...Data.customerFormFields }
+        : Data.customerFormFields;
     const [customerData, setCustomerData] = React.useState(getInitialState(fields));
     const [response, setResponse] = React.useState();
     const isFormValid = Object.keys(customerData).every((key) => customerData[key].validator);
-    const onSubmit = () => __awaiter(void 0, void 0, void 0, function* () {
+    const onSubmit = async () => {
         setResponse(RESPONSE.LOADING);
         const payload = Utils.buildPayload(lang, channel, resort, merchant, voucher, customerData, rows, disableVoucher, categoryCode);
-        const { error } = yield Api.sendFile(payload, integration);
+        const { error } = await Api.sendFile(payload, integration);
         if (error) {
             setResponse(RESPONSE.ERROR);
             return;
@@ -42,27 +38,7 @@ const CustomerForm = ({ lang, close, open, rows, setRows, voucher, setVoucher, d
         setRows([]);
         setVoucher("");
         setResponse(RESPONSE.OK);
-    });
-    return (<Dialog className={styles.popup} close={close} isOpened={open} title={Messages.get(lang, "customer-information")}>
-      <div className={styles.inner}>
-        <div className={styles.title}>
-          {Messages.get(lang, "customer-information")}
-        </div>
-        <Stay lang={lang}/>
-        <div className={styles.form}>
-          {Object.keys(fields).map((key) => (<Field key={key} lang={lang} name={key} field={fields[key]} data={customerData} setData={setCustomerData}/>))}
-        </div>
-        <div className={styles.footer}>
-          <Button className={styles.confirm} disabled={!isFormValid || response === RESPONSE.LOADING} onClick={onSubmit}>
-            {Messages.get(lang, "send-request")}
-            <DTIcons.Check />
-          </Button>
-          {response === RESPONSE.ERROR && (<div className={styles.error}>
-              {Messages.get(lang, "form-error")}
-            </div>)}
-          {response === RESPONSE.OK && (<div className={styles.sent}>{Messages.get(lang, "form-sent")}</div>)}
-        </div>
-      </div>
-    </Dialog>);
+    };
+    return (_jsx(Dialog, { className: styles.popup, close: close, isOpened: open, title: Messages.get(lang, "customer-information"), children: _jsxs("div", { className: styles.inner, children: [_jsx("div", { className: styles.title, children: Messages.get(lang, "customer-information") }), _jsx(Stay, { lang: lang }), _jsx("div", { className: styles.form, children: Object.keys(fields).map((key) => (_jsx(Field, { lang: lang, name: key, field: fields[key], data: customerData, setData: setCustomerData }, key))) }), _jsxs("div", { className: styles.footer, children: [_jsxs(Button, { className: styles.confirm, disabled: !isFormValid || response === RESPONSE.LOADING, onClick: onSubmit, children: [Messages.get(lang, "send-request"), _jsx(DTIcons.Check, {})] }), response === RESPONSE.ERROR && (_jsx("div", { className: styles.error, children: Messages.get(lang, "form-error") })), response === RESPONSE.OK && (_jsx("div", { className: styles.sent, children: Messages.get(lang, "form-sent") }))] })] }) }));
 };
 export default CustomerForm;

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

@@ -5,5 +5,5 @@ declare function Field({ lang, name, field, data, setData }: {
     field: any;
     data: any;
     setData: any;
-}): React.JSX.Element;
-import * as React from "react";
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=field.d.ts.map

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

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

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

@@ -1,3 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import classNames from "classnames";
 import * as Messages from "../messages";
@@ -38,7 +39,7 @@ const getProps = (lang, type, name, label, data, required, placeholder, fieldCla
     const inputProps = { type };
     if (type === "textarea" || type === "select")
         return commonProps;
-    return Object.assign(Object.assign({}, commonProps), inputProps);
+    return { ...commonProps, ...inputProps };
 };
 const renderField = (lang, label, classes, name, field, data, setData) => {
     const { type, options = [], placeholder, required, className } = field;
@@ -51,7 +52,7 @@ const renderField = (lang, label, classes, name, field, data, setData) => {
     });
     const props = getProps(lang, type, name, label, data, required, placeholder, fieldClasses);
     const onChange = (newValue) => {
-        const newData = Object.assign({}, data);
+        const newData = { ...data };
         newData[name].value = newValue;
         setData(newData);
         if (!required) {
@@ -64,14 +65,13 @@ const renderField = (lang, label, classes, name, field, data, setData) => {
     };
     const formatedOptions = type === "select"
         ? [{ label: Messages.get(lang, "select"), value: "" }].concat(optionsToDisplay.map((option) => {
-            var _a, _b, _c;
             return {
-                label: (_a = option.label) === null || _a === void 0 ? void 0 : _a[lang],
-                value: (_b = option.value) !== null && _b !== void 0 ? _b : (_c = option.label) === null || _c === void 0 ? void 0 : _c[lang],
+                label: option.label?.[lang],
+                value: option.value ?? option.label?.[lang],
             };
         }))
         : undefined;
-    return <Tag onValueChange={onChange} options={formatedOptions} {...props}/>;
+    return _jsx(Tag, { onValueChange: onChange, options: formatedOptions, ...props });
 };
 const Field = ({ lang, name, field, data, setData }) => {
     const { label, required, hidden } = field;

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

@@ -6,5 +6,5 @@ declare function Row({ lang, index, row, onRemoveClick, openedRow, setOpenedRow
     onRemoveClick: any;
     openedRow: any;
     setOpenedRow: any;
-}): React.JSX.Element;
-import * as React from "react";
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=row.d.ts.map

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

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

package/es/esf/components/loyal-customers/components/row.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 BinIcon from "./bin-icon";
@@ -11,28 +12,6 @@ const Row = ({ lang, index, row, onRemoveClick, openedRow, setOpenedRow }) => {
     const classes = classNames(styles.row, {
         [styles.rowWithDetails]: index === openedRow,
     });
-    return (<div className={classes} onClick={toggleDetails}>
-      <div className={styles.rowTop}>
-        <div className={styles.rowLabel}>
-          <span>{title}</span>
-          <span>{details}</span>
-          <span>{selectedOption}</span>
-        </div>
-        <div className={styles.rowPrice}>{price} €</div>
-        <button className={styles.rowRemove} onClick={onRemoveClick}>
-          <BinIcon />
-        </button>
-      </div>
-      <div className={styles.rowBottom}>
-        <div className={styles.rowBottomTitle}>
-          {Messages.get(lang, "student-information")}
-        </div>
-        <div className={styles.rowStudentName}>{studentName.value}</div>
-        <div className={styles.rowStudentBirthDate}>
-          {Utils.formatDate(lang, birthDate.value)}
-        </div>
-        <div className={styles.rowStudentLevel}>{level.value}</div>
-      </div>
-    </div>);
+    return (_jsxs("div", { className: classes, onClick: toggleDetails, children: [_jsxs("div", { className: styles.rowTop, children: [_jsxs("div", { className: styles.rowLabel, children: [_jsx("span", { children: title }), _jsx("span", { children: details }), _jsx("span", { children: selectedOption })] }), _jsxs("div", { className: styles.rowPrice, children: [price, " \u20AC"] }), _jsx("button", { className: styles.rowRemove, onClick: onRemoveClick, children: _jsx(BinIcon, {}) })] }), _jsxs("div", { className: styles.rowBottom, children: [_jsx("div", { className: styles.rowBottomTitle, children: Messages.get(lang, "student-information") }), _jsx("div", { className: styles.rowStudentName, children: studentName.value }), _jsx("div", { className: styles.rowStudentBirthDate, children: Utils.formatDate(lang, birthDate.value) }), _jsx("div", { className: styles.rowStudentLevel, children: level.value })] })] }));
 };
 export default Row;

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

@@ -5,5 +5,5 @@ declare function Rows({ lang, openedRow, setOpenedRow, rows, setRows }: {
     setOpenedRow: any;
     rows: any;
     setRows: any;
-}): React.JSX.Element;
-import * as React from "react";
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=rows.d.ts.map

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

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

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

@@ -1,19 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import Row from "./row";
 import * as Messages from "../messages";
 import styles from "./rows.module.css";
 const Rows = ({ lang, openedRow, setOpenedRow, rows, setRows }) => {
-    return (<div className={styles.rows}>
-      {!rows.length && (<div className={styles.noProduct}>
-          {Messages.get(lang, "no-product")}
-        </div>)}
-      {rows.map((row, i) => {
-            const onRemoveClick = (e) => {
-                e.stopPropagation();
-                setRows((rows) => rows.filter((_, index) => i !== index));
-            };
-            return (<Row key={i} lang={lang} index={i} row={row} openedRow={openedRow} setOpenedRow={setOpenedRow} onRemoveClick={onRemoveClick}/>);
-        })}
-    </div>);
+    return (_jsxs("div", { className: styles.rows, children: [!rows.length && (_jsx("div", { className: styles.noProduct, children: Messages.get(lang, "no-product") })), rows.map((row, i) => {
+                const onRemoveClick = (e) => {
+                    e.stopPropagation();
+                    setRows((rows) => rows.filter((_, index) => i !== index));
+                };
+                return (_jsx(Row, { lang: lang, index: i, row: row, openedRow: openedRow, setOpenedRow: setOpenedRow, onRemoveClick: onRemoveClick }, i));
+            })] }));
 };
 export default Rows;

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

@@ -1,5 +1,5 @@
 export default Stay;
 declare function Stay({ lang }: {
     lang: any;
-}): React.JSX.Element;
-import * as React from "react";
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=stay.d.ts.map

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

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

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

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import * as Utils from "../utils";
 import * as Messages from "../messages";
@@ -12,18 +13,6 @@ const Stay = ({ lang }) => {
     }, []);
     if (!Object.keys(stay).length)
         return null;
-    return (<div className={styles.stay}>
-      <div className={styles.title}>
-        {Messages.get(lang, "stay")}{" "}
-        <span className={styles.from}>
-          {Messages.get(lang, "from")}{" "}
-          <span>{Utils.formatDate(lang, stay.from)}</span>
-        </span>{" "}
-        <span className={styles.to}>
-          {Messages.get(lang, "to")}{" "}
-          <span>{Utils.formatDate(lang, stay.to)}</span>
-        </span>
-      </div>
-    </div>);
+    return (_jsx("div", { className: styles.stay, children: _jsxs("div", { className: styles.title, children: [Messages.get(lang, "stay"), " ", _jsxs("span", { className: styles.from, children: [Messages.get(lang, "from"), " ", _jsx("span", { children: Utils.formatDate(lang, stay.from) })] }), " ", _jsxs("span", { className: styles.to, children: [Messages.get(lang, "to"), " ", _jsx("span", { children: Utils.formatDate(lang, stay.to) })] })] }) }));
 };
 export default Stay;

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

@@ -6,5 +6,5 @@ declare function StudentForm({ lang, close, studentData, levels, setRows, recapF
     levels: any;
     setRows: any;
     recapFormRef: any;
-}): React.JSX.Element;
-import * as React from "react";
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=student-form.d.ts.map

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

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