ublo-lib 1.37.20 → 1.38.0

package/es/common/utils/url-parameters.d.ts

@@ -1,2 +1,3 @@
 export declare const buildURLWithoutParams: (...skipParams: string[]) => string;
+export declare const build: (params: Record<string, any>) => string;
 //# sourceMappingURL=url-parameters.d.ts.map

package/es/common/utils/url-parameters.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"url-parameters.d.ts","sourceRoot":"","sources":["../../../src/common/utils/url-parameters.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,qBAAqB,kBAAmB,MAAM,EAAE,WAO5D,CAAC"}
+{"version":3,"file":"url-parameters.d.ts","sourceRoot":"","sources":["../../../src/common/utils/url-parameters.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,qBAAqB,kBAAmB,MAAM,EAAE,WAO5D,CAAC;AAEF,eAAO,MAAM,KAAK,WAAY,OAAO,MAAM,EAAE,GAAG,CAAC,WAWhD,CAAC"}

package/es/common/utils/url-parameters.js

@@ -6,3 +6,16 @@ export const buildURLWithoutParams = (...skipParams) => {
     const root = origin + pathname;
     return params.length > 0 ? root + "?" + params : root;
 };
+export const build = (params) => {
+    return Object.keys(params)
+        .map((key, i) => {
+        const param = params[key];
+        if (!param)
+            return "";
+        const isObject = typeof param === "object";
+        const sign = i === 0 ? "?" : "&";
+        const value = isObject ? encodeURI(JSON.stringify(param)) : param;
+        return `${sign}${key}=${value}`;
+    })
+        .join("");
+};

package/es/esf/components/period-picker/period-picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"period-picker.d.ts","sourceRoot":"","sources":["../../../../src/esf/components/period-picker/period-picker.js"],"names":[],"mappings":"AA2BA;;;;;;4CAgNC"}
+{"version":3,"file":"period-picker.d.ts","sourceRoot":"","sources":["../../../../src/esf/components/period-picker/period-picker.js"],"names":[],"mappings":"AA2BA;;;;;;4CA2MC"}

package/es/esf/components/period-picker/period-picker.js

@@ -81,11 +81,6 @@ export default function PeriodPicker({ setClosed = undefined, force = false, onC
     const updateStay = React.useCallback((e) => {
         setStay(e.detail);
     }, []);
-    React.useEffect(() => {
-        const stored = window.sessionStorage.getItem(WEEK_STORAGE);
-        if (stored)
-            setSelected(stored);
-    }, []);
     React.useEffect(() => {
         getStoredStay();
         window.addEventListener("msem-stay-changed", updateStay);

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"facet-selector.d.ts","sourceRoot":"","sources":["../../../../../src/future/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/future/components/msem-preset-editor/components/facet-selector.js

@@ -0,0 +1,23 @@
+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) => {
+        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/future/components/msem-preset-editor/components/form.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../../../../src/future/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/future/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/future/components/msem-preset-editor/components/form.module.css

@@ -0,0 +1,39 @@
+.form {
+  max-width: 100%;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  padding: 20px;
+}
+
+.title {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  font-size: 22px;
+  font-weight: 700;
+  text-align: center;
+}
+
+.title > svg {
+  width: 22px;
+  height: 22px;
+  fill: currentColor;
+}
+
+.inner {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.buttons {
+  display: flex;
+  justify-content: flex-end;
+  gap: 12px;
+}
+
+.testButton {
+  margin-right: auto;
+}

package/es/future/components/msem-preset-editor/components/resort-selector.d.ts

@@ -0,0 +1,6 @@
+export default function ResortSelector({ resorts, resort, setResort }: {
+    resorts: any;
+    resort: any;
+    setResort: any;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=resort-selector.d.ts.map

package/es/future/components/msem-preset-editor/components/resort-selector.d.ts.map

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

package/es/future/components/msem-preset-editor/components/resort-selector.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Select from "dt-design-system/es/select";
+export default function ResortSelector({ resorts, resort, setResort }) {
+    return (_jsx(Select, { value: resort, onValueChange: setResort, label: "Destination", options: [
+            { label: "Sélectionnez une destination pour continuer", value: "" },
+            ...resorts,
+        ] }));
+}

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

@@ -0,0 +1,14 @@
+type Props = {
+    stay: {
+        from: string;
+        to: string;
+    };
+    setStay: (stay: {
+        from: string;
+        to: string;
+    }) => void;
+    setPreset: (preset: Record<string, any>) => void;
+};
+export default function StayPicker({ stay, setStay }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=stay-picker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"stay-picker.d.ts","sourceRoot":"","sources":["../../../../../src/future/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/future/components/msem-preset-editor/components/stay-picker.js

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

package/es/future/components/msem-preset-editor/components/stay-picker.module.css

@@ -0,0 +1,5 @@
+.picker {
+  display: flex;
+  gap: 12px;
+  margin-bottom: 4px;
+}

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

@@ -0,0 +1,12 @@
+import * as React from "react";
+import type { Offer } from "../services/offers";
+type Props = {
+    item: Offer;
+    preset: Record<string, any> | null;
+    updatePreset: (item: Offer, subPreset?: Offer) => void;
+    removePreset: () => void;
+    setShowPresetDialog: React.Dispatch<React.SetStateAction<boolean>>;
+};
+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/future/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/future/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/future/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/future/components/msem-preset-editor/components/widget-list-item.module.css

@@ -0,0 +1,115 @@
+.item {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+}
+
+.button {
+  width: 100%;
+  justify-content: flex-start;
+  gap: 10px;
+  font-weight: 400;
+  text-align: left;
+  padding-right: 100px;
+  background-color: var(--ublo-grey-100, #f5f5f5);
+  border-radius: var(--ublo-radius-200, 8px);
+}
+
+.selected .button {
+  color: var(--ublo-secondary-color, #4177f6);
+  font-weight: 700;
+  background-color: var(--ublo-grey-300, #d3d3d3);
+}
+
+.opened .button {
+  border-bottom-right-radius: 0;
+}
+
+.logo {
+  flex: 0 0 36px;
+  width: 36px;
+  height: 36px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: var(--ublo-secondary-color, #4177f6);
+  border-radius: var(--ublo-radius-200, 8px);
+}
+
+.logo img {
+  width: 24px;
+  height: 24px;
+  filter: brightness(0) invert(1);
+}
+
+.name {
+  color: var(--ublo-grey-600, #1b1b1b);
+}
+
+.selected .name {
+  color: var(--ublo-secondary-color, #4177f6);
+}
+
+.actions {
+  position: absolute;
+  top: 12px;
+  right: 12px;
+  display: flex;
+  gap: 4px;
+}
+
+.action {
+  border-radius: var(--ublo-radius-100, 3px);
+}
+
+.list {
+  width: calc(100% - 28px);
+  max-height: 140px;
+  display: flex;
+  flex-direction: column;
+  margin-left: auto;
+  padding: 6px;
+  border-radius: 0 0 var(--ublo-radius-200, 8px) var(--ublo-radius-200, 8px);
+  overflow: auto;
+  overscroll-behavior: contain;
+  background: linear-gradient(
+      var(--ublo-grey-100, #f5f5f5) 30%,
+      hsla(0, 0%, 100%, 0)
+    ),
+    linear-gradient(hsla(0, 0%, 100%, 0), var(--ublo-grey-100, #f5f5f5) 70%) 0
+      100%,
+    radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), transparent),
+    radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), transparent)
+      0 100%;
+  background-repeat: no-repeat;
+  background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px;
+  background-attachment: local, local, scroll, scroll;
+  background-color: var(--ublo-grey-100, #f5f5f5);
+}
+
+.sub {
+  position: relative;
+}
+
+.subButton {
+  width: 100%;
+  justify-content: flex-start;
+  padding-right: 68px;
+  font-weight: 400;
+  text-align: left;
+}
+
+.subButtonSelected {
+  color: var(--ublo-secondary-color, #4177f6);
+  font-weight: 700;
+  background-color: var(--ublo-grey-300, #d3d3d3);
+}
+
+.subActions {
+  position: absolute;
+  top: 50%;
+  right: 8px;
+  display: flex;
+  gap: 4px;
+  transform: translateY(-50%);
+}

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

@@ -0,0 +1,18 @@
+import * as React from "react";
+import type { Offer } from "../services/offers";
+type Props = {
+    lang: "fr" | "en";
+    msemServicesUrl: string;
+    channel: string;
+    resort: number | string;
+    facet: string;
+    preset: Record<string, any> | null;
+    updatePreset: (item: Offer, subPreset?: Offer) => void;
+    removePreset: () => void;
+    error: string | null;
+    setError: React.Dispatch<React.SetStateAction<string | null>>;
+    setShowPresetDialog: React.Dispatch<React.SetStateAction<boolean>>;
+};
+export default function WidgetList({ lang, msemServicesUrl, channel, resort, facet, preset, updatePreset, removePreset, setError, setShowPresetDialog, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=widget-list.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"widget-list.d.ts","sourceRoot":"","sources":["../../../../../src/future/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,eAAe,EAAE,MAAM,CAAC;IACxB,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,eAAe,EACf,OAAO,EACP,MAAM,EACN,KAAK,EACL,MAAM,EACN,YAAY,EACZ,YAAY,EACZ,QAAQ,EACR,mBAAmB,GACpB,EAAE,KAAK,2CAkDP"}

package/es/future/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, msemServicesUrl, 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(msemServicesUrl, 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, msemServicesUrl, 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/future/components/msem-preset-editor/components/widget-list.module.css

@@ -0,0 +1,21 @@
+.list {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+
+.loader {
+  --ds-loader-spinner-size: 30px;
+  --ds-loader-thickness: 3px;
+
+  margin-top: 10px;
+}
+
+.empty {
+  padding: 8px;
+  font-size: 14px;
+  text-align: center;
+  background: var(--ublo-grey-100, #f5f5f5);
+  font-style: italic;
+  border-radius: var(--ublo-radius-200, 8px);
+}

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

@@ -0,0 +1,22 @@
+type Resort = {
+    label: string;
+    value: string;
+};
+type Props = {
+    lang: "fr" | "en";
+    msemServicesUrl: string;
+    options: {
+        channel: string;
+        resort: string;
+        cartUrl?: string;
+        analytics?: () => void;
+    };
+    urlOverride?: string;
+    resorts?: Resort[];
+    target: HTMLElement | null;
+    updatePreset: (preset: any) => any;
+    closeEditor: () => void;
+};
+export default function EditorDialog({ lang, msemServicesUrl, options, urlOverride, resorts, target, updatePreset, closeEditor, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=editor-dialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"editor-dialog.d.ts","sourceRoot":"","sources":["../../../../src/future/components/msem-preset-editor/editor-dialog.tsx"],"names":[],"mappings":"AAMA,KAAK,MAAM,GAAG;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,eAAe,EAAE,MAAM,CAAC;IACxB,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,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,MAAM,EAAE,WAAW,GAAG,IAAI,CAAC;IAC3B,YAAY,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,GAAG,CAAC;IACnC,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,IAAI,EACJ,eAAe,EACf,OAAO,EACP,WAAW,EACX,OAAO,EACP,MAAM,EACN,YAAY,EACZ,WAAW,GACZ,EAAE,KAAK,2CAqDP"}

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

@@ -0,0 +1,25 @@
+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 MseMPresetEditor from "./msem-preset-editor";
+import css from "./editor-dialog.module.css";
+export default function EditorDialog({ lang, msemServicesUrl, options, urlOverride, resorts, target, updatePreset, closeEditor, }) {
+    const selectedPreset = target?.getAttribute("data-msem-preset");
+    const [preset, setPreset] = React.useState(selectedPreset ? JSON.parse(selectedPreset) : null);
+    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, 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 l'\u00E9l\u00E9ment s\u00E9lectionn\u00E9." }), _jsx(MseMPresetEditor, { lang: lang, msemServicesUrl: msemServicesUrl, options: options, urlOverride: urlOverride, resorts: resorts, selectedPreset: selectedPreset, onChange: setPreset }), _jsxs("div", { className: css.buttons, children: [_jsx(Button, { variant: "secondary", onClick: closeEditor, children: "Annuler" }), _jsx(Button, { variant: "primary", onClick: updateNewPreset, children: "Valider" })] })] }));
+}

package/es/future/components/msem-preset-editor/editor-dialog.module.css

@@ -0,0 +1,31 @@
+.dialog {
+  display: flex;
+  flex-direction: column;
+  padding: 16px;
+  pointer-events: auto;
+}
+
+.title {
+  margin-bottom: 8px;
+  font-size: 24px;
+  font-weight: 700;
+  line-height: 1;
+}
+
+.subtitle {
+  margin-bottom: 16px;
+  padding-right: 48px;
+  font-size: 14px;
+  line-height: 1;
+}
+
+.buttons {
+  display: flex;
+  justify-content: flex-end;
+  gap: 8px;
+  margin-top: 22px;
+}
+
+.removeObsolete {
+  margin-right: auto;
+}

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

@@ -0,0 +1,16 @@
+import * as React from "react";
+type Props = {
+    msemServicesUrl: string;
+    stay: {
+        from: string;
+        to: string;
+    };
+    preset: Record<string, any> | null;
+    setPreset: React.Dispatch<React.SetStateAction<Record<string, any> | null>>;
+    setShowPresetDialog: React.Dispatch<React.SetStateAction<boolean>>;
+    onChange?: (preset: Record<string, any> | null) => void;
+    testPreset: () => void;
+};
+export default function Elloha({ msemServicesUrl, preset, setPreset, stay, setShowPresetDialog, onChange, testPreset, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=elloha.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"elloha.d.ts","sourceRoot":"","sources":["../../../../../src/future/components/msem-preset-editor/editors/elloha.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,KAAK,KAAK,GAAG;IACX,eAAe,EAAE,MAAM,CAAC;IACxB,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,eAAe,EACf,MAAM,EACN,SAAS,EACT,IAAI,EACJ,mBAAmB,EACnB,QAAQ,EACR,UAAU,GACX,EAAE,KAAK,2CAqHP"}