ublo-lib 1.31.43 → 1.32.0

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

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import * as React from "react";
 import Select from "dt-design-system/es/select";
 import MutlipleSelect from "dt-design-system/es/multiple-select";
@@ -7,279 +8,191 @@ 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";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
 const ALLOWED_FILTERS = ["domains", "durations", "skiers"];
 const DEFAULT_DATA = {
-  firstSkiDate: "",
-  skiers: [],
-  activities: [],
-  domains: [],
-  durations: []
+    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"
+    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
-}) {
-  const savedPreset = React.useRef(preset);
-  const [loading, setLoading] = React.useState(false);
-  const [catalogs, setCatalogs] = React.useState(null);
-  const [catalog, setCatalog] = React.useState(preset?.options?.catalog || "");
-  const [filters, setFilters] = React.useState(null);
-  const [data, setData] = React.useState(getDefaultData(preset));
-  const firstSkiDateDefaultMonth = stay?.from ? new Date(stay.from).getMonth() + 1 : undefined;
-  const {
-    merchant
-  } = preset?.options;
-  const isReady = catalogs !== null;
-  const hasCatalog = !loading && isReady && catalogs?.length > 0 && catalog !== "";
-  const activities = filters?.domains ? [...new Set(filters?.domains?.reduce((acc, domain) => {
-    const {
-      tags
-    } = domain;
-    if (!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
-      };
+export default function SkiPasses({ preset, setPreset, stay, setShowPresetDialog, onChange, testPreset, baseUrl, }) {
+    const savedPreset = React.useRef(preset);
+    const [loading, setLoading] = React.useState(false);
+    const [catalogs, setCatalogs] = React.useState(null);
+    const [catalog, setCatalog] = React.useState(preset?.options?.catalog || "");
+    const [filters, setFilters] = React.useState(null);
+    const [data, setData] = React.useState(getDefaultData(preset));
+    const firstSkiDateDefaultMonth = stay?.from
+        ? new Date(stay.from).getMonth() + 1
+        : undefined;
+    const { merchant } = preset?.options;
+    const isReady = catalogs !== null;
+    const hasCatalog = !loading && isReady && catalogs?.length > 0 && catalog !== "";
+    const activities = (filters?.domains
+        ? [
+            ...new Set(filters?.domains?.reduce((acc, domain) => {
+                const { tags } = domain;
+                if (!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);
     });
-    return [...acc, ...formatedTags];
-  }, []))] : [];
-  const selectedActivities = data.activities.map(activity => {
-    return activities.find(a => a.value === activity);
-  });
-  const selectedActivitiesCodes = activities.reduce((acc, activity) => {
-    const {
-      value
-    } = activity;
-    return data.activities?.includes(value) ? [...new Set([...acc, value])] : acc;
-  }, []);
-  const filteredDomains = selectedActivitiesCodes?.length > 0 && filters ? filters.domains?.filter(domain => {
-    return domain.tags?.some(tag => {
-      return selectedActivitiesCodes.includes(tag);
-    });
-  }) : filters?.domains;
-  const selectedDomainsIds = filters?.domains && filters?.domains.reduce((acc, domain) => {
-    const {
-      code,
-      catalogIds
-    } = domain;
-    return data.domains.includes(code) ? [...new Set([...acc, ...catalogIds])] : acc;
-  }, []);
-  const filteredDurations = selectedActivitiesCodes?.length > 0 && filters ? filters.durations?.filter(duration => {
-    return duration.tags?.some(tag => {
-      return selectedActivitiesCodes.includes(tag) || duration.catalogIds.some(id => selectedDomainsIds && selectedDomainsIds.includes(id));
-    });
-  }) : filters?.durations;
-  const selectedDomains = data.domains.map(domain => filters?.domains?.find(d => d.value === domain));
-  const selectedDurations = data.durations.map(domain => filters?.durations?.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 => ({
-        ...data,
-        [field]: value.map(v => v.value)
-      }));
-    } else {
-      setData(data => ({
-        ...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({
-      ...data,
-      skiers: [...filteredSkiers, ...newSkiers]
-    });
-  };
-  React.useEffect(() => {
-    if (!isReady) {
-      const runEffect = async () => {
-        try {
-          const catalogs = await API.getSkiPassesCatalogs(merchant);
-          setCatalogs(catalogs);
-        } catch (e) {
-          setCatalogs([]);
+    const selectedActivitiesCodes = activities.reduce((acc, activity) => {
+        const { value } = activity;
+        return data.activities?.includes(value)
+            ? [...new Set([...acc, value])]
+            : acc;
+    }, []);
+    const filteredDomains = selectedActivitiesCodes?.length > 0 && filters
+        ? filters.domains?.filter((domain) => {
+            return domain.tags?.some((tag) => {
+                return selectedActivitiesCodes.includes(tag);
+            });
+        })
+        : filters?.domains;
+    const selectedDomainsIds = filters?.domains &&
+        filters?.domains.reduce((acc, domain) => {
+            const { code, catalogIds } = domain;
+            return data.domains.includes(code)
+                ? [...new Set([...acc, ...catalogIds])]
+                : acc;
+        }, []);
+    const filteredDurations = selectedActivitiesCodes?.length > 0 && filters
+        ? filters.durations?.filter((duration) => {
+            return duration.tags?.some((tag) => {
+                return (selectedActivitiesCodes.includes(tag) ||
+                    duration.catalogIds.some((id) => selectedDomainsIds && selectedDomainsIds.includes(id)));
+            });
+        })
+        : filters?.durations;
+    const selectedDomains = data.domains.map((domain) => filters?.domains?.find((d) => d.value === domain));
+    const selectedDurations = data.durations.map((domain) => filters?.durations?.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) => ({ ...data, [field]: value.map((v) => v.value) }));
         }
-      };
-      runEffect();
-    }
-  }, [isReady, merchant]);
-  React.useEffect(() => {
-    if (catalog) {
-      const initFilters = async () => {
-        setLoading(true);
-        const filters = await API.getSkiPassesFilters(merchant, catalog);
-        const filteredFilters = Object.keys(filters).reduce((acc, key) => {
-          const filter = filters[key];
-          return ALLOWED_FILTERS.includes(key) ? {
-            ...acc,
-            [key]: filter.map(f => ({
-              ...f,
-              value: f.code
-            }))
-          } : acc;
-        }, {});
-        setLoading(false);
-        setFilters(filteredFilters);
-      };
-      initFilters();
-    } else {
-      setFilters(null);
-    }
-  }, [catalog, merchant]);
-  React.useEffect(() => {
-    setPreset((current = {}) => {
-      const newPreset = {
-        ...current,
-        options: {
-          ...(current?.options || {}),
-          catalog
-        },
-        presets: {
-          ...(current?.presets || {}),
-          ...data
-        },
-        url: baseUrl || undefined
-      };
-      onChange?.(newPreset);
-      return newPreset;
-    });
-  }, [catalog, data, baseUrl, setPreset, onChange]);
-  return _jsxs(Form, {
-    title: "Presets forfaits",
-    width: 420,
-    preset: preset,
-    buttonsActions: {
-      testPreset,
-      cancelPreset,
-      confirmPreset: hasCatalog ? confirmPreset : undefined
-    },
-    children: [_jsx(Select, {
-      label: "Catalogue",
-      value: catalog,
-      options: catalogs ? ["", ...catalogs] : [],
-      onValueChange: setCatalog,
-      loading: !isReady
-    }), loading && _jsx(Loader, {
-      className: css.loader
-    }), hasCatalog && _jsxs(_Fragment, {
-      children: [_jsx(Input, {
-        type: "date",
-        label: "1er jour",
-        value: data.firstSkiDate,
-        onValueChange: updateFirstSkiDate,
-        defaultMonth: firstSkiDateDefaultMonth,
-        min: stay?.from || undefined,
-        max: stay?.to || undefined
-      }), filters?.skiers && filters?.skiers?.length > 1 && _jsxs("div", {
-        className: css.skiers,
-        children: [_jsx("div", {
-          className: css.label,
-          children: "Skieurs"
-        }), filters.skiers.map(skier => {
-          const {
-            code,
-            label,
-            ageMin,
-            ageMax
-          } = skier;
-          const title = `${label} (de ${ageMin} à ${ageMax} ans)`;
-          const value = data.skiers?.filter(skier => skier === code)?.length || 0;
-          return _jsx(NumberPicker, {
-            label: title,
-            min: 0,
-            max: 20,
-            value: value,
-            disabled: false,
-            onChange: updateSkiers(code),
-            withInput: true
-          }, code);
-        })]
-      }), _jsx("div", {
-        className: css.label,
-        children: "Filtres"
-      }), (activities?.length > 0 || loading) && _jsx(MutlipleSelect, {
-        label: "Activit\xE9s",
-        placeholder: "Selectionnez une ou plusieurs options",
-        options: activities,
-        values: selectedActivities,
-        onChange: updateField("activities"),
-        loading: loading
-      }), _jsxs("div", {
-        className: css.row,
-        children: [(filteredDomains && filteredDomains.length > 0 || loading) && _jsx(MutlipleSelect, {
-          label: "Domaines",
-          placeholder: "Selectionnez une ou plusieurs options",
-          options: filteredDomains || [],
-          values: selectedDomains,
-          onChange: updateDomains,
-          loading: loading
-        }), (filteredDurations && filteredDurations?.length > 0 || loading) && _jsx(MutlipleSelect, {
-          label: "Dur\xE9es",
-          placeholder: "Selectionnez une ou plusieurs options",
-          options: filteredDurations || [],
-          values: selectedDurations,
-          onChange: updateField("durations"),
-          disabled: data.domains?.length === 0,
-          loading: loading
-        })]
-      })]
-    })]
-  });
+        else {
+            setData((data) => ({ ...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({ ...data, skiers: [...filteredSkiers, ...newSkiers] });
+    };
+    React.useEffect(() => {
+        if (!isReady) {
+            const runEffect = async () => {
+                try {
+                    const catalogs = await API.getSkiPassesCatalogs(merchant);
+                    setCatalogs(catalogs);
+                }
+                catch (e) {
+                    setCatalogs([]);
+                }
+            };
+            runEffect();
+        }
+    }, [isReady, merchant]);
+    React.useEffect(() => {
+        if (catalog) {
+            const initFilters = async () => {
+                setLoading(true);
+                const filters = await API.getSkiPassesFilters(merchant, catalog);
+                const filteredFilters = Object.keys(filters).reduce((acc, key) => {
+                    const filter = filters[key];
+                    return ALLOWED_FILTERS.includes(key)
+                        ? { ...acc, [key]: filter.map((f) => ({ ...f, value: f.code })) }
+                        : acc;
+                }, {});
+                setLoading(false);
+                setFilters(filteredFilters);
+            };
+            initFilters();
+        }
+        else {
+            setFilters(null);
+        }
+    }, [catalog, merchant]);
+    React.useEffect(() => {
+        setPreset((current = {}) => {
+            const newPreset = {
+                ...current,
+                options: {
+                    ...(current?.options || {}),
+                    catalog,
+                },
+                presets: {
+                    ...(current?.presets || {}),
+                    ...data,
+                },
+                url: baseUrl || undefined,
+            };
+            onChange?.(newPreset);
+            return newPreset;
+        });
+    }, [catalog, data, baseUrl, setPreset, onChange]);
+    return (_jsxs(Form, { title: "Presets forfaits", width: 420, preset: preset, buttonsActions: {
+            testPreset,
+            cancelPreset,
+            confirmPreset: hasCatalog ? confirmPreset : undefined,
+        }, children: [_jsx(Select, { label: "Catalogue", value: catalog, options: catalogs ? ["", ...catalogs] : [], onValueChange: setCatalog, loading: !isReady }), loading && _jsx(Loader, { className: css.loader }), hasCatalog && (_jsxs(_Fragment, { children: [_jsx(Input, { type: "date", label: "1er jour", value: data.firstSkiDate, onValueChange: updateFirstSkiDate, defaultMonth: firstSkiDateDefaultMonth, min: stay?.from || undefined, max: stay?.to || undefined }), filters?.skiers && filters?.skiers?.length > 1 && (_jsxs("div", { className: css.skiers, children: [_jsx("div", { className: css.label, children: "Skieurs" }), filters.skiers.map((skier) => {
+                                const { code, label, ageMin, ageMax } = skier;
+                                const title = `${label} (de ${ageMin} à ${ageMax} ans)`;
+                                const value = data.skiers?.filter((skier) => skier === code)?.length || 0;
+                                return (_jsx(NumberPicker, { label: title, min: 0, max: 20, value: value, disabled: false, onChange: updateSkiers(code), withInput: true }, code));
+                            })] })), _jsx("div", { className: css.label, children: "Filtres" }), (activities?.length > 0 || loading) && (_jsx(MutlipleSelect, { label: "Activit\u00E9s", placeholder: "Selectionnez une ou plusieurs options", options: activities, values: selectedActivities, onChange: updateField("activities"), loading: loading })), _jsxs("div", { className: css.row, children: [((filteredDomains && filteredDomains.length > 0) || loading) && (_jsx(MutlipleSelect, { label: "Domaines", placeholder: "Selectionnez une ou plusieurs options", options: filteredDomains || [], values: selectedDomains, onChange: updateDomains, loading: loading })), ((filteredDurations && filteredDurations?.length > 0) ||
+                                loading) && (_jsx(MutlipleSelect, { label: "Dur\u00E9es", placeholder: "Selectionnez une ou plusieurs options", options: filteredDurations || [], values: selectedDurations, onChange: updateField("durations"), disabled: data.domains?.length === 0, loading: loading }))] })] }))] }));
 }
 function getDefaultData(preset) {
-  if (!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
-  };
-}
+    if (!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,16 @@
+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): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=standard-products.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"standard-products.d.ts","sourceRoot":"","sources":["../../../../../src/common/components/msem-preset-editor/editors/standard-products.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,KAAK,KAAK,GAAG;IACX,IAAI,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,CAAC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,CAAC;IACnC,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC;IAC5E,mBAAmB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IACnE,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;IACxD,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AAMF,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,MAAM,EACN,SAAS,EACT,KAAK,EACL,mBAAmB,EACnB,QAAQ,EACR,UAAU,GACX,EAAE,KAAK,2CA6EP"}

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

@@ -1,94 +1,65 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import Select from "dt-design-system/es/select";
 import Form from "../components/form";
 import * as API from "../services/api";
-import { jsx as _jsx } from "react/jsx-runtime";
 const DEFAULT_DATA = {
-  productCategory: ""
+    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
+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?.options || {};
+    const cancelPreset = () => {
+        setPreset(savedPreset.current);
+        setShowPresetDialog(false);
     };
-  });
-  const {
-    merchant
-  } = preset?.options || {};
-  const cancelPreset = () => {
-    setPreset(savedPreset.current);
-    setShowPresetDialog(false);
-  };
-  const confirmPreset = () => {
-    setShowPresetDialog(false);
-  };
-  React.useEffect(() => {
-    const runEffect = async () => {
-      try {
-        setLoading(true);
-        const {
-          categories
-        } = await API.getOtherProductsCategories(facet, merchant);
-        setProductCategories(categories);
-      } catch (e) {
-        console.error(e);
-      } finally {
-        setLoading(false);
-      }
+    const confirmPreset = () => {
+        setShowPresetDialog(false);
     };
-    runEffect();
-  }, [facet, merchant]);
-  React.useEffect(() => {
-    setPreset((current = {}) => {
-      const newPreset = {
-        ...current,
-        presets: {
-          ...(current?.presets || {}),
-          productCategory: selectedProductCategory
-        }
-      };
-      onChange?.(newPreset);
-      return newPreset;
-    });
-  }, [onChange, selectedProductCategory, setPreset]);
-  return _jsx(Form, {
-    title: "Presets activit\xE9s autres produits",
-    width: 420,
-    preset: preset,
-    buttonsActions: {
-      testPreset,
-      cancelPreset,
-      confirmPreset: selectedProductCategory ? confirmPreset : undefined
-    },
-    children: _jsx(Select, {
-      label: "Cat\xE9gorie de produit",
-      placeholder: "S\xE9lectionnez une cat\xE9gorie",
-      options: formatedCategories,
-      value: selectedProductCategory,
-      onValueChange: setSelectedProductCategory,
-      disabled: loading
-    })
-  });
+    React.useEffect(() => {
+        const runEffect = async () => {
+            try {
+                setLoading(true);
+                const { categories } = await API.getOtherProductsCategories(facet, merchant);
+                setProductCategories(categories);
+            }
+            catch (e) {
+                console.error(e);
+            }
+            finally {
+                setLoading(false);
+            }
+        };
+        runEffect();
+    }, [facet, merchant]);
+    React.useEffect(() => {
+        setPreset((current = {}) => {
+            const newPreset = {
+                ...current,
+                presets: {
+                    ...(current?.presets || {}),
+                    productCategory: selectedProductCategory,
+                },
+            };
+            onChange?.(newPreset);
+            return newPreset;
+        });
+    }, [onChange, selectedProductCategory, setPreset]);
+    return (_jsx(Form, { title: "Presets activit\u00E9s autres produits", width: 420, preset: preset, buttonsActions: {
+            testPreset,
+            cancelPreset,
+            confirmPreset: selectedProductCategory ? confirmPreset : undefined,
+        }, children: _jsx(Select, { label: "Cat\u00E9gorie de produit", placeholder: "S\u00E9lectionnez une cat\u00E9gorie", options: formatedCategories, value: selectedProductCategory, onValueChange: setSelectedProductCategory, disabled: loading }) }));
 }
 function getDefaultData(preset) {
-  if (!preset?.presets) return DEFAULT_DATA;
-  const {
-    productCategory
-  } = preset.presets;
-  return productCategory || DEFAULT_DATA.productCategory;
-}
+    if (!preset?.presets)
+        return DEFAULT_DATA;
+    const { productCategory } = preset.presets;
+    return productCategory || DEFAULT_DATA.productCategory;
+}