ublo-lib 1.31.43 → 1.31.44

package/es/common/components/instant-search/results.js

@@ -1,130 +0,0 @@
-import * as React from "react";
-import getConfig from "next/config";
-import Button from "dt-design-system/es/button";
-import * as Icons from "dt-design-system/es/icons";
-import Links from "./links";
-import Products from "./products";
-import * as Dates from "./services/dates";
-import message from "./services/messages";
-import css from "./results.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";
-const {
-  publicRuntimeConfig
-} = getConfig();
-const {
-  season
-} = publicRuntimeConfig;
-export default function Results({
-  lang,
-  text,
-  results,
-  weekNumber,
-  openPeriodPicker,
-  loading,
-  sendPlausibleGoal
-}) {
-  const ref = React.useRef(null);
-  const {
-    grouped_hits: groupedHits = []
-  } = results || {};
-  const flattenedHits = groupedHits.reduce((acc, group) => {
-    return [...acc, ...group.hits];
-  }, []);
-  const sortedHits = flattenedHits.reduce((acc, hit) => {
-    const {
-      type
-    } = hit.document;
-    return {
-      ...acc,
-      [type]: [...acc[type], hit]
-    };
-  }, {
-    page: [],
-    product: [],
-    information: [],
-    faq: [],
-    instructor: []
-  });
-  const {
-    page: pages,
-    product: products,
-    information,
-    faq: faqs,
-    instructor: instructors
-  } = sortedHits;
-  const filteredFaqs = faqs.reduce((acc, faq) => {
-    const isAlreadyInAcc = acc.some(item => {
-      const hasSameTitle = item.document.title === faq.document.title;
-      const hasSameParentTitle = item.document.parentTitle === faq.document.parentTitle;
-      return hasSameTitle && hasSameParentTitle;
-    });
-    if (isAlreadyInAcc) return acc;
-    return [...acc, faq];
-  }, []);
-  const weekSystemEnabled = Boolean(season);
-  const showProductsTitle = weekNumber !== null;
-  const isOtherResultsEmpty = !(pages.length || instructors.length || filteredFaqs.length || information.length);
-  return _jsx("div", {
-    className: css.results,
-    children: (loading || text.length > 0) && _jsxs("div", {
-      className: css.inner,
-      children: [_jsxs("div", {
-        ref: ref,
-        className: css.left,
-        children: [_jsx(Links, {
-          linksTitle: message(lang, "pages"),
-          icon: "FileText",
-          links: pages,
-          loading: loading,
-          sendPlausibleGoal: sendPlausibleGoal
-        }), _jsx(Links, {
-          linksTitle: message(lang, "instructors"),
-          icon: "User",
-          links: instructors,
-          loading: loading,
-          sendPlausibleGoal: sendPlausibleGoal
-        }), _jsx(Links, {
-          linksTitle: message(lang, "faqs"),
-          icon: "Question",
-          links: filteredFaqs,
-          loading: loading,
-          sendPlausibleGoal: sendPlausibleGoal
-        }), _jsx(Links, {
-          linksTitle: message(lang, "information"),
-          icon: "Info",
-          links: information,
-          loading: loading,
-          sendPlausibleGoal: sendPlausibleGoal,
-          pageTitleAsTitle: true
-        })]
-      }), _jsxs("div", {
-        className: css.right,
-        children: [!loading && products.length > 0 && weekSystemEnabled && _jsx(_Fragment, {
-          children: showProductsTitle ? _jsxs("div", {
-            className: css.resultsWithWeekTitle,
-            children: [message(lang, "productTitleWithWeek"), Dates.weekToLongDate(weekNumber, season.end, season.forceSeasonSwitch), _jsxs(Button, {
-              onClick: openPeriodPicker,
-              children: [_jsx(Icons.Calendar, {}), message(lang, "updateWeek")]
-            })]
-          }) : _jsxs("div", {
-            className: css.resultsWithoutWeekTitle,
-            children: [message(lang, "productTitleWithoutWeek"), _jsxs(Button, {
-              onClick: openPeriodPicker,
-              children: [_jsx(Icons.Calendar, {}), message(lang, "chooseWeek")]
-            })]
-          })
-        }), _jsx(Products, {
-          lang: lang,
-          products: products,
-          weekNumber: weekNumber,
-          loading: loading,
-          sendPlausibleGoal: sendPlausibleGoal,
-          otherResultsRef: ref,
-          isOtherResultsEmpty: isOtherResultsEmpty
-        })]
-      })]
-    })
-  });
-}

package/es/common/components/msem-preset-editor/components/facet-selector.js

@@ -1,40 +0,0 @@
-import * as React from "react";
-import Select from "dt-design-system/es/select";
-import { jsx as _jsx } from "react/jsx-runtime";
-export default function FacetSelector({
-  facet,
-  setFacet,
-  setPreset
-}) {
-  const updateFacet = newValue => {
-    setPreset(current => {
-      if (!newValue) {
-        return null;
-      } else {
-        return {
-          ...current,
-          options: {
-            ...(current?.options || {}),
-            facet: Number(newValue)
-          }
-        };
-      }
-    });
-    setFacet(newValue);
-  };
-  return _jsx(Select, {
-    value: facet,
-    onValueChange: updateFacet,
-    label: "Facette",
-    options: [{
-      label: "Sélectionnez une facette pour continuer",
-      value: ""
-    }, {
-      label: "Hiver",
-      value: "0"
-    }, {
-      label: "Eté",
-      value: "1"
-    }]
-  });
-}

package/es/common/components/msem-preset-editor/components/form.js

@@ -1,58 +0,0 @@
-import * as React from "react";
-import Button from "dt-design-system/es/button";
-import Tooltip from "dt-design-system/es/tooltip";
-import * as Icons from "dt-design-system/es/icons";
-import css from "./form.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export default function Form({
-  title,
-  width,
-  preset,
-  buttonsActions,
-  children
-}) {
-  const {
-    testPreset,
-    cancelPreset,
-    confirmPreset
-  } = buttonsActions;
-  return _jsxs("div", {
-    className: css.form,
-    style: {
-      width
-    },
-    children: [_jsxs("div", {
-      className: css.title,
-      children: [_jsx(Icons.Tune, {}), title]
-    }), _jsx("div", {
-      className: css.inner,
-      children: children
-    }), _jsxs("div", {
-      className: css.buttons,
-      children: [_jsx(Tooltip, {
-        content: "Tester dans le widget MseM",
-        children: _jsx(Button, {
-          variant: "secondary",
-          disabled: !preset?.widget,
-          className: css.testButton,
-          onClick: testPreset,
-          children: _jsx(Icons.OpenInBrowser, {})
-        })
-      }), _jsx(Button, {
-        type: "submit",
-        variant: "secondary",
-        className: css.button,
-        onClick: cancelPreset,
-        children: "Annuler"
-      }), _jsx(Button, {
-        type: "submit",
-        variant: "primary",
-        className: css.button,
-        onClick: confirmPreset,
-        disabled: !confirmPreset,
-        children: "Confirmer"
-      })]
-    })]
-  });
-}

package/es/common/components/msem-preset-editor/components/stay-picker.js

@@ -1,74 +0,0 @@
-import * as React from "react";
-import Input from "dt-design-system/es/input";
-import css from "./stay-picker.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export default function StayPicker({
-  stay,
-  setStay
-}) {
-  const updateStay = key => value => {
-    const isFrom = key === "from";
-    const isTo = key === "to";
-    if (isFrom) {
-      if (!stay.to && !value) {
-        window.sessionStorage.removeItem("stay");
-        return setStay({
-          from: "",
-          to: ""
-        });
-      }
-      const from = new Date(value);
-      const to = new Date(stay.to);
-      if (from > to || !stay.to) {
-        return setStay({
-          from: value,
-          to: value
-        });
-      }
-      return setStay({
-        ...stay,
-        [key]: value
-      });
-    }
-    if (isTo) {
-      if (!stay.from && !value) {
-        window.sessionStorage.removeItem("stay");
-        return setStay({
-          from: "",
-          to: ""
-        });
-      }
-      const from = new Date(stay.from);
-      const to = new Date(value);
-      if (from > to || !stay.from) {
-        return setStay({
-          to: value,
-          from: value
-        });
-      }
-      return setStay({
-        ...stay,
-        [key]: value
-      });
-    }
-    setStay({
-      ...stay,
-      [key]: value
-    });
-  };
-  return _jsxs("div", {
-    className: css.picker,
-    children: [_jsx(Input, {
-      type: "date",
-      label: "Date de d\xE9but",
-      value: stay.from,
-      onValueChange: updateStay("from")
-    }), _jsx(Input, {
-      type: "date",
-      label: "Date de fin",
-      value: stay.to,
-      onValueChange: updateStay("to")
-    })]
-  });
-}

package/es/common/components/msem-preset-editor/components/widget-list-item.js

@@ -1,137 +0,0 @@
-import * as React from "react";
-import classNames from "classnames";
-import Button from "dt-design-system/es/button";
-import Tooltip from "dt-design-system/es/tooltip";
-import * as Icons from "dt-design-system/es/icons";
-import css from "./widget-list-item.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-const ALLOW_PRESETS_ON_WIDGETS = ["lodging", "skiPass", "liftJb", "elloha", "vakario"];
-export default function WidgetListItem({
-  item,
-  preset,
-  updatePreset,
-  removePreset,
-  setShowPresetDialog
-}) {
-  const [opened, setOpened] = React.useState(false);
-  const {
-    widget,
-    logo,
-    name,
-    items: subs
-  } = item;
-  const toggleItem = () => {
-    setOpened(!opened);
-  };
-  const ToggleIcon = opened ? Icons.ChevronUp : Icons.ChevronDown;
-  const isSelected = preset?.name === name && preset?.widget === widget;
-  const hasSubs = subs && subs.length > 0;
-  const allowAdvancedPresets = ALLOW_PRESETS_ON_WIDGETS.includes(widget);
-  const showEditButton = isSelected && allowAdvancedPresets;
-  const showRemoveButton = isSelected;
-  const classes = classNames(css.item, {
-    [css.selected]: isSelected,
-    [css.opened]: opened
-  });
-  const handleItemClick = () => {
-    if (!isSelected) {
-      updatePreset(item);
-    }
-  };
-  return _jsxs("div", {
-    className: classes,
-    children: [_jsxs(Button, {
-      variant: "transparent",
-      className: css.button,
-      onClick: handleItemClick,
-      children: [_jsx("div", {
-        className: css.logo,
-        children: _jsx("img", {
-          src: logo,
-          alt: name
-        })
-      }), _jsx("div", {
-        className: css.name,
-        children: name
-      })]
-    }), (hasSubs || showEditButton || showRemoveButton) && _jsxs("div", {
-      className: css.actions,
-      children: [showEditButton && _jsx(Tooltip, {
-        content: "Modifier",
-        children: _jsx(Button, {
-          variant: "primary",
-          className: css.action,
-          onClick: () => setShowPresetDialog(true),
-          compact: true,
-          children: _jsx(Icons.Edit, {})
-        })
-      }), showRemoveButton && _jsx(Tooltip, {
-        content: "Supprimer",
-        children: _jsx(Button, {
-          variant: "danger",
-          className: css.action,
-          onClick: removePreset,
-          compact: true,
-          children: _jsx(Icons.Trash, {})
-        })
-      }), hasSubs && _jsx(Tooltip, {
-        content: "Afficher les sous-marchands",
-        children: _jsx(Button, {
-          variant: "secondary",
-          className: css.action,
-          onClick: toggleItem,
-          compact: true,
-          children: _jsx(ToggleIcon, {})
-        })
-      })]
-    }), opened && subs && _jsx("div", {
-      className: css.list,
-      children: subs.map(sub => {
-        const isSelected = preset?.name === sub.name;
-        const allowedWidgets = ["otherProducts", ...ALLOW_PRESETS_ON_WIDGETS];
-        const allowAdvancedPresets = allowedWidgets.includes(sub.widget);
-        const showEditButton = isSelected && allowAdvancedPresets;
-        const showButtons = showEditButton || isSelected;
-        const classes = classNames(css.subButton, {
-          [css.subButtonSelected]: isSelected
-        });
-        const handleSubClick = () => {
-          if (!isSelected) {
-            updatePreset(item, sub);
-          }
-        };
-        return _jsxs("div", {
-          className: css.sub,
-          children: [_jsx(Button, {
-            variant: "transparent",
-            className: classes,
-            onClick: handleSubClick,
-            children: sub.name
-          }), showButtons && _jsxs("div", {
-            className: css.subActions,
-            children: [showEditButton && _jsx(Tooltip, {
-              content: "Modifier",
-              children: _jsx(Button, {
-                variant: "primary",
-                className: css.action,
-                onClick: () => setShowPresetDialog(true),
-                compact: true,
-                children: _jsx(Icons.Edit, {})
-              })
-            }), isSelected && _jsx(Tooltip, {
-              content: "Supprimer",
-              children: _jsx(Button, {
-                variant: "danger",
-                className: css.action,
-                onClick: removePreset,
-                compact: true,
-                children: _jsx(Icons.Trash, {})
-              })
-            })]
-          })]
-        }, sub.name);
-      })
-    })]
-  });
-}

package/es/common/components/msem-preset-editor/components/widget-list.js

@@ -1,59 +0,0 @@
-import * as React from "react";
-import Loader from "dt-design-system/es/loader";
-import WidgetListItem from "./widget-list-item";
-import * as Offers from "../services/offers";
-import css from "./widget-list.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export default function WidgetList({
-  lang,
-  channel,
-  resort,
-  facet,
-  preset,
-  updatePreset,
-  removePreset,
-  setError,
-  setShowPresetDialog
-}) {
-  const [offers, setOffers] = React.useState(null);
-  const [loading, setLoading] = React.useState(false);
-  React.useEffect(() => {
-    const runEffect = async () => {
-      setError(null);
-      setOffers(null);
-      setLoading(true);
-      try {
-        const offers = await Offers.get(lang, channel, resort, facet);
-        const filteredOffers = offers.filter(({
-          kind
-        }) => {
-          return kind !== "FFS" && kind !== "ASSU";
-        });
-        setOffers(filteredOffers);
-      } catch (e) {
-        setError("Une erreur est survenue lors de la récupération des offres");
-      } finally {
-        setLoading(false);
-      }
-    };
-    runEffect();
-  }, [channel, facet, lang, resort, setError]);
-  return _jsxs("div", {
-    className: css.list,
-    children: [loading && _jsx(Loader, {
-      className: css.loader
-    }), offers?.length === 0 && !loading && _jsx("div", {
-      className: css.empty,
-      children: "Aucun widget disponible"
-    }), offers?.map((offer, i) => {
-      return _jsx(WidgetListItem, {
-        item: offer,
-        preset: preset,
-        updatePreset: updatePreset,
-        removePreset: removePreset,
-        setShowPresetDialog: setShowPresetDialog
-      }, i);
-    })]
-  });
-}

package/es/common/components/msem-preset-editor/editor-dialog.js

@@ -1,74 +0,0 @@
-import * as React from "react";
-import Dialog from "dt-design-system/es/dialog";
-import Button from "dt-design-system/es/button";
-import * as Icons from "dt-design-system/es/icons";
-import MseMPresetEditor from "./msem-preset-editor";
-import css from "./editor-dialog.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export default function EditorDialog({
-  lang,
-  options,
-  urls,
-  target,
-  updatePreset,
-  closeEditor,
-  removeObsoletePreset,
-  noLodgingPage,
-  children
-}) {
-  const selectedPreset = target?.getAttribute("data-msem-preset");
-  const [preset, setPreset] = React.useState(selectedPreset ? JSON.parse(selectedPreset) : null);
-  const hasObsoletePreset = target?.hasAttribute("data-config");
-  React.useEffect(() => {
-    if (selectedPreset) {
-      setPreset(JSON.parse(selectedPreset));
-    }
-  }, [selectedPreset]);
-  const updateNewPreset = React.useCallback(() => {
-    const anchorHasHref = target?.querySelector(":scope > a")?.hasAttribute("href");
-    if (!anchorHasHref && preset?.url && !preset?.openPage) {
-      delete preset.url;
-    }
-    updatePreset(preset);
-  }, [preset, updatePreset, target]);
-  return _jsxs(Dialog, {
-    className: css.dialog,
-    isOpened: !!target,
-    container: null,
-    close: closeEditor,
-    closeOnBackdropClick: false,
-    showAsModal: false,
-    children: [_jsx("div", {
-      className: css.title,
-      children: "Choisissez un widget"
-    }), _jsx("div", {
-      className: css.subtitle,
-      children: "Ce dernier s'ouvrira au clic sur la section selectionn\xE9e."
-    }), _jsx(MseMPresetEditor, {
-      lang: lang,
-      options: options,
-      urls: urls,
-      selectedPreset: selectedPreset,
-      onChange: setPreset,
-      noLodgingPage: noLodgingPage,
-      children: children
-    }), _jsxs("div", {
-      className: css.buttons,
-      children: [hasObsoletePreset && _jsxs(Button, {
-        variant: "danger",
-        className: css.removeObsolete,
-        onClick: removeObsoletePreset,
-        children: [_jsx(Icons.CleaningServices, {}), "Nettoyer le preset obsol\xE8te"]
-      }), _jsx(Button, {
-        variant: "secondary",
-        onClick: closeEditor,
-        children: "Annuler"
-      }), _jsx(Button, {
-        variant: "primary",
-        onClick: updateNewPreset,
-        children: "Valider"
-      })]
-    })]
-  });
-}

package/es/common/components/msem-preset-editor/editors/elloha.js

@@ -1,113 +0,0 @@
-import * as React from "react";
-import Input from "dt-design-system/es/input";
-import MultipleSelect from "dt-design-system/es/multiple-select";
-import Form from "../components/form";
-import * as API from "../services/api";
-import css from "./elloha.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-const DEFAULT_DATA = {
-  groupNames: []
-};
-export default function Elloha({
-  preset,
-  setPreset,
-  stay,
-  setShowPresetDialog,
-  onChange,
-  testPreset
-}) {
-  const savedPreset = React.useRef(preset);
-  const [loading, setLoading] = React.useState(false);
-  const [groupNames, setGroupNames] = React.useState([]);
-  const [selectedGroups, setSelectedGroups] = React.useState(getDefaultData(preset));
-  const {
-    merchant
-  } = preset?.options || {};
-  const stayIsUndefined = !stay?.from || !stay?.to;
-  const cancelPreset = () => {
-    setPreset(savedPreset.current);
-    setShowPresetDialog(false);
-  };
-  const confirmPreset = () => {
-    setShowPresetDialog(false);
-  };
-  const manualSelectedGroupUpdate = newValue => {
-    const values = newValue.split(";");
-    setSelectedGroups(values);
-  };
-  React.useEffect(() => {
-    if (!stayIsUndefined) {
-      const runEffect = async () => {
-        try {
-          setLoading(true);
-          const {
-            kinds
-          } = await API.getEllohaGroups(merchant, stay.from);
-          const allGroups = kinds.map(k => k.group).filter(Boolean);
-          const groups = [...new Set(allGroups)];
-          setGroupNames(groups);
-        } catch (e) {
-          console.error(e);
-        } finally {
-          setLoading(false);
-        }
-      };
-      runEffect();
-    }
-  }, [merchant, stayIsUndefined, stay.from]);
-  React.useEffect(() => {
-    setPreset((current = {}) => {
-      const newPreset = {
-        ...current,
-        presets: {
-          ...(current?.presets || {}),
-          groupNames: selectedGroups.map(g => g.trim()).filter(Boolean)
-        }
-      };
-      onChange?.(newPreset);
-      return newPreset;
-    });
-  }, [onChange, selectedGroups, setPreset]);
-  return _jsxs(Form, {
-    title: "Presets activit\xE9s Elloha",
-    width: 420,
-    preset: preset,
-    buttonsActions: {
-      testPreset,
-      cancelPreset,
-      confirmPreset: groupNames.length === 0 && selectedGroups.length === 0 ? undefined : confirmPreset
-    },
-    children: [!stayIsUndefined && _jsx(MultipleSelect, {
-      label: "Groupes",
-      options: groupNames,
-      values: selectedGroups,
-      onChange: setSelectedGroups,
-      placeholder: "S\xE9lectionnez un ou plusieurs groupes",
-      loading: loading,
-      disabled: groupNames.length === 0,
-      error: !loading && groupNames.length === 0 && "Aucun groupe disponible à ces dates"
-    }), stayIsUndefined && _jsxs(_Fragment, {
-      children: [_jsx("div", {
-        className: css.error,
-        children: "Vous devez renseigner des dates de s\xE9jour pour afficher dynamiquement les groupes"
-      }), _jsx(Input, {
-        label: "Groupe",
-        placeholder: "",
-        value: selectedGroups.join(";"),
-        onValueChange: manualSelectedGroupUpdate
-      }), _jsx("div", {
-        className: css.helper,
-        children: "Vous pouvez manuellement renseigner un ou plusieurs groupe(s) (les s\xE9pararer par un \";\")"
-      })]
-    })]
-  });
-}
-function getDefaultData(preset) {
-  if (!preset?.presets) return DEFAULT_DATA;
-  const {
-    groupNames
-  } = preset.presets;
-  return groupNames || DEFAULT_DATA.groupNames;
-}