ublo-lib 1.24.4 → 1.25.1

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

@@ -1,4 +1,3 @@
-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";
@@ -8,191 +7,279 @@ 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 };
-                });
-                return [...acc, ...formatedTags];
-            }, [])),
-        ]
-        : []);
-    const selectedActivities = data.activities.map((activity) => {
-        return activities.find((a) => a.value === activity);
+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
+      };
     });
-    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([]);
-                }
-            };
-            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);
+    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([]);
         }
-    }, [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 }))] })] }))] }));
+      };
+      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
+        })]
+      })]
+    })]
+  });
 }
 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.js

@@ -1,66 +1,94 @@
-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 };
-    });
-    const { merchant } = preset?.options || {};
-    const cancelPreset = () => {
-        setPreset(savedPreset.current);
-        setShowPresetDialog(false);
+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 confirmPreset = () => {
-        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);
+      }
     };
-    React.useEffect(() => {
-        const runEffect = async () => {
-            try {
-                setLoading(true);
-                const { categories } = await 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 = {
-                ...current,
-                presets: {
-                    ...(current?.presets || {}),
-                    productCategory: selectedProductCategory,
-                },
-            };
-            onChange?.(newPreset);
-            return newPreset;
-        });
-    }, [onChange, selectedProductCategory, setPreset]);
-    return (_jsx(Form, { title: "Presets activit\u00E9s Elloha", 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 }) }));
+    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 Elloha",
+    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
+    })
+  });
 }
 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;
+}