ublo-lib 1.31.43 → 1.31.44

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

@@ -1,29 +1,13 @@
 import * as React from "react";
 import styles from "./bin-icon.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
 const BinIcon = () => {
-  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"
-      })]
-    })]
-  });
+    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>);
 };
-export default BinIcon;
+export default BinIcon;

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;
+}): React.JSX.Element;
+import * as React from "react";

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

@@ -1,3 +1,12 @@
+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 React from "react";
 import Dialog from "dt-design-system/es/dialog";
 import Button from "dt-design-system/es/button";
@@ -9,95 +18,51 @@ 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 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 getInitialState = (fields) => Object.keys(fields).reduce((acc, key) => (Object.assign(Object.assign({}, 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;
+    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* () {
+        setResponse(RESPONSE.LOADING);
+        const payload = Utils.buildPayload(lang, channel, resort, merchant, voucher, customerData, rows, disableVoucher, categoryCode);
+        const { error } = yield Api.sendFile(payload, integration);
+        if (error) {
+            setResponse(RESPONSE.ERROR);
+            return;
+        }
+        setCustomerData(getInitialState(fields));
+        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>);
 };
-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;
+}): React.JSX.Element;
+import * as React from "react";

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

@@ -8,103 +8,79 @@ 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 Object.assign(Object.assign({}, 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 = Object.assign({}, 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) => {
+            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],
+            };
+        }))
+        : undefined;
+    return <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;
+}): React.JSX.Element;
+import * as React from "react";

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

@@ -4,70 +4,35 @@ 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 (<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>);
 };
-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;
+}): React.JSX.Element;
+import * as React from "react";

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

@@ -2,34 +2,18 @@ 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 (<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>);
 };
-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;
+}): React.JSX.Element;
+import * as React from "react";

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

@@ -2,34 +2,28 @@ 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 (<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>);
 };
-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;
+}): React.JSX.Element;
+import * as React from "react";