ublo-lib 1.43.4 → 1.44.0

package/es/@types/global.d.ts

@@ -0,0 +1,9 @@
+import type { JSX as Jsx } from "react/jsx-runtime";
+declare global {
+    namespace JSX {
+        type ElementClass = Jsx.ElementClass;
+        type Element = Jsx.Element;
+        type IntrinsicElements = Jsx.IntrinsicElements;
+    }
+}
+//# sourceMappingURL=global.d.ts.map

package/es/@types/global.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"global.d.ts","sourceRoot":"","sources":["../../src/@types/global.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,IAAI,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEpD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,GAAG,CAAC;QACZ,KAAK,YAAY,GAAG,GAAG,CAAC,YAAY,CAAC;QACrC,KAAK,OAAO,GAAG,GAAG,CAAC,OAAO,CAAC;QAC3B,KAAK,iBAAiB,GAAG,GAAG,CAAC,iBAAiB,CAAC;KAChD;CACF"}

package/es/@types/global.js

@@ -0,0 +1 @@
+export {};

package/es/common/components/cart-dialog/cross-selling-offers.js

@@ -7,7 +7,7 @@ import * as Plausible from "../plausible";
 import { message } from "./message";
 import styles from "./cross-selling-offers.module.css";
 const CrossSellingOffers = ({ kind, cart, closeDialog, zoneId, zonePath }) => {
-    const ref = React.useRef();
+    const ref = React.useRef(null);
     const { lang, path } = useUbloContext();
     const currentCart = cart.cart.cart;
     const offers = useTunnelOffers(zoneId, zonePath, currentCart);

package/es/common/components/cookie-consent/cookie-consent.d.ts

@@ -4,5 +4,6 @@ declare function CookieConsent({ lang, consent, updateConsent }: {
     lang: any;
     consent: any;
     updateConsent: any;
-}): import("react-dom/node_modules/@types/react").ReactPortal;
+}): React.ReactPortal;
+import * as React from "react";
 //# sourceMappingURL=cookie-consent.d.ts.map

package/es/common/components/cookie-consent/cookie-consent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cookie-consent.d.ts","sourceRoot":"","sources":["../../../../src/common/components/cookie-consent/cookie-consent.js"],"names":[],"mappings":"AAsGO,0CA6BN;;AArHD;;;;8DAsFC"}
+{"version":3,"file":"cookie-consent.d.ts","sourceRoot":"","sources":["../../../../src/common/components/cookie-consent/cookie-consent.js"],"names":[],"mappings":"AAsGO,0CA6BN;;AArHD;;;;sBAsFC;uBApGsB,OAAO"}

package/es/common/components/cross-selling-editor/cross-selling-editor.js

@@ -7,8 +7,8 @@ import * as Plausible from "../plausible";
 import Editor from "./editor";
 import styles from "./cross-selling-editor.module.css";
 export default function CrossSellingEditor({ titleZoneProps = {}, contentZoneProps = {}, durations, className, tunnelOffersOrder, displayedTunnelOffers, children, }) {
-    const ref = React.useRef();
-    const titleRef = React.useRef();
+    const ref = React.useRef(null);
+    const titleRef = React.useRef(null);
     const { cmsMode } = useUbloContext();
     const sendPlausibleEvent = (e) => {
         const container = e.target.closest("data-custom-offers");

package/es/common/components/cross-selling-editor/hooks/use-custom-offers.js

@@ -5,7 +5,7 @@ import * as Utils from "../services/utils";
 export default function useCustomOffers({ titleSelector, contentSelector, } = {}) {
     const { lang, path } = useUbloContext();
     const [offers, setOffers] = React.useState();
-    const controller = React.useRef();
+    const controller = React.useRef(undefined);
     const getOffers = React.useCallback(async () => {
         const titleZone = document.querySelector(titleSelector || "[data-title-zone]");
         const contentZone = document.querySelector(contentSelector || "[data-content-zone]");

package/es/common/components/cross-selling-editor/hooks/use-fetch.js

@@ -2,7 +2,7 @@ import * as React from "react";
 export default function useFetch({ key, callback, ready = true, }) {
     const [data, setData] = React.useState();
     const [loading, setLoading] = React.useState(false);
-    const controller = React.useRef();
+    const controller = React.useRef(undefined);
     React.useEffect(() => {
         if (ready && data === undefined) {
             const runEffect = async () => {

package/es/common/components/custom-contact-form/attachment.js

@@ -6,7 +6,7 @@ import * as Icons from "./icons";
 import { convertToFileList } from "./utils";
 import css from "./attachment.module.css";
 export default function Attachment({ lang, name, label, settings, data, setData, }) {
-    const ref = React.useRef();
+    const ref = React.useRef(null);
     const [dragging, setDragging] = React.useState(false);
     const [error, setError] = React.useState(false);
     const items = data?.attachment?.value || [];

package/es/common/components/date-picker/data.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"data.d.ts","sourceRoot":"","sources":["../../../../src/common/components/date-picker/data.js"],"names":[],"mappings":";;;;;;;;;;;AAaA,+BAAkD;AAElD,gCAAoD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2HpD,+BAAgC;AAEzB,kEAyCN"}
+{"version":3,"file":"data.d.ts","sourceRoot":"","sources":["../../../../src/common/components/date-picker/data.js"],"names":[],"mappings":";;;;;;;;;;;AAaA,+BAAkD;AAElD,gCAAoD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2HpD,6BAA8B,CAAC,CAAC;AAEzB,kEAyCN"}

package/es/common/components/editable-calendar/data.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"data.d.ts","sourceRoot":"","sources":["../../../../src/common/components/editable-calendar/data.js"],"names":[],"mappings":"AA2FA,iEAmCC;AA5HD,+BAAkD;AAElD,gCAAoD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqFpD,+BAAgC"}
+{"version":3,"file":"data.d.ts","sourceRoot":"","sources":["../../../../src/common/components/editable-calendar/data.js"],"names":[],"mappings":"AA2FA,iEAmCC;AA5HD,+BAAkD;AAElD,gCAAoD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqFpD,6BAA8B,CAAC,CAAC"}

package/es/common/components/editable-calendar/index.d.ts

@@ -1,2 +1,3 @@
-export default function EditableCalendar(): import("react-dom/node_modules/@types/react").ReactPortal[];
+export default function EditableCalendar(): React.ReactPortal[];
+import * as React from "react";
 //# sourceMappingURL=index.d.ts.map

package/es/common/components/editable-calendar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/common/components/editable-calendar/index.js"],"names":[],"mappings":"AAOA,wGAiDC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/common/components/editable-calendar/index.js"],"names":[],"mappings":"AAOA,gEAiDC;uBAxDsB,OAAO"}

package/es/common/components/scroll-spy.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"scroll-spy.d.ts","sourceRoot":"","sources":["../../../src/common/components/scroll-spy.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,KAAK,KAAK,GAAG;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,GAAG,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACxB,gBAAgB,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,GAAG,WAAW,GAAG,SAAS,KAAK,IAAI,CAAC;IAC/D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,SAAS,EACT,KAAK,EACL,GAAW,EACX,gBAAgB,EAChB,QAAQ,EACR,UAAuB,EACvB,SAAS,EACT,QAAQ,GACT,EAAE,KAAK,2CAmDP"}
+{"version":3,"file":"scroll-spy.d.ts","sourceRoot":"","sources":["../../../src/common/components/scroll-spy.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,KAAK,KAAK,GAAG;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,GAAG,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACxB,gBAAgB,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,GAAG,WAAW,GAAG,SAAS,KAAK,IAAI,CAAC;IAC/D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAIF,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,SAAS,EACT,KAAK,EACL,GAAW,EACX,gBAAgB,EAChB,QAAQ,EACR,UAAuB,EACvB,SAAS,EACT,QAAQ,GACT,EAAE,KAAK,2CAqDP"}

package/es/common/components/scroll-spy.js

@@ -38,9 +38,6 @@ export default function ScrollSpy({ className, items, Tag = "div", currentClassN
                     [props.className]: props.className,
                     [currentClassName]: current === i,
                 });
-                return React.cloneElement(child, {
-                    ...props,
-                    className,
-                });
+                return React.cloneElement(child, { ...props, className });
             }) }));
 }

package/es/common/components/scrolling-carousel/scrolling-carousel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"scrolling-carousel.d.ts","sourceRoot":"","sources":["../../../../src/common/components/scrolling-carousel/scrolling-carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,KAAK,KAAK,GAAG;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAKF,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,KAAK,2CA0HvE"}
+{"version":3,"file":"scrolling-carousel.d.ts","sourceRoot":"","sources":["../../../../src/common/components/scrolling-carousel/scrolling-carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,KAAK,KAAK,GAAG;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAKF,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,KAAK,2CA6HvE"}

package/es/common/components/search-bar/hooks/use-constant.js

@@ -1,6 +1,6 @@
 import * as React from "react";
 export default function useConstant(fn) {
-    const ref = React.useRef();
+    const ref = React.useRef(null);
     if (!ref.current) {
         ref.current = { v: fn() };
     }

package/es/common/components/search-bar/utils/keyboard-keys.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"keyboard-keys.d.ts","sourceRoot":"","sources":["../../../../../src/common/components/search-bar/utils/keyboard-keys.js"],"names":[],"mappings":"AAAA,mBAAoB;AACpB,yBAA0B;AAC1B,2BAA4B;AAC5B,uBAAwB;AACxB,wBAAyB"}
+{"version":3,"file":"keyboard-keys.d.ts","sourceRoot":"","sources":["../../../../../src/common/components/search-bar/utils/keyboard-keys.js"],"names":[],"mappings":"AAAA,gBAAiB,EAAE,CAAC;AACpB,sBAAuB,EAAE,CAAC;AAC1B,wBAAyB,EAAE,CAAC;AAC5B,oBAAqB,EAAE,CAAC;AACxB,qBAAsB,EAAE,CAAC"}

package/es/common/components/week-selector/week-selector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"week-selector.d.ts","sourceRoot":"","sources":["../../../../src/common/components/week-selector/week-selector.tsx"],"names":[],"mappings":"AAWA,KAAK,KAAK,GAAG;IACX,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,OAAO,EAAE,WAAW,GAAG,SAAS,GAAG,MAAM,CAAC;CAC3C,CAAC;AAOF,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,WAAW,EACX,cAAc,EACd,OAAO,GACR,EAAE,KAAK,2CAoPP"}
+{"version":3,"file":"week-selector.d.ts","sourceRoot":"","sources":["../../../../src/common/components/week-selector/week-selector.tsx"],"names":[],"mappings":"AAWA,KAAK,KAAK,GAAG;IACX,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,OAAO,EAAE,WAAW,GAAG,SAAS,GAAG,MAAM,CAAC;CAC3C,CAAC;AAOF,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,WAAW,EACX,cAAc,EACd,OAAO,GACR,EAAE,KAAK,2CAqPP"}

package/es/common/hooks/use-sticky.d.ts

@@ -1,4 +1,4 @@
 import * as React from "react";
-declare const useSticky: () => (boolean | React.MutableRefObject<any>)[];
+declare const useSticky: () => (boolean | React.RefObject<any>)[];
 export default useSticky;
 //# sourceMappingURL=use-sticky.d.ts.map

package/es/common/hooks/use-sticky.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-sticky.d.ts","sourceRoot":"","sources":["../../../src/common/hooks/use-sticky.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,QAAA,MAAM,SAAS,iDAsCd,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"use-sticky.d.ts","sourceRoot":"","sources":["../../../src/common/hooks/use-sticky.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,QAAA,MAAM,SAAS,0CAsCd,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/es/esf/components/booking-form/booking-form.js

@@ -10,7 +10,7 @@ const BookingFormWithSnackbar = (props) => {
     return (_jsx(SnackbarProvider, { children: _jsx(BookingForm, { ...props }) }));
 };
 const BookingForm = ({ lang, resort, channel = "ESF", merchant, integration = false, uat = false, noInitialScroll, }) => {
-    const ref = React.useRef();
+    const ref = React.useRef(null);
     const [fields, setFields] = React.useState(FIELDS);
     const [step, setStep] = React.useState(STEPS.LESSONS);
     const [lessons, setLessons] = React.useState([]);

package/es/esf/components/booking-form/summary.js

@@ -18,7 +18,7 @@ const getChildren = (lang, key, type, label, value, isName, age) => {
     return (_jsxs(_Fragment, { children: [_jsxs("span", { children: [label, " :"] }), " ", value] }));
 };
 const Summary = ({ lang, fields, lessons, personalData, setStep, config, clearForm, }) => {
-    const ref = React.useRef();
+    const ref = React.useRef(null);
     const { groupLessons, data } = fields;
     const { channel, resort, merchant, integration, uat } = config;
     const previousStep = () => setStep(STEPS.PERSONAL_DATA);

package/es/esf/components/instant-search/hooks/use-constant.js

@@ -1,6 +1,6 @@
 import * as React from "react";
 export default function useConstant(fn) {
-    const ref = React.useRef();
+    const ref = React.useRef(null);
     if (!ref.current) {
         ref.current = { v: fn() };
     }

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

@@ -19,7 +19,7 @@ const { start, end, forceSeasonSwitch = false, extend, } = publicRuntimeConfig.s
 const WEEK_STORAGE = "stayWeek";
 const EXTEND_STAY_PICKER_APPEARANCE_DELAY = 1000;
 export default function PeriodPicker({ setClosed = undefined, force = false, onChange = undefined, ubloContext = {}, }) {
-    const ref = React.useRef();
+    const ref = React.useRef(null);
     const { lang, cmsMode, metadata, path } = {
         ...ubloContext,
         ...useUbloContext(),

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

@@ -4,5 +4,6 @@ export default function Popup({ mustFilterSections, showDialog, opened, onChange
     opened: any;
     onChange: any;
     selectAndClose: any;
-}): import("react-dom/node_modules/@types/react").ReactPortal;
+}): React.ReactPortal;
+import * as React from "react";
 //# sourceMappingURL=popup.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"popup.d.ts","sourceRoot":"","sources":["../../../../src/esf/components/period-picker/popup.js"],"names":[],"mappings":"AAKA;;;;;;8DA2BC"}
+{"version":3,"file":"popup.d.ts","sourceRoot":"","sources":["../../../../src/esf/components/period-picker/popup.js"],"names":[],"mappings":"AAKA;;;;;;sBA2BC;uBAhCsB,OAAO"}

package/es/future/components/faqs/config.d.ts

@@ -0,0 +1,6 @@
+type Props = {
+    config: string[];
+};
+export default function Config({ config }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=config.d.ts.map

package/es/future/components/faqs/config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../../../src/future/components/faqs/config.tsx"],"names":[],"mappings":"AAIA,KAAK,KAAK,GAAG;IACX,MAAM,EAAE,MAAM,EAAE,CAAC;CAClB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK,2CAkB/C"}

package/es/future/components/faqs/config.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import Zone from "ublo/zone";
+import styles from "./config.module.css";
+export default function Config({ config }) {
+    const ref = React.useRef(null);
+    const [initialized, setInitialized] = React.useState(false);
+    React.useEffect(() => {
+        const container = ref.current;
+        if (initialized) {
+            if (container) {
+                container.innerHTML = JSON.stringify(config);
+            }
+        }
+        else {
+            setInitialized(true);
+        }
+    }, [config, initialized]);
+    return _jsx(Zone, { ref: ref, id: "faqs-config", className: styles.config, readOnly: true });
+}

package/es/future/components/faqs/config.module.css

@@ -0,0 +1,3 @@
+.config {
+  display: none;
+}

package/es/future/components/faqs/editor.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+type Props = {
+    currentFaqs: string;
+    faqUrl: string;
+    faqZoneId: string;
+    config: string[];
+    setConfig: React.Dispatch<React.SetStateAction<string[]>>;
+};
+export default function Editor({ currentFaqs, faqUrl, faqZoneId, config, setConfig, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=editor.d.ts.map

package/es/future/components/faqs/editor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../../src/future/components/faqs/editor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,KAAK,KAAK,GAAG;IACX,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;CAC3D,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC7B,WAAW,EACX,MAAM,EACN,SAAS,EACT,MAAM,EACN,SAAS,GACV,EAAE,KAAK,2CAmJP"}

package/es/future/components/faqs/editor.js

@@ -0,0 +1,71 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import * as React from "react";
+import { useUbloContext } from "ublo/with-ublo";
+import { fetchZone } from "ublo/fetcher";
+import Button from "dt-design-system/es/button";
+import * as Icons from "dt-design-system/es/icons";
+import Dialog from "dt-design-system/es/dialog";
+import styles from "./editor.module.css";
+export default function Editor({ currentFaqs, faqUrl, faqZoneId, config, setConfig, }) {
+    const previousConfig = React.useRef(config);
+    const { ubloApi, site, lang } = useUbloContext();
+    const [opened, setOpened] = React.useState(false);
+    const [faqs, setFaqs] = React.useState();
+    const [selectedFaqs, setSelectedFaqs] = React.useState([]);
+    const [othersFaqs, setOthersFaqs] = React.useState([]);
+    const openEditor = async () => {
+        const content = await fetchZone(ubloApi, site, lang, faqUrl, faqZoneId);
+        setFaqs(content);
+        setOpened(true);
+    };
+    React.useEffect(() => {
+        if (faqs) {
+            const dom = new DOMParser().parseFromString(faqs, "text/html");
+            const sections = Array.from(dom.querySelectorAll("section[data-class]"));
+            const { selected, others } = sections.reduce((acc, element) => {
+                const uuid = element.getAttribute("data-uuid");
+                const html = element.outerHTML;
+                if (config.includes(uuid)) {
+                    return { ...acc, selected: [...acc.selected, html] };
+                }
+                return { ...acc, others: [...acc.others, html] };
+            }, { selected: [], others: [] });
+            setSelectedFaqs(selected);
+            setOthersFaqs(others);
+        }
+    }, [config, faqs]);
+    const closeEditor = () => {
+        setOpened(false);
+        setSelectedFaqs([]);
+        setOthersFaqs([]);
+        setFaqs(undefined);
+    };
+    const cancelAndClose = () => {
+        setConfig(previousConfig.current);
+        closeEditor();
+    };
+    const addAll = () => {
+        const dom = new DOMParser().parseFromString(faqs, "text/html");
+        const uuids = Array.from(dom.querySelectorAll("section[data-uuid]")).map((element) => element.getAttribute("data-uuid"));
+        setConfig(uuids);
+    };
+    const removeAll = () => {
+        setConfig([]);
+    };
+    const updateSelected = (action) => (e) => {
+        e.preventDefault();
+        const target = e.target;
+        const section = target.closest("section");
+        if (!section)
+            return;
+        const uuid = section.getAttribute("data-uuid");
+        setConfig((current) => {
+            if (action === "add") {
+                return [...current, uuid];
+            }
+            return current.filter((id) => id !== uuid);
+        });
+    };
+    const editorButtonLabel = config.length > 0 ? `Modifier la sélection de F.A.Q` : "Ajouter une F.A.Q";
+    return (_jsxs("div", { className: styles.editor, children: [_jsxs("div", { className: styles.count, children: [_jsx("b", { children: config.length }), " \u00E9l\u00E9ment", config.length > 1 ? "s" : "", " s\u00E9lectionn\u00E9", config.length > 1 ? "s" : ""] }), currentFaqs ? (_jsx("div", { className: styles.currentFaqs, dangerouslySetInnerHTML: { __html: currentFaqs } })) : (_jsxs(_Fragment, { children: [_jsx("div", { className: styles.placeholder }), _jsx("div", { className: styles.placeholder })] })), _jsx("div", { className: styles.actions, children: _jsxs("div", { className: styles.actionsInner, children: ["Ajouter, modifier ou supprimer des F.A.Q", _jsx(Button, { onClick: openEditor, children: editorButtonLabel })] }) }), _jsxs(Dialog, { className: styles.dialog, isOpened: opened, close: closeEditor, children: [_jsxs("div", { className: styles.inner, children: [_jsxs("div", { className: styles.others, children: [_jsxs("div", { className: styles.columnTitle, children: ["Toutes les F.A.Q", " ", _jsxs(Button, { variant: "secondary", onClick: addAll, compact: true, children: [_jsx(Icons.Plus, {}), "Tout ajouter"] })] }), _jsx("div", { onClick: updateSelected("add"), className: styles.columnInner, dangerouslySetInnerHTML: { __html: othersFaqs.join("") } })] }), _jsxs("div", { className: styles.controls, children: [_jsx(Icons.ArrowRight, { className: styles.control }), _jsx(Icons.ArrowLeft, { className: styles.control })] }), _jsxs("div", { className: styles.selected, children: [_jsxs("div", { className: styles.columnTitle, children: ["F.A.Q s\u00E9lectionn\u00E9e(s)", " ", _jsxs(Button, { variant: "secondary", onClick: removeAll, compact: true, children: [_jsx(Icons.Bin, {}), "Tout supprimer"] })] }), _jsx("div", { onClick: updateSelected("remove"), className: styles.columnInner, dangerouslySetInnerHTML: { __html: selectedFaqs.join("") } })] })] }), _jsxs("div", { className: styles.dialogButtons, children: [_jsx(Button, { variant: "transparent", onClick: cancelAndClose, children: "Annuler" }), _jsx(Button, { variant: "success", onClick: closeEditor, children: "Confirmer" })] })] })] }));
+}

package/es/future/components/faqs/editor.module.css

@@ -0,0 +1,219 @@
+/* stylelint-disable selector-class-pattern */
+.editor {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  padding: 10px;
+}
+
+.count {
+  text-align: center;
+}
+
+.placeholder {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 16px;
+  flex: 0 0 100px;
+  border: 1px solid var(--ds-grey-200, #ededed);
+  border-radius: var(--ds-radius-200, 8px);
+}
+
+.placeholder::before {
+  content: "";
+  display: block;
+  width: 180px;
+  height: 20px;
+  background-color: var(--ds-grey-800, #000);
+  border-radius: var(--ds-radius-100, 4px);
+  opacity: 15%;
+}
+
+.placeholder:nth-child(3)::before {
+  width: 280px;
+}
+
+.placeholder::after {
+  content: "";
+  display: block;
+  width: 30px;
+  height: 30px;
+  background-color: var(--ds-secondary, var(--ds-blue-400, #0038ff));
+  border-radius: var(--ds-radius-100, 4px);
+  opacity: 25%;
+}
+
+.actions {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: var(--ds-radius-200, 8px);
+  opacity: 0;
+  transition: opacity 160ms var(--transition-easing);
+}
+
+.actions:is(:hover, :focus-within) {
+  opacity: 1;
+}
+
+.actions::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: var(
+    --ds-grey-gradient,
+    linear-gradient(
+      100deg,
+      var(--ds-grey-200, #ededed) 0%,
+      var(--ds-grey-300, #d7d7d7) 100%
+    )
+  );
+  border-radius: inherit;
+  opacity: 45%;
+}
+
+.actionsInner {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  padding: 16px;
+  font-size: 15px;
+  background-color: hsl(var(--background));
+  border-radius: var(--ds-radius-200, 8px);
+  box-shadow: var(--shadow-300);
+  transform: scale(0.98);
+  transition: transform 160ms 70ms var(--transition-easing);
+}
+
+.actions:is(:hover, :focus-within) .actionsInner {
+  transform: none;
+}
+
+.dialog {
+  width: 1200px;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+
+.inner {
+  flex: 1 1 100%;
+  display: flex;
+  gap: 14px;
+  padding: 16px;
+}
+
+.controls {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  gap: 6px;
+}
+
+.control {
+  flex: 0 0 26px;
+  width: 26px;
+  fill: var(--ds-grey-300, #d7d7d7);
+}
+
+:is(.selected, .others) {
+  flex: 1 1 100%;
+  display: flex;
+  flex-direction: column;
+}
+
+.columnTitle {
+  margin-bottom: 10px;
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  font-style: 18px;
+  font-weight: 700;
+}
+
+.columnInner {
+  flex: 1 1 100%;
+  display: flex;
+  flex-direction: column;
+  padding: 10px;
+  background-color: var(--ds-grey-100, #f8f8f8);
+  border-radius: var(--ds-radius-200, 8px);
+}
+
+.selected .columnInner:empty {
+  align-items: center;
+  justify-content: center;
+  padding: 26px;
+}
+
+.selected .columnInner:empty::after {
+  content: "Aucune FAQ sélectionnée, cliquez sur n'importe quelle question fréquente en colonne de gauche pour l'ajouter à cette page.";
+  color: var(--ds-grey-500, #7c7b7b);
+  font-size: 15px;
+  text-align: center;
+}
+
+.columnInner section {
+  position: relative;
+  width: 100%;
+  cursor: pointer;
+}
+
+.columnInner section::after {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: var(--ds-grey-800, #000);
+  opacity: 0;
+  border-radius: var(--ds-radius-200, 8px);
+  transition: opacity 160ms
+    var(--ds-transition-easing, cubic-bezier(0.4, 0.1, 0.2, 0.9));
+}
+
+.columnInner section:hover::after {
+  opacity: 0.1;
+}
+
+.selected section {
+  animation: section-appearance 160ms
+    var(--ds-transition-easing, cubic-bezier(0.4, 0.1, 0.2, 0.9));
+}
+
+.others section {
+  animation: section-appearance 160ms
+    var(--ds-transition-easing, cubic-bezier(0.4, 0.1, 0.2, 0.9));
+}
+
+@keyframes section-appearance {
+  from {
+    opacity: 0;
+  }
+}
+
+.dialogButtons {
+  position: sticky;
+  bottom: 0;
+  display: flex;
+  justify-content: flex-end;
+  gap: 10px;
+  padding: 10px;
+  background-color: var(--ds-grey-000, #fff);
+  border-top: 1px solid var(--ds-grey-200, #ededed);
+}

package/es/future/components/faqs/faqs.d.ts

@@ -0,0 +1,12 @@
+type Props = {
+    className?: string;
+    faqs: string;
+    faqUrl: string;
+    faqZoneId: string;
+};
+declare function Faqs({ className, faqs, faqUrl, faqZoneId }: Props): import("react/jsx-runtime").JSX.Element;
+declare namespace Faqs {
+    var get: (api: string, site: string, lang: string, path: string, zone: string) => Promise<string>;
+}
+export default Faqs;
+//# sourceMappingURL=faqs.d.ts.map

package/es/future/components/faqs/faqs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"faqs.d.ts","sourceRoot":"","sources":["../../../../src/future/components/faqs/faqs.tsx"],"names":[],"mappings":"AAUA,KAAK,KAAK,GAAG;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,iBAAwB,IAAI,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,KAAK,2CAyCzE;kBAzCuB,IAAI;mBA4CrB,MAAM,QACL,MAAM,QACN,MAAM,QACN,MAAM,QACN,MAAM;;eAhDU,IAAI"}

package/es/future/components/faqs/faqs.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import classNames from "classnames";
+import Zone from "ublo/zone";
+import { useUbloContext } from "ublo/with-ublo";
+import { parse } from "node-html-parser";
+import Config from "./config";
+import Editor from "./editor";
+import styles from "./faqs.module.css";
+import * as API from "./services/api";
+export default function Faqs({ className, faqs, faqUrl, faqZoneId }) {
+    const { cmsMode, zones } = useUbloContext();
+    const defaultConfig = JSON.parse(zones["faqs-config"] || "[]");
+    const [config, setConfig] = React.useState(defaultConfig);
+    const classes = classNames(styles.faqs, className);
+    const parsedFaqs = parse(faqs);
+    const selector = config.map((uuid) => `[data-uuid="${uuid}"]`).join(",");
+    const currentFaqs = parsedFaqs
+        .querySelectorAll(selector)
+        .map((faq) => faq.outerHTML)
+        .join("");
+    return (_jsxs("div", { className: classes, children: [_jsx(Config, { config: config }), _jsxs("div", { className: styles.inner, children: [_jsx(Zone, { id: "faqs-title", className: styles.title, tooltip: "Zone d'\u00E9dition : Titre des faqs", section: "title-2,title-3,title-4,rich-text" }), cmsMode === "editing" ? (_jsx(Editor, { currentFaqs: currentFaqs, faqUrl: faqUrl, faqZoneId: faqZoneId, config: config, setConfig: setConfig })) : (_jsx("div", { className: styles.content, dangerouslySetInnerHTML: { __html: currentFaqs } }))] })] }));
+}
+Faqs.get = (api, site, lang, path, zone) => {
+    return API.get(api, site, lang, path, zone);
+};

package/es/future/components/faqs/faqs.module.css

@@ -0,0 +1,12 @@
+.faqs {
+  padding: 46px 0 66px;
+  background-color: var(--ds-grey-100, #f8f8f8);
+}
+
+.inner {
+  width: min(calc(100% - 20px), 800px);
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  margin: 0 auto;
+}

package/es/future/components/faqs/index.d.ts

@@ -0,0 +1,3 @@
+import Faqs from "./faqs";
+export default Faqs;
+//# sourceMappingURL=index.d.ts.map

package/es/future/components/faqs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/future/components/faqs/index.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,QAAQ,CAAC;AAE1B,eAAe,IAAI,CAAC"}

package/es/future/components/faqs/index.js

@@ -0,0 +1,2 @@
+import Faqs from "./faqs";
+export default Faqs;

package/es/future/components/faqs/services/api.d.ts

@@ -0,0 +1,2 @@
+export declare function get(api: string, site: string, lang: string, path: string, zone: string): Promise<string>;
+//# sourceMappingURL=api.d.ts.map

package/es/future/components/faqs/services/api.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"api.d.ts","sourceRoot":"","sources":["../../../../../src/future/components/faqs/services/api.ts"],"names":[],"mappings":"AAEA,wBAAsB,GAAG,CACvB,GAAG,EAAE,MAAM,EACX,IAAI,EAAE,MAAM,EACZ,IAAI,EAAE,MAAM,EACZ,IAAI,EAAE,MAAM,EACZ,IAAI,EAAE,MAAM,mBAGb"}

package/es/future/components/faqs/services/api.js

@@ -0,0 +1,4 @@
+import { fetchZone } from "ublo/fetcher";
+export async function get(api, site, lang, path, zone) {
+    return fetchZone(api, site, lang, path, zone);
+}

package/es/lbm/components/instant-search/hooks/use-constant.js

@@ -1,6 +1,6 @@
 import * as React from "react";
 export default function useConstant(fn) {
-    const ref = React.useRef();
+    const ref = React.useRef(null);
     if (!ref.current) {
         ref.current = { v: fn() };
     }

package/es/market-place/components/instant-search/hooks/use-constant.js

@@ -1,6 +1,6 @@
 import * as React from "react";
 export default function useConstant(fn) {
-    const ref = React.useRef();
+    const ref = React.useRef(null);
     if (!ref.current) {
         ref.current = { v: fn() };
     }

package/package.json

@@ -1,11 +1,12 @@
 {
   "name": "ublo-lib",
-  "version": "1.43.4",
+  "version": "1.44.0",
   "peerDependencies": {
     "classnames": "^2.5.1",
-    "dt-design-system": "^3.11.8",
+    "dt-design-system": "^3.12.0",
     "framer-motion": "^11.11.9",
     "next": "^12.0.0 || ^13.0.0 || ^14.0.0 || ^15.0.0",
+    "node-html-parser": "",
     "react": "^18.2.0 || ^19.0.0",
     "react-dom": "^18.2.0 || ^19.0.0",
     "ublo": "^2.0.0 || ^3.0.0"
@@ -13,6 +14,9 @@
   "peerDependenciesMeta": {
     "framer-motion": {
       "optional": true
+    },
+    "node-html-parser": {
+      "optional": true
     }
   },
   "dependencies": {
@@ -22,23 +26,24 @@
   },
   "devDependencies": {
     "@types/css-modules": "^1.0.5",
-    "@types/react": "^18.3.12",
-    "@types/react-dom": "^18.3.1",
+    "@types/react": "^19.0.1",
+    "@types/react-dom": "^19.0.1",
     "@typescript-eslint/eslint-plugin": "^7.18.0",
     "@typescript-eslint/parser": "^7.18.0",
     "classnames": "^2.5.1",
     "cpx2": "^7.0.2",
-    "dt-design-system": "^3.11.8",
+    "dt-design-system": "^3.12.0",
     "eslint": "^8.57.1",
     "eslint-plugin-react": "^7.37.2",
     "eslint-plugin-react-hooks": "^4.6.2",
-    "framer-motion": "^11.11.9",
+    "framer-motion": "^11.13.1",
     "mv": "^2.1.1",
-    "next": "^14.2.18",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "typescript": "^5.6.3",
-    "ublo": "^3.20.18"
+    "node-html-parser": "^6.1.13",
+    "next": "^14.2.20",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "typescript": "^5.7.2",
+    "ublo": "^3.21.0"
   },
   "scripts": {
     "clean": "rm -rf es",
@@ -48,7 +53,6 @@
     "watch": "bun run clean && tsc --watch & cpx './src/**/*.{json,css,svg}' es -w",
     "lint": "eslint --ext .ts,.tsx src/"
   },
-  "packageManager": "yarn@1.22.18",
   "files": [
     "es"
   ],