@fctc/sme-widget-ui 1.4.8 → 1.5.0

package/dist/index.js

@@ -17994,22 +17994,24 @@ var ButtonSelectFiles = ({
     }
     return true;
   };
+  const convertFileToBase64 = (file) => {
+    return new Promise((resolve, reject) => {
+      const reader = new FileReader();
+      reader.readAsDataURL(file);
+      reader.onload = () => resolve(reader.result);
+      reader.onerror = (error2) => reject(error2);
+    });
+  };
   const handleOnChange = async (event) => {
     const files = Array.from(event.target.files ?? []);
-    setUploadError();
     event.target.value = "";
-    if (files.length > 0) {
-      const file = files[0];
-      if (!validateFile(file)) {
-        return;
-      }
-      setUploadError(false);
-      const formData = new FormData();
-      formData.append("ufile", file);
-      formData.append("thread_model", String(model));
-      formData.append("thread_id", Number(id));
-      formData.append("is_pending", true);
-      await handleUploadImage({ formData });
+    if (files.length === 0) return;
+    const file = files[0];
+    try {
+      const base64 = await convertFileToBase64(file);
+      setSelectedFiles([...selectedFiles, { name: file.name, data: base64 }]);
+    } catch (error2) {
+      console.error("Error converting file:", error2);
     }
   };
   return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(import_jsx_runtime67.Fragment, { children: [
@@ -32881,7 +32883,19 @@ var FeeField = (props) => {
 var import_react54 = require("react");
 var import_jsx_runtime83 = require("react/jsx-runtime");
 var FileUploadField = (props) => {
-  const { name: name2, methods, isForm, model, required, idForm, widget, useUploadImage, useUploadFile, useGetImage, isBase64File } = props;
+  const {
+    name: name2,
+    methods,
+    isForm,
+    model,
+    required,
+    idForm,
+    widget,
+    useUploadImage,
+    useUploadFile,
+    useGetImage,
+    isBase64File
+  } = props;
   const fileInputRef = (0, import_react54.useRef)(null);
   const [selectedFiles, setSelectedFiles] = (0, import_react54.useState)([]);
   const [uploadError, setUploadError] = (0, import_react54.useState)();
@@ -32895,11 +32909,11 @@ var FileUploadField = (props) => {
       },
       render: ({ field: { onChange: onChange2 }, fieldState: { error: error2 } }) => {
         (0, import_react54.useEffect)(() => {
-          let datas = widget === "many2many_binary" ? selectedFiles : selectedFiles?.[0]?.datas;
-          if (widget !== "many2many_binary" && datas && isBase64File(datas)) {
-            datas = datas.split(",")[1];
+          let data = widget === "many2many_binary" ? selectedFiles : selectedFiles?.[0]?.data;
+          if (widget !== "many2many_binary" && data && isBase64File(data)) {
+            data = data.split(",")[1];
           }
-          onChange2(datas || null);
+          onChange2(data || null);
           if (model === "ir.attachment") {
             methods.setValue(
               "name",
@@ -33413,9 +33427,12 @@ var Many2ManyTagField = (props) => {
             clearErrors(name2);
           }
         }, [field.value]);
-        const filteredValue = options2 && Array.isArray(field.value) ? options2.filter(
+        const filteredValue = options2 && options2?.length > 0 && Array.isArray(field.value) ? options2.filter(
           (option) => field.value.some((item) => item?.id === option.value)
-        ) : null;
+        ) : options2?.length === 0 && Array.isArray(field?.value) ? field?.value?.map((value2) => ({
+          value: value2?.id,
+          label: value2?.display_name
+        })) : null;
         const handleChange = (selectedOptions) => {
           const newValue = tranfer(selectedOptions);
           field.onChange(newValue);

package/dist/index.mjs

@@ -17875,22 +17875,24 @@ var ButtonSelectFiles = ({
     }
     return true;
   };
+  const convertFileToBase64 = (file) => {
+    return new Promise((resolve, reject) => {
+      const reader = new FileReader();
+      reader.readAsDataURL(file);
+      reader.onload = () => resolve(reader.result);
+      reader.onerror = (error2) => reject(error2);
+    });
+  };
   const handleOnChange = async (event) => {
     const files = Array.from(event.target.files ?? []);
-    setUploadError();
     event.target.value = "";
-    if (files.length > 0) {
-      const file = files[0];
-      if (!validateFile(file)) {
-        return;
-      }
-      setUploadError(false);
-      const formData = new FormData();
-      formData.append("ufile", file);
-      formData.append("thread_model", String(model));
-      formData.append("thread_id", Number(id));
-      formData.append("is_pending", true);
-      await handleUploadImage({ formData });
+    if (files.length === 0) return;
+    const file = files[0];
+    try {
+      const base64 = await convertFileToBase64(file);
+      setSelectedFiles([...selectedFiles, { name: file.name, data: base64 }]);
+    } catch (error2) {
+      console.error("Error converting file:", error2);
     }
   };
   return /* @__PURE__ */ jsxs45(Fragment13, { children: [
@@ -32762,7 +32764,19 @@ var FeeField = (props) => {
 import { useEffect as useEffect16, useRef as useRef14, useState as useState16 } from "react";
 import { jsx as jsx85, jsxs as jsxs58 } from "react/jsx-runtime";
 var FileUploadField = (props) => {
-  const { name: name2, methods, isForm, model, required, idForm, widget, useUploadImage, useUploadFile, useGetImage, isBase64File } = props;
+  const {
+    name: name2,
+    methods,
+    isForm,
+    model,
+    required,
+    idForm,
+    widget,
+    useUploadImage,
+    useUploadFile,
+    useGetImage,
+    isBase64File
+  } = props;
   const fileInputRef = useRef14(null);
   const [selectedFiles, setSelectedFiles] = useState16([]);
   const [uploadError, setUploadError] = useState16();
@@ -32776,11 +32790,11 @@ var FileUploadField = (props) => {
       },
       render: ({ field: { onChange: onChange2 }, fieldState: { error: error2 } }) => {
         useEffect16(() => {
-          let datas = widget === "many2many_binary" ? selectedFiles : selectedFiles?.[0]?.datas;
-          if (widget !== "many2many_binary" && datas && isBase64File(datas)) {
-            datas = datas.split(",")[1];
+          let data = widget === "many2many_binary" ? selectedFiles : selectedFiles?.[0]?.data;
+          if (widget !== "many2many_binary" && data && isBase64File(data)) {
+            data = data.split(",")[1];
           }
-          onChange2(datas || null);
+          onChange2(data || null);
           if (model === "ir.attachment") {
             methods.setValue(
               "name",
@@ -33294,9 +33308,12 @@ var Many2ManyTagField = (props) => {
             clearErrors(name2);
           }
         }, [field.value]);
-        const filteredValue = options2 && Array.isArray(field.value) ? options2.filter(
+        const filteredValue = options2 && options2?.length > 0 && Array.isArray(field.value) ? options2.filter(
           (option) => field.value.some((item) => item?.id === option.value)
-        ) : null;
+        ) : options2?.length === 0 && Array.isArray(field?.value) ? field?.value?.map((value2) => ({
+          value: value2?.id,
+          label: value2?.display_name
+        })) : null;
         const handleChange = (selectedOptions) => {
           const newValue = tranfer(selectedOptions);
           field.onChange(newValue);

package/dist/widgets.js

@@ -17620,22 +17620,24 @@ var ButtonSelectFiles = ({
     }
     return true;
   };
+  const convertFileToBase64 = (file) => {
+    return new Promise((resolve, reject) => {
+      const reader = new FileReader();
+      reader.readAsDataURL(file);
+      reader.onload = () => resolve(reader.result);
+      reader.onerror = (error2) => reject(error2);
+    });
+  };
   const handleOnChange = async (event) => {
     const files = Array.from(event.target.files ?? []);
-    setUploadError();
     event.target.value = "";
-    if (files.length > 0) {
-      const file = files[0];
-      if (!validateFile(file)) {
-        return;
-      }
-      setUploadError(false);
-      const formData = new FormData();
-      formData.append("ufile", file);
-      formData.append("thread_model", String(model));
-      formData.append("thread_id", Number(id));
-      formData.append("is_pending", true);
-      await handleUploadImage({ formData });
+    if (files.length === 0) return;
+    const file = files[0];
+    try {
+      const base64 = await convertFileToBase64(file);
+      setSelectedFiles([...selectedFiles, { name: file.name, data: base64 }]);
+    } catch (error2) {
+      console.error("Error converting file:", error2);
     }
   };
   return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(import_jsx_runtime67.Fragment, { children: [
@@ -32507,7 +32509,19 @@ var FeeField = (props) => {
 var import_react54 = require("react");
 var import_jsx_runtime83 = require("react/jsx-runtime");
 var FileUploadField = (props) => {
-  const { name: name2, methods, isForm, model, required, idForm, widget, useUploadImage, useUploadFile, useGetImage, isBase64File } = props;
+  const {
+    name: name2,
+    methods,
+    isForm,
+    model,
+    required,
+    idForm,
+    widget,
+    useUploadImage,
+    useUploadFile,
+    useGetImage,
+    isBase64File
+  } = props;
   const fileInputRef = (0, import_react54.useRef)(null);
   const [selectedFiles, setSelectedFiles] = (0, import_react54.useState)([]);
   const [uploadError, setUploadError] = (0, import_react54.useState)();
@@ -32521,11 +32535,11 @@ var FileUploadField = (props) => {
       },
       render: ({ field: { onChange: onChange2 }, fieldState: { error: error2 } }) => {
         (0, import_react54.useEffect)(() => {
-          let datas = widget === "many2many_binary" ? selectedFiles : selectedFiles?.[0]?.datas;
-          if (widget !== "many2many_binary" && datas && isBase64File(datas)) {
-            datas = datas.split(",")[1];
+          let data = widget === "many2many_binary" ? selectedFiles : selectedFiles?.[0]?.data;
+          if (widget !== "many2many_binary" && data && isBase64File(data)) {
+            data = data.split(",")[1];
           }
-          onChange2(datas || null);
+          onChange2(data || null);
           if (model === "ir.attachment") {
             methods.setValue(
               "name",
@@ -33039,9 +33053,12 @@ var Many2ManyTagField = (props) => {
             clearErrors(name2);
           }
         }, [field.value]);
-        const filteredValue = options2 && Array.isArray(field.value) ? options2.filter(
+        const filteredValue = options2 && options2?.length > 0 && Array.isArray(field.value) ? options2.filter(
           (option) => field.value.some((item) => item?.id === option.value)
-        ) : null;
+        ) : options2?.length === 0 && Array.isArray(field?.value) ? field?.value?.map((value2) => ({
+          value: value2?.id,
+          label: value2?.display_name
+        })) : null;
         const handleChange = (selectedOptions) => {
           const newValue = tranfer(selectedOptions);
           field.onChange(newValue);

package/dist/widgets.mjs

@@ -17557,22 +17557,24 @@ var ButtonSelectFiles = ({
     }
     return true;
   };
+  const convertFileToBase64 = (file) => {
+    return new Promise((resolve, reject) => {
+      const reader = new FileReader();
+      reader.readAsDataURL(file);
+      reader.onload = () => resolve(reader.result);
+      reader.onerror = (error2) => reject(error2);
+    });
+  };
   const handleOnChange = async (event) => {
     const files = Array.from(event.target.files ?? []);
-    setUploadError();
     event.target.value = "";
-    if (files.length > 0) {
-      const file = files[0];
-      if (!validateFile(file)) {
-        return;
-      }
-      setUploadError(false);
-      const formData = new FormData();
-      formData.append("ufile", file);
-      formData.append("thread_model", String(model));
-      formData.append("thread_id", Number(id));
-      formData.append("is_pending", true);
-      await handleUploadImage({ formData });
+    if (files.length === 0) return;
+    const file = files[0];
+    try {
+      const base64 = await convertFileToBase64(file);
+      setSelectedFiles([...selectedFiles, { name: file.name, data: base64 }]);
+    } catch (error2) {
+      console.error("Error converting file:", error2);
     }
   };
   return /* @__PURE__ */ jsxs45(Fragment13, { children: [
@@ -32444,7 +32446,19 @@ var FeeField = (props) => {
 import { useEffect as useEffect16, useRef as useRef14, useState as useState16 } from "react";
 import { jsx as jsx85, jsxs as jsxs58 } from "react/jsx-runtime";
 var FileUploadField = (props) => {
-  const { name: name2, methods, isForm, model, required, idForm, widget, useUploadImage, useUploadFile, useGetImage, isBase64File } = props;
+  const {
+    name: name2,
+    methods,
+    isForm,
+    model,
+    required,
+    idForm,
+    widget,
+    useUploadImage,
+    useUploadFile,
+    useGetImage,
+    isBase64File
+  } = props;
   const fileInputRef = useRef14(null);
   const [selectedFiles, setSelectedFiles] = useState16([]);
   const [uploadError, setUploadError] = useState16();
@@ -32458,11 +32472,11 @@ var FileUploadField = (props) => {
       },
       render: ({ field: { onChange: onChange2 }, fieldState: { error: error2 } }) => {
         useEffect16(() => {
-          let datas = widget === "many2many_binary" ? selectedFiles : selectedFiles?.[0]?.datas;
-          if (widget !== "many2many_binary" && datas && isBase64File(datas)) {
-            datas = datas.split(",")[1];
+          let data = widget === "many2many_binary" ? selectedFiles : selectedFiles?.[0]?.data;
+          if (widget !== "many2many_binary" && data && isBase64File(data)) {
+            data = data.split(",")[1];
           }
-          onChange2(datas || null);
+          onChange2(data || null);
           if (model === "ir.attachment") {
             methods.setValue(
               "name",
@@ -32976,9 +32990,12 @@ var Many2ManyTagField = (props) => {
             clearErrors(name2);
           }
         }, [field.value]);
-        const filteredValue = options2 && Array.isArray(field.value) ? options2.filter(
+        const filteredValue = options2 && options2?.length > 0 && Array.isArray(field.value) ? options2.filter(
           (option) => field.value.some((item) => item?.id === option.value)
-        ) : null;
+        ) : options2?.length === 0 && Array.isArray(field?.value) ? field?.value?.map((value2) => ({
+          value: value2?.id,
+          label: value2?.display_name
+        })) : null;
         const handleChange = (selectedOptions) => {
           const newValue = tranfer(selectedOptions);
           field.onChange(newValue);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fctc/sme-widget-ui",
-  "version": "1.4.8",
+  "version": "1.5.0",
   "main": "dist/index.cjs",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",