ublo-lib 1.31.43 → 1.31.44

package/es/common/components/custom-contact-form/field.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 classNames from "classnames";
 import { useUbloContext } from "ublo/with-ublo";
@@ -12,232 +21,120 @@ import * as Fetcher from "../../utils/fetcher";
 import { FIELD_TESTS_ERROR_CODES, validate } from "./utils";
 import * as Messages from "./messages";
 import css from "./field.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-export default function Field({
-  kind,
-  name,
-  field,
-  data,
-  setData,
-  settings,
-  presets
-}) {
-  const {
-    lang,
-    config
-  } = useUbloContext();
-  const {
-    type,
-    label,
-    hidden,
-    fullWidth,
-    required
-  } = field;
-  const [activated, setActivated] = React.useState(false);
-  const [valid, setValid] = React.useState(!required || false);
-  const presetValues = presets?.values;
-  const disablePresetedFields = presetValues && presets?.disableFields !== false && Object.keys(presets.values).includes(name);
-  const isTitle = type === "title";
-  const classes = classNames({
-    [css.fieldFullWidth]: isTitle || fullWidth,
-    [css.fieldHidden]: hidden
-  });
-  if (isTitle) return _jsx("div", {
-    className: css.title,
-    children: label
-  });
-  if (type === "attachment") {
-    return _jsx(Attachment, {
-      lang: lang,
-      name: name,
-      label: label,
-      data: data,
-      setData: setData,
-      settings: settings
+export default function Field({ kind, name, field, data, setData, settings, presets, }) {
+    const { lang, config } = useUbloContext();
+    const { type, label, hidden, fullWidth, required } = field;
+    const [activated, setActivated] = React.useState(false);
+    const [valid, setValid] = React.useState(!required || false);
+    const presetValues = presets === null || presets === void 0 ? void 0 : presets.values;
+    const disablePresetedFields = presetValues &&
+        (presets === null || presets === void 0 ? void 0 : presets.disableFields) !== false &&
+        Object.keys(presets.values).includes(name);
+    const isTitle = type === "title";
+    const classes = classNames({
+        [css.fieldFullWidth]: isTitle || fullWidth,
+        [css.fieldHidden]: hidden,
     });
-  }
-  return _jsx(Inner, {
-    site: config.site,
-    kind: kind,
-    label: label,
-    lang: lang,
-    name: name,
-    classes: classes,
-    field: field,
-    data: data,
-    setData: setData,
-    disabled: disablePresetedFields,
-    activated: activated,
-    setActivated: setActivated,
-    valid: valid,
-    setValid: setValid
-  });
+    if (isTitle)
+        return <div className={css.title}>{label}</div>;
+    if (type === "attachment") {
+        return (<Attachment lang={lang} name={name} label={label} data={data} setData={setData} settings={settings}/>);
+    }
+    return (<Inner site={config.site} kind={kind} label={label} lang={lang} name={name} classes={classes} field={field} data={data} setData={setData} disabled={disablePresetedFields} activated={activated} setActivated={setActivated} valid={valid} setValid={setValid}/>);
 }
-function Inner({
-  site,
-  lang,
-  label,
-  kind,
-  name,
-  classes,
-  field,
-  data,
-  setData,
-  disabled,
-  activated,
-  setActivated,
-  valid,
-  setValid
-}) {
-  const {
-    icon,
-    type,
-    className,
-    options: fieldOptions = [],
-    placeholder,
-    required,
-    autoSizing,
-    min,
-    max
-  } = field;
-  const [options, setOptions] = React.useState(fieldOptions);
-  const fieldClasses = classNames(className, {
-    [classes]: classes
-  });
-  const Tag = getTag(type);
-  const onChange = React.useCallback(eventOrValue => {
-    const value = eventOrValue?.target?.value || eventOrValue;
-    const isAutoFilled = document.activeElement !== eventOrValue?.target;
-    if (type === "number" || isAutoFilled) {
-      const isValid = validate(type, value, required);
-      setData(data => ({
-        ...data,
-        [name]: {
-          ...data[name],
-          value,
-          valid: isValid
+function Inner({ site, lang, label, kind, name, classes, field, data, setData, disabled, activated, setActivated, valid, setValid, }) {
+    const { icon, type, className, options: fieldOptions = [], placeholder, required, autoSizing, min, max, } = field;
+    const [options, setOptions] = React.useState(fieldOptions);
+    const fieldClasses = classNames(className, {
+        [classes]: classes,
+    });
+    const Tag = getTag(type);
+    const onChange = React.useCallback((eventOrValue) => {
+        var _a;
+        const value = ((_a = eventOrValue === null || eventOrValue === void 0 ? void 0 : eventOrValue.target) === null || _a === void 0 ? void 0 : _a.value) || eventOrValue;
+        const isAutoFilled = document.activeElement !== (eventOrValue === null || eventOrValue === void 0 ? void 0 : eventOrValue.target);
+        if (type === "number" || isAutoFilled) {
+            const isValid = validate(type, value, required);
+            setData((data) => (Object.assign(Object.assign({}, data), { [name]: Object.assign(Object.assign({}, data[name]), { value, valid: isValid }) })));
+            setValid(isValid);
+            setActivated(true);
+            return;
         }
-      }));
-      setValid(isValid);
-      setActivated(true);
-      return;
-    }
-    setData(data => ({
-      ...data,
-      [name]: {
-        ...data[name],
-        value
-      }
-    }));
-  }, [name, required, setActivated, setData, setValid, type]);
-  const props = getProps(type, name, fieldClasses, data, required, placeholder, autoSizing, onChange, min, max);
-  const onBlur = e => {
-    const {
-      value
-    } = e.target;
-    const isValid = validate(type, value, required);
-    setData(data => ({
-      ...data,
-      [name]: {
-        ...data[name],
-        valid: isValid
-      }
-    }));
-    setValid(isValid);
-    setActivated(true);
-  };
-  React.useEffect(() => {
-    if (name === "subject") {
-      const getSubjects = async () => {
-        const body = kind ? {
-          kind
-        } : {};
-        const subjects = await Fetcher.post(`https://contacts.valraiso.net/api/subjects/${site}`, body);
-        if (subjects?.length === 1) {
-          const value = subjects?.[0]?.value || "";
-          onChange(value);
-          setOptions(subjects);
-        } else {
-          setOptions(["", ...subjects]);
+        setData((data) => (Object.assign(Object.assign({}, data), { [name]: Object.assign(Object.assign({}, data[name]), { value }) })));
+    }, [name, required, setActivated, setData, setValid, type]);
+    const props = getProps(type, name, fieldClasses, data, required, placeholder, autoSizing, onChange, min, max);
+    const onBlur = (e) => {
+        const { value } = e.target;
+        const isValid = validate(type, value, required);
+        setData((data) => (Object.assign(Object.assign({}, data), { [name]: Object.assign(Object.assign({}, data[name]), { valid: isValid }) })));
+        setValid(isValid);
+        setActivated(true);
+    };
+    React.useEffect(() => {
+        if (name === "subject") {
+            const getSubjects = () => __awaiter(this, void 0, void 0, function* () {
+                var _a;
+                const body = kind ? { kind } : {};
+                const subjects = yield Fetcher.post(`https://contacts.valraiso.net/api/subjects/${site}`, body);
+                if ((subjects === null || subjects === void 0 ? void 0 : subjects.length) === 1) {
+                    const value = ((_a = subjects === null || subjects === void 0 ? void 0 : subjects[0]) === null || _a === void 0 ? void 0 : _a.value) || "";
+                    onChange(value);
+                    setOptions(subjects);
+                }
+                else {
+                    setOptions(["", ...subjects]);
+                }
+            });
+            getSubjects();
         }
-      };
-      getSubjects();
-    }
-  }, [kind, name, onChange, site]);
-  const fieldLabel = getLabel(lang, label, required);
-  const isInputValid = required && activated && valid;
-  const errorMessage = required && activated && !valid && Messages.get(lang, FIELD_TESTS_ERROR_CODES[type]);
-  return _jsx(Tag, {
-    icon: icon,
-    label: fieldLabel,
-    options: options,
-    disabled: disabled,
-    valid: isInputValid,
-    error: errorMessage,
-    onBlur: onBlur,
-    ...props
-  });
+    }, [kind, name, onChange, site]);
+    const fieldLabel = getLabel(lang, label, required);
+    const isInputValid = required && activated && valid;
+    const errorMessage = required &&
+        activated &&
+        !valid &&
+        Messages.get(lang, FIELD_TESTS_ERROR_CODES[type]);
+    return (<Tag icon={icon} label={fieldLabel} options={options} disabled={disabled} valid={isInputValid} error={errorMessage} onBlur={onBlur} {...props}/>);
 }
 function getTag(type) {
-  switch (type) {
-    case "textarea":
-      return Textarea;
-    case "multiple-select":
-      return MultipleSelect;
-    case "select":
-      return Select;
-    case "checkbox":
-      return Checkbox;
-    case "number":
-      return NumberPicker;
-    default:
-      return Input;
-  }
+    switch (type) {
+        case "textarea":
+            return Textarea;
+        case "multiple-select":
+            return MultipleSelect;
+        case "select":
+            return Select;
+        case "checkbox":
+            return Checkbox;
+        case "number":
+            return NumberPicker;
+        default:
+            return Input;
+    }
 }
 function getProps(type, name, className, data, required, placeholder, autoSizing, onChange, min, max) {
-  const commonProps = {
-    className,
-    value: data[name].value,
-    placeholder,
-    required
-  };
-  if (type === "textarea") {
-    return {
-      onValueChange: onChange,
-      autoSizing,
-      ...commonProps
-    };
-  }
-  if (type === "multiple-select") {
-    return {
-      onChange,
-      ...commonProps,
-      values: commonProps.value,
-      onBlur: undefined
+    const commonProps = {
+        className,
+        value: data[name].value,
+        placeholder,
+        required,
     };
-  }
-  if (type === "select") {
-    return {
-      onValueChange: onChange,
-      ...commonProps
-    };
-  }
-  if (type === "number") {
-    return {
-      withInput: true,
-      onChange,
-      min,
-      max,
-      ...commonProps
-    };
-  }
-  return {
-    type,
-    onValueChange: onChange,
-    ...commonProps
-  };
+    if (type === "textarea") {
+        return Object.assign({ onValueChange: onChange, autoSizing }, commonProps);
+    }
+    if (type === "multiple-select") {
+        return Object.assign(Object.assign({ onChange }, commonProps), { values: commonProps.value, onBlur: undefined });
+    }
+    if (type === "select") {
+        return Object.assign({ onValueChange: onChange }, commonProps);
+    }
+    if (type === "number") {
+        return Object.assign({ withInput: true, onChange, min, max }, commonProps);
+    }
+    return Object.assign({ type, onValueChange: onChange }, commonProps);
 }
 function getLabel(lang, label, required) {
-  if (!required) return `${label} (${Messages.get(lang, "optionnal")})`;
-  return label;
-}
+    if (!required)
+        return `${label} (${Messages.get(lang, "optionnal")})`;
+    return label;
+}

package/es/common/components/custom-contact-form/icons.d.ts

@@ -0,0 +1,5 @@
+export function Upload(props: any): React.JSX.Element;
+export function File(props: any): React.JSX.Element;
+export function Bin(props: any): React.JSX.Element;
+export function Spinner(props: any): React.JSX.Element;
+import * as React from "react";

package/es/common/components/custom-contact-form/icons.js

@@ -1,59 +1,44 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 import * as React from "react";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
 export function Upload(props) {
-  return _jsxs(Icon, {
-    ...props,
-    children: [_jsx("path", {
-      d: "M11.3 11.3a1 1 0 0 1 1.4 0l4 4a1 1 0 0 1-1.4 1.4L12 13.42l-3.3 3.3a1 1 0 0 1-1.4-1.42l4-4Z"
-    }), _jsx("path", {
-      d: "M12 11a1 1 0 0 1 1 1v9a1 1 0 1 1-2 0v-9a1 1 0 0 1 1-1Z"
-    }), _jsx("path", {
-      d: "M8.66 2a9 9 0 0 1 8.82 6H18a6 6 0 0 1 2.87 11.27 1 1 0 0 1-.96-1.76A4 4 0 0 0 18 10h-1.26a1 1 0 0 1-.97-.75 7 7 0 1 0-12.02 6.39 1 1 0 1 1-1.5 1.32A9 9 0 0 1 8.66 2.01Z"
-    }), _jsx("path", {
-      d: "M11.3 11.3a1 1 0 0 1 1.4 0l4 4a1 1 0 0 1-1.4 1.4L12 13.42l-3.3 3.3a1 1 0 0 1-1.4-1.42l4-4Z"
-    })]
-  });
+    return (<Icon {...props}>
+      <path d="M11.3 11.3a1 1 0 0 1 1.4 0l4 4a1 1 0 0 1-1.4 1.4L12 13.42l-3.3 3.3a1 1 0 0 1-1.4-1.42l4-4Z"/>
+      <path d="M12 11a1 1 0 0 1 1 1v9a1 1 0 1 1-2 0v-9a1 1 0 0 1 1-1Z"/>
+      <path d="M8.66 2a9 9 0 0 1 8.82 6H18a6 6 0 0 1 2.87 11.27 1 1 0 0 1-.96-1.76A4 4 0 0 0 18 10h-1.26a1 1 0 0 1-.97-.75 7 7 0 1 0-12.02 6.39 1 1 0 1 1-1.5 1.32A9 9 0 0 1 8.66 2.01Z"/>
+      <path d="M11.3 11.3a1 1 0 0 1 1.4 0l4 4a1 1 0 0 1-1.4 1.4L12 13.42l-3.3 3.3a1 1 0 0 1-1.4-1.42l4-4Z"/>
+    </Icon>);
 }
 export function File(props) {
-  return _jsxs(Icon, {
-    ...props,
-    children: [_jsx("path", {
-      d: "M3.88 1.88A3 3 0 0 1 6 1h7a1 1 0 0 1 .7.3l7 7a1 1 0 0 1 .3.7v11a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3V4a3 3 0 0 1 .88-2.12ZM6 3a1 1 0 0 0-1 1v16a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V9.41L12.59 3H6Z"
-    }), _jsx("path", {
-      d: "M13 1a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2h-7a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1Z"
-    })]
-  });
+    return (<Icon {...props}>
+      <path d="M3.88 1.88A3 3 0 0 1 6 1h7a1 1 0 0 1 .7.3l7 7a1 1 0 0 1 .3.7v11a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3V4a3 3 0 0 1 .88-2.12ZM6 3a1 1 0 0 0-1 1v16a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V9.41L12.59 3H6Z"/>
+      <path d="M13 1a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2h-7a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1Z"/>
+    </Icon>);
 }
 export function Bin(props) {
-  return _jsxs(Icon, {
-    ...props,
-    children: [_jsx("path", {
-      d: "M2 6a1 1 0 011-1h18a1 1 0 110 2H3a1 1 0 01-1-1z"
-    }), _jsx("path", {
-      fillRule: "evenodd",
-      clipRule: "evenodd",
-      d: "M10 3a1 1 0 00-1 1v1h6V4a1 1 0 00-1-1h-4zm7 2V4a3 3 0 00-3-3h-4a3 3 0 00-3 3v1H5a1 1 0 00-1 1v14a3 3 0 003 3h10a3 3 0 003-3V6a1 1 0 00-1-1h-2zM6 7v13a1 1 0 001 1h10a1 1 0 001-1V7H6z"
-    }), _jsx("path", {
-      d: "M10 10a1 1 0 011 1v6a1 1 0 11-2 0v-6a1 1 0 011-1zM14 10a1 1 0 011 1v6a1 1 0 11-2 0v-6a1 1 0 011-1z"
-    })]
-  });
+    return (<Icon {...props}>
+      <path d="M2 6a1 1 0 011-1h18a1 1 0 110 2H3a1 1 0 01-1-1z"/>
+      <path fillRule="evenodd" clipRule="evenodd" d="M10 3a1 1 0 00-1 1v1h6V4a1 1 0 00-1-1h-4zm7 2V4a3 3 0 00-3-3h-4a3 3 0 00-3 3v1H5a1 1 0 00-1 1v14a3 3 0 003 3h10a3 3 0 003-3V6a1 1 0 00-1-1h-2zM6 7v13a1 1 0 001 1h10a1 1 0 001-1V7H6z"/>
+      <path d="M10 10a1 1 0 011 1v6a1 1 0 11-2 0v-6a1 1 0 011-1zM14 10a1 1 0 011 1v6a1 1 0 11-2 0v-6a1 1 0 011-1z"/>
+    </Icon>);
 }
 export function Spinner(props) {
-  return _jsx(Icon, {
-    ...props,
-    children: _jsx("path", {
-      d: "M10.7 3V1.4a1.3 1.3 0 012.6 0V3c0 .7-.6 1.3-1.3 1.3-.7 0-1.3-.6-1.3-1.3zM10.7 22.7V21a1.3 1.3 0 012.6 0v1.8c0 .7-.6 1.3-1.3 1.3-.7 0-1.3-.6-1.3-1.3zM17.4 6.6c-.5-.5-.5-1.3 0-1.8l1.3-1.3a1.3 1.3 0 111.8 1.8l-1.3 1.3a1.3 1.3 0 01-1.8 0zM3.5 20.5c-.5-.5-.5-1.3 0-1.8l1.3-1.3a1.3 1.3 0 011.8 1.8l-1.3 1.3a1.3 1.3 0 01-1.8 0zM21 13.3a1.3 1.3 0 110-2.6h1.7c.7 0 1.3.6 1.3 1.3 0 .7-.6 1.3-1.3 1.3H21zM1.3 13.3a1.3 1.3 0 110-2.6H3a1.3 1.3 0 010 2.6H1.3zM18.7 20.5l-1.3-1.3a1.3 1.3 0 011.8-1.8l1.3 1.3a1.3 1.3 0 01-1 2.2l-.8-.4zM4.8 6.6L3.5 5.3a1.3 1.3 0 011.8-1.8l1.3 1.3a1.3 1.3 0 01-1.8 1.8z"
-    })
-  });
+    return (<Icon {...props}>
+      <path d="M10.7 3V1.4a1.3 1.3 0 012.6 0V3c0 .7-.6 1.3-1.3 1.3-.7 0-1.3-.6-1.3-1.3zM10.7 22.7V21a1.3 1.3 0 012.6 0v1.8c0 .7-.6 1.3-1.3 1.3-.7 0-1.3-.6-1.3-1.3zM17.4 6.6c-.5-.5-.5-1.3 0-1.8l1.3-1.3a1.3 1.3 0 111.8 1.8l-1.3 1.3a1.3 1.3 0 01-1.8 0zM3.5 20.5c-.5-.5-.5-1.3 0-1.8l1.3-1.3a1.3 1.3 0 011.8 1.8l-1.3 1.3a1.3 1.3 0 01-1.8 0zM21 13.3a1.3 1.3 0 110-2.6h1.7c.7 0 1.3.6 1.3 1.3 0 .7-.6 1.3-1.3 1.3H21zM1.3 13.3a1.3 1.3 0 110-2.6H3a1.3 1.3 0 010 2.6H1.3zM18.7 20.5l-1.3-1.3a1.3 1.3 0 011.8-1.8l1.3 1.3a1.3 1.3 0 01-1 2.2l-.8-.4zM4.8 6.6L3.5 5.3a1.3 1.3 0 011.8-1.8l1.3 1.3a1.3 1.3 0 01-1.8 1.8z"/>
+    </Icon>);
+}
+function Icon(_a) {
+    var { children } = _a, props = __rest(_a, ["children"]);
+    return (<svg viewBox="0 0 24 24" {...props}>
+      {children}
+    </svg>);
 }
-function Icon({
-  children,
-  ...props
-}) {
-  return _jsx("svg", {
-    viewBox: "0 0 24 24",
-    ...props,
-    children: children
-  });
-}

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

@@ -0,0 +1,2 @@
+export default CustomContactForm;
+import CustomContactForm from "./custom-contact-form";

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

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

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

@@ -0,0 +1 @@
+export function get(lang: any, id: any): any;

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

@@ -1,80 +1,81 @@
 const locales = {
-  fr: {
-    send: "Envoyer",
-    reset: "Réinitialiser le formulaire",
-    choose: "Selectionner",
-    sentTitle: "Message envoyé !",
-    sent: "Votre message a bien été pris en compte.",
-    errorTitle: "Erreur",
-    error: "Une erreur est survenue, veuillez réessayer.",
-    "Internal Server Error": "Une erreur est survenue, veuillez réessayer.",
-    settingsError: "Erreur lors du chargement de la configuration du formulaire",
-    sending: "Envoi en cours, cette opération peut prendre du temps en fonctionne de la qualité du réseau et de la taille de vos pièces jointes",
-    attachmentPlaceholder: "Cliquer dans cet encart pour choisir les fichiers ou les glisser/déposer ici.",
-    attachmentHelper1: "fichiers maximum",
-    attachmentHelper2: "MO par fichier maximum",
-    attachmentHelper3: "Formats autorisés :",
-    attachmentOverlay: "Déposez vos fichiers ici",
-    attachmentFormatError: "Ce format de fichier n'est pas autorisé",
-    attachmentNumberError: "Vous avez choisi un trop grand nombre de fichiers",
-    attachmentSizeError: "Vous avez choisi un fichier trop lourd",
-    MISSING_RECIPIENT: "Aucun sujet selectionné, veuillez réessayer en choisissant un sujet.",
-    MISSING_EMAIL: "Aucun email renseigné, veuillez réessayer en renseignant votre adresse email.",
-    NO_RECIPIENT_FOUND: "Erreur lors de la récupération du destinataire final.",
-    NO_SETTINGS_FOUND: "Erreur lors de la récupération du paramétrage du formulaire.",
-    ATTACHMENT_NOT_ALLOWED: "Les pièces jointes ne sont pas autorisées dans ce formulaire.",
-    ATTACHMENT_NUMBER_TO_HIGH: "Nombre de pièces jointes trop important.",
-    ATTACHMENT_TRUNCATED: "Pièce(s) jointe(s) corrompue(s), veuillez réessayer.",
-    ATTACHMENT_TO_BIG: "Pièce(s) jointe(s) trop lourdes, veuillez réessayer avec d'autres fichiers.",
-    WRONG_ATTACHMENT_FORMAT: "Pièce(s) jointe(s) au format incompatible.",
-    TESTS_TEXT_ERROR: "Ce champ doit faire au moins 2 caractères",
-    TESTS_EMAIL_ERROR: 'L\'email doit être au format "john.doe@domaine.com"',
-    TESTS_DATE_ERROR: 'La date doit être format "AAAA-MM-JJ"',
-    TESTS_PHONE_ERROR: 'Le téléphone doit être au format "0612345678" ou "+33612345678"',
-    TESTS_TEXTAREA_ERROR: "Ce champ ne doit pas être vide",
-    TESTS_SELECT_ERROR: "Ce champ ne doit pas être vide",
-    TESTS_MULTIPLE_SELECT_ERROR: "Ce champ ne doit pas être vide",
-    optionnal: "optionnel"
-  },
-  en: {
-    send: "Send",
-    choose: "Choose an option",
-    sentTitle: "Message sent!",
-    sent: "Your message has been sent.",
-    errorTitle: "Error",
-    error: "An error occured, please try again.",
-    "Internal Server Error": "An error occured, please try again.",
-    settingsError: "An error occured while loading the form configuration",
-    sending: "Sending... This operation can take a while depending on your network quality and the size of the attachment",
-    attachmentPlaceholder: "Clic on this area or drag'n'drop your files inside in order to upload them.",
-    attachmentHelper1: "files maximum",
-    attachmentHelper2: "MB maximum for each file",
-    attachmentHelper3: "Authorized formats:",
-    attachmentOverlay: "Drop your files here",
-    attachmentFormatError: "This file format is not authorized",
-    attachmentNumberError: "You have chosen to much files",
-    attachmentSizeError: "You have chosen a file to big",
-    MISSING_RECIPIENT: "No subject selected, please try again after selecting a subject.",
-    MISSING_EMAIL: "No email provied, please try again after filling the email field.",
-    NO_RECIPIENT_FOUND: "Error while retrieving the final recipient.",
-    NO_SETTINGS_FOUND: "Error while getting the form settings.",
-    ATTACHMENT_NOT_ALLOWED: "Attachments are not allowed in this form.",
-    ATTACHMENT_NUMBER_TO_HIGH: "Attachment number to high.",
-    ATTACHMENT_TRUNCATED: "Corrupted attachment(s), please try again with other files.",
-    ATTACHMENT_TO_BIG: "Attachment(s) to big, please try again with other files.",
-    WRONG_ATTACHMENT_FORMAT: "Attachment(s) in the wrong format, please try again with other files.",
-    TESTS_TEXT_ERROR: "This field must be at least 2 characters long",
-    TESTS_EMAIL_ERROR: 'The email must be in the format "john.doe@domain.com"',
-    TESTS_DATE_ERROR: 'The date must be in the following format: "YYYY-MM-DD"',
-    TESTS_PHONE_ERROR: 'The phone number must be in the following formats: "0612345678" or "+33612345678"',
-    TESTS_TEXTAREA_ERROR: "This field cannot be empty",
-    TESTS_SELECT_ERROR: "This field cannot be empty",
-    TESTS_MULTIPLE_SELECT_ERROR: "This field cannot be empty",
-    optionnal: "optionnal"
-  }
+    fr: {
+        send: "Envoyer",
+        reset: "Réinitialiser le formulaire",
+        choose: "Selectionner",
+        sentTitle: "Message envoyé !",
+        sent: "Votre message a bien été pris en compte.",
+        errorTitle: "Erreur",
+        error: "Une erreur est survenue, veuillez réessayer.",
+        "Internal Server Error": "Une erreur est survenue, veuillez réessayer.",
+        settingsError: "Erreur lors du chargement de la configuration du formulaire",
+        sending: "Envoi en cours, cette opération peut prendre du temps en fonctionne de la qualité du réseau et de la taille de vos pièces jointes",
+        attachmentPlaceholder: "Cliquer dans cet encart pour choisir les fichiers ou les glisser/déposer ici.",
+        attachmentHelper1: "fichiers maximum",
+        attachmentHelper2: "MO par fichier maximum",
+        attachmentHelper3: "Formats autorisés :",
+        attachmentOverlay: "Déposez vos fichiers ici",
+        attachmentFormatError: "Ce format de fichier n'est pas autorisé",
+        attachmentNumberError: "Vous avez choisi un trop grand nombre de fichiers",
+        attachmentSizeError: "Vous avez choisi un fichier trop lourd",
+        MISSING_RECIPIENT: "Aucun sujet selectionné, veuillez réessayer en choisissant un sujet.",
+        MISSING_EMAIL: "Aucun email renseigné, veuillez réessayer en renseignant votre adresse email.",
+        NO_RECIPIENT_FOUND: "Erreur lors de la récupération du destinataire final.",
+        NO_SETTINGS_FOUND: "Erreur lors de la récupération du paramétrage du formulaire.",
+        ATTACHMENT_NOT_ALLOWED: "Les pièces jointes ne sont pas autorisées dans ce formulaire.",
+        ATTACHMENT_NUMBER_TO_HIGH: "Nombre de pièces jointes trop important.",
+        ATTACHMENT_TRUNCATED: "Pièce(s) jointe(s) corrompue(s), veuillez réessayer.",
+        ATTACHMENT_TO_BIG: "Pièce(s) jointe(s) trop lourdes, veuillez réessayer avec d'autres fichiers.",
+        WRONG_ATTACHMENT_FORMAT: "Pièce(s) jointe(s) au format incompatible.",
+        TESTS_TEXT_ERROR: "Ce champ doit faire au moins 2 caractères",
+        TESTS_EMAIL_ERROR: 'L\'email doit être au format "john.doe@domaine.com"',
+        TESTS_DATE_ERROR: 'La date doit être format "AAAA-MM-JJ"',
+        TESTS_PHONE_ERROR: 'Le téléphone doit être au format "0612345678" ou "+33612345678"',
+        TESTS_TEXTAREA_ERROR: "Ce champ ne doit pas être vide",
+        TESTS_SELECT_ERROR: "Ce champ ne doit pas être vide",
+        TESTS_MULTIPLE_SELECT_ERROR: "Ce champ ne doit pas être vide",
+        optionnal: "optionnel",
+    },
+    en: {
+        send: "Send",
+        choose: "Choose an option",
+        sentTitle: "Message sent!",
+        sent: "Your message has been sent.",
+        errorTitle: "Error",
+        error: "An error occured, please try again.",
+        "Internal Server Error": "An error occured, please try again.",
+        settingsError: "An error occured while loading the form configuration",
+        sending: "Sending... This operation can take a while depending on your network quality and the size of the attachment",
+        attachmentPlaceholder: "Clic on this area or drag'n'drop your files inside in order to upload them.",
+        attachmentHelper1: "files maximum",
+        attachmentHelper2: "MB maximum for each file",
+        attachmentHelper3: "Authorized formats:",
+        attachmentOverlay: "Drop your files here",
+        attachmentFormatError: "This file format is not authorized",
+        attachmentNumberError: "You have chosen to much files",
+        attachmentSizeError: "You have chosen a file to big",
+        MISSING_RECIPIENT: "No subject selected, please try again after selecting a subject.",
+        MISSING_EMAIL: "No email provied, please try again after filling the email field.",
+        NO_RECIPIENT_FOUND: "Error while retrieving the final recipient.",
+        NO_SETTINGS_FOUND: "Error while getting the form settings.",
+        ATTACHMENT_NOT_ALLOWED: "Attachments are not allowed in this form.",
+        ATTACHMENT_NUMBER_TO_HIGH: "Attachment number to high.",
+        ATTACHMENT_TRUNCATED: "Corrupted attachment(s), please try again with other files.",
+        ATTACHMENT_TO_BIG: "Attachment(s) to big, please try again with other files.",
+        WRONG_ATTACHMENT_FORMAT: "Attachment(s) in the wrong format, please try again with other files.",
+        TESTS_TEXT_ERROR: "This field must be at least 2 characters long",
+        TESTS_EMAIL_ERROR: 'The email must be in the format "john.doe@domain.com"',
+        TESTS_DATE_ERROR: 'The date must be in the following format: "YYYY-MM-DD"',
+        TESTS_PHONE_ERROR: 'The phone number must be in the following formats: "0612345678" or "+33612345678"',
+        TESTS_TEXTAREA_ERROR: "This field cannot be empty",
+        TESTS_SELECT_ERROR: "This field cannot be empty",
+        TESTS_MULTIPLE_SELECT_ERROR: "This field cannot be empty",
+        optionnal: "optionnal",
+    },
 };
 export function get(lang, id) {
-  const _lang = lang === "fr" ? "fr" : "en";
-  if (!locales || !locales[_lang]) return id;
-  return locales[_lang][id] || locales.fr[id] || `??${id}??`;
-}
+    const _lang = lang === "fr" ? "fr" : "en";
+    if (!locales || !locales[_lang])
+        return id;
+    return locales[_lang][id] || locales.fr[id] || `??${id}??`;
+}