@atomsolution/sdk-merchant 1.8.4 → 1.8.6

package/dist/batch-product-creation.esm.js

@@ -68,14 +68,14 @@ var __asyncGenerator = (__this, __arguments, generator) => {
 };
 var __forAwait = (obj, it, method) => (it = obj[__knownSymbol("asyncIterator")]) ? it.call(obj) : (obj = obj[__knownSymbol("iterator")](), it = {}, method = (key, fn) => (fn = obj[key]) && (it[key] = (arg) => new Promise((yes, no, done) => (arg = fn.call(obj, arg), done = arg.done, Promise.resolve(arg.value).then((value) => yes({ value, done }), no)))), method("next"), method("return"), it);
 import { j as jsxRuntimeExports } from "./jsx-runtime-ClP9nxnW.js";
-import { u as useTranslation, t as translate } from "./use-translation-DFiePp2h.js";
+import { u as useTranslation, t as translate } from "./use-translation-CPJMFAae.js";
 import { ToastContainer } from "react-toastify";
 import { a as useUnsavedChangesStore, u as useWesapApiConfig } from "./use-wesap-api-config.store-CIaEkA7m.js";
 import * as React from "react";
 import React__default, { useState, useRef, useEffect, useMemo, forwardRef, useCallback } from "react";
 import create from "zustand";
-import { u as useExternalConfigStore } from "./use-external-config.store-CAZvrNUF.js";
-import { t as twMerge, B as Button, c as commonjsRequire, b as commonjsGlobal, g as getDefaultExportFromCjs, u as useMediaQuery, T as TableSkeleton, R as ReusableTable, a as DropdownMenuAbsolute } from "./dropdownMenuAbsolute-BvDBLhd-.js";
+import { u as useExternalConfigStore } from "./use-external-config.store-CaaNmLce.js";
+import { t as twMerge, B as Button, c as commonjsRequire, b as commonjsGlobal, g as getDefaultExportFromCjs, u as useMediaQuery, T as TableSkeleton, R as ReusableTable, a as DropdownMenuAbsolute } from "./dropdownMenuAbsolute-CvvI2uRj.js";
 import * as ReactDOM from "react-dom";
 import ReactDOM__default from "react-dom";
 import { C as CustomToast } from "./index-ChOpfqCh.js";
@@ -57642,36 +57642,40 @@ const UpdateProductModal = ({
                 onDeleteImage: handleDeleteImage
               }
             ),
-            /* @__PURE__ */ jsxRuntimeExports.jsxs(Label, { labelText: translate2("code"), required: true, children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorMessage, { name: "code", errors }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx(Input, __spreadValues({}, register("code")))
-            ] }),
-            /* @__PURE__ */ jsxRuntimeExports.jsxs(Label, { labelText: translate2("name"), required: true, children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorMessage, { name: "name", errors }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx(Input, __spreadValues({}, register("name")))
-            ] }),
-            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "w-full min-w-full font-normal", children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "mb-[4px] flex items-center gap-[4px] text-[14px] font-bold leading-[20px] text-gray-700", children: [
-                translate2("unit"),
-                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-red-500", children: "*" })
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsxs(Label, { labelText: translate2("name"), required: true, children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorMessage, { name: "name", errors }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(Input, __spreadValues({}, register("name")))
               ] }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorMessage, { name: "unit", errors }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx(
-                UnitSelect,
-                {
-                  unitOptions,
-                  setUnitOptions,
-                  onSelectOption: (value) => {
-                    setValue("unit", value);
-                    clearErrors("unit");
-                  },
-                  defaultValue: product == null ? void 0 : product.unit
-                }
-              )
+              /* @__PURE__ */ jsxRuntimeExports.jsxs(Label, { labelText: translate2("code"), required: true, children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorMessage, { name: "code", errors }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(Input, __spreadValues({}, register("code")))
+              ] })
             ] }),
-            /* @__PURE__ */ jsxRuntimeExports.jsxs(Label, { labelText: translate2("category"), children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorMessage, { name: "category", errors }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx(CategoriesInput, { register, control, errors })
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "w-full min-w-full font-normal", children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "mb-[4px] flex items-center gap-[4px] text-[14px] font-bold leading-[20px] text-gray-700", children: [
+                  translate2("unit"),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-red-500", children: "*" })
+                ] }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorMessage, { name: "unit", errors }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  UnitSelect,
+                  {
+                    unitOptions,
+                    setUnitOptions,
+                    onSelectOption: (value) => {
+                      setValue("unit", value);
+                      clearErrors("unit");
+                    },
+                    defaultValue: product == null ? void 0 : product.unit
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxRuntimeExports.jsxs(Label, { labelText: translate2("category"), children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorMessage, { name: "category", errors }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(CategoriesInput, { register, control, errors })
+              ] })
             ] }),
             /* @__PURE__ */ jsxRuntimeExports.jsxs(Label, { labelText: translate2("price_vat"), required: true, children: [
               /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorMessage, { name: "priceAfterTax", errors }),
@@ -57982,36 +57986,42 @@ const ProductPreviewTable = ({
     });
   }
   useEffect(() => {
-    const handleResetValidateMessages = (productsTableData2) => {
-      const resetProducts = productsTableData2.map((product) => __spreadProps(__spreadValues({}, product), {
-        note: ""
-      }));
-      return resetProducts;
-    };
-    const validate = () => __async(void 0, null, function* () {
-      const resetErrorProducts = handleResetValidateMessages(productsTableData);
-      yield handleValidateProductsExist(resetErrorProducts);
-      const validated = resetErrorProducts.map((product) => {
-        let errors = "";
-        const schema = createProductPreviewSchema(translate2, taxDeductionMethod);
-        const result = schema.safeParse(product);
-        if (!result.success) {
-          const fields = /* @__PURE__ */ new Set();
-          const zErrors = result.error.issues.filter((error) => {
-            if (fields.has(error.path[0])) return false;
-            fields.add(error.path[0]);
-            return true;
-          }).map((error) => error.message).join("\n");
-          errors = errors + zErrors;
-        }
-        product.note = product.note + errors;
-        return product;
-      });
-      setValidatedProducts(validated);
+    if (productsTableData.length === 0) {
       setLoading(false);
+      return;
+    }
+    let isMounted = true;
+    const validate = () => __async(void 0, null, function* () {
+      setLoading(true);
+      const productsToValidate = productsTableData.map((p) => __spreadProps(__spreadValues({}, p), { note: "" }));
+      try {
+        yield handleValidateProductsExist(productsToValidate);
+        if (!isMounted) return;
+        const finalValidated = productsToValidate.map((product) => {
+          var _a;
+          let errors = "";
+          const schema = createProductPreviewSchema(translate2, taxDeductionMethod);
+          const result = schema.safeParse(product);
+          if (!result.success) {
+            errors = ((_a = result.error.issues[0]) == null ? void 0 : _a.message) || "";
+          }
+          return __spreadProps(__spreadValues({}, product), { note: product.note + errors });
+        });
+        setValidatedProducts(finalValidated);
+      } catch (err) {
+        console.error(err);
+      } finally {
+        if (isMounted) setLoading(false);
+      }
     });
-    validate();
-  }, [productsTableData]);
+    const timeoutId = setTimeout(() => {
+      validate();
+    }, 500);
+    return () => {
+      isMounted = false;
+      clearTimeout(timeoutId);
+    };
+  }, [productsTableData, taxDeductionMethod]);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "overflow-x-auto", children: [
     loading ? /* @__PURE__ */ jsxRuntimeExports.jsx(TableSkeleton, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(
       ReusableTable,
@@ -58049,7 +58059,9 @@ const ProductInfoPreview = ({ taxDeductionMethod }) => {
   const [showCreateProductConfirmModal, setShowCreateProductConfirmModal] = useState(false);
   const [showCreateSuccessModal, setShowSuccessModal] = useState(false);
   const [checkedProducts, setCheckedProducts] = useState([]);
-  const [createdProductsResult, setCreatedProductsResult] = useState(null);
+  const [createdProductsResult, setCreatedProductsResult] = useState(
+    null
+  );
   const { sheetMappingData, selectedSheet, uploadedFile, reset } = useUploadStore();
   const filterRow = sheetMappingData.filter((row) => {
     return row.code || row.name || row.priceAfterTax || row.unit || row.category;
@@ -58079,8 +58091,7 @@ const ProductInfoPreview = ({ taxDeductionMethod }) => {
         translate2("upload_information_description2"),
         " ",
         /* @__PURE__ */ jsxRuntimeExports.jsx("strong", { className: "text-[#1E2A7B]", children: uploadedFile == null ? void 0 : uploadedFile.name }),
-        ",",
-        " ",
+        ", ",
         translate2("sheet"),
         " ",
         /* @__PURE__ */ jsxRuntimeExports.jsx("strong", { className: "text-[#1E2A7B]", children: selectedSheet })
@@ -58107,7 +58118,7 @@ const ProductInfoPreview = ({ taxDeductionMethod }) => {
           setCreatedProductsResult(data);
           setShowSuccessModal(true);
         },
-        numCheckedProducts: `${checkedProducts.length}/${sheetMappingData.length}`,
+        numCheckedProducts: `${checkedProducts.length}/${filterRow.length}`,
         checkedProducts,
         taxDeductionMethod
       }
@@ -58132,23 +58143,19 @@ function FileUploadTab({
   const [isUploading, setIsUploading] = useState(false);
   const { translate: translate2 } = useTranslation("file");
   const formatSize = (size) => size < 1024 * 1024 ? `${(size / 1024).toFixed(1)} KB` : `${(size / (1024 * 1024)).toFixed(2)} MB`;
-  if (isCheckData)
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(ProductInfoPreview, { taxDeductionMethod });
+  if (isCheckData) return /* @__PURE__ */ jsxRuntimeExports.jsx(ProductInfoPreview, { taxDeductionMethod });
   return !isMappingData ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-8", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-6", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[#0E121B] font-bold text-[24px] leading-[30px]", children: translate2("title") }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("ul", { className: "text-[#0E121B] text-[16px] leading-5 font-normal list-disc pl-5", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { className: "text-[#0E121B] text-[16px] leading-5 font-normal list-disc pl-5", children: uploadedFile ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: translate2("instruction3") }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: translate2("instruction4") })
+      ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: translate2("instruction1") }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: translate2("instruction2") })
-      ] })
+      ] }) })
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      FileUploadButton,
-      {
-        isUploading,
-        setIsUploading
-      }
-    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(FileUploadButton, { isUploading, setIsUploading }),
     uploadedFile && /* @__PURE__ */ jsxRuntimeExports.jsxs(
       "div",
       {