@erpsquad/common 1.8.41 → 1.8.42

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/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

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

@@ -0,0 +1,405 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import React__default, { useState, useCallback, useEffect } from "react";
+import { useNavigate, useLocation, matchRoutes, Link } from "react-router-dom";
+import { useTranslation } from "react-i18next";
+import default_1$1 from "../../../node_modules/@mui/icons-material/Lock/index.esm.js";
+import default_1 from "../../../node_modules/@mui/icons-material/KeyboardBackspace/index.esm.js";
+import { Typography } from "../../typography/typography/index.esm.js";
+import { images } from "../../../images/index.esm.js";
+import Select from "../../select/select/index.esm.js";
+import modules from "../../../constants/modules/index.esm.js";
+import { Avatar } from "../../avatar/avatar/index.esm.js";
+import { useAuth } from "../../../hooks/useAuth/index.esm.js";
+import ConfirmPopUp from "../../confirm-modal/confirm-modal/index.esm.js";
+import formatText from "../../../utils/format-text/index.esm.js";
+import { useLanguage } from "../../../hooks/useLangauge/index.esm.js";
+import ResetPasswordModal from "../../reset-password-modal/reset-password-modal/index.esm.js";
+import NotificationMenu from "../components/notification-menu/notification-menu/index.esm.js";
+/* empty css                       */
+import Menu from "../../../node_modules/@mui/material/Menu/Menu/index.esm.js";
+import MenuItem from "../../../node_modules/@mui/material/MenuItem/MenuItem/index.esm.js";
+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";
+function HeaderEnhanced(props) {
+  var _a, _b, _c, _d;
+  const {
+    isDropdownShow,
+    // Non-Redux props
+    languages: propLanguages = [],
+    currentLanguage: propCurrentLanguage,
+    languagesLoading: propLanguagesLoading = false,
+    languageError: propLanguageError = "",
+    onLanguageChange,
+    onFetchLanguages,
+    // Redux integration
+    useRedux = false
+  } = props;
+  const navigate = useNavigate();
+  const { t } = useTranslation();
+  const location = useLocation();
+  const { logout, user } = useAuth();
+  let reduxLanguageState = {
+    languages: [],
+    currentLanguage: { label: "English", code: "en", direction: "ltr" },
+    isLoading: false,
+    error: "",
+    isFallbackActive: false,
+    isRtl: false
+  };
+  let dispatch = null;
+  let reduxActions = {};
+  if (useRedux) {
+    try {
+      const { useAppSelector, useAppDispatch } = require("../../redux/hooks");
+      const { fetchLanguages } = require("../../redux/slices");
+      const headerState = useAppSelector((store) => store.header || {});
+      dispatch = useAppDispatch();
+      reduxActions = { fetchLanguages };
+      reduxLanguageState = {
+        languages: ((_a = headerState.languagesData) == null ? void 0 : _a.data) || [],
+        currentLanguage: headerState.currentLanguage || reduxLanguageState.currentLanguage,
+        isLoading: ((_b = headerState.languagesData) == null ? void 0 : _b.isLoading) || false,
+        error: ((_c = headerState.languagesData) == null ? void 0 : _c.error) || "",
+        isFallbackActive: false,
+        // This would need to be computed
+        isRtl: ((_d = headerState.currentLanguage) == null ? void 0 : _d.direction) === "rtl"
+      };
+    } catch (error) {
+      console.warn("Redux not available for Header, falling back to prop-based data");
+    }
+  }
+  const {
+    languages: hookLanguages,
+    currentLanguage: hookCurrentLanguage,
+    changeLanguage: hookChangeLanguage,
+    isLoading: hookLanguagesLoading,
+    error: hookLanguageError,
+    isFallbackActive: hookIsFallbackActive,
+    fetchLanguages: hookFetchLanguages,
+    isRtl: hookIsRtl
+  } = useLanguage();
+  const languages = useRedux ? reduxLanguageState.languages : propLanguages.length > 0 ? propLanguages : hookLanguages;
+  const currentLanguage = useRedux ? reduxLanguageState.currentLanguage : propCurrentLanguage || hookCurrentLanguage;
+  const languagesLoading = useRedux ? reduxLanguageState.isLoading : propLanguagesLoading || hookLanguagesLoading;
+  const languageContextError = useRedux ? reduxLanguageState.error : propLanguageError || hookLanguageError;
+  const isFallbackActive = useRedux ? reduxLanguageState.isFallbackActive : hookIsFallbackActive;
+  const isRtl = useRedux ? reduxLanguageState.isRtl : hookIsRtl;
+  const { pathname } = location;
+  const [anchorEl, setAnchorEl] = React__default.useState(null);
+  const [logoutConfirmation, setLogoutConfirmation] = useState(false);
+  const [selectedModule, setSelectedModule] = useState(null);
+  const [erp_modules, setModules] = useState([]);
+  const [localLanguageError, setLocalLanguageError] = useState(null);
+  const [showModal, setShowModal] = useState(false);
+  const u_data = localStorage.getItem("_u_data") || void 0;
+  const userData = u_data ? JSON.parse(u_data) : "";
+  const isMenuOpen = Boolean(anchorEl);
+  const handleLogoutConfirmation = () => setLogoutConfirmation(!logoutConfirmation);
+  const checkMatchedRoutes = useCallback(
+    (paths) => {
+      const shouldMatch = Array.isArray(paths) ? paths.map((path) => ({ path })) : [{ path: paths }];
+      return Boolean(matchRoutes(shouldMatch, location));
+    },
+    [location]
+  );
+  const handleChangePasswordView = () => {
+    setShowModal(true);
+  };
+  useEffect(() => {
+    const moduleName = erp_modules.find(
+      (module) => {
+        var _a2;
+        return ((_a2 = module == null ? void 0 : module.link) == null ? void 0 : _a2.toLowerCase()) === pathname.toLowerCase() || checkMatchedRoutes(module.connectedRoutes);
+      }
+    );
+    if (moduleName) {
+      setSelectedModule(moduleName);
+    }
+  }, [pathname, erp_modules, checkMatchedRoutes]);
+  useEffect(() => {
+    setModules(modules(t));
+  }, [t]);
+  const onChangeLang = (e) => {
+    const lang_code = e.target.value;
+    setLocalLanguageError(null);
+    if (!languages || languages.length === 0) {
+      const errorMsg = t("header.language_not_available") || "Languages not available";
+      setLocalLanguageError(errorMsg);
+      return;
+    }
+    const languageExists = languages.some((lang) => lang.code === lang_code);
+    if (languageExists) {
+      try {
+        if (useRedux) ;
+        else if (onLanguageChange) {
+          onLanguageChange(lang_code);
+        } else {
+          hookChangeLanguage(lang_code);
+        }
+      } catch (error) {
+        const errorMsg = error instanceof Error ? error.message : "Failed to change language";
+        setLocalLanguageError(errorMsg);
+      }
+    } else {
+      const errorMsg = t("header.language_not_found", { language: lang_code }) || `Selected language "${lang_code}" is not available`;
+      setLocalLanguageError(errorMsg);
+    }
+  };
+  const handleRetryLanguages = async () => {
+    setLocalLanguageError(null);
+    try {
+      if (useRedux && dispatch && reduxActions.fetchLanguages) {
+        await dispatch(reduxActions.fetchLanguages());
+      } else if (onFetchLanguages) {
+        await onFetchLanguages();
+      } else {
+        await hookFetchLanguages();
+      }
+    } catch (error) {
+      const errorMsg = "Failed to reload languages";
+      setLocalLanguageError(errorMsg);
+    }
+  };
+  const handleProfileMenuOpen = (event) => setAnchorEl(event.currentTarget);
+  const handleMenuClose = () => {
+    setAnchorEl(null);
+  };
+  const handleChange = (event) => {
+    const selectedLink = event.target.value;
+    setTimeout(() => {
+      navigate(selectedLink);
+    }, 300);
+  };
+  const handleBackButton = () => {
+    window.history.back();
+  };
+  const getCurrentLanguageDisplay = () => {
+    if (!currentLanguage) return t("header.select_language") || "Select Language";
+    if (isFallbackActive || languageContextError) {
+      return `${currentLanguage.label}`;
+    }
+    return currentLanguage.label;
+  };
+  const createEnglishFallback = () => ({
+    code: "en",
+    label: "English",
+    direction: "ltr"
+  });
+  const getLanguagesForDropdown = () => {
+    if (!languages || languages.length === 0) {
+      return [createEnglishFallback()];
+    }
+    const hasEnglish = languages.some((lang) => lang.code === "en");
+    if (!hasEnglish) {
+      return [createEnglishFallback(), ...languages];
+    }
+    return languages;
+  };
+  const renderLanguageSelector = () => {
+    const availableLanguages = getLanguagesForDropdown();
+    const displayValue = (currentLanguage == null ? void 0 : currentLanguage.code) || "en";
+    if (languagesLoading) {
+      return /* @__PURE__ */ jsx(Box, { className: "language-loading", children: /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", children: "Loading..." }) });
+    }
+    return /* @__PURE__ */ jsxs(
+      Select,
+      {
+        onChange: onChangeLang,
+        size: "small",
+        value: displayValue,
+        renderValue: () => getCurrentLanguageDisplay(),
+        error: !!localLanguageError,
+        className: isFallbackActive || languageContextError ? "language-fallback-active" : "",
+        children: [
+          availableLanguages.map(({ code, label }) => /* @__PURE__ */ jsx(MenuItem, { value: code, children: /* @__PURE__ */ jsx(
+            Typography,
+            {
+              type: "s4",
+              weight: "medium",
+              color: "theme.secondary.1000",
+              children: label
+            }
+          ) }, code)),
+          languageContextError && /* @__PURE__ */ jsx(MenuItem, { onClick: handleRetryLanguages, style: { fontStyle: "italic" }, children: /* @__PURE__ */ jsxs(
+            Typography,
+            {
+              type: "s4",
+              weight: "medium",
+              color: "theme.secondary.500",
+              children: [
+                "🔄 ",
+                t("header.retry_languages") || "Retry loading languages"
+              ]
+            }
+          ) })
+        ]
+      }
+    );
+  };
+  const menuId = "primary-search-account-menu";
+  const renderMenu = /* @__PURE__ */ jsxs(
+    Menu,
+    {
+      className: "main-profile-menu",
+      anchorEl,
+      id: menuId,
+      keepMounted: true,
+      open: isMenuOpen,
+      onClose: handleMenuClose,
+      children: [
+        /* @__PURE__ */ jsx(MenuItem, { className: "user-assigned", children: /* @__PURE__ */ jsx("span", { children: t("common.assigned_roles") || "Assigned roles" }) }),
+        /* @__PURE__ */ jsxs(MenuItem, { className: "user-data-wrap", value: userData.role_id, children: [
+          /* @__PURE__ */ jsx(ListItemIcon, { children: /* @__PURE__ */ jsx(Avatar, { size: 27, alt: userData.role_name }) }),
+          /* @__PURE__ */ jsx(ListItemText, { className: "size15", children: userData.role_name }),
+          /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", children: /* @__PURE__ */ jsx("img", { src: images.tickicon, alt: "Active" }) })
+        ] }),
+        /* @__PURE__ */ jsx(Divider, {}),
+        /* @__PURE__ */ jsxs(
+          MenuItem,
+          {
+            className: "user-assigned",
+            onClick: () => {
+              handleChangePasswordView();
+              setAnchorEl(null);
+            },
+            children: [
+              /* @__PURE__ */ jsx(ListItemIcon, { children: /* @__PURE__ */ jsx(Eye, { fontSize: "medium", width: 20, height: 20, htmlColor: "#292D32" }) }),
+              /* @__PURE__ */ jsx(ListItemText, { className: "size15", children: t("common.change_password") })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(Divider, {}),
+        /* @__PURE__ */ jsxs(
+          MenuItem,
+          {
+            className: "menu-item-color",
+            onClick: () => {
+              handleLogoutConfirmation();
+              setAnchorEl(null);
+            },
+            children: [
+              /* @__PURE__ */ jsx(ListItemIcon, { children: /* @__PURE__ */ jsx("img", { src: images.logout, alt: "logout" }) }),
+              /* @__PURE__ */ jsx(ListItemText, { className: "size15", children: t("common.logout") })
+            ]
+          }
+        )
+      ]
+    }
+  );
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(Box, { className: "main-box", children: [
+      !isDropdownShow && /* @__PURE__ */ jsx(Link, { to: user ? Pathname.DASHBOARD : Pathname.LOGIN, children: /* @__PURE__ */ jsx("img", { src: images.logo, alt: "logo" }) }),
+      /* @__PURE__ */ jsx(Box, { className: "second-box", children: isDropdownShow && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(IconButton, { onClick: handleBackButton, children: /* @__PURE__ */ jsx(
+          default_1,
+          {
+            className: isRtl ? "arrow-pointer_rtl" : "arrow-pointer"
+          }
+        ) }),
+        /* @__PURE__ */ jsx(Box, { width: 250, children: /* @__PURE__ */ jsx(
+          Select,
+          {
+            fullWidth: true,
+            placeholder: "Placeholder",
+            size: "small",
+            value: (selectedModule == null ? void 0 : selectedModule.link) || "",
+            onChange: handleChange,
+            className: "select-box",
+            variant: "outlined",
+            renderValue: (value) => /* @__PURE__ */ jsx(Fragment, { children: selectedModule ? /* @__PURE__ */ jsxs(Box, { className: "selected-menu-box", children: [
+              /* @__PURE__ */ jsx(
+                "img",
+                {
+                  src: selectedModule.icon,
+                  alt: selectedModule.label
+                }
+              ),
+              selectedModule.label
+            ] }) : value }),
+            children: erp_modules.map((module, index) => /* @__PURE__ */ jsxs(
+              MenuItem,
+              {
+                className: "select-box-menu-item",
+                value: module.link,
+                children: [
+                  /* @__PURE__ */ jsx("img", { src: module.icon, alt: module.label }),
+                  module.label
+                ]
+              },
+              index
+            ))
+          }
+        ) })
+      ] }) }),
+      /* @__PURE__ */ jsxs(Box, { className: "header-right-wrap", children: [
+        /* @__PURE__ */ jsx(Box, { className: "language-selector-wrapper", children: renderLanguageSelector() }),
+        /* @__PURE__ */ jsx(NotificationMenu, {}),
+        /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            size: "small",
+            "aria-label": "help",
+            className: "p-0",
+            children: /* @__PURE__ */ jsx("img", { src: images.question, alt: "question icon" })
+          }
+        ),
+        /* @__PURE__ */ jsx("img", { src: images.vdivider, alt: "divider icon" }),
+        localStorage.getItem("_tid") ? /* @__PURE__ */ jsxs(Box, { className: "user-profile-box", onClick: handleProfileMenuOpen, children: [
+          /* @__PURE__ */ jsx(
+            Avatar,
+            {
+              size: 32,
+              src: (user == null ? void 0 : user.profile_image) ? `${"https://erpforce-dev.s3.eu-west-1.amazonaws.com/"}${user == null ? void 0 : user.profile_image}` : void 0,
+              alt: formatText(user == null ? void 0 : user.full_name),
+              className: "avatar-class"
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(Typography, { className: "profile-name", children: user == null ? void 0 : user.full_name }),
+            /* @__PURE__ */ jsx(Typography, { className: "user-auth", children: user == null ? void 0 : user.role_name })
+          ] })
+        ] }) : /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            size: "large",
+            edge: "end",
+            "aria-label": "account of current user",
+            "aria-controls": menuId,
+            "aria-haspopup": "true",
+            component: Link,
+            to: Pathname.LOGIN,
+            color: "inherit",
+            children: /* @__PURE__ */ jsx(default_1$1, { className: "icon-btn" })
+          }
+        )
+      ] }),
+      renderMenu
+    ] }),
+    /* @__PURE__ */ jsx(
+      ConfirmPopUp,
+      {
+        open: logoutConfirmation,
+        title: t("common.logout"),
+        description: t("common.logout_confirmation") || "Are you sure, you want to logout?",
+        onConfirm: () => logout(),
+        onClose: handleLogoutConfirmation,
+        fullWidth: true,
+        maxWidth: "xs",
+        buttonTexts: {
+          confirm: t("common.logout"),
+          cancel: t("common.cancel")
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx(ResetPasswordModal, { showModal, setShowModal })
+  ] });
+}
+export {
+  HeaderEnhanced,
+  HeaderEnhanced as default
+};
+//# sourceMappingURL=index.esm.js.map