ublo-lib 1.31.42 → 1.31.44

package/es/common/components/msem-preset-editor/components/widget-list-item.jsx

@@ -0,0 +1,97 @@
+import * as React from "react";
+import classNames from "classnames";
+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 css from "./widget-list-item.module.css";
+const ALLOW_PRESETS_ON_WIDGETS = [
+    "lodging",
+    "skiPass",
+    "liftJb",
+    "elloha",
+    "vakario",
+];
+export default function WidgetListItem({ item, preset, updatePreset, removePreset, setShowPresetDialog, }) {
+    const [opened, setOpened] = React.useState(false);
+    const { widget, logo, name, items: subs } = item;
+    const toggleItem = () => {
+        setOpened(!opened);
+    };
+    const ToggleIcon = opened ? Icons.ChevronUp : Icons.ChevronDown;
+    const isSelected = (preset === null || preset === void 0 ? void 0 : preset.name) === name && (preset === null || preset === void 0 ? void 0 : preset.widget) === widget;
+    const hasSubs = subs && subs.length > 0;
+    const allowAdvancedPresets = ALLOW_PRESETS_ON_WIDGETS.includes(widget);
+    const showEditButton = isSelected && allowAdvancedPresets;
+    const showRemoveButton = isSelected;
+    const classes = classNames(css.item, {
+        [css.selected]: isSelected,
+        [css.opened]: opened,
+    });
+    const handleItemClick = () => {
+        if (!isSelected) {
+            updatePreset(item);
+        }
+    };
+    return (<div className={classes}>
+      <Button variant="transparent" className={css.button} onClick={handleItemClick}>
+        <div className={css.logo}>
+          <img src={logo} alt={name}/>
+        </div>
+        <div className={css.name}>{name}</div>
+      </Button>
+      {(hasSubs || showEditButton || showRemoveButton) && (<div className={css.actions}>
+          {showEditButton && (<Tooltip content="Modifier">
+              <Button variant="primary" className={css.action} onClick={() => setShowPresetDialog(true)} compact>
+                <Icons.Edit />
+              </Button>
+            </Tooltip>)}
+          {showRemoveButton && (<Tooltip content="Supprimer">
+              <Button variant="danger" className={css.action} onClick={removePreset} compact>
+                <Icons.Trash />
+              </Button>
+            </Tooltip>)}
+          {hasSubs && (<Tooltip content="Afficher les sous-marchands">
+              <Button variant="secondary" className={css.action} onClick={toggleItem} compact>
+                <ToggleIcon />
+              </Button>
+            </Tooltip>)}
+        </div>)}
+      {opened && subs && (<div className={css.list}>
+          {subs.map((sub) => {
+                const isSelected = (preset === null || preset === void 0 ? void 0 : preset.name) === sub.name;
+                const allowedWidgets = [
+                    "otherProducts",
+                    ...ALLOW_PRESETS_ON_WIDGETS,
+                ];
+                const allowAdvancedPresets = allowedWidgets.includes(sub.widget);
+                const showEditButton = isSelected && allowAdvancedPresets;
+                const showButtons = showEditButton || isSelected;
+                const classes = classNames(css.subButton, {
+                    [css.subButtonSelected]: isSelected,
+                });
+                const handleSubClick = () => {
+                    if (!isSelected) {
+                        updatePreset(item, sub);
+                    }
+                };
+                return (<div key={sub.name} className={css.sub}>
+                <Button variant="transparent" className={classes} onClick={handleSubClick}>
+                  {sub.name}
+                </Button>
+                {showButtons && (<div className={css.subActions}>
+                    {showEditButton && (<Tooltip content="Modifier">
+                        <Button variant="primary" className={css.action} onClick={() => setShowPresetDialog(true)} compact>
+                          <Icons.Edit />
+                        </Button>
+                      </Tooltip>)}
+                    {isSelected && (<Tooltip content="Supprimer">
+                        <Button variant="danger" className={css.action} onClick={removePreset} compact>
+                          <Icons.Trash />
+                        </Button>
+                      </Tooltip>)}
+                  </div>)}
+              </div>);
+            })}
+        </div>)}
+    </div>);
+}

package/es/common/components/msem-preset-editor/components/widget-list.d.ts

@@ -0,0 +1,16 @@
+import * as React from "react";
+import type { Offer } from "../services/offers";
+type Props = {
+    lang: "fr" | "en";
+    channel: string;
+    resort: number | string;
+    facet: string;
+    preset: Record<string, any> | null;
+    updatePreset: (item: Offer, subPreset?: Offer) => void;
+    removePreset: () => void;
+    error: string | null;
+    setError: React.Dispatch<React.SetStateAction<string | null>>;
+    setShowPresetDialog: React.Dispatch<React.SetStateAction<boolean>>;
+};
+export default function WidgetList({ lang, channel, resort, facet, preset, updatePreset, removePreset, setError, setShowPresetDialog, }: Props): React.JSX.Element;
+export {};

package/es/common/components/msem-preset-editor/components/widget-list.jsx

@@ -0,0 +1,46 @@
+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 Loader from "dt-design-system/es/loader";
+import WidgetListItem from "./widget-list-item";
+import * as Offers from "../services/offers";
+import css from "./widget-list.module.css";
+export default function WidgetList({ lang, channel, resort, facet, preset, updatePreset, removePreset, setError, setShowPresetDialog, }) {
+    const [offers, setOffers] = React.useState(null);
+    const [loading, setLoading] = React.useState(false);
+    React.useEffect(() => {
+        const runEffect = () => __awaiter(this, void 0, void 0, function* () {
+            setError(null);
+            setOffers(null);
+            setLoading(true);
+            try {
+                const offers = (yield Offers.get(lang, channel, resort, facet));
+                const filteredOffers = offers.filter(({ kind }) => {
+                    return kind !== "FFS" && kind !== "ASSU";
+                });
+                setOffers(filteredOffers);
+            }
+            catch (e) {
+                setError("Une erreur est survenue lors de la récupération des offres");
+            }
+            finally {
+                setLoading(false);
+            }
+        });
+        runEffect();
+    }, [channel, facet, lang, resort, setError]);
+    return (<div className={css.list}>
+      {loading && <Loader className={css.loader}/>}
+      {(offers === null || offers === void 0 ? void 0 : offers.length) === 0 && !loading && (<div className={css.empty}>Aucun widget disponible</div>)}
+      {offers === null || offers === void 0 ? void 0 : offers.map((offer, i) => {
+            return (<WidgetListItem key={i} item={offer} preset={preset} updatePreset={updatePreset} removePreset={removePreset} setShowPresetDialog={setShowPresetDialog}/>);
+        })}
+    </div>);
+}

package/es/common/components/msem-preset-editor/editor-dialog.d.ts

@@ -0,0 +1,29 @@
+import * as React from "react";
+type Props = {
+    lang: "fr" | "en";
+    options: {
+        channel: string;
+        resort: string;
+        cartUrl?: string;
+        analytics?: () => void;
+    };
+    urls?: {
+        override?: string;
+        skiPasses?: {
+            winter: string;
+            summer: string;
+        };
+        lodgings?: {
+            winter: string;
+            summer: string;
+        };
+    };
+    target: HTMLElement | null;
+    updatePreset: (preset: any) => any;
+    closeEditor: () => void;
+    removeObsoletePreset: () => void;
+    noLodgingPage?: boolean;
+    children?: React.ReactNode;
+};
+export default function EditorDialog({ lang, options, urls, target, updatePreset, closeEditor, removeObsoletePreset, noLodgingPage, children, }: Props): React.JSX.Element;
+export {};

package/es/common/components/msem-preset-editor/editor-dialog.jsx

@@ -0,0 +1,45 @@
+import * as React from "react";
+import Dialog from "dt-design-system/es/dialog";
+import Button from "dt-design-system/es/button";
+import * as Icons from "dt-design-system/es/icons";
+import MseMPresetEditor from "./msem-preset-editor";
+import css from "./editor-dialog.module.css";
+export default function EditorDialog({ lang, options, urls, target, updatePreset, closeEditor, removeObsoletePreset, noLodgingPage, children, }) {
+    const selectedPreset = target === null || target === void 0 ? void 0 : target.getAttribute("data-msem-preset");
+    const [preset, setPreset] = React.useState(selectedPreset ? JSON.parse(selectedPreset) : null);
+    const hasObsoletePreset = target === null || target === void 0 ? void 0 : target.hasAttribute("data-config");
+    React.useEffect(() => {
+        if (selectedPreset) {
+            setPreset(JSON.parse(selectedPreset));
+        }
+    }, [selectedPreset]);
+    const updateNewPreset = React.useCallback(() => {
+        var _a;
+        const anchorHasHref = (_a = target === null || target === void 0 ? void 0 : target.querySelector(":scope > a")) === null || _a === void 0 ? void 0 : _a.hasAttribute("href");
+        if (!anchorHasHref && (preset === null || preset === void 0 ? void 0 : preset.url) && !(preset === null || preset === void 0 ? void 0 : preset.openPage)) {
+            delete preset.url;
+        }
+        updatePreset(preset);
+    }, [preset, updatePreset, target]);
+    return (<Dialog className={css.dialog} isOpened={!!target} container={null} close={closeEditor} closeOnBackdropClick={false} showAsModal={false}>
+      <div className={css.title}>Choisissez un widget</div>
+      <div className={css.subtitle}>
+        Ce dernier s'ouvrira au clic sur la section selectionnée.
+      </div>
+      <MseMPresetEditor lang={lang} options={options} urls={urls} selectedPreset={selectedPreset} onChange={setPreset} noLodgingPage={noLodgingPage}>
+        {children}
+      </MseMPresetEditor>
+      <div className={css.buttons}>
+        {hasObsoletePreset && (<Button variant="danger" className={css.removeObsolete} onClick={removeObsoletePreset}>
+            <Icons.CleaningServices />
+            Nettoyer le preset obsolète
+          </Button>)}
+        <Button variant="secondary" onClick={closeEditor}>
+          Annuler
+        </Button>
+        <Button variant="primary" onClick={updateNewPreset}>
+          Valider
+        </Button>
+      </div>
+    </Dialog>);
+}

package/es/common/components/msem-preset-editor/editors/elloha.d.ts

@@ -0,0 +1,14 @@
+import * as React from "react";
+type Props = {
+    stay: {
+        from: string;
+        to: string;
+    };
+    preset: Record<string, any> | null;
+    setPreset: React.Dispatch<React.SetStateAction<Record<string, any> | null>>;
+    setShowPresetDialog: React.Dispatch<React.SetStateAction<boolean>>;
+    onChange?: (preset: Record<string, any> | null) => void;
+    testPreset: () => void;
+};
+export default function Elloha({ preset, setPreset, stay, setShowPresetDialog, onChange, testPreset, }: Props): React.JSX.Element;
+export {};

package/es/common/components/msem-preset-editor/editors/elloha.jsx

@@ -0,0 +1,95 @@
+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 Input from "dt-design-system/es/input";
+import MultipleSelect from "dt-design-system/es/multiple-select";
+import Form from "../components/form";
+import * as API from "../services/api";
+import css from "./elloha.module.css";
+const DEFAULT_DATA = {
+    groupNames: [],
+};
+export default function Elloha({ preset, setPreset, stay, setShowPresetDialog, onChange, testPreset, }) {
+    const savedPreset = React.useRef(preset);
+    const [loading, setLoading] = React.useState(false);
+    const [groupNames, setGroupNames] = React.useState([]);
+    const [selectedGroups, setSelectedGroups] = React.useState(getDefaultData(preset));
+    const { merchant } = (preset === null || preset === void 0 ? void 0 : preset.options) || {};
+    const stayIsUndefined = !(stay === null || stay === void 0 ? void 0 : stay.from) || !(stay === null || stay === void 0 ? void 0 : stay.to);
+    const cancelPreset = () => {
+        setPreset(savedPreset.current);
+        setShowPresetDialog(false);
+    };
+    const confirmPreset = () => {
+        setShowPresetDialog(false);
+    };
+    const manualSelectedGroupUpdate = (newValue) => {
+        const values = newValue.split(";");
+        setSelectedGroups(values);
+    };
+    React.useEffect(() => {
+        if (!stayIsUndefined) {
+            const runEffect = () => __awaiter(this, void 0, void 0, function* () {
+                try {
+                    setLoading(true);
+                    const { kinds } = yield API.getEllohaGroups(merchant, stay.from);
+                    const allGroups = kinds.map((k) => k.group).filter(Boolean);
+                    const groups = [...new Set(allGroups)];
+                    setGroupNames(groups);
+                }
+                catch (e) {
+                    // eslint-disable-next-line no-console
+                    console.error(e);
+                }
+                finally {
+                    setLoading(false);
+                }
+            });
+            runEffect();
+        }
+    }, [merchant, stayIsUndefined, stay.from]);
+    React.useEffect(() => {
+        setPreset((current = {}) => {
+            const newPreset = Object.assign(Object.assign({}, current), { presets: Object.assign(Object.assign({}, ((current === null || current === void 0 ? void 0 : current.presets) || {})), { groupNames: selectedGroups
+                        .map((g) => g.trim())
+                        .filter(Boolean) }) });
+            onChange === null || onChange === void 0 ? void 0 : onChange(newPreset);
+            return newPreset;
+        });
+    }, [onChange, selectedGroups, setPreset]);
+    return (<Form title="Presets activités Elloha" width={420} preset={preset} buttonsActions={{
+            testPreset,
+            cancelPreset,
+            confirmPreset: groupNames.length === 0 && selectedGroups.length === 0
+                ? undefined
+                : confirmPreset,
+        }}>
+      {!stayIsUndefined && (<MultipleSelect label="Groupes" options={groupNames} values={selectedGroups} onChange={setSelectedGroups} placeholder="Sélectionnez un ou plusieurs groupes" loading={loading} disabled={groupNames.length === 0} error={!loading &&
+                groupNames.length === 0 &&
+                "Aucun groupe disponible à ces dates"}/>)}
+      {stayIsUndefined && (<>
+          <div className={css.error}>
+            Vous devez renseigner des dates de séjour pour afficher
+            dynamiquement les groupes
+          </div>
+          <Input label="Groupe" placeholder="" value={selectedGroups.join(";")} onValueChange={manualSelectedGroupUpdate}/>
+          <div className={css.helper}>
+            Vous pouvez manuellement renseigner un ou plusieurs groupe(s) (les
+            sépararer par un ";")
+          </div>
+        </>)}
+    </Form>);
+}
+function getDefaultData(preset) {
+    if (!(preset === null || preset === void 0 ? void 0 : preset.presets))
+        return DEFAULT_DATA;
+    const { groupNames } = preset.presets;
+    return groupNames || DEFAULT_DATA.groupNames;
+}

package/es/common/components/msem-preset-editor/editors/index.d.ts

@@ -0,0 +1,15 @@
+import SkiPasses from "./ski-passes";
+import SkiPassesJb from "./ski-passes-jb";
+import Lodgings from "./lodgings";
+import Elloha from "./elloha";
+import Vakario from "./vakario";
+import StandardProducts from "./standard-products";
+declare const Editor: {
+    lodging: typeof Lodgings;
+    skiPass: typeof SkiPasses;
+    liftJb: typeof SkiPassesJb;
+    elloha: typeof Elloha;
+    vakario: typeof Vakario;
+    otherProducts: typeof StandardProducts;
+};
+export default Editor;

package/es/common/components/msem-preset-editor/editors/{index.js → index.jsx}

@@ -5,11 +5,11 @@ import Elloha from "./elloha";
 import Vakario from "./vakario";
 import StandardProducts from "./standard-products";
 const Editor = {
-  lodging: Lodgings,
-  skiPass: SkiPasses,
-  liftJb: SkiPassesJb,
-  elloha: Elloha,
-  vakario: Vakario,
-  otherProducts: StandardProducts
+    lodging: Lodgings,
+    skiPass: SkiPasses,
+    liftJb: SkiPassesJb,
+    elloha: Elloha,
+    vakario: Vakario,
+    otherProducts: StandardProducts,
 };
-export default Editor;
+export default Editor;

package/es/common/components/msem-preset-editor/editors/lodgings.d.ts

@@ -0,0 +1,16 @@
+import * as React from "react";
+type Props = {
+    stay: {
+        from: string;
+        to: string;
+    };
+    preset: Record<string, any> | null;
+    setPreset: React.Dispatch<React.SetStateAction<Record<string, any> | null>>;
+    setShowPresetDialog: React.Dispatch<React.SetStateAction<boolean>>;
+    testPreset: () => void;
+    onChange?: (preset: Record<string, any> | null) => void;
+    noLodgingPage?: boolean;
+    baseUrl: string;
+};
+export default function Lodgings({ preset, setPreset, setShowPresetDialog, testPreset, onChange, baseUrl, noLodgingPage, }: Props): React.JSX.Element;
+export {};

package/es/common/components/msem-preset-editor/editors/lodgings.jsx

@@ -0,0 +1,235 @@
+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 Checkbox from "dt-design-system/es/checkbox";
+import NumberPicker from "dt-design-system/es/number-picker";
+import Select from "dt-design-system/es/select";
+import MultipleSelect from "dt-design-system/es/multiple-select";
+import Form from "../components/form";
+import * as API from "../services/api";
+import css from "./lodgings.module.css";
+const DEFAULT_DATA = {
+    adults: 0,
+    children: 0,
+    lodging: "",
+    standings: [],
+    options: [],
+    districts: [],
+    nbRooms: [],
+    roomType: "",
+    type: "",
+    openPage: false,
+};
+export default function Lodgings({ preset, setPreset, setShowPresetDialog, testPreset, onChange, baseUrl, noLodgingPage, }) {
+    var _a, _b, _c, _d, _e;
+    const savedPreset = React.useRef(preset);
+    const [ready, setReady] = React.useState(false);
+    const [lodgings, setLogings] = React.useState([]);
+    const [filters, setFilters] = React.useState({
+        standings: [],
+        options: [],
+        districts: [],
+    });
+    const [rooms, setRooms] = React.useState([]);
+    const [loading, setLoading] = React.useState(false);
+    const [data, setData] = React.useState(getDefaultData(preset));
+    const kinds = [...new Set(lodgings.map(({ kind }) => kind))];
+    const { channel, resort, facet } = (preset === null || preset === void 0 ? void 0 : preset.options) || {};
+    const showLodgingPageCheckbox = !noLodgingPage && !!data.lodging;
+    const showFilters = !data.lodging;
+    const updateField = (field) => (value) => {
+        setData(Object.assign(Object.assign({}, data), { [field]: value }));
+    };
+    const updateRoomNb = (value) => {
+        setData(Object.assign(Object.assign({}, data), { nbRooms: value ? [value] : DEFAULT_DATA.nbRooms }));
+    };
+    const updateFilter = (kind) => (newValue) => {
+        setData((data) => (Object.assign(Object.assign({}, data), { [kind]: newValue.map((v) => v.value) })));
+    };
+    const formatedLodgings = lodgings.map((lodging) => ({
+        value: lodging.slug,
+        label: lodging.name,
+    }));
+    const formatedRooms = rooms.map((room) => ({
+        label: room.title,
+        value: room.type,
+    }));
+    // const selectedStandings = data.standings?.map((standing) =>
+    //   filters?.standings?.find((d) => d.value === standing)
+    // );
+    const selectedOptions = (_a = data.options) === null || _a === void 0 ? void 0 : _a.map((option) => { var _a; return (_a = filters === null || filters === void 0 ? void 0 : filters.options) === null || _a === void 0 ? void 0 : _a.find((d) => d.value === option); });
+    const selectedDistricts = (_b = data.districts) === null || _b === void 0 ? void 0 : _b.map((district) => { var _a; return (_a = filters === null || filters === void 0 ? void 0 : filters.districts) === null || _a === void 0 ? void 0 : _a.find((d) => d.value === district); });
+    const cancelPreset = () => {
+        setPreset(savedPreset.current);
+        setShowPresetDialog(false);
+    };
+    const confirmPreset = () => {
+        setShowPresetDialog(false);
+    };
+    React.useEffect(() => {
+        if (!ready) {
+            const init = () => __awaiter(this, void 0, void 0, function* () {
+                try {
+                    setLoading(true);
+                    const filters = yield API.getLodgingFilters(channel, resort, facet);
+                    const formatedFilters = Object.keys(filters).reduce((acc, key) => {
+                        if (key === "accomodations")
+                            return acc;
+                        const filter = filters[key];
+                        if (key === "districts") {
+                            const entries = filter.map((entry) => ({
+                                value: entry.id,
+                                label: entry.name,
+                            }));
+                            return Object.assign(Object.assign({}, acc), { [key]: entries });
+                        }
+                        else {
+                            const entries = filter.map((entry) => ({
+                                value: entry.code,
+                                label: entry.label,
+                            }));
+                            return Object.assign(Object.assign({}, acc), { [key]: entries });
+                        }
+                    }, {});
+                    setLogings(filters.accomodations);
+                    setFilters(formatedFilters);
+                    setReady(true);
+                }
+                catch (e) {
+                    // eslint-disable-next-line no-console
+                    console.error(e);
+                }
+                finally {
+                    setLoading(false);
+                }
+            });
+            init();
+        }
+    }, [channel, facet, ready, resort]);
+    React.useEffect(() => {
+        if (!data.lodging) {
+            setData((data) => (Object.assign(Object.assign({}, data), { openPage: false })));
+        }
+        else {
+            const getRoomTypes = () => __awaiter(this, void 0, void 0, function* () {
+                var _a;
+                try {
+                    setLoading(true);
+                    const id = (_a = lodgings.find((lodging) => lodging.slug === data.lodging)) === null || _a === void 0 ? void 0 : _a.id;
+                    if (id) {
+                        const { rooms } = yield API.getLodgingRooms(id, resort, facet);
+                        if (rooms) {
+                            setRooms(rooms);
+                        }
+                    }
+                }
+                catch (e) {
+                    // eslint-disable-next-line no-console
+                    console.error(e);
+                }
+                finally {
+                    setLoading(false);
+                }
+                setData((data) => {
+                    var _a;
+                    return (Object.assign(Object.assign({}, data), { openPage: (_a = data.openPage) !== null && _a !== void 0 ? _a : true, 
+                        // standings: DEFAULT_DATA.standings,
+                        options: DEFAULT_DATA.options, districts: DEFAULT_DATA.districts, type: DEFAULT_DATA.type }));
+                });
+            });
+            getRoomTypes();
+        }
+    }, [data.lodging, facet, lodgings, resort]);
+    React.useEffect(() => {
+        setPreset((current = {}) => {
+            var _a, _b;
+            const { lodging } = data;
+            const adults = parseInt(data.adults);
+            const children = parseInt(data.children);
+            const accomodation = lodging || undefined;
+            const openPage = lodging ? data.openPage : undefined;
+            const agesChildren = [...new Array(children)].map(() => 12);
+            const paxPlan = adults ? { adults, children, agesChildren } : undefined;
+            // const standings = data.standings?.length ? data.standings : undefined;
+            const options = ((_a = data.options) === null || _a === void 0 ? void 0 : _a.length) ? data.options : undefined;
+            const districts = ((_b = data.districts) === null || _b === void 0 ? void 0 : _b.length) ? data.districts : undefined;
+            const type = data.type || undefined;
+            const roomType = data.roomType || undefined;
+            const nbRooms = data.nbRooms[0] > 0 ? data.nbRooms : undefined;
+            const previewDetails = { paxPlan, roomType };
+            const presets = {
+                accomodation,
+                // standings,
+                options,
+                districts,
+                nbRooms,
+                type,
+            };
+            const newPreset = Object.assign(Object.assign({}, current), { options: Object.assign(Object.assign({}, ((current === null || current === void 0 ? void 0 : current.options) || {})), { previewDetails }), presets: Object.assign(Object.assign({}, ((current === null || current === void 0 ? void 0 : current.presets) || {})), presets), openPage, url: baseUrl || undefined });
+            onChange === null || onChange === void 0 ? void 0 : onChange(newPreset);
+            return newPreset;
+        });
+    }, [data, onChange, baseUrl, setPreset]);
+    return (<Form title="Presets hébergements" width={580} preset={preset} buttonsActions={{
+            testPreset,
+            cancelPreset,
+            confirmPreset,
+        }}>
+      <div className={css.label}>Nombre de personnes</div>
+      <div className={css.row}>
+        <NumberPicker className={css.peopleInput} label="Adultes" min={0} max={20} value={data.adults} onChange={updateField("adults")} withInput/>
+        <NumberPicker className={css.peopleInput} label="Enfants" min={0} max={9} value={data.children} onChange={updateField("children")} withInput/>
+      </div>
+      <div className={css.label}>Hébergement</div>
+      <Select placeholder="Sélectionnez un hébergement" options={formatedLodgings} value={data.lodging} onValueChange={updateField("lodging")} loading={loading}/>
+      {showLodgingPageCheckbox && (<Checkbox label="Ouvrir la page du site" checked={data.openPage} disabled={!showLodgingPageCheckbox} onCheckedChange={updateField("openPage")}/>)}
+      {!showFilters && (<>
+          <div className={css.label}>Chambres</div>
+          {((formatedRooms === null || formatedRooms === void 0 ? void 0 : formatedRooms.length) > 0 || loading) && (<Select label="Type de bien" placeholder="Sélectionnez un type de bien" value={data.roomType} options={formatedRooms} loading={loading} onValueChange={updateField("roomType")}/>)}
+          <NumberPicker label="Nombre de chambres" min={0} max={20} value={((_c = data.nbRooms) === null || _c === void 0 ? void 0 : _c[0]) || 0} onChange={updateRoomNb} withInput/>
+        </>)}
+      {showFilters && (<>
+          <div className={css.label}>Filtres</div>
+          {kinds.length > 1 && (<Select label="Type" placeholder="Sélectionnez un type" options={kinds} value={data.type} onValueChange={updateField("type")} loading={loading}/>)}
+          {/* {filters?.standings && filters?.standings?.length > 1 && (
+              <MultipleSelect
+                placeholder="Selectionnez une ou plusieurs options"
+                label="Standing"
+                options={filters.standings}
+                values={selectedStandings}
+                onChange={updateFilter("standings")}
+                loading={loading}
+              />
+            )} */}
+          {(filters === null || filters === void 0 ? void 0 : filters.options) && ((_d = filters === null || filters === void 0 ? void 0 : filters.options) === null || _d === void 0 ? void 0 : _d.length) > 1 && (<MultipleSelect placeholder="Selectionnez une ou plusieurs options" label="Options" options={filters.options} values={selectedOptions} onChange={updateFilter("options")} loading={loading}/>)}
+          {(filters === null || filters === void 0 ? void 0 : filters.districts) && ((_e = filters === null || filters === void 0 ? void 0 : filters.districts) === null || _e === void 0 ? void 0 : _e.length) > 1 && (<MultipleSelect placeholder="Selectionnez une ou plusieurs options" label="Quartiers" options={filters.districts} values={selectedDistricts} onChange={updateFilter("districts")} loading={loading}/>)}
+        </>)}
+    </Form>);
+}
+function getDefaultData(preset) {
+    var _a;
+    if (!(preset === null || preset === void 0 ? void 0 : preset.presets) && !(preset === null || preset === void 0 ? void 0 : preset.options))
+        return DEFAULT_DATA;
+    const { accomodation, nbRooms, /* standings, */ options, districts, type } = (preset === null || preset === void 0 ? void 0 : preset.presets) || {};
+    const { openPage } = preset;
+    const { paxPlan, roomType } = ((_a = preset === null || preset === void 0 ? void 0 : preset.options) === null || _a === void 0 ? void 0 : _a.previewDetails) || {};
+    return {
+        adults: (paxPlan === null || paxPlan === void 0 ? void 0 : paxPlan.adults) || DEFAULT_DATA.adults,
+        children: (paxPlan === null || paxPlan === void 0 ? void 0 : paxPlan.children) || DEFAULT_DATA.children,
+        lodging: accomodation || DEFAULT_DATA.lodging,
+        nbRooms: nbRooms || DEFAULT_DATA.nbRooms,
+        roomType: roomType || DEFAULT_DATA.roomType,
+        // standings: standings || DEFAULT_DATA.standings,
+        options: options || DEFAULT_DATA.options,
+        districts: districts || DEFAULT_DATA.districts,
+        type: type || DEFAULT_DATA.type,
+        openPage: openPage !== null && openPage !== void 0 ? openPage : DEFAULT_DATA.openPage,
+    };
+}

package/es/common/components/msem-preset-editor/editors/ski-passes-jb.d.ts

@@ -0,0 +1,15 @@
+import * as React from "react";
+type Props = {
+    stay: {
+        from: string;
+        to: string;
+    };
+    preset: Record<string, any> | null;
+    setPreset: React.Dispatch<React.SetStateAction<Record<string, any> | null>>;
+    setShowPresetDialog: React.Dispatch<React.SetStateAction<boolean>>;
+    onChange?: (preset: Record<string, any> | null) => void;
+    testPreset: () => void;
+    baseUrl: string;
+};
+export default function SkiPasses({ preset, setPreset, stay, setShowPresetDialog, onChange, testPreset, baseUrl, }: Props): React.JSX.Element;
+export {};