ublo-lib 1.31.43 → 1.31.44

package/es/esf/components/booking-form/data.js

@@ -1,219 +1,225 @@
 export const HOSTS = {
-  PROD: "https://admin.mon-sejour-en-montagne.com",
-  TEST: "https://admin-integration.mon-sejour-en-montagne.com",
-  UAT: "https://admin-uat.mon-sejour-en-montagne.com"
+    PROD: "https://admin.mon-sejour-en-montagne.com",
+    TEST: "https://admin-integration.mon-sejour-en-montagne.com",
+    UAT: "https://admin-uat.mon-sejour-en-montagne.com",
 };
 export const STEPS = {
-  LESSONS: 1,
-  PERSONAL_DATA: 2,
-  SUMMARY: 3
+    LESSONS: 1,
+    PERSONAL_DATA: 2,
+    SUMMARY: 3,
 };
 const groupLessons = {
-  lastName: {
-    type: "text",
-    label: {
-      fr: "Nom",
-      en: "Lastname"
-    },
-    required: true
-  },
-  firstName: {
-    type: "text",
-    label: {
-      fr: "Prénom",
-      en: "Firstname"
-    },
-    required: true
-  },
-  birthDate: {
-    type: "date",
-    placeholder: {
-      fr: "AAAA-MM-JJ",
-      en: "YYYY-MM-DD"
-    },
-    label: {
-      fr: "Date de naissance",
-      en: "Birthdate"
-    },
-    required: true
-  },
-  lessons: {
-    type: "select",
-    label: {
-      fr: "Cours",
-      en: "Lessons"
-    },
-    options: {
-      fr: ["Ski", "Snowboard"],
-      en: ["Ski", "Snowboard"]
-    },
-    required: true
-  },
-  level: {
-    type: "select",
-    label: {
-      fr: "Niveau acquis",
-      en: "Level acquired"
-    },
-    options: {
-      fr: ["-- Ski petits", "Grand Débutant", "Piou-Piou", "Ourson", "Flocon", "-- Ski enfants", "1ere Etoile", "2eme Etoile", "3eme Etoile", "Etoile de Bronze", "Etoile d'Or", "Competition enfants", "-- Ski ados & adultes", "Debutant ski", "Classe 1", "Classe 2", "Classe 3", "Competition ados & adultes", "-- Snowboard", "Debutant snowboard", "Surf 1", "Surf 2", "Freeride", "Freestyle"],
-      en: ["-- Ski little ones", "Beginner", "Piou-Piou", "Ourson", "Flocon", "-- Ski children", "1ere Etoile", "2eme Etoile", "3eme Etoile", "Etoile de Bronze", "Etoile d'Or", "Children competition", "-- Ski teens & adults", "Ski beginner", "Class 1", "Class 2", "Class 3", "Teens & adults competition", "-- Snowbard", "Snowboard beginner", "Surf 1", "Surf 2", "Freeride", "Freestyle"]
-    },
-    required: true
-  },
-  timePreference: {
-    type: "select",
-    label: {
-      fr: "Préférence",
-      en: "Time preference"
-    },
-    options: {
-      fr: ["Matin", "Midi", "Après-midi", "Journée"],
-      en: ["Morning", "Lunch time", "Afternoon", "All day"]
-    },
-    required: true
-  },
-  startDay: {
-    type: "select",
-    label: {
-      fr: "Jour de début des cours",
-      en: "Start day of classes"
-    },
-    options: {
-      fr: ["Dimanche", "Lundi", "Mardi", "Mercredi", "Jeudi", "Vendredi", "Samedi"],
-      en: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"]
-    },
-    required: true
-  },
-  nfOfDay: {
-    type: "select",
-    label: {
-      fr: "Nombre de jours",
-      en: "Days"
-    },
-    options: {
-      fr: ["1", "2", "3", "4", "5", "6", "7"],
-      en: ["1", "2", "3", "4", "5", "6", "7"]
-    },
-    required: true
-  },
-  insurance: {
-    type: "select",
-    label: {
-      fr: "Assurance",
-      en: "Insurance"
-    },
-    options: {
-      fr: ["Oui", "Non"],
-      en: ["Yes", "No"]
-    },
-    required: true
-  }
+    lastName: {
+        type: "text",
+        label: { fr: "Nom", en: "Lastname" },
+        required: true,
+    },
+    firstName: {
+        type: "text",
+        label: { fr: "Prénom", en: "Firstname" },
+        required: true,
+    },
+    birthDate: {
+        type: "date",
+        placeholder: { fr: "AAAA-MM-JJ", en: "YYYY-MM-DD" },
+        label: { fr: "Date de naissance", en: "Birthdate" },
+        required: true,
+    },
+    lessons: {
+        type: "select",
+        label: { fr: "Cours", en: "Lessons" },
+        options: {
+            fr: ["Ski", "Snowboard"],
+            en: ["Ski", "Snowboard"],
+        },
+        required: true,
+    },
+    level: {
+        type: "select",
+        label: { fr: "Niveau acquis", en: "Level acquired" },
+        options: {
+            fr: [
+                "-- Ski petits",
+                "Grand Débutant",
+                "Piou-Piou",
+                "Ourson",
+                "Flocon",
+                "-- Ski enfants",
+                "1ere Etoile",
+                "2eme Etoile",
+                "3eme Etoile",
+                "Etoile de Bronze",
+                "Etoile d'Or",
+                "Competition enfants",
+                "-- Ski ados & adultes",
+                "Debutant ski",
+                "Classe 1",
+                "Classe 2",
+                "Classe 3",
+                "Competition ados & adultes",
+                "-- Snowboard",
+                "Debutant snowboard",
+                "Surf 1",
+                "Surf 2",
+                "Freeride",
+                "Freestyle",
+            ],
+            en: [
+                "-- Ski little ones",
+                "Beginner",
+                "Piou-Piou",
+                "Ourson",
+                "Flocon",
+                "-- Ski children",
+                "1ere Etoile",
+                "2eme Etoile",
+                "3eme Etoile",
+                "Etoile de Bronze",
+                "Etoile d'Or",
+                "Children competition",
+                "-- Ski teens & adults",
+                "Ski beginner",
+                "Class 1",
+                "Class 2",
+                "Class 3",
+                "Teens & adults competition",
+                "-- Snowbard",
+                "Snowboard beginner",
+                "Surf 1",
+                "Surf 2",
+                "Freeride",
+                "Freestyle",
+            ],
+        },
+        required: true,
+    },
+    timePreference: {
+        type: "select",
+        label: { fr: "Préférence", en: "Time preference" },
+        options: {
+            fr: ["Matin", "Midi", "Après-midi", "Journée"],
+            en: ["Morning", "Lunch time", "Afternoon", "All day"],
+        },
+        required: true,
+    },
+    startDay: {
+        type: "select",
+        label: { fr: "Jour de début des cours", en: "Start day of classes" },
+        options: {
+            fr: [
+                "Dimanche",
+                "Lundi",
+                "Mardi",
+                "Mercredi",
+                "Jeudi",
+                "Vendredi",
+                "Samedi",
+            ],
+            en: [
+                "Sunday",
+                "Monday",
+                "Tuesday",
+                "Wednesday",
+                "Thursday",
+                "Friday",
+                "Saturday",
+            ],
+        },
+        required: true,
+    },
+    nfOfDay: {
+        type: "select",
+        label: { fr: "Nombre de jours", en: "Days" },
+        options: {
+            fr: ["1", "2", "3", "4", "5", "6", "7"],
+            en: ["1", "2", "3", "4", "5", "6", "7"],
+        },
+        required: true,
+    },
+    insurance: {
+        type: "select",
+        label: { fr: "Assurance", en: "Insurance" },
+        options: {
+            fr: ["Oui", "Non"],
+            en: ["Yes", "No"],
+        },
+        required: true,
+    },
 };
 const data = {
-  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"
-    },
-    label: {
-      fr: "Date de fin de séjour",
-      en: "End date of stay"
-    },
-    required: true
-  },
-  lastName: {
-    icon: "User",
-    type: "text",
-    label: {
-      fr: "Nom",
-      en: "Last name"
-    },
-    required: true
-  },
-  firstName: {
-    icon: "User",
-    type: "text",
-    label: {
-      fr: "Prénom",
-      en: "First name"
-    },
-    required: true
-  },
-  email: {
-    icon: "AtSign",
-    type: "email",
-    label: {
-      fr: "Email",
-      en: "Email"
-    },
-    required: true
-  },
-  phone: {
-    icon: "Smartphone",
-    type: "phone",
-    label: {
-      fr: "Téléphone",
-      en: "Phone"
-    },
-    required: true
-  },
-  paymentMethod: {
-    icon: "CreditCard",
-    type: "select",
-    label: {
-      fr: "Moyen de paiment",
-      en: "Payment method"
-    },
-    options: {
-      fr: ["Chèque vacances", "Virement bancaire"],
-      en: ["Bank transfer"]
-    },
-    required: true
-  },
-  comment: {
-    type: "textarea",
-    label: {
-      fr: "Commentaire",
-      en: "Comment"
-    },
-    fullWidth: true,
-    required: false
-  }
+    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" },
+        label: { fr: "Date de fin de séjour", en: "End date of stay" },
+        required: true,
+    },
+    lastName: {
+        icon: "User",
+        type: "text",
+        label: { fr: "Nom", en: "Last name" },
+        required: true,
+    },
+    firstName: {
+        icon: "User",
+        type: "text",
+        label: { fr: "Prénom", en: "First name" },
+        required: true,
+    },
+    email: {
+        icon: "AtSign",
+        type: "email",
+        label: { fr: "Email", en: "Email" },
+        required: true,
+    },
+    phone: {
+        icon: "Smartphone",
+        type: "phone",
+        label: { fr: "Téléphone", en: "Phone" },
+        required: true,
+    },
+    paymentMethod: {
+        icon: "CreditCard",
+        type: "select",
+        label: { fr: "Moyen de paiment", en: "Payment method" },
+        options: {
+            fr: ["Chèque vacances", "Virement bancaire"],
+            en: ["Bank transfer"],
+        },
+        required: true,
+    },
+    comment: {
+        type: "textarea",
+        label: { fr: "Commentaire", en: "Comment" },
+        fullWidth: true,
+        required: false,
+    },
 };
 export const FIELDS = {
-  groupLessons,
-  data
+    groupLessons,
+    data,
 };
 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 gescoFields = (data, ref) => {
-  return {
-    firstname: data.firstName.value,
-    lastname: data.lastName.value,
-    email: data.email.value,
-    phone: data.phone.value,
-    message: ref.current.innerText,
-    stayFrom: data.stayFrom.value,
-    stayTo: data.stayTo.value
-  };
-};
+    return {
+        firstname: data.firstName.value,
+        lastname: data.lastName.value,
+        email: data.email.value,
+        phone: data.phone.value,
+        message: ref.current.innerText,
+        stayFrom: data.stayFrom.value,
+        stayTo: data.stayTo.value,
+    };
+};

package/es/esf/components/booking-form/field.d.ts

@@ -0,0 +1,10 @@
+export default Field;
+declare function Field({ lang, index, name, field, data, setData }: {
+    lang: any;
+    index: any;
+    name: any;
+    field: any;
+    data: any;
+    setData: any;
+}): React.JSX.Element;
+import * as React from "react";

package/es/esf/components/booking-form/field.js

@@ -5,115 +5,92 @@ import Textarea from "dt-design-system/es/textarea";
 import { message } from "./messages";
 import { validate } from "./utils";
 import css from "./field.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
 const getFieldLabel = (lang, label, required) => {
-  if (required) return label;
-  return `${label} (${message(lang, "optional")})`;
+    if (required)
+        return label;
+    return `${label} (${message(lang, "optional")})`;
 };
-const getTag = type => {
-  if (type === "textarea") return Textarea;
-  if (type === "select") return Select;
-  return Input;
+const getTag = (type) => {
+    if (type === "textarea")
+        return Textarea;
+    if (type === "select")
+        return Select;
+    return Input;
 };
 const getOptions = (lang, options) => {
-  const emptyOption = {
-    label: message(lang, "select"),
-    value: "",
-    disabled: true
-  };
-  const formatedOptions = options[lang].map(option => {
-    const isTitle = option.startsWith("--");
-    const label = isTitle ? option.replace("--", "") : option;
-    return {
-      label,
-      value: option,
-      disabled: isTitle
+    const emptyOption = {
+        label: message(lang, "select"),
+        value: "",
+        disabled: true,
     };
-  });
-  return [emptyOption, ...formatedOptions];
+    const formatedOptions = options[lang].map((option) => {
+        const isTitle = option.startsWith("--");
+        const label = isTitle ? option.replace("--", "") : option;
+        return { label, value: option, disabled: isTitle };
+    });
+    return [emptyOption, ...formatedOptions];
 };
-const Field = ({
-  lang,
-  index,
-  name,
-  field,
-  data,
-  setData
-}) => {
-  const {
-    type,
-    icon,
-    label,
-    options,
-    required,
-    placeholder,
-    fullWidth,
-    hidden
-  } = field;
-  const isArray = Array.isArray(data);
-  const [activated, setActivated] = React.useState(false);
-  const [valid, setValid] = React.useState(validate(type, isArray ? data[index][name].value : data[name].value));
-  const isTitle = type === "title";
-  if (hidden) return null;
-  if (isTitle) return _jsx("div", {
-    children: label[lang]
-  });
-  const fieldLabel = getFieldLabel(lang, label[lang], required);
-  const isValid = activated && valid;
-  const commonProps = {
-    icon,
-    className: fullWidth ? css.fieldFullWidth : undefined,
-    label: fieldLabel,
-    value: isArray ? data[index][name].value : data[name].value,
-    placeholder: placeholder ? placeholder[lang] : undefined,
-    required: required ? true : undefined,
-    valid: isValid
-  };
-  const Tag = getTag(type);
-  const props = type === "textarea" || type === "select" ? commonProps : {
-    ...commonProps,
-    type
-  };
-  const onChange = newValue => {
-    const newData = isArray ? [...data] : {
-      ...data
+const Field = ({ lang, index, name, field, data, setData }) => {
+    const { type, icon, label, options, required, placeholder, fullWidth, hidden, } = field;
+    const isArray = Array.isArray(data);
+    const [activated, setActivated] = React.useState(false);
+    const [valid, setValid] = React.useState(validate(type, isArray ? data[index][name].value : data[name].value));
+    const isTitle = type === "title";
+    if (hidden)
+        return null;
+    if (isTitle)
+        return <div>{label[lang]}</div>;
+    const fieldLabel = getFieldLabel(lang, label[lang], required);
+    const isValid = activated && valid;
+    const commonProps = {
+        icon,
+        className: fullWidth ? css.fieldFullWidth : undefined,
+        label: fieldLabel,
+        value: isArray ? data[index][name].value : data[name].value,
+        placeholder: placeholder ? placeholder[lang] : undefined,
+        required: required ? true : undefined,
+        valid: isValid,
+    };
+    const Tag = getTag(type);
+    const props = type === "textarea" || type === "select"
+        ? commonProps
+        : Object.assign(Object.assign({}, commonProps), { type });
+    const onChange = (newValue) => {
+        const newData = isArray ? [...data] : Object.assign({}, data);
+        if (isArray) {
+            newData[index][name].value = newValue;
+        }
+        else {
+            newData[name].value = newValue;
+        }
+        if (!required) {
+            setValid(true);
+            if (isArray) {
+                newData[index][name].validator = true;
+            }
+            else {
+                newData[name].validator = true;
+            }
+        }
+        else {
+            const isValid = validate(type, newValue);
+            if (isArray) {
+                newData[index][name].validator = isValid;
+            }
+            else {
+                newData[name].validator = isValid;
+            }
+            setValid(validate(type, newValue));
+        }
+        setData(newData);
+        setActivated(true);
     };
-    if (isArray) {
-      newData[index][name].value = newValue;
-    } else {
-      newData[name].value = newValue;
+    if (type === "select") {
+        const selectOptions = getOptions(lang, options);
+        return <Tag onValueChange={onChange} options={selectOptions} {...props}/>;
     }
-    if (!required) {
-      setValid(true);
-      if (isArray) {
-        newData[index][name].validator = true;
-      } else {
-        newData[name].validator = true;
-      }
-    } else {
-      const isValid = validate(type, newValue);
-      if (isArray) {
-        newData[index][name].validator = isValid;
-      } else {
-        newData[name].validator = isValid;
-      }
-      setValid(validate(type, newValue));
+    else {
+        return <Tag onValueChange={onChange} {...props}/>;
     }
-    setData(newData);
-    setActivated(true);
-  };
-  if (type === "select") {
-    const selectOptions = getOptions(lang, options);
-    return _jsx(Tag, {
-      onValueChange: onChange,
-      options: selectOptions,
-      ...props
-    });
-  } else {
-    return _jsx(Tag, {
-      onValueChange: onChange,
-      ...props
-    });
-  }
 };
-export default Field;
+export default Field;

package/es/esf/components/booking-form/hooks/use-custom-fields.d.ts

@@ -0,0 +1,2 @@
+export default useCustomFields;
+declare function useCustomFields(fields: any, setFields: any): void;