ublo-lib 1.39.13 → 1.39.15

package/es/common/components/msem-preset-linker/components/overlays.module.css

@@ -1,64 +0,0 @@
-.overlay {
-  position: absolute;
-  top: -4px;
-  left: -4px;
-  width: calc(100% + 8px);
-  height: calc(100% + 8px);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: var(--ds-radius-200, 8px);
-  z-index: 800;
-  transition: background-color 160ms
-    var(--ds-transition-easing, cubic-bezier(0.4, 0.1, 0.2, 0.9));
-  pointer-events: auto;
-}
-
-body:not(:has(.active)) .overlay:hover {
-  cursor: pointer;
-}
-
-body:not(:has(.active)) .overlay:hover,
-.active {
-  background-color: rgba(0, 0, 0, 0.25);
-}
-
-.active {
-  outline: var(--ds-focus-ring-width, 2px) solid var(--ds-blue-400, #0038ff);
-  outline-offset: var(--ds-focus-ring-offset, 2px);
-}
-
-.presetIndicator {
-  width: 44px;
-  height: 44px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background: var(
-    --ds-blue-gradient,
-    linear-gradient(
-      100deg,
-      var(--ds-blue-300, #6688ff) 0%,
-      var(--ds-blue-400, #0038ff) 100%
-    )
-  );
-  border-radius: var(--ds-radius-200, 8px);
-  box-shadow: var(--ds-shadow-100, 0px 3px 6px rgba(0, 0, 0, 0.12));
-}
-
-.obsolete .presetIndicator {
-  background: var(
-    --ds-yellow-gradient,
-    linear-gradient(
-      100deg,
-      var(--ds-yellow-300, #ffb648) 0%,
-      var(--ds-yellow-400, #ffa114) 100%
-    )
-  );
-}
-
-.presetIndicatorIcon {
-  width: 24px;
-  height: 24px;
-  fill: var(--ds-grey-000, #fff);
-}

package/es/common/components/msem-preset-linker/components/resort-selector.d.ts

@@ -1,6 +0,0 @@
-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/common/components/msem-preset-linker/components/resort-selector.d.ts.map

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

package/es/common/components/msem-preset-linker/components/resort-selector.js

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

package/es/common/components/msem-preset-linker/hooks/use-msem-presets.d.ts

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

package/es/common/components/msem-preset-linker/hooks/use-msem-presets.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-msem-presets.d.ts","sourceRoot":"","sources":["../../../../../src/common/components/msem-preset-linker/hooks/use-msem-presets.ts"],"names":[],"mappings":"AAOA,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE;;;CAAA,QA0C9D"}

package/es/common/components/msem-preset-linker/hooks/use-msem-presets.js

@@ -1,37 +0,0 @@
-import * as React from "react";
-import { useUbloContext } from "ublo/with-ublo";
-import { MODES, PRESET_ATTRIBUTE } from "../msem-preset-linker";
-import * as UrlParams from "../services/url-params";
-import * as MseM from "../../../utils/msem-widget";
-export default function useMsemPresets({ mode, defaultOptions }) {
-    const { lang, cmsMode, path } = useUbloContext();
-    const widgetLang = lang === "fr" ? "fr" : "en";
-    const isEnabled = cmsMode !== "editing" && cmsMode !== "info" && mode !== MODES.EDITING;
-    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 = UrlParams.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/common/components/msem-preset-linker/index.d.ts

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

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

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

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

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

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

@@ -1,30 +0,0 @@
-import * as React from "react";
-type Props = {
-    lang: "fr" | "en";
-    options: {
-        channel: string;
-        resort: string;
-        cartUrl?: string;
-        analytics?: () => void;
-    };
-    urls?: {
-        skiPasses?: {
-            winter: string;
-            summer: string;
-        };
-        lodgings?: {
-            winter: string;
-            summer: string;
-        };
-    };
-    noLodgingPage?: boolean;
-    children?: React.ReactNode;
-};
-export declare const MODES: {
-    CONNECTED: number;
-    EDITING: number;
-};
-export declare const PRESET_ATTRIBUTE = "data-msem-preset";
-export default function MseMPresetLinker({ lang, options, urls, noLodgingPage, children, }: Props): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=msem-preset-linker.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"msem-preset-linker.d.ts","sourceRoot":"","sources":["../../../../src/common/components/msem-preset-linker/msem-preset-linker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/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,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,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,KAAK;;;CAGjB,CAAC;AAEF,eAAO,MAAM,gBAAgB,qBAAqB,CAAC;AAEnD,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,IAAI,EACJ,OAAO,EACP,IAAI,EACJ,aAAa,EACb,QAAQ,GACT,EAAE,KAAK,2CA+DP"}

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

@@ -1,54 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { useUbloContext } from "ublo/with-ublo";
-import Router from "next/router";
-import Actions from "./components/actions";
-import css from "./msem-preset-linker.module.css";
-import Overlays from "./components/overlays";
-import EditorDialog from "../msem-preset-editor/editor-dialog";
-import useMsemPresets from "./hooks/use-msem-presets";
-export const MODES = {
-    CONNECTED: 0,
-    EDITING: 1,
-};
-export const PRESET_ATTRIBUTE = "data-msem-preset";
-export default function MseMPresetLinker({ lang, options, urls, noLodgingPage, children, }) {
-    const { cmsMode } = useUbloContext();
-    const [mode, setMode] = React.useState(MODES.CONNECTED);
-    const [target, setTarget] = React.useState(null);
-    const link = target?.querySelector(":scope > a");
-    const urlOverride = link?.getAttribute("href") || undefined;
-    const urlsWithOverride = {
-        ...urls,
-        override: urlOverride,
-    };
-    const removeObsoletePreset = () => {
-        const attributes = ["data-config", "data-widget", "data-resort"];
-        attributes.forEach((attribute) => {
-            target?.removeAttribute(attribute);
-        });
-        setTarget(null);
-    };
-    const updatePreset = (newPreset) => {
-        if (newPreset) {
-            target?.setAttribute(PRESET_ATTRIBUTE, JSON.stringify(newPreset));
-        }
-        else {
-            target?.removeAttribute(PRESET_ATTRIBUTE);
-        }
-        removeObsoletePreset();
-        setTarget(null);
-    };
-    const closeEditor = () => {
-        setTarget(null);
-    };
-    Router.ready(() => {
-        Router.events.on("routeChangeStart", () => {
-            setMode(MODES.CONNECTED);
-        });
-    });
-    useMsemPresets({ mode, defaultOptions: options });
-    if (!cmsMode)
-        return null;
-    return (_jsxs("div", { className: css.linker, children: [_jsx(Actions, { mode: mode, setMode: setMode }), _jsx(Overlays, { mode: mode, target: target, setTarget: setTarget }), _jsx(EditorDialog, { lang: lang, options: options, target: target, updatePreset: updatePreset, closeEditor: closeEditor, removeObsoletePreset: removeObsoletePreset, urls: urlsWithOverride, noLodgingPage: noLodgingPage, children: children })] }));
-}

package/es/common/components/msem-preset-linker/msem-preset-linker.module.css

@@ -1,27 +0,0 @@
-.linker {
-  --ds-primary: var(--ds-blue-500, #073ff8);
-  --ds-secondary: var(--ds-blue-400, #4177f6);
-
-  --ds-focus-ring-color: var(--ds-blue-400, #4177f6);
-  --ds-focus-ring-width: 2px;
-  --ds-focus-ring-offset: 2px;
-
-  --ds-button-background: var(--ds-secondary, var(--ds-blue-400, #4177f6));
-  --ds-button-hover-background: var(--ds-primary, var(--ds-blue-500, #073ff8));
-
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-family: inherit;
-  pointer-events: none;
-  z-index: 811;
-}
-
-:is(.linker[hidden], :global(cms-page-ui[hidden])) {
-  display: none !important;
-}

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

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

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

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

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

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