ublo-lib 1.31.44 → 1.32.0

package/es/lbm/components/lumiplan/weather/weather-icon.d.ts

@@ -1,4 +1,3 @@
-import * as React from "react";
 type Props = {
     sky: string;
 };
@@ -6,63 +5,64 @@ export declare const weatherIcons: {
     UNDEF: ({ width, height }: {
         width?: number;
         height?: number;
-    }) => React.JSX.Element;
+    }) => import("react/jsx-runtime").JSX.Element;
     SUNNY: ({ width, height }: {
         width?: number;
         height?: number;
-    }) => React.JSX.Element;
+    }) => import("react/jsx-runtime").JSX.Element;
     MOSTLY_SUNNY: ({ width, height }: {
         width?: number;
         height?: number;
-    }) => React.JSX.Element;
+    }) => import("react/jsx-runtime").JSX.Element;
     FAIR_WEATHER_PARTLY_CLOUDY: ({ width, height }: {
         width?: number;
         height?: number;
-    }) => React.JSX.Element;
+    }) => import("react/jsx-runtime").JSX.Element;
     MOSTLY_CLOUDY_SOME_SUN: ({ width, height }: {
         width?: number;
         height?: number;
-    }) => React.JSX.Element;
+    }) => import("react/jsx-runtime").JSX.Element;
     CLOUDY: ({ width, height }: {
         width?: number;
         height?: number;
-    }) => React.JSX.Element;
+    }) => import("react/jsx-runtime").JSX.Element;
     CLOUDY_LIGHT_RAIN: ({ width, height }: {
         width?: number;
         height?: number;
-    }) => React.JSX.Element;
+    }) => import("react/jsx-runtime").JSX.Element;
     MOSTLY_CLOUDY_LIGHT_RAIN: ({ width, height }: {
         width?: number;
         height?: number;
-    }) => React.JSX.Element;
+    }) => import("react/jsx-runtime").JSX.Element;
     CLOUDY_MODERATE_HEAVY_RAIN: ({ width, height }: {
         width?: number;
         height?: number;
-    }) => React.JSX.Element;
+    }) => import("react/jsx-runtime").JSX.Element;
     VARIABLE_SKY_LIGHT_SNOWFALL: ({ width, height }: {
         width?: number;
         height?: number;
-    }) => React.JSX.Element;
+    }) => import("react/jsx-runtime").JSX.Element;
     CLOUDY_LIGHT_SNOWFALL: ({ width, height }: {
         width?: number;
         height?: number;
-    }) => React.JSX.Element;
+    }) => import("react/jsx-runtime").JSX.Element;
     CLOUDY_MODERATE_HEAVY_SNOWFALL: ({ width, height }: {
         width?: number;
         height?: number;
-    }) => React.JSX.Element;
+    }) => import("react/jsx-runtime").JSX.Element;
     FOG: ({ width, height }: {
         width?: number;
         height?: number;
-    }) => React.JSX.Element;
+    }) => import("react/jsx-runtime").JSX.Element;
     THUNDERSTORMS: ({ width, height }: {
         width?: number;
         height?: number;
-    }) => React.JSX.Element;
+    }) => import("react/jsx-runtime").JSX.Element;
     VARIABLE_SKY_SCATTERED_THUNDERSTORMS: ({ width, height }: {
         width?: number;
         height?: number;
-    }) => React.JSX.Element;
+    }) => import("react/jsx-runtime").JSX.Element;
 };
-export default function WeatherIcon({ sky }: Props): React.JSX.Element;
+export default function WeatherIcon({ sky }: Props): import("react/jsx-runtime").JSX.Element;
 export {};
+//# sourceMappingURL=weather-icon.d.ts.map

package/es/lbm/components/lumiplan/weather/weather-icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"weather-icon.d.ts","sourceRoot":"","sources":["../../../../../src/lbm/components/lumiplan/weather/weather-icon.tsx"],"names":[],"mappings":"AAcA,KAAK,KAAK,GAAG;IACX,GAAG,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgBxB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAAE,GAAG,EAAE,EAAE,KAAK,2CAGjD"}

package/es/lbm/components/lumiplan/weather/{weather-icon.jsx → weather-icon.js}

@@ -1,4 +1,4 @@
-import * as React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
 import CloudIcon from "../icons/cloud";
 import FogIcon from "../icons/fog";
 import VariableIcon from "../icons/variable";
@@ -30,5 +30,5 @@ export const weatherIcons = {
 };
 export default function WeatherIcon({ sky }) {
     const Icon = weatherIcons[sky] || weatherIcons.UNDEF;
-    return <Icon />;
+    return _jsx(Icon, {});
 }

package/es/lbm/components/lumiplan/weather/weather-zones.d.ts

@@ -1,6 +1,6 @@
-import * as React from "react";
 export default function Zones({ weatherZones, currentZoneIndex, setCurrentZoneIndex, }: {
     weatherZones: any;
     currentZoneIndex: any;
     setCurrentZoneIndex: any;
-}): React.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=weather-zones.d.ts.map

package/es/lbm/components/lumiplan/weather/weather-zones.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"weather-zones.d.ts","sourceRoot":"","sources":["../../../../../src/lbm/components/lumiplan/weather/weather-zones.tsx"],"names":[],"mappings":"AAQA,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAC5B,YAAY,EACZ,gBAAgB,EAChB,mBAAmB,GACpB;;;;CAAA,2CAgEA"}

package/es/lbm/components/lumiplan/weather/{weather-zones.jsx → weather-zones.js}

@@ -1,6 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import classNames from "classnames";
-// import useWindowSizes from "ublo-lib/es/common/hooks/use-window-sizes";
 import useWindowSizes from "../../../../common/hooks/use-window-sizes";
 import Button from "dt-design-system/es/button";
 import T from "../i18n/translations";
@@ -27,30 +27,21 @@ export default function Zones({ weatherZones, currentZoneIndex, setCurrentZoneIn
         [css.leftShadow]: showLeftShadow,
         [css.rightShadow]: showRightShadow,
     });
-    return (<div ref={containerRef} className={zonesClasses}>
-      <div ref={scrollerRef} onScroll={refreshShadows} className={css.content}>
-        {weatherZones.map((zone, i) => {
-            const hasData = Boolean(zone.weatherInfos.length > 0 &&
-                zone.weatherInfos[0].am &&
-                zone.weatherInfos[0].pm);
-            if (!hasData)
-                return null;
-            const { name, altitude } = zone;
-            const { value, unit } = altitude;
-            const isSelected = i === currentZoneIndex;
-            const updateCurrentZone = () => {
-                setCurrentZoneIndex(i);
-            };
-            const classes = classNames(css.zone, {
-                [css.zoneSelected]: isSelected,
-            });
-            return (<Button key={name} className={classes} onClick={updateCurrentZone}>
-              <b>{name}</b> {value}
-              <span>
-                <T id={unit}/>
-              </span>
-            </Button>);
-        })}
-      </div>
-    </div>);
+    return (_jsx("div", { ref: containerRef, className: zonesClasses, children: _jsx("div", { ref: scrollerRef, onScroll: refreshShadows, className: css.content, children: weatherZones.map((zone, i) => {
+                const hasData = Boolean(zone.weatherInfos.length > 0 &&
+                    zone.weatherInfos[0].am &&
+                    zone.weatherInfos[0].pm);
+                if (!hasData)
+                    return null;
+                const { name, altitude } = zone;
+                const { value, unit } = altitude;
+                const isSelected = i === currentZoneIndex;
+                const updateCurrentZone = () => {
+                    setCurrentZoneIndex(i);
+                };
+                const classes = classNames(css.zone, {
+                    [css.zoneSelected]: isSelected,
+                });
+                return (_jsxs(Button, { className: classes, onClick: updateCurrentZone, children: [_jsx("b", { children: name }), " ", value, _jsx("span", { children: _jsx(T, { id: unit }) })] }, name));
+            }) }) }));
 }

package/es/lbm/components/lumiplan/weather/weather.d.ts

@@ -5,3 +5,4 @@ type Props = {
 };
 declare const Weather: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
 export default Weather;
+//# sourceMappingURL=weather.d.ts.map

package/es/lbm/components/lumiplan/weather/weather.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"weather.d.ts","sourceRoot":"","sources":["../../../../../src/lbm/components/lumiplan/weather/weather.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,OAAO,KAAK,EAAE,eAAe,EAAY,MAAM,UAAU,CAAC;AAK1D,KAAK,KAAK,GAAG;IACX,OAAO,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;CAClC,CAAC;AAEF,QAAA,MAAM,OAAO,8EA6GZ,CAAC;AAIF,eAAe,OAAO,CAAC"}

package/es/lbm/components/lumiplan/weather/weather.js

@@ -0,0 +1,55 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import classNames from "classnames";
+import { useUbloContext } from "ublo/with-ublo";
+import Button from "dt-design-system/es/button";
+import Tooltip from "dt-design-system/es/tooltip";
+import Loader from "dt-design-system/es/loader";
+import * as Icons from "dt-design-system/es/icons";
+import AvalancheRisk from "./avalanche-risk";
+import SnowData from "./snow-data";
+import WeatherData from "./weather-data";
+import T, { t } from "../i18n/translations";
+import Days from "./weather-days";
+import Zones from "./weather-zones";
+import css from "./weather.module.css";
+const Weather = React.forwardRef(({ weather }, ref) => {
+    const { lang } = useUbloContext();
+    const [currentZoneIndex, setCurrentZoneIndex] = React.useState(0);
+    const [currentDayIndex, setCurrentDayIndex] = React.useState(0);
+    const [expanded, setExpanded] = React.useState(true);
+    React.useEffect(() => {
+        setCurrentZoneIndex(0);
+        setCurrentDayIndex(0);
+    }, [weather]);
+    if (weather === undefined) {
+        return (_jsx("div", { ref: ref, className: css.loader, "data-tags": t(lang, "weather.title"), children: _jsx(Loader, { variant: "overlay" }) }));
+    }
+    if (!weather) {
+        return null;
+    }
+    const { weatherZones, weatherPreviews } = weather.weather;
+    const { snowZones } = weather.snow;
+    const forecastList = weatherPreviews.find((preview) => preview.type === "WEATHER_BULLETIN_OF_NEXT_DAY");
+    const forecastData = forecastList?.data?.find((f) => f.language.startsWith(lang));
+    const forecast = forecastData?.data;
+    const { weatherInfos } = weatherZones[currentZoneIndex];
+    const days = weatherInfos.slice(0, 4);
+    return (_jsxs("div", { ref: ref, className: css.weather, "data-tags": t(lang, "weather.title"), children: [_jsx("div", { className: css.forecast, dangerouslySetInnerHTML: { __html: forecast } }), _jsx(Zones, { weatherZones: weatherZones, currentZoneIndex: currentZoneIndex, setCurrentZoneIndex: setCurrentZoneIndex }), _jsx(Days, { days: days, currentDayIndex: currentDayIndex, setCurrentDayIndex: setCurrentDayIndex, lang: lang }), weatherZones.map((zone, i) => {
+                const { weatherInfos, name, altitude } = zone;
+                const { value, unit } = altitude;
+                const days = weatherInfos.slice(0, 4);
+                const { am, pm } = days[currentDayIndex] || {};
+                const classes = classNames(css.info, {
+                    [css.infoHidden]: currentZoneIndex !== i,
+                });
+                const snowData = snowZones[i] || {};
+                const ExpandIcon = expanded ? Icons.MinusCircle : Icons.PlusCircle;
+                const toggleExpanded = () => {
+                    setExpanded(!expanded);
+                };
+                return (_jsxs("div", { className: classes, children: [_jsxs("span", { className: css.printedName, children: [_jsx("b", { children: name }), " ", value, _jsx("span", { children: _jsx(T, { id: unit }) })] }), _jsx(AvalancheRisk, { avalancheRisk: snowData.avalancheRisk }), _jsxs("div", { className: css.infoBottom, children: [_jsx(SnowData, { data: snowData, expanded: expanded }), _jsx(WeatherData, { kind: "am", data: am, expanded: expanded }), _jsx(WeatherData, { kind: "pm", data: pm, expanded: expanded })] }), _jsx(Tooltip, { content: t(lang, expanded ? "see-less" : "see-more"), children: _jsx(Button, { className: css.expandButton, variant: "transparent", onClick: toggleExpanded, children: _jsx(ExpandIcon, {}) }) })] }, i));
+            })] }));
+});
+Weather.displayName = "Weather";
+export default Weather;

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "ublo-lib",
-  "version": "1.31.44",
+  "version": "1.32.0",
   "peerDependencies": {
-    "dt-design-system": "^3.8.3",
+    "dt-design-system": "^3.8.5",
     "leaflet": "^1.9.1",
     "next": "^12.0.0 || ^13.0.0 || ^14.0.0",
     "react": "^18.2.0",
@@ -25,34 +25,29 @@
   "dependencies": {
     "awesome-debounce-promise": "2.1.0",
     "classnames": "2.5.1",
-    "framer-motion": "11.0.3",
+    "framer-motion": "11.0.28",
     "react-async-hook": "4.0.0"
   },
   "devDependencies": {
     "@types/css-modules": "1.0.5",
-    "@types/react": "18.2.48",
-    "@types/react-dom": "18.2.18",
-    "@typescript-eslint/eslint-plugin": "6.20.0",
-    "@typescript-eslint/parser": "6.20.0",
+    "@types/react": "18.2.77",
+    "@types/react-dom": "18.2.25",
     "classnames": "2.5.1",
-    "cpx2": "4.2.3",
-    "dt-design-system": "3.8.3",
-    "eslint": "8.56.0",
-    "eslint-config-next": "14.1.0",
+    "cpx2": "7.0.1",
+    "dt-design-system": "3.8.5",
     "mv": "2.1.1",
     "next": "14.1.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "react-scripts": "5.0.1",
-    "typescript": "5.3.3",
-    "ublo": "3.16.0"
+    "typescript": "5.4.5",
+    "ublo": "3.18.0"
   },
   "scripts": {
-    "build": "tsc",
+    "clean": "rm -rf es",
+    "build": "yarn clean && tsc",
     "postbuild": "cpx 'src/**/*.{json,css,svg}' es",
     "prepublishOnly": "yarn build",
-    "watch": "tsc --watch & cpx './src/**/*.{json,css,svg}' es -w",
-    "lint": "eslint 'src/**/*.{js, ts, tsx}'"
+    "watch": "yarn clean && tsc --watch & cpx './src/**/*.{json,css,svg}' es -w"
   },
   "packageManager": "yarn@1.22.18",
   "files": [
@@ -60,8 +55,6 @@
   ],
   "browserslist": [
     ">1%",
-    "not dead",
-    "ie >= 11",
-    "not op_mini all"
+    "not dead"
   ]
 }

package/es/common/components/admin-links/admin-links.jsx

@@ -1,65 +0,0 @@
-import * as React from "react";
-import { useUbloContext } from "ublo/with-ublo";
-import { loadFileManager } from "../../utils/file-manager";
-import styles from "./admin-links.module.css";
-const ToggleIcon = () => {
-    return (<svg viewBox="0 0 24 24" width="24" height="24" className={styles.toggleIcon}>
-      <path d="M19.44 12.99l-.01.02c.04-.33.08-.67.08-1.01 0-.34-.03-.66-.07-.99l.01.02 2.44-1.92-2.43-4.22-2.87 1.16.01.01c-.52-.4-1.09-.74-1.71-1h.01L14.44 2H9.57l-.44 3.07h.01c-.62.26-1.19.6-1.71 1l.01-.01-2.88-1.17-2.44 4.22 2.44 1.92.01-.02c-.04.33-.07.65-.07.99 0 .34.03.68.08 1.01l-.01-.02-2.1 1.65-.33.26 2.43 4.2 2.88-1.15-.02-.04c.53.41 1.1.75 1.73 1.01h-.03L9.58 22h4.85s.03-.18.06-.42l.38-2.65h-.01c.62-.26 1.2-.6 1.73-1.01l-.02.04 2.88 1.15 2.43-4.2s-.14-.12-.33-.26l-2.11-1.66zM12 15.5c-1.93 0-3.5-1.57-3.5-3.5s1.57-3.5 3.5-3.5 3.5 1.57 3.5 3.5-1.57 3.5-3.5 3.5z"/>
-    </svg>);
-};
-const AdminLinks = ({ customLinks }) => {
-    const { lang, cmsMode, config } = useUbloContext();
-    const [open, setOpen] = React.useState(false);
-    const hasLangPrefix = config.langPrefix.links;
-    const { plausibleLink } = config;
-    const links = Object.assign({ msemAdmin: {
-            name: "Administration MseM",
-            onClick: "https://admin.mon-sejour-en-montagne.com/",
-            target: "_blank",
-        }, tutoriels: {
-            name: "Tutoriels",
-            onClick: "https://www.valraiso.net/toolbox/?auth=my-toolbox&filter=tools",
-            target: "_blank",
-        }, popup: {
-            name: "Popup",
-            onClick: hasLangPrefix ? `/${lang.concat("/popup")}` : "/popup",
-        }, fileManager: {
-            name: "Photothèque",
-            onClick: loadFileManager,
-        }, plausible: {
-            name: "Statistiques",
-            onClick: typeof plausibleLink === "string"
-                ? plausibleLink
-                : plausibleLink === null || plausibleLink === void 0 ? void 0 : plausibleLink[lang],
-            target: "_blank",
-        } }, customLinks);
-    return (<div className={styles.root}>
-      {cmsMode && (<>
-          <div className={styles.toggle} onClick={() => setOpen(!open)}>
-            <ToggleIcon />
-          </div>
-          {open && (<div className={styles.links}>
-              <div className={styles.linksTitle}>Liens utiles</div>
-              {Object.keys(links).map((key, i) => {
-                    const link = links[key];
-                    if (!link)
-                        return null;
-                    const { name, onClick, target } = link;
-                    const isHrefValid = typeof onClick === "string" && onClick !== "";
-                    const isFunction = typeof onClick === "function";
-                    if (!isHrefValid && !isFunction) {
-                        return null;
-                    }
-                    const Tag = isHrefValid ? "a" : "button";
-                    const anchorProps = { href: onClick, target };
-                    const buttonProps = { onClick };
-                    const props = isFunction ? buttonProps : anchorProps;
-                    return (<Tag key={i} className={styles.link} {...props}>
-                    {name}
-                  </Tag>);
-                })}
-            </div>)}
-        </>)}
-    </div>);
-};
-export default AdminLinks;

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

@@ -1,68 +0,0 @@
-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/overrides-list.jsx

@@ -1,74 +0,0 @@
-import * as React from "react";
-import Button from "dt-design-system/es/button";
-import Collapsible from "dt-design-system/es/collapsible";
-import Popover from "dt-design-system/es/popover";
-import Input from "dt-design-system/es/input";
-import * as Icons from "dt-design-system/es/icons";
-import Override from "./override";
-import styles from "./overrides-list.module.css";
-export default function OverridesList({ currentOffer, overrides, currentOverride, setCurrentOverride, config, setConfig, durations, }) {
-    const [opened, setOpened] = React.useState(false);
-    const [newOverride, setNewOverride] = React.useState("");
-    const [creationFormOpened, setCreationFormOpened] = React.useState(false);
-    const hasOverrides = overrides.length > 0;
-    const newOverrideAlreadyExists = overrides.some((o) => o.name === newOverride);
-    const newOverrideIsEmpty = newOverride.trim() === "";
-    const newOverrideIsInvalid = newOverrideAlreadyExists || newOverrideIsEmpty;
-    const error = newOverrideAlreadyExists && "Ce nom est déjà utilisé";
-    const closeCreationForm = () => {
-        setCreationFormOpened(false);
-    };
-    const toggleCreationForm = () => {
-        setCreationFormOpened(!creationFormOpened);
-    };
-    const createOverride = (e) => {
-        e.preventDefault();
-        e.stopPropagation();
-        setConfig((config = {}) => {
-            const itemConfig = (config[currentOffer] || {});
-            const itemOverrides = itemConfig.overrides || [];
-            const newId = itemOverrides.length
-                ? Math.max(...itemOverrides.map(({ id }) => id)) + 1
-                : 0;
-            const newOverrideName = newOverride.trim();
-            const newConfig = Object.assign(Object.assign({}, config), { [currentOffer]: Object.assign(Object.assign({}, itemConfig), { overrides: [
-                        ...itemOverrides,
-                        { id: newId, name: newOverrideName, trigger: {}, rules: {} },
-                    ] }) });
-            return newConfig;
-        });
-        setOpened(true);
-        setNewOverride("");
-        closeCreationForm();
-    };
-    const title = (<span className={styles.title}>
-      {overrides.length} surcharges
-      <Popover className={styles.titlePopover} trigger={<Button variant="transparent" compact>
-            <Icons.Info />
-          </Button>}>
-        <b>Si plusieurs surcharges</b> correspondent au contenu du panier,{" "}
-        <b>seule la première est appliquée</b>.
-        <br />
-        Vous pouvez changer l'ordre des surcharges à l'aide des flèches
-        visibible à gauche de chaque surcharge au survol de ces dernières.
-      </Popover>
-    </span>);
-    return (<div className={styles.overrides}>
-      {hasOverrides ? (<Collapsible title={title} className={styles.collapsible} compact open={opened} toggleTooltip="Afficher toutes les surcharges" onOpenChange={setOpened} hiddenContent={overrides.map((override, index) => {
-                return (<Override key={override.id} index={index} currentOffer={currentOffer} overrides={overrides} override={override} currentOverride={currentOverride} setCurrentOverride={setCurrentOverride} config={config} setConfig={setConfig} closeCreationForm={closeCreationForm} durations={durations}/>);
-            })}/>) : null}
-      <div className={styles.addOverride}>
-        Ajouter une surcharge{" "}
-        <Popover className={styles.popover} trigger={<Button compact onClick={toggleCreationForm}>
-              <Icons.Plus />
-            </Button>} open={creationFormOpened}>
-          <form className={styles.createForm} onSubmit={createOverride}>
-            <Input placeholder="Nom" value={newOverride} onValueChange={setNewOverride} error={error} compact autoFocus/>
-            <Button className={styles.createSubmit} type="submit" disabled={newOverrideIsInvalid}>
-              Ajouter
-            </Button>
-          </form>
-        </Popover>
-      </div>
-    </div>);
-}

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

@@ -1,55 +0,0 @@
-import * as React from "react";
-import classNames from "classnames";
-import Checkbox from "dt-design-system/es/checkbox";
-import NumberPicker from "dt-design-system/es/number-picker";
-import styles from "./rule.module.css";
-export default function Rule({ title, uuid, uuids, currentOffer, currentOverride, config, setConfig, }) {
-    var _a, _b, _c, _d, _e, _f, _g;
-    const defaultConfig = (_a = config[currentOffer]) === null || _a === void 0 ? void 0 : _a.default;
-    const isDefault = currentOverride === null;
-    const override = isDefault
-        ? defaultConfig
-        : (_c = (_b = config[currentOffer]) === null || _b === void 0 ? void 0 : _b.overrides) === null || _c === void 0 ? void 0 : _c.find((o) => o.id === (currentOverride === null || currentOverride === void 0 ? void 0 : currentOverride.id));
-    const currentValue = ((_e = (_d = override === null || override === void 0 ? void 0 : override.rules) === null || _d === void 0 ? void 0 : _d[uuid]) === null || _e === void 0 ? void 0 : _e.weight) || 0;
-    const currentHidden = ((_g = (_f = override === null || override === void 0 ? void 0 : override.rules) === null || _f === void 0 ? void 0 : _f[uuid]) === null || _g === void 0 ? void 0 : _g.hidden) || false;
-    const updateConfig = (key, value) => {
-        setConfig((config = {}) => {
-            const itemConfig = (config[currentOffer] || {});
-            const newValue = key === "hidden" ? !value : Number(value);
-            if (isDefault) {
-                const defaultRules = (defaultConfig === null || defaultConfig === void 0 ? void 0 : defaultConfig.rules) || {};
-                const newConfig = Object.assign(Object.assign({}, config), { [currentOffer]: Object.assign(Object.assign({}, itemConfig), { default: Object.assign(Object.assign({}, defaultConfig), { rules: Object.assign(Object.assign({}, defaultRules), { [uuid]: Object.assign(Object.assign({}, defaultRules === null || defaultRules === void 0 ? void 0 : defaultRules[uuid]), { [key]: newValue }) }) }) }) });
-                return newConfig;
-            }
-            else {
-                const itemOverrides = itemConfig.overrides || [];
-                const overrideConfig = itemOverrides.find((o) => o.id === override.id);
-                const rulesConfig = (overrideConfig === null || overrideConfig === void 0 ? void 0 : overrideConfig.rules) || {};
-                const offerConfig = (overrideConfig === null || overrideConfig === void 0 ? void 0 : overrideConfig[uuid]) || {};
-                const cleanedRulesConfig = Object.keys(rulesConfig).reduce((acc, key) => {
-                    if (uuids.includes(key)) {
-                        return Object.assign(Object.assign({}, acc), { [key]: rulesConfig[key] });
-                    }
-                    return acc;
-                }, {});
-                const newConfig = Object.assign(Object.assign({}, config), { [currentOffer]: Object.assign(Object.assign({}, itemConfig), { overrides: [
-                            ...itemOverrides.map((o) => {
-                                if (o.id === override.id) {
-                                    return Object.assign(Object.assign({}, o), { rules: Object.assign(Object.assign({}, cleanedRulesConfig), { [uuid]: Object.assign(Object.assign({}, offerConfig), { [key]: newValue }) }) });
-                                }
-                                return o;
-                            }),
-                        ] }) });
-                return newConfig;
-            }
-        });
-    };
-    const classes = classNames(styles.rule, {
-        [styles.disabled]: currentHidden,
-    });
-    return (<div key={uuid} className={classes}>
-      <Checkbox className={styles.checkbox} checked={!currentHidden} onCheckedChange={(value) => updateConfig("hidden", value)}/>
-      <div className={styles.title}>{title}</div>
-      <NumberPicker className={styles.valuePicker} value={currentValue} onChange={(value) => updateConfig("weight", value)} min={-10} max={10} disabled={!currentOffer}/>
-    </div>);
-}

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

@@ -1,53 +0,0 @@
-import * as React from "react";
-import Select from "dt-design-system/es/select";
-import Popover from "dt-design-system/es/popover";
-import Button from "dt-design-system/es/button";
-import * as Icons from "dt-design-system/es/icons";
-import Rule from "./rule";
-import OverridesList from "./overrides-list";
-import * as Utils from "./services/utils";
-import styles from "./rules.module.css";
-export default function Rules({ container, config, setConfig, tunnelOffers, durations, }) {
-    var _a;
-    const [currentOffer, setCurrentOffer] = React.useState("");
-    const [currentOverride, setCurrentOverride] = React.useState(null);
-    const overrides = ((_a = config[currentOffer]) === null || _a === void 0 ? void 0 : _a.overrides) || [];
-    const showOverrides = currentOffer && Utils.hasAllowedOverrides(currentOffer);
-    const sections = Array.from(container.querySelectorAll(".tunnel-offer"));
-    const uuids = sections.map((section) => section.getAttribute("data-uuid"));
-    const updateCurrentOffer = (newCurrentOffer) => {
-        setCurrentOffer(newCurrentOffer);
-        setCurrentOverride(null);
-    };
-    const tunnelOptions = Object.keys(tunnelOffers).map((key) => {
-        const label = tunnelOffers[key];
-        return { value: key, label };
-    });
-    return (<div className={styles.container}>
-      <div className={styles.title}>
-        Configuration
-        <Popover className={styles.popover} trigger={<Button variant="transparent">
-              <Icons.Info />
-            </Button>}>
-          La configuration vous permet de personnaliser l'ordre d'affichage des
-          produits suggérés dans le panier en fonction des produits présents
-          dans le panier de l'utilisateur.
-        </Popover>
-      </div>
-      <div className={styles.explanation}>
-        Configurez les suggestions de produit en fonction du contenu du panier
-      </div>
-      <Select className={styles.select} label="Produit ajouté au panier" placeholder="Sélectionnez un produit" value={currentOffer} options={tunnelOptions} onValueChange={updateCurrentOffer}/>
-      {showOverrides && (<OverridesList currentOffer={currentOffer} overrides={overrides} currentOverride={currentOverride} setCurrentOverride={setCurrentOverride} config={config} setConfig={setConfig} durations={durations}/>)}
-      {currentOffer && (<>
-          <div className={styles.subTitle}>
-            Priorisation par types de produit
-          </div>
-          {sections.map((section) => {
-                const uuid = section.getAttribute("data-uuid");
-                const title = section.querySelector(".tunnel-offer__title").textContent;
-                return (<Rule key={title} uuid={uuid} uuids={uuids} title={title} currentOffer={currentOffer} currentOverride={currentOverride} config={config} setConfig={setConfig}/>);
-            })}
-        </>)}
-    </div>);
-}