ublo-lib 1.37.19 → 1.38.0

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

@@ -0,0 +1,125 @@
+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 Dialog from "dt-design-system/es/dialog";
+import Input from "dt-design-system/es/input";
+import Tooltip from "dt-design-system/es/tooltip";
+import * as Icons from "dt-design-system/es/icons";
+import * as MseM from "../../components/msem";
+import ResortSelector from "./components/resort-selector";
+import FacetSelector from "./components/facet-selector";
+import StayPicker from "./components/stay-picker";
+import WidgetList from "./components/widget-list";
+import Editors from "./editors";
+import * as UrlParams from "./services/url-params";
+import * as Preset from "./services/preset";
+import css from "./msem-preset-editor.module.css";
+export default function MseMPresetEditor({ lang, msemServicesUrl, options, urlOverride, resorts, selectedPreset, onChange, }) {
+    const currentPreset = selectedPreset ? JSON.parse(selectedPreset) : undefined;
+    const defaultResort = Number(currentPreset ? currentPreset.options.resort : options.resort);
+    const [facet, setFacet] = React.useState(currentPreset?.options?.facet?.toString() || "");
+    const [stay, setStay] = React.useState(currentPreset?.presets?.stay || { from: "", to: "" });
+    const [preset, setPreset] = React.useState(currentPreset || null);
+    const [error, setError] = React.useState(null);
+    const [showPresetDialog, setShowPresetDialog] = React.useState(false);
+    const [presetUrl, setPresetUrl] = React.useState("");
+    const [resort, setResort] = React.useState(defaultResort);
+    const initialRender = React.useRef(true);
+    const showWidgetList = resort && facet !== "";
+    const updatePreset = React.useCallback((item, subPreset) => {
+        let { name, options: itemOptions, presets: itemPresets } = item;
+        const widget = subPreset?.widget || item.widget;
+        if (!widget) {
+            return;
+        }
+        if (subPreset) {
+            const formattedSubPreset = Preset.format(subPreset);
+            name = subPreset.name;
+            itemOptions = formattedSubPreset.options;
+            itemPresets = formattedSubPreset.presets;
+        }
+        if (stay?.from && stay?.to) {
+            itemPresets = { ...itemPresets, stay };
+        }
+        const allOptions = {
+            facet: Number(facet),
+            ...itemOptions,
+            ...options,
+            resort,
+        };
+        const newPreset = {
+            name,
+            widget,
+            options: allOptions,
+            presets: itemPresets,
+            url: urlOverride || undefined,
+        };
+        onChange?.(newPreset);
+        setPreset(newPreset);
+    }, [facet, onChange, options, resort, stay, urlOverride]);
+    const removePreset = React.useCallback(() => {
+        onChange?.(null);
+        setPreset(null);
+    }, [onChange]);
+    const testPreset = () => {
+        if (!preset)
+            return;
+        const storageKeysToRemove = [
+            "msem-material-rental-state",
+            "msem-lift-jb-state",
+        ];
+        storageKeysToRemove.forEach((key) => {
+            window.sessionStorage.removeItem(key);
+        });
+        const { widget, options, presets } = preset;
+        MseM.loadWidget(widget, options, presets);
+    };
+    const copyUrl = (e) => {
+        e.preventDefault();
+        const field = e.target;
+        const url = field.value;
+        field.select();
+        navigator.clipboard.writeText(url);
+        window.ubloSnackbar("URL copiée dans le presse papier", "success");
+    };
+    React.useEffect(() => {
+        if (stay?.from && stay?.to) {
+            setPreset((current = {}) => {
+                const newPreset = {
+                    ...current,
+                    presets: { ...(current?.presets || {}), stay },
+                };
+                onChange?.(newPreset);
+                return newPreset;
+            });
+        }
+    }, [onChange, stay]);
+    React.useEffect(() => {
+        if (preset && urlOverride) {
+            const url = UrlParams.getPresetUrl(lang, preset, urlOverride);
+            setPresetUrl(url);
+        }
+        else {
+            setPresetUrl("");
+        }
+    }, [lang, preset, urlOverride]);
+    React.useEffect(() => {
+        if (initialRender.current) {
+            initialRender.current = false;
+        }
+        else {
+            removePreset();
+        }
+    }, [removePreset, resort]);
+    if (!resort)
+        return null;
+    const CurrentEditor = preset?.widget && Editors[preset.widget];
+    const showPresetUrl = Boolean(preset?.widget && presetUrl !== "");
+    const footerClasses = classNames(css.footer, {
+        [css.footerButtonOnly]: !showPresetUrl,
+    });
+    return (_jsxs("div", { className: css.editor, children: [resorts && (_jsx(ResortSelector, { resorts: resorts, resort: resort, setResort: setResort })), _jsx(FacetSelector, { facet: facet, setFacet: setFacet, setPreset: setPreset }), _jsx(StayPicker, { stay: stay, setStay: setStay, setPreset: setPreset }), showWidgetList && (_jsx(WidgetList, { lang: lang, msemServicesUrl: msemServicesUrl, resort: resort, channel: options.channel, facet: facet, preset: preset, updatePreset: updatePreset, removePreset: removePreset, error: error, setError: setError, setShowPresetDialog: setShowPresetDialog })), _jsx(Dialog, { isOpened: showPresetDialog, close: () => setShowPresetDialog(false), container: null, showAsModal: false, children: showPresetDialog && (_jsx(CurrentEditor, { stay: stay, facet: facet, preset: preset, setPreset: setPreset, setShowPresetDialog: setShowPresetDialog, testPreset: testPreset, onChange: onChange, urlOverride: urlOverride })) }), error && _jsx("div", { className: css.error, children: error }), _jsxs("div", { className: footerClasses, children: [showPresetUrl ? (_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, {}) }) })) : (_jsxs(Button, { variant: "secondary", disabled: !preset?.widget, className: css.testButton, onClick: testPreset, children: [_jsx(Icons.OpenInBrowser, {}), "Tester dans le widget MseM"] })), showPresetUrl && (_jsx(Input, { type: "text", className: css.url, value: presetUrl, onClick: copyUrl, placeholder: !preset
+                            ? "Aucun preset sélectionné"
+                            : "Preset incompatible au format URL", readOnly: true }))] })] }));
+}

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

@@ -0,0 +1,38 @@
+.editor {
+  width: 420px;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  margin: 0 auto;
+}
+
+.editor * {
+  font-family: inherit;
+}
+
+.error {
+  padding: 10px;
+  font-size: 12px;
+  text-align: center;
+  color: var(--ublo-red-500, #d55858);
+  background-color: var(--ublo-red-100, #fde9e9);
+  border-radius: var(--ublo-radius-200, 8px);
+}
+
+.footer {
+  display: flex;
+  gap: 6px;
+}
+
+.footerButtonOnly {
+  justify-content: center;
+  white-space: nowrap;
+}
+
+.url {
+  flex: 1 1 100%;
+}
+
+.testButton {
+  flex: 0 0 40px;
+}

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

@@ -0,0 +1,15 @@
+export declare function getOffers(msemServicesUrl: string, lang: "fr" | "en", channel: string, resort: number | string, facet: string): Promise<any>;
+export declare function getOtherOffers(msemServicesUrl: string, lang: "fr" | "en", channel: string, resort: number | string, facet: string, kind: string): Promise<any>;
+export declare function getRenters(msemServicesUrl: string, channel: string, resort: number | string): Promise<any>;
+export declare function getSkiPassesCatalogs(msemServicesUrl: string, merchant: string): Promise<any>;
+export declare function getSkiPassesFilters(msemServicesUrl: string, merchant: string, catalog: string): Promise<any>;
+export declare function getLodgings(msemServicesUrl: string, channel: string, resort: string): Promise<any>;
+export declare function getLodgingFilters(msemServicesUrl: string, channel: string, resort: string, facet: string, language?: string): Promise<any>;
+export declare function getLodgingRooms(msemServicesUrl: string, id: number, resort: string, facet: string, language?: string, preview?: boolean): Promise<any>;
+export declare function getEllohaGroups(msemServicesUrl: string, merchant: string, stayFrom: string, language?: string): Promise<any>;
+export declare function getVakarioKinds(msemServicesUrl: string, channel: string, merchant: string, language?: string): Promise<any>;
+export declare function getVakarioAges(msemServicesUrl: string, channel: string, merchant: string, kind: string, language?: string): Promise<any>;
+export declare function getVakarioCategories(msemServicesUrl: string, channel: string, merchant: string, kind: string, age: string, language?: string): Promise<any>;
+export declare function getVakarioLevels(msemServicesUrl: string, channel: string, merchant: string, kind: string, age: string, category: string, language?: string): Promise<any>;
+export declare function getOtherProductsCategories(msemServicesUrl: string, facet: string, merchant: string, lang?: string): Promise<any>;
+//# sourceMappingURL=api.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"api.d.ts","sourceRoot":"","sources":["../../../../../src/future/components/msem-preset-editor/services/api.ts"],"names":[],"mappings":"AAGA,wBAAgB,SAAS,CACvB,eAAe,EAAE,MAAM,EACvB,IAAI,EAAE,IAAI,GAAG,IAAI,EACjB,OAAO,EAAE,MAAM,EACf,MAAM,EAAE,MAAM,GAAG,MAAM,EACvB,KAAK,EAAE,MAAM,gBAId;AAWD,wBAAsB,cAAc,CAClC,eAAe,EAAE,MAAM,EACvB,IAAI,EAAE,IAAI,GAAG,IAAI,EACjB,OAAO,EAAE,MAAM,EACf,MAAM,EAAE,MAAM,GAAG,MAAM,EACvB,KAAK,EAAE,MAAM,EACb,IAAI,EAAE,MAAM,gBAMb;AAED,wBAAsB,UAAU,CAC9B,eAAe,EAAE,MAAM,EACvB,OAAO,EAAE,MAAM,EACf,MAAM,EAAE,MAAM,GAAG,MAAM,gBAIxB;AAED,wBAAsB,oBAAoB,CACxC,eAAe,EAAE,MAAM,EACvB,QAAQ,EAAE,MAAM,gBAIjB;AAED,wBAAsB,mBAAmB,CACvC,eAAe,EAAE,MAAM,EACvB,QAAQ,EAAE,MAAM,EAChB,OAAO,EAAE,MAAM,gBAIhB;AAGD,wBAAsB,WAAW,CAC/B,eAAe,EAAE,MAAM,EACvB,OAAO,EAAE,MAAM,EACf,MAAM,EAAE,MAAM,gBAIf;AAED,wBAAsB,iBAAiB,CACrC,eAAe,EAAE,MAAM,EACvB,OAAO,EAAE,MAAM,EACf,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,MAAM,EACb,QAAQ,SAAO,gBAIhB;AAED,wBAAsB,eAAe,CACnC,eAAe,EAAE,MAAM,EACvB,EAAE,EAAE,MAAM,EACV,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,MAAM,EACb,QAAQ,SAAO,EACf,OAAO,UAAQ,gBAIhB;AAED,wBAAsB,eAAe,CACnC,eAAe,EAAE,MAAM,EACvB,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,MAAM,EAChB,QAAQ,SAAO,gBAIhB;AAED,wBAAsB,eAAe,CACnC,eAAe,EAAE,MAAM,EACvB,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,MAAM,EAChB,QAAQ,SAAO,gBAIhB;AAED,wBAAsB,cAAc,CAClC,eAAe,EAAE,MAAM,EACvB,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,MAAM,EAChB,IAAI,EAAE,MAAM,EACZ,QAAQ,SAAO,gBAIhB;AAED,wBAAsB,oBAAoB,CACxC,eAAe,EAAE,MAAM,EACvB,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,MAAM,EAChB,IAAI,EAAE,MAAM,EACZ,GAAG,EAAE,MAAM,EACX,QAAQ,SAAO,gBAIhB;AAED,wBAAsB,gBAAgB,CACpC,eAAe,EAAE,MAAM,EACvB,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,MAAM,EAChB,IAAI,EAAE,MAAM,EACZ,GAAG,EAAE,MAAM,EACX,QAAQ,EAAE,MAAM,EAChB,QAAQ,SAAO,gBAIhB;AAED,wBAAsB,0BAA0B,CAC9C,eAAe,EAAE,MAAM,EACvB,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,MAAM,EAChB,IAAI,SAAO,gBAIZ"}

package/es/future/components/msem-preset-editor/services/api.js

@@ -0,0 +1,68 @@
+import * as Fetcher from "../../../utils/fetcher";
+export function getOffers(msemServicesUrl, lang, channel, resort, facet) {
+    const endpoint = `${msemServicesUrl}/api/tunnel/offers/${channel}/${resort}`;
+    return Fetcher.get(endpoint, { lang, facet });
+}
+const kinds = {
+    ACTIVITIES: "activities",
+    SERVICE_PLUS: "service_plus",
+    RESTAURANT: "restaurant",
+    TEXTILE: "textile",
+    SKISCHOOL: "skischool",
+    PARKING: "parking",
+};
+export async function getOtherOffers(msemServicesUrl, lang, channel, resort, facet, kind) {
+    const kindSlug = kinds[kind];
+    if (!kindSlug)
+        return;
+    const endpoint = `${msemServicesUrl}/api/tunnel/offers/${channel}/${resort}/${kindSlug}`;
+    return Fetcher.get(endpoint, { lang, facet });
+}
+export async function getRenters(msemServicesUrl, channel, resort) {
+    const endpoint = `${msemServicesUrl}/api/ski-rental/${resort}/renters`;
+    return Fetcher.post(endpoint, { channel });
+}
+export async function getSkiPassesCatalogs(msemServicesUrl, merchant) {
+    const endpoint = `${msemServicesUrl}/api/ski-pass/catalogs/${merchant}`;
+    return Fetcher.get(endpoint);
+}
+export async function getSkiPassesFilters(msemServicesUrl, merchant, catalog) {
+    const endpoint = `${msemServicesUrl}/api/ski-pass/${merchant}/filters`;
+    return Fetcher.post(endpoint, undefined, { catalog });
+}
+export async function getLodgings(msemServicesUrl, channel, resort) {
+    const endpoint = `${msemServicesUrl}/api/lodging/getAccommodationsStructure`;
+    return Fetcher.get(endpoint, { channel, resort });
+}
+export async function getLodgingFilters(msemServicesUrl, channel, resort, facet, language = "fr") {
+    const endpoint = `${msemServicesUrl}/api/lodging/resort/${resort}/${channel}`;
+    return Fetcher.get(endpoint, { facet, language });
+}
+export async function getLodgingRooms(msemServicesUrl, id, resort, facet, language = "fr", preview = false) {
+    const endpoint = `${msemServicesUrl}/api/lodging/accomodation/${id}`;
+    return Fetcher.post(endpoint, { resort, facet, language, preview });
+}
+export async function getEllohaGroups(msemServicesUrl, merchant, stayFrom, language = "fr") {
+    const endpoint = `${msemServicesUrl}/api/elloha-activity/${merchant}/${language}/kinds`;
+    return Fetcher.get(endpoint, { date: stayFrom });
+}
+export async function getVakarioKinds(msemServicesUrl, channel, merchant, language = "fr") {
+    const endpoint = `${msemServicesUrl}/api/vakario/${channel}/${merchant}/${language}/kinds`;
+    return Fetcher.get(endpoint);
+}
+export async function getVakarioAges(msemServicesUrl, channel, merchant, kind, language = "fr") {
+    const endpoint = `${msemServicesUrl}/api/vakario/${channel}/${merchant}/${language}/${kind}/ages`;
+    return Fetcher.get(endpoint);
+}
+export async function getVakarioCategories(msemServicesUrl, channel, merchant, kind, age, language = "fr") {
+    const endpoint = `${msemServicesUrl}/api/vakario/${channel}/${merchant}/${language}/${kind}/${age}/categories`;
+    return Fetcher.get(endpoint);
+}
+export async function getVakarioLevels(msemServicesUrl, channel, merchant, kind, age, category, language = "fr") {
+    const endpoint = `${msemServicesUrl}/api/vakario/${channel}/${merchant}/${language}/${kind}/${age}/${category}/levels`;
+    return Fetcher.get(endpoint);
+}
+export async function getOtherProductsCategories(msemServicesUrl, facet, merchant, lang = "fr") {
+    const endpoint = `${msemServicesUrl}/api/standard-product/merchant/${merchant}`;
+    return Fetcher.post(endpoint, { facet: Number(facet), lang });
+}

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

@@ -0,0 +1,23 @@
+export type Offer = {
+    kind: string;
+    category: string;
+    image: string;
+    logo: string;
+    name: string;
+    options: Record<string, any>;
+    preset: Record<string, any>;
+    presets: Record<string, any>;
+    widget: string;
+    items?: Offer[];
+};
+export type OtherOffer = {
+    code: string;
+    name: string;
+    slug: string;
+    taxonomy: {
+        category: string;
+    };
+    widget: string;
+};
+export declare function get(msemServicesUrl: string, lang: "fr" | "en", channel: string, resort: number | string, facet: string): Promise<any[]>;
+//# sourceMappingURL=offers.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"offers.d.ts","sourceRoot":"","sources":["../../../../../src/future/components/msem-preset-editor/services/offers.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,KAAK,GAAG;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC7B,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC5B,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,KAAK,EAAE,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE;QACR,QAAQ,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,wBAAsB,GAAG,CACvB,eAAe,EAAE,MAAM,EACvB,IAAI,EAAE,IAAI,GAAG,IAAI,EACjB,OAAO,EAAE,MAAM,EACf,MAAM,EAAE,MAAM,GAAG,MAAM,EACvB,KAAK,EAAE,MAAM,kBAqDd"}

package/es/future/components/msem-preset-editor/services/offers.js

@@ -0,0 +1,50 @@
+import * as API from "./api";
+export async function get(msemServicesUrl, lang, channel, resort, facet) {
+    const offers = (await API.getOffers(msemServicesUrl, lang, channel, resort, facet));
+    const formattedOffers = await Promise.all(offers.map(async (offer) => {
+        const { widget, category, kind, options, preset } = offer;
+        const isSkiSchool = kind === "SKISCHOOL";
+        const hasCategoryGroup = !!options?.categoryGroup || isSkiSchool;
+        if (hasCategoryGroup) {
+            let items = [];
+            const otherOffersKind = isSkiSchool ? kind : options?.categoryGroup;
+            const otherOffers = await API.getOtherOffers(msemServicesUrl, lang, channel, resort, facet, otherOffersKind);
+            if (otherOffers?.merchants?.length > 0) {
+                items = otherOffers.merchants;
+            }
+            return preset
+                ? { ...offer, preset: undefined, presets: { ...preset }, items }
+                : { ...offer, items };
+        }
+        const isRental = widget === "skiRental";
+        if (isRental) {
+            const renters = await API.getRenters(msemServicesUrl, channel, resort);
+            const formattedRenters = renters.map((renter) => {
+                return { ...renter, widget };
+            });
+            return { ...offer, items: formattedRenters };
+        }
+        const isSkipasses = category === "SKIPASS";
+        if (isSkipasses) {
+            const mergedSkiPasses = mergeSkiPasses(offer);
+            return mergedSkiPasses;
+        }
+        return offer;
+    }));
+    return formattedOffers;
+}
+function mergeSkiPasses(offer) {
+    const { items = [], ...rest } = offer;
+    const uniqueItems = items.reduce((acc, item) => {
+        const { name } = item;
+        const isUnique = !acc.some((i) => i.name === name);
+        if (isUnique) {
+            return [item, ...acc];
+        }
+        return acc;
+    }, []);
+    if (uniqueItems.length === 0) {
+        return { ...rest, ...uniqueItems[0] };
+    }
+    return { ...rest, items: uniqueItems };
+}

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

@@ -0,0 +1,32 @@
+export type Options = {
+    merchant?: string;
+    categoryGroup?: string;
+    catalog?: string;
+};
+export type Presets = {
+    lodging?: string;
+    stay?: {
+        from: string;
+        to: string;
+    };
+    merchantSlug?: string;
+    productCategory?: string;
+    productId?: string;
+    nbStars?: string;
+    durations?: string;
+    domains?: string;
+    firstSkiDate?: string;
+    skiers?: string;
+    nbRooms?: string;
+    accomodation?: string;
+    options?: string;
+    type?: string;
+    meubleType?: string;
+    ageCodes?: string;
+    levelCodes?: string;
+    kindCodes?: string;
+    categoryCodes?: string;
+    groupNames?: string;
+};
+export declare function format(data: Record<string, any>): Record<string, any>;
+//# sourceMappingURL=preset.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"preset.d.ts","sourceRoot":"","sources":["../../../../../src/future/components/msem-preset-editor/services/preset.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,OAAO,GAAG;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,OAAO,GAAG;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,CAAC;IACpC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,wBAAgB,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,uBAuB/C"}

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

@@ -0,0 +1,19 @@
+export function format(data) {
+    const { widget, code, taxonomy, slug } = data;
+    const isLift = ["skiPass", "liftJb"].includes(widget);
+    if (isLift) {
+        return data;
+    }
+    const isOtherProductsOrSkiRental = ["otherProducts", "skiRental"].includes(widget);
+    const merchant = isOtherProductsOrSkiRental ? slug : code;
+    const merchantSlug = isOtherProductsOrSkiRental ? slug : undefined;
+    const categoryGroup = taxonomy?.category;
+    const options = {
+        merchant,
+        categoryGroup,
+    };
+    const presets = {
+        merchantSlug,
+    };
+    return { options, presets };
+}

package/es/future/components/msem-preset-editor/services/url-params.d.ts

@@ -0,0 +1,3 @@
+export declare const build: (params: any) => string;
+export declare const getPresetUrl: (lang: string, preset: Record<string, any>, baseUrl: string) => string;
+//# sourceMappingURL=url-params.d.ts.map

package/es/future/components/msem-preset-editor/services/url-params.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"url-params.d.ts","sourceRoot":"","sources":["../../../../../src/future/components/msem-preset-editor/services/url-params.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK,yBAWjB,CAAC;AAEF,eAAO,MAAM,YAAY,SACjB,MAAM,UACJ,OAAO,MAAM,EAAE,GAAG,CAAC,WAClB,MAAM,WAahB,CAAC"}

package/es/future/components/msem-preset-editor/services/url-params.js

@@ -0,0 +1,26 @@
+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("");
+};
+export const getPresetUrl = (lang, preset, baseUrl) => {
+    const { host, protocol } = window.location;
+    const isExternalUrl = baseUrl.startsWith("http");
+    const alreadyContainsLang = baseUrl.includes(`/${lang}`);
+    const encodedParams = build(preset);
+    if (isExternalUrl) {
+        return baseUrl.concat(encodedParams);
+    }
+    if (alreadyContainsLang) {
+        return `${protocol}//${host}${baseUrl}${encodedParams}`;
+    }
+    return `${protocol}//${host}/${lang}${baseUrl}${encodedParams}`;
+};

package/es/future/components/msem-preset-linker/index.d.ts

@@ -0,0 +1,3 @@
+import MseMPresetLinker from "./msem-preset-linker";
+export default MseMPresetLinker;
+//# sourceMappingURL=index.d.ts.map

package/es/future/components/msem-preset-linker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/future/components/msem-preset-linker/index.tsx"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,MAAM,sBAAsB,CAAC;AAEpD,eAAe,gBAAgB,CAAC"}

package/es/future/components/msem-preset-linker/index.js

@@ -0,0 +1,2 @@
+import MseMPresetLinker from "./msem-preset-linker";
+export default MseMPresetLinker;

package/es/future/components/msem-preset-linker/msem-preset-linker.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"msem-preset-linker.d.ts","sourceRoot":"","sources":["../../../../src/future/components/msem-preset-linker/msem-preset-linker.tsx"],"names":[],"mappings":"AAGA,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,MAAM,EAAE,WAAW,GAAG,IAAI,CAAC;IAC3B,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;IAEF,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACpB,CAAC;AAIF,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,IAAI,EACJ,eAAe,EACf,MAAM,EACN,OAAO,EACP,OAAO,GACR,EAAE,KAAK,2CA0BP"}

package/es/future/components/msem-preset-linker/msem-preset-linker.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import EditorDialog from "../msem-preset-editor/editor-dialog";
+const PRESET_ATTRIBUTE = "data-msem-preset";
+export default function MseMPresetLinker({ lang, msemServicesUrl, target, options, resorts, }) {
+    const link = target?.querySelector(":scope > a");
+    const urlOverride = link?.getAttribute("href") || undefined;
+    const updatePreset = (newPreset) => {
+        if (newPreset) {
+            target?.setAttribute(PRESET_ATTRIBUTE, JSON.stringify(newPreset));
+        }
+        else {
+            target?.removeAttribute(PRESET_ATTRIBUTE);
+        }
+    };
+    const closeEditor = () => { };
+    return (_jsx(EditorDialog, { lang: lang, msemServicesUrl: msemServicesUrl, options: options, target: target, updatePreset: updatePreset, closeEditor: closeEditor, urlOverride: urlOverride, resorts: resorts }));
+}

package/es/future/components/msem-preset-linker/services/url-params.d.ts

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

package/es/future/components/msem-preset-linker/services/url-params.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"url-params.d.ts","sourceRoot":"","sources":["../../../../../src/future/components/msem-preset-linker/services/url-params.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK,WAAY,OAAO,MAAM,EAAE,GAAG,CAAC,WAWhD,CAAC"}

package/es/future/components/msem-preset-linker/services/url-params.js

@@ -0,0 +1,13 @@
+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/future/hooks/use-msem-presets.d.ts

@@ -0,0 +1,4 @@
+export default function useMsemPresets({ defaultOptions }: {
+    defaultOptions: any;
+}): void;
+//# sourceMappingURL=use-msem-presets.d.ts.map

package/es/future/hooks/use-msem-presets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-msem-presets.d.ts","sourceRoot":"","sources":["../../../src/future/hooks/use-msem-presets.ts"],"names":[],"mappings":"AAQA,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EAAE,cAAc,EAAE;;CAAA,QAyCxD"}

package/es/future/hooks/use-msem-presets.js

@@ -0,0 +1,37 @@
+import * as React from "react";
+import { useUbloContext } from "ublo/with-ublo";
+import * as UrlParameters from "../utils/url-parameters";
+import * as MseM from "../components/msem";
+const PRESET_ATTRIBUTE = "data-msem-preset";
+export default function useMsemPresets({ defaultOptions }) {
+    const { lang, cmsMode, path } = useUbloContext();
+    const widgetLang = lang === "fr" ? "fr" : "en";
+    const isEnabled = cmsMode !== "editing" && cmsMode !== "info";
+    const handleSectionClick = React.useCallback((e) => {
+        const target = e.target;
+        const section = target.closest(`section[${PRESET_ATTRIBUTE}]`);
+        const preset = section?.getAttribute(PRESET_ATTRIBUTE);
+        if (!preset)
+            return;
+        const { widget, options = {}, presets, url } = JSON.parse(preset);
+        const allOptions = { ...defaultOptions, ...options, lang: widgetLang };
+        e.preventDefault();
+        e.stopPropagation();
+        if (url) {
+            const params = UrlParameters.build({ options: allOptions, presets });
+            const endpoint = url.concat(params);
+            window.open(endpoint, "_blank");
+            return;
+        }
+        MseM.loadWidget(widget, allOptions, presets);
+    }, [defaultOptions, widgetLang]);
+    React.useEffect(() => {
+        const container = document.getElementById("__next");
+        if (isEnabled && container) {
+            container.addEventListener("click", handleSectionClick);
+            return () => {
+                container.removeEventListener("click", handleSectionClick);
+            };
+        }
+    }, [lang, handleSectionClick, isEnabled, path]);
+}

package/es/future/utils/fetcher.d.ts

@@ -0,0 +1,5 @@
+export declare function get<T = any>(url: string, params?: Record<string, any>, headers?: Record<string, any>): Promise<T>;
+export declare const put: <T = any>(_url: string, body?: Record<string, any>, params?: {}, _headers?: {}) => Promise<T>;
+export declare const post: <T = any>(_url: string, body?: Record<string, any>, params?: {}, _headers?: {}) => Promise<T>;
+export declare const _delete: <T = any>(_url: string, body?: Record<string, any>, params?: {}, _headers?: {}) => Promise<T>;
+//# sourceMappingURL=fetcher.d.ts.map

package/es/future/utils/fetcher.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fetcher.d.ts","sourceRoot":"","sources":["../../../src/future/utils/fetcher.ts"],"names":[],"mappings":"AAAA,wBAAgB,GAAG,CAAC,CAAC,GAAG,GAAG,EACzB,GAAG,EAAE,MAAM,EACX,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC5B,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,cAG9B;AACD,eAAO,MAAM,GAAG,kBAUN,MAAM,SACL,OAAO,MAAM,EAAE,GAAG,CAAC,2CAXG,CAAC;AAClC,eAAO,MAAM,IAAI,kBASP,MAAM,SACL,OAAO,MAAM,EAAE,GAAG,CAAC,2CAVK,CAAC;AACpC,eAAO,MAAM,OAAO,kBAQV,MAAM,SACL,OAAO,MAAM,EAAE,GAAG,CAAC,2CATU,CAAC"}

package/es/future/utils/fetcher.js

@@ -0,0 +1,49 @@
+export function get(url, params, headers) {
+    return fetcher("GET")(url, undefined, params, headers);
+}
+export const put = fetcher("PUT");
+export const post = fetcher("POST");
+export const _delete = fetcher("DELETE");
+const defaultContentType = {
+    "Content-Type": "application/json; charset=utf-8",
+};
+function fetcher(method) {
+    return async (_url, body, params = {}, _headers = {}) => {
+        const headers = { ...defaultContentType, ..._headers };
+        try {
+            const qs = buildQueryString(params);
+            const url = qs.length === 0 ? _url : `${_url}?${qs}`;
+            const reqOpts = {
+                method: method || "POST",
+                headers,
+                body: method !== "GET" && body !== undefined
+                    ? JSON.stringify(body)
+                    : undefined,
+            };
+            const response = await fetch(url, reqOpts);
+            if (response.ok && response.status === 204)
+                return undefined;
+            const resJSON = await response.json();
+            if (response.ok === false)
+                return Promise.reject(resJSON.error);
+            return resJSON;
+        }
+        catch (err) {
+            throw err;
+        }
+    };
+}
+function buildQueryStringForObject(key, object) {
+    return Object.entries(object)
+        .filter(([, v]) => v !== undefined)
+        .map(([k, v]) => `${key}[${k}]=${encodeURIComponent(v)}`)
+        .join("&");
+}
+function buildQueryString(params) {
+    return Object.keys(params)
+        .filter((k) => !!params[k])
+        .map((k) => typeof params[k] === "object"
+        ? buildQueryStringForObject(k, params[k])
+        : `${k}=${encodeURIComponent(params[k])}`)
+        .join("&");
+}

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

@@ -0,0 +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/future/utils/url-parameters.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"url-parameters.d.ts","sourceRoot":"","sources":["../../../src/future/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"}