ublo-lib 1.31.44 → 1.32.1

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

@@ -1,235 +0,0 @@
-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.jsx

@@ -1,89 +0,0 @@
-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 Select from "dt-design-system/es/select";
-import Input from "dt-design-system/es/input";
-import NumberPicker from "dt-design-system/es/number-picker";
-import Form from "../components/form";
-import * as API from "../services/api";
-const DEFAULT_DATA = {
-    catalog: "",
-    firstSkiDate: "",
-    nbParticipants: 1,
-};
-export default function SkiPasses({ preset, setPreset, stay, setShowPresetDialog, onChange, testPreset, baseUrl, }) {
-    var _a;
-    const savedPreset = React.useRef(preset);
-    const [catalogs, setCatalogs] = React.useState(null);
-    const [catalog, setCatalog] = React.useState(((_a = preset === null || preset === void 0 ? void 0 : preset.options) === null || _a === void 0 ? void 0 : _a.catalog) || "");
-    const [data, setData] = React.useState(getDefaultData(preset));
-    const firstSkiDateDefaultMonth = (stay === null || stay === void 0 ? void 0 : stay.from)
-        ? new Date(stay.from).getMonth() + 1
-        : undefined;
-    const { merchant } = preset === null || preset === void 0 ? void 0 : preset.options;
-    const isReady = catalogs !== null;
-    const hasCatalog = isReady && (catalogs === null || catalogs === void 0 ? void 0 : catalogs.length) > 0 && catalog !== "";
-    const cancelPreset = () => {
-        setPreset(savedPreset.current);
-        setShowPresetDialog(false);
-    };
-    const confirmPreset = () => {
-        setShowPresetDialog(false);
-    };
-    const updateField = (field) => (value) => {
-        setData((data) => (Object.assign(Object.assign({}, data), { [field]: value })));
-    };
-    const updateFirstSkiDate = (value) => {
-        updateField("firstSkiDate")(value);
-    };
-    React.useEffect(() => {
-        if (!isReady) {
-            const runEffect = () => __awaiter(this, void 0, void 0, function* () {
-                try {
-                    const catalogs = yield API.getSkiPassesCatalogs(merchant);
-                    setCatalogs(catalogs);
-                }
-                catch (e) {
-                    setCatalogs([]);
-                }
-            });
-            runEffect();
-        }
-    }, [isReady, merchant]);
-    React.useEffect(() => {
-        setPreset((current = {}) => {
-            const newPreset = Object.assign(Object.assign({}, current), { options: Object.assign(Object.assign({}, ((current === null || current === void 0 ? void 0 : current.options) || {})), { catalog }), presets: Object.assign(Object.assign({}, ((current === null || current === void 0 ? void 0 : current.presets) || {})), data), url: baseUrl || undefined });
-            onChange === null || onChange === void 0 ? void 0 : onChange(newPreset);
-            return newPreset;
-        });
-    }, [catalog, data, baseUrl, setPreset, onChange]);
-    return (<Form title="Presets forfaits JB" width={420} preset={preset} buttonsActions={{
-            testPreset,
-            cancelPreset,
-            confirmPreset: hasCatalog ? confirmPreset : undefined,
-        }}>
-      <Select label="Catalogue" value={catalog} options={catalogs ? ["", ...catalogs] : []} onValueChange={setCatalog} loading={!isReady}/>
-      {hasCatalog && (<>
-          <Input type="date" label="1er jour" value={data.firstSkiDate} onValueChange={updateFirstSkiDate} defaultMonth={firstSkiDateDefaultMonth} min={(stay === null || stay === void 0 ? void 0 : stay.from) || undefined} max={(stay === null || stay === void 0 ? void 0 : stay.to) || undefined}/>
-          <NumberPicker label="Nb de participants" value={data.nbParticipants} onChange={updateField("nbParticipants")} min={0} withInput compact/>
-        </>)}
-    </Form>);
-}
-function getDefaultData(preset) {
-    if (!(preset === null || preset === void 0 ? void 0 : preset.presets))
-        return DEFAULT_DATA;
-    const { catalog } = preset.options || {};
-    const { firstSkiDate, nbParticipants } = preset.presets;
-    return {
-        catalog: catalog || DEFAULT_DATA.catalog,
-        firstSkiDate: firstSkiDate || DEFAULT_DATA.firstSkiDate,
-        nbParticipants: nbParticipants || DEFAULT_DATA.nbParticipants,
-    };
-}

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

@@ -1,215 +0,0 @@
-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 Select from "dt-design-system/es/select";
-import MutlipleSelect from "dt-design-system/es/multiple-select";
-import Loader from "dt-design-system/es/loader";
-import Input from "dt-design-system/es/input";
-import NumberPicker from "dt-design-system/es/number-picker";
-import Form from "../components/form";
-import * as API from "../services/api";
-import css from "./ski-passes.module.css";
-const ALLOWED_FILTERS = ["domains", "durations", "skiers"];
-const DEFAULT_DATA = {
-    firstSkiDate: "",
-    skiers: [],
-    activities: [],
-    domains: [],
-    durations: [],
-};
-const ACTIVITIES_LABELS = {
-    piscine: "Piscine",
-    patinoire: "Patinoire",
-    vtt: "Télésiège VTT",
-    ski: "Ski",
-    "acces-pieton": "Télésiège piéton",
-    "bouee-neige": "Bouée sur neige",
-    "ski-activite": "Ski + Activités",
-    luge: "Luge sur rails",
-};
-export default function SkiPasses({ preset, setPreset, stay, setShowPresetDialog, onChange, testPreset, baseUrl, }) {
-    var _a, _b, _c, _d, _e, _f;
-    const savedPreset = React.useRef(preset);
-    const [loading, setLoading] = React.useState(false);
-    const [catalogs, setCatalogs] = React.useState(null);
-    const [catalog, setCatalog] = React.useState(((_a = preset === null || preset === void 0 ? void 0 : preset.options) === null || _a === void 0 ? void 0 : _a.catalog) || "");
-    const [filters, setFilters] = React.useState(null);
-    const [data, setData] = React.useState(getDefaultData(preset));
-    const firstSkiDateDefaultMonth = (stay === null || stay === void 0 ? void 0 : stay.from)
-        ? new Date(stay.from).getMonth() + 1
-        : undefined;
-    const { merchant } = preset === null || preset === void 0 ? void 0 : preset.options;
-    const isReady = catalogs !== null;
-    const hasCatalog = !loading && isReady && (catalogs === null || catalogs === void 0 ? void 0 : catalogs.length) > 0 && catalog !== "";
-    const activities = ((filters === null || filters === void 0 ? void 0 : filters.domains)
-        ? [
-            ...new Set((_b = filters === null || filters === void 0 ? void 0 : filters.domains) === null || _b === void 0 ? void 0 : _b.reduce((acc, domain) => {
-                const { tags } = domain;
-                if (!(tags === null || tags === void 0 ? void 0 : tags.length))
-                    return acc;
-                const formatedTags = tags
-                    .filter((tag) => {
-                    return (Object.keys(ACTIVITIES_LABELS).includes(tag) &&
-                        !acc.some((item) => item.value === tag));
-                })
-                    .map((tag) => {
-                    return { value: tag, label: ACTIVITIES_LABELS[tag] || tag };
-                });
-                return [...acc, ...formatedTags];
-            }, [])),
-        ]
-        : []);
-    const selectedActivities = data.activities.map((activity) => {
-        return activities.find((a) => a.value === activity);
-    });
-    const selectedActivitiesCodes = activities.reduce((acc, activity) => {
-        var _a;
-        const { value } = activity;
-        return ((_a = data.activities) === null || _a === void 0 ? void 0 : _a.includes(value))
-            ? [...new Set([...acc, value])]
-            : acc;
-    }, []);
-    const filteredDomains = (selectedActivitiesCodes === null || selectedActivitiesCodes === void 0 ? void 0 : selectedActivitiesCodes.length) > 0 && filters
-        ? (_c = filters.domains) === null || _c === void 0 ? void 0 : _c.filter((domain) => {
-            var _a;
-            return (_a = domain.tags) === null || _a === void 0 ? void 0 : _a.some((tag) => {
-                return selectedActivitiesCodes.includes(tag);
-            });
-        })
-        : filters === null || filters === void 0 ? void 0 : filters.domains;
-    const selectedDomainsIds = (filters === null || filters === void 0 ? void 0 : filters.domains) &&
-        (filters === null || filters === void 0 ? void 0 : filters.domains.reduce((acc, domain) => {
-            const { code, catalogIds } = domain;
-            return data.domains.includes(code)
-                ? [...new Set([...acc, ...catalogIds])]
-                : acc;
-        }, []));
-    const filteredDurations = (selectedActivitiesCodes === null || selectedActivitiesCodes === void 0 ? void 0 : selectedActivitiesCodes.length) > 0 && filters
-        ? (_d = filters.durations) === null || _d === void 0 ? void 0 : _d.filter((duration) => {
-            var _a;
-            return (_a = duration.tags) === null || _a === void 0 ? void 0 : _a.some((tag) => {
-                return (selectedActivitiesCodes.includes(tag) ||
-                    duration.catalogIds.some((id) => selectedDomainsIds && selectedDomainsIds.includes(id)));
-            });
-        })
-        : filters === null || filters === void 0 ? void 0 : filters.durations;
-    const selectedDomains = data.domains.map((domain) => { var _a; return (_a = filters === null || filters === void 0 ? void 0 : filters.domains) === null || _a === void 0 ? void 0 : _a.find((d) => d.value === domain); });
-    const selectedDurations = data.durations.map((domain) => { var _a; return (_a = filters === null || filters === void 0 ? void 0 : filters.durations) === null || _a === void 0 ? void 0 : _a.find((d) => d.value === domain); });
-    const cancelPreset = () => {
-        setPreset(savedPreset.current);
-        setShowPresetDialog(false);
-    };
-    const confirmPreset = () => {
-        setShowPresetDialog(false);
-    };
-    const updateField = (field) => (value) => {
-        const isArray = Array.isArray(value);
-        if (isArray) {
-            setData((data) => (Object.assign(Object.assign({}, data), { [field]: value.map((v) => v.value) })));
-        }
-        else {
-            setData((data) => (Object.assign(Object.assign({}, data), { [field]: value })));
-        }
-    };
-    const updateFirstSkiDate = (value) => {
-        updateField("firstSkiDate")(value);
-    };
-    const updateDomains = (value) => {
-        if (value.length > 0) {
-            updateField("durations")([]);
-        }
-        updateField("domains")(value);
-    };
-    const updateSkiers = (code) => (value) => {
-        const filteredSkiers = data.skiers.filter((skier) => skier !== code);
-        const newSkiers = !value ? [] : new Array(parseInt(value)).fill(code);
-        setData(Object.assign(Object.assign({}, data), { skiers: [...filteredSkiers, ...newSkiers] }));
-    };
-    React.useEffect(() => {
-        if (!isReady) {
-            const runEffect = () => __awaiter(this, void 0, void 0, function* () {
-                try {
-                    const catalogs = yield API.getSkiPassesCatalogs(merchant);
-                    setCatalogs(catalogs);
-                }
-                catch (e) {
-                    setCatalogs([]);
-                }
-            });
-            runEffect();
-        }
-    }, [isReady, merchant]);
-    React.useEffect(() => {
-        if (catalog) {
-            const initFilters = () => __awaiter(this, void 0, void 0, function* () {
-                setLoading(true);
-                const filters = yield API.getSkiPassesFilters(merchant, catalog);
-                const filteredFilters = Object.keys(filters).reduce((acc, key) => {
-                    const filter = filters[key];
-                    return ALLOWED_FILTERS.includes(key)
-                        ? Object.assign(Object.assign({}, acc), { [key]: filter.map((f) => (Object.assign(Object.assign({}, f), { value: f.code }))) }) : acc;
-                }, {});
-                setLoading(false);
-                setFilters(filteredFilters);
-            });
-            initFilters();
-        }
-        else {
-            setFilters(null);
-        }
-    }, [catalog, merchant]);
-    React.useEffect(() => {
-        setPreset((current = {}) => {
-            const newPreset = Object.assign(Object.assign({}, current), { options: Object.assign(Object.assign({}, ((current === null || current === void 0 ? void 0 : current.options) || {})), { catalog }), presets: Object.assign(Object.assign({}, ((current === null || current === void 0 ? void 0 : current.presets) || {})), data), url: baseUrl || undefined });
-            onChange === null || onChange === void 0 ? void 0 : onChange(newPreset);
-            return newPreset;
-        });
-    }, [catalog, data, baseUrl, setPreset, onChange]);
-    return (<Form title="Presets forfaits" width={420} preset={preset} buttonsActions={{
-            testPreset,
-            cancelPreset,
-            confirmPreset: hasCatalog ? confirmPreset : undefined,
-        }}>
-      <Select label="Catalogue" value={catalog} options={catalogs ? ["", ...catalogs] : []} onValueChange={setCatalog} loading={!isReady}/>
-      {loading && <Loader className={css.loader}/>}
-      {hasCatalog && (<>
-          <Input type="date" label="1er jour" value={data.firstSkiDate} onValueChange={updateFirstSkiDate} defaultMonth={firstSkiDateDefaultMonth} min={(stay === null || stay === void 0 ? void 0 : stay.from) || undefined} max={(stay === null || stay === void 0 ? void 0 : stay.to) || undefined}/>
-          {(filters === null || filters === void 0 ? void 0 : filters.skiers) && ((_e = filters === null || filters === void 0 ? void 0 : filters.skiers) === null || _e === void 0 ? void 0 : _e.length) > 1 && (<div className={css.skiers}>
-              <div className={css.label}>Skieurs</div>
-              {filters.skiers.map((skier) => {
-                    var _a, _b;
-                    const { code, label, ageMin, ageMax } = skier;
-                    const title = `${label} (de ${ageMin} à ${ageMax} ans)`;
-                    const value = ((_b = (_a = data.skiers) === null || _a === void 0 ? void 0 : _a.filter((skier) => skier === code)) === null || _b === void 0 ? void 0 : _b.length) || 0;
-                    return (<NumberPicker key={code} label={title} min={0} max={20} value={value} disabled={false} onChange={updateSkiers(code)} withInput/>);
-                })}
-            </div>)}
-          <div className={css.label}>Filtres</div>
-          {((activities === null || activities === void 0 ? void 0 : activities.length) > 0 || loading) && (<MutlipleSelect label="Activités" placeholder="Selectionnez une ou plusieurs options" options={activities} values={selectedActivities} onChange={updateField("activities")} loading={loading}/>)}
-          <div className={css.row}>
-            {((filteredDomains && filteredDomains.length > 0) || loading) && (<MutlipleSelect label="Domaines" placeholder="Selectionnez une ou plusieurs options" options={filteredDomains || []} values={selectedDomains} onChange={updateDomains} loading={loading}/>)}
-            {((filteredDurations && (filteredDurations === null || filteredDurations === void 0 ? void 0 : filteredDurations.length) > 0) ||
-                loading) && (<MutlipleSelect label="Durées" placeholder="Selectionnez une ou plusieurs options" options={filteredDurations || []} values={selectedDurations} onChange={updateField("durations")} disabled={((_f = data.domains) === null || _f === void 0 ? void 0 : _f.length) === 0} loading={loading}/>)}
-          </div>
-        </>)}
-    </Form>);
-}
-function getDefaultData(preset) {
-    if (!(preset === null || preset === void 0 ? void 0 : preset.presets))
-        return DEFAULT_DATA;
-    const { skiers, firstSkiDate, activities, domains, durations } = preset.presets;
-    return {
-        skiers: skiers || DEFAULT_DATA.skiers,
-        firstSkiDate: firstSkiDate || DEFAULT_DATA.firstSkiDate,
-        activities: activities || DEFAULT_DATA.activities,
-        domains: domains || DEFAULT_DATA.domains,
-        durations: durations || DEFAULT_DATA.durations,
-    };
-}