@atomsolution/sdk-merchant 1.8.4 → 1.8.6

package/dist/assets/locales/en/file.json.d.ts

@@ -27,6 +27,8 @@ declare const _default: {
   "title": "Upload Product List",
   "instruction1": "After formatting is complete, upload the file here. The system will verify the file and return any corrections needed if information is not in the correct format for import into the system.",
   "instruction2": "Each upload is limited to 1 file and up to 100 rows of information (products). If the list contains more rows than allowed, the system will take rows 1 through 100 in order (excluding the header).",
+  "instruction3": "Each upload is limited to 1 file and up to 100 rows of information (products).",
+  "instruction4": "If the list contains more rows than allowed, the system will take rows 1 through 100 in order (excluding the header).",
   "deleteFile": "Delete file",
   "tabs": {
     "sampleDownload": "Download sample file",

package/dist/assets/locales/vi/file.json.d.ts

@@ -27,6 +27,8 @@ declare const _default: {
   "title": "Tải lên danh sách sản phẩm",
   "instruction1": "Sau khi hoàn tất định dạng, hãy tải tệp lên đây. Hệ thống sẽ kiểm tra và trả kết quả cần chỉnh sửa trong trường hợp có thông tin không đúng định dạng để nhập vào hệ thống.",
   "instruction2": "Mỗi lượt tải lên danh sách chỉ được tối đa 01 tệp và tối đa 100 dòng thông tin (sản phẩm). Trường hợp danh sách có nhiều hơn số dòng thông tin quy định, hệ thống sẽ lấy theo thứ tự dòng thông tin số 1 đến dòng thông tin số 100 (không bao gồm tiêu đề).",
+  "instruction3": "Mỗi lượt tải lên danh sách chỉ được tối đa 01 tệp và tối đa 100 dòng thông tin (sản phẩm).",
+  "instruction4": "Trường hợp danh sách có nhiều hơn số dòng thông tin quy định, hệ thống sẽ lấy theo thứ tự dòng thông tin số 1 đến dòng thông tin số 100 (không bao gồm tiêu đề).",
   "deleteFile": "Xóa file",
   "tabs": {
     "sampleDownload": "Tải xuống tệp mẫu",

package/dist/batch-product-creation/components/merchant-batch-create-form/product-info-preview/index.d.ts

@@ -1,5 +1,5 @@
 type Props = {
-    taxDeductionMethod: "direct" | "credit";
+    taxDeductionMethod: 'direct' | 'credit';
 };
 declare const ProductInfoPreview: ({ taxDeductionMethod }: Props) => import("react/jsx-runtime").JSX.Element;
 export default ProductInfoPreview;

package/dist/batch-product-creation.cjs

@@ -70,13 +70,13 @@ 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);
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("./jsx-runtime-DV8UmLi4.cjs");
-const useTranslation = require("./use-translation-CD6xknr3.cjs");
+const useTranslation = require("./use-translation-m-_wCmHs.cjs");
 const reactToastify = require("react-toastify");
 const useWesapApiConfig_store = require("./use-wesap-api-config.store-BaseWS--.cjs");
 const React = require("react");
 const create = require("zustand");
-const useExternalConfig_store = require("./use-external-config.store-D2beE35F.cjs");
-const dropdownMenuAbsolute = require("./dropdownMenuAbsolute-djdsnyTz.cjs");
+const useExternalConfig_store = require("./use-external-config.store-WVwivWvK.cjs");
+const dropdownMenuAbsolute = require("./dropdownMenuAbsolute-BYTyDl09.cjs");
 const ReactDOM = require("react-dom");
 const index = require("./index-Ozgk-K52.cjs");
 const axios = require("axios");
@@ -57660,36 +57660,40 @@ const UpdateProductModal = ({
                 onDeleteImage: handleDeleteImage
               }
             ),
-            /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(Label, { labelText: translate("code"), required: true, children: [
-              /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ErrorMessage, { name: "code", errors }),
-              /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Input, __spreadValues({}, register("code")))
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(Label, { labelText: translate("name"), required: true, children: [
-              /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ErrorMessage, { name: "name", errors }),
-              /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Input, __spreadValues({}, register("name")))
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("div", { className: "w-full min-w-full font-normal", children: [
-              /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("span", { className: "mb-[4px] flex items-center gap-[4px] text-[14px] font-bold leading-[20px] text-gray-700", children: [
-                translate("unit"),
-                /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("span", { className: "text-red-500", children: "*" })
+            /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+              /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(Label, { labelText: translate("name"), required: true, children: [
+                /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ErrorMessage, { name: "name", errors }),
+                /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Input, __spreadValues({}, register("name")))
               ] }),
-              /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ErrorMessage, { name: "unit", errors }),
-              /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-                UnitSelect,
-                {
-                  unitOptions,
-                  setUnitOptions,
-                  onSelectOption: (value) => {
-                    setValue("unit", value);
-                    clearErrors("unit");
-                  },
-                  defaultValue: product == null ? void 0 : product.unit
-                }
-              )
+              /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(Label, { labelText: translate("code"), required: true, children: [
+                /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ErrorMessage, { name: "code", errors }),
+                /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Input, __spreadValues({}, register("code")))
+              ] })
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(Label, { labelText: translate("category"), children: [
-              /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ErrorMessage, { name: "category", errors }),
-              /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(CategoriesInput, { register, control, errors })
+            /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+              /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("div", { className: "w-full min-w-full font-normal", children: [
+                /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("span", { className: "mb-[4px] flex items-center gap-[4px] text-[14px] font-bold leading-[20px] text-gray-700", children: [
+                  translate("unit"),
+                  /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("span", { className: "text-red-500", children: "*" })
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ErrorMessage, { name: "unit", errors }),
+                /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+                  UnitSelect,
+                  {
+                    unitOptions,
+                    setUnitOptions,
+                    onSelectOption: (value) => {
+                      setValue("unit", value);
+                      clearErrors("unit");
+                    },
+                    defaultValue: product == null ? void 0 : product.unit
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(Label, { labelText: translate("category"), children: [
+                /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ErrorMessage, { name: "category", errors }),
+                /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(CategoriesInput, { register, control, errors })
+              ] })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(Label, { labelText: translate("price_vat"), required: true, children: [
               /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ErrorMessage, { name: "priceAfterTax", errors }),
@@ -58000,36 +58004,42 @@ const ProductPreviewTable = ({
     });
   }
   React.useEffect(() => {
-    const handleResetValidateMessages = (productsTableData2) => {
-      const resetProducts = productsTableData2.map((product) => __spreadProps(__spreadValues({}, product), {
-        note: ""
-      }));
-      return resetProducts;
-    };
-    const validate = () => __async(exports, null, function* () {
-      const resetErrorProducts = handleResetValidateMessages(productsTableData);
-      yield handleValidateProductsExist(resetErrorProducts);
-      const validated = resetErrorProducts.map((product) => {
-        let errors = "";
-        const schema = createProductPreviewSchema(translate, 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(exports, 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(translate, 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__ */ jsxRuntime.jsxRuntimeExports.jsxs("div", { className: "overflow-x-auto", children: [
     loading ? /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(dropdownMenuAbsolute.TableSkeleton, {}) : /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
       dropdownMenuAbsolute.ReusableTable,
@@ -58067,7 +58077,9 @@ const ProductInfoPreview = ({ taxDeductionMethod }) => {
   const [showCreateProductConfirmModal, setShowCreateProductConfirmModal] = React.useState(false);
   const [showCreateSuccessModal, setShowSuccessModal] = React.useState(false);
   const [checkedProducts, setCheckedProducts] = React.useState([]);
-  const [createdProductsResult, setCreatedProductsResult] = React.useState(null);
+  const [createdProductsResult, setCreatedProductsResult] = React.useState(
+    null
+  );
   const { sheetMappingData, selectedSheet, uploadedFile, reset } = useUploadStore();
   const filterRow = sheetMappingData.filter((row) => {
     return row.code || row.name || row.priceAfterTax || row.unit || row.category;
@@ -58097,8 +58109,7 @@ const ProductInfoPreview = ({ taxDeductionMethod }) => {
         translate("upload_information_description2"),
         " ",
         /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("strong", { className: "text-[#1E2A7B]", children: uploadedFile == null ? void 0 : uploadedFile.name }),
-        ",",
-        " ",
+        ", ",
         translate("sheet"),
         " ",
         /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("strong", { className: "text-[#1E2A7B]", children: selectedSheet })
@@ -58125,7 +58136,7 @@ const ProductInfoPreview = ({ taxDeductionMethod }) => {
           setCreatedProductsResult(data);
           setShowSuccessModal(true);
         },
-        numCheckedProducts: `${checkedProducts.length}/${sheetMappingData.length}`,
+        numCheckedProducts: `${checkedProducts.length}/${filterRow.length}`,
         checkedProducts,
         taxDeductionMethod
       }
@@ -58150,23 +58161,19 @@ function FileUploadTab({
   const [isUploading, setIsUploading] = React.useState(false);
   const { translate } = useTranslation.useTranslation("file");
   const formatSize = (size) => size < 1024 * 1024 ? `${(size / 1024).toFixed(1)} KB` : `${(size / (1024 * 1024)).toFixed(2)} MB`;
-  if (isCheckData)
-    return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ProductInfoPreview, { taxDeductionMethod });
+  if (isCheckData) return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ProductInfoPreview, { taxDeductionMethod });
   return !isMappingData ? /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-8", children: [
     /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-6", children: [
       /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("p", { className: "text-[#0E121B] font-bold text-[24px] leading-[30px]", children: translate("title") }),
-      /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("ul", { className: "text-[#0E121B] text-[16px] leading-5 font-normal list-disc pl-5", children: [
+      /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("ul", { className: "text-[#0E121B] text-[16px] leading-5 font-normal list-disc pl-5", children: uploadedFile ? /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(jsxRuntime.jsxRuntimeExports.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("li", { children: translate("instruction3") }),
+        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("li", { children: translate("instruction4") })
+      ] }) : /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(jsxRuntime.jsxRuntimeExports.Fragment, { children: [
         /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("li", { children: translate("instruction1") }),
         /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("li", { children: translate("instruction2") })
-      ] })
+      ] }) })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-      FileUploadButton,
-      {
-        isUploading,
-        setIsUploading
-      }
-    ),
+    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(FileUploadButton, { isUploading, setIsUploading }),
     uploadedFile && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
       "div",
       {