finance-shared 0.0.16 → 0.0.18

package/dist/finance-shared-library.es.js

@@ -81,12 +81,13 @@ const locale$3 = {
   DOCUMENTS_REMARKS: "Documents Remarks",
   LOAN_AMOUNT: "Loan Amount",
   INTEREST_RATE: "Interest Rate",
-  INTEREST_FEES: "Interest Fees",
-  REPAYMENT_AMOUNT: "Repayment Amount",
+  INTEREST_FEES: "Total Interest",
+  REPAYMENT_AMOUNT: "Monthly Installment",
+  PRINCIPLE_PLUS_INTEREST: "Principal + Interest",
   DISBURSEMENT: "Disbursement",
   CONFIRM_INFORMATION_READ: "I confirm that I have read, understood, and agree to the loan amount, interest rate, repayment terms, deductions, tenure, and all related loan details.",
   PDF_PREVIEW_TITLE: "Summary of loan application",
-  TOTAL_INTEREST_RATE: "Total Interest Rate",
+  TOTAL_INTEREST_RATE: "Interest Rate",
   DURATION: "Duration",
   STAMP_DUTY: "Stamp Duty",
   LEGAL_FEES: "Legal Fees",
@@ -149,12 +150,13 @@ const locale$2 = {
   DOCUMENTS_REMARKS: "Documents Remarks",
   LOAN_AMOUNT: "Jumlah Pinjaman",
   INTEREST_RATE: "Kadar Faedah",
-  INTEREST_FEES: "Yuran Faedah",
-  REPAYMENT_AMOUNT: "Amaun Bayaran Balik",
+  INTEREST_FEES: "Jumlah Faedah",
+  REPAYMENT_AMOUNT: "Ansuran Bulanan",
+  PRINCIPLE_PLUS_INTEREST: "Prinsipal + Faedah",
   DISBURSEMENT: "Pengeluaran",
   CONFIRM_INFORMATION_READ: "Saya mengesahkan bahawa saya telah membaca, memahami, dan bersetuju dengan jumlah pinjaman, kadar faedah, terma pembayaran balik, potongan, tempoh pinjaman, serta semua butiran pinjaman yang berkaitan.",
   PDF_PREVIEW_TITLE: "Ringkasan permohonan pinjaman",
-  TOTAL_INTEREST_RATE: "Jumlah Kadar Faedah",
+  TOTAL_INTEREST_RATE: "Kadar Faedah",
   DURATION: "Tempoh",
   STAMP_DUTY: "Duti Setem",
   LEGAL_FEES: "Yuran Guaman",
@@ -25189,27 +25191,20 @@ const SearchableAutocomplete = memo(
         });
       }
     }, []);
-    const fetchDebouncedOptions = useCallback(
-      useDebounce(async (search) => {
-        setLoading2(true);
-        try {
-          const results = await fetchOptions(search, 0);
-          setOptions(results);
-        } catch (err) {
-          console.error("Error fetching options:", err);
-        } finally {
-          setLoading2(false);
-        }
-      }, 1e3),
-      [fetchOptions]
-    );
+    const fetchDebouncedOptions = useDebounce(async (search) => {
+      setLoading2(true);
+      try {
+        const results = await fetchOptions(search, 0);
+        setOptions(results);
+      } catch (err) {
+        console.error("Error fetching options:", err);
+      } finally {
+        setLoading2(false);
+      }
+    }, 1e3);
     useEffect(() => {
       if (isTyping) {
-        if (searchTerm) {
-          fetchDebouncedOptions(searchTerm);
-        } else {
-          fetchDebouncedOptions("");
-        }
+        fetchDebouncedOptions(searchTerm || "");
       }
     }, [searchTerm, isTyping, fetchDebouncedOptions]);
     const loadMoreOptions = useCallback(async () => {
@@ -25253,10 +25248,12 @@ const SearchableAutocomplete = memo(
         }
       }
     }, [onChange, fetchOptions]);
-    const handleInputChange = useCallback((_event, inputValue) => {
-      setSearchTerm(inputValue);
-      setIsTyping(true);
-      setPageIndex(0);
+    const handleInputChange = useCallback((_event, inputValue, reason) => {
+      if (reason === "input") {
+        setSearchTerm(inputValue);
+        setIsTyping(true);
+        setPageIndex(0);
+      }
     }, []);
     const listboxProps = useMemo(() => ({
       onScroll: handleScroll
@@ -25307,30 +25304,26 @@ const MemberAutoComplete = ({
   const dispatch = useDispatch();
   const loading = useSelector(getIsUserListLoading);
   const pagination = useSelector(getUserListPaginationData);
-  const [hasMoreData, setHasMoreData] = useState(true);
+  const hasMoreDataRef = useRef(true);
   useEffect(() => {
     return () => {
       dispatch(setUserSearchKeyword(""));
       dispatch(setUserListPagination({ pageIndex: 0 }));
-      setHasMoreData(true);
+      hasMoreDataRef.current = true;
     };
   }, [dispatch]);
-  const handleOptionChange = (value2) => {
+  const handleOptionChange = useCallback((value2) => {
     onChange(value2);
     dispatch(setIsUserListLoading(false));
-  };
-  const fetchUserOptions = async (searchTerm, pageIndex) => {
-    if (pageIndex > 0 && !hasMoreData) {
-      return [];
-    }
+  }, [onChange, dispatch]);
+  const fetchUserOptions = useCallback(async (searchTerm, pageIndex) => {
+    if (pageIndex > 0 && !hasMoreDataRef.current) return [];
     dispatch(setUserSearchKeyword(searchTerm));
     dispatch(setUserListPagination({ pageIndex }));
     const newOptions = await dispatch(getUserList(roleIds, tenantId, pageIndex, searchTerm));
-    if (!newOptions || Array.isArray(newOptions) && newOptions.length === 0) {
-      setHasMoreData(false);
-      if (pageIndex > 0) {
-        return [];
-      }
+    if (!newOptions || newOptions.length === 0) {
+      hasMoreDataRef.current = false;
+      if (pageIndex > 0) return [];
     }
     return (newOptions == null ? void 0 : newOptions.map((item) => {
       var _a, _b;
@@ -25339,7 +25332,7 @@ const MemberAutoComplete = ({
         label: ((_a = item == null ? void 0 : item.additionalDetails) == null ? void 0 : _a.nationalId) ? `${item.userName} (${(_b = item == null ? void 0 : item.additionalDetails) == null ? void 0 : _b.nationalId})` : item.userName
       };
     })) || [];
-  };
+  }, [dispatch, roleIds, tenantId]);
   return /* @__PURE__ */ jsx(
     SearchableAutocomplete,
     {
@@ -25950,7 +25943,7 @@ const PDFPreviewForTheSignature = ({
             ": "
           ] }),
           financeCalculation.totalInterestRate,
-          " %"
+          "% p.a."
         ] }) }),
         financeCalculation.interestFees !== void 0 && /* @__PURE__ */ jsx(Grid2, { size: { xs: 12, sm: 4 }, children: /* @__PURE__ */ jsxs(Typography$1, { variant: "body2", children: [
           /* @__PURE__ */ jsxs("strong", { children: [
@@ -25959,6 +25952,13 @@ const PDFPreviewForTheSignature = ({
           ] }),
           formatAmount(financeCalculation.interestFees)
         ] }) }),
+        financeCalculation.principalPlusInterest !== void 0 && /* @__PURE__ */ jsx(Grid2, { size: { xs: 12, sm: 4 }, children: /* @__PURE__ */ jsxs(Typography$1, { variant: "body2", children: [
+          /* @__PURE__ */ jsxs("strong", { children: [
+            t2("PRINCIPLE_PLUS_INTEREST"),
+            ": "
+          ] }),
+          formatAmount(financeCalculation.principalPlusInterest)
+        ] }) }),
         financeCalculation.repaymentAmount !== void 0 && /* @__PURE__ */ jsx(Grid2, { size: { xs: 12, sm: 4 }, children: /* @__PURE__ */ jsxs(Typography$1, { variant: "body2", children: [
           /* @__PURE__ */ jsxs("strong", { children: [
             t2("REPAYMENT_AMOUNT"),