@erpsquad/common 1.8.40 → 1.8.42

package/dist/components/grid/custom-grid-card/custom-grid-card/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/grid/custom-grid-card/custom-grid-card.tsx"],"sourcesContent":["import { Box, Card, CardContent, IconButton, MenuItem } from '@mui/material';\nimport React, { useState } from 'react';\nimport Typography, { ITypography } from '../../typography/typography';\nimport { MoreIcon } from '../../icons';\nimport { formatDate } from '../../../utils/dateFormat';\n// import Chip from '../../chip/chip';\nimport Menu from '../../menu/menu';\n\ninterface CustomGridCardProps {\n\ttitle: React.ReactNode | string;\n\tsubTitle?: React.ReactNode | string;\n\tchildren?: React.ReactNode | string;\n\ttitleProps?: ITypography;\n\tdata: Record<any, any>;\n\trowActionMenu: any[];\n\tdestructiveActionMenu: any[];\n}\n\nconst CustomGridCard: React.FC<CustomGridCardProps> = ({\n\ttitle,\n\tsubTitle,\n\tchildren,\n\tdata,\n\trowActionMenu,\n\tdestructiveActionMenu\n}) => {\n\tconst [rowAnchorEl, setRowAnchorEl] = useState<HTMLElement | null>(null);\n\tconst [row, setRow] = useState<[] | null>(null);\n\n\tconst handleMenuOpen = (\n\t\te: React.MouseEvent<HTMLButtonElement>,\n\t\tcurrencyRow: []\n\t) => {\n\t\tsetRow(currencyRow);\n\t\tsetRowAnchorEl(e.currentTarget);\n\t};\n\n\treturn (\n\t\t<Card\n\t\t\tsx={{\n\t\t\t\twidth: '16.625rem',\n\t\t\t\tborderRadius: '0.5rem',\n\t\t\t\tborder: '0.5px solid #eeeff1',\n\t\t\t\t// backgroundColor: 'theme.secondary.100',\n\t\t\t\tboxShadow: `\n              0px 0px 2px 0px #e0e0e0,\n              0px 1px 4px -2px rgba(24, 39, 75, 0.02),\n              0px 4px 4px -2px rgba(24, 39, 75, 0.06);`\n\t\t\t\t// m: 3\n\t\t\t}}>\n\t\t\t<CardContent\n\t\t\t\tsx={{\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\tpadding: '1rem 1rem 1.25rem 1rem',\n\t\t\t\t\tjustifyContent: 'space-between',\n\t\t\t\t\talignItems: 'flex-start',\n\t\t\t\t\tflexShrink: 0\n\t\t\t\t}}>\n\t\t\t\t{/* Title & More Button */}\n\t\t\t\t<Box\n\t\t\t\t\tsx={{\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\tjustifyContent: 'space-between',\n\t\t\t\t\t\talignItems: 'flex-start'\n\t\t\t\t\t\t// marginBottom: 1\n\t\t\t\t\t}}>\n\t\t\t\t\t<Typography type='s3' weight='medium' color='theme.secondary.1000'>\n\t\t\t\t\t\t{title}\n\t\t\t\t\t</Typography>\n\t\t\t\t\t<IconButton\n\t\t\t\t\t\tcolor='inherit'\n\t\t\t\t\t\tsize='small'\n\t\t\t\t\t\tonClick={(e) => handleMenuOpen(e, data)}>\n\t\t\t\t\t\t<MoreIcon\n\t\t\t\t\t\t\tsx={{ transform: 'rotate(90deg)' }}\n\t\t\t\t\t\t\torient='vertical'\n\t\t\t\t\t\t\tfontSize='small'\n\t\t\t\t\t\t/>\n\t\t\t\t\t</IconButton>\n\t\t\t\t</Box>\n\t\t\t\t{/* Sub Title */}\n\t\t\t\t<Box>\n\t\t\t\t\t<Typography type='s4' color='theme.secondary.800'>\n\t\t\t\t\t\t{subTitle}\n\t\t\t\t\t</Typography>\n\t\t\t\t</Box>\n\t\t\t\t{children}\n\t\t\t\t{data?.created_at && (\n\t\t\t\t\t<Box>\n\t\t\t\t\t\t<Typography type='s4' color='theme.secondary.800'>\n\t\t\t\t\t\t\tCreated On {formatDate(data?.created_at, 'DD MMM, YYYY')}\n\t\t\t\t\t\t</Typography>\n\t\t\t\t\t</Box>\n\t\t\t\t)}\n\t\t\t</CardContent>\n\n\t\t\t{/* Action Menu */}\n\t\t\t<Menu\n\t\t\t\tanchorEl={rowAnchorEl}\n\t\t\t\topen={Boolean(rowAnchorEl)}\n\t\t\t\tonClose={() => setRowAnchorEl(null)}>\n\t\t\t\t<Box>\n\t\t\t\t\t{rowActionMenu.map((item) => (\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\trow && item.handleAction(row);\n\t\t\t\t\t\t\t\tsetRowAnchorEl(null);\n\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t<Typography type='s4' color='inherit'>\n\t\t\t\t\t\t\t\t{item.label}\n\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t))}\n\t\t\t\t</Box>\n\t\t\t\t<Box className='dropdown-inner--DestructiveHeader'>\n\t\t\t\t\t{destructiveActionMenu.map((item) => (\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\trow && item.handleAction(row);\n\t\t\t\t\t\t\t\tsetRowAnchorEl(null);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tclassName='dropdown-inner--DestructiveActions'>\n\t\t\t\t\t\t\t<Typography type='s4' color='inherit'>\n\t\t\t\t\t\t\t\t{item.label}\n\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t))}\n\t\t\t\t</Box>\n\t\t\t</Menu>\n\t\t</Card>\n\t);\n};\n\nexport default CustomGridCard;\n"],"names":["title","subTitle","children","data","rowActionMenu","destructiveActionMenu","rowAnchorEl","setRowAnchorEl","useState","row","setRow","jsxs","Card","sx","width","borderRadius","border","boxShadow","CardContent","display","flexDirection","padding","justifyContent","alignItems","flexShrink","Box","jsx","Typography","type","weight","color","IconButton","size","onClick","e","currencyRow","currentTarget","handleMenuOpen","MoreIcon","transform","orient","fontSize","created_at","formatDate","Menu","anchorEl","open","Boolean","onClose","map","item","MenuItem","handleAction","label","className"],"mappings":"gWAkBsD,EACrDA,QACAC,WACAC,WACAC,OACAC,gBACAC,4BAEA,MAAOC,EAAaC,GAAkBC,EAAAA,SAA6B,OAC5DC,EAAKC,GAAUF,EAAAA,SAAoB;AAU1C,OACCG,EAAAA,KAACC,EAAAA,KAAA,CACAC,GAAI,CACHC,MAAO,YACPC,aAAc,SACdC,OAAQ,sBAERC,UAAW,4JAMZf,SAAA;eAAAS,EAAAA,KAACO,EAAAA,YAAA,CACAL,GAAI,CACHM,QAAS,OACTC,cAAe,SACfC,QAAS,yBACTC,eAAgB,gBAChBC,WAAY,aACZC,WAAY,GAGbtB,SAAA;eAAAS,EAAAA,KAACc,EAAAA,IAAA,CACAZ,GAAI,CACHM,QAAS,OACTL,MAAO,OACPQ,eAAgB,gBAChBC,WAAY,cAGbrB,SAAA;eAAAwB,EAAAA,IAACC,EAAAA,YAAWC,KAAK,KAAKC,OAAO,SAASC,MAAM,uBAC1C5B,SAAAF;eAEF0B,EAAAA,IAACK,EAAAA,WAAA,CACAD,MAAM,UACNE,KAAK,QACLC,QAAUC,GA7CQ,EACtBA,EACAC,KAEAzB,EAAOyB,GACP5B,EAAe2B,EAAEE,gBAwCGC,CAAeH,EAAG/B,GAClCD,wBAAAwB,EAAAA,IAACY,EAAAA,SAAA,CACAzB,GAAI,CAAE0B,UAAW,iBACjBC,OAAO,WACPC,SAAS;iBAKZf,IAACD,EAAAA,KACAvB,0BAAAwB,IAACC,EAAAA,WAAA,CAAWC,KAAK,KAAKE,MAAM,sBAC1B5B,SAAAD,MAGFC,SACAC,WAAMuC,4BACNhB,EAAAA,IAACD,EAAAA,IAAA,CACAvB,+BAACyB,EAAAA,WAAA,CAAWC,KAAK,KAAKE,MAAM,sBAAsB5B,SAAA,CAAA,cACrCyC,aAAW,MAAAxC,OAAA,EAAAA,EAAMuC,WAAY;eAO7C/B,EAAAA,KAACiC,EAAAA,QAAA,CACAC,SAAUvC,EACVwC,KAAMC,QAAQzC,GACd0C,QAAS,IAAMzC,EAAe,MAC9BL,SAAA;eAAAwB,EAAAA,IAACD,EAAAA,IAAA,CACCvB,SAAAE,EAAc6C,IAAKC,kBACnBxB,EAAAA,IAACyB,EAAAA,SAAA,CACAlB,QAAS,KACRxB,GAAOyC,EAAKE,aAAa3C,GACzBF,EAAe,OAEhBL,8BAACyB,aAAA,CAAWC,KAAK,KAAKE,MAAM,UAC1B5B,WAAKmD;qBAKT5B,EAAAA,IAAA,CAAI6B,UAAU,oCACbpD,SAAAG,EAAsB4C,IAAKC,kBAC3BxB,EAAAA,IAACyB,EAAAA,SAAA,CACAlB,QAAS,KACRxB,GAAOyC,EAAKE,aAAa3C,GACzBF,EAAe,OAEhB+C,UAAU,qCACVpD,8BAACyB,aAAA,CAAWC,KAAK,KAAKE,MAAM,UAC1B5B,WAAKmD"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/grid/custom-grid-card/custom-grid-card.tsx"],"sourcesContent":["import { Box, Card, CardContent, IconButton, MenuItem } from '@mui/material';\nimport React, { useState } from 'react';\nimport Typography, { ITypography } from '../../typography/typography';\nimport { MoreIcon } from '../../icons';\nimport { formatDate } from '../../../utils/dateFormat';\n// import Chip from '../../chip/chip';\nimport Menu from '../../menu/menu';\n\ninterface CustomGridCardProps {\n\ttitle: React.ReactNode | string;\n\tsubTitle?: React.ReactNode | string;\n\tchildren?: React.ReactNode | string;\n\ttitleProps?: ITypography;\n\tdata: Record<any, any>;\n\trowActionMenu: any[];\n\tdestructiveActionMenu: any[];\n}\n\nconst CustomGridCard: React.FC<CustomGridCardProps> = ({\n\ttitle,\n\tsubTitle,\n\tchildren,\n\tdata,\n\trowActionMenu,\n\tdestructiveActionMenu\n}) => {\n\tconst [rowAnchorEl, setRowAnchorEl] = useState<HTMLElement | null>(null);\n\tconst [row, setRow] = useState<[] | null>(null);\n\n\tconst handleMenuOpen = (\n\t\te: React.MouseEvent<HTMLButtonElement>,\n\t\tcurrencyRow: []\n\t) => {\n\t\tsetRow(currencyRow);\n\t\tsetRowAnchorEl(e.currentTarget);\n\t};\n\n\treturn (\n\t\t<Card\n\t\t\tsx={{\n\t\t\t\twidth: '16.625rem',\n\t\t\t\tborderRadius: '0.5rem',\n\t\t\t\tborder: '0.5px solid #eeeff1',\n\t\t\t\t// backgroundColor: 'theme.secondary.100',\n\t\t\t\tboxShadow: `\n              0px 0px 2px 0px #e0e0e0,\n              0px 1px 4px -2px rgba(24, 39, 75, 0.02),\n              0px 4px 4px -2px rgba(24, 39, 75, 0.06);`\n\t\t\t\t// m: 3\n\t\t\t}}>\n\t\t\t<CardContent\n\t\t\t\tsx={{\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\tpadding: '1rem 1rem 1.25rem 1rem',\n\t\t\t\t\tjustifyContent: 'space-between',\n\t\t\t\t\talignItems: 'flex-start',\n\t\t\t\t\tflexShrink: 0\n\t\t\t\t}}>\n\t\t\t\t{/* Title & More Button */}\n\t\t\t\t<Box\n\t\t\t\t\tsx={{\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\tjustifyContent: 'space-between',\n\t\t\t\t\t\talignItems: 'flex-start'\n\t\t\t\t\t\t// marginBottom: 1\n\t\t\t\t\t}}>\n\t\t\t\t\t<Typography type='s3' weight='medium' color='theme.secondary.1000'>\n\t\t\t\t\t\t{title}\n\t\t\t\t\t</Typography>\n\t\t\t\t\t<IconButton\n\t\t\t\t\t\tcolor='inherit'\n\t\t\t\t\t\tsize='small'\n\t\t\t\t\t\tonClick={(e) => handleMenuOpen(e, data)}>\n\t\t\t\t\t\t<MoreIcon\n\t\t\t\t\t\t\tsx={{ transform: 'rotate(90deg)' }}\n\t\t\t\t\t\t\torient='vertical'\n\t\t\t\t\t\t\tfontSize='small'\n\t\t\t\t\t\t/>\n\t\t\t\t\t</IconButton>\n\t\t\t\t</Box>\n\t\t\t\t{/* Sub Title */}\n\t\t\t\t<Box>\n\t\t\t\t\t<Typography type='s4' color='theme.secondary.800'>\n\t\t\t\t\t\t{subTitle}\n\t\t\t\t\t</Typography>\n\t\t\t\t</Box>\n\t\t\t\t{children}\n\t\t\t\t{data?.created_at && (\n\t\t\t\t\t<Box>\n\t\t\t\t\t\t<Typography type='s4' color='theme.secondary.800'>\n\t\t\t\t\t\t\tCreated On {formatDate(data?.created_at, 'DD MMM, YYYY')}\n\t\t\t\t\t\t</Typography>\n\t\t\t\t\t</Box>\n\t\t\t\t)}\n\t\t\t</CardContent>\n\n\t\t\t{/* Action Menu */}\n\t\t\t<Menu\n\t\t\t\tanchorEl={rowAnchorEl}\n\t\t\t\topen={Boolean(rowAnchorEl)}\n\t\t\t\tonClose={() => setRowAnchorEl(null)}>\n\t\t\t\t<Box>\n\t\t\t\t\t{rowActionMenu.map((item) => (\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\trow && item.handleAction(row);\n\t\t\t\t\t\t\t\tsetRowAnchorEl(null);\n\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t<Typography type='s4' color='inherit'>\n\t\t\t\t\t\t\t\t{item.label}\n\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t))}\n\t\t\t\t</Box>\n\t\t\t\t<Box className='dropdown-inner--DestructiveHeader'>\n\t\t\t\t\t{destructiveActionMenu.map((item) => (\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\trow && item.handleAction(row);\n\t\t\t\t\t\t\t\tsetRowAnchorEl(null);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tclassName='dropdown-inner--DestructiveActions'>\n\t\t\t\t\t\t\t<Typography type='s4' color='inherit'>\n\t\t\t\t\t\t\t\t{item.label}\n\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t))}\n\t\t\t\t</Box>\n\t\t\t</Menu>\n\t\t</Card>\n\t);\n};\n\nexport default CustomGridCard;\n"],"names":["title","subTitle","children","data","rowActionMenu","destructiveActionMenu","rowAnchorEl","setRowAnchorEl","useState","row","setRow","jsxs","Card","sx","width","borderRadius","border","boxShadow","CardContent","display","flexDirection","padding","justifyContent","alignItems","flexShrink","Box","jsx","Typography","type","weight","color","IconButton","size","onClick","e","currencyRow","currentTarget","handleMenuOpen","MoreIcon","transform","orient","fontSize","created_at","formatDate","Menu","anchorEl","open","Boolean","onClose","map","item","MenuItem","handleAction","label","className"],"mappings":"wsBAkBsD,EACrDA,QACAC,WACAC,WACAC,OACAC,gBACAC,4BAEA,MAAOC,EAAaC,GAAkBC,EAAAA,SAA6B,OAC5DC,EAAKC,GAAUF,EAAAA,SAAoB;AAU1C,OACCG,EAAAA,KAACC,EAAAA,QAAA,CACAC,GAAI,CACHC,MAAO,YACPC,aAAc,SACdC,OAAQ,sBAERC,UAAW,4JAMZf,SAAA;eAAAS,EAAAA,KAACO,EAAAA,QAAA,CACAL,GAAI,CACHM,QAAS,OACTC,cAAe,SACfC,QAAS,yBACTC,eAAgB,gBAChBC,WAAY,aACZC,WAAY,GAGbtB,SAAA;eAAAS,EAAAA,KAACc,EAAAA,QAAA,CACAZ,GAAI,CACHM,QAAS,OACTL,MAAO,OACPQ,eAAgB,gBAChBC,WAAY,cAGbrB,SAAA;eAAAwB,EAAAA,IAACC,EAAAA,YAAWC,KAAK,KAAKC,OAAO,SAASC,MAAM,uBAC1C5B,SAAAF;eAEF0B,EAAAA,IAACK,EAAAA,QAAA,CACAD,MAAM,UACNE,KAAK,QACLC,QAAUC,GA7CQ,EACtBA,EACAC,KAEAzB,EAAOyB,GACP5B,EAAe2B,EAAEE,gBAwCGC,CAAeH,EAAG/B,GAClCD,wBAAAwB,EAAAA,IAACY,EAAAA,SAAA,CACAzB,GAAI,CAAE0B,UAAW,iBACjBC,OAAO,WACPC,SAAS;iBAKZf,IAACD,EAAAA,SACAvB,0BAAAwB,IAACC,EAAAA,WAAA,CAAWC,KAAK,KAAKE,MAAM,sBAC1B5B,SAAAD,MAGFC,SACAC,WAAMuC,4BACNhB,EAAAA,IAACD,EAAAA,QAAA,CACAvB,+BAACyB,EAAAA,WAAA,CAAWC,KAAK,KAAKE,MAAM,sBAAsB5B,SAAA,CAAA,cACrCyC,aAAW,MAAAxC,OAAA,EAAAA,EAAMuC,WAAY;eAO7C/B,EAAAA,KAACiC,EAAAA,QAAA,CACAC,SAAUvC,EACVwC,KAAMC,QAAQzC,GACd0C,QAAS,IAAMzC,EAAe,MAC9BL,SAAA;eAAAwB,EAAAA,IAACD,EAAAA,QAAA,CACCvB,SAAAE,EAAc6C,IAAKC,kBACnBxB,EAAAA,IAACyB,EAAAA,QAAA,CACAlB,QAAS,KACRxB,GAAOyC,EAAKE,aAAa3C,GACzBF,EAAe,OAEhBL,8BAACyB,aAAA,CAAWC,KAAK,KAAKE,MAAM,UAC1B5B,WAAKmD;qBAKT5B,EAAAA,QAAA,CAAI6B,UAAU,oCACbpD,SAAAG,EAAsB4C,IAAKC,kBAC3BxB,EAAAA,IAACyB,EAAAA,QAAA,CACAlB,QAAS,KACRxB,GAAOyC,EAAKE,aAAa3C,GACzBF,EAAe,OAEhB+C,UAAU,qCACVpD,8BAACyB,aAAA,CAAWC,KAAK,KAAKE,MAAM,UAC1B5B,WAAKmD"}

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

@@ -1,8 +1,8 @@
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-import Box from "@mui/material/Box";
-import Card from "@mui/material/Card";
-import CardContent from "@mui/material/CardContent";
 import { Typography } from "../../../typography/typography/index.esm.js";
+import Card from "../../../../node_modules/@mui/material/Card/Card/index.esm.js";
+import CardContent from "../../../../node_modules/@mui/material/CardContent/CardContent/index.esm.js";
+import Box from "../../../../node_modules/@mui/material/Box/Box/index.esm.js";
 const GridCardMarkup = (props) => {
   return /* @__PURE__ */ jsx(
     Card,

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

@@ -1,12 +1,12 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@mui/material/Box"),t=require("@mui/material/Card"),a=require("@mui/material/CardContent"),n=require("../../../typography/typography/index.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=/* @__PURE__ */s(r),d=/* @__PURE__ */s(t),i=/* @__PURE__ */s(a);const l=r=>/* @__PURE__ */e.jsx(d.default,{sx:{width:"16.625rem",borderRadius:"0.5rem",border:"0.5px solid theme.secondary.200, #F5F6F5",backgroundColor:"theme.secondary.100",boxShadow:"\n                0px 0px 2px 0px #E0E0E0, \n                0px 1px 4px - 2px rgba(24, 39, 75, 0.02), \n                0px 4px 4px - 2px rgba(24, 39, 75, 0.06)",m:3},children:/* @__PURE__ */e.jsxs(i.default,{sx:{display:"flex",flexDirection:"column",padding:"1rem 1rem 1.25rem 1rem",justifyContent:"space-between",alignItems:"flex-start",flexShrink:0},children:[
-/* @__PURE__ */e.jsxs(o.default,{sx:{display:"flex",width:"100%",justifyContent:"space-between",marginBottom:1},children:[
-/* @__PURE__ */e.jsxs(o.default,{children:[
-/* @__PURE__ */e.jsx(n.Typography,{type:"s3",weight:"medium",children:r.data.name||"Kristin Watson"}),
-/* @__PURE__ */e.jsx(n.Typography,{type:"s3",color:"theme.secondary.800",children:r.data.company||"Barone LLC."})]}),
-/* @__PURE__ */e.jsx(o.default,{children:/* @__PURE__ */e.jsx(n.Typography,{type:"s4",sx:{padding:"0.25rem 0.375rem",gap:"0.5rem",borderRadius:"0.5rem",backgroundColor:"theme.secondary.200"},color:"theme.secondary.900",children:r.data.status||"Lost"})})]}),
-/* @__PURE__ */e.jsx(n.Typography,{type:"s3",sx:{overflow:"hidden",color:"theme.secondary.900",textDecorationLine:"underline"},children:r.data.email||"kristen.watson@example.com"}),
-/* @__PURE__ */e.jsxs(o.default,{sx:{mt:"1.25rem",display:"flex",alignItems:"center"},children:[
-/* @__PURE__ */e.jsx(n.Typography,{type:"s3",sx:{mr:".2rem"},color:"theme.secondary.900",children:r.data.amount||"$10,000,000"}),
-/* @__PURE__ */e.jsx(n.Typography,{type:"s4",color:"theme.secondary.800",children:"est value"})]})]})});exports.default=function(r){/* @__PURE__ */
-return e.jsx(e.Fragment,{children:r.data.map(r=>/* @__PURE__ */e.jsx(l,{data:r}))})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../../typography/typography/index.js"),a=require("../../../../node_modules/@mui/material/Card/Card/index.js"),t=require("../../../../node_modules/@mui/material/CardContent/CardContent/index.js"),s=require("../../../../node_modules/@mui/material/Box/Box/index.js");const d=d=>/* @__PURE__ */e.jsx(a.default,{sx:{width:"16.625rem",borderRadius:"0.5rem",border:"0.5px solid theme.secondary.200, #F5F6F5",backgroundColor:"theme.secondary.100",boxShadow:"\n                0px 0px 2px 0px #E0E0E0, \n                0px 1px 4px - 2px rgba(24, 39, 75, 0.02), \n                0px 4px 4px - 2px rgba(24, 39, 75, 0.06)",m:3},children:/* @__PURE__ */e.jsxs(t.default,{sx:{display:"flex",flexDirection:"column",padding:"1rem 1rem 1.25rem 1rem",justifyContent:"space-between",alignItems:"flex-start",flexShrink:0},children:[
+/* @__PURE__ */e.jsxs(s.default,{sx:{display:"flex",width:"100%",justifyContent:"space-between",marginBottom:1},children:[
+/* @__PURE__ */e.jsxs(s.default,{children:[
+/* @__PURE__ */e.jsx(r.Typography,{type:"s3",weight:"medium",children:d.data.name||"Kristin Watson"}),
+/* @__PURE__ */e.jsx(r.Typography,{type:"s3",color:"theme.secondary.800",children:d.data.company||"Barone LLC."})]}),
+/* @__PURE__ */e.jsx(s.default,{children:/* @__PURE__ */e.jsx(r.Typography,{type:"s4",sx:{padding:"0.25rem 0.375rem",gap:"0.5rem",borderRadius:"0.5rem",backgroundColor:"theme.secondary.200"},color:"theme.secondary.900",children:d.data.status||"Lost"})})]}),
+/* @__PURE__ */e.jsx(r.Typography,{type:"s3",sx:{overflow:"hidden",color:"theme.secondary.900",textDecorationLine:"underline"},children:d.data.email||"kristen.watson@example.com"}),
+/* @__PURE__ */e.jsxs(s.default,{sx:{mt:"1.25rem",display:"flex",alignItems:"center"},children:[
+/* @__PURE__ */e.jsx(r.Typography,{type:"s3",sx:{mr:".2rem"},color:"theme.secondary.900",children:d.data.amount||"$10,000,000"}),
+/* @__PURE__ */e.jsx(r.Typography,{type:"s4",color:"theme.secondary.800",children:"est value"})]})]})});exports.default=function(r){/* @__PURE__ */
+return e.jsx(e.Fragment,{children:r.data.map(r=>/* @__PURE__ */e.jsx(d,{data:r}))})};
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/grid/grid-card/grid-card.tsx"],"sourcesContent":["import Box from \"@mui/material/Box\";\nimport Card from \"@mui/material/Card\";\n// import CardActions from '@mui/material/CardActions';\nimport CardContent from \"@mui/material/CardContent\";\n// import Button from '@mui/material/Button';\nimport Typography from \"../../typography/typography\";\n\ninterface GridCard {\n  name: string;\n  company: string;\n  status: string;\n  email: string;\n  amount: string;\n}\n\nconst GridCardMarkup = (props: any) => {\n  return (\n    <Card\n      sx={{\n        width: \"16.625rem\",\n        borderRadius: \"0.5rem\",\n        border: \"0.5px solid theme.secondary.200, #F5F6F5\",\n        backgroundColor: \"theme.secondary.100\",\n        boxShadow: `\n                0px 0px 2px 0px #E0E0E0, \n                0px 1px 4px - 2px rgba(24, 39, 75, 0.02), \n                0px 4px 4px - 2px rgba(24, 39, 75, 0.06)`,\n        m: 3,\n      }}\n    >\n      <CardContent\n        sx={{\n          display: \"flex\",\n          flexDirection: \"column\",\n          padding: \"1rem 1rem 1.25rem 1rem\",\n          justifyContent: \"space-between\",\n          alignItems: \"flex-start\",\n          flexShrink: 0,\n        }}\n      >\n        <Box\n          sx={{\n            display: \"flex\",\n            width: \"100%\",\n            justifyContent: \"space-between\",\n            marginBottom: 1,\n          }}\n        >\n          <Box>\n            <Typography type=\"s3\" weight=\"medium\">\n              {props.data.name || \"Kristin Watson\"}\n            </Typography>\n            <Typography type=\"s3\" color=\"theme.secondary.800\">\n              {props.data.company || \"Barone LLC.\"}\n            </Typography>\n          </Box>\n          <Box>\n            <Typography\n              type=\"s4\"\n              sx={{\n                padding: \"0.25rem 0.375rem\",\n                gap: \"0.5rem\",\n                borderRadius: \"0.5rem\",\n                backgroundColor: \"theme.secondary.200\",\n              }}\n              color=\"theme.secondary.900\"\n            >\n              {props.data.status || \"Lost\"}\n            </Typography>\n          </Box>\n        </Box>\n        <Typography\n          type=\"s3\"\n          sx={{\n            overflow: \"hidden\",\n            color: \"theme.secondary.900\",\n            textDecorationLine: \"underline\",\n          }}\n        >\n          {props.data.email || \"kristen.watson@example.com\"}\n        </Typography>\n        <Box sx={{ mt: \"1.25rem\", display: \"flex\", alignItems: \"center\" }}>\n          <Typography\n            type=\"s3\"\n            sx={{ mr: \".2rem\" }}\n            color=\"theme.secondary.900\"\n          >\n            {props.data.amount || \"$10,000,000\"}\n          </Typography>\n          <Typography type=\"s4\" color=\"theme.secondary.800\">\n            est value\n          </Typography>\n        </Box>\n      </CardContent>\n      {/* <CardActions>\n                <Button size=\"small\">Learn More</Button>\n            </CardActions> */}\n    </Card>\n  );\n};\n\nexport default function GridCard(props: any) {\n  return (\n    <>\n      {props.data.map((cardData: GridCard) => {\n        return <GridCardMarkup data={cardData} />;\n      })}\n    </>\n  );\n}\n"],"names":["GridCardMarkup","props","jsx","Card","sx","width","borderRadius","border","backgroundColor","boxShadow","m","children","jsxs","CardContent","display","flexDirection","padding","justifyContent","alignItems","flexShrink","Box","marginBottom","Typography","type","weight","data","name","color","company","gap","status","overflow","textDecorationLine","email","mt","mr","amount","Fragment","map","cardData"],"mappings":"gZAeA,MAAMA,EAAkBC,kBAEpBC,EAAAA,IAACC,EAAAA,QAAA,CACCC,GAAI,CACFC,MAAO,YACPC,aAAc,SACdC,OAAQ,2CACRC,gBAAiB,sBACjBC,UAAW,oKAIXC,EAAG,GAGLC,wBAAAC,EAAAA,KAACC,EAAAA,QAAA,CACCT,GAAI,CACFU,QAAS,OACTC,cAAe,SACfC,QAAS,yBACTC,eAAgB,gBAChBC,WAAY,aACZC,WAAY,GAGdR,SAAA;eAAAC,EAAAA,KAACQ,EAAAA,QAAA,CACChB,GAAI,CACFU,QAAS,OACTT,MAAO,OACPY,eAAgB,gBAChBI,aAAc,GAGhBV,SAAA;eAAAC,OAACQ,EAAAA,QAAA,CACCT,SAAA;eAAAT,EAAAA,IAACoB,EAAAA,WAAA,CAAWC,KAAK,KAAKC,OAAO,SAC1Bb,SAAAV,EAAMwB,KAAKC,MAAQ;eAEtBxB,EAAAA,IAACoB,EAAAA,YAAWC,KAAK,KAAKI,MAAM,sBACzBhB,SAAAV,EAAMwB,KAAKG,SAAW;qBAG1BR,EAAAA,QAAA,CACCT,wBAAAT,EAAAA,IAACoB,EAAAA,WAAA,CACCC,KAAK,KACLnB,GAAI,CACFY,QAAS,mBACTa,IAAK,SACLvB,aAAc,SACdE,gBAAiB,uBAEnBmB,MAAM,sBAELhB,SAAAV,EAAMwB,KAAKK,QAAU;eAI5B5B,EAAAA,IAACoB,EAAAA,WAAA,CACCC,KAAK,KACLnB,GAAI,CACF2B,SAAU,SACVJ,MAAO,sBACPK,mBAAoB,aAGrBrB,SAAAV,EAAMwB,KAAKQ,OAAS;eAEvBrB,EAAAA,KAACQ,EAAAA,QAAA,CAAIhB,GAAI,CAAE8B,GAAI,UAAWpB,QAAS,OAAQI,WAAY,UACrDP,SAAA;eAAAT,EAAAA,IAACoB,EAAAA,WAAA,CACCC,KAAK,KACLnB,GAAI,CAAE+B,GAAI,SACVR,MAAM,sBAELhB,SAAAV,EAAMwB,KAAKW,QAAU;qBAEvBd,EAAAA,WAAA,CAAWC,KAAK,KAAKI,MAAM,sBAAsBhB,SAAA,sCAY5D,SAAiCV;AAC/B,OACEC,EAAAA,IAAAmC,EAAAA,SAAA,CACG1B,SAAAV,EAAMwB,KAAKa,IAAKC,oBACRrC,IAACF,EAAA,CAAeyB,KAAMc,MAIrC"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/grid/grid-card/grid-card.tsx"],"sourcesContent":["import Box from \"@mui/material/Box\";\nimport Card from \"@mui/material/Card\";\n// import CardActions from '@mui/material/CardActions';\nimport CardContent from \"@mui/material/CardContent\";\n// import Button from '@mui/material/Button';\nimport Typography from \"../../typography/typography\";\n\ninterface GridCard {\n  name: string;\n  company: string;\n  status: string;\n  email: string;\n  amount: string;\n}\n\nconst GridCardMarkup = (props: any) => {\n  return (\n    <Card\n      sx={{\n        width: \"16.625rem\",\n        borderRadius: \"0.5rem\",\n        border: \"0.5px solid theme.secondary.200, #F5F6F5\",\n        backgroundColor: \"theme.secondary.100\",\n        boxShadow: `\n                0px 0px 2px 0px #E0E0E0, \n                0px 1px 4px - 2px rgba(24, 39, 75, 0.02), \n                0px 4px 4px - 2px rgba(24, 39, 75, 0.06)`,\n        m: 3,\n      }}\n    >\n      <CardContent\n        sx={{\n          display: \"flex\",\n          flexDirection: \"column\",\n          padding: \"1rem 1rem 1.25rem 1rem\",\n          justifyContent: \"space-between\",\n          alignItems: \"flex-start\",\n          flexShrink: 0,\n        }}\n      >\n        <Box\n          sx={{\n            display: \"flex\",\n            width: \"100%\",\n            justifyContent: \"space-between\",\n            marginBottom: 1,\n          }}\n        >\n          <Box>\n            <Typography type=\"s3\" weight=\"medium\">\n              {props.data.name || \"Kristin Watson\"}\n            </Typography>\n            <Typography type=\"s3\" color=\"theme.secondary.800\">\n              {props.data.company || \"Barone LLC.\"}\n            </Typography>\n          </Box>\n          <Box>\n            <Typography\n              type=\"s4\"\n              sx={{\n                padding: \"0.25rem 0.375rem\",\n                gap: \"0.5rem\",\n                borderRadius: \"0.5rem\",\n                backgroundColor: \"theme.secondary.200\",\n              }}\n              color=\"theme.secondary.900\"\n            >\n              {props.data.status || \"Lost\"}\n            </Typography>\n          </Box>\n        </Box>\n        <Typography\n          type=\"s3\"\n          sx={{\n            overflow: \"hidden\",\n            color: \"theme.secondary.900\",\n            textDecorationLine: \"underline\",\n          }}\n        >\n          {props.data.email || \"kristen.watson@example.com\"}\n        </Typography>\n        <Box sx={{ mt: \"1.25rem\", display: \"flex\", alignItems: \"center\" }}>\n          <Typography\n            type=\"s3\"\n            sx={{ mr: \".2rem\" }}\n            color=\"theme.secondary.900\"\n          >\n            {props.data.amount || \"$10,000,000\"}\n          </Typography>\n          <Typography type=\"s4\" color=\"theme.secondary.800\">\n            est value\n          </Typography>\n        </Box>\n      </CardContent>\n      {/* <CardActions>\n                <Button size=\"small\">Learn More</Button>\n            </CardActions> */}\n    </Card>\n  );\n};\n\nexport default function GridCard(props: any) {\n  return (\n    <>\n      {props.data.map((cardData: GridCard) => {\n        return <GridCardMarkup data={cardData} />;\n      })}\n    </>\n  );\n}\n"],"names":["GridCardMarkup","props","jsx","Card","sx","width","borderRadius","border","backgroundColor","boxShadow","m","children","jsxs","CardContent","display","flexDirection","padding","justifyContent","alignItems","flexShrink","Box","marginBottom","Typography","type","weight","data","name","color","company","gap","status","overflow","textDecorationLine","email","mt","mr","amount","Fragment","map","cardData"],"mappings":"6XAeA,MAAMA,EAAkBC,kBAEpBC,EAAAA,IAACC,EAAAA,QAAA,CACCC,GAAI,CACFC,MAAO,YACPC,aAAc,SACdC,OAAQ,2CACRC,gBAAiB,sBACjBC,UAAW,oKAIXC,EAAG,GAGLC,wBAAAC,EAAAA,KAACC,EAAAA,QAAA,CACCT,GAAI,CACFU,QAAS,OACTC,cAAe,SACfC,QAAS,yBACTC,eAAgB,gBAChBC,WAAY,aACZC,WAAY,GAGdR,SAAA;eAAAC,EAAAA,KAACQ,EAAAA,QAAA,CACChB,GAAI,CACFU,QAAS,OACTT,MAAO,OACPY,eAAgB,gBAChBI,aAAc,GAGhBV,SAAA;eAAAC,OAACQ,EAAAA,QAAA,CACCT,SAAA;eAAAT,EAAAA,IAACoB,EAAAA,WAAA,CAAWC,KAAK,KAAKC,OAAO,SAC1Bb,SAAAV,EAAMwB,KAAKC,MAAQ;eAEtBxB,EAAAA,IAACoB,EAAAA,YAAWC,KAAK,KAAKI,MAAM,sBACzBhB,SAAAV,EAAMwB,KAAKG,SAAW;qBAG1BR,EAAAA,QAAA,CACCT,wBAAAT,EAAAA,IAACoB,EAAAA,WAAA,CACCC,KAAK,KACLnB,GAAI,CACFY,QAAS,mBACTa,IAAK,SACLvB,aAAc,SACdE,gBAAiB,uBAEnBmB,MAAM,sBAELhB,SAAAV,EAAMwB,KAAKK,QAAU;eAI5B5B,EAAAA,IAACoB,EAAAA,WAAA,CACCC,KAAK,KACLnB,GAAI,CACF2B,SAAU,SACVJ,MAAO,sBACPK,mBAAoB,aAGrBrB,SAAAV,EAAMwB,KAAKQ,OAAS;eAEvBrB,EAAAA,KAACQ,EAAAA,QAAA,CAAIhB,GAAI,CAAE8B,GAAI,UAAWpB,QAAS,OAAQI,WAAY,UACrDP,SAAA;eAAAT,EAAAA,IAACoB,EAAAA,WAAA,CACCC,KAAK,KACLnB,GAAI,CAAE+B,GAAI,SACVR,MAAM,sBAELhB,SAAAV,EAAMwB,KAAKW,QAAU;qBAEvBd,EAAAA,WAAA,CAAWC,KAAK,KAAKI,MAAM,sBAAsBhB,SAAA,sCAY5D,SAAiCV;AAC/B,OACEC,EAAAA,IAAAmC,EAAAA,SAAA,CACG1B,SAAAV,EAAMwB,KAAKa,IAAKC,oBACRrC,IAACF,EAAA,CAAeyB,KAAMc,MAIrC"}

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

@@ -1,9 +1,9 @@
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-import { Box } from "@mui/material";
 /* empty css                             */
 import { Typography } from "../../../typography/typography/index.esm.js";
 import { images } from "../../../../images/index.esm.js";
 import ErpLoader from "../../../loaders/erp-loader/index.esm.js";
+import Box from "../../../../node_modules/@mui/material/Box/Box/index.esm.js";
 const GridWrapper = (props) => {
   const { children, data, isLoading } = props;
   return /* @__PURE__ */ jsx(Fragment, { children: isLoading ? /* @__PURE__ */ jsx(ErpLoader, {}) : /* @__PURE__ */ jsx(Fragment, { children: (data == null ? void 0 : data.length) ? /* @__PURE__ */ jsx("div", { className: "grid-wrapper", children }) : /* @__PURE__ */ jsxs(Box, { position: "fixed", left: "50%", top: "50%", transform: "translate(-50%, -50%)", children: [

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

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@mui/material");;/* empty css                          */var i=,/* empty css                                    */a=,/* empty css                        */s=;/* empty css                                 */exports.default=t=>{const{children:d,data:n,isLoading:o}=t;/* @__PURE__ */
-return e.jsx(e.Fragment,{children:o?/* @__PURE__ */e.jsx(s.default,{}):/* @__PURE__ */e.jsx(e.Fragment,{children:(null==n?void 0:n.length)?/* @__PURE__ */e.jsx("div",{className:"grid-wrapper",children:d}):/* @__PURE__ */e.jsxs(r.Box,{position:"fixed",left:"50%",top:"50%",transform:"translate(-50%, -50%)",children:[
-/* @__PURE__ */e.jsx("img",{src:a.images.common.tableNoData}),
-/* @__PURE__ */e.jsx(i.Typography,{color:"theme.secondary.1000",weight:"medium",align:"center",children:"No data"})]})})})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");;/* empty css                          */var r=,/* empty css                                    */i=,/* empty css                        */a=,/* empty css                                 */s=;/* empty css                                                    */exports.default=t=>{const{children:d,data:n,isLoading:o}=t;/* @__PURE__ */
+return e.jsx(e.Fragment,{children:o?/* @__PURE__ */e.jsx(a.default,{}):/* @__PURE__ */e.jsx(e.Fragment,{children:(null==n?void 0:n.length)?/* @__PURE__ */e.jsx("div",{className:"grid-wrapper",children:d}):/* @__PURE__ */e.jsxs(s.default,{position:"fixed",left:"50%",top:"50%",transform:"translate(-50%, -50%)",children:[
+/* @__PURE__ */e.jsx("img",{src:i.images.common.tableNoData}),
+/* @__PURE__ */e.jsx(r.Typography,{color:"theme.secondary.1000",weight:"medium",align:"center",children:"No data"})]})})})};
 //# sourceMappingURL=index.js.map

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,8 +15,25 @@ 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 { Tick } from "../../../../icons/tick/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 { Notification } from "../../../../icons/notification/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";
 const getNotificationUrl = (data) => {
   var _a;
   const { moduleName = "", moduleId = "", notificationData = {} } = data;
@@ -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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"}