udp-react-enterprise-component-library 1.0.4 → 1.0.5-beta.2

package/dist/PageContainer-SljTiaZr.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageContainer-SljTiaZr.js","names":["result: [string, string, TeleporterInstance][]","useStyles","layout: Omit<Layout, 'i' | 'x' | 'y'>","uuid","ResponsiveGridLayout","useStyles","useStyles","useStyles","useStyles","useStyles","useStyles","FUICardHeader","useStyles","useStyles","theme","FUICard","FUIMenuItem","params","layouts","DashboardWidget","useStyles","useStyles","useStyles","currentTabList","result: [string, string, TeleporterInstance][]","useStyles","value","initialState: any","widgetParams","uuid"],"sources":["../src/stores/teleporterStore.ts","../src/UI/inputs/buttons/ToolBarButton.jsx","../src/dashboard/getWidgetLayout.ts","../src/dashboard/DashboardCardGrid.jsx","../src/UI/surfaces/cards/FUICardHeader.jsx","../src/UI/inputs/buttons/FUISquareIconButton.jsx","../src/UI/surfaces/cards/FluentCard.jsx","../src/UI/surfaces/cards/FluentCardContent.jsx","../src/UI/surfaces/cards/FluentCardActions.jsx","../src/UI/surfaces/cards/FUICard.jsx","../src/UI/widgets/FluentComponents/FUIMenuItem.jsx","../src/dashboard/WidgetCard.jsx","../src/dashboard/DashboardWidget.jsx","../src/page/Page.jsx","../src/UI/inputs/buttons/AmbientPopoverMenuItem.jsx","../src/UI/utilityDisplay/utilityHeader/ui/PAHExport.jsx","../src/UI/navigation/tabs/UdpTabs.jsx","../src/UI/utilityDisplay/utilityHeader/ui/teleporter.ts","../src/UI/utilityDisplay/utilityHeader/PrimaryActionHeader.jsx","../src/contexts/PageContext.tsx","../src/hooks/useSetLocationState.js","../src/page/PageContainer.jsx"],"sourcesContent":["import { create } from 'zustand';\nimport { createTeleporter } from 'react-teleporter';\n\ntype TeleporterInstance = ReturnType<typeof createTeleporter>;\n\ntype LocationEntry = {\n  teleporter: TeleporterInstance;\n};\n\ntype TeleporterMap = Map<string, Map<string, LocationEntry>>;\n\ninterface TeleporterStore {\n  teleporterMap: TeleporterMap;\n  getTeleporter: (targetId: string, location: string) => TeleporterInstance;\n  getAllTeleporters: () => [string, string, TeleporterInstance][];\n}\n\nexport const useTeleporterStore = create<TeleporterStore>((set, get) => ({\n  teleporterMap: new Map(),\n\n  getTeleporter: (targetId = '', location) => {\n    const mapCopy = new Map(get().teleporterMap); // clone to maintain reactivity\n    let locationMap = mapCopy.get(targetId);\n\n    if (!locationMap) {\n      locationMap = new Map();\n      mapCopy.set(targetId, locationMap);\n    }\n\n    if (!locationMap.has(location)) {\n      locationMap.set(location, {\n        teleporter: createTeleporter()\n      });\n    }\n\n    const teleporter = locationMap.get(location)!.teleporter;\n\n    // Update store\n    set({ teleporterMap: mapCopy });\n\n    return teleporter;\n  },\n\n  getAllTeleporters: () => {\n    const result: [string, string, TeleporterInstance][] = [];\n    const map = get().teleporterMap;\n\n    for (const [targetId, locationMap] of map.entries()) {\n      for (const [location, entry] of locationMap.entries()) {\n        result.push([targetId, location, entry.teleporter]);\n      }\n    }\n\n    return result;\n  }\n}));\n","import { ButtonBase, makeStyles, Tooltip, Typography } from '@material-ui/core';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nconst useStyles = makeStyles(\n  (theme) => ({\n    root: {\n      borderBottom: (props) =>\n        props.selected && `2px solid ${theme.palette.secondary.main}`\n    },\n    wrapper: {\n      display: 'flex',\n      flexDirection: 'row',\n      marginRight: theme.spacing(2)\n    },\n    icon: {\n      fontSize: 16,\n      width: 16,\n      height: 16,\n      color: theme.palette.secondary.main\n    },\n    iconWrapper: {\n      background: theme.palette.common.white,\n      borderRadius: 100,\n      padding: theme.spacing(1)\n    },\n    label: {\n      marginLeft: theme.spacing(1),\n      fontSize: '0.875rem',\n      '&:hover': { color: theme.palette.secondary.main }\n    }\n  }),\n  { name: 'ToolBarButton' }\n);\n\nexport const ToolBarButton = (props) => {\n  const classes = useStyles(props);\n  const {\n    component: ToolBarComponent,\n    click,\n    label,\n    expanded,\n    aria,\n    icon = true,\n    disabled = false\n  } = props;\n\n  return (\n    <Tooltip\n      title={(expanded && label) || aria || ''}\n      aria-label={label}\n      placement='top'\n      enterDelay={!expanded && 5000}\n    >\n      <ButtonBase\n        classes={{\n          root: classes.root\n          // label: classes.label\n        }}\n        className={classes.wrapper}\n        onClick={click}\n        disableRipple\n        aria-label={aria}\n        disabled={disabled}\n      >\n        {icon && (\n          <div className={classes.iconWrapper}>\n            <ToolBarComponent className={classes.icon} />\n          </div>\n        )}\n\n        <Typography variant='body2' className={classes.label}>\n          {!expanded && label}\n        </Typography>\n      </ButtonBase>\n    </Tooltip>\n  );\n};\n\nToolBarButton.propTypes = {\n  component: PropTypes.func,\n  click: PropTypes.func,\n  label: PropTypes.string,\n  expanded: PropTypes.bool,\n  aria: PropTypes.string,\n  icon: PropTypes.bool\n};\n","import { Layout } from 'react-grid-layout';\nimport { LayoutDimension } from './types';\n\nconst getW = (\n  w: LayoutDimension | undefined\n): Pick<Layout, 'w' | 'minW' | 'maxW'> => {\n  if (typeof w === 'object') {\n    return {\n      w: w.default,\n      minW: w.min,\n      maxW: w.max\n    };\n  }\n\n  if (typeof w === 'number') {\n    return { w };\n  }\n\n  return { w: 2 };\n};\n\nconst getH = (\n  h: LayoutDimension | undefined\n): Pick<Layout, 'h' | 'minH' | 'maxH'> => {\n  if (typeof h === 'object') {\n    return {\n      h: h.default,\n      minH: h.min,\n      maxH: h.max\n    };\n  }\n\n  if (typeof h === 'number') {\n    return { h };\n  }\n\n  return { h: 2 };\n};\n\n/**\n * Get a default layout for widgets of a type\n */\nexport default function getWidgetLayout(\n  getWidget: Function,\n  widgetType: string\n): Omit<Layout, 'i' | 'x' | 'y'> {\n  const { w, h } = (getWidget && getWidget(widgetType)?.layout) ?? {};\n\n  const layout: Omit<Layout, 'i' | 'x' | 'y'> = {\n    ...getW(w),\n    ...getH(h)\n  };\n\n  const wResizable = 'minW' in layout || 'maxW' in layout;\n  const hResizable = 'minH' in layout || 'maxH' in layout;\n  layout.isResizable = wResizable || hResizable;\n\n  return layout;\n}\n","import { v4 as uuid } from 'uuid';\nimport React, { useCallback, useMemo, useRef } from 'react';\nimport { Responsive as ResponsiveGridLayout } from 'react-grid-layout';\nimport { makeStyles, useTheme } from '@material-ui/core';\nimport { useMeasure } from 'react-use';\nimport 'react-grid-layout/css/styles.css';\nimport 'react-resizable/css/styles.css';\nimport { useDragLayer } from 'react-dnd';\nimport getWidgetLayout from './getWidgetLayout.ts';\nimport { useShellStore } from '../stores/shellStore';\n\nconst useStyle = makeStyles(\n  (theme) => ({\n    root: {\n      display: 'flex',\n      flexDirection: 'column',\n      width: '100%',\n      height: '100%',\n      marginBottom: (props) => (props?.disableMargin ? '' : theme.spacing(3))\n    }\n  }),\n  { name: 'DashboardCardGrid' }\n);\n\nconst DASHBOARD_WIDGET = Symbol('DASHBOARD_WIDGET');\n\nconst breakpoints = {\n  xs: 0,\n  xl: 1150\n};\n\nconst breakpointCols = {\n  xs: 4,\n  xl: 4\n};\n\n/**\n * Grid layout for dashboard cards\n */\nconst DashboardCardGrid = (props) => {\n  const classes = useStyle(props);\n  const { children, onCreateCard, gridProperties, ...other } = props;\n  const { getWidget } = useShellStore();\n  const rglRef = useRef();\n  const [ref, { width }] = useMeasure();\n  const theme = useTheme();\n  const { droppingWidgetType } = useDragLayer((monitor) => {\n    if (monitor.getItemType() === DASHBOARD_WIDGET) {\n      const { id: wigetType } = monitor.getItem();\n      return { droppingWidgetType: wigetType };\n    }\n\n    return { droppingWidgetType: null };\n  });\n  const droppingItemLayout = useMemo(() => {\n    if (droppingWidgetType) {\n      return { i: uuid(), ...getWidgetLayout(getWidget, droppingWidgetType) };\n    }\n  }, [getWidget, droppingWidgetType]);\n\n  const drag = useCallback((layout, oldLayoutItem, layoutItem, placeholder) => {\n    // Cards larger than 1 should snap to columns that are a multiple of 2\n    // if (layoutItem.w > 1) {\n    //   // @fixme This affects the visual placeholder, but doesn't actually fix the layout item when its dropped\n    //   placeholder.x = layoutItem.x = Math.floor(layoutItem.x / 2) * 2;\n    // }\n  }, []);\n\n  const resize = useCallback(\n    (layout, oldLayoutItem, layoutItem, placeholder) => {\n      // Widths larger than 1 should be a multiple of 2\n      // The small size of columns is just so we can have small 1x1 tiles that are 1/2 the size of normal cards\n      // if (layoutItem.w > 1) {\n      //   const w = Math.floor(layoutItem.w / 2) * 3;\n      //   layoutItem.w = w;\n      //   placeholder.w = w;\n      // }\n\n      // There is no 3 (i.e. 6) column layout so don't allow cards to be that size either\n      if (layoutItem.w >= 6 && layoutItem.w < 8) {\n        layoutItem.w = 4;\n        placeholder.w = 4;\n      }\n    },\n    []\n  );\n\n  const drop = useCallback(\n    (layout, item) => {\n      if (droppingWidgetType) {\n        const { x, y, w, h } = item;\n        const { breakpoint } = rglRef.current.state;\n        if (onCreateCard)\n          onCreateCard({\n            widgetType: droppingWidgetType,\n            id: uuid(),\n            layout: {\n              [breakpoint]: {\n                x,\n                y,\n                w,\n                h\n              }\n            },\n            params: []\n          });\n      }\n    },\n    [droppingWidgetType, onCreateCard]\n  );\n\n  return (\n    <div ref={ref} className={classes.root}>\n      {width ? (\n        <ResponsiveGridLayout\n          ref={rglRef}\n          {...other}\n          width={width}\n          breakpoints={breakpoints}\n          cols={breakpointCols}\n          rowHeight={128}\n          margin={[theme.spacing(3), theme.spacing(3)]}\n          containerPadding={[0, 0]}\n          draggableHandle='[data-handle]'\n          onDrag={drag}\n          onResize={resize}\n          onDrop={drop}\n          isDroppable={gridProperties?.isDroppable || false}\n          isDraggable={gridProperties?.isDraggable || false}\n          droppingItem={droppingItemLayout}\n          style={{\n            height: '100%'\n          }}\n        >\n          {children}\n        </ResponsiveGridLayout>\n      ) : null}\n    </div>\n  );\n};\n\nexport default DashboardCardGrid;\n","import { makeStyles, Typography } from '@material-ui/core';\nimport clsx from 'clsx';\nimport React, { forwardRef } from 'react';\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    minHeight: 40,\n    paddingLeft: theme.spacing(2),\n    display: 'flex',\n    flexDirection: 'row',\n    alignItems: 'center',\n    borderBottom: `1px solid ${theme.palette.divider}`,\n  },\n  title: {\n    flexGrow: 1,\n  },\n}));\n\nconst FUICardHeader = (props, ref) => {\n  const classes = useStyles(props);\n  const { className, children, headerActions, titleId, ...other } = props;\n\n  return (\n    <div ref={ref} {...other} className={clsx(className, classes.root)}>\n      <Typography id={titleId} className={classes.title}>\n        {children}\n      </Typography>\n      {headerActions}\n    </div>\n  );\n};\n\nexport default forwardRef(FUICardHeader);\n","import { IconButton, makeStyles } from '@material-ui/core';\nimport React from 'react';\n\nconst useStyles = makeStyles(\n  theme => ({\n    root: {\n      borderRadius: 0,\n    },\n  }),\n  { name: 'FUISquareIconButton' }\n);\n\n/**\n * <IconButton> but with a square highlight\n */\nconst FUISquareIconButton = props => {\n  const classes = useStyles(props);\n  return <IconButton {...props} classes={classes} />;\n};\n\nexport default FUISquareIconButton;\n","import React, { forwardRef } from 'react'\n\nimport { makeStyles, Card } from '@material-ui/core'\n\nconst useStyles = makeStyles(\n  {\n    root: {}\n  },\n  { name: 'FluentCard' }\n)\n\n/**\n * A variant of <Card> that uses a square Fluent UI card style\n */\nexport const FluentCard = forwardRef((props, ref) => {\n  const classes = useStyles(props)\n  const { children, ...other } = props\n\n  return (\n    <Card ref={ref} square {...other} classes={classes}>\n      {children}\n    </Card>\n  )\n})\nFluentCard.displayName = 'FluentCard'\n","import React from 'react';\nimport { forwardRef } from 'react';\nimport { makeStyles, CardContent } from '@material-ui/core';\n\nconst useStyles = makeStyles(\n  {\n    root: {},\n  },\n  { name: 'FluentCardContent' }\n);\n\n/**\n * A variant of <CardContent> that uses a Fluent UI card style\n */\nexport const FluentCardContent = forwardRef((props, ref) => {\n  const classes = useStyles(props);\n  const { children, ...other } = props;\n\n  return (\n    <CardContent ref={ref} {...other} classes={classes}>\n      {children}\n    </CardContent>\n  );\n});\nFluentCardContent.displayName = 'FluentCardContent';\n","import React from 'react';\nimport { forwardRef } from 'react';\nimport { makeStyles, CardActions } from '@material-ui/core';\n\nconst useStyles = makeStyles(\n  {\n    root: {},\n    spacing: {},\n  },\n  { name: 'FluentCardActions' }\n);\n\n/**\n * A variant of <CardActions> that uses a Fluent UI card style\n */\nexport const FluentCardActions = forwardRef((props, ref) => {\n  const classes = useStyles(props);\n  const { children, ...other } = props;\n\n  return (\n    <CardActions ref={ref} {...other} classes={classes}>\n      {children}\n    </CardActions>\n  );\n});\nFluentCardActions.displayName = 'FluentCardActions';\n","import { MoreIcon } from '@fluentui/react-icons'\nimport { Button, makeStyles, Menu } from '@material-ui/core'\nimport clsx from 'clsx'\nimport React, { forwardRef } from 'react'\nimport { FluentIcon } from '../../../utilities/FluentIcon'\nimport FUICardHeader from './FUICardHeader'\nimport FUISquareIconButton from '../../inputs/buttons/FUISquareIconButton'\nimport { FluentCard } from './FluentCard'\nimport { FluentCardContent } from './FluentCardContent'\nimport { FluentCardActions } from './FluentCardActions'\nimport useId from '../../widgets/utils/useId'\n\nconst useStyles = makeStyles(\n  (theme) => ({\n    root: {\n      display: 'flex',\n      flexDirection: 'column'\n    },\n    raised: {\n      zIndex: 1\n    },\n    contentArea: {\n      flex: '1 1 auto',\n      minHeight: 0,\n      display: 'flex',\n      flexDirection: 'column'\n    },\n    cardActions: {\n      display: 'flex',\n      flexDirection: 'row',\n      justifyContent: 'flex-start',\n      paddingTop: theme.spacing(1),\n      padding: theme.spacing(2)\n    }\n  }),\n  { name: 'FUICard' }\n)\n\nexport let FUICardAction = (props, ref) => {\n  const { children, ...other } = props\n\n  return (\n    <Button\n      ref={ref}\n      size='small'\n      variant='contained'\n      disableElevation\n      {...other}\n    >\n      {children}\n    </Button>\n  )\n}\nFUICardAction = forwardRef(FUICardAction)\n\nexport let FUICardHeaderMenu = (props, ref) => {\n  const { children } = props\n\n  return (\n    <div\n      button={\n        <FUISquareIconButton>\n          <FluentIcon component={MoreIcon} size='small' />\n        </FUISquareIconButton>\n      }\n      menu={<Menu>{children}</Menu>}\n    />\n  )\n}\nFUICardHeaderMenu = forwardRef(FUICardHeaderMenu)\n\nconst FUICard = (props, ref) => {\n  const classes = useStyles()\n  const {\n    className,\n    children,\n    actions,\n    title,\n    headerActions,\n    CardHeaderProps,\n    CardProps,\n    raised,\n    name,\n    ...cardProps\n  } = props\n  const id = useId(name, cardProps.id)\n  const titleId = `${id}-title`\n\n  return (\n    <FluentCard\n      ref={ref}\n      component='section'\n      aria-labelledby={titleId}\n      {...cardProps}\n      raised={raised}\n      className={clsx(className, raised && classes.raised)}\n      {...CardProps}\n      classes={{ root: classes.root }}\n    >\n      <FUICardHeader\n        titleId={titleId}\n        headerActions={headerActions}\n        {...CardHeaderProps}\n      >\n        {title}\n      </FUICardHeader>\n      <FluentCardContent className={classes.contentArea}>\n        {children}\n      </FluentCardContent>\n      {actions && (\n        <FluentCardActions className={classes.cardActions}>\n          {actions}\n        </FluentCardActions>\n      )}\n    </FluentCard>\n  )\n}\n\nexport default forwardRef(FUICard)\n","import React, { forwardRef } from 'react'\nimport {\n  MenuItem,\n  ListItemIcon,\n  ListItemText,\n  makeStyles\n} from '@material-ui/core'\nimport { FluentIcon } from '../../../utilities/FluentIcon'\n\nconst useStyles = makeStyles(\n  {\n    listItemIcon: {\n      minWidth: 32\n    }\n  },\n  { name: 'FUIMenuItem' }\n)\n\n/**\n * <MenuItem> with icon support\n */\nconst FUIMenuItem = (props, ref) => {\n  const classes = useStyles()\n  const { icon, fluentIcon, primary, secondary, ...menuItemProps } = props\n\n  return (\n    <MenuItem ref={ref} dense {...menuItemProps}>\n      <ListItemIcon className={classes.listItemIcon}>\n        {icon || <FluentIcon component={fluentIcon} />}\n      </ListItemIcon>\n      <ListItemText {...{ primary, secondary }} />\n    </MenuItem>\n  )\n}\n\nexport default forwardRef(FUIMenuItem)\n","import { DeleteIcon } from '@fluentui/react-icons';\nimport { makeStyles, CircularProgress, lighten } from '@material-ui/core';\nimport clsx from 'clsx';\nimport React from 'react';\nimport FUICard, { FUICardHeaderMenu } from '../UI/surfaces/cards/FUICard';\nimport FUIMenuItem from '../UI/widgets/FluentComponents/FUIMenuItem';\n\n/**\n * Core component for dashboard widget cards\n */\nexport const WidgetCard = (props) => {\n  const {\n    children,\n    headerActions,\n    className,\n    widgetType,\n    id,\n    layout,\n    params,\n    setParam,\n    onDelete,\n    loading,\n    errors,\n    theme,\n    hideWidgetName,\n    innerPadding,\n    contentHeight,\n    contentMaxHeight,\n    ...other\n  } = props;\n\n  const useStyles = makeStyles((theme) => ({\n    root: {\n      '&.react-resizable-hide .react-resizable-handle': {\n        display: 'none'\n      }\n    },\n    darkRoot: {\n      '&.react-resizable-hide .react-resizable-handle': {\n        display: 'none'\n      },\n      background: '#424242',\n      color: 'white'\n    },\n    anyRoot: {\n      '& .MuiCardContent-root': {\n        justifyContent: 'space-between',\n        overflow: 'auto',\n        padding: 0\n      }\n    },\n    handle: {\n      cursor: 'move',\n      '&:hover': {\n        backgroundColor: theme.palette.action.hover\n      },\n      display: hideWidgetName && 'none'\n    },\n    loadingContent: {\n      flex: 1,\n      display: 'flex',\n      flexDirection: 'column',\n      alignItems: 'center',\n      justifyContent: 'center'\n    },\n    innerWidgetContentContainer: {\n      height:\n        widgetType === 'TransformerLoadWidget'\n          ? 'auto'\n          : contentHeight\n          ? contentHeight\n          : '100%',\n      maxHeight: contentMaxHeight ? contentMaxHeight : '',\n      minWidth: widgetType === 'ProgressBarWidget' ? 0 : 270,\n      display: 'flex',\n      flexDirection: 'column',\n      justifyContent: 'space-between',\n      padding:\n        innerPadding ||\n        (widgetType === 'VEERegisterRead' ? 0 : theme.spacing(2))\n    }\n  }));\n  const classes = useStyles();\n  const raised = /(^|\\s)react-draggable-dragging(\\s|$)/.test(className ?? '');\n\n  let body = children;\n  if (loading && !body) {\n    body = (\n      <div className={classes.loadingContent}>\n        <CircularProgress size={64} />\n      </div>\n    );\n  }\n  if (errors && !body) {\n    body = <div>Unexpected error</div>;\n  }\n\n  return (\n    <FUICard\n      {...other}\n      className={clsx(\n        className,\n        theme === 'dark' ? classes.darkRoot : classes.root,\n        classes.anyRoot\n      )}\n      raised={raised}\n      CardHeaderProps={{\n        className: classes.handle,\n        'data-handle': true\n      }}\n      headerActions={\n        <>\n          {headerActions}\n          <FUICardHeaderMenu>\n            <FUIMenuItem\n              onClick={onDelete}\n              fluentIcon={DeleteIcon}\n              primary='Delete'\n            />\n          </FUICardHeaderMenu>\n        </>\n      }\n    >\n      <div className={classes.innerWidgetContentContainer}>{body}</div>\n    </FUICard>\n  );\n};\n","import React, { memo, useCallback, useMemo } from 'react';\nimport { WidgetCard } from './WidgetCard';\nimport { useShellStore } from '../stores/shellStore';\n\n/**\n * Widget implementation for dashboards\n */\nlet DashboardWidget = (props) => {\n  const {\n    widgetType,\n    id,\n    deleteCard,\n    children,\n    params: paramValues,\n    setParams,\n    ...other\n  } = props;\n  const { getWidget, isValidWidget } = useShellStore();\n  const onDelete = useCallback(() => {\n    deleteCard(id);\n  }, [deleteCard, id]);\n\n  const { Widget, params: paramDefs } = useMemo(() => {\n    if (!isValidWidget || !getWidget) {\n      return {};\n    }\n    if (isValidWidget(widgetType) && getWidget) {\n      return getWidget(widgetType);\n    }\n\n    return {};\n  }, [widgetType, getWidget, isValidWidget]);\n\n  const params = useMemo(() => {\n    const params = {};\n    if (paramDefs) {\n      for (const name in paramDefs) {\n        params[name] = paramDefs[name].defaultValue;\n      }\n      for (const param in paramValues) {\n        params[param] = paramValues[param];\n      }\n    }\n\n    return params;\n  }, [paramDefs, paramValues]);\n  const setParam = useCallback(\n    (name, value) => setParams(id, { [name]: value }),\n    [id, setParams]\n  );\n\n  if (!isValidWidget || !getWidget) {\n    return (\n      <WidgetCard {...other} title='Error'>\n        isValidWidget or getWidget functions are not defined\n      </WidgetCard>\n    );\n  }\n\n  if (!Widget) {\n    return (\n      <WidgetCard {...other} title='Error'>\n        Unknown widget type \"{widgetType}\".\n      </WidgetCard>\n    );\n  } else {\n    return (\n      <Widget\n        {...other}\n        id={id}\n        params={params}\n        setParam={setParam}\n        onDelete={onDelete}\n      >\n        {children}\n      </Widget>\n    );\n  }\n};\n\nexport default memo(DashboardWidget);\n","import React, { useMemo } from 'react';\nimport DashboardCardGrid from '../dashboard/DashboardCardGrid';\nimport DashboardWidget from '../dashboard/DashboardWidget';\nimport getWidgetLayout from '../dashboard/getWidgetLayout.ts';\nimport { useShellStore } from '../stores/shellStore';\n\nconst Page = (props) => {\n  const { gridConfig, widgetConfig, disableMargin } = props;\n  const { getWidget, isValidWidget } = useShellStore();\n  const gridProperties = gridConfig ? JSON.parse(gridConfig) : null;\n  let widgets = widgetConfig || null;\n\n  if (typeof widgetConfig === 'string') {\n    widgets = JSON.parse(widgetConfig);\n  }\n\n  const calculateLayouts = () => {\n    if (!widgets) return null;\n\n    const layouts = {};\n    for (const widget of widgets) {\n      for (const breakpoint in widget.layout) {\n        if (breakpoint === '__typename' || !widget.layout[breakpoint]) continue;\n        layouts[breakpoint] = layouts[breakpoint] || [];\n        const { __typename, ...layout } = widget.layout[breakpoint];\n        layouts[breakpoint].push({\n          ...getWidgetLayout(getWidget, widget.widgetType),\n          isResizable: widget.params.isResizable || false,\n          ...layout,\n          i: widget.id\n        });\n      }\n    }\n\n    return layouts;\n  };\n\n  const layouts = useMemo(\n    () => calculateLayouts(),\n    [calculateLayouts, widgetConfig]\n  );\n\n  const cards = useMemo(\n    () =>\n      widgets &&\n      widgets.map(({ __typename, ...widget }) => (\n        <DashboardWidget key={widget.id} {...widget} />\n      )),\n    [widgets]\n  );\n\n  if (!layouts) return null;\n\n  return (\n    <DashboardCardGrid\n      layouts={layouts}\n      gridProperties={gridProperties}\n      disableMargin={disableMargin}\n    >\n      {cards}\n    </DashboardCardGrid>\n  );\n};\nexport default Page;\n","import React from 'react'\nimport { makeStyles, Divider } from '@material-ui/core'\nimport { ToolBarButton } from './ToolBarButton'\nimport { LayoutUnit } from '../../../layout/LayoutUnit'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    paddingLeft: theme.spacing(1)\n  }\n}))\n\nexport const AmbientPopoverMenuItem = ({ label, component, click }) => {\n  const classes = useStyles()\n\n  return (\n    <div className={classes.root}>\n      <LayoutUnit unit='nudge' />\n      <ToolBarButton label={label} component={component} click={click} icon={false} />\n      <LayoutUnit unit='nudge' />\n      <Divider />\n    </div>\n  )\n}\n","import React, { useState } from 'react';\nimport { makeStyles, Popover } from '@material-ui/core';\nimport {\n  ArrowUpRightIcon,\n  PDFIcon,\n  ExcelDocumentIcon,\n  TextDocumentIcon\n} from '@fluentui/react-icons';\nimport { AmbientPopoverMenuItem } from '../../../inputs/buttons/AmbientPopoverMenuItem';\nimport { FluentIconButton } from '../../../inputs/buttons/FluentIconButton';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {},\n  popoverRoot: {},\n  icon: {\n    color: theme.palette.secondary.main\n  }\n}));\n\nexport const PAHExport = ({ exportCSV, exportExcel, exportPDF }) => {\n  const classes = useStyles();\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 ? 'simple-popover' : undefined;\n\n  const gridControlsExport = [\n    {\n      label: 'Export CSV',\n      component: TextDocumentIcon,\n      click: exportCSV,\n      key: 1\n    },\n    {\n      label: 'Export Excel',\n      component: ExcelDocumentIcon,\n      click: exportExcel,\n      key: 2\n    }\n  ];\n\n  // if (exportPDF) {\n  //   gridControlsExport.push({\n  //     label: 'Export PDF',\n  //     component: PDFIcon,\n  //     click: exportPDF,\n  //     key: 3\n  //   });\n  // }\n\n  return (\n    <div className={classes.root}>\n      <FluentIconButton\n        className={classes.icon}\n        icon={ArrowUpRightIcon}\n        onClick={handleClick}\n      />\n\n      <Popover\n        classes={{ root: classes.popoverRoot }}\n        square\n        elevation={1}\n        id={id}\n        open={open}\n        anchorEl={anchorEl}\n        onClose={handleClose}\n        anchorOrigin={{\n          vertical: 'bottom',\n          horizontal: 'left'\n        }}\n        transformOrigin={{\n          vertical: 'top',\n          horizontal: 'left'\n        }}\n      >\n        <div style={{ width: 140 }}>\n          <div>\n            {gridControlsExport.map((item) => {\n              return (\n                <AmbientPopoverMenuItem\n                  label={item.label}\n                  component={item.component}\n                  click={item.click}\n                />\n              );\n            })}\n          </div>\n        </div>\n      </Popover>\n    </div>\n  );\n};\n","import React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n  useRef,\n  createRef\n} from 'react';\nimport {\n  makeStyles,\n  MenuItem,\n  Typography,\n  Popover,\n  ButtonBase,\n  Badge,\n  IconButton\n} from '@material-ui/core';\nimport { FluentIcon } from '../../../utilities/FluentIcon';\nimport clsx from 'clsx';\nimport { MoreVerticalIcon } from '@fluentui/react-icons';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    flexSkrink: 0,\n    overflow: 'hidden'\n  },\n  tabsWrapper: {\n    display: 'flex',\n    gap: (props) => (props?.variant === 'block' ? theme.spacing(1) : null),\n    flexGrow: 1\n  },\n  tab: {\n    padding: `8px 18px`,\n    flex: 1\n  },\n  blockTab: {\n    backgroundColor: theme.palette.background.paper\n  },\n  activeTab: {\n    borderBottom: (props) =>\n      props?.variant === 'block'\n        ? null\n        : `2px solid ${theme.palette.secondary.main}`,\n    backgroundColor: (props) =>\n      props?.variant === 'block' ? theme.palette.secondary.light : null,\n    color: (props) =>\n      props?.variant === 'block'\n        ? theme.palette.getContrastText(theme.palette.secondary.light)\n        : null\n  },\n  moreButton: {\n    marginTop: theme.spacing(1),\n    width: theme.spacing(1),\n    height: theme.spacing(1),\n    borderRadius: 2\n  },\n  menuItem: {\n    whiteSpace: 'normal',\n    width: (props) => (props?.menuWidth ? props?.menuWidth : '170px')\n  },\n  popoverWrapper: {\n    maxHeight: (props) =>\n      props?.menuMaxHeight ? props?.menuMaxHeight : '250px'\n  }\n}));\n\nexport const UdpTabs = (props) => {\n  const {\n    value,\n    onChange,\n    className,\n    menuItemProps,\n    tabList,\n    variant,\n    buttonWidth\n  } = props;\n  const classes = useStyles(props);\n  const tabContainerRef = useRef(null);\n  const innerTabContainerRef = useRef(null);\n  const [anchorEl, setAnchorEl] = useState(null);\n  const [visibleTabList, setVisibleTabList] = useState(null);\n  const [menuTabList, setMenuTabList] = useState(null);\n  const [initialTotalTabWidth, setInitialTotalTabWidth] = useState(null);\n  const [initialTabWidth, setInitialTabWidth] = useState();\n  const gapWidth = 8;\n  const open = Boolean(anchorEl);\n\n  const currentTabList = useMemo(() => {\n    return tabList?.map((tab, index) => ({\n      id: index,\n      ...tab,\n      ref: createRef()\n    }));\n  }, [tabList]);\n\n  const handlePopoverClick = useCallback((event, index) => {\n    setAnchorEl(event.currentTarget);\n  }, []);\n\n  const handlePopoverClose = () => {\n    setAnchorEl(null);\n  };\n\n  const menuItemSelected = useMemo(() => {\n    return !!menuTabList?.find((tab) => tab?.id === value);\n  }, [value, menuTabList]);\n\n  const getInitialTabWidth = useCallback(\n    (tabsElements, currentTabList) => {\n      let totalTabWidth = 0;\n      let tabWidth = [];\n\n      if (\n        tabsElements?.length === currentTabList?.length &&\n        !initialTotalTabWidth\n      ) {\n        for (let i = 0; i < tabsElements.length; i++) {\n          totalTabWidth += tabsElements[i].clientWidth;\n          if (variant === 'block') {\n            totalTabWidth += gapWidth;\n          }\n          tabWidth[i] = tabsElements[i].clientWidth;\n        }\n        setInitialTotalTabWidth(totalTabWidth);\n        setInitialTabWidth(tabWidth);\n\n        return { totalTabWidth, tabWidth };\n      }\n\n      return { totalTabWidth: initialTotalTabWidth, tabWidth: initialTabWidth };\n    },\n    [initialTabWidth, initialTotalTabWidth, variant]\n  );\n\n  const calculateHiddenTabs = useCallback(() => {\n    if (innerTabContainerRef.current) {\n      const containerWidth = innerTabContainerRef.current.clientWidth;\n      const tabsElements = Array.from(innerTabContainerRef.current.children);\n      const moreBtnWidth = 24;\n      let hiddenTabsArray = [];\n      let visibleTabsArray = Array.from(currentTabList);\n      const { totalTabWidth, tabWidth } = getInitialTabWidth(\n        tabsElements,\n        currentTabList\n      );\n\n      if (totalTabWidth > containerWidth) {\n        let accumulatedWidth = 0;\n        for (let i = 0; i < tabWidth?.length; i++) {\n          accumulatedWidth += tabWidth[i];\n          if (variant === 'block') {\n            accumulatedWidth += gapWidth;\n          }\n\n          if (accumulatedWidth > containerWidth - moreBtnWidth) {\n            hiddenTabsArray = Array.from(currentTabList).slice(i);\n            visibleTabsArray = Array.from(currentTabList).slice(0, i);\n            break;\n          }\n        }\n      }\n      setVisibleTabList(visibleTabsArray);\n      setMenuTabList(hiddenTabsArray);\n    }\n  }, [currentTabList, getInitialTabWidth, variant]);\n\n  useEffect(() => {\n    // initial visible tab list\n    setVisibleTabList(currentTabList);\n  }, [currentTabList]);\n\n  useEffect(() => {\n    calculateHiddenTabs();\n\n    const observer = new ResizeObserver((entries) => {\n      handlePopoverClose();\n      calculateHiddenTabs();\n    });\n\n    if (tabContainerRef.current) {\n      observer.observe(tabContainerRef.current);\n    }\n\n    // Cleanup observer on component unmount\n    return () => {\n      observer.disconnect();\n    };\n  }, [calculateHiddenTabs]);\n\n  return (\n    <div>\n      <div className={clsx(classes.root, className)} ref={tabContainerRef}>\n        <div\n          className={classes.tabsWrapper}\n          ref={innerTabContainerRef}\n          style={\n            variant === 'spread' ? { justifyContent: 'space-between' } : null\n          }\n        >\n          {visibleTabList?.map((item, index) => (\n            <ButtonBase\n              // style={variant === 'spread' ? { flex: 1 } : null}\n              style={{\n                flex: variant === 'spread' && 1,\n                width: !!buttonWidth && buttonWidth\n              }}\n              key={index}\n              id={\n                'udpRecord-UdpTabs-MenuItem-' + item?.label?.replace(/ /g, '-')\n              }\n              udprecordid={\n                'udpRecord-UdpTabs-MenuItem-' + item?.label?.replace(/ /g, '-')\n              }\n            >\n              <div\n                className={clsx(classes.tab, {\n                  [classes.blockTab]: variant === 'block',\n                  [classes.activeTab]: value === item?.id\n                })}\n                onClick={(e) => {\n                  onChange(e, item?.id);\n                  if (item?.onClick) {\n                    item.onClick();\n                  }\n                  setAnchorEl(null);\n                }}\n              >\n                <Typography\n                  noWrap\n                  style={{\n                    fontWeight: variant === 'spread' ? 'bold' : 'normal'\n                  }}\n                >\n                  {item?.label}\n                </Typography>\n              </div>\n            </ButtonBase>\n          ))}\n          {menuTabList?.length > 0 && (\n            <IconButton\n              onClick={handlePopoverClick}\n              className={classes.moreButton}\n              color='primary'\n              id='udpRecord-UdpTabs-MoreActions'\n              udprecordid='udpRecord-UdpTabs-MoreActions'\n            >\n              <Badge\n                color='secondary'\n                variant='dot'\n                invisible={menuItemSelected === false}\n              >\n                <FluentIcon component={MoreVerticalIcon} size='medium' />\n              </Badge>\n            </IconButton>\n          )}\n        </div>\n\n        {!!menuTabList?.length && (\n          <div>\n            <Popover\n              id='menuTabList'\n              open={open}\n              anchorEl={anchorEl}\n              onClose={handlePopoverClose}\n              anchorOrigin={{\n                vertical: 'bottom',\n                horizontal: 'left'\n              }}\n              transformOrigin={{\n                vertical: 'top',\n                horizontal: 'left'\n              }}\n              className={classes.popoverWrapper}\n            >\n              {menuTabList?.map((tab) => {\n                return (\n                  <MenuItem\n                    key={tab?.id}\n                    id={\n                      'udpRecord-UdpTabs-MenuItem-' +\n                      tab?.label?.replace(/ /g, '-')\n                    }\n                    udprecordid={\n                      'udpRecord-UdpTabs-MenuItem-' +\n                      tab?.label?.replace(/ /g, '-')\n                    }\n                    onClick={(e) => {\n                      if (tab?.onClick) {\n                        tab.onClick();\n                      }\n\n                      if (onChange) {\n                        onChange(e, tab?.id);\n                      }\n                      setAnchorEl(null);\n                    }}\n                    className={clsx(classes.menuItem, className)}\n                    selected={tab?.id === value}\n                    {...menuItemProps}\n                  >\n                    <Typography>{tab?.label}</Typography>\n                  </MenuItem>\n                );\n              })}\n            </Popover>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n","import { useMemo } from 'react';\n// @ts-ignore - TeleporterInstance type may not be exported\nimport { TeleporterInstance } from 'react-teleporter';\nimport { useTeleporterStore } from '../../../../stores/teleporterStore';\n\nexport const useAllTeleporters = (): [string, string, TeleporterInstance][] => {\n  const teleporterMap = useTeleporterStore((state) => state.teleporterMap);\n\n  const allTeleporters = useMemo(() => {\n    const result: [string, string, TeleporterInstance][] = [];\n\n    for (const [targetId, locationMap] of teleporterMap.entries()) {\n      for (const [location, entry] of locationMap.entries()) {\n        result.push([targetId, location, entry.teleporter]);\n      }\n    }\n\n    return result;\n  }, [teleporterMap]);\n\n  return allTeleporters;\n};\n","import React, { useState, Fragment, useMemo } from 'react';\nimport {\n  makeStyles,\n  Slide,\n  Typography,\n  Collapse,\n  Divider,\n  LinearProgress,\n  lighten\n} from '@material-ui/core';\nimport { StandardTitle } from '../../dataDisplay/typography/StandardTitle';\nimport { FluentIconButton } from '../../inputs/buttons/FluentIconButton';\nimport {\n  SearchIcon,\n  ChevronRightIcon,\n  MaximumValueIcon,\n  ChevronFold10Icon,\n  ChevronUnfold10Icon,\n  GroupListIcon,\n  FilterIcon,\n  MoreVerticalIcon,\n  SaveIcon,\n  DeleteIcon,\n  ClearIcon\n} from '@fluentui/react-icons';\nimport { ToolBarButton } from '../../inputs/buttons/ToolBarButton';\nimport { PrimaryActionButton } from '../../inputs/buttons/PrimaryActionButton';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport ArrowBackIcon from '@material-ui/icons/ArrowBack';\nimport { PAHExport } from './ui/PAHExport';\nimport { StatusChip } from '../../dataDisplay/StatusChip';\nimport { useShellStore } from '../../../stores/shellStore';\nimport { UdpTabs } from '../../navigation/tabs/UdpTabs';\nimport { useAllTeleporters } from './ui/teleporter';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    display: 'flex',\n    [theme.breakpoints.between('xs', 'sm')]: {\n      height: 50\n    }\n  },\n  title: {\n    margin: theme.spacing(2)\n  },\n  titleWrapper: {\n    paddingLeft: theme.spacing(2),\n    paddingRight: (props) => (props.single ? theme.spacing(2) : 0),\n    display: 'flex',\n    alignItems: 'center'\n  },\n  subHeaderWrapper: {\n    // display: 'flex',\n    // justifyContent: 'flex-end',\n    // marginTop: props => props.single && 6,\n    width: '100%',\n    marginTop: 0,\n    [theme.breakpoints.down('xs')]: {\n      justifyContent: 'flex-start'\n    }\n  },\n  subHeader: {\n    minWidth: (props) => props.subheader && 320,\n    marginLeft: theme.spacing(2),\n    [theme.breakpoints.between('sm', 'lg')]: {\n      display: 'none'\n    },\n    [theme.breakpoints.down('xs')]: {\n      display: 'none'\n    }\n  },\n  denseSubtitle: {\n    marginTop: theme.spacing(1.2),\n    marginLeft: theme.spacing(2)\n    // [theme.breakpoints.up('xl')]: {\n    //   display: 'none'\n    // },\n    // [theme.breakpoints.down('xs')]: {\n    //   display: 'none'\n    // }\n  },\n  actionRow: {\n    display: 'flex',\n    flex: 1,\n    alignItems: 'center'\n    // [theme.breakpoints.up('lg')]: {\n    //   width: '100%',\n    // },\n    // paddingBottom: props => props.hidePAB && theme.spacing(2),\n  },\n  secondaryButtons: {\n    display: 'flex',\n    [theme.breakpoints.down('sm')]: {\n      display: 'none'\n    },\n    alignItems: 'center'\n  },\n  secondaryButtonsMobile: {\n    display: 'flex',\n    padding: theme.spacing(1),\n    background: theme.palette.divider,\n    [theme.breakpoints.up('sm')]: {\n      display: 'none'\n    }\n  },\n  search: {\n    marginRight: theme.spacing(2),\n    marginTop: theme.spacing(3),\n\n    flex: 1\n  },\n  close: {\n    marginRight: theme.spacing(2)\n  },\n  pab: {\n    display: 'flex',\n    [theme.breakpoints.between('xs', 'sm')]: {\n      position: 'fixed',\n      bottom: theme.spacing(2),\n      right: theme.spacing(2),\n      zIndex: theme.zIndex.appBar\n    }\n  },\n  titleOnly: {\n    paddingBottom: theme.spacing(1)\n  },\n  advancedOptions: {\n    backgroundColor: '#EEEEEE',\n    width: '100%'\n  },\n  tabPageButtons: {\n    height: 50,\n    borderTop: `1px solid ${theme.palette.divider}`,\n    paddingLeft: theme.spacing(2),\n    backgroundColor: '#EEEEEE'\n  },\n  divider: {\n    height: 25,\n    marginLeft: theme.spacing(1),\n    marginRight: theme.spacing(2)\n  },\n  functionIcons: {\n    fontSize: 18,\n    color: theme.palette.secondary.main\n  },\n  tabRow: {\n    maxWidth: 500,\n    [theme.breakpoints.down('sm')]: {\n      width: 300\n    },\n    minHeight: '48px'\n  },\n  fullTabs: {\n    [theme.breakpoints.down('xl')]: {\n      maxWidth: 700\n    },\n    [theme.breakpoints.down('lg')]: {\n      maxWidth: 500\n    },\n    [theme.breakpoints.down('sm')]: {\n      maxWidth: '100vw'\n    },\n    minHeight: '48px'\n  },\n  iconButton: {\n    marginTop: 9,\n    marginLeft: 4\n  },\n  titleWrapperBack: {\n    display: 'flex',\n    flex: (props) => props.title && 1\n  },\n  buttomButtonRow: {\n    display: 'flex',\n    width: '100%'\n  },\n\n  bottomButtonsLeft: {\n    display: 'flex',\n    flex: 1,\n    // width: '100%',\n    justifyContent: 'flex-start'\n  },\n  bottomButtonsRigth: {\n    display: 'flex',\n    justifyContent: 'flex-end'\n  },\n  single: {\n    display: 'flex'\n  },\n  containerStyle: {\n    background: lighten(theme.palette.secondary.light, 0.9),\n    padding: theme.spacing(1),\n    paddingLeft: theme.spacing(2),\n    borderTop: `1px solid ${theme.palette.divider} `\n  },\n  gridControlLineUp: {\n    display: 'flex',\n    alignItems: 'center',\n    marginRight: theme.spacing(2)\n  },\n  additionalTitleComponent: {\n    marginLeft: theme.spacing(2)\n  }\n}));\n\nexport const PrimaryActionHeader = (props) => {\n  const classes = useStyles(props);\n\n  const {\n    buttonLabel,\n    title,\n    subheader,\n    handleClick,\n    secondaryButtons,\n    hidePAB = false,\n    search,\n    searchField,\n    expandOptions,\n    handleMouseLeave,\n    expandedContent,\n    handleChange,\n    value,\n    tabList,\n    tabs,\n    resizeGrid,\n    collapse,\n    expandAllItems,\n    groups,\n    showGroups,\n    grid,\n    clickBack,\n    topRowSecondary,\n    bottomRowSecondary,\n    bottomRowSecondaryRight,\n    loading,\n    openGroups,\n    openFilter,\n    altInputs,\n    loadingVal,\n    exportGrid,\n    openSearch = false,\n    styleSearch,\n    stepper,\n    pabDisabled,\n    switcher,\n    single,\n    lowerTray,\n    lowerTraySearch,\n    lowerTrayGrid,\n    upperTrayGrid,\n    exportCSV,\n    exportExcel,\n    exportPDF,\n    expand,\n    expandGrid,\n    collapseGrid,\n    resize,\n    gridApi,\n    saveGridConfig,\n    deleteGridConfig,\n    clearGridConfig,\n    hideActionRow = false,\n    allowAdditionalTitleComponent = false,\n    allowAdditionalRightComponent = true,\n    StatusChipProps = null,\n    tabProps,\n    tabVariant,\n    additionalComponentId = '',\n    ...otherProps\n  } = props;\n\n  const [searchExpanded, setSearchExpanded] = useState(openSearch);\n  const currentContainerId = useShellStore((state) => state.currentContainerId);\n  const allTeleporters = useAllTeleporters();\n\n  const expandSearch = () => {\n    setSearchExpanded(!searchExpanded);\n  };\n\n  function a11yProps(index) {\n    return {\n      id: `simple-tab-${index}`,\n      'aria-controls': `simple-tabpanel-${index}`\n    };\n  }\n\n  const gridControlsExpand = [\n    {\n      label: '',\n      aria: 'expand',\n      component: ChevronUnfold10Icon,\n      click: expandGrid,\n      id: 1\n    }\n  ];\n  const gridControlsResize = [\n    {\n      label: '',\n      aria: 'resize',\n      component: MaximumValueIcon,\n      click: resizeGrid,\n      id: 2\n    }\n  ];\n  const gridControlsCollapse = [\n    {\n      label: '',\n      aria: 'collapse',\n      component: ChevronFold10Icon,\n      click: collapseGrid,\n      id: 3\n    }\n  ];\n\n  const gridControlsGroup = [\n    {\n      label: 'Group',\n      component: GroupListIcon,\n      click: openGroups,\n      id: 4\n    }\n  ];\n  const gridControlsFilter = [\n    {\n      label: 'Filter',\n      component: FilterIcon,\n      click: openFilter,\n      id: 5\n    }\n  ];\n\n  const gridControlsSave = [\n    {\n      label: 'Save Grid Configuration',\n      component: SaveIcon,\n      click: saveGridConfig,\n      id: 6\n    }\n  ];\n  const gridControlsDelete = [\n    {\n      label: 'Delete Grid Configuration',\n      component: DeleteIcon,\n      click: deleteGridConfig,\n      id: 7\n    }\n  ];\n  const gridControlsClear = [\n    {\n      label: 'Clear Grid Configuration',\n      component: ClearIcon,\n      click: clearGridConfig,\n      id: 8\n    }\n  ];\n\n  const gridControlsExport = (\n    <div>\n      <PAHExport\n        exportCSV={exportCSV || (() => gridApi?.exportDataAsCsv())}\n        exportExcel={exportExcel || (() => gridApi?.exportDataAsExcel())}\n        exportPDF={exportPDF}\n      />\n    </div>\n  );\n  const gridControlExpand = gridControlsExpand && (\n    <div>\n      {gridControlsExpand.map((item) => {\n        return (\n          <ToolBarButton\n            label={item.label}\n            title={item.label}\n            expanded={true}\n            component={item.component}\n            click={item.click}\n            aria={item.aria}\n            key={item.id}\n          />\n        );\n      })}\n    </div>\n  );\n  const gridControlResize = gridControlsResize && (\n    <div>\n      {gridControlsResize.map((item) => {\n        return (\n          <ToolBarButton\n            label={item.label}\n            title={item.label}\n            expanded={true}\n            component={item.component}\n            click={item.click}\n            aria={item.aria}\n            key={item.id}\n          />\n        );\n      })}\n    </div>\n  );\n  const gridControlCollapse = gridControlsCollapse && (\n    <div>\n      {gridControlsCollapse.map((item) => {\n        return (\n          <ToolBarButton\n            label={item.label}\n            title={item.label}\n            expanded={true}\n            component={item.component}\n            click={item.click}\n            aria={item.aria}\n            key={item.id}\n          />\n        );\n      })}\n    </div>\n  );\n  const gridControlSave = gridControlsSave && (\n    <div>\n      {gridControlsSave.map((item) => {\n        return (\n          <ToolBarButton\n            label={item.label}\n            title={item.label}\n            expanded={true}\n            component={item.component}\n            click={item.click}\n            aria={item.aria}\n            key={item.id}\n          />\n        );\n      })}\n    </div>\n  );\n  const gridControlDelete = gridControlsDelete && (\n    <div>\n      {gridControlsDelete.map((item) => {\n        return (\n          <ToolBarButton\n            label={item.label}\n            title={item.label}\n            expanded={true}\n            component={item.component}\n            click={item.click}\n            aria={item.aria}\n            key={item.id}\n          />\n        );\n      })}\n    </div>\n  );\n  const gridControlClear = gridControlsClear && (\n    <div>\n      {gridControlsClear.map((item) => {\n        return (\n          <ToolBarButton\n            label={item.label}\n            title={item.label}\n            expanded={true}\n            component={item.component}\n            click={item.click}\n            aria={item.aria}\n            key={item.id}\n          />\n        );\n      })}\n    </div>\n  );\n\n  const searchToggle = (\n    <>\n      <div style={{ display: 'flex' }}>\n        {searchExpanded && (\n          <FluentIconButton\n            click={expandSearch}\n            aria-label='close search'\n            className={classes.close}\n            icon={ChevronRightIcon}\n            onClick={expandSearch}\n            size='small'\n          />\n        )}\n      </div>\n      <div className={classes.search} style={{ flex: 1 }}>\n        <div>\n          {searchExpanded && (\n            <div>\n              <Slide\n                direction='left'\n                in={expandSearch}\n                mountOnEnter\n                unmountOnExit\n              >\n                <div className={classes.searchWrapper}>{searchField}</div>\n              </Slide>\n            </div>\n          )}\n        </div>\n      </div>\n    </>\n  );\n\n  const LowerTrayShell = ({ children }) => {\n    return <div className={classes.containerStyle}>{children}</div>;\n  };\n\n  const GridControlLineUp = () => {\n    return (\n      <div className={classes.gridControlLineUp}>\n        {saveGridConfig && gridControlSave}\n        {deleteGridConfig && gridControlDelete}\n        {clearGridConfig && gridControlClear}\n        {expandGrid && gridControlExpand}\n        {resizeGrid && gridControlResize}\n        {collapseGrid && gridControlCollapse}\n        {exportGrid && gridControlsExport}\n      </div>\n    );\n  };\n\n  const additionalTitleTeleportedComponents = useMemo(() => {\n    const components = [];\n    allTeleporters.forEach(([targetId, location, teleporter]) => {\n      const Target = teleporter.Target;\n      if (\n        targetId === additionalComponentId &&\n        location === 'title'\n      ) {\n        components.push(\n          <div key={targetId} className='teleport-target'>\n            <Target />\n          </div>\n        );\n      }\n    })\n    return components;\n  }, [additionalComponentId, allTeleporters]);\n\n  return (\n    <div key={currentContainerId}>\n      <div className={single && classes.single}>\n        {/* {switcher && <PAHViewSwitcher>Meeting Title</PAHViewSwitcher>} */}\n        <div className={classes.titleWrapperBack}>\n          {clickBack && (\n            <div className={classes.iconButton}>\n              <FluentIconButton icon={ArrowBackIcon} onClick={clickBack} />\n            </div>\n          )}\n\n          {title && (\n            <div className={classes.root}>\n              <div className={classes.titleWrapper}>\n                <StandardTitle removeMarginTop={single}>{title}</StandardTitle>\n                {single && subheader && (\n                  <Typography\n                    className={classes.denseSubtitle}\n                    variant='subtitle1'\n                    component='h2'\n                  >\n                    {subheader}\n                  </Typography>\n                )}\n\n                {allowAdditionalTitleComponent && (\n                  <div className={classes.additionalTitleComponent}>\n                    {additionalTitleTeleportedComponents.map(value => {\n               return value;\n              })}\n                  </div>\n                )}\n              </div>\n            </div>\n          )}\n          {!title && allowAdditionalTitleComponent && (\n            <div className={classes.additionalTitleComponent}>\n              {additionalTitleTeleportedComponents.map(value => {\n               return value;\n              })}\n            </div>\n          )}\n          {StatusChipProps && (\n            <div className={classes.root}>\n              <div className={classes.titleWrapper}>\n                <StatusChip\n                  label={StatusChipProps?.label}\n                  status={StatusChipProps?.status}\n                />\n              </div>\n            </div>\n          )}\n        </div>\n        <div className={classes.subHeaderWrapper}>\n          {/* <div className={classes.subHeader}>\n          <Typography variant=\"subtitle1\">{subheader}</Typography>\n        </div> */}\n          {stepper}\n          {!hideActionRow && (\n            <div className={classes.actionRow}>\n              {!single && subheader && (\n                <Typography\n                  className={classes.denseSubtitle}\n                  variant='subtitle1'\n                  component='h2'\n                >\n                  {subheader}\n                </Typography>\n              )}\n              <div className={grid ? classes.tabRow : classes.fullTabs}>\n                {tabList?.length > 0 && (\n                  <UdpTabs\n                    value={value}\n                    onChange={handleChange}\n                    tabList={tabList}\n                    variant={tabVariant}\n                  />\n                )}\n              </div>\n\n              {search && searchToggle}\n              <div style={{ flex: 1 }} />\n\n              <div className={classes.secondaryButtons}>\n                {!searchExpanded && search && (\n                  <ToolBarButton\n                    label='Search'\n                    component={SearchIcon}\n                    click={expandSearch}\n                  />\n                )}\n                {search && (\n                  <Divider orientation='vertical' className={classes.divider} />\n                )}\n\n                {/* {grid &&\n                gridControls.map(item => {\n                  return (\n                    <ToolBarButton\n                      label={item.label}\n                      title={item.label}\n                      expanded\n                      component={item.component}\n                      click={item.click}\n                      aria={item.aria}\n                      key={item.id}\n                    />\n                  );\n                })} */}\n                {(expandGrid ||\n                  resizeGrid ||\n                  collapseGrid ||\n                  exportGrid ||\n                  saveGridConfig ||\n                  deleteGridConfig ||\n                  clearGridConfig) &&\n                  upperTrayGrid && <GridControlLineUp expand={expand} />}\n\n                {grid &&\n                  openFilter &&\n                  gridControlsFilter.map((item) => {\n                    return (\n                      <ToolBarButton\n                        label={item.label}\n                        title={item.label}\n                        expanded={true}\n                        component={item.component}\n                        click={item.click}\n                        aria={item.aria}\n                        key={item.id}\n                      />\n                    );\n                  })}\n\n                {grid &&\n                  openGroups &&\n                  gridControlsGroup.map((item) => {\n                    return (\n                      <ToolBarButton\n                        label={item.label}\n                        title={item.label}\n                        expanded={true}\n                        component={item.component}\n                        click={item.click}\n                        aria={item.aria}\n                        key={item.id}\n                      />\n                    );\n                  })}\n\n                {/* {grid &&\n                exportGrid &&\n                gridControlsExport.map(item => {\n                  return (\n                    <ToolBarButton\n                      label={item.label}\n                      title={item.label}\n                      expanded\n                      component={item.component}\n                      click={item.click}\n                      aria={item.aria}\n                      key={item.id}\n                    />\n                  );\n                })} */}\n\n                {grid && searchExpanded && (\n                  <div>\n                    <FluentIconButton\n                      id='udpRecord-PrimaryActionHeader-ClosePanel'\n                      udprecordid='udpRecord-PrimaryActionHeader-ClosePanel'\n                      icon={MoreVerticalIcon}\n                      // onClick={toggleExpandedHeader}\n                      aria-label='Close Panel'\n                    />\n                  </div>\n                )}\n\n                {secondaryButtons &&\n                  !tabs &&\n                  secondaryButtons.map((item, index) => {\n                    return (\n                      <ToolBarButton\n                        label={item.label}\n                        expanded={searchExpanded}\n                        component={item.component}\n                        click={item.click}\n                        key={item.id ?? index}\n                        aria={item.label}\n                        disabled={item.disabled}\n                      />\n                    );\n                  })}\n              </div>\n              <div>\n                {allowAdditionalRightComponent &&\n                  allTeleporters.map(([targetId, location, teleporter]) => {\n                    const Target = teleporter.Target;\n                    if (\n                      targetId === additionalComponentId &&\n                      location === 'right'\n                    ) {\n                      return (\n                        <div key={targetId} className='teleport-target'>\n                          <Target />\n                        </div>\n                      );\n                    } else {\n                      return null;\n                    }\n                  })}\n              </div>\n              {!hidePAB && (\n                <div className={classes.pab}>\n                  {topRowSecondary &&\n                    topRowSecondary.map((item, index) => {\n                      return (\n                        <ToolBarButton\n                          label={item.label}\n                          expanded={searchExpanded}\n                          component={item.component}\n                          click={item.click}\n                          key={item.id ?? index}\n                          aria={item.label}\n                        />\n                      );\n                    })}\n\n                  <PrimaryActionButton\n                    disabled={pabDisabled}\n                    onClick={handleClick}\n                    {...otherProps}\n                  >\n                    {buttonLabel}\n                  </PrimaryActionButton>\n                </div>\n              )}\n            </div>\n          )}\n        </div>\n\n        <div\n          className={clsx(\n            classes.secondaryButtons,\n            (altInputs || bottomRowSecondary) && classes.tabPageButtons\n          )}\n        >\n          <div className={classes.buttomButtonRow}>\n            <div className={classes.bottomButtonsLeft}>\n              {bottomRowSecondary &&\n                bottomRowSecondary.map((item, index) => {\n                  return (\n                    <ToolBarButton\n                      label={item.label}\n                      expanded={!tabs && searchExpanded}\n                      component={item.component}\n                      click={item.click}\n                      key={item.id ?? index}\n                    />\n                  );\n                })}\n            </div>\n            <div className={classes.bottomButtonsRigth}>\n              {bottomRowSecondaryRight &&\n                bottomRowSecondaryRight.map((item, index) => {\n                  return (\n                    <ToolBarButton\n                      label={item.label}\n                      expanded={!tabs && searchExpanded}\n                      component={item.component}\n                      click={item.click}\n                      key={item.id ?? index}\n                    />\n                  );\n                })}\n            </div>\n\n            {altInputs}\n          </div>\n          <div>\n            {showGroups && <Divider />}\n            {showGroups && groups}\n          </div>\n        </div>\n\n        <Collapse in={expandOptions} timeout='auto'>\n          <div onMouseLeave={handleMouseLeave}>\n            {/* <div> */}\n            <div className={classes.advancedOptions}>{expandedContent}</div>\n          </div>\n        </Collapse>\n        {loading && <LinearProgress value={loadingVal} />}\n      </div>\n      {lowerTray && (\n        <LowerTrayShell>\n          <div style={{ display: 'flex', justifyContent: 'flex-end' }}>\n            <div style={{ display: 'flex' }}>\n              {!searchExpanded && lowerTraySearch && (\n                <ToolBarButton\n                  label='Search'\n                  component={SearchIcon}\n                  click={expandSearch}\n                />\n              )}\n              {searchToggle}\n            </div>\n            {lowerTrayGrid && <GridControlLineUp />}\n          </div>\n        </LowerTrayShell>\n      )}\n\n      <div className={classes.secondaryButtonsMobile}>\n        {secondaryButtons &&\n          !tabs &&\n          secondaryButtons.map((item, index) => {\n            return (\n              <ToolBarButton\n                label={item.label}\n                expanded={searchExpanded}\n                component={item.component}\n                click={item.click}\n                key={item.id ?? index}\n                aria={item.label}\n                disabled={item.disabled}\n              />\n            );\n          })}\n      </div>\n    </div>\n  );\n};\n\nPrimaryActionHeader.propTypes = {\n  /**\n   * Primary action button label\n   */\n  buttonLabel: PropTypes.string,\n  /**\n   * Page title\n   */\n  title: PropTypes.string.isRequired,\n  /**\n   * Page subtitle\n   */\n  subheader: PropTypes.string,\n  /**\n   * Primary action button function\n   */\n  handleClick: PropTypes.func,\n  /**\n   * prop for mapped secondary button data\n   */\n  secondaryButtons: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      component: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n      click: PropTypes.func,\n      key: PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n    })\n  ),\n  /**\n   * Hides Primary Action Button (not recommended)\n   */\n  hidePAB: PropTypes.bool,\n  /**\n   * Allows search option to display\n   */\n  search: PropTypes.bool,\n  /**\n   * Search field designed to fit header space\n   */\n  searchField: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n  /**\n   * If true, expanded space for advanced search is open\n   */\n  expandOptions: PropTypes.func,\n  /**\n   * Function to close expanded space when the user mouse leaves\n   */\n  handleMouseLeave: PropTypes.string,\n  /**\n   * The contents of the expanded search\n   */\n  expandedContent: PropTypes.node,\n  /**\n   * Handle change option for tabs (when the tab prop is active)\n   */\n  handleChange: PropTypes.string,\n  /**\n   * Sends value that determines what tab content is visable (when the tab prop is active)\n   */\n  value: PropTypes.oneOfType([PropTypes.node, false]),\n  /**\n   * Prop to pass an array of tab lables to display tabs (when the tab prop is active)\n   */\n  tabList: PropTypes.node,\n  /**\n   * Prop option to display tabs. Tabs are available when true. Also provides additional formatting.\n   */\n  tabs: PropTypes.bool,\n  /**\n   * Click event to resize grid to fit (when using the PAH to display a grid).\n   */\n  resizeGrid: PropTypes.func,\n  /**\n   * Click event to collapse Ag Grid when grouped (when using the PAH to display a grid).\n   */\n  collapse: PropTypes.func,\n  /**\n   * Click event to expand Ag Grid when grouped (when using the PAH to display a grid).\n   */\n  expandAllItems: PropTypes.func,\n  /**\n   * Click event to save Ag Grid configurations (e.g. filters, sorting, column widths, etc.) when using the PAH to display a grid.\n   */\n  saveGridConfig: PropTypes.func,\n  /**\n   * Click event to delete Ag Grid configurations (e.g. filters, sorting, column widths, etc.) when using the PAH to display a grid.\n   */\n  deleteGridConfig: PropTypes.func,\n  /**\n   * Click event to clear Ag Grid configurations (e.g. filters, sorting, column widths, etc.) when using the PAH to display a grid.\n   */\n  clearGridConfig: PropTypes.func,\n  /**\n   * Prop that accepts a component of groups (when using the PAH to display a grid).\n   */\n  groups: PropTypes.node,\n  /**\n   * Prop option to display grid. Grid formatting is available when true.\n   */\n  grid: PropTypes.bool,\n  /**\n   * Prop option to display grid. Grid formatting is available when true.\n   */\n  otherProps: PropTypes.any,\n  /**\n   * Prop option to show secondary buttons on top row.\n   */\n  bottomRowSecondary: PropTypes.array,\n  /**\n   * Prop option to show secondary buttons on bottom row.\n   */\n  topRowSecondary: PropTypes.array,\n  /**\n   * Exposes onClick for back arrow. Only displays arrow when a function is provided.\n   */\n  clickBack: PropTypes.func,\n  /**\n   * Toggles visaiblity for loading progress bar.\n   */\n  loading: PropTypes.bool,\n  /**\n   * The value of progress loading.\n   */\n  loadingVal: PropTypes.number,\n  /**\n   * Exposes function to open group options.\n   */\n  openGroups: PropTypes.func,\n  /**\n   * Exposes function to open filter options.\n   */\n  openFilter: PropTypes.func,\n  /**\n   * Alternate method to include toolbar inputs.\n   */\n  altInputs: PropTypes.node,\n  /**\n   * If true, actionRow will be hidden\n   */\n  hideActionRow: PropTypes.bool,\n  /**\n   * Props passed into FluentSimpleTabs Component\n   */\n  tabProps: PropTypes.object,\n  /**\n   * Determines if the primary action header should be multiple rows\n   */\n  single: PropTypes.bool\n};\n\nPrimaryActionHeader.defaultProps = {\n  hidePAB: false\n};\n","import React, { createContext, useReducer } from 'react';\n\nconst initialState: any = {};\n\n/**\n * The Page context, shared amongst the Page\n * and all children. Generally used to share state between\n * Widgets. Call dispatch() to update the state. Currently\n * only supports dispatch types of \"set <state_property>\".\n * Example: dispatch({ type: \"set mySharedProperty\", value: oldSharedProperty + 1 });\n */\nconst pageContext = createContext(\n  {} as { state: any; dispatch: React.Dispatch<{ type: string; value?: any }> }\n);\nconst { Provider } = pageContext;\n\n/**\n * Sets shared state based on an action type and a value.\n * action.type is in the format: <operator> <prop>\n * Currently the only supported action type is \"set <prop>\",\n * which will set state.prop to action.value.\n * @param state The current state\n * @param action A type and value to alter the current state\n * @returns The new state\n */\nconst reducer = (state: any, action: { type: string; value?: any }) => {\n  // Action.type should be in the format: <operator> <prop>. Ex: set sharedId\n  const operator = action.type.substr(0, action.type.indexOf(' '));\n  const prop = action.type.substr(action.type.indexOf(' ') + 1);\n\n  switch (operator) {\n    case 'set':\n      const newState = { ...state, [prop]: action.value };\n      return newState;\n    default:\n      throw new Error('Unknown operator');\n  }\n};\n\n/**\n * A Context component to wrap around a Page. Allows\n * sharing of state amongst sibling Widgets.\n * @returns\n */\nconst PageContextProvider = ({ children }: any) => {\n  const [state, dispatch] = useReducer(reducer, initialState);\n\n  return <Provider value={{ state, dispatch }}>{children}</Provider>;\n};\n\nexport { pageContext, PageContextProvider };\n","import { useHistory, useLocation } from 'react-router-dom';\n\nexport const useSetLocationState = () => {\n  const history = useHistory();\n  const location = useLocation();\n\n  const setLocationState = (newState) => {\n    const currentState = location.state || {};\n\n    // Avoid unnecessary replace if state is already the same\n    const hasChanged = Object.entries(newState).some(\n      ([key, value]) => currentState[key] !== value\n    );\n    if (!hasChanged || !!location?.state) return;\n\n    history.replace({\n      pathname: location.pathname,\n      search: location.search,\n      hash: location.hash,\n      state: {\n        ...currentState,\n        ...newState\n      }\n    });\n  };\n\n  return setLocationState;\n};\n","import React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport { Redirect } from 'react-router-dom';\nimport Page from './Page';\nimport { makeStyles, Card, CircularProgress } from '@material-ui/core';\nimport { Alert } from '@material-ui/lab';\nimport { PrimaryActionHeader } from '../UI/utilityDisplay/utilityHeader/PrimaryActionHeader';\nimport { PageContextProvider } from '../contexts/PageContext.tsx';\nimport { useAxiosGet } from '../utilities/useAxiosGet';\nimport { DndProvider } from 'react-dnd';\nimport { HTML5Backend } from 'react-dnd-html5-backend';\nimport { v4 as uuid } from 'uuid';\nimport { useTranslation } from 'react-i18next';\nimport { useSetLocationState } from '../hooks/useSetLocationState';\nimport { ConfigService } from 'udp-react-stencil-component-library';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    marginTop: (props) => (props.disableMargins ? 0 : theme.spacing(3)),\n    marginRight: (props) => (props.disableMargins ? 0 : theme.spacing(3)),\n    marginLeft: (props) => (props.disableMargins ? 0 : theme.spacing(3)),\n    height: (props) => props.height ?? '100%',\n    overflow: (props) => props.height && 'auto'\n  },\n  staticRoot: {\n    marginTop: 0,\n    marginRight: 0,\n    marginLeft: 0,\n    height: (props) => props.height ?? '100%',\n    overflow: (props) => props.height && 'auto'\n  },\n  title: {\n    flex: 1,\n    marginBottom: theme.spacing(1)\n  },\n  icon: {\n    marginTop: theme.spacing(-2.5)\n  },\n  loadingContent: {\n    flex: 1,\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n    justifyContent: 'center',\n    height: (props) =>\n      props.loadingHeight ? props.loadingHeight : 'calc(100vh - 160px)'\n  }\n}));\n\nexport const PageContainer = (props) => {\n  const {\n    user,\n    widgetParams,\n    redirectSlug,\n    pageData,\n    pageLoading = false,\n    disableMargin = true,\n    location,\n    fromMenu = false,\n    loadingHeight,\n    isHomePage = false\n  } = props;\n  const classes = useStyles(props);\n  const [page, setPage] = useState(null);\n  const [alertWarnings, setAlertWarnings] = useState([]);\n  const params = location?.state?.params;\n  const pathPageId = location?.pathname?.replace('/page/', '');\n  const pageId = (pathPageId === '/' ? null : pathPageId) || params?.PageId;\n  const { t } = useTranslation();\n  const setLocationState = useSetLocationState();\n\n  const [{ data: pageInfo, loading: pageInfoLoading }] = useAxiosGet(\n    ConfigService.tenantV1ApiUrl,\n    `page/${pageId}`,\n    {},\n    !!!pageId,\n    false\n  );\n\n  const [\n    { data: homePage, loading: homePageLoading, error: homePageError },\n    refetchHomePage\n  ] = useAxiosGet(\n    ConfigService.tenantV1ApiUrl,\n    `page/homePage?tenantId=${user?.currentTenantId}&productId=${ConfigService.config.UNITY_PRODUCT_ID}`,\n    {},\n    !isHomePage,\n    false\n  );\n\n  const removeWarning = useCallback((id) => {\n    setAlertWarnings((prevWarnings) =>\n      prevWarnings.filter((warning) => warning.id !== id)\n    );\n  }, []);\n\n  const getRequiredFieldWarnings = useCallback(\n    (requiredFields = '', widgetParams) => {\n      const fieldsStr = requiredFields || '';\n      if (!fieldsStr.trim()) {\n        return;\n      }\n\n      const warnings = [];\n      const requiredFieldsMap = widgetParams?.requiredFieldsMap || {};\n      const nodeObj = widgetParams?.nodeObj || {};\n      const fields = fieldsStr.split(',').map((str) => str.trim());\n      const missingRequiredFieldNames = [];\n\n      fields.forEach((fieldName) => {\n        const requiredField = requiredFieldsMap[fieldName];\n        if (!requiredField?.value) {\n          missingRequiredFieldNames.push(fieldName);\n        } else {\n          if (\n            requiredField.type === 'entity' &&\n            (nodeObj[requiredField.value] === undefined ||\n              nodeObj[requiredField.value] === null)\n          ) {\n            missingRequiredFieldNames.push(fieldName);\n          }\n        }\n      });\n\n      missingRequiredFieldNames.forEach((name) => {\n        warnings.push({\n          id: uuid(),\n          message: `${name} ${t('field is missing a value')}`\n        });\n      });\n      return warnings;\n    },\n    [t]\n  );\n\n  const pages = useMemo(\n    () =>\n      page?.widgets &&\n      Object.keys(JSON.parse(page.widgets)).map((key) => {\n        // Static Page\n        const widgetStr = JSON.parse(page.widgets)[key];\n        const widget = widgetStr ? JSON.parse(widgetStr) : null;\n        if (widget?.length) {\n          widget.forEach((w) => {\n            // Add additional parameters from menu. Will get overwriten if\n            // key exists in page widget parms\n            if (pageId) {\n              w.params = {\n                entityName: params?.entityName,\n                pbiReportCode: params?.pbiReportCode,\n                queryId: params?.queryId,\n                inquiryTreeId: params?.InquiryTreeId,\n                udpTagId: params?.udpTagId,\n                requiredFieldsMap: params?.requiredFieldMapping,\n                ...w.params\n              };\n            }\n            if (widgetParams) {\n              w.params = { ...w.params, ...widgetParams };\n            }\n          });\n        }\n        return (\n          <DndProvider\n            backend={HTML5Backend}\n            key={pageId ? `${key}-${params?.entityName}` : key}\n          >\n            <Page\n              user={user}\n              gridConfig={JSON.parse(page.gridProperties)[key]}\n              widgetConfig={widget}\n              disableMargin={disableMargin}\n            />\n          </DndProvider>\n        );\n      }),\n    [page, user, widgetParams, disableMargin, pageId, params]\n  );\n\n  useEffect(() => {\n    if (pageId) {\n      if (pageInfo) {\n        setPage(pageInfo);\n      }\n    } else if (homePage) {\n      setPage(homePage);\n    } else {\n      setPage(pageData);\n    }\n    setAlertWarnings([]);\n  }, [pageId, pageInfo, pageData, homePage]);\n\n  useEffect(() => {\n    if (page?.widgets) {\n      let warnings = [];\n      Object.keys(JSON.parse(page.widgets)).forEach((key) => {\n        // Static Page\n        const widgetStr = JSON.parse(page.widgets)[key];\n        const widget = widgetStr ? JSON.parse(widgetStr) : null;\n        if (widget?.length) {\n          widget.forEach((w) => {\n            // Add additional parameters from menu. Will get overwriten if\n            // key exists in page widget parms\n            if (pageId) {\n              w.params = {\n                entityName: params?.entityName,\n                pbiReportCode: params?.pbiReportCode,\n                queryId: params?.queryId,\n                inquiryTreeId: params?.InquiryTreeId,\n                udpTagId: params?.udpTagId,\n                requiredFieldsMap: params?.requiredFieldMapping,\n                ...w.params\n              };\n            }\n            if (widgetParams) {\n              w.params = { ...w.params, ...widgetParams };\n            }\n            // Adding condition to compare pageId's\n            if (fromMenu || page?.pageId === widgetParams?.pageId) {\n              warnings = getRequiredFieldWarnings(\n                w.requiredParameters,\n                w.params\n              );\n            }\n          });\n        }\n      });\n      setAlertWarnings(warnings);\n    }\n  }, [page, widgetParams, pageId, params, fromMenu, getRequiredFieldWarnings]);\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 (page) {\n      setLocationState({ label: t(page?.name) });\n    }\n  }, [setLocationState, t, page]);\n\n  if (redirectSlug && !pageData) {\n    return <Redirect to={redirectSlug} />;\n  }\n\n  if (pageInfoLoading || pageLoading) {\n    return (\n      <div className={classes.loadingContent}>\n        <CircularProgress size={loadingHeight || 64} />\n      </div>\n    );\n  }\n\n  return (\n    <>\n      {page?.showPageName && (\n        <Card variant={'outlined'}>\n          <PrimaryActionHeader title={page.name} hidePAB single />\n        </Card>\n      )}\n      <div\n        className={page?.pageTypeId === 1 ? classes.staticRoot : classes.root}\n      >\n        {alertWarnings?.length > 0 &&\n          alertWarnings.map((warning) => (\n            <Alert\n              key={warning.id}\n              onClose={() => removeWarning(warning.id)}\n              severity='warning'\n            >\n              {warning.message || ''}\n            </Alert>\n          ))}\n        <PageContextProvider>{pages}</PageContextProvider>\n      </div>\n    </>\n  );\n};\n"],"mappings":"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"}

package/dist/PageNotFoundRoute-BR4QPROq.js

@@ -0,0 +1,112 @@
+import React from "react";
+import { Button, Card, CardContent, Typography, makeStyles } from "@material-ui/core";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Link as Link$1 } from "react-router-dom";
+import { useTranslation } from "react-i18next";
+
+//#region src/routes/components/PageStatus.jsx
+const useStyles$1 = makeStyles((theme) => ({
+	root: {
+		display: "flex",
+		justifyContent: "center",
+		alignItems: "center"
+	},
+	card: {
+		background: theme.palette.primary.main,
+		minWidth: (props) => props === null || props === void 0 ? void 0 : props.minWidth,
+		minHeight: (props) => props === null || props === void 0 ? void 0 : props.minHeight
+	},
+	subHeader: { marginTop: theme.spacing(3) },
+	content: { color: theme.palette.getContrastText(theme.palette.primary.main) },
+	header: {
+		textAlign: "center",
+		marginTop: theme.spacing(2)
+	},
+	button: {
+		marginTop: theme.spacing(8),
+		display: "flex",
+		justifyContent: "center"
+	},
+	largeDisplay: {
+		fontSize: "4rem",
+		color: theme.palette.getContrastText(theme.palette.primary.main)
+	},
+	message: { marginTop: theme.spacing(3) }
+}));
+const PageStatus = (props) => {
+	const classes = useStyles$1(props);
+	const { title, subheader, message, to, buttonLabel, statusCode, showButton = true } = props;
+	return /* @__PURE__ */ jsx("div", {
+		className: classes.root,
+		children: /* @__PURE__ */ jsx(Card, {
+			className: classes.card,
+			children: /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs("div", {
+				className: classes.content,
+				children: [
+					/* @__PURE__ */ jsxs("div", {
+						className: classes.header,
+						children: [statusCode && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Typography, {
+							className: classes.largeDisplay,
+							children: statusCode
+						}) }), /* @__PURE__ */ jsx("div", {
+							className: classes.subHeader,
+							children: /* @__PURE__ */ jsx(Typography, {
+								variant: "h6",
+								children: title
+							})
+						})]
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: classes.message,
+						children: [/* @__PURE__ */ jsx(Typography, {
+							variant: "overline",
+							style: { fontWeight: 700 },
+							children: subheader
+						}), /* @__PURE__ */ jsx("div", {
+							style: { textAlign: "left" },
+							children: /* @__PURE__ */ jsx(Typography, {
+								variant: "caption",
+								children: message
+							})
+						})]
+					}),
+					showButton && /* @__PURE__ */ jsx("div", {
+						className: classes.button,
+						children: /* @__PURE__ */ jsx(Button, {
+							component: Link$1,
+							to,
+							variant: "contained",
+							color: "secondary",
+							id: `udpRecord-PageStatus-${buttonLabel}`,
+							udprecordid: `udpRecord-PageStatus-${buttonLabel}`,
+							children: buttonLabel
+						})
+					})
+				]
+			}) })
+		})
+	});
+};
+
+//#endregion
+//#region src/routes/components/PageNotFoundRoute.jsx
+const useStyles = makeStyles((theme) => ({ root: { marginTop: theme.spacing(4) } }));
+const PageNotFoundRoute = () => {
+	const classes = useStyles();
+	const { t } = useTranslation();
+	return /* @__PURE__ */ jsx("div", {
+		className: classes.root,
+		children: /* @__PURE__ */ jsx(PageStatus, {
+			statusCode: 404,
+			title: t("Page Not Found"),
+			subheader: t("Sorry, we can't find the page you are looking for."),
+			message: t("You may have typed the address incorrectly or you may have used an outdated link."),
+			to: "/",
+			buttonLabel: t("Back to Home Page")
+		})
+	});
+};
+
+//#endregion
+export { PageNotFoundRoute, PageStatus };
+//# sourceMappingURL=PageNotFoundRoute-BR4QPROq.js.map

package/dist/PageNotFoundRoute-BR4QPROq.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageNotFoundRoute-BR4QPROq.js","names":["useStyles","Link"],"sources":["../src/routes/components/PageStatus.jsx","../src/routes/components/PageNotFoundRoute.jsx"],"sourcesContent":["import React from 'react';\nimport {\n  Button,\n  makeStyles,\n  Typography,\n  Card,\n  CardContent,\n} from '@material-ui/core';\nimport { Link } from 'react-router-dom';\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n  },\n  card: {\n    background: theme.palette.primary.main,\n    minWidth: props => props?.minWidth,\n    minHeight: props => props?.minHeight,\n  },\n  subHeader: {\n    marginTop: theme.spacing(3),\n  },\n  content: {\n    color: theme.palette.getContrastText(theme.palette.primary.main),\n  },\n  header: {\n    textAlign: 'center',\n    marginTop: theme.spacing(2),\n  },\n  button: {\n    marginTop: theme.spacing(8),\n    display: 'flex',\n    justifyContent: 'center',\n  },\n  largeDisplay: {\n    fontSize: '4rem',\n    color: theme.palette.getContrastText(theme.palette.primary.main),\n  },\n  message: {\n    marginTop: theme.spacing(3),\n  },\n}));\nexport const PageStatus = props => {\n  const classes = useStyles(props);\n  const {\n    title,\n    subheader,\n    message,\n    to,\n    buttonLabel,\n    statusCode,\n    showButton = true,\n  } = props;\n\n  return (\n    <div className={classes.root}>\n      <Card className={classes.card}>\n        <CardContent>\n          <div className={classes.content}>\n            <div className={classes.header}>\n              {statusCode && (\n                <div>\n                  <Typography className={classes.largeDisplay}>\n                    {statusCode}\n                  </Typography>\n                </div>\n              )}\n              <div className={classes.subHeader}>\n                <Typography variant=\"h6\">{title}</Typography>\n              </div>\n            </div>\n            <div className={classes.message}>\n              <Typography variant=\"overline\" style={{ fontWeight: 700 }}>\n                {subheader}\n              </Typography>\n              <div style={{ textAlign: 'left' }}>\n                <Typography variant=\"caption\">{message}</Typography>\n              </div>\n            </div>\n            {showButton && (\n              <div className={classes.button}>\n                <Button\n                  component={Link}\n                  to={to}\n                  variant=\"contained\"\n                  color=\"secondary\"\n                  id={`udpRecord-PageStatus-${buttonLabel}`}\n                  udprecordid={`udpRecord-PageStatus-${buttonLabel}`}\n                >\n                  {buttonLabel}\n                </Button>\n              </div>\n            )}\n          </div>\n        </CardContent>\n      </Card>\n    </div>\n  );\n};\n","import React from 'react';\nimport { makeStyles } from '@material-ui/core';\nimport { useTranslation } from 'react-i18next';\nimport { PageStatus } from './PageStatus';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    marginTop: theme.spacing(4)\n  }\n}));\n\nexport const PageNotFoundRoute = () => {\n  const classes = useStyles();\n  const { t } = useTranslation();\n  return (\n    <div className={classes.root}>\n      <PageStatus\n        statusCode={404}\n        title={t('Page Not Found')}\n        subheader={t(\"Sorry, we can't find the page you are looking for.\")}\n        message={t(\n          'You may have typed the address incorrectly or you may have used an outdated link.'\n        )}\n        to='/'\n        buttonLabel={t('Back to Home Page')}\n      />\n    </div>\n  );\n};\n"],"mappings":";;;;;;;AAUA,MAAMA,cAAY,YAAW,WAAU;CACrC,MAAM;EACJ,SAAS;EACT,gBAAgB;EAChB,YAAY;EACb;CACD,MAAM;EACJ,YAAY,MAAM,QAAQ,QAAQ;EAClC,WAAU,wDAAS,MAAO;EAC1B,YAAW,wDAAS,MAAO;EAC5B;CACD,WAAW,EACT,WAAW,MAAM,QAAQ,IAC1B;CACD,SAAS,EACP,OAAO,MAAM,QAAQ,gBAAgB,MAAM,QAAQ,QAAQ,OAC5D;CACD,QAAQ;EACN,WAAW;EACX,WAAW,MAAM,QAAQ;EAC1B;CACD,QAAQ;EACN,WAAW,MAAM,QAAQ;EACzB,SAAS;EACT,gBAAgB;EACjB;CACD,cAAc;EACZ,UAAU;EACV,OAAO,MAAM,QAAQ,gBAAgB,MAAM,QAAQ,QAAQ;EAC5D;CACD,SAAS,EACP,WAAW,MAAM,QAAQ,IAC1B;CACF;AACD,MAAa,cAAa,UAAS;CACjC,MAAM,UAAUA,YAAU;CAC1B,MAAM,EACJ,OACA,WACA,SACA,IACA,aACA,YACA,aAAa,MACd,GAAG;AAEJ,QACE,oBAAC;EAAI,WAAW,QAAQ;YACtB,oBAAC;GAAK,WAAW,QAAQ;aACvB,oBAAC,yBACC,qBAAC;IAAI,WAAW,QAAQ;;KACtB,qBAAC;MAAI,WAAW,QAAQ;iBACrB,cACC,oBAAC,mBACC,oBAAC;OAAW,WAAW,QAAQ;iBAC5B;aAIP,oBAAC;OAAI,WAAW,QAAQ;iBACtB,oBAAC;QAAW,SAAQ;kBAAM;;;;KAG9B,qBAAC;MAAI,WAAW,QAAQ;iBACtB,oBAAC;OAAW,SAAQ;OAAW,OAAO,EAAE,YAAY,KAAK;iBACtD;UAEH,oBAAC;OAAI,OAAO,EAAE,WAAW,QAAQ;iBAC/B,oBAAC;QAAW,SAAQ;kBAAW;;;;KAGlC,cACC,oBAAC;MAAI,WAAW,QAAQ;gBACtB,oBAAC;OACC,WAAWC;OACP;OACJ,SAAQ;OACR,OAAM;OACN,IAAI,wBAAwB;OAC5B,aAAa,wBAAwB;iBAEpC;;;;;;;AASlB;;;;AC/FD,MAAM,YAAY,YAAY,WAAW,EACvC,MAAM,EACJ,WAAW,MAAM,QAAQ,IAC1B,EACF;AAED,MAAa,0BAA0B;CACrC,MAAM,UAAU;CAChB,MAAM,EAAE,GAAG,GAAG;AACd,QACE,oBAAC;EAAI,WAAW,QAAQ;YACtB,oBAAC;GACC,YAAY;GACZ,OAAO,EAAE;GACT,WAAW,EAAE;GACb,SAAS,EACP;GAEF,IAAG;GACH,aAAa,EAAE;;;AAItB"}

package/dist/PageNotFoundRoute-B_3_Yw5c.js

@@ -0,0 +1,3 @@
+import { PageNotFoundRoute } from "./PageNotFoundRoute-BR4QPROq.js";
+
+export { PageNotFoundRoute };

package/dist/PageNotFoundRoute-Cu88CEUm.cjs

@@ -0,0 +1,124 @@
+const require_chunk = require('./chunk-DoeelZqw.cjs');
+const react = require_chunk.__toESM(require("react"));
+const __material_ui_core = require_chunk.__toESM(require("@material-ui/core"));
+const react_jsx_runtime = require_chunk.__toESM(require("react/jsx-runtime"));
+const react_router_dom = require_chunk.__toESM(require("react-router-dom"));
+const react_i18next = require_chunk.__toESM(require("react-i18next"));
+
+//#region src/routes/components/PageStatus.jsx
+const useStyles$1 = (0, __material_ui_core.makeStyles)((theme) => ({
+	root: {
+		display: "flex",
+		justifyContent: "center",
+		alignItems: "center"
+	},
+	card: {
+		background: theme.palette.primary.main,
+		minWidth: (props) => props === null || props === void 0 ? void 0 : props.minWidth,
+		minHeight: (props) => props === null || props === void 0 ? void 0 : props.minHeight
+	},
+	subHeader: { marginTop: theme.spacing(3) },
+	content: { color: theme.palette.getContrastText(theme.palette.primary.main) },
+	header: {
+		textAlign: "center",
+		marginTop: theme.spacing(2)
+	},
+	button: {
+		marginTop: theme.spacing(8),
+		display: "flex",
+		justifyContent: "center"
+	},
+	largeDisplay: {
+		fontSize: "4rem",
+		color: theme.palette.getContrastText(theme.palette.primary.main)
+	},
+	message: { marginTop: theme.spacing(3) }
+}));
+const PageStatus = (props) => {
+	const classes = useStyles$1(props);
+	const { title, subheader, message, to, buttonLabel, statusCode, showButton = true } = props;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: classes.root,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__material_ui_core.Card, {
+			className: classes.card,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__material_ui_core.CardContent, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: classes.content,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: classes.header,
+						children: [statusCode && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__material_ui_core.Typography, {
+							className: classes.largeDisplay,
+							children: statusCode
+						}) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: classes.subHeader,
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__material_ui_core.Typography, {
+								variant: "h6",
+								children: title
+							})
+						})]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: classes.message,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__material_ui_core.Typography, {
+							variant: "overline",
+							style: { fontWeight: 700 },
+							children: subheader
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							style: { textAlign: "left" },
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__material_ui_core.Typography, {
+								variant: "caption",
+								children: message
+							})
+						})]
+					}),
+					showButton && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: classes.button,
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__material_ui_core.Button, {
+							component: react_router_dom.Link,
+							to,
+							variant: "contained",
+							color: "secondary",
+							id: `udpRecord-PageStatus-${buttonLabel}`,
+							udprecordid: `udpRecord-PageStatus-${buttonLabel}`,
+							children: buttonLabel
+						})
+					})
+				]
+			}) })
+		})
+	});
+};
+
+//#endregion
+//#region src/routes/components/PageNotFoundRoute.jsx
+const useStyles = (0, __material_ui_core.makeStyles)((theme) => ({ root: { marginTop: theme.spacing(4) } }));
+const PageNotFoundRoute = () => {
+	const classes = useStyles();
+	const { t } = (0, react_i18next.useTranslation)();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: classes.root,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PageStatus, {
+			statusCode: 404,
+			title: t("Page Not Found"),
+			subheader: t("Sorry, we can't find the page you are looking for."),
+			message: t("You may have typed the address incorrectly or you may have used an outdated link."),
+			to: "/",
+			buttonLabel: t("Back to Home Page")
+		})
+	});
+};
+
+//#endregion
+Object.defineProperty(exports, 'PageNotFoundRoute', {
+  enumerable: true,
+  get: function () {
+    return PageNotFoundRoute;
+  }
+});
+Object.defineProperty(exports, 'PageStatus', {
+  enumerable: true,
+  get: function () {
+    return PageStatus;
+  }
+});
+//# sourceMappingURL=PageNotFoundRoute-Cu88CEUm.cjs.map

package/dist/PageNotFoundRoute-Cu88CEUm.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageNotFoundRoute-Cu88CEUm.cjs","names":["useStyles","Card","CardContent","Typography","Button","Link"],"sources":["../src/routes/components/PageStatus.jsx","../src/routes/components/PageNotFoundRoute.jsx"],"sourcesContent":["import React from 'react';\nimport {\n  Button,\n  makeStyles,\n  Typography,\n  Card,\n  CardContent,\n} from '@material-ui/core';\nimport { Link } from 'react-router-dom';\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n  },\n  card: {\n    background: theme.palette.primary.main,\n    minWidth: props => props?.minWidth,\n    minHeight: props => props?.minHeight,\n  },\n  subHeader: {\n    marginTop: theme.spacing(3),\n  },\n  content: {\n    color: theme.palette.getContrastText(theme.palette.primary.main),\n  },\n  header: {\n    textAlign: 'center',\n    marginTop: theme.spacing(2),\n  },\n  button: {\n    marginTop: theme.spacing(8),\n    display: 'flex',\n    justifyContent: 'center',\n  },\n  largeDisplay: {\n    fontSize: '4rem',\n    color: theme.palette.getContrastText(theme.palette.primary.main),\n  },\n  message: {\n    marginTop: theme.spacing(3),\n  },\n}));\nexport const PageStatus = props => {\n  const classes = useStyles(props);\n  const {\n    title,\n    subheader,\n    message,\n    to,\n    buttonLabel,\n    statusCode,\n    showButton = true,\n  } = props;\n\n  return (\n    <div className={classes.root}>\n      <Card className={classes.card}>\n        <CardContent>\n          <div className={classes.content}>\n            <div className={classes.header}>\n              {statusCode && (\n                <div>\n                  <Typography className={classes.largeDisplay}>\n                    {statusCode}\n                  </Typography>\n                </div>\n              )}\n              <div className={classes.subHeader}>\n                <Typography variant=\"h6\">{title}</Typography>\n              </div>\n            </div>\n            <div className={classes.message}>\n              <Typography variant=\"overline\" style={{ fontWeight: 700 }}>\n                {subheader}\n              </Typography>\n              <div style={{ textAlign: 'left' }}>\n                <Typography variant=\"caption\">{message}</Typography>\n              </div>\n            </div>\n            {showButton && (\n              <div className={classes.button}>\n                <Button\n                  component={Link}\n                  to={to}\n                  variant=\"contained\"\n                  color=\"secondary\"\n                  id={`udpRecord-PageStatus-${buttonLabel}`}\n                  udprecordid={`udpRecord-PageStatus-${buttonLabel}`}\n                >\n                  {buttonLabel}\n                </Button>\n              </div>\n            )}\n          </div>\n        </CardContent>\n      </Card>\n    </div>\n  );\n};\n","import React from 'react';\nimport { makeStyles } from '@material-ui/core';\nimport { useTranslation } from 'react-i18next';\nimport { PageStatus } from './PageStatus';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    marginTop: theme.spacing(4)\n  }\n}));\n\nexport const PageNotFoundRoute = () => {\n  const classes = useStyles();\n  const { t } = useTranslation();\n  return (\n    <div className={classes.root}>\n      <PageStatus\n        statusCode={404}\n        title={t('Page Not Found')}\n        subheader={t(\"Sorry, we can't find the page you are looking for.\")}\n        message={t(\n          'You may have typed the address incorrectly or you may have used an outdated link.'\n        )}\n        to='/'\n        buttonLabel={t('Back to Home Page')}\n      />\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;AAUA,MAAMA,kDAAuB,WAAU;CACrC,MAAM;EACJ,SAAS;EACT,gBAAgB;EAChB,YAAY;EACb;CACD,MAAM;EACJ,YAAY,MAAM,QAAQ,QAAQ;EAClC,WAAU,wDAAS,MAAO;EAC1B,YAAW,wDAAS,MAAO;EAC5B;CACD,WAAW,EACT,WAAW,MAAM,QAAQ,IAC1B;CACD,SAAS,EACP,OAAO,MAAM,QAAQ,gBAAgB,MAAM,QAAQ,QAAQ,OAC5D;CACD,QAAQ;EACN,WAAW;EACX,WAAW,MAAM,QAAQ;EAC1B;CACD,QAAQ;EACN,WAAW,MAAM,QAAQ;EACzB,SAAS;EACT,gBAAgB;EACjB;CACD,cAAc;EACZ,UAAU;EACV,OAAO,MAAM,QAAQ,gBAAgB,MAAM,QAAQ,QAAQ;EAC5D;CACD,SAAS,EACP,WAAW,MAAM,QAAQ,IAC1B;CACF;AACD,MAAa,cAAa,UAAS;CACjC,MAAM,UAAUA,YAAU;CAC1B,MAAM,EACJ,OACA,WACA,SACA,IACA,aACA,YACA,aAAa,MACd,GAAG;AAEJ,QACE,2CAAC;EAAI,WAAW,QAAQ;YACtB,2CAACC;GAAK,WAAW,QAAQ;aACvB,2CAACC,4CACC,4CAAC;IAAI,WAAW,QAAQ;;KACtB,4CAAC;MAAI,WAAW,QAAQ;iBACrB,cACC,2CAAC,mBACC,2CAACC;OAAW,WAAW,QAAQ;iBAC5B;aAIP,2CAAC;OAAI,WAAW,QAAQ;iBACtB,2CAACA;QAAW,SAAQ;kBAAM;;;;KAG9B,4CAAC;MAAI,WAAW,QAAQ;iBACtB,2CAACA;OAAW,SAAQ;OAAW,OAAO,EAAE,YAAY,KAAK;iBACtD;UAEH,2CAAC;OAAI,OAAO,EAAE,WAAW,QAAQ;iBAC/B,2CAACA;QAAW,SAAQ;kBAAW;;;;KAGlC,cACC,2CAAC;MAAI,WAAW,QAAQ;gBACtB,2CAACC;OACC,WAAWC;OACP;OACJ,SAAQ;OACR,OAAM;OACN,IAAI,wBAAwB;OAC5B,aAAa,wBAAwB;iBAEpC;;;;;;;AASlB;;;;AC/FD,MAAM,gDAAwB,WAAW,EACvC,MAAM,EACJ,WAAW,MAAM,QAAQ,IAC1B,EACF;AAED,MAAa,0BAA0B;CACrC,MAAM,UAAU;CAChB,MAAM,EAAE,GAAG;AACX,QACE,2CAAC;EAAI,WAAW,QAAQ;YACtB,2CAAC;GACC,YAAY;GACZ,OAAO,EAAE;GACT,WAAW,EAAE;GACb,SAAS,EACP;GAEF,IAAG;GACH,aAAa,EAAE;;;AAItB"}

package/dist/PageNotFoundRoute-DNBUulJh.cjs

@@ -0,0 +1,3 @@
+const require_PageNotFoundRoute = require('./PageNotFoundRoute-Cu88CEUm.cjs');
+
+exports.PageNotFoundRoute = require_PageNotFoundRoute.PageNotFoundRoute;

package/dist/PasswordResetRedirect-BXP3ftKb.js

@@ -0,0 +1,86 @@
+import React, { useEffect, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/utilities/redirect/LocalRedirectUrlStorage.js
+const SessionStorageKey = "local-url";
+const storeInitialPath = () => {
+	if (!window.sessionStorage.getItem(SessionStorageKey) || window.sessionStorage.getItem(SessionStorageKey) === "/" || window.sessionStorage.getItem(SessionStorageKey) === "/null") window.sessionStorage.setItem(SessionStorageKey, window.location.pathname === "/null" ? "/" : window.location.pathname);
+};
+const storeCurrentPath = () => {
+	window.sessionStorage.setItem(SessionStorageKey, window.location.pathname);
+};
+const storePath = (pathname) => {
+	window.sessionStorage.setItem(SessionStorageKey, pathname);
+};
+const getStoredPath = () => {
+	return window.sessionStorage.getItem(SessionStorageKey);
+};
+const clearStoredPath = () => {
+	window.sessionStorage.removeItem(SessionStorageKey);
+};
+
+//#endregion
+//#region src/routes/components/PasswordResetRedirect.jsx
+const PasswordResetRedirect = (props) => {
+	var _props$error3;
+	const [errorDescription, setErrorDescription] = useState(null);
+	useEffect(() => {
+		var _props$error;
+		const hash = window.location.hash || "";
+		if (props === null || props === void 0 || (_props$error = props.error) === null || _props$error === void 0 ? void 0 : _props$error.errorMessage) {
+			var _props$error2;
+			formatError(props === null || props === void 0 || (_props$error2 = props.error) === null || _props$error2 === void 0 ? void 0 : _props$error2.errorMessage);
+		} else if (hash) {
+			const params = new URLSearchParams(hash.substring(1));
+			const errorDescription$1 = params.get("error_description");
+			if (errorDescription$1) formatError(errorDescription$1);
+		}
+	}, [props === null || props === void 0 || (_props$error3 = props.error) === null || _props$error3 === void 0 ? void 0 : _props$error3.errorMessage]);
+	const formatError = (errorDescription$1) => {
+		const decodedDescription = decodeURIComponent(errorDescription$1).replace(/%0d%0a/g, "\n");
+		if (decodedDescription.includes("AADB2C90208")) setErrorDescription("The password reset link has expired.");
+		else if (decodedDescription.includes("AADB2C")) setErrorDescription("Unable to find an account associated to that email.");
+		else setErrorDescription("An unexpected error occurred.");
+	};
+	const handleGoHome = () => {
+		clearStoredPath();
+		window.location.href = "/";
+	};
+	return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("div", {
+		style: {
+			textAlign: "center",
+			marginTop: "50px"
+		},
+		children: [
+			/* @__PURE__ */ jsx("img", {
+				src: "https://customb2cpolicydevtest.blob.core.windows.net/root/unitylogo.svg",
+				alt: "Unity Logo",
+				width: "300",
+				style: {
+					height: "auto",
+					marginBottom: 50
+				}
+			}),
+			errorDescription ? /* @__PURE__ */ jsx("h2", { children: errorDescription }) : /* @__PURE__ */ jsx("h2", { children: "Your password has been successfully reset" }),
+			errorDescription !== "The password reset link has expired." && /* @__PURE__ */ jsx("p", { children: "Please click below to return to the sign in page" }),
+			errorDescription !== "The password reset link has expired." && /* @__PURE__ */ jsx("button", {
+				onClick: handleGoHome,
+				style: {
+					marginTop: "10px",
+					backgroundColor: "#0C2F50",
+					color: "white",
+					border: "none",
+					padding: "10px 20px",
+					cursor: "pointer",
+					borderRadius: "5px",
+					fontSize: "16px"
+				},
+				children: "Sign In"
+			})
+		]
+	}) });
+};
+
+//#endregion
+export { PasswordResetRedirect, clearStoredPath, getStoredPath, storeCurrentPath, storeInitialPath, storePath };
+//# sourceMappingURL=PasswordResetRedirect-BXP3ftKb.js.map