npm - @fctc/sme-widget-ui - Versions diffs - 1.8.8 → 1.8.10 - Mend

@fctc/sme-widget-ui 1.8.8 → 1.8.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/dist/index.js CHANGED Viewed

@@ -16835,7 +16835,7 @@ var ButtonSelectFiles = ({
   id,
   widget,
   useUploadImage,
-  useUploadFileExcel
+  useUploadFile
 }) => {
   const { t: t3 } = useI18n();
   const ALLOWED_TYPES = [
@@ -16850,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"));
@@ -16905,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: [
@@ -31940,7 +31932,7 @@ var FileUploadField = (props) => {
     idForm,
     widget,
     useUploadImage,
-    useUploadFileExcel,
+    useUploadFile,
     isBase64File,
     string,
     isEditTable,
@@ -32014,7 +32006,7 @@ var FileUploadField = (props) => {
               model,
               widget,
               useUploadImage,
-              useUploadFileExcel
+              useUploadFile
             }
           ),
           error2 && !isEditTable && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })

package/dist/index.mjs CHANGED Viewed

@@ -16713,7 +16713,7 @@ var ButtonSelectFiles = ({
   id,
   widget,
   useUploadImage,
-  useUploadFileExcel
+  useUploadFile
 }) => {
   const { t: t3 } = useI18n();
   const ALLOWED_TYPES = [
@@ -16728,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"));
@@ -16783,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: [
@@ -31818,7 +31810,7 @@ var FileUploadField = (props) => {
     idForm,
     widget,
     useUploadImage,
-    useUploadFileExcel,
+    useUploadFile,
     isBase64File,
     string,
     isEditTable,
@@ -31892,7 +31884,7 @@ var FileUploadField = (props) => {
               model,
               widget,
               useUploadImage,
-              useUploadFileExcel
+              useUploadFile
             }
           ),
           error2 && !isEditTable && /* @__PURE__ */ jsx87("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })

package/dist/widgets.d.mts CHANGED Viewed

@@ -280,7 +280,7 @@ declare const FeeField: (props: IInputFieldProps) => JSX.Element;
 interface IFileUploadProps extends IInputFieldProps {
     useUploadImage?: any;
-    useUploadFileExcel?: any;
+    useUploadFile?: any;
     useGetImage?: any;
     isBase64File?: any;
     downloadFunction?: (url: string, filename: string) => void;
@@ -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 CHANGED Viewed

@@ -280,7 +280,7 @@ declare const FeeField: (props: IInputFieldProps) => JSX.Element;
 interface IFileUploadProps extends IInputFieldProps {
     useUploadImage?: any;
-    useUploadFileExcel?: any;
+    useUploadFile?: any;
     useGetImage?: any;
     isBase64File?: any;
     downloadFunction?: (url: string, filename: string) => void;
@@ -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 CHANGED Viewed

@@ -16241,7 +16241,7 @@ var ButtonSelectFiles = ({
   id,
   widget,
   useUploadImage,
-  useUploadFileExcel
+  useUploadFile
 }) => {
   const { t: t3 } = useI18n();
   const ALLOWED_TYPES = [
@@ -16256,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"));
@@ -16311,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: [
@@ -31346,7 +31338,7 @@ var FileUploadField = (props) => {
     idForm,
     widget,
     useUploadImage,
-    useUploadFileExcel,
+    useUploadFile,
     isBase64File,
     string,
     isEditTable,
@@ -31420,7 +31412,7 @@ var FileUploadField = (props) => {
               model,
               widget,
               useUploadImage,
-              useUploadFileExcel
+              useUploadFile
             }
           ),
           error2 && !isEditTable && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })

package/dist/widgets.mjs CHANGED Viewed

@@ -16178,7 +16178,7 @@ var ButtonSelectFiles = ({
   id,
   widget,
   useUploadImage,
-  useUploadFileExcel
+  useUploadFile
 }) => {
   const { t: t3 } = useI18n();
   const ALLOWED_TYPES = [
@@ -16193,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"));
@@ -16248,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: [
@@ -31283,7 +31275,7 @@ var FileUploadField = (props) => {
     idForm,
     widget,
     useUploadImage,
-    useUploadFileExcel,
+    useUploadFile,
     isBase64File,
     string,
     isEditTable,
@@ -31357,7 +31349,7 @@ var FileUploadField = (props) => {
               model,
               widget,
               useUploadImage,
-              useUploadFileExcel
+              useUploadFile
             }
           ),
           error2 && !isEditTable && /* @__PURE__ */ jsx87("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })

package/package.json CHANGED Viewed

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