ublo-lib 1.31.42 → 1.31.44

package/es/common/components/cookie-consent/messages.js

@@ -1,30 +1,30 @@
 const messages = {
-  fr: {
-    "cookie-consent-title": "Nous utilisons des cookies",
-    "cookie-consent-text": "Ce site utilise des cookies uniquement <b>pour mesurer l'audience</b> dans le but d'<b>améliorer</b> nos services. En cliquant sur « J'accepte » vous nous aidez à <b>faciliter votre expérience</b>.",
-    "cookie-consent-revoke": "Je refuse",
-    "cookie-consent-agree": "J'accepte",
-    "no-cookie-title": "Nous n'utilisons plus de cookies",
-    "no-cookie-button": "C'est noté"
-  },
-  en: {
-    "cookie-consent-title": "We use cookies",
-    "cookie-consent-text": "This site uses cookies only <b>to measure its audience</b>, and also to <b>improve</b> our services and <b>facilitate its use</b> by our customers. By clicking on « Got it » you <b>help us improve it</b>.",
-    "cookie-consent-revoke": "Deny",
-    "cookie-consent-agree": "Got it",
-    "no-cookie-title": "We are no longer using cookies",
-    "no-cookie-button": "OK"
-  },
-  nl: {
-    "cookie-consent-title": "We gebruiken cookies",
-    "cookie-consent-text": 'Deze website maakt gebruik van cookies. Door op "Begrepen" te klikken, kunnen we uw gegevens gebruiken om trends te analyseren of om statistieken van het websitegebruik op te stellen.',
-    "cookie-consent-revoke": "Weigeren",
-    "cookie-consent-agree": "Begrepen",
-    "no-cookie-title": "We gebruiken geen cookies meer",
-    "no-cookie-button": "Oké"
-  }
+    fr: {
+        "cookie-consent-title": "Nous utilisons des cookies",
+        "cookie-consent-text": "Ce site utilise des cookies uniquement <b>pour mesurer l'audience</b> dans le but d'<b>améliorer</b> nos services. En cliquant sur « J'accepte » vous nous aidez à <b>faciliter votre expérience</b>.",
+        "cookie-consent-revoke": "Je refuse",
+        "cookie-consent-agree": "J'accepte",
+        "no-cookie-title": "Nous n'utilisons plus de cookies",
+        "no-cookie-button": "C'est noté",
+    },
+    en: {
+        "cookie-consent-title": "We use cookies",
+        "cookie-consent-text": "This site uses cookies only <b>to measure its audience</b>, and also to <b>improve</b> our services and <b>facilitate its use</b> by our customers. By clicking on « Got it » you <b>help us improve it</b>.",
+        "cookie-consent-revoke": "Deny",
+        "cookie-consent-agree": "Got it",
+        "no-cookie-title": "We are no longer using cookies",
+        "no-cookie-button": "OK",
+    },
+    nl: {
+        "cookie-consent-title": "We gebruiken cookies",
+        "cookie-consent-text": 'Deze website maakt gebruik van cookies. Door op "Begrepen" te klikken, kunnen we uw gegevens gebruiken om trends te analyseren of om statistieken van het websitegebruik op te stellen.',
+        "cookie-consent-revoke": "Weigeren",
+        "cookie-consent-agree": "Begrepen",
+        "no-cookie-title": "We gebruiken geen cookies meer",
+        "no-cookie-button": "Oké",
+    },
 };
 export const get = (lang, message) => {
-  const _lang = messages[lang] === undefined ? "en" : lang;
-  return messages[_lang][message];
-};
+    const _lang = messages[lang] === undefined ? "en" : lang;
+    return messages[_lang][message];
+};

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

@@ -0,0 +1 @@
+export function loadHotjar(id: any, version: any, debug?: boolean): Promise<void>;

package/es/common/components/cookie-consent/utils.js

@@ -1,21 +1,30 @@
-export async function loadHotjar(id, version, debug = false) {
-  (function (h, o, t, j, a, r) {
-    h.hj = h.hj || function () {
-      (h.hj.q = h.hj.q || []).push(arguments);
-    };
-    h._hjSettings = {
-      hjid: id,
-      hjsv: version,
-      hjDebug: debug
-    };
-    h._scriptPath = t + h._hjSettings.hjid + j + h._hjSettings.hjsv;
-    if (!document.querySelector('script[src*="' + h._scriptPath + '"]')) {
-      a = o.getElementsByTagName("head")[0];
-      r = o.createElement("script");
-      r.async = 1;
-      r.src = h._scriptPath;
-      r["data-id"] = "hotjar";
-      a.appendChild(r);
-    }
-  })(window, document, "https://static.hotjar.com/c/hotjar-", ".js?sv=");
-}
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+export function loadHotjar(id, version, debug = false) {
+    return __awaiter(this, void 0, void 0, function* () {
+        (function (h, o, t, j, a, r) {
+            h.hj =
+                h.hj ||
+                    function () {
+                        (h.hj.q = h.hj.q || []).push(arguments);
+                    };
+            h._hjSettings = { hjid: id, hjsv: version, hjDebug: debug };
+            h._scriptPath = t + h._hjSettings.hjid + j + h._hjSettings.hjsv;
+            if (!document.querySelector('script[src*="' + h._scriptPath + '"]')) {
+                a = o.getElementsByTagName("head")[0];
+                r = o.createElement("script");
+                r.async = 1;
+                r.src = h._scriptPath;
+                r["data-id"] = "hotjar";
+                a.appendChild(r);
+            }
+        })(window, document, "https://static.hotjar.com/c/hotjar-", ".js?sv=");
+    });
+}

package/es/common/components/cross-selling-editor/cross-selling-editor.d.ts

@@ -0,0 +1,18 @@
+import * as React from "react";
+import type { Durations } from "./types";
+type ZoneProps = {
+    id?: string;
+    section?: string;
+    className?: string;
+    enabled?: boolean;
+    dataAttributeValue?: string;
+};
+type Props = {
+    titleZoneProps?: ZoneProps;
+    contentZoneProps?: ZoneProps;
+    durations?: Durations;
+    className?: string;
+    children?: React.ReactNode;
+};
+export default function CrossSellingEditor({ titleZoneProps, contentZoneProps, durations, className, children, }: Props): React.JSX.Element;
+export {};

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

@@ -0,0 +1,35 @@
+import * as React from "react";
+import classNames from "classnames";
+import Zone from "ublo/zone";
+import { useUbloContext } from "ublo/with-ublo";
+// import * as Plausible from "ublo-lib/es/common/components/plausible";
+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, children, }) {
+    const ref = React.useRef();
+    const titleRef = React.useRef();
+    const { cmsMode } = useUbloContext();
+    const sendPlausibleEvent = (e) => {
+        var _a;
+        const container = e.target.closest("data-custom-offers");
+        const sections = Array.from(container.querySelectorAll("section"));
+        const section = e.target.closest("section");
+        const link = section.querySelector("a");
+        if (link) {
+            const selector = ".tunnel-offer__title, [data-title]";
+            const offer = ((_a = link.querySelector(selector)) === null || _a === void 0 ? void 0 : _a.textContent) || "";
+            const position = sections.indexOf(section) + 1;
+            Plausible.sendGoal("Cart Cross Selling Offer: Click", {
+                Clicked: offer,
+                "Clicked & Position": `${offer} | ${position}`,
+            });
+        }
+    };
+    return (<div className={classNames(styles.editor, className)} onClick={sendPlausibleEvent}>
+      {children}
+      {cmsMode === "editing" && <Editor zoneRef={ref} durations={durations}/>}
+      {titleZoneProps.enabled && (<Zone ref={titleRef} id={titleZoneProps.id || "tunnel-offers-title"} className={classNames(styles.titleZone, titleZoneProps.className)} section={titleZoneProps.section} maxSections={1} tooltip="Zone d'edition : Titre des offres" data-title-zone={titleZoneProps.dataAttributeValue || ""}/>)}
+      {contentZoneProps.enabled && (<Zone ref={ref} id={contentZoneProps.id || "tunnel-offers"} className={classNames(styles.contentZone, contentZoneProps.className)} section={contentZoneProps.section} tooltip="Zone d'edition : Offres" data-content-zone={contentZoneProps.dataAttributeValue || ""}/>)}
+    </div>);
+}

package/es/common/components/cross-selling-editor/editor.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+import type { Durations } from "./types";
+type Props = {
+    zoneRef: React.RefObject<HTMLElement>;
+    durations: Durations;
+};
+export default function Editor({ zoneRef, durations }: Props): React.JSX.Element;
+export {};

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

@@ -0,0 +1,89 @@
+import * as React from "react";
+import Dialog from "dt-design-system/es/dialog";
+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 Rules from "./rules";
+import Tester from "./tester";
+import * as Utils from "./services/utils";
+import styles from "./editor.module.css";
+export default function Editor({ zoneRef, durations }) {
+    const zoneContainer = zoneRef.current;
+    const [dialogOpened, setDialogOpened] = React.useState(false);
+    const [config, setConfig] = React.useState({});
+    React.useEffect(() => {
+        init(zoneContainer, setConfig);
+    }, [zoneContainer]);
+    React.useEffect(() => {
+        const configContainer = zoneContainer === null || zoneContainer === void 0 ? void 0 : zoneContainer.querySelector(`#${Utils.CONFIG_ID}`);
+        if (configContainer) {
+            configContainer.textContent = JSON.stringify(config);
+        }
+    }, [config, zoneContainer]);
+    React.useEffect(() => {
+        if (dialogOpened) {
+            document.body.style.setProperty("overflow", "hidden");
+        }
+        else {
+            document.body.style.removeProperty("overflow");
+        }
+    }, [dialogOpened]);
+    const openDialog = () => {
+        patchSections(zoneContainer);
+        setDialogOpened(true);
+    };
+    const closeDialog = () => {
+        setDialogOpened(false);
+    };
+    return (<>
+      <Tooltip content="Paramétrer les offres croisées">
+        <Button className={styles.button} onClick={openDialog}>
+          <Icons.Settings />
+        </Button>
+      </Tooltip>
+      <Dialog className={styles.dialog} isOpened={dialogOpened} close={closeDialog} showAsModal={false}>
+        <div className={styles.dialogInner}>
+          <Rules container={zoneContainer} config={config} setConfig={setConfig} tunnelOffers={Utils.tunnelOffers} durations={durations}/>
+          <Tester container={zoneContainer} config={config} tunnelOffers={Utils.tunnelOffers} durations={durations}/>
+        </div>
+      </Dialog>
+    </>);
+}
+function init(zoneContainer, setConfig) {
+    let configContainer = zoneContainer === null || zoneContainer === void 0 ? void 0 : zoneContainer.querySelector(`#${Utils.CONFIG_ID}`);
+    if (!configContainer) {
+        configContainer = Object.assign(document.createElement("script"), {
+            id: Utils.CONFIG_ID,
+            type: "application/json",
+            innerHTML: JSON.stringify({}),
+        });
+        if (zoneContainer) {
+            zoneContainer.appendChild(configContainer);
+        }
+    }
+    const storedConfig = configContainer.textContent;
+    if (storedConfig) {
+        setConfig(JSON.parse(storedConfig));
+    }
+}
+function patchSections(zoneContainer) {
+    if (!zoneContainer)
+        return;
+    const sections = Array.from(zoneContainer === null || zoneContainer === void 0 ? void 0 : zoneContainer.querySelectorAll("section[data-class]"));
+    sections.forEach((section) => {
+        const hasUuid = section.hasAttribute("data-uuid");
+        if (!hasUuid) {
+            const uuid = crypto.randomUUID();
+            section.setAttribute("data-uuid", uuid);
+        }
+        else {
+            const uuid = section.getAttribute("data-uuid");
+            const allUuids = sections.map((section) => section.getAttribute("data-uuid"));
+            const hasUniqueUuid = allUuids.some((id) => id === uuid);
+            if (!hasUniqueUuid) {
+                const newUuid = crypto.randomUUID();
+                section.setAttribute("data-uuid", newUuid);
+            }
+        }
+    });
+}

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

@@ -0,0 +1,6 @@
+type Props = {
+    titleSelector?: string;
+    contentSelector?: string;
+};
+export default function useCustomOffers({ titleSelector, contentSelector, }?: Props): string;
+export {};

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

@@ -1,57 +1,62 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 import * as React from "react";
 import { useUbloContext } from "ublo/with-ublo";
 import * as API from "../services/api";
 import * as Utils from "../services/utils";
-export default function useCustomOffers({
-  titleSelector,
-  contentSelector
-} = {}) {
-  const {
-    lang,
-    path
-  } = useUbloContext();
-  const [offers, setOffers] = React.useState();
-  React.useEffect(() => {
-    const titleZone = document.querySelector(titleSelector || "[data-title-zone]");
-    const contentZone = document.querySelector(contentSelector || "[data-content-zone]");
-    const getOffers = async () => {
-      const cartId = window.sessionStorage.getItem("cartId");
-      let items = {};
-      let merchants = [];
-      let stay = {};
-      let skiPassDurations = [];
-      let durationTags = [];
-      if (cartId) {
-        try {
-          const {
-            cart
-          } = await API.fetchMseMCart(cartId, lang);
-          items = Utils.formatCartContent(cart);
-          merchants = Utils.getMerchantsFromCart(cart);
-          stay = Utils.getStayFromCart(cart);
-          [skiPassDurations, durationTags] = await Promise.all([Utils.getSkiPassDurationFromCart(cart), Utils.getDurationTagsFromCart(cart)]);
-        } catch (e) {}
-      }
-      const content = {
-        items,
-        merchants,
-        stay,
-        skiPassDurations,
-        durationTags
-      };
-      const storedConfig = Utils.getConfig(contentZone);
-      const sortedOffers = Utils.getSortedOffers(contentZone, content, storedConfig);
-      const title = titleZone?.innerHTML || "";
-      const customOffers = sortedOffers.length > 0 ? `
+export default function useCustomOffers({ titleSelector, contentSelector, } = {}) {
+    const { lang, path } = useUbloContext();
+    const [offers, setOffers] = React.useState();
+    React.useEffect(() => {
+        const titleZone = document.querySelector(titleSelector || "[data-title-zone]");
+        const contentZone = document.querySelector(contentSelector || "[data-content-zone]");
+        const getOffers = () => __awaiter(this, void 0, void 0, function* () {
+            const cartId = window.sessionStorage.getItem("cartId");
+            let items = {};
+            let merchants = [];
+            let stay = {};
+            let skiPassDurations = [];
+            let durationTags = [];
+            if (cartId) {
+                try {
+                    const { cart } = yield API.fetchMseMCart(cartId, lang);
+                    items = Utils.formatCartContent(cart);
+                    merchants = Utils.getMerchantsFromCart(cart);
+                    stay = Utils.getStayFromCart(cart);
+                    [skiPassDurations, durationTags] = yield Promise.all([
+                        Utils.getSkiPassDurationFromCart(cart),
+                        Utils.getDurationTagsFromCart(cart),
+                    ]);
+                }
+                catch (e) { }
+            }
+            const content = {
+                items,
+                merchants,
+                stay,
+                skiPassDurations,
+                durationTags,
+            };
+            const storedConfig = Utils.getConfig(contentZone);
+            const sortedOffers = Utils.getSortedOffers(contentZone, content, storedConfig);
+            const title = (titleZone === null || titleZone === void 0 ? void 0 : titleZone.innerHTML) || "";
+            const customOffers = sortedOffers.length > 0
+                ? /* html */ `
       ${title}
       <div data-custom-offers="">
-        ${sortedOffers.map(({
-        elementHTML
-      }) => elementHTML).join("")}
-      </div>` : null;
-      setOffers(customOffers);
-    };
-    getOffers();
-  }, [contentSelector, lang, path, titleSelector]);
-  return offers;
-}
+        ${sortedOffers.map(({ elementHTML }) => elementHTML).join("")}
+      </div>`
+                : null;
+            setOffers(customOffers);
+        });
+        getOffers();
+    }, [contentSelector, lang, path, titleSelector]);
+    return offers;
+}

package/es/common/components/cross-selling-editor/hooks/use-tunnel-offers.d.ts

@@ -0,0 +1 @@
+export default function useTunnelOffers(zone: string, path: string, cart: any): any[];

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

@@ -1,36 +1,44 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 import * as React from "react";
 import { useUbloContext } from "ublo/with-ublo";
 import { fetchZone } from "ublo/fetcher";
 import * as Utils from "../services/utils";
 export default function useTunnelOffers(zone, path, cart) {
-  const {
-    ubloApi,
-    site,
-    lang
-  } = useUbloContext();
-  const [offers, setOffers] = React.useState([]);
-  React.useEffect(() => {
-    const getOffers = async () => {
-      const offers = await fetchZone(ubloApi, site, lang, path, zone);
-      const container = Object.assign(document.createElement("div"), {
-        innerHTML: offers
-      });
-      const items = Utils.formatCartContent(cart);
-      const merchants = Utils.getMerchantsFromCart(cart);
-      const stay = Utils.getStayFromCart(cart);
-      const [skiPassDurations, durationTags] = await Promise.all([Utils.getSkiPassDurationFromCart(cart), Utils.getDurationTagsFromCart(cart)]);
-      const content = {
-        items,
-        merchants,
-        stay,
-        skiPassDurations,
-        durationTags
-      };
-      const storedConfig = Utils.getConfig(container);
-      const sortedOffers = Utils.getSortedOffers(container, content, storedConfig);
-      setOffers(sortedOffers);
-    };
-    getOffers();
-  }, [cart, lang, path, site, ubloApi, zone]);
-  return offers;
-}
+    const { ubloApi, site, lang } = useUbloContext();
+    const [offers, setOffers] = React.useState([]);
+    React.useEffect(() => {
+        const getOffers = () => __awaiter(this, void 0, void 0, function* () {
+            const offers = yield fetchZone(ubloApi, site, lang, path, zone);
+            const container = Object.assign(document.createElement("div"), {
+                innerHTML: offers,
+            });
+            const items = Utils.formatCartContent(cart);
+            const merchants = Utils.getMerchantsFromCart(cart);
+            const stay = Utils.getStayFromCart(cart);
+            const [skiPassDurations, durationTags] = yield Promise.all([
+                Utils.getSkiPassDurationFromCart(cart),
+                Utils.getDurationTagsFromCart(cart),
+            ]);
+            const content = {
+                items,
+                merchants,
+                stay,
+                skiPassDurations,
+                durationTags,
+            };
+            const storedConfig = Utils.getConfig(container);
+            const sortedOffers = Utils.getSortedOffers(container, content, storedConfig);
+            setOffers(sortedOffers);
+        });
+        getOffers();
+    }, [cart, lang, path, site, ubloApi, zone]);
+    return offers;
+}

package/es/common/components/cross-selling-editor/{index.js → index.d.ts}

@@ -1,2 +1,2 @@
 import CrossSellingEditor from "./cross-selling-editor";
-export default CrossSellingEditor;
+export default CrossSellingEditor;

package/es/common/components/cross-selling-editor/index.jsx

@@ -0,0 +1,2 @@
+import CrossSellingEditor from "./cross-selling-editor";
+export default CrossSellingEditor;

package/es/common/components/cross-selling-editor/override-trigger-form.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+import type { Config, Durations, Override } from "./types";
+type Props = {
+    currentOffer: string;
+    override: Override;
+    setConfig: React.Dispatch<React.SetStateAction<Config>>;
+    durations: Durations;
+};
+export default function OverrideTriggerForm({ currentOffer, override, setConfig, durations, }: Props): React.JSX.Element;
+export {};

package/es/common/components/cross-selling-editor/override-trigger-form.jsx

@@ -0,0 +1,68 @@
+import * as React from "react";
+import Input from "dt-design-system/es/input";
+import * as Icons from "dt-design-system/es/icons";
+import styles from "./override-trigger-form.module.css";
+import Select from "dt-design-system/es/select";
+import Tooltip from "dt-design-system/es/tooltip";
+import NumberPicker from "dt-design-system/es/number-picker";
+export default function OverrideTriggerForm({ currentOffer, override, setConfig, durations, }) {
+    const triggers = (override === null || override === void 0 ? void 0 : override.triggers) || {};
+    const { stayFrom, stayTo, stayDuration = 0, merchant, skiPassDuration, skiPassDurationOperator = ">", durationTag, } = triggers;
+    const updateEntry = (key, value) => {
+        setConfig((config = {}) => {
+            const itemConfig = (config[currentOffer] || {});
+            const itemOverrides = itemConfig.overrides || [];
+            const newConfig = Object.assign(Object.assign({}, config), { [currentOffer]: Object.assign(Object.assign({}, itemConfig), { overrides: [
+                        ...itemOverrides.map((o) => {
+                            if (o.id === override.id) {
+                                const triggersConfig = o.triggers || {};
+                                return Object.assign(Object.assign({}, o), { triggers: Object.assign(Object.assign({}, triggersConfig), { [key]: value }) });
+                            }
+                            return o;
+                        }),
+                    ] }) });
+            return newConfig;
+        });
+    };
+    const submitForm = (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+    };
+    const stopPropagation = (e) => {
+        e.stopPropagation();
+    };
+    const operatorOptions = [
+        { value: ">", label: "Supérieur à" },
+        { value: ">=", label: "Supérieur ou égal à" },
+        { value: "<", label: "Inférieur à" },
+        { value: "<=", label: "Inférieur ou égal à" },
+        { value: "=", label: "Égal à" },
+    ];
+    return (<form className={styles.form} onSubmit={submitForm} onClick={stopPropagation}>
+      <div className={styles.title}>Déclencheur(s)</div>
+      <div className={styles.subTitle}>Séjour</div>
+      <Input className={styles.input} type="date" label="Inclu entre" value={stayFrom || ""} onValueChange={(value) => updateEntry("stayFrom", value)} compact/>
+      <Input className={styles.input} type="date" label="et" value={stayTo || ""} onValueChange={(value) => updateEntry("stayTo", value)} compact/>
+      <NumberPicker label={<>
+            Nombre de jour(s)
+            <Tooltip content="Séjour d'une durée supérieur ou égal à...">
+              <span className={styles.labelIconContainer}>
+                <Icons.Info className={styles.labelIcon}/>
+              </span>
+            </Tooltip>
+          </>} min={0} max={40} value={stayDuration || 0} onChange={(value) => updateEntry("stayDuration", value)} withInput compact/>
+      <div className={styles.subTitle}>Général</div>
+      <Input className={styles.input} label={<>
+            Code(s) marchand(s)
+            <Tooltip content="Si plusieurs codes marchands, les séparer par une virgule">
+              <span className={styles.labelIconContainer}>
+                <Icons.Info className={styles.labelIcon}/>
+              </span>
+            </Tooltip>
+          </>} value={merchant || ""} onValueChange={(value) => updateEntry("merchant", value)} compact/>
+      <div className={styles.subTitle}>Forfaits</div>
+      <NumberPicker className={styles.input} label="Durée" min={0} max={40} value={skiPassDuration || 0} onChange={(value) => updateEntry("skiPassDuration", value)} withInput compact/>
+      <Select className={styles.input} label="Opérateur de comparaison" options={operatorOptions} value={skiPassDurationOperator || ">"} onValueChange={(value) => updateEntry("skiPassDurationOperator", value)} compact/>
+      {durations && (<Select className={styles.input} label={durations === null || durations === void 0 ? void 0 : durations.title} placeholder=" " options={durations === null || durations === void 0 ? void 0 : durations.tags} value={durationTag || ""} onValueChange={(value) => updateEntry("durationTag", value)} compact/>)}
+    </form>);
+}

package/es/common/components/cross-selling-editor/override.d.ts

@@ -0,0 +1,16 @@
+import * as React from "react";
+import type { Config, Durations, Override as OverrideType } from "./types";
+type Props = {
+    index: number;
+    currentOffer: string;
+    overrides: OverrideType[];
+    override: OverrideType;
+    currentOverride: OverrideType;
+    setCurrentOverride: React.Dispatch<React.SetStateAction<OverrideType>>;
+    config: Config;
+    setConfig: React.Dispatch<React.SetStateAction<Config>>;
+    closeCreationForm: () => void;
+    durations: Durations;
+};
+export default function Override({ index, currentOffer, overrides, override, currentOverride, setCurrentOverride, config, setConfig, closeCreationForm, durations, }: Props): React.JSX.Element;
+export {};