@erpsquad/common 1.8.40 → 1.8.41

package/dist/components/grid/grid-wrapper/grid-wrapper/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/grid/grid-wrapper/grid-wrapper.tsx"],"sourcesContent":["import { Box } from \"@mui/material\";\nimport \"./grid-wrapper.scss\";\nimport Typography from \"../../typography/typography\";\nimport images from \"../../../assets/images\"\nimport ErpLoader from \"../../loaders/erp-loader\";\n\ninterface GridWrapperProps {\n  children: React.ReactNode;\n  data?: any[]\n  isLoading?: boolean\n}\n\nconst GridWrapper = (props: GridWrapperProps) => {\n  const { children, data, isLoading } = props;\n  return (\n    <>\n    {isLoading \n      ? \n        <ErpLoader/> \n      :\n        <>\n          {data?.length \n            ? \n              <div className=\"grid-wrapper\">{children}</div>\n            : \n              <Box position=\"fixed\" left='50%' top=\"50%\" transform=\"translate(-50%, -50%)\">\n                <img src={images.common.tableNoData} />\n                <Typography color='theme.secondary.1000' weight=\"medium\" align=\"center\">No data</Typography>\n              </Box>\n          }\n        </>\n    }\n    </>\n  );\n};\n\nexport default GridWrapper;\n"],"names":["props","children","data","isLoading","jsx","Fragment","ErpLoader","length","className","jsxs","Box","position","left","top","transform","src","images","common","tableNoData","Typography","color","weight","align"],"mappings":"+UAYqBA,IACnB,MAAMC,SAAEA,EAAAC,KAAUA,EAAAC,UAAMA,GAAcH;AACtC,OACEI,EAAAA,IAAAC,EAAAA,SAAA,CACCJ,4BAEGG,IAACE,EAAAA,QAAA,CAAA,kBAEDF,EAAAA,IAAAC,EAAAA,SAAA,CACGJ,UAAA,MAAAC,OAAA,EAAAA,EAAMK,6BAEF,MAAA,CAAIC,UAAU,eAAgBP,8BAE/BQ,KAACC,EAAAA,IAAA,CAAIC,SAAS,QAAQC,KAAK,MAAMC,IAAI,MAAMC,UAAU,wBACnDb,SAAA;eAAAG,EAAAA,IAAC,MAAA,CAAIW,IAAKC,EAAAA,OAAOC,OAAOC;eACxBd,EAAAA,IAACe,EAAAA,YAAWC,MAAM,uBAAuBC,OAAO,SAASC,MAAM,SAASrB,SAAA"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/grid/grid-wrapper/grid-wrapper.tsx"],"sourcesContent":["import { Box } from \"@mui/material\";\nimport \"./grid-wrapper.scss\";\nimport Typography from \"../../typography/typography\";\nimport images from \"../../../assets/images\"\nimport ErpLoader from \"../../loaders/erp-loader\";\n\ninterface GridWrapperProps {\n  children: React.ReactNode;\n  data?: any[]\n  isLoading?: boolean\n}\n\nconst GridWrapper = (props: GridWrapperProps) => {\n  const { children, data, isLoading } = props;\n  return (\n    <>\n    {isLoading \n      ? \n        <ErpLoader/> \n      :\n        <>\n          {data?.length \n            ? \n              <div className=\"grid-wrapper\">{children}</div>\n            : \n              <Box position=\"fixed\" left='50%' top=\"50%\" transform=\"translate(-50%, -50%)\">\n                <img src={images.common.tableNoData} />\n                <Typography color='theme.secondary.1000' weight=\"medium\" align=\"center\">No data</Typography>\n              </Box>\n          }\n        </>\n    }\n    </>\n  );\n};\n\nexport default GridWrapper;\n"],"names":["props","children","data","isLoading","jsx","Fragment","ErpLoader","length","className","jsxs","Box","position","left","top","transform","src","images","common","tableNoData","Typography","color","weight","align"],"mappings":"yXAYqBA,IACnB,MAAMC,SAAEA,EAAAC,KAAUA,EAAAC,UAAMA,GAAcH;AACtC,OACEI,EAAAA,IAAAC,EAAAA,SAAA,CACCJ,4BAEGG,IAACE,EAAAA,QAAA,CAAA,kBAEDF,EAAAA,IAAAC,EAAAA,SAAA,CACGJ,UAAA,MAAAC,OAAA,EAAAA,EAAMK,6BAEF,MAAA,CAAIC,UAAU,eAAgBP,8BAE/BQ,KAACC,EAAAA,QAAA,CAAIC,SAAS,QAAQC,KAAK,MAAMC,IAAI,MAAMC,UAAU,wBACnDb,SAAA;eAAAG,EAAAA,IAAC,MAAA,CAAIW,IAAKC,EAAAA,OAAOC,OAAOC;eACxBd,EAAAA,IAACe,EAAAA,YAAWC,MAAM,uBAAuBC,OAAO,SAASC,MAAM,SAASrB,SAAA"}

package/dist/components/grid-fallback/grid-fallback/index.esm.js

@@ -1,8 +1,8 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { Typography } from "../../typography/typography/index.esm.js";
-import { Box } from "@mui/material";
 /* empty css                              */
 import { images } from "../../../images/index.esm.js";
+import Box from "../../../node_modules/@mui/material/Box/Box/index.esm.js";
 const GridFallback = (props) => {
   const { heading = "", subHeading = "No data available", icon = /* @__PURE__ */ jsx("img", { src: images.invoiceFallback }), children, ...rest } = props;
   return /* @__PURE__ */ jsxs(Box, { className: "fallback", ...rest, children: [

package/dist/components/grid-fallback/grid-fallback/index.js

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),a=,/* empty css                                 */r=require("@mui/material");;/* empty css                           */var i=;/* empty css                     */exports.default=s=>{const{heading:l="",subHeading:c="No data available",icon:t=/* @__PURE__ */e.jsx("img",{src:i.images.invoiceFallback}),children:d,...o}=s;/* @__PURE__ */
-return e.jsxs(r.Box,{className:"fallback",...o,children:[t,
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),a=;/* empty css                                 */;/* empty css                           */var r=,/* empty css                     */i=;/* empty css                                                 */exports.default=s=>{const{heading:l="",subHeading:c="No data available",icon:d=/* @__PURE__ */e.jsx("img",{src:r.images.invoiceFallback}),children:t,...o}=s;/* @__PURE__ */
+return e.jsxs(i.default,{className:"fallback",...o,children:[d,
 /* @__PURE__ */e.jsx(a.Typography,{type:"h5",weight:"medium",color:"theme.secondary.1000",className:"fallback--Text",children:l}),
 /* @__PURE__ */e.jsx(a.Typography,{type:"s3",weight:"medium",color:"theme.secondary.800",className:"fallback--Text",children:c}),
-/* @__PURE__ */e.jsx("div",{children:d})]})};
+/* @__PURE__ */e.jsx("div",{children:t})]})};
 //# sourceMappingURL=index.js.map

package/dist/components/grid-fallback/grid-fallback/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/grid-fallback/grid-fallback.tsx"],"sourcesContent":["import Typography from \"../typography/typography\";\nimport { Box } from \"@mui/material\";\nimport \"./grid-fallback.scss\";\nimport logo from '../../assets/images';\n\ninterface GridFallbackProps {\n  heading?: string;\n  subHeading?: string;\n  icon?: React.ReactNode;\n  children?: React.ReactNode;\n}\n\nconst GridFallback = (props: GridFallbackProps) => {\n  const { heading = '', subHeading = 'No data available', icon = <img src={logo.invoiceFallback} />, children, ...rest } = props;\n  return (\n    <Box className=\"fallback\" {...rest}>\n      {icon}\n      <Typography\n        type=\"h5\"\n        weight=\"medium\"\n        color=\"theme.secondary.1000\"\n        className=\"fallback--Text\"\n      >\n        {heading}\n      </Typography>\n      <Typography\n        type=\"s3\"\n        weight=\"medium\"\n        color=\"theme.secondary.800\"\n        className=\"fallback--Text\"\n      >\n        {subHeading}\n      </Typography>\n      <div>{children}</div>\n    </Box>\n  );\n};\n\nexport default GridFallback;\n"],"names":["props","heading","subHeading","icon","src","logo","invoiceFallback","children","rest","jsxs","Box","className","jsx","Typography","type","weight","color"],"mappings":"wRAYsBA,IACpB,MAAMC,QAAEA,EAAU,GAAAC,WAAIA,EAAa,oBAAAC,KAAqBA,uBAAQ,MAAA,CAAIC,IAAKC,EAAAA,OAAKC,2BAAqBC,KAAaC,GAASR;AACzH,OACES,EAAAA,KAACC,EAAAA,IAAA,CAAIC,UAAU,cAAeH,EAC3BD,SAAA,CAAAJ;eACDS,EAAAA,IAACC,EAAAA,WAAA,CACCC,KAAK,KACLC,OAAO,SACPC,MAAM,uBACNL,UAAU,iBAETJ,SAAAN;eAEHW,EAAAA,IAACC,EAAAA,WAAA,CACCC,KAAK,KACLC,OAAO,SACPC,MAAM,sBACNL,UAAU,iBAETJ,SAAAL;eAEHU,MAAC,OAAKL"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/grid-fallback/grid-fallback.tsx"],"sourcesContent":["import Typography from \"../typography/typography\";\nimport { Box } from \"@mui/material\";\nimport \"./grid-fallback.scss\";\nimport logo from '../../assets/images';\n\ninterface GridFallbackProps {\n  heading?: string;\n  subHeading?: string;\n  icon?: React.ReactNode;\n  children?: React.ReactNode;\n}\n\nconst GridFallback = (props: GridFallbackProps) => {\n  const { heading = '', subHeading = 'No data available', icon = <img src={logo.invoiceFallback} />, children, ...rest } = props;\n  return (\n    <Box className=\"fallback\" {...rest}>\n      {icon}\n      <Typography\n        type=\"h5\"\n        weight=\"medium\"\n        color=\"theme.secondary.1000\"\n        className=\"fallback--Text\"\n      >\n        {heading}\n      </Typography>\n      <Typography\n        type=\"s3\"\n        weight=\"medium\"\n        color=\"theme.secondary.800\"\n        className=\"fallback--Text\"\n      >\n        {subHeading}\n      </Typography>\n      <div>{children}</div>\n    </Box>\n  );\n};\n\nexport default GridFallback;\n"],"names":["props","heading","subHeading","icon","src","logo","invoiceFallback","children","rest","jsxs","Box","className","jsx","Typography","type","weight","color"],"mappings":"+TAYsBA,IACpB,MAAMC,QAAEA,EAAU,GAAAC,WAAIA,EAAa,oBAAAC,KAAqBA,uBAAQ,MAAA,CAAIC,IAAKC,EAAAA,OAAKC,2BAAqBC,KAAaC,GAASR;AACzH,OACES,EAAAA,KAACC,EAAAA,QAAA,CAAIC,UAAU,cAAeH,EAC3BD,SAAA,CAAAJ;eACDS,EAAAA,IAACC,EAAAA,WAAA,CACCC,KAAK,KACLC,OAAO,SACPC,MAAM,uBACNL,UAAU,iBAETJ,SAAAN;eAEHW,EAAAA,IAACC,EAAAA,WAAA,CACCC,KAAK,KACLC,OAAO,SACPC,MAAM,sBACNL,UAAU,iBAETJ,SAAAL;eAEHU,MAAC,OAAKL"}

package/dist/components/header/components/notification-menu/notification-menu/index.esm.js

@@ -1,7 +1,5 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useState, useRef, useCallback, useEffect } from "react";
-import { Box, IconButton, Badge, Menu, CircularProgress, Skeleton, Alert, MenuItem, ListItemAvatar, Avatar, ListItemText } from "@mui/material";
-import { Person, CheckCircle, Warning, Email, Assignment, AccountBalance } from "@mui/icons-material";
 import { getV1Notification, getV1NotificationMarkAllAsRead, patchV1NotificationMarkAsReadId } from "../../../../../api-client/api.system-feature/api/index.esm.js";
 import { getToken, getErrorMessage } from "../../../../../utils/common/index.esm.js";
 import formatText, { formatLabel, convertToUnderscore } from "../../../../../utils/format-text/index.esm.js";
@@ -17,7 +15,24 @@ import { PathnameGenerator as PathnameGenerator$1, PathnameCrm } from "../../../
 import { useNavigate } from "react-router-dom";
 import Button from "../../../../button/button/index.esm.js";
 import { enqueueSnackbar } from "../../../../../node_modules/notistack/notistack.esm/index.esm.js";
+import Box from "../../../../../node_modules/@mui/material/Box/Box/index.esm.js";
+import IconButton from "../../../../../node_modules/@mui/material/IconButton/IconButton/index.esm.js";
+import Badge from "../../../../../node_modules/@mui/material/Badge/Badge/index.esm.js";
+import Menu from "../../../../../node_modules/@mui/material/Menu/Menu/index.esm.js";
+import CircularProgress from "../../../../../node_modules/@mui/material/CircularProgress/CircularProgress/index.esm.js";
 import { Tick } from "../../../../icons/tick/index.esm.js";
+import Skeleton from "../../../../../node_modules/@mui/material/Skeleton/Skeleton/index.esm.js";
+import Alert from "../../../../../node_modules/@mui/material/Alert/Alert/index.esm.js";
+import MenuItem from "../../../../../node_modules/@mui/material/MenuItem/MenuItem/index.esm.js";
+import ListItemAvatar from "../../../../../node_modules/@mui/material/ListItemAvatar/ListItemAvatar/index.esm.js";
+import Avatar from "../../../../../node_modules/@mui/material/Avatar/Avatar/index.esm.js";
+import ListItemText from "../../../../../node_modules/@mui/material/ListItemText/ListItemText/index.esm.js";
+import PersonIcon from "../../../../../node_modules/@mui/icons-material/esm/Person/index.esm.js";
+import CheckCircleIcon from "../../../../../node_modules/@mui/icons-material/esm/CheckCircle/index.esm.js";
+import WarningIcon from "../../../../../node_modules/@mui/icons-material/esm/Warning/index.esm.js";
+import EmailIcon from "../../../../../node_modules/@mui/icons-material/esm/Email/index.esm.js";
+import AssignmentIcon from "../../../../../node_modules/@mui/icons-material/esm/Assignment/index.esm.js";
+import AccountBalanceIcon from "../../../../../node_modules/@mui/icons-material/esm/AccountBalance/index.esm.js";
 import { Notification } from "../../../../icons/notification/index.esm.js";
 const getNotificationUrl = (data) => {
   var _a;
@@ -103,9 +118,9 @@ const NotificationMenu = () => {
   const open = Boolean(anchorEl);
   const transformNotification = (apiNotification) => {
     const moduleIcons = {
-      "accounts-and-finance": /* @__PURE__ */ jsx(AccountBalance, { color: "primary" }),
-      user: /* @__PURE__ */ jsx(Person, { color: "action" }),
-      approval: /* @__PURE__ */ jsx(Assignment, { color: "warning" })
+      "accounts-and-finance": /* @__PURE__ */ jsx(AccountBalanceIcon, { color: "primary" }),
+      user: /* @__PURE__ */ jsx(PersonIcon, { color: "action" }),
+      approval: /* @__PURE__ */ jsx(AssignmentIcon, { color: "warning" })
     };
     const getInitials = (performedUser) => {
       if (!performedUser) return null;
@@ -147,7 +162,7 @@ const NotificationMenu = () => {
       subModule: apiNotification.sub_module,
       subModuleId: apiNotification.sub_module_id,
       status: apiNotification.status,
-      icon: moduleIcons[apiNotification.module] || moduleIcons[apiNotification.action] || /* @__PURE__ */ jsx(Person, { color: "action" })
+      icon: moduleIcons[apiNotification.module] || moduleIcons[apiNotification.action] || /* @__PURE__ */ jsx(PersonIcon, { color: "action" })
     };
   };
   const fetchNotifications = useCallback(async (isLoadMore = false) => {
@@ -254,17 +269,17 @@ const NotificationMenu = () => {
     }
     switch (notification.type) {
       case "approval":
-        return /* @__PURE__ */ jsx(Assignment, { color: "warning" });
+        return /* @__PURE__ */ jsx(AssignmentIcon, { color: "warning" });
       case "user":
-        return /* @__PURE__ */ jsx(Person, { color: "action" });
+        return /* @__PURE__ */ jsx(PersonIcon, { color: "action" });
       case "message":
-        return /* @__PURE__ */ jsx(Email, { color: "primary" });
+        return /* @__PURE__ */ jsx(EmailIcon, { color: "primary" });
       case "warning":
-        return /* @__PURE__ */ jsx(Warning, { color: "warning" });
+        return /* @__PURE__ */ jsx(WarningIcon, { color: "warning" });
       case "success":
-        return /* @__PURE__ */ jsx(CheckCircle, { color: "success" });
+        return /* @__PURE__ */ jsx(CheckCircleIcon, { color: "success" });
       default:
-        return /* @__PURE__ */ jsx(Person, { color: "action" });
+        return /* @__PURE__ */ jsx(PersonIcon, { color: "action" });
     }
   };
   const handleMarkAllAsRead = useCallback(async () => {

package/dist/components/header/components/notification-menu/notification-menu/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../../../src/components/header/components/notification-menu/notification-menu.tsx"],"sourcesContent":["import React, { useState, useCallback, useRef, useEffect } from 'react'\nimport {\n\tIconButton,\n\tMenu,\n\tMenuItem,\n\tBadge,\n\tBox,\n\tCircularProgress,\n\tAvatar,\n\tListItemText,\n\tListItemAvatar,\n\tAlert,\n\tSkeleton,\n} from '@mui/material'\nimport {\n\tPerson as PersonIcon,\n\tEmail as EmailIcon,\n\tWarning as WarningIcon,\n\tCheckCircle as CheckCircleIcon,\n\tAssignment as AssignmentIcon,\n\tAccountBalance as AccountBalanceIcon,\n} from '@mui/icons-material'\nimport {\n\tgetV1Notification,\n\tgetV1NotificationMarkAllAsRead,\n\tpatchV1NotificationMarkAsReadId,\n} from '../../../../api-client/api.system-feature/api'\nimport { getErrorMessage, getToken } from '../../../../utils/common'\nimport formatText, { convertToUnderscore, formatLabel } from '../../../../utils/format-text'\nimport Typography from '../../../typography/typography'\nimport images from '../../../../assets/images'\nimport { generateRouteWithId } from '../../../../utils/route-utils'\nimport { PathnameGenerator, PathnameAccounting } from '../../../../constants/pathnames/pathname.accounting'\nimport { ROUTES as RENTALROUTES } from '../../../../constants/pathnames/pathname.rental'\n\nimport { PathnameInventory, PathnameGenerator as PathnameGeneratorInventory } from '../../../../constants/pathnames/pathname.inventory'\n\nimport {\n\tPathnameManufacturing,\n\tPathnameGenerator as PathnameGeneratorManufacuring,\n} from '../../../../constants/pathnames/pathname.manufacturing.ts'\n\nimport {\n\tPathnamePurchase,\n\tPathnameGenerator as PathnameGeneratorPurchase,\n} from '../../../../constants/pathnames/pathname.procurement.ts'\n\nimport { PathnameCrm, PathnameGenerator as PathnameGeneratorCrm } from '../../../../constants/pathnames/pathname.crm.ts'\n\nimport { PathnameRental, PathnameGenerator as PathnameGeneratorRental } from '../../../../constants/pathnames/pathname.rental.ts'\n\nimport { useNavigate } from 'react-router-dom'\nimport { Notification, Tick } from '../../../icons'\nimport Button from '../../../button/button'\nimport { enqueueSnackbar } from 'notistack'\n\nconst getNotificationUrl = (data: any) => {\n\tconst { moduleName = '', moduleId = '', notificationData = {} } = data\n\tconst key = convertToUnderscore(moduleName)\n\n\tconst routeMap: Record<string, () => string> = {\n\t\tsales_invoice: () =>\n\t\t\tgenerateRouteWithId(PathnameGenerator(PathnameAccounting.VIEW_SALES_INVOICES), moduleId.toString()),\n\n\t\tasset_transfers: () =>\n\t\t\tgenerateRouteWithId(PathnameGenerator(PathnameAccounting.VIEW_ASSET_TRANSFER), moduleId.toString()),\n\n\t\tbudgets: () => generateRouteWithId(PathnameGenerator(PathnameAccounting.VIEW_BUDGET), moduleId.toString()),\n\n\t\tcash_expense: () =>\n\t\t\tgenerateRouteWithId(PathnameGenerator(PathnameAccounting.VIEW_CASH_EXPENSE), moduleId.toString()),\n\n\t\tcredit_notes: () =>\n\t\t\tgenerateRouteWithId(PathnameGenerator(PathnameAccounting.VIEW_CREDIT_NOTE), moduleId.toString()),\n\n\t\tdebit_notes: () => generateRouteWithId(PathnameGenerator(PathnameAccounting.VIEW_DEBIT_NOTE), moduleId.toString()),\n\n\t\texpense_reimbursement: () =>\n\t\t\tgenerateRouteWithId(PathnameGenerator(PathnameAccounting.VIEW_EXPENSE_REIMBURSEMENT), moduleId.toString()),\n\n\t\tjournal_entries: () =>\n\t\t\tgenerateRouteWithId(PathnameGenerator(PathnameAccounting.VIEW_JOURNAL_ENTRY), moduleId.toString()),\n\n\t\tpayment_entries: () =>\n\t\t\tgenerateRouteWithId(PathnameGenerator(PathnameAccounting.VIEW_PAYMENT_ENTRY), moduleId.toString()),\n\n\t\tpurchase_invoice: () =>\n\t\t\tgenerateRouteWithId(PathnameGenerator(PathnameAccounting.VIEW_PURCHASE_INVOICE), moduleId.toString()),\n\n\t\tstock_transfer: () =>\n\t\t\tgenerateRouteWithId(PathnameGeneratorInventory(PathnameInventory.VIEW_STOCK_TRANSFER), moduleId.toString()),\n\n\t\tbills_of_materials: () =>\n\t\t\tgenerateRouteWithId(\n\t\t\t\tPathnameGeneratorManufacuring(PathnameManufacturing.VIEW_BILL_OF_MATERIAL),\n\t\t\t\tmoduleId.toString()\n\t\t\t),\n\n\t\tpurchase_agreement: () =>\n\t\t\tgenerateRouteWithId(PathnameGeneratorPurchase(PathnamePurchase.VIEW_PURCHASE_AGREEMENT), moduleId.toString()),\n\n\t\tpurchase_orders: () =>\n\t\t\tgenerateRouteWithId(\n\t\t\t\tnotificationData?.data?.is_rental == 1\n\t\t\t\t\t? RENTALROUTES.VIEW\n\t\t\t\t\t: PathnameGeneratorPurchase(PathnamePurchase.VIEW_PURCHASE_ORDER),\n\t\t\t\tmoduleId.toString()\n\t\t\t),\n\n\t\tpurchase_request: () =>\n\t\t\tgenerateRouteWithId(PathnameGeneratorPurchase(PathnamePurchase.VIEW_PURCHASE_ORDER), moduleId.toString()),\n\n\t\tvra: () =>\n\t\t\tgenerateRouteWithId(PathnameGeneratorPurchase(PathnamePurchase.VIEW_VENDOR_RETURNS), moduleId.toString()),\n\n\t\tsales_customer_returns: () =>\n\t\t\tgenerateRouteWithId(PathnameGeneratorCrm(PathnameCrm.VIEW_CUSTOMER_RETURNS), moduleId.toString()),\n\n\t\tsales_order: () => generateRouteWithId(PathnameGeneratorCrm(PathnameCrm.VIEW_SALES_ORDER), moduleId.toString()),\n\n\t\trental_order: () =>\n\t\t\tgenerateRouteWithId(PathnameGeneratorRental(PathnameRental.VIEW_RENTAL_ORDER), moduleId.toString()),\n\n\t\treplacement_order: () =>\n\t\t\tgenerateRouteWithId(PathnameGeneratorRental(PathnameRental.VIEW_RENTAL_ORDER), moduleId.toString()),\n\n\t\trental_agreement: () =>\n\t\t\tgenerateRouteWithId(PathnameGeneratorRental(PathnameRental.VIEW_AGREEMENT), moduleId.toString()),\n\n\t\tcross_hire_order: () =>\n\t\t\tgenerateRouteWithId(PathnameGeneratorRental(PathnameRental.VIEW_CROSS_HIRE_ORDER), moduleId.toString()),\n\n\t\tcross_hire_request: () =>\n\t\t\tgenerateRouteWithId(PathnameGeneratorRental(PathnameRental.VIEW_CROSS_HIRE_REQUEST), moduleId.toString()),\n\t}\n\n\treturn routeMap[key]?.() || '/dashboard'\n}\n\nconst mainModuleIcons = {\n\trbac: images.user,\n\tdocument: images.document,\n\t'accounts-and-finance': images.accounting,\n\tinventory: images.inventory,\n\tmanufacturing: images.manufacturing,\n\tsales: images.crm,\n\trental: images.rental,\n\tuser: images.user,\n\tpurchase: images.procurement,\n\thrms: images.hrms,\n}\nconst mainModuleBgColors = {\n\trbac: '#F3E5F5',\n\tdocument: '#FFF8E1',\n\t'accounts-and-finance': '#E8F5E8',\n\tinventory: '#E3F2FD',\n\tmanufacturing: '#FFF3E0',\n\tsales: '#F3E5F5',\n\trental: '#E8F5E8',\n\tuser: '#F3E5F5',\n\tpurchase: '#FCE4EC',\n\thrms: '#fcfcfc',\n}\n\nconst NotificationMenu = () => {\n\tconst [anchorEl, setAnchorEl] = useState(null)\n\tconst [notifications, setNotifications] = useState([])\n\tconst [loading, setLoading] = useState(false)\n\tconst [loadingMore, setLoadingMore] = useState(false)\n\tconst [error, setError] = useState(null)\n\tconst [unreadCount, setUnreadCount] = useState(0)\n\tconst [markingAllAsRead, setMarkingAllAsRead] = useState(false)\n\tconst [pagination, setPagination] = useState({\n\t\tskip: 0,\n\t\tlimit: 10,\n\t\ttotalCount: 0,\n\t\thasMore: true,\n\t})\n\n\tconst navigate = useNavigate()\n\n\tconst menuRef = useRef(null)\n\tconst isLoadingMoreRef = useRef(false)\n\tconst open = Boolean(anchorEl)\n\n\t// Transform API notification to display format\n\tconst transformNotification = (apiNotification) => {\n\t\tconst moduleIcons = {\n\t\t\t'accounts-and-finance': <AccountBalanceIcon color=\"primary\" />,\n\t\t\tuser: <PersonIcon color=\"action\" />,\n\t\t\tapproval: <AssignmentIcon color=\"warning\" />,\n\t\t}\n\n\t\tconst getInitials = (performedUser) => {\n\t\t\tif (!performedUser) return null\n\t\t\tconst firstName = performedUser.first_name || ''\n\t\t\tconst lastName = performedUser.last_name || ''\n\t\t\tif (!firstName && !lastName) return null\n\t\t\treturn (firstName.charAt(0) + lastName.charAt(0)).toUpperCase()\n\t\t}\n\n\t\tconst getFullName = (performedUser) => {\n\t\t\tif (!performedUser) return null\n\t\t\tconst firstName = performedUser.first_name || ''\n\t\t\tconst lastName = performedUser.last_name || ''\n\t\t\treturn `${firstName} ${lastName}`.trim() || null\n\t\t}\n\n\t\tconst formatTimestamp = (dateString) => {\n\t\t\tconst date = new Date(dateString)\n\t\t\tconst now = new Date()\n\t\t\tconst diffMs = now - date\n\t\t\tconst diffMins = Math.floor(diffMs / 60000)\n\t\t\tconst diffHours = Math.floor(diffMs / 3600000)\n\t\t\tconst diffDays = Math.floor(diffMs / 86400000)\n\n\t\t\tif (diffMins < 1) return 'Just now'\n\t\t\tif (diffMins < 60) return `${diffMins} minute${diffMins > 1 ? 's' : ''} ago`\n\t\t\tif (diffHours < 24) return `${diffHours} hour${diffHours > 1 ? 's' : ''} ago`\n\t\t\tif (diffDays < 7) return `${diffDays} day${diffDays > 1 ? 's' : ''} ago`\n\t\t\treturn date.toLocaleDateString()\n\t\t}\n\n\t\treturn {\n\t\t\tid: apiNotification.id,\n\t\t\ttype: apiNotification.action || apiNotification.notification_type || 'info',\n\t\t\ttitle: formatText(apiNotification.title),\n\t\t\tmessage: apiNotification.message,\n\t\t\ttimestamp: formatTimestamp(apiNotification.created_at),\n\t\t\tread: apiNotification.status === 'read', // Assuming 'pending' means unread\n\t\t\tavatar: getInitials(apiNotification.performed_user),\n\t\t\tperformedByName: getFullName(apiNotification.performed_user),\n\t\t\tmodule: apiNotification.module,\n\t\t\tsubModule: apiNotification.sub_module,\n\t\t\tsubModuleId: apiNotification.sub_module_id,\n\t\t\tstatus: apiNotification.status,\n\t\t\ticon: moduleIcons[apiNotification.module] || moduleIcons[apiNotification.action] || <PersonIcon color=\"action\" />,\n\t\t}\n\t}\n\n\t// Fetch notifications with pagination\n\tconst fetchNotifications = useCallback(async (isLoadMore = false) => {\n\t\t// Prevent multiple simultaneous load more requests\n\t\tif (isLoadMore && isLoadingMoreRef.current) {\n\t\t\treturn\n\t\t}\n\n\t\tif (isLoadMore) {\n\t\t\tisLoadingMoreRef.current = true\n\t\t\tsetLoadingMore(true)\n\t\t} else {\n\t\t\tsetLoading(true)\n\t\t\t// Reset pagination when loading fresh data\n\t\t\tsetPagination((prev) => ({\n\t\t\t\t...prev,\n\t\t\t\tskip: 0,\n\t\t\t\thasMore: true,\n\t\t\t}))\n\t\t}\n\t\tsetError(null)\n\n\t\ttry {\n\t\t\tconst currentSkip = isLoadMore ? pagination.skip : 0\n\t\t\tconst response = await getV1Notification({\n\t\t\t\tskip: currentSkip,\n\t\t\t\tlimit: pagination.limit,\n\t\t\t\t...getToken(),\n\t\t\t})\n\n\t\t\tif (response.success && response.data) {\n\t\t\t\tconst transformedNotifications = response.data.notifications.map(transformNotification)\n\n\t\t\t\tif (isLoadMore) {\n\t\t\t\t\tsetNotifications((prev) => [...prev, ...transformedNotifications])\n\t\t\t\t} else {\n\t\t\t\t\tsetNotifications(transformedNotifications)\n\t\t\t\t}\n\n\t\t\t\t// Update pagination\n\t\t\t\tconst newSkip = currentSkip + response.data.notifications.length\n\t\t\t\tconst hasMore = newSkip < response.data.pagination.totalCount\n\n\t\t\t\tsetPagination((prev) => ({\n\t\t\t\t\t...prev,\n\t\t\t\t\tskip: newSkip,\n\t\t\t\t\ttotalCount: response.data.pagination.totalCount,\n\t\t\t\t\thasMore,\n\t\t\t\t}))\n\n\t\t\t\t// Calculate unread count (assuming 'pending' status means unread)\n\t\t\t\tif (!isLoadMore) {\n\t\t\t\t\tconst unread = response.data.pagination.unreadCount\n\t\t\t\t\tsetUnreadCount(unread)\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tsetUnreadCount(0)\n\t\t\t\tthrow new Error(response.message || 'Failed to load notifications')\n\t\t\t}\n\t\t} catch (err) {\n\t\t\tsetError('Failed to load notifications')\n\t\t} finally {\n\t\t\tsetLoading(false)\n\t\t\tsetLoadingMore(false)\n\t\t\tif (isLoadMore) {\n\t\t\t\tisLoadingMoreRef.current = false\n\t\t\t}\n\t\t}\n\t}, [pagination.limit, pagination.skip])\n\n\t// Handle scroll for infinite loading\n\tconst handleScroll = useCallback(\n\t\t(event) => {\n\t\t\tconst { scrollTop, scrollHeight, clientHeight } = event.target\n\t\t\tconst isNearBottom = scrollTop + clientHeight >= scrollHeight - 50 // Increased threshold\n\n\t\t\tif (isNearBottom && !isLoadingMoreRef.current && !loading && pagination.hasMore) {\n\t\t\t\tfetchNotifications(true)\n\t\t\t}\n\t\t},\n\t\t[fetchNotifications, loading, pagination.hasMore]\n\t)\n\n\tconst handleClick = (event) => {\n\t\tsetAnchorEl(event.currentTarget)\n\t\tif (notifications.length === 0) {\n\t\t\tfetchNotifications()\n\t\t}\n\t}\n\n\tconst handleClose = () => {\n\t\tsetAnchorEl(null)\n\n\t\t// Don't clear notifications immediately to avoid flickering\n\t\t// They will be refreshed when menu is opened again\n\t}\n\n\tconst handleNotificationClick = async (notificationId) => {\n\t\t// Mark notification as read\n\t\tconst n = notifications.find((n) => {\n\t\t\treturn n.id === notificationId\n\t\t})\n\t\tif (!n) return\n\n\t\thandleClose()\n\n\t\tif (n.status === 'pending') {\n\t\t\tawait patchV1NotificationMarkAsReadId({\n\t\t\t\tid: notificationId,\n\t\t\t\t...getToken(),\n\t\t\t})\n\t\t}\n\n\t\tsetNotifications((prev) => prev.map((n) => (n.id === notificationId ? { ...n, read: true } : n)))\n\t\tsetUnreadCount((prev) => Math.max(0, prev - 1))\n\t\tconst url = getNotificationUrl({\n\t\t\tmoduleName: n.subModule,\n\t\t\tmoduleId: n.subModuleId,\n\t\t\tnotificationData: n,\n\t\t})\n    setTimeout(() => {\n      navigate(url)\n    }, 300)\n\t}\n\n\tconst getNotificationIcon = (notification) => {\n\t\tif (notification.icon) {\n\t\t\treturn notification.icon\n\t\t}\n\n\t\tswitch (notification.type) {\n\t\t\tcase 'approval':\n\t\t\t\treturn <AssignmentIcon color=\"warning\" />\n\t\t\tcase 'user':\n\t\t\t\treturn <PersonIcon color=\"action\" />\n\t\t\tcase 'message':\n\t\t\t\treturn <EmailIcon color=\"primary\" />\n\t\t\tcase 'warning':\n\t\t\t\treturn <WarningIcon color=\"warning\" />\n\t\t\tcase 'success':\n\t\t\t\treturn <CheckCircleIcon color=\"success\" />\n\t\t\tdefault:\n\t\t\t\treturn <PersonIcon color=\"action\" />\n\t\t}\n\t}\n\n\tconst handleMarkAllAsRead = useCallback(async () => {\n\t\tif (markingAllAsRead) return // Prevent multiple calls\n\n\t\tsetMarkingAllAsRead(true)\n\n\t\tif (!unreadCount) {\n\t\t\tenqueueSnackbar('No unread notifications!')\n\t\t\tsetMarkingAllAsRead(false)\n\t\t\treturn\n\t\t}\n\n\t\ttry {\n\t\t\tawait getV1NotificationMarkAllAsRead({ ...getToken() })\n\t\t\t// Update local state immediately for better UX\n\t\t\tsetNotifications((prev) => prev.map((n) => ({ ...n, read: true, status: 'read' })))\n\t\t\tsetUnreadCount(0)\n\t\t} catch (error) {\n\t\t\tconst m = getErrorMessage(error.message)\n\t\t\tenqueueSnackbar(m, { variant: 'error' })\n\t\t} finally {\n\t\t\tsetMarkingAllAsRead(false)\n\t\t}\n\t}, [markingAllAsRead, unreadCount])\n\n\t// Remove the problematic useEffect that was causing extra API calls\n\n  useEffect(() => {\n    if(!open) {\n      setTimeout(() => {\n        setNotifications([])\n      }, 500)\n    }\n  }, [open])\n\n\treturn (\n\t\t<Box>\n\t\t\t<IconButton\n\t\t\t\t// size=\"small\"\n\t\t\t\taria-label=\"notifications\"\n\t\t\t\taria-controls={open ? 'notification-menu' : undefined}\n\t\t\t\taria-haspopup=\"true\"\n\t\t\t\taria-expanded={open ? 'true' : undefined}\n\t\t\t\tonClick={handleClick}\n\t\t\t>\n\t\t\t\t<Badge badgeContent={unreadCount} color=\"error\">\n\t\t\t\t\t<Notification fontSize=\"medium\" />\n\t\t\t\t</Badge>\n\t\t\t</IconButton>\n\n\t\t\t<Menu\n\t\t\t\tid=\"notification-menu\"\n\t\t\t\tanchorEl={anchorEl}\n\t\t\t\topen={open}\n\t\t\t\tonClose={handleClose}\n\t\t\t\tref={menuRef}\n\t\t\t\tslotProps={{\n\t\t\t\t\tpaper: {\n\t\t\t\t\t\tsx: {\n\t\t\t\t\t\t\toverflow: 'visible',\n\t\t\t\t\t\t\tminWidth: 400,\n\t\t\t\t\t\t\tmaxWidth: 450,\n\t\t\t\t\t\t\tmaxHeight: 520,\n\t\t\t\t\t\t\t'&:before': {\n\t\t\t\t\t\t\t\tcontent: '\"\"',\n\t\t\t\t\t\t\t\tdisplay: 'block',\n\t\t\t\t\t\t\t\tposition: 'absolute',\n\t\t\t\t\t\t\t\ttop: 0,\n\t\t\t\t\t\t\t\tright: '50%',\n\t\t\t\t\t\t\t\twidth: 10,\n\t\t\t\t\t\t\t\theight: 10,\n\t\t\t\t\t\t\t\tbgcolor: 'background.paper',\n\t\t\t\t\t\t\t\ttransform: 'translateY(-50%) translateX(50%) rotate(45deg)',\n\t\t\t\t\t\t\t\tzIndex: 0,\n\t\t\t\t\t\t\t\tborder: '1px solid',\n\t\t\t\t\t\t\t\tborderColor: ({ palette }) => palette.grey[300],\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t}}\n\t\t\t\tsx={{\n\t\t\t\t\t'& .MuiList-root': {\n\t\t\t\t\t\tborderRadius: '8px',\n\t\t\t\t\t\tmaxHeight: 520,\n\t\t\t\t\t\toverflowY: 'auto',\n\t\t\t\t\t\tpadding: 0,\n\t\t\t\t\t},\n\t\t\t\t}}\n\t\t\t\ttransformOrigin={{ horizontal: 'center', vertical: 'top' }}\n\t\t\t\tanchorOrigin={{ horizontal: 'center', vertical: 'bottom' }}\n\t\t\t\tonScroll={handleScroll}\n\t\t\t>\n\t\t\t\t{/* Header */}\n\t\t\t\t<Box sx={{ px: 2, py: 1, borderBottom: '1px solid #e0e0e0', backgroundColor: '#fafafa' }}>\n\t\t\t\t\t<Typography type=\"h5\" weight=\"bold\" color=\"grey.1000\">\n\t\t\t\t\t\tNotifications\n\t\t\t\t\t</Typography>\n\t\t\t\t\t{unreadCount > 0 && (\n\t\t\t\t\t\t<Box sx={{ display: 'flex', justifyContent: 'space-between', width: '100%', alignItems: 'center' }}>\n\t\t\t\t\t\t\t<Typography type=\"s4\" color=\"grey.800\">\n\t\t\t\t\t\t\t\tYou have {unreadCount} unread notification{unreadCount > 1 ? 's' : ''}\n\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tvariant=\"text\"\n\t\t\t\t\t\t\t\tstartIcon={\n\t\t\t\t\t\t\t\t\tmarkingAllAsRead ? (\n\t\t\t\t\t\t\t\t\t\t<CircularProgress size={15} color=\"inherit\" />\n\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t<Tick sx={{ fontSize: '0.75rem !important' }} color=\"grey.900\" />\n\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tsx={{ p: 0 }}\n\t\t\t\t\t\t\t\tonClick={handleMarkAllAsRead}\n\t\t\t\t\t\t\t\tdisabled={unreadCount <= 0 || markingAllAsRead}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Typography type=\"s4\" color=\"grey.900\">\n\t\t\t\t\t\t\t\t\tMark all as read\n\t\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t</Box>\n\t\t\t\t\t)}\n\t\t\t\t</Box>\n\n\t\t\t\t{/* Loading State */}\n\t\t\t\t{loading && notifications.length === 0 && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<Box\n\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\t\t\tgap: 1,\n\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\tminWidth: 400,\n\t\t\t\t\t\t\t\tp: 1,\n\t\t\t\t\t\t\t\tm: 1,\n\t\t\t\t\t\t\t\tbackgroundColor: 'grey.200',\n\t\t\t\t\t\t\t\tborderRadius: '8px',\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Box sx={{ display: 'flex', gap: 1 }}>\n\t\t\t\t\t\t\t\t<Skeleton variant=\"rounded\" width={40} height={40} />\n\t\t\t\t\t\t\t\t<Box sx={{ display: 'flex', flexDirection: 'column', gap: 0.5 }}>\n\t\t\t\t\t\t\t\t\t<Skeleton variant=\"rounded\" width={360} height={25} />\n\t\t\t\t\t\t\t\t\t<Skeleton variant=\"rounded\" width={150} height={11} />\n\t\t\t\t\t\t\t\t\t<Skeleton variant=\"rounded\" width={360} height={11} />\n\t\t\t\t\t\t\t\t\t<Skeleton variant=\"rounded\" width={360} height={11} />\n\t\t\t\t\t\t\t\t</Box>\n\t\t\t\t\t\t\t</Box>\n\t\t\t\t\t\t</Box>\n\t\t\t\t\t\t<Box\n\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\t\t\tgap: 1,\n\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\tminWidth: 400,\n\t\t\t\t\t\t\t\tp: 1,\n\t\t\t\t\t\t\t\tm: 1,\n\t\t\t\t\t\t\t\tbackgroundColor: 'grey.200',\n\t\t\t\t\t\t\t\tborderRadius: '8px',\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Box sx={{ display: 'flex', gap: 1 }}>\n\t\t\t\t\t\t\t\t<Skeleton variant=\"rounded\" width={40} height={40} />\n\t\t\t\t\t\t\t\t<Box sx={{ display: 'flex', flexDirection: 'column', gap: 0.5 }}>\n\t\t\t\t\t\t\t\t\t<Skeleton variant=\"rounded\" width={360} height={25} />\n\t\t\t\t\t\t\t\t\t<Skeleton variant=\"rounded\" width={150} height={11} />\n\t\t\t\t\t\t\t\t\t<Skeleton variant=\"rounded\" width={360} height={11} />\n\t\t\t\t\t\t\t\t\t<Skeleton variant=\"rounded\" width={360} height={11} />\n\t\t\t\t\t\t\t\t</Box>\n\t\t\t\t\t\t\t</Box>\n\t\t\t\t\t\t</Box>\n\t\t\t\t\t\t<Box\n\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\t\t\tgap: 1,\n\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\tminWidth: 400,\n\t\t\t\t\t\t\t\tp: 1,\n\t\t\t\t\t\t\t\tm: 1,\n\t\t\t\t\t\t\t\tbackgroundColor: 'grey.200',\n\t\t\t\t\t\t\t\tborderRadius: '8px',\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Box sx={{ display: 'flex', gap: 1 }}>\n\t\t\t\t\t\t\t\t<Skeleton variant=\"rounded\" width={40} height={40} />\n\t\t\t\t\t\t\t\t<Box sx={{ display: 'flex', flexDirection: 'column', gap: 0.5 }}>\n\t\t\t\t\t\t\t\t\t<Skeleton variant=\"rounded\" width={360} height={25} />\n\t\t\t\t\t\t\t\t\t<Skeleton variant=\"rounded\" width={150} height={11} />\n\t\t\t\t\t\t\t\t\t<Skeleton variant=\"rounded\" width={360} height={11} />\n\t\t\t\t\t\t\t\t\t<Skeleton variant=\"rounded\" width={360} height={11} />\n\t\t\t\t\t\t\t\t</Box>\n\t\t\t\t\t\t\t</Box>\n\t\t\t\t\t\t</Box>\n\t\t\t\t\t</>\n\t\t\t\t)}\n\n\t\t\t\t{/* Error State */}\n\t\t\t\t{error && (\n\t\t\t\t\t<Box sx={{ p: 2 }}>\n\t\t\t\t\t\t<Alert severity=\"error\">{error}</Alert>\n\t\t\t\t\t</Box>\n\t\t\t\t)}\n\n\t\t\t\t{/* Notifications List */}\n\t\t\t\t{!loading && !error && notifications.length > 0 && (\n\t\t\t\t\t<Box sx={{ maxHeight: 420, overflowY: 'auto', p: 1 }} onScroll={handleScroll}>\n\t\t\t\t\t\t{notifications.map((notification) => (\n\t\t\t\t\t\t\t<div key={notification.id}>\n\t\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\t\tonClick={() => handleNotificationClick(notification.id)}\n\t\t\t\t\t\t\t\t\tsx={({ palette }) => ({\n\t\t\t\t\t\t\t\t\t\tpy: 1,\n\t\t\t\t\t\t\t\t\t\tpx: 1,\n\t\t\t\t\t\t\t\t\t\tbackgroundColor: !notification.read ? palette.theme.grey[200] : 'transparent',\n\t\t\t\t\t\t\t\t\t\tborder: `1px solid ${palette.grey[200]}`,\n\t\t\t\t\t\t\t\t\t\tmarginBottom: '4px !important',\n\t\t\t\t\t\t\t\t\t\t'&:hover': {\n\t\t\t\t\t\t\t\t\t\t\tbackgroundColor: palette.theme.grey[200],\n\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\talignItems: 'flex-start',\n\t\t\t\t\t\t\t\t\t\tminHeight: 'auto',\n\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<ListItemAvatar sx={{ minWidth: 48, mt: 0 }}>\n\t\t\t\t\t\t\t\t\t\t{mainModuleIcons?.[notification.module] ? (\n\t\t\t\t\t\t\t\t\t\t\t<Avatar\n\t\t\t\t\t\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\t\t\t\t\t\twidth: 40,\n\t\t\t\t\t\t\t\t\t\t\t\t\theight: 40,\n\t\t\t\t\t\t\t\t\t\t\t\t\tfontSize: '0.875rem',\n\t\t\t\t\t\t\t\t\t\t\t\t\tbgcolor: mainModuleBgColors[notification.module] || 'primary.main',\n\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: 'white',\n\t\t\t\t\t\t\t\t\t\t\t\t\tborderRadius: '8px',\n\t\t\t\t\t\t\t\t\t\t\t\t\tboxShadow: '0 2px 8px rgba(0,0,0,0.1)',\n\t\t\t\t\t\t\t\t\t\t\t\t\t'& img': {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\twidth: '28px',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\theight: '28px',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tobjectFit: 'contain',\n\t\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\tsrc={mainModuleIcons?.[notification.module]}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t\t\t{notification.avatar ? (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Avatar\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\twidth: 40,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\theight: 40,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfontSize: '0.875rem',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tbgcolor: 'primary.main',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: 'white',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tborderRadius: '8px',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tboxShadow: '0 2px 8px rgba(0,0,0,0.1)',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{notification.avatar}\n\t\t\t\t\t\t\t\t\t\t\t\t\t</Avatar>\n\t\t\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Avatar\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\twidth: 36,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\theight: 36,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tbgcolor: 'grey.100',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: 'grey.600',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tborderRadius: '8px',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tboxShadow: '0 2px 8px rgba(0,0,0,0.1)',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{getNotificationIcon(notification)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t</Avatar>\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</ListItemAvatar>\n\t\t\t\t\t\t\t\t\t<ListItemText\n\t\t\t\t\t\t\t\t\t\tsx={{ margin: 0, pr: 1 }}\n\t\t\t\t\t\t\t\t\t\tprimary={\n\t\t\t\t\t\t\t\t\t\t\t<Box sx={{ mb: 0.5 }}>\n\t\t\t\t\t\t\t\t\t\t\t\t<Typography type=\"s3\" weight=\"bold\" color=\"grey.1000\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t{notification.title}\n\t\t\t\t\t\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t\t\t\t\t\t\t{notification.performedByName && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Typography\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"s5\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor=\"grey.500\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfontSize: `0.7rem !important`,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfontStyle: 'italic',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisplay: 'block',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tby {notification.performedByName}\n\t\t\t\t\t\t\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t</Box>\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tsecondary={\n\t\t\t\t\t\t\t\t\t\t\t<Box>\n\t\t\t\t\t\t\t\t\t\t\t\t<Typography\n\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"s4\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tcolor=\"grey.800\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tmb: 1,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tlineHeight: 1.4,\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{notification.message}\n\t\t\t\t\t\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t\t\t\t\t\t\t<Box\n\t\t\t\t\t\t\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tgap: 0.5,\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{notification.module && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Typography\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"s5\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfontSize: `0.65rem !important`,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: 'primary',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttextTransform: 'capitalize',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{notification.module.replace(/-/g, ' ')}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Box\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsx={{ height: 5, width: 5, borderRadius: '100%', backgroundColor: 'primary.main' }}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t></Box>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t{notification.subModule && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Typography\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"s5\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfontSize: `0.65rem !important`,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: 'primary',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttextTransform: 'capitalize',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{formatLabel(notification.subModule)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Box\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsx={{ height: 5, width: 5, borderRadius: '100%', backgroundColor: 'primary.main' }}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t></Box>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Typography\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"s5\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor=\"primary\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfontSize: `0.65rem !important`,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{notification.timestamp}\n\t\t\t\t\t\t\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t\t\t\t\t\t\t</Box>\n\t\t\t\t\t\t\t\t\t\t\t</Box>\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t{!notification.read && (\n\t\t\t\t\t\t\t\t\t\t<Box\n\t\t\t\t\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\t\t\t\t\twidth: 10,\n\t\t\t\t\t\t\t\t\t\t\t\theight: 10,\n\t\t\t\t\t\t\t\t\t\t\t\tborderRadius: '50%',\n\t\t\t\t\t\t\t\t\t\t\t\tbackgroundColor: 'primary.main',\n\t\t\t\t\t\t\t\t\t\t\t\tflexShrink: 0,\n\t\t\t\t\t\t\t\t\t\t\t\tmt: 0.5,\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t))}\n\n\t\t\t\t\t\t{/* Loading More Indicator */}\n\t\t\t\t\t\t{loadingMore && (\n\t\t\t\t\t\t\t<Box sx={{ display: 'flex', justifyContent: 'center', py: 2.5, px: 3 }}>\n\t\t\t\t\t\t\t\t<CircularProgress size={20} />\n\t\t\t\t\t\t\t\t<Typography variant=\"body2\" sx={{ ml: 1.5, color: 'text.secondary' }}>\n\t\t\t\t\t\t\t\t\tLoading more...\n\t\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t\t</Box>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t{/* End of List Indicator */}\n\t\t\t\t\t\t{!pagination.hasMore && notifications.length > 0 && (\n\t\t\t\t\t\t\t<Box sx={{ textAlign: 'center', py: 1.5, px: 2 }}>\n\t\t\t\t\t\t\t\t<Typography type=\"s3\" color=\"grey.800\" textAlign=\"center\">\n\t\t\t\t\t\t\t\t\tNo more notifications\n\t\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t\t</Box>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</Box>\n\t\t\t\t)}\n\n\t\t\t\t{/* Empty State */}\n\t\t\t\t{!loading && !error && notifications.length === 0 && (\n\t\t\t\t\t<Box sx={{ p: 4, textAlign: 'center' }}>\n\t\t\t\t\t\t<Notification sx={{ fontSize: 56, color: 'text.secondary', mb: 2 }} />\n\t\t\t\t\t\t<Typography type=\"s1\" color=\"grey.800\" sx={{ mb: 1 }} textAlign=\"center\">\n\t\t\t\t\t\t\tNo notifications yet\n\t\t\t\t\t\t</Typography>\n\t\t\t\t\t</Box>\n\t\t\t\t)}\n\t\t\t</Menu>\n\t\t</Box>\n\t)\n}\n\nexport default NotificationMenu\n"],"names":["PathnameGenerator","PathnameGeneratorInventory","PathnameGeneratorManufacuring","PathnameGeneratorPurchase","_a","RENTALROUTES","PathnameGeneratorCrm","PathnameGeneratorRental","AccountBalanceIcon","PersonIcon","AssignmentIcon","n","EmailIcon","WarningIcon","CheckCircleIcon","error"],"mappings":"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"}
+{"version":3,"file":"index.esm.js","sources":["../../../../../../src/components/header/components/notification-menu/notification-menu.tsx"],"sourcesContent":["import React, { useState, useCallback, useRef, useEffect } from 'react'\nimport {\n\tIconButton,\n\tMenu,\n\tMenuItem,\n\tBadge,\n\tBox,\n\tCircularProgress,\n\tAvatar,\n\tListItemText,\n\tListItemAvatar,\n\tAlert,\n\tSkeleton,\n} from '@mui/material'\nimport {\n\tPerson as PersonIcon,\n\tEmail as EmailIcon,\n\tWarning as WarningIcon,\n\tCheckCircle as CheckCircleIcon,\n\tAssignment as AssignmentIcon,\n\tAccountBalance as AccountBalanceIcon,\n} from '@mui/icons-material'\nimport {\n\tgetV1Notification,\n\tgetV1NotificationMarkAllAsRead,\n\tpatchV1NotificationMarkAsReadId,\n} from '../../../../api-client/api.system-feature/api'\nimport { getErrorMessage, getToken } from '../../../../utils/common'\nimport formatText, { convertToUnderscore, formatLabel } from '../../../../utils/format-text'\nimport Typography from '../../../typography/typography'\nimport images from '../../../../assets/images'\nimport { generateRouteWithId } from '../../../../utils/route-utils'\nimport { PathnameGenerator, PathnameAccounting } from '../../../../constants/pathnames/pathname.accounting'\nimport { ROUTES as RENTALROUTES } from '../../../../constants/pathnames/pathname.rental'\n\nimport { PathnameInventory, PathnameGenerator as PathnameGeneratorInventory } from '../../../../constants/pathnames/pathname.inventory'\n\nimport {\n\tPathnameManufacturing,\n\tPathnameGenerator as PathnameGeneratorManufacuring,\n} from '../../../../constants/pathnames/pathname.manufacturing.ts'\n\nimport {\n\tPathnamePurchase,\n\tPathnameGenerator as PathnameGeneratorPurchase,\n} from '../../../../constants/pathnames/pathname.procurement.ts'\n\nimport { PathnameCrm, PathnameGenerator as PathnameGeneratorCrm } from '../../../../constants/pathnames/pathname.crm.ts'\n\nimport { PathnameRental, PathnameGenerator as PathnameGeneratorRental } from '../../../../constants/pathnames/pathname.rental.ts'\n\nimport { useNavigate } from 'react-router-dom'\nimport { Notification, Tick } from '../../../icons'\nimport Button from '../../../button/button'\nimport { enqueueSnackbar } from 'notistack'\n\nconst getNotificationUrl = (data: any) => {\n\tconst { moduleName = '', moduleId = '', notificationData = {} } = data\n\tconst key = convertToUnderscore(moduleName)\n\n\tconst routeMap: Record<string, () => string> = {\n\t\tsales_invoice: () =>\n\t\t\tgenerateRouteWithId(PathnameGenerator(PathnameAccounting.VIEW_SALES_INVOICES), moduleId.toString()),\n\n\t\tasset_transfers: () =>\n\t\t\tgenerateRouteWithId(PathnameGenerator(PathnameAccounting.VIEW_ASSET_TRANSFER), moduleId.toString()),\n\n\t\tbudgets: () => generateRouteWithId(PathnameGenerator(PathnameAccounting.VIEW_BUDGET), moduleId.toString()),\n\n\t\tcash_expense: () =>\n\t\t\tgenerateRouteWithId(PathnameGenerator(PathnameAccounting.VIEW_CASH_EXPENSE), moduleId.toString()),\n\n\t\tcredit_notes: () =>\n\t\t\tgenerateRouteWithId(PathnameGenerator(PathnameAccounting.VIEW_CREDIT_NOTE), moduleId.toString()),\n\n\t\tdebit_notes: () => generateRouteWithId(PathnameGenerator(PathnameAccounting.VIEW_DEBIT_NOTE), moduleId.toString()),\n\n\t\texpense_reimbursement: () =>\n\t\t\tgenerateRouteWithId(PathnameGenerator(PathnameAccounting.VIEW_EXPENSE_REIMBURSEMENT), moduleId.toString()),\n\n\t\tjournal_entries: () =>\n\t\t\tgenerateRouteWithId(PathnameGenerator(PathnameAccounting.VIEW_JOURNAL_ENTRY), moduleId.toString()),\n\n\t\tpayment_entries: () =>\n\t\t\tgenerateRouteWithId(PathnameGenerator(PathnameAccounting.VIEW_PAYMENT_ENTRY), moduleId.toString()),\n\n\t\tpurchase_invoice: () =>\n\t\t\tgenerateRouteWithId(PathnameGenerator(PathnameAccounting.VIEW_PURCHASE_INVOICE), moduleId.toString()),\n\n\t\tstock_transfer: () =>\n\t\t\tgenerateRouteWithId(PathnameGeneratorInventory(PathnameInventory.VIEW_STOCK_TRANSFER), moduleId.toString()),\n\n\t\tbills_of_materials: () =>\n\t\t\tgenerateRouteWithId(\n\t\t\t\tPathnameGeneratorManufacuring(PathnameManufacturing.VIEW_BILL_OF_MATERIAL),\n\t\t\t\tmoduleId.toString()\n\t\t\t),\n\n\t\tpurchase_agreement: () =>\n\t\t\tgenerateRouteWithId(PathnameGeneratorPurchase(PathnamePurchase.VIEW_PURCHASE_AGREEMENT), moduleId.toString()),\n\n\t\tpurchase_orders: () =>\n\t\t\tgenerateRouteWithId(\n\t\t\t\tnotificationData?.data?.is_rental == 1\n\t\t\t\t\t? RENTALROUTES.VIEW\n\t\t\t\t\t: PathnameGeneratorPurchase(PathnamePurchase.VIEW_PURCHASE_ORDER),\n\t\t\t\tmoduleId.toString()\n\t\t\t),\n\n\t\tpurchase_request: () =>\n\t\t\tgenerateRouteWithId(PathnameGeneratorPurchase(PathnamePurchase.VIEW_PURCHASE_ORDER), moduleId.toString()),\n\n\t\tvra: () =>\n\t\t\tgenerateRouteWithId(PathnameGeneratorPurchase(PathnamePurchase.VIEW_VENDOR_RETURNS), moduleId.toString()),\n\n\t\tsales_customer_returns: () =>\n\t\t\tgenerateRouteWithId(PathnameGeneratorCrm(PathnameCrm.VIEW_CUSTOMER_RETURNS), moduleId.toString()),\n\n\t\tsales_order: () => generateRouteWithId(PathnameGeneratorCrm(PathnameCrm.VIEW_SALES_ORDER), moduleId.toString()),\n\n\t\trental_order: () =>\n\t\t\tgenerateRouteWithId(PathnameGeneratorRental(PathnameRental.VIEW_RENTAL_ORDER), moduleId.toString()),\n\n\t\treplacement_order: () =>\n\t\t\tgenerateRouteWithId(PathnameGeneratorRental(PathnameRental.VIEW_RENTAL_ORDER), moduleId.toString()),\n\n\t\trental_agreement: () =>\n\t\t\tgenerateRouteWithId(PathnameGeneratorRental(PathnameRental.VIEW_AGREEMENT), moduleId.toString()),\n\n\t\tcross_hire_order: () =>\n\t\t\tgenerateRouteWithId(PathnameGeneratorRental(PathnameRental.VIEW_CROSS_HIRE_ORDER), moduleId.toString()),\n\n\t\tcross_hire_request: () =>\n\t\t\tgenerateRouteWithId(PathnameGeneratorRental(PathnameRental.VIEW_CROSS_HIRE_REQUEST), moduleId.toString()),\n\t}\n\n\treturn routeMap[key]?.() || '/dashboard'\n}\n\nconst mainModuleIcons = {\n\trbac: images.user,\n\tdocument: images.document,\n\t'accounts-and-finance': images.accounting,\n\tinventory: images.inventory,\n\tmanufacturing: images.manufacturing,\n\tsales: images.crm,\n\trental: images.rental,\n\tuser: images.user,\n\tpurchase: images.procurement,\n\thrms: images.hrms,\n}\nconst mainModuleBgColors = {\n\trbac: '#F3E5F5',\n\tdocument: '#FFF8E1',\n\t'accounts-and-finance': '#E8F5E8',\n\tinventory: '#E3F2FD',\n\tmanufacturing: '#FFF3E0',\n\tsales: '#F3E5F5',\n\trental: '#E8F5E8',\n\tuser: '#F3E5F5',\n\tpurchase: '#FCE4EC',\n\thrms: '#fcfcfc',\n}\n\nconst NotificationMenu = () => {\n\tconst [anchorEl, setAnchorEl] = useState(null)\n\tconst [notifications, setNotifications] = useState([])\n\tconst [loading, setLoading] = useState(false)\n\tconst [loadingMore, setLoadingMore] = useState(false)\n\tconst [error, setError] = useState(null)\n\tconst [unreadCount, setUnreadCount] = useState(0)\n\tconst [markingAllAsRead, setMarkingAllAsRead] = useState(false)\n\tconst [pagination, setPagination] = useState({\n\t\tskip: 0,\n\t\tlimit: 10,\n\t\ttotalCount: 0,\n\t\thasMore: true,\n\t})\n\n\tconst navigate = useNavigate()\n\n\tconst menuRef = useRef(null)\n\tconst isLoadingMoreRef = useRef(false)\n\tconst open = Boolean(anchorEl)\n\n\t// Transform API notification to display format\n\tconst transformNotification = (apiNotification) => {\n\t\tconst moduleIcons = {\n\t\t\t'accounts-and-finance': <AccountBalanceIcon color=\"primary\" />,\n\t\t\tuser: <PersonIcon color=\"action\" />,\n\t\t\tapproval: <AssignmentIcon color=\"warning\" />,\n\t\t}\n\n\t\tconst getInitials = (performedUser) => {\n\t\t\tif (!performedUser) return null\n\t\t\tconst firstName = performedUser.first_name || ''\n\t\t\tconst lastName = performedUser.last_name || ''\n\t\t\tif (!firstName && !lastName) return null\n\t\t\treturn (firstName.charAt(0) + lastName.charAt(0)).toUpperCase()\n\t\t}\n\n\t\tconst getFullName = (performedUser) => {\n\t\t\tif (!performedUser) return null\n\t\t\tconst firstName = performedUser.first_name || ''\n\t\t\tconst lastName = performedUser.last_name || ''\n\t\t\treturn `${firstName} ${lastName}`.trim() || null\n\t\t}\n\n\t\tconst formatTimestamp = (dateString) => {\n\t\t\tconst date = new Date(dateString)\n\t\t\tconst now = new Date()\n\t\t\tconst diffMs = now - date\n\t\t\tconst diffMins = Math.floor(diffMs / 60000)\n\t\t\tconst diffHours = Math.floor(diffMs / 3600000)\n\t\t\tconst diffDays = Math.floor(diffMs / 86400000)\n\n\t\t\tif (diffMins < 1) return 'Just now'\n\t\t\tif (diffMins < 60) return `${diffMins} minute${diffMins > 1 ? 's' : ''} ago`\n\t\t\tif (diffHours < 24) return `${diffHours} hour${diffHours > 1 ? 's' : ''} ago`\n\t\t\tif (diffDays < 7) return `${diffDays} day${diffDays > 1 ? 's' : ''} ago`\n\t\t\treturn date.toLocaleDateString()\n\t\t}\n\n\t\treturn {\n\t\t\tid: apiNotification.id,\n\t\t\ttype: apiNotification.action || apiNotification.notification_type || 'info',\n\t\t\ttitle: formatText(apiNotification.title),\n\t\t\tmessage: apiNotification.message,\n\t\t\ttimestamp: formatTimestamp(apiNotification.created_at),\n\t\t\tread: apiNotification.status === 'read', // Assuming 'pending' means unread\n\t\t\tavatar: getInitials(apiNotification.performed_user),\n\t\t\tperformedByName: getFullName(apiNotification.performed_user),\n\t\t\tmodule: apiNotification.module,\n\t\t\tsubModule: apiNotification.sub_module,\n\t\t\tsubModuleId: apiNotification.sub_module_id,\n\t\t\tstatus: apiNotification.status,\n\t\t\ticon: moduleIcons[apiNotification.module] || moduleIcons[apiNotification.action] || <PersonIcon color=\"action\" />,\n\t\t}\n\t}\n\n\t// Fetch notifications with pagination\n\tconst fetchNotifications = useCallback(async (isLoadMore = false) => {\n\t\t// Prevent multiple simultaneous load more requests\n\t\tif (isLoadMore && isLoadingMoreRef.current) {\n\t\t\treturn\n\t\t}\n\n\t\tif (isLoadMore) {\n\t\t\tisLoadingMoreRef.current = true\n\t\t\tsetLoadingMore(true)\n\t\t} else {\n\t\t\tsetLoading(true)\n\t\t\t// Reset pagination when loading fresh data\n\t\t\tsetPagination((prev) => ({\n\t\t\t\t...prev,\n\t\t\t\tskip: 0,\n\t\t\t\thasMore: true,\n\t\t\t}))\n\t\t}\n\t\tsetError(null)\n\n\t\ttry {\n\t\t\tconst currentSkip = isLoadMore ? pagination.skip : 0\n\t\t\tconst response = await getV1Notification({\n\t\t\t\tskip: currentSkip,\n\t\t\t\tlimit: pagination.limit,\n\t\t\t\t...getToken(),\n\t\t\t})\n\n\t\t\tif (response.success && response.data) {\n\t\t\t\tconst transformedNotifications = response.data.notifications.map(transformNotification)\n\n\t\t\t\tif (isLoadMore) {\n\t\t\t\t\tsetNotifications((prev) => [...prev, ...transformedNotifications])\n\t\t\t\t} else {\n\t\t\t\t\tsetNotifications(transformedNotifications)\n\t\t\t\t}\n\n\t\t\t\t// Update pagination\n\t\t\t\tconst newSkip = currentSkip + response.data.notifications.length\n\t\t\t\tconst hasMore = newSkip < response.data.pagination.totalCount\n\n\t\t\t\tsetPagination((prev) => ({\n\t\t\t\t\t...prev,\n\t\t\t\t\tskip: newSkip,\n\t\t\t\t\ttotalCount: response.data.pagination.totalCount,\n\t\t\t\t\thasMore,\n\t\t\t\t}))\n\n\t\t\t\t// Calculate unread count (assuming 'pending' status means unread)\n\t\t\t\tif (!isLoadMore) {\n\t\t\t\t\tconst unread = response.data.pagination.unreadCount\n\t\t\t\t\tsetUnreadCount(unread)\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tsetUnreadCount(0)\n\t\t\t\tthrow new Error(response.message || 'Failed to load notifications')\n\t\t\t}\n\t\t} catch (err) {\n\t\t\tsetError('Failed to load notifications')\n\t\t} finally {\n\t\t\tsetLoading(false)\n\t\t\tsetLoadingMore(false)\n\t\t\tif (isLoadMore) {\n\t\t\t\tisLoadingMoreRef.current = false\n\t\t\t}\n\t\t}\n\t}, [pagination.limit, pagination.skip])\n\n\t// Handle scroll for infinite loading\n\tconst handleScroll = useCallback(\n\t\t(event) => {\n\t\t\tconst { scrollTop, scrollHeight, clientHeight } = event.target\n\t\t\tconst isNearBottom = scrollTop + clientHeight >= scrollHeight - 50 // Increased threshold\n\n\t\t\tif (isNearBottom && !isLoadingMoreRef.current && !loading && pagination.hasMore) {\n\t\t\t\tfetchNotifications(true)\n\t\t\t}\n\t\t},\n\t\t[fetchNotifications, loading, pagination.hasMore]\n\t)\n\n\tconst handleClick = (event) => {\n\t\tsetAnchorEl(event.currentTarget)\n\t\tif (notifications.length === 0) {\n\t\t\tfetchNotifications()\n\t\t}\n\t}\n\n\tconst handleClose = () => {\n\t\tsetAnchorEl(null)\n\n\t\t// Don't clear notifications immediately to avoid flickering\n\t\t// They will be refreshed when menu is opened again\n\t}\n\n\tconst handleNotificationClick = async (notificationId) => {\n\t\t// Mark notification as read\n\t\tconst n = notifications.find((n) => {\n\t\t\treturn n.id === notificationId\n\t\t})\n\t\tif (!n) return\n\n\t\thandleClose()\n\n\t\tif (n.status === 'pending') {\n\t\t\tawait patchV1NotificationMarkAsReadId({\n\t\t\t\tid: notificationId,\n\t\t\t\t...getToken(),\n\t\t\t})\n\t\t}\n\n\t\tsetNotifications((prev) => prev.map((n) => (n.id === notificationId ? { ...n, read: true } : n)))\n\t\tsetUnreadCount((prev) => Math.max(0, prev - 1))\n\t\tconst url = getNotificationUrl({\n\t\t\tmoduleName: n.subModule,\n\t\t\tmoduleId: n.subModuleId,\n\t\t\tnotificationData: n,\n\t\t})\n    setTimeout(() => {\n      navigate(url)\n    }, 300)\n\t}\n\n\tconst getNotificationIcon = (notification) => {\n\t\tif (notification.icon) {\n\t\t\treturn notification.icon\n\t\t}\n\n\t\tswitch (notification.type) {\n\t\t\tcase 'approval':\n\t\t\t\treturn <AssignmentIcon color=\"warning\" />\n\t\t\tcase 'user':\n\t\t\t\treturn <PersonIcon color=\"action\" />\n\t\t\tcase 'message':\n\t\t\t\treturn <EmailIcon color=\"primary\" />\n\t\t\tcase 'warning':\n\t\t\t\treturn <WarningIcon color=\"warning\" />\n\t\t\tcase 'success':\n\t\t\t\treturn <CheckCircleIcon color=\"success\" />\n\t\t\tdefault:\n\t\t\t\treturn <PersonIcon color=\"action\" />\n\t\t}\n\t}\n\n\tconst handleMarkAllAsRead = useCallback(async () => {\n\t\tif (markingAllAsRead) return // Prevent multiple calls\n\n\t\tsetMarkingAllAsRead(true)\n\n\t\tif (!unreadCount) {\n\t\t\tenqueueSnackbar('No unread notifications!')\n\t\t\tsetMarkingAllAsRead(false)\n\t\t\treturn\n\t\t}\n\n\t\ttry {\n\t\t\tawait getV1NotificationMarkAllAsRead({ ...getToken() })\n\t\t\t// Update local state immediately for better UX\n\t\t\tsetNotifications((prev) => prev.map((n) => ({ ...n, read: true, status: 'read' })))\n\t\t\tsetUnreadCount(0)\n\t\t} catch (error) {\n\t\t\tconst m = getErrorMessage(error.message)\n\t\t\tenqueueSnackbar(m, { variant: 'error' })\n\t\t} finally {\n\t\t\tsetMarkingAllAsRead(false)\n\t\t}\n\t}, [markingAllAsRead, unreadCount])\n\n\t// Remove the problematic useEffect that was causing extra API calls\n\n  useEffect(() => {\n    if(!open) {\n      setTimeout(() => {\n        setNotifications([])\n      }, 500)\n    }\n  }, [open])\n\n\treturn (\n\t\t<Box>\n\t\t\t<IconButton\n\t\t\t\t// size=\"small\"\n\t\t\t\taria-label=\"notifications\"\n\t\t\t\taria-controls={open ? 'notification-menu' : undefined}\n\t\t\t\taria-haspopup=\"true\"\n\t\t\t\taria-expanded={open ? 'true' : undefined}\n\t\t\t\tonClick={handleClick}\n\t\t\t>\n\t\t\t\t<Badge badgeContent={unreadCount} color=\"error\">\n\t\t\t\t\t<Notification fontSize=\"medium\" />\n\t\t\t\t</Badge>\n\t\t\t</IconButton>\n\n\t\t\t<Menu\n\t\t\t\tid=\"notification-menu\"\n\t\t\t\tanchorEl={anchorEl}\n\t\t\t\topen={open}\n\t\t\t\tonClose={handleClose}\n\t\t\t\tref={menuRef}\n\t\t\t\tslotProps={{\n\t\t\t\t\tpaper: {\n\t\t\t\t\t\tsx: {\n\t\t\t\t\t\t\toverflow: 'visible',\n\t\t\t\t\t\t\tminWidth: 400,\n\t\t\t\t\t\t\tmaxWidth: 450,\n\t\t\t\t\t\t\tmaxHeight: 520,\n\t\t\t\t\t\t\t'&:before': {\n\t\t\t\t\t\t\t\tcontent: '\"\"',\n\t\t\t\t\t\t\t\tdisplay: 'block',\n\t\t\t\t\t\t\t\tposition: 'absolute',\n\t\t\t\t\t\t\t\ttop: 0,\n\t\t\t\t\t\t\t\tright: '50%',\n\t\t\t\t\t\t\t\twidth: 10,\n\t\t\t\t\t\t\t\theight: 10,\n\t\t\t\t\t\t\t\tbgcolor: 'background.paper',\n\t\t\t\t\t\t\t\ttransform: 'translateY(-50%) translateX(50%) rotate(45deg)',\n\t\t\t\t\t\t\t\tzIndex: 0,\n\t\t\t\t\t\t\t\tborder: '1px solid',\n\t\t\t\t\t\t\t\tborderColor: ({ palette }) => palette.grey[300],\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t}}\n\t\t\t\tsx={{\n\t\t\t\t\t'& .MuiList-root': {\n\t\t\t\t\t\tborderRadius: '8px',\n\t\t\t\t\t\tmaxHeight: 520,\n\t\t\t\t\t\toverflowY: 'auto',\n\t\t\t\t\t\tpadding: 0,\n\t\t\t\t\t},\n\t\t\t\t}}\n\t\t\t\ttransformOrigin={{ horizontal: 'center', vertical: 'top' }}\n\t\t\t\tanchorOrigin={{ horizontal: 'center', vertical: 'bottom' }}\n\t\t\t\tonScroll={handleScroll}\n\t\t\t>\n\t\t\t\t{/* Header */}\n\t\t\t\t<Box sx={{ px: 2, py: 1, borderBottom: '1px solid #e0e0e0', backgroundColor: '#fafafa' }}>\n\t\t\t\t\t<Typography type=\"h5\" weight=\"bold\" color=\"grey.1000\">\n\t\t\t\t\t\tNotifications\n\t\t\t\t\t</Typography>\n\t\t\t\t\t{unreadCount > 0 && (\n\t\t\t\t\t\t<Box sx={{ display: 'flex', justifyContent: 'space-between', width: '100%', alignItems: 'center' }}>\n\t\t\t\t\t\t\t<Typography type=\"s4\" color=\"grey.800\">\n\t\t\t\t\t\t\t\tYou have {unreadCount} unread notification{unreadCount > 1 ? 's' : ''}\n\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tvariant=\"text\"\n\t\t\t\t\t\t\t\tstartIcon={\n\t\t\t\t\t\t\t\t\tmarkingAllAsRead ? (\n\t\t\t\t\t\t\t\t\t\t<CircularProgress size={15} color=\"inherit\" />\n\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t<Tick sx={{ fontSize: '0.75rem !important' }} color=\"grey.900\" />\n\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tsx={{ p: 0 }}\n\t\t\t\t\t\t\t\tonClick={handleMarkAllAsRead}\n\t\t\t\t\t\t\t\tdisabled={unreadCount <= 0 || markingAllAsRead}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Typography type=\"s4\" color=\"grey.900\">\n\t\t\t\t\t\t\t\t\tMark all as read\n\t\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t</Box>\n\t\t\t\t\t)}\n\t\t\t\t</Box>\n\n\t\t\t\t{/* Loading State */}\n\t\t\t\t{loading && notifications.length === 0 && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<Box\n\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\t\t\tgap: 1,\n\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\tminWidth: 400,\n\t\t\t\t\t\t\t\tp: 1,\n\t\t\t\t\t\t\t\tm: 1,\n\t\t\t\t\t\t\t\tbackgroundColor: 'grey.200',\n\t\t\t\t\t\t\t\tborderRadius: '8px',\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Box sx={{ display: 'flex', gap: 1 }}>\n\t\t\t\t\t\t\t\t<Skeleton variant=\"rounded\" width={40} height={40} />\n\t\t\t\t\t\t\t\t<Box sx={{ display: 'flex', flexDirection: 'column', gap: 0.5 }}>\n\t\t\t\t\t\t\t\t\t<Skeleton variant=\"rounded\" width={360} height={25} />\n\t\t\t\t\t\t\t\t\t<Skeleton variant=\"rounded\" width={150} height={11} />\n\t\t\t\t\t\t\t\t\t<Skeleton variant=\"rounded\" width={360} height={11} />\n\t\t\t\t\t\t\t\t\t<Skeleton variant=\"rounded\" width={360} height={11} />\n\t\t\t\t\t\t\t\t</Box>\n\t\t\t\t\t\t\t</Box>\n\t\t\t\t\t\t</Box>\n\t\t\t\t\t\t<Box\n\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\t\t\tgap: 1,\n\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\tminWidth: 400,\n\t\t\t\t\t\t\t\tp: 1,\n\t\t\t\t\t\t\t\tm: 1,\n\t\t\t\t\t\t\t\tbackgroundColor: 'grey.200',\n\t\t\t\t\t\t\t\tborderRadius: '8px',\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Box sx={{ display: 'flex', gap: 1 }}>\n\t\t\t\t\t\t\t\t<Skeleton variant=\"rounded\" width={40} height={40} />\n\t\t\t\t\t\t\t\t<Box sx={{ display: 'flex', flexDirection: 'column', gap: 0.5 }}>\n\t\t\t\t\t\t\t\t\t<Skeleton variant=\"rounded\" width={360} height={25} />\n\t\t\t\t\t\t\t\t\t<Skeleton variant=\"rounded\" width={150} height={11} />\n\t\t\t\t\t\t\t\t\t<Skeleton variant=\"rounded\" width={360} height={11} />\n\t\t\t\t\t\t\t\t\t<Skeleton variant=\"rounded\" width={360} height={11} />\n\t\t\t\t\t\t\t\t</Box>\n\t\t\t\t\t\t\t</Box>\n\t\t\t\t\t\t</Box>\n\t\t\t\t\t\t<Box\n\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\t\t\tgap: 1,\n\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\tminWidth: 400,\n\t\t\t\t\t\t\t\tp: 1,\n\t\t\t\t\t\t\t\tm: 1,\n\t\t\t\t\t\t\t\tbackgroundColor: 'grey.200',\n\t\t\t\t\t\t\t\tborderRadius: '8px',\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Box sx={{ display: 'flex', gap: 1 }}>\n\t\t\t\t\t\t\t\t<Skeleton variant=\"rounded\" width={40} height={40} />\n\t\t\t\t\t\t\t\t<Box sx={{ display: 'flex', flexDirection: 'column', gap: 0.5 }}>\n\t\t\t\t\t\t\t\t\t<Skeleton variant=\"rounded\" width={360} height={25} />\n\t\t\t\t\t\t\t\t\t<Skeleton variant=\"rounded\" width={150} height={11} />\n\t\t\t\t\t\t\t\t\t<Skeleton variant=\"rounded\" width={360} height={11} />\n\t\t\t\t\t\t\t\t\t<Skeleton variant=\"rounded\" width={360} height={11} />\n\t\t\t\t\t\t\t\t</Box>\n\t\t\t\t\t\t\t</Box>\n\t\t\t\t\t\t</Box>\n\t\t\t\t\t</>\n\t\t\t\t)}\n\n\t\t\t\t{/* Error State */}\n\t\t\t\t{error && (\n\t\t\t\t\t<Box sx={{ p: 2 }}>\n\t\t\t\t\t\t<Alert severity=\"error\">{error}</Alert>\n\t\t\t\t\t</Box>\n\t\t\t\t)}\n\n\t\t\t\t{/* Notifications List */}\n\t\t\t\t{!loading && !error && notifications.length > 0 && (\n\t\t\t\t\t<Box sx={{ maxHeight: 420, overflowY: 'auto', p: 1 }} onScroll={handleScroll}>\n\t\t\t\t\t\t{notifications.map((notification) => (\n\t\t\t\t\t\t\t<div key={notification.id}>\n\t\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\t\tonClick={() => handleNotificationClick(notification.id)}\n\t\t\t\t\t\t\t\t\tsx={({ palette }) => ({\n\t\t\t\t\t\t\t\t\t\tpy: 1,\n\t\t\t\t\t\t\t\t\t\tpx: 1,\n\t\t\t\t\t\t\t\t\t\tbackgroundColor: !notification.read ? palette.theme.grey[200] : 'transparent',\n\t\t\t\t\t\t\t\t\t\tborder: `1px solid ${palette.grey[200]}`,\n\t\t\t\t\t\t\t\t\t\tmarginBottom: '4px !important',\n\t\t\t\t\t\t\t\t\t\t'&:hover': {\n\t\t\t\t\t\t\t\t\t\t\tbackgroundColor: palette.theme.grey[200],\n\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\talignItems: 'flex-start',\n\t\t\t\t\t\t\t\t\t\tminHeight: 'auto',\n\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<ListItemAvatar sx={{ minWidth: 48, mt: 0 }}>\n\t\t\t\t\t\t\t\t\t\t{mainModuleIcons?.[notification.module] ? (\n\t\t\t\t\t\t\t\t\t\t\t<Avatar\n\t\t\t\t\t\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\t\t\t\t\t\twidth: 40,\n\t\t\t\t\t\t\t\t\t\t\t\t\theight: 40,\n\t\t\t\t\t\t\t\t\t\t\t\t\tfontSize: '0.875rem',\n\t\t\t\t\t\t\t\t\t\t\t\t\tbgcolor: mainModuleBgColors[notification.module] || 'primary.main',\n\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: 'white',\n\t\t\t\t\t\t\t\t\t\t\t\t\tborderRadius: '8px',\n\t\t\t\t\t\t\t\t\t\t\t\t\tboxShadow: '0 2px 8px rgba(0,0,0,0.1)',\n\t\t\t\t\t\t\t\t\t\t\t\t\t'& img': {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\twidth: '28px',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\theight: '28px',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tobjectFit: 'contain',\n\t\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\tsrc={mainModuleIcons?.[notification.module]}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t\t\t{notification.avatar ? (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Avatar\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\twidth: 40,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\theight: 40,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfontSize: '0.875rem',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tbgcolor: 'primary.main',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: 'white',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tborderRadius: '8px',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tboxShadow: '0 2px 8px rgba(0,0,0,0.1)',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{notification.avatar}\n\t\t\t\t\t\t\t\t\t\t\t\t\t</Avatar>\n\t\t\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Avatar\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\twidth: 36,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\theight: 36,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tbgcolor: 'grey.100',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: 'grey.600',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tborderRadius: '8px',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tboxShadow: '0 2px 8px rgba(0,0,0,0.1)',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{getNotificationIcon(notification)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t</Avatar>\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</ListItemAvatar>\n\t\t\t\t\t\t\t\t\t<ListItemText\n\t\t\t\t\t\t\t\t\t\tsx={{ margin: 0, pr: 1 }}\n\t\t\t\t\t\t\t\t\t\tprimary={\n\t\t\t\t\t\t\t\t\t\t\t<Box sx={{ mb: 0.5 }}>\n\t\t\t\t\t\t\t\t\t\t\t\t<Typography type=\"s3\" weight=\"bold\" color=\"grey.1000\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t{notification.title}\n\t\t\t\t\t\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t\t\t\t\t\t\t{notification.performedByName && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Typography\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"s5\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor=\"grey.500\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfontSize: `0.7rem !important`,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfontStyle: 'italic',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisplay: 'block',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tby {notification.performedByName}\n\t\t\t\t\t\t\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t</Box>\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tsecondary={\n\t\t\t\t\t\t\t\t\t\t\t<Box>\n\t\t\t\t\t\t\t\t\t\t\t\t<Typography\n\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"s4\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tcolor=\"grey.800\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tmb: 1,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tlineHeight: 1.4,\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{notification.message}\n\t\t\t\t\t\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t\t\t\t\t\t\t<Box\n\t\t\t\t\t\t\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tgap: 0.5,\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{notification.module && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Typography\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"s5\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfontSize: `0.65rem !important`,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: 'primary',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttextTransform: 'capitalize',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{notification.module.replace(/-/g, ' ')}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Box\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsx={{ height: 5, width: 5, borderRadius: '100%', backgroundColor: 'primary.main' }}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t></Box>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t{notification.subModule && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Typography\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"s5\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfontSize: `0.65rem !important`,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: 'primary',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttextTransform: 'capitalize',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{formatLabel(notification.subModule)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Box\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsx={{ height: 5, width: 5, borderRadius: '100%', backgroundColor: 'primary.main' }}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t></Box>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Typography\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"s5\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor=\"primary\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfontSize: `0.65rem !important`,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{notification.timestamp}\n\t\t\t\t\t\t\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t\t\t\t\t\t\t</Box>\n\t\t\t\t\t\t\t\t\t\t\t</Box>\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t{!notification.read && (\n\t\t\t\t\t\t\t\t\t\t<Box\n\t\t\t\t\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\t\t\t\t\twidth: 10,\n\t\t\t\t\t\t\t\t\t\t\t\theight: 10,\n\t\t\t\t\t\t\t\t\t\t\t\tborderRadius: '50%',\n\t\t\t\t\t\t\t\t\t\t\t\tbackgroundColor: 'primary.main',\n\t\t\t\t\t\t\t\t\t\t\t\tflexShrink: 0,\n\t\t\t\t\t\t\t\t\t\t\t\tmt: 0.5,\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t))}\n\n\t\t\t\t\t\t{/* Loading More Indicator */}\n\t\t\t\t\t\t{loadingMore && (\n\t\t\t\t\t\t\t<Box sx={{ display: 'flex', justifyContent: 'center', py: 2.5, px: 3 }}>\n\t\t\t\t\t\t\t\t<CircularProgress size={20} />\n\t\t\t\t\t\t\t\t<Typography variant=\"body2\" sx={{ ml: 1.5, color: 'text.secondary' }}>\n\t\t\t\t\t\t\t\t\tLoading more...\n\t\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t\t</Box>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t{/* End of List Indicator */}\n\t\t\t\t\t\t{!pagination.hasMore && notifications.length > 0 && (\n\t\t\t\t\t\t\t<Box sx={{ textAlign: 'center', py: 1.5, px: 2 }}>\n\t\t\t\t\t\t\t\t<Typography type=\"s3\" color=\"grey.800\" textAlign=\"center\">\n\t\t\t\t\t\t\t\t\tNo more notifications\n\t\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t\t</Box>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</Box>\n\t\t\t\t)}\n\n\t\t\t\t{/* Empty State */}\n\t\t\t\t{!loading && !error && notifications.length === 0 && (\n\t\t\t\t\t<Box sx={{ p: 4, textAlign: 'center' }}>\n\t\t\t\t\t\t<Notification sx={{ fontSize: 56, color: 'text.secondary', mb: 2 }} />\n\t\t\t\t\t\t<Typography type=\"s1\" color=\"grey.800\" sx={{ mb: 1 }} textAlign=\"center\">\n\t\t\t\t\t\t\tNo notifications yet\n\t\t\t\t\t\t</Typography>\n\t\t\t\t\t</Box>\n\t\t\t\t)}\n\t\t\t</Menu>\n\t\t</Box>\n\t)\n}\n\nexport default NotificationMenu\n"],"names":["PathnameGenerator","PathnameGeneratorInventory","PathnameGeneratorManufacuring","PathnameGeneratorPurchase","_a","RENTALROUTES","PathnameGeneratorCrm","PathnameGeneratorRental","n","error"],"mappings":"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"}

package/dist/components/header/components/notification-menu/notification-menu/index.js

@@ -1,48 +1,48 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("@mui/material"),a=require("@mui/icons-material"),n=require("../../../../../api-client/api.system-feature/api/index.js"),o=require("../../../../../utils/common/index.js"),i=require("../../../../../utils/format-text/index.js"),s=require("../../../../typography/typography/index.js"),l=require("../../../../../images/index.js"),d=require("../../../../../utils/route-utils/index.js"),c=require("../../../../../constants/pathnames/pathname.accounting/index.js"),h=require("../../../../../constants/pathnames/pathname.rental/index.js"),u=require("../../../../../constants/pathnames/pathname.inventory/index.js"),m=require("../../../../../constants/pathnames/pathname.manufacturing/index.js"),g=require("../../../../../constants/pathnames/pathname.procurement/index.js"),x=require("../../../../../constants/pathnames/pathname.crm/index.js"),p=require("react-router-dom"),y=require("../../../../button/button/index.js"),f=require("../../../../../node_modules/notistack/notistack.esm/index.js"),j=require("../../../../icons/tick/index.js"),E=require("../../../../icons/notification/index.js");const S={rbac:l.images.user,document:l.images.document,"accounts-and-finance":l.images.accounting,inventory:l.images.inventory,manufacturing:l.images.manufacturing,sales:l.images.crm,rental:l.images.rental,user:l.images.user,purchase:l.images.procurement,hrms:l.images.hrms},_={rbac:"#F3E5F5",document:"#FFF8E1","accounts-and-finance":"#E8F5E8",inventory:"#E3F2FD",manufacturing:"#FFF3E0",sales:"#F3E5F5",rental:"#E8F5E8",user:"#F3E5F5",purchase:"#FCE4EC",hrms:"#fcfcfc"};exports.default=()=>{const[l,R]=t.useState(null),[b,I]=t.useState([]),[P,v]=t.useState(!1),[k,W]=t.useState(!1),[C,w]=t.useState(null),[T,A]=t.useState(0),[B,N]=t.useState(!1),[M,V]=t.useState({skip:0,limit:10,totalCount:0,hasMore:!0}),F=p.useNavigate(),G=t.useRef(null),q=t.useRef(!1),D=Boolean(l),O=t=>{const r={"accounts-and-finance":/* @__PURE__ */e.jsx(a.AccountBalance,{color:"primary"}),user:/* @__PURE__ */e.jsx(a.Person,{color:"action"}),approval:/* @__PURE__ */e.jsx(a.Assignment,{color:"warning"})};return{id:t.id,type:t.action||t.notification_type||"info",title:i.default(t.title),message:t.message,timestamp:(e=>{const t=new Date(e),r=/* @__PURE__ */new Date-t,a=Math.floor(r/6e4),n=Math.floor(r/36e5),o=Math.floor(r/864e5);return a<1?"Just now":a<60?`${a} minute${a>1?"s":""} ago`:n<24?`${n} hour${n>1?"s":""} ago`:o<7?`${o} day${o>1?"s":""} ago`:t.toLocaleDateString()})(t.created_at),read:"read"===t.status,avatar:(e=>{if(!e)return null;const t=e.first_name||"",r=e.last_name||"";return t||r?(t.charAt(0)+r.charAt(0)).toUpperCase():null})(t.performed_user),performedByName:(n=t.performed_user,n&&`${n.first_name||""} ${n.last_name||""}`.trim()||null),module:t.module,subModule:t.sub_module,subModuleId:t.sub_module_id,status:t.status,icon:r[t.module]||r[t.action]||/* @__PURE__ */e.jsx(a.Person,{color:"action"})};var n},z=t.useCallback(async(e=!1)=>{if(!e||!q.current){e?(q.current=!0,W(!0)):(v(!0),V(e=>({...e,skip:0,hasMore:!0}))),w(null);try{const t=e?M.skip:0,r=await n.getV1Notification({skip:t,limit:M.limit,...o.getToken()});if(!r.success||!r.data)throw A(0),new Error(r.message||"Failed to load notifications");{const a=r.data.notifications.map(O);I(e?e=>[...e,...a]:a);const n=t+r.data.notifications.length,o=n<r.data.pagination.totalCount;if(V(e=>({...e,skip:n,totalCount:r.data.pagination.totalCount,hasMore:o})),!e){const e=r.data.pagination.unreadCount;A(e)}}}catch(t){w("Failed to load notifications")}finally{v(!1),W(!1),e&&(q.current=!1)}}},[M.limit,M.skip]),H=t.useCallback(e=>{const{scrollTop:t,scrollHeight:r,clientHeight:a}=e.target;t+a>=r-50&&!q.current&&!P&&M.hasMore&&z(!0)},[z,P,M.hasMore]),L=()=>{R(null)},U=t=>{if(t.icon)return t.icon;switch(t.type){case"approval":/* @__PURE__ */
-return e.jsx(a.Assignment,{color:"warning"});case"user":default:/* @__PURE__ */
-return e.jsx(a.Person,{color:"action"});case"message":/* @__PURE__ */
-return e.jsx(a.Email,{color:"primary"});case"warning":/* @__PURE__ */
-return e.jsx(a.Warning,{color:"warning"});case"success":/* @__PURE__ */
-return e.jsx(a.CheckCircle,{color:"success"})}},$=t.useCallback(async()=>{if(!B){if(N(!0),!T)return f.enqueueSnackbar("No unread notifications!"),void N(!1);try{await n.getV1NotificationMarkAllAsRead({...o.getToken()}),I(e=>e.map(e=>({...e,read:!0,status:"read"}))),A(0)}catch(e){const t=o.getErrorMessage(e.message);f.enqueueSnackbar(t,{variant:"error"})}finally{N(!1)}}},[B,T]);return t.useEffect(()=>{D||setTimeout(()=>{I([])},500)},[D]),/* @__PURE__ */e.jsxs(r.Box,{children:[
-/* @__PURE__ */e.jsx(r.IconButton,{"aria-label":"notifications","aria-controls":D?"notification-menu":void 0,"aria-haspopup":"true","aria-expanded":D?"true":void 0,onClick:e=>{R(e.currentTarget),0===b.length&&z()},children:/* @__PURE__ */e.jsx(r.Badge,{badgeContent:T,color:"error",children:/* @__PURE__ */e.jsx(E.Notification,{fontSize:"medium"})})}),
-/* @__PURE__ */e.jsxs(r.Menu,{id:"notification-menu",anchorEl:l,open:D,onClose:L,ref:G,slotProps:{paper:{sx:{overflow:"visible",minWidth:400,maxWidth:450,maxHeight:520,"&:before":{content:'""',display:"block",position:"absolute",top:0,right:"50%",width:10,height:10,bgcolor:"background.paper",transform:"translateY(-50%) translateX(50%) rotate(45deg)",zIndex:0,border:"1px solid",borderColor:({palette:e})=>e.grey[300]}}}},sx:{"& .MuiList-root":{borderRadius:"8px",maxHeight:520,overflowY:"auto",padding:0}},transformOrigin:{horizontal:"center",vertical:"top"},anchorOrigin:{horizontal:"center",vertical:"bottom"},onScroll:H,children:[
-/* @__PURE__ */e.jsxs(r.Box,{sx:{px:2,py:1,borderBottom:"1px solid #e0e0e0",backgroundColor:"#fafafa"},children:[
-/* @__PURE__ */e.jsx(s.Typography,{type:"h5",weight:"bold",color:"grey.1000",children:"Notifications"}),T>0&&/* @__PURE__ */e.jsxs(r.Box,{sx:{display:"flex",justifyContent:"space-between",width:"100%",alignItems:"center"},children:[
-/* @__PURE__ */e.jsxs(s.Typography,{type:"s4",color:"grey.800",children:["You have ",T," unread notification",T>1?"s":""]}),
-/* @__PURE__ */e.jsx(y.default,{variant:"text",startIcon:B?/* @__PURE__ */e.jsx(r.CircularProgress,{size:15,color:"inherit"}):/* @__PURE__ */e.jsx(j.Tick,{sx:{fontSize:"0.75rem !important"},color:"grey.900"}),sx:{p:0},onClick:$,disabled:T<=0||B,children:/* @__PURE__ */e.jsx(s.Typography,{type:"s4",color:"grey.900",children:"Mark all as read"})})]})]}),P&&0===b.length&&/* @__PURE__ */e.jsxs(e.Fragment,{children:[
-/* @__PURE__ */e.jsx(r.Box,{sx:{display:"flex",flexDirection:"column",gap:1,justifyContent:"center",minWidth:400,p:1,m:1,backgroundColor:"grey.200",borderRadius:"8px"},children:/* @__PURE__ */e.jsxs(r.Box,{sx:{display:"flex",gap:1},children:[
-/* @__PURE__ */e.jsx(r.Skeleton,{variant:"rounded",width:40,height:40}),
-/* @__PURE__ */e.jsxs(r.Box,{sx:{display:"flex",flexDirection:"column",gap:.5},children:[
-/* @__PURE__ */e.jsx(r.Skeleton,{variant:"rounded",width:360,height:25}),
-/* @__PURE__ */e.jsx(r.Skeleton,{variant:"rounded",width:150,height:11}),
-/* @__PURE__ */e.jsx(r.Skeleton,{variant:"rounded",width:360,height:11}),
-/* @__PURE__ */e.jsx(r.Skeleton,{variant:"rounded",width:360,height:11})]})]})}),
-/* @__PURE__ */e.jsx(r.Box,{sx:{display:"flex",flexDirection:"column",gap:1,justifyContent:"center",minWidth:400,p:1,m:1,backgroundColor:"grey.200",borderRadius:"8px"},children:/* @__PURE__ */e.jsxs(r.Box,{sx:{display:"flex",gap:1},children:[
-/* @__PURE__ */e.jsx(r.Skeleton,{variant:"rounded",width:40,height:40}),
-/* @__PURE__ */e.jsxs(r.Box,{sx:{display:"flex",flexDirection:"column",gap:.5},children:[
-/* @__PURE__ */e.jsx(r.Skeleton,{variant:"rounded",width:360,height:25}),
-/* @__PURE__ */e.jsx(r.Skeleton,{variant:"rounded",width:150,height:11}),
-/* @__PURE__ */e.jsx(r.Skeleton,{variant:"rounded",width:360,height:11}),
-/* @__PURE__ */e.jsx(r.Skeleton,{variant:"rounded",width:360,height:11})]})]})}),
-/* @__PURE__ */e.jsx(r.Box,{sx:{display:"flex",flexDirection:"column",gap:1,justifyContent:"center",minWidth:400,p:1,m:1,backgroundColor:"grey.200",borderRadius:"8px"},children:/* @__PURE__ */e.jsxs(r.Box,{sx:{display:"flex",gap:1},children:[
-/* @__PURE__ */e.jsx(r.Skeleton,{variant:"rounded",width:40,height:40}),
-/* @__PURE__ */e.jsxs(r.Box,{sx:{display:"flex",flexDirection:"column",gap:.5},children:[
-/* @__PURE__ */e.jsx(r.Skeleton,{variant:"rounded",width:360,height:25}),
-/* @__PURE__ */e.jsx(r.Skeleton,{variant:"rounded",width:150,height:11}),
-/* @__PURE__ */e.jsx(r.Skeleton,{variant:"rounded",width:360,height:11}),
-/* @__PURE__ */e.jsx(r.Skeleton,{variant:"rounded",width:360,height:11})]})]})})]}),C&&/* @__PURE__ */e.jsx(r.Box,{sx:{p:2},children:/* @__PURE__ */e.jsx(r.Alert,{severity:"error",children:C})}),!P&&!C&&b.length>0&&/* @__PURE__ */e.jsxs(r.Box,{sx:{maxHeight:420,overflowY:"auto",p:1},onScroll:H,children:[b.map(t=>/* @__PURE__ */e.jsx("div",{children:/* @__PURE__ */e.jsxs(r.MenuItem,{onClick:()=>(async e=>{const t=b.find(t=>t.id===e);if(!t)return;L(),"pending"===t.status&&await n.patchV1NotificationMarkAsReadId({id:e,...o.getToken()}),I(t=>t.map(t=>t.id===e?{...t,read:!0}:t)),A(e=>Math.max(0,e-1));const r=(e=>{var t;const{moduleName:r="",moduleId:a="",notificationData:n={}}=e,o={sales_invoice:()=>d.generateRouteWithId(c.PathnameGenerator(c.PathnameAccounting.VIEW_SALES_INVOICES),a.toString()),asset_transfers:()=>d.generateRouteWithId(c.PathnameGenerator(c.PathnameAccounting.VIEW_ASSET_TRANSFER),a.toString()),budgets:()=>d.generateRouteWithId(c.PathnameGenerator(c.PathnameAccounting.VIEW_BUDGET),a.toString()),cash_expense:()=>d.generateRouteWithId(c.PathnameGenerator(c.PathnameAccounting.VIEW_CASH_EXPENSE),a.toString()),credit_notes:()=>d.generateRouteWithId(c.PathnameGenerator(c.PathnameAccounting.VIEW_CREDIT_NOTE),a.toString()),debit_notes:()=>d.generateRouteWithId(c.PathnameGenerator(c.PathnameAccounting.VIEW_DEBIT_NOTE),a.toString()),expense_reimbursement:()=>d.generateRouteWithId(c.PathnameGenerator(c.PathnameAccounting.VIEW_EXPENSE_REIMBURSEMENT),a.toString()),journal_entries:()=>d.generateRouteWithId(c.PathnameGenerator(c.PathnameAccounting.VIEW_JOURNAL_ENTRY),a.toString()),payment_entries:()=>d.generateRouteWithId(c.PathnameGenerator(c.PathnameAccounting.VIEW_PAYMENT_ENTRY),a.toString()),purchase_invoice:()=>d.generateRouteWithId(c.PathnameGenerator(c.PathnameAccounting.VIEW_PURCHASE_INVOICE),a.toString()),stock_transfer:()=>d.generateRouteWithId(u.PathnameGenerator(u.PathnameInventory.VIEW_STOCK_TRANSFER),a.toString()),bills_of_materials:()=>d.generateRouteWithId(m.PathnameGenerator(m.PathnameManufacturing.VIEW_BILL_OF_MATERIAL),a.toString()),purchase_agreement:()=>d.generateRouteWithId(g.PathnameGenerator(g.PathnamePurchase.VIEW_PURCHASE_AGREEMENT),a.toString()),purchase_orders:()=>{var e;return d.generateRouteWithId(1==(null==(e=null==n?void 0:n.data)?void 0:e.is_rental)?h.ROUTES.VIEW:g.PathnameGenerator(g.PathnamePurchase.VIEW_PURCHASE_ORDER),a.toString())},purchase_request:()=>d.generateRouteWithId(g.PathnameGenerator(g.PathnamePurchase.VIEW_PURCHASE_ORDER),a.toString()),vra:()=>d.generateRouteWithId(g.PathnameGenerator(g.PathnamePurchase.VIEW_VENDOR_RETURNS),a.toString()),sales_customer_returns:()=>d.generateRouteWithId(x.PathnameGenerator(x.PathnameCrm.VIEW_CUSTOMER_RETURNS),a.toString()),sales_order:()=>d.generateRouteWithId(x.PathnameGenerator(x.PathnameCrm.VIEW_SALES_ORDER),a.toString()),rental_order:()=>d.generateRouteWithId(h.PathnameGenerator(h.PathnameRental.VIEW_RENTAL_ORDER),a.toString()),replacement_order:()=>d.generateRouteWithId(h.PathnameGenerator(h.PathnameRental.VIEW_RENTAL_ORDER),a.toString()),rental_agreement:()=>d.generateRouteWithId(h.PathnameGenerator(h.PathnameRental.VIEW_AGREEMENT),a.toString()),cross_hire_order:()=>d.generateRouteWithId(h.PathnameGenerator(h.PathnameRental.VIEW_CROSS_HIRE_ORDER),a.toString()),cross_hire_request:()=>d.generateRouteWithId(h.PathnameGenerator(h.PathnameRental.VIEW_CROSS_HIRE_REQUEST),a.toString())};return(null==(t=o[i.convertToUnderscore(r)])?void 0:t.call(o))||"/dashboard"})({moduleName:t.subModule,moduleId:t.subModuleId,notificationData:t});setTimeout(()=>{F(r)},300)})(t.id),sx:({palette:e})=>({py:1,px:1,backgroundColor:t.read?"transparent":e.theme.grey[200],border:`1px solid ${e.grey[200]}`,marginBottom:"4px !important","&:hover":{backgroundColor:e.theme.grey[200]},alignItems:"flex-start",minHeight:"auto"}),children:[
-/* @__PURE__ */e.jsx(r.ListItemAvatar,{sx:{minWidth:48,mt:0},children:(null==S?void 0:S[t.module])?/* @__PURE__ */e.jsx(r.Avatar,{sx:{width:40,height:40,fontSize:"0.875rem",bgcolor:_[t.module]||"primary.main",color:"white",borderRadius:"8px",boxShadow:"0 2px 8px rgba(0,0,0,0.1)","& img":{width:"28px",height:"28px",objectFit:"contain"}},src:null==S?void 0:S[t.module]}):/* @__PURE__ */e.jsx(e.Fragment,{children:t.avatar?/* @__PURE__ */e.jsx(r.Avatar,{sx:{width:40,height:40,fontSize:"0.875rem",bgcolor:"primary.main",color:"white",borderRadius:"8px",boxShadow:"0 2px 8px rgba(0,0,0,0.1)"},children:t.avatar}):/* @__PURE__ */e.jsx(r.Avatar,{sx:{width:36,height:36,bgcolor:"grey.100",color:"grey.600",borderRadius:"8px",boxShadow:"0 2px 8px rgba(0,0,0,0.1)"},children:U(t)})})}),
-/* @__PURE__ */e.jsx(r.ListItemText,{sx:{margin:0,pr:1},primary:/* @__PURE__ */e.jsxs(r.Box,{sx:{mb:.5},children:[
-/* @__PURE__ */e.jsx(s.Typography,{type:"s3",weight:"bold",color:"grey.1000",children:t.title}),t.performedByName&&/* @__PURE__ */e.jsxs(s.Typography,{type:"s5",color:"grey.500",sx:{fontSize:"0.7rem !important",fontStyle:"italic",display:"block"},children:["by ",t.performedByName]})]}),secondary:/* @__PURE__ */e.jsxs(r.Box,{children:[
-/* @__PURE__ */e.jsx(s.Typography,{type:"s4",color:"grey.800",sx:{mb:1,lineHeight:1.4},children:t.message}),
-/* @__PURE__ */e.jsxs(r.Box,{sx:{display:"flex",alignItems:"center",gap:.5},children:[t.module&&/* @__PURE__ */e.jsxs(e.Fragment,{children:[
-/* @__PURE__ */e.jsx(s.Typography,{type:"s5",sx:{fontSize:"0.65rem !important",color:"primary",textTransform:"capitalize"},children:t.module.replace(/-/g," ")}),
-/* @__PURE__ */e.jsx(r.Box,{sx:{height:5,width:5,borderRadius:"100%",backgroundColor:"primary.main"}})]}),t.subModule&&/* @__PURE__ */e.jsxs(e.Fragment,{children:[
-/* @__PURE__ */e.jsx(s.Typography,{type:"s5",sx:{fontSize:"0.65rem !important",color:"primary",textTransform:"capitalize"},children:i.formatLabel(t.subModule)}),
-/* @__PURE__ */e.jsx(r.Box,{sx:{height:5,width:5,borderRadius:"100%",backgroundColor:"primary.main"}})]}),
-/* @__PURE__ */e.jsx(s.Typography,{type:"s5",color:"primary",sx:{fontSize:"0.65rem !important"},children:t.timestamp})]})]})}),!t.read&&/* @__PURE__ */e.jsx(r.Box,{sx:{width:10,height:10,borderRadius:"50%",backgroundColor:"primary.main",flexShrink:0,mt:.5}})]})},t.id)),k&&/* @__PURE__ */e.jsxs(r.Box,{sx:{display:"flex",justifyContent:"center",py:2.5,px:3},children:[
-/* @__PURE__ */e.jsx(r.CircularProgress,{size:20}),
-/* @__PURE__ */e.jsx(s.Typography,{variant:"body2",sx:{ml:1.5,color:"text.secondary"},children:"Loading more..."})]}),!M.hasMore&&b.length>0&&/* @__PURE__ */e.jsx(r.Box,{sx:{textAlign:"center",py:1.5,px:2},children:/* @__PURE__ */e.jsx(s.Typography,{type:"s3",color:"grey.800",textAlign:"center",children:"No more notifications"})})]}),!P&&!C&&0===b.length&&/* @__PURE__ */e.jsxs(r.Box,{sx:{p:4,textAlign:"center"},children:[
-/* @__PURE__ */e.jsx(E.Notification,{sx:{fontSize:56,color:"text.secondary",mb:2}}),
-/* @__PURE__ */e.jsx(s.Typography,{type:"s1",color:"grey.800",sx:{mb:1},textAlign:"center",children:"No notifications yet"})]})]})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),a=require("../../../../../api-client/api.system-feature/api/index.js"),r=require("../../../../../utils/common/index.js"),n=require("../../../../../utils/format-text/index.js"),i=require("../../../../typography/typography/index.js"),o=require("../../../../../images/index.js"),s=require("../../../../../utils/route-utils/index.js"),d=require("../../../../../constants/pathnames/pathname.accounting/index.js"),l=require("../../../../../constants/pathnames/pathname.rental/index.js"),u=require("../../../../../constants/pathnames/pathname.inventory/index.js"),c=require("../../../../../constants/pathnames/pathname.manufacturing/index.js"),m=require("../../../../../constants/pathnames/pathname.procurement/index.js"),h=require("../../../../../constants/pathnames/pathname.crm/index.js"),g=require("react-router-dom"),x=require("../../../../button/button/index.js"),p=require("../../../../../node_modules/notistack/notistack.esm/index.js"),f=require("../../../../../node_modules/@mui/material/Box/Box/index.js"),j=require("../../../../../node_modules/@mui/material/IconButton/IconButton/index.js"),y=require("../../../../../node_modules/@mui/material/Badge/Badge/index.js"),_=require("../../../../../node_modules/@mui/material/Menu/Menu/index.js"),E=require("../../../../../node_modules/@mui/material/CircularProgress/CircularProgress/index.js"),R=require("../../../../icons/tick/index.js"),S=require("../../../../../node_modules/@mui/material/Skeleton/Skeleton/index.js"),b=require("../../../../../node_modules/@mui/material/Alert/Alert/index.js"),I=require("../../../../../node_modules/@mui/material/MenuItem/MenuItem/index.js"),P=require("../../../../../node_modules/@mui/material/ListItemAvatar/ListItemAvatar/index.js"),v=require("../../../../../node_modules/@mui/material/Avatar/Avatar/index.js"),W=require("../../../../../node_modules/@mui/material/ListItemText/ListItemText/index.js"),C=require("../../../../../node_modules/@mui/icons-material/esm/Person/index.js"),w=require("../../../../../node_modules/@mui/icons-material/esm/CheckCircle/index.js"),T=require("../../../../../node_modules/@mui/icons-material/esm/Warning/index.js"),A=require("../../../../../node_modules/@mui/icons-material/esm/Email/index.js"),k=require("../../../../../node_modules/@mui/icons-material/esm/Assignment/index.js"),q=require("../../../../../node_modules/@mui/icons-material/esm/AccountBalance/index.js"),N=require("../../../../icons/notification/index.js");const M={rbac:o.images.user,document:o.images.document,"accounts-and-finance":o.images.accounting,inventory:o.images.inventory,manufacturing:o.images.manufacturing,sales:o.images.crm,rental:o.images.rental,user:o.images.user,purchase:o.images.procurement,hrms:o.images.hrms},V={rbac:"#F3E5F5",document:"#FFF8E1","accounts-and-finance":"#E8F5E8",inventory:"#E3F2FD",manufacturing:"#FFF3E0",sales:"#F3E5F5",rental:"#E8F5E8",user:"#F3E5F5",purchase:"#FCE4EC",hrms:"#fcfcfc"};exports.default=()=>{const[o,F]=t.useState(null),[G,D]=t.useState([]),[O,B]=t.useState(!1),[z,L]=t.useState(!1),[H,U]=t.useState(null),[$,Y]=t.useState(0),[X,J]=t.useState(!1),[K,Q]=t.useState({skip:0,limit:10,totalCount:0,hasMore:!0}),Z=g.useNavigate(),ee=t.useRef(null),te=t.useRef(!1),ae=Boolean(o),re=t=>{const a={"accounts-and-finance":/* @__PURE__ */e.jsx(q.default,{color:"primary"}),user:/* @__PURE__ */e.jsx(C.default,{color:"action"}),approval:/* @__PURE__ */e.jsx(k.default,{color:"warning"})};return{id:t.id,type:t.action||t.notification_type||"info",title:n.default(t.title),message:t.message,timestamp:(e=>{const t=new Date(e),a=/* @__PURE__ */new Date-t,r=Math.floor(a/6e4),n=Math.floor(a/36e5),i=Math.floor(a/864e5);return r<1?"Just now":r<60?`${r} minute${r>1?"s":""} ago`:n<24?`${n} hour${n>1?"s":""} ago`:i<7?`${i} day${i>1?"s":""} ago`:t.toLocaleDateString()})(t.created_at),read:"read"===t.status,avatar:(e=>{if(!e)return null;const t=e.first_name||"",a=e.last_name||"";return t||a?(t.charAt(0)+a.charAt(0)).toUpperCase():null})(t.performed_user),performedByName:(r=t.performed_user,r&&`${r.first_name||""} ${r.last_name||""}`.trim()||null),module:t.module,subModule:t.sub_module,subModuleId:t.sub_module_id,status:t.status,icon:a[t.module]||a[t.action]||/* @__PURE__ */e.jsx(C.default,{color:"action"})};var r},ne=t.useCallback(async(e=!1)=>{if(!e||!te.current){e?(te.current=!0,L(!0)):(B(!0),Q(e=>({...e,skip:0,hasMore:!0}))),U(null);try{const t=e?K.skip:0,n=await a.getV1Notification({skip:t,limit:K.limit,...r.getToken()});if(!n.success||!n.data)throw Y(0),new Error(n.message||"Failed to load notifications");{const a=n.data.notifications.map(re);D(e?e=>[...e,...a]:a);const r=t+n.data.notifications.length,i=r<n.data.pagination.totalCount;if(Q(e=>({...e,skip:r,totalCount:n.data.pagination.totalCount,hasMore:i})),!e){const e=n.data.pagination.unreadCount;Y(e)}}}catch(t){U("Failed to load notifications")}finally{B(!1),L(!1),e&&(te.current=!1)}}},[K.limit,K.skip]),ie=t.useCallback(e=>{const{scrollTop:t,scrollHeight:a,clientHeight:r}=e.target;t+r>=a-50&&!te.current&&!O&&K.hasMore&&ne(!0)},[ne,O,K.hasMore]),oe=()=>{F(null)},se=t=>{if(t.icon)return t.icon;switch(t.type){case"approval":/* @__PURE__ */
+return e.jsx(k.default,{color:"warning"});case"user":default:/* @__PURE__ */
+return e.jsx(C.default,{color:"action"});case"message":/* @__PURE__ */
+return e.jsx(A.default,{color:"primary"});case"warning":/* @__PURE__ */
+return e.jsx(T.default,{color:"warning"});case"success":/* @__PURE__ */
+return e.jsx(w.default,{color:"success"})}},de=t.useCallback(async()=>{if(!X){if(J(!0),!$)return p.enqueueSnackbar("No unread notifications!"),void J(!1);try{await a.getV1NotificationMarkAllAsRead({...r.getToken()}),D(e=>e.map(e=>({...e,read:!0,status:"read"}))),Y(0)}catch(e){const t=r.getErrorMessage(e.message);p.enqueueSnackbar(t,{variant:"error"})}finally{J(!1)}}},[X,$]);return t.useEffect(()=>{ae||setTimeout(()=>{D([])},500)},[ae]),/* @__PURE__ */e.jsxs(f.default,{children:[
+/* @__PURE__ */e.jsx(j.default,{"aria-label":"notifications","aria-controls":ae?"notification-menu":void 0,"aria-haspopup":"true","aria-expanded":ae?"true":void 0,onClick:e=>{F(e.currentTarget),0===G.length&&ne()},children:/* @__PURE__ */e.jsx(y.default,{badgeContent:$,color:"error",children:/* @__PURE__ */e.jsx(N.Notification,{fontSize:"medium"})})}),
+/* @__PURE__ */e.jsxs(_.default,{id:"notification-menu",anchorEl:o,open:ae,onClose:oe,ref:ee,slotProps:{paper:{sx:{overflow:"visible",minWidth:400,maxWidth:450,maxHeight:520,"&:before":{content:'""',display:"block",position:"absolute",top:0,right:"50%",width:10,height:10,bgcolor:"background.paper",transform:"translateY(-50%) translateX(50%) rotate(45deg)",zIndex:0,border:"1px solid",borderColor:({palette:e})=>e.grey[300]}}}},sx:{"& .MuiList-root":{borderRadius:"8px",maxHeight:520,overflowY:"auto",padding:0}},transformOrigin:{horizontal:"center",vertical:"top"},anchorOrigin:{horizontal:"center",vertical:"bottom"},onScroll:ie,children:[
+/* @__PURE__ */e.jsxs(f.default,{sx:{px:2,py:1,borderBottom:"1px solid #e0e0e0",backgroundColor:"#fafafa"},children:[
+/* @__PURE__ */e.jsx(i.Typography,{type:"h5",weight:"bold",color:"grey.1000",children:"Notifications"}),$>0&&/* @__PURE__ */e.jsxs(f.default,{sx:{display:"flex",justifyContent:"space-between",width:"100%",alignItems:"center"},children:[
+/* @__PURE__ */e.jsxs(i.Typography,{type:"s4",color:"grey.800",children:["You have ",$," unread notification",$>1?"s":""]}),
+/* @__PURE__ */e.jsx(x.default,{variant:"text",startIcon:X?/* @__PURE__ */e.jsx(E.default,{size:15,color:"inherit"}):/* @__PURE__ */e.jsx(R.Tick,{sx:{fontSize:"0.75rem !important"},color:"grey.900"}),sx:{p:0},onClick:de,disabled:$<=0||X,children:/* @__PURE__ */e.jsx(i.Typography,{type:"s4",color:"grey.900",children:"Mark all as read"})})]})]}),O&&0===G.length&&/* @__PURE__ */e.jsxs(e.Fragment,{children:[
+/* @__PURE__ */e.jsx(f.default,{sx:{display:"flex",flexDirection:"column",gap:1,justifyContent:"center",minWidth:400,p:1,m:1,backgroundColor:"grey.200",borderRadius:"8px"},children:/* @__PURE__ */e.jsxs(f.default,{sx:{display:"flex",gap:1},children:[
+/* @__PURE__ */e.jsx(S.default,{variant:"rounded",width:40,height:40}),
+/* @__PURE__ */e.jsxs(f.default,{sx:{display:"flex",flexDirection:"column",gap:.5},children:[
+/* @__PURE__ */e.jsx(S.default,{variant:"rounded",width:360,height:25}),
+/* @__PURE__ */e.jsx(S.default,{variant:"rounded",width:150,height:11}),
+/* @__PURE__ */e.jsx(S.default,{variant:"rounded",width:360,height:11}),
+/* @__PURE__ */e.jsx(S.default,{variant:"rounded",width:360,height:11})]})]})}),
+/* @__PURE__ */e.jsx(f.default,{sx:{display:"flex",flexDirection:"column",gap:1,justifyContent:"center",minWidth:400,p:1,m:1,backgroundColor:"grey.200",borderRadius:"8px"},children:/* @__PURE__ */e.jsxs(f.default,{sx:{display:"flex",gap:1},children:[
+/* @__PURE__ */e.jsx(S.default,{variant:"rounded",width:40,height:40}),
+/* @__PURE__ */e.jsxs(f.default,{sx:{display:"flex",flexDirection:"column",gap:.5},children:[
+/* @__PURE__ */e.jsx(S.default,{variant:"rounded",width:360,height:25}),
+/* @__PURE__ */e.jsx(S.default,{variant:"rounded",width:150,height:11}),
+/* @__PURE__ */e.jsx(S.default,{variant:"rounded",width:360,height:11}),
+/* @__PURE__ */e.jsx(S.default,{variant:"rounded",width:360,height:11})]})]})}),
+/* @__PURE__ */e.jsx(f.default,{sx:{display:"flex",flexDirection:"column",gap:1,justifyContent:"center",minWidth:400,p:1,m:1,backgroundColor:"grey.200",borderRadius:"8px"},children:/* @__PURE__ */e.jsxs(f.default,{sx:{display:"flex",gap:1},children:[
+/* @__PURE__ */e.jsx(S.default,{variant:"rounded",width:40,height:40}),
+/* @__PURE__ */e.jsxs(f.default,{sx:{display:"flex",flexDirection:"column",gap:.5},children:[
+/* @__PURE__ */e.jsx(S.default,{variant:"rounded",width:360,height:25}),
+/* @__PURE__ */e.jsx(S.default,{variant:"rounded",width:150,height:11}),
+/* @__PURE__ */e.jsx(S.default,{variant:"rounded",width:360,height:11}),
+/* @__PURE__ */e.jsx(S.default,{variant:"rounded",width:360,height:11})]})]})})]}),H&&/* @__PURE__ */e.jsx(f.default,{sx:{p:2},children:/* @__PURE__ */e.jsx(b.default,{severity:"error",children:H})}),!O&&!H&&G.length>0&&/* @__PURE__ */e.jsxs(f.default,{sx:{maxHeight:420,overflowY:"auto",p:1},onScroll:ie,children:[G.map(t=>/* @__PURE__ */e.jsx("div",{children:/* @__PURE__ */e.jsxs(I.default,{onClick:()=>(async e=>{const t=G.find(t=>t.id===e);if(!t)return;oe(),"pending"===t.status&&await a.patchV1NotificationMarkAsReadId({id:e,...r.getToken()}),D(t=>t.map(t=>t.id===e?{...t,read:!0}:t)),Y(e=>Math.max(0,e-1));const i=(e=>{var t;const{moduleName:a="",moduleId:r="",notificationData:i={}}=e,o={sales_invoice:()=>s.generateRouteWithId(d.PathnameGenerator(d.PathnameAccounting.VIEW_SALES_INVOICES),r.toString()),asset_transfers:()=>s.generateRouteWithId(d.PathnameGenerator(d.PathnameAccounting.VIEW_ASSET_TRANSFER),r.toString()),budgets:()=>s.generateRouteWithId(d.PathnameGenerator(d.PathnameAccounting.VIEW_BUDGET),r.toString()),cash_expense:()=>s.generateRouteWithId(d.PathnameGenerator(d.PathnameAccounting.VIEW_CASH_EXPENSE),r.toString()),credit_notes:()=>s.generateRouteWithId(d.PathnameGenerator(d.PathnameAccounting.VIEW_CREDIT_NOTE),r.toString()),debit_notes:()=>s.generateRouteWithId(d.PathnameGenerator(d.PathnameAccounting.VIEW_DEBIT_NOTE),r.toString()),expense_reimbursement:()=>s.generateRouteWithId(d.PathnameGenerator(d.PathnameAccounting.VIEW_EXPENSE_REIMBURSEMENT),r.toString()),journal_entries:()=>s.generateRouteWithId(d.PathnameGenerator(d.PathnameAccounting.VIEW_JOURNAL_ENTRY),r.toString()),payment_entries:()=>s.generateRouteWithId(d.PathnameGenerator(d.PathnameAccounting.VIEW_PAYMENT_ENTRY),r.toString()),purchase_invoice:()=>s.generateRouteWithId(d.PathnameGenerator(d.PathnameAccounting.VIEW_PURCHASE_INVOICE),r.toString()),stock_transfer:()=>s.generateRouteWithId(u.PathnameGenerator(u.PathnameInventory.VIEW_STOCK_TRANSFER),r.toString()),bills_of_materials:()=>s.generateRouteWithId(c.PathnameGenerator(c.PathnameManufacturing.VIEW_BILL_OF_MATERIAL),r.toString()),purchase_agreement:()=>s.generateRouteWithId(m.PathnameGenerator(m.PathnamePurchase.VIEW_PURCHASE_AGREEMENT),r.toString()),purchase_orders:()=>{var e;return s.generateRouteWithId(1==(null==(e=null==i?void 0:i.data)?void 0:e.is_rental)?l.ROUTES.VIEW:m.PathnameGenerator(m.PathnamePurchase.VIEW_PURCHASE_ORDER),r.toString())},purchase_request:()=>s.generateRouteWithId(m.PathnameGenerator(m.PathnamePurchase.VIEW_PURCHASE_ORDER),r.toString()),vra:()=>s.generateRouteWithId(m.PathnameGenerator(m.PathnamePurchase.VIEW_VENDOR_RETURNS),r.toString()),sales_customer_returns:()=>s.generateRouteWithId(h.PathnameGenerator(h.PathnameCrm.VIEW_CUSTOMER_RETURNS),r.toString()),sales_order:()=>s.generateRouteWithId(h.PathnameGenerator(h.PathnameCrm.VIEW_SALES_ORDER),r.toString()),rental_order:()=>s.generateRouteWithId(l.PathnameGenerator(l.PathnameRental.VIEW_RENTAL_ORDER),r.toString()),replacement_order:()=>s.generateRouteWithId(l.PathnameGenerator(l.PathnameRental.VIEW_RENTAL_ORDER),r.toString()),rental_agreement:()=>s.generateRouteWithId(l.PathnameGenerator(l.PathnameRental.VIEW_AGREEMENT),r.toString()),cross_hire_order:()=>s.generateRouteWithId(l.PathnameGenerator(l.PathnameRental.VIEW_CROSS_HIRE_ORDER),r.toString()),cross_hire_request:()=>s.generateRouteWithId(l.PathnameGenerator(l.PathnameRental.VIEW_CROSS_HIRE_REQUEST),r.toString())};return(null==(t=o[n.convertToUnderscore(a)])?void 0:t.call(o))||"/dashboard"})({moduleName:t.subModule,moduleId:t.subModuleId,notificationData:t});setTimeout(()=>{Z(i)},300)})(t.id),sx:({palette:e})=>({py:1,px:1,backgroundColor:t.read?"transparent":e.theme.grey[200],border:`1px solid ${e.grey[200]}`,marginBottom:"4px !important","&:hover":{backgroundColor:e.theme.grey[200]},alignItems:"flex-start",minHeight:"auto"}),children:[
+/* @__PURE__ */e.jsx(P.default,{sx:{minWidth:48,mt:0},children:(null==M?void 0:M[t.module])?/* @__PURE__ */e.jsx(v.default,{sx:{width:40,height:40,fontSize:"0.875rem",bgcolor:V[t.module]||"primary.main",color:"white",borderRadius:"8px",boxShadow:"0 2px 8px rgba(0,0,0,0.1)","& img":{width:"28px",height:"28px",objectFit:"contain"}},src:null==M?void 0:M[t.module]}):/* @__PURE__ */e.jsx(e.Fragment,{children:t.avatar?/* @__PURE__ */e.jsx(v.default,{sx:{width:40,height:40,fontSize:"0.875rem",bgcolor:"primary.main",color:"white",borderRadius:"8px",boxShadow:"0 2px 8px rgba(0,0,0,0.1)"},children:t.avatar}):/* @__PURE__ */e.jsx(v.default,{sx:{width:36,height:36,bgcolor:"grey.100",color:"grey.600",borderRadius:"8px",boxShadow:"0 2px 8px rgba(0,0,0,0.1)"},children:se(t)})})}),
+/* @__PURE__ */e.jsx(W.default,{sx:{margin:0,pr:1},primary:/* @__PURE__ */e.jsxs(f.default,{sx:{mb:.5},children:[
+/* @__PURE__ */e.jsx(i.Typography,{type:"s3",weight:"bold",color:"grey.1000",children:t.title}),t.performedByName&&/* @__PURE__ */e.jsxs(i.Typography,{type:"s5",color:"grey.500",sx:{fontSize:"0.7rem !important",fontStyle:"italic",display:"block"},children:["by ",t.performedByName]})]}),secondary:/* @__PURE__ */e.jsxs(f.default,{children:[
+/* @__PURE__ */e.jsx(i.Typography,{type:"s4",color:"grey.800",sx:{mb:1,lineHeight:1.4},children:t.message}),
+/* @__PURE__ */e.jsxs(f.default,{sx:{display:"flex",alignItems:"center",gap:.5},children:[t.module&&/* @__PURE__ */e.jsxs(e.Fragment,{children:[
+/* @__PURE__ */e.jsx(i.Typography,{type:"s5",sx:{fontSize:"0.65rem !important",color:"primary",textTransform:"capitalize"},children:t.module.replace(/-/g," ")}),
+/* @__PURE__ */e.jsx(f.default,{sx:{height:5,width:5,borderRadius:"100%",backgroundColor:"primary.main"}})]}),t.subModule&&/* @__PURE__ */e.jsxs(e.Fragment,{children:[
+/* @__PURE__ */e.jsx(i.Typography,{type:"s5",sx:{fontSize:"0.65rem !important",color:"primary",textTransform:"capitalize"},children:n.formatLabel(t.subModule)}),
+/* @__PURE__ */e.jsx(f.default,{sx:{height:5,width:5,borderRadius:"100%",backgroundColor:"primary.main"}})]}),
+/* @__PURE__ */e.jsx(i.Typography,{type:"s5",color:"primary",sx:{fontSize:"0.65rem !important"},children:t.timestamp})]})]})}),!t.read&&/* @__PURE__ */e.jsx(f.default,{sx:{width:10,height:10,borderRadius:"50%",backgroundColor:"primary.main",flexShrink:0,mt:.5}})]})},t.id)),z&&/* @__PURE__ */e.jsxs(f.default,{sx:{display:"flex",justifyContent:"center",py:2.5,px:3},children:[
+/* @__PURE__ */e.jsx(E.default,{size:20}),
+/* @__PURE__ */e.jsx(i.Typography,{variant:"body2",sx:{ml:1.5,color:"text.secondary"},children:"Loading more..."})]}),!K.hasMore&&G.length>0&&/* @__PURE__ */e.jsx(f.default,{sx:{textAlign:"center",py:1.5,px:2},children:/* @__PURE__ */e.jsx(i.Typography,{type:"s3",color:"grey.800",textAlign:"center",children:"No more notifications"})})]}),!O&&!H&&0===G.length&&/* @__PURE__ */e.jsxs(f.default,{sx:{p:4,textAlign:"center"},children:[
+/* @__PURE__ */e.jsx(N.Notification,{sx:{fontSize:56,color:"text.secondary",mb:2}}),
+/* @__PURE__ */e.jsx(i.Typography,{type:"s1",color:"grey.800",sx:{mb:1},textAlign:"center",children:"No notifications yet"})]})]})]})};
 //# sourceMappingURL=index.js.map