ublo-lib 1.23.6 → 1.24.1

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

@@ -1,290 +1,94 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
-import Select from "dt-design-system/es/select";
+import Select, { formatOptions } from "dt-design-system/es/select";
 import Input from "dt-design-system/es/input";
 import Textarea from "dt-design-system/es/textarea";
 import Button from "dt-design-system/es/button";
-import { SnackbarProvider, useSnackbar } from "dt-design-system/es/snackbar";
+import Loader from "dt-design-system/es/loader";
+import Information from "dt-design-system/es/information";
 import * as Icons from "dt-design-system/es/icons";
-import * as Plausible from "../plausible";
-import * as Messages from "./messages";
-import * as Data from "./data";
-import * as Validation from "./validation";
-import * as API from "./api";
-import css from "./gesco-contact-form.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-const ContactFormWithSnackbar = props => {
-  return _jsx(SnackbarProvider, {
-    children: _jsx(ContactForm, {
-      ...props
-    })
-  });
-};
-export default React.memo(ContactFormWithSnackbar);
-function ContactForm({
-  lang,
-  resort,
-  channel = "ESF",
-  merchant,
-  categories,
-  facet = "WINTER",
-  integration = false,
-  uat = false,
-  onSubmit
-}) {
-  const [submiting, setSubmiting] = React.useState(false);
-  const [params, setParams] = React.useState(Data.DEFAULT_PARAMS);
-  const [fields, setFields] = React.useState(Data.DEFAULT_FIELDS);
-  const [needCategory, setNeedCategory] = React.useState(false);
-  const [hasError, setHasError] = React.useState(false);
-  const snackbar = useSnackbar();
-  const widgetLang = lang === "fr" ? "fr" : "en";
-  const update = React.useCallback((forceTouch, name, val, overrideValidators) => {
-    setFields(fields => {
-      const field = fields[name];
-      const value = val !== undefined ? val : field.value;
-      const touched = forceTouch || field.touched;
-      const validators = overrideValidators || field.validators;
-      const error = touched ? Validation.validate(widgetLang, name, value, validators, fields) : undefined;
-      if (field.value !== value || field.error !== undefined && field.error !== error || field.touched !== touched) {
-        return {
-          ...fields,
-          [name]: {
-            ...field,
-            value,
-            error,
-            touched
-          }
-        };
-      } else {
-        return fields;
-      }
-    });
-  }, [widgetLang]);
-  const handleCategory = React.useCallback(params => {
-    const needCategory = params?.categories?.length > 1;
-    setNeedCategory(needCategory);
-    if (!needCategory) {
-      if (params?.categories?.length === 1) {
-        update(true, "category", params.categories[0].code, []);
-      } else {
-        update(true, "category", undefined, []);
-      }
-    }
-  }, [update]);
-  React.useEffect(() => {
-    const getParams = async () => {
-      const params = await API.fetchParams(widgetLang, resort, merchant, channel, categories, integration, uat);
-      if (params === undefined || params.error !== undefined) {
-        setHasError(true);
-      } else {
-        setParams(params);
-        handleCategory(params);
-      }
-    };
-    getParams();
-  }, [categories, channel, handleCategory, integration, merchant, resort, uat, widgetLang]);
-  const validateAll = () => {
-    Object.keys(fields).forEach(key => {
-      update(true, key, undefined, !needCategory && key === "category" ? undefined : fields[key].validators);
-    });
-  };
-  const isValidated = () => {
-    return Object.keys(fields).reduce((acc, key) => {
-      const field = fields[key];
-      return acc && field.touched && field.error === undefined;
-    }, true);
-  };
-  const changed = name => value => {
-    update(false, name, value);
-  };
-  const changedStayFrom = value => {
-    update(true, "stayFrom", value);
-    update(true, "stayTo", value);
-  };
-  const blured = name => e => {
-    const {
-      value
-    } = e.target;
-    update(true, name, value);
-  };
-  const submitForm = async e => {
-    e.preventDefault();
-    setSubmiting(true);
-    validateAll();
-    if (isValidated()) {
-      const payload = Object.keys(fields).reduce((acc, key) => {
-        const field = fields[key];
-        return {
-          ...acc,
-          [key]: field.value
-        };
-      }, {});
-      onSubmit?.(payload);
-      const result = await API.postMessage({
-        lang: widgetLang,
+import PhoneCodeSelect from "./phone-code-select";
+import useParams from "./hooks/use-params";
+import * as Messages from "./services/messages";
+import * as Form from "./services/form";
+import * as API from "./services/api";
+import * as Plausible from "./services/plausible";
+import styles from "./gesco-contact-form.module.css";
+export default function GescoContactForm({ lang = "fr", channel = "ESF", resort, merchant, categories, facet = "WINTER", host = "https://admin.mon-sejour-en-montagne.com", onSubmit, messagesOverrides = {}, }) {
+    const { params, error } = useParams({
+        lang,
         channel,
         resort,
         merchant,
-        facet,
-        ...payload
-      }, integration, uat);
-      if (result.error) {
-        const message = Messages.get(widgetLang, result.error.message);
-        snackbar.show({
-          type: "error",
-          message: message || result.error.message
-        });
-      } else {
-        snackbar.show({
-          type: "success",
-          message: Messages.get(widgetLang, "messageSent")
-        });
-        const country = params.countries.find(country => country.code === payload.country);
-        const subject = params.subjects.find(subject => subject.id === Number(payload.subject));
-        Plausible.sendGoal("Contact-us", {
-          Country: country?.name,
-          Subject: subject?.label
-        });
-        setFields(Data.DEFAULT_FIELDS);
-        handleCategory(params);
-      }
-    }
-    setSubmiting(false);
-    setTimeout(() => setSubmiting(false), 2000);
-  };
-  if (hasError) {
-    return _jsx("div", {
-      className: css.error,
-      children: Messages.get(widgetLang, "parametersError")
+        categories,
+        host,
     });
-  }
-  return _jsxs("form", {
-    className: css.form,
-    onSubmit: submitForm,
-    children: [_jsx(Select, {
-      label: Messages.get(widgetLang, "subject"),
-      className: css.fullWidthField,
-      placeholder: Messages.get(widgetLang, "defaultSubject"),
-      value: fields.subject.value,
-      onValueChange: changed("subject"),
-      options: params.subjects.map(({
-        id,
-        label
-      }) => ({
-        label,
-        value: id
-      })),
-      onBlur: blured("subject"),
-      error: fields.subject.error,
-      valid: fields.subject.touched && !fields.subject.error
-    }), _jsx(Input, {
-      type: "text",
-      icon: "User",
-      label: Messages.get(widgetLang, "firstname"),
-      value: fields.firstname.value,
-      onValueChange: changed("firstname"),
-      onBlur: blured("firstname"),
-      error: fields.firstname.error,
-      valid: fields.firstname.touched && !fields.firstname.error
-    }), _jsx(Input, {
-      type: "text",
-      icon: "User",
-      label: Messages.get(widgetLang, "lastname"),
-      value: fields.lastname.value,
-      onValueChange: changed("lastname"),
-      onBlur: blured("lastname"),
-      error: fields.lastname.error,
-      valid: fields.lastname.touched && !fields.lastname.error
-    }), _jsx(Input, {
-      type: "email",
-      icon: "Mail",
-      label: Messages.get(widgetLang, "email"),
-      value: fields.email.value,
-      onValueChange: changed("email"),
-      onBlur: blured("email"),
-      error: fields.email.error,
-      valid: fields.email.touched && !fields.email.error
-    }), _jsx(Input, {
-      type: "phone",
-      icon: "Smartphone",
-      label: Messages.get(widgetLang, "phone"),
-      value: fields.phone.value,
-      onValueChange: changed("phone"),
-      onBlur: blured("phone"),
-      error: fields.phone.error,
-      valid: fields.phone.touched && !fields.phone.error
-    }), _jsx(Select, {
-      icon: "Globe",
-      label: Messages.get(widgetLang, "country"),
-      className: css.fullWidthField,
-      placeholder: Messages.get(widgetLang, "country"),
-      value: fields.country.value,
-      onValueChange: changed("country"),
-      options: params.countries.map(({
-        code,
-        name
-      }) => ({
-        label: name,
-        value: code
-      })),
-      onBlur: blured("country"),
-      error: fields.country.error,
-      valid: fields.country.touched && !fields.country.error
-    }), needCategory && _jsx(Select, {
-      icon: "Plane",
-      label: Messages.get(widgetLang, "category"),
-      className: css.fullWidthField,
-      placeholder: Messages.get(widgetLang, "defaultCategory"),
-      value: fields.category.value,
-      onValueChange: changed("category"),
-      options: params.categories.map(({
-        code,
-        label
-      }) => ({
-        label,
-        value: code
-      })),
-      onBlur: blured("category"),
-      error: fields.category.error,
-      valid: fields.category.touched && !fields.category.error
-    }), _jsx(Input, {
-      className: css.stayField,
-      type: "date",
-      label: Messages.get(widgetLang, "stayFromDate"),
-      value: fields.stayFrom.value,
-      placeholder: Messages.get(widgetLang, "dateFormat"),
-      onValueChange: changedStayFrom,
-      error: fields.stayFrom.error,
-      valid: fields.stayFrom.touched && !fields.stayFrom.error
-    }), _jsx(Input, {
-      className: css.stayField,
-      type: "date",
-      label: Messages.get(widgetLang, "stayToDate"),
-      value: fields.stayTo.value,
-      placeholder: Messages.get(widgetLang, "dateFormat"),
-      onValueChange: changed("stayTo"),
-      error: fields.stayTo.error,
-      valid: fields.stayTo.touched && !fields.stayTo.error
-    }), _jsx(Textarea, {
-      className: css.fullWidthField,
-      label: Messages.get(widgetLang, "message"),
-      value: fields.message.value,
-      onValueChange: changed("message"),
-      onBlur: blured("message"),
-      error: fields.message.error,
-      autoSizing: true,
-      valid: fields.message.touched && !fields.message.error
-    }), _jsx("div", {
-      className: css.send,
-      children: submiting ? _jsxs(Button, {
-        className: css.buttonSending,
-        disabled: true,
-        children: [_jsx(Icons.Loader2, {}), Messages.get(widgetLang, "submit")]
-      }) : _jsxs(Button, {
-        type: "submit",
-        children: [_jsx(Icons.Plane, {}), Messages.get(widgetLang, "submit")]
-      })
-    })]
-  });
-}
+    const [submiting, setSubmiting] = React.useState(false);
+    const [stayToMin, setStayToMin] = React.useState();
+    const [stayFromMax, setStayFromMax] = React.useState();
+    const [sendSuccess, setSendSuccess] = React.useState(false);
+    const [sendError, setSendError] = React.useState(false);
+    const [formKey, setFormKey] = React.useState(0);
+    const _lang = lang === "fr" ? "fr" : "en";
+    const needCategory = params?.categories?.length !== undefined && params?.categories?.length > 1;
+    const loading = !error && params === undefined;
+    const defaultCategoryValue = params?.categories?.[0]?.code;
+    const messages = Messages.get(_lang, messagesOverrides);
+    const subjectOptions = formatOptions("label", "id", params?.subjects);
+    const categoryOptions = formatOptions("label", "code", params?.categories);
+    const countryOptions = formatOptions("name", "code", params?.countries);
+    const submitForm = async (e) => {
+        e.preventDefault();
+        setSubmiting(true);
+        setSendSuccess(false);
+        setSendError(false);
+        const form = e.currentTarget;
+        let values = Form.extractValues(form.elements);
+        if (!values.category && defaultCategoryValue) {
+            values = { ...values, category: defaultCategoryValue };
+        }
+        const payload = Form.buildPayload({ lang: _lang, merchant, channel, resort, facet }, values);
+        try {
+            const result = await API.send(host, payload);
+            if (result.error) {
+                throw new Error(result.error);
+            }
+            onSubmit?.(payload);
+            setSendSuccess(true);
+            form.reset();
+            setFormKey(formKey + 1);
+            Plausible.sendEvent(values, params);
+        }
+        catch (e) {
+            // eslint-disable-next-line no-console
+            console.error(e);
+            setSendError(true);
+        }
+        finally {
+            setSubmiting(false);
+        }
+        setTimeout(() => {
+            setSubmiting(false);
+            setSendSuccess(true);
+        }, 3000);
+    };
+    const hideSuccess = () => {
+        setSendSuccess(false);
+    };
+    const hideError = () => {
+        setSendError(false);
+    };
+    const updateStayToMin = (value) => {
+        setStayToMin(value);
+    };
+    const updateStayFromMax = (value) => {
+        setStayFromMax(value);
+    };
+    return (_jsxs("form", { className: styles.form, onSubmit: submitForm, children: [_jsx(Select, { name: "subject", label: messages.subject, className: styles.fullWidthField, placeholder: messages.defaultSubject, options: subjectOptions, loading: loading, disabled: Boolean(error), required: true }), _jsx(Input, { name: "firstname", type: "text", icon: "User", label: messages.firstname, loading: loading, pattern: ".{2,}", patternError: Messages.format(messages.lengthError, {
+                    label: messages.firstname,
+                    length: "1",
+                }), disabled: Boolean(error), required: true }), _jsx(Input, { name: "lastname", type: "text", icon: "User", label: messages.lastname, loading: loading, pattern: ".{2,}", patternError: Messages.format(messages.lengthError, {
+                    label: messages.lastname,
+                    length: "1",
+                }), disabled: Boolean(error), required: true }), _jsx(Input, { name: "email", type: "email", icon: "Mail", label: messages.email, loading: loading, pattern: "[^@\\s]+@[^@\\s]+\\.[^@\\s]+", patternError: messages.emailError, disabled: Boolean(error), required: true }), _jsxs("div", { className: styles.phoneGroup, children: [_jsx(PhoneCodeSelect, { messages: messages, loading: loading, disabled: Boolean(error) }), _jsx(Input, { name: "phone", type: "phone", icon: "Smartphone", label: messages.phone, loading: loading, inputMode: "numeric", pattern: "[0-9 ]{9,15}$", patternError: messages.phoneError, disabled: Boolean(error), required: true })] }), _jsx(Select, { name: "country", icon: "Globe", label: messages.country, className: styles.fullWidthField, placeholder: messages.defaultCountry, options: countryOptions, loading: loading, disabled: Boolean(error), required: true }), needCategory && (_jsx(Select, { name: "category", icon: "Plane", label: messages.category, className: styles.fullWidthField, placeholder: messages.defaultCategory, options: categoryOptions, loading: loading, disabled: Boolean(error), required: true })), _jsx(Input, { name: "stayFrom", className: styles.stayField, type: "date", label: messages.stayFromDate, placeholder: messages.dateFormat, loading: loading, onValueChange: updateStayToMin, hint: stayFromMax, max: stayFromMax, disabled: Boolean(error), extended: true, required: true }), _jsx(Input, { name: "stayTo", className: styles.stayField, type: "date", label: messages.stayToDate, placeholder: messages.dateFormat, loading: loading, onValueChange: updateStayFromMax, hint: stayToMin, min: stayToMin, disabled: Boolean(error), extended: true, required: true }), _jsx(Textarea, { name: "message", className: styles.fullWidthField, label: messages.message, loading: loading, disabled: Boolean(error), required: true, autoSizing: true }), _jsx("div", { className: styles.send, children: _jsxs(Button, { type: "submit", disabled: Boolean(error) || loading || submiting, children: [submiting ? _jsx(Loader, { className: styles.loader }) : _jsx(Icons.Plane, {}), messages.submit] }) }), sendSuccess && (_jsx(Information, { className: styles.response, type: "success", close: hideSuccess, children: messages.sendSucesss })), sendError && (_jsx(Information, { className: styles.response, type: "error", close: hideError, children: messages.sendError })), error && (_jsx(Information, { className: styles.error, type: "warning", children: messages.parametersError }))] }, formKey));
+}

package/es/common/components/gesco-contact-form/gesco-contact-form.module.css

@@ -1,13 +1,11 @@
-.error {
-  padding: 16px;
-  background-color: var(--ds-grey-100, #f5f5f5);
-  border-radius: var(--ds-radius-200, 10px);
-}
-
 .form {
+  --gap: 12px;
+
+  position: relative;
   display: grid;
   grid-template-columns: 1fr;
-  gap: 16px;
+  gap: var(--gap);
+  margin-bottom: 20px;
 }
 
 @media (min-width: 560px) {
@@ -16,6 +14,16 @@
   }
 }
 
+.phoneGroup {
+  display: flex;
+  gap: var(--gap);
+  align-items: flex-start;
+}
+
+.phoneGroup > div:last-child {
+  flex: 1 1 auto;
+}
+
 @media (min-width: 560px) {
   .fullWidthField {
     grid-column: span 2;
@@ -39,13 +47,22 @@
   }
 }
 
-.buttonSending > svg {
-  animation: contact-send-icon-spinning 1280ms
-    var(--ds-transition-easing, cubic-bezier(0.4, 0, 0.2, 1)) infinite;
+.loader {
+  --ds-loader-spinner-size: 17px;
+  --ds-loader-thickness: 2px;
+  --ds-loader-foreground: var(--ds-grey-800, #000);
 }
 
-@keyframes contact-send-icon-spinning {
-  100% {
-    transform: rotate(1turn);
-  }
+.response {
+  grid-column: 1 / -1;
+}
+
+.error {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  padding: 16px;
+  border-radius: var(--ds-radius-200, 10px);
+  transform: translate(-50%, -50%);
+  box-shadow: var(--ds-shadow-400, 0 30px 60px rgba(0, 0, 0, 0.12));
 }

package/es/common/components/gesco-contact-form/hooks/use-params.d.ts

@@ -0,0 +1,15 @@
+import type { Params } from "../types";
+type Arguments = {
+    lang: string;
+    channel: string;
+    resort?: number;
+    merchant?: string;
+    categories?: string[];
+    host: string;
+};
+export default function useParams(args: Arguments): {
+    params: Params | undefined;
+    error: string | undefined;
+};
+export {};
+//# sourceMappingURL=use-params.d.ts.map

package/es/common/components/gesco-contact-form/hooks/use-params.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-params.d.ts","sourceRoot":"","sources":["../../../../../src/common/components/gesco-contact-form/hooks/use-params.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAEvC,KAAK,SAAS,GAAG;IACf,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,IAAI,EAAE,SAAS;;;EAuBhD"}

package/es/common/components/gesco-contact-form/hooks/use-params.js

@@ -0,0 +1,24 @@
+import * as React from "react";
+import * as API from "../services/api";
+export default function useParams(args) {
+    const [params, setParams] = React.useState();
+    const [error, setError] = React.useState();
+    const { lang, resort, merchant, channel, categories, host } = args;
+    React.useEffect(() => {
+        const runEffect = async () => {
+            try {
+                const payload = { lang, channel, resort, merchant, categories };
+                const result = await API.getParams(host, payload);
+                if (!result || result.error) {
+                    throw new Error(result.error);
+                }
+                setParams(result);
+            }
+            catch (error) {
+                setError(error);
+            }
+        };
+        runEffect();
+    }, [categories, channel, host, lang, merchant, resort]);
+    return { params, error };
+}

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

@@ -0,0 +1,3 @@
+import GescoContactForm from "./gesco-contact-form";
+export default GescoContactForm;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/common/components/gesco-contact-form/index.ts"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,MAAM,sBAAsB,CAAC;AAEpD,eAAe,gBAAgB,CAAC"}

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

@@ -1,2 +1,2 @@
 import GescoContactForm from "./gesco-contact-form";
-export default GescoContactForm;
+export default GescoContactForm;

package/es/common/components/gesco-contact-form/phone-code-select.d.ts

@@ -0,0 +1,8 @@
+type Props = {
+    messages: Record<string, string>;
+    loading?: boolean;
+    disabled?: boolean;
+};
+export default function PhoneCodeSelect({ messages, loading, disabled, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=phone-code-select.d.ts.map

package/es/common/components/gesco-contact-form/phone-code-select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"phone-code-select.d.ts","sourceRoot":"","sources":["../../../../src/common/components/gesco-contact-form/phone-code-select.tsx"],"names":[],"mappings":"AAMA,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACjC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AA0BF,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,QAAQ,EACR,OAAO,EACP,QAAQ,GACT,EAAE,KAAK,2CA4CP"}

package/es/common/components/gesco-contact-form/phone-code-select.js

@@ -0,0 +1,48 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Select from "dt-design-system/es/custom-select";
+import * as Flags from "dt-design-system/es/flags";
+import prefixes from "./data/phone-prefixes.json";
+import styles from "./phone-code-select.module.css";
+const IGNORED_CODES = [
+    "33",
+    "44",
+    "32",
+    "31",
+    "41",
+    "1",
+    "352",
+    "353",
+    "34",
+    "55",
+    "49",
+    "39",
+    "351",
+    "61",
+];
+const FIRST_PREFIX = prefixes[0];
+export default function PhoneCodeSelect({ messages, loading, disabled, }) {
+    const defaultValue = `${FIRST_PREFIX.country}|${FIRST_PREFIX.code}`;
+    const deduppedPrefixes = prefixes
+        .reduce((acc, prefix) => {
+        const { code } = prefix;
+        const splitted = code
+            .split(", ")
+            .map((splitted) => ({ ...prefix, code: splitted }));
+        return [...acc, ...splitted];
+    }, [])
+        .sort((a, b) => {
+        if (IGNORED_CODES.includes(a.code) || IGNORED_CODES.includes(b.code)) {
+            return 0;
+        }
+        return a.code.localeCompare(b.code);
+    });
+    const options = deduppedPrefixes.map(({ country, code, iso }) => {
+        const Icon = Flags[iso.toLowerCase()] || "svg";
+        return {
+            label: (_jsxs("span", { className: styles.option, children: [_jsx(Icon, { className: styles.icon }), _jsxs("span", { className: styles.code, children: ["+", code] })] })),
+            value: `${country}|${code}`,
+            kind: "item",
+        };
+    });
+    return (_jsx(Select, { name: "phoneCode", className: styles.select, label: messages.phoneCode, options: options, defaultValue: defaultValue, loading: loading, disabled: disabled, required: true }));
+}

package/es/common/components/gesco-contact-form/phone-code-select.module.css

@@ -0,0 +1,21 @@
+.select {
+  flex: 0 0 110px;
+}
+
+.option {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+}
+
+.icon {
+  flex: 0 0 20px;
+  width: 20px;
+  height: auto;
+}
+
+.icon:empty {
+  height: 15px;
+  background-color: var(--ds-grey-200, #ededed);
+  border-radius: calc(var(--ds-radius-100, 4px) / 2);
+}

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

@@ -0,0 +1,30 @@
+type ParamsPayload = {
+    lang: string;
+    channel: string;
+    resort?: number;
+    merchant?: string;
+    categories?: string[];
+};
+export declare function getParams(host: string, payload: ParamsPayload): Promise<any>;
+type SendPayload = {
+    lang: "fr" | "en";
+    channel: string;
+    resort?: number;
+    merchant?: string;
+    facet: "WINTER" | "SUMMER";
+    subject: string;
+    firstname: string;
+    lastname: string;
+    email: string;
+    phone: string;
+    country: string;
+    category?: string;
+    stayFrom: string;
+    stayTo: string;
+    message: string;
+    userAgent?: string;
+    language?: string;
+};
+export declare function send(host: string, payload: SendPayload): Promise<any>;
+export {};
+//# sourceMappingURL=api.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"api.d.ts","sourceRoot":"","sources":["../../../../../src/common/components/gesco-contact-form/services/api.ts"],"names":[],"mappings":"AAGA,KAAK,aAAa,GAAG;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;CACvB,CAAC;AAEF,wBAAsB,SAAS,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,aAAa,gBAInE;AAED,KAAK,WAAW,GAAG;IACjB,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;IAC3B,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,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;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,wBAAsB,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,gBAI5D"}

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

@@ -0,0 +1,12 @@
+// import * as Fetcher from "ublo-lib/es/common/utils/fetcher";
+import * as Fetcher from "../../../utils/fetcher";
+export async function getParams(host, payload) {
+    const endpoint = `${host}/api/gesco/contact/parameters`;
+    const result = await Fetcher.post(endpoint, payload);
+    return result;
+}
+export async function send(host, payload) {
+    const endpoint = `${host}/api/gesco/contact/send`;
+    const result = await Fetcher.post(endpoint, payload);
+    return result;
+}