udp-react-enterprise-component-library 25.18.1-beta.4 → 25.18.1-beta.6

package/dist/FluentProfileMenuCard-BMGWsjyD.js.map

@@ -1 +1 @@
-{"version":3,"file":"FluentProfileMenuCard-BMGWsjyD.js","names":["useStyles","useStyles","expanded","MiniCollapsibleSidebar","useStyles","useStyles","useStyles","prevOpen","useStyles","productId","HelpOutlineIcon","CloseIcon","ChatIcon","useStyles","Typography","useStyles","ShellDropdown","useStyles","UserAvatar"],"sources":["../src/shell/ui/MiniCollapsibleSidebar.jsx","../src/shell/ui/NavigationSidebar.jsx","../src/shell/ui/AmbientProjectSwitcher.jsx","../src/shell/ui/ShellDropdown.jsx","../src/shell/ui/LanguageSwitcher.jsx","../src/shell/ui/HelpCenter.jsx","../src/shell/ui/EnvironmentRibbon.tsx","../src/shell/ui/SiteHeader.jsx","../src/shell/ui/UserAvatar.jsx","../src/shell/ui/FluentProfileMenuCard.jsx"],"sourcesContent":["import { Drawer, makeStyles } from '@material-ui/core'\nimport clsx from 'clsx'\nimport React from 'react'\n\nconst useStyles = makeStyles(\n  (theme) => ({\n    root: {\n      width: theme?.dimensions?.drawerWidth,\n      flexShrink: 0,\n      whiteSpace: 'nowrap'\n    },\n    expanded: {\n      '&, & > $paper': {\n        // width: theme.dimensions.drawerWidth,\n        width: theme.spacing(32),\n        transition: theme.transitions.create('width', {\n          easing: theme.transitions.easing.sharp,\n          duration: theme.transitions.duration.enteringScreen\n        })\n      }\n    },\n    collapsed: {\n      '&, & > $paper': {\n        overflowX: 'hidden',\n        width: theme.spacing(7) + 1,\n        transition: theme?.transitions?.create('width', {\n          easing: theme?.transitions?.easing?.sharp,\n          duration: theme?.transitions?.duration?.leavingScreen\n        })\n      }\n    },\n    paper: {}\n  }),\n  { name: 'MiniCollapsibleSidebar' }\n)\n\nconst MiniCollapsibleSidebar = (props) => {\n  const classes = useStyles(props)\n  const { expanded = true, className, children, ...other } = props\n\n  return (\n    <Drawer\n      variant='permanent'\n      open\n      {...other}\n      className={clsx(\n        className,\n        classes.root,\n        expanded ? classes.expanded : classes.collapsed\n      )}\n      classes={{\n        root: classes.root,\n        paper: classes.paper\n      }}\n    >\n      {children}\n    </Drawer>\n  )\n}\n\nexport default MiniCollapsibleSidebar\n","import React, { useState, useCallback } from 'react';\nimport { makeStyles, Toolbar, lighten } from '@material-ui/core';\nimport MiniCollapsibleSidebar from './MiniCollapsibleSidebar';\nimport { SidebarCollapseButton } from './SidebarCollapseButton';\nimport { AppMenu } from '../../UI/navigation/menus/AppMenu';\nimport { useShellStore } from '../../stores/shellStore';\nimport { useBuildEnvironment, APP_RIBBON_SPACE } from './useBuildEnvironment';\n\nconst useStyles = makeStyles(\n  (theme) => ({\n    root: {\n      marginTop: 400\n    },\n    paper: {\n      backgroundColor:\n        theme?.getThemeData()?.mode === 'dark'\n          ? ''\n          : lighten(theme?.palette?.primary?.main, 0.9),\n      overflowX: 'hidden'\n    },\n    list: {\n      flex: 1,\n      paddingTop: 0,\n      overflowY: 'auto',\n      WebkitOverflowScrolling: 'touch'\n    },\n    spacer: {\n      flex: 1,\n      minHeight: theme.spacing(2)\n    },\n    footer: {},\n    toolbar: {\n      padding: 0,\n      minHeight: ({appRibbonSpace}) => theme.spacing(6) + appRibbonSpace\n    }\n  }),\n  { name: 'NavigationSidebar' }\n);\n\nconst NavigationSidebar = (props) => {\n  const buildEnv = useBuildEnvironment()\n  const classes = useStyles({appRibbonSpace: buildEnv ? APP_RIBBON_SPACE : 0});\n  const {\n    data,\n    toggleExpandClick,\n    navMenuHoverOn,\n    user,\n    toggle = true,\n    useGlobalState = false,\n    ...other\n  } = props;\n  const [expanded, setExpanded] = useState(true);\n  const { navigationExpanded, setNavigationExpanded } = useShellStore();\n\n  let navExpanded = useGlobalState ? navigationExpanded : expanded;\n\n  const [hoverExpand, setHoverExpand] = useState(false);\n\n  // ** Remove for now to deal with programmatic toggle **\n  // const wide = useMediaQuery(theme.breakpoints.up('sm'))\n  // useEffect(() => {\n  //   // Set the bar to be expanded/collapsed depending on the breakpoint size\n  //   // This works on load and also when resizing crosses the breakpoint\n  //   setExpanded(wide)\n  // }, [wide])\n\n  const handleHoverToggle = () => {\n    if (!navExpanded && navMenuHoverOn) {\n      setHoverExpand(true);\n    }\n  };\n  const handleHoverLeave = () => {\n    if (!navExpanded && navMenuHoverOn) {\n      setHoverExpand(false);\n    }\n  };\n\n  const handleToggleClick = useCallback(() => {\n    if (useGlobalState) {\n      setNavigationExpanded(!navigationExpanded);\n    } else {\n      setExpanded((expanded) => !expanded);\n    }\n  }, [setNavigationExpanded, useGlobalState, navigationExpanded]);\n\n  return (\n    <MiniCollapsibleSidebar\n      classes={{ root: classes.root, paper: classes.paper }}\n      expanded={navExpanded || hoverExpand}\n      onMouseEnter={handleHoverToggle}\n      onMouseLeave={handleHoverLeave}\n      PaperProps={{ elevation: 0, variant: 'outlined' }}\n      {...other}\n    >\n      <Toolbar className={classes.toolbar} />\n\n      {toggle && (\n        <SidebarCollapseButton\n          id='udpRecord-NavigationSidebar'\n          udprecordid='udpRecord-NavigationSidebar'\n          expanded={navExpanded}\n          onClick={handleToggleClick}\n        />\n      )}\n      {data && <AppMenu menuItems={data} sidebarExpanded={navExpanded} user={user} />}\n    </MiniCollapsibleSidebar>\n  );\n};\n\nexport default NavigationSidebar;\n","import React, { useState } from 'react'\nimport { makeStyles, Popover, Typography, useTheme } from '@material-ui/core'\nimport { ChevronDownIcon } from '@fluentui/react-icons'\nimport { FluentIconButton } from '../../UI/inputs/buttons/FluentIconButton'\nimport {AmbientPopoverMenuItem} from '../../UI/inputs/buttons/AmbientPopoverMenuItem'\nimport PropTypes from 'prop-types'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    display: 'flex',\n    // border: '1px solid white',\n    background: props => props.backgroundColor ? props.backgroundColor : theme.palette.secondary.main,\n    borderRadius: 50,\n    padding: 6,\n    paddingLeft:16\n  },\n  popoverRoot: {},\n  icon: {\n    color: theme.palette.primary.main,\n    borderRadius: 50\n  }, \n  label: {\n    display: 'block',\n    width: props => props.width ? props.width : 100,\n    overflow: 'hidden',\n    whiteSpace: 'nowrap',\n    textOverflow: 'ellipsis'\n  }, \n  listWrapper: {\n    marginRight: theme.spacing(2)\n  }\n}))\n\nexport const AmbientProjectSwitcher = (props) => {\n  \n  const classes = useStyles(props)\n\n  const theme = useTheme()\n\n  const { data, selectedItem } = props\n\n  const [anchorEl, setAnchorEl] = useState(null)\n\n  const handleClick = (event) => {\n    setAnchorEl(event.currentTarget)\n  }\n\n  const handleClose = () => {\n    setAnchorEl(null)\n  }\n\n  const open = Boolean(anchorEl)\n  const id = open ? 'open' : undefined\n\n  return (\n    <div className={classes.root}>\n      <div className={classes.listWrapper}>\n        <Typography className={classes.label}  > \n          {selectedItem} \n        </Typography>\n      </div>\n      \n      <FluentIconButton\n        className={classes.icon}\n        icon={ChevronDownIcon}\n        onClick={handleClick}\n        style={{background: theme.palette.common.white}}\n      />\n\n      <Popover\n        classes={{ root: classes.popoverRoot }}\n        square\n        elevation={6}\n        id={id}\n        open={open}\n        anchorEl={anchorEl}\n        onClose={handleClose}\n        anchorOrigin={{\n          vertical: 'bottom',\n          horizontal: 'right'\n        }}\n        transformOrigin={{\n          vertical: 'top',\n          horizontal: 'right'\n        }}\n      >\n        <div >\n          <div>\n            {data && data.map((item) => {\n              return (\n                <AmbientPopoverMenuItem\n                  label={item.label}\n                  component={ChevronDownIcon}\n                  click={()=>item.click(item.label)}\n                />\n              )\n            })}\n          </div>\n        </div>\n      </Popover>\n    </div>\n  )\n}\n\nAmbientProjectSwitcher.propTypes = {\n  /**\n   * The array used to map for label and functions to list items. (array).\n   */\n  data: PropTypes.array,\n  /**\n   * The active label displayed.\n   */\n  selectedItem: PropTypes.string,\n  /**\n   * Change the background color on the project switcher (default: theme secondary)\n   */\n  backgroundColor: PropTypes.string\n}","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { makeStyles } from '@material-ui/core';\nimport { FluentTextFieldAutoComplete } from '../../UI/inputs/textField/FluentTextFieldAutoComplete';\n\nconst useStyles = makeStyles(theme => ({\n  root: { display: 'flex', alignItems: 'center' },\n  field: {\n    minWidth: 300,\n    maxWidth: 400,\n    width: '100%',\n    alignSelf: 'left',\n    color: '#fff',\n    '& .MuiOutlinedInput-root': {\n      color: '#fff',\n      backgroundColor: 'transparent',\n      '& fieldset': {\n        borderColor: 'rgba(255,255,255,0.6)',\n      },\n      '&:hover fieldset': {\n        borderColor: 'rgba(255,255,255,0.85)',\n      },\n      '&.Mui-focused fieldset': {\n        borderColor: '#fff',\n      },\n      '& input': {\n        paddingTop: 4,\n        paddingBottom: 4,\n        height: 20,\n        boxSizing: 'border-box',\n        color: '#fff',\n      },\n      '& .MuiAutocomplete-input': {\n        color: '#fff',\n      },\n    },\n    '& .MuiInputBase-root': {\n      color: '#fff',\n    },\n    '& .MuiAutocomplete-popupIndicator, & .MuiAutocomplete-clearIndicator': {\n      color: '#fff',\n      opacity: 0.95,\n    },\n    '& input::placeholder': {\n      color: 'rgba(255,255,255,0.7)',\n    },\n  },\n}));\n\nfunction getDisplayName(item) {\n  if (!item && item !== 0) return '';\n  if (typeof item === 'string' || typeof item === 'number') return String(item);\n  if (typeof item === 'object') {\n    const name = item.name ?? item.label ?? item.title ?? item.displayName;\n    return name !== undefined && name !== null ? String(name) : '';\n  }\n  return String(item);\n}\n\nexport const ShellDropdown = (props) => {\n  const classes = useStyles();\n  const {\n    componentName = 'Item',\n    data = [],\n    value = null,\n    onChange,\n    optionLabelDisplayFunction = getDisplayName,\n    placeholder,\n    className,\n    classProps,\n    ...other\n  } = props;\n\n  const placeholderText = placeholder ?? (!value ? `All ${componentName}s` : undefined);\n\n  return (\n    <div className={`${classes.root} ${className || ''}`}>\n      <FluentTextFieldAutoComplete\n        className={classes.field}\n        classProps={{ autocompleteRoot: classes.field, ...classProps }}\n        options={data}\n        optionLabelDisplayFunction={optionLabelDisplayFunction}\n        onChange={onChange}\n        value={value}\n        placeholder={placeholderText}\n        {...other}\n      />\n    </div>\n  );\n};\n\nShellDropdown.propTypes = {\n  componentName: PropTypes.string,\n  data: PropTypes.array,\n  value: PropTypes.any,\n  onChange: PropTypes.func,\n  optionLabelDisplayFunction: PropTypes.func,\n  placeholder: PropTypes.string,\n  className: PropTypes.string,\n  classProps: PropTypes.object,\n};\n\nexport default ShellDropdown;\n","import React, { useState, useRef, useEffect } from 'react'\nimport {\n  ClickAwayListener,\n  Grow,\n  Paper,\n  Popper,\n  MenuList,\n  makeStyles,\n  IconButton,\n  MenuItem\n} from '@material-ui/core'\nimport { TranslateIcon } from '@fluentui/react-icons'\nimport i18n from 'i18next';\n\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    display: 'flex'\n  },\n  paper: {\n    marginRight: theme.spacing(2)\n  }\n}))\n\nexport const LanguageSwitcher = (props) => {\n  const classes = useStyles()\n  const [open, setOpen] = useState(false)\n  const anchorRef = useRef(null)\n  const { languages } = props\n\n  const handleToggle = () => {\n    setOpen((prevOpen) => !prevOpen)\n  }\n\n  const handleClose = (event) => {\n    if (anchorRef.current && anchorRef.current.contains(event.target)) {\n      return\n    }\n    setOpen(false)\n  }\n\n  function handleListKeyDown(event) {\n    if (event.key === 'Tab') {\n      event.preventDefault()\n      setOpen(false)\n    }\n  }\n\n  // return focus to the button when we transitioned from !open -> open\n  const prevOpen = useRef(open)\n  useEffect(() => {\n    if (prevOpen.current === true && open === false) {\n      anchorRef.current.focus()\n    }\n    prevOpen.current = open\n  }, [open])\n\n  const handleLanguageChange = (event) => {\n    const currentLanguage = event;\n    //setLangKey(currentLanguage.languageCode);\n    languageSelector(currentLanguage.languageCode);\n  };\n\n  const languageSelector = (defaultLang) => {\n    i18n.changeLanguage(defaultLang);\n  }\n\n  if (languages != null) {\n    return (\n      <div id='udpRecord-LanguageSwitcher' className={classes.root}>\n        <div>\n          <IconButton\n            id='udpRecord-LanguageSwitcher-IconButton'\n            udprecordid='udpRecord-LanguageSwitcher-IconButton'\n            ref={anchorRef}\n            aria-controls={open ? 'menu-list-grow' : undefined}\n            aria-haspopup='true'\n            onClick={handleToggle}\n          >\n            <TranslateIcon style={{ color: 'white', opacity: 0.8 }} />\n          </IconButton>\n          <Popper\n            open={open}\n            anchorEl={anchorRef.current}\n            role={undefined}\n            transition\n            disablePortal\n          >\n            {({ TransitionProps, placement }) => (\n              <Grow\n                {...TransitionProps}\n                style={{\n                  transformOrigin:\n                    placement === 'bottom' ? 'center top' : 'center bottom'\n                }}\n              >\n                <Paper>\n                  <ClickAwayListener \n                    id='udpRecord-LanguageSwitcher-ClickAway' \n                    udprecordid='udpRecord-LanguageSwitcher-ClickAway' \n                    onClickAway={handleClose}\n                  >\n                    <MenuList\n                      autoFocusItem={open}\n                      id='menu-list-grow'\n                      udprecordid='udpRecord-LanguageSwitcher-MenuList'\n                      onKeyDown={handleListKeyDown}\n                      onClick={() => setOpen(false)}\n                    >\n                      {languages.map((data) =>\n                        <MenuItem\n                          id={'udpRecord-LanguageSwitcher-MenuItem-'+data.languageLabel}\n                          udprecordid={'udpRecord-LanguageSwitcher-MenuItem-'+data.languageLabel}\n                          onClick={() => handleLanguageChange(data)}\n                          value={data.languageCode}\n                          key={data.languageId}\n                        >\n                          {data.languageLabel}\n                        </MenuItem>)}\n                    </MenuList>\n                  </ClickAwayListener>\n                </Paper>\n              </Grow>\n            )}\n          </Popper>\n        </div>\n      </div>\n    )\n  } else {\n    return (\n      null\n    )\n  }\n\n}","import React, { useState, useCallback, useEffect, useRef, Suspense, lazy } from 'react';\nimport {\n  makeStyles,\n  IconButton,\n  Popover,\n  Typography,\n  List,\n  ListItem,\n  ListItemIcon,\n  ListItemText,\n  Dialog,\n  DialogTitle,\n  DialogContent\n} from '@material-ui/core';\nimport {HelpOutline as HelpOutlineIcon, Chat as ChatIcon, Close as CloseIcon} from '@material-ui/icons';\nimport { useActions } from '../../hooks/useActions';\nimport { useTranslation } from 'react-i18next';\nimport { useUser } from '../../../src/utilities/auth/useUser';\nimport { apiMutate } from '../../utilities/useAxiosMutate';\nimport { ConfigService } from '../../configService';\n\n// Lazy-load side sheets so they aren't imported until needed. Keep\n// module-level lazy declarations so the imports are deduped and cached.\nconst UserFormSideSheet = lazy(() => import('./addUser/UserFormSideSheet'));\nconst SupportCaseSideSheet = lazy(() => import('../../UI/support/SupportCaseSideSheet'));\n\n// Preload helpers (return the dynamic import promise). Calling these\n// will start fetching the chunk in the background and populate the\n// module cache so React.lazy resolves quickly later.\nconst preloadUserFormSideSheet = () => import('./addUser/UserFormSideSheet');\nconst preloadSupportCaseSideSheet = () => import('../../UI/support/SupportCaseSideSheet');\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    display: 'flex'\n  },\n  popover: {\n    padding: theme.spacing(2),\n    maxWidth: 300\n  },\n  icon: {\n    minWidth: 40\n  },\n  closeButton: {\n    position: 'absolute',\n    right: theme.spacing(1),\n    top: theme.spacing(1),\n    color: theme.palette.grey[500]\n  },\n  header: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between'\n  },\n  dialog: {\n    minWidth: '80vw',\n    minHeight: '80vh'\n  }\n}));\n\nexport const HelpCenter = () => {\n  const classes = useStyles();\n  const { t } = useTranslation();\n  const { triggerAction } = useActions();\n  const user = useUser();\n  const productId = Number(ConfigService.config.UNITY_PRODUCT_ID);\n\n  const udpaiAPI = ConfigService.config.UDPAI_API_BASE;\n  const udpaisearch = ConfigService.config.AI_SEARCH_URL;\n  const udpaisearchkey = ConfigService.config.AI_SEARCH_KEY;\n  const udpaisearchindex = ConfigService.config.AI_SEARCH_INDEX_NAME;\n\n  const [anchorEl, setAnchorEl] = useState(null);\n  const [isSupportCaseSideSheetOpen, setSupportCaseSideSheetOpen] =\n    useState(false);\n  const [isUserFormOpen, setUserFormOpen] = useState(false);\n  const [supportCaseHealthOk, setSupportCaseHealthOk] = useState(false);\n\n  const hasPreloadedRef = useRef(false);\n\n  const handleOpenPopover = (event) => {\n    setAnchorEl(event.currentTarget);\n\n    // Preload both side sheets in the background the first time the popover opens.\n    // We assume that if the user opened the popover, they might open one of the sheets.\n    if (!hasPreloadedRef.current) {\n      hasPreloadedRef.current = true;\n      // Start background fetches but don't await them.\n      try {\n        preloadUserFormSideSheet();\n      } catch (e) {\n        // ignore preload errors\n      }\n      try {\n        preloadSupportCaseSideSheet();\n      } catch (e) {\n        // ignore preload errors\n      }\n    }\n  };\n\n  const handleClosePopover = () => {\n    setAnchorEl(null);\n  };\n\n  const handleLaunchAction = useCallback(() => {\n    setAnchorEl(null);\n    triggerAction('CEE75B36-01B0-4FAC-9AE7-C1AC8A2A194F');\n  }, [triggerAction]);\n\n  const handleOpenSupportCaseSideSheet = () => {\n    setSupportCaseSideSheetOpen(true);\n    setAnchorEl(null);\n  };\n\n  const handleCloseSupportCaseSideSheet = () => {\n    setSupportCaseSideSheetOpen(false);\n  };\n\n  const handleOpenUserForm = () => {\n    setUserFormOpen(true); // Open UserForm modal\n    setAnchorEl(null);\n  };\n\n  const handleCloseUserForm = () => {\n    setUserFormOpen(false); // Close UserForm modal\n  };\n\n  const open = Boolean(anchorEl);\n  const id = open ? 'help-center-popover' : undefined;\n\n  // Conditions for rendering buttons\n  // 2 assets, 41 sandbox, 51 assets, 53 mm, 68 timesheets\n  const shouldShowAddUsers = (productId) => {\n    const isValidProduct = [41, 53].includes(productId);\n    const isSecurityApiConfigured = !!ConfigService.securityV1ApiUrl;\n    const isValidUser =\n      user.can.CAN_MANAGE_ROLES_USERS &&\n      user.can.CAN_MANAGE_USERS &&\n      user.can.CAN_VIEW_USERS;\n    return isValidProduct && isSecurityApiConfigured && isValidUser;\n  };\n\n  const getSupportCaseStatus = useCallback(\n    async () =>\n      apiMutate(\n        ConfigService.productV1ApiUrl,\n        `udpunitysupport/healthCheck`,\n        {\n          method: 'get',\n          headers: {\n            currentTenantId: user?.currentTenantId\n          }\n        }\n      ),\n    [user?.currentTenantId]\n  );\n\n  const getSupportCaseStatusUnity = useCallback(\n    async () =>\n      apiMutate(\n        ConfigService.supportV1ApiUrl,\n        `ServiceHealth/Support`,\n        {\n          method: 'get',\n          headers: {\n            currentTenantId: user?.currentTenantId\n          }\n        }\n      ),\n    [user?.currentTenantId]\n  );\n\n  const showAddUsers = shouldShowAddUsers(productId);\n  const shouldShowChatAssistant =\n    [2, 41, 51, 68].includes(productId) &&\n    udpaiAPI &&\n    udpaisearch &&\n    udpaisearchkey &&\n    udpaisearchindex;\n  const shouldShowSupportTicket = productId && supportCaseHealthOk;\n\n  useEffect(() => {\n    const supportCaseStatus = async () => {\n      try {\n        if (ConfigService.config.UNITY_PRODUCT_ID === \"1\") {\n          const response = await getSupportCaseStatusUnity();\n          setSupportCaseHealthOk(response?.status === 200);\n        } else {\n          const response = await getSupportCaseStatus();\n          setSupportCaseHealthOk(response?.status === 200);\n        }\n      } catch (error) {\n        setSupportCaseHealthOk(false);\n      }\n    };\n    supportCaseStatus();\n  }, [getSupportCaseStatus, getSupportCaseStatusUnity]);\n\n  // Hide the entire help center if neither button should be rendered\n  if (!showAddUsers && !shouldShowChatAssistant && !shouldShowSupportTicket) {\n    return <div id='udpRecord-HelpCenter' />;\n  }\n\n  return (\n    <div id='udpRecord-HelpCenter' className={classes.root}>\n      <IconButton\n        id='udpRecord-HelpCenter-IconButton'\n        aria-controls={id}\n        aria-haspopup='true'\n        onClick={handleOpenPopover}\n      >\n        <HelpOutlineIcon style={{ color: 'white', opacity: 0.8 }} />\n      </IconButton>\n      <Popover\n        id={id}\n        open={open}\n        anchorEl={anchorEl}\n        onClose={handleClosePopover}\n        anchorOrigin={{\n          vertical: 'bottom',\n          horizontal: 'center'\n        }}\n        transformOrigin={{\n          vertical: 'top',\n          horizontal: 'center'\n        }}\n      >\n        <div className={classes.popover}>\n          <div className={classes.header}>\n            <Typography variant='h6'>{t('Help')}</Typography>\n            <IconButton\n              size='small'\n              className={classes.closeButton}\n              onClick={handleClosePopover}\n            >\n              <CloseIcon />\n            </IconButton>\n          </div>\n          <List component='nav' aria-label='Help options'>\n            {/* First Button: Add User */}\n            {showAddUsers && (\n              <ListItem\n                button\n                id='udpRecord-HelpCenter-AddUsers'\n                onClick={handleOpenUserForm}\n              >\n                <ListItemIcon className={classes.icon}>\n                  <HelpOutlineIcon />\n                </ListItemIcon>\n                <ListItemText primary={t('Add User')} />\n              </ListItem>\n            )}\n\n            {/* Second Button: Chat Assistant */}\n            {shouldShowChatAssistant && (\n              <ListItem\n                button\n                id='udpRecord-HelpCenter-ChatAssistant'\n                onClick={handleLaunchAction}\n              >\n                <ListItemIcon className={classes.icon}>\n                  <ChatIcon />\n                </ListItemIcon>\n                <ListItemText primary={t('Chat Assistant')} />\n              </ListItem>\n            )}\n\n            {/* Third Button: Submit Support Ticket */}\n            {shouldShowSupportTicket && (\n              <ListItem\n                button\n                id='udpRecord-HelpCenter-SupportTicket'\n                onClick={handleOpenSupportCaseSideSheet}\n              >\n                <ListItemIcon className={classes.icon}>\n                  <HelpOutlineIcon />\n                </ListItemIcon>\n                <ListItemText primary={t('Submit Support Ticket')} />\n              </ListItem>\n            )}\n          </List>\n        </div>\n      </Popover>\n\n      {/* Modal for UserForm (lazy-loaded) */}\n      <Suspense fallback={<div>Loading...</div>}>\n        <UserFormSideSheet open={isUserFormOpen} onClose={handleCloseUserForm} />\n      </Suspense>\n\n      {/* Side Sheet for Support Ticket (lazy-loaded) */}\n      <Suspense fallback={<div>Loading...</div>}>\n        <SupportCaseSideSheet\n          open={isSupportCaseSideSheetOpen}\n          onClose={handleCloseSupportCaseSideSheet}\n          handleCloseSupportCaseSideSheet={handleCloseSupportCaseSideSheet}\n          onSubmit={(values) => {\n            console.log('Form submitted', values);\n          }}\n          initialValues={{}}\n        />\n      </Suspense>\n    </div>\n  );\n};\n","import React, { useMemo } from 'react';\nimport { useUser } from '../../utilities/auth/useUser';\n// @ts-ignore\nimport { makeStyles } from '@material-ui/core';\nimport { useTenant } from '../../utilities/tenant/useTenant';\nimport { Typography } from '../../UI/dataDisplay/typography/Typography';\nimport { APP_RIBBON_SPACE, useBuildEnvironment } from './useBuildEnvironment';\n\n\n\nconst useStyles = makeStyles({\n  root: {\n    width: '100vw',\n    height: APP_RIBBON_SPACE,\n    backgroundColor: ({environment}: {environment: string | undefined}) => `var(--env-ribbon-${environment})`,\n    color: '#ffffff', // Default white text\n    display: 'flex',\n    alignItems: 'center',\n    position: 'relative',\n    // Use CSS to handle staging text color\n    '&.staging': {\n      color: '#000000'\n    }\n  },\n\tcenterText: {\n    position: 'absolute',\n    left: '50%',\n    transform: 'translateX(-50%)',\n    fontWeight: 600\n\t},\n\trightText: {\n    position: 'absolute',\n    right: '10px',\n    fontWeight: 500\n\t}\n});\n\nexport const EnvironmentRibbon = () => {\n\tconst tenantInfo = useTenant()\n\tconst buildEnvironment = useBuildEnvironment()\n\n  const classes = useStyles({environment: buildEnvironment});\n  if(!buildEnvironment)  return null;\n\n  return (\n    <div\n      className={`${classes.root} ${buildEnvironment === 'staging' ? 'staging' : ''}`}\n      id='udp-environment-banner'\n    >\n      <Typography className={classes.centerText}>\n        {buildEnvironment?.charAt(0).toUpperCase()+buildEnvironment?.slice(1) || ''}\n      </Typography>\n\t\t\t<Typography className={classes.rightText}>\n        {tenantInfo?.activeTenant?.tenantName}\n      </Typography>\n    </div>\n  );\n};\n","import React from 'react';\nimport {\n  AppBar,\n  makeStyles,\n  Toolbar,\n  Typography,\n  IconButton,\n  useMediaQuery,\n  useTheme\n} from '@material-ui/core';\nimport clsx from 'clsx';\nimport { WaffleIcon, CollapseMenuIcon } from '@fluentui/react-icons';\nimport { BreadCrumbMenu } from '../../UI/inputs/link/BreadCrumbMenu';\nimport { AmbientProjectSwitcher } from './AmbientProjectSwitcher';\nimport ShellDropdown from './ShellDropdown';\nimport { LanguageSwitcher } from './LanguageSwitcher';\nimport { HelpCenter } from './HelpCenter';\nimport { SiteHeaderRightComponentTarget } from './SiteHeaderRightComponent';\nimport PropTypes from 'prop-types';\nimport {\n  useBuildEnvironment,\n  APP_RIBBON_SPACE\n} from './useBuildEnvironment';\nimport { EnvironmentRibbon } from './EnvironmentRibbon';\nconst useStyles = makeStyles(\n  (theme) => ({\n    root: {\n      color: theme?.palette?.appBar?.contrastText,\n      zIndex: theme?.zIndex?.drawer + 1\n      // Assume the drawer is always expanded unless the screen is too small for it and inset the left to account for it\n    },\n    spacer: {\n      flex: 1\n    },\n    headerSpacer: {\n      padding: 0,\n      minHeight: ({ appRibbonSpace }) => 56 + appRibbonSpace\n    },\n    toolbar: {\n      padding: 0,\n      minHeight: theme.spacing(6)\n    },\n    appLaunch: {\n      color: theme?.palette?.getContrastText(theme?.palette?.primary?.main)\n    },\n    avatar: {\n      width: 25,\n      height: 25,\n      backgroundColor: theme?.palette?.secondary?.main\n    },\n    search: {\n      marginLeft: theme.spacing(2),\n      marginTop: theme.spacing(-1.35)\n    },\n    children: {\n      flex: 1,\n      minWidth: 5\n    }\n  }),\n  { name: 'SiteHeader' }\n);\n\n/**\n * A spacing component with the same height as the SiteHeader\n */\nexport const SiteHeaderSpacer = (props) => {\n  const buildEnv = useBuildEnvironment();\n  const classes = useStyles({\n    appRibbonSpace: buildEnv ? APP_RIBBON_SPACE : 0\n  });\n  const { className } = props;\n\n  return <div className={clsx(className, classes.headerSpacer)} />;\n};\n\n/**\n * Site header including app bar\n */\nconst SiteHeader = (props) => {\n  const classes = useStyles(props);\n  const {\n    className,\n    returnTo,\n    appContent,\n    userAvatar,\n    siteName,\n    breadCrumbRoot = 'home',\n    color = 'primary',\n    setAppSwitcherOpen,\n    breadCrumbAltLabelList,\n    currentLocation,\n    switcherData,\n    selectedItem,\n    switcherWidth,\n    hideAppLaunch,\n    languages,\n    backgroundColor,\n    ...other\n  } = props;\n\n  const theme = useTheme();\n  const mobile = useMediaQuery(theme.breakpoints.up('sm'));\n\n  return (\n    <>\n      <AppBar\n        elevation={0}\n        position='fixed'\n        color={color}\n        {...other}\n        className={className}\n        classes={{ root: classes.root }}\n      >\n        <EnvironmentRibbon />\n        <Toolbar className={classes.toolbar}>\n          {mobile && !hideAppLaunch && (\n            <IconButton\n              className={classes.appLaunch}\n              aria-label='App Launcher Menu'\n              onClick={() => setAppSwitcherOpen('desktop', true)}\n            >\n              <WaffleIcon />\n            </IconButton>\n          )}\n          {!mobile && (\n            <IconButton\n              className={classes.appLaunch}\n              aria-label='App Launcher Menu'\n              onClick={() => setAppSwitcherOpen('desktop', true)}\n            >\n              <CollapseMenuIcon />\n            </IconButton>\n          )}\n\n          <Typography\n            component='h1'\n            variant='h6'\n            style={{ marginLeft: hideAppLaunch && 16 }}\n          >\n            {siteName}\n          </Typography>\n\n          {mobile && (\n            <div style={{ marginLeft: 70 }}>\n              {React.isValidElement(breadCrumbRoot) ? (\n                breadCrumbRoot\n              ) : breadCrumbRoot && typeof breadCrumbRoot === 'object' && (breadCrumbRoot.data || breadCrumbRoot.componentName) ? (\n                <ShellDropdown\n                  componentName={breadCrumbRoot.componentName}\n                  data={breadCrumbRoot.data}\n                  value={breadCrumbRoot.value}\n                  onChange={breadCrumbRoot.onChange}\n                  optionLabelDisplayFunction={breadCrumbRoot.optionLabelDisplayFunction}\n                  placeholder={breadCrumbRoot.placeholder}\n                  className={breadCrumbRoot.className}\n                  classProps={breadCrumbRoot.classProps}\n                />\n              ) : (\n                <BreadCrumbMenu\n                  color='primary'\n                  root={breadCrumbRoot}\n                  breadCrumbAltLabelList={breadCrumbAltLabelList}\n                />\n              )}\n            </div>\n          )}\n          <div className={classes.children}>{appContent}</div>\n          {switcherData && (\n            <AmbientProjectSwitcher\n              data={switcherData}\n              selectedItem={selectedItem}\n              width={switcherWidth}\n              backgroundColor={backgroundColor}\n            />\n          )}\n\n          {!mobile && !hideAppLaunch && (\n            <IconButton\n              className={classes.appLaunch}\n              aria-label='App Launcher Menu'\n              onClick={() => setAppSwitcherOpen('mobile', true)}\n            >\n              <WaffleIcon />\n            </IconButton>\n          )}\n          <div className={classes.additionalRightComponent}>\n            <SiteHeaderRightComponentTarget />\n          </div>\n          <HelpCenter />\n          <LanguageSwitcher languages={languages} />\n          <div>{userAvatar}</div>\n        </Toolbar>\n      </AppBar>\n      <SiteHeaderSpacer className={className} />\n    </>\n  );\n};\n\nexport default SiteHeader;\n\nSiteHeader.propTypes = {\n  breadCrumbRoot: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.element,\n    PropTypes.node,\n    PropTypes.object\n  ]),\n  /**\n   * Passes the background color on the project switcher (default: theme secondary)\n   */\n  backgroundColor: PropTypes.string\n};\n","import { Avatar, makeStyles } from '@material-ui/core'\nimport clsx from 'clsx'\nimport React from 'react'\nimport useDevicePixelRatio from '../../utilities/useDevicePixelRatio.ts'\nimport useGravatar from '../../utilities/useGravatar.ts'\n\nconst useStyles = makeStyles(\n  (theme) => ({\n    root: {},\n    default: {},\n    toolbar: {\n      width: 32,\n      height: 32\n    },\n    large: {\n      width: 80,\n      height: 80\n    }\n  }),\n  { name: 'UserAvatar' }\n)\n\n/**\n * Inteligent user Avatar element\n *\n * - Loads a Gravatar based on the email if one exists\n * - Falls back to a text avatar while loading and when a Gravatar does not exist\n * - Automatically chooses image size based on size prop and device pixel density (and updates if device pixel density changes)\n */\nconst UserAvatar = (props) => {\n  const classes = useStyles(props)\n  const { name, email, size = 'default', className, ...other } = props\n  const dppx = useDevicePixelRatio()\n  const dimension = { toolbar: 32, large: 80 }[size] || 40\n  const avatar = useGravatar(email, { size: dimension * dppx })\n\n  return (\n    <Avatar\n      alt={name}\n      aria-label={`${name}'s avatar`}\n      {...other}\n      className={clsx(className, classes[size])}\n      src={avatar}\n    >\n      {name?.trim()?.charAt(0) || '?'}\n    </Avatar>\n  )\n}\n\nexport default UserAvatar\n","import React, { useState, useEffect, forwardRef } from 'react';\nimport { Button, CardContent, makeStyles, Typography } from '@material-ui/core';\nimport UserAvatar from './UserAvatar';\nimport { Autocomplete } from '@material-ui/lab';\nimport { TextField } from '@material-ui/core';\nimport { useHistory } from 'react-router-dom';\nimport { clearStoredPath } from '../../utilities/redirect/LocalRedirectUrlStorage';\nimport { clearStoredExternalPath } from '../../utilities/redirect/ExternalRedirectUrlStorage';\nimport {\n  clearStoredTenant,\n  storeTenant\n} from '../../utilities/storage/UnitySessionStorage';\nimport { useTranslation } from 'react-i18next';\nimport { useUserActions } from '../../utilities/auth/users';\nimport { ConfigService } from '../../configService';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    '& > *': {\n      margin: theme.spacing(1)\n    },\n    '&:last-child': {\n      paddingBottom: theme.spacing(2)\n    }\n  },\n  cardHeader: {\n    display: 'flex',\n    marginBottom: theme.spacing(3)\n  },\n  currentTenant: {\n    margin: 'auto',\n    width: '85%',\n    marginBottom: theme.spacing(4)\n  },\n  buttonGroup: {\n    display: 'flex',\n    flexDirection: 'row',\n    alignItems: 'center'\n  },\n  basicInfoContainer: {\n    marginLeft: theme.spacing(1)\n  },\n  basicInfo: {\n    paddingLeft: theme.spacing(1)\n  },\n  divider: {\n    height: theme.spacing(3)\n  },\n  avatar: {\n    fontSize: 40\n  }\n}));\n\nexport const FluentProfileMenuCard = forwardRef((props, ref) => {\n  const classes = useStyles();\n  const devUnityUrl = 'https://unity-dev.univerus.com/';\n  const {\n    userTenants,\n    currentTenant,\n    user,\n    logout,\n    unityUrl = devUnityUrl,\n    displayProfileButton = true\n  } = props;\n  const [currentTenantValue, setCurrentTenantValue] = useState('');\n  const history = useHistory();\n  const redirectToHome = () => history.push('/');\n  const { t, i18n } = useTranslation();\n  const { changeTenant } = useUserActions();\n\n  const handleAutocompleteOnChange = (newValue, reason) => {\n    if (reason !== 'select-option') return;\n    setCurrentTenantValue(newValue);\n    storeTenant(newValue.tenantId);\n    changeTenant(newValue.tenantId);\n    redirectToHome();\n  };\n\n  useEffect(() => {\n    if (userTenants && !currentTenantValue) {\n      const currentUserTenant = userTenants.find(\n        (ut) => ut.tenantId === currentTenant?.tenantId\n      );\n      setCurrentTenantValue(currentUserTenant);\n    }\n  }, [currentTenant, userTenants, currentTenantValue]);\n\n  const handleProfileClick = () => {\n    // if this is unity (productid is 1), go to the profile slug, otherwise open the profile page in a new tab\n    if(ConfigService.config.UNITY_PRODUCT_ID == 1) history.push('/profile')\n    else window.open(unityUrl + '/profile');\n\n  }\n\n  if (!user) return null;\n\n  return (\n    <CardContent ref={ref} className={classes.root}>\n      <div className={classes.cardHeader}>\n        <UserAvatar\n          name={user?.name}\n          email={user?.email}\n          size='large'\n          className={classes.avatar}\n        />\n        <div className={classes.basicInfoContainer}>\n          <Typography className={classes.basicInfo} variant='subtitle2'>\n            {user?.name}\n          </Typography>\n          <Typography className={classes.basicInfo} variant='body2'>\n            {user?.email}\n          </Typography>\n          {/* {displayProfileButton && (\n            <div className={classes.buttonGroup}>\n              <Button\n                id='udpRecord-FluentProfileMenuCard-MyProfile'\n                udprecordid='udpRecord-FluentProfileMenuCard-MyProfile'\n                onClick={handleProfileClick}\n                target='_blank'\n                color='secondary'\n              >\n                {t('My Profile')}\n              </Button>\n            </div>\n          )} */}\n        </div>\n      </div>\n      {userTenants && user && changeTenant && (\n        <Autocomplete\n          className={classes.currentTenant}\n          value={currentTenantValue}\n          getOptionSelected={(option, value) =>\n            option?.tenantId === value?.tenantId\n          }\n          disableClearable\n          id='current-tenant'\n          name='currentTenant'\n          options={userTenants ? userTenants : []}\n          getOptionLabel={(option) =>\n            option?.tenantName ? option?.tenantName : ''\n          }\n          onChange={(event, newValue, reason) =>\n            handleAutocompleteOnChange(newValue, reason)\n          }\n          renderInput={(params) => (\n            <TextField\n              {...params}\n              inputProps={{...params.inputProps,\n                id:'udpRecord-FluentProfileMenuCard-TextField',\n                udprecordid:'udpRecord-FluentProfileMenuCard-TextField'\n              }}\n              label={t('Current Tenant')}\n              variant='standard'\n            />\n          )}\n          renderOption={(option, { selected }) => (\n            <li\n              style={{ width: '100%', height: '100%' }}\n              udprecordid={`udpRecord-FluentProfileMenuCard-${option.tenantName.replace(/\\s+/g, '')}`}\n              {...option}\n            >\n              {option.tenantName}\n            </li>\n          )}\n        />\n      )}\n      <Button\n        id='udpRecord-FluentProfileMenuCard-SignOut'\n        udprecordid='udpRecord-FluentProfileMenuCard-SignOut'\n        onClick={() => {\n          clearStoredPath();\n          clearStoredExternalPath();\n          clearStoredTenant();\n          logout();\n        }}\n        variant='outlined'\n        color='secondary'\n      >\n        {t('Sign out')}\n      </Button>\n    </CardContent>\n  );\n});\n\nFluentProfileMenuCard.displayName = 'FluentProfileMenuCard';\n"],"mappings":"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"}
+{"version":3,"file":"FluentProfileMenuCard-BMGWsjyD.js","names":["useStyles","useStyles","expanded","MiniCollapsibleSidebar","useStyles","useStyles","useStyles","prevOpen","useStyles","productId","HelpOutlineIcon","CloseIcon","ChatIcon","useStyles","Typography","useStyles","ShellDropdown","useStyles","UserAvatar"],"sources":["../src/shell/ui/MiniCollapsibleSidebar.jsx","../src/shell/ui/NavigationSidebar.jsx","../src/shell/ui/AmbientProjectSwitcher.jsx","../src/shell/ui/ShellDropdown.jsx","../src/shell/ui/LanguageSwitcher.jsx","../src/shell/ui/HelpCenter.jsx","../src/shell/ui/EnvironmentRibbon.tsx","../src/shell/ui/SiteHeader.jsx","../src/shell/ui/UserAvatar.jsx","../src/shell/ui/FluentProfileMenuCard.jsx"],"sourcesContent":["import { Drawer, makeStyles } from '@material-ui/core'\nimport clsx from 'clsx'\nimport React from 'react'\n\nconst useStyles = makeStyles(\n  (theme) => ({\n    root: {\n      width: theme?.dimensions?.drawerWidth,\n      flexShrink: 0,\n      whiteSpace: 'nowrap'\n    },\n    expanded: {\n      '&, & > $paper': {\n        // width: theme.dimensions.drawerWidth,\n        width: theme.spacing(32),\n        transition: theme.transitions.create('width', {\n          easing: theme.transitions.easing.sharp,\n          duration: theme.transitions.duration.enteringScreen\n        })\n      }\n    },\n    collapsed: {\n      '&, & > $paper': {\n        overflowX: 'hidden',\n        width: theme.spacing(7) + 1,\n        transition: theme?.transitions?.create('width', {\n          easing: theme?.transitions?.easing?.sharp,\n          duration: theme?.transitions?.duration?.leavingScreen\n        })\n      }\n    },\n    paper: {}\n  }),\n  { name: 'MiniCollapsibleSidebar' }\n)\n\nconst MiniCollapsibleSidebar = (props) => {\n  const classes = useStyles(props)\n  const { expanded = true, className, children, ...other } = props\n\n  return (\n    <Drawer\n      variant='permanent'\n      open\n      {...other}\n      className={clsx(\n        className,\n        classes.root,\n        expanded ? classes.expanded : classes.collapsed\n      )}\n      classes={{\n        root: classes.root,\n        paper: classes.paper\n      }}\n    >\n      {children}\n    </Drawer>\n  )\n}\n\nexport default MiniCollapsibleSidebar\n","import React, { useState, useCallback } from 'react';\nimport { makeStyles, Toolbar, lighten } from '@material-ui/core';\nimport MiniCollapsibleSidebar from './MiniCollapsibleSidebar';\nimport { SidebarCollapseButton } from './SidebarCollapseButton';\nimport { AppMenu } from '../../UI/navigation/menus/AppMenu';\nimport { useShellStore } from '../../stores/shellStore';\nimport { useBuildEnvironment, APP_RIBBON_SPACE } from './useBuildEnvironment';\n\nconst useStyles = makeStyles(\n  (theme) => ({\n    root: {\n      marginTop: 400\n    },\n    paper: {\n      backgroundColor:\n        theme?.getThemeData()?.mode === 'dark'\n          ? ''\n          : lighten(theme?.palette?.primary?.main, 0.9),\n      overflowX: 'hidden'\n    },\n    list: {\n      flex: 1,\n      paddingTop: 0,\n      overflowY: 'auto',\n      WebkitOverflowScrolling: 'touch'\n    },\n    spacer: {\n      flex: 1,\n      minHeight: theme.spacing(2)\n    },\n    footer: {},\n    toolbar: {\n      padding: 0,\n      minHeight: ({appRibbonSpace}) => theme.spacing(6) + appRibbonSpace\n    }\n  }),\n  { name: 'NavigationSidebar' }\n);\n\nconst NavigationSidebar = (props) => {\n  const buildEnv = useBuildEnvironment()\n  const classes = useStyles({appRibbonSpace: buildEnv ? APP_RIBBON_SPACE : 0});\n  const {\n    data,\n    toggleExpandClick,\n    navMenuHoverOn,\n    user,\n    toggle = true,\n    useGlobalState = false,\n    ...other\n  } = props;\n  const [expanded, setExpanded] = useState(true);\n  const { navigationExpanded, setNavigationExpanded } = useShellStore();\n\n  let navExpanded = useGlobalState ? navigationExpanded : expanded;\n\n  const [hoverExpand, setHoverExpand] = useState(false);\n\n  // ** Remove for now to deal with programmatic toggle **\n  // const wide = useMediaQuery(theme.breakpoints.up('sm'))\n  // useEffect(() => {\n  //   // Set the bar to be expanded/collapsed depending on the breakpoint size\n  //   // This works on load and also when resizing crosses the breakpoint\n  //   setExpanded(wide)\n  // }, [wide])\n\n  const handleHoverToggle = () => {\n    if (!navExpanded && navMenuHoverOn) {\n      setHoverExpand(true);\n    }\n  };\n  const handleHoverLeave = () => {\n    if (!navExpanded && navMenuHoverOn) {\n      setHoverExpand(false);\n    }\n  };\n\n  const handleToggleClick = useCallback(() => {\n    if (useGlobalState) {\n      setNavigationExpanded(!navigationExpanded);\n    } else {\n      setExpanded((expanded) => !expanded);\n    }\n  }, [setNavigationExpanded, useGlobalState, navigationExpanded]);\n\n  return (\n    <MiniCollapsibleSidebar\n      classes={{ root: classes.root, paper: classes.paper }}\n      expanded={navExpanded || hoverExpand}\n      onMouseEnter={handleHoverToggle}\n      onMouseLeave={handleHoverLeave}\n      PaperProps={{ elevation: 0, variant: 'outlined' }}\n      {...other}\n    >\n      <Toolbar className={classes.toolbar} />\n\n      {toggle && (\n        <SidebarCollapseButton\n          id='udpRecord-NavigationSidebar'\n          udprecordid='udpRecord-NavigationSidebar'\n          expanded={navExpanded}\n          onClick={handleToggleClick}\n        />\n      )}\n      {data && <AppMenu menuItems={data} sidebarExpanded={navExpanded} user={user} />}\n    </MiniCollapsibleSidebar>\n  );\n};\n\nexport default NavigationSidebar;\n","import React, { useState } from 'react'\nimport { makeStyles, Popover, Typography, useTheme } from '@material-ui/core'\nimport { ChevronDownIcon } from '@fluentui/react-icons'\nimport { FluentIconButton } from '../../UI/inputs/buttons/FluentIconButton'\nimport {AmbientPopoverMenuItem} from '../../UI/inputs/buttons/AmbientPopoverMenuItem'\nimport PropTypes from 'prop-types'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    display: 'flex',\n    // border: '1px solid white',\n    background: props => props.backgroundColor ? props.backgroundColor : theme.palette.secondary.main,\n    borderRadius: 50,\n    padding: 6,\n    paddingLeft:16\n  },\n  popoverRoot: {},\n  icon: {\n    color: theme.palette.primary.main,\n    borderRadius: 50\n  }, \n  label: {\n    display: 'block',\n    width: props => props.width ? props.width : 100,\n    overflow: 'hidden',\n    whiteSpace: 'nowrap',\n    textOverflow: 'ellipsis'\n  }, \n  listWrapper: {\n    marginRight: theme.spacing(2)\n  }\n}))\n\nexport const AmbientProjectSwitcher = (props) => {\n  \n  const classes = useStyles(props)\n\n  const theme = useTheme()\n\n  const { data, selectedItem } = props\n\n  const [anchorEl, setAnchorEl] = useState(null)\n\n  const handleClick = (event) => {\n    setAnchorEl(event.currentTarget)\n  }\n\n  const handleClose = () => {\n    setAnchorEl(null)\n  }\n\n  const open = Boolean(anchorEl)\n  const id = open ? 'open' : undefined\n\n  return (\n    <div className={classes.root}>\n      <div className={classes.listWrapper}>\n        <Typography className={classes.label}  > \n          {selectedItem} \n        </Typography>\n      </div>\n      \n      <FluentIconButton\n        className={classes.icon}\n        icon={ChevronDownIcon}\n        onClick={handleClick}\n        style={{background: theme.palette.common.white}}\n      />\n\n      <Popover\n        classes={{ root: classes.popoverRoot }}\n        square\n        elevation={6}\n        id={id}\n        open={open}\n        anchorEl={anchorEl}\n        onClose={handleClose}\n        anchorOrigin={{\n          vertical: 'bottom',\n          horizontal: 'right'\n        }}\n        transformOrigin={{\n          vertical: 'top',\n          horizontal: 'right'\n        }}\n      >\n        <div >\n          <div>\n            {data && data.map((item) => {\n              return (\n                <AmbientPopoverMenuItem\n                  label={item.label}\n                  component={ChevronDownIcon}\n                  click={()=>item.click(item.label)}\n                />\n              )\n            })}\n          </div>\n        </div>\n      </Popover>\n    </div>\n  )\n}\n\nAmbientProjectSwitcher.propTypes = {\n  /**\n   * The array used to map for label and functions to list items. (array).\n   */\n  data: PropTypes.array,\n  /**\n   * The active label displayed.\n   */\n  selectedItem: PropTypes.string,\n  /**\n   * Change the background color on the project switcher (default: theme secondary)\n   */\n  backgroundColor: PropTypes.string\n}","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { makeStyles } from '@material-ui/core';\nimport { FluentTextFieldAutoComplete } from '../../UI/inputs/textField/FluentTextFieldAutoComplete';\n\nconst useStyles = makeStyles(theme => ({\n  root: { display: 'flex', alignItems: 'center' },\n  field: {\n    minWidth: 300,\n    maxWidth: 400,\n    width: '100%',\n    alignSelf: 'left',\n    color: '#fff',\n    '& .MuiOutlinedInput-root': {\n      color: '#fff',\n      backgroundColor: 'transparent',\n      '& fieldset': {\n        borderColor: 'rgba(255,255,255,0.6)',\n      },\n      '&:hover fieldset': {\n        borderColor: 'rgba(255,255,255,0.85)',\n      },\n      '&.Mui-focused fieldset': {\n        borderColor: '#fff',\n      },\n      '& input': {\n        paddingTop: 4,\n        paddingBottom: 4,\n        height: 20,\n        boxSizing: 'border-box',\n        color: '#fff',\n      },\n      '& .MuiAutocomplete-input': {\n        color: '#fff',\n      },\n    },\n    '& .MuiInputBase-root': {\n      color: '#fff',\n    },\n    '& .MuiAutocomplete-popupIndicator, & .MuiAutocomplete-clearIndicator': {\n      color: '#fff',\n      opacity: 0.95,\n    },\n    '& input::placeholder': {\n      color: 'rgba(255,255,255,0.7)',\n    },\n  },\n}));\n\nfunction getDisplayName(item) {\n  if (!item && item !== 0) return '';\n  if (typeof item === 'string' || typeof item === 'number') return String(item);\n  if (typeof item === 'object') {\n    const name = item.name ?? item.label ?? item.title ?? item.displayName;\n    return name !== undefined && name !== null ? String(name) : '';\n  }\n  return String(item);\n}\n\nexport const ShellDropdown = (props) => {\n  const classes = useStyles();\n  const {\n    componentName = 'Item',\n    data = [],\n    value = null,\n    onChange,\n    optionLabelDisplayFunction = getDisplayName,\n    placeholder,\n    className,\n    classProps,\n    ...other\n  } = props;\n\n  const placeholderText = placeholder ?? (!value ? `All ${componentName}s` : undefined);\n\n  return (\n    <div className={`${classes.root} ${className || ''}`}>\n      <FluentTextFieldAutoComplete\n        className={classes.field}\n        classProps={{ autocompleteRoot: classes.field, ...classProps }}\n        options={data}\n        optionLabelDisplayFunction={optionLabelDisplayFunction}\n        onChange={onChange}\n        value={value}\n        placeholder={placeholderText}\n        {...other}\n      />\n    </div>\n  );\n};\n\nShellDropdown.propTypes = {\n  componentName: PropTypes.string,\n  data: PropTypes.array,\n  value: PropTypes.any,\n  onChange: PropTypes.func,\n  optionLabelDisplayFunction: PropTypes.func,\n  placeholder: PropTypes.string,\n  className: PropTypes.string,\n  classProps: PropTypes.object,\n};\n\nexport default ShellDropdown;\n","import React, { useState, useRef, useEffect } from 'react'\nimport {\n  ClickAwayListener,\n  Grow,\n  Paper,\n  Popper,\n  MenuList,\n  makeStyles,\n  IconButton,\n  MenuItem\n} from '@material-ui/core'\nimport { TranslateIcon } from '@fluentui/react-icons'\nimport i18n from 'i18next';\n\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    display: 'flex'\n  },\n  paper: {\n    marginRight: theme.spacing(2)\n  }\n}))\n\nexport const LanguageSwitcher = (props) => {\n  const classes = useStyles()\n  const [open, setOpen] = useState(false)\n  const anchorRef = useRef(null)\n  const { languages } = props\n\n  const handleToggle = () => {\n    setOpen((prevOpen) => !prevOpen)\n  }\n\n  const handleClose = (event) => {\n    if (anchorRef.current && anchorRef.current.contains(event.target)) {\n      return\n    }\n    setOpen(false)\n  }\n\n  function handleListKeyDown(event) {\n    if (event.key === 'Tab') {\n      event.preventDefault()\n      setOpen(false)\n    }\n  }\n\n  // return focus to the button when we transitioned from !open -> open\n  const prevOpen = useRef(open)\n  useEffect(() => {\n    if (prevOpen.current === true && open === false) {\n      anchorRef.current.focus()\n    }\n    prevOpen.current = open\n  }, [open])\n\n  const handleLanguageChange = (event) => {\n    const currentLanguage = event;\n    //setLangKey(currentLanguage.languageCode);\n    languageSelector(currentLanguage.languageCode);\n  };\n\n  const languageSelector = (defaultLang) => {\n    i18n.changeLanguage(defaultLang);\n  }\n\n  if (languages != null) {\n    return (\n      <div id='udpRecord-LanguageSwitcher' className={classes.root}>\n        <div>\n          <IconButton\n            id='udpRecord-LanguageSwitcher-IconButton'\n            udprecordid='udpRecord-LanguageSwitcher-IconButton'\n            ref={anchorRef}\n            aria-controls={open ? 'menu-list-grow' : undefined}\n            aria-haspopup='true'\n            onClick={handleToggle}\n          >\n            <TranslateIcon style={{ color: 'white', opacity: 0.8 }} />\n          </IconButton>\n          <Popper\n            open={open}\n            anchorEl={anchorRef.current}\n            role={undefined}\n            transition\n            disablePortal\n          >\n            {({ TransitionProps, placement }) => (\n              <Grow\n                {...TransitionProps}\n                style={{\n                  transformOrigin:\n                    placement === 'bottom' ? 'center top' : 'center bottom'\n                }}\n              >\n                <Paper>\n                  <ClickAwayListener \n                    id='udpRecord-LanguageSwitcher-ClickAway' \n                    udprecordid='udpRecord-LanguageSwitcher-ClickAway' \n                    onClickAway={handleClose}\n                  >\n                    <MenuList\n                      autoFocusItem={open}\n                      id='menu-list-grow'\n                      udprecordid='udpRecord-LanguageSwitcher-MenuList'\n                      onKeyDown={handleListKeyDown}\n                      onClick={() => setOpen(false)}\n                    >\n                      {languages.map((data) =>\n                        <MenuItem\n                          id={'udpRecord-LanguageSwitcher-MenuItem-'+data.languageLabel}\n                          udprecordid={'udpRecord-LanguageSwitcher-MenuItem-'+data.languageLabel}\n                          onClick={() => handleLanguageChange(data)}\n                          value={data.languageCode}\n                          key={data.languageId}\n                        >\n                          {data.languageLabel}\n                        </MenuItem>)}\n                    </MenuList>\n                  </ClickAwayListener>\n                </Paper>\n              </Grow>\n            )}\n          </Popper>\n        </div>\n      </div>\n    )\n  } else {\n    return (\n      null\n    )\n  }\n\n}","import React, { useState, useCallback, useEffect, useRef, Suspense, lazy } from 'react';\nimport {\n  makeStyles,\n  IconButton,\n  Popover,\n  Typography,\n  List,\n  ListItem,\n  ListItemIcon,\n  ListItemText,\n  Dialog,\n  DialogTitle,\n  DialogContent\n} from '@material-ui/core';\nimport {HelpOutline as HelpOutlineIcon, Chat as ChatIcon, Close as CloseIcon} from '@material-ui/icons';\nimport { useActions } from '../../hooks/useActions';\nimport { useTranslation } from 'react-i18next';\nimport { useUser } from '../../../src/utilities/auth/useUser';\nimport { apiMutate } from '../../utilities/useAxiosMutate';\nimport { ConfigService } from '../../configService';\n\n// Lazy-load side sheets so they aren't imported until needed. Keep\n// module-level lazy declarations so the imports are deduped and cached.\nconst UserFormSideSheet = lazy(() => import('./addUser/UserFormSideSheet'));\nconst SupportCaseSideSheet = lazy(() => import('../../UI/support/SupportCaseSideSheet'));\n\n// Preload helpers (return the dynamic import promise). Calling these\n// will start fetching the chunk in the background and populate the\n// module cache so React.lazy resolves quickly later.\nconst preloadUserFormSideSheet = () => import('./addUser/UserFormSideSheet');\nconst preloadSupportCaseSideSheet = () => import('../../UI/support/SupportCaseSideSheet');\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    display: 'flex'\n  },\n  popover: {\n    padding: theme.spacing(2),\n    maxWidth: 300\n  },\n  icon: {\n    minWidth: 40\n  },\n  closeButton: {\n    position: 'absolute',\n    right: theme.spacing(1),\n    top: theme.spacing(1),\n    color: theme.palette.grey[500]\n  },\n  header: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between'\n  },\n  dialog: {\n    minWidth: '80vw',\n    minHeight: '80vh'\n  }\n}));\n\nexport const HelpCenter = () => {\n  const classes = useStyles();\n  const { t } = useTranslation();\n  const { triggerAction } = useActions();\n  const user = useUser();\n  const productId = Number(ConfigService.config.UNITY_PRODUCT_ID);\n\n  const udpaiAPI = ConfigService.config.UDPAI_API_BASE;\n  const udpaisearch = ConfigService.config.AI_SEARCH_URL;\n  const udpaisearchkey = ConfigService.config.AI_SEARCH_KEY;\n  const udpaisearchindex = ConfigService.config.AI_SEARCH_INDEX_NAME;\n\n  const [anchorEl, setAnchorEl] = useState(null);\n  const [isSupportCaseSideSheetOpen, setSupportCaseSideSheetOpen] =\n    useState(false);\n  const [isUserFormOpen, setUserFormOpen] = useState(false);\n  const [supportCaseHealthOk, setSupportCaseHealthOk] = useState(false);\n\n  const hasPreloadedRef = useRef(false);\n\n  const handleOpenPopover = (event) => {\n    setAnchorEl(event.currentTarget);\n\n    // Preload both side sheets in the background the first time the popover opens.\n    // We assume that if the user opened the popover, they might open one of the sheets.\n    if (!hasPreloadedRef.current) {\n      hasPreloadedRef.current = true;\n      // Start background fetches but don't await them.\n      try {\n        preloadUserFormSideSheet();\n      } catch (e) {\n        // ignore preload errors\n      }\n      try {\n        preloadSupportCaseSideSheet();\n      } catch (e) {\n        // ignore preload errors\n      }\n    }\n  };\n\n  const handleClosePopover = () => {\n    setAnchorEl(null);\n  };\n\n  const handleLaunchAction = useCallback(() => {\n    setAnchorEl(null);\n    triggerAction('CEE75B36-01B0-4FAC-9AE7-C1AC8A2A194F');\n  }, [triggerAction]);\n\n  const handleOpenSupportCaseSideSheet = () => {\n    setSupportCaseSideSheetOpen(true);\n    setAnchorEl(null);\n  };\n\n  const handleCloseSupportCaseSideSheet = () => {\n    setSupportCaseSideSheetOpen(false);\n  };\n\n  const handleOpenUserForm = () => {\n    setUserFormOpen(true); // Open UserForm modal\n    setAnchorEl(null);\n  };\n\n  const handleCloseUserForm = () => {\n    setUserFormOpen(false); // Close UserForm modal\n  };\n\n  const open = Boolean(anchorEl);\n  const id = open ? 'help-center-popover' : undefined;\n\n  // Conditions for rendering buttons\n  // 2 assets, 41 sandbox, 51 assets, 53 mm, 68 timesheets\n  const shouldShowAddUsers = (productId) => {\n    const isValidProduct = [41, 53].includes(productId);\n    const isSecurityApiConfigured = !!ConfigService.securityV1ApiUrl;\n    const isValidUser =\n      user.can.CAN_MANAGE_ROLES_USERS &&\n      user.can.CAN_MANAGE_USERS &&\n      user.can.CAN_VIEW_USERS;\n    return isValidProduct && isSecurityApiConfigured && isValidUser;\n  };\n\n  const getSupportCaseStatus = useCallback(\n    async () =>\n      apiMutate(\n        ConfigService.productV1ApiUrl,\n        `udpunitysupport/healthCheck`,\n        {\n          method: 'get',\n          headers: {\n            currentTenantId: user?.currentTenantId\n          }\n        }\n      ),\n    [user?.currentTenantId]\n  );\n\n  const getSupportCaseStatusUnity = useCallback(\n    async () =>\n      apiMutate(\n        ConfigService.supportV1ApiUrl,\n        `ServiceHealth/Support`,\n        {\n          method: 'get',\n          headers: {\n            currentTenantId: user?.currentTenantId\n          }\n        }\n      ),\n    [user?.currentTenantId]\n  );\n\n  const showAddUsers = shouldShowAddUsers(productId);\n  const shouldShowChatAssistant =\n    [2, 41, 51, 68].includes(productId) &&\n    udpaiAPI &&\n    udpaisearch &&\n    udpaisearchkey &&\n    udpaisearchindex;\n  const shouldShowSupportTicket = productId && supportCaseHealthOk;\n\n  useEffect(() => {\n    const supportCaseStatus = async () => {\n      try {\n        if (ConfigService.config.UNITY_PRODUCT_ID === \"1\") {\n          const response = await getSupportCaseStatusUnity();\n          setSupportCaseHealthOk(response?.status === 200);\n        } else {\n          const response = await getSupportCaseStatus();\n          setSupportCaseHealthOk(response?.status === 200);\n        }\n      } catch (error) {\n        setSupportCaseHealthOk(false);\n      }\n    };\n    supportCaseStatus();\n  }, [getSupportCaseStatus, getSupportCaseStatusUnity]);\n\n  // Hide the entire help center if neither button should be rendered\n  if (!showAddUsers && !shouldShowChatAssistant && !shouldShowSupportTicket) {\n    return <div id='udpRecord-HelpCenter' />;\n  }\n\n  return (\n    <div id='udpRecord-HelpCenter' className={classes.root}>\n      <IconButton\n        id='udpRecord-HelpCenter-IconButton'\n        aria-controls={id}\n        aria-haspopup='true'\n        onClick={handleOpenPopover}\n      >\n        <HelpOutlineIcon style={{ color: 'white', opacity: 0.8 }} />\n      </IconButton>\n      <Popover\n        id={id}\n        open={open}\n        anchorEl={anchorEl}\n        onClose={handleClosePopover}\n        anchorOrigin={{\n          vertical: 'bottom',\n          horizontal: 'center'\n        }}\n        transformOrigin={{\n          vertical: 'top',\n          horizontal: 'center'\n        }}\n      >\n        <div className={classes.popover}>\n          <div className={classes.header}>\n            <Typography variant='h6'>{t('Help')}</Typography>\n            <IconButton\n              size='small'\n              className={classes.closeButton}\n              onClick={handleClosePopover}\n            >\n              <CloseIcon />\n            </IconButton>\n          </div>\n          <List component='nav' aria-label='Help options'>\n            {/* First Button: Add User */}\n            {showAddUsers && (\n              <ListItem\n                button\n                id='udpRecord-HelpCenter-AddUsers'\n                onClick={handleOpenUserForm}\n              >\n                <ListItemIcon className={classes.icon}>\n                  <HelpOutlineIcon />\n                </ListItemIcon>\n                <ListItemText primary={t('Add User')} />\n              </ListItem>\n            )}\n\n            {/* Second Button: Chat Assistant */}\n            {shouldShowChatAssistant && (\n              <ListItem\n                button\n                id='udpRecord-HelpCenter-ChatAssistant'\n                onClick={handleLaunchAction}\n              >\n                <ListItemIcon className={classes.icon}>\n                  <ChatIcon />\n                </ListItemIcon>\n                <ListItemText primary={t('Chat Assistant')} />\n              </ListItem>\n            )}\n\n            {/* Third Button: Submit Support Ticket */}\n            {shouldShowSupportTicket && (\n              <ListItem\n                button\n                id='udpRecord-HelpCenter-SupportTicket'\n                onClick={handleOpenSupportCaseSideSheet}\n              >\n                <ListItemIcon className={classes.icon}>\n                  <HelpOutlineIcon />\n                </ListItemIcon>\n                <ListItemText primary={t('Submit Support Ticket')} />\n              </ListItem>\n            )}\n          </List>\n        </div>\n      </Popover>\n\n      {/* Modal for UserForm (lazy-loaded) */}\n      <Suspense fallback={<div>Loading...</div>}>\n        <UserFormSideSheet open={isUserFormOpen} onClose={handleCloseUserForm} />\n      </Suspense>\n\n      {/* Side Sheet for Support Ticket (lazy-loaded) */}\n      <Suspense fallback={<div>Loading...</div>}>\n        <SupportCaseSideSheet\n          open={isSupportCaseSideSheetOpen}\n          onClose={handleCloseSupportCaseSideSheet}\n          handleCloseSupportCaseSideSheet={handleCloseSupportCaseSideSheet}\n          onSubmit={(values) => {\n            console.log('Form submitted', values);\n          }}\n          initialValues={{}}\n        />\n      </Suspense>\n    </div>\n  );\n};\n","import React, { useMemo } from 'react';\nimport { useUser } from '../../utilities/auth/useUser';\n// @ts-ignore\nimport { makeStyles } from '@material-ui/core';\nimport { useTenant } from '../../utilities/tenant/useTenant';\nimport { Typography } from '../../UI/dataDisplay/typography/Typography';\nimport { APP_RIBBON_SPACE, useBuildEnvironment } from './useBuildEnvironment';\n\n\n\nconst useStyles = makeStyles({\n  root: {\n    width: '100vw',\n    height: APP_RIBBON_SPACE,\n    backgroundColor: ({environment}: {environment: string | undefined}) => `var(--env-ribbon-${environment})`,\n    color: '#ffffff', // Default white text\n    display: 'flex',\n    alignItems: 'center',\n    position: 'relative',\n    // Use CSS to handle staging text color\n    '&.staging': {\n      color: '#000000'\n    }\n  },\n\tcenterText: {\n    position: 'absolute',\n    left: '50%',\n    transform: 'translateX(-50%)',\n    fontWeight: 600\n\t},\n\trightText: {\n    position: 'absolute',\n    right: '10px',\n    fontWeight: 500\n\t}\n});\n\nexport const EnvironmentRibbon = () => {\n\tconst tenantInfo = useTenant()\n\tconst buildEnvironment = useBuildEnvironment()\n\n  const classes = useStyles({environment: buildEnvironment});\n  if(!buildEnvironment)  return null;\n\n  return (\n    <div\n      className={`${classes.root} ${buildEnvironment === 'staging' ? 'staging' : ''}`}\n      id='udp-environment-banner'\n    >\n      <Typography className={classes.centerText}>\n        {buildEnvironment?.charAt(0).toUpperCase()+buildEnvironment?.slice(1) || ''}\n      </Typography>\n\t\t\t<Typography className={classes.rightText}>\n        {tenantInfo?.activeTenant?.tenantName}\n      </Typography>\n    </div>\n  );\n};\n","import React from 'react';\nimport {\n  AppBar,\n  makeStyles,\n  Toolbar,\n  Typography,\n  IconButton,\n  useMediaQuery,\n  useTheme\n} from '@material-ui/core';\nimport clsx from 'clsx';\nimport { WaffleIcon, CollapseMenuIcon } from '@fluentui/react-icons';\nimport { BreadCrumbMenu } from '../../UI/inputs/link/BreadCrumbMenu';\nimport { AmbientProjectSwitcher } from './AmbientProjectSwitcher';\nimport ShellDropdown from './ShellDropdown';\nimport { LanguageSwitcher } from './LanguageSwitcher';\nimport { HelpCenter } from './HelpCenter';\nimport { SiteHeaderRightComponentTarget } from './SiteHeaderRightComponent';\nimport PropTypes from 'prop-types';\nimport {\n  useBuildEnvironment,\n  APP_RIBBON_SPACE\n} from './useBuildEnvironment';\nimport { EnvironmentRibbon } from './EnvironmentRibbon';\nconst useStyles = makeStyles(\n  (theme) => ({\n    root: {\n      color: theme?.palette?.appBar?.contrastText,\n      zIndex: theme?.zIndex?.drawer + 1\n      // Assume the drawer is always expanded unless the screen is too small for it and inset the left to account for it\n    },\n    spacer: {\n      flex: 1\n    },\n    headerSpacer: {\n      padding: 0,\n      minHeight: ({ appRibbonSpace }) => 56 + appRibbonSpace\n    },\n    toolbar: {\n      padding: 0,\n      minHeight: theme.spacing(6)\n    },\n    appLaunch: {\n      color: theme?.palette?.getContrastText(theme?.palette?.primary?.main)\n    },\n    avatar: {\n      width: 25,\n      height: 25,\n      backgroundColor: theme?.palette?.secondary?.main\n    },\n    search: {\n      marginLeft: theme.spacing(2),\n      marginTop: theme.spacing(-1.35)\n    },\n    children: {\n      flex: 1,\n      minWidth: 5\n    }\n  }),\n  { name: 'SiteHeader' }\n);\n\n/**\n * A spacing component with the same height as the SiteHeader\n */\nexport const SiteHeaderSpacer = (props) => {\n  const buildEnv = useBuildEnvironment();\n  const classes = useStyles({\n    appRibbonSpace: buildEnv ? APP_RIBBON_SPACE : 0\n  });\n  const { className } = props;\n\n  return <div className={clsx(className, classes.headerSpacer)} />;\n};\n\n/**\n * Site header including app bar\n */\nconst SiteHeader = (props) => {\n  const classes = useStyles(props);\n  const {\n    className,\n    returnTo,\n    appContent,\n    userAvatar,\n    siteName,\n    breadCrumbRoot = 'home',\n    color = 'primary',\n    setAppSwitcherOpen,\n    breadCrumbAltLabelList,\n    currentLocation,\n    switcherData,\n    selectedItem,\n    switcherWidth,\n    hideAppLaunch,\n    languages,\n    backgroundColor,\n    ...other\n  } = props;\n\n  const theme = useTheme();\n  const mobile = useMediaQuery(theme.breakpoints.up('sm'));\n\n  return (\n    <>\n      <AppBar\n        elevation={0}\n        position='fixed'\n        color={color}\n        {...other}\n        className={className}\n        classes={{ root: classes.root }}\n      >\n        <EnvironmentRibbon />\n        <Toolbar className={classes.toolbar}>\n          {mobile && !hideAppLaunch && (\n            <IconButton\n              className={classes.appLaunch}\n              aria-label='App Launcher Menu'\n              onClick={() => setAppSwitcherOpen('desktop', true)}\n            >\n              <WaffleIcon />\n            </IconButton>\n          )}\n          {!mobile && (\n            <IconButton\n              className={classes.appLaunch}\n              aria-label='App Launcher Menu'\n              onClick={() => setAppSwitcherOpen('desktop', true)}\n            >\n              <CollapseMenuIcon />\n            </IconButton>\n          )}\n\n          <Typography\n            component='h1'\n            variant='h6'\n            style={{ marginLeft: hideAppLaunch && 16 }}\n          >\n            {siteName}\n          </Typography>\n\n          {mobile && (\n            <div style={{ marginLeft: 70 }}>\n              {React.isValidElement(breadCrumbRoot) ? (\n                breadCrumbRoot\n              ) : breadCrumbRoot && typeof breadCrumbRoot === 'object' && (breadCrumbRoot.data || breadCrumbRoot.componentName) ? (\n                <ShellDropdown\n                  componentName={breadCrumbRoot.componentName}\n                  data={breadCrumbRoot.data}\n                  value={breadCrumbRoot.value}\n                  onChange={breadCrumbRoot.onChange}\n                  optionLabelDisplayFunction={breadCrumbRoot.optionLabelDisplayFunction}\n                  placeholder={breadCrumbRoot.placeholder}\n                  className={breadCrumbRoot.className}\n                  classProps={breadCrumbRoot.classProps}\n                />\n              ) : (\n                <BreadCrumbMenu\n                  color='primary'\n                  root={breadCrumbRoot}\n                  breadCrumbAltLabelList={breadCrumbAltLabelList}\n                />\n              )}\n            </div>\n          )}\n          <div className={classes.children}>{appContent}</div>\n          {switcherData && (\n            <AmbientProjectSwitcher\n              data={switcherData}\n              selectedItem={selectedItem}\n              width={switcherWidth}\n              backgroundColor={backgroundColor}\n            />\n          )}\n\n          {!mobile && !hideAppLaunch && (\n            <IconButton\n              className={classes.appLaunch}\n              aria-label='App Launcher Menu'\n              onClick={() => setAppSwitcherOpen('mobile', true)}\n            >\n              <WaffleIcon />\n            </IconButton>\n          )}\n          <div className={classes.additionalRightComponent}>\n            <SiteHeaderRightComponentTarget />\n          </div>\n          <HelpCenter />\n          <LanguageSwitcher languages={languages} />\n          <div>{userAvatar}</div>\n        </Toolbar>\n      </AppBar>\n      <SiteHeaderSpacer className={className} />\n    </>\n  );\n};\n\nexport default SiteHeader;\n\nSiteHeader.propTypes = {\n  breadCrumbRoot: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.element,\n    PropTypes.node,\n    PropTypes.object\n  ]),\n  /**\n   * Passes the background color on the project switcher (default: theme secondary)\n   */\n  backgroundColor: PropTypes.string\n};\n","import { Avatar, makeStyles } from '@material-ui/core'\nimport clsx from 'clsx'\nimport React from 'react'\nimport useDevicePixelRatio from '../../utilities/useDevicePixelRatio.ts'\nimport useGravatar from '../../utilities/useGravatar.ts'\n\nconst useStyles = makeStyles(\n  (theme) => ({\n    root: {},\n    default: {},\n    toolbar: {\n      width: 32,\n      height: 32\n    },\n    large: {\n      width: 80,\n      height: 80\n    }\n  }),\n  { name: 'UserAvatar' }\n)\n\n/**\n * Inteligent user Avatar element\n *\n * - Loads a Gravatar based on the email if one exists\n * - Falls back to a text avatar while loading and when a Gravatar does not exist\n * - Automatically chooses image size based on size prop and device pixel density (and updates if device pixel density changes)\n */\nconst UserAvatar = (props) => {\n  const classes = useStyles(props)\n  const { name, email, size = 'default', className, ...other } = props\n  const dppx = useDevicePixelRatio()\n  const dimension = { toolbar: 32, large: 80 }[size] || 40\n  const avatar = useGravatar(email, { size: dimension * dppx })\n\n  return (\n    <Avatar\n      alt={name}\n      aria-label={`${name}'s avatar`}\n      {...other}\n      className={clsx(className, classes[size])}\n      src={avatar}\n    >\n      {name?.trim()?.charAt(0) || '?'}\n    </Avatar>\n  )\n}\n\nexport default UserAvatar\n","import React, { useState, useEffect, forwardRef } from 'react';\nimport { Button, CardContent, makeStyles, Typography } from '@material-ui/core';\nimport UserAvatar from './UserAvatar';\nimport { Autocomplete } from '@material-ui/lab';\nimport { TextField } from '@material-ui/core';\nimport { useHistory } from 'react-router-dom';\nimport { clearStoredPath } from '../../utilities/redirect/LocalRedirectUrlStorage';\nimport { clearStoredExternalPath } from '../../utilities/redirect/ExternalRedirectUrlStorage';\nimport {\n  clearStoredTenant,\n  storeTenant\n} from '../../utilities/storage/UnitySessionStorage';\nimport { useTranslation } from 'react-i18next';\nimport { useUserActions } from '../../utilities/auth/users';\nimport { ConfigService } from '../../configService';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    '& > *': {\n      margin: theme.spacing(1)\n    },\n    '&:last-child': {\n      paddingBottom: theme.spacing(2)\n    }\n  },\n  cardHeader: {\n    display: 'flex',\n    marginBottom: theme.spacing(3)\n  },\n  currentTenant: {\n    margin: 'auto',\n    width: '85%',\n    marginBottom: theme.spacing(4)\n  },\n  buttonGroup: {\n    display: 'flex',\n    flexDirection: 'row',\n    alignItems: 'center'\n  },\n  basicInfoContainer: {\n    marginLeft: theme.spacing(1)\n  },\n  basicInfo: {\n    paddingLeft: theme.spacing(1)\n  },\n  divider: {\n    height: theme.spacing(3)\n  },\n  avatar: {\n    fontSize: 40\n  }\n}));\n\nexport const FluentProfileMenuCard = forwardRef((props, ref) => {\n  const classes = useStyles();\n  const devUnityUrl = 'https://unity-dev.univerus.com/';\n  const {\n    userTenants,\n    currentTenant,\n    user,\n    logout,\n    unityUrl = devUnityUrl,\n    displayProfileButton = true\n  } = props;\n  const [currentTenantValue, setCurrentTenantValue] = useState('');\n  const history = useHistory();\n  const redirectToHome = () => history.push('/');\n  const { t, i18n } = useTranslation();\n  const { changeTenant } = useUserActions();\n\n  const handleAutocompleteOnChange = (newValue, reason) => {\n    if (reason !== 'select-option') return;\n    setCurrentTenantValue(newValue);\n    storeTenant(newValue.tenantId);\n    changeTenant(newValue.tenantId);\n    redirectToHome();\n  };\n\n  useEffect(() => {\n    if (userTenants && !currentTenantValue) {\n      const currentUserTenant = userTenants.find(\n        (ut) => ut.tenantId === currentTenant?.tenantId\n      );\n      setCurrentTenantValue(currentUserTenant);\n    }\n  }, [currentTenant, userTenants, currentTenantValue]);\n\n  const handleProfileClick = () => {\n    // if this is unity (productid is 1), go to the profile slug, otherwise open the profile page in a new tab\n    if(ConfigService.config.UNITY_PRODUCT_ID == 1) history.push('/profile')\n    else window.open(unityUrl + '/profile');\n\n  }\n\n  if (!user) return null;\n\n  return (\n    <CardContent ref={ref} className={classes.root}>\n      <div className={classes.cardHeader}>\n        <UserAvatar\n          name={user?.name}\n          email={user?.email}\n          size='large'\n          className={classes.avatar}\n        />\n        <div className={classes.basicInfoContainer}>\n          <Typography className={classes.basicInfo} variant='subtitle2'>\n            {user?.name}\n          </Typography>\n          <Typography className={classes.basicInfo} variant='body2'>\n            {user?.email}\n          </Typography>\n          {/* {displayProfileButton && (\n            <div className={classes.buttonGroup}>\n              <Button\n                id='udpRecord-FluentProfileMenuCard-MyProfile'\n                udprecordid='udpRecord-FluentProfileMenuCard-MyProfile'\n                onClick={handleProfileClick}\n                target='_blank'\n                color='secondary'\n              >\n                {t('My Profile')}\n              </Button>\n            </div>\n          )} */}\n        </div>\n      </div>\n      {userTenants && user && changeTenant && (\n        <Autocomplete\n          className={classes.currentTenant}\n          value={currentTenantValue}\n          getOptionSelected={(option, value) =>\n            option?.tenantId === value?.tenantId\n          }\n          disableClearable\n          id='current-tenant'\n          name='currentTenant'\n          options={userTenants ? userTenants : []}\n          getOptionLabel={(option) =>\n            option?.tenantName ? option?.tenantName : ''\n          }\n          onChange={(event, newValue, reason) =>\n            handleAutocompleteOnChange(newValue, reason)\n          }\n          renderInput={(params) => (\n            <TextField\n              {...params}\n              inputProps={{...params.inputProps,\n                id:'udpRecord-FluentProfileMenuCard-TextField',\n                udprecordid:'udpRecord-FluentProfileMenuCard-TextField'\n              }}\n              label={t('Current Tenant')}\n              variant='standard'\n            />\n          )}\n          renderOption={(option, { selected }) => (\n            <li\n              style={{ width: '100%', height: '100%' }}\n              udprecordid={`udpRecord-FluentProfileMenuCard-${option.tenantName.replace(/\\s+/g, '')}`}\n              {...option}\n            >\n              {option.tenantName}\n            </li>\n          )}\n        />\n      )}\n      <Button\n        id='udpRecord-FluentProfileMenuCard-SignOut'\n        udprecordid='udpRecord-FluentProfileMenuCard-SignOut'\n        onClick={() => {\n          clearStoredPath();\n          clearStoredExternalPath();\n          clearStoredTenant();\n          logout();\n        }}\n        variant='outlined'\n        color='secondary'\n      >\n        {t('Sign out')}\n      </Button>\n    </CardContent>\n  );\n});\n\nFluentProfileMenuCard.displayName = 'FluentProfileMenuCard';\n"],"mappings":"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"}

package/dist/{FluentTimeline-CCQ3mUhk.js → FluentTimeline-ExazqTRJ.js}

@@ -1,7 +1,7 @@
 import { t as FluentIcon } from "./FluentIcon-DjE8A5DC.js";
 import { t as FluentIconButton } from "./FluentIconButton-CtN4xdO_.js";
 import { t as UnityFluentIcon } from "./UnityFluentIcon-DkZ-zXku.js";
-import { S as getIconFromName } from "./TreeUtilities-BnHT4nq0.js";
+import { S as getIconFromName } from "./TreeUtilities-DWgARig7.js";
 import React, { useState } from "react";
 import { Avatar, MenuItem, Popover, Typography, alpha, makeStyles } from "@material-ui/core";
 import { MoreVerticalIcon } from "@fluentui/react-icons";
@@ -153,4 +153,4 @@ const FluentTimeline = (props) => {
 
 //#endregion
 export { FluentTimelineContent as n, FluentTimelineHeader as r, FluentTimeline as t };
-//# sourceMappingURL=FluentTimeline-CCQ3mUhk.js.map
+//# sourceMappingURL=FluentTimeline-ExazqTRJ.js.map

package/dist/{FluentTimeline-CCQ3mUhk.js.map → FluentTimeline-ExazqTRJ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"FluentTimeline-CCQ3mUhk.js","names":["useStyles"],"sources":["../src/UI/timeline/fluentTimeline/FluentTimelineHeader.jsx","../src/UI/timeline/fluentTimeline/FluentTimelineContent.jsx","../src/UI/timeline/fluentTimeline/FluentTimeline.jsx"],"sourcesContent":["import React from 'react';\nimport { Typography, Avatar, makeStyles, alpha } from '@material-ui/core';\nimport { UnityFluentIcon } from '../../../utilities/iconLibrary/UnityFluentIcon';\nimport { getIconFromName } from '../../../utilities/tree/TreeUtilities';\n\nconst useStyles = makeStyles((theme) => ({\n  customTimelineHeader: {\n    backgroundColor: alpha(theme.palette.secondary.main, 0.1),\n    borderRadius: theme.spacing(4),\n    padding: theme.spacing(0.5, 2, 0.5, 0.5),\n    display: 'flex',\n    alignItems: 'center'\n  },\n  customTimelineHeaderAvatar: {\n    marginRight: theme.spacing(1),\n    height: theme.spacing(4),\n    width: theme.spacing(4)\n  },\n  flexDescription: {\n    fontSize: '0.875rem',\n    marginLeft: theme.spacing(2)\n  }\n}));\n\nexport const FluentTimelineHeader = (props) => {\n  const { title, date, iconName } = props;\n  const classes = useStyles();\n\n  return (\n    <div className={classes.customTimelineHeader}>\n      <Avatar className={classes.customTimelineHeaderAvatar}>\n        <UnityFluentIcon\n          size='medium'\n          icon={getIconFromName(iconName ?? 'PageListIcon')}\n          type=''\n        />\n      </Avatar>\n      <Typography variant='subtitle2'>{title}</Typography>\n      <Typography\n        variant='caption'\n        color='textSecondary'\n        className={classes.flexDescription}\n      >\n        {date}\n      </Typography>\n    </div>\n  );\n};\n","import React, { useState } from 'react';\nimport { Typography, makeStyles, Popover, MenuItem } from '@material-ui/core';\nimport { FluentIconButton } from '../../inputs/buttons/FluentIconButton';\nimport { MoreVerticalIcon } from '@fluentui/react-icons';\nimport { FluentIcon } from '../../../utilities/iconLibrary/FluentIcon';\n\nconst useStyles = makeStyles(theme => ({\n  flexCol: {\n    flexGrow: 1,\n    fontSize: '0.875rem',\n    marginLeft: theme.spacing(1),\n  },\n  customTimelineContent: {\n    display: 'flex',\n    borderLeft: '1px solid ' + theme.palette.grey[300],\n    paddingLeft: theme.spacing(3),\n    paddingTop: theme.spacing(0.5),\n    paddingBottom: theme.spacing(0.5),\n    marginLeft: theme.spacing(2.5),\n    alignItems: 'center',\n  },\n  customTimelineContentDate: {\n    marginLeft: theme.spacing(3),\n    marginRight: theme.spacing(2),\n    minWidth: theme.spacing(5),\n    fontWeight: 400,\n    textAlign: 'right',\n    fontSize: '12px',\n  },\n  customTimelineDot: {\n    marginLeft: theme.spacing(-3.55),\n    width: theme.spacing(1),\n    height: theme.spacing(1),\n    backgroundColor: theme.palette.grey[400],\n    borderRadius: '100%',\n  },\n  flexDescription: {\n    fontSize: '0.875rem',\n  },\n}));\n\nexport const FluentTimelineContent = props => {\n  const { data, title, description, date, actions, category } = props;\n  const classes = useStyles();\n  const [openMenu, setOpenMenu] = useState(false);\n  const [anchorEl, setAnchorEl] = useState(null);\n\n  const handlePopoverClick = event => {\n    setOpenMenu(true);\n    setAnchorEl(event.currentTarget);\n  };\n\n  const handlePopoverClose = event => {\n    setOpenMenu(false);\n    setAnchorEl(null);\n  };\n\n  return (\n    <div className={classes.customTimelineContent}>\n      <div className={classes.customTimelineDot} />\n      <Typography variant='body2' noWrap className={classes.flexCol}>\n        {title}\n      </Typography>\n      <Typography variant='body2' noWrap className={classes.flexDescription}>\n        {description}\n      </Typography>\n      <Typography\n        variant='caption'\n        color='textSecondary'\n        className={classes.customTimelineContentDate}\n      >\n        {date}\n      </Typography>\n      {actions?.length > 0 && (\n        <FluentIconButton\n          icon={MoreVerticalIcon}\n          size='small'\n          onClick={handlePopoverClick}\n          id={\n            'udpRecord-FluentTimelineContent-MoreAction-' +\n            category +\n            '-' +\n            typeof title === 'string' && title.replace(/\\s+/g, '')\n          }\n          udprecordid={\n            'udpRecord-FluentTimelineContent-MoreAction-' +\n            category +\n            '-' +\n            typeof title === 'string' && title.replace(/\\s+/g, '')\n          }\n        />\n      )}\n\n      <Popover\n        id='fluentTimelineContentPopover'\n        open={openMenu}\n        anchorEl={anchorEl}\n        onClose={handlePopoverClose}\n        anchorOrigin={{\n          vertical: 'bottom',\n          horizontal: 'right'\n        }}\n        transformOrigin={{\n          vertical: 'top',\n          horizontal: 'right'\n        }}\n      >\n        {actions?.map((action) => (\n          <MenuItem\n            id={\n              'udpRecord-FluentTimelineContent-MenuItem-' +\n              action?.label?.replace(/ /g, '-')\n            }\n            udprecordid={\n              'udpRecord-FluentTimelineContent-MenuItem-' +\n              action?.label?.replace(/ /g, '-')\n            }\n            onClick={() => {\n              if (action.onClick) {\n                action.onClick(data);\n              }\n            }}\n            style={{\n              display: 'flex',\n              justifyContent: 'space-between'\n            }}\n          >\n            <Typography>{action?.label}</Typography>\n            {action?.icon && (\n              <FluentIcon component={action?.icon} style={{ marginLeft: 7 }} />\n            )}\n          </MenuItem>\n        ))}\n      </Popover>\n    </div>\n  );\n};\n","import React from 'react';\nimport { FluentTimelineHeader } from './FluentTimelineHeader';\nimport { FluentTimelineContent } from './FluentTimelineContent';\n\nexport const FluentTimeline = (props) => {\n  const { data, dataConfig, actions } = props;\n\n  return (\n    <div>\n      {data?.map((timeline) => (\n        <>\n          <FluentTimelineHeader\n            title={timeline?.[dataConfig?.type]}\n            date={timeline?.[dataConfig?.typeDate]}\n            iconName={timeline?.[dataConfig?.typeIconName]}\n          />\n          {timeline?.[dataConfig?.events]?.map((item) => (\n            <FluentTimelineContent\n              data={item}\n              title={item?.[dataConfig?.eventTitle]}\n              description={item?.[dataConfig?.eventDescription]}\n              date={item?.[dataConfig?.eventDate]}\n              actions={actions}\n              category={timeline?.[dataConfig?.type]}\n            />\n          ))}\n        </>\n      ))}\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"FluentTimeline-ExazqTRJ.js","names":["useStyles"],"sources":["../src/UI/timeline/fluentTimeline/FluentTimelineHeader.jsx","../src/UI/timeline/fluentTimeline/FluentTimelineContent.jsx","../src/UI/timeline/fluentTimeline/FluentTimeline.jsx"],"sourcesContent":["import React from 'react';\nimport { Typography, Avatar, makeStyles, alpha } from '@material-ui/core';\nimport { UnityFluentIcon } from '../../../utilities/iconLibrary/UnityFluentIcon';\nimport { getIconFromName } from '../../../utilities/tree/TreeUtilities';\n\nconst useStyles = makeStyles((theme) => ({\n  customTimelineHeader: {\n    backgroundColor: alpha(theme.palette.secondary.main, 0.1),\n    borderRadius: theme.spacing(4),\n    padding: theme.spacing(0.5, 2, 0.5, 0.5),\n    display: 'flex',\n    alignItems: 'center'\n  },\n  customTimelineHeaderAvatar: {\n    marginRight: theme.spacing(1),\n    height: theme.spacing(4),\n    width: theme.spacing(4)\n  },\n  flexDescription: {\n    fontSize: '0.875rem',\n    marginLeft: theme.spacing(2)\n  }\n}));\n\nexport const FluentTimelineHeader = (props) => {\n  const { title, date, iconName } = props;\n  const classes = useStyles();\n\n  return (\n    <div className={classes.customTimelineHeader}>\n      <Avatar className={classes.customTimelineHeaderAvatar}>\n        <UnityFluentIcon\n          size='medium'\n          icon={getIconFromName(iconName ?? 'PageListIcon')}\n          type=''\n        />\n      </Avatar>\n      <Typography variant='subtitle2'>{title}</Typography>\n      <Typography\n        variant='caption'\n        color='textSecondary'\n        className={classes.flexDescription}\n      >\n        {date}\n      </Typography>\n    </div>\n  );\n};\n","import React, { useState } from 'react';\nimport { Typography, makeStyles, Popover, MenuItem } from '@material-ui/core';\nimport { FluentIconButton } from '../../inputs/buttons/FluentIconButton';\nimport { MoreVerticalIcon } from '@fluentui/react-icons';\nimport { FluentIcon } from '../../../utilities/iconLibrary/FluentIcon';\n\nconst useStyles = makeStyles(theme => ({\n  flexCol: {\n    flexGrow: 1,\n    fontSize: '0.875rem',\n    marginLeft: theme.spacing(1),\n  },\n  customTimelineContent: {\n    display: 'flex',\n    borderLeft: '1px solid ' + theme.palette.grey[300],\n    paddingLeft: theme.spacing(3),\n    paddingTop: theme.spacing(0.5),\n    paddingBottom: theme.spacing(0.5),\n    marginLeft: theme.spacing(2.5),\n    alignItems: 'center',\n  },\n  customTimelineContentDate: {\n    marginLeft: theme.spacing(3),\n    marginRight: theme.spacing(2),\n    minWidth: theme.spacing(5),\n    fontWeight: 400,\n    textAlign: 'right',\n    fontSize: '12px',\n  },\n  customTimelineDot: {\n    marginLeft: theme.spacing(-3.55),\n    width: theme.spacing(1),\n    height: theme.spacing(1),\n    backgroundColor: theme.palette.grey[400],\n    borderRadius: '100%',\n  },\n  flexDescription: {\n    fontSize: '0.875rem',\n  },\n}));\n\nexport const FluentTimelineContent = props => {\n  const { data, title, description, date, actions, category } = props;\n  const classes = useStyles();\n  const [openMenu, setOpenMenu] = useState(false);\n  const [anchorEl, setAnchorEl] = useState(null);\n\n  const handlePopoverClick = event => {\n    setOpenMenu(true);\n    setAnchorEl(event.currentTarget);\n  };\n\n  const handlePopoverClose = event => {\n    setOpenMenu(false);\n    setAnchorEl(null);\n  };\n\n  return (\n    <div className={classes.customTimelineContent}>\n      <div className={classes.customTimelineDot} />\n      <Typography variant='body2' noWrap className={classes.flexCol}>\n        {title}\n      </Typography>\n      <Typography variant='body2' noWrap className={classes.flexDescription}>\n        {description}\n      </Typography>\n      <Typography\n        variant='caption'\n        color='textSecondary'\n        className={classes.customTimelineContentDate}\n      >\n        {date}\n      </Typography>\n      {actions?.length > 0 && (\n        <FluentIconButton\n          icon={MoreVerticalIcon}\n          size='small'\n          onClick={handlePopoverClick}\n          id={\n            'udpRecord-FluentTimelineContent-MoreAction-' +\n            category +\n            '-' +\n            typeof title === 'string' && title.replace(/\\s+/g, '')\n          }\n          udprecordid={\n            'udpRecord-FluentTimelineContent-MoreAction-' +\n            category +\n            '-' +\n            typeof title === 'string' && title.replace(/\\s+/g, '')\n          }\n        />\n      )}\n\n      <Popover\n        id='fluentTimelineContentPopover'\n        open={openMenu}\n        anchorEl={anchorEl}\n        onClose={handlePopoverClose}\n        anchorOrigin={{\n          vertical: 'bottom',\n          horizontal: 'right'\n        }}\n        transformOrigin={{\n          vertical: 'top',\n          horizontal: 'right'\n        }}\n      >\n        {actions?.map((action) => (\n          <MenuItem\n            id={\n              'udpRecord-FluentTimelineContent-MenuItem-' +\n              action?.label?.replace(/ /g, '-')\n            }\n            udprecordid={\n              'udpRecord-FluentTimelineContent-MenuItem-' +\n              action?.label?.replace(/ /g, '-')\n            }\n            onClick={() => {\n              if (action.onClick) {\n                action.onClick(data);\n              }\n            }}\n            style={{\n              display: 'flex',\n              justifyContent: 'space-between'\n            }}\n          >\n            <Typography>{action?.label}</Typography>\n            {action?.icon && (\n              <FluentIcon component={action?.icon} style={{ marginLeft: 7 }} />\n            )}\n          </MenuItem>\n        ))}\n      </Popover>\n    </div>\n  );\n};\n","import React from 'react';\nimport { FluentTimelineHeader } from './FluentTimelineHeader';\nimport { FluentTimelineContent } from './FluentTimelineContent';\n\nexport const FluentTimeline = (props) => {\n  const { data, dataConfig, actions } = props;\n\n  return (\n    <div>\n      {data?.map((timeline) => (\n        <>\n          <FluentTimelineHeader\n            title={timeline?.[dataConfig?.type]}\n            date={timeline?.[dataConfig?.typeDate]}\n            iconName={timeline?.[dataConfig?.typeIconName]}\n          />\n          {timeline?.[dataConfig?.events]?.map((item) => (\n            <FluentTimelineContent\n              data={item}\n              title={item?.[dataConfig?.eventTitle]}\n              description={item?.[dataConfig?.eventDescription]}\n              date={item?.[dataConfig?.eventDate]}\n              actions={actions}\n              category={timeline?.[dataConfig?.type]}\n            />\n          ))}\n        </>\n      ))}\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/{IconRenderer-BB7NMX-b.js → IconRenderer-DAfBq9qv.js}

@@ -1,5 +1,5 @@
 import { t as UnityFluentIcon } from "./UnityFluentIcon-DkZ-zXku.js";
-import { S as getIconFromName } from "./TreeUtilities-BnHT4nq0.js";
+import { S as getIconFromName } from "./TreeUtilities-DWgARig7.js";
 import { t as getUnityIconFromName } from "./UnityIconLibrary-CjIwzfjv.js";
 import React from "react";
 import { darken, makeStyles, useTheme } from "@material-ui/core";
@@ -40,4 +40,4 @@ const IconRenderer = (props) => {
 
 //#endregion
 export { IconRenderer as t };
-//# sourceMappingURL=IconRenderer-BB7NMX-b.js.map
+//# sourceMappingURL=IconRenderer-DAfBq9qv.js.map

package/dist/{IconRenderer-BB7NMX-b.js.map → IconRenderer-DAfBq9qv.js.map}

@@ -1 +1 @@
-{"version":3,"file":"IconRenderer-BB7NMX-b.js","names":[],"sources":["../src/UI/templates/ui/renderers/IconRenderer.jsx"],"sourcesContent":["import React from 'react';\nimport { makeStyles, useTheme, darken } from '@material-ui/core';\nimport { UnityFluentIcon } from '../../../../utilities/iconLibrary/UnityFluentIcon';\nimport { getUnityIconFromName } from '../../../../utilities/iconLibrary/UnityIconLibrary';\nimport { getIconFromName } from '../../../../utilities/tree/TreeUtilities';\nimport clsx from 'clsx';\n\nconst useStyles = makeStyles((theme) => ({\n  iconContainer: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    borderRadius: 50,\n    marginTop: theme.spacing(0.5),\n    marginBottom: theme.spacing(0.5),\n    marginRight: (props) => !props?.removeMargin && theme.spacing(1),\n    width: theme.spacing(4),\n    height: theme.spacing(4),\n    backgroundColor: '#ffffff'\n  },\n  border: {\n    border: (props) =>\n      props?.color?.hex\n        ? `1px solid ${darken(props?.color?.hex, 0.1)}`\n        : `1px solid ${theme.palette.secondary.main}`\n  }\n}));\n\n/**\n * IconRenderer\n */\nexport const IconRenderer = (props) => {\n  const { value, noBorder, removeContainer } = props;\n  const { color, name, type } = value;\n\n  const classes = useStyles(value);\n  const theme = useTheme(props);\n\n  return (\n    <div\n      className={clsx(\n        !removeContainer && classes.iconContainer,\n        !noBorder && classes.border\n      )}\n    >\n      <UnityFluentIcon\n        size='medium'\n        color={color?.hex || theme.palette.secondary.main}\n        type={type}\n        icon={\n          type === 'unity' ? getUnityIconFromName(name) : getIconFromName(name)\n        }\n        style={{\n          color: color?.hex\n            ? darken(color?.hex, 0.1)\n            : theme.palette.secondary.main\n        }}\n      />\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;AAOA,MAAM,YAAY,YAAY,WAAW;CACvC,eAAe;EACb,SAAS;EACT,YAAY;EACZ,gBAAgB;EAChB,cAAc;EACd,WAAW,MAAM,QAAQ,GAAI;EAC7B,cAAc,MAAM,QAAQ,GAAI;EAChC,cAAc,UAAU,CAAC,OAAO,gBAAgB,MAAM,QAAQ,EAAE;EAChE,OAAO,MAAM,QAAQ,EAAE;EACvB,QAAQ,MAAM,QAAQ,EAAE;EACxB,iBAAiB;EAClB;CACD,QAAQ,EACN,SAAS,UACP,OAAO,OAAO,MACV,aAAa,OAAO,OAAO,OAAO,KAAK,GAAI,KAC3C,aAAa,MAAM,QAAQ,UAAU,QAC5C;CACF,EAAE;;;;AAKH,MAAa,gBAAgB,UAAU;CACrC,MAAM,EAAE,OAAO,UAAU,oBAAoB;CAC7C,MAAM,EAAE,OAAO,MAAM,SAAS;CAE9B,MAAM,UAAU,UAAU,MAAM;CAChC,MAAM,QAAQ,SAAS,MAAM;AAE7B,QACE,oCAAC,SACC,WAAW,KACT,CAAC,mBAAmB,QAAQ,eAC5B,CAAC,YAAY,QAAQ,OACtB,IAED,oCAAC;EACC,MAAK;EACL,OAAO,OAAO,OAAO,MAAM,QAAQ,UAAU;EACvC;EACN,MACE,SAAS,UAAU,qBAAqB,KAAK,GAAG,gBAAgB,KAAK;EAEvE,OAAO,EACL,OAAO,OAAO,MACV,OAAO,OAAO,KAAK,GAAI,GACvB,MAAM,QAAQ,UAAU,MAC7B;GACD,CACE"}
+{"version":3,"file":"IconRenderer-DAfBq9qv.js","names":[],"sources":["../src/UI/templates/ui/renderers/IconRenderer.jsx"],"sourcesContent":["import React from 'react';\nimport { makeStyles, useTheme, darken } from '@material-ui/core';\nimport { UnityFluentIcon } from '../../../../utilities/iconLibrary/UnityFluentIcon';\nimport { getUnityIconFromName } from '../../../../utilities/iconLibrary/UnityIconLibrary';\nimport { getIconFromName } from '../../../../utilities/tree/TreeUtilities';\nimport clsx from 'clsx';\n\nconst useStyles = makeStyles((theme) => ({\n  iconContainer: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    borderRadius: 50,\n    marginTop: theme.spacing(0.5),\n    marginBottom: theme.spacing(0.5),\n    marginRight: (props) => !props?.removeMargin && theme.spacing(1),\n    width: theme.spacing(4),\n    height: theme.spacing(4),\n    backgroundColor: '#ffffff'\n  },\n  border: {\n    border: (props) =>\n      props?.color?.hex\n        ? `1px solid ${darken(props?.color?.hex, 0.1)}`\n        : `1px solid ${theme.palette.secondary.main}`\n  }\n}));\n\n/**\n * IconRenderer\n */\nexport const IconRenderer = (props) => {\n  const { value, noBorder, removeContainer } = props;\n  const { color, name, type } = value;\n\n  const classes = useStyles(value);\n  const theme = useTheme(props);\n\n  return (\n    <div\n      className={clsx(\n        !removeContainer && classes.iconContainer,\n        !noBorder && classes.border\n      )}\n    >\n      <UnityFluentIcon\n        size='medium'\n        color={color?.hex || theme.palette.secondary.main}\n        type={type}\n        icon={\n          type === 'unity' ? getUnityIconFromName(name) : getIconFromName(name)\n        }\n        style={{\n          color: color?.hex\n            ? darken(color?.hex, 0.1)\n            : theme.palette.secondary.main\n        }}\n      />\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;AAOA,MAAM,YAAY,YAAY,WAAW;CACvC,eAAe;EACb,SAAS;EACT,YAAY;EACZ,gBAAgB;EAChB,cAAc;EACd,WAAW,MAAM,QAAQ,GAAI;EAC7B,cAAc,MAAM,QAAQ,GAAI;EAChC,cAAc,UAAU,CAAC,OAAO,gBAAgB,MAAM,QAAQ,EAAE;EAChE,OAAO,MAAM,QAAQ,EAAE;EACvB,QAAQ,MAAM,QAAQ,EAAE;EACxB,iBAAiB;EAClB;CACD,QAAQ,EACN,SAAS,UACP,OAAO,OAAO,MACV,aAAa,OAAO,OAAO,OAAO,KAAK,GAAI,KAC3C,aAAa,MAAM,QAAQ,UAAU,QAC5C;CACF,EAAE;;;;AAKH,MAAa,gBAAgB,UAAU;CACrC,MAAM,EAAE,OAAO,UAAU,oBAAoB;CAC7C,MAAM,EAAE,OAAO,MAAM,SAAS;CAE9B,MAAM,UAAU,UAAU,MAAM;CAChC,MAAM,QAAQ,SAAS,MAAM;AAE7B,QACE,oCAAC,SACC,WAAW,KACT,CAAC,mBAAmB,QAAQ,eAC5B,CAAC,YAAY,QAAQ,OACtB,IAED,oCAAC;EACC,MAAK;EACL,OAAO,OAAO,OAAO,MAAM,QAAQ,UAAU;EACvC;EACN,MACE,SAAS,UAAU,qBAAqB,KAAK,GAAG,gBAAgB,KAAK;EAEvE,OAAO,EACL,OAAO,OAAO,MACV,OAAO,OAAO,KAAK,GAAI,GACvB,MAAM,QAAQ,UAAU,MAC7B;GACD,CACE"}

package/dist/{MenuPage-BhPLgI_i.js → MenuPage-BtPJFNys.js}

@@ -2,14 +2,14 @@ import { t as ConfigService } from "./configService-C4uoG3wj.js";
 import { t as useUser } from "./useUser-wpHGo6jU.js";
 import { M as TreeViewModeEnums } from "./unitySystemEnums-DQSkCr3D.js";
 import { n as useShellStore } from "./shellStore-C8zfPsZ-.js";
-import { H as transformMenuPageTree } from "./TreeUtilities-BnHT4nq0.js";
+import { H as transformMenuPageTree } from "./TreeUtilities-DWgARig7.js";
 import { t as useAxiosGet } from "./useAxiosGet-BMoXHfLN.js";
 import { t as useSetLocationState } from "./useSetLocationState-Kvcc9BTb.js";
 import { t as PageContainer } from "./PageContainer-C76IH-3L.js";
 import { n as useBuildEnvironment, t as APP_RIBBON_SPACE } from "./useBuildEnvironment-2gdqpmBX.js";
 import { t as NodeLoader } from "./NodeLoader-BtOQQiwA.js";
 import { t as UtilitySideBar } from "./UtilitySideBar-XdGlkgZz.js";
-import { t as BaseTreeMenu } from "./BaseTreeMenu-sWv-qaul.js";
+import { t as BaseTreeMenu } from "./BaseTreeMenu-C3azNZ0b.js";
 import React, { useCallback, useEffect, useRef, useState } from "react";
 import { makeStyles } from "@material-ui/core";
 import { Prompt, useHistory, useLocation } from "react-router-dom";
@@ -248,4 +248,4 @@ var MenuPage_default = MenuPage;
 
 //#endregion
 export { MenuPage_default as t };
-//# sourceMappingURL=MenuPage-BhPLgI_i.js.map
+//# sourceMappingURL=MenuPage-BtPJFNys.js.map

package/dist/{MenuPage-BhPLgI_i.js.map → MenuPage-BtPJFNys.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MenuPage-BhPLgI_i.js","names":[],"sources":["../src/menuPage/MenuPage.jsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react';\nimport { useHistory, useLocation, Prompt } from 'react-router-dom';\nimport { useAxiosGet } from '../utilities/useAxiosGet';\nimport { UtilitySideBar } from '../UI/utilityDisplay/UtilitySideBar';\nimport { makeStyles } from '@material-ui/core';\nimport { PageContainer } from '../page/PageContainer';\nimport { transformMenuPageTree } from '../utilities/tree/TreeUtilities';\nimport { BaseTreeMenu } from '../treeMenu/BaseTreeMenu';\nimport { TreeViewModeEnums } from '../enums/unitySystemEnums';\nimport { DndProvider } from 'react-dnd';\nimport { HTML5Backend } from 'react-dnd-html5-backend';\nimport { useUser } from '../utilities/auth/useUser';\nimport { useShellStore } from '../stores/shellStore';\nimport { NodeLoader } from '../UI/feedback/NodeLoader';\nimport {\n  APP_RIBBON_SPACE,\n  useBuildEnvironment\n} from '../shell/ui/useBuildEnvironment';\nimport { useSetLocationState } from '../hooks/useSetLocationState';\nimport { useTranslation } from 'react-i18next';\nimport { ConfigService } from '../configService';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    flex: 1,\n    minHeight: ({ appRibbonSpace }) => `calc(100vh - ${appRibbonSpace + 56}px)`,\n    display: 'grid',\n    gridTemplateAreas: ['sidebar content'].map((line) => `\"${line}\"`).join(' '),\n    gridTemplateColumns: 'auto 1fr',\n    gridTemplateRows: 'auto 1fr'\n  },\n  sidebar: {\n    gridArea: 'sidebar',\n    marginRight: theme.spacing(1)\n  },\n  content: {\n    gridArea: 'content',\n    display: 'flex',\n    flexDirection: 'column',\n    position: 'relative',\n    zIndex: 1,\n    height: ({ appRibbonSpace }) => `calc(100vh - ${appRibbonSpace + 56}px)`,\n    overflowY: 'auto'\n  },\n  menuContent: {\n    marginTop: theme.spacing(1),\n    height: ({ appRibbonSpace }) => `calc(100vh - ${appRibbonSpace + 116}px)`,\n    overflowX: 'hidden'\n  },\n  loader: {\n    marginRight: theme.spacing(1),\n    marginLeft: theme.spacing(1)\n  },\n  loadingContent: {\n    flex: 1,\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n    justifyContent: 'center'\n  }\n}));\n\nconst MenuPage = (props) => {\n  const buildEnv = useBuildEnvironment();\n  const classes = useStyles({\n    ...props,\n    appRibbonSpace: buildEnv ? APP_RIBBON_SPACE : 0\n  });\n  const history = useHistory();\n  const location = useLocation();\n  const user = useUser();\n  const { t } = useTranslation();\n  const setLocationState = useSetLocationState();\n  // Allow callers to provide an innerMenu directly (CustomMenuPage wrapper)\n  const {\n    innerMenuOverride,\n    mainContent,\n    menuTitle,\n    allowMissingPageParam = false\n  } = props;\n\n  const [menuItemsList, setMenuItemsList] = useState([]); // holds a list of trees\n  const [selectedNode, setSelectedNode] = useState(null);\n  const [sidebarExpanded, setSidebarExpanded] = useState(true);\n  const [hasUnsavedChanges, setHasUnsavedChanges] = useState(false);\n  // Just the menuInstanceId for an inner menu\n  const innerMenuId = location.pathname.replace('/menupage/', '');\n\n  const prevInnerMenuId = useRef(innerMenuId);\n\n  const [{ data: fetchedInnerMenu, loading: menuLoading }] = useAxiosGet(\n    ConfigService.tenantV1ApiUrl,\n    `menus/${innerMenuId}`,\n    {},\n    !innerMenuId,\n    false\n  );\n\n  const innerMenu = innerMenuOverride ?? fetchedInnerMenu;\n\n  const { setSubHeaderActionHasChildren, setNavigationExpanded } =\n    useShellStore();\n\n  const [{ data: pageData, loading: pageLoading, error: pageError }] =\n    useAxiosGet(\n      ConfigService.tenantV1ApiUrl,\n      `page/${selectedNode?.properties?.page?.id}`,\n      {},\n      !selectedNode?.properties?.page?.id,\n      false\n    );\n\n  const handleSelectedNode = useCallback(\n    (node, menuIndex) => {\n      if (allowMissingPageParam) {\n        const firstNode = menuItemsList?.[0];\n        if (firstNode && String(node?.id) === String(firstNode.id)) {\n          // If there is an existing query string, normalize back to the base path\n          if (location.search) {\n            history.replace({\n              pathname: location.pathname,\n              search: ''\n            });\n          }\n          setSelectedNode(node);\n          setHasUnsavedChanges(false);\n          return;\n        }\n      }\n\n      const searchParams = new URLSearchParams(location.search);\n      searchParams.set('page', node.id);\n\n      history.push({\n        pathname: location.pathname,\n        search: searchParams.toString()\n      });\n      setSelectedNode(node);\n      setHasUnsavedChanges(false);\n    },\n    [history, location, allowMissingPageParam, menuItemsList]\n  );\n\n  const handleDropNode = useCallback(\n    (sourceNode, targetNode, sourceNodeMenuIndex, targetNodeMenuIndex) => {\n      // TODO: Implement if we need to for next Phase\n    },\n    []\n  );\n\n  const handleSidebarExpandClick = useCallback(() => {\n    setSidebarExpanded((expanded) => !expanded);\n  }, []);\n\n  const findNodeById = useCallback((node, id) => {\n    if (!node) return null;\n    if (node.id.toString() === id) return node;\n    if (node.children) {\n      for (const child of node.children) {\n        const found = findNodeById(child, id);\n        if (found) return found;\n      }\n    }\n    return null;\n  }, []);\n\n  useEffect(() => {\n    const searchParams = new URLSearchParams(location.search);\n    const pageId = searchParams.get('page');\n    if (pageId && menuItemsList.length > 0) {\n      // Search all root menu trees for the node\n      let node = null;\n      for (const tree of menuItemsList) {\n        node = findNodeById(tree, pageId);\n        if (node) break;\n      }\n      if (node && node.id !== selectedNode?.id) {\n        setSelectedNode(node);\n        setHasUnsavedChanges(false);\n      }\n    }\n  }, [location.search, menuItemsList, findNodeById, selectedNode]);\n\n  useEffect(() => {\n    const mainPageIdChanged = prevInnerMenuId.current !== innerMenuId;\n\n    if (innerMenu) {\n      const list = [];\n      innerMenu.menuItemInstanceStructureViews.forEach((menuInstance) => {\n        const updatedMenu = transformMenuPageTree(menuInstance);\n        if (updatedMenu) {\n          list.push(updatedMenu);\n        }\n      });\n      setMenuItemsList(list);\n\n      // Find the node matching the current page param\n      const searchParams = new URLSearchParams(location.search);\n      const pageId = searchParams.get('page');\n      let nodeToSelect = null;\n\n      if (pageId && list.length > 0) {\n        // Try to find the node with this id\n        for (const tree of list) {\n          nodeToSelect = findNodeById(tree, pageId);\n          if (nodeToSelect) break;\n        }\n      }\n\n      // If we found a node, select it. If not, select the first node.\n      if (nodeToSelect) {\n        setSelectedNode(nodeToSelect);\n        setHasUnsavedChanges(false);\n        setNavigationExpanded(false);\n      } else if (list.length > 0) {\n        const firstNode = list[0];\n        if (allowMissingPageParam) {\n          // Do not modify URL when missing page param; select first node only.\n          setSelectedNode(firstNode);\n          setHasUnsavedChanges(false);\n          setNavigationExpanded(false);\n        } else {\n          // No valid page param, select first node and update URL\n          searchParams.set('page', firstNode.id);\n          history.replace({\n            pathname: location.pathname,\n            search: searchParams.toString()\n          });\n          setSelectedNode(firstNode);\n          setHasUnsavedChanges(false);\n          setNavigationExpanded(false);\n        }\n      }\n    }\n    prevInnerMenuId.current = innerMenuId;\n  }, [\n    innerMenu,\n    setNavigationExpanded,\n    history,\n    location,\n    innerMenuId,\n    findNodeById,\n    allowMissingPageParam\n  ]);\n\n  useEffect(() => {\n    setSubHeaderActionHasChildren(false);\n  }, [setSubHeaderActionHasChildren]);\n\n  // Setting location state label so that if this page was saved to favorites\n  // we can determine the bread crumb\n  useEffect(() => {\n    if (innerMenu) {\n      setLocationState({ label: t(innerMenu?.name) });\n    }\n  }, [setLocationState, t, innerMenu]);\n\n  return (\n    <DndProvider backend={HTML5Backend}>\n      <Prompt\n        when={hasUnsavedChanges}\n        message='You have unsaved changes. Are you sure you want to leave this page?'\n      />\n      <div className={classes.root}>\n        <div className={classes.sidebar}>\n          <UtilitySideBar\n            title={innerMenu?.name || menuTitle}\n            isUsingChildren={true}\n            resizable={true}\n            removePadding={true}\n            removeTopLayoutUnit={true}\n            onUtilitySidebarToggleExpandClick={handleSidebarExpandClick}\n            collapsedWidth={64}\n          >\n            <div className={classes.menuContent} key={innerMenuId}>\n              {menuItemsList?.length > 0 &&\n                !menuLoading &&\n                menuItemsList.map((menuItems, index) => (\n                  <div key={menuItems.id} className={classes.nodeContainer}>\n                    <BaseTreeMenu\n                      menuItems={menuItems}\n                      onSelectNode={handleSelectedNode}\n                      onDropNode={handleDropNode}\n                      menuIndex={index}\n                      selectedNodeId={selectedNode?.id}\n                      selectedNodeParentId={selectedNode?.parentId}\n                      sidebarExpanded={sidebarExpanded}\n                      treeViewMode={TreeViewModeEnums.Classic}\n                    />\n                  </div>\n                ))}\n              {menuLoading && (\n                <div className={classes.loader}>\n                  <NodeLoader loading={menuLoading} />\n                </div>\n              )}\n            </div>\n          </UtilitySideBar>\n        </div>\n        <div className={classes.content}>\n          {mainContent ? (\n            typeof mainContent === 'function'\n              ? mainContent({ selectedNode, menuItemsList })\n              : mainContent\n          ) : (\n            selectedNode?.properties?.page?.id && (\n              <PageContainer\n                user={user}\n                key={selectedNode?.id}\n                pageData={pageData}\n                pageLoading={pageLoading}\n                widgetParams={{\n                  pageId: pageData?.pageId,\n                  entityName: selectedNode?.properties?.page?.entity?.entityName,\n                  pbiReportCode: selectedNode?.properties?.page?.pbiReportCode,\n                  requiredFieldsMap:\n                    selectedNode?.properties?.page?.requiredFieldMapping,\n                  udpTagId: selectedNode?.properties?.page?.udpTagId,\n                  queryId: selectedNode?.properties?.page?.queryId,\n                  inquiryTreeId: selectedNode?.properties?.page?.inquiryTreeId,\n                  setHasUnsavedChanges: setHasUnsavedChanges\n                }}\n                disableMargins={true}\n                fromMenu={true}\n              />\n            )\n          )}\n        </div>\n      </div>\n    </DndProvider>\n  );\n};\n\nexport default MenuPage;\n"],"mappings":"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"}
+{"version":3,"file":"MenuPage-BtPJFNys.js","names":[],"sources":["../src/menuPage/MenuPage.jsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react';\nimport { useHistory, useLocation, Prompt } from 'react-router-dom';\nimport { useAxiosGet } from '../utilities/useAxiosGet';\nimport { UtilitySideBar } from '../UI/utilityDisplay/UtilitySideBar';\nimport { makeStyles } from '@material-ui/core';\nimport { PageContainer } from '../page/PageContainer';\nimport { transformMenuPageTree } from '../utilities/tree/TreeUtilities';\nimport { BaseTreeMenu } from '../treeMenu/BaseTreeMenu';\nimport { TreeViewModeEnums } from '../enums/unitySystemEnums';\nimport { DndProvider } from 'react-dnd';\nimport { HTML5Backend } from 'react-dnd-html5-backend';\nimport { useUser } from '../utilities/auth/useUser';\nimport { useShellStore } from '../stores/shellStore';\nimport { NodeLoader } from '../UI/feedback/NodeLoader';\nimport {\n  APP_RIBBON_SPACE,\n  useBuildEnvironment\n} from '../shell/ui/useBuildEnvironment';\nimport { useSetLocationState } from '../hooks/useSetLocationState';\nimport { useTranslation } from 'react-i18next';\nimport { ConfigService } from '../configService';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    flex: 1,\n    minHeight: ({ appRibbonSpace }) => `calc(100vh - ${appRibbonSpace + 56}px)`,\n    display: 'grid',\n    gridTemplateAreas: ['sidebar content'].map((line) => `\"${line}\"`).join(' '),\n    gridTemplateColumns: 'auto 1fr',\n    gridTemplateRows: 'auto 1fr'\n  },\n  sidebar: {\n    gridArea: 'sidebar',\n    marginRight: theme.spacing(1)\n  },\n  content: {\n    gridArea: 'content',\n    display: 'flex',\n    flexDirection: 'column',\n    position: 'relative',\n    zIndex: 1,\n    height: ({ appRibbonSpace }) => `calc(100vh - ${appRibbonSpace + 56}px)`,\n    overflowY: 'auto'\n  },\n  menuContent: {\n    marginTop: theme.spacing(1),\n    height: ({ appRibbonSpace }) => `calc(100vh - ${appRibbonSpace + 116}px)`,\n    overflowX: 'hidden'\n  },\n  loader: {\n    marginRight: theme.spacing(1),\n    marginLeft: theme.spacing(1)\n  },\n  loadingContent: {\n    flex: 1,\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n    justifyContent: 'center'\n  }\n}));\n\nconst MenuPage = (props) => {\n  const buildEnv = useBuildEnvironment();\n  const classes = useStyles({\n    ...props,\n    appRibbonSpace: buildEnv ? APP_RIBBON_SPACE : 0\n  });\n  const history = useHistory();\n  const location = useLocation();\n  const user = useUser();\n  const { t } = useTranslation();\n  const setLocationState = useSetLocationState();\n  // Allow callers to provide an innerMenu directly (CustomMenuPage wrapper)\n  const {\n    innerMenuOverride,\n    mainContent,\n    menuTitle,\n    allowMissingPageParam = false\n  } = props;\n\n  const [menuItemsList, setMenuItemsList] = useState([]); // holds a list of trees\n  const [selectedNode, setSelectedNode] = useState(null);\n  const [sidebarExpanded, setSidebarExpanded] = useState(true);\n  const [hasUnsavedChanges, setHasUnsavedChanges] = useState(false);\n  // Just the menuInstanceId for an inner menu\n  const innerMenuId = location.pathname.replace('/menupage/', '');\n\n  const prevInnerMenuId = useRef(innerMenuId);\n\n  const [{ data: fetchedInnerMenu, loading: menuLoading }] = useAxiosGet(\n    ConfigService.tenantV1ApiUrl,\n    `menus/${innerMenuId}`,\n    {},\n    !innerMenuId,\n    false\n  );\n\n  const innerMenu = innerMenuOverride ?? fetchedInnerMenu;\n\n  const { setSubHeaderActionHasChildren, setNavigationExpanded } =\n    useShellStore();\n\n  const [{ data: pageData, loading: pageLoading, error: pageError }] =\n    useAxiosGet(\n      ConfigService.tenantV1ApiUrl,\n      `page/${selectedNode?.properties?.page?.id}`,\n      {},\n      !selectedNode?.properties?.page?.id,\n      false\n    );\n\n  const handleSelectedNode = useCallback(\n    (node, menuIndex) => {\n      if (allowMissingPageParam) {\n        const firstNode = menuItemsList?.[0];\n        if (firstNode && String(node?.id) === String(firstNode.id)) {\n          // If there is an existing query string, normalize back to the base path\n          if (location.search) {\n            history.replace({\n              pathname: location.pathname,\n              search: ''\n            });\n          }\n          setSelectedNode(node);\n          setHasUnsavedChanges(false);\n          return;\n        }\n      }\n\n      const searchParams = new URLSearchParams(location.search);\n      searchParams.set('page', node.id);\n\n      history.push({\n        pathname: location.pathname,\n        search: searchParams.toString()\n      });\n      setSelectedNode(node);\n      setHasUnsavedChanges(false);\n    },\n    [history, location, allowMissingPageParam, menuItemsList]\n  );\n\n  const handleDropNode = useCallback(\n    (sourceNode, targetNode, sourceNodeMenuIndex, targetNodeMenuIndex) => {\n      // TODO: Implement if we need to for next Phase\n    },\n    []\n  );\n\n  const handleSidebarExpandClick = useCallback(() => {\n    setSidebarExpanded((expanded) => !expanded);\n  }, []);\n\n  const findNodeById = useCallback((node, id) => {\n    if (!node) return null;\n    if (node.id.toString() === id) return node;\n    if (node.children) {\n      for (const child of node.children) {\n        const found = findNodeById(child, id);\n        if (found) return found;\n      }\n    }\n    return null;\n  }, []);\n\n  useEffect(() => {\n    const searchParams = new URLSearchParams(location.search);\n    const pageId = searchParams.get('page');\n    if (pageId && menuItemsList.length > 0) {\n      // Search all root menu trees for the node\n      let node = null;\n      for (const tree of menuItemsList) {\n        node = findNodeById(tree, pageId);\n        if (node) break;\n      }\n      if (node && node.id !== selectedNode?.id) {\n        setSelectedNode(node);\n        setHasUnsavedChanges(false);\n      }\n    }\n  }, [location.search, menuItemsList, findNodeById, selectedNode]);\n\n  useEffect(() => {\n    const mainPageIdChanged = prevInnerMenuId.current !== innerMenuId;\n\n    if (innerMenu) {\n      const list = [];\n      innerMenu.menuItemInstanceStructureViews.forEach((menuInstance) => {\n        const updatedMenu = transformMenuPageTree(menuInstance);\n        if (updatedMenu) {\n          list.push(updatedMenu);\n        }\n      });\n      setMenuItemsList(list);\n\n      // Find the node matching the current page param\n      const searchParams = new URLSearchParams(location.search);\n      const pageId = searchParams.get('page');\n      let nodeToSelect = null;\n\n      if (pageId && list.length > 0) {\n        // Try to find the node with this id\n        for (const tree of list) {\n          nodeToSelect = findNodeById(tree, pageId);\n          if (nodeToSelect) break;\n        }\n      }\n\n      // If we found a node, select it. If not, select the first node.\n      if (nodeToSelect) {\n        setSelectedNode(nodeToSelect);\n        setHasUnsavedChanges(false);\n        setNavigationExpanded(false);\n      } else if (list.length > 0) {\n        const firstNode = list[0];\n        if (allowMissingPageParam) {\n          // Do not modify URL when missing page param; select first node only.\n          setSelectedNode(firstNode);\n          setHasUnsavedChanges(false);\n          setNavigationExpanded(false);\n        } else {\n          // No valid page param, select first node and update URL\n          searchParams.set('page', firstNode.id);\n          history.replace({\n            pathname: location.pathname,\n            search: searchParams.toString()\n          });\n          setSelectedNode(firstNode);\n          setHasUnsavedChanges(false);\n          setNavigationExpanded(false);\n        }\n      }\n    }\n    prevInnerMenuId.current = innerMenuId;\n  }, [\n    innerMenu,\n    setNavigationExpanded,\n    history,\n    location,\n    innerMenuId,\n    findNodeById,\n    allowMissingPageParam\n  ]);\n\n  useEffect(() => {\n    setSubHeaderActionHasChildren(false);\n  }, [setSubHeaderActionHasChildren]);\n\n  // Setting location state label so that if this page was saved to favorites\n  // we can determine the bread crumb\n  useEffect(() => {\n    if (innerMenu) {\n      setLocationState({ label: t(innerMenu?.name) });\n    }\n  }, [setLocationState, t, innerMenu]);\n\n  return (\n    <DndProvider backend={HTML5Backend}>\n      <Prompt\n        when={hasUnsavedChanges}\n        message='You have unsaved changes. Are you sure you want to leave this page?'\n      />\n      <div className={classes.root}>\n        <div className={classes.sidebar}>\n          <UtilitySideBar\n            title={innerMenu?.name || menuTitle}\n            isUsingChildren={true}\n            resizable={true}\n            removePadding={true}\n            removeTopLayoutUnit={true}\n            onUtilitySidebarToggleExpandClick={handleSidebarExpandClick}\n            collapsedWidth={64}\n          >\n            <div className={classes.menuContent} key={innerMenuId}>\n              {menuItemsList?.length > 0 &&\n                !menuLoading &&\n                menuItemsList.map((menuItems, index) => (\n                  <div key={menuItems.id} className={classes.nodeContainer}>\n                    <BaseTreeMenu\n                      menuItems={menuItems}\n                      onSelectNode={handleSelectedNode}\n                      onDropNode={handleDropNode}\n                      menuIndex={index}\n                      selectedNodeId={selectedNode?.id}\n                      selectedNodeParentId={selectedNode?.parentId}\n                      sidebarExpanded={sidebarExpanded}\n                      treeViewMode={TreeViewModeEnums.Classic}\n                    />\n                  </div>\n                ))}\n              {menuLoading && (\n                <div className={classes.loader}>\n                  <NodeLoader loading={menuLoading} />\n                </div>\n              )}\n            </div>\n          </UtilitySideBar>\n        </div>\n        <div className={classes.content}>\n          {mainContent ? (\n            typeof mainContent === 'function'\n              ? mainContent({ selectedNode, menuItemsList })\n              : mainContent\n          ) : (\n            selectedNode?.properties?.page?.id && (\n              <PageContainer\n                user={user}\n                key={selectedNode?.id}\n                pageData={pageData}\n                pageLoading={pageLoading}\n                widgetParams={{\n                  pageId: pageData?.pageId,\n                  entityName: selectedNode?.properties?.page?.entity?.entityName,\n                  pbiReportCode: selectedNode?.properties?.page?.pbiReportCode,\n                  requiredFieldsMap:\n                    selectedNode?.properties?.page?.requiredFieldMapping,\n                  udpTagId: selectedNode?.properties?.page?.udpTagId,\n                  queryId: selectedNode?.properties?.page?.queryId,\n                  inquiryTreeId: selectedNode?.properties?.page?.inquiryTreeId,\n                  setHasUnsavedChanges: setHasUnsavedChanges\n                }}\n                disableMargins={true}\n                fromMenu={true}\n              />\n            )\n          )}\n        </div>\n      </div>\n    </DndProvider>\n  );\n};\n\nexport default MenuPage;\n"],"mappings":"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"}

package/dist/{MenuPage-DNq_eYJy.js → MenuPage-VDT9iycc.js}

@@ -18,7 +18,7 @@ import "./colors-BONxjrOE.js";
 import "./colorConverter-x64WSLsF.js";
 import "./SearchUtilities-Df1gkDw9.js";
 import "./GroupNode-BxnXH0gG.js";
-import "./TreeUtilities-BnHT4nq0.js";
+import "./TreeUtilities-DWgARig7.js";
 import "./UnityIconLibrary-CjIwzfjv.js";
 import "./teleporterStore-CjUFtATo.js";
 import "./AmbientPopoverMenuItem-BZuX43zJ.js";
@@ -52,7 +52,7 @@ import "./AggregateChip-BF6RL_4_.js";
 import "./SidebarCollapseButton-DarQbYU9.js";
 import "./UtilityBarInport-BWlSEYCI.js";
 import "./UtilitySideBar-XdGlkgZz.js";
-import "./BaseTreeMenu-sWv-qaul.js";
-import { t as MenuPage_default } from "./MenuPage-BhPLgI_i.js";
+import "./BaseTreeMenu-C3azNZ0b.js";
+import { t as MenuPage_default } from "./MenuPage-BtPJFNys.js";
 
 export { MenuPage_default as default };

package/dist/{MttMainTimeline-uB-YMlPd.js → MttMainTimeline-_6Fpr66g.js}

@@ -1,7 +1,7 @@
 import { t as ConfigService } from "./configService-C4uoG3wj.js";
 import { t as apiMutate } from "./useAxiosMutate-q_ZpG98Z.js";
 import { n as formatDataWithTimelineCategoryNameOrderedByDate } from "./mttFunctions-Du5Q0h5k.js";
-import { t as IconRenderer } from "./IconRenderer-BB7NMX-b.js";
+import { t as IconRenderer } from "./IconRenderer-DAfBq9qv.js";
 import { t as MttYearTag } from "./MttYearTag-Cw8OyKTy.js";
 import { a as TimelineWrapper, i as MultiDot, n as TimelinePreloaderNode, o as TimelineNode, r as VisualizationDot, t as DynamicRangeSlider } from "./DynamicRangeSlider-DBM06VuQ.js";
 import React, { memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
@@ -885,4 +885,4 @@ const MttMainTimeline = (props) => {
 
 //#endregion
 export { MttTimeline as n, HeightAdjuster as r, MttMainTimeline as t };
-//# sourceMappingURL=MttMainTimeline-uB-YMlPd.js.map
+//# sourceMappingURL=MttMainTimeline-_6Fpr66g.js.map