npm - @erpsquad/common - Versions diffs - 1.8.44 → 1.8.46 - Mend

@erpsquad/common 1.8.44 → 1.8.46

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

Files changed (1448) hide show

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

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

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

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

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

@@ -7,16 +7,16 @@ import default_1 from "../../../node_modules/@mui/icons-material/KeyboardBackspa
 import { Pathname } from "../../../constants/pathnames/pathname/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 { 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 { ConfirmPopUp } from "../../confirm-modal/confirm-modal/index.esm.js";
+import { formatText } from "../../../utils/format-text/index.esm.js";
 /* empty css                       */
 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";
+import { ResetPasswordModal } from "../../reset-password-modal/reset-password-modal/index.esm.js";
+import { NotificationMenu } from "../components/notification-menu/notification-menu/index.esm.js";
 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";

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

@@ -1,11 +1,11 @@
-"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                                                                 */o=,/* empty css                                           */i=,/* 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:T,user:A}=m.useAuth(),{languages:M,currentLanguage:z,changeLanguage:B,isLoading:D,error:P,isFallbackActive:F,fetchLanguages:R,isRtl:E}=x.useLanguage(),{pathname:O}=I,[W,$]=k.default.useState(null),[G,H]=a.useState(!1),[V,J]=a.useState(null),[K,U]=a.useState(!1),Q=localStorage.getItem("_u_data")||void 0,X=Q?JSON.parse(Q):"",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())===O.toLowerCase()||ee(e.connectedRoutes)})||null,[ae,O,ee]),se=e=>{const a=e.target.value;if(J(null),!M||0===M.length){const e=C("header.language_not_available")||"Languages not available";return void J(e)}if(M.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 R()}catch(e){J("Failed to reload languages")}},re="primary-search-account-menu",oe=/* @__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})}),
 /* @__PURE__ */e.jsx(_.default,{className:"size15",children:X.role_name}),
-/* @__PURE__ */e.jsx(o.Typography,{variant:"body2",color:"text.secondary",children:/* @__PURE__ */e.jsx("img",{src:t.images.tickicon,alt:"Active"})})]}),
+/* @__PURE__ */e.jsx(i.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.jsxs(v.default,{className:"user-assigned",onClick:()=>{U(!0),$(null)},children:[
 /* @__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,{}),
@@ -13,21 +13,21 @@
 /* @__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(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.jsxs(N.default,{className:"main-box",children:[!L.isDropdownShow&&/* @__PURE__ */e.jsx(l.Link,{to:A?o.Pathname.DASHBOARD:o.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(w.default,{onClick:()=>{window.history.back()},children:/* @__PURE__ */e.jsx(r.default,{className:E?"arrow-pointer_rtl":"arrow-pointer"})}),
+/* @__PURE__ */e.jsx(N.default,{width:250,children:/* @__PURE__ */e.jsx(u.Select,{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(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,{className:"language-selector-wrapper",children:(()=>{const a=M&&0!==M.length?M.some(e=>"en"===e.code)?M:[{code:"en",label:"English",direction:"ltr"},...M]:[{code:"en",label:"English",direction:"ltr"}],l=(null==z?void 0:z.code)||"en";return D?/* @__PURE__ */e.jsx(N.default,{className:"language-loading",children:/* @__PURE__ */e.jsx(i.Typography,{variant:"body2",color:"text.secondary",children:"Loading..."})}):/* @__PURE__ */e.jsxs(u.Select,{onChange:se,size:"small",value:l,renderValue:()=>z?F||P?`${z.label}`:z.label:C("header.select_language")||"Select Language",error:!!V,className:F||P?"language-fallback-active":"",children:[a.map(({code:a,label:l})=>/* @__PURE__ */e.jsx(v.default,{value:a,children:/* @__PURE__ */e.jsx(i.Typography,{type:"s4",weight:"medium",color:"theme.secondary.1000",children:l})},a)),P&&/* @__PURE__ */e.jsx(v.default,{onClick:ne,style:{fontStyle:"italic"},children:/* @__PURE__ */e.jsxs(i.Typography,{type:"s4",weight:"medium",color:"theme.secondary.500",children:["🔄 ",C("header.retry_languages")||"Retry loading languages"]})})]})})()}),
+/* @__PURE__ */e.jsx(f.NotificationMenu,{}),
 /* @__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.jsx(c.Avatar,{size:32,src:(null==A?void 0:A.profile_image)?`https://erpforce-dev.s3.eu-west-1.amazonaws.com/${null==A?void 0:A.profile_image}`:void 0,alt:h.formatText(null==A?void 0:A.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(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;
+/* @__PURE__ */e.jsx(i.Typography,{className:"profile-name",children:null==A?void 0:A.full_name}),
+/* @__PURE__ */e.jsx(i.Typography,{className:"user-auth",children:null==A?void 0:A.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:o.Pathname.LOGIN,color:"inherit",children:/* @__PURE__ */e.jsx(n.default,{className:"icon-btn"})})]}),oe]}),
+/* @__PURE__ */e.jsx(g.ConfirmPopUp,{open:G,title:C("common.logout"),description:C("common.logout_confirmation")||"Are you sure, you want to logout?",onConfirm:()=>T(),onClose:Z,fullWidth:!0,maxWidth:"xs",buttonTexts:{confirm:C("common.logout"),cancel:C("common.cancel")}}),
+/* @__PURE__ */e.jsx(j.ResetPasswordModal,{showModal:K,setShowModal:U})]})}exports.Header=S,exports.default=S;
 //# sourceMappingURL=index.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/components/header/header.tsx"],"sourcesContent":["// components/header/Header.tsx - Complete updated version with English fallback\nimport React, { useState, useCallback, useMemo } from \"react\";\nimport { Link, matchRoutes, useLocation, useNavigate } from \"react-router-dom\";\nimport Box from \"@mui/material/Box\";\nimport { useTranslation } from \"react-i18next\";\nimport LockIcon from \"@mui/icons-material/Lock\";\nimport IconButton from \"@mui/material/IconButton\";\nimport MenuItem from \"@mui/material/MenuItem\";\nimport Menu from \"@mui/material/Menu\";\nimport KeyboardBackspaceIcon from \"@mui/icons-material/KeyboardBackspace\";\nimport ListItemText from \"@mui/material/ListItemText\";\nimport Divider from \"@mui/material/Divider\";\nimport ListItemIcon from \"@mui/material/ListItemIcon\";\n\n\nimport { Pathname } from \"../../constants/pathnames/pathname\"; // Removed - should be passed as props\nimport Typography from \"../typography/typography\";\nimport logo, { images } from \"../../assets/images\";\nimport Select from \"../select/select\";\nimport modules from \"../../constants/modules\"; // Removed - should be passed as props\nimport Avatar from \"../avatar/avatar\";\nimport { useAuth } from \"../../hooks/useAuth\";\nimport ConfirmPopUp from \"../confirm-modal/confirm-modal\";\nimport formatText from \"../../utils/format-text\";\nimport \"./header.scss\";\nimport { useLanguage } from \"../../hooks/useLangauge\";\nimport { Eye } from \"../icons\";\nimport ResetPasswordModal from \"../reset-password-modal/reset-password-modal\";\nimport NotificationMenu from \"./components/notification-menu/notification-menu\";\n\ninterface ILanguage {\n label: string;\n code: string;\n direction: string;\n}\n\ninterface IModule {\n label: any;\n link: string;\n sidebar: string;\n icon: string;\n permission: string;\n bg: string;\n connectedRoutes: string[];\n translationModule: string;\n}\n\n\nexport function Header(props: any): React.ReactElement {\n const navigate = useNavigate();\n const { t } = useTranslation();\n const location = useLocation();\n const { logout, user } = useAuth();\n \n const { \n languages, \n currentLanguage, \n changeLanguage, \n isLoading: languagesLoading,\n error: languageContextError,\n isFallbackActive,\n fetchLanguages,\n isRtl\n } = useLanguage();\n \n const { pathname } = location;\n const [anchorEl, setAnchorEl] = React.useState<null \| HTMLElement>(null);\n const [logoutConfirmation, setLogoutConfirmation] = useState<boolean>(false);\n const [localLanguageError, setLocalLanguageError] = useState<string \| null>(null);\n const [showModal, setShowModal] = useState(false);\n\n const u_data = localStorage.getItem(\"_u_data\") \|\| undefined;\n const userData = u_data ? JSON.parse(u_data) : \"\";\n const isMenuOpen = Boolean(anchorEl);\n\n const handleLogoutConfirmation = () =>\n setLogoutConfirmation(!logoutConfirmation);\n\n const checkMatchedRoutes = useCallback(\n (paths: string[] \| string) => {\n const shouldMatch: { path: string }[] = Array.isArray(paths)\n ? paths.map((path: string) => ({ path }))\n : [{ path: paths }];\n\n return Boolean(matchRoutes(shouldMatch, location));\n },\n [location],\n );\n\n const erp_modules = useMemo<IModule[]>(() => modules(t), [t]);\n\n const selectedModule = useMemo<IModule \| null>(() => {\n return (\n erp_modules.find(\n (module: IModule) =>\n module?.link?.toLowerCase() === pathname.toLowerCase() \|\|\n checkMatchedRoutes(module.connectedRoutes),\n ) \|\| null\n );\n }, [erp_modules, pathname, checkMatchedRoutes]);\n\n const handleChangePasswordView = () => {\n setShowModal(true);\n }\n\n // Enhanced language change handler with validation and error handling\n const onChangeLang = (e: React.ChangeEvent<HTMLSelectElement>) => {\n const lang_code = e.target.value;\n \n // Clear any previous errors\n setLocalLanguageError(null);\n \n // Validate the language exists before changing\n if (!languages \|\| languages.length === 0) {\n const errorMsg = t('header.language_not_available') \|\| 'Languages not available';\n setLocalLanguageError(errorMsg);\n return;\n }\n \n const languageExists = languages.some((lang: ILanguage) => lang.code === lang_code);\n \n if (languageExists) {\n try {\n changeLanguage(lang_code);\n } catch (error) {\n const errorMsg = error instanceof Error ? error.message : 'Failed to change language';\n setLocalLanguageError(errorMsg);\n }\n } else {\n const errorMsg = t('header.language_not_found', { language: lang_code }) \|\| \n `Selected language \"${lang_code}\" is not available`;\n setLocalLanguageError(errorMsg);\n }\n };\n\n // Retry language loading\n const handleRetryLanguages = async () => {\n setLocalLanguageError(null);\n try {\n await fetchLanguages();\n } catch (error) {\n const errorMsg = 'Failed to reload languages';\n setLocalLanguageError(errorMsg);\n }\n };\n\n\n const handleProfileMenuOpen = (event: React.MouseEvent<HTMLElement>) =>\n setAnchorEl(event.currentTarget);\n\n const handleMenuClose = () => {\n setAnchorEl(null);\n };\n\n const handleChange = (event: any) => {\n const selectedLink = event.target.value;\n setTimeout(() => {\n navigate(selectedLink);\n }, 300);\n };\n\n const handleBackButton = () => {\n window.history.back();\n };\n\n // Get current language display value with fallback indication\n const getCurrentLanguageDisplay = (): string => {\n if (!currentLanguage) return t('header.select_language') \|\| 'Select Language';\n \n // Show fallback indicator for better UX\n if (isFallbackActive \|\| languageContextError) {\n return `${currentLanguage.label}`;\n }\n \n return currentLanguage.label;\n };\n\n // Create English fallback for consistent display\n const createEnglishFallback = (): ILanguage => ({\n code: 'en',\n label: 'English',\n direction: 'ltr'\n });\n\n // Get languages for dropdown - ensure English is always available\n const getLanguagesForDropdown = (): ILanguage[] => {\n if (!languages \|\| languages.length === 0) {\n // If no languages available, show only English\n return [createEnglishFallback()];\n }\n \n // Ensure English is in the list\n const hasEnglish = languages.some(lang => lang.code === 'en');\n if (!hasEnglish) {\n return [createEnglishFallback(), ...languages];\n }\n \n return languages;\n };\n\n // Render language selector based on different states\n const renderLanguageSelector = () => {\n const availableLanguages = getLanguagesForDropdown();\n const displayValue = currentLanguage?.code \|\| 'en'; // Default to English\n\n // Loading state\n if (languagesLoading) {\n return (\n <Box className=\"language-loading\">\n <Typography variant=\"body2\" color=\"text.secondary\">\n {'Loading...'}\n </Typography>\n </Box>\n );\n }\n\n // Always show dropdown with at least English available\n return (\n <Select\n onChange={onChangeLang}\n size=\"small\"\n value={displayValue}\n renderValue={() => getCurrentLanguageDisplay()}\n error={!!localLanguageError}\n className={isFallbackActive \|\| languageContextError ? 'language-fallback-active' : ''}\n \n >\n {availableLanguages.map(({ code, label }: ILanguage) => (\n <MenuItem key={code} value={code}>\n <Typography\n type=\"s4\"\n weight=\"medium\"\n color=\"theme.secondary.1000\"\n \n >\n {label}\n {/* Show fallback indicator in dropdown /}\n {/ {(isFallbackActive \|\| languageContextError) && code === 'en' && \n ` (${t('header.fallback') \|\| 'Fallback'})`\n } /}\n </Typography>\n </MenuItem>\n ))}\n \n {/ Show retry option if there's an error /}\n {languageContextError && (\n <MenuItem onClick={handleRetryLanguages} style={{ fontStyle: 'italic' }}>\n <Typography\n type=\"s4\"\n weight=\"medium\"\n color=\"theme.secondary.500\"\n >\n 🔄 {t('header.retry_languages') \|\| 'Retry loading languages'}\n </Typography>\n </MenuItem>\n )}\n </Select>\n );\n };\n\n const menuId = \"primary-search-account-menu\";\n const renderMenu = (\n <Menu\n className=\"main-profile-menu\"\n anchorEl={anchorEl}\n id={menuId}\n keepMounted\n open={isMenuOpen}\n onClose={handleMenuClose}\n >\n <MenuItem className=\"user-assigned\">\n <span>{t('common.assigned_roles') \|\| 'Assigned roles'}</span>\n </MenuItem>\n <MenuItem className=\"user-data-wrap\" value={userData.role_id}>\n <ListItemIcon>\n <Avatar size={27} alt={userData.role_name} />\n </ListItemIcon>\n <ListItemText className=\"size15\">\n {userData.role_name}\n </ListItemText>\n <Typography variant=\"body2\" color=\"text.secondary\">\n <img src={images.tickicon} alt=\"Active\" />\n </Typography>\n </MenuItem>\n <Divider />\n <MenuItem\n className=\"user-assigned\"\n onClick={() => {\n handleChangePasswordView();\n setAnchorEl(null);\n }}\n >\n <ListItemIcon>\n <Eye fontSize=\"medium\" width={20} height={20} htmlColor=\"#292D32\" />\n </ListItemIcon>\n <ListItemText className=\"size15\">{t(\"common.change_password\")}</ListItemText>\n </MenuItem>\n <Divider />\n <MenuItem\n className=\"menu-item-color\"\n onClick={() => {\n handleLogoutConfirmation();\n setAnchorEl(null);\n }}\n >\n <ListItemIcon>\n <img src={images.logout} alt=\"logout\" />\n </ListItemIcon>\n <ListItemText className=\"size15\">{t(\"common.logout\")}</ListItemText>\n </MenuItem>\n </Menu>\n );\n\n return (\n <>\n <Box className=\"main-box\">\n {!props.isDropdownShow && (\n <Link to={user ? Pathname.DASHBOARD : Pathname.LOGIN}>\n <img src={images.logo} alt=\"logo\" />\n </Link>\n )}\n <Box className=\"second-box\">\n {props.isDropdownShow && (\n <>\n <IconButton onClick={handleBackButton}>\n <KeyboardBackspaceIcon\n className={isRtl?\"arrow-pointer_rtl\":\"arrow-pointer\"}\n />\n </IconButton>\n <Box width={250}>\n <Select\n fullWidth\n placeholder=\"Placeholder\"\n size={\"small\"}\n value={selectedModule?.link \|\| \"\"}\n onChange={handleChange}\n className=\"select-box\"\n variant=\"outlined\"\n renderValue={(value: string) => (\n <>\n {selectedModule ? (\n <Box className=\"selected-menu-box\">\n <img\n src={selectedModule.icon}\n alt={selectedModule.label}\n />\n {selectedModule.label}\n </Box>\n ) : (\n value\n )}\n </>\n )}\n >\n {erp_modules.map((module: any, index: number) => (\n <MenuItem\n className=\"select-box-menu-item\"\n value={module.link}\n key={index}\n >\n <img src={module.icon} alt={module.label} />\n {module.label}\n </MenuItem>\n ))}\n </Select>\n </Box>\n </>\n )}\n </Box>\n <Box className=\"header-right-wrap\">\n {/ Language Selector with Enhanced Fallback Support /}\n <Box className=\"language-selector-wrapper\">\n {renderLanguageSelector()}\n </Box>\n\n {/ <IconButton\n size=\"small\"\n aria-label=\"notification bell\"\n className=\"p-0\"\n >\n <img src={logo.notification} alt=\"notification icon\" />\n </IconButton> /}\n <NotificationMenu/>\n <IconButton\n size=\"small\"\n aria-label=\"help\"\n className=\"p-0\"\n >\n <img src={logo.question} alt=\"question icon\" />\n </IconButton>\n <img src={logo.vdivider} alt=\"divider icon\" />\n {localStorage.getItem(\"_tid\") ? (\n <Box className=\"user-profile-box\" onClick={handleProfileMenuOpen}>\n <Avatar\n size={32}\n src={user?.profile_image ? `${import.meta.env.VITE_S3_BUCKET_URL}${user?.profile_image}` : undefined}\n alt={formatText(user?.full_name)}\n className=\"avatar-class\"\n />\n <div>\n <Typography className=\"profile-name\">\n {user?.full_name}\n </Typography>\n <Typography className=\"user-auth\">\n {user?.role_name}\n </Typography>\n </div>\n </Box>\n ) : (\n <IconButton\n size=\"large\"\n edge=\"end\"\n aria-label=\"account of current user\"\n aria-controls={menuId}\n aria-haspopup=\"true\"\n component={Link}\n to={Pathname.LOGIN}\n color=\"inherit\"\n >\n <LockIcon className=\"icon-btn\" />\n </IconButton>\n )}\n </Box>\n {renderMenu}\n </Box>\n\n {/ Logout Confirmation Dialog */}\n <ConfirmPopUp\n open={logoutConfirmation}\n title={t(\"common.logout\")}\n description={t('common.logout_confirmation') \|\| \"Are you sure, you want to logout?\"}\n onConfirm={() => logout()}\n onClose={handleLogoutConfirmation}\n fullWidth\n maxWidth=\"xs\"\n buttonTexts={{\n confirm: t(\"common.logout\"),\n cancel: t(\"common.cancel\"),\n }}\n />\n\n <ResetPasswordModal showModal={showModal} setShowModal = {setShowModal} />\n \n </>\n );\n}\n\nexport default Header;"],"names":["Header","props","navigate","useNavigate","t","useTranslation","location","useLocation","logout","user","useAuth","languages","currentLanguage","changeLanguage","isLoading","languagesLoading","error","languageContextError","isFallbackActive","fetchLanguages","isRtl","useLanguage","pathname","anchorEl","setAnchorEl","React","useState","logoutConfirmation","setLogoutConfirmation","localLanguageError","setLocalLanguageError","showModal","setShowModal","u_data","localStorage","getItem","userData","JSON","parse","isMenuOpen","Boolean","handleLogoutConfirmation","checkMatchedRoutes","useCallback","paths","shouldMatch","Array","isArray","map","path","matchRoutes","erp_modules","useMemo","modules","selectedModule","find","module","_a","link","toLowerCase","connectedRoutes","onChangeLang","e","lang_code","target","value","length","errorMsg","some","lang","code","Error","message","language","handleRetryLanguages","async","menuId","renderMenu","jsxs","Menu","className","id","keepMounted","open","onClose","children","MenuItem","jsx","role_id","ListItemIcon","Avatar","size","alt","role_name","ListItemText","Typography","variant","color","src","images","tickicon","Divider","onClick","Eye","fontSize","width","height","htmlColor","Fragment","Box","isDropdownShow","Link","to","Pathname","DASHBOARD","LOGIN","logo","IconButton","window","history","back","KeyboardBackspaceIcon","Select","fullWidth","placeholder","onChange","event","selectedLink","setTimeout","renderValue","icon","label","index","availableLanguages","direction","displayValue","type","weight","style","fontStyle","renderLanguageSelector","NotificationMenu","question","vdivider","currentTarget","profile_image","formatText","full_name","edge","component","LockIcon","ConfirmPopUp","title","description","onConfirm","maxWidth","buttonTexts","confirm","cancel","ResetPasswordModal"],"mappings":"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"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/components/header/header.tsx"],"sourcesContent":["// components/header/Header.tsx - Complete updated version with English fallback\nimport React, { useState, useCallback, useMemo } from \"react\";\nimport { Link, matchRoutes, useLocation, useNavigate } from \"react-router-dom\";\nimport Box from \"@mui/material/Box\";\nimport { useTranslation } from \"react-i18next\";\nimport LockIcon from \"@mui/icons-material/Lock\";\nimport IconButton from \"@mui/material/IconButton\";\nimport MenuItem from \"@mui/material/MenuItem\";\nimport Menu from \"@mui/material/Menu\";\nimport KeyboardBackspaceIcon from \"@mui/icons-material/KeyboardBackspace\";\nimport ListItemText from \"@mui/material/ListItemText\";\nimport Divider from \"@mui/material/Divider\";\nimport ListItemIcon from \"@mui/material/ListItemIcon\";\n\n\nimport { Pathname } from \"../../constants/pathnames/pathname\"; // Removed - should be passed as props\nimport Typography from \"../typography/typography\";\nimport logo, { images } from \"../../assets/images\";\nimport Select from \"../select/select\";\nimport modules from \"../../constants/modules\"; // Removed - should be passed as props\nimport Avatar from \"../avatar/avatar\";\nimport { useAuth } from \"../../hooks/useAuth\";\nimport ConfirmPopUp from \"../confirm-modal/confirm-modal\";\nimport formatText from \"../../utils/format-text\";\nimport \"./header.scss\";\nimport { useLanguage } from \"../../hooks/useLangauge\";\nimport { Eye } from \"../icons\";\nimport ResetPasswordModal from \"../reset-password-modal/reset-password-modal\";\nimport NotificationMenu from \"./components/notification-menu/notification-menu\";\n\ninterface ILanguage {\n label: string;\n code: string;\n direction: string;\n}\n\ninterface IModule {\n label: any;\n link: string;\n sidebar: string;\n icon: string;\n permission: string;\n bg: string;\n connectedRoutes: string[];\n translationModule: string;\n}\n\n\nexport function Header(props: any): React.ReactElement {\n const navigate = useNavigate();\n const { t } = useTranslation();\n const location = useLocation();\n const { logout, user } = useAuth();\n \n const { \n languages, \n currentLanguage, \n changeLanguage, \n isLoading: languagesLoading,\n error: languageContextError,\n isFallbackActive,\n fetchLanguages,\n isRtl\n } = useLanguage();\n \n const { pathname } = location;\n const [anchorEl, setAnchorEl] = React.useState<null \| HTMLElement>(null);\n const [logoutConfirmation, setLogoutConfirmation] = useState<boolean>(false);\n const [localLanguageError, setLocalLanguageError] = useState<string \| null>(null);\n const [showModal, setShowModal] = useState(false);\n\n const u_data = localStorage.getItem(\"_u_data\") \|\| undefined;\n const userData = u_data ? JSON.parse(u_data) : \"\";\n const isMenuOpen = Boolean(anchorEl);\n\n const handleLogoutConfirmation = () =>\n setLogoutConfirmation(!logoutConfirmation);\n\n const checkMatchedRoutes = useCallback(\n (paths: string[] \| string) => {\n const shouldMatch: { path: string }[] = Array.isArray(paths)\n ? paths.map((path: string) => ({ path }))\n : [{ path: paths }];\n\n return Boolean(matchRoutes(shouldMatch, location));\n },\n [location],\n );\n\n const erp_modules = useMemo<IModule[]>(() => modules(t), [t]);\n\n const selectedModule = useMemo<IModule \| null>(() => {\n return (\n erp_modules.find(\n (module: IModule) =>\n module?.link?.toLowerCase() === pathname.toLowerCase() \|\|\n checkMatchedRoutes(module.connectedRoutes),\n ) \|\| null\n );\n }, [erp_modules, pathname, checkMatchedRoutes]);\n\n const handleChangePasswordView = () => {\n setShowModal(true);\n }\n\n // Enhanced language change handler with validation and error handling\n const onChangeLang = (e: React.ChangeEvent<HTMLSelectElement>) => {\n const lang_code = e.target.value;\n \n // Clear any previous errors\n setLocalLanguageError(null);\n \n // Validate the language exists before changing\n if (!languages \|\| languages.length === 0) {\n const errorMsg = t('header.language_not_available') \|\| 'Languages not available';\n setLocalLanguageError(errorMsg);\n return;\n }\n \n const languageExists = languages.some((lang: ILanguage) => lang.code === lang_code);\n \n if (languageExists) {\n try {\n changeLanguage(lang_code);\n } catch (error) {\n const errorMsg = error instanceof Error ? error.message : 'Failed to change language';\n setLocalLanguageError(errorMsg);\n }\n } else {\n const errorMsg = t('header.language_not_found', { language: lang_code }) \|\| \n `Selected language \"${lang_code}\" is not available`;\n setLocalLanguageError(errorMsg);\n }\n };\n\n // Retry language loading\n const handleRetryLanguages = async () => {\n setLocalLanguageError(null);\n try {\n await fetchLanguages();\n } catch (error) {\n const errorMsg = 'Failed to reload languages';\n setLocalLanguageError(errorMsg);\n }\n };\n\n\n const handleProfileMenuOpen = (event: React.MouseEvent<HTMLElement>) =>\n setAnchorEl(event.currentTarget);\n\n const handleMenuClose = () => {\n setAnchorEl(null);\n };\n\n const handleChange = (event: any) => {\n const selectedLink = event.target.value;\n setTimeout(() => {\n navigate(selectedLink);\n }, 300);\n };\n\n const handleBackButton = () => {\n window.history.back();\n };\n\n // Get current language display value with fallback indication\n const getCurrentLanguageDisplay = (): string => {\n if (!currentLanguage) return t('header.select_language') \|\| 'Select Language';\n \n // Show fallback indicator for better UX\n if (isFallbackActive \|\| languageContextError) {\n return `${currentLanguage.label}`;\n }\n \n return currentLanguage.label;\n };\n\n // Create English fallback for consistent display\n const createEnglishFallback = (): ILanguage => ({\n code: 'en',\n label: 'English',\n direction: 'ltr'\n });\n\n // Get languages for dropdown - ensure English is always available\n const getLanguagesForDropdown = (): ILanguage[] => {\n if (!languages \|\| languages.length === 0) {\n // If no languages available, show only English\n return [createEnglishFallback()];\n }\n \n // Ensure English is in the list\n const hasEnglish = languages.some(lang => lang.code === 'en');\n if (!hasEnglish) {\n return [createEnglishFallback(), ...languages];\n }\n \n return languages;\n };\n\n // Render language selector based on different states\n const renderLanguageSelector = () => {\n const availableLanguages = getLanguagesForDropdown();\n const displayValue = currentLanguage?.code \|\| 'en'; // Default to English\n\n // Loading state\n if (languagesLoading) {\n return (\n <Box className=\"language-loading\">\n <Typography variant=\"body2\" color=\"text.secondary\">\n {'Loading...'}\n </Typography>\n </Box>\n );\n }\n\n // Always show dropdown with at least English available\n return (\n <Select\n onChange={onChangeLang}\n size=\"small\"\n value={displayValue}\n renderValue={() => getCurrentLanguageDisplay()}\n error={!!localLanguageError}\n className={isFallbackActive \|\| languageContextError ? 'language-fallback-active' : ''}\n \n >\n {availableLanguages.map(({ code, label }: ILanguage) => (\n <MenuItem key={code} value={code}>\n <Typography\n type=\"s4\"\n weight=\"medium\"\n color=\"theme.secondary.1000\"\n \n >\n {label}\n {/* Show fallback indicator in dropdown /}\n {/ {(isFallbackActive \|\| languageContextError) && code === 'en' && \n ` (${t('header.fallback') \|\| 'Fallback'})`\n } /}\n </Typography>\n </MenuItem>\n ))}\n \n {/ Show retry option if there's an error /}\n {languageContextError && (\n <MenuItem onClick={handleRetryLanguages} style={{ fontStyle: 'italic' }}>\n <Typography\n type=\"s4\"\n weight=\"medium\"\n color=\"theme.secondary.500\"\n >\n 🔄 {t('header.retry_languages') \|\| 'Retry loading languages'}\n </Typography>\n </MenuItem>\n )}\n </Select>\n );\n };\n\n const menuId = \"primary-search-account-menu\";\n const renderMenu = (\n <Menu\n className=\"main-profile-menu\"\n anchorEl={anchorEl}\n id={menuId}\n keepMounted\n open={isMenuOpen}\n onClose={handleMenuClose}\n >\n <MenuItem className=\"user-assigned\">\n <span>{t('common.assigned_roles') \|\| 'Assigned roles'}</span>\n </MenuItem>\n <MenuItem className=\"user-data-wrap\" value={userData.role_id}>\n <ListItemIcon>\n <Avatar size={27} alt={userData.role_name} />\n </ListItemIcon>\n <ListItemText className=\"size15\">\n {userData.role_name}\n </ListItemText>\n <Typography variant=\"body2\" color=\"text.secondary\">\n <img src={images.tickicon} alt=\"Active\" />\n </Typography>\n </MenuItem>\n <Divider />\n <MenuItem\n className=\"user-assigned\"\n onClick={() => {\n handleChangePasswordView();\n setAnchorEl(null);\n }}\n >\n <ListItemIcon>\n <Eye fontSize=\"medium\" width={20} height={20} htmlColor=\"#292D32\" />\n </ListItemIcon>\n <ListItemText className=\"size15\">{t(\"common.change_password\")}</ListItemText>\n </MenuItem>\n <Divider />\n <MenuItem\n className=\"menu-item-color\"\n onClick={() => {\n handleLogoutConfirmation();\n setAnchorEl(null);\n }}\n >\n <ListItemIcon>\n <img src={images.logout} alt=\"logout\" />\n </ListItemIcon>\n <ListItemText className=\"size15\">{t(\"common.logout\")}</ListItemText>\n </MenuItem>\n </Menu>\n );\n\n return (\n <>\n <Box className=\"main-box\">\n {!props.isDropdownShow && (\n <Link to={user ? Pathname.DASHBOARD : Pathname.LOGIN}>\n <img src={images.logo} alt=\"logo\" />\n </Link>\n )}\n <Box className=\"second-box\">\n {props.isDropdownShow && (\n <>\n <IconButton onClick={handleBackButton}>\n <KeyboardBackspaceIcon\n className={isRtl?\"arrow-pointer_rtl\":\"arrow-pointer\"}\n />\n </IconButton>\n <Box width={250}>\n <Select\n fullWidth\n placeholder=\"Placeholder\"\n size={\"small\"}\n value={selectedModule?.link \|\| \"\"}\n onChange={handleChange}\n className=\"select-box\"\n variant=\"outlined\"\n renderValue={(value: string) => (\n <>\n {selectedModule ? (\n <Box className=\"selected-menu-box\">\n <img\n src={selectedModule.icon}\n alt={selectedModule.label}\n />\n {selectedModule.label}\n </Box>\n ) : (\n value\n )}\n </>\n )}\n >\n {erp_modules.map((module: any, index: number) => (\n <MenuItem\n className=\"select-box-menu-item\"\n value={module.link}\n key={index}\n >\n <img src={module.icon} alt={module.label} />\n {module.label}\n </MenuItem>\n ))}\n </Select>\n </Box>\n </>\n )}\n </Box>\n <Box className=\"header-right-wrap\">\n {/ Language Selector with Enhanced Fallback Support /}\n <Box className=\"language-selector-wrapper\">\n {renderLanguageSelector()}\n </Box>\n\n {/ <IconButton\n size=\"small\"\n aria-label=\"notification bell\"\n className=\"p-0\"\n >\n <img src={logo.notification} alt=\"notification icon\" />\n </IconButton> /}\n <NotificationMenu/>\n <IconButton\n size=\"small\"\n aria-label=\"help\"\n className=\"p-0\"\n >\n <img src={logo.question} alt=\"question icon\" />\n </IconButton>\n <img src={logo.vdivider} alt=\"divider icon\" />\n {localStorage.getItem(\"_tid\") ? (\n <Box className=\"user-profile-box\" onClick={handleProfileMenuOpen}>\n <Avatar\n size={32}\n src={user?.profile_image ? `${import.meta.env.VITE_S3_BUCKET_URL}${user?.profile_image}` : undefined}\n alt={formatText(user?.full_name)}\n className=\"avatar-class\"\n />\n <div>\n <Typography className=\"profile-name\">\n {user?.full_name}\n </Typography>\n <Typography className=\"user-auth\">\n {user?.role_name}\n </Typography>\n </div>\n </Box>\n ) : (\n <IconButton\n size=\"large\"\n edge=\"end\"\n aria-label=\"account of current user\"\n aria-controls={menuId}\n aria-haspopup=\"true\"\n component={Link}\n to={Pathname.LOGIN}\n color=\"inherit\"\n >\n <LockIcon className=\"icon-btn\" />\n </IconButton>\n )}\n </Box>\n {renderMenu}\n </Box>\n\n {/ Logout Confirmation Dialog */}\n <ConfirmPopUp\n open={logoutConfirmation}\n title={t(\"common.logout\")}\n description={t('common.logout_confirmation') \|\| \"Are you sure, you want to logout?\"}\n onConfirm={() => logout()}\n onClose={handleLogoutConfirmation}\n fullWidth\n maxWidth=\"xs\"\n buttonTexts={{\n confirm: t(\"common.logout\"),\n cancel: t(\"common.cancel\"),\n }}\n />\n\n <ResetPasswordModal showModal={showModal} setShowModal = {setShowModal} />\n \n </>\n );\n}\n\nexport default Header;"],"names":["Header","props","navigate","useNavigate","t","useTranslation","location","useLocation","logout","user","useAuth","languages","currentLanguage","changeLanguage","isLoading","languagesLoading","error","languageContextError","isFallbackActive","fetchLanguages","isRtl","useLanguage","pathname","anchorEl","setAnchorEl","React","useState","logoutConfirmation","setLogoutConfirmation","localLanguageError","setLocalLanguageError","showModal","setShowModal","u_data","localStorage","getItem","userData","JSON","parse","isMenuOpen","Boolean","handleLogoutConfirmation","checkMatchedRoutes","useCallback","paths","shouldMatch","Array","isArray","map","path","matchRoutes","erp_modules","useMemo","modules","selectedModule","find","module","_a","link","toLowerCase","connectedRoutes","onChangeLang","e","lang_code","target","value","length","errorMsg","some","lang","code","Error","message","language","handleRetryLanguages","async","menuId","renderMenu","jsxs","Menu","className","id","keepMounted","open","onClose","children","MenuItem","jsx","role_id","ListItemIcon","Avatar","size","alt","role_name","ListItemText","Typography","variant","color","src","images","tickicon","Divider","onClick","Eye","fontSize","width","height","htmlColor","Fragment","Box","isDropdownShow","Link","to","Pathname","DASHBOARD","LOGIN","logo","IconButton","window","history","back","KeyboardBackspaceIcon","Select","fullWidth","placeholder","onChange","event","selectedLink","setTimeout","renderValue","icon","label","index","availableLanguages","direction","displayValue","type","weight","style","fontStyle","renderLanguageSelector","NotificationMenu","question","vdivider","currentTarget","profile_image","formatText","full_name","edge","component","LockIcon","ConfirmPopUp","title","description","onConfirm","maxWidth","buttonTexts","confirm","cancel","ResetPasswordModal"],"mappings":"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"}

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

@@ -6,15 +6,15 @@ import default_1$1 from "../../../node_modules/@mui/icons-material/Lock/index.es
 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 { 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 { 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";
+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";