finance-shared 0.0.5 → 0.0.6

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

@@ -12921,6 +12921,10 @@ const getImagePath = (state) => {
   var _a;
   return ((_a = state.dialogs) == null ? void 0 : _a.imagePath) || "";
 };
+const getSelectedMediaFilePath = (state) => {
+  var _a;
+  return ((_a = state.dialogs) == null ? void 0 : _a.selectedMediaFilePath) || "";
+};
 const initialState$1 = {
   loading: {
     isDeleteUserDialogOpen: false,
@@ -12940,7 +12944,8 @@ const initialState$1 = {
   remarksList: [],
   documentSignJPDF: "",
   activeFinanceDetail: null,
-  imagePath: ""
+  imagePath: "",
+  selectedMediaFilePath: ""
 };
 const dialogsSlice = createSlice({
   name: "dialogs",
@@ -12964,6 +12969,9 @@ const dialogsSlice = createSlice({
     },
     setImagePath: (state, action) => {
       state.imagePath = action.payload;
+    },
+    setSelectedMediaFilePath: (state, action) => {
+      state.selectedMediaFilePath = action.payload;
     }
   }
 });
@@ -12972,7 +12980,8 @@ const {
   setRemarkList,
   setDocumentSignJPDF,
   setActiveFinanceDetail,
-  setImagePath
+  setImagePath,
+  setSelectedMediaFilePath
 } = dialogsSlice.actions;
 const uploadFile = (file) => async (dispatch) => {
   try {
@@ -12990,15 +12999,17 @@ const uploadFile = (file) => async (dispatch) => {
 instance.addResourceBundle("en", "Dialog", locale$3);
 instance.addResourceBundle("ms", "Dialog", locale$2);
 const ChangeDetectDialog = ({
+  open,
   onClose,
   onButtonClick
 }) => {
   const { t: t2 } = useTranslation("Dialog");
-  const open = useSelector(getIsChangeDetectDialogOpen);
+  const isChangeDetectDialogOpen = useSelector(getIsChangeDetectDialogOpen);
+  const isOpen = open ?? isChangeDetectDialogOpen;
   return /* @__PURE__ */ jsx(
     InfoDialog,
     {
-      open,
+      open: isOpen,
       onClose,
       color: "warning",
       onButtonClick,
@@ -19701,9 +19712,6 @@ const ImageUpload = ({
     ] }) })
   ] }) });
 };
-const PlayCircleOutlineIcon = createSvgIcon(/* @__PURE__ */ jsx("path", {
-  d: "m10 16.5 6-4.5-6-4.5zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8"
-}), "PlayCircleOutline");
 var dayjs_min$1 = { exports: {} };
 var dayjs_min = dayjs_min$1.exports;
 var hasRequiredDayjs_min;
@@ -20121,6 +20129,17 @@ function requireCustomParseFormat() {
 }
 var customParseFormatExports = requireCustomParseFormat();
 const customParseFormat = /* @__PURE__ */ getDefaultExportFromCjs(customParseFormatExports);
+const userStatusEnum = ["Active", "Pending", "Inactive", "Delete"];
+const loginUserRoles = {
+  Agent: "agent",
+  MiniAgent: "mini-agent",
+  Customer: "customer-user",
+  Admin: "tenant-admin",
+  Lawyer: "lawyer",
+  Staff: "staff",
+  SuperAdmin: "super-admin"
+};
+const IMAGE_TYPES = ["jpg", "jpeg", "png", "gif", "bmp", "webp", "svg"];
 dayjs.extend(customParseFormat);
 function decodeUrlAndGetFileType(url) {
   try {
@@ -20172,33 +20191,108 @@ const getSectionTitle = (sectionName) => {
   };
   return sectionTitleMap[sectionName] || "";
 };
-const PdfDialog = ({ filePath }) => {
+function isImageFileType(fileType) {
+  return fileType ? IMAGE_TYPES.includes(fileType.toLowerCase()) : false;
+}
+const DIALOG_HEIGHT = {
+  PDF_DESKTOP: "80vh",
+  PDF_MOBILE: "30vh",
+  IMAGE_MAX: "80vh"
+};
+const PdfDialog = ({
+  filePath: propFilePath,
+  isMobile = false,
+  open: propOpen,
+  onClose: propOnClose
+}) => {
+  const selectedFilePath = useSelector(getSelectedMediaFilePath);
+  const filePath = propFilePath || selectedFilePath;
   const fileType = decodeUrlAndGetFileType(filePath);
-  const open = useSelector(getIsPdfDialogOpen);
+  const IsPdfDialogOpen = useSelector(getIsPdfDialogOpen);
+  const open = propOpen !== void 0 ? propOpen : IsPdfDialogOpen;
   const dispatch = useDispatch();
   const onClose = () => {
-    dispatch(setIsPdfDialogOpen(false));
-  };
-  const dialogContentStyle = {
-    padding: 0,
-    height: fileType === "pdf" ? "80vh" : "auto"
+    if (propOnClose) {
+      propOnClose();
+    } else {
+      dispatch(setIsPdfDialogOpen(false));
+      dispatch(setSelectedMediaFilePath(""));
+    }
   };
-  return /* @__PURE__ */ jsx(Dialog$1, { open, onClose, maxWidth: fileType === "pdf" ? "lg" : void 0, fullWidth: fileType === "pdf", children: /* @__PURE__ */ jsx(DialogContent$1, { style: dialogContentStyle, children: fileType === "pdf" ? /* @__PURE__ */ jsx("embed", { src: filePath, type: "application/pdf", width: "100%", height: "100%" }) : ["mp4"].includes(fileType) ? /* @__PURE__ */ jsx("video", { controls: true, style: { width: "100%", height: "auto" }, src: filePath }) : ["mp3", "wav"].includes(fileType) ? /* @__PURE__ */ jsx("audio", { controls: true, children: /* @__PURE__ */ jsx("source", { src: filePath, type: `audio/${fileType}` }) }) : /* @__PURE__ */ jsx("img", { src: filePath, alt: "Preview", style: { width: "100%", height: "auto" } }) }) });
+  const isImageType = isImageFileType(fileType);
+  const isPdfType = fileType === "pdf";
+  const pdfHeight = isMobile ? DIALOG_HEIGHT.PDF_MOBILE : DIALOG_HEIGHT.PDF_DESKTOP;
+  return /* @__PURE__ */ jsx(
+    Dialog$1,
+    {
+      open,
+      onClose,
+      maxWidth: isPdfType ? "lg" : "md",
+      fullWidth: isPdfType,
+      PaperProps: {
+        className: isImageType ? "bg-white" : ""
+      },
+      children: /* @__PURE__ */ jsx(
+        DialogContent$1,
+        {
+          className: "p-0 flex justify-center items-center",
+          sx: {
+            height: isPdfType ? pdfHeight : "auto",
+            backgroundColor: isImageType ? "#ffffff" : "inherit"
+          },
+          children: isPdfType ? /* @__PURE__ */ jsx("embed", { src: filePath, type: "application/pdf", className: "w-full h-full" }) : isImageType ? /* @__PURE__ */ jsx(
+            "img",
+            {
+              src: filePath,
+              alt: "Preview",
+              className: "w-full h-auto object-contain",
+              style: { maxHeight: DIALOG_HEIGHT.IMAGE_MAX }
+            }
+          ) : /* @__PURE__ */ jsx("img", { src: filePath, alt: "Preview", className: "w-full h-auto" })
+        }
+      )
+    }
+  );
 };
 const PreviewMedia = ({ children, filePath = "", showDefaultView = true }) => {
-  const dispatch = useDispatch();
+  const [open, setOpen] = useState(false);
   const fileType = decodeUrlAndGetFileType(filePath);
   const handleOpen = () => {
-    dispatch(setIsPdfDialogOpen(true));
+    if (filePath) {
+      setOpen(true);
+    }
   };
+  const handleClose = () => {
+    setOpen(false);
+  };
+  const isImageType = isImageFileType(fileType);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    ["mp3", "wav"].includes(fileType) ? /* @__PURE__ */ jsx(IconButton$1, { className: "cursor-pointer", onClick: handleOpen, children: /* @__PURE__ */ jsx(PlayCircleOutlineIcon, { fontSize: "large" }) }) : ["mp4"].includes(fileType) ? /* @__PURE__ */ jsx("video", { width: "100", className: "cursor-pointer w-[100px] h-[100px] object-cover", onClick: handleOpen, children: /* @__PURE__ */ jsx("source", { src: filePath, type: `video/${fileType}` }) }) : /* @__PURE__ */ jsx("div", { onClick: handleOpen, className: `cursor-pointer ${showDefaultView ? "w-[100px] h-[100px] object-cover" : "object-cover"}`, children }),
-    /* @__PURE__ */ jsx(PdfDialog, { filePath })
+    isImageType && showDefaultView ? /* @__PURE__ */ jsx(
+      "div",
+      {
+        onClick: handleOpen,
+        className: "size-[100px] min-w-[100px] min-h-[100px] max-w-[100px] max-h-[100px] flex-shrink-0 overflow-hidden cursor-pointer",
+        children: /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: filePath,
+            alt: "Preview",
+            className: "size-full object-cover"
+          }
+        )
+      }
+    ) : /* @__PURE__ */ jsx("div", { onClick: handleOpen, className: "cursor-pointer", children }),
+    /* @__PURE__ */ jsx(
+      PdfDialog,
+      {
+        filePath,
+        isMobile: false,
+        open,
+        onClose: handleClose
+      }
+    )
   ] });
 };
-PreviewMedia.propTypes = {
-  children: PropTypes.element.isRequired
-};
 const amber = {
   600: "#ffb300"
 };
@@ -24593,16 +24687,17 @@ const initialState = {
   },
   tenantListForDropdownLoading: false
 };
-const getUserList = (roleIds, tenantId) => async (dispatch, getState) => {
+const getUserList = (roleIds, tenantId, pageIndexParam) => async (dispatch, getState) => {
   var _a, _b;
   dispatch(setIsUserListLoading(true));
   const searchUser = getUserSearchKeyword(getState());
   const pagination = getUserListPaginationData(getState());
+  const pageIndexToUse = pageIndexParam !== void 0 ? pageIndexParam : pagination.pageIndex;
   try {
     const roleIdsArray = Array.isArray(roleIds) ? roleIds : [roleIds].filter(Boolean);
     const queryParams = [
       pagination.pageSize && `PageSize=${pagination.pageSize}`,
-      pagination.pageIndex !== void 0 && `PageIndex=${pagination.pageIndex + 1}`,
+      pageIndexToUse !== void 0 && `PageIndex=${pageIndexToUse + 1}`,
       searchUser && `Search=${searchUser}`,
       tenantId && `TenantId=${tenantId}`
     ].filter((param) => param).join("&");
@@ -24757,6 +24852,132 @@ const {
   setDropdownFilters,
   setTenantListForDropdownLoadingState
 } = userSlice.actions;
+const en = {
+  LOADING: "Loading...",
+  NO_OPTION_AVAILABLE: "No options available",
+  FINANCE_APPLICATION: "Finance Application",
+  FINANCE_APPLICATION_NUMBER: "Finance Application Number",
+  TENANT: "Tenant"
+};
+const ms = {
+  LOADING: "Memuatkan...",
+  NO_OPTION_AVAILABLE: "Tiada pilihan tersedia",
+  FINANCE_APPLICATION: "Permohonan Kewangan",
+  FINANCE_APPLICATION_NUMBER: "Nombor Permohonan Kewangan",
+  TENANT: "Penyewa"
+};
+instance.addResourceBundle("en", "Autocomplete", en);
+instance.addResourceBundle("ms", "Autocomplete", ms);
+const CustomAutocomplete = React.memo(
+  ({
+    label,
+    isTooltipShow = true,
+    variant = "filled",
+    onChange,
+    onInputChange,
+    loading = false,
+    options = [],
+    error = "",
+    required = false,
+    value,
+    isSmall = false,
+    style = {},
+    isUpperCase = true,
+    getListboxProps = {},
+    ref,
+    disableClearable = false,
+    ...props
+  }) => {
+    const { t: t2 } = useTranslation("Autocomplete");
+    const selectedValue = React.useMemo(() => {
+      if (!value || !(options == null ? void 0 : options.length)) return null;
+      if (typeof options[0] === "object") {
+        return options.find((option) => option.id === value) || null;
+      }
+      return value;
+    }, [value, options]);
+    const handleOnChange = React.useCallback((_event, selectedOption) => {
+      if (selectedOption) {
+        onChange(typeof selectedOption === "object" ? selectedOption : selectedOption);
+      } else {
+        onChange(null);
+      }
+    }, [onChange]);
+    const getOptionLabel = React.useCallback((option) => {
+      if (!option) return "";
+      const label2 = typeof option === "string" ? option : (option == null ? void 0 : option.label) || "";
+      return isUpperCase ? label2.toUpperCase() : label2;
+    }, [isUpperCase]);
+    const isOptionEqualToValue = React.useCallback((option, val) => {
+      if (!option || !val) return false;
+      if (typeof option === "object" && typeof val === "object") {
+        return option.id === val.id;
+      }
+      return option === val;
+    }, []);
+    const renderOption = React.useCallback((props2, option) => {
+      const { key, ...otherProps } = props2;
+      return /* @__PURE__ */ createElement("li", { ...otherProps, key: typeof option === "object" ? option.id : option }, typeof option === "object" ? option.label : option);
+    }, []);
+    const listboxProps = React.useMemo(() => ({
+      onScroll: getListboxProps == null ? void 0 : getListboxProps.onScroll,
+      style: {
+        maxHeight: "40vh",
+        overflow: "auto"
+      }
+    }), [getListboxProps]);
+    const renderInput = React.useCallback((params) => /* @__PURE__ */ jsx(
+      TextField$1,
+      {
+        ...params,
+        label,
+        required,
+        size: isSmall ? "small" : "medium",
+        variant,
+        error: !!error,
+        helperText: error,
+        InputProps: {
+          ...params.InputProps,
+          endAdornment: /* @__PURE__ */ jsxs(React.Fragment, { children: [
+            loading ? /* @__PURE__ */ jsx(CircularProgress$1, { color: "primary", size: 15 }) : null,
+            params.InputProps.endAdornment
+          ] }),
+          sx: style
+        }
+      }
+    ), [label, required, isSmall, variant, error, loading, style]);
+    return /* @__PURE__ */ jsx(
+      Tooltip,
+      {
+        title: isTooltipShow ? label : "",
+        arrow: true,
+        TransitionComponent: Zoom,
+        placement: "top-start",
+        children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(
+          Autocomplete$1,
+          {
+            ...props,
+            onChange: handleOnChange,
+            onInputChange,
+            options: options || [],
+            getOptionLabel,
+            isOptionEqualToValue,
+            ref,
+            value: selectedValue,
+            renderOption,
+            ListboxProps: listboxProps,
+            loading,
+            disableClearable,
+            loadingText: t2("LOADING"),
+            noOptionsText: !loading ? t2("NO_OPTION_AVAILABLE") : "",
+            renderInput
+          }
+        ) })
+      }
+    );
+  }
+);
+CustomAutocomplete.displayName = "CustomAutocomplete";
 var lodash$1 = { exports: {} };
 /**
  * @license
@@ -30246,118 +30467,6 @@ function requireLodash() {
 }
 var lodashExports = requireLodash();
 const _ = /* @__PURE__ */ getDefaultExportFromCjs(lodashExports);
-const en = {
-  LOADING: "Loading...",
-  NO_OPTION_AVAILABLE: "No options available",
-  FINANCE_APPLICATION: "Finance Application",
-  FINANCE_APPLICATION_NUMBER: "Finance Application Number",
-  TENANT: "Tenant"
-};
-const ms = {
-  LOADING: "Memuatkan...",
-  NO_OPTION_AVAILABLE: "Tiada pilihan tersedia",
-  FINANCE_APPLICATION: "Permohonan Kewangan",
-  FINANCE_APPLICATION_NUMBER: "Nombor Permohonan Kewangan",
-  TENANT: "Penyewa"
-};
-instance.addResourceBundle("en", "Autocomplete", en);
-instance.addResourceBundle("ms", "Autocomplete", ms);
-const CustomAutocomplete = React.memo(
-  ({
-    label,
-    isTooltipShow = true,
-    variant = "filled",
-    onChange,
-    loading = false,
-    options = [],
-    error = "",
-    required = false,
-    value,
-    isSmall = false,
-    style = {},
-    isUpperCase = true,
-    getListboxProps = {},
-    ref,
-    disableClearable = false,
-    ...props
-  }) => {
-    const { t: t2 } = useTranslation("Autocomplete");
-    options = options || [];
-    let selectedValues = value;
-    if (options.length > 0 && typeof options[0] === "object" && value) {
-      selectedValues = lodashExports.find(options, (option) => option.id === value);
-    }
-    const handleOnChange = React.useCallback((_event, selectedOption) => {
-      if (selectedOption) {
-        selectedOption = typeof selectedOption === "object" ? { ...selectedOption, label: selectedOption.label } : selectedOption;
-      } else {
-        selectedOption = null;
-      }
-      onChange(selectedOption);
-    }, [onChange]);
-    const getOptionLabel = React.useCallback((option) => {
-      const label2 = typeof option === "string" ? option : typeof (option == null ? void 0 : option.label) === "string" ? option.label : "";
-      return isUpperCase ? label2.toUpperCase() : label2;
-    }, [isUpperCase]);
-    const renderOption = React.useCallback((props2, option) => /* @__PURE__ */ createElement("li", { ...props2, key: option.id || option.label || option }, option.label || option), []);
-    const listboxProps = React.useMemo(() => ({
-      onScroll: getListboxProps == null ? void 0 : getListboxProps.onScroll,
-      style: {
-        maxHeight: "40vh",
-        overflow: "auto"
-      }
-    }), [getListboxProps]);
-    const renderInput = React.useCallback((params) => /* @__PURE__ */ jsx(
-      TextField$1,
-      {
-        ...params,
-        label,
-        required,
-        size: isSmall ? "small" : "medium",
-        variant,
-        error: !!error,
-        helperText: error,
-        InputProps: {
-          ...params.InputProps,
-          endAdornment: /* @__PURE__ */ jsxs(React.Fragment, { children: [
-            loading ? /* @__PURE__ */ jsx(CircularProgress$1, { color: "primary", size: 15 }) : null,
-            params.InputProps.endAdornment
-          ] }),
-          sx: style
-        }
-      }
-    ), [label, required, isSmall, variant, error, loading, style]);
-    return /* @__PURE__ */ jsx(
-      Tooltip,
-      {
-        title: isTooltipShow ? label : "",
-        arrow: true,
-        TransitionComponent: Zoom,
-        placement: "top-start",
-        children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(
-          Autocomplete$1,
-          {
-            ...props,
-            onChange: handleOnChange,
-            options,
-            getOptionLabel,
-            ref,
-            defaultValue: selectedValues,
-            value: selectedValues || null,
-            renderOption,
-            ListboxProps: listboxProps,
-            loading,
-            disableClearable,
-            loadingText: t2("LOADING"),
-            noOptionsText: !loading ? t2("NO_OPTION_AVAILABLE") : "",
-            renderInput
-          }
-        ) })
-      }
-    );
-  }
-);
-CustomAutocomplete.displayName = "CustomAutocomplete";
 function useDebounce(callback, delay) {
   const callbackRef = useRef(callback);
   useEffect(() => {
@@ -30405,6 +30514,7 @@ const SearchableAutocomplete = memo(
     const [isTyping, setIsTyping] = useState(false);
     const [pageIndex, setPageIndex] = useState((pagination == null ? void 0 : pagination.pageIndex) ?? 0);
     const [isFetching, setIsFetching] = useState(false);
+    const hasInitialLoadRef = 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)));
@@ -30422,8 +30532,11 @@ const SearchableAutocomplete = memo(
       }
     }, [fetchOptions]);
     useEffect(() => {
-      fetchDefaultOptions();
-    }, [fetchDefaultOptions]);
+      if (!hasInitialLoadRef.current) {
+        hasInitialLoadRef.current = true;
+        fetchDefaultOptions();
+      }
+    }, []);
     const fetchDebouncedOptions = useCallback(
       useDebounce(async (search) => {
         setLoading2(true);
@@ -30452,8 +30565,10 @@ const SearchableAutocomplete = memo(
       setIsFetching(true);
       try {
         const newOptions = await fetchOptions(searchTerm, pageIndex + 1);
-        setPageIndex(pageIndex + 1);
-        setOptions((prevOptions) => deduplicateOptions(prevOptions, newOptions));
+        if (newOptions && newOptions.length > 0) {
+          setPageIndex(pageIndex + 1);
+          setOptions((prevOptions) => deduplicateOptions(prevOptions, newOptions));
+        }
       } catch (err) {
         console.error("Failed to load more options:", err);
       } finally {
@@ -30468,7 +30583,8 @@ const SearchableAutocomplete = memo(
     }, [loadMoreOptions]);
     const handleChange = useCallback((selectedValue) => {
       if (selectedValue) {
-        onChange(selectedValue);
+        const valueToPass = typeof selectedValue === "object" ? selectedValue.id : selectedValue;
+        onChange(valueToPass);
         setIsTyping(false);
         setSearchTerm("");
       } else {
@@ -30530,6 +30646,7 @@ const MemberAutoComplete = ({
   const [hasMoreData, setHasMoreData] = useState(true);
   const onChangeRef = useRef(onChange);
   const roleIdsRef = useRef(roleIds);
+  const previousSearchTermRef = useRef("");
   useEffect(() => {
     onChangeRef.current = onChange;
     roleIdsRef.current = roleIds;
@@ -30546,12 +30663,16 @@ const MemberAutoComplete = ({
     dispatch(setIsUserListLoading(false));
   }, [dispatch]);
   const fetchUserOptions = useCallback(async (searchTerm, pageIndex) => {
+    if (previousSearchTermRef.current !== searchTerm) {
+      previousSearchTermRef.current = searchTerm;
+      setHasMoreData(true);
+    }
     if (pageIndex > 0 && !hasMoreData) {
       return [];
     }
     dispatch(setUserSearchKeyword(searchTerm));
     dispatch(setUserListPagination({ pageIndex }));
-    const newOptions = await dispatch(getUserList(roleIdsRef.current, tenantId));
+    const newOptions = await dispatch(getUserList(roleIdsRef.current, tenantId, pageIndex));
     if (!newOptions || Array.isArray(newOptions) && newOptions.length === 0) {
       setHasMoreData(false);
       if (pageIndex > 0) {
@@ -30951,16 +31072,6 @@ function RemarksDialog({
     )
   ] });
 }
-const userStatusEnum = ["Active", "Pending", "Inactive", "Delete"];
-const loginUserRoles = {
-  Agent: "agent",
-  MiniAgent: "mini-agent",
-  Customer: "customer-user",
-  Admin: "tenant-admin",
-  Lawyer: "lawyer",
-  Staff: "staff",
-  SuperAdmin: "super-admin"
-};
 const defaultValues = {
   status: ""
 };
@@ -44206,7 +44317,7 @@ const FinanceApplicationAutocomplete = ({
 }) => {
   const { t: t2 } = useTranslation("Autocomplete");
   const handleChange = (selectedValue) => {
-    onChange(selectedValue ? selectedValue.id : "");
+    onChange(selectedValue || "");
   };
   const fetchFinanceApplicationOptions = useCallback(async (searchTerm, pageIndex) => {
     if (!tenantId) {
@@ -44221,16 +44332,21 @@ const FinanceApplicationAutocomplete = ({
       pageSize: 20,
       pageIndex
     };
-    const newOptions = await onFetchData({
-      tenantId,
-      filters,
-      pagination: paginationParams
-    });
-    return newOptions == null ? void 0 : newOptions.map((item) => ({
-      id: item.id,
-      label: `${item.applicationNumber}`
-    }));
-  }, [onFetchData, isTenantInvoiceGenerated, status, tenantId]);
+    try {
+      const newOptions = await onFetchData({
+        tenantId,
+        filters,
+        pagination: paginationParams
+      });
+      return (newOptions == null ? void 0 : newOptions.map((item) => ({
+        id: item.id,
+        label: `${item.applicationNumber}`
+      }))) || [];
+    } catch (error2) {
+      console.error("Error fetching finance applications:", error2);
+      return [];
+    }
+  }, [tenantId, status, isTenantInvoiceGenerated, onFetchData]);
   return /* @__PURE__ */ jsx(
     SearchableAutocomplete,
     {
@@ -44260,32 +44376,31 @@ const TenantAutocomplete = ({
   const hasAutoSelected = useRef(false);
   const { t: t2 } = useTranslation("Autocomplete");
   const handleChange = (selectedValue, isAutoSelection = false) => {
-    const selectedId = selectedValue ? selectedValue.id : null;
-    onChange(selectedId, isAutoSelection);
+    onChange(selectedValue, isAutoSelection);
   };
   const fetchTenants = useCallback(
-    async ({ status: status2, pageSize: pageSize2, pageIndex }) => {
+    async ({ status: status2, pageSize: pageSize2, pageIndex, searchKeyword = "" }) => {
       const statusString = status2.length > 0 ? status2.join(",") : "";
-      dispatch(setDropdownFilters({ status: statusString }));
+      dispatch(setDropdownFilters({ status: statusString, searchKeyword }));
       dispatch(setTenantListForDropdownPagination({ pageSize: pageSize2, pageIndex }));
       const result = await dispatch(getTenantListForDropdown({ pageIndex }));
-      dispatch(setDropdownFilters({ status: "", searchKeyword: "" }));
       return result;
     },
     [dispatch]
   );
   const fetchTenantOptions = useCallback(
-    async (_searchTerm, pageIndex) => {
+    async (searchTerm, pageIndex) => {
       const statusArray = Array.isArray(status) ? status : [status].filter((s4) => s4 !== "");
       const tenants = await fetchTenants({
         status: statusArray,
         pageSize: 20,
-        pageIndex
+        pageIndex,
+        searchKeyword: searchTerm || ""
       });
-      return tenants == null ? void 0 : tenants.map((item) => ({
+      return (tenants == null ? void 0 : tenants.map((item) => ({
         id: item.id,
         label: item.name
-      }));
+      }))) || [];
     },
     [fetchTenants, status]
   );
@@ -44296,7 +44411,7 @@ const TenantAutocomplete = ({
       if (tenants && tenants.length > 0) {
         const firstTenant = tenants[0];
         hasAutoSelected.current = true;
-        handleChange(firstTenant, true);
+        handleChange(firstTenant.id, true);
       }
     };
     autoSelectFirstTenant();
@@ -60143,6 +60258,7 @@ export {
   getIsUserChangeStatusFormLoading,
   getRemarkListByFinanceApplicationId,
   getRemarkListData,
+  getSelectedMediaFilePath,
   hideMessage,
   instance as i18n,
   reassignStaffMember,
@@ -60158,6 +60274,7 @@ export {
   setIsPopoverOpen,
   setIsUserChangeStatusFormLoading,
   setRemarkList,
+  setSelectedMediaFilePath,
   showMessage,
   updateRemark,
   updateUserStatus