ublo-lib 1.24.3 → 1.25.0

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

@@ -1,183 +1,251 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 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: "",
+  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 { 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(merchant);
-                const formatedKinds = kinds.map(({ code, name }) => ({
-                    label: name,
-                    value: code,
-                }));
-                setKindCodes(formatedKinds);
-                setData((data) => ({
-                    ...data,
-                    ageCodes: "",
-                    categoryCodes: "",
-                    levelCodes: "",
-                }));
-            }
-            catch (e) {
-                // eslint-disable-next-line no-console
-                console.error(e);
-            }
-            finally {
-                setLoading(false);
-            }
+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 {
+    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: ""
         };
-        runEffect();
-    }, [merchant]);
-    React.useEffect(() => {
-        if (data.kindCodes) {
-            const runEffect = async () => {
-                try {
-                    setLoading(true);
-                    const ages = await API.getVakarioAges(merchant, data.kindCodes);
-                    const formatedAges = ages.map(({ code, name }) => ({
-                        label: name,
-                        value: code,
-                    }));
-                    setAgeCodes(formatedAges);
-                    setData((data) => ({ ...data, categoryCodes: "", levelCodes: "" }));
-                }
-                catch (e) {
-                    // eslint-disable-next-line no-console
-                    console.error(e);
-                }
-                finally {
-                    setLoading(false);
-                }
-            };
-            runEffect();
+      }
+      return newData;
+    });
+  };
+  React.useEffect(() => {
+    const runEffect = async () => {
+      try {
+        setLoading(true);
+        const kinds = await API.getVakarioKinds(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();
+  }, [merchant]);
+  React.useEffect(() => {
+    if (data.kindCodes) {
+      const runEffect = async () => {
+        try {
+          setLoading(true);
+          const ages = await API.getVakarioAges(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]);
+  React.useEffect(() => {
+    if (data.kindCodes && data.ageCodes) {
+      const runEffect = async () => {
+        try {
+          setLoading(true);
+          const categories = await API.getVakarioCategories(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);
         }
-    }, [merchant, data.kindCodes]);
-    React.useEffect(() => {
-        if (data.kindCodes && data.ageCodes) {
-            const runEffect = async () => {
-                try {
-                    setLoading(true);
-                    const categories = await API.getVakarioCategories(merchant, data.kindCodes, data.ageCodes);
-                    const formatedCategories = categories.map(({ code, name }) => ({
-                        label: name,
-                        value: code,
-                    }));
-                    setCategoryCodes(formatedCategories);
-                    setData((data) => ({ ...data, levelCodes: "" }));
-                }
-                catch (e) {
-                    // eslint-disable-next-line no-console
-                    console.error(e);
-                }
-                finally {
-                    setLoading(false);
-                }
-            };
-            runEffect();
+      };
+      runEffect();
+    }
+  }, [merchant, data.kindCodes, data.ageCodes]);
+  React.useEffect(() => {
+    if (data.kindCodes && data.ageCodes && data.categoryCodes) {
+      const runEffect = async () => {
+        try {
+          setLoading(true);
+          const levels = await API.getVakarioLevels(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);
         }
-    }, [merchant, data.kindCodes, data.ageCodes]);
-    React.useEffect(() => {
-        if (data.kindCodes && data.ageCodes && data.categoryCodes) {
-            const runEffect = async () => {
-                try {
-                    setLoading(true);
-                    const levels = await API.getVakarioLevels(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();
+      };
+      runEffect();
+    }
+  }, [merchant, data.kindCodes, data.ageCodes, data.categoryCodes]);
+  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
         }
-    }, [merchant, data.kindCodes, data.ageCodes, data.categoryCodes]);
-    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\u00E9s Vakario", width: 420, preset: preset, buttonsActions: {
-            testPreset,
-            cancelPreset,
-            confirmPreset,
-        }, children: [_jsx(Select, { label: "Activit\u00E9", placeholder: "S\u00E9lectionnez une activit\u00E9s", options: kindCodes, value: data.kindCodes, onValueChange: updateField("kindCodes"), loading: loading && !data.kindCodes }), _jsx(Select, { label: "\u00C2ge", placeholder: "S\u00E9lectionnez un \u00E2ge", options: ageCodes, value: data.ageCodes, onValueChange: updateField("ageCodes"), loading: loading && data.kindCodes && !data.ageCodes, disabled: !data.kindCodes }), _jsx(Select, { label: "Cat\u00E9gorie", placeholder: "S\u00E9lectionnez une cat\u00E9gorie", 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\u00E9lectionnez 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 })] }));
+      };
+      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,
-    };
-}
+  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
+  };
+}