finance-shared 0.0.15 → 0.0.17

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

@@ -83,7 +83,7 @@ const locale$3 = {
   INTEREST_RATE: "Interest Rate",
   INTEREST_FEES: "Interest Fees",
   REPAYMENT_AMOUNT: "Repayment Amount",
-  CASH_IN_HAND: "Cash In Hand",
+  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",
@@ -151,7 +151,7 @@ const locale$2 = {
   INTEREST_RATE: "Kadar Faedah",
   INTEREST_FEES: "Yuran Faedah",
   REPAYMENT_AMOUNT: "Amaun Bayaran Balik",
-  CASH_IN_HAND: "Wang tunai di tangan",
+  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",
@@ -10392,7 +10392,8 @@ const DigitalProcessSignature = (request_data) => async (dispatch) => {
       if (applicationDetails) {
         dispatch(setActiveFinanceDetail(applicationDetails));
       }
-      dispatch(setDocumentSignJPDF(response.result));
+      dispatch(setDocumentSignJPDF(""));
+      dispatch(setSignedDocumentJPDF(response.result));
     }
   } catch (error) {
     dispatch(showMessage({ message: error.message, variant: "error" }));
@@ -10464,6 +10465,10 @@ const getDocumentSignJPDF = (state) => {
   var _a;
   return ((_a = state.dialogs) == null ? void 0 : _a.documentSignJPDF) || "";
 };
+const getSignedDocumentJPDF = (state) => {
+  var _a;
+  return ((_a = state.dialogs) == null ? void 0 : _a.signedDocumentJPDF) || "";
+};
 const getActiveFinanceDetail = (state) => {
   var _a;
   return ((_a = state.dialogs) == null ? void 0 : _a.activeFinanceDetail) || null;
@@ -10494,6 +10499,7 @@ const initialState$1 = {
   },
   remarksList: [],
   documentSignJPDF: "",
+  signedDocumentJPDF: "",
   activeFinanceDetail: null,
   imagePath: "",
   selectedMediaFilePath: ""
@@ -10515,6 +10521,9 @@ const dialogsSlice = createSlice({
     setDocumentSignJPDF: (state, action) => {
       state.documentSignJPDF = action.payload;
     },
+    setSignedDocumentJPDF: (state, action) => {
+      state.signedDocumentJPDF = action.payload;
+    },
     setActiveFinanceDetail: (state, action) => {
       state.activeFinanceDetail = action.payload;
     },
@@ -10530,6 +10539,7 @@ const {
   setLoading: setLoading$1,
   setRemarkList,
   setDocumentSignJPDF,
+  setSignedDocumentJPDF,
   setActiveFinanceDetail,
   setImagePath,
   setSelectedMediaFilePath
@@ -25179,27 +25189,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 () => {
@@ -25243,10 +25246,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
@@ -25297,30 +25302,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;
@@ -25329,7 +25330,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,
     {
@@ -25914,6 +25915,7 @@ const PDFPreviewForTheSignature = ({
   financeCalculation,
   t: t2 = (key) => key,
   showConfirmCheckbox = false,
+  pdfOnly = false,
   ...props
 }) => {
   const showButton = shouldShowButton(
@@ -25923,7 +25925,7 @@ const PDFPreviewForTheSignature = ({
   );
   const [isTermsConfirmed, setIsTermsConfirmed] = useState(false);
   return /* @__PURE__ */ jsx(Dialog$1, { open, onClose, maxWidth: "lg", fullWidth: true, ...props, children: /* @__PURE__ */ jsxs(DialogContent$1, { className: "p-0", children: [
-    (dialogTitle || financeCalculation) && /* @__PURE__ */ jsxs("div", { className: "px-16 pt-12 pb-16", children: [
+    !pdfOnly && (dialogTitle || financeCalculation) && /* @__PURE__ */ jsxs("div", { className: "px-16 pt-12 pb-16", children: [
       dialogTitle && /* @__PURE__ */ jsx(Typography$1, { variant: "h6", className: "font-semibold mb-12", children: dialogTitle }),
       financeCalculation && /* @__PURE__ */ jsxs(Grid2, { container: true, spacing: 2, children: [
         financeCalculation.loanAmount !== void 0 && /* @__PURE__ */ jsx(Grid2, { size: { xs: 12, sm: 4 }, children: /* @__PURE__ */ jsxs(Typography$1, { variant: "body2", children: [
@@ -25980,7 +25982,7 @@ const PDFPreviewForTheSignature = ({
         ] }) }),
         financeCalculation.cashInHand !== void 0 && /* @__PURE__ */ jsx(Grid2, { size: { xs: 12, sm: 4 }, children: /* @__PURE__ */ jsxs(Typography$1, { variant: "body2", children: [
           /* @__PURE__ */ jsxs("strong", { children: [
-            t2("CASH_IN_HAND"),
+            t2("DISBURSEMENT"),
             ": "
           ] }),
           formatAmount(financeCalculation.cashInHand)
@@ -25993,10 +25995,10 @@ const PDFPreviewForTheSignature = ({
         src: filePath,
         type: "application/pdf",
         width: "100%",
-        style: { height: "70vh" }
+        style: { height: pdfOnly ? "85vh" : "70vh" }
       }
     ) }),
-    (showButton || showConfirmCheckbox) && /* @__PURE__ */ jsx("div", { className: "sticky bottom-0 bg-white w-full px-16 py-10", children: showConfirmCheckbox ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-8", children: [
+    !pdfOnly && (showButton || showConfirmCheckbox) && /* @__PURE__ */ jsx("div", { className: "sticky bottom-0 bg-white w-full px-16 py-10", children: showConfirmCheckbox ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-8", children: [
       /* @__PURE__ */ jsx(
         CustomCheckbox,
         {
@@ -26043,6 +26045,7 @@ function DocumentSigningDialog({
   const { t: t2 } = useTranslation("Dialog");
   const open = useSelector(getIsDocumentSignatureDialogOpen);
   const documentSignJPDF = useSelector(getDocumentSignJPDF);
+  const signedDocumentJPDF = useSelector(getSignedDocumentJPDF);
   const isProcessSignatureLoading = useSelector(getIsProcessSignatureLoading);
   const activeFinanceDetail = useSelector(getActiveFinanceDetail);
   const dispatch = useDispatch();
@@ -26091,6 +26094,11 @@ function DocumentSigningDialog({
     dispatch(setActiveFinanceDetail(null));
     dispatch(setIsDocumentSignatureDialogOpen(false));
   };
+  const handleSignedPDFClose = () => {
+    dispatch(setSignedDocumentJPDF(""));
+    dispatch(setActiveFinanceDetail(null));
+    dispatch(setIsDocumentSignatureDialogOpen(false));
+  };
   return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(Dialog$1, { open, onClose: handleClose, maxWidth: "xs", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col p-16", children: [
     /* @__PURE__ */ jsx("div", { className: "flex flex-col items-center", children: /* @__PURE__ */ jsx(
       "img",
@@ -26159,10 +26167,10 @@ function DocumentSigningDialog({
       /* @__PURE__ */ jsx(
         PDFPreviewForTheSignature,
         {
-          filePath: documentSignJPDF,
-          open: !!documentSignJPDF,
+          filePath: signedDocumentJPDF || documentSignJPDF,
+          open: !!(signedDocumentJPDF || documentSignJPDF),
           isButtonLoading: isProcessSignatureLoading,
-          onClose: () => handlePDFPreviewClose(),
+          onClose: signedDocumentJPDF ? handleSignedPDFClose : handlePDFPreviewClose,
           bottomButtonLabel: t2("SIGN_DOCUMENT"),
           onConfirm: handleButtonClick,
           applicationDetailsData: activeFinanceDetail || financeDetail,
@@ -26172,7 +26180,8 @@ function DocumentSigningDialog({
           financeCalculation,
           t: t2,
           dialogTitle: t2("PDF_PREVIEW_TITLE"),
-          showConfirmCheckbox
+          showConfirmCheckbox,
+          pdfOnly: !!signedDocumentJPDF
         }
       )
     ] })