npm - @erpsquad/common - Versions diffs - 1.8.45 → 1.8.47 - Mend

@erpsquad/common 1.8.45 → 1.8.47

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1314) hide show

package/dist/components/gantt/gantt/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/components/gantt/gantt.tsx"],"sourcesContent":["import { Gantt, Task, ViewMode } from \"gantt-task-react\";\nimport \"gantt-task-react/dist/index.css\";\nimport \"./gantt.scss\";\nimport { useState } from \"react\";\nimport useTheme from \"@mui/material/styles/useTheme\";\n\ninterface GanttDataProps {\n data: Task[];\n showList?: boolean;\n progressChange?: boolean;\n dateChange?: boolean;\n}\n\nconst GanttChart = (props: GanttDataProps) => {\n const { data, showList, progressChange, dateChange } = props;\n const theme = useTheme();\n const tasks: Task[] = data;\n const [task, setTask] = useState<Task[]>(tasks);\n\n const taskProgressColor = theme?.palette?.theme?.tertiary6[300];\n const taskBackgroundColor = theme?.palette?.theme?.tertiary6[200];\n const milestoneColor = theme?.palette?.theme?.tertiary4[700];\n const projectProgressColor = theme?.palette?.theme?.tertiary3[400];\n const projectBackgroundColor = theme?.palette?.theme?.tertiary3[300];\n const todayColor = theme?.palette?.theme?.tertiary5[400];\n\n const handleProgressChange = (updatedTask: Task) => {\n if (progressChange) {\n const taskIndex = tasks.findIndex((task) => task.id === updatedTask.id);\n\n const updatedTasks = [...tasks];\n updatedTasks[taskIndex] = updatedTask;\n\n setTask(updatedTasks);\n }\n };\n\n const handleDateChange = (updatedTask: Task) => {\n if (dateChange) {\n const taskIndex = tasks.findIndex((task) => task.id === updatedTask.id);\n\n const updatedTasks = [...tasks];\n updatedTasks[taskIndex] = updatedTask;\n\n setTask(updatedTasks);\n }\n };\n\n const handleExpanderClick = (clickedTask: Task) => {\n setTask((prevTasks: Task[]) =>\n prevTasks.map((task) =>\n task.id === clickedTask.id ? clickedTask : task,\n ),\n );\n };\n\n return (\n <Gantt\n tasks={task}\n viewMode={ViewMode.Day}\n listCellWidth={showList ? \"190px\" : \"\"}\n columnWidth={80}\n barCornerRadius={8}\n fontSize=\"12\"\n fontFamily=\"Inter\"\n onProgressChange={progressChange ? handleProgressChange : undefined}\n onDateChange={dateChange ? handleDateChange : undefined}\n barProgressColor={taskProgressColor}\n barProgressSelectedColor={taskProgressColor}\n barBackgroundColor={taskBackgroundColor}\n barBackgroundSelectedColor={taskBackgroundColor}\n milestoneBackgroundColor={milestoneColor}\n milestoneBackgroundSelectedColor={milestoneColor}\n projectBackgroundColor={projectBackgroundColor}\n projectBackgroundSelectedColor={projectBackgroundColor}\n projectProgressColor={projectProgressColor}\n projectProgressSelectedColor={projectProgressColor}\n todayColor={todayColor}\n onExpanderClick={handleExpanderClick}\n />\n );\n};\n\nexport default GanttChart;\n"],"names":["props","data","showList","progressChange","dateChange","theme","useTheme","tasks","task","setTask","useState","taskProgressColor","_b","_a","palette","tertiary6","taskBackgroundColor","_d","_c","milestoneColor","_f","_e","tertiary4","projectProgressColor","_h","_g","tertiary3","projectBackgroundColor","_j","_i","todayColor","_l","_k","tertiary5","jsx","Gantt","viewMode","ViewMode","Day","listCellWidth","columnWidth","barCornerRadius","fontSize","fontFamily","onProgressChange","updatedTask","taskIndex","findIndex","id","updatedTasks","onDateChange","barProgressColor","barProgressSelectedColor","barBackgroundColor","barBackgroundSelectedColor","milestoneBackgroundColor","milestoneBackgroundSelectedColor","projectBackgroundSelectedColor","projectProgressSelectedColor","onExpanderClick","clickedTask","prevTasks","map"],"mappings":"~~mZAaoBA~~,gCAClB,MAAMC,KAAEA,EAAAC,SAAMA,EAAAC,eAAUA,EAAAC,WAAgBA,GAAeJ,EACjDK,EAAQC,EAAAA,UACRC,EAAgBN,GACfO,EAAMC,GAAWC,EAAAA,SAAiBH,GAEnCI,EAAoB,OAAAC,EAAA,OAAAC,EAAA,MAAAR,OAAA,EAAAA,EAAOS,cAAP,EAAAD,EAAgBR,gBAAOU,UAAU,KACrDC,EAAsB,OAAAC,EAAA,OAAAC,EAAA,MAAAb,OAAA,EAAAA,EAAOS,cAAP,EAAAI,EAAgBb,gBAAOU,UAAU,KACvDI,EAAiB,OAAAC,EAAA,OAAAC,EAAA,MAAAhB,OAAA,EAAAA,EAAOS,cAAP,EAAAO,EAAgBhB,gBAAOiB,UAAU,KAClDC,EAAuB,OAAAC,EAAA,OAAAC,EAAA,MAAApB,OAAA,EAAAA,EAAOS,cAAP,EAAAW,EAAgBpB,gBAAOqB,UAAU,KACxDC,EAAyB,OAAAC,EAAA,OAAAC,EAAA,MAAAxB,OAAA,EAAAA,EAAOS,cAAP,EAAAe,EAAgBxB,gBAAOqB,UAAU,KAC1DI,EAAa,OAAAC,EAAA,OAAAC,EAAA,MAAA3B,OAAA,EAAAA,EAAOS,cAAP,EAAAkB,EAAgB3B,gBAAO4B,UAAU;AAgCpD,OACEC,EAAAA,IAACC,EAAAA,MAAA,CACC5B,MAAOC,EACP4B,SAAUC,EAAAA,SAASC,IACnBC,cAAerC,EAAW,QAAU,GACpCsC,YAAa,GACbC,gBAAiB,EACjBC,SAAS,KACTC,WAAW,QACXC,iBAAkBzC,EAvCQ0C,IAC5B,GAAI1C,EAAgB,CAClB,MAAM2C,EAAYvC,EAAMwC,UAAWvC,GAASA,EAAKwC,KAAOH,EAAYG,IAE9DC,EAAe,IAAI1C,GACzB0C,EAAaH,GAAaD,EAE1BpC,EAAQwC,EACV,QA+B4D,EAC1DC,aAAc9C,EA7BQyC,IACxB,GAAIzC,EAAY,CACd,MAAM0C,EAAYvC,EAAMwC,UAAWvC,GAASA,EAAKwC,KAAOH,EAAYG,IAE9DC,EAAe,IAAI1C,GACzB0C,EAAaH,GAAaD,EAE1BpC,EAAQwC,EACV,QAqBgD,EAC9CE,iBAAkBxC,EAClByC,yBAA0BzC,EAC1B0C,mBAAoBrC,EACpBsC,2BAA4BtC,EAC5BuC,yBAA0BpC,EAC1BqC,iCAAkCrC,EAClCQ,yBACA8B,+BAAgC9B,EAChCJ,uBACAmC,6BAA8BnC,EAC9BO,aACA6B,gBA9ByBC,IAC3BnD,EAASoD,GACPA,EAAUC,IAAKtD,GACbA,EAAKwC,KAAOY,EAAYZ,GAAKY,EAAcpD"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/components/gantt/gantt.tsx"],"sourcesContent":["import { Gantt, Task, ViewMode } from \"gantt-task-react\";\nimport \"gantt-task-react/dist/index.css\";\nimport \"./gantt.scss\";\nimport { useState } from \"react\";\nimport useTheme from \"@mui/material/styles/useTheme\";\n\ninterface GanttDataProps {\n data: Task[];\n showList?: boolean;\n progressChange?: boolean;\n dateChange?: boolean;\n}\n\nconst GanttChart = (props: GanttDataProps) => {\n const { data, showList, progressChange, dateChange } = props;\n const theme = useTheme();\n const tasks: Task[] = data;\n const [task, setTask] = useState<Task[]>(tasks);\n\n const taskProgressColor = theme?.palette?.theme?.tertiary6[300];\n const taskBackgroundColor = theme?.palette?.theme?.tertiary6[200];\n const milestoneColor = theme?.palette?.theme?.tertiary4[700];\n const projectProgressColor = theme?.palette?.theme?.tertiary3[400];\n const projectBackgroundColor = theme?.palette?.theme?.tertiary3[300];\n const todayColor = theme?.palette?.theme?.tertiary5[400];\n\n const handleProgressChange = (updatedTask: Task) => {\n if (progressChange) {\n const taskIndex = tasks.findIndex((task) => task.id === updatedTask.id);\n\n const updatedTasks = [...tasks];\n updatedTasks[taskIndex] = updatedTask;\n\n setTask(updatedTasks);\n }\n };\n\n const handleDateChange = (updatedTask: Task) => {\n if (dateChange) {\n const taskIndex = tasks.findIndex((task) => task.id === updatedTask.id);\n\n const updatedTasks = [...tasks];\n updatedTasks[taskIndex] = updatedTask;\n\n setTask(updatedTasks);\n }\n };\n\n const handleExpanderClick = (clickedTask: Task) => {\n setTask((prevTasks: Task[]) =>\n prevTasks.map((task) =>\n task.id === clickedTask.id ? clickedTask : task,\n ),\n );\n };\n\n return (\n <Gantt\n tasks={task}\n viewMode={ViewMode.Day}\n listCellWidth={showList ? \"190px\" : \"\"}\n columnWidth={80}\n barCornerRadius={8}\n fontSize=\"12\"\n fontFamily=\"Inter\"\n onProgressChange={progressChange ? handleProgressChange : undefined}\n onDateChange={dateChange ? handleDateChange : undefined}\n barProgressColor={taskProgressColor}\n barProgressSelectedColor={taskProgressColor}\n barBackgroundColor={taskBackgroundColor}\n barBackgroundSelectedColor={taskBackgroundColor}\n milestoneBackgroundColor={milestoneColor}\n milestoneBackgroundSelectedColor={milestoneColor}\n projectBackgroundColor={projectBackgroundColor}\n projectBackgroundSelectedColor={projectBackgroundColor}\n projectProgressColor={projectProgressColor}\n projectProgressSelectedColor={projectProgressColor}\n todayColor={todayColor}\n onExpanderClick={handleExpanderClick}\n />\n );\n};\n\nexport { GanttChart };\nexport default GanttChart;\n"],"names":["GanttChart","props","data","showList","progressChange","dateChange","theme","useTheme","tasks","task","setTask","useState","taskProgressColor","_b","_a","palette","tertiary6","taskBackgroundColor","_d","_c","milestoneColor","_f","_e","tertiary4","projectProgressColor","_h","_g","tertiary3","projectBackgroundColor","_j","_i","todayColor","_l","_k","tertiary5","jsx","Gantt","viewMode","ViewMode","Day","listCellWidth","columnWidth","barCornerRadius","fontSize","fontFamily","onProgressChange","updatedTask","taskIndex","findIndex","id","updatedTasks","onDateChange","barProgressColor","barProgressSelectedColor","barBackgroundColor","barBackgroundSelectedColor","milestoneBackgroundColor","milestoneBackgroundSelectedColor","projectBackgroundSelectedColor","projectProgressSelectedColor","onExpanderClick","clickedTask","prevTasks","map"],"mappings":"mYAaA,MAAMA,EAAcC,gCAClB,MAAMC,KAAEA,EAAAC,SAAMA,EAAAC,eAAUA,EAAAC,WAAgBA,GAAeJ,EACjDK,EAAQC,EAAAA,UACRC,EAAgBN,GACfO,EAAMC,GAAWC,EAAAA,SAAiBH,GAEnCI,EAAoB,OAAAC,EAAA,OAAAC,EAAA,MAAAR,OAAA,EAAAA,EAAOS,cAAP,EAAAD,EAAgBR,gBAAOU,UAAU,KACrDC,EAAsB,OAAAC,EAAA,OAAAC,EAAA,MAAAb,OAAA,EAAAA,EAAOS,cAAP,EAAAI,EAAgBb,gBAAOU,UAAU,KACvDI,EAAiB,OAAAC,EAAA,OAAAC,EAAA,MAAAhB,OAAA,EAAAA,EAAOS,cAAP,EAAAO,EAAgBhB,gBAAOiB,UAAU,KAClDC,EAAuB,OAAAC,EAAA,OAAAC,EAAA,MAAApB,OAAA,EAAAA,EAAOS,cAAP,EAAAW,EAAgBpB,gBAAOqB,UAAU,KACxDC,EAAyB,OAAAC,EAAA,OAAAC,EAAA,MAAAxB,OAAA,EAAAA,EAAOS,cAAP,EAAAe,EAAgBxB,gBAAOqB,UAAU,KAC1DI,EAAa,OAAAC,EAAA,OAAAC,EAAA,MAAA3B,OAAA,EAAAA,EAAOS,cAAP,EAAAkB,EAAgB3B,gBAAO4B,UAAU;AAgCpD,OACEC,EAAAA,IAACC,EAAAA,MAAA,CACC5B,MAAOC,EACP4B,SAAUC,EAAAA,SAASC,IACnBC,cAAerC,EAAW,QAAU,GACpCsC,YAAa,GACbC,gBAAiB,EACjBC,SAAS,KACTC,WAAW,QACXC,iBAAkBzC,EAvCQ0C,IAC5B,GAAI1C,EAAgB,CAClB,MAAM2C,EAAYvC,EAAMwC,UAAWvC,GAASA,EAAKwC,KAAOH,EAAYG,IAE9DC,EAAe,IAAI1C,GACzB0C,EAAaH,GAAaD,EAE1BpC,EAAQwC,EACV,QA+B4D,EAC1DC,aAAc9C,EA7BQyC,IACxB,GAAIzC,EAAY,CACd,MAAM0C,EAAYvC,EAAMwC,UAAWvC,GAASA,EAAKwC,KAAOH,EAAYG,IAE9DC,EAAe,IAAI1C,GACzB0C,EAAaH,GAAaD,EAE1BpC,EAAQwC,EACV,QAqBgD,EAC9CE,iBAAkBxC,EAClByC,yBAA0BzC,EAC1B0C,mBAAoBrC,EACpBsC,2BAA4BtC,EAC5BuC,yBAA0BpC,EAC1BqC,iCAAkCrC,EAClCQ,yBACA8B,+BAAgC9B,EAChCJ,uBACAmC,6BAA8BnC,EAC9BO,aACA6B,gBA9ByBC,IAC3BnD,EAASoD,GACPA,EAAUC,IAAKtD,GACbA,EAAKwC,KAAOY,EAAYZ,GAAKY,EAAcpD"}

package/dist/components/gantt/gantt.d.ts CHANGED Viewed

@@ -7,4 +7,5 @@ interface GanttDataProps {
     dateChange?: boolean;
 }
 declare const GanttChart: (props: GanttDataProps) => import("react/jsx-runtime").JSX.Element;
+export { GanttChart };
 export default GanttChart;

package/dist/components/grid/custom-grid-card/custom-grid-card/index.esm.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { useState } from "react";
 import { Typography } from "../../../typography/typography/index.esm.js";
 import { formatDate } from "../../../../utils/dateFormat/index.esm.js";
-import Menu from "../../../menu/menu/index.esm.js";
+import { Menu } from "../../../menu/menu/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";

package/dist/components/grid/custom-grid-card/custom-grid-card/index.js CHANGED Viewed

@@ -1,11 +1,11 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../../../typography/typography/index.js"),n=require("../../../../utils/dateFormat/index.js"),i=require("../../../menu/menu/index.js"),l=require("../../../../node_modules/@mui/material/Card/Card/index.js"),a=require("../../../../node_modules/@mui/material/CardContent/CardContent/index.js"),d=require("../../../../node_modules/@mui/material/Box/Box/index.js"),o=require("../../../../node_modules/@mui/material/IconButton/IconButton/index.js"),s=require("../../../icons/more/index.js"),u=require("../../../../node_modules/@mui/material/MenuItem/MenuItem/index.js");exports.default=({title:c,subTitle:x,children:p,data:m,rowActionMenu:h,destructiveActionMenu:j})=>{const[y,f]=r.useState(null),[g,C]=r.useState(null);/* @__PURE__ */
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),n=require("../../../typography/typography/index.js"),t=require("../../../../utils/dateFormat/index.js"),i=require("../../../menu/menu/index.js"),l=require("../../../../node_modules/@mui/material/Card/Card/index.js"),o=require("../../../../node_modules/@mui/material/CardContent/CardContent/index.js"),s=require("../../../../node_modules/@mui/material/Box/Box/index.js"),a=require("../../../../node_modules/@mui/material/IconButton/IconButton/index.js"),d=require("../../../icons/more/index.js"),u=require("../../../../node_modules/@mui/material/MenuItem/MenuItem/index.js");exports.default=({title:c,subTitle:x,children:p,data:m,rowActionMenu:h,destructiveActionMenu:j})=>{const[y,f]=r.useState(null),[g,C]=r.useState(null);/* @__PURE__ */
 return e.jsxs(l.default,{sx:{width:"16.625rem",borderRadius:"0.5rem",border:"0.5px solid #eeeff1",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);"},children:[
-/* @__PURE__ */e.jsxs(a.default,{sx:{display:"flex",flexDirection:"column",padding:"1rem 1rem 1.25rem 1rem",justifyContent:"space-between",alignItems:"flex-start",flexShrink:0},children:[
-/* @__PURE__ */e.jsxs(d.default,{sx:{display:"flex",width:"100%",justifyContent:"space-between",alignItems:"flex-start"},children:[
-/* @__PURE__ */e.jsx(t.Typography,{type:"s3",weight:"medium",color:"theme.secondary.1000",children:c}),
-/* @__PURE__ */e.jsx(o.default,{color:"inherit",size:"small",onClick:e=>((e,r)=>{C(r),f(e.currentTarget)})(e,m),children:/* @__PURE__ */e.jsx(s.MoreIcon,{sx:{transform:"rotate(90deg)"},orient:"vertical",fontSize:"small"})})]}),
-/* @__PURE__ */e.jsx(d.default,{children:/* @__PURE__ */e.jsx(t.Typography,{type:"s4",color:"theme.secondary.800",children:x})}),p,(null==m?void 0:m.created_at)&&/* @__PURE__ */e.jsx(d.default,{children:/* @__PURE__ */e.jsxs(t.Typography,{type:"s4",color:"theme.secondary.800",children:["Created On ",n.formatDate(null==m?void 0:m.created_at,"DD MMM, YYYY")]})})]}),
-/* @__PURE__ */e.jsxs(i.default,{anchorEl:y,open:Boolean(y),onClose:()=>f(null),children:[
-/* @__PURE__ */e.jsx(d.default,{children:h.map(r=>/* @__PURE__ */e.jsx(u.default,{onClick:()=>{g&&r.handleAction(g),f(null)},children:/* @__PURE__ */e.jsx(t.Typography,{type:"s4",color:"inherit",children:r.label})}))}),
-/* @__PURE__ */e.jsx(d.default,{className:"dropdown-inner--DestructiveHeader",children:j.map(r=>/* @__PURE__ */e.jsx(u.default,{onClick:()=>{g&&r.handleAction(g),f(null)},className:"dropdown-inner--DestructiveActions",children:/* @__PURE__ */e.jsx(t.Typography,{type:"s4",color:"inherit",children:r.label})}))})]})]})};
+/* @__PURE__ */e.jsxs(o.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",alignItems:"flex-start"},children:[
+/* @__PURE__ */e.jsx(n.Typography,{type:"s3",weight:"medium",color:"theme.secondary.1000",children:c}),
+/* @__PURE__ */e.jsx(a.default,{color:"inherit",size:"small",onClick:e=>((e,r)=>{C(r),f(e.currentTarget)})(e,m),children:/* @__PURE__ */e.jsx(d.MoreIcon,{sx:{transform:"rotate(90deg)"},orient:"vertical",fontSize:"small"})})]}),
+/* @__PURE__ */e.jsx(s.default,{children:/* @__PURE__ */e.jsx(n.Typography,{type:"s4",color:"theme.secondary.800",children:x})}),p,(null==m?void 0:m.created_at)&&/* @__PURE__ */e.jsx(s.default,{children:/* @__PURE__ */e.jsxs(n.Typography,{type:"s4",color:"theme.secondary.800",children:["Created On ",t.formatDate(null==m?void 0:m.created_at,"DD MMM, YYYY")]})})]}),
+/* @__PURE__ */e.jsxs(i.Menu,{anchorEl:y,open:Boolean(y),onClose:()=>f(null),children:[
+/* @__PURE__ */e.jsx(s.default,{children:h.map(r=>/* @__PURE__ */e.jsx(u.default,{onClick:()=>{g&&r.handleAction(g),f(null)},children:/* @__PURE__ */e.jsx(n.Typography,{type:"s4",color:"inherit",children:r.label})}))}),
+/* @__PURE__ */e.jsx(s.default,{className:"dropdown-inner--DestructiveHeader",children:j.map(r=>/* @__PURE__ */e.jsx(u.default,{onClick:()=>{g&&r.handleAction(g),f(null)},className:"dropdown-inner--DestructiveActions",children:/* @__PURE__ */e.jsx(n.Typography,{type:"s4",color:"inherit",children:r.label})}))})]})]})};
 //# sourceMappingURL=index.js.map

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

	@@ -1 +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":"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"}
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":"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,KAAA,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-wrapper/grid-wrapper/index.esm.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 /* 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 { 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;
@@ -12,6 +12,7 @@ const GridWrapper = (props) => {
   ] }) }) });
 };
 export {
+  GridWrapper,
   GridWrapper as default
 };
 //# sourceMappingURL=index.esm.js.map

package/dist/components/grid/grid-wrapper/grid-wrapper/index.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.esm.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":[],"mappings":";;;;;;AAYA,MAAM,cAAc,CAAC,UAA4B;AAC/C,QAAM,EAAE,UAAU,MAAM,UAAA,IAAc;AACtC,SACE,oBAAA,UAAA,EACC,sBAEG,oBAAC,WAAA,CAAA,CAAS,IAEV,oBAAA,UAAA,EACG,WAAA,6BAAM,UAEH,oBAAC,OAAA,EAAI,WAAU,gBAAgB,SAAA,CAAS,IAExC,qBAAC,KAAA,EAAI,UAAS,SAAQ,MAAK,OAAM,KAAI,OAAM,WAAU,yBACnD,UAAA;AAAA,IAAA,oBAAC,OAAA,EAAI,KAAK,OAAO,OAAO,aAAa;AAAA,IACrC,oBAAC,cAAW,OAAM,wBAAuB,QAAO,UAAS,OAAM,UAAS,UAAA,UAAA,CAAO;AAAA,EAAA,EAAA,CACjF,GAEN,GAEJ;AAEJ;"}
1	+ {"version":3,"file":"index.esm.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 { GridWrapper };\nexport default GridWrapper;\n"],"names":[],"mappings":";;;;;;AAYA,MAAM,cAAc,CAAC,UAA4B;AAC/C,QAAM,EAAE,UAAU,MAAM,UAAA,IAAc;AACtC,SACE,oBAAA,UAAA,EACC,sBAEG,oBAAC,WAAA,CAAA,CAAS,IAEV,oBAAA,UAAA,EACG,WAAA,6BAAM,UAEH,oBAAC,OAAA,EAAI,WAAU,gBAAgB,SAAA,CAAS,IAExC,qBAAC,KAAA,EAAI,UAAS,SAAQ,MAAK,OAAM,KAAI,OAAM,WAAU,yBACnD,UAAA;AAAA,IAAA,oBAAC,OAAA,EAAI,KAAK,OAAO,OAAO,aAAa;AAAA,IACrC,oBAAC,cAAW,OAAM,wBAAuB,QAAO,UAAS,OAAM,UAAS,UAAA,UAAA,CAAO;AAAA,EAAA,EAAA,CACjF,GAEN,GAEJ;AAEJ;"}

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

@@ -1,5 +1,5 @@
-"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:[
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");;/* empty css                          */var r=,/* empty css                                    */i=,/* empty css                        */s=,/* empty css                                 */a=;/* empty css                                                    */const t=t=>{const{children:d,data:o,isLoading:n}=t;/* @__PURE__ */
+return e.jsx(e.Fragment,{children:n?/* @__PURE__ */e.jsx(s.ErpLoader,{}):/* @__PURE__ */e.jsx(e.Fragment,{children:(null==o?void 0:o.length)?/* @__PURE__ */e.jsx("div",{className:"grid-wrapper",children:d}):/* @__PURE__ */e.jsxs(a.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"})]})})})};
+/* @__PURE__ */e.jsx(r.Typography,{color:"theme.secondary.1000",weight:"medium",align:"center",children:"No data"})]})})})};exports.GridWrapper=t,exports.default=t;
 //# sourceMappingURL=index.js.map

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

	@@ -1 +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":"~~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"}
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 { GridWrapper };\nexport default GridWrapper;\n"],"names":["GridWrapper","props","children","data","isLoading","jsx","Fragment","ErpLoader","length","className","jsxs","Box","position","left","top","transform","src","images","common","tableNoData","Typography","color","weight","align"],"mappings":"yWAYA,MAAMA,EAAeC,IACnB,MAAMC,SAAEA,EAAAC,KAAUA,EAAAC,UAAMA,GAAcH;AACtC,OACEI,EAAAA,IAAAC,EAAAA,SAAA,CACCJ,4BAEGG,IAACE,EAAAA,UAAA,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/grid-wrapper/grid-wrapper.d.ts CHANGED Viewed

@@ -5,4 +5,5 @@ interface GridWrapperProps {
     isLoading?: boolean;
 }
 declare const GridWrapper: (props: GridWrapperProps) => import("react/jsx-runtime").JSX.Element;
+export { GridWrapper };
 export default GridWrapper;

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

@@ -31,6 +31,7 @@ const GridFallback = (props) => {
   ] });
 };
 export {
+  GridFallback,
   GridFallback as default
 };
 //# sourceMappingURL=index.esm.js.map

package/dist/components/grid-fallback/grid-fallback/index.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.esm.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":["logo"],"mappings":";;;;;AAYA,MAAM,eAAe,CAAC,UAA6B;AACjD,QAAM,EAAE,UAAU,IAAI,aAAa,qBAAqB,OAAO,oBAAC,OAAA,EAAI,KAAKA,OAAK,gBAAA,CAAiB,GAAI,UAAU,GAAG,SAAS;AACzH,SACE,qBAAC,KAAA,EAAI,WAAU,YAAY,GAAG,MAC3B,UAAA;AAAA,IAAA;AAAA,IACD;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,QAAO;AAAA,QACP,OAAM;AAAA,QACN,WAAU;AAAA,QAET,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAEH;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,QAAO;AAAA,QACP,OAAM;AAAA,QACN,WAAU;AAAA,QAET,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAEH,oBAAC,SAAK,SAAA,CAAS;AAAA,EAAA,GACjB;AAEJ;"}
1	+ {"version":3,"file":"index.esm.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 { GridFallback };\nexport default GridFallback;\n"],"names":["logo"],"mappings":";;;;;AAYA,MAAM,eAAe,CAAC,UAA6B;AACjD,QAAM,EAAE,UAAU,IAAI,aAAa,qBAAqB,OAAO,oBAAC,OAAA,EAAI,KAAKA,OAAK,gBAAA,CAAiB,GAAI,UAAU,GAAG,SAAS;AACzH,SACE,qBAAC,KAAA,EAAI,WAAU,YAAY,GAAG,MAC3B,UAAA;AAAA,IAAA;AAAA,IACD;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,QAAO;AAAA,QACP,OAAM;AAAA,QACN,WAAU;AAAA,QAET,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAEH;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,QAAO;AAAA,QACP,OAAM;AAAA,QACN,WAAU;AAAA,QAET,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAEH,oBAAC,SAAK,SAAA,CAAS;AAAA,EAAA,GACjB;AAEJ;"}

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

@@ -1,6 +1,6 @@
-"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,
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),a=;/* empty css                                 */;/* empty css                           */var r=,/* empty css                     */s=;/* empty css                                                 */const i=i=>{const{heading:l="",subHeading:c="No data available",icon:t=/* @__PURE__ */e.jsx("img",{src:r.images.invoiceFallback}),children:d,...o}=i;/* @__PURE__ */
+return e.jsxs(s.default,{className:"fallback",...o,children:[t,
 /* @__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:t})]})};
+/* @__PURE__ */e.jsx("div",{children:d})]})};exports.GridFallback=i,exports.default=i;
 //# sourceMappingURL=index.js.map

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

	@@ -1 +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":"+~~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"}
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 { GridFallback };\nexport default GridFallback;\n"],"names":["GridFallback","props","heading","subHeading","icon","src","logo","invoiceFallback","children","rest","jsxs","Box","className","jsx","Typography","type","weight","color"],"mappings":"+SAYA,MAAMA,EAAgBC,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/grid-fallback/grid-fallback.d.ts CHANGED Viewed

@@ -6,4 +6,5 @@ interface GridFallbackProps {
     children?: React.ReactNode;
 }
 declare const GridFallback: (props: GridFallbackProps) => import("react/jsx-runtime").JSX.Element;
+export { GridFallback };
 export default GridFallback;

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

@@ -2,7 +2,7 @@ import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useState, useRef, useCallback, useEffect } from "react";
 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";
+import { formatLabel, formatText, convertToUnderscore } from "../../../../../utils/format-text/index.esm.js";
 import { Typography } from "../../../../typography/typography/index.esm.js";
 import { images } from "../../../../../images/index.esm.js";
 import { generateRouteWithId } from "../../../../../utils/route-utils/index.esm.js";
@@ -13,7 +13,7 @@ import { PathnameGenerator as PathnameGenerator$3, PathnameManufacturing } from
 import { PathnameGenerator as PathnameGenerator$2, PathnamePurchase } from "../../../../../constants/pathnames/pathname.procurement/index.esm.js";
 import { PathnameGenerator as PathnameGenerator$1, PathnameCrm } from "../../../../../constants/pathnames/pathname.crm/index.esm.js";
 import { useNavigate } from "react-router-dom";
-import Button from "../../../../button/button/index.esm.js";
+import { Button } from "../../../../button/button/index.esm.js";
 import { enqueueSnackbar } from "../../../../../node_modules/notistack/notistack.esm/index.esm.js";
 import Box from "../../../../../node_modules/@mui/material/Box/Box/index.esm.js";
 import IconButton from "../../../../../node_modules/@mui/material/IconButton/IconButton/index.esm.js";
@@ -663,6 +663,7 @@ const NotificationMenu = () => {
   ] });
 };
 export {
+  NotificationMenu,
   NotificationMenu as default
 };
 //# sourceMappingURL=index.esm.js.map

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

	@@ -1 +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","n","error"],"mappings":"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"}
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 { NotificationMenu };\nexport default NotificationMenu\n"],"names":["PathnameGenerator","PathnameGeneratorInventory","PathnameGeneratorManufacuring","PathnameGeneratorPurchase","_a","RENTALROUTES","PathnameGeneratorCrm","PathnameGeneratorRental","n","error"],"mappings":"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"}

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

@@ -1,15 +1,15 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),a=require("../../../../../api-client/api.system-feature/api/index.js"),r=require("../../../../../utils/common/index.js"),n=require("../../../../../utils/format-text/index.js"),i=require("../../../../typography/typography/index.js"),o=require("../../../../../images/index.js"),s=require("../../../../../utils/route-utils/index.js"),d=require("../../../../../constants/pathnames/pathname.accounting/index.js"),l=require("../../../../../constants/pathnames/pathname.rental/index.js"),u=require("../../../../../constants/pathnames/pathname.inventory/index.js"),c=require("../../../../../constants/pathnames/pathname.manufacturing/index.js"),m=require("../../../../../constants/pathnames/pathname.procurement/index.js"),h=require("../../../../../constants/pathnames/pathname.crm/index.js"),g=require("react-router-dom"),x=require("../../../../button/button/index.js"),p=require("../../../../../node_modules/notistack/notistack.esm/index.js"),f=require("../../../../../node_modules/@mui/material/Box/Box/index.js"),j=require("../../../../../node_modules/@mui/material/IconButton/IconButton/index.js"),y=require("../../../../../node_modules/@mui/material/Badge/Badge/index.js"),_=require("../../../../icons/notification/index.js"),E=require("../../../../../node_modules/@mui/material/Menu/Menu/index.js"),R=require("../../../../../node_modules/@mui/material/CircularProgress/CircularProgress/index.js"),S=require("../../../../icons/tick/index.js"),b=require("../../../../../node_modules/@mui/material/Skeleton/Skeleton/index.js"),I=require("../../../../../node_modules/@mui/material/Alert/Alert/index.js"),P=require("../../../../../node_modules/@mui/material/MenuItem/MenuItem/index.js"),v=require("../../../../../node_modules/@mui/material/ListItemAvatar/ListItemAvatar/index.js"),W=require("../../../../../node_modules/@mui/material/Avatar/Avatar/index.js"),C=require("../../../../../node_modules/@mui/material/ListItemText/ListItemText/index.js"),w=require("../../../../../node_modules/@mui/icons-material/esm/Person/index.js"),T=require("../../../../../node_modules/@mui/icons-material/esm/CheckCircle/index.js"),A=require("../../../../../node_modules/@mui/icons-material/esm/Warning/index.js"),k=require("../../../../../node_modules/@mui/icons-material/esm/Email/index.js"),q=require("../../../../../node_modules/@mui/icons-material/esm/Assignment/index.js"),N=require("../../../../../node_modules/@mui/icons-material/esm/AccountBalance/index.js");const M={rbac:o.images.user,document:o.images.document,"accounts-and-finance":o.images.accounting,inventory:o.images.inventory,manufacturing:o.images.manufacturing,sales:o.images.crm,rental:o.images.rental,user:o.images.user,purchase:o.images.procurement,hrms:o.images.hrms},V={rbac:"#F3E5F5",document:"#FFF8E1","accounts-and-finance":"#E8F5E8",inventory:"#E3F2FD",manufacturing:"#FFF3E0",sales:"#F3E5F5",rental:"#E8F5E8",user:"#F3E5F5",purchase:"#FCE4EC",hrms:"#fcfcfc"};exports.default=()=>{const[o,F]=t.useState(null),[G,D]=t.useState([]),[O,B]=t.useState(!1),[z,L]=t.useState(!1),[H,U]=t.useState(null),[$,Y]=t.useState(0),[X,J]=t.useState(!1),[K,Q]=t.useState({skip:0,limit:10,totalCount:0,hasMore:!0}),Z=g.useNavigate(),ee=t.useRef(null),te=t.useRef(!1),ae=Boolean(o),re=t=>{const a={"accounts-and-finance":/* @__PURE__ */e.jsx(N.default,{color:"primary"}),user:/* @__PURE__ */e.jsx(w.default,{color:"action"}),approval:/* @__PURE__ */e.jsx(q.default,{color:"warning"})};return{id:t.id,type:t.action||t.notification_type||"info",title:n.default(t.title),message:t.message,timestamp:(e=>{const t=new Date(e),a=/* @__PURE__ */new Date-t,r=Math.floor(a/6e4),n=Math.floor(a/36e5),i=Math.floor(a/864e5);return r<1?"Just now":r<60?`${r} minute${r>1?"s":""} ago`:n<24?`${n} hour${n>1?"s":""} ago`:i<7?`${i} day${i>1?"s":""} ago`:t.toLocaleDateString()})(t.created_at),read:"read"===t.status,avatar:(e=>{if(!e)return null;const t=e.first_name||"",a=e.last_name||"";return t||a?(t.charAt(0)+a.charAt(0)).toUpperCase():null})(t.performed_user),performedByName:(r=t.performed_user,r&&`${r.first_name||""} ${r.last_name||""}`.trim()||null),module:t.module,subModule:t.sub_module,subModuleId:t.sub_module_id,status:t.status,icon:a[t.module]||a[t.action]||/* @__PURE__ */e.jsx(w.default,{color:"action"})};var r},ne=t.useCallback(async(e=!1)=>{if(!e||!te.current){e?(te.current=!0,L(!0)):(B(!0),Q(e=>({...e,skip:0,hasMore:!0}))),U(null);try{const t=e?K.skip:0,n=await a.getV1Notification({skip:t,limit:K.limit,...r.getToken()});if(!n.success||!n.data)throw Y(0),new Error(n.message||"Failed to load notifications");{const a=n.data.notifications.map(re);D(e?e=>[...e,...a]:a);const r=t+n.data.notifications.length,i=r<n.data.pagination.totalCount;if(Q(e=>({...e,skip:r,totalCount:n.data.pagination.totalCount,hasMore:i})),!e){const e=n.data.pagination.unreadCount;Y(e)}}}catch(t){U("Failed to load notifications")}finally{B(!1),L(!1),e&&(te.current=!1)}}},[K.limit,K.skip]),ie=t.useCallback(e=>{const{scrollTop:t,scrollHeight:a,clientHeight:r}=e.target;t+r>=a-50&&!te.current&&!O&&K.hasMore&&ne(!0)},[ne,O,K.hasMore]),oe=()=>{F(null)},se=t=>{if(t.icon)return t.icon;switch(t.type){case"approval":/* @__PURE__ */
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),a=require("../../../../../api-client/api.system-feature/api/index.js"),r=require("../../../../../utils/common/index.js"),n=require("../../../../../utils/format-text/index.js"),i=require("../../../../typography/typography/index.js"),o=require("../../../../../images/index.js"),s=require("../../../../../utils/route-utils/index.js"),d=require("../../../../../constants/pathnames/pathname.accounting/index.js"),l=require("../../../../../constants/pathnames/pathname.rental/index.js"),u=require("../../../../../constants/pathnames/pathname.inventory/index.js"),c=require("../../../../../constants/pathnames/pathname.manufacturing/index.js"),m=require("../../../../../constants/pathnames/pathname.procurement/index.js"),h=require("../../../../../constants/pathnames/pathname.crm/index.js"),g=require("react-router-dom"),x=require("../../../../button/button/index.js"),p=require("../../../../../node_modules/notistack/notistack.esm/index.js"),f=require("../../../../../node_modules/@mui/material/Box/Box/index.js"),j=require("../../../../../node_modules/@mui/material/IconButton/IconButton/index.js"),y=require("../../../../../node_modules/@mui/material/Badge/Badge/index.js"),_=require("../../../../icons/notification/index.js"),E=require("../../../../../node_modules/@mui/material/Menu/Menu/index.js"),R=require("../../../../../node_modules/@mui/material/CircularProgress/CircularProgress/index.js"),S=require("../../../../icons/tick/index.js"),b=require("../../../../../node_modules/@mui/material/Skeleton/Skeleton/index.js"),I=require("../../../../../node_modules/@mui/material/Alert/Alert/index.js"),P=require("../../../../../node_modules/@mui/material/MenuItem/MenuItem/index.js"),v=require("../../../../../node_modules/@mui/material/ListItemAvatar/ListItemAvatar/index.js"),W=require("../../../../../node_modules/@mui/material/Avatar/Avatar/index.js"),C=require("../../../../../node_modules/@mui/material/ListItemText/ListItemText/index.js"),T=require("../../../../../node_modules/@mui/icons-material/esm/Person/index.js"),w=require("../../../../../node_modules/@mui/icons-material/esm/CheckCircle/index.js"),A=require("../../../../../node_modules/@mui/icons-material/esm/Warning/index.js"),k=require("../../../../../node_modules/@mui/icons-material/esm/Email/index.js"),q=require("../../../../../node_modules/@mui/icons-material/esm/Assignment/index.js"),N=require("../../../../../node_modules/@mui/icons-material/esm/AccountBalance/index.js");const M={rbac:o.images.user,document:o.images.document,"accounts-and-finance":o.images.accounting,inventory:o.images.inventory,manufacturing:o.images.manufacturing,sales:o.images.crm,rental:o.images.rental,user:o.images.user,purchase:o.images.procurement,hrms:o.images.hrms},V={rbac:"#F3E5F5",document:"#FFF8E1","accounts-and-finance":"#E8F5E8",inventory:"#E3F2FD",manufacturing:"#FFF3E0",sales:"#F3E5F5",rental:"#E8F5E8",user:"#F3E5F5",purchase:"#FCE4EC",hrms:"#fcfcfc"},F=()=>{const[o,F]=t.useState(null),[G,D]=t.useState([]),[O,B]=t.useState(!1),[z,L]=t.useState(!1),[H,U]=t.useState(null),[$,Y]=t.useState(0),[X,J]=t.useState(!1),[K,Q]=t.useState({skip:0,limit:10,totalCount:0,hasMore:!0}),Z=g.useNavigate(),ee=t.useRef(null),te=t.useRef(!1),ae=Boolean(o),re=t=>{const a={"accounts-and-finance":/* @__PURE__ */e.jsx(N.default,{color:"primary"}),user:/* @__PURE__ */e.jsx(T.default,{color:"action"}),approval:/* @__PURE__ */e.jsx(q.default,{color:"warning"})};return{id:t.id,type:t.action||t.notification_type||"info",title:n.formatText(t.title),message:t.message,timestamp:(e=>{const t=new Date(e),a=/* @__PURE__ */new Date-t,r=Math.floor(a/6e4),n=Math.floor(a/36e5),i=Math.floor(a/864e5);return r<1?"Just now":r<60?`${r} minute${r>1?"s":""} ago`:n<24?`${n} hour${n>1?"s":""} ago`:i<7?`${i} day${i>1?"s":""} ago`:t.toLocaleDateString()})(t.created_at),read:"read"===t.status,avatar:(e=>{if(!e)return null;const t=e.first_name||"",a=e.last_name||"";return t||a?(t.charAt(0)+a.charAt(0)).toUpperCase():null})(t.performed_user),performedByName:(r=t.performed_user,r&&`${r.first_name||""} ${r.last_name||""}`.trim()||null),module:t.module,subModule:t.sub_module,subModuleId:t.sub_module_id,status:t.status,icon:a[t.module]||a[t.action]||/* @__PURE__ */e.jsx(T.default,{color:"action"})};var r},ne=t.useCallback(async(e=!1)=>{if(!e||!te.current){e?(te.current=!0,L(!0)):(B(!0),Q(e=>({...e,skip:0,hasMore:!0}))),U(null);try{const t=e?K.skip:0,n=await a.getV1Notification({skip:t,limit:K.limit,...r.getToken()});if(!n.success||!n.data)throw Y(0),new Error(n.message||"Failed to load notifications");{const a=n.data.notifications.map(re);D(e?e=>[...e,...a]:a);const r=t+n.data.notifications.length,i=r<n.data.pagination.totalCount;if(Q(e=>({...e,skip:r,totalCount:n.data.pagination.totalCount,hasMore:i})),!e){const e=n.data.pagination.unreadCount;Y(e)}}}catch(t){U("Failed to load notifications")}finally{B(!1),L(!1),e&&(te.current=!1)}}},[K.limit,K.skip]),ie=t.useCallback(e=>{const{scrollTop:t,scrollHeight:a,clientHeight:r}=e.target;t+r>=a-50&&!te.current&&!O&&K.hasMore&&ne(!0)},[ne,O,K.hasMore]),oe=()=>{F(null)},se=t=>{if(t.icon)return t.icon;switch(t.type){case"approval":/* @__PURE__ */
 return e.jsx(q.default,{color:"warning"});case"user":default:/* @__PURE__ */
-return e.jsx(w.default,{color:"action"});case"message":/* @__PURE__ */
+return e.jsx(T.default,{color:"action"});case"message":/* @__PURE__ */
 return e.jsx(k.default,{color:"primary"});case"warning":/* @__PURE__ */
 return e.jsx(A.default,{color:"warning"});case"success":/* @__PURE__ */
-return e.jsx(T.default,{color:"success"})}},de=t.useCallback(async()=>{if(!X){if(J(!0),!$)return p.enqueueSnackbar("No unread notifications!"),void J(!1);try{await a.getV1NotificationMarkAllAsRead({...r.getToken()}),D(e=>e.map(e=>({...e,read:!0,status:"read"}))),Y(0)}catch(e){const t=r.getErrorMessage(e.message);p.enqueueSnackbar(t,{variant:"error"})}finally{J(!1)}}},[X,$]);return t.useEffect(()=>{ae||setTimeout(()=>{D([])},500)},[ae]),/* @__PURE__ */e.jsxs(f.default,{children:[
+return e.jsx(w.default,{color:"success"})}},de=t.useCallback(async()=>{if(!X){if(J(!0),!$)return p.enqueueSnackbar("No unread notifications!"),void J(!1);try{await a.getV1NotificationMarkAllAsRead({...r.getToken()}),D(e=>e.map(e=>({...e,read:!0,status:"read"}))),Y(0)}catch(e){const t=r.getErrorMessage(e.message);p.enqueueSnackbar(t,{variant:"error"})}finally{J(!1)}}},[X,$]);return t.useEffect(()=>{ae||setTimeout(()=>{D([])},500)},[ae]),/* @__PURE__ */e.jsxs(f.default,{children:[
 /* @__PURE__ */e.jsx(j.default,{"aria-label":"notifications","aria-controls":ae?"notification-menu":void 0,"aria-haspopup":"true","aria-expanded":ae?"true":void 0,onClick:e=>{F(e.currentTarget),0===G.length&&ne()},children:/* @__PURE__ */e.jsx(y.default,{badgeContent:$,color:"error",children:/* @__PURE__ */e.jsx(_.Notification,{fontSize:"medium"})})}),
 /* @__PURE__ */e.jsxs(E.default,{id:"notification-menu",anchorEl:o,open:ae,onClose:oe,ref:ee,slotProps:{paper:{sx:{overflow:"visible",minWidth:400,maxWidth:450,maxHeight:520,"&:before":{content:'""',display:"block",position:"absolute",top:0,right:"50%",width:10,height:10,bgcolor:"background.paper",transform:"translateY(-50%) translateX(50%) rotate(45deg)",zIndex:0,border:"1px solid",borderColor:({palette:e})=>e.grey[300]}}}},sx:{"& .MuiList-root":{borderRadius:"8px",maxHeight:520,overflowY:"auto",padding:0}},transformOrigin:{horizontal:"center",vertical:"top"},anchorOrigin:{horizontal:"center",vertical:"bottom"},onScroll:ie,children:[
 /* @__PURE__ */e.jsxs(f.default,{sx:{px:2,py:1,borderBottom:"1px solid #e0e0e0",backgroundColor:"#fafafa"},children:[
 /* @__PURE__ */e.jsx(i.Typography,{type:"h5",weight:"bold",color:"grey.1000",children:"Notifications"}),$>0&&/* @__PURE__ */e.jsxs(f.default,{sx:{display:"flex",justifyContent:"space-between",width:"100%",alignItems:"center"},children:[
 /* @__PURE__ */e.jsxs(i.Typography,{type:"s4",color:"grey.800",children:["You have ",$," unread notification",$>1?"s":""]}),
-/* @__PURE__ */e.jsx(x.default,{variant:"text",startIcon:X?/* @__PURE__ */e.jsx(R.default,{size:15,color:"inherit"}):/* @__PURE__ */e.jsx(S.Tick,{sx:{fontSize:"0.75rem !important"},color:"grey.900"}),sx:{p:0},onClick:de,disabled:$<=0||X,children:/* @__PURE__ */e.jsx(i.Typography,{type:"s4",color:"grey.900",children:"Mark all as read"})})]})]}),O&&0===G.length&&/* @__PURE__ */e.jsxs(e.Fragment,{children:[
+/* @__PURE__ */e.jsx(x.Button,{variant:"text",startIcon:X?/* @__PURE__ */e.jsx(R.default,{size:15,color:"inherit"}):/* @__PURE__ */e.jsx(S.Tick,{sx:{fontSize:"0.75rem !important"},color:"grey.900"}),sx:{p:0},onClick:de,disabled:$<=0||X,children:/* @__PURE__ */e.jsx(i.Typography,{type:"s4",color:"grey.900",children:"Mark all as read"})})]})]}),O&&0===G.length&&/* @__PURE__ */e.jsxs(e.Fragment,{children:[
 /* @__PURE__ */e.jsx(f.default,{sx:{display:"flex",flexDirection:"column",gap:1,justifyContent:"center",minWidth:400,p:1,m:1,backgroundColor:"grey.200",borderRadius:"8px"},children:/* @__PURE__ */e.jsxs(f.default,{sx:{display:"flex",gap:1},children:[
 /* @__PURE__ */e.jsx(b.default,{variant:"rounded",width:40,height:40}),
 /* @__PURE__ */e.jsxs(f.default,{sx:{display:"flex",flexDirection:"column",gap:.5},children:[
@@ -44,5 +44,5 @@ return e.jsx(T.default,{color:"success"})}},de=t.useCallback(async()=>{if(!X){if
 /* @__PURE__ */e.jsx(R.default,{size:20}),
 /* @__PURE__ */e.jsx(i.Typography,{variant:"body2",sx:{ml:1.5,color:"text.secondary"},children:"Loading more..."})]}),!K.hasMore&&G.length>0&&/* @__PURE__ */e.jsx(f.default,{sx:{textAlign:"center",py:1.5,px:2},children:/* @__PURE__ */e.jsx(i.Typography,{type:"s3",color:"grey.800",textAlign:"center",children:"No more notifications"})})]}),!O&&!H&&0===G.length&&/* @__PURE__ */e.jsxs(f.default,{sx:{p:4,textAlign:"center"},children:[
 /* @__PURE__ */e.jsx(_.Notification,{sx:{fontSize:56,color:"text.secondary",mb:2}}),
-/* @__PURE__ */e.jsx(i.Typography,{type:"s1",color:"grey.800",sx:{mb:1},textAlign:"center",children:"No notifications yet"})]})]})]})};
+/* @__PURE__ */e.jsx(i.Typography,{type:"s1",color:"grey.800",sx:{mb:1},textAlign:"center",children:"No notifications yet"})]})]})]})};exports.NotificationMenu=F,exports.default=F;
 //# sourceMappingURL=index.js.map