ublo-lib 1.31.43 → 1.31.44

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" },
+    },
+};

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

@@ -0,0 +1,3 @@
+export default useStoredRows;
+declare function useStoredRows(defaultValue?: any[]): (any[] | React.Dispatch<React.SetStateAction<any[]>>)[];
+import * as React from "react";

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

@@ -1,12 +1,13 @@
 import * as React from "react";
 const ROWS_STORAGE_KEY = "loyal-customer-rows";
 const useStoredRows = (defaultValue = []) => {
-  const [rows, setRows] = React.useState(defaultValue);
-  React.useEffect(() => {
-    const storedRows = window.sessionStorage.getItem(ROWS_STORAGE_KEY);
-    if (storedRows) setRows(JSON.parse(storedRows));
-  }, []);
-  React.useEffect(() => window.sessionStorage.setItem(ROWS_STORAGE_KEY, JSON.stringify(rows)), [rows]);
-  return [rows, setRows];
+    const [rows, setRows] = React.useState(defaultValue);
+    React.useEffect(() => {
+        const storedRows = window.sessionStorage.getItem(ROWS_STORAGE_KEY);
+        if (storedRows)
+            setRows(JSON.parse(storedRows));
+    }, []);
+    React.useEffect(() => window.sessionStorage.setItem(ROWS_STORAGE_KEY, JSON.stringify(rows)), [rows]);
+    return [rows, setRows];
 };
-export default useStoredRows;
+export default useStoredRows;

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

@@ -0,0 +1,2 @@
+export default LoyalCustomers;
+import LoyalCustomers from "./loyal-customers";

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

@@ -1,2 +1,2 @@
 import LoyalCustomers from "./loyal-customers";
-export default LoyalCustomers;
+export default LoyalCustomers;

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

@@ -0,0 +1,17 @@
+export default function LoyalCustomers({ lang, cmsMode, selectors, levels, className, convertTableToSelect, handleVariants, manualStay, channel, merchant, resort, disableVoucher, integration, categoryCode, }: {
+    lang: any;
+    cmsMode: any;
+    selectors: any;
+    levels: any;
+    className: any;
+    convertTableToSelect: any;
+    handleVariants: any;
+    manualStay: any;
+    channel?: string;
+    merchant: any;
+    resort: any;
+    disableVoucher: any;
+    integration: any;
+    categoryCode: any;
+}): React.JSX.Element;
+import * as React from "react";

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

@@ -10,123 +10,65 @@ import Button from "dt-design-system/es/button";
 import * as DTIcons from "dt-design-system/es/icons";
 import useStoredRows from "./hooks/use-stored-rows";
 import styles from "./loyal-customers.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export default function LoyalCustomers({
-  lang,
-  cmsMode,
-  selectors,
-  levels,
-  className,
-  convertTableToSelect,
-  handleVariants,
-  manualStay,
-  channel = "ESF",
-  merchant,
-  resort,
-  disableVoucher,
-  integration,
-  categoryCode
-}) {
-  const ref = React.useRef(null);
-  const [rows, setRows] = useStoredRows([]);
-  const [openedRow, setOpenedRow] = React.useState();
-  const [voucher, setVoucher] = React.useState("");
-  const [studentData, setStudentData] = React.useState({});
-  const [customerFormOpen, setCustomerFormOpen] = React.useState(false);
-  const total = rows.reduce((acc, row) => acc + row.price, 0);
-  const closeStudentForm = () => setStudentData({});
-  const closeCustomerForm = () => setCustomerFormOpen(false);
-  const openCustomerForm = () => setCustomerFormOpen(true);
-  const openStudentForm = React.useCallback(product => e => {
-    e.preventDefault();
-    e.stopPropagation();
-    const productData = Content.getData(product, selectors, levels, handleVariants, convertTableToSelect);
-    setStudentData(productData);
-  }, [convertTableToSelect, handleVariants, levels, selectors]);
-  const init = React.useCallback(product => {
-    const {
-      options,
-      button
-    } = Content.getElements(product, selectors);
-    if (!options || !button) return;
-    if (convertTableToSelect) Content.createSelect(options);
-    button.callback = openStudentForm(product);
-    button.addEventListener("click", button.callback);
-  }, [openStudentForm, selectors, convertTableToSelect]);
-  const cleanup = React.useCallback(product => {
-    const {
-      options,
-      button,
-      select
-    } = Content.getElements(product, selectors);
-    if (!options || !button) return;
-    if (convertTableToSelect) {
-      select?.remove();
-      options.style.removeProperty("display");
-    }
-    button.removeEventListener("click", button.callback);
-  }, [selectors, convertTableToSelect]);
-  React.useEffect(() => {
-    const products = Array.from(document.querySelectorAll(selectors.block));
-    if (cmsMode !== "editing" && products.length) {
-      products.forEach(init);
-      return () => products.forEach(cleanup);
-    }
-  }, [cleanup, cmsMode, init, selectors]);
-  const classes = classNames(styles.index, className);
-  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
-    })]
-  });
-}
+export default function LoyalCustomers({ lang, cmsMode, selectors, levels, className, convertTableToSelect, handleVariants, manualStay, channel = "ESF", merchant, resort, disableVoucher, integration, categoryCode, }) {
+    const ref = React.useRef(null);
+    const [rows, setRows] = useStoredRows([]);
+    const [openedRow, setOpenedRow] = React.useState();
+    const [voucher, setVoucher] = React.useState("");
+    const [studentData, setStudentData] = React.useState({});
+    const [customerFormOpen, setCustomerFormOpen] = React.useState(false);
+    const total = rows.reduce((acc, row) => acc + row.price, 0);
+    const closeStudentForm = () => setStudentData({});
+    const closeCustomerForm = () => setCustomerFormOpen(false);
+    const openCustomerForm = () => setCustomerFormOpen(true);
+    const openStudentForm = React.useCallback((product) => (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        const productData = Content.getData(product, selectors, levels, handleVariants, convertTableToSelect);
+        setStudentData(productData);
+    }, [convertTableToSelect, handleVariants, levels, selectors]);
+    const init = React.useCallback((product) => {
+        const { options, button } = Content.getElements(product, selectors);
+        if (!options || !button)
+            return;
+        if (convertTableToSelect)
+            Content.createSelect(options);
+        button.callback = openStudentForm(product);
+        button.addEventListener("click", button.callback);
+    }, [openStudentForm, selectors, convertTableToSelect]);
+    const cleanup = React.useCallback((product) => {
+        const { options, button, select } = Content.getElements(product, selectors);
+        if (!options || !button)
+            return;
+        if (convertTableToSelect) {
+            select === null || select === void 0 ? void 0 : select.remove();
+            options.style.removeProperty("display");
+        }
+        button.removeEventListener("click", button.callback);
+    }, [selectors, convertTableToSelect]);
+    React.useEffect(() => {
+        const products = Array.from(document.querySelectorAll(selectors.block));
+        if (cmsMode !== "editing" && products.length) {
+            products.forEach(init);
+            return () => products.forEach(cleanup);
+        }
+    }, [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>);
+}

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

@@ -0,0 +1 @@
+export function get(lang: any, id: any): any;

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

@@ -1,59 +1,60 @@
 const locales = {
-  fr: {
-    title: "Récapitulatif de commande",
-    "no-product": "Pas de produit selectionné",
-    "student-information": "Informations de l'élève",
-    "student-name": "Nom & prénom",
-    birthdate: "Date de naissance",
-    level: "Niveau",
-    total: "Total de la commande",
-    voucher: "Code promo",
-    order: "Commander",
-    confirm: "Confirmer",
-    "send-request": "Envoyer votre demande",
-    "student-form-product": "Produit selectionné",
-    "student-form-price": "Prix",
-    "student-form-details": "Détails",
-    "student-form-option": "Option",
-    "student-form-popup-instructions": "Veuillez renseigner les informations de l'élève",
-    "customer-information": "Vos informations",
-    optional: "optionnel",
-    "form-error": "Une erreur est survenue, veuillez réessayer",
-    "form-sent": "Demande envoyée avec succès",
-    stay: "Séjour",
-    from: "du",
-    to: "au",
-    select: "Selectionnez"
-  },
-  en: {
-    title: "Order summary",
-    "no-product": "No selected product",
-    "student-information": "Student information",
-    "student-name": "Fullname:",
-    birthdate: "Birthdate:",
-    level: "Niveau:",
-    total: "Total amount",
-    voucher: "Discount code",
-    order: "Order",
-    confirm: "Confirm",
-    "send-request": "Send your request",
-    "student-form-product": "Selected product:",
-    "student-form-price": "Price:",
-    "student-form-details": "Details:",
-    "student-form-option": "Selected option:",
-    "student-form-popup-instructions": "Please fill in the student information",
-    "customer-information": "Your information",
-    optional: "optional",
-    "form-error": "An error occured, please try again",
-    "form-sent": "Message sent successfully",
-    stay: "Stay",
-    from: "from",
-    to: "to",
-    select: "Choose an option"
-  }
+    fr: {
+        title: "Récapitulatif de commande",
+        "no-product": "Pas de produit selectionné",
+        "student-information": "Informations de l'élève",
+        "student-name": "Nom & prénom",
+        birthdate: "Date de naissance",
+        level: "Niveau",
+        total: "Total de la commande",
+        voucher: "Code promo",
+        order: "Commander",
+        confirm: "Confirmer",
+        "send-request": "Envoyer votre demande",
+        "student-form-product": "Produit selectionné",
+        "student-form-price": "Prix",
+        "student-form-details": "Détails",
+        "student-form-option": "Option",
+        "student-form-popup-instructions": "Veuillez renseigner les informations de l'élève",
+        "customer-information": "Vos informations",
+        optional: "optionnel",
+        "form-error": "Une erreur est survenue, veuillez réessayer",
+        "form-sent": "Demande envoyée avec succès",
+        stay: "Séjour",
+        from: "du",
+        to: "au",
+        select: "Selectionnez",
+    },
+    en: {
+        title: "Order summary",
+        "no-product": "No selected product",
+        "student-information": "Student information",
+        "student-name": "Fullname:",
+        birthdate: "Birthdate:",
+        level: "Niveau:",
+        total: "Total amount",
+        voucher: "Discount code",
+        order: "Order",
+        confirm: "Confirm",
+        "send-request": "Send your request",
+        "student-form-product": "Selected product:",
+        "student-form-price": "Price:",
+        "student-form-details": "Details:",
+        "student-form-option": "Selected option:",
+        "student-form-popup-instructions": "Please fill in the student information",
+        "customer-information": "Your information",
+        optional: "optional",
+        "form-error": "An error occured, please try again",
+        "form-sent": "Message sent successfully",
+        stay: "Stay",
+        from: "from",
+        to: "to",
+        select: "Choose an option",
+    },
 };
 export const get = (lang, id) => {
-  if (!locales[lang]) return id;
-  const messages = locales[lang];
-  return messages[id] || messages.en;
-};
+    if (!locales[lang])
+        return id;
+    const messages = locales[lang];
+    return messages[id] || messages.en;
+};

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

@@ -0,0 +1,20 @@
+export function validateField(type: any, value: any): any;
+export function formatDate(lang: any, date: any): string;
+export function buildPayload(lang: any, channel: any, resort: any, merchant: any, voucher: any, customerData: any, rows: any, disableVoucher: any, categoryCode: any): {
+    channel: any;
+    resort: any;
+    merchant: any;
+    lang: any;
+    from: any;
+    to: any;
+    message: string;
+    category: any;
+    customer: {
+        email: any;
+        title: any;
+        firstname: any;
+        lastname: any;
+        phone: any;
+    };
+    genericLines: any;
+};