ublo-lib 1.31.42 → 1.31.44

package/es/common/components/cross-selling-editor/tester-tunnel-offer.js

@@ -1,65 +0,0 @@
-import * as React from "react";
-import NumberPicker from "dt-design-system/es/number-picker";
-import Input from "dt-design-system/es/input";
-import Select from "dt-design-system/es/select";
-import * as Utils from "./services/utils";
-import styles from "./tester-tunnel-offer.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export default function TesterTunnelOffer({
-  kind,
-  value,
-  label,
-  cartOffers,
-  updateCartOffers,
-  refreshCartContent,
-  durations
-}) {
-  const overrideAllowed = Utils.allowedOverrides.includes(kind);
-  const isSkiPasses = kind === "LIFT";
-  const itemValue = cartOffers[value] || 0;
-  const items = [...new Array(itemValue)];
-  return _jsxs("div", {
-    className: styles.item,
-    children: [_jsx(NumberPicker, {
-      label: label,
-      value: itemValue,
-      onChange: updateCartOffers(value),
-      min: 0,
-      max: 10
-    }), overrideAllowed && items.map((_, index) => {
-      const number = index + 1;
-      if (isSkiPasses) {
-        return _jsxs(React.Fragment, {
-          children: [_jsx(Input, {
-            type: "number",
-            className: styles.input,
-            "data-kind": "skiPassDuration",
-            label: `Durée du forfait n°${number}`,
-            placeholder: "En jour(s) (Optionnel)",
-            min: 0,
-            max: 40,
-            onChange: refreshCartContent,
-            compact: true
-          }), durations && _jsx(Select, {
-            className: styles.input,
-            label: durations?.title + ` n°${number}`,
-            placeholder: " ",
-            "data-kind": "durationTags",
-            options: durations?.tags,
-            onChange: refreshCartContent,
-            compact: true
-          })]
-        }, index);
-      }
-      return _jsx(Input, {
-        className: styles.input,
-        "data-kind": "merchant",
-        label: `Marchand n°${number}`,
-        placeholder: "Code (Optionnel)",
-        onChange: refreshCartContent,
-        compact: true
-      }, index);
-    })]
-  }, label);
-}

package/es/common/components/cross-selling-editor/tester.js

@@ -1,197 +0,0 @@
-import * as React from "react";
-import Input from "dt-design-system/es/input";
-import Popover from "dt-design-system/es/popover";
-import Button from "dt-design-system/es/button";
-import * as Icons from "dt-design-system/es/icons";
-import TesterTunnelOffer from "./tester-tunnel-offer";
-import * as Utils from "./services/utils";
-import styles from "./tester.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-export default function Tester({
-  container,
-  config,
-  tunnelOffers,
-  durations
-}) {
-  const ref = React.useRef(null);
-  const [stayFrom, setStayFrom] = React.useState("");
-  const [stayTo, setStayTo] = React.useState("");
-  const [cartOffers, setCartOffers] = React.useState({});
-  const [merchants, setMerchants] = React.useState([]);
-  const [skiPassDurations, setSkiPassDurations] = React.useState([]);
-  const [durationTags, setDurationTags] = React.useState([]);
-  const updateStayFrom = value => {
-    setStayFrom(value);
-    const stayToIsUndefined = !stayTo;
-    const stayToIsBefore = new Date(stayTo) && new Date(value) > new Date(stayTo);
-    if (stayToIsUndefined || stayToIsBefore) {
-      const addOneWeek = new Date(value);
-      addOneWeek.setDate(addOneWeek.getDate() + 7);
-      const newValue = addOneWeek.toISOString().split("T")[0];
-      setStayTo(newValue);
-    }
-  };
-  const updateStayTo = value => {
-    setStayTo(value);
-    const stayFromIsAfter = new Date(stayFrom) > new Date(value);
-    if (stayFromIsAfter) {
-      const removeOneWeek = new Date(value);
-      removeOneWeek.setDate(removeOneWeek.getDate() - 7);
-      const newValue = removeOneWeek.toISOString().split("T")[0];
-      setStayFrom(newValue);
-    }
-  };
-  const stay = Utils.getStayFromCart({
-    stayFrom,
-    stayTo
-  });
-  const cartContent = {
-    items: cartOffers,
-    stay,
-    merchants,
-    skiPassDurations,
-    durationTags
-  };
-  const sortedOffers = Utils.getSortedOffers(container, cartContent, config);
-  const activeOverrides = Object.keys(cartOffers).reduce((acc, key) => {
-    const name = Utils.tunnelOffers[key];
-    const override = Utils.getActiveOverride(key, cartContent, config);
-    const isDefault = !override?.name;
-    if (!override || isDefault) return acc;
-    return {
-      ...acc,
-      [name]: [...(acc[name] || []), override.name]
-    };
-  }, {});
-  const activeOverridesKeys = Object.keys(activeOverrides);
-  const hasActiveOverride = activeOverridesKeys.length > 0;
-  const updateCartOffers = kind => value => {
-    setCartOffers(prev => ({
-      ...prev,
-      [kind]: value
-    }));
-  };
-  const refreshCartContent = () => {
-    const container = ref.current;
-    if (container) {
-      const merchantInputs = Array.from(container.querySelectorAll("[data-kind='merchant']"));
-      const skiPassDurationInputs = Array.from(container.querySelectorAll("[data-kind='skiPassDuration']"));
-      const durationTagsSelect = Array.from(container.querySelectorAll("[data-kind='durationTags']"));
-      const merchants = merchantInputs.map(input => input.value).filter(Boolean);
-      const skiPassDurations = skiPassDurationInputs.map(input => Number(input.value)).filter(Boolean);
-      const durationTags = durationTagsSelect.map(select => select.value).filter(Boolean);
-      setMerchants(merchants);
-      setSkiPassDurations(skiPassDurations);
-      setDurationTags(durationTags);
-    }
-  };
-  const tunnelOptions = Object.keys(tunnelOffers).map(key => {
-    const label = tunnelOffers[key];
-    return {
-      key,
-      value: key,
-      label
-    };
-  });
-  return _jsx("div", {
-    className: styles.tester,
-    children: _jsxs("div", {
-      className: styles.content,
-      children: [_jsxs("div", {
-        className: styles.title,
-        children: ["Pr\xE9visualisation", _jsxs(Popover, {
-          className: styles.popover,
-          trigger: _jsx(Button, {
-            variant: "transparent",
-            children: _jsx(Icons.Info, {})
-          }),
-          children: ["Vous pouvez tester les r\xE8gles de suggestions en modifiant le contenu du panier ci-dessous.", _jsx("br", {}), "Les suggestions de produits s'afficheront dessous en temps r\xE9el."]
-        })]
-      }), _jsxs("div", {
-        className: styles.header,
-        children: [_jsx("div", {
-          className: styles.headerTitle,
-          children: "Simulez un contenu de panier"
-        }), _jsxs("div", {
-          className: styles.stay,
-          children: [_jsx(Input, {
-            className: styles.input,
-            type: "date",
-            label: "Date de d\xE9but de s\xE9jour",
-            value: stayFrom || "",
-            onValueChange: updateStayFrom,
-            compact: true
-          }), _jsx(Input, {
-            className: styles.input,
-            type: "date",
-            label: "Date de fin de s\xE9jour",
-            value: stayTo || "",
-            onValueChange: updateStayTo,
-            compact: true
-          })]
-        }), _jsx("div", {
-          ref: ref,
-          className: styles.tunnelOffers,
-          children: tunnelOptions.map(({
-            key,
-            value,
-            label
-          }) => {
-            return _jsx(TesterTunnelOffer, {
-              kind: key,
-              value: value,
-              label: label,
-              cartOffers: cartOffers,
-              updateCartOffers: updateCartOffers,
-              refreshCartContent: refreshCartContent,
-              durations: durations
-            }, key.concat(label));
-          })
-        })]
-      }), _jsxs("div", {
-        className: styles.activeOverrides,
-        children: [_jsxs("span", {
-          className: styles.activeOverridesTitle,
-          children: ["Surcharge(s) active(s) :", " "]
-        }), hasActiveOverride ? activeOverridesKeys.map(key => {
-          const values = activeOverrides[key];
-          return _jsxs(_Fragment, {
-            children: [_jsxs("span", {
-              className: styles.activeOverride,
-              children: [key, " (", values.join(", "), ")"]
-            }, key), " "]
-          });
-        }) : _jsx("span", {
-          className: styles.noActiveOverride,
-          children: "Aucune"
-        })]
-      }), _jsx("div", {
-        className: styles.offers,
-        "data-custom-offers": "",
-        children: sortedOffers.map(({
-          title,
-          weight,
-          elementHTML
-        }) => {
-          return _jsxs("div", {
-            className: styles.offer,
-            "data-custom-offer": "",
-            children: [_jsx("div", {
-              className: styles.offerContent,
-              dangerouslySetInnerHTML: {
-                __html: elementHTML
-              }
-            }), _jsxs("div", {
-              className: styles.offerWeight,
-              children: ["Priorit\xE9 : ", _jsx("b", {
-                children: weight
-              })]
-            })]
-          }, title);
-        })
-      })]
-    })
-  });
-}

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

@@ -1,164 +0,0 @@
-import * as React from "react";
-import classNames from "classnames";
-import { useUbloContext } from "ublo/with-ublo";
-import Field from "./field";
-import { SnackbarProvider, useSnackbar } from "dt-design-system/es/snackbar";
-import Button from "dt-design-system/es/button";
-import * as Messages from "./messages";
-import * as Icons from "./icons";
-import * as DTIcons from "dt-design-system/es/icons";
-import * as Plausible from "../plausible";
-import { getInitialFormState, getSettings, send } from "./utils";
-import css from "./custom-contact-form.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export default React.memo(CustomContactFormWithSnackbar);
-function CustomContactFormWithSnackbar(props) {
-  return _jsx(SnackbarProvider, {
-    children: _jsx(CustomContactForm, {
-      ...props
-    })
-  });
-}
-function CustomContactForm({
-  kind,
-  title,
-  fields,
-  presets,
-  className,
-  innerClassName,
-  subject,
-  onSubmit,
-  customSend,
-  sendButtonText
-}) {
-  const [data, setData] = React.useState(getInitialFormState(fields, presets?.values));
-  const [sending, setSending] = React.useState(false);
-  const [ready, setReady] = React.useState(false);
-  const [settings, setSettings] = React.useState();
-  const {
-    lang,
-    config
-  } = useUbloContext();
-  const {
-    site
-  } = config;
-  const snackbar = useSnackbar();
-  const isFormValid = Object.keys(data).every(key => data[key].valid);
-  const sendForm = async () => {
-    setSending(true);
-    const sendFunction = customSend || send;
-    const {
-      message,
-      error
-    } = await sendFunction({
-      site,
-      data,
-      fields,
-      subjectPrefix: subject?.prefix,
-      subjectSuffix: subject?.suffix,
-      kind
-    });
-    if (error) {
-      snackbar.show({
-        type: "error",
-        message: error
-      });
-    } else {
-      snackbar.show({
-        type: "success",
-        message: Messages.get(lang, "sent")
-      });
-      Plausible.sendGoal("Contact-us (other requests)");
-      setData(currentData => getInitialFormState(fields, undefined, currentData.subject?.value));
-      resetForm();
-    }
-    setSending(false);
-    onSubmit?.({
-      data,
-      message,
-      error
-    });
-  };
-  const resetForm = () => {
-    presets?.setter?.(undefined);
-    setData(currentData => getInitialFormState(fields, undefined, currentData.subject?.value));
-  };
-  const blurForm = () => {
-    const activeElement = document.activeElement;
-    if (activeElement) {
-      activeElement.blur();
-    }
-  };
-  React.useEffect(() => {
-    if (!ready && !settings) {
-      const init = async () => {
-        if (typeof customSend === "function") {
-          setReady(true);
-          setSettings({});
-          return;
-        }
-        const formSettings = await getSettings(site);
-        setSettings(formSettings);
-        setReady(true);
-      };
-      init();
-    }
-  }, [customSend, ready, settings, site]);
-  React.useEffect(() => {
-    setData(currentData => getInitialFormState(fields, presets?.values, currentData.subject?.value));
-  }, [fields, presets?.values]);
-  const classes = classNames(css.root, className);
-  const innerClasses = classNames(css.inner, {
-    [innerClassName]: innerClassName
-  });
-  const showSendingOverlay = !!settings?.attachmentAllowed && sending;
-  if (!ready) return null;
-  if (ready && !settings) {
-    return _jsx("div", {
-      className: css.root,
-      children: Messages.get(lang, "NO_SETTINGS_FOUND")
-    });
-  }
-  const formKey = presets ? JSON.stringify(presets.values) : undefined;
-  return _jsxs("div", {
-    className: classes,
-    children: [title && _jsx("div", {
-      className: css.title,
-      children: title
-    }), _jsx("div", {
-      className: innerClasses,
-      children: Object.keys(fields).map(key => _jsx(Field, {
-        kind: kind,
-        name: key,
-        field: fields[key],
-        data: data,
-        setData: setData,
-        settings: settings,
-        presets: presets
-      }, key))
-    }), _jsxs("div", {
-      className: css.bottom,
-      children: [presets?.allowReset && _jsx(Button, {
-        className: css.resetButton,
-        disabled: sending,
-        onClick: resetForm,
-        children: Messages.get(lang, "reset")
-      }), _jsxs(Button, {
-        className: css.submitButton,
-        disabled: !isFormValid || sending,
-        onClick: sendForm,
-        onPointerEnter: blurForm,
-        children: [sendButtonText || Messages.get(lang, "send"), _jsx(DTIcons.Mail, {})]
-      })]
-    }), showSendingOverlay && _jsxs("div", {
-      className: css.sendingOverlay,
-      children: [_jsx(Icons.Spinner, {
-        className: css.sendingIcon
-      }), _jsx("span", {
-        className: css.sendingMessage,
-        children: Messages.get(lang, "sending")
-      })]
-    })]
-  }, formKey);
-}

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

@@ -1,262 +0,0 @@
-import * as React from "react";
-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 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 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";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export default function GescoContactForm({
-  lang = "fr",
-  channel = "ESF",
-  resort,
-  merchant,
-  categories,
-  subject,
-  facet = "WINTER",
-  host = "https://admin.mon-sejour-en-montagne.com",
-  onSubmit,
-  messagesOverrides = {}
-}) {
-  const {
-    params,
-    error
-  } = useParams({
-    lang,
-    channel,
-    resort,
-    merchant,
-    categories,
-    host
-  });
-  const [submiting, setSubmiting] = React.useState(false);
-  const [stayNeeded, setStayNeeded] = React.useState(false);
-  const [stayMin, setStayMin] = React.useState();
-  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);
-  React.useEffect(() => {
-    const now = new Date();
-    setStayMin(now.toISOString().split("T")[0]);
-  }, []);
-  const _lang = lang === "fr" ? "fr" : "en";
-  const needCategory = stayNeeded && params?.categories?.length !== undefined && params?.categories?.length > 1;
-  const loading = !error && params === undefined;
-  const defaultCategoryValue = stayNeeded && 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
-      };
-    }
-    if (subject) {
-      values = {
-        ...values,
-        subject
-      };
-    }
-    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);
-      Plausible.sendEvent(values, params);
-      setSendSuccess(true);
-      form.reset();
-      setFormKey(formKey + 1);
-    } catch (e) {
-      console.error(e);
-      setSendError(true);
-    } finally {
-      setSubmiting(false);
-    }
-  };
-  const checkIfStayIsNeeded = value => {
-    const subject = params?.subjects?.find(s => String(s.id) === value);
-    setStayNeeded(Boolean(subject?.stay));
-  };
-  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: [!subject && _jsx(Select, {
-      name: "subject",
-      label: messages.subject,
-      className: styles.fullWidthField,
-      placeholder: messages.defaultSubject,
-      options: subjectOptions,
-      disabled: Boolean(error) || loading,
-      onValueChange: checkIfStayIsNeeded,
-      required: true
-    }), _jsx(Input, {
-      name: "firstname",
-      type: "text",
-      icon: "User",
-      label: messages.firstname,
-      pattern: ".{2,}",
-      patternError: Messages.format(messages.lengthError, {
-        label: messages.firstname,
-        length: "1"
-      }),
-      disabled: Boolean(error) || loading,
-      required: true
-    }), _jsx(Input, {
-      name: "lastname",
-      type: "text",
-      icon: "User",
-      label: messages.lastname,
-      pattern: ".{2,}",
-      patternError: Messages.format(messages.lengthError, {
-        label: messages.lastname,
-        length: "1"
-      }),
-      disabled: Boolean(error) || loading,
-      required: true
-    }), _jsx(Input, {
-      name: "email",
-      type: "email",
-      icon: "Mail",
-      label: messages.email,
-      pattern: "[^@\\s]+@[^@\\s]+\\.[^@\\s]+",
-      patternError: messages.emailError,
-      disabled: Boolean(error) || loading,
-      required: true
-    }), _jsxs("div", {
-      className: styles.phoneGroup,
-      children: [_jsx(PhoneCodeSelect, {
-        messages: messages,
-        disabled: Boolean(error) || loading
-      }), _jsx(Input, {
-        name: "phone",
-        type: "phone",
-        className: styles.phoneField,
-        label: messages.phone,
-        inputMode: "numeric",
-        pattern: "[0-9 ]{9,15}$",
-        patternError: messages.phoneError,
-        disabled: Boolean(error) || loading,
-        required: true
-      })]
-    }), _jsx(Select, {
-      name: "country",
-      icon: "Globe",
-      label: messages.country,
-      className: styles.fullWidthField,
-      placeholder: messages.defaultCountry,
-      options: countryOptions,
-      disabled: Boolean(error) || loading,
-      required: true
-    }), needCategory && _jsx(Select, {
-      name: "category",
-      icon: "Plane",
-      label: messages.category,
-      className: styles.fullWidthField,
-      placeholder: messages.defaultCategory,
-      options: categoryOptions,
-      disabled: Boolean(error) || loading,
-      required: true
-    }), _jsx(Input, {
-      name: "stayFrom",
-      className: styles.stayField,
-      type: "date",
-      label: messages.stayFromDate,
-      placeholder: messages.dateFormat,
-      onValueChange: updateStayToMin,
-      hint: stayFromMax,
-      min: stayMin,
-      max: stayFromMax,
-      disabled: Boolean(error) || loading,
-      patternError: Messages.format(messages.mandatoryError, {
-        label: messages.stayFrom
-      }),
-      required: true,
-      extended: true
-    }), _jsx(Input, {
-      name: "stayTo",
-      className: styles.stayField,
-      type: "date",
-      label: messages.stayToDate,
-      placeholder: messages.dateFormat,
-      onValueChange: updateStayFromMax,
-      hint: stayToMin,
-      min: stayToMin || stayMin,
-      disabled: Boolean(error) || loading,
-      patternError: Messages.format(messages.mandatoryError, {
-        label: messages.stayTo
-      }),
-      required: true,
-      extended: true
-    }), _jsx(Textarea, {
-      name: "message",
-      className: styles.fullWidthField,
-      label: messages.message,
-      disabled: Boolean(error) || loading,
-      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);
-}