finance-shared 0.0.7 → 0.0.8

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

@@ -2487,16 +2487,6 @@ instance.use(initReactI18next).init({
     escapeValue: false
   }
 });
-function formatAmount$1(num, showCurrency = true) {
-  if (num === null || num === void 0 || typeof num === "string" && isNaN(Number(num))) {
-    return showCurrency ? "RM 00.00" : "00.00";
-  }
-  const formatted = new Intl.NumberFormat("en-US", {
-    minimumFractionDigits: 2,
-    maximumFractionDigits: 2
-  }).format(Number(num));
-  return showCurrency ? `RM ${formatted}` : formatted;
-}
 const locale$3 = {
   CHANGE_DETECT_TITLE: "Are you sure want discard changes?",
   CHANGE_DETECT_BUTTON: "Keep Editing",
@@ -16960,7 +16950,7 @@ const CommonTextField = React__default.memo(({
           onBlur: handleBlur,
           inputProps: inputPropsStyle,
           error: !!error,
-          helperText: error ? error.message : "",
+          helperText: typeof error === "object" && (error == null ? void 0 : error.message) ? error.message : "",
           ...props
         }
       ) })
@@ -19683,7 +19673,7 @@ const ImageUpload = ({
         var _a2;
         if ((_a2 = e2.target) == null ? void 0 : _a2.result) {
           setImagePreview(e2.target.result.toString());
-          onChange(file);
+          onChange == null ? void 0 : onChange(file);
         }
       };
       dispatch(uploadFile(file));
@@ -20165,14 +20155,14 @@ function setLocalStorageItem(key, value) {
 function removeLocalStorageItem(key) {
   localStorage.removeItem(key);
 }
-function formatAmount(num, showCurrency = true) {
-  if (typeof num !== "number" || isNaN(num)) {
+function formatAmount({ num, showCurrency = true }) {
+  if (num === null || num === void 0 || typeof num !== "number" && isNaN(Number(num))) {
     return showCurrency ? "RM 00.00" : "00.00";
   }
   const formatted = new Intl.NumberFormat("en-US", {
     minimumFractionDigits: 2,
     maximumFractionDigits: 2
-  }).format(num);
+  }).format(Number(num));
   return showCurrency ? `RM ${formatted}` : formatted;
 }
 const getSectionTitle = (sectionName) => {
@@ -20251,7 +20241,8 @@ const PdfDialog = ({
           ) : /* @__PURE__ */ jsx("img", { src: filePath, alt: "Preview", className: "w-full h-auto" })
         }
       )
-    }
+    },
+    filePath
   );
 };
 const PreviewMedia = ({ children, filePath = "", showDefaultView = true }) => {
@@ -24687,10 +24678,10 @@ const initialState = {
   },
   tenantListForDropdownLoading: false
 };
-const getUserList = (roleIds, tenantId, pageIndexParam) => async (dispatch, getState) => {
+const getUserList = (roleIds, tenantId, pageIndexParam, searchTerm) => async (dispatch, getState) => {
   var _a, _b;
   dispatch(setIsUserListLoading(true));
-  const searchUser = getUserSearchKeyword(getState());
+  const searchUser = searchTerm !== void 0 ? searchTerm : getUserSearchKeyword(getState());
   const pagination = getUserListPaginationData(getState());
   const pageIndexToUse = pageIndexParam !== void 0 ? pageIndexParam : pagination.pageIndex;
   try {
@@ -30505,7 +30496,8 @@ const SearchableAutocomplete = memo(
       totalCount: 0
     },
     ref,
-    disableClearable = false
+    disableClearable = false,
+    initialSearchTerm = ""
   }) => {
     var _a;
     const [options, setOptions] = useState([]);
@@ -30515,26 +30507,25 @@ const SearchableAutocomplete = memo(
     const [pageIndex, setPageIndex] = useState((pagination == null ? void 0 : pagination.pageIndex) ?? 0);
     const [isFetching, setIsFetching] = useState(false);
     const hasInitialLoadRef = useRef(false);
+    const isInitialFetchingRef = useRef(false);
     const deduplicateOptions = useCallback((existingOptions, newOptions) => {
       const existingIds = new Set(existingOptions == null ? void 0 : existingOptions.map((option) => option.id));
       const filteredNewOptions = newOptions == null ? void 0 : newOptions.filter((option) => !(existingIds == null ? void 0 : existingIds.has(option.id)));
       return [...existingOptions, ...filteredNewOptions];
     }, []);
-    const fetchDefaultOptions = useCallback(async () => {
-      setLoading2(true);
-      try {
-        const defaultData = await fetchOptions("", 0);
-        setOptions(defaultData);
-      } catch (err) {
-        console.error("Error fetching default options:", err);
-      } finally {
-        setLoading2(false);
-      }
-    }, [fetchOptions]);
     useEffect(() => {
-      if (!hasInitialLoadRef.current) {
+      if (!hasInitialLoadRef.current && !isInitialFetchingRef.current) {
         hasInitialLoadRef.current = true;
-        fetchDefaultOptions();
+        isInitialFetchingRef.current = true;
+        setLoading2(true);
+        fetchOptions(initialSearchTerm, 0).then((defaultData) => {
+          setOptions(defaultData);
+        }).catch((err) => {
+          console.error("Error fetching default options:", err);
+        }).finally(() => {
+          setLoading2(false);
+          isInitialFetchingRef.current = false;
+        });
       }
     }, []);
     const fetchDebouncedOptions = useCallback(
@@ -30581,7 +30572,7 @@ const SearchableAutocomplete = memo(
         await loadMoreOptions();
       }
     }, [loadMoreOptions]);
-    const handleChange = useCallback((selectedValue) => {
+    const handleChange = useCallback(async (selectedValue) => {
       if (selectedValue) {
         const valueToPass = typeof selectedValue === "object" ? selectedValue.id : selectedValue;
         onChange(valueToPass);
@@ -30589,9 +30580,18 @@ const SearchableAutocomplete = memo(
         setSearchTerm("");
       } else {
         onChange(null);
-        fetchDefaultOptions();
+        setSearchTerm("");
+        setLoading2(true);
+        try {
+          const defaultData = await fetchOptions("", 0);
+          setOptions(defaultData);
+        } catch (err) {
+          console.error("Error fetching options:", err);
+        } finally {
+          setLoading2(false);
+        }
       }
-    }, [onChange, fetchDefaultOptions]);
+    }, [onChange, fetchOptions]);
     const handleInputChange = useCallback((_event, inputValue) => {
       setSearchTerm(inputValue);
       setIsTyping(true);
@@ -30638,19 +30638,13 @@ const MemberAutoComplete = ({
   isTooltipShow = true,
   variant = "filled",
   dataTestId = "",
-  tenantId
+  tenantId,
+  initialSearchTerm = ""
 }) => {
   const dispatch = useDispatch();
   const loading = useSelector(getIsUserListLoading);
   const pagination = useSelector(getUserListPaginationData);
   const [hasMoreData, setHasMoreData] = useState(true);
-  const onChangeRef = useRef(onChange);
-  const roleIdsRef = useRef(roleIds);
-  const previousSearchTermRef = useRef("");
-  useEffect(() => {
-    onChangeRef.current = onChange;
-    roleIdsRef.current = roleIds;
-  }, [onChange, roleIds]);
   useEffect(() => {
     return () => {
       dispatch(setUserSearchKeyword(""));
@@ -30658,21 +30652,17 @@ const MemberAutoComplete = ({
       setHasMoreData(true);
     };
   }, [dispatch]);
-  const handleOptionChange = useCallback((value2) => {
-    onChangeRef.current(value2);
+  const handleOptionChange = (value2) => {
+    onChange(value2);
     dispatch(setIsUserListLoading(false));
-  }, [dispatch]);
-  const fetchUserOptions = useCallback(async (searchTerm, pageIndex) => {
-    if (previousSearchTermRef.current !== searchTerm) {
-      previousSearchTermRef.current = searchTerm;
-      setHasMoreData(true);
-    }
+  };
+  const fetchUserOptions = async (searchTerm, pageIndex) => {
     if (pageIndex > 0 && !hasMoreData) {
       return [];
     }
     dispatch(setUserSearchKeyword(searchTerm));
     dispatch(setUserListPagination({ pageIndex }));
-    const newOptions = await dispatch(getUserList(roleIdsRef.current, tenantId, pageIndex));
+    const newOptions = await dispatch(getUserList(roleIds, tenantId, pageIndex, searchTerm));
     if (!newOptions || Array.isArray(newOptions) && newOptions.length === 0) {
       setHasMoreData(false);
       if (pageIndex > 0) {
@@ -30686,7 +30676,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, tenantId, hasMoreData]);
+  };
   return /* @__PURE__ */ jsx(
     SearchableAutocomplete,
     {
@@ -30701,7 +30691,8 @@ const MemberAutoComplete = ({
       required,
       pagination,
       style,
-      isTooltipShow
+      isTooltipShow,
+      initialSearchTerm
     }
   );
 };
@@ -30728,7 +30719,8 @@ function RemarksDialog({
   ReassignStaffFormComponent,
   staffRoleIds = [],
   dataTestId = "",
-  themesConfig = {}
+  themesConfig = {},
+  remarksCount = 0
 }) {
   const {
     canViewRemarks = true,
@@ -30739,23 +30731,46 @@ function RemarksDialog({
   const { t: t2 } = useTranslation("Dialog");
   const dispatch = useDispatch();
   const sectionTitle = getSectionTitle(sectionName);
-  const remarksList = useSelector(getRemarkListData);
-  const isFormLoading = useSelector(getIsAddRemarkFormLoading);
+  const [open, setOpen] = useState(false);
+  const [hasOpened, setHasOpened] = useState(false);
+  const [localPendingCount, setLocalPendingCount] = useState(null);
   const [popoverState, setPopoverState] = useState({
     anchorEl: null,
     remarkId: null,
     remarkDetails: null
   });
-  const [open, setOpen] = useState(false);
-  const [countOfFalseActions, setCountOfFalseActions] = useState(0);
+  const remarksList = useSelector(getRemarkListData);
+  const isFormLoading = useSelector(getIsAddRemarkFormLoading);
+  const pendingRemarksCount = remarksList.filter(
+    (remark) => !remark.hasActionTaken && remark.sectionName === sectionName
+  ).length;
+  const isSectionDataLoaded = !!remarksList.find(
+    (remark) => remark.sectionName === sectionName
+  );
+  useEffect(() => {
+    if (isSectionDataLoaded) {
+      setLocalPendingCount(pendingRemarksCount);
+    }
+  }, [isSectionDataLoaded, pendingRemarksCount]);
+  useEffect(() => {
+    if (!open) {
+      setHasOpened(false);
+    }
+  }, [open]);
+  const getDisplayCount = () => {
+    if (localPendingCount !== null) {
+      return localPendingCount;
+    }
+    if (hasOpened || isSectionDataLoaded) {
+      return pendingRemarksCount;
+    }
+    return remarksCount;
+  };
+  const displayCount = getDisplayCount();
   const schema = create$3().shape({
     remark: create$6().required(t2("REMARK_IS_REQUIRED")),
     remarkType: create$6().required(t2("REMARK_TYPE_IS_REQUIRED")),
-    assignedToUserId: create$6().when("remarkType", {
-      is: "Internal",
-      then: (schema2) => schema2.required(t2("INTERNAL_OPTION_IS_REQUIRED")),
-      otherwise: (schema2) => schema2.notRequired()
-    })
+    assignedToUserId: create$6().notRequired()
   });
   const { control, formState, handleSubmit, reset } = useForm({
     mode: "onChange",
@@ -30775,14 +30790,6 @@ function RemarksDialog({
       }));
     }
   }, [open, financeApplicationId, sectionName, dispatch]);
-  useEffect(() => {
-    if (remarksList) {
-      const count = remarksList.filter(
-        (item) => item.sectionName === sectionName && !item.hasActionTaken
-      ).length;
-      setCountOfFalseActions(count);
-    }
-  }, [remarksList, sectionName]);
   const handleToggleRemark = (index) => {
     const remark = remarksList[index];
     const updatedRemark = { ...remark, hasActionTaken: !remark.hasActionTaken };
@@ -30790,6 +30797,7 @@ function RemarksDialog({
   };
   const handleOpen = () => {
     setOpen(true);
+    setHasOpened(true);
   };
   const handleClose = () => {
     setOpen(false);
@@ -30837,7 +30845,7 @@ function RemarksDialog({
     }
   } : {};
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Badge, { badgeContent: countOfFalseActions, color: "error", children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(Badge, { badgeContent: displayCount, color: "error", children: /* @__PURE__ */ jsx(
       Button$1,
       {
         "data-test-id": dataTestId,
@@ -31025,7 +31033,7 @@ function RemarksDialog({
                         roleIds: staffRoleIds,
                         tenantId,
                         onChange: (value) => field.onChange(value || ""),
-                        required: true,
+                        required: false,
                         value: field.value || "",
                         error: errors2.assignedToUserId ? errors2.assignedToUserId.message : void 0
                       }
@@ -31095,8 +31103,10 @@ const CommonStatusChangeDialog = ({
     defaultValues,
     resolver: o(schema)
   });
-  const { control, formState, handleSubmit, setValue } = methods;
+  const { control, formState, handleSubmit, setValue, watch } = methods;
   const { isValid: isValid2 } = formState;
+  const currentStatus = watch("status");
+  const isStatusChanged = currentStatus === existingStatus;
   useEffect(() => {
     if (existingStatus) {
       setValue("status", existingStatus);
@@ -31161,7 +31171,7 @@ const CommonStatusChangeDialog = ({
             SaveButton,
             {
               variant: "contained",
-              disabled: !isValid2 || isLoading,
+              disabled: !isValid2 || isLoading || isStatusChanged,
               isLoading,
               text: t2("SUBMIT")
             }
@@ -44350,6 +44360,7 @@ const FinanceApplicationAutocomplete = ({
 const TenantAutocomplete = ({
   value,
   onChange,
+  label = "TENANT",
   error,
   required = false,
   status = "",
@@ -44404,7 +44415,7 @@ const TenantAutocomplete = ({
   return /* @__PURE__ */ jsx(
     SearchableAutocomplete,
     {
-      label: t2("TENANT"),
+      label: t2(label),
       value,
       onChange: (selectedValue) => handleChange(selectedValue, false),
       fetchOptions: (searchTerm, pageIndex) => fetchTenantOptions(searchTerm, pageIndex),
@@ -60207,7 +60218,6 @@ export {
   DigitalProcessSignature,
   DocumentSigningDialog,
   FinanceApplicationAutocomplete,
-  formatAmount$1 as FormatAmount,
   FuseMessage$1 as FuseMessage,
   ImageUpload,
   InfoDialog,