ublo-lib 1.31.42 → 1.31.44

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

@@ -0,0 +1,89 @@
+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.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 {};

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

@@ -0,0 +1,215 @@
+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,
+    };
+}

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

@@ -0,0 +1,15 @@
+import * as React from "react";
+type Props = {
+    stay: {
+        from: string;
+        to: string;
+    };
+    facet: 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 StandardProducts({ preset, setPreset, facet, setShowPresetDialog, onChange, testPreset, }: Props): React.JSX.Element;
+export {};

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

@@ -0,0 +1,70 @@
+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 Form from "../components/form";
+import * as API from "../services/api";
+const DEFAULT_DATA = {
+    productCategory: "",
+};
+export default function StandardProducts({ preset, setPreset, facet, setShowPresetDialog, onChange, testPreset, }) {
+    const savedPreset = React.useRef(preset);
+    const [loading, setLoading] = React.useState(false);
+    const [productCategories, setProductCategories] = React.useState([]);
+    const [selectedProductCategory, setSelectedProductCategory] = React.useState(getDefaultData(preset));
+    const formatedCategories = productCategories.map(({ name, slug }) => {
+        return { label: name, value: slug };
+    });
+    const { merchant } = (preset === null || preset === void 0 ? void 0 : preset.options) || {};
+    const cancelPreset = () => {
+        setPreset(savedPreset.current);
+        setShowPresetDialog(false);
+    };
+    const confirmPreset = () => {
+        setShowPresetDialog(false);
+    };
+    React.useEffect(() => {
+        const runEffect = () => __awaiter(this, void 0, void 0, function* () {
+            try {
+                setLoading(true);
+                const { categories } = yield API.getOtherProductsCategories(facet, merchant);
+                setProductCategories(categories);
+            }
+            catch (e) {
+                // eslint-disable-next-line no-console
+                console.error(e);
+            }
+            finally {
+                setLoading(false);
+            }
+        });
+        runEffect();
+    }, [facet, merchant]);
+    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) || {})), { productCategory: selectedProductCategory }) });
+            onChange === null || onChange === void 0 ? void 0 : onChange(newPreset);
+            return newPreset;
+        });
+    }, [onChange, selectedProductCategory, setPreset]);
+    return (<Form title="Presets activités autres produits" width={420} preset={preset} buttonsActions={{
+            testPreset,
+            cancelPreset,
+            confirmPreset: selectedProductCategory ? confirmPreset : undefined,
+        }}>
+      <Select label="Catégorie de produit" placeholder="Sélectionnez une catégorie" options={formatedCategories} value={selectedProductCategory} onValueChange={setSelectedProductCategory} disabled={loading}/>
+    </Form>);
+}
+function getDefaultData(preset) {
+    if (!(preset === null || preset === void 0 ? void 0 : preset.presets))
+        return DEFAULT_DATA;
+    const { productCategory } = preset.presets;
+    return productCategory || DEFAULT_DATA.productCategory;
+}

package/es/common/components/msem-preset-editor/editors/vakario.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 Vakario({ preset, setPreset, setShowPresetDialog, onChange, testPreset, }: Props): React.JSX.Element;
+export {};

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

@@ -0,0 +1,177 @@
+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 Form from "../components/form";
+import Select from "dt-design-system/es/select";
+import * as API from "../services/api";
+const DEFAULT_DATA = {
+    kindCodes: "",
+    ageCodes: "",
+    categoryCodes: "",
+    levelCodes: "",
+};
+export default function Vakario({ preset, setPreset, setShowPresetDialog, onChange, testPreset, }) {
+    const savedPreset = React.useRef(preset);
+    const [loading, setLoading] = React.useState(false);
+    const [kindCodes, setKindCodes] = React.useState([]);
+    const [ageCodes, setAgeCodes] = React.useState([]);
+    const [categoryCodes, setCategoryCodes] = React.useState([]);
+    const [levelCodes, setLevelCodes] = React.useState([]);
+    const [data, setData] = React.useState(getDefaultData(preset));
+    const { channel, merchant } = preset === null || preset === void 0 ? void 0 : preset.options;
+    const cancelPreset = () => {
+        setPreset(savedPreset.current);
+        setShowPresetDialog(false);
+    };
+    const confirmPreset = () => {
+        setShowPresetDialog(false);
+    };
+    const updateField = (field) => (value) => {
+        setData((data) => {
+            let newData = Object.assign(Object.assign({}, data), { [field]: value });
+            if (field === "kindCodes" && value === "") {
+                newData = Object.assign(Object.assign({}, newData), { ageCodes: "", categoryCodes: "", levelCodes: "" });
+            }
+            if (field === "ageCodes" && value === "") {
+                newData = Object.assign(Object.assign({}, newData), { categoryCodes: "", levelCodes: "" });
+            }
+            if (field === "categoryCodes" && value === "") {
+                newData = Object.assign(Object.assign({}, newData), { levelCodes: "" });
+            }
+            return newData;
+        });
+    };
+    React.useEffect(() => {
+        const runEffect = () => __awaiter(this, void 0, void 0, function* () {
+            try {
+                setLoading(true);
+                const kinds = yield API.getVakarioKinds(channel, merchant);
+                const formatedKinds = kinds.map(({ code, name }) => ({
+                    label: name,
+                    value: code,
+                }));
+                setKindCodes(formatedKinds);
+                setData((data) => (Object.assign(Object.assign({}, data), { ageCodes: "", categoryCodes: "", levelCodes: "" })));
+            }
+            catch (e) {
+                // eslint-disable-next-line no-console
+                console.error(e);
+            }
+            finally {
+                setLoading(false);
+            }
+        });
+        runEffect();
+    }, [channel, merchant]);
+    React.useEffect(() => {
+        if (data.kindCodes) {
+            const runEffect = () => __awaiter(this, void 0, void 0, function* () {
+                try {
+                    setLoading(true);
+                    const ages = yield API.getVakarioAges(channel, merchant, data.kindCodes);
+                    const formatedAges = ages.map(({ code, name }) => ({
+                        label: name,
+                        value: code,
+                    }));
+                    setAgeCodes(formatedAges);
+                    setData((data) => (Object.assign(Object.assign({}, data), { categoryCodes: "", levelCodes: "" })));
+                }
+                catch (e) {
+                    // eslint-disable-next-line no-console
+                    console.error(e);
+                }
+                finally {
+                    setLoading(false);
+                }
+            });
+            runEffect();
+        }
+    }, [merchant, data.kindCodes, channel]);
+    React.useEffect(() => {
+        if (data.kindCodes && data.ageCodes) {
+            const runEffect = () => __awaiter(this, void 0, void 0, function* () {
+                try {
+                    setLoading(true);
+                    const categories = yield API.getVakarioCategories(channel, merchant, data.kindCodes, data.ageCodes);
+                    const formatedCategories = categories.map(({ code, name }) => ({
+                        label: name,
+                        value: code,
+                    }));
+                    setCategoryCodes(formatedCategories);
+                    setData((data) => (Object.assign(Object.assign({}, data), { levelCodes: "" })));
+                }
+                catch (e) {
+                    // eslint-disable-next-line no-console
+                    console.error(e);
+                }
+                finally {
+                    setLoading(false);
+                }
+            });
+            runEffect();
+        }
+    }, [merchant, data.kindCodes, data.ageCodes, channel]);
+    React.useEffect(() => {
+        if (data.kindCodes && data.ageCodes && data.categoryCodes) {
+            const runEffect = () => __awaiter(this, void 0, void 0, function* () {
+                try {
+                    setLoading(true);
+                    const levels = yield API.getVakarioLevels(channel, merchant, data.kindCodes, data.ageCodes, data.categoryCodes);
+                    const formatedLevels = levels.map(({ code, name }) => ({
+                        label: name,
+                        value: code,
+                    }));
+                    setLevelCodes(formatedLevels);
+                }
+                catch (e) {
+                    // eslint-disable-next-line no-console
+                    console.error(e);
+                }
+                finally {
+                    setLoading(false);
+                }
+            });
+            runEffect();
+        }
+    }, [merchant, data.kindCodes, data.ageCodes, data.categoryCodes, channel]);
+    React.useEffect(() => {
+        setPreset((current = {}) => {
+            const { kindCodes, ageCodes, categoryCodes, levelCodes } = data;
+            const newPreset = Object.assign(Object.assign({}, current), { presets: Object.assign(Object.assign({}, ((current === null || current === void 0 ? void 0 : current.presets) || {})), { kindCodes: kindCodes ? [kindCodes] : undefined, ageCodes: ageCodes ? [ageCodes] : undefined, categoryCodes: categoryCodes ? [categoryCodes] : undefined, levelCodes: levelCodes ? [levelCodes] : undefined }) });
+            onChange === null || onChange === void 0 ? void 0 : onChange(newPreset);
+            return newPreset;
+        });
+    }, [data, onChange, setPreset]);
+    return (<Form title="Presets activités Vakario" width={420} preset={preset} buttonsActions={{
+            testPreset,
+            cancelPreset,
+            confirmPreset,
+        }}>
+      <Select label="Activité" placeholder="Sélectionnez une activités" options={kindCodes} value={data.kindCodes} onValueChange={updateField("kindCodes")} loading={loading && !data.kindCodes}/>
+      <Select label="Âge" placeholder="Sélectionnez un âge" options={ageCodes} value={data.ageCodes} onValueChange={updateField("ageCodes")} loading={loading && data.kindCodes && !data.ageCodes} disabled={!data.kindCodes}/>
+      <Select label="Catégorie" placeholder="Sélectionnez une catégorie" options={categoryCodes} value={data.categoryCodes} onValueChange={updateField("categoryCodes")} loading={loading && data.kindCodes && data.ageCodes && !data.categoryCodes} disabled={!data.kindCodes || !data.ageCodes}/>
+      <Select label="Niveau" placeholder="Sélectionnez un niveau" options={levelCodes} value={data.levelCodes} onValueChange={updateField("levelCodes")} loading={loading &&
+            data.kindCodes &&
+            data.ageCodes &&
+            data.categoryCodes &&
+            !data.levelCodes} disabled={!data.kindCodes || !data.ageCodes || !data.categoryCodes}/>
+    </Form>);
+}
+function getDefaultData(preset) {
+    if (!(preset === null || preset === void 0 ? void 0 : preset.presets) && !(preset === null || preset === void 0 ? void 0 : preset.options))
+        return DEFAULT_DATA;
+    const { kindCodes, ageCodes, categoryCodes, levelCodes } = (preset === null || preset === void 0 ? void 0 : preset.presets) || {};
+    return {
+        kindCodes: kindCodes || DEFAULT_DATA.kindCodes,
+        ageCodes: ageCodes || DEFAULT_DATA.ageCodes,
+        categoryCodes: categoryCodes || DEFAULT_DATA.categoryCodes,
+        levelCodes: levelCodes || DEFAULT_DATA.levelCodes,
+    };
+}

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

@@ -0,0 +1,2 @@
+export default MseMPresetEditor;
+import MseMPresetEditor from "./msem-preset-editor";

package/es/common/components/msem-preset-editor/index.js

@@ -1,2 +1,2 @@
 import MseMPresetEditor from "./msem-preset-editor";
-export default MseMPresetEditor;
+export default MseMPresetEditor;

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

@@ -0,0 +1,27 @@
+import * as React from "react";
+type Props = {
+    lang: "fr" | "en";
+    options: {
+        channel: string;
+        resort?: string | number;
+        cartUrl?: string;
+        analytics?: () => void;
+    };
+    urls?: {
+        override?: string;
+        skiPasses?: {
+            winter: string;
+            summer: string;
+        };
+        lodgings?: {
+            winter: string;
+            summer: string;
+        };
+    };
+    selectedPreset?: string | null;
+    onChange?: (preset: Record<string, any> | null) => void;
+    noLodgingPage?: boolean;
+    children?: React.ReactNode;
+};
+export default function MseMPresetEditor({ lang, options, urls, selectedPreset, onChange, noLodgingPage, children, }: Props): React.JSX.Element;
+export {};