ublo-lib 1.42.0 → 1.42.2

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

@@ -1 +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"}
+{"version":3,"file":"facet-selector.d.ts","sourceRoot":"","sources":["../../../../../src/future/components/msem-preset-editor/components/facet-selector.tsx"],"names":[],"mappings":"AAEA,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE;;;;CAAA,2CA2BnE"}

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

@@ -1 +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,2CA0CA"}
+{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../../../../src/future/components/msem-preset-editor/components/form.tsx"],"names":[],"mappings":"AAKA,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAC3B,KAAK,EACL,KAAK,EACL,MAAM,EACN,cAAc,EACd,QAAQ,GACT;;;;;;CAAA,2CA0CA"}

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

@@ -1 +1 @@
-{"version":3,"file":"resort-selector.d.ts","sourceRoot":"","sources":["../../../../../src/future/components/msem-preset-editor/components/resort-selector.tsx"],"names":[],"mappings":"AAGA,KAAK,MAAM,GAAG;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,YAAY,EAAE,MAAM,IAAI,CAAC;CAC1B,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,OAAO,EACP,MAAM,EACN,SAAS,EACT,YAAY,GACb,EAAE,KAAK,2CAiBP"}
+{"version":3,"file":"resort-selector.d.ts","sourceRoot":"","sources":["../../../../../src/future/components/msem-preset-editor/components/resort-selector.tsx"],"names":[],"mappings":"AAEA,KAAK,MAAM,GAAG;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,YAAY,EAAE,MAAM,IAAI,CAAC;CAC1B,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,OAAO,EACP,MAAM,EACN,SAAS,EACT,YAAY,GACb,EAAE,KAAK,2CAiBP"}

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

@@ -1 +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,2CAmD1D"}
+{"version":3,"file":"stay-picker.d.ts","sourceRoot":"","sources":["../../../../../src/future/components/msem-preset-editor/components/stay-picker.tsx"],"names":[],"mappings":"AAGA,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,2CAmD1D"}

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

@@ -1 +1 @@
-{"version":3,"file":"msem-preset-linker.d.ts","sourceRoot":"","sources":["../../../../src/future/components/msem-preset-linker/msem-preset-linker.tsx"],"names":[],"mappings":"AAOA,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,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,eAAe,EAAE,MAAM,CAAC;IACxB,MAAM,EAAE,WAAW,GAAG,IAAI,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB,CAAC;AAIF,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,IAAI,EACJ,OAAO,EACP,MAAM,EACN,eAAe,EACf,MAAM,EACN,OAAO,EACP,KAAK,EACL,OAAO,GACR,EAAE,KAAK,2CA+DP"}
+{"version":3,"file":"msem-preset-linker.d.ts","sourceRoot":"","sources":["../../../../src/future/components/msem-preset-linker/msem-preset-linker.tsx"],"names":[],"mappings":"AAQA,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,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,eAAe,EAAE,MAAM,CAAC;IACxB,MAAM,EAAE,WAAW,GAAG,IAAI,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB,CAAC;AAIF,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,IAAI,EACJ,OAAO,EACP,MAAM,EACN,eAAe,EACf,MAAM,EACN,OAAO,EACP,KAAK,EACL,OAAO,GACR,EAAE,KAAK,2CAgFP"}

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

@@ -2,6 +2,7 @@ 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 Checkbox from "dt-design-system/es/checkbox";
 import MseMPresetEditor from "../msem-preset-editor";
 import css from "./msem-preset-linker.module.css";
 import MseMLogo from "./msem-logo";
@@ -10,7 +11,10 @@ export default function MseMPresetLinker({ lang, channel, resort, msemServicesUr
     const link = target?.querySelector(":scope > a");
     const currentPreset = target?.getAttribute("data-msem-preset") || undefined;
     const urlOverride = link?.getAttribute("href") || undefined;
-    const [preset, setPreset] = React.useState(currentPreset ? JSON.parse(currentPreset) : null);
+    const defaultPreset = currentPreset ? JSON.parse(currentPreset) : null;
+    const [preset, setPreset] = React.useState(defaultPreset);
+    const [groundedTo, setGroundedTo] = React.useState(Boolean(defaultPreset?.groundedTo));
+    const allowGroundedTo = Boolean(target?.querySelector("[data-msem-placeholder]"));
     const closeEditor = React.useCallback(() => {
         close();
     }, [close]);
@@ -22,12 +26,13 @@ export default function MseMPresetLinker({ lang, channel, resort, msemServicesUr
             if (!anchorHasHref && preset?.url) {
                 delete preset.url;
             }
-            target?.setAttribute(PRESET_ATTRIBUTE, JSON.stringify(preset));
+            const fullPreset = { ...preset, groundedTo };
+            target?.setAttribute(PRESET_ATTRIBUTE, JSON.stringify(fullPreset));
         }
         else {
             target?.removeAttribute(PRESET_ATTRIBUTE);
         }
         closeEditor();
-    }, [closeEditor, preset, target]);
-    return (_jsxs(Dialog, { className: css.dialog, isOpened: true, close: closeEditor, closeButtonVariant: "transparent", closeOnBackdropClick: false, showAsModal: false, children: [_jsxs("div", { className: css.title, children: [_jsx(MseMLogo, { className: css.logo }), " \u00C9diteur de presets"] }), _jsx("div", { className: css.content, children: _jsx(MseMPresetEditor, { lang: lang, channel: channel, resort: resort, msemServicesUrl: msemServicesUrl, urlOverride: urlOverride, resorts: resorts, currentPreset: preset, onChange: setPreset, showUrl: showUrl }) }), _jsxs("div", { className: css.buttons, children: [_jsx(Button, { variant: "secondary", onClick: closeEditor, children: "Annuler" }), _jsx(Button, { variant: "primary", onClick: updatePreset, children: "Valider" })] })] }));
+    }, [closeEditor, groundedTo, preset, target]);
+    return (_jsxs(Dialog, { className: css.dialog, isOpened: true, close: closeEditor, closeButtonVariant: "transparent", closeOnBackdropClick: false, showAsModal: false, children: [_jsxs("div", { className: css.title, children: [_jsx(MseMLogo, { className: css.logo }), " \u00C9diteur de presets"] }), _jsx("div", { className: css.content, children: _jsx(MseMPresetEditor, { lang: lang, channel: channel, resort: resort, msemServicesUrl: msemServicesUrl, urlOverride: urlOverride, resorts: resorts, currentPreset: preset, onChange: setPreset, showUrl: showUrl }) }), _jsxs("div", { className: css.buttons, children: [allowGroundedTo && (_jsx(Checkbox, { className: css.groundedTo, label: "Ins\u00E9rer le widget dans la page", checked: groundedTo, onCheckedChange: setGroundedTo })), _jsx(Button, { variant: "secondary", onClick: closeEditor, children: "Annuler" }), _jsx(Button, { variant: "primary", onClick: updatePreset, children: "Valider" })] })] }));
 }

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

@@ -125,3 +125,7 @@
   gap: 8px;
   padding: 10px;
 }
+
+.groundedTo {
+  margin-right: auto;
+}

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

@@ -1 +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,QAwCxD"}
+{"version":3,"file":"use-msem-presets.d.ts","sourceRoot":"","sources":["../../../src/future/hooks/use-msem-presets.ts"],"names":[],"mappings":"AAYA,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EAAE,cAAc,EAAE;;CAAA,QAqFxD"}

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

@@ -2,7 +2,9 @@ import * as React from "react";
 import { useUbloContext } from "ublo/with-ublo";
 import * as UrlParameters from "../utils/url-parameters";
 import * as MseM from "../components/msem";
+import * as Cms from "../../common/utils/cms";
 const PRESET_ATTRIBUTE = "data-msem-preset";
+const PRESET_PLACEHOLDER_ATTRIBUTE = "data-msem-placeholder";
 export default function useMseMPresets({ defaultOptions }) {
     const { lang, cmsMode, path } = useUbloContext();
     const isEnabled = cmsMode !== "editing" && cmsMode !== "info";
@@ -12,7 +14,9 @@ export default function useMseMPresets({ defaultOptions }) {
         const preset = section?.getAttribute(PRESET_ATTRIBUTE);
         if (!preset)
             return;
-        const { widget, options = {}, presets, url } = JSON.parse(preset);
+        const { widget, options = {}, presets, url, groundedTo, } = JSON.parse(preset);
+        if (groundedTo)
+            return;
         const allOptions = { ...defaultOptions, ...options, lang };
         e.preventDefault();
         e.stopPropagation();
@@ -33,4 +37,30 @@ export default function useMseMPresets({ defaultOptions }) {
             };
         }
     }, [lang, handleSectionClick, isEnabled, path]);
+    React.useEffect(() => {
+        const sections = Array.from(document.querySelectorAll(`section[${PRESET_ATTRIBUTE}]`));
+        if (!Cms.isConnected()) {
+            sections.forEach((section) => {
+                const preset = section.getAttribute(PRESET_ATTRIBUTE);
+                if (!preset)
+                    return;
+                const { widget, options = {}, presets, groundedTo, } = JSON.parse(preset);
+                if (!groundedTo)
+                    return;
+                const placeholder = section.querySelector(`[${PRESET_PLACEHOLDER_ATTRIBUTE}]`);
+                const isAlreadyLoaded = placeholder.hasAttribute("id");
+                if (isAlreadyLoaded)
+                    return;
+                const uniqueId = `msem-${Math.random().toString(36).substring(2, 9)}`;
+                const allOptions = {
+                    ...defaultOptions,
+                    ...options,
+                    groundedTo: `#${uniqueId}`,
+                    lang,
+                };
+                placeholder.setAttribute("id", uniqueId);
+                MseM.loadWidget(widget, allOptions, presets);
+            });
+        }
+    }, [defaultOptions, lang]);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ublo-lib",
-  "version": "1.42.0",
+  "version": "1.42.2",
   "peerDependencies": {
     "dt-design-system": "^3.10.8",
     "framer-motion": "^11.11.9",