ublo-lib 1.31.43 → 1.32.0

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

@@ -0,0 +1,18 @@
+export default CustomerForm;
+declare function CustomerForm({ lang, close, open, rows, setRows, voucher, setVoucher, disableVoucher, manualStay, channel, merchant, resort, integration, categoryCode, }: {
+    lang: any;
+    close: any;
+    open: any;
+    rows: any;
+    setRows: any;
+    voucher: any;
+    setVoucher: any;
+    disableVoucher: any;
+    manualStay: any;
+    channel: any;
+    merchant: any;
+    resort: any;
+    integration: any;
+    categoryCode: any;
+}): 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,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 Button from "dt-design-system/es/button";
@@ -9,95 +10,35 @@ import * as Data from "../data";
 import * as Api from "../api";
 import styles from "./customer-form.module.css";
 import Stay from "./stay";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
 const RESPONSE = {
-  ERROR: 0,
-  LOADING: 1,
-  OK: 2
+    ERROR: 0,
+    LOADING: 1,
+    OK: 2,
 };
-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 CustomerForm = ({
-  lang,
-  close,
-  open,
-  rows,
-  setRows,
-  voucher,
-  setVoucher,
-  disableVoucher,
-  manualStay,
-  channel,
-  merchant,
-  resort,
-  integration,
-  categoryCode
-}) => {
-  const fields = manualStay ? {
-    ...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 = async () => {
-    setResponse(RESPONSE.LOADING);
-    const payload = Utils.buildPayload(lang, channel, resort, merchant, voucher, customerData, rows, disableVoucher, categoryCode);
-    const {
-      error
-    } = await Api.sendFile(payload, integration);
-    if (error) {
-      setResponse(RESPONSE.ERROR);
-      return;
-    }
-    setCustomerData(getInitialState(fields));
-    setRows([]);
-    setVoucher("");
-    setResponse(RESPONSE.OK);
-  };
-  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")
-        })]
-      })]
-    })
-  });
+const CustomerForm = ({ lang, close, open, rows, setRows, voucher, setVoucher, disableVoucher, manualStay, channel, merchant, resort, integration, categoryCode, }) => {
+    const fields = manualStay
+        ? { ...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 = async () => {
+        setResponse(RESPONSE.LOADING);
+        const payload = Utils.buildPayload(lang, channel, resort, merchant, voucher, customerData, rows, disableVoucher, categoryCode);
+        const { error } = await Api.sendFile(payload, integration);
+        if (error) {
+            setResponse(RESPONSE.ERROR);
+            return;
+        }
+        setCustomerData(getInitialState(fields));
+        setRows([]);
+        setVoucher("");
+        setResponse(RESPONSE.OK);
+    };
+    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;
+export default CustomerForm;

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

@@ -0,0 +1,9 @@
+export default Field;
+declare function Field({ lang, name, field, data, setData }: {
+    lang: any;
+    name: any;
+    field: any;
+    data: any;
+    setData: any;
+}): 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";
@@ -8,103 +9,78 @@ import Select from "dt-design-system/es/select";
 import Checkbox from "dt-design-system/es/checkbox";
 import NumberPicker from "dt-design-system/es/number-picker";
 import styles from "./field.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
 const getFieldLabel = (lang, label, required) => {
-  if (required) return label;
-  return `${label} (${Messages.get(lang, "optional")})`;
+    if (required)
+        return label;
+    return `${label} (${Messages.get(lang, "optional")})`;
 };
-const getTag = type => {
-  switch (true) {
-    case type === "textarea":
-      return Textarea;
-    case type === "select":
-      return Select;
-    case type === "checkbox":
-      return Checkbox;
-    case type === "number":
-      return NumberPicker;
-    default:
-      return Input;
-  }
+const getTag = (type) => {
+    switch (true) {
+        case type === "textarea":
+            return Textarea;
+        case type === "select":
+            return Select;
+        case type === "checkbox":
+            return Checkbox;
+        case type === "number":
+            return NumberPicker;
+        default:
+            return Input;
+    }
 };
 const getProps = (lang, type, name, label, data, required, placeholder, fieldClasses) => {
-  const commonProps = {
-    label,
-    value: data[name].value,
-    className: fieldClasses,
-    placeholder: placeholder ? placeholder[lang] : undefined,
-    required: required ? true : undefined
-  };
-  const inputProps = {
-    type
-  };
-  if (type === "textarea" || type === "select") return commonProps;
-  return {
-    ...commonProps,
-    ...inputProps
-  };
+    const commonProps = {
+        label,
+        value: data[name].value,
+        className: fieldClasses,
+        placeholder: placeholder ? placeholder[lang] : undefined,
+        required: required ? true : undefined,
+    };
+    const inputProps = { type };
+    if (type === "textarea" || type === "select")
+        return commonProps;
+    return { ...commonProps, ...inputProps };
 };
 const renderField = (lang, label, classes, name, field, data, setData) => {
-  const {
-    type,
-    options = [],
-    placeholder,
-    required,
-    className
-  } = field;
-  const isOptionArrayValid = Array.isArray(options);
-  const firstKey = !isOptionArrayValid && Object.keys(options)[0];
-  const optionsToDisplay = isOptionArrayValid ? options : options[firstKey];
-  const Tag = getTag(type);
-  const fieldClasses = classNames(className, {
-    [classes]: classes
-  });
-  const props = getProps(lang, type, name, label, data, required, placeholder, fieldClasses);
-  const onChange = newValue => {
-    const newData = {
-      ...data
-    };
-    newData[name].value = newValue;
-    setData(newData);
-    if (!required) {
-      newData[name].validator = true;
-    } else {
-      const isValid = Utils.validateField(type, newValue);
-      newData[name].validator = isValid;
-    }
-  };
-  const formatedOptions = type === "select" ? [{
-    label: Messages.get(lang, "select"),
-    value: ""
-  }].concat(optionsToDisplay.map(option => {
-    return {
-      label: option.label?.[lang],
-      value: option.value ?? option.label?.[lang]
+    const { type, options = [], placeholder, required, className } = field;
+    const isOptionArrayValid = Array.isArray(options);
+    const firstKey = !isOptionArrayValid && Object.keys(options)[0];
+    const optionsToDisplay = isOptionArrayValid ? options : options[firstKey];
+    const Tag = getTag(type);
+    const fieldClasses = classNames(className, {
+        [classes]: classes,
+    });
+    const props = getProps(lang, type, name, label, data, required, placeholder, fieldClasses);
+    const onChange = (newValue) => {
+        const newData = { ...data };
+        newData[name].value = newValue;
+        setData(newData);
+        if (!required) {
+            newData[name].validator = true;
+        }
+        else {
+            const isValid = Utils.validateField(type, newValue);
+            newData[name].validator = isValid;
+        }
     };
-  })) : undefined;
-  return _jsx(Tag, {
-    onValueChange: onChange,
-    options: formatedOptions,
-    ...props
-  });
+    const formatedOptions = type === "select"
+        ? [{ label: Messages.get(lang, "select"), value: "" }].concat(optionsToDisplay.map((option) => {
+            return {
+                label: option.label?.[lang],
+                value: option.value ?? option.label?.[lang],
+            };
+        }))
+        : undefined;
+    return _jsx(Tag, { onValueChange: onChange, options: formatedOptions, ...props });
 };
-const Field = ({
-  lang,
-  name,
-  field,
-  data,
-  setData
-}) => {
-  const {
-    label,
-    required,
-    hidden
-  } = field;
-  if (hidden) return null;
-  const classes = classNames({
-    [styles.fieldHidden]: hidden
-  });
-  const fieldLabel = getFieldLabel(lang, label[lang], required);
-  return renderField(lang, fieldLabel, classes, name, field, data, setData);
+const Field = ({ lang, name, field, data, setData }) => {
+    const { label, required, hidden } = field;
+    if (hidden)
+        return null;
+    const classes = classNames({
+        [styles.fieldHidden]: hidden,
+    });
+    const fieldLabel = getFieldLabel(lang, label[lang], required);
+    return renderField(lang, fieldLabel, classes, name, field, data, setData);
 };
-export default Field;
+export default Field;

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

@@ -0,0 +1,10 @@
+export default Row;
+declare function Row({ lang, index, row, onRemoveClick, openedRow, setOpenedRow }: {
+    lang: any;
+    index: any;
+    row: any;
+    onRemoveClick: any;
+    openedRow: any;
+    setOpenedRow: any;
+}): 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,73 +1,17 @@
+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";
 import * as Messages from "../messages";
 import * as Utils from "../utils";
 import styles from "./row.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-const Row = ({
-  lang,
-  index,
-  row,
-  onRemoveClick,
-  openedRow,
-  setOpenedRow
-}) => {
-  const {
-    details,
-    price,
-    selectedOption,
-    formData,
-    title
-  } = row;
-  const {
-    birthDate,
-    level,
-    studentName
-  } = formData;
-  const toggleDetails = () => setOpenedRow(openedRow === index ? undefined : index);
-  const classes = classNames(styles.row, {
-    [styles.rowWithDetails]: index === openedRow
-  });
-  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
-      })]
-    })]
-  });
+const Row = ({ lang, index, row, onRemoveClick, openedRow, setOpenedRow }) => {
+    const { details, price, selectedOption, formData, title } = row;
+    const { birthDate, level, studentName } = formData;
+    const toggleDetails = () => setOpenedRow(openedRow === index ? undefined : index);
+    const classes = classNames(styles.row, {
+        [styles.rowWithDetails]: index === openedRow,
+    });
+    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;
+export default Row;

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

@@ -0,0 +1,9 @@
+export default Rows;
+declare function Rows({ lang, openedRow, setOpenedRow, rows, setRows }: {
+    lang: any;
+    openedRow: any;
+    setOpenedRow: any;
+    rows: any;
+    setRows: any;
+}): 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,35 +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";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-const Rows = ({
-  lang,
-  openedRow,
-  setOpenedRow,
-  rows,
-  setRows
-}) => {
-  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);
-    })]
-  });
+const Rows = ({ lang, openedRow, setOpenedRow, rows, setRows }) => {
+    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;
+export default Rows;

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

@@ -0,0 +1,5 @@
+export default Stay;
+declare function Stay({ lang }: {
+    lang: any;
+}): 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,35 +1,18 @@
+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";
 import styles from "./stay.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-const Stay = ({
-  lang
-}) => {
-  const [stay, setStay] = React.useState({});
-  React.useEffect(() => {
-    const storedStay = window.sessionStorage.getItem("stay");
-    if (!storedStay) return;
-    setStay(JSON.parse(storedStay));
-  }, []);
-  if (!Object.keys(stay).length) return null;
-  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)
-        })]
-      })]
-    })
-  });
+const Stay = ({ lang }) => {
+    const [stay, setStay] = React.useState({});
+    React.useEffect(() => {
+        const storedStay = window.sessionStorage.getItem("stay");
+        if (!storedStay)
+            return;
+        setStay(JSON.parse(storedStay));
+    }, []);
+    if (!Object.keys(stay).length)
+        return null;
+    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;
+export default Stay;

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

@@ -0,0 +1,10 @@
+export default StudentForm;
+declare function StudentForm({ lang, close, studentData, levels, setRows, recapFormRef, }: {
+    lang: any;
+    close: any;
+    studentData: any;
+    levels: any;
+    setRows: any;
+    recapFormRef: any;
+}): 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"}