ublo-lib 1.31.44 → 1.32.1

package/es/common/components/instant-search/services/utils.d.ts

@@ -1,3 +1,4 @@
 import type { Hit, PurpleHighlight } from "../results";
 export declare function getHighlight(property: string, highlight: PurpleHighlight, withExtractQuotes?: boolean): any;
 export declare function filterProducts(products: Hit[], weekNumber: number | null): Hit[];
+//# sourceMappingURL=utils.d.ts.map

package/es/common/components/instant-search/services/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/common/components/instant-search/services/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAEvD,wBAAgB,YAAY,CAC1B,QAAQ,EAAE,MAAM,EAChB,SAAS,EAAE,eAAe,EAC1B,iBAAiB,GAAE,OAAe,OAoBnC;AAED,wBAAgB,cAAc,CAAC,QAAQ,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,MAAM,GAAG,IAAI,SAkBxE"}

package/es/common/components/instant-search/services/utils.js

@@ -1,6 +1,5 @@
 export function getHighlight(property, highlight, withExtractQuotes = false) {
-    var _a;
-    if (!((_a = highlight[property]) === null || _a === void 0 ? void 0 : _a.snippet))
+    if (!highlight[property]?.snippet)
         return;
     let snippet = highlight[property].snippet;
     if (!withExtractQuotes)

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

@@ -1,6 +1,6 @@
-import * as React from "react";
 export default function FacetSelector({ facet, setFacet, setPreset }: {
     facet: any;
     setFacet: any;
     setPreset: any;
-}): React.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=facet-selector.d.ts.map

package/es/common/components/msem-preset-editor/components/facet-selector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"facet-selector.d.ts","sourceRoot":"","sources":["../../../../../src/common/components/msem-preset-editor/components/facet-selector.tsx"],"names":[],"mappings":"AAGA,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE;;;;CAAA,2CA2BnE"}

package/es/common/components/msem-preset-editor/components/{facet-selector.jsx → facet-selector.js}

@@ -1,4 +1,4 @@
-import * as React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
 import Select from "dt-design-system/es/select";
 export default function FacetSelector({ facet, setFacet, setPreset }) {
     const updateFacet = (newValue) => {
@@ -7,14 +7,17 @@ export default function FacetSelector({ facet, setFacet, setPreset }) {
                 return null;
             }
             else {
-                return Object.assign(Object.assign({}, current), { options: Object.assign(Object.assign({}, ((current === null || current === void 0 ? void 0 : current.options) || {})), { facet: Number(newValue) }) });
+                return {
+                    ...current,
+                    options: { ...(current?.options || {}), facet: Number(newValue) },
+                };
             }
         });
         setFacet(newValue);
     };
-    return (<Select value={facet} onValueChange={updateFacet} label="Facette" options={[
+    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.d.ts

@@ -1,8 +1,8 @@
-import * as React from "react";
 export default function Form({ title, width, preset, buttonsActions, children, }: {
     title: any;
     width: any;
     preset: any;
     buttonsActions: any;
     children: any;
-}): React.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=form.d.ts.map

package/es/common/components/msem-preset-editor/components/form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../../../../src/common/components/msem-preset-editor/components/form.tsx"],"names":[],"mappings":"AAMA,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAC3B,KAAK,EACL,KAAK,EACL,MAAM,EACN,cAAc,EACd,QAAQ,GACT;;;;;;CAAA,2CAwCA"}

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

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+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" })] })] }));
+}

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

@@ -1,4 +1,3 @@
-import * as React from "react";
 type Props = {
     stay: {
         from: string;
@@ -10,5 +9,6 @@ type Props = {
     }) => void;
     setPreset: (preset: Record<string, any>) => void;
 };
-export default function StayPicker({ stay, setStay }: Props): React.JSX.Element;
+export default function StayPicker({ stay, setStay }: Props): import("react/jsx-runtime").JSX.Element;
 export {};
+//# sourceMappingURL=stay-picker.d.ts.map

package/es/common/components/msem-preset-editor/components/stay-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stay-picker.d.ts","sourceRoot":"","sources":["../../../../../src/common/components/msem-preset-editor/components/stay-picker.tsx"],"names":[],"mappings":"AAIA,KAAK,KAAK,GAAG;IACX,IAAI,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,CAAC;IACnC,OAAO,EAAE,CAAC,IAAI,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACtD,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;CAClD,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,KAAK,2CAiD1D"}

package/es/common/components/msem-preset-editor/components/{stay-picker.jsx → stay-picker.js}

@@ -1,4 +1,4 @@
-import * as React from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Input from "dt-design-system/es/input";
 import css from "./stay-picker.module.css";
 export default function StayPicker({ stay, setStay }) {
@@ -15,7 +15,7 @@ export default function StayPicker({ stay, setStay }) {
             if (from > to || !stay.to) {
                 return setStay({ from: value, to: value });
             }
-            return setStay(Object.assign(Object.assign({}, stay), { [key]: value }));
+            return setStay({ ...stay, [key]: value });
         }
         if (isTo) {
             if (!stay.from && !value) {
@@ -27,12 +27,9 @@ export default function StayPicker({ stay, setStay }) {
             if (from > to || !stay.from) {
                 return setStay({ to: value, from: value });
             }
-            return setStay(Object.assign(Object.assign({}, stay), { [key]: value }));
+            return setStay({ ...stay, [key]: value });
         }
-        setStay(Object.assign(Object.assign({}, stay), { [key]: value }));
+        setStay({ ...stay, [key]: value });
     };
-    return (<div className={css.picker}>
-      <Input type="date" label="Date de début" value={stay.from} onValueChange={updateStay("from")}/>
-      <Input type="date" label="Date de fin" value={stay.to} onValueChange={updateStay("to")}/>
-    </div>);
+    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") })] }));
 }

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

@@ -7,5 +7,6 @@ type Props = {
     removePreset: () => void;
     setShowPresetDialog: React.Dispatch<React.SetStateAction<boolean>>;
 };
-export default function WidgetListItem({ item, preset, updatePreset, removePreset, setShowPresetDialog, }: Props): React.JSX.Element;
+export default function WidgetListItem({ item, preset, updatePreset, removePreset, setShowPresetDialog, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};
+//# sourceMappingURL=widget-list-item.d.ts.map

package/es/common/components/msem-preset-editor/components/widget-list-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"widget-list-item.d.ts","sourceRoot":"","sources":["../../../../../src/common/components/msem-preset-editor/components/widget-list-item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAGhD,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,KAAK,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,CAAC;IACnC,YAAY,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,SAAS,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IACvD,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,mBAAmB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;CACpE,CAAC;AAUF,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,IAAI,EACJ,MAAM,EACN,YAAY,EACZ,YAAY,EACZ,mBAAmB,GACpB,EAAE,KAAK,2CAkJP"}

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

@@ -0,0 +1,55 @@
+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";
+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.d.ts

@@ -12,5 +12,6 @@ type Props = {
     setError: React.Dispatch<React.SetStateAction<string | null>>;
     setShowPresetDialog: React.Dispatch<React.SetStateAction<boolean>>;
 };
-export default function WidgetList({ lang, channel, resort, facet, preset, updatePreset, removePreset, setError, setShowPresetDialog, }: Props): React.JSX.Element;
+export default function WidgetList({ lang, channel, resort, facet, preset, updatePreset, removePreset, setError, setShowPresetDialog, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};
+//# sourceMappingURL=widget-list.d.ts.map

package/es/common/components/msem-preset-editor/components/widget-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"widget-list.d.ts","sourceRoot":"","sources":["../../../../../src/common/components/msem-preset-editor/components/widget-list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAGhD,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,CAAC;IACnC,YAAY,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,SAAS,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IACvD,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC;IAC9D,mBAAmB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;CACpE,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,IAAI,EACJ,OAAO,EACP,MAAM,EACN,KAAK,EACL,MAAM,EACN,YAAY,EACZ,YAAY,EACZ,QAAQ,EACR,mBAAmB,GACpB,EAAE,KAAK,2CAiDP"}

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

@@ -0,0 +1,34 @@
+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));
+            })] }));
+}

package/es/common/components/msem-preset-editor/editor-dialog.d.ts

@@ -25,5 +25,6 @@ type Props = {
     noLodgingPage?: boolean;
     children?: React.ReactNode;
 };
-export default function EditorDialog({ lang, options, urls, target, updatePreset, closeEditor, removeObsoletePreset, noLodgingPage, children, }: Props): React.JSX.Element;
+export default function EditorDialog({ lang, options, urls, target, updatePreset, closeEditor, removeObsoletePreset, noLodgingPage, children, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};
+//# sourceMappingURL=editor-dialog.d.ts.map

package/es/common/components/msem-preset-editor/editor-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor-dialog.d.ts","sourceRoot":"","sources":["../../../../src/common/components/msem-preset-editor/editor-dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,OAAO,EAAE;QACP,OAAO,EAAE,MAAM,CAAC;QAChB,MAAM,EAAE,MAAM,CAAC;QACf,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;KACxB,CAAC;IACF,IAAI,CAAC,EAAE;QACL,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,SAAS,CAAC,EAAE;YAAE,MAAM,EAAE,MAAM,CAAC;YAAC,MAAM,EAAE,MAAM,CAAA;SAAE,CAAC;QAC/C,QAAQ,CAAC,EAAE;YAAE,MAAM,EAAE,MAAM,CAAC;YAAC,MAAM,EAAE,MAAM,CAAA;SAAE,CAAC;KAC/C,CAAC;IACF,MAAM,EAAE,WAAW,GAAG,IAAI,CAAC;IAC3B,YAAY,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,GAAG,CAAC;IACnC,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,oBAAoB,EAAE,MAAM,IAAI,CAAC;IACjC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,IAAI,EACJ,OAAO,EACP,IAAI,EACJ,MAAM,EACN,YAAY,EACZ,WAAW,EACX,oBAAoB,EACpB,aAAa,EACb,QAAQ,GACT,EAAE,KAAK,2CAkEP"}

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

@@ -0,0 +1,27 @@
+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" })] })] }));
+}

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

@@ -10,5 +10,6 @@ type Props = {
     onChange?: (preset: Record<string, any> | null) => void;
     testPreset: () => void;
 };
-export default function Elloha({ preset, setPreset, stay, setShowPresetDialog, onChange, testPreset, }: Props): React.JSX.Element;
+export default function Elloha({ preset, setPreset, stay, setShowPresetDialog, onChange, testPreset, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};
+//# sourceMappingURL=elloha.d.ts.map

package/es/common/components/msem-preset-editor/editors/elloha.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"elloha.d.ts","sourceRoot":"","sources":["../../../../../src/common/components/msem-preset-editor/editors/elloha.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,KAAK,KAAK,GAAG;IACX,IAAI,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,CAAC;IACnC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,CAAC;IACnC,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC;IAC5E,mBAAmB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IACnE,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;IACxD,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AAWF,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC7B,MAAM,EACN,SAAS,EACT,IAAI,EACJ,mBAAmB,EACnB,QAAQ,EACR,UAAU,GACX,EAAE,KAAK,2CAiHP"}

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

@@ -0,0 +1,79 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+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";
+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\u00E9s 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\u00E9lectionnez 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\u00E9jour 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\u00E9pararer par un \";\")" })] }))] }));
+}
+function getDefaultData(preset) {
+    if (!preset?.presets)
+        return DEFAULT_DATA;
+    const { groupNames } = preset.presets;
+    return groupNames || DEFAULT_DATA.groupNames;
+}

package/es/common/components/msem-preset-editor/editors/index.d.ts

@@ -13,3 +13,4 @@ declare const Editor: {
     otherProducts: typeof StandardProducts;
 };
 export default Editor;
+//# sourceMappingURL=index.d.ts.map

package/es/common/components/msem-preset-editor/editors/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/common/components/msem-preset-editor/editors/index.tsx"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,cAAc,CAAC;AACrC,OAAO,WAAW,MAAM,iBAAiB,CAAC;AAC1C,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,OAAO,OAAO,MAAM,WAAW,CAAC;AAChC,OAAO,gBAAgB,MAAM,qBAAqB,CAAC;AAEnD,QAAA,MAAM,MAAM;;;;;;;CAOX,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/es/common/components/msem-preset-editor/editors/lodgings.d.ts

@@ -12,5 +12,6 @@ type Props = {
     noLodgingPage?: boolean;
     baseUrl: string;
 };
-export default function Lodgings({ preset, setPreset, setShowPresetDialog, testPreset, onChange, baseUrl, noLodgingPage, }: Props): React.JSX.Element;
+export default function Lodgings({ preset, setPreset, setShowPresetDialog, testPreset, onChange, baseUrl, noLodgingPage, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};
+//# sourceMappingURL=lodgings.d.ts.map

package/es/common/components/msem-preset-editor/editors/lodgings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lodgings.d.ts","sourceRoot":"","sources":["../../../../../src/common/components/msem-preset-editor/editors/lodgings.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,KAAK,KAAK,GAAG;IACX,IAAI,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,CAAC;IACnC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,CAAC;IACnC,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC;IAC5E,mBAAmB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IACnE,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;IACxD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAsCF,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,MAAM,EACN,SAAS,EACT,mBAAmB,EACnB,UAAU,EACV,QAAQ,EACR,OAAO,EACP,aAAa,GACd,EAAE,KAAK,2CAmSP"}

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

@@ -0,0 +1,192 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import * as React from "react";
+import Checkbox from "dt-design-system/es/checkbox";
+import NumberPicker from "dt-design-system/es/number-picker";
+import Select from "dt-design-system/es/select";
+import MultipleSelect from "dt-design-system/es/multiple-select";
+import Form from "../components/form";
+import * as API from "../services/api";
+import css from "./lodgings.module.css";
+const DEFAULT_DATA = {
+    adults: 0,
+    children: 0,
+    lodging: "",
+    standings: [],
+    options: [],
+    districts: [],
+    nbRooms: [],
+    roomType: "",
+    type: "",
+    openPage: false,
+};
+export default function Lodgings({ preset, setPreset, setShowPresetDialog, testPreset, onChange, baseUrl, noLodgingPage, }) {
+    const savedPreset = React.useRef(preset);
+    const [ready, setReady] = React.useState(false);
+    const [lodgings, setLogings] = React.useState([]);
+    const [filters, setFilters] = React.useState({
+        standings: [],
+        options: [],
+        districts: [],
+    });
+    const [rooms, setRooms] = React.useState([]);
+    const [loading, setLoading] = React.useState(false);
+    const [data, setData] = React.useState(getDefaultData(preset));
+    const kinds = [...new Set(lodgings.map(({ kind }) => kind))];
+    const { channel, resort, facet } = preset?.options || {};
+    const showLodgingPageCheckbox = !noLodgingPage && !!data.lodging;
+    const showFilters = !data.lodging;
+    const updateField = (field) => (value) => {
+        setData({ ...data, [field]: value });
+    };
+    const updateRoomNb = (value) => {
+        setData({ ...data, nbRooms: value ? [value] : DEFAULT_DATA.nbRooms });
+    };
+    const updateFilter = (kind) => (newValue) => {
+        setData((data) => ({ ...data, [kind]: newValue.map((v) => v.value) }));
+    };
+    const formatedLodgings = lodgings.map((lodging) => ({
+        value: lodging.slug,
+        label: lodging.name,
+    }));
+    const formatedRooms = rooms.map((room) => ({
+        label: room.title,
+        value: room.type,
+    }));
+    const selectedOptions = data.options?.map((option) => filters?.options?.find((d) => d.value === option));
+    const selectedDistricts = data.districts?.map((district) => filters?.districts?.find((d) => d.value === district));
+    const cancelPreset = () => {
+        setPreset(savedPreset.current);
+        setShowPresetDialog(false);
+    };
+    const confirmPreset = () => {
+        setShowPresetDialog(false);
+    };
+    React.useEffect(() => {
+        if (!ready) {
+            const init = async () => {
+                try {
+                    setLoading(true);
+                    const filters = await API.getLodgingFilters(channel, resort, facet);
+                    const formatedFilters = Object.keys(filters).reduce((acc, key) => {
+                        if (key === "accomodations")
+                            return acc;
+                        const filter = filters[key];
+                        if (key === "districts") {
+                            const entries = filter.map((entry) => ({
+                                value: entry.id,
+                                label: entry.name,
+                            }));
+                            return { ...acc, [key]: entries };
+                        }
+                        else {
+                            const entries = filter.map((entry) => ({
+                                value: entry.code,
+                                label: entry.label,
+                            }));
+                            return { ...acc, [key]: entries };
+                        }
+                    }, {});
+                    setLogings(filters.accomodations);
+                    setFilters(formatedFilters);
+                    setReady(true);
+                }
+                catch (e) {
+                    console.error(e);
+                }
+                finally {
+                    setLoading(false);
+                }
+            };
+            init();
+        }
+    }, [channel, facet, ready, resort]);
+    React.useEffect(() => {
+        if (!data.lodging) {
+            setData((data) => ({ ...data, openPage: false }));
+        }
+        else {
+            const getRoomTypes = async () => {
+                try {
+                    setLoading(true);
+                    const id = lodgings.find((lodging) => lodging.slug === data.lodging)?.id;
+                    if (id) {
+                        const { rooms } = await API.getLodgingRooms(id, resort, facet);
+                        if (rooms) {
+                            setRooms(rooms);
+                        }
+                    }
+                }
+                catch (e) {
+                    console.error(e);
+                }
+                finally {
+                    setLoading(false);
+                }
+                setData((data) => ({
+                    ...data,
+                    openPage: data.openPage ?? true,
+                    options: DEFAULT_DATA.options,
+                    districts: DEFAULT_DATA.districts,
+                    type: DEFAULT_DATA.type,
+                }));
+            };
+            getRoomTypes();
+        }
+    }, [data.lodging, facet, lodgings, resort]);
+    React.useEffect(() => {
+        setPreset((current = {}) => {
+            const { lodging } = data;
+            const adults = parseInt(data.adults);
+            const children = parseInt(data.children);
+            const accomodation = lodging || undefined;
+            const openPage = lodging ? data.openPage : undefined;
+            const agesChildren = [...new Array(children)].map(() => 12);
+            const paxPlan = adults ? { adults, children, agesChildren } : undefined;
+            const options = data.options?.length ? data.options : undefined;
+            const districts = data.districts?.length ? data.districts : undefined;
+            const type = data.type || undefined;
+            const roomType = data.roomType || undefined;
+            const nbRooms = data.nbRooms[0] > 0 ? data.nbRooms : undefined;
+            const previewDetails = { paxPlan, roomType };
+            const presets = {
+                accomodation,
+                options,
+                districts,
+                nbRooms,
+                type,
+            };
+            const newPreset = {
+                ...current,
+                options: { ...(current?.options || {}), previewDetails },
+                presets: { ...(current?.presets || {}), ...presets },
+                openPage,
+                url: baseUrl || undefined,
+            };
+            onChange?.(newPreset);
+            return newPreset;
+        });
+    }, [data, onChange, baseUrl, setPreset]);
+    return (_jsxs(Form, { title: "Presets h\u00E9bergements", width: 580, preset: preset, buttonsActions: {
+            testPreset,
+            cancelPreset,
+            confirmPreset,
+        }, children: [_jsx("div", { className: css.label, children: "Nombre de personnes" }), _jsxs("div", { className: css.row, children: [_jsx(NumberPicker, { className: css.peopleInput, label: "Adultes", min: 0, max: 20, value: data.adults, onChange: updateField("adults"), withInput: true }), _jsx(NumberPicker, { className: css.peopleInput, label: "Enfants", min: 0, max: 9, value: data.children, onChange: updateField("children"), withInput: true })] }), _jsx("div", { className: css.label, children: "H\u00E9bergement" }), _jsx(Select, { placeholder: "S\u00E9lectionnez un h\u00E9bergement", options: formatedLodgings, value: data.lodging, onValueChange: updateField("lodging"), loading: loading }), showLodgingPageCheckbox && (_jsx(Checkbox, { label: "Ouvrir la page du site", checked: data.openPage, disabled: !showLodgingPageCheckbox, onCheckedChange: updateField("openPage") })), !showFilters && (_jsxs(_Fragment, { children: [_jsx("div", { className: css.label, children: "Chambres" }), (formatedRooms?.length > 0 || loading) && (_jsx(Select, { label: "Type de bien", placeholder: "S\u00E9lectionnez un type de bien", value: data.roomType, options: formatedRooms, loading: loading, onValueChange: updateField("roomType") })), _jsx(NumberPicker, { label: "Nombre de chambres", min: 0, max: 20, value: data.nbRooms?.[0] || 0, onChange: updateRoomNb, withInput: true })] })), showFilters && (_jsxs(_Fragment, { children: [_jsx("div", { className: css.label, children: "Filtres" }), kinds.length > 1 && (_jsx(Select, { label: "Type", placeholder: "S\u00E9lectionnez un type", options: kinds, value: data.type, onValueChange: updateField("type"), loading: loading })), filters?.options && filters?.options?.length > 1 && (_jsx(MultipleSelect, { placeholder: "Selectionnez une ou plusieurs options", label: "Options", options: filters.options, values: selectedOptions, onChange: updateFilter("options"), loading: loading })), filters?.districts && filters?.districts?.length > 1 && (_jsx(MultipleSelect, { placeholder: "Selectionnez une ou plusieurs options", label: "Quartiers", options: filters.districts, values: selectedDistricts, onChange: updateFilter("districts"), loading: loading }))] }))] }));
+}
+function getDefaultData(preset) {
+    if (!preset?.presets && !preset?.options)
+        return DEFAULT_DATA;
+    const { accomodation, nbRooms, options, districts, type } = preset?.presets || {};
+    const { openPage } = preset;
+    const { paxPlan, roomType } = preset?.options?.previewDetails || {};
+    return {
+        adults: paxPlan?.adults || DEFAULT_DATA.adults,
+        children: paxPlan?.children || DEFAULT_DATA.children,
+        lodging: accomodation || DEFAULT_DATA.lodging,
+        nbRooms: nbRooms || DEFAULT_DATA.nbRooms,
+        roomType: roomType || DEFAULT_DATA.roomType,
+        options: options || DEFAULT_DATA.options,
+        districts: districts || DEFAULT_DATA.districts,
+        type: type || DEFAULT_DATA.type,
+        openPage: openPage ?? DEFAULT_DATA.openPage,
+    };
+}

package/es/common/components/msem-preset-editor/editors/ski-passes-jb.d.ts

@@ -11,5 +11,6 @@ type Props = {
     testPreset: () => void;
     baseUrl: string;
 };
-export default function SkiPasses({ preset, setPreset, stay, setShowPresetDialog, onChange, testPreset, baseUrl, }: Props): React.JSX.Element;
+export default function SkiPasses({ preset, setPreset, stay, setShowPresetDialog, onChange, testPreset, baseUrl, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};
+//# sourceMappingURL=ski-passes-jb.d.ts.map

package/es/common/components/msem-preset-editor/editors/ski-passes-jb.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ski-passes-jb.d.ts","sourceRoot":"","sources":["../../../../../src/common/components/msem-preset-editor/editors/ski-passes-jb.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,KAAK,KAAK,GAAG;IACX,IAAI,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,CAAC;IACnC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,CAAC;IACnC,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC;IAC5E,mBAAmB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IACnE,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;IACxD,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAQF,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,MAAM,EACN,SAAS,EACT,IAAI,EACJ,mBAAmB,EACnB,QAAQ,EACR,UAAU,EACV,OAAO,GACR,EAAE,KAAK,2CA2GP"}