ublo-lib 1.24.4 → 1.25.0

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

@@ -1,23 +1,40 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
 import Select from "dt-design-system/es/select";
-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" },
-        ] }));
-}
+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,9 +1,58 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+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";
-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" })] })] }));
-}
+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,35 +1,74 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
 import Input from "dt-design-system/es/input";
 import css from "./stay-picker.module.css";
-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\u00E9but", value: stay.from, onValueChange: updateStay("from") }), _jsx(Input, { type: "date", label: "Date de fin", value: stay.to, onValueChange: updateStay("to") })] }));
-}
+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,49 +1,137 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 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", "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));
-                }) }))] }));
-}
+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,34 +1,59 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 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";
-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));
-            })] }));
-}
+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,27 +1,74 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 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";
-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\u00E9e." }), _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\u00E8te"] })), _jsx(Button, { variant: "secondary", onClick: closeEditor, children: "Annuler" }), _jsx(Button, { variant: "primary", onClick: updateNewPreset, children: "Valider" })] })] }));
-}
+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"
+      })]
+    })]
+  });
+}