ublo-lib 1.31.43 → 1.32.0

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,110 +7,32 @@ 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";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-const getInitialState = fields => Object.keys(fields).reduce((acc, key) => ({
-  ...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));
-  const dataKeys = Object.keys(studentData);
-  const isFormValid = Object.keys(formData).every(key => formData[key].validator);
-  const onClose = () => {
-    setFormData(getInitialState(fields));
-    close();
-  };
-  const onSubmit = () => {
-    setRows(rows => [...rows, {
-      ...studentData,
-      formData
-    }]);
-    onClose();
-    const recapForm = recapFormRef.current;
-    if (recapForm) {
-      requestAnimationFrame(() => {
-        requestAnimationFrame(() => {
-          recapForm.scrollIntoView({
-            behavior: "smooth"
-          });
-        });
-      });
-    }
-  };
-  const {
-    details,
-    price,
-    selectedOption,
-    title
-  } = studentData;
-  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, {})]
-        })
-      })]
-    })
-  });
+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));
+    const dataKeys = Object.keys(studentData);
+    const isFormValid = Object.keys(formData).every((key) => formData[key].validator);
+    const onClose = () => {
+        setFormData(getInitialState(fields));
+        close();
+    };
+    const onSubmit = () => {
+        setRows((rows) => [...rows, { ...studentData, formData }]);
+        onClose();
+        const recapForm = recapFormRef.current;
+        if (recapForm) {
+            requestAnimationFrame(() => {
+                requestAnimationFrame(() => {
+                    recapForm.scrollIntoView({ behavior: "smooth" });
+                });
+            });
+        }
+    };
+    const { details, price, selectedOption, title } = studentData;
+    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;
+export default StudentForm;

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

@@ -0,0 +1,7 @@
+export default Voucher;
+declare function Voucher({ lang, voucher, setVoucher }: {
+    lang: any;
+    voucher: any;
+    setVoucher: any;
+}): 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,24 +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";
-import { jsx as _jsx } from "react/jsx-runtime";
-const Voucher = ({
-  lang,
-  voucher,
-  setVoucher
-}) => {
-  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")
-    })
-  });
+const Voucher = ({ lang, voucher, setVoucher }) => {
+    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;
+export default Voucher;

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

@@ -0,0 +1,18 @@
+export function getElements(product: any, selectors: any): {
+    title: any[];
+    price: any;
+    details: any;
+    options: any;
+    button: any;
+    select: any;
+};
+export function getData(product: any, selectors: any, levels: any, handleVariants: any, convertTableToSelect: any): {
+    title: string;
+    price: number;
+    details: any;
+    selectedOption: any;
+    productCategory: any;
+};
+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

@@ -1,53 +1,50 @@
 import css from "dt-design-system/es/input/input.module.css";
 export const getElements = (product, selectors) => {
-  const title = Array.from(product.querySelectorAll(selectors.title));
-  const price = product.querySelector(selectors.price);
-  const details = product.querySelector(selectors.details);
-  const options = product.querySelector(selectors.options);
-  const button = product.querySelector(selectors.button);
-  const select = product.querySelector("select");
-  return {
-    title,
-    price,
-    details,
-    options,
-    button,
-    select
-  };
+    const title = Array.from(product.querySelectorAll(selectors.title));
+    const price = product.querySelector(selectors.price);
+    const details = product.querySelector(selectors.details);
+    const options = product.querySelector(selectors.options);
+    const button = product.querySelector(selectors.button);
+    const select = product.querySelector("select");
+    return { title, price, details, options, button, select };
 };
 export const getData = (product, selectors, levels, handleVariants, convertTableToSelect) => {
-  const {
-    title,
-    price,
-    details,
-    options
-  } = getElements(product, selectors);
-  const classList = Array.from(product.classList);
-  const productCategory = handleVariants ? classList.reduce((acc, className) => Object.keys(levels).includes(className) ? className : acc, null) : undefined;
-  const selectedOption = getSelectedOption(product, options, convertTableToSelect);
-  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?.innerText || "",
-    selectedOption,
-    productCategory
-  };
+    const { title, price, details, options } = getElements(product, selectors);
+    const classList = Array.from(product.classList);
+    const productCategory = handleVariants
+        ? classList.reduce((acc, className) => Object.keys(levels).includes(className) ? className : acc, null)
+        : undefined;
+    const selectedOption = getSelectedOption(product, options, convertTableToSelect);
+    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?.innerText || "",
+        selectedOption,
+        productCategory,
+    };
 };
-export const createSelect = options => {
-  if (!options) return;
-  const rows = Array.from(options.querySelectorAll("td"));
-  if (rows.length > 1) {
-    const selectOptions = rows.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 createSelect = (options) => {
+    if (!options)
+        return;
+    const rows = Array.from(options.querySelectorAll("td"));
+    if (rows.length > 1) {
+        const selectOptions = rows
+            .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) => {
-  if (convertTableToSelect) {
-    const select = product.querySelector("select");
-    return select?.value || options.querySelector("td")?.textContent;
-  }
-  return options?.textContent;
-};
+    if (convertTableToSelect) {
+        const select = product.querySelector("select");
+        return select?.value || options.querySelector("td")?.textContent;
+    }
+    return options?.textContent;
+};

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

@@ -0,0 +1,167 @@
+export namespace HOSTS {
+    let PROD: string;
+    let TEST: string;
+}
+export namespace TESTS {
+    let text: RegExp;
+    let date: RegExp;
+    let email: RegExp;
+    let phone: RegExp;
+    let textarea: RegExp;
+    let select: RegExp;
+}
+export function studentFormFields(levels: any): {
+    studentName: {
+        type: string;
+        label: {
+            fr: string;
+            en: string;
+        };
+        required: boolean;
+    };
+    birthDate: {
+        type: string;
+        placeholder: {
+            fr: string;
+            en: string;
+        };
+        label: {
+            fr: string;
+            en: string;
+        };
+        required: boolean;
+    };
+    level: {
+        type: string;
+        label: {
+            fr: string;
+            en: string;
+        };
+        options: any;
+        required: boolean;
+    };
+};
+export namespace stayFields {
+    namespace stayFrom {
+        let type: string;
+        namespace placeholder {
+            let fr: string;
+            let en: string;
+        }
+        namespace label {
+            let fr_1: string;
+            export { fr_1 as fr };
+            let en_1: string;
+            export { en_1 as en };
+        }
+        let required: boolean;
+    }
+    namespace stayTo {
+        let type_1: string;
+        export { type_1 as type };
+        export namespace placeholder_1 {
+            let fr_2: string;
+            export { fr_2 as fr };
+            let en_2: string;
+            export { en_2 as en };
+        }
+        export { placeholder_1 as placeholder };
+        export namespace label_1 {
+            let fr_3: string;
+            export { fr_3 as fr };
+            let en_3: string;
+            export { en_3 as en };
+        }
+        export { label_1 as label };
+        let required_1: boolean;
+        export { required_1 as required };
+    }
+}
+export namespace customerFormFields {
+    export namespace email_1 {
+        let type_2: string;
+        export { type_2 as type };
+        export namespace label_2 {
+            let fr_4: string;
+            export { fr_4 as fr };
+            let en_4: string;
+            export { en_4 as en };
+        }
+        export { label_2 as label };
+        let required_2: boolean;
+        export { required_2 as required };
+    }
+    export { email_1 as email };
+    export namespace title {
+        let type_3: string;
+        export { type_3 as type };
+        export namespace label_3 {
+            let fr_5: string;
+            export { fr_5 as fr };
+            let en_5: string;
+            export { en_5 as en };
+        }
+        export { label_3 as label };
+        export let options: {
+            label: {
+                fr: string;
+                en: string;
+            };
+            value: number;
+        }[];
+        let required_3: boolean;
+        export { required_3 as required };
+    }
+    export namespace firstname {
+        let type_4: string;
+        export { type_4 as type };
+        export namespace label_4 {
+            let fr_6: string;
+            export { fr_6 as fr };
+            let en_6: string;
+            export { en_6 as en };
+        }
+        export { label_4 as label };
+        let required_4: boolean;
+        export { required_4 as required };
+    }
+    export namespace lastname {
+        let type_5: string;
+        export { type_5 as type };
+        export namespace label_5 {
+            let fr_7: string;
+            export { fr_7 as fr };
+            let en_7: string;
+            export { en_7 as en };
+        }
+        export { label_5 as label };
+        let required_5: boolean;
+        export { required_5 as required };
+    }
+    export namespace phone_1 {
+        let type_6: string;
+        export { type_6 as type };
+        export namespace label_6 {
+            let fr_8: string;
+            export { fr_8 as fr };
+            let en_8: string;
+            export { en_8 as en };
+        }
+        export { label_6 as label };
+        let required_6: boolean;
+        export { required_6 as required };
+    }
+    export { phone_1 as phone };
+    export namespace comment {
+        let type_7: string;
+        export { type_7 as type };
+        export namespace label_7 {
+            let fr_9: string;
+            export { fr_9 as fr };
+            let en_9: string;
+            export { en_9 as en };
+        }
+        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/data.js

@@ -1,131 +1,80 @@
 export const HOSTS = {
-  PROD: "https://admin.mon-sejour-en-montagne.com",
-  TEST: "https://admin-integration.mon-sejour-en-montagne.com"
+    PROD: "https://admin.mon-sejour-en-montagne.com",
+    TEST: "https://admin-integration.mon-sejour-en-montagne.com",
 };
 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 studentFormFields = levels => ({
-  studentName: {
-    type: "text",
-    label: {
-      fr: "Nom & prénom",
-      en: "Lastname & firstname"
+export const studentFormFields = (levels) => ({
+    studentName: {
+        type: "text",
+        label: { fr: "Nom & prénom", en: "Lastname & firstname" },
+        required: true,
     },
-    required: true
-  },
-  birthDate: {
-    type: "date",
-    placeholder: {
-      fr: "AAAA-MM-JJ",
-      en: "YYYY-MM-DD"
+    birthDate: {
+        type: "date",
+        placeholder: { fr: "AAAA-MM-JJ", en: "YYYY-MM-DD" },
+        label: { fr: "Date de naissance", en: "Birthdate" },
+        required: true,
     },
-    label: {
-      fr: "Date de naissance",
-      en: "Birthdate"
+    level: {
+        type: "select",
+        label: { fr: "Niveau", en: "Level" },
+        options: levels,
+        required: true,
     },
-    required: true
-  },
-  level: {
-    type: "select",
-    label: {
-      fr: "Niveau",
-      en: "Level"
-    },
-    options: levels,
-    required: true
-  }
 });
 export const stayFields = {
-  stayFrom: {
-    type: "date",
-    placeholder: {
-      fr: "AAAA-MM-JJ",
-      en: "YYYY-MM-DD"
-    },
-    label: {
-      fr: "Date de début de séjour",
-      en: "Start date of stay"
-    },
-    required: true
-  },
-  stayTo: {
-    type: "date",
-    placeholder: {
-      fr: "AAAA-MM-JJ",
-      en: "YYYY-MM-DD"
+    stayFrom: {
+        type: "date",
+        placeholder: { fr: "AAAA-MM-JJ", en: "YYYY-MM-DD" },
+        label: { fr: "Date de début de séjour", en: "Start date of stay" },
+        required: true,
     },
-    label: {
-      fr: "Date de fin de séjour",
-      en: "End date of stay"
+    stayTo: {
+        type: "date",
+        placeholder: { fr: "AAAA-MM-JJ", en: "YYYY-MM-DD" },
+        label: { fr: "Date de fin de séjour", en: "End date of stay" },
+        required: true,
     },
-    required: true
-  }
 };
 export const customerFormFields = {
-  email: {
-    type: "email",
-    label: {
-      fr: "Email",
-      en: "Email"
+    email: {
+        type: "email",
+        label: { fr: "Email", en: "Email" },
+        required: true,
     },
-    required: true
-  },
-  title: {
-    type: "select",
-    label: {
-      fr: "Civilité",
-      en: "Title"
+    title: {
+        type: "select",
+        label: { fr: "Civilité", en: "Title" },
+        options: [
+            { label: { fr: "M.", en: "Mr." }, value: 0 },
+            { label: { fr: "Mme.", en: "Mrs." }, value: 1 },
+        ],
+        required: true,
     },
-    options: [{
-      label: {
-        fr: "M.",
-        en: "Mr."
-      },
-      value: 0
-    }, {
-      label: {
-        fr: "Mme.",
-        en: "Mrs."
-      },
-      value: 1
-    }],
-    required: true
-  },
-  firstname: {
-    type: "text",
-    label: {
-      fr: "Prénom",
-      en: "Firstname"
+    firstname: {
+        type: "text",
+        label: { fr: "Prénom", en: "Firstname" },
+        required: true,
     },
-    required: true
-  },
-  lastname: {
-    type: "text",
-    label: {
-      fr: "Nom",
-      en: "Lastname"
+    lastname: {
+        type: "text",
+        label: { fr: "Nom", en: "Lastname" },
+        required: true,
     },
-    required: true
-  },
-  phone: {
-    type: "phone",
-    label: {
-      fr: "Téléphone",
-      en: "Phone"
+    phone: {
+        type: "phone",
+        label: { fr: "Téléphone", en: "Phone" },
+        required: true,
     },
-    required: true
-  },
-  comment: {
-    type: "textarea",
-    label: {
-      fr: "Commentaire",
-      en: "Comment"
-    }
-  }
-};
+    comment: {
+        type: "textarea",
+        label: { fr: "Commentaire", en: "Comment" },
+    },
+};