{"version":3,"file":"react/js/main-19b1abfb.2f258fcaa3899eddf1ab.js","mappings":"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","sources":["webpack:///./src/pages/sections/content/Content.tsx","webpack:///./src/pages/sections/footer/Footer.tsx","webpack:///./src/pages/sections/header/IconButton.tsx","webpack:///./src/pages/sections/header/HeaderContact.tsx","webpack:///./src/pages/sections/header/HeaderTop.tsx","webpack:///./src/pages/sections/header/HeaderButtonLink.tsx","webpack:///./src/pages/sections/header/HeaderDrawerNavigationLink.tsx","webpack:///./src/pages/sections/header/HeaderDrawerNavigationLinks.tsx","webpack:///./src/pages/sections/header/HeaderSideMenuDrawer.tsx","webpack:///./src/pages/sections/header/HeaderSideMenu.tsx","webpack:///./src/pages/sections/header/User/UserHeaderAccountMenuTop.tsx","webpack:///./src/pages/sections/header/User/UserHeaderAccountMenu.tsx","webpack:///./src/pages/sections/header/User/UserHeaderAvatar.tsx","webpack:///./src/pages/sections/header/HeaderLinks.tsx","webpack:///./src/pages/sections/header/HeaderTopBar.tsx","webpack:///./src/pages/sections/header/Header.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport { Navigate, Route, Routes, useLocation } from 'react-router-dom';\r\nimport RouteLinks from '../../../routing/RouteLinks';\r\nimport { isNullOrUndefined } from '../../../utilities/Utils';\r\n\r\nimport { Box } from '@mui/material';\r\nimport { AnimatePresence, motion } from 'framer-motion';\r\n\r\nconst Content: React.FC = () =>\r\n{\r\n      const navLinks = RouteLinks;\r\n      const location = useLocation();\r\n\r\n      const getChildComponent = (inner: any | null): React.ReactNode | null =>\r\n      {\r\n            if (isNullOrUndefined(inner))\r\n            {\r\n                  return null;\r\n            }\r\n\r\n            return inner as React.ReactNode;\r\n      };\r\n\r\n      const createMotionElement = (motionKey: string, component: React.ReactNode) => (\r\n            <motion.div\r\n                  key={ `AnimationFrameDiv_${motionKey}` }\r\n                  initial={ { opacity: 0 } }\r\n                  animate={ { opacity: 1 } }\r\n                  exit={ { opacity: 0 } }\r\n                  transition={ {\r\n                        opacity: {\r\n                              delay: 0.25,\r\n                              duration: .25,\r\n                              ease: 'easeInOut',\r\n                        },\r\n                        exit: {\r\n                              opacity: {\r\n                                    duration: .25,\r\n                                    ease: 'easeInOut',\r\n                              }\r\n                        }\r\n                  } }\r\n            >\r\n                  { component }\r\n            </motion.div>\r\n      );\r\n\r\n\r\n      return (\r\n            <Box\r\n                  sx={ {\r\n                        height: '100%',\r\n                        paddingTop: '16px',\r\n                        paddingBottom: '28px',\r\n                        overflowY: 'scroll',\r\n                        overflowX: 'hidden',\r\n                  } }\r\n                  aria-label=\"ContentRootComponent\"\r\n            >\r\n                  <AnimatePresence mode=\"wait\">\r\n                        <Routes location={ location } key={ location.pathname }>\r\n\r\n                              <Route path=\"/index.html\" element={ <Navigate to=\"/\" /> } />\r\n\r\n                              { navLinks.map((item) => (\r\n                                    <Route\r\n                                          key={ `NavigationLinkItem_${item.key}` }\r\n                                          path={ item.elementTo as string }\r\n                                          element={ createMotionElement(item.key, getChildComponent(item.component)) }\r\n                                    />\r\n                              )) }\r\n                        </Routes>\r\n                  </AnimatePresence>\r\n            </Box>\r\n      );\r\n};\r\n\r\nexport default Content;\r\n","import * as React from 'react';\r\nimport {Box, Container, Theme, Typography, useTheme} from '@mui/material';\r\nimport {Link as RouterLink} from 'react-router-dom';\r\nimport {styled} from '@mui/material/styles';\r\n\r\nconst StyledLink = styled(RouterLink)(({theme}) => ({\r\n      color: theme.palette.primary.contrastText,\r\n      textDecoration: 'none',\r\n      '&:hover': {\r\n            color: theme.palette.secondary.main,\r\n      },\r\n}));\r\n\r\nconst Footer: React.FC<{}> = ({ }) =>\r\n{\r\n      const theme: Theme = useTheme();\r\n\r\n      const bgColor = theme.palette.primary.main;\r\n      const textColor = theme.palette.primary.contrastText;\r\n\r\n      return (\r\n            <footer\r\n                  style={{\r\n                        position: 'relative',\r\n                        bottom: 0,\r\n                        width: '100%',\r\n                        height: '60px',\r\n                        margin: 0,\r\n                        padding: 0,\r\n                        backgroundColor: bgColor,\r\n                        boxShadow: 'rgba(0, 0, 0, 0.2) 0px -3px 5px 1px',\r\n                  }}>\r\n                  <Box\r\n                        sx={{\r\n                              position: 'relative',\r\n                              bottom: 0,\r\n                              height: '100%',\r\n                              margin: 0,\r\n                              padding: '8px 0',\r\n                        }}>\r\n                        <Container sx={{padding: 0}}>\r\n                              <Typography\r\n                                    variant='body2'\r\n                                    color={textColor}\r\n                                    sx={{\r\n                                          padding: 0,\r\n                                          textAlign: 'center',\r\n                                    }}>\r\n                                    Copyright © 2024, <b>Ergomat A/S Inc.</b>{' '}All rights reserved.\r\n                                    <br />\r\n                                    <StyledLink to='/privacyPolicy'>\r\n                                          Privacy Policy\r\n                                    </StyledLink>\r\n                                    {' | '}\r\n                                    <StyledLink to='/imprint'>\r\n                                          Imprint\r\n                                    </StyledLink>\r\n                                    {' | '}\r\n                                    <StyledLink to='/termsAndConditions'>\r\n                                          Terms & Conditions\r\n                                    </StyledLink>\r\n                              </Typography>\r\n                        </Container>\r\n                  </Box>\r\n            </footer>\r\n      );\r\n};\r\n\r\nexport default Footer;\r\n","// src/components/IconButton.tsx\r\nimport React from 'react';\r\nimport {SvgIconComponent} from '@mui/icons-material';\r\nimport {IconButton} from '@mui/material';\r\nimport {styled} from '@mui/material/styles';\r\n\r\ninterface IconButtonProps\r\n{\r\n      icon: SvgIconComponent;\r\n      color: string;\r\n      hoverColor: string;\r\n      href: string;\r\n}\r\n\r\nconst StyledIcon = styled('div')<{hoverColor: string;}>(({theme, hoverColor}) => ({\r\n      '&:hover svg': {\r\n            transform: 'translateY(-2px) scale(1.05)',\r\n            WebkitFilter: 'drop-shadow(2px 4px 3px rgba(0, 0, 0, 0.7))',\r\n            filter: 'drop-shadow(2px 4px 3px rgba(0, 0, 0, 0.7))',\r\n            transition: 'color 0.5s ease-in, color 0.25s ease-out',\r\n      },\r\n}));\r\n\r\nconst LinkIconButton: React.FC<IconButtonProps> = ({icon: Icon, color, hoverColor, href}) =>\r\n{\r\n      return (\r\n            <IconButton\r\n                  disableFocusRipple\r\n                  disableRipple\r\n                  href={href}\r\n                  target=\"_blank\"\r\n                  sx={{\r\n                        color: color,\r\n                        backgroundColor: 'transparent',\r\n                        fontSize: '2.5rem',\r\n                        margin: 0,\r\n                        padding: '0.25rem',\r\n                        transition: 'all 1s ease-out',\r\n                        '&:hover': {\r\n                              color: hoverColor,\r\n                              backgroundColor: 'transparent',\r\n                        },\r\n                  }}\r\n            >\r\n                  <StyledIcon hoverColor={hoverColor}>\r\n                        <Icon fontSize=\"inherit\" />\r\n                  </StyledIcon>\r\n            </IconButton>\r\n      );\r\n};\r\n\r\nexport default LinkIconButton;\r\n\r\n// boxShadow: '0px 4px 8px rgba(0, 0, 0, 0.2)',\r\n// transform: 'translateY(-2px)',","import React from 'react';\r\nimport {Box, Grid, Link, useTheme} from '@mui/material';\r\nimport {Twitter, Facebook, LinkedIn, YouTube} from '@mui/icons-material';\r\nimport LinkIconButton from './IconButton';\r\n\r\nconst HeaderContact: React.FC = () =>\r\n{\r\n      const theme = useTheme();\r\n\r\n      return (\r\n            <Box\r\n                  sx={{\r\n                        margin: 0,\r\n                        padding: 0,\r\n                        display: 'flex',\r\n                        justifyContent: 'flex-end', // Align content to the right\r\n                        alignItems: 'center',\r\n                        width: '100%',\r\n                  }}\r\n            >\r\n                  <Grid\r\n                        container\r\n                        direction=\"column\"\r\n                        alignItems=\"center\"\r\n                        justifyContent=\"flex-end\"\r\n                        spacing={0}\r\n                        sx={{\r\n                              margin: 0,\r\n                              marginRight: '24px',\r\n                              padding: '16px 8px',\r\n                              maxWidth: 'fit-content', // Ensures the Grid does not take full width\r\n                        }}\r\n                  >\r\n                        {/* Email Link */}\r\n                        <Grid item>\r\n                              <Grid container alignItems=\"center\">\r\n                                    <Link\r\n                                          href=\"mailto:info@ergomat.com\"\r\n                                          underline=\"none\"\r\n                                          color={theme.palette.primary.main}\r\n                                          sx={{\r\n                                                fontSize: '1.25rem',\r\n                                                '&:hover': {\r\n                                                      color: theme.palette.secondary.dark,\r\n                                                      backgroundColor: 'transparent',\r\n                                                },\r\n                                          }}\r\n                                    >\r\n                                          <b>info@ergomat.com</b>\r\n                                    </Link>\r\n                              </Grid>\r\n                        </Grid>\r\n\r\n                        {/* Social Media Icons */}\r\n                        <Grid item>\r\n                              <Grid container spacing={0} wrap='nowrap'>\r\n                                    <Grid item>\r\n                                          <LinkIconButton\r\n                                                icon={Twitter}\r\n                                                color={theme.palette.commonColors!.Gray.H500.main}\r\n                                                hoverColor=\"#1DA1F2\"\r\n                                                href=\"https://twitter.com/Ergomat\"\r\n                                          />\r\n                                    </Grid>\r\n                                    <Grid item>\r\n                                          <LinkIconButton\r\n                                                icon={Facebook}\r\n                                                color={theme.palette.commonColors!.Gray.H500.main}\r\n                                                hoverColor=\"#4267B2\"\r\n                                                href=\"https://www.facebook.com/ErgomatUSA\"\r\n                                          />\r\n                                    </Grid>\r\n                                    <Grid item>\r\n                                          <LinkIconButton\r\n                                                icon={LinkedIn}\r\n                                                color={theme.palette.commonColors!.Gray.H500.main}\r\n                                                hoverColor=\"#2867B2\"\r\n                                                href=\"https://www.linkedin.com/company/ergomat/\"\r\n                                          />\r\n                                    </Grid>\r\n                                    <Grid item>\r\n                                          <LinkIconButton\r\n                                                icon={YouTube}\r\n                                                color={theme.palette.commonColors!.Gray.H500.main}\r\n                                                hoverColor=\"#FF0000\"\r\n                                                href=\"https://www.youtube.com/user/ErgomatAdmin\"\r\n                                          />\r\n                                    </Grid>\r\n                              </Grid>\r\n                        </Grid>\r\n                  </Grid>\r\n            </Box>\r\n      );\r\n};\r\n\r\nexport default HeaderContact;\r\n","import\r\n{\r\n      Box,\r\n      Grid,\r\n      Typography,\r\n      useMediaQuery,\r\n      useTheme,\r\n      Hidden,\r\n      styled,\r\n} from '@mui/material';\r\nimport * as React from 'react';\r\nimport HeaderContact from './HeaderContact'; // Import the HeaderContact component\r\nimport { Link } from 'react-router-dom';\r\nimport { createBoxShadow } from '../../../theming/ThemeUtilities';\r\n\r\n\r\nconst StyledLogoImage = styled('img')(({ theme }) => ({\r\n      transition: 'transform 0.25s ease-in-out, filter 0.25s ease-in-out',\r\n      '&:hover': {\r\n            filter: `drop-shadow(${createBoxShadow(45, 3, 2, theme.palette.primary.dark, 0.85)})`,\r\n      },\r\n}));\r\n\r\nconst HeaderTop: React.FC<{}> = ({}) =>\r\n{\r\n      const theme = useTheme();\r\n      const isSmallScreen = useMediaQuery(theme.breakpoints.down('sm'));\r\n\r\n      const headerBckColour = theme.palette.commonColors!.Gray.H300.main;\r\n      const headerTitleColour = theme.palette.commonColors!.Blue.H800.dark;\r\n\r\n      // console.log(`drop-shadow -> drop-shadow(${createBoxShadow(45, 4, 2, theme.palette.secondary.dark, 0.85)})`);\r\n\r\n      return (\r\n            <Box sx={ { backgroundColor: headerBckColour, margin: '0 16px', width: '100%' } }>\r\n                  <Grid container alignItems=\"center\" spacing={ 0 } sx={ { width: '100%', margin: 0 } }>\r\n                        <Grid item sm={ 4 }\r\n                              justifyContent={\r\n                                    !isSmallScreen\r\n                                          ? 'left'\r\n                                          : 'center'\r\n                              }>\r\n                              <Link to=\"/\">\r\n                                    <StyledLogoImage\r\n                                          style={ {\r\n                                                width: !isSmallScreen ? '404px' : '202px',\r\n                                                height: !isSmallScreen ? '72px' : '36px',\r\n                                          } }\r\n                                          src={ `/images/ErgomatLogo404x72Trans.png` }\r\n                                          alt={ 'Ergomat A/S Logo' }\r\n                                          loading='lazy'\r\n                                    />\r\n                              </Link>\r\n                        </Grid>\r\n                        <Grid item sm={ 4 } sx={ { minWidth: ' 100px' } }>\r\n                              &nbsp;\r\n                        </Grid>\r\n                        <Grid item sm={ 4 }\r\n                              justifyContent={\r\n                                    !isSmallScreen\r\n                                          ? 'right'\r\n                                          : 'center'\r\n                              }>\r\n                              <HeaderContact />\r\n                        </Grid>\r\n                  </Grid>\r\n            </Box>\r\n      );\r\n};\r\n\r\nexport default HeaderTop;\r\n","import * as React from 'react';\r\nimport {useState, useEffect, Fragment} from 'react';\r\n\r\nimport {Theme, Typography, useTheme} from '@mui/material';\r\nimport {Link, To} from 'react-router-dom';\r\nimport {notNullOrUndefined, notNullOrUndefinedOrEmpty} from '../../../utilities/Utils';\r\n\r\nexport interface IHeaderButtonLinkProps\r\n{\r\n      display?: string;\r\n      pageLink: To;\r\n      visible: boolean;\r\n}\r\n\r\nconst HeaderButtonLink: React.FC<IHeaderButtonLinkProps> = (\r\n      props: IHeaderButtonLinkProps = {\r\n            display: '',\r\n            pageLink: '/',\r\n            visible: false,\r\n      },\r\n) =>\r\n{\r\n      const theme: Theme = useTheme();\r\n\r\n      const [show, setShow] = useState<boolean>(props.visible);\r\n      const [displayText, setDisplayText] = useState<string>('');\r\n      const [pageLink, setPageLink] = useState<To>(props.pageLink);\r\n\r\n      useEffect(() =>\r\n      {\r\n            if (notNullOrUndefinedOrEmpty(props.display))\r\n            {\r\n                  setDisplayText(props.display!);\r\n            }\r\n\r\n            setShow(props.visible);\r\n\r\n      }, [props]); // Runs only when 'props' changes\r\n\r\n      if (!show)\r\n      {\r\n            return (\r\n                  <Fragment />\r\n            );\r\n      }\r\n\r\n      return (\r\n\r\n            <Typography\r\n                  component={Link}\r\n                  to={pageLink}\r\n                  sx={{\r\n                        padding: 0,\r\n                        margin: '0 4px',\r\n                        fontSize: '1.1rem',\r\n                        color: theme.palette.commonColors?.Blue.H800.main,\r\n                        textDecoration: 'none',\r\n                        '&:hover': {\r\n                              color: theme.palette.secondary.dark, // replace 'yourHoverColor' with the desired hover color\r\n                              textDecoration: 'underline', // optional, for visual effect\r\n                        },\r\n                  }}\r\n            >\r\n                  {displayText}\r\n            </Typography>\r\n      );\r\n};\r\n\r\nexport default HeaderButtonLink;\r\n","import * as React from 'react';\r\nimport { NavLink } from 'react-router-dom';\r\nimport { IRouteLink } from '../../../routing/RouteLinks';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { notNullOrUndefined } from '../../../utilities/Utils';\r\nimport { useTheme, Button } from '@mui/material';\r\nimport { styled } from '@mui/system';\r\nimport { color } from 'framer-motion';\r\n\r\ninterface IHeaderDrawerNavigationLinkProps\r\n{\r\n      link: null | IRouteLink;\r\n      linkClicked?: React.MouseEventHandler | null;\r\n}\r\n\r\nconst StyledNavLink = styled(NavLink)(({ theme }) => ({\r\n      textDecoration: 'none',\r\n      color: theme.palette.primary.contrastText,\r\n      '&.active': {\r\n            fontWeight: 'bold',\r\n            color: theme.palette.secondary.contrastText,\r\n      },\r\n      display: 'flex',\r\n      alignItems: 'center',\r\n      padding: '0',\r\n      margin: '0',\r\n}));\r\n\r\nconst HeaderDrawerNavigationLink: React.FC<IHeaderDrawerNavigationLinkProps> = (\r\n      props: IHeaderDrawerNavigationLinkProps = {\r\n            link: null,\r\n            linkClicked: null,\r\n      },\r\n) =>\r\n{\r\n      const theme = useTheme();\r\n\r\n      const onLinkClicked = (\r\n            event: React.MouseEvent<Element, MouseEvent>,\r\n      ) =>\r\n      {\r\n            if (notNullOrUndefined(props.linkClicked))\r\n            {\r\n                  props.linkClicked?.(event);\r\n            }\r\n      };\r\n\r\n      if (props.link && props.link.included)\r\n      {\r\n            return (\r\n                  <StyledNavLink\r\n                        to={ props.link.elementTo }\r\n                        onClick={ onLinkClicked }\r\n                        className={ ({ isActive }) => (isActive ? 'active' : '') }\r\n                  >\r\n                        <Button\r\n                              color=\"inherit\"\r\n                              startIcon={ <FontAwesomeIcon icon={ props.link.icon } /> }\r\n                              sx={ {\r\n                                    color: theme.palette.primary.contrastText,\r\n                                    fontSize: '1.1rem',\r\n                                    '& .MuiButton-startIcon': {\r\n                                          color: theme.palette.secondary.main,\r\n                                          marginRight: '24px',\r\n                                    },\r\n                              } }\r\n                        >\r\n                              { props.link.display!.trim() }\r\n                        </Button>\r\n                  </StyledNavLink>\r\n            );\r\n      }\r\n      return <React.Fragment />;\r\n};\r\n\r\nexport default HeaderDrawerNavigationLink;\r\n","import React, { useEffect } from 'react';\r\nimport { Fragment, useState } from 'react';\r\n\r\nimport { IRouteLink } from '../../../routing/RouteLinks';\r\nimport HeaderDrawerNavigationLink from './HeaderDrawerNavigationLink';\r\nimport\r\n{\r\n      isNullOrUndefined,\r\n      notNullOrUndefined,\r\n} from '../../../utilities/Utils';\r\nimport { useAuth } from '../../../providers/AuthProvider';\r\nimport\r\n{\r\n      IAuthUser,\r\n      UserRole,\r\n} from '../../../types/authenticationTypes';\r\n\r\ninterface INavigationLinksCollectionProps\r\n{\r\n      linkClicked?: React.MouseEventHandler | null;\r\n      links: null | IRouteLink[];\r\n}\r\nconst HeaderDrawerNavigationLinks: React.FC<\r\n      INavigationLinksCollectionProps\r\n> = (\r\n      props: INavigationLinksCollectionProps = {\r\n            linkClicked: null,\r\n            links: null,\r\n      },\r\n) =>\r\n      {\r\n            const { user, loggedIn } = useAuth();\r\n\r\n            const [ isLoggedIn, setIsLoggedIn ] =\r\n                  useState<boolean>(false);\r\n            const [ currentUser, setCurrentUser ] =\r\n                  useState<IAuthUser | null>(null);\r\n\r\n            useEffect(() =>\r\n            {\r\n                  setIsLoggedIn(loggedIn);\r\n                  setCurrentUser(user);\r\n            }, [ user, loggedIn ]);\r\n\r\n            const onLinkClicked = (\r\n                  event: React.MouseEvent<Element, MouseEvent>,\r\n            ) =>\r\n            {\r\n                  if (notNullOrUndefined(props.linkClicked))\r\n                  {\r\n                        props.linkClicked?.(event);\r\n                  }\r\n            };\r\n\r\n            const linkValidForRole = (element: IRouteLink) =>\r\n            {\r\n                  if (isNullOrUndefined(element.requiredRole))\r\n                  {\r\n                        return element.showInSideMenu;\r\n                  }\r\n\r\n                  const elementRole =\r\n                        element.requiredRole as UserRole;\r\n\r\n                  if (\r\n                        user !== null &&\r\n                        notNullOrUndefined(user.role) &&\r\n                        notNullOrUndefined(elementRole)\r\n                  )\r\n                  {\r\n                        return (\r\n                              element.showInSideMenu &&\r\n                              user.role <= elementRole\r\n                        );\r\n                  }\r\n\r\n                  return true;\r\n            };\r\n\r\n            const sideMenuLinks = props.links?.filter(\r\n                  linkValidForRole,\r\n            ) as IRouteLink[];\r\n\r\n            //const sortedNavigationLinks = NavigationLinks.sort((a, b) => a.order - b.order);\r\n            if (props.links)\r\n            {\r\n                  return (\r\n                        <Fragment>\r\n                              { sideMenuLinks\r\n                                    .sort(\r\n                                          (a, b) =>\r\n                                                a.order - b.order,\r\n                                    )\r\n                                    .map((item) => (\r\n                                          <HeaderDrawerNavigationLink\r\n                                                key={ `NavigationLinkItem_${item.key}` }\r\n                                                link={ item }\r\n                                                linkClicked={\r\n                                                      onLinkClicked\r\n                                                }\r\n                                          />\r\n                                    )) }\r\n                        </Fragment>\r\n                  );\r\n            }\r\n            return <Fragment />;\r\n      };\r\nexport default HeaderDrawerNavigationLinks;\r\n","import * as React from 'react';\r\n\r\nimport { Fragment, useEffect, useState } from 'react';\r\nimport { useSelector, useDispatch } from 'react-redux';\r\n\r\nimport {\r\nAvatar,\r\nBox,\r\nContainer,\r\nGrid,\r\nStack,\r\nTheme,\r\nTypography,\r\nuseTheme,\r\n} from '@mui/material';\r\n\r\nimport {\r\nsetThemePrimaryColor,\r\nsetThemeSecondaryColor,\r\n} from '../../../stores/slices/ThemingSlice';\r\nimport { ServiceStoreState } from '../../../stores/ServiceStore';\r\nimport HeaderDrawerNavigationLinks from './HeaderDrawerNavigationLinks';\r\nimport RouteLinks, {\r\n      GetLinkFromKey,\r\n      IRouteLink,\r\n} from '../../../routing/RouteLinks';\r\nimport { notNullOrUndefined } from '../../../utilities/Utils';\r\nimport HeaderDrawerNavigationLink from './HeaderDrawerNavigationLink';\r\nimport { userInfo } from 'os';\r\nimport { Guid } from '../../../utilities/Guid';\r\nimport { useAuth } from '../../../providers/AuthProvider';\r\nimport { IAuthUser } from '../../../types/authenticationTypes';\r\n\r\nexport interface IHeaderSideMenuDrawerProps {\r\n      linkClicked?: React.MouseEventHandler | null;\r\n}\r\n\r\nconst HeaderSideMenuDrawer: React.FC<IHeaderSideMenuDrawerProps> = (\r\n      props: IHeaderSideMenuDrawerProps = { linkClicked: null },\r\n): React.JSX.Element => {\r\n      const theme: Theme = useTheme();\r\n\r\n      const { user, loggedIn } = useAuth();\r\n\r\n      const navigationLinks = RouteLinks;\r\n\r\n      const [isLoggedIn, setIsLoggedIn] =\r\n            useState<boolean>(false);\r\n      const [currentUser, setCurrentUser] =\r\n            useState<IAuthUser | null>(null);\r\n\r\n      useEffect(() => {\r\n            setIsLoggedIn(loggedIn);\r\n            setCurrentUser(user);\r\n      }, [user, loggedIn]);\r\n\r\n      const onLinkClicked = (\r\n            event: React.MouseEvent<Element, MouseEvent>,\r\n      ) => {\r\n            if (notNullOrUndefined(props.linkClicked)) {\r\n                  props.linkClicked?.(event);\r\n            }\r\n\r\n            return undefined;\r\n      };\r\n\r\n      // const getLogInLogOutLink = (): IRouteLink =>\r\n      // {\r\n      //       if (isLoggedIn)\r\n      //       {\r\n      //             return GetLinkFromKey(\r\n      //                   'logoutLink',\r\n      //             ) as IRouteLink;\r\n      //       }\r\n\r\n      //       return GetLinkFromKey(\r\n      //             'loginLink',\r\n      //       ) as IRouteLink;\r\n      // };\r\n\r\n      const GetAvatar = () => {\r\n            if (\r\n                  isLoggedIn &&\r\n                  notNullOrUndefined(currentUser?.email)\r\n            ) {\r\n                  return (\r\n                        <Box\r\n                              sx={ {\r\n                                    padding: '24px 0 4px 0',\r\n                              } }>\r\n                              <Grid\r\n                                    container\r\n                                    spacing={ 2 }\r\n                                    key='key1'\r\n                                    alignItems='stretch'>\r\n                                    <Grid\r\n                                          item\r\n                                          xs={ 10 }\r\n                                          key={ `menuUsername_key_${Guid.NewGuid().Value}` }>\r\n                                          <Typography\r\n                                                gutterBottom\r\n                                                variant='h6'\r\n                                                component='div'>\r\n                                                {\r\n                                                      currentUser?.firstName\r\n                                                }\r\n                                          </Typography>\r\n                                    </Grid>\r\n                                    <Grid\r\n                                          item\r\n                                          xs={ 2 }\r\n                                          key={ `menuAvatar_key_${Guid.NewGuid().Value}` }>\r\n                                          <Avatar\r\n                                                sx={ {\r\n                                                      width: 24,\r\n                                                      height: 24,\r\n                                                } }>\r\n                                                { (\r\n                                                      currentUser?.firstName as string\r\n                                                ).charAt(0) }\r\n                                          </Avatar>\r\n                                    </Grid>\r\n                              </Grid>\r\n                        </Box>\r\n                  );\r\n            }\r\n\r\n            return <Fragment />;\r\n      };\r\n\r\n      return (\r\n            <Box\r\n                  aria-label='HeaderSideMenuDrawer_Container'\r\n                  sx={ {\r\n                        minWidth: '320px',\r\n                        margin: 0,\r\n                        padding: '4px',\r\n                        lineHeight: '1',\r\n                  } }>\r\n                  <Stack sx={ {\r\n                        margin: 0,\r\n                        padding: 0,\r\n                  } }>\r\n                        { GetAvatar() }\r\n\r\n                        {/* <Box\r\n                              sx={ {\r\n                                    padding: '4px 0 12px 0',\r\n                              } }>\r\n                              <Typography>\r\n                                    <HeaderDrawerNavigationLink\r\n                                          key={ `NavigationLinkItem_userLoginLogout` }\r\n                                          link={ getLogInLogOutLink() }\r\n                                          linkClicked={\r\n                                                onLinkClicked\r\n                                          }\r\n                                    />\r\n                              </Typography>\r\n                        </Box> */}\r\n\r\n                        <Box sx={ { padding: '8px 0' } }>\r\n                              <Stack sx={ {\r\n                                    margin: 0,\r\n                                    padding: 0,\r\n                              } }>\r\n                                    <HeaderDrawerNavigationLinks\r\n                                          key='headerNavLinks'\r\n                                          links={\r\n                                                navigationLinks.sort((a, b) => a.order - b.order)\r\n                                          }\r\n                                          linkClicked={\r\n                                                onLinkClicked\r\n                                          }\r\n                                    />\r\n                              </Stack>\r\n                        </Box>\r\n                  </Stack>\r\n            </Box>\r\n      );\r\n};\r\n\r\nexport default HeaderSideMenuDrawer;\r\n","import * as React from 'react';\r\nimport { Fragment, useEffect, useState } from 'react';\r\nimport { Drawer, IconButton, Theme, useTheme } from '@mui/material';\r\nimport MenuIcon from '@mui/icons-material/Menu';\r\nimport HeaderSideMenuDrawer from './HeaderSideMenuDrawer';\r\nimport { useAuth } from '../../../providers/AuthProvider';\r\nimport { notNullOrUndefined } from '../../../utilities/Utils';\r\nimport { UserRole } from '../../../types/authenticationTypes';\r\n\r\nconst HeaderSideMenu: React.FC<{}> = ({}) =>\r\n{\r\n      const theme: Theme = useTheme();\r\n      const { user, loggedIn } = useAuth();\r\n\r\n      const [ validUser, setValidUser ] = useState<boolean>(false);\r\n\r\n      const [ drawerOpen, setDrawerOpen ] = useState<boolean>(false);\r\n\r\n      useEffect(() =>\r\n      {\r\n            setValidUser(false);\r\n\r\n            if (loggedIn &&\r\n                  notNullOrUndefined(user) &&\r\n                  notNullOrUndefined(user?.role))\r\n            {\r\n                  if (user!.role <= UserRole.Manager)\r\n                  {\r\n                        setValidUser(true);\r\n                  }\r\n            }\r\n      }, [ user, loggedIn ]);\r\n\r\n      const openMenuDrawer = () =>\r\n      {\r\n            setDrawerOpen(!drawerOpen);\r\n      };\r\n\r\n      const onLinkClicked = () =>\r\n      {\r\n            setDrawerOpen(false);\r\n\r\n            return undefined;\r\n      };\r\n\r\n      if (!validUser)\r\n      {\r\n            return (\r\n                  <Fragment />\r\n            )\r\n      }\r\n\r\n      return (\r\n            <Fragment>\r\n                  <IconButton\r\n                        size='large'\r\n                        edge='start'\r\n                        color='inherit'\r\n                        aria-label='menu'\r\n                        sx={ { ml: 4, mr: 0 } }\r\n                        onClick={ openMenuDrawer }>\r\n                        <MenuIcon fontSize='large' />\r\n                  </IconButton>\r\n\r\n                  <Drawer\r\n                        anchor='right'\r\n                        open={ drawerOpen }\r\n                        sx={ {\r\n                              '& .MuiDrawer-paper': {\r\n                                    backgroundColor: theme.palette.primary.dark,\r\n                              },\r\n                        } }\r\n                        onClose={ () =>\r\n                        {\r\n                              setDrawerOpen(false);\r\n                        } }>\r\n                        <HeaderSideMenuDrawer\r\n                              linkClicked={ onLinkClicked }\r\n                        />\r\n                  </Drawer>\r\n            </Fragment>\r\n      );\r\n};\r\n\r\nexport default HeaderSideMenu;\r\n","import React, { useEffect, useState } from 'react';\r\nimport { Box, Typography, useTheme } from '@mui/material';\r\nimport UserProfileImage, {\r\n      IUserProfileImageProps,\r\n      UserProfileImageDisplay,\r\n      UserProfileImageType,\r\n} from '../../../../components/UserProfileImage';\r\nimport {\r\n      IAuthUser,\r\n      UserRole,\r\n} from '../../../../types/authenticationTypes';\r\nimport {\r\n      isNullOrUndefined,\r\n      notNullOrUndefined,\r\n} from '../../../../utilities/Utils';\r\n\r\ninterface IUserHeaderAccountMenuTop {\r\n      user: IAuthUser | null;\r\n      imageMode: UserProfileImageDisplay;\r\n}\r\n\r\nconst UserHeaderAccountMenuTop: React.FC<\r\n      IUserHeaderAccountMenuTop\r\n> = (\r\n      props: IUserHeaderAccountMenuTop = {\r\n            user: null,\r\n            imageMode: 'FullColour',\r\n      },\r\n) => {\r\n      const theme = useTheme();\r\n\r\n      const [currentFirstName, setCurrentFirstName] =\r\n            useState<string>('');\r\n      const [currentLastName, setCurrentLastName] =\r\n            useState<string>('');\r\n      const [currentEmail, setCurrentEmail] =\r\n            useState<string>('');\r\n      const [currentRole, setCurrentRole] =\r\n            useState<UserRole>(UserRole.Anonymous);\r\n\r\n      useEffect(() => {\r\n            setCurrentFirstName('Unknown');\r\n            setCurrentLastName('User');\r\n            setCurrentEmail('');\r\n            setCurrentRole(UserRole.Anonymous);\r\n\r\n            if (\r\n                  props.user &&\r\n                  props.user.firstName &&\r\n                  notNullOrUndefined(\r\n                        props.user.firstName,\r\n                  ) &&\r\n                  props.user.lastName &&\r\n                  notNullOrUndefined(props.user.lastName) &&\r\n                  props.user.email &&\r\n                  notNullOrUndefined(props.user.email) &&\r\n                  props.user.role &&\r\n                  notNullOrUndefined(props.user.role)\r\n            ) {\r\n                  setCurrentFirstName(props.user.firstName);\r\n                  setCurrentLastName(props.user.lastName);\r\n                  setCurrentEmail(props.user.email);\r\n                  setCurrentRole(props.user.role);\r\n            }\r\n      }, [props]);\r\n\r\n      const getRoleDisplayText = (\r\n            role: UserRole | undefined | null,\r\n      ): string => {\r\n            if (notNullOrUndefined(role)) {\r\n                  switch (role) {\r\n                        case UserRole.Root:\r\n                              return 'Root';\r\n                        case UserRole.Admin:\r\n                              return 'Administrator';\r\n                        case UserRole.SuperUser:\r\n                              return 'Super User';\r\n                        case UserRole.PowerUser:\r\n                              return 'Power User';\r\n                        case UserRole.Manager:\r\n                              return 'Manager';\r\n                        case UserRole.User:\r\n                              return 'User';\r\n                        case UserRole.Guest:\r\n                              return 'Guest';\r\n                  }\r\n            }\r\n\r\n            return 'Anonymous';\r\n      };\r\n\r\n      const getRoleImage = (\r\n            role: UserRole | undefined | null,\r\n      ): UserProfileImageType => {\r\n            if (notNullOrUndefined(role)) {\r\n                  switch (role) {\r\n                        case UserRole.Root:\r\n                              return 'Wizard';\r\n                        case UserRole.Admin:\r\n                              return 'King';\r\n                        case UserRole.SuperUser:\r\n                              return 'Superman';\r\n                        case UserRole.PowerUser:\r\n                              return 'Businessman';\r\n                        case UserRole.Manager:\r\n                              return 'Supervisor';\r\n                        case UserRole.User:\r\n                              return 'Employee';\r\n                        case UserRole.Guest:\r\n                              return 'Guest';\r\n                  }\r\n            }\r\n\r\n            return 'Anonymous';\r\n      };\r\n\r\n      return (\r\n            <Box\r\n                  sx={{\r\n                        display: 'flex',\r\n                        flexGrow: 1,\r\n                        alignItems: 'stretch',\r\n                        padding: '8px 0',\r\n                        backgroundColor:\r\n                              theme.palette.secondary.dark,\r\n                  }}>\r\n                  <Box\r\n                        sx={{\r\n                              width: '128px',\r\n                              display: 'flex',\r\n                              alignItems: 'center',\r\n                              padding: 0,\r\n                              margin: 0,\r\n                        }}>\r\n                        <UserProfileImage\r\n                              type={getRoleImage(\r\n                                    currentRole,\r\n                              )}\r\n                              size='128x128'\r\n                              mode={props.imageMode}\r\n                        />\r\n                  </Box>\r\n\r\n                  <Box\r\n                        sx={{\r\n                              display: 'flex',\r\n                              flexDirection: 'column',\r\n                              flexGrow: 1,\r\n                              padding: 0,\r\n                              margin: '4px 16px 8px 4px', // margin: top right bottom left\r\n                              color: theme.palette.secondary\r\n                                    .contrastText,\r\n                              borderBottom: `1px solid ${theme.palette.primary.main}`,\r\n                        }}>\r\n                        <Typography\r\n                              variant='body1'\r\n                              sx={{\r\n                                    textAlign: 'left',\r\n                                    margin: 0,\r\n                                    padding: 0,\r\n                                    fontSize: '1.2em',\r\n                              }}>\r\n                              {currentLastName},{' '}\r\n                              {currentFirstName}\r\n                        </Typography>\r\n\r\n                        <Typography\r\n                              variant='body2'\r\n                              sx={{\r\n                                    textAlign: 'left',\r\n                                    margin: 0,\r\n                                    padding: 0,\r\n                              }}>\r\n                              <b>{currentEmail}</b>\r\n                        </Typography>\r\n\r\n                        <Box\r\n                              sx={{\r\n                                    flexGrow: 1,\r\n                                    margin: 0,\r\n                                    padding: 0,\r\n                              }}\r\n                        />\r\n\r\n                        <Typography\r\n                              variant='h6'\r\n                              sx={{\r\n                                    textAlign: 'right',\r\n                                    margin: 0,\r\n                                    padding: 0,\r\n                                    paddingLeft: '48px',\r\n                                    color: theme.palette\r\n                                          .primary.main,\r\n                                    alignSelf: 'flex-end',\r\n                                    fontStyle: 'italic',\r\n                              }}>\r\n                              <b>\r\n                                    {getRoleDisplayText(\r\n                                          currentRole,\r\n                                    ).toUpperCase()}\r\n                              </b>\r\n                        </Typography>\r\n                  </Box>\r\n            </Box>\r\n      );\r\n};\r\n\r\nexport default UserHeaderAccountMenuTop;\r\n","import * as React from 'react';\r\nimport { Fragment, useEffect } from 'react';\r\n\r\nimport\r\n{\r\n      Box,\r\n      Divider,\r\n      List,\r\n      ListItemIcon,\r\n      MenuItem,\r\n      Popover,\r\n      SvgIconProps,\r\n      Theme,\r\n      useTheme,\r\n} from '@mui/material';\r\n\r\nimport PendingActionsIcon from '@mui/icons-material/PendingActions';\r\nimport AccountCircleIcon from '@mui/icons-material/AccountCircle';\r\nimport Settings from '@mui/icons-material/Settings';\r\nimport Logout from '@mui/icons-material/Logout';\r\n\r\nimport { useNavigate } from 'react-router-dom';\r\nimport UserHeaderAccountMenuTop from './UserHeaderAccountMenuTop';\r\nimport { IconDefinition } from '@fortawesome/fontawesome-svg-core';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { IconMaterialUiOrFontAwesome } from '../../../../types/graphicsTypes';\r\nimport { IAuthUser } from '../../../../types/authenticationTypes';\r\nimport { useAuth } from '../../../../providers/AuthProvider';\r\n\r\ninterface IUserAccountOrderedItem\r\n{\r\n      order: number;\r\n}\r\n\r\ninterface IUserHeaderAccountMenuProps\r\n{\r\n      menuOpen: boolean;\r\n      anchorRef: React.RefObject<HTMLElement> | null;\r\n\r\n      user: IAuthUser | null;\r\n\r\n      notifyOnClose?: () => void;\r\n}\r\n\r\ninterface IUserAccountMenuItem\r\n      extends IUserAccountOrderedItem\r\n{\r\n      key: string;\r\n      displayName: string;\r\n      navigateTo?: string;\r\n      icon: IconMaterialUiOrFontAwesome | null;\r\n}\r\n\r\ninterface IUserAccountMenuDivider\r\n      extends IUserAccountOrderedItem\r\n{\r\n      showDivider: boolean;\r\n}\r\n\r\ntype IUserAccountMenuItems =\r\n      | IUserAccountMenuItem\r\n      | IUserAccountMenuDivider;\r\n\r\nconst menuItems: IUserAccountMenuItems[] = [\r\n      {\r\n            order: 100,\r\n            key: 'orderHistoryKey',\r\n            displayName: 'My Orders',\r\n            icon: PendingActionsIcon,\r\n            navigateTo: '/appUsers/orderHistory',\r\n      },\r\n      { order: 200, showDivider: true },\r\n      {\r\n            order: 300,\r\n            key: 'accountKey',\r\n            displayName: 'Change Password',\r\n            icon: AccountCircleIcon,\r\n            navigateTo: '/appUsers/changepassword',\r\n      },\r\n      {\r\n            order: 400,\r\n            key: 'settingsKey',\r\n            displayName: 'Settings',\r\n            icon: Settings,\r\n            navigateTo: '/appUsers/profile',\r\n      },\r\n      { order: 500, showDivider: true },\r\n      {\r\n            order: 600,\r\n            key: 'logoutKey',\r\n            displayName: 'Log Out',\r\n            icon: Logout,\r\n      },\r\n];\r\n\r\nconst UserHeaderAccountMenu: React.FC<\r\n      IUserHeaderAccountMenuProps\r\n> = (\r\n      props: IUserHeaderAccountMenuProps = {\r\n            menuOpen: false,\r\n            anchorRef: null,\r\n            user: null,\r\n      },\r\n) =>\r\n      {\r\n            const theme: Theme = useTheme();\r\n\r\n            const { logout } = useAuth();\r\n\r\n            const navigate = useNavigate();\r\n\r\n            const [ anchorEl, setAnchorEl ] =\r\n                  React.useState<null | HTMLElement>(null);\r\n\r\n            const open = Boolean(anchorEl);\r\n\r\n            useEffect(() =>\r\n            {\r\n                  setAnchorEl(null);\r\n\r\n                  if (\r\n                        props.menuOpen &&\r\n                        props.anchorRef?.current\r\n                  )\r\n                  {\r\n                        // Use the avatar element reference to anchor the menu\r\n                        setAnchorEl(props.anchorRef.current);\r\n                  }\r\n            }, [ props.menuOpen, props.anchorRef ]);\r\n\r\n            const handleClose = (\r\n                  notifyParent: (() => void) | undefined,\r\n            ) =>\r\n            {\r\n                  setAnchorEl(null);\r\n\r\n                  if (notifyParent)\r\n                  {\r\n                        notifyParent();\r\n                  }\r\n            };\r\n\r\n            const handleItemClose = (\r\n                  item: IUserAccountMenuItem,\r\n                  notifyParent: (() => void) | undefined,\r\n            ) =>\r\n            {\r\n                  handleClose(notifyParent);\r\n\r\n                  if (item.key === 'logoutKey')\r\n                  {\r\n                        handleLogOut();\r\n\r\n                        return;\r\n                  }\r\n\r\n                  if (item.navigateTo)\r\n                  {\r\n                        navigate(item.navigateTo, { replace: false });\r\n                  }\r\n            };\r\n\r\n            const handleLogOut = () =>\r\n            {\r\n                  logout();\r\n\r\n                  navigate('/');\r\n            };\r\n\r\n            const GetMenuIcon = (\r\n                  icon: IconMaterialUiOrFontAwesome | null,\r\n            ) =>\r\n            {\r\n                  if (!icon)\r\n                  {\r\n                        return <Fragment />;\r\n                  }\r\n\r\n                  if ('iconName' in icon)\r\n                  {\r\n                        return (\r\n                              <FontAwesomeIcon\r\n                                    icon={ icon as IconDefinition }\r\n                                    style={ { color: 'inherit' } }\r\n                              />\r\n                        );\r\n                  }\r\n\r\n                  const IconComponent =\r\n                        icon as React.ComponentType<SvgIconProps>;\r\n\r\n                  return <IconComponent color='inherit' />;\r\n            };\r\n\r\n            const renderMenuItems = (\r\n                  items: IUserAccountMenuItems[],\r\n                  notifyParent: (() => void) | undefined,\r\n            ) =>\r\n            {\r\n                  const sortedMenuItems = items.sort(\r\n                        (a, b) => a.order - b.order,\r\n                  );\r\n\r\n                  return sortedMenuItems.map((item) =>\r\n                  {\r\n                        if ('showDivider' in item)\r\n                        {\r\n                              return (\r\n                                    <Divider\r\n                                          key={ `divider-${item.order}` }\r\n                                          sx={ { margin: '0 8px' } }\r\n                                    />\r\n                              );\r\n                        }\r\n\r\n                        const menuItem: IUserAccountMenuItem =\r\n                              item as IUserAccountMenuItem;\r\n\r\n                        return (\r\n                              <MenuItem\r\n                                    key={ menuItem.key }\r\n                                    sx={ {\r\n                                          margin: '0 8px',\r\n                                          '.MuiListItemIcon-root':\r\n                                          {\r\n                                                color: theme\r\n                                                      .palette\r\n                                                      .secondary\r\n                                                      .main, // Default color for icons\r\n                                          },\r\n                                          '&:hover': {\r\n                                                color: `${theme.palette.secondary.contrastText}`,\r\n                                                backgroundColor: `${theme.palette.secondary.light}`,\r\n                                                '.MuiListItemIcon-root':\r\n                                                {\r\n                                                      color: 'inherit', // Ensures icon color changes on hover\r\n                                                },\r\n                                          },\r\n                                    } }\r\n                                    onClick={ () =>\r\n                                          handleItemClose(\r\n                                                menuItem,\r\n                                                notifyParent,\r\n                                          )\r\n                                    }>\r\n                                    <ListItemIcon\r\n                                          sx={ {\r\n                                                '&:hover': {\r\n                                                      color: 'inherit',\r\n                                                      backgroundColor:\r\n                                                            'inherit',\r\n                                                },\r\n                                          } }>\r\n                                          { GetMenuIcon(\r\n                                                menuItem.icon,\r\n                                          ) }\r\n                                    </ListItemIcon>\r\n\r\n                                    { menuItem.displayName }\r\n                              </MenuItem>\r\n                        );\r\n                  });\r\n            };\r\n\r\n            return (\r\n                  <Popover\r\n                        anchorEl={ anchorEl }\r\n                        id='account-menu'\r\n                        open={ open }\r\n                        onClose={ () =>\r\n                              handleClose(props.notifyOnClose)\r\n                        }\r\n                        onClick={ () =>\r\n                              handleClose(props.notifyOnClose)\r\n                        }\r\n                        anchorOrigin={ {\r\n                              vertical: 'bottom',\r\n                              horizontal: 'right',\r\n                        } }\r\n                        transformOrigin={ {\r\n                              vertical: 'top',\r\n                              horizontal: 'right',\r\n                        } }\r\n                        slotProps={ {\r\n                              paper: {\r\n                                    sx: {\r\n                                          padding: 0,\r\n                                          margin: '8px 0px',\r\n                                          borderRadius: '6px',\r\n                                    },\r\n                              },\r\n                        } }>\r\n                        <Box\r\n                              sx={ {\r\n                                    width: '100%',\r\n                                    minWidth: '380px',\r\n                                    margin: 0,\r\n                                    padding: 0,\r\n                                    backgroundColor:\r\n                                          theme.palette.secondary\r\n                                                .dark,\r\n                              } }\r\n                              aria-label='account-menu-popover'>\r\n                              <UserHeaderAccountMenuTop\r\n                                    user={ props.user }\r\n                                    imageMode='BlackAndWhite'\r\n                              />\r\n                        </Box>\r\n\r\n                        <List>\r\n                              { renderMenuItems(\r\n                                    menuItems,\r\n                                    props.notifyOnClose,\r\n                              ) }\r\n                        </List>\r\n                  </Popover>\r\n            );\r\n      };\r\n\r\nexport default UserHeaderAccountMenu;\r\n","import * as React from 'react';\r\nimport { Fragment, useEffect, useState } from 'react';\r\n\r\nimport { IconButton } from '@mui/material';\r\nimport { IAuthUser, UserRole } from '../../../../types/authenticationTypes';\r\n\r\nimport UserAvatar from '../../../../components/UserAvatar';\r\nimport UserHeaderAccountMenu from './UserHeaderAccountMenu';\r\nimport { useAuth } from '../../../../providers/AuthProvider';\r\nimport { isNullOrUndefined, notNullOrUndefined } from '../../../../utilities/Utils';\r\n\r\nexport interface IUserHeaderAvatarProps\r\n{\r\n      size?:\r\n      | 'default'\r\n      | 'small'\r\n      | 'medium'\r\n      | 'large'\r\n      | 'headerBar';\r\n}\r\n\r\nconst UserHeaderAvatar: React.FC<IUserHeaderAvatarProps> = (\r\n      props: IUserHeaderAvatarProps = {\r\n            size: 'default',\r\n      },\r\n) =>\r\n{\r\n      const [ menuOpen, setMenuOpen ] = useState(false); // State to manage menu open/close\r\n      const { user, loggedIn } = useAuth();\r\n\r\n      const [ isUserLoggedIn, setIsUserLoggedIn ] = useState(false);\r\n      const [ currentUser, setCurrentUser ] = useState<IAuthUser | null>(null);\r\n\r\n      const accountMenuRef =\r\n            React.useRef<HTMLButtonElement>(null);\r\n\r\n      const handleAvatarClick = () =>\r\n      {\r\n            setMenuOpen((current) => !current);\r\n      };\r\n\r\n      const handleMenuClose = () =>\r\n      {\r\n            setMenuOpen(false);\r\n      };\r\n\r\n      useEffect(() =>\r\n      {\r\n            setIsUserLoggedIn(loggedIn);\r\n            setCurrentUser(user);\r\n\r\n      }, [ user, loggedIn ]);\r\n\r\n      const getUserAvatar = () =>\r\n      {\r\n            if (!isUserLoggedIn || isNullOrUndefined(currentUser))\r\n            {\r\n                  return (\r\n                        <Fragment />\r\n                  )\r\n            }\r\n\r\n            return (\r\n                  <IconButton\r\n                        ref={ accountMenuRef }\r\n                        onClick={ handleAvatarClick }\r\n                        style={ {\r\n                              padding: 0,\r\n                              minWidth: 'auto',\r\n                        } }>\r\n                        <UserAvatar\r\n                              isLoggedIn={ isUserLoggedIn }\r\n                              user={ currentUser }\r\n                        />\r\n                  </IconButton>\r\n            )\r\n      }\r\n\r\n      const getUserMenu = () =>\r\n      {\r\n            if (!isUserLoggedIn || isNullOrUndefined(currentUser))\r\n            {\r\n                  return (\r\n                        <Fragment />\r\n                  )\r\n            }\r\n\r\n            // if (isNullOrUndefined(currentUser?.role) && currentUser!.role <= UserRole.Manager)\r\n            // {\r\n            //       return (\r\n            //             <Fragment />\r\n            //       )\r\n            // }\r\n\r\n            return (\r\n                  <UserHeaderAccountMenu\r\n                        menuOpen={ menuOpen }\r\n                        anchorRef={ accountMenuRef }\r\n                        notifyOnClose={ handleMenuClose }\r\n                        user={ currentUser }\r\n                  />\r\n            )\r\n      }\r\n\r\n      return (\r\n            <Fragment>\r\n\r\n                  { getUserAvatar() }\r\n                  { getUserMenu() }\r\n\r\n            </Fragment>\r\n      );\r\n};\r\n\r\nexport default UserHeaderAvatar;\r\n","import React, { useEffect, useState } from 'react';\r\nimport { Theme, Typography, useTheme, Grid } from '@mui/material';\r\n\r\nimport { IAuthUser } from '../../../types/authenticationTypes';\r\n\r\nimport HeaderButtonLink from './HeaderButtonLink';\r\nimport HeaderSideMenu from './HeaderSideMenu';\r\nimport UserHeaderAvatar from './User/UserHeaderAvatar';\r\nimport { IRouteLink } from '../../../routing/RouteLinks';\r\nimport { notNullOrUndefined } from '../../../utilities/Utils';\r\nimport CartStatusLink from '../cart/components/CartStatusLink';\r\n\r\ninterface IHeaderLinksProps\r\n{\r\n      links: IRouteLink[] | null;\r\n      user: IAuthUser | null;\r\n}\r\n\r\nconst HeaderLinks: React.FC<IHeaderLinksProps> = (props: IHeaderLinksProps = {\r\n      links: null,\r\n      user: null\r\n}) =>\r\n{\r\n      const theme: Theme = useTheme();\r\n\r\n      const [ isLoggedIn, setIsLoggedIn ] = useState<boolean>(props.user !== null);\r\n\r\n      useEffect(() =>\r\n      {\r\n            setIsLoggedIn(props.user !== null);\r\n      }, [ props.user ]);\r\n\r\n      return (\r\n            <Grid container alignItems=\"center\" justifyContent=\"space-between\">\r\n                  <Grid item>\r\n                        <Grid container alignItems=\"center\">\r\n                              { props.links && props.links\r\n                                    .map((link, index, filteredLinks) => (\r\n                                          <React.Fragment key={ `${link.key}_toolbar_link` }>\r\n\r\n                                                <HeaderButtonLink display={ link.display } pageLink={ link.elementTo } visible={ true } />\r\n\r\n                                                { index < filteredLinks.length - 1 && (\r\n                                                      <Typography component=\"span\" sx={ {\r\n                                                            margin: '0 4px',\r\n                                                            color: theme.palette.commonColors?.Gray.H100.contrastText,\r\n                                                            fontSize: '1.2rem',\r\n                                                      } }>\r\n                                                            { ' | ' }\r\n                                                      </Typography>\r\n                                                ) }\r\n                                          </React.Fragment>\r\n                                    )) }\r\n                        </Grid>\r\n                  </Grid>\r\n                  <Grid item>\r\n                        <Grid container alignItems=\"right\">\r\n\r\n                              <CartStatusLink />\r\n\r\n                              { isLoggedIn && (\r\n                                    <UserHeaderAvatar />\r\n                              ) }\r\n\r\n                              <HeaderSideMenu />\r\n                        </Grid>\r\n                  </Grid>\r\n            </Grid>\r\n      );\r\n};\r\n\r\nexport default HeaderLinks;\r\n","import * as React from 'react';\r\nimport\r\n{\r\n      AppBar,\r\n      Theme,\r\n      Toolbar,\r\n      Typography,\r\n      useTheme,\r\n} from '@mui/material';\r\n\r\nimport { hasConfiguration } from '../../../providers/ConfigurationProvider';\r\nimport { IAuthUser } from '../../../types/authenticationTypes';\r\nimport { useAuth } from '../../../providers/AuthProvider';\r\nimport { notNullOrUndefined } from '../../../utilities/Utils';\r\n\r\nimport HeaderLinks from './HeaderLinks';\r\nimport RouteLinks, { GetLinkFromKey, IRouteLink } from '../../../routing/RouteLinks';\r\n\r\nconst HeaderTopBar: React.FC<{}> = () =>\r\n{\r\n      const theme: Theme = useTheme();\r\n\r\n      const { loggedIn, user } = useAuth();\r\n\r\n      const [ currentlyLoggedIn, setCurrentlyLoggedIn ] = React.useState<boolean>(false);\r\n      const [ currentUser, setCurrentUser ] = React.useState<IAuthUser | null>(null);\r\n\r\n      React.useEffect(() =>\r\n      {\r\n            setCurrentlyLoggedIn(loggedIn);\r\n\r\n            if (notNullOrUndefined(user))\r\n            {\r\n                  setCurrentUser(user);\r\n            }\r\n      }, [ loggedIn, user ]);\r\n\r\n      const getAppBar = (isLoggedIn: boolean) =>\r\n      {\r\n            if (!hasConfiguration())\r\n            {\r\n                  return <React.Fragment />;\r\n            }\r\n\r\n            let toolBarLinks = RouteLinks\r\n                  .filter((link) => link.showInToolbar)\r\n                  .sort((a, b) => a.order - b.order);\r\n\r\n            if (!isLoggedIn)\r\n            {\r\n                  const loginLink: IRouteLink = GetLinkFromKey('loginLink')!;\r\n                  const registerLink: IRouteLink = GetLinkFromKey('appUserRegisterLink')!;\r\n\r\n                  toolBarLinks.push(loginLink);\r\n                  toolBarLinks.push(registerLink);\r\n            }\r\n\r\n            return (\r\n                  <HeaderLinks\r\n                        links={ toolBarLinks }\r\n                        user={ currentUser }\r\n                  />\r\n            );\r\n      };\r\n\r\n      return (\r\n            <AppBar\r\n                  position='static'\r\n                  elevation={ 5 }\r\n                  sx={ {\r\n                        backgroundColor: theme.palette.commonColors!.Gray.H100.main,\r\n                        color: theme.palette.commonColors!.Gray.H900.main,\r\n                        padding: 0,\r\n                        margin: 0,\r\n                        lineHeight: '12px',\r\n                  } }>\r\n                  <Toolbar\r\n                        aria-label='ToolBarComponent'\r\n                        sx={ {\r\n                              padding: 0,\r\n                              margin: 0,\r\n                        } }>\r\n                        <Typography\r\n                              variant='h6'\r\n                              component='div'\r\n                              sx={ {\r\n                                    padding: 0,\r\n                                    margin: 0,\r\n                                    flexGrow: 1,\r\n                              } }>\r\n                              &nbsp;\r\n                        </Typography>\r\n\r\n                        { getAppBar(currentlyLoggedIn) }\r\n                  </Toolbar>\r\n            </AppBar>\r\n      );\r\n};\r\n\r\nexport default HeaderTopBar;\r\n","import * as React from 'react';\r\nimport { Box, Theme, useTheme } from '@mui/material';\r\n\r\nimport HeaderTop from './HeaderTop';\r\nimport HeaderTopBar from './HeaderTopBar';\r\nimport BreadcrumbsComponent from '../../../components/BreadcrumbsComponent';\r\n\r\nconst Header: React.FC<{}> = ({}) =>\r\n{\r\n      const theme: Theme = useTheme();\r\n      const headerBckColour = theme.palette.commonColors!.Gray.H300.main;\r\n      \r\n      return (\r\n            <Box\r\n                  key={ `HeaderRootComponent` }\r\n                  arial-label='LblHeaderRootComponent'\r\n                  sx={ { backgroundColor: headerBckColour,margin: 0 } }>\r\n                  <HeaderTop />\r\n\r\n                  <Box\r\n                        sx={ {\r\n                              backgroundColor:\r\n                                    theme.palette.primary\r\n                                          .dark,\r\n                              height: '1px',\r\n                        } }\r\n                  />\r\n\r\n                  <HeaderTopBar />\r\n\r\n                  <Box\r\n                        sx={ {\r\n                              backgroundColor:\r\n                                    theme.palette.primary\r\n                                          .dark,\r\n                              height: '1px',\r\n                        } }\r\n                  />\r\n\r\n                  {/* <BreadcrumbsComponent /> */ }\r\n\r\n            </Box>\r\n      );\r\n};\r\n\r\nexport default Header;\r\n"],"names":["navLinks","location","sx","height","paddingTop","paddingBottom","overflowY","overflowX","mode","path","element","to","map","item","elementTo","motionKey","key","inner","component","div","initial","opacity","animate","exit","transition","delay","duration","ease","pathname","StyledLink","theme","color","palette","primary","contrastText","textDecoration","secondary","main","bgColor","textColor","style","position","bottom","width","margin","padding","backgroundColor","boxShadow","variant","textAlign","StyledIcon","styled","hoverColor","transform","WebkitFilter","filter","icon","Icon","href","IconButton","disableFocusRipple","disableRipple","target","fontSize","useTheme","Box","display","justifyContent","alignItems","Grid","container","direction","spacing","marginRight","maxWidth","Link","underline","dark","wrap","Twitter","commonColors","Gray","H500","Facebook","LinkedIn","YouTube","StyledLogoImage","isSmallScreen","useMediaQuery","breakpoints","down","headerBckColour","H300","Blue","H800","sm","src","alt","loading","minWidth","props","pageLink","visible","show","setShow","useState","displayText","setDisplayText","setPageLink","useEffect","Typography","Fragment","StyledNavLink","fontWeight","link","linkClicked","onLinkClicked","event","included","onClick","className","isActive","Button","startIcon","trim","links","user","loggedIn","isLoggedIn","setIsLoggedIn","currentUser","setCurrentUser","sideMenuLinks","requiredRole","showInSideMenu","elementRole","role","sort","a","b","order","navigationLinks","RouteLinks","lineHeight","Stack","email","xs","gutterBottom","firstName","Guid","NewGuid","Value","Avatar","A","charAt","validUser","setValidUser","drawerOpen","setDrawerOpen","Manager","size","edge","ml","mr","Menu","Drawer","anchor","open","onClose","imageMode","currentFirstName","setCurrentFirstName","currentLastName","setCurrentLastName","currentEmail","setCurrentEmail","currentRole","setCurrentRole","Anonymous","lastName","flexGrow","UserProfileImage","type","Root","Admin","SuperUser","PowerUser","User","Guest","getRoleImage","flexDirection","borderBottom","paddingLeft","alignSelf","fontStyle","getRoleDisplayText","toUpperCase","menuItems","displayName","PendingActions","navigateTo","showDivider","AccountCircle","Settings","Logout","menuOpen","anchorRef","logout","navigate","anchorEl","setAnchorEl","Boolean","current","handleClose","notifyParent","handleLogOut","GetMenuIcon","IconComponent","Popover","id","notifyOnClose","anchorOrigin","vertical","horizontal","transformOrigin","slotProps","paper","borderRadius","List","items","Divider","menuItem","MenuItem","light","replace","handleItemClose","ListItemIcon","setMenuOpen","isUserLoggedIn","setIsUserLoggedIn","accountMenuRef","handleAvatarClick","handleMenuClose","ref","UserAvatar","index","filteredLinks","length","H100","CartStatusLink","currentlyLoggedIn","setCurrentlyLoggedIn","AppBar","elevation","H900","Toolbar","toolBarLinks","showInToolbar","loginLink","registerLink","push","getAppBar"],"sourceRoot":""}