{"version":3,"file":"header-ItyqXdXL.js","sources":["../../src/common/layout/header/profile-menu/profile-menu.tsx","../../src/assets/svg/pengguin-logo-mobile.svg","../../src/assets/svg/ispeak-mobile-dark.svg","../../src/features/notifications/components/notifications/notifications.tsx","../../src/common/layout/header/header.tsx"],"sourcesContent":["import React from 'react'\nimport {\n  Divider,\n  MenuItem,\n  Typography,\n  Stack,\n  ListItemIcon,\n  Box,\n  IconButton,\n  Avatar,\n  Menu,\n  Link,\n  Button,\n} from '@common/components'\nimport { UserOverviewContainer, ExpandableMenuItem } from './profile-menu.styles'\nimport {\n  useAppDispatch,\n  useAppSelector,\n  useMediaQuery,\n  useToggle,\n  useTranslation,\n} from '@common/hooks'\nimport {\n  DarkModeIcon,\n  LogoutIcon,\n  MenuIcon,\n  PersonIcon,\n  WbSunnyIcon,\n  LanguageIcon,\n} from '@common/icons'\nimport personIcon from '@assets/svg/person-uno.svg'\nimport duoPersonIcon from '@assets/svg/duo-person-icon.svg'\nimport feedbackIcon from '@assets/svg/feedback-icon.svg'\nimport rulerIcon from '@assets/svg/ruler-icon.svg'\nimport { handleGravatar } from '@common/utils/gravatar'\nimport {\n  BIO_ROUTE,\n  DASHBOARD_ROUTE,\n  FEEDBACK_ROUTE,\n  LOGIN_ROUTE,\n  MAIN_ROUTE,\n  MY_CLASSROOMS_ROUTE,\n  NOTES_ROUTE,\n  PERSONAL_ROUTE,\n  PRICING_ROUTE,\n  QUIZ_VOCAB_ROUTE,\n} from '@common/constants/routes'\nimport { AnimatePresence, motion, useAnimation } from 'motion/react'\nimport { RouterLink, useLocation, useNavigate } from '@lib/router'\nimport { useTheme } from '@features/theme/theme.hooks'\nimport { NavLinkButton, navlinks } from '../header'\nimport useToggleMenu from '@common/hooks/use-toggle-menu'\nimport { logout } from '@features/auth/auth-actions'\nimport { useToast } from '@features/toast/hooks'\nimport { useUser } from '@features/auth/hooks'\nimport { modeType, setThemeMode } from '@features/theme/theme.slice'\nimport { usePaymentGetCreditsQuery } from '@app/services/auto-generated/payment'\nimport { languages } from '@common/constants/languages'\nimport { isUNSW } from '../../../../utils/unswUtils'\nimport { creditsSystem } from '@config/features-flags'\n\nconst ProfileMenu = (props) => {\n  const { t, i18n } = useTranslation('common')\n  const navigate = useNavigate()\n  const dispatch = useAppDispatch()\n  const matches = useMediaQuery(990)\n  const { user, isStudent } = useUser()\n  const { mode, isDark } = useTheme()\n  const { pathname } = useLocation()\n  const selectedTheme = useAppSelector((state) => state.theme)\n  const { anchorEl, open, handleClick, handleClose: handleCloseMenu } = useToggleMenu()\n  const [selectedLanguage, setSelectedLanguage] = React.useState(languages[0])\n  const {\n    open: openLanguageMenu,\n    handleToggle: handleToggleLanguageMenu,\n    handleClose: handleCloseLanguageMenu,\n  } = useToggle(false)\n  const {\n    open: openThemeMenu,\n    handleToggle: handleToggleThemeMenu,\n    handleClose: handleCloseThemeMenu,\n  } = useToggle(false)\n  const handleClose = () => {\n    handleCloseMenu()\n    handleCloseLanguageMenu()\n    handleCloseThemeMenu()\n  }\n  const { data } = usePaymentGetCreditsQuery(undefined, { skip: !creditsSystem })\n\n  const hanldeChangeLanguage = (code: string) => {\n    i18n.changeLanguage(code)\n    setSelectedLanguage(languages.find((lang) => lang.code === code))\n  }\n\n  const handleChangeThemeMode = (mode: modeType) => {\n    dispatch(setThemeMode(mode))\n  }\n\n  const handleLogoutClick = () => {\n    dispatch(logout())\n    handleClose()\n    navigate(isUNSW() ? LOGIN_ROUTE : MAIN_ROUTE)\n  }\n\n  const toast = useToast()\n  const handleToast = () => {\n    toast('This feature is not available at the moment', 'warning')\n  }\n\n  const themeOptions = [\n    {\n      value: 'light',\n      label: t('header.menu.lightTheme', 'Light theme'),\n    },\n    {\n      value: 'dark',\n      label: t('header.menu.darkTheme', 'Dark theme'),\n    },\n    {\n      value: 'browser',\n      label: t('header.menu.deviceTheme', 'Device theme'),\n    },\n  ]\n\n  return (\n    <>\n      <IconButton color='neutral' onClick={handleClick}>\n        {matches ? (\n          <MenuIcon className='custom-menu-icon' />\n        ) : (\n          <PersonIcon className='custom-menu-icon' />\n        )}\n      </IconButton>\n      <Menu\n        elevation={1}\n        anchorEl={anchorEl}\n        open={open}\n        onClose={handleClose}\n        anchorOrigin={{\n          vertical: 'bottom',\n          horizontal: 'right',\n        }}\n        transformOrigin={{\n          vertical: 'top',\n          horizontal: 'right',\n        }}\n        sx={{ zIndex: 999999 }}\n        {...props}\n      >\n        <UserOverview\n          username={user?.username}\n          avatarUrl={handleGravatar(user?.image)}\n          handleClose={handleClose}\n        />\n        <Divider />\n        {matches && (\n          <Box>\n            {creditsSystem && (\n              <Button\n                sx={{ display: 'flex', mx: 'auto', mt: 1, width: '120px' }}\n                variant='outlined'\n                component={RouterLink}\n                to={PRICING_ROUTE}\n              >\n                {data ? data.credits : '-'} {t('header.credits', 'Credits')}\n              </Button>\n            )}\n            <Stack spacing={1} sx={{ mx: 'auto', my: 1, width: '80%' }}>\n              <NavLinkButton\n                link={MY_CLASSROOMS_ROUTE}\n                isActive={pathname.startsWith(MY_CLASSROOMS_ROUTE)}\n                bgColor='#FFE9B0'\n                icon={duoPersonIcon}\n              >\n                Live Workshop\n              </NavLinkButton>\n              <NavLinkButton\n                link={DASHBOARD_ROUTE}\n                isActive={\n                  pathname.startsWith('/dashboard') &&\n                  !pathname.startsWith(FEEDBACK_ROUTE) &&\n                  !pathname.startsWith(QUIZ_VOCAB_ROUTE)\n                }\n                bgColor='#D1CAFF'\n                width={15}\n                icon={personIcon}\n              >\n                AI Interview\n              </NavLinkButton>\n              <NavLinkButton\n                link={FEEDBACK_ROUTE}\n                isActive={pathname.startsWith(FEEDBACK_ROUTE)}\n                bgColor='#FFCCC9'\n                width={15}\n                icon={feedbackIcon}\n              >\n                AI Feedback\n              </NavLinkButton>\n              <NavLinkButton\n                link={QUIZ_VOCAB_ROUTE}\n                isActive={pathname.startsWith(QUIZ_VOCAB_ROUTE)}\n                bgColor='#A7E4B7'\n                width={15}\n                icon={rulerIcon}\n              >\n                Exercises\n              </NavLinkButton>\n            </Stack>\n            {/* <Button\n              color={isUNSW() ? 'primary' : 'neutral'}\n              variant='contained'\n              component={RouterLink}\n              to={isStudent ? (isUNSW() ? DASHBOARD_ROUTE : QUIZ_VOCAB_ROUTE) : NOTES_ROUTE}\n              // size='small'\n              sx={{\n                display: 'flex',\n                mx: 'auto',\n                my: 1,\n                width: '140px',\n              }}\n            >\n              My dashboard\n            </Button>\n            {!isUNSW() && (\n              <Button\n                variant='outlined'\n                color='neutral'\n                component={RouterLink}\n                to={MY_CLASSROOMS_ROUTE}\n                sx={{ display: 'flex', mx: 'auto', my: 1, width: '140px' }}\n              >\n                {t('header.classrooms.explore_events', 'Explore Events')}\n              </Button>\n            )} */}\n            {navlinks.map((link, k) => (\n              <MenuItem\n                disabled={link.disabled}\n                component={RouterLink}\n                to={link.to}\n                onClick={() => {\n                  handleClose()\n                  link.to === '#' ? handleToast() : undefined\n                }}\n                key={k}\n              >\n                {link.label}\n              </MenuItem>\n            ))}\n            <Divider />\n          </Box>\n        )}\n        {!isUNSW() && (\n          <MenuItem onClick={handleToggleThemeMenu}>\n            <ListItemIcon>\n              <AnimatePresence>\n                {isDark ? (\n                  <DarkModeIcon\n                    fontSize='small'\n                    component={motion.svg}\n                    initial={{ x: -5, opacity: 0 }}\n                    animate={{ x: 0, opacity: 1 }}\n                    exit={{ opacity: 0.5, x: 5 }}\n                  />\n                ) : (\n                  <WbSunnyIcon\n                    fontSize='small'\n                    component={motion.svg}\n                    initial={{ x: -5, opacity: 0 }}\n                    animate={{ x: 0, opacity: 1 }}\n                    exit={{ opacity: 0.5, x: 5 }}\n                  />\n                )}\n              </AnimatePresence>\n            </ListItemIcon>\n            {t('header.menu.language.Theme', 'Theme')}\n          </MenuItem>\n        )}\n        <ExpandableMenu\n          options={themeOptions}\n          selectedValue={selectedTheme.mode}\n          open={openThemeMenu}\n          getOptionValue={(mode) => mode.value}\n          getOptionLabel={(mode) => mode.label}\n          onOptionClick={handleChangeThemeMode}\n        />\n        <MenuItem onClick={handleToggleLanguageMenu}>\n          <ListItemIcon>\n            <LanguageIcon fontSize='small' />\n          </ListItemIcon>\n          {t('header.menu.language.label', 'Language')}\n        </MenuItem>\n        <ExpandableMenu\n          options={languages}\n          selectedValue={selectedLanguage.code}\n          open={openLanguageMenu}\n          getOptionValue={(lng) => lng.code}\n          getOptionLabel={(lng) => lng.label}\n          onOptionClick={hanldeChangeLanguage}\n        />\n        <MenuItem onClick={handleLogoutClick}>\n          <ListItemIcon>\n            <LogoutIcon fontSize='small' />\n          </ListItemIcon>\n          {t('header.menu.logout.label', 'Logout')}\n        </MenuItem>\n      </Menu>\n    </>\n  )\n}\n\ninterface UserOverviewProps {\n  username: string\n  avatarUrl: string\n  handleClose: () => void\n}\n\nconst UserOverview = (props: UserOverviewProps) => {\n  const { username, avatarUrl, handleClose } = props\n  const { pathname } = useLocation()\n  const { t } = useTranslation()\n  const { isTeacher } = useUser()\n  return (\n    <UserOverviewContainer>\n      <Stack direction='row' spacing={1} alignItems='center'>\n        <Avatar src={avatarUrl} />\n        <Stack>\n          <Typography variant='body1' fontWeight={600}>\n            {username}\n          </Typography>\n          {pathname.startsWith('/classroom/') ? (\n            <Link\n              href={isTeacher && !isUNSW() ? BIO_ROUTE : PERSONAL_ROUTE}\n              target='_blank'\n              rel='noopener'\n              underline='hover'\n              color='secondary'\n              variant='body2'\n              onClick={handleClose}\n            >\n              {t('header.menu.manageAccount', 'Manage your account')}\n            </Link>\n          ) : (\n            <Link\n              underline='hover'\n              color='secondary'\n              variant='body2'\n              component={RouterLink}\n              to={isTeacher && !isUNSW() ? BIO_ROUTE : PERSONAL_ROUTE}\n              onClick={handleClose}\n            >\n              {t('header.menu.manageAccount', 'Manage your account')}\n            </Link>\n          )}\n        </Stack>\n      </Stack>\n    </UserOverviewContainer>\n  )\n}\n\ninterface ExpandableMenuProps {\n  open: boolean\n  options: any[]\n  selectedValue: any\n  getOptionLabel: (option: any) => string\n  getOptionValue: (option: any) => string | number\n  onOptionClick: (option: any) => void\n}\n\nconst ExpandableMenu = (props: ExpandableMenuProps) => {\n  const {\n    open,\n    options,\n    selectedValue,\n    getOptionLabel = (option) => option,\n    getOptionValue = (option) => option,\n    onOptionClick,\n  } = props\n  const controls = useAnimation()\n\n  React.useEffect(() => {\n    if (open) {\n      controls.start('animate')\n    } else {\n      controls.start('hidden')\n    }\n  }, [open])\n\n  return (\n    <Box\n      component={motion.div}\n      variants={{\n        hidden: { height: 0 },\n        animate: { height: 'unset' },\n      }}\n      animate={controls}\n      sx={{\n        py: 0,\n        pb: 0,\n        maxHeight: '200px',\n        height: 0,\n        overflow: options.length > 4 ? 'auto' : 'hidden',\n      }}\n    >\n      {options.map((option, k) => {\n        const selected = getOptionValue(option) === selectedValue\n        return (\n          <ExpandableMenuItem\n            key={k}\n            selected={selected}\n            isLanguage={option.flag_img !== undefined}\n            onClick={() => onOptionClick(getOptionValue(option))}\n          >\n            {getOptionLabel(option)}\n            {option.flag_img && <img src={option.flag_img} alt='flag' style={{ width: '25px' }} />}\n          </ExpandableMenuItem>\n        )\n      })}\n    </Box>\n  )\n}\n\nexport default ProfileMenu\n","export default \"__VITE_ASSET__CHgAnJh5__\"","export default \"__VITE_ASSET__uIxCsz8M__\"","import {\n  Badge,\n  Box,\n  ClickAwayListener,\n  Divider,\n  Grow,\n  Popper,\n  Typography,\n  IconButton,\n  Skeleton,\n  List,\n  ListItem,\n  ListItemButton,\n  ListItemText,\n  Stack,\n} from '@common/components'\nimport { Paper } from './notifications.styles'\nimport { useTogglePopover, useTranslation } from '@common/hooks'\nimport { LinkIcon, NotificationsIcon } from '@common/icons'\nimport {\n  useNotificationGetNotificationsQuery,\n  useNotificationGetUnreadNotificationsNumberQuery,\n} from '@app/services/auto-generated/notification'\nimport { RouterLink } from '@lib/router'\nimport React from 'react'\n\nconst Notifications = () => {\n  const { open, anchorEl, handleClose, handleOpen } = useTogglePopover()\n  const { data: unreadNotif } = useNotificationGetUnreadNotificationsNumberQuery({}, { skip: open })\n\n  return (\n    <>\n      <IconButton\n        color='neutral'\n        onClick={(event) => {\n          handleOpen(event)\n        }}\n      >\n        <Badge color='primary' badgeContent={unreadNotif?.number} invisible={open}>\n          <NotificationsIcon className='custom-menu-icon' />\n        </Badge>\n      </IconButton>\n      {open ? (\n        <PopperNotification open={open} anchorEl={anchorEl} handleClose={handleClose} />\n      ) : null}\n    </>\n  )\n}\n\nconst PopperNotification = (props) => {\n  const { open, anchorEl, handleClose } = props\n  const {\n    data: notifications,\n    isSuccess,\n    isLoading,\n  } = useNotificationGetNotificationsQuery({ limit: 100 })\n  const { t } = useTranslation()\n  return (\n    <Popper\n      open={open}\n      anchorEl={anchorEl}\n      role={undefined}\n      placement='bottom-end'\n      transition\n      // disablePortal\n      sx={{ zIndex: 2000 }}\n      modifiers={[\n        {\n          name: 'flip',\n          enabled: false,\n        },\n        {\n          name: 'offset',\n          options: {\n            offset: [-20, 5],\n          },\n        },\n      ]}\n    >\n      {({ TransitionProps, placement }) => (\n        <Grow\n          {...TransitionProps}\n          style={{\n            transformOrigin: 'center top',\n          }}\n        >\n          <Paper sx={{ p: 0 }}>\n            <ClickAwayListener onClickAway={handleClose}>\n              <Box>\n                <Typography variant='body1' align='center' sx={{ px: 4, py: 1 }}>\n                  {t('notifications.notifications', 'Notifications')}\n                </Typography>\n                <Divider />\n                <Box sx={{ width: '350px', maxWidth: '90vw' }}>\n                  {isLoading ? (\n                    <Stack spacing={1} sx={{ p: 1 }}>\n                      <Skeleton variant='rectangular' />\n                      <Skeleton variant='rectangular' />\n                      <Skeleton variant='rectangular' />\n                      <Skeleton variant='rectangular' />\n                    </Stack>\n                  ) : isSuccess ? (\n                    notifications.length === 0 ? (\n                      <Box sx={{ p: 1 }}>\n                        <Typography color='grey' variant='body2'>\n                          {t('notifications.noNotifications', 'No notifications yet')}\n                        </Typography>\n                      </Box>\n                    ) : (\n                      <List sx={{ mt: 1, maxHeight: '350px', overflow: 'auto' }}>\n                        {[...notifications]\n                          ?.sort((a, b) => new Date(a.is_read_at) - new Date(b.is_read_at))\n                          .map((notif, index) => (\n                            <Notification\n                              key={index}\n                              title={notif.message_title}\n                              text={notif.message_body_text}\n                              link={notif.message_body_link}\n                            />\n                          ))}\n                      </List>\n                    )\n                  ) : null}\n                </Box>\n              </Box>\n            </ClickAwayListener>\n          </Paper>\n        </Grow>\n      )}\n    </Popper>\n  )\n}\nconst Notification = (props) => {\n  const { title, text, link } = props\n  return (\n    <ListItem disablePadding>\n      <ControlledNotif sx={{ py: 0 }} link={link && `/dashboard${link}`}>\n        <ListItemText\n          primary={title}\n          secondary={\n            <Box component='span' display='flex' alignItems='center' justifyContent='space-between'>\n              <Typography\n                sx={{ display: 'inline' }}\n                component='span'\n                variant='body2'\n                color='text.primary'\n              >\n                {text}\n              </Typography>\n              {link && <LinkIcon sx={{ transform: 'rotate(-45deg)' }} />}\n            </Box>\n          }\n        />\n      </ControlledNotif>\n    </ListItem>\n  )\n}\n\nconst ControlledNotif = (props) => {\n  const { link, children, ...restProps } = props\n  if (!link) return <ListItemButton {...restProps}>{children}</ListItemButton>\n  else\n    return (\n      <ListItemButton component={RouterLink} to={link} {...restProps}>\n        {children}\n      </ListItemButton>\n    )\n}\nexport default Notifications\n","import React from 'react'\nimport {\n  AppBar,\n  Box,\n  Button,\n  ButtonProps,\n  Container,\n  Stack,\n  ToggleButton,\n  ToggleButtonGroup,\n  Toolbar,\n  Typography,\n  Link,\n} from '@common/components'\nimport personIcon from '@assets/svg/person-uno.svg'\nimport homeIcon from '@assets/svg/home-icon.svg'\nimport duoPersonIcon from '@assets/svg/duo-person-icon.svg'\nimport feedbackIcon from '@assets/svg/feedback-icon.svg'\nimport rulerIcon from '@assets/svg/ruler-icon.svg'\nimport { useAppSelector, useMediaQuery, useTranslation } from '@common/hooks'\nimport {\n  COMMUNITY_ROUTE,\n  DASHBOARD_ROUTE,\n  EVENT_ROUTE,\n  FEEDBACK_ROUTE,\n  HOME_ROUTE,\n  LANDING_ROUTE,\n  LOGIN_ROUTE,\n  MAIN_ROUTE,\n  MY_CLASSROOMS_ROUTE,\n  NOTES_ROUTE,\n  PRICING_ROUTE,\n  QUIZ_VOCAB_ROUTE,\n  RECORDINGS_ROUTE,\n  SIGNIN_ROUTE,\n  SIMPLE_LOGIN_ROUTE,\n} from '@common/constants/routes'\nimport { NavLink as NavLinkRouter, RouterLink, useLocation } from '@lib/router'\nimport { useToast } from '@features/toast/hooks'\nimport ProfileMenu from './profile-menu'\nimport unswLogo from '@assets/images/mentorai_white.svg'\nimport pengguinLogo from '@assets/svg/pengguin-logo.svg'\nimport ispekLogoMobile from '@assets/svg/pengguin-logo-mobile.svg'\nimport ispekLogoDarkMobile from '@assets/svg/ispeak-mobile-dark.svg'\nimport isepakLogoDark from '@assets/svg/logo-speakduo-dark.svg'\nimport { Notifications } from '@features/notifications/components'\nimport { usePaymentGetCreditsQuery } from '@app/services/auto-generated/payment'\nimport { useUser } from '@features/auth/hooks'\nimport { isUNSW } from '@utils'\nimport { useTheme } from '@features/theme/theme.hooks'\nimport { creditsSystem } from '@config/features-flags'\nimport { FlotingButton } from './header.styles'\nimport { ArrowOutwardIcon } from '@common/icons'\nimport { ThemeProvider } from '@common/utils/styles'\nimport darkTheme from '@styles/themes/dark-theme'\nimport {\n  AttendanceLimitsResponse,\n  useNeopaymentGetAttendanceLimitsQuery,\n} from '@app/services/auto-generated/neopayment'\nimport { useAuthWhoamiQuery } from '@app/services/auto-generated/auth'\nimport { selectUser } from '@features/auth/auth-slice'\n\nexport const navlinks = [\n  // { label: 'Businesses', to: 'https://www.ispeakto.com/corporate' },\n  // { label: 'Institutions', to: 'https://ispeakto.com/institutions' },\n]\n\nconst Header = () => {\n  const matches = useMediaQuery(990)\n  const { t, i18n } = useTranslation('homepage')\n  const { pathname } = useLocation()\n  const { data: limits } = useNeopaymentGetAttendanceLimitsQuery()\n  const { data } = usePaymentGetCreditsQuery(undefined, { skip: !creditsSystem })\n  const toast = useToast()\n  const user = useAppSelector(selectUser)\n  const { isStudent } = useUser()\n  const handleClick = () => {\n    toast('This feature is not available at the moment', 'warning')\n  }\n  const [alignment, setAlignment] = React.useState('en')\n\n  const handleChange = (event: React.MouseEvent<HTMLElement>, newAlignment: string) => {\n    setAlignment(newAlignment)\n    i18n.changeLanguage(newAlignment)\n  }\n\n  return (\n    <>\n      <AppBar position='relative' color='transparent' elevation={0} sx={{ zIndex: 10 }}>\n        {user?.plan === 'free' && user?.status === 'STUDENT' && <UpgradeBanner limits={limits} />}\n        <Toolbar\n          component={Container}\n          maxWidth='xl'\n          sx={{\n            display: 'flex',\n            justifyContent: 'space-between',\n            alignItems: 'center',\n          }}\n        >\n          <Stack direction='row' spacing={2} alignItems='center'>\n            <Logo />\n            {!matches && (\n              <Stack direction='row' spacing={1}>\n                {navlinks.map((navlink, k) => (\n                  <NavLink\n                    key={k}\n                    color='neutral'\n                    label={navlink.label}\n                    to={navlink.to}\n                    onClick={navlink.label === 'PengguinTV' ? handleClick : undefined}\n                  />\n                ))}\n              </Stack>\n            )}\n          </Stack>\n          <Stack direction='row' spacing={1} alignItems='center'>\n            {!user ? (\n              <>\n                {pathname !== MAIN_ROUTE ? (\n                  <ToggleButtonGroup\n                    color='primary'\n                    value={alignment}\n                    exclusive\n                    onChange={handleChange}\n                    aria-label='Platform'\n                  >\n                    <ToggleButton value='en'>\n                      <img\n                        src={'https://flagicons.lipis.dev/flags/4x3/gb.svg'}\n                        alt='flag'\n                        style={{ width: '25px' }}\n                      />\n                    </ToggleButton>\n                    <ToggleButton value='fr'>\n                      <img\n                        src={'https://flagicons.lipis.dev/flags/4x3/fr.svg'}\n                        alt='flag'\n                        style={{ width: '25px' }}\n                      />\n                    </ToggleButton>\n                    <ToggleButton value='es'>\n                      <img\n                        src={'https://flagicons.lipis.dev/flags/4x3/es.svg'}\n                        alt='flag'\n                        style={{ width: '25px' }}\n                      />\n                    </ToggleButton>\n                  </ToggleButtonGroup>\n                ) : null}\n                <FlotingButton\n                  color='neutral'\n                  variant='contained'\n                  component={RouterLink}\n                  to={isUNSW() ? LOGIN_ROUTE : SIMPLE_LOGIN_ROUTE}\n                  sx={{\n                    fontSize: '14px',\n                    color: 'white',\n                    width: '90px',\n                    height: '40px',\n                    bgcolor: '#528be7',\n                  }}\n                >\n                  {t('header.signIn', 'Sign In')}\n                </FlotingButton>\n              </>\n            ) : (\n              <>\n                {!matches && (\n                  <>\n                    {creditsSystem && (\n                      <Button variant='outlined' component={RouterLink} to={PRICING_ROUTE}>\n                        {data ? data.credits : '-'} {t('header.credits', 'Credits')}\n                      </Button>\n                    )}\n                    {!pathname.startsWith(HOME_ROUTE) && (\n                      <Stack\n                        direction='row'\n                        spacing={1}\n                        sx={{\n                          position: 'absolute',\n                          top: '50%',\n                          left: '50%',\n                          transform: 'translate(-50%,-50%)',\n                        }}\n                      >\n                        <NavLinkButton\n                          link={MY_CLASSROOMS_ROUTE}\n                          isActive={pathname.startsWith(MY_CLASSROOMS_ROUTE)}\n                          bgColor='#FED363d3'\n                          icon={duoPersonIcon}\n                        >\n                          Live Workshop\n                        </NavLinkButton>\n                        <NavLinkButton\n                          link={isStudent ? RECORDINGS_ROUTE : NOTES_ROUTE}\n                          isActive={\n                            pathname.startsWith('/dashboard') &&\n                            !pathname.startsWith(FEEDBACK_ROUTE) &&\n                            !pathname.startsWith(QUIZ_VOCAB_ROUTE) &&\n                            !pathname.startsWith(COMMUNITY_ROUTE)\n                          }\n                          bgColor='#D1CAFF'\n                          width={15}\n                          icon={personIcon}\n                        >\n                          AI Interview\n                        </NavLinkButton>\n                        <NavLinkButton\n                          link={COMMUNITY_ROUTE}\n                          isActive={pathname.startsWith(COMMUNITY_ROUTE)}\n                          bgColor='#A8CAFF'\n                          width={17}\n                          icon={homeIcon}\n                        >\n                          Community\n                        </NavLinkButton>\n                        <NavLinkButton\n                          link={FEEDBACK_ROUTE}\n                          isActive={pathname.startsWith(FEEDBACK_ROUTE)}\n                          bgColor='#FFCCC9'\n                          width={15}\n                          icon={feedbackIcon}\n                        >\n                          AI Feedback\n                        </NavLinkButton>\n                        <NavLinkButton\n                          link={QUIZ_VOCAB_ROUTE}\n                          isActive={pathname.startsWith(QUIZ_VOCAB_ROUTE)}\n                          bgColor='#A7E4B7'\n                          width={15}\n                          icon={rulerIcon}\n                        >\n                          Exercises\n                        </NavLinkButton>\n                      </Stack>\n                    )}\n                    {/* <ThemeProvider theme={darkTheme}>\n                    <Button\n                      floating={!pathname.startsWith('/dashboard')}\n                      color={'neutral'}\n                      variant='outlined'\n                      component={RouterLink}\n                      to={isStudent ? (isUNSW() ? DASHBOARD_ROUTE : QUIZ_VOCAB_ROUTE) : NOTES_ROUTE}\n                      sx={{\n                        fontWeight: 600,\n                        backgroundColor: pathname.startsWith('/dashboard') ? '#3D474F' : '',\n                        border: pathname.startsWith('/dashboard')\n                          ? '1px solid rgba(80,70,70,0.5)'\n                          : '',\n                        ':hover': {\n                          backgroundColor: pathname.startsWith('/dashboard') ? '#3D474F' : '',\n                          border: pathname.startsWith('/dashboard')\n                            ? '1px solid rgb(80,70,70)'\n                            : '',\n                        },\n                      }}\n                    >\n                      {t('header.my_dashboard', 'My Dashboard')}\n                    </Button>\n                  </ThemeProvider>\n                  <Button\n                    disableRipple\n                    color='secondary'\n                    variant='outlined'\n                    floating={!pathname.startsWith('/events')}\n                    component={RouterLink}\n                    to={MY_CLASSROOMS_ROUTE}\n                    sx={{\n                      fontWeight: 600,\n                      color: 'black',\n                      backgroundColor: pathname.startsWith('/events') ? '#FED363' : '',\n                      border: pathname.startsWith('/events') ? '1px solid rgba(80,70,70,0.5)' : '',\n                      ':hover': {\n                        backgroundColor: pathname.startsWith('/events') ? '#FED363' : '',\n                        color: 'black',\n                        border: pathname.startsWith('/events') ? '1px solid rgb(80,70,70)' : '',\n                      },\n                    }}\n                  >\n                    {t('header.classrooms.explore_events', 'Explore Events')}\n                    <ArrowOutwardIcon sx={{ fontSize: '14px' }} />\n                  </Button> */}\n                  </>\n                )}\n                <Notifications />\n                <ProfileMenu />\n              </>\n            )}\n          </Stack>\n        </Toolbar>\n      </AppBar>\n    </>\n  )\n}\n\nconst UpgradeBanner = (props: { limits: AttendanceLimitsResponse | undefined }) => {\n  const { limits } = props\n  const isSmDown = useMediaQuery(600)\n  if (!limits) return null\n  // if (limits.current_count < 3) return null\n  return (\n    <Stack\n      direction='row'\n      justifyContent='center'\n      alignItems='center'\n      spacing={2}\n      sx={{\n        width: '100%',\n        p: 1,\n        backgroundColor: 'primary.main',\n        color: 'white',\n      }}\n    >\n      {isSmDown ? (\n        <Typography variant='body2' sx={{ fontSize: { xs: '12px', md: '14px' } }}>\n          <span style={{ fontWeight: 'bolder' }}>{limits.remaining_count}</span> events left.\n          <br /> <span style={{ fontWeight: 'bolder' }}>Upgrade</span> for unlimited access!\n        </Typography>\n      ) : (\n        <Typography variant='body2'>\n          You have <span style={{ fontWeight: 'bolder' }}>{limits.remaining_count}</span>{' '}\n          {limits.remaining_count === 1 ? ' event ' : ' events '} left this month. Upgrade to{' '}\n          <span style={{ fontWeight: 'bolder' }}>SpeakDuo Premium</span> for unlimited live events{' '}\n        </Typography>\n      )}\n      <Button\n        component={RouterLink}\n        to={PRICING_ROUTE}\n        variant='outlined'\n        color='light'\n        size='small'\n        sx={{ color: 'white' }}\n      >\n        Upgrade\n      </Button>\n    </Stack>\n  )\n}\n\nexport const Logo = (props: { style?: React.CSSProperties }) => {\n  const { isDark } = useTheme()\n  const { user } = useUser()\n  const { pathname } = useLocation()\n  const isMatch = useMediaQuery(1250)\n  const isSMDown = useMediaQuery(600)\n  const getLogo = () => {\n    if (isUNSW()) return unswLogo\n    const isClassroomPath = pathname.startsWith('/classroom/')\n    const isHomeOrEvents = pathname === '/' || pathname.startsWith('/events')\n    if (!isHomeOrEvents && isDark) {\n      return isClassroomPath && isSMDown ? ispekLogoDarkMobile : isepakLogoDark\n    }\n    return isClassroomPath && isSMDown ? ispekLogoMobile : pengguinLogo\n  }\n\n  const LogoImage = () => (\n    <img\n      src={getLogo()}\n      alt={'ispeak'}\n      style={{\n        height: isMatch ? '22px' : '34px',\n        transform: 'translateY(2px)',\n        ...props.style,\n      }}\n    />\n  )\n\n  const isEventsPage = pathname.startsWith('/events')\n\n  return (\n    <Stack direction='row' spacing={2} alignItems='center'>\n      <RouterLink to={user ? HOME_ROUTE : LANDING_ROUTE}>\n        <LogoImage />\n      </RouterLink>\n      {!pathname.startsWith(PRICING_ROUTE) && !pathname.startsWith(EVENT_ROUTE) && (\n        <Link\n          component={RouterLink}\n          to={PRICING_ROUTE}\n          sx={{\n            ml: 3,\n            color: (theme) => {\n              if (isEventsPage || pathname === MAIN_ROUTE) return 'black'\n              return isDark ? theme.palette.text.primary : 'text.secondary'\n            },\n            textDecoration: 'none',\n            fontSize: { xs: '13px', md: '14px' },\n            fontWeight: 500,\n            '&:hover': {\n              color: (theme) => {\n                if (isEventsPage) return theme.palette.primary.main\n                return isDark ? theme.palette.primary.main : theme.palette.primary.main\n              },\n            },\n            display: 'flex',\n            alignItems: 'center',\n            gap: 0.5,\n          }}\n        >\n          Pricing\n        </Link>\n      )}\n    </Stack>\n  )\n}\n\nexport const NavLink = <RouterLink extends React.ElementType>(\n  props: ButtonProps<RouterLink, { component?: RouterLink }> & { label: string },\n) => {\n  const { label } = props\n  return (\n    <Button\n      color='neutral'\n      component={NavLinkRouter}\n      variant='text'\n      sx={{\n        px: 3,\n        py: 0.5,\n        fontSize: '16px',\n        borderRadius: '10px',\n        color: 'rgba(0, 0, 0, 0.87)',\n      }}\n      style={({ isActive }) => (isActive ? { backgroundColor: 'rgba(0, 0, 0, 0.08)' } : undefined)}\n      {...props}\n    >\n      {label}\n    </Button>\n  )\n}\n\nexport const NavLinkButton: React.FC<\n  {\n    isActive?: boolean\n    icon: string\n    width?: string | number\n    bgColor: string\n    link: string\n  } & Omit<ButtonProps, 'isActive'>\n> = (props) => {\n  const { icon, isActive, link, bgColor, width, children, ...buttonProps } = props\n  const { isDark } = useTheme()\n  const { pathname } = useLocation()\n  const inEvents = pathname.startsWith(MY_CLASSROOMS_ROUTE)\n  const isMatch = useMediaQuery(1250)\n  return (\n    <Button\n      size={isMatch ? 'small' : 'medium'}\n      component={RouterLink}\n      to={link}\n      color='neutral'\n      variant='outlined'\n      {...buttonProps}\n      sx={{\n        bgcolor: inEvents ? (theme) => theme.palette.background.paper : 'initial',\n        ':hover': {\n          bgcolor: isActive\n            ? bgColor\n            : inEvents\n            ? (theme) => theme.palette.background.paper\n            : 'initial',\n        },\n        backdropFilter: 'blur(10px)',\n        ...(isActive && {\n          color: isDark ? 'black' : 'initial',\n          bgcolor: bgColor,\n        }),\n        ...buttonProps.sx,\n      }}\n    >\n      <Box\n        component='img'\n        src={icon}\n        alt='nav-button'\n        sx={{\n          width: width ? width : 25,\n          mr: 0.5,\n          filter: isDark ? 'brightness(0)  invert(1)' : ' brightness(0.27) saturate(0%) invert(0%)',\n          ...(isActive && {\n            filter: 'none',\n          }),\n        }}\n      />\n      <Typography noWrap sx={{ fontSize: { md: '14px', lg: '16px' } }}>\n        {children}\n      </Typography>\n    </Button>\n  )\n}\n\nexport default Header\n"],"names":["ProfileMenu","props","i18n","useTranslation","navigate","useNavigate","dispatch","useAppDispatch","matches","useMediaQuery","user","useUser","isDark","useTheme","pathname","useLocation","selectedTheme","useAppSelector","state","anchorEl","open","handleClick","handleCloseMenu","useToggleMenu","selectedLanguage","setSelectedLanguage","React","languages","openLanguageMenu","handleToggleLanguageMenu","handleCloseLanguageMenu","useToggle","openThemeMenu","handleToggleThemeMenu","handleCloseThemeMenu","handleClose","data","usePaymentGetCreditsQuery","hanldeChangeLanguage","code","lang","handleChangeThemeMode","mode","setThemeMode","handleLogoutClick","logout","MAIN_ROUTE","toast","useToast","handleToast","themeOptions","jsxs","Fragment","jsx","IconButton","MenuIcon","PersonIcon","Menu","UserOverview","handleGravatar","Divider","Box","creditsSystem","Stack","NavLinkButton","MY_CLASSROOMS_ROUTE","duoPersonIcon","DASHBOARD_ROUTE","FEEDBACK_ROUTE","QUIZ_VOCAB_ROUTE","personIcon","feedbackIcon","rulerIcon","navlinks","link","k","MenuItem","RouterLink","ListItemIcon","AnimatePresence","DarkModeIcon","motion","WbSunnyIcon","ExpandableMenu","LanguageIcon","lng","LogoutIcon","username","avatarUrl","t","isTeacher","UserOverviewContainer","Avatar","Typography","Link","BIO_ROUTE","PERSONAL_ROUTE","options","selectedValue","getOptionLabel","option","getOptionValue","onOptionClick","controls","useAnimation","selected","ExpandableMenuItem","ispekLogoMobile","ispekLogoDarkMobile","Notifications","handleOpen","useTogglePopover","unreadNotif","useNotificationGetUnreadNotificationsNumberQuery","event","Badge","NotificationsIcon","PopperNotification","notifications","isSuccess","isLoading","useNotificationGetNotificationsQuery","Popper","TransitionProps","placement","Grow","Paper","ClickAwayListener","Skeleton","List","a","b","notif","index","Notification","title","text","ListItem","ControlledNotif","ListItemText","LinkIcon","children","restProps","ListItemButton","Header","limits","useNeopaymentGetAttendanceLimitsQuery","selectUser","isStudent","alignment","setAlignment","handleChange","newAlignment","AppBar","UpgradeBanner","Toolbar","Container","Logo","navlink","NavLink","HOME_ROUTE","RECORDINGS_ROUTE","NOTES_ROUTE","COMMUNITY_ROUTE","homeIcon","ToggleButtonGroup","ToggleButton","FlotingButton","SIMPLE_LOGIN_ROUTE","isSmDown","Button","PRICING_ROUTE","isMatch","isSMDown","getLogo","isClassroomPath","isepakLogoDark","pengguinLogo","LogoImage","isEventsPage","LANDING_ROUTE","EVENT_ROUTE","theme","label","NavLinkRouter","isActive","icon","bgColor","width","buttonProps","inEvents"],"mappings":"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"}