finance-shared 0.0.7 → 0.0.9

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

@@ -2,13 +2,12 @@ var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { Dialog as Dialog$1, DialogTitle, DialogContent as DialogContent$1, DialogContentText, DialogActions as DialogActions$1, Button as Button$1, IconButton as IconButton$1, Typography as Typography$1, Box as Box$1, Tooltip, Zoom, TextField as TextField$1, Paper as Paper$1, Grid as Grid$1, CircularProgress as CircularProgress$1, Autocomplete as Autocomplete$1, Badge, Checkbox as Checkbox$1, Chip as Chip$1, Divider, RadioGroup, FormControlLabel, Radio, Popover as Popover$1 } from "@mui/material";
+import { Dialog as Dialog$1, DialogTitle, DialogContent as DialogContent$1, DialogContentText, DialogActions as DialogActions$1, Button as Button$1, IconButton as IconButton$1, Typography as Typography$1, Box as Box$1, Tooltip, Zoom, TextField as TextField$1, Paper as Paper$1, Grid as Grid$1, styled as styled$3, CircularProgress as CircularProgress$1, Autocomplete as Autocomplete$1, Badge, Checkbox as Checkbox$1, Chip as Chip$1, Divider, RadioGroup, FormControlLabel, Radio, Popover as Popover$1 } from "@mui/material";
 import * as React from "react";
 import React__default, { createContext, useContext, useCallback, useState, useRef, useEffect, isValidElement, cloneElement, Children, memo, createElement, useMemo } from "react";
-import { unstable_createGetCssVar, createSpacing as createSpacing$1, useTheme as useTheme$4, GlobalStyles as GlobalStyles$1, unstable_memoTheme, css as css$1, keyframes, styled as styled$2, createBox, darken as darken$1, unstable_resolveBreakpointValues, handleBreakpoints as handleBreakpoints$1 } from "@mui/system";
+import { unstable_createGetCssVar, createSpacing as createSpacing$1, useTheme as useTheme$5, GlobalStyles as GlobalStyles$1, unstable_memoTheme, css as css$1, keyframes, styled as styled$2, createBox, darken as darken$1, unstable_resolveBreakpointValues, handleBreakpoints as handleBreakpoints$1, alpha as alpha$1 } from "@mui/system";
 import emStyled from "@emotion/styled";
 import { ThemeContext as ThemeContext$1 } from "@emotion/react";
-import { styled as styled$3, useThemeProps, useTheme as useTheme$5, alpha as alpha$1 } from "@mui/material/styles";
 import * as ReactDOM from "react-dom";
 import ReactDOM__default from "react-dom";
 const isString$3 = (obj) => typeof obj === "string";
@@ -2487,16 +2486,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",
@@ -6380,7 +6369,7 @@ function internal_serializeStyles(styles2) {
 function isObjectEmpty$1(obj) {
   return Object.keys(obj).length === 0;
 }
-function useTheme$3(defaultTheme2 = null) {
+function useTheme$4(defaultTheme2 = null) {
   const contextTheme = React.useContext(ThemeContext$1);
   return !contextTheme || isObjectEmpty$1(contextTheme) ? defaultTheme2 : contextTheme;
 }
@@ -6601,6 +6590,10 @@ function createTheme$1(options = {}, ...args) {
   };
   return muiTheme;
 }
+const systemDefaultTheme$1 = createTheme$1();
+function useTheme$3(defaultTheme2 = systemDefaultTheme$1) {
+  return useTheme$4(defaultTheme2);
+}
 const assignNestedKeys = (obj, keys, value, arrayKeys = []) => {
   let temp = obj;
   keys.forEach((k2, index) => {
@@ -7708,7 +7701,7 @@ function createTheme(options = {}, ...args) {
 const defaultTheme$1 = createTheme();
 const THEME_ID = "$$material";
 function useTheme$2() {
-  const theme = useTheme$4(defaultTheme$1);
+  const theme = useTheme$5(defaultTheme$1);
   if (process.env.NODE_ENV !== "production") {
     React.useDebugValue(theme);
   }
@@ -16888,6 +16881,33 @@ function getThemeProps(params) {
   }
   return resolveProps(theme.components[name].defaultProps, props);
 }
+function useThemeProps$1({
+  props,
+  name,
+  defaultTheme: defaultTheme2,
+  themeId
+}) {
+  let theme = useTheme$3(defaultTheme2);
+  {
+    theme = theme[themeId] || theme;
+  }
+  return getThemeProps({
+    theme,
+    name,
+    props
+  });
+}
+function useThemeProps({
+  props,
+  name
+}) {
+  return useThemeProps$1({
+    props,
+    name,
+    defaultTheme: defaultTheme$1,
+    themeId: THEME_ID
+  });
+}
 const boxClasses = generateUtilityClasses$1("MuiBox", ["root"]);
 const defaultTheme = createTheme();
 const Box = createBox({
@@ -16960,7 +16980,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 +19703,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 +20185,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 +20271,8 @@ const PdfDialog = ({
           ) : /* @__PURE__ */ jsx("img", { src: filePath, alt: "Preview", className: "w-full h-auto" })
         }
       )
-    }
+    },
+    filePath
   );
 };
 const PreviewMedia = ({ children, filePath = "", showDefaultView = true }) => {
@@ -24687,10 +24708,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 +30526,8 @@ const SearchableAutocomplete = memo(
       totalCount: 0
     },
     ref,
-    disableClearable = false
+    disableClearable = false,
+    initialSearchTerm = ""
   }) => {
     var _a;
     const [options, setOptions] = useState([]);
@@ -30515,26 +30537,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 +30602,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 +30610,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 +30668,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 +30682,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 +30706,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 +30721,8 @@ const MemberAutoComplete = ({
       required,
       pagination,
       style,
-      isTooltipShow
+      isTooltipShow,
+      initialSearchTerm
     }
   );
 };
@@ -30728,7 +30749,8 @@ function RemarksDialog({
   ReassignStaffFormComponent,
   staffRoleIds = [],
   dataTestId = "",
-  themesConfig = {}
+  themesConfig = {},
+  remarksCount = 0
 }) {
   const {
     canViewRemarks = true,
@@ -30739,23 +30761,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 +30820,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 +30827,7 @@ function RemarksDialog({
   };
   const handleOpen = () => {
     setOpen(true);
+    setHasOpened(true);
   };
   const handleClose = () => {
     setOpen(false);
@@ -30837,7 +30875,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 +31063,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 +31133,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 +31201,7 @@ const CommonStatusChangeDialog = ({
             SaveButton,
             {
               variant: "contained",
-              disabled: !isValid2 || isLoading,
+              disabled: !isValid2 || isLoading || isStatusChanged,
               isLoading,
               text: t2("SUBMIT")
             }
@@ -44350,6 +44390,7 @@ const FinanceApplicationAutocomplete = ({
 const TenantAutocomplete = ({
   value,
   onChange,
+  label = "TENANT",
   error,
   required = false,
   status = "",
@@ -44404,7 +44445,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),
@@ -44650,7 +44691,7 @@ function unstable_createUseMediaQuery(params = {}) {
     themeId
   } = params;
   return function useMediaQuery2(queryInput, options = {}) {
-    let theme = useTheme$3();
+    let theme = useTheme$4();
     if (theme && themeId) {
       theme = theme[themeId] || theme;
     }
@@ -46527,7 +46568,7 @@ const useUtilityClasses$l = (ownerState) => {
   };
   return composeClasses(slots, getPickersToolbarUtilityClass, classes);
 };
-const PickersToolbarRoot = styled$3("div", {
+const PickersToolbarRoot = styled("div", {
   name: "MuiPickersToolbar",
   slot: "Root",
   overridesResolver: (props, styles2) => styles2.root
@@ -46547,7 +46588,7 @@ const PickersToolbarRoot = styled$3("div", {
   justifyContent: "flex-start",
   flexWrap: "wrap"
 }));
-const PickersToolbarContent = styled$3(Grid, {
+const PickersToolbarContent = styled(Grid, {
   name: "MuiPickersToolbar",
   slot: "Content",
   overridesResolver: (props, styles2) => styles2.content
@@ -46612,12 +46653,12 @@ const useUtilityClasses$k = (ownerState) => {
   };
   return composeClasses(slots, getDatePickerToolbarUtilityClass, classes);
 };
-const DatePickerToolbarRoot = styled$3(PickersToolbar, {
+const DatePickerToolbarRoot = styled(PickersToolbar, {
   name: "MuiDatePickerToolbar",
   slot: "Root",
   overridesResolver: (_2, styles2) => styles2.root
 })({});
-const DatePickerToolbarTitle = styled$3(Typography, {
+const DatePickerToolbarTitle = styled(Typography, {
   name: "MuiDatePickerToolbar",
   slot: "Title",
   overridesResolver: (_2, styles2) => styles2.title
@@ -46788,14 +46829,14 @@ function getPickersArrowSwitcherUtilityClass(slot) {
 }
 generateUtilityClasses("MuiPickersArrowSwitcher", ["root", "spacer", "button"]);
 const _excluded$h = ["children", "className", "slots", "slotProps", "isNextDisabled", "isNextHidden", "onGoToNext", "nextLabel", "isPreviousDisabled", "isPreviousHidden", "onGoToPrevious", "previousLabel"], _excluded2$3 = ["ownerState"], _excluded3$2 = ["ownerState"];
-const PickersArrowSwitcherRoot = styled$3("div", {
+const PickersArrowSwitcherRoot = styled("div", {
   name: "MuiPickersArrowSwitcher",
   slot: "Root",
   overridesResolver: (props, styles2) => styles2.root
 })({
   display: "flex"
 });
-const PickersArrowSwitcherSpacer = styled$3("div", {
+const PickersArrowSwitcherSpacer = styled("div", {
   name: "MuiPickersArrowSwitcher",
   slot: "Spacer",
   overridesResolver: (props, styles2) => styles2.spacer
@@ -46804,7 +46845,7 @@ const PickersArrowSwitcherSpacer = styled$3("div", {
 }) => ({
   width: theme.spacing(3)
 }));
-const PickersArrowSwitcherButton = styled$3(IconButton, {
+const PickersArrowSwitcherButton = styled(IconButton, {
   name: "MuiPickersArrowSwitcher",
   slot: "Button",
   overridesResolver: (props, styles2) => styles2.button
@@ -46826,7 +46867,7 @@ const useUtilityClasses$j = (ownerState) => {
 };
 const PickersArrowSwitcher = /* @__PURE__ */ React.forwardRef(function PickersArrowSwitcher2(inProps, ref) {
   var _slots$previousIconBu, _slots$nextIconButton, _slots$leftArrowIcon, _slots$rightArrowIcon;
-  const theme = useTheme$5();
+  const theme = useTheme$2();
   const isRTL = theme.direction === "rtl";
   const props = useThemeProps({
     props: inProps,
@@ -47469,7 +47510,7 @@ const DAY_SIZE = 36;
 const DAY_MARGIN = 2;
 const DIALOG_WIDTH = 320;
 const VIEW_HEIGHT = 358;
-const PickersModalDialogRoot = styled$3(Dialog)({
+const PickersModalDialogRoot = styled(Dialog)({
   [`& .${dialogClasses.container}`]: {
     outline: 0
   },
@@ -47478,7 +47519,7 @@ const PickersModalDialogRoot = styled$3(Dialog)({
     minWidth: DIALOG_WIDTH
   }
 });
-const PickersModalDialogContent = styled$3(DialogContent)({
+const PickersModalDialogContent = styled(DialogContent)({
   "&:first-of-type": {
     padding: 0
   }
@@ -47545,7 +47586,7 @@ const useUtilityClasses$g = (ownerState) => {
   };
   return composeClasses(slots, getPickersPopperUtilityClass, classes);
 };
-const PickersPopperRoot = styled$3(Popper2, {
+const PickersPopperRoot = styled(Popper2, {
   name: "MuiPickersPopper",
   slot: "Root",
   overridesResolver: (_2, styles2) => styles2.root
@@ -47554,7 +47595,7 @@ const PickersPopperRoot = styled$3(Popper2, {
 }) => ({
   zIndex: theme.zIndex.modal
 }));
-const PickersPopperPaper = styled$3(Paper, {
+const PickersPopperPaper = styled(Paper, {
   name: "MuiPickersPopper",
   slot: "Paper",
   overridesResolver: (_2, styles2) => styles2.paper
@@ -47844,7 +47885,7 @@ const useFieldState = (params) => {
   const utils2 = useUtils();
   const localeText = useLocaleText();
   const adapter = useLocalizationContext();
-  const theme = useTheme$5();
+  const theme = useTheme$2();
   const isRTL = theme.direction === "rtl";
   const {
     valueManager,
@@ -48353,7 +48394,7 @@ const useField = (params) => {
   const inputRef = React.useRef(null);
   const handleRef = useForkRef(inputRefProp, inputRef);
   const focusTimeoutRef = React.useRef(void 0);
-  const theme = useTheme$5();
+  const theme = useTheme$2();
   const isRTL = theme.direction === "rtl";
   const sectionOrder = React.useMemo(() => getSectionOrder(state.sections, isRTL), [state.sections, isRTL]);
   const syncSelectionFromDOM = () => {
@@ -50148,7 +50189,7 @@ const useUtilityClasses$b = (ownerState) => {
   };
   return composeClasses(slots, getPickersLayoutUtilityClass, classes);
 };
-const PickersLayoutRoot = styled$3("div", {
+const PickersLayoutRoot = styled("div", {
   name: "MuiPickersLayout",
   slot: "Root",
   overridesResolver: (props, styles2) => styles2.root
@@ -50189,7 +50230,7 @@ PickersLayoutRoot.propTypes = {
   }).isRequired,
   sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
 };
-const PickersLayoutContentWrapper = styled$3("div", {
+const PickersLayoutContentWrapper = styled("div", {
   name: "MuiPickersLayout",
   slot: "ContentWrapper",
   overridesResolver: (props, styles2) => styles2.contentWrapper
@@ -50395,7 +50436,7 @@ const useUtilityClasses$a = (ownerState) => {
   return composeClasses(slots, getPickersFadeTransitionGroupUtilityClass, classes);
 };
 const animationDuration = 500;
-const PickersFadeTransitionGroupRoot = styled$3(TransitionGroup, {
+const PickersFadeTransitionGroupRoot = styled(TransitionGroup, {
   name: "MuiPickersFadeTransitionGroup",
   slot: "Root",
   overridesResolver: (_2, styles2) => styles2.root
@@ -50449,7 +50490,7 @@ const useUtilityClasses$9 = (ownerState) => {
   };
   return composeClasses(slots, getPickersCalendarHeaderUtilityClass, classes);
 };
-const PickersCalendarHeaderRoot = styled$3("div", {
+const PickersCalendarHeaderRoot = styled("div", {
   name: "MuiPickersCalendarHeader",
   slot: "Root",
   overridesResolver: (_2, styles2) => styles2.root
@@ -50464,7 +50505,7 @@ const PickersCalendarHeaderRoot = styled$3("div", {
   maxHeight: 30,
   minHeight: 30
 });
-const PickersCalendarHeaderLabelContainer = styled$3("div", {
+const PickersCalendarHeaderLabelContainer = styled("div", {
   name: "MuiPickersCalendarHeader",
   slot: "LabelContainer",
   overridesResolver: (_2, styles2) => styles2.labelContainer
@@ -50479,14 +50520,14 @@ const PickersCalendarHeaderLabelContainer = styled$3("div", {
 }, theme.typography.body1, {
   fontWeight: theme.typography.fontWeightMedium
 }));
-const PickersCalendarHeaderLabel = styled$3("div", {
+const PickersCalendarHeaderLabel = styled("div", {
   name: "MuiPickersCalendarHeader",
   slot: "Label",
   overridesResolver: (_2, styles2) => styles2.label
 })({
   marginRight: 6
 });
-const PickersCalendarHeaderSwitchViewButton = styled$3(IconButton, {
+const PickersCalendarHeaderSwitchViewButton = styled(IconButton, {
   name: "MuiPickersCalendarHeader",
   slot: "SwitchViewButton",
   overridesResolver: (_2, styles2) => styles2.switchViewButton
@@ -50499,7 +50540,7 @@ const PickersCalendarHeaderSwitchViewButton = styled$3(IconButton, {
     transform: "rotate(180deg)"
   }
 }));
-const PickersCalendarHeaderSwitchViewIcon = styled$3(ArrowDropDownIcon, {
+const PickersCalendarHeaderSwitchViewIcon = styled(ArrowDropDownIcon, {
   name: "MuiPickersCalendarHeader",
   slot: "SwitchViewIcon",
   overridesResolver: (_2, styles2) => styles2.switchViewIcon
@@ -50696,12 +50737,12 @@ const overridesResolver$1 = (props, styles2) => {
   } = props;
   return [styles2.root, !ownerState.disableMargin && styles2.dayWithMargin, !ownerState.disableHighlightToday && ownerState.today && styles2.today, !ownerState.outsideCurrentMonth && ownerState.showDaysOutsideCurrentMonth && styles2.dayOutsideMonth, ownerState.outsideCurrentMonth && !ownerState.showDaysOutsideCurrentMonth && styles2.hiddenDaySpacingFiller];
 };
-const PickersDayRoot = styled$3(ButtonBase, {
+const PickersDayRoot = styled(ButtonBase, {
   name: "MuiPickersDay",
   slot: "Root",
   overridesResolver: overridesResolver$1
 })(styleArg);
-const PickersDayFiller = styled$3("div", {
+const PickersDayFiller = styled("div", {
   name: "MuiPickersDay",
   slot: "Root",
   overridesResolver: overridesResolver$1
@@ -50963,7 +51004,7 @@ const useUtilityClasses$7 = (ownerState) => {
   return composeClasses(slots, getPickersSlideTransitionUtilityClass, classes);
 };
 const slideAnimationDuration = 350;
-const PickersSlideTransitionRoot = styled$3(TransitionGroup, {
+const PickersSlideTransitionRoot = styled(TransitionGroup, {
   name: "MuiPickersSlideTransition",
   slot: "Root",
   overridesResolver: (_2, styles2) => [styles2.root, {
@@ -51115,7 +51156,7 @@ const useUtilityClasses$6 = (ownerState) => {
 };
 const defaultDayOfWeekFormatter = (day) => day.charAt(0).toUpperCase();
 const weeksContainerHeight = (DAY_SIZE + DAY_MARGIN * 2) * 6;
-const PickersCalendarDayHeader = styled$3("div", {
+const PickersCalendarDayHeader = styled("div", {
   name: "MuiDayCalendar",
   slot: "Header",
   overridesResolver: (_2, styles2) => styles2.header
@@ -51124,7 +51165,7 @@ const PickersCalendarDayHeader = styled$3("div", {
   justifyContent: "center",
   alignItems: "center"
 });
-const PickersCalendarWeekDayLabel = styled$3(Typography, {
+const PickersCalendarWeekDayLabel = styled(Typography, {
   name: "MuiDayCalendar",
   slot: "WeekDayLabel",
   overridesResolver: (_2, styles2) => styles2.weekDayLabel
@@ -51140,7 +51181,7 @@ const PickersCalendarWeekDayLabel = styled$3(Typography, {
   alignItems: "center",
   color: (theme.vars || theme).palette.text.secondary
 }));
-const PickersCalendarWeekNumberLabel = styled$3(Typography, {
+const PickersCalendarWeekNumberLabel = styled(Typography, {
   name: "MuiDayPicker",
   slot: "WeekNumberLabel",
   overridesResolver: (_2, styles2) => styles2.weekNumberLabel
@@ -51156,7 +51197,7 @@ const PickersCalendarWeekNumberLabel = styled$3(Typography, {
   alignItems: "center",
   color: theme.palette.text.disabled
 }));
-const PickersCalendarWeekNumber = styled$3(Typography, {
+const PickersCalendarWeekNumber = styled(Typography, {
   name: "MuiDayPicker",
   slot: "WeekNumber",
   overridesResolver: (_2, styles2) => styles2.weekNumber
@@ -51173,7 +51214,7 @@ const PickersCalendarWeekNumber = styled$3(Typography, {
   justifyContent: "center",
   display: "inline-flex"
 }));
-const PickersCalendarLoadingContainer = styled$3("div", {
+const PickersCalendarLoadingContainer = styled("div", {
   name: "MuiDayCalendar",
   slot: "LoadingContainer",
   overridesResolver: (_2, styles2) => styles2.loadingContainer
@@ -51183,21 +51224,21 @@ const PickersCalendarLoadingContainer = styled$3("div", {
   alignItems: "center",
   minHeight: weeksContainerHeight
 });
-const PickersCalendarSlideTransition = styled$3(PickersSlideTransition, {
+const PickersCalendarSlideTransition = styled(PickersSlideTransition, {
   name: "MuiDayCalendar",
   slot: "SlideTransition",
   overridesResolver: (_2, styles2) => styles2.slideTransition
 })({
   minHeight: weeksContainerHeight
 });
-const PickersCalendarWeekContainer = styled$3("div", {
+const PickersCalendarWeekContainer = styled("div", {
   name: "MuiDayCalendar",
   slot: "MonthContainer",
   overridesResolver: (_2, styles2) => styles2.monthContainer
 })({
   overflow: "hidden"
 });
-const PickersCalendarWeek = styled$3("div", {
+const PickersCalendarWeek = styled("div", {
   name: "MuiDayCalendar",
   slot: "WeekContainer",
   overridesResolver: (_2, styles2) => styles2.weekContainer
@@ -51320,7 +51361,7 @@ function DayCalendar(inProps) {
   const now2 = useNow(timezone);
   const utils2 = useUtils();
   const classes = useUtilityClasses$6(props);
-  const theme = useTheme$5();
+  const theme = useTheme$2();
   const isRTL = theme.direction === "rtl";
   const isDateDisabled = useIsDateDisabled({
     shouldDisableDate,
@@ -52326,7 +52367,7 @@ const useUtilityClasses$4 = (ownerState) => {
   };
   return composeClasses(slots, getPickersMonthUtilityClass, classes);
 };
-const PickersMonthRoot = styled$3("div", {
+const PickersMonthRoot = styled("div", {
   name: "MuiPickersMonth",
   slot: "Root",
   overridesResolver: (_2, styles2) => [styles2.root]
@@ -52338,7 +52379,7 @@ const PickersMonthRoot = styled$3("div", {
   alignItems: "center",
   justifyContent: "center"
 }));
-const PickersMonthButton = styled$3("button", {
+const PickersMonthButton = styled("button", {
   name: "MuiPickersMonth",
   slot: "MonthButton",
   overridesResolver: (_2, styles2) => [styles2.monthButton, {
@@ -52455,7 +52496,7 @@ function useMonthCalendarDefaultizedProps(props, name) {
     maxDate: applyDefaultDate(utils2, themeProps.maxDate, defaultDates.maxDate)
   });
 }
-const MonthCalendarRoot = styled$3("div", {
+const MonthCalendarRoot = styled("div", {
   name: "MuiMonthCalendar",
   slot: "Root",
   overridesResolver: (props, styles2) => styles2.root
@@ -52502,7 +52543,7 @@ const MonthCalendar = /* @__PURE__ */ React.forwardRef(function MonthCalendar2(i
     valueManager: singleItemValueManager
   });
   const now2 = useNow(timezone);
-  const theme = useTheme$4();
+  const theme = useTheme$5();
   const utils2 = useUtils();
   const referenceDate = React.useMemo(
     () => singleItemValueManager.getInitialReferenceValue({
@@ -52743,7 +52784,7 @@ const useUtilityClasses$2 = (ownerState) => {
   };
   return composeClasses(slots, getPickersYearUtilityClass, classes);
 };
-const PickersYearRoot = styled$3("div", {
+const PickersYearRoot = styled("div", {
   name: "MuiPickersYear",
   slot: "Root",
   overridesResolver: (_2, styles2) => [styles2.root]
@@ -52755,7 +52796,7 @@ const PickersYearRoot = styled$3("div", {
   alignItems: "center",
   justifyContent: "center"
 }));
-const PickersYearButton = styled$3("button", {
+const PickersYearButton = styled("button", {
   name: "MuiPickersYear",
   slot: "YearButton",
   overridesResolver: (_2, styles2) => [styles2.yearButton, {
@@ -52872,7 +52913,7 @@ function useYearCalendarDefaultizedProps(props, name) {
     maxDate: applyDefaultDate(utils2, themeProps.maxDate, defaultDates.maxDate)
   });
 }
-const YearCalendarRoot = styled$3("div", {
+const YearCalendarRoot = styled("div", {
   name: "MuiYearCalendar",
   slot: "Root",
   overridesResolver: (props, styles2) => styles2.root
@@ -52922,7 +52963,7 @@ const YearCalendar = /* @__PURE__ */ React.forwardRef(function YearCalendar2(inP
     valueManager: singleItemValueManager
   });
   const now2 = useNow(timezone);
-  const theme = useTheme$4();
+  const theme = useTheme$5();
   const utils2 = useUtils();
   const referenceDate = React.useMemo(
     () => singleItemValueManager.getInitialReferenceValue({
@@ -53165,7 +53206,7 @@ process.env.NODE_ENV !== "production" ? YearCalendar.propTypes = {
    */
   yearsPerRow: PropTypes.oneOf([3, 4])
 } : void 0;
-const PickerViewRoot = styled$3("div")({
+const PickerViewRoot = styled("div")({
   overflow: "hidden",
   width: DIALOG_WIDTH,
   maxHeight: VIEW_HEIGHT,
@@ -53208,7 +53249,7 @@ function useDateCalendarDefaultizedProps(props, name) {
     maxDate: applyDefaultDate(utils2, themeProps.maxDate, defaultDates.maxDate)
   });
 }
-const DateCalendarRoot = styled$3(PickerViewRoot, {
+const DateCalendarRoot = styled(PickerViewRoot, {
   name: "MuiDateCalendar",
   slot: "Root",
   overridesResolver: (props, styles2) => styles2.root
@@ -53216,7 +53257,7 @@ const DateCalendarRoot = styled$3(PickerViewRoot, {
   display: "flex",
   flexDirection: "column"
 });
-const DateCalendarViewTransitionContainer = styled$3(PickersFadeTransitionGroup, {
+const DateCalendarViewTransitionContainer = styled(PickersFadeTransitionGroup, {
   name: "MuiDateCalendar",
   slot: "ViewTransitionContainer",
   overridesResolver: (props, styles2) => styles2.viewTransitionContainer
@@ -60207,7 +60248,6 @@ export {
   DigitalProcessSignature,
   DocumentSigningDialog,
   FinanceApplicationAutocomplete,
-  formatAmount$1 as FormatAmount,
   FuseMessage$1 as FuseMessage,
   ImageUpload,
   InfoDialog,