ublo-lib 1.36.31 → 1.37.0

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

@@ -12,8 +12,10 @@ type Props = {
     contentZoneProps?: ZoneProps;
     durations?: Durations;
     className?: string;
+    tunnelOffersOrder?: string[];
+    displayedTunnelOffers?: string[];
     children?: React.ReactNode;
 };
-export default function CrossSellingEditor({ titleZoneProps, contentZoneProps, durations, className, children, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function CrossSellingEditor({ titleZoneProps, contentZoneProps, durations, className, tunnelOffersOrder, displayedTunnelOffers, children, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=cross-selling-editor.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"cross-selling-editor.d.ts","sourceRoot":"","sources":["../../../../src/common/components/cross-selling-editor/cross-selling-editor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,KAAK,SAAS,GAAG;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEF,KAAK,KAAK,GAAG;IACX,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EACzC,cAAmB,EACnB,gBAAqB,EACrB,SAAS,EACT,SAAS,EACT,QAAQ,GACT,EAAE,KAAK,2CAqDP"}
+{"version":3,"file":"cross-selling-editor.d.ts","sourceRoot":"","sources":["../../../../src/common/components/cross-selling-editor/cross-selling-editor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,KAAK,SAAS,GAAG;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEF,KAAK,KAAK,GAAG;IACX,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC7B,qBAAqB,CAAC,EAAE,MAAM,EAAE,CAAC;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EACzC,cAAmB,EACnB,gBAAqB,EACrB,SAAS,EACT,SAAS,EACT,iBAAiB,EACjB,qBAAqB,EACrB,QAAQ,GACT,EAAE,KAAK,2CA6DP"}

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

@@ -6,12 +6,14 @@ import { useUbloContext } from "ublo/with-ublo";
 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, }) {
+export default function CrossSellingEditor({ titleZoneProps = {}, contentZoneProps = {}, durations, className, tunnelOffersOrder, displayedTunnelOffers, children, }) {
     const ref = React.useRef();
     const titleRef = React.useRef();
     const { cmsMode } = useUbloContext();
     const sendPlausibleEvent = (e) => {
         const container = e.target.closest("data-custom-offers");
+        if (cmsMode || !container)
+            return;
         const sections = Array.from(container.querySelectorAll("section"));
         const section = e.target.closest("section");
         const link = section.querySelector("a");
@@ -25,5 +27,5 @@ export default function CrossSellingEditor({ titleZoneProps = {}, contentZonePro
             });
         }
     };
-    return (_jsxs("div", { className: classNames(styles.editor, className), onClick: sendPlausibleEvent, children: [children, cmsMode === "editing" && _jsx(Editor, { zoneRef: ref, durations: durations }), titleZoneProps.enabled && (_jsx(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 && (_jsx(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 || "" }))] }));
+    return (_jsxs("div", { className: classNames(styles.editor, className), onClick: sendPlausibleEvent, children: [children, cmsMode === "editing" && (_jsx(Editor, { zoneRef: ref, durations: durations, tunnelOffersOrder: tunnelOffersOrder, displayedTunnelOffers: displayedTunnelOffers })), titleZoneProps.enabled && (_jsx(Zone, { ref: titleRef, id: titleZoneProps.id || "tunnel-offers-title", className: classNames(styles.titleZone, titleZoneProps.className), section: titleZoneProps.section, maxSections: 1, tooltip: "Zone d'\u00E9dition : Titre des offres", "data-title-zone": titleZoneProps.dataAttributeValue || "" })), contentZoneProps.enabled && (_jsx(Zone, { ref: ref, id: contentZoneProps.id || "tunnel-offers", className: classNames(styles.contentZone, contentZoneProps.className), section: contentZoneProps.section, tooltip: "Zone d'\u00E9dition : Offres", "data-content-zone": contentZoneProps.dataAttributeValue || "" }))] }));
 }

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

@@ -3,7 +3,9 @@ import type { Durations } from "./types";
 type Props = {
     zoneRef: React.RefObject<HTMLElement>;
     durations: Durations;
+    tunnelOffersOrder?: string[];
+    displayedTunnelOffers?: string[];
 };
-export default function Editor({ zoneRef, durations }: Props): import("react/jsx-runtime").JSX.Element;
+export default function Editor({ zoneRef, durations, tunnelOffersOrder, displayedTunnelOffers, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=editor.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../../src/common/components/cross-selling-editor/editor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,KAAK,EAAU,SAAS,EAAE,MAAM,SAAS,CAAC;AAGjD,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACtC,SAAS,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,KAAK,2CAgE3D"}
+{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../../src/common/components/cross-selling-editor/editor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,KAAK,EAAU,SAAS,EAAE,MAAM,SAAS,CAAC;AAGjD,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACtC,SAAS,EAAE,SAAS,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC7B,qBAAqB,CAAC,EAAE,MAAM,EAAE,CAAC;CAClC,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC7B,OAAO,EACP,SAAS,EACT,iBAAiB,EACjB,qBAAqB,GACtB,EAAE,KAAK,2CAkEP"}

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

@@ -8,7 +8,7 @@ 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 }) {
+export default function Editor({ zoneRef, durations, tunnelOffersOrder, displayedTunnelOffers, }) {
     const zoneContainer = zoneRef.current;
     const [dialogOpened, setDialogOpened] = React.useState(false);
     const [config, setConfig] = React.useState({});
@@ -36,7 +36,7 @@ export default function Editor({ zoneRef, durations }) {
     const closeDialog = () => {
         setDialogOpened(false);
     };
-    return (_jsxs(_Fragment, { children: [_jsx(Tooltip, { content: "Param\u00E9trer les offres crois\u00E9es", children: _jsx(Button, { className: styles.button, onClick: openDialog, children: _jsx(Icons.Settings, {}) }) }), _jsx(Dialog, { className: styles.dialog, isOpened: dialogOpened, close: closeDialog, showAsModal: false, children: _jsxs("div", { className: styles.dialogInner, children: [_jsx(Rules, { container: zoneContainer, config: config, setConfig: setConfig, tunnelOffers: Utils.tunnelOffers, durations: durations }), _jsx(Tester, { container: zoneContainer, config: config, tunnelOffers: Utils.tunnelOffers, durations: durations })] }) })] }));
+    return (_jsxs(_Fragment, { children: [_jsx(Tooltip, { content: "Param\u00E9trer les offres crois\u00E9es", children: _jsx(Button, { className: styles.button, onClick: openDialog, children: _jsx(Icons.Settings, {}) }) }), _jsx(Dialog, { className: styles.dialog, isOpened: dialogOpened, close: closeDialog, showAsModal: false, children: _jsxs("div", { className: styles.dialogInner, children: [_jsx(Rules, { container: zoneContainer, config: config, setConfig: setConfig, durations: durations, tunnelOffersOrder: tunnelOffersOrder, displayedTunnelOffers: displayedTunnelOffers }), _jsx(Tester, { container: zoneContainer, config: config, durations: durations, tunnelOffersOrder: tunnelOffersOrder, displayedTunnelOffers: displayedTunnelOffers })] }) })] }));
 }
 function init(zoneContainer, setConfig) {
     let configContainer = zoneContainer?.querySelector(`#${Utils.CONFIG_ID}`);

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

@@ -0,0 +1,3 @@
+import EsfSpecialRulForm from "./special-rule-form";
+export default EsfSpecialRulForm;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/common/components/cross-selling-editor/esf/index.ts"],"names":[],"mappings":"AAAA,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AAEpD,eAAe,iBAAiB,CAAC"}

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

@@ -0,0 +1,2 @@
+import EsfSpecialRulForm from "./special-rule-form";
+export default EsfSpecialRulForm;

package/es/common/components/cross-selling-editor/esf/special-rule-form.d.ts

@@ -0,0 +1,12 @@
+import * as React from "react";
+import type { Config, Override } from "../types";
+type Props = {
+    open: boolean;
+    close: () => void;
+    currentOffer: string;
+    override: Override;
+    setConfig: React.Dispatch<React.SetStateAction<Config>>;
+};
+export default function EsfSpecialRuleForm({ open, close, currentOffer, override, setConfig, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=special-rule-form.d.ts.map

package/es/common/components/cross-selling-editor/esf/special-rule-form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"special-rule-form.d.ts","sourceRoot":"","sources":["../../../../../src/common/components/cross-selling-editor/esf/special-rule-form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,KAAK,EAAE,MAAM,EAAc,QAAQ,EAAE,MAAM,UAAU,CAAC;AAG7D,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,QAAQ,CAAC;IACnB,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;CACzD,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EACzC,IAAI,EACJ,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,SAAS,GACV,EAAE,KAAK,2CAgDP"}

package/es/common/components/cross-selling-editor/esf/special-rule-form.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { useUbloContext } from "ublo/with-ublo";
+import Dialog from "dt-design-system/es/dialog";
+import Step1 from "./step-1";
+import Step2 from "./step-2";
+import useFetch from "../hooks/use-fetch";
+import * as API from "../services/api";
+import styles from "./special-rule-form.module.css";
+export default function EsfSpecialRuleForm({ open, close, currentOffer, override, setConfig, }) {
+    const [currentStep, setCurrentStep] = React.useState(1);
+    const { lang } = useUbloContext();
+    const { data: welcome, loading } = useFetch({
+        callback: (abortController) => API.fetchEsfWelcome(lang, abortController),
+        ready: open,
+    });
+    const goToStep = (step) => {
+        setCurrentStep(step);
+    };
+    const closeModal = () => {
+        close();
+        setTimeout(() => {
+            setCurrentStep(1);
+        }, 240);
+    };
+    return (_jsxs(Dialog, { className: styles.dialog, isOpened: open, close: closeModal, showAsModal: false, loading: loading, children: [currentStep === 1 && (_jsx(Step1, { welcome: welcome, goToStep: goToStep, currentOffer: currentOffer, override: override, setConfig: setConfig })), currentStep === 2 && (_jsx(Step2, { goToStep: goToStep, currentOffer: currentOffer, override: override, setConfig: setConfig, closeModal: closeModal }))] }));
+}

package/es/common/components/cross-selling-editor/esf/special-rule-form.module.css

@@ -0,0 +1,4 @@
+.dialog {
+  width: 420px;
+  min-height: 120px;
+}

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

@@ -0,0 +1,12 @@
+import * as React from "react";
+import type { Config, Override, EsfWelcome } from "../types";
+type Props = {
+    welcome: EsfWelcome;
+    goToStep: (step: number) => void;
+    currentOffer: string;
+    override: Override;
+    setConfig: React.Dispatch<React.SetStateAction<Config>>;
+};
+export default function Step1({ welcome, goToStep, currentOffer, override, setConfig, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=step-1.d.ts.map

package/es/common/components/cross-selling-editor/esf/step-1.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"step-1.d.ts","sourceRoot":"","sources":["../../../../../src/common/components/cross-selling-editor/esf/step-1.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAa,UAAU,EAAE,MAAM,UAAU,CAAC;AAGxE,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,UAAU,CAAC;IAEpB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,QAAQ,CAAC;IACnB,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;CACzD,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAC5B,OAAO,EACP,QAAQ,EACR,YAAY,EACZ,QAAQ,EACR,SAAS,GACV,EAAE,KAAK,2CAgHP"}

package/es/common/components/cross-selling-editor/esf/step-1.js

@@ -0,0 +1,78 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Input from "dt-design-system/es/input";
+import Select from "dt-design-system/es/select";
+import Button from "dt-design-system/es/button";
+import styles from "./step-1.module.css";
+export default function Step1({ welcome, goToStep, currentOffer, override, setConfig, }) {
+    const { stayFrom, stayTo, esf = {} } = override?.triggers || {};
+    const { season } = esf;
+    if (!welcome)
+        return null;
+    const submitForm = (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        goToStep(2);
+    };
+    const updateStay = (kind) => (value) => {
+        setConfig((config = {}) => {
+            const itemConfig = (config[currentOffer] || {});
+            const itemOverrides = itemConfig.overrides || [];
+            const newConfig = {
+                ...config,
+                [currentOffer]: {
+                    ...itemConfig,
+                    overrides: [
+                        ...itemOverrides.map((o) => {
+                            if (o.id === override.id) {
+                                const triggersConfig = o.triggers || {};
+                                return {
+                                    ...o,
+                                    triggers: {
+                                        ...triggersConfig,
+                                        [kind]: value,
+                                    },
+                                };
+                            }
+                            return o;
+                        }),
+                    ],
+                },
+            };
+            return newConfig;
+        });
+    };
+    const updateSeason = (value) => {
+        setConfig((config = {}) => {
+            const itemConfig = (config[currentOffer] || {});
+            const itemOverrides = itemConfig.overrides || [];
+            const newConfig = {
+                ...config,
+                [currentOffer]: {
+                    ...itemConfig,
+                    overrides: [
+                        ...itemOverrides.map((o) => {
+                            if (o.id === override.id) {
+                                const triggersConfig = o.triggers || {};
+                                return {
+                                    ...o,
+                                    triggers: {
+                                        ...triggersConfig,
+                                        esf: {
+                                            ...(triggersConfig.esf || {}),
+                                            season: value,
+                                        },
+                                    },
+                                };
+                            }
+                            return o;
+                        }),
+                    ],
+                },
+            };
+            return newConfig;
+        });
+    };
+    const { availableSeasons = [] } = welcome;
+    const isDisabled = !season || !stayFrom || !stayTo;
+    return (_jsxs("form", { className: styles.form, onSubmit: submitForm, children: [_jsx("div", { className: styles.title, children: "Contexte" }), _jsx(Select, { className: styles.input, label: "Saison", placeholder: "Choisissez une saison", options: availableSeasons, value: season || "", onValueChange: updateSeason }), _jsx("div", { className: styles.subTitle, children: "S\u00E9jour" }), _jsx(Input, { className: styles.input, type: "date", label: "Inclus entre le", value: stayFrom || "", onValueChange: updateStay("stayFrom") }), _jsx(Input, { className: styles.input, type: "date", label: "et le", value: stayTo || "", onValueChange: updateStay("stayTo") }), _jsx("div", { className: styles.actions, children: _jsx(Button, { type: "submit", className: styles.action, disabled: isDisabled, children: "Suivant" }) })] }));
+}

package/es/common/components/cross-selling-editor/esf/step-1.module.css

@@ -0,0 +1,35 @@
+.form {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  padding: 20px;
+}
+
+.title {
+  text-align: center;
+  font-size: 20px;
+  font-weight: 700;
+}
+
+.subTitle {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-size: 14px;
+}
+
+.subTitle::after {
+  content: "";
+  flex: 1 1 100%;
+  height: 1px;
+  background-color: var(--ds-grey-200, #ededed);
+}
+
+.actions {
+  display: flex;
+  justify-content: flex-end;
+  gap: 8px;
+}
+
+.action {
+}

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

@@ -0,0 +1,12 @@
+import * as React from "react";
+import type { Config, Override } from "../types";
+type Props = {
+    goToStep: (step: number) => void;
+    currentOffer: string;
+    override: Override;
+    setConfig: React.Dispatch<React.SetStateAction<Config>>;
+    closeModal: () => void;
+};
+export default function Step2({ goToStep, currentOffer, override, setConfig, closeModal, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=step-2.d.ts.map

package/es/common/components/cross-selling-editor/esf/step-2.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"step-2.d.ts","sourceRoot":"","sources":["../../../../../src/common/components/cross-selling-editor/esf/step-2.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,OAAO,KAAK,EAIV,MAAM,EASN,QAAQ,EAET,MAAM,UAAU,CAAC;AAGlB,KAAK,KAAK,GAAG;IAEX,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,QAAQ,CAAC;IACnB,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IACxD,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AAUF,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAC5B,QAAQ,EACR,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,UAAU,GACX,EAAE,KAAK,2CA0RP"}

package/es/common/components/cross-selling-editor/esf/step-2.js

@@ -0,0 +1,157 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useUbloContext } from "ublo/with-ublo";
+import Select, { formatOptions } from "dt-design-system/es/select";
+import MultipleSelect from "dt-design-system/es/multiple-select";
+import Button from "dt-design-system/es/button";
+import Loader from "dt-design-system/es/loader";
+import Popover from "dt-design-system/es/popover";
+import * as Icons from "dt-design-system/es/icons";
+import useFetch from "../hooks/use-fetch";
+import * as API from "../services/api";
+import * as Utils from "../services/utils";
+import styles from "./step-2.module.css";
+export default function Step2({ goToStep, currentOffer, override, setConfig, closeModal, }) {
+    const { lang } = useUbloContext();
+    const { stayFrom, stayTo, esf = {} } = override?.triggers || {};
+    const { season, rules = {} } = esf;
+    const { kinds: selectedKinds, activities: selectedActivities, levels: selectedLevels, meetings: selectedMeetings, } = rules;
+    const period = Utils.getIntervalLengthFromDates(stayFrom, stayTo);
+    const { data: kinds, loading: isKindsLoading } = useFetch({
+        callback: (abortController) => API.fetchEsfKinds(lang, season, stayFrom, stayTo, period, abortController),
+    });
+    const { data: ages } = useFetch({
+        callback: (abortController) => API.fetchEsfAges(lang, season, stayFrom, stayTo, period, abortController),
+    });
+    const { data: activities, loading: isActivitiesLoading } = useFetch({
+        key: selectedKinds,
+        callback: (abortController) => API.fetchEsfActivities(lang, season, stayFrom, stayTo, period, formatAges(ages?.choices), selectedKinds?.split(","), abortController),
+        ready: Boolean(selectedKinds),
+    });
+    const activitiesParam = split(selectedActivities)?.length > 0
+        ? split(selectedActivities)
+        : formatParams(activities?.choices);
+    const { data: levels, loading: isLevelsLoading } = useFetch({
+        key: selectedKinds + selectedActivities,
+        callback: (abortController) => API.fetchEsfLevels(lang, season, stayFrom, stayTo, period, activitiesParam, formatAges(ages?.choices), split(selectedKinds), abortController),
+        ready: Boolean(selectedKinds),
+    });
+    const levelsParams = split(selectedLevels)?.length > 0
+        ? split(selectedLevels)
+        : formatParams(levels?.choices);
+    const { data: meetings, loading: isMeetingsLoading } = useFetch({
+        key: selectedKinds + selectedActivities + selectedLevels,
+        callback: (abortController) => API.fetchEsfMeetings(lang, season, stayFrom, stayTo, period, activitiesParam, formatAges(ages?.choices), split(selectedKinds), levelsParams, abortController),
+        ready: Boolean(selectedKinds),
+    });
+    const meetingsParams = split(selectedMeetings)?.length > 0
+        ? split(selectedMeetings)
+        : formatParams(meetings?.choices);
+    const { data: products, loading: isProductsLoading } = useFetch({
+        key: selectedKinds + selectedActivities + selectedLevels + selectedMeetings,
+        callback: (abortController) => API.fetchEsfProducts(lang, season, stayFrom, stayTo, period, activitiesParam, formatAges(ages?.choices), split(selectedKinds), levelsParams, meetingsParams, abortController),
+        ready: Boolean(selectedKinds),
+    });
+    const formattedProducts = formatProducts(products);
+    const kindOptions = formatOptions("name", "code", dedupe(kinds?.choices));
+    const activityOptions = formatOptions("name", "code", dedupe(activities?.choices));
+    const levelOptions = formatOptions("name", "code", dedupe(levels?.choices));
+    const meetingOptions = formatOptions("name", "code", dedupe(meetings?.choices));
+    const activityValues = formatValues(selectedActivities, activityOptions);
+    const levelValues = formatValues(selectedLevels, levelOptions);
+    const meetingValues = formatValues(selectedMeetings, meetingOptions);
+    const updateEsfRules = (key) => (value) => {
+        const formattedValue = typeof value === "string"
+            ? value
+            : value.map((v) => (typeof v === "string" ? v : v.value)).join(",");
+        if (key === "kinds") {
+            updateEsfRules("activities")("");
+        }
+        if (key === "kinds" || key === "activities") {
+            updateEsfRules("levels")("");
+        }
+        if (key === "kinds" || key === "activities" || key === "levels") {
+            updateEsfRules("meetings")("");
+        }
+        setConfig((config = {}) => {
+            const itemConfig = (config[currentOffer] || {});
+            const itemOverrides = itemConfig.overrides || [];
+            const newConfig = {
+                ...config,
+                [currentOffer]: {
+                    ...itemConfig,
+                    overrides: [
+                        ...itemOverrides.map((o) => {
+                            if (o.id === override.id) {
+                                const triggersConfig = o.triggers || {};
+                                const esfConfig = triggersConfig.esf || {};
+                                const esfRulesConfig = esfConfig.rules || {};
+                                return {
+                                    ...o,
+                                    triggers: {
+                                        ...triggersConfig,
+                                        esf: {
+                                            ...esfConfig,
+                                            rules: { ...esfRulesConfig, [key]: formattedValue },
+                                        },
+                                    },
+                                };
+                            }
+                            return o;
+                        }),
+                    ],
+                },
+            };
+            return newConfig;
+        });
+    };
+    const isDisabled = !selectedKinds;
+    const submitForm = (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        closeModal();
+    };
+    return (_jsxs("form", { className: styles.form, onSubmit: submitForm, children: [_jsx("div", { className: styles.title, children: "R\u00E8gles" }), _jsx(Select, { label: "Type de produit", placeholder: "Choisissez un type", options: kindOptions, loading: isKindsLoading, value: selectedKinds, onValueChange: updateEsfRules("kinds") }), _jsx(MultipleSelect, { label: "Activit\u00E9s", placeholder: "Choisissez une ou plusieurs activit\u00E9s", options: activityOptions, loading: isActivitiesLoading, values: activityValues, onChange: updateEsfRules("activities"), disabled: !selectedKinds || !Boolean(activityOptions?.length) }), _jsx(MultipleSelect, { label: "Niveaux", placeholder: "Choisissez un ou plusieurs niveaux", options: levelOptions, loading: isLevelsLoading, values: levelValues, onChange: updateEsfRules("levels"), disabled: !selectedKinds || !Boolean(levelOptions?.length) }), _jsx(MultipleSelect, { label: "Lieux de rendez-vous", placeholder: "Choisissez un ou plusieurs RDV", options: meetingOptions, loading: isMeetingsLoading, values: meetingValues, onChange: updateEsfRules("meetings"), disabled: !selectedKinds || !Boolean(meetingOptions?.length) }), _jsxs("div", { className: styles.actions, children: [_jsx(Popover, { className: styles.popover, trigger: _jsx(Button, { className: styles.products, variant: "transparent", disabled: !isProductsLoading && !formattedProducts.length, children: isProductsLoading ? (_jsxs(_Fragment, { children: [_jsx(Loader, { className: styles.loader }), " R\u00E9cup\u00E9ration des produits..."] })) : (_jsxs(_Fragment, { children: [_jsx(Icons.ShoppingBag, {}), formattedProducts.length, " produit", formattedProducts.length > 1 && "s", " correspondant", formattedProducts.length > 1 && "s"] })) }), children: _jsx("div", { className: styles.popoverItems, children: formattedProducts.map((product) => {
+                                const { code, name } = product;
+                                return (_jsx("div", { className: styles.popoverItem, children: name }, code));
+                            }) }) }), _jsx(Button, { className: styles.Action, variant: "transparent", onClick: () => goToStep(1), children: "Retour" }), _jsx(Button, { type: "submit", variant: "success", className: styles.action, disabled: isDisabled, children: "Valider" })] })] }));
+}
+function dedupe(items) {
+    if (!items)
+        return [];
+    return items.reduce((acc, item) => {
+        if (acc.some((i) => i.code === item.code))
+            return acc;
+        return [...acc, item];
+    }, []);
+}
+function formatAges(ages) {
+    if (!ages)
+        return [];
+    const allCodes = ages.reduce((acc, age) => {
+        return [...acc, ...age.ages];
+    }, []);
+    return [...new Set(allCodes)];
+}
+function formatParams(items) {
+    if (!items)
+        return [];
+    return items.map((item) => item.code);
+}
+function split(value) {
+    if (!value)
+        return [];
+    return value.split(",").filter(Boolean);
+}
+function formatValues(values, options) {
+    if (!values || !options)
+        return [];
+    return options.filter((o) => split(values).includes(typeof o === "string" ? o : o.value));
+}
+function formatProducts(products) {
+    if (!products)
+        return [];
+    return products.choices.reduce((acc, item) => {
+        const { products } = item;
+        return [...acc, ...products];
+    }, []);
+}

package/es/common/components/cross-selling-editor/esf/step-2.module.css

@@ -0,0 +1,72 @@
+.form {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  padding: 20px;
+}
+
+.title {
+  text-align: center;
+  font-size: 20px;
+  font-weight: 700;
+}
+
+.subTitle {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-size: 14px;
+}
+
+.subTitle::after {
+  content: "";
+  flex: 1 1 100%;
+  height: 1px;
+  background-color: var(--ds-grey-200, #ededed);
+}
+
+.actions {
+  display: flex;
+  justify-content: flex-end;
+  gap: 8px;
+}
+
+.action {
+}
+
+.products {
+  --ds-loader-spinner-size: 17px;
+  --ds-loader-thickness: 2px;
+  --ds-button-font-weight: 400;
+  --ds-button-font-size: 13px;
+  --ds-loader-foreground: var(
+    --ds-button-background,
+    var(--ds-secondary, var(--ds-blue-400, #0038ff))
+  );
+
+  margin-right: auto;
+}
+
+.popover {
+  padding: 0;
+}
+
+.popoverItems {
+  max-height: 45vh;
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  gap: 4px;
+  padding: 12px;
+  overflow: auto;
+}
+
+.popoverItem {
+  display: flex;
+  gap: 12px;
+  padding: 6px;
+}
+
+.popoverItem b {
+  margin-right: auto;
+}

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

@@ -1 +1 @@
-{"version":3,"file":"use-custom-offers.d.ts","sourceRoot":"","sources":["../../../../../src/common/components/cross-selling-editor/hooks/use-custom-offers.ts"],"names":[],"mappings":"AAKA,KAAK,KAAK,GAAG;IACX,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,aAAa,EACb,eAAe,GAChB,GAAE,KAAU,UAgEZ"}
+{"version":3,"file":"use-custom-offers.d.ts","sourceRoot":"","sources":["../../../../../src/common/components/cross-selling-editor/hooks/use-custom-offers.ts"],"names":[],"mappings":"AAKA,KAAK,KAAK,GAAG;IACX,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,aAAa,EACb,eAAe,GAChB,GAAE,KAAU,UAmEZ"}

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

@@ -15,6 +15,7 @@ export default function useCustomOffers({ titleSelector, contentSelector, } = {}
             let stay = {};
             let skiPassDurations = [];
             let durationTags = [];
+            let esfOffersContent = [];
             if (cartId) {
                 try {
                     const { cart } = await API.fetchMseMCart(cartId, lang);
@@ -25,6 +26,7 @@ export default function useCustomOffers({ titleSelector, contentSelector, } = {}
                         Utils.getSkiPassDurationFromCart(cart),
                         Utils.getDurationTagsFromCart(cart),
                     ]);
+                    esfOffersContent = Utils.getEsfOffersFromCart(cart);
                 }
                 catch (e) { }
             }
@@ -34,6 +36,7 @@ export default function useCustomOffers({ titleSelector, contentSelector, } = {}
                 stay,
                 skiPassDurations,
                 durationTags,
+                esfOffersContent,
             };
             const storedConfig = Utils.getConfig(contentZone);
             const sortedOffers = Utils.getSortedOffers(contentZone, content, storedConfig);

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

@@ -0,0 +1,12 @@
+type Params = {
+    key?: string;
+    callback: <T>(abortController: AbortController) => Promise<T>;
+    ready?: boolean;
+};
+type ReturnType<T> = {
+    data: T;
+    loading: boolean;
+};
+export default function useFetch<T>({ key, callback, ready, }: Params): ReturnType<T>;
+export {};
+//# sourceMappingURL=use-fetch.d.ts.map

package/es/common/components/cross-selling-editor/hooks/use-fetch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-fetch.d.ts","sourceRoot":"","sources":["../../../../../src/common/components/cross-selling-editor/hooks/use-fetch.ts"],"names":[],"mappings":"AAEA,KAAK,MAAM,GAAG;IACZ,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb,QAAQ,EAAE,CAAC,CAAC,EAAE,eAAe,EAAE,eAAe,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC;IAC9D,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,KAAK,UAAU,CAAC,CAAC,IAAI;IACnB,IAAI,EAAE,CAAC,CAAC;IACR,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,CAAC,EAAE,EAClC,GAAG,EACH,QAAQ,EACR,KAAY,GACb,EAAE,MAAM,GAAG,UAAU,CAAC,CAAC,CAAC,CAoCxB"}

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

@@ -0,0 +1,35 @@
+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();
+    React.useEffect(() => {
+        if (ready && data === undefined) {
+            const runEffect = async () => {
+                try {
+                    if (controller.current) {
+                        controller.current.abort();
+                        controller.current = undefined;
+                    }
+                    setLoading(true);
+                    const abortController = new AbortController();
+                    controller.current = abortController;
+                    const result = await callback(abortController);
+                    setData(result);
+                    setLoading(false);
+                }
+                catch (e) {
+                    console.error(e);
+                    setData(null);
+                }
+            };
+            runEffect();
+        }
+    }, [callback, data, ready]);
+    React.useEffect(() => {
+        if (key) {
+            setData(undefined);
+        }
+    }, [key, ready]);
+    return { data, loading };
+}

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

@@ -1 +1 @@
-{"version":3,"file":"use-tunnel-offers.d.ts","sourceRoot":"","sources":["../../../../../src/common/components/cross-selling-editor/hooks/use-tunnel-offers.ts"],"names":[],"mappings":"AAKA,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,KAAA,SAyCvE"}
+{"version":3,"file":"use-tunnel-offers.d.ts","sourceRoot":"","sources":["../../../../../src/common/components/cross-selling-editor/hooks/use-tunnel-offers.ts"],"names":[],"mappings":"AAKA,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,KAAA,SA2CvE"}

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

@@ -18,12 +18,14 @@ export default function useTunnelOffers(zone, path, cart) {
                 Utils.getSkiPassDurationFromCart(cart),
                 Utils.getDurationTagsFromCart(cart),
             ]);
+            const esfOffersContent = Utils.getEsfOffersFromCart(cart);
             const content = {
                 items,
                 merchants,
                 stay,
                 skiPassDurations,
                 durationTags,
+                esfOffersContent,
             };
             const storedConfig = Utils.getConfig(container);
             const sortedOffers = Utils.getSortedOffers(container, content, storedConfig);