ublo-lib 1.31.43 → 1.31.44

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

@@ -6,110 +6,63 @@ 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 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 getInitialState = (fields) => Object.keys(fields).reduce((acc, key) => (Object.assign(Object.assign({}, 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, Object.assign(Object.assign({}, studentData), { formData })]);
+        onClose();
+        const recapForm = recapFormRef.current;
+        if (recapForm) {
+            requestAnimationFrame(() => {
+                requestAnimationFrame(() => {
+                    recapForm.scrollIntoView({ behavior: "smooth" });
+                });
+            });
+        }
+    };
+    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>);
 };
-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;
+}): React.JSX.Element;
+import * as React from "react";

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

@@ -2,23 +2,9 @@ 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 (<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>);
 };
-export default Voucher;
+export default Voucher;

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

@@ -0,0 +1,17 @@
+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;

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 === null || title === void 0 ? void 0 : 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) || "",
+        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) => 
+        /* html */ `<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;
-};
+    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 options === null || options === void 0 ? void 0 : options.textContent;
+};

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

@@ -0,0 +1,166 @@
+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 };
+    }
+}