@erpsquad/common 1.8.41 → 1.8.43

package/dist/components/header/components/index.d.ts

@@ -0,0 +1 @@
+export * from './notification-menu';

package/dist/components/header/components/notification-menu/index.d.ts

@@ -0,0 +1,2 @@
+export { default as NotificationMenu } from './notification-menu';
+export * from './notification-menu';

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

@@ -18,6 +18,7 @@ import { enqueueSnackbar } from "../../../../../node_modules/notistack/notistack
 import Box from "../../../../../node_modules/@mui/material/Box/Box/index.esm.js";
 import IconButton from "../../../../../node_modules/@mui/material/IconButton/IconButton/index.esm.js";
 import Badge from "../../../../../node_modules/@mui/material/Badge/Badge/index.esm.js";
+import { Notification } from "../../../../icons/notification/index.esm.js";
 import Menu from "../../../../../node_modules/@mui/material/Menu/Menu/index.esm.js";
 import CircularProgress from "../../../../../node_modules/@mui/material/CircularProgress/CircularProgress/index.esm.js";
 import { Tick } from "../../../../icons/tick/index.esm.js";
@@ -33,7 +34,6 @@ import WarningIcon from "../../../../../node_modules/@mui/icons-material/esm/War
 import EmailIcon from "../../../../../node_modules/@mui/icons-material/esm/Email/index.esm.js";
 import AssignmentIcon from "../../../../../node_modules/@mui/icons-material/esm/Assignment/index.esm.js";
 import AccountBalanceIcon from "../../../../../node_modules/@mui/icons-material/esm/AccountBalance/index.esm.js";
-import { Notification } from "../../../../icons/notification/index.esm.js";
 const getNotificationUrl = (data) => {
   var _a;
   const { moduleName = "", moduleId = "", notificationData = {} } = data;

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

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

package/dist/components/header/components/notification-menu/notification-menu.d.ts

@@ -0,0 +1,2 @@
+declare const NotificationMenu: () => import("react/jsx-runtime").JSX.Element;
+export default NotificationMenu;

package/dist/components/header/header/index.esm.js

@@ -22,9 +22,9 @@ import MenuItem from "../../../node_modules/@mui/material/MenuItem/MenuItem/inde
 import ListItemIcon from "../../../node_modules/@mui/material/ListItemIcon/ListItemIcon/index.esm.js";
 import ListItemText from "../../../node_modules/@mui/material/ListItemText/ListItemText/index.esm.js";
 import Divider from "../../../node_modules/@mui/material/Divider/Divider/index.esm.js";
+import { Eye } from "../../icons/eye/index.esm.js";
 import Box from "../../../node_modules/@mui/material/Box/Box/index.esm.js";
 import IconButton from "../../../node_modules/@mui/material/IconButton/IconButton/index.esm.js";
-import { Eye } from "../../icons/eye/index.esm.js";
 function Header(props) {
   const navigate = useNavigate();
   const { t } = useTranslation();

package/dist/components/header/header/index.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),a=require("react"),l=require("react-router-dom"),s=require("react-i18next"),n=,/* empty css                                                    */r=,/* empty css                                                                 */i=,/* empty css                                           */o=,/* empty css                                 */t=,/* empty css                     */u=,/* empty css                         */d=,/* empty css                                */c=,/* empty css                         */m=,/* empty css                            */g=,/* empty css                                       */h=;/* empty css                                */;/* empty css                    */var x=,/* empty css                                */j=,/* empty css                                                     */f=,/* empty css                                                       */p=,/* empty css                                                   */v=,/* empty css                                                           */y=,/* empty css                                                                   */_=,/* empty css                                                                   */b=,/* empty css                                                         */q=,/* empty css                                                 */N=,/* empty css                                                               */w=;/* empty css                     */function L(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var k=/* @__PURE__ */L(a);function S(L){const S=l.useNavigate(),{t:C}=s.useTranslation(),I=l.useLocation(),{logout:A,user:T}=m.useAuth(),{languages:z,currentLanguage:M,changeLanguage:B,isLoading:D,error:F,isFallbackActive:E,fetchLanguages:O,isRtl:P}=x.useLanguage(),{pathname:R}=I,[W,$]=k.default.useState(null),[G,H]=a.useState(!1),[V,J]=a.useState(null),[K,Q]=a.useState(!1),U=localStorage.getItem("_u_data")||void 0,X=U?JSON.parse(U):"",Y=Boolean(W),Z=()=>H(!G),ee=a.useCallback(e=>{const a=Array.isArray(e)?e.map(e=>({path:e})):[{path:e}];return Boolean(l.matchRoutes(a,I))},[I]),ae=a.useMemo(()=>d.default(C),[C]),le=a.useMemo(()=>ae.find(e=>{var a;return(null==(a=null==e?void 0:e.link)?void 0:a.toLowerCase())===R.toLowerCase()||ee(e.connectedRoutes)})||null,[ae,R,ee]),se=e=>{const a=e.target.value;if(J(null),!z||0===z.length){const e=C("header.language_not_available")||"Languages not available";return void J(e)}if(z.some(e=>e.code===a))try{B(a)}catch(l){const e=l instanceof Error?l.message:"Failed to change language";J(e)}else{const e=C("header.language_not_found",{language:a})||`Selected language "${a}" is not available`;J(e)}},ne=async()=>{J(null);try{await O()}catch(e){J("Failed to reload languages")}},re="primary-search-account-menu",ie=/* @__PURE__ */e.jsxs(p.default,{className:"main-profile-menu",anchorEl:W,id:re,keepMounted:!0,open:Y,onClose:()=>{$(null)},children:[
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),a=require("react"),l=require("react-router-dom"),s=require("react-i18next"),n=,/* empty css                                                    */r=,/* empty css                                                                 */i=,/* empty css                                           */o=,/* empty css                                 */t=,/* empty css                     */u=,/* empty css                         */d=,/* empty css                                */c=,/* empty css                         */m=,/* empty css                            */g=,/* empty css                                       */h=;/* empty css                                */;/* empty css                    */var x=,/* empty css                                */j=,/* empty css                                                     */f=,/* empty css                                                       */p=,/* empty css                                                   */v=,/* empty css                                                           */y=,/* empty css                                                                   */_=,/* empty css                                                                   */b=,/* empty css                                                         */q=,/* empty css                     */N=,/* empty css                                                 */w=;/* empty css                                                               */function L(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var k=/* @__PURE__ */L(a);function S(L){const S=l.useNavigate(),{t:C}=s.useTranslation(),I=l.useLocation(),{logout:A,user:T}=m.useAuth(),{languages:z,currentLanguage:M,changeLanguage:B,isLoading:D,error:F,isFallbackActive:E,fetchLanguages:O,isRtl:P}=x.useLanguage(),{pathname:R}=I,[W,$]=k.default.useState(null),[G,H]=a.useState(!1),[V,J]=a.useState(null),[K,Q]=a.useState(!1),U=localStorage.getItem("_u_data")||void 0,X=U?JSON.parse(U):"",Y=Boolean(W),Z=()=>H(!G),ee=a.useCallback(e=>{const a=Array.isArray(e)?e.map(e=>({path:e})):[{path:e}];return Boolean(l.matchRoutes(a,I))},[I]),ae=a.useMemo(()=>d.default(C),[C]),le=a.useMemo(()=>ae.find(e=>{var a;return(null==(a=null==e?void 0:e.link)?void 0:a.toLowerCase())===R.toLowerCase()||ee(e.connectedRoutes)})||null,[ae,R,ee]),se=e=>{const a=e.target.value;if(J(null),!z||0===z.length){const e=C("header.language_not_available")||"Languages not available";return void J(e)}if(z.some(e=>e.code===a))try{B(a)}catch(l){const e=l instanceof Error?l.message:"Failed to change language";J(e)}else{const e=C("header.language_not_found",{language:a})||`Selected language "${a}" is not available`;J(e)}},ne=async()=>{J(null);try{await O()}catch(e){J("Failed to reload languages")}},re="primary-search-account-menu",ie=/* @__PURE__ */e.jsxs(p.default,{className:"main-profile-menu",anchorEl:W,id:re,keepMounted:!0,open:Y,onClose:()=>{$(null)},children:[
 /* @__PURE__ */e.jsx(v.default,{className:"user-assigned",children:/* @__PURE__ */e.jsx("span",{children:C("common.assigned_roles")||"Assigned roles"})}),
 /* @__PURE__ */e.jsxs(v.default,{className:"user-data-wrap",value:X.role_id,children:[
 /* @__PURE__ */e.jsx(y.default,{children:/* @__PURE__ */e.jsx(c.Avatar,{size:27,alt:X.role_name})}),
@@ -6,28 +6,28 @@
 /* @__PURE__ */e.jsx(o.Typography,{variant:"body2",color:"text.secondary",children:/* @__PURE__ */e.jsx("img",{src:t.images.tickicon,alt:"Active"})})]}),
 /* @__PURE__ */e.jsx(b.default,{}),
 /* @__PURE__ */e.jsxs(v.default,{className:"user-assigned",onClick:()=>{Q(!0),$(null)},children:[
-/* @__PURE__ */e.jsx(y.default,{children:/* @__PURE__ */e.jsx(w.Eye,{fontSize:"medium",width:20,height:20,htmlColor:"#292D32"})}),
+/* @__PURE__ */e.jsx(y.default,{children:/* @__PURE__ */e.jsx(q.Eye,{fontSize:"medium",width:20,height:20,htmlColor:"#292D32"})}),
 /* @__PURE__ */e.jsx(_.default,{className:"size15",children:C("common.change_password")})]}),
 /* @__PURE__ */e.jsx(b.default,{}),
 /* @__PURE__ */e.jsxs(v.default,{className:"menu-item-color",onClick:()=>{Z(),$(null)},children:[
 /* @__PURE__ */e.jsx(y.default,{children:/* @__PURE__ */e.jsx("img",{src:t.images.logout,alt:"logout"})}),
 /* @__PURE__ */e.jsx(_.default,{className:"size15",children:C("common.logout")})]})]});/* @__PURE__ */
 return e.jsxs(e.Fragment,{children:[
-/* @__PURE__ */e.jsxs(q.default,{className:"main-box",children:[!L.isDropdownShow&&/* @__PURE__ */e.jsx(l.Link,{to:T?i.Pathname.DASHBOARD:i.Pathname.LOGIN,children:/* @__PURE__ */e.jsx("img",{src:t.images.logo,alt:"logo"})}),
-/* @__PURE__ */e.jsx(q.default,{className:"second-box",children:L.isDropdownShow&&/* @__PURE__ */e.jsxs(e.Fragment,{children:[
-/* @__PURE__ */e.jsx(N.default,{onClick:()=>{window.history.back()},children:/* @__PURE__ */e.jsx(r.default,{className:P?"arrow-pointer_rtl":"arrow-pointer"})}),
-/* @__PURE__ */e.jsx(q.default,{width:250,children:/* @__PURE__ */e.jsx(u.default,{fullWidth:!0,placeholder:"Placeholder",size:"small",value:(null==le?void 0:le.link)||"",onChange:e=>{const a=e.target.value;setTimeout(()=>{S(a)},300)},className:"select-box",variant:"outlined",renderValue:a=>/* @__PURE__ */e.jsx(e.Fragment,{children:le?/* @__PURE__ */e.jsxs(q.default,{className:"selected-menu-box",children:[
+/* @__PURE__ */e.jsxs(N.default,{className:"main-box",children:[!L.isDropdownShow&&/* @__PURE__ */e.jsx(l.Link,{to:T?i.Pathname.DASHBOARD:i.Pathname.LOGIN,children:/* @__PURE__ */e.jsx("img",{src:t.images.logo,alt:"logo"})}),
+/* @__PURE__ */e.jsx(N.default,{className:"second-box",children:L.isDropdownShow&&/* @__PURE__ */e.jsxs(e.Fragment,{children:[
+/* @__PURE__ */e.jsx(w.default,{onClick:()=>{window.history.back()},children:/* @__PURE__ */e.jsx(r.default,{className:P?"arrow-pointer_rtl":"arrow-pointer"})}),
+/* @__PURE__ */e.jsx(N.default,{width:250,children:/* @__PURE__ */e.jsx(u.default,{fullWidth:!0,placeholder:"Placeholder",size:"small",value:(null==le?void 0:le.link)||"",onChange:e=>{const a=e.target.value;setTimeout(()=>{S(a)},300)},className:"select-box",variant:"outlined",renderValue:a=>/* @__PURE__ */e.jsx(e.Fragment,{children:le?/* @__PURE__ */e.jsxs(N.default,{className:"selected-menu-box",children:[
 /* @__PURE__ */e.jsx("img",{src:le.icon,alt:le.label}),le.label]}):a}),children:ae.map((a,l)=>/* @__PURE__ */e.jsxs(v.default,{className:"select-box-menu-item",value:a.link,children:[
 /* @__PURE__ */e.jsx("img",{src:a.icon,alt:a.label}),a.label]},l))})})]})}),
-/* @__PURE__ */e.jsxs(q.default,{className:"header-right-wrap",children:[
-/* @__PURE__ */e.jsx(q.default,{className:"language-selector-wrapper",children:(()=>{const a=z&&0!==z.length?z.some(e=>"en"===e.code)?z:[{code:"en",label:"English",direction:"ltr"},...z]:[{code:"en",label:"English",direction:"ltr"}],l=(null==M?void 0:M.code)||"en";return D?/* @__PURE__ */e.jsx(q.default,{className:"language-loading",children:/* @__PURE__ */e.jsx(o.Typography,{variant:"body2",color:"text.secondary",children:"Loading..."})}):/* @__PURE__ */e.jsxs(u.default,{onChange:se,size:"small",value:l,renderValue:()=>M?E||F?`${M.label}`:M.label:C("header.select_language")||"Select Language",error:!!V,className:E||F?"language-fallback-active":"",children:[a.map(({code:a,label:l})=>/* @__PURE__ */e.jsx(v.default,{value:a,children:/* @__PURE__ */e.jsx(o.Typography,{type:"s4",weight:"medium",color:"theme.secondary.1000",children:l})},a)),F&&/* @__PURE__ */e.jsx(v.default,{onClick:ne,style:{fontStyle:"italic"},children:/* @__PURE__ */e.jsxs(o.Typography,{type:"s4",weight:"medium",color:"theme.secondary.500",children:["🔄 ",C("header.retry_languages")||"Retry loading languages"]})})]})})()}),
+/* @__PURE__ */e.jsxs(N.default,{className:"header-right-wrap",children:[
+/* @__PURE__ */e.jsx(N.default,{className:"language-selector-wrapper",children:(()=>{const a=z&&0!==z.length?z.some(e=>"en"===e.code)?z:[{code:"en",label:"English",direction:"ltr"},...z]:[{code:"en",label:"English",direction:"ltr"}],l=(null==M?void 0:M.code)||"en";return D?/* @__PURE__ */e.jsx(N.default,{className:"language-loading",children:/* @__PURE__ */e.jsx(o.Typography,{variant:"body2",color:"text.secondary",children:"Loading..."})}):/* @__PURE__ */e.jsxs(u.default,{onChange:se,size:"small",value:l,renderValue:()=>M?E||F?`${M.label}`:M.label:C("header.select_language")||"Select Language",error:!!V,className:E||F?"language-fallback-active":"",children:[a.map(({code:a,label:l})=>/* @__PURE__ */e.jsx(v.default,{value:a,children:/* @__PURE__ */e.jsx(o.Typography,{type:"s4",weight:"medium",color:"theme.secondary.1000",children:l})},a)),F&&/* @__PURE__ */e.jsx(v.default,{onClick:ne,style:{fontStyle:"italic"},children:/* @__PURE__ */e.jsxs(o.Typography,{type:"s4",weight:"medium",color:"theme.secondary.500",children:["🔄 ",C("header.retry_languages")||"Retry loading languages"]})})]})})()}),
 /* @__PURE__ */e.jsx(f.default,{}),
-/* @__PURE__ */e.jsx(N.default,{size:"small","aria-label":"help",className:"p-0",children:/* @__PURE__ */e.jsx("img",{src:t.images.question,alt:"question icon"})}),
-/* @__PURE__ */e.jsx("img",{src:t.images.vdivider,alt:"divider icon"}),localStorage.getItem("_tid")?/* @__PURE__ */e.jsxs(q.default,{className:"user-profile-box",onClick:e=>$(e.currentTarget),children:[
+/* @__PURE__ */e.jsx(w.default,{size:"small","aria-label":"help",className:"p-0",children:/* @__PURE__ */e.jsx("img",{src:t.images.question,alt:"question icon"})}),
+/* @__PURE__ */e.jsx("img",{src:t.images.vdivider,alt:"divider icon"}),localStorage.getItem("_tid")?/* @__PURE__ */e.jsxs(N.default,{className:"user-profile-box",onClick:e=>$(e.currentTarget),children:[
 /* @__PURE__ */e.jsx(c.Avatar,{size:32,src:(null==T?void 0:T.profile_image)?`https://erpforce-dev.s3.eu-west-1.amazonaws.com/${null==T?void 0:T.profile_image}`:void 0,alt:h.default(null==T?void 0:T.full_name),className:"avatar-class"}),
 /* @__PURE__ */e.jsxs("div",{children:[
 /* @__PURE__ */e.jsx(o.Typography,{className:"profile-name",children:null==T?void 0:T.full_name}),
-/* @__PURE__ */e.jsx(o.Typography,{className:"user-auth",children:null==T?void 0:T.role_name})]})]}):/* @__PURE__ */e.jsx(N.default,{size:"large",edge:"end","aria-label":"account of current user","aria-controls":re,"aria-haspopup":"true",component:l.Link,to:i.Pathname.LOGIN,color:"inherit",children:/* @__PURE__ */e.jsx(n.default,{className:"icon-btn"})})]}),ie]}),
+/* @__PURE__ */e.jsx(o.Typography,{className:"user-auth",children:null==T?void 0:T.role_name})]})]}):/* @__PURE__ */e.jsx(w.default,{size:"large",edge:"end","aria-label":"account of current user","aria-controls":re,"aria-haspopup":"true",component:l.Link,to:i.Pathname.LOGIN,color:"inherit",children:/* @__PURE__ */e.jsx(n.default,{className:"icon-btn"})})]}),ie]}),
 /* @__PURE__ */e.jsx(g.default,{open:G,title:C("common.logout"),description:C("common.logout_confirmation")||"Are you sure, you want to logout?",onConfirm:()=>A(),onClose:Z,fullWidth:!0,maxWidth:"xs",buttonTexts:{confirm:C("common.logout"),cancel:C("common.cancel")}}),
 /* @__PURE__ */e.jsx(j.default,{showModal:K,setShowModal:Q})]})}exports.Header=S,exports.default=S;
 //# sourceMappingURL=index.js.map