ublo-lib 1.31.42 → 1.31.44

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

@@ -1,285 +0,0 @@
-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";
-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: []
-};
-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
-}) {
-  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);
-  });
-  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);
-    }
-  }, [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
-  };
-}

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

@@ -1,94 +0,0 @@
-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: ""
-};
-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 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);
-      }
-    };
-    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
-    })
-  });
-}
-function getDefaultData(preset) {
-  if (!preset?.presets) return DEFAULT_DATA;
-  const {
-    productCategory
-  } = preset.presets;
-  return productCategory || DEFAULT_DATA.productCategory;
-}

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

@@ -1,252 +0,0 @@
-import * as React from "react";
-import Form from "../components/form";
-import Select from "dt-design-system/es/select";
-import * as API from "../services/api";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-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?.options;
-  const cancelPreset = () => {
-    setPreset(savedPreset.current);
-    setShowPresetDialog(false);
-  };
-  const confirmPreset = () => {
-    setShowPresetDialog(false);
-  };
-  const updateField = field => value => {
-    setData(data => {
-      let newData = {
-        ...data,
-        [field]: value
-      };
-      if (field === "kindCodes" && value === "") {
-        newData = {
-          ...newData,
-          ageCodes: "",
-          categoryCodes: "",
-          levelCodes: ""
-        };
-      }
-      if (field === "ageCodes" && value === "") {
-        newData = {
-          ...newData,
-          categoryCodes: "",
-          levelCodes: ""
-        };
-      }
-      if (field === "categoryCodes" && value === "") {
-        newData = {
-          ...newData,
-          levelCodes: ""
-        };
-      }
-      return newData;
-    });
-  };
-  React.useEffect(() => {
-    const runEffect = async () => {
-      try {
-        setLoading(true);
-        const kinds = await API.getVakarioKinds(channel, merchant);
-        const formatedKinds = kinds.map(({
-          code,
-          name
-        }) => ({
-          label: name,
-          value: code
-        }));
-        setKindCodes(formatedKinds);
-        setData(data => ({
-          ...data,
-          ageCodes: "",
-          categoryCodes: "",
-          levelCodes: ""
-        }));
-      } catch (e) {
-        console.error(e);
-      } finally {
-        setLoading(false);
-      }
-    };
-    runEffect();
-  }, [channel, merchant]);
-  React.useEffect(() => {
-    if (data.kindCodes) {
-      const runEffect = async () => {
-        try {
-          setLoading(true);
-          const ages = await API.getVakarioAges(channel, merchant, data.kindCodes);
-          const formatedAges = ages.map(({
-            code,
-            name
-          }) => ({
-            label: name,
-            value: code
-          }));
-          setAgeCodes(formatedAges);
-          setData(data => ({
-            ...data,
-            categoryCodes: "",
-            levelCodes: ""
-          }));
-        } catch (e) {
-          console.error(e);
-        } finally {
-          setLoading(false);
-        }
-      };
-      runEffect();
-    }
-  }, [merchant, data.kindCodes, channel]);
-  React.useEffect(() => {
-    if (data.kindCodes && data.ageCodes) {
-      const runEffect = async () => {
-        try {
-          setLoading(true);
-          const categories = await API.getVakarioCategories(channel, merchant, data.kindCodes, data.ageCodes);
-          const formatedCategories = categories.map(({
-            code,
-            name
-          }) => ({
-            label: name,
-            value: code
-          }));
-          setCategoryCodes(formatedCategories);
-          setData(data => ({
-            ...data,
-            levelCodes: ""
-          }));
-        } catch (e) {
-          console.error(e);
-        } finally {
-          setLoading(false);
-        }
-      };
-      runEffect();
-    }
-  }, [merchant, data.kindCodes, data.ageCodes, channel]);
-  React.useEffect(() => {
-    if (data.kindCodes && data.ageCodes && data.categoryCodes) {
-      const runEffect = async () => {
-        try {
-          setLoading(true);
-          const levels = await API.getVakarioLevels(channel, merchant, data.kindCodes, data.ageCodes, data.categoryCodes);
-          const formatedLevels = levels.map(({
-            code,
-            name
-          }) => ({
-            label: name,
-            value: code
-          }));
-          setLevelCodes(formatedLevels);
-        } catch (e) {
-          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 = {
-        ...current,
-        presets: {
-          ...(current?.presets || {}),
-          kindCodes: kindCodes ? [kindCodes] : undefined,
-          ageCodes: ageCodes ? [ageCodes] : undefined,
-          categoryCodes: categoryCodes ? [categoryCodes] : undefined,
-          levelCodes: levelCodes ? [levelCodes] : undefined
-        }
-      };
-      onChange?.(newPreset);
-      return newPreset;
-    });
-  }, [data, onChange, setPreset]);
-  return _jsxs(Form, {
-    title: "Presets activit\xE9s Vakario",
-    width: 420,
-    preset: preset,
-    buttonsActions: {
-      testPreset,
-      cancelPreset,
-      confirmPreset
-    },
-    children: [_jsx(Select, {
-      label: "Activit\xE9",
-      placeholder: "S\xE9lectionnez une activit\xE9s",
-      options: kindCodes,
-      value: data.kindCodes,
-      onValueChange: updateField("kindCodes"),
-      loading: loading && !data.kindCodes
-    }), _jsx(Select, {
-      label: "\xC2ge",
-      placeholder: "S\xE9lectionnez un \xE2ge",
-      options: ageCodes,
-      value: data.ageCodes,
-      onValueChange: updateField("ageCodes"),
-      loading: loading && data.kindCodes && !data.ageCodes,
-      disabled: !data.kindCodes
-    }), _jsx(Select, {
-      label: "Cat\xE9gorie",
-      placeholder: "S\xE9lectionnez une cat\xE9gorie",
-      options: categoryCodes,
-      value: data.categoryCodes,
-      onValueChange: updateField("categoryCodes"),
-      loading: loading && data.kindCodes && data.ageCodes && !data.categoryCodes,
-      disabled: !data.kindCodes || !data.ageCodes
-    }), _jsx(Select, {
-      label: "Niveau",
-      placeholder: "S\xE9lectionnez 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
-    })]
-  });
-}
-function getDefaultData(preset) {
-  if (!preset?.presets && !preset?.options) return DEFAULT_DATA;
-  const {
-    kindCodes,
-    ageCodes,
-    categoryCodes,
-    levelCodes
-  } = preset?.presets || {};
-  return {
-    kindCodes: kindCodes || DEFAULT_DATA.kindCodes,
-    ageCodes: ageCodes || DEFAULT_DATA.ageCodes,
-    categoryCodes: categoryCodes || DEFAULT_DATA.categoryCodes,
-    levelCodes: levelCodes || DEFAULT_DATA.levelCodes
-  };
-}