ublo-lib 1.23.6 → 1.24.1

package/es/common/components/gesco-contact-form/services/form.d.ts

@@ -0,0 +1,31 @@
+import type { FormFields } from "../types";
+export declare function extractValues(elements: HTMLFormControlsCollection): FormFields;
+type Params = {
+    lang: "fr" | "en";
+    channel: string;
+    resort?: number;
+    merchant?: string;
+    facet: "WINTER" | "SUMMER";
+};
+export declare function buildPayload(params: Params, values: FormFields): {
+    userAgent: string;
+    browserLang: string;
+    subject: string;
+    firstname: string;
+    lastname: string;
+    email: string;
+    phone: string;
+    phoneCode?: string | undefined;
+    country: string;
+    category?: string | undefined;
+    stayFrom: string;
+    stayTo: string;
+    message: string;
+    lang: "fr" | "en";
+    channel: string;
+    resort?: number | undefined;
+    merchant?: string | undefined;
+    facet: "WINTER" | "SUMMER";
+};
+export {};
+//# sourceMappingURL=form.d.ts.map

package/es/common/components/gesco-contact-form/services/form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../../../../src/common/components/gesco-contact-form/services/form.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAe,UAAU,EAAE,MAAM,UAAU,CAAC;AAExD,wBAAgB,aAAa,CAAC,QAAQ,EAAE,0BAA0B,cAuBjE;AAED,KAAK,MAAM,GAAG;IACZ,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,QAAQ,GAAG,QAAQ,CAAC;CAC5B,CAAC;AAEF,wBAAgB,YAAY,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU;;;;;;;;;;;;;;;;;;;EAG9D"}

package/es/common/components/gesco-contact-form/services/form.js

@@ -0,0 +1,28 @@
+export function extractValues(elements) {
+    return Array.from(elements).reduce((acc, element) => {
+        // exclude submit button
+        if (element instanceof HTMLButtonElement) {
+            return acc;
+        }
+        const { name, value } = element;
+        // ignore hidden inputs
+        if (!name) {
+            return acc;
+        }
+        // merge phone code and phone number + cleanup
+        if (name === "phone") {
+            const phoneWithoutZero = value.replace(/\b0+/g, "");
+            const phoneWithoutSpacesAndDots = phoneWithoutZero.replace(/[\s.]+/g, "");
+            const phoneCode = acc.phoneCode || "";
+            const [, code] = phoneCode.split("|");
+            const phoneWithCode = `+${code}${phoneWithoutSpacesAndDots}`;
+            delete acc.phoneCode;
+            return { ...acc, phone: phoneWithCode };
+        }
+        return { ...acc, [name]: value };
+    }, {});
+}
+export function buildPayload(params, values) {
+    const { userAgent, language: browserLang } = navigator || {};
+    return { ...params, ...values, userAgent, browserLang };
+}

package/es/common/components/gesco-contact-form/services/messages.d.ts

@@ -0,0 +1,33 @@
+declare const fr: {
+    subject: string;
+    firstname: string;
+    lastname: string;
+    email: string;
+    phoneCode: string;
+    phone: string;
+    country: string;
+    category: string;
+    stay: string;
+    stayFrom: string;
+    stayFromDate: string;
+    stayTo: string;
+    stayToDate: string;
+    dateFormat: string;
+    from: string;
+    to: string;
+    message: string;
+    submit: string;
+    defaultCountry: string;
+    defaultCategory: string;
+    defaultSubject: string;
+    sendSucesss: string;
+    sendError: string;
+    parametersError: string;
+    emailError: string;
+    phoneError: string;
+    lengthError: string;
+};
+export declare function get(lang: "fr" | "en", overrides?: {}): Record<keyof typeof fr, string>;
+export declare function format(value: string, params: Record<string, string>): string;
+export {};
+//# sourceMappingURL=messages.d.ts.map

package/es/common/components/gesco-contact-form/services/messages.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"messages.d.ts","sourceRoot":"","sources":["../../../../../src/common/components/gesco-contact-form/services/messages.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8BP,CAAC;AAmCF,wBAAgB,GAAG,CACjB,IAAI,EAAE,IAAI,GAAG,IAAI,EACjB,SAAS,KAAK,GACb,MAAM,CAAC,MAAM,OAAO,EAAE,EAAE,MAAM,CAAC,CAKjC;AAED,wBAAgB,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,UAKnE"}

package/es/common/components/gesco-contact-form/services/messages.js

@@ -0,0 +1,70 @@
+const fr = {
+    subject: "Objet",
+    firstname: "Prénom",
+    lastname: "Nom",
+    email: "E-mail",
+    phoneCode: "Indicatif",
+    phone: "Téléphone",
+    country: "Pays",
+    category: "Destinataire",
+    stay: "Dates de séjour",
+    stayFrom: "Date de début",
+    stayFromDate: "Date de début de séjour",
+    stayTo: "Date de fin",
+    stayToDate: "Date de fin de séjour",
+    dateFormat: "Choisissez une date",
+    from: "Du",
+    to: "au",
+    message: "Message",
+    submit: "Envoyer le message",
+    defaultCountry: "Indiquez votre pays...",
+    defaultCategory: "Sélectionnez...",
+    defaultSubject: "Sélectionnez...",
+    sendSucesss: "Votre message à bien été envoyé !",
+    sendError: "Une erreur est survenue pendant l'envoi du message. Veuillez réessayer ultérieurement.",
+    parametersError: "Une erreur est survenue pendant la génération du formulaire. Veuillez réessayer ultérieurement.",
+    emailError: 'L\'email doit être au format "john.doe@domaine.com"',
+    phoneError: 'Le téléphone doit être au format "0612345678"',
+    lengthError: '"{label}" doit contenir au moins {length} caractères',
+};
+const en = {
+    subject: "Subject",
+    firstname: "Firstname",
+    lastname: "Lastname",
+    email: "E-mail",
+    phoneCode: "Phone code",
+    phone: "Phone number",
+    country: "Country",
+    category: "Addressee",
+    stay: "Stay dates",
+    stayFromDate: "Stay from date",
+    stayToDate: "Stay to date",
+    stayFrom: "From date",
+    stayTo: "End date",
+    dateFormat: "Choose a date",
+    from: "From",
+    to: "to",
+    message: "Message",
+    submit: "Send message",
+    defaultCountry: "Select your country...",
+    defaultCategory: "Select...",
+    defaultSubject: "Select...",
+    sendSucesss: "Your message was just sent !",
+    sendError: "An error occured during the sending of the message. Please try again later.",
+    parametersError: "An error occured during the creation of the form. Please try again later.",
+    emailError: 'The email must be in the format "john.doe@domain.com"',
+    phoneError: 'The phone number must be in the following formats: "0612345678" or "555 555 555',
+    lengthError: '"{label}" must contain at least {length} characters',
+};
+export function get(lang, overrides = {}) {
+    const locale = lang === "fr" ? fr : en;
+    const override = overrides[lang] || {};
+    const locales = { ...locale, ...override };
+    return locales;
+}
+export function format(value, params) {
+    return Object.keys(params).reduce((acc, param) => {
+        const search = `{${param}}`;
+        return acc.replace(search, params[param]);
+    }, value);
+}

package/es/common/components/gesco-contact-form/services/plausible.d.ts

@@ -0,0 +1,3 @@
+import type { FormFields, Params } from "../types";
+export declare function sendEvent(values: FormFields, params?: Params): void;
+//# sourceMappingURL=plausible.d.ts.map

package/es/common/components/gesco-contact-form/services/plausible.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"plausible.d.ts","sourceRoot":"","sources":["../../../../../src/common/components/gesco-contact-form/services/plausible.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAEnD,wBAAgB,SAAS,CAAC,MAAM,EAAE,UAAU,EAAE,MAAM,CAAC,EAAE,MAAM,QAY5D"}

package/es/common/components/gesco-contact-form/services/plausible.js

@@ -0,0 +1,11 @@
+import * as Plausible from "../../plausible";
+export function sendEvent(values, params) {
+    if (!params)
+        return;
+    const country = params.countries.find((country) => country.code === values.country);
+    const subject = params.subjects.find((subject) => subject.id === values.subject);
+    Plausible.sendGoal("Contact-us", {
+        Country: country?.name,
+        Subject: subject?.label,
+    });
+}

package/es/common/components/gesco-contact-form/types.d.ts

@@ -0,0 +1,33 @@
+export type FormFields = {
+    subject: string;
+    firstname: string;
+    lastname: string;
+    email: string;
+    phone: string;
+    phoneCode?: string;
+    country: string;
+    category?: string;
+    stayFrom: string;
+    stayTo: string;
+    message: string;
+};
+export type FormElement = HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement;
+type Country = {
+    code: string;
+    name: string;
+};
+type Category = {
+    code: string;
+    label: string;
+};
+type Subject = {
+    id: string;
+    label: string;
+};
+export type Params = {
+    countries: Country[];
+    categories: Category[];
+    subjects: Subject[];
+};
+export {};
+//# sourceMappingURL=types.d.ts.map

package/es/common/components/gesco-contact-form/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/common/components/gesco-contact-form/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAAG;IACvB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,WAAW,GACnB,gBAAgB,GAChB,iBAAiB,GACjB,mBAAmB,CAAC;AAExB,KAAK,OAAO,GAAG;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,KAAK,QAAQ,GAAG;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,KAAK,OAAO,GAAG;IACb,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,MAAM,GAAG;IACnB,SAAS,EAAE,OAAO,EAAE,CAAC;IACrB,UAAU,EAAE,QAAQ,EAAE,CAAC;IACvB,QAAQ,EAAE,OAAO,EAAE,CAAC;CACrB,CAAC"}

package/es/common/components/gesco-contact-form/types.js

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ublo-lib",
-  "version": "1.23.6",
+  "version": "1.24.1",
   "peerDependencies": {
     "dt-design-system": "^3.1.5",
     "leaflet": "^1.9.1",
@@ -24,42 +24,42 @@
   },
   "dependencies": {
     "awesome-debounce-promise": "2.1.0",
-    "classnames": "2.3.2",
-    "framer-motion": "10.16.5",
+    "classnames": "2.5.1",
+    "framer-motion": "11.0.3",
     "react-async-hook": "4.0.0"
   },
   "devDependencies": {
-    "@babel/cli": "7.22.6",
-    "@babel/core": "7.22.6",
-    "@babel/eslint-parser": "7.22.6",
-    "@babel/eslint-plugin": "^7.22.5",
+    "@babel/cli": "7.23.4",
+    "@babel/core": "7.23.7",
+    "@babel/eslint-parser": "7.23.3",
+    "@babel/eslint-plugin": "^7.23.5",
     "@babel/plugin-proposal-class-properties": "7.18.6",
-    "@babel/preset-react": "7.22.5",
-    "@babel/preset-typescript": "7.22.5",
-    "@types/css-modules": "1.0.2",
-    "@types/react": "18.2.14",
-    "@types/react-dom": "18.2.6",
-    "classnames": "2.3.2",
+    "@babel/preset-react": "7.23.3",
+    "@babel/preset-typescript": "7.23.3",
+    "@types/css-modules": "1.0.5",
+    "@types/react": "18.2.48",
+    "@types/react-dom": "18.2.18",
+    "classnames": "2.5.1",
     "cors": "2.8.5",
     "cpx2": "4.2.3",
-    "dt-design-system": "3.1.5",
-    "eslint": "8.44.0",
-    "eslint-config-prettier": "8.8.0",
+    "dt-design-system": "3.6.19",
+    "eslint": "8.56.0",
+    "eslint-config-prettier": "9.1.0",
     "eslint-config-standard": "17.1.0",
-    "eslint-plugin-import": "^2.27.5",
-    "eslint-plugin-jsx-a11y": "6.7.1",
-    "eslint-plugin-n": "16.0.1",
+    "eslint-plugin-import": "2.29.1",
+    "eslint-plugin-jsx-a11y": "6.8.0",
+    "eslint-plugin-n": "16.6.2",
     "eslint-plugin-node": "11.1.0",
     "eslint-plugin-promise": "6.1.1",
-    "eslint-plugin-react": "7.32.2",
+    "eslint-plugin-react": "7.33.2",
     "eslint-plugin-react-hooks": "4.6.0",
     "mv": "2.1.1",
-    "next": "13.4.8",
+    "next": "14.1.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-scripts": "5.0.1",
-    "typescript": "5.2.2",
-    "ublo": "3.14.5"
+    "typescript": "5.3.3",
+    "ublo": "3.16.0"
   },
   "scripts": {
     "clean": "rm -rf es",

package/es/common/components/gesco-contact-form/api.js

@@ -1,37 +0,0 @@
-import * as Data from "./data";
-export async function fetchParams(lang, resort, merchant, channel, categories, integration = false, uat = false) {
-  const host = integration ? Data.HOSTS.TEST : uat ? Data.HOSTS.UAT : Data.HOSTS.PROD;
-  const res = await fetch(`${host}/api/gesco/contact/parameters`, {
-    method: "POST",
-    headers: {
-      "content-type": "application/json;charset=utf-8"
-    },
-    body: JSON.stringify({
-      lang,
-      resort,
-      merchant,
-      channel,
-      categories
-    })
-  });
-  return res.json();
-}
-export async function postMessage(payload, integration = false, uat = false) {
-  const host = integration ? Data.HOSTS.TEST : uat ? Data.HOSTS.UAT : Data.HOSTS.PROD;
-  const {
-    userAgent,
-    language: browserLang
-  } = navigator || {};
-  const res = await fetch(`${host}/api/gesco/contact/send`, {
-    method: "POST",
-    headers: {
-      "content-type": "application/json;charset=utf-8"
-    },
-    body: JSON.stringify({
-      ...payload,
-      userAgent,
-      browserLang
-    })
-  });
-  return res.json();
-}

package/es/common/components/gesco-contact-form/data.js

@@ -1,53 +0,0 @@
-import * as Validation from "./validation";
-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"
-};
-export const DEFAULT_PARAMS = {
-  countries: [],
-  categories: [],
-  subjects: []
-};
-export const DEFAULT_FIELDS = {
-  firstname: {
-    value: "",
-    validators: [Validation.min(2), Validation.mandatory]
-  },
-  lastname: {
-    value: "",
-    validators: [Validation.min(2), Validation.mandatory]
-  },
-  email: {
-    value: "",
-    validators: [Validation.email, Validation.mandatory]
-  },
-  phone: {
-    value: "",
-    validators: [Validation.phone, Validation.mandatory]
-  },
-  message: {
-    value: "",
-    validators: [Validation.min(10), Validation.mandatory]
-  },
-  country: {
-    value: "",
-    validators: [Validation.mandatory]
-  },
-  stayFrom: {
-    value: "",
-    validators: [Validation.date, Validation.mandatory]
-  },
-  stayTo: {
-    value: "",
-    validators: [Validation.date, Validation.mandatory, Validation.afterDate("stayFrom")]
-  },
-  category: {
-    value: "",
-    validators: [Validation.mandatory]
-  },
-  subject: {
-    value: "",
-    validators: [Validation.mandatory]
-  }
-};

package/es/common/components/gesco-contact-form/messages.js

@@ -1,74 +0,0 @@
-const messages = {
-  fr: {
-    subject: "Objet",
-    firstname: "Votre prénom",
-    lastname: "Votre nom",
-    email: "Votre email",
-    phone: "Votre téléphone",
-    country: "Votre pays",
-    category: "Destinataire",
-    stay: "Dates de séjour",
-    stayFrom: "Date de début",
-    stayFromDate: "Date de début de séjour",
-    stayTo: "Date de fin",
-    stayToDate: "Date de fin de séjour",
-    dateFormat: "aaaa-mm-jj",
-    from: "Du",
-    to: "au",
-    message: "Message",
-    submit: "Envoyer le message",
-    defaultCountry: "Indiquez votre pays...",
-    defaultCategory: "Sélectionnez...",
-    defaultSubject: "Précisez l'objet de votre demande...",
-    errorMail: '"{label}" n\'est pas une adresse valide',
-    errorPhone: '"{label}" n\'est pas un numéro valide',
-    errorMax: '"{label}" ne peut pas dépasser {length} caractères',
-    errorMin: '"{label}" doit faire au moins {length} caractères',
-    errorMandatory: '"{label}" est obligatoire',
-    errorDate: '"{label}" doit être une date',
-    errorDateAfter: '"{label}" doit être postérieure au {otherDate}',
-    messageSent: "Votre message à bien été envoyé !",
-    parametersError: "Une erreur est survenue pendant la génération du formulaire. Veuillez réessayer ultérieurement."
-  },
-  en: {
-    subject: "Subject",
-    firstname: "Your firstname",
-    lastname: "Your lastname",
-    email: "Your email",
-    phone: "Your phone number",
-    country: "Country",
-    category: "Addressee",
-    stay: "Stay dates",
-    stayFromDate: "Stay from date",
-    stayToDate: "Stay to date",
-    stayFrom: "From date",
-    stayTo: "End date",
-    dateFormat: "yyyy-mm-dd",
-    from: "From",
-    to: "to",
-    message: "Message",
-    submit: "Send message",
-    defaultCountry: "Select your country...",
-    defaultCategory: "Select...",
-    defaultSubject: "Select the type of request...",
-    errorMail: '"{label}" is not a valid adress',
-    errorPhone: '"{label}" is not a valid number',
-    errorMax: '"{label}" cannot be longer than {length} characters',
-    errorMin: '"{label}" should be at least {length} characters long',
-    errorMandatory: '"{label}" is mandatory',
-    errorDate: '"{label}" must be a date',
-    errorDateAfter: '"{label}" must be after {otherDate}',
-    messageSent: "Your message was just sent !",
-    parametersError: "An error occured during the creation of the form. Please try again later."
-  }
-};
-export const get = (lang, message) => {
-  const _lang = messages[lang] === undefined ? "en" : lang;
-  return messages[_lang][message];
-};
-export const getFormated = (lang, message, params) => {
-  return Object.keys(params).reduce((acc, param) => {
-    const search = `{${param}}`;
-    return acc.replace(search, params[param]);
-  }, get(lang, message));
-};

package/es/common/components/gesco-contact-form/validation.js

@@ -1,65 +0,0 @@
-import * as Messages from "./messages";
-export function validate(lang, name, value = "", validators, fields) {
-  return validators.reduce((acc, validator) => {
-    const label = Messages.get(lang, name);
-    return acc === undefined ? validator(lang, label, value, fields) : acc;
-  }, undefined);
-}
-const mailCheck = /^\w+([.\-+]?\w+)*@\w+([.-]?\w+)*(.\w{2,})+$/;
-export function email(lang, label, value) {
-  if (mailCheck.exec(value) === null) {
-    return Messages.getFormated(lang, "errorMail", {
-      label
-    });
-  }
-}
-const phoneCheck = /^\+?[0-9,(,),.,\-, ]{6,19}[0-9]$/;
-export function phone(lang, label, value) {
-  if (phoneCheck.exec(value) === null) {
-    return Messages.getFormated(lang, "errorPhone", {
-      label
-    });
-  }
-}
-export function min(length) {
-  return (lang, label, value) => {
-    if (value.length < length) {
-      return Messages.getFormated(lang, "errorMin", {
-        label,
-        length
-      });
-    }
-  };
-}
-const dateCheck = /^[0-9]{4}-[0-9]{2}-[0-9]{2}$/;
-export function date(lang, label, value) {
-  const date = new Date(value);
-  const strValid = dateCheck.exec(value) !== null;
-  const isValid = strValid && date instanceof Date && !isNaN(date);
-  return isValid ? undefined : Messages.getFormated(lang, "errorDate", {
-    label
-  });
-}
-export function afterDate(other) {
-  return (lang, label, value, fields) => {
-    const otherDate = fields[other].value;
-    const a = new Date(otherDate);
-    const b = new Date(value);
-    if (a.getTime() > b.getTime()) {
-      const f = new Intl.DateTimeFormat(lang);
-      const otherDate = f.format(a);
-      return Messages.getFormated(lang, "errorDateAfter", {
-        label,
-        otherDate
-      });
-    }
-  };
-}
-export function mandatory(lang, label, val) {
-  const value = val.trim();
-  if (value === undefined || value.length === 0) {
-    return Messages.getFormated(lang, "errorMandatory", {
-      label
-    });
-  }
-}