@fctc/sme-widget-ui 1.8.7 → 1.8.9

package/dist/index.js

@@ -10015,6 +10015,18 @@ var vi_default = {
   filter_by: "B\u1ED9 l\u1ECDc",
   group_by: "Nh\xF3m theo",
   or: "ho\u1EB7c",
+  second_ago: "gi\xE2y tr\u01B0\u1EDBc",
+  minute_ago: "ph\xFAt tr\u01B0\u1EDBc",
+  hour_ago: "gi\u1EDD tr\u01B0\u1EDBc",
+  day_ago: "ng\xE0y tr\u01B0\u1EDBc",
+  month_ago: "th\xE1ng tr\u01B0\u1EDBc",
+  year_ago: "n\u0103m tr\u01B0\u1EDBc",
+  second_future: "gi\xE2y n\u1EEFa",
+  minute_future: "ph\xFAt n\u1EEFa",
+  hour_future: "gi\u1EDD n\u1EEFa",
+  day_future: "ng\xE0y n\u1EEFa",
+  month_future: "th\xE1ng n\u1EEFa",
+  year_future: "n\u0103m n\u1EEFa",
   now: "B\xE2y gi\u1EDD",
   download_file: "T\u1EA3i xu\u1ED1ng t\u1EC7p n\xE0y",
   upload_success: "T\u1EA3i t\u1EC7p l\xEAn th\xE0nh c\xF4ng",
@@ -10052,6 +10064,18 @@ var en_default = {
   group_by: "Group By",
   or: "or",
   now: "Now",
+  second_ago: "seconds ago",
+  minute_ago: "minutes ago",
+  hour_ago: "hours ago",
+  day_ago: "days ago",
+  month_ago: "months ago",
+  year_ago: "years ago",
+  second_future: "seconds",
+  minute_future: "minutes",
+  hour_future: "hours",
+  day_future: "days",
+  month_future: "months",
+  year_future: "years",
   download_file: "Download this file",
   upload_success: "Upload file success",
   upload_failure: "Upload file failure",
@@ -16811,7 +16835,7 @@ var ButtonSelectFiles = ({
   id,
   widget,
   useUploadImage,
-  useUploadFileExcel
+  useUploadFile
 }) => {
   const { t: t3 } = useI18n();
   const ALLOWED_TYPES = [
@@ -16826,42 +16850,8 @@ var ButtonSelectFiles = ({
   ];
   const MAX_FILE_SIZE = 10 * 1024 * 1024;
   const MAX_TOTAL_SIZE = 50 * 1024 * 1024;
-  const { mutate: onUploadImage, isPending } = useUploadImage();
-  const { mutate: onUploadFile } = useUploadFileExcel();
-  const handleUploadImage = async ({ formData }) => {
-    console.log("data", formData);
-    if (widget !== "many2many_binary") {
-      onUploadImage(
-        { formData },
-        {
-          onSuccess: (data) => {
-            const formatData = data?.data?.["ir.attachment"]?.[0];
-            const files = [...selectedFiles, formatData];
-            setSelectedFiles(files);
-            y2.success(t3("upload_success"));
-          },
-          onError: () => {
-            y2.error(t3("upload_failure"));
-          }
-        }
-      );
-    } else {
-      onUploadFile(
-        { formData },
-        {
-          onSuccess: (data) => {
-            const formatData = data?.data?.["ir.attachment"]?.[0];
-            const files = [...selectedFiles, formatData];
-            setSelectedFiles(files);
-            y2.success(t3("upload_success"));
-          },
-          onError: () => {
-            y2.error(t3("upload_failure"));
-          }
-        }
-      );
-    }
-  };
+  const isBinary = widget === "many2many_binary";
+  const { mutate, isPending } = isBinary ? useUploadFile() : useUploadImage();
   const validateFile = (file) => {
     if (!ALLOWED_TYPES.includes(file.type)) {
       setUploadError(t3("file_accept_single"));
@@ -16881,24 +16871,50 @@ 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 handleUpload = async (formData) => {
+    mutate(
+      { formData },
+      {
+        onSuccess: (data) => {
+          let newFiles = [];
+          if (isBinary) {
+            newFiles = Array.isArray(data) ? data : [data];
+          } else {
+            const formatData = data?.data?.["ir.attachment"]?.[0];
+            newFiles = formatData ? [formatData] : [];
+          }
+          setSelectedFiles((prev2) => {
+            return [...prev2, ...newFiles];
+          });
+          y2.success(instance.t("upload_success"));
+        },
+        onError: () => {
+          y2.error(instance.t("upload_failure"));
+        }
+      }
+    );
   };
   const handleOnChange = async (event) => {
     const files = Array.from(event.target.files ?? []);
+    setUploadError(void 0);
     event.target.value = "";
     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);
+    const validFiles = files.filter((file) => validateFile(file));
+    if (validFiles.length === 0) return;
+    if (isBinary) {
+      const formData = new FormData();
+      validFiles.forEach((file) => formData.append("ufile", file));
+      formData.append("model", String(model));
+      formData.append("id", id ? String(id) : String(0));
+      await handleUpload(formData);
+    } else {
+      const file = validFiles[0];
+      const formData = new FormData();
+      formData.append("ufile", file);
+      formData.append("thread_model", String(model));
+      formData.append("thread_id", id ? String(id) : String(0));
+      formData.append("is_pending", "true");
+      await handleUpload(formData);
     }
   };
   return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(import_jsx_runtime69.Fragment, { children: [

package/dist/index.mjs

@@ -9893,6 +9893,18 @@ var vi_default = {
   filter_by: "B\u1ED9 l\u1ECDc",
   group_by: "Nh\xF3m theo",
   or: "ho\u1EB7c",
+  second_ago: "gi\xE2y tr\u01B0\u1EDBc",
+  minute_ago: "ph\xFAt tr\u01B0\u1EDBc",
+  hour_ago: "gi\u1EDD tr\u01B0\u1EDBc",
+  day_ago: "ng\xE0y tr\u01B0\u1EDBc",
+  month_ago: "th\xE1ng tr\u01B0\u1EDBc",
+  year_ago: "n\u0103m tr\u01B0\u1EDBc",
+  second_future: "gi\xE2y n\u1EEFa",
+  minute_future: "ph\xFAt n\u1EEFa",
+  hour_future: "gi\u1EDD n\u1EEFa",
+  day_future: "ng\xE0y n\u1EEFa",
+  month_future: "th\xE1ng n\u1EEFa",
+  year_future: "n\u0103m n\u1EEFa",
   now: "B\xE2y gi\u1EDD",
   download_file: "T\u1EA3i xu\u1ED1ng t\u1EC7p n\xE0y",
   upload_success: "T\u1EA3i t\u1EC7p l\xEAn th\xE0nh c\xF4ng",
@@ -9930,6 +9942,18 @@ var en_default = {
   group_by: "Group By",
   or: "or",
   now: "Now",
+  second_ago: "seconds ago",
+  minute_ago: "minutes ago",
+  hour_ago: "hours ago",
+  day_ago: "days ago",
+  month_ago: "months ago",
+  year_ago: "years ago",
+  second_future: "seconds",
+  minute_future: "minutes",
+  hour_future: "hours",
+  day_future: "days",
+  month_future: "months",
+  year_future: "years",
   download_file: "Download this file",
   upload_success: "Upload file success",
   upload_failure: "Upload file failure",
@@ -16689,7 +16713,7 @@ var ButtonSelectFiles = ({
   id,
   widget,
   useUploadImage,
-  useUploadFileExcel
+  useUploadFile
 }) => {
   const { t: t3 } = useI18n();
   const ALLOWED_TYPES = [
@@ -16704,42 +16728,8 @@ var ButtonSelectFiles = ({
   ];
   const MAX_FILE_SIZE = 10 * 1024 * 1024;
   const MAX_TOTAL_SIZE = 50 * 1024 * 1024;
-  const { mutate: onUploadImage, isPending } = useUploadImage();
-  const { mutate: onUploadFile } = useUploadFileExcel();
-  const handleUploadImage = async ({ formData }) => {
-    console.log("data", formData);
-    if (widget !== "many2many_binary") {
-      onUploadImage(
-        { formData },
-        {
-          onSuccess: (data) => {
-            const formatData = data?.data?.["ir.attachment"]?.[0];
-            const files = [...selectedFiles, formatData];
-            setSelectedFiles(files);
-            y2.success(t3("upload_success"));
-          },
-          onError: () => {
-            y2.error(t3("upload_failure"));
-          }
-        }
-      );
-    } else {
-      onUploadFile(
-        { formData },
-        {
-          onSuccess: (data) => {
-            const formatData = data?.data?.["ir.attachment"]?.[0];
-            const files = [...selectedFiles, formatData];
-            setSelectedFiles(files);
-            y2.success(t3("upload_success"));
-          },
-          onError: () => {
-            y2.error(t3("upload_failure"));
-          }
-        }
-      );
-    }
-  };
+  const isBinary = widget === "many2many_binary";
+  const { mutate, isPending } = isBinary ? useUploadFile() : useUploadImage();
   const validateFile = (file) => {
     if (!ALLOWED_TYPES.includes(file.type)) {
       setUploadError(t3("file_accept_single"));
@@ -16759,24 +16749,50 @@ 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 handleUpload = async (formData) => {
+    mutate(
+      { formData },
+      {
+        onSuccess: (data) => {
+          let newFiles = [];
+          if (isBinary) {
+            newFiles = Array.isArray(data) ? data : [data];
+          } else {
+            const formatData = data?.data?.["ir.attachment"]?.[0];
+            newFiles = formatData ? [formatData] : [];
+          }
+          setSelectedFiles((prev2) => {
+            return [...prev2, ...newFiles];
+          });
+          y2.success(instance.t("upload_success"));
+        },
+        onError: () => {
+          y2.error(instance.t("upload_failure"));
+        }
+      }
+    );
   };
   const handleOnChange = async (event) => {
     const files = Array.from(event.target.files ?? []);
+    setUploadError(void 0);
     event.target.value = "";
     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);
+    const validFiles = files.filter((file) => validateFile(file));
+    if (validFiles.length === 0) return;
+    if (isBinary) {
+      const formData = new FormData();
+      validFiles.forEach((file) => formData.append("ufile", file));
+      formData.append("model", String(model));
+      formData.append("id", id ? String(id) : String(0));
+      await handleUpload(formData);
+    } else {
+      const file = validFiles[0];
+      const formData = new FormData();
+      formData.append("ufile", file);
+      formData.append("thread_model", String(model));
+      formData.append("thread_id", id ? String(id) : String(0));
+      formData.append("is_pending", "true");
+      await handleUpload(formData);
     }
   };
   return /* @__PURE__ */ jsxs44(Fragment14, { children: [

package/dist/utils.js

@@ -6830,6 +6830,18 @@ var vi_default = {
   filter_by: "B\u1ED9 l\u1ECDc",
   group_by: "Nh\xF3m theo",
   or: "ho\u1EB7c",
+  second_ago: "gi\xE2y tr\u01B0\u1EDBc",
+  minute_ago: "ph\xFAt tr\u01B0\u1EDBc",
+  hour_ago: "gi\u1EDD tr\u01B0\u1EDBc",
+  day_ago: "ng\xE0y tr\u01B0\u1EDBc",
+  month_ago: "th\xE1ng tr\u01B0\u1EDBc",
+  year_ago: "n\u0103m tr\u01B0\u1EDBc",
+  second_future: "gi\xE2y n\u1EEFa",
+  minute_future: "ph\xFAt n\u1EEFa",
+  hour_future: "gi\u1EDD n\u1EEFa",
+  day_future: "ng\xE0y n\u1EEFa",
+  month_future: "th\xE1ng n\u1EEFa",
+  year_future: "n\u0103m n\u1EEFa",
   now: "B\xE2y gi\u1EDD",
   download_file: "T\u1EA3i xu\u1ED1ng t\u1EC7p n\xE0y",
   upload_success: "T\u1EA3i t\u1EC7p l\xEAn th\xE0nh c\xF4ng",
@@ -6867,6 +6879,18 @@ var en_default = {
   group_by: "Group By",
   or: "or",
   now: "Now",
+  second_ago: "seconds ago",
+  minute_ago: "minutes ago",
+  hour_ago: "hours ago",
+  day_ago: "days ago",
+  month_ago: "months ago",
+  year_ago: "years ago",
+  second_future: "seconds",
+  minute_future: "minutes",
+  hour_future: "hours",
+  day_future: "days",
+  month_future: "months",
+  year_future: "years",
   download_file: "Download this file",
   upload_success: "Upload file success",
   upload_failure: "Upload file failure",

package/dist/utils.mjs

@@ -6807,6 +6807,18 @@ var vi_default = {
   filter_by: "B\u1ED9 l\u1ECDc",
   group_by: "Nh\xF3m theo",
   or: "ho\u1EB7c",
+  second_ago: "gi\xE2y tr\u01B0\u1EDBc",
+  minute_ago: "ph\xFAt tr\u01B0\u1EDBc",
+  hour_ago: "gi\u1EDD tr\u01B0\u1EDBc",
+  day_ago: "ng\xE0y tr\u01B0\u1EDBc",
+  month_ago: "th\xE1ng tr\u01B0\u1EDBc",
+  year_ago: "n\u0103m tr\u01B0\u1EDBc",
+  second_future: "gi\xE2y n\u1EEFa",
+  minute_future: "ph\xFAt n\u1EEFa",
+  hour_future: "gi\u1EDD n\u1EEFa",
+  day_future: "ng\xE0y n\u1EEFa",
+  month_future: "th\xE1ng n\u1EEFa",
+  year_future: "n\u0103m n\u1EEFa",
   now: "B\xE2y gi\u1EDD",
   download_file: "T\u1EA3i xu\u1ED1ng t\u1EC7p n\xE0y",
   upload_success: "T\u1EA3i t\u1EC7p l\xEAn th\xE0nh c\xF4ng",
@@ -6844,6 +6856,18 @@ var en_default = {
   group_by: "Group By",
   or: "or",
   now: "Now",
+  second_ago: "seconds ago",
+  minute_ago: "minutes ago",
+  hour_ago: "hours ago",
+  day_ago: "days ago",
+  month_ago: "months ago",
+  year_ago: "years ago",
+  second_future: "seconds",
+  minute_future: "minutes",
+  hour_future: "hours",
+  day_future: "days",
+  month_future: "months",
+  year_future: "years",
   download_file: "Download this file",
   upload_success: "Upload file success",
   upload_failure: "Upload file failure",

package/dist/widgets.d.mts

@@ -497,7 +497,7 @@ declare const LoadingSmall: () => JSX.Element;
 
 declare const RenderFiles: ({ selectedFiles, setSelectedFiles, useGetImage }: any) => JSX.Element;
 
-declare const ButtonSelectFiles: ({ fileInputRef, selectedFiles, setSelectedFiles, setUploadError, model, id, widget, useUploadImage, useUploadFileExcel, }: any) => JSX.Element;
+declare const ButtonSelectFiles: ({ fileInputRef, selectedFiles, setSelectedFiles, setUploadError, model, id, widget, useUploadImage, useUploadFile, }: any) => JSX.Element;
 
 interface VideoPlayerProps {
     src: string;

package/dist/widgets.d.ts

@@ -497,7 +497,7 @@ declare const LoadingSmall: () => JSX.Element;
 
 declare const RenderFiles: ({ selectedFiles, setSelectedFiles, useGetImage }: any) => JSX.Element;
 
-declare const ButtonSelectFiles: ({ fileInputRef, selectedFiles, setSelectedFiles, setUploadError, model, id, widget, useUploadImage, useUploadFileExcel, }: any) => JSX.Element;
+declare const ButtonSelectFiles: ({ fileInputRef, selectedFiles, setSelectedFiles, setUploadError, model, id, widget, useUploadImage, useUploadFile, }: any) => JSX.Element;
 
 interface VideoPlayerProps {
     src: string;

package/dist/widgets.js

@@ -7754,6 +7754,18 @@ var vi_default = {
   filter_by: "B\u1ED9 l\u1ECDc",
   group_by: "Nh\xF3m theo",
   or: "ho\u1EB7c",
+  second_ago: "gi\xE2y tr\u01B0\u1EDBc",
+  minute_ago: "ph\xFAt tr\u01B0\u1EDBc",
+  hour_ago: "gi\u1EDD tr\u01B0\u1EDBc",
+  day_ago: "ng\xE0y tr\u01B0\u1EDBc",
+  month_ago: "th\xE1ng tr\u01B0\u1EDBc",
+  year_ago: "n\u0103m tr\u01B0\u1EDBc",
+  second_future: "gi\xE2y n\u1EEFa",
+  minute_future: "ph\xFAt n\u1EEFa",
+  hour_future: "gi\u1EDD n\u1EEFa",
+  day_future: "ng\xE0y n\u1EEFa",
+  month_future: "th\xE1ng n\u1EEFa",
+  year_future: "n\u0103m n\u1EEFa",
   now: "B\xE2y gi\u1EDD",
   download_file: "T\u1EA3i xu\u1ED1ng t\u1EC7p n\xE0y",
   upload_success: "T\u1EA3i t\u1EC7p l\xEAn th\xE0nh c\xF4ng",
@@ -7791,6 +7803,18 @@ var en_default = {
   group_by: "Group By",
   or: "or",
   now: "Now",
+  second_ago: "seconds ago",
+  minute_ago: "minutes ago",
+  hour_ago: "hours ago",
+  day_ago: "days ago",
+  month_ago: "months ago",
+  year_ago: "years ago",
+  second_future: "seconds",
+  minute_future: "minutes",
+  hour_future: "hours",
+  day_future: "days",
+  month_future: "months",
+  year_future: "years",
   download_file: "Download this file",
   upload_success: "Upload file success",
   upload_failure: "Upload file failure",
@@ -16217,7 +16241,7 @@ var ButtonSelectFiles = ({
   id,
   widget,
   useUploadImage,
-  useUploadFileExcel
+  useUploadFile
 }) => {
   const { t: t3 } = useI18n();
   const ALLOWED_TYPES = [
@@ -16232,42 +16256,8 @@ var ButtonSelectFiles = ({
   ];
   const MAX_FILE_SIZE = 10 * 1024 * 1024;
   const MAX_TOTAL_SIZE = 50 * 1024 * 1024;
-  const { mutate: onUploadImage, isPending } = useUploadImage();
-  const { mutate: onUploadFile } = useUploadFileExcel();
-  const handleUploadImage = async ({ formData }) => {
-    console.log("data", formData);
-    if (widget !== "many2many_binary") {
-      onUploadImage(
-        { formData },
-        {
-          onSuccess: (data) => {
-            const formatData = data?.data?.["ir.attachment"]?.[0];
-            const files = [...selectedFiles, formatData];
-            setSelectedFiles(files);
-            y2.success(t3("upload_success"));
-          },
-          onError: () => {
-            y2.error(t3("upload_failure"));
-          }
-        }
-      );
-    } else {
-      onUploadFile(
-        { formData },
-        {
-          onSuccess: (data) => {
-            const formatData = data?.data?.["ir.attachment"]?.[0];
-            const files = [...selectedFiles, formatData];
-            setSelectedFiles(files);
-            y2.success(t3("upload_success"));
-          },
-          onError: () => {
-            y2.error(t3("upload_failure"));
-          }
-        }
-      );
-    }
-  };
+  const isBinary = widget === "many2many_binary";
+  const { mutate, isPending } = isBinary ? useUploadFile() : useUploadImage();
   const validateFile = (file) => {
     if (!ALLOWED_TYPES.includes(file.type)) {
       setUploadError(t3("file_accept_single"));
@@ -16287,24 +16277,50 @@ 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 handleUpload = async (formData) => {
+    mutate(
+      { formData },
+      {
+        onSuccess: (data) => {
+          let newFiles = [];
+          if (isBinary) {
+            newFiles = Array.isArray(data) ? data : [data];
+          } else {
+            const formatData = data?.data?.["ir.attachment"]?.[0];
+            newFiles = formatData ? [formatData] : [];
+          }
+          setSelectedFiles((prev2) => {
+            return [...prev2, ...newFiles];
+          });
+          y2.success(instance.t("upload_success"));
+        },
+        onError: () => {
+          y2.error(instance.t("upload_failure"));
+        }
+      }
+    );
   };
   const handleOnChange = async (event) => {
     const files = Array.from(event.target.files ?? []);
+    setUploadError(void 0);
     event.target.value = "";
     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);
+    const validFiles = files.filter((file) => validateFile(file));
+    if (validFiles.length === 0) return;
+    if (isBinary) {
+      const formData = new FormData();
+      validFiles.forEach((file) => formData.append("ufile", file));
+      formData.append("model", String(model));
+      formData.append("id", id ? String(id) : String(0));
+      await handleUpload(formData);
+    } else {
+      const file = validFiles[0];
+      const formData = new FormData();
+      formData.append("ufile", file);
+      formData.append("thread_model", String(model));
+      formData.append("thread_id", id ? String(id) : String(0));
+      formData.append("is_pending", "true");
+      await handleUpload(formData);
     }
   };
   return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(import_jsx_runtime69.Fragment, { children: [

package/dist/widgets.mjs

@@ -7691,6 +7691,18 @@ var vi_default = {
   filter_by: "B\u1ED9 l\u1ECDc",
   group_by: "Nh\xF3m theo",
   or: "ho\u1EB7c",
+  second_ago: "gi\xE2y tr\u01B0\u1EDBc",
+  minute_ago: "ph\xFAt tr\u01B0\u1EDBc",
+  hour_ago: "gi\u1EDD tr\u01B0\u1EDBc",
+  day_ago: "ng\xE0y tr\u01B0\u1EDBc",
+  month_ago: "th\xE1ng tr\u01B0\u1EDBc",
+  year_ago: "n\u0103m tr\u01B0\u1EDBc",
+  second_future: "gi\xE2y n\u1EEFa",
+  minute_future: "ph\xFAt n\u1EEFa",
+  hour_future: "gi\u1EDD n\u1EEFa",
+  day_future: "ng\xE0y n\u1EEFa",
+  month_future: "th\xE1ng n\u1EEFa",
+  year_future: "n\u0103m n\u1EEFa",
   now: "B\xE2y gi\u1EDD",
   download_file: "T\u1EA3i xu\u1ED1ng t\u1EC7p n\xE0y",
   upload_success: "T\u1EA3i t\u1EC7p l\xEAn th\xE0nh c\xF4ng",
@@ -7728,6 +7740,18 @@ var en_default = {
   group_by: "Group By",
   or: "or",
   now: "Now",
+  second_ago: "seconds ago",
+  minute_ago: "minutes ago",
+  hour_ago: "hours ago",
+  day_ago: "days ago",
+  month_ago: "months ago",
+  year_ago: "years ago",
+  second_future: "seconds",
+  minute_future: "minutes",
+  hour_future: "hours",
+  day_future: "days",
+  month_future: "months",
+  year_future: "years",
   download_file: "Download this file",
   upload_success: "Upload file success",
   upload_failure: "Upload file failure",
@@ -16154,7 +16178,7 @@ var ButtonSelectFiles = ({
   id,
   widget,
   useUploadImage,
-  useUploadFileExcel
+  useUploadFile
 }) => {
   const { t: t3 } = useI18n();
   const ALLOWED_TYPES = [
@@ -16169,42 +16193,8 @@ var ButtonSelectFiles = ({
   ];
   const MAX_FILE_SIZE = 10 * 1024 * 1024;
   const MAX_TOTAL_SIZE = 50 * 1024 * 1024;
-  const { mutate: onUploadImage, isPending } = useUploadImage();
-  const { mutate: onUploadFile } = useUploadFileExcel();
-  const handleUploadImage = async ({ formData }) => {
-    console.log("data", formData);
-    if (widget !== "many2many_binary") {
-      onUploadImage(
-        { formData },
-        {
-          onSuccess: (data) => {
-            const formatData = data?.data?.["ir.attachment"]?.[0];
-            const files = [...selectedFiles, formatData];
-            setSelectedFiles(files);
-            y2.success(t3("upload_success"));
-          },
-          onError: () => {
-            y2.error(t3("upload_failure"));
-          }
-        }
-      );
-    } else {
-      onUploadFile(
-        { formData },
-        {
-          onSuccess: (data) => {
-            const formatData = data?.data?.["ir.attachment"]?.[0];
-            const files = [...selectedFiles, formatData];
-            setSelectedFiles(files);
-            y2.success(t3("upload_success"));
-          },
-          onError: () => {
-            y2.error(t3("upload_failure"));
-          }
-        }
-      );
-    }
-  };
+  const isBinary = widget === "many2many_binary";
+  const { mutate, isPending } = isBinary ? useUploadFile() : useUploadImage();
   const validateFile = (file) => {
     if (!ALLOWED_TYPES.includes(file.type)) {
       setUploadError(t3("file_accept_single"));
@@ -16224,24 +16214,50 @@ 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 handleUpload = async (formData) => {
+    mutate(
+      { formData },
+      {
+        onSuccess: (data) => {
+          let newFiles = [];
+          if (isBinary) {
+            newFiles = Array.isArray(data) ? data : [data];
+          } else {
+            const formatData = data?.data?.["ir.attachment"]?.[0];
+            newFiles = formatData ? [formatData] : [];
+          }
+          setSelectedFiles((prev2) => {
+            return [...prev2, ...newFiles];
+          });
+          y2.success(instance.t("upload_success"));
+        },
+        onError: () => {
+          y2.error(instance.t("upload_failure"));
+        }
+      }
+    );
   };
   const handleOnChange = async (event) => {
     const files = Array.from(event.target.files ?? []);
+    setUploadError(void 0);
     event.target.value = "";
     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);
+    const validFiles = files.filter((file) => validateFile(file));
+    if (validFiles.length === 0) return;
+    if (isBinary) {
+      const formData = new FormData();
+      validFiles.forEach((file) => formData.append("ufile", file));
+      formData.append("model", String(model));
+      formData.append("id", id ? String(id) : String(0));
+      await handleUpload(formData);
+    } else {
+      const file = validFiles[0];
+      const formData = new FormData();
+      formData.append("ufile", file);
+      formData.append("thread_model", String(model));
+      formData.append("thread_id", id ? String(id) : String(0));
+      formData.append("is_pending", "true");
+      await handleUpload(formData);
     }
   };
   return /* @__PURE__ */ jsxs44(Fragment14, { children: [

package/package.json

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