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

package/dist/BulkActionsGridButton-uhTB0AGy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BulkActionsGridButton-uhTB0AGy.js","names":["useStyles","useStyles","PrimaryActionButton","useStyles","makeStyles","Chip","Divider","Tooltip","Typography"],"sources":["../src/UI/utilityDisplay/GridActionBar.jsx","../src/UI/utilityDisplay/GridPrimaryBar.jsx","../src/UI/utilityDisplay/SaveViewFormDialog.jsx","../src/UI/utilityDisplay/ChipSection.jsx","../src/UI/utilityDisplay/BulkActionsGridButton.jsx"],"sourcesContent":["import React from 'react';\nimport {\n  makeStyles,\n  Typography,\n  Tabs,\n  Tab,\n  InputAdornment,\n  lighten\n} from '@material-ui/core';\nimport { AmbientTextField } from '../inputs/textField/AmbientTextField';\nimport {\n  SearchIcon,\n  CombineIcon,\n  ExportIcon,\n  DownloadIcon,\n  BlockedIcon,\n  SaveIcon,\n  DeleteIcon,\n  ClearIcon\n} from '@fluentui/react-icons';\nimport { AmbientTokenButton } from '../inputs/buttons/AmbientTokenButton';\nimport PropTypes from 'prop-types';\n// import {PAHExport} from './PAHExport'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    display: 'flex',\n    flexDirection: 'row',\n    padding: theme.spacing(0.5),\n    background: (props) =>\n      props.background\n        ? props.background\n        : lighten(theme.palette.secondary.light, 0.9)\n  },\n  label: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'flex-end'\n  },\n  title: {\n    flex: 1,\n    display: 'flex',\n    alignItems: 'center',\n    marginLeft: (props) => (props.title ? theme.spacing(2) : 0)\n  },\n  // @todo: switch to Fluent tabs and remove this style\n  tabRoot: {\n    minWidth: 0,\n    textTransform: 'none'\n  },\n  controls: {\n    display: 'flex',\n    alignItems: 'center',\n    gridGap: theme.spacing(2),\n    gap: theme.spacing(2),\n    marginRight: theme.spacing(2)\n  },\n  icon: {\n    background: theme.palette.common.white,\n    padding: theme.spacing(1),\n    color: theme.palette.secondary.main\n  }\n}));\n\nexport const GridActionBar = (props) => {\n  const classes = useStyles(props);\n  const {\n    children,\n    onChange,\n    handleChange,\n    value,\n    exportCSV,\n    exportExcel,\n    exportPDF,\n    fitClick,\n    expandClick,\n    clearClick,\n    exportClick,\n    saveGridConfig,\n    deleteGridConfig,\n    clearGridConfig,\n    title,\n    hideFitGrid = false,\n    hideExpandGrid = false,\n    hideExportGrid = false,\n    hideRemoveFilters = false,\n    hideFilterTab = false,\n    hideGroupTab = false,\n    hideColumnTab = false,\n    hideSearchBar = false\n  } = props;\n\n  const gridControlsExport = (\n    <div>\n      {/* <PAHExport\n        exportCSV={exportCSV}\n        exportExcel={exportExcel}\n        exportPDF={exportPDF}\n      /> */}\n    </div>\n  );\n\n  return (\n    <div className={classes.root}>\n      <div className={classes.title}>\n        {title && (\n          <Typography\n            variant='h6'\n            style={{\n              overflow: 'hidden',\n              whiteSpace: 'nowrap',\n              textOverflow: 'ellipsis'\n            }}\n          >\n            {' '}\n            {title}{' '}\n          </Typography>\n        )}\n        {!hideSearchBar && (\n          <div\n            style={{\n              flex: 1,\n              marginLeft: 16,\n              marginRight: 16,\n              marginTop: -16\n            }}\n          >\n            <AmbientTextField\n              title={title}\n              onChange={onChange}\n              InputProps={{\n                type: 'search',\n                startAdornment: (\n                  <InputAdornment position='start'>\n                    <SearchIcon />\n                  </InputAdornment>\n                )\n              }}\n            />\n          </div>\n        )}\n      </div>\n      <div> {gridControlsExport}</div>\n\n      <div className={classes.controls}>\n        {saveGridConfig && (\n          <AmbientTokenButton\n            iconClassName={classes.icon}\n            icon={SaveIcon}\n            tooltip='Save Grid Configuration'\n            ariaLabel='Save Grid Configuration'\n            onClick={saveGridConfig}\n          />\n        )}\n        {deleteGridConfig && (\n          <AmbientTokenButton\n            iconClassName={classes.icon}\n            icon={DeleteIcon}\n            tooltip='Delete Grid Configuration'\n            ariaLabel='Delete Grid Configuration'\n            onClick={deleteGridConfig}\n          />\n        )}\n        {clearGridConfig && (\n          <AmbientTokenButton\n            iconClassName={classes.icon}\n            icon={ClearIcon}\n            tooltip='Clear Grid Configuration'\n            ariaLabel='Clear Grid Configuration'\n            onClick={clearGridConfig}\n          />\n        )}\n        {!hideFitGrid && (\n          <AmbientTokenButton\n            iconClassName={classes.icon}\n            icon={CombineIcon}\n            tooltip='Fit Grid'\n            ariaLabel='Fit Grid'\n            onClick={fitClick}\n          />\n        )}\n        {!hideExpandGrid && (\n          <AmbientTokenButton\n            iconClassName={classes.icon}\n            icon={ExportIcon}\n            tooltip='Expand Grid'\n            ariaLabel='Expand Grid'\n            onClick={expandClick}\n          />\n        )}\n        {!hideExportGrid && (\n          <AmbientTokenButton\n            iconClassName={classes.icon}\n            icon={DownloadIcon}\n            tooltip='Export Grid'\n            ariaLabel='Export Grid'\n            onClick={exportClick}\n          />\n        )}\n        {!hideRemoveFilters && (\n          <AmbientTokenButton\n            iconClassName={classes.icon}\n            icon={BlockedIcon}\n            tooltip='Remove Filters'\n            ariaLabel='Remove Filters'\n            onClick={clearClick}\n          />\n        )}\n      </div>\n\n      <Tabs\n        value={value}\n        onChange={handleChange}\n        aria-label='basic tabs example'\n      >\n        {!hideFilterTab && (\n          <Tab label='Filter' classes={{ root: classes.tabRoot }} />\n        )}\n        {!hideGroupTab && (\n          <Tab label='Group' classes={{ root: classes.tabRoot }} />\n        )}\n        {!hideColumnTab && (\n          <Tab label='Column' classes={{ root: classes.tabRoot }} />\n        )}\n      </Tabs>\n\n      {children}\n    </div>\n  );\n};\nGridActionBar.propTypes = {\n  /**\n   * Title of the action bar\n   */\n  title: PropTypes.string,\n  /**\n   * Child content to add within action bar\n   */\n  children: PropTypes.node,\n  /**\n   * Handle change function for quick search\n   */\n  handleChange: PropTypes.func,\n  /**\n   * Passes the tab value of the action bar\n   */\n  value: PropTypes.number,\n  /**\n   * Passes click event to function for fit to grid\n   */\n  fitClick: PropTypes.func,\n  /**\n   * Passes click event to function for fit to grid\n   */\n  expandClick: PropTypes.func,\n  /**\n   * Passes click event to function for expanding grid\n   */\n  clearClick: PropTypes.func,\n  /**\n   * Passes click event to function for exporting grid\n   */\n  exportClick: PropTypes.func\n};\n","import React from \"react\";\nimport {\n  AppIconDefaultIcon,\n  BlockedIcon,\n  BulletedTreeListIcon,\n  CombineIcon,\n  ExportIcon,\n  FavoriteStarIcon,\n  FilterIcon,\n  LightbulbIcon,\n  MoreVerticalIcon,\n  SaveIcon,\n  SearchIcon,\n  TripleColumnIcon,\n  UploadIcon\n} from '@fluentui/react-icons';\nimport {\n  InputAdornment,\n  MenuItem,\n  Popover,\n  Typography,\n  makeStyles\n} from '@material-ui/core';\nimport PropTypes from 'prop-types';\nimport { useCallback, useEffect, useMemo, useState } from 'react';\nimport { FluentIcon } from '../../utilities/iconLibrary/FluentIcon';\nimport { AmbientChipButton } from '../inputs/buttons/AmbientChipButton';\nimport { AmbientTokenButton } from '../inputs/buttons/AmbientTokenButton';\nimport PrimaryActionButton from '../inputs/buttons/PrimaryActionButton';\nimport { AmbientTextField } from '../inputs/textField/AmbientTextField';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    display: 'flex',\n    flexDirection: 'row',\n    padding: theme.spacing(0.5)\n    // background: (props) =>\n    //   props.background\n    //     ? props.background\n    //     : lighten(theme.palette.secondary.light, 0.9)\n  },\n  label: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'flex-end'\n  },\n  title: {\n    flex: 1,\n    display: 'flex',\n    alignItems: 'center',\n    marginLeft: (props) => (props.title ? theme.spacing(2) : 0)\n  },\n  // @todo: switch to Fluent tabs and remove this style\n  tabRoot: {\n    minWidth: 0,\n    textTransform: 'none'\n  },\n  controls: {\n    display: 'flex',\n    alignItems: 'center',\n    gridGap: theme.spacing(2),\n    gap: theme.spacing(2),\n    marginRight: theme.spacing(2)\n  },\n  icon: {\n    background: theme.palette.common.white,\n    padding: theme.spacing(1),\n    color: theme.palette.primary.main\n  }\n}));\n\nexport const GridPrimaryBar = (props) => {\n  const classes = useStyles(props);\n  const {\n    children,\n    onChange,\n    fitClick,\n    expandClick,\n    clearClick,\n    exportClick,\n    filterClick,\n    columnsClick,\n    groupClick,\n    title,\n    hiddenActionButtons,\n    hiddenLabels,\n    hideSearchBar = false,\n    secondaryActionButtons,\n    saveViewClick,\n    viewsClick,\n    insightsClick,\n    onPrimaryActionClick,\n    primaryActionDisabled,\n    primaryActionLabel,\n    primaryActionIcon,\n    onSearchKeyDown\n  } = props;\n\n  const [actionButtonMedianPx, setActionButtonMedianPx] = useState(0);\n  const [actionButtons, setActionButtons] = useState([]);\n  const [menuActionButtons, setMenuActionButtons] = useState([]);\n  const [anchorEl, setAnchorEl] = useState(null);\n  const [windowWidthBreakpoint, setWindowWidthBreakpoint] = useState(1400);\n\n  const chipButtonSizePx = 100;\n  const tokenButtonSizePx = 40;\n  const open = Boolean(anchorEl);\n  const id = open ? 'simple-popover' : undefined;\n\n  const defaultActionButtons = useMemo(\n    () => [\n      {\n        icon: SaveIcon,\n        tooltip: 'Save Grid Configuration',\n        label: 'Save View',\n        visible: !hiddenActionButtons.includes('saveView'),\n        hideLabel: hiddenLabels.includes('saveView'),\n        onClick: saveViewClick,\n        background: 'transparent'\n      },\n      {\n        icon: FavoriteStarIcon,\n        tooltip: 'Browse Views',\n        label: 'Views',\n        visible: !hiddenActionButtons.includes('views'),\n        onClick: viewsClick,\n        hideLabel: hiddenLabels.includes('views'),\n        iconClassName: classes.icon\n      },\n      {\n        icon: LightbulbIcon,\n        tooltip: 'Insights',\n        label: 'Insights',\n        visible: !hiddenActionButtons.includes('insights'),\n        hideLabel: hiddenLabels.includes('insights'),\n        onClick: insightsClick,\n        iconClassName: classes.icon\n      },\n      {\n        icon: UploadIcon,\n        tooltip: 'Import/Export',\n        label: 'Import/Export',\n        visible: !!exportClick && !hiddenActionButtons.includes('importExport'),\n        hideLabel: hiddenLabels.includes('importExport'),\n        onClick: exportClick,\n        iconClassName: classes.icon\n      },\n      {\n        icon: BulletedTreeListIcon,\n        tooltip: 'Group',\n        label: 'Group',\n        visible: !!groupClick && !hiddenActionButtons.includes('group'),\n        hideLabel: hiddenLabels.includes('group'),\n        onClick: groupClick,\n        iconClassName: classes.icon\n      },\n      {\n        icon: FilterIcon,\n        tooltip: 'Filter',\n        label: 'Filter',\n        visible: !!filterClick && !hiddenActionButtons.includes('filter'),\n        hideLabel: hiddenLabels.includes('filter'),\n        onClick: filterClick,\n        iconClassName: classes.icon\n      },\n      {\n        icon: TripleColumnIcon,\n        tooltip: 'Columns',\n        label: 'Columns',\n        visible: !!columnsClick && !hiddenActionButtons.includes('columns'),\n        hideLabel: hiddenLabels.includes('columns'),\n        onClick: columnsClick,\n        iconClassName: classes.icon\n      },\n      {\n        icon: CombineIcon,\n        tooltip: 'Fit Grid',\n        label: 'Fit Grid',\n        visible: !!fitClick && !hiddenActionButtons.includes('fitGrid'),\n        hideLabel: hiddenLabels.includes('fitGrid'),\n        onClick: fitClick,\n        iconClassName: classes.icon\n      },\n      {\n        icon: ExportIcon,\n        tooltip: 'Expand Grid',\n        label: 'Expand Grid',\n        visible: !!expandClick && !hiddenActionButtons.includes('expandGrid'),\n        hideLabel: hiddenLabels.includes('expandGrid'),\n        onClick: expandClick,\n        iconClassName: classes.icon\n      },\n      {\n        icon: BlockedIcon,\n        tooltip: 'Clear Filters',\n        label: 'Clear Filters',\n        visible: !!clearClick && !hiddenActionButtons.includes('clearFilters'),\n        hideLabel: hiddenLabels.includes('clearFilters'),\n        onClick: clearClick,\n        iconClassName: classes.icon\n      }\n    ],\n    [\n      classes.icon,\n      clearClick,\n      columnsClick,\n      expandClick,\n      exportClick,\n      filterClick,\n      fitClick,\n      groupClick,\n      hiddenActionButtons,\n      hiddenLabels,\n      insightsClick,\n      saveViewClick,\n      viewsClick\n    ]\n  );\n\n  const handlePopoverClick = (event) => {\n    setAnchorEl(event.currentTarget);\n  };\n\n  const handlePopoverClose = () => {\n    setAnchorEl(null);\n  };\n\n  const formatActionButtons = useCallback(\n    (buttons) => {\n      // This allows users to not have to set the visible and showLabel properties when passing secondaryActionButtons\n      return buttons.map((button) => {\n        if (button.visible === undefined) {\n          button.visible = true;\n        }\n        if (button.hideLabel === undefined) {\n          button.hideLabel = false;\n        }\n        if (button.label === undefined) {\n          button.label = button.tooltip ?? 'Button';\n          button.hideLabel = true;\n        }\n        if (\n          button.iconClassName === undefined &&\n          button.background === undefined\n        ) {\n          button.iconClassName = classes.icon;\n        }\n        return button;\n      });\n    },\n    [classes?.icon]\n  );\n\n  // calculate the action buttons to display based on the window width\n  useEffect(() => {\n    const allActionButtons = formatActionButtons([\n      ...defaultActionButtons,\n      ...secondaryActionButtons\n    ]);\n    const menuButtons = [];\n\n    const numActionButtons =\n      allActionButtons.length - hiddenActionButtons.length;\n    const buttonTotalWidth =\n      numActionButtons * chipButtonSizePx -\n      (chipButtonSizePx - tokenButtonSizePx) * hiddenLabels.length;\n\n    const calculatedMedian = Math.floor(buttonTotalWidth / numActionButtons);\n\n    const breakPointOffset = calculatedMedian > 70 ? 950 : 900;\n    let breakPoint = breakPointOffset + buttonTotalWidth;\n\n    const currentWindowWidth = window.innerWidth;\n    while (currentWindowWidth < breakPoint && allActionButtons.length > 0) {\n      const movedAction = allActionButtons.pop();\n      menuButtons.push(movedAction);\n      breakPoint -= calculatedMedian;\n    }\n\n    setActionButtonMedianPx(calculatedMedian);\n    setActionButtons(allActionButtons);\n    setMenuActionButtons(menuButtons);\n    setWindowWidthBreakpoint(breakPoint);\n  }, [\n    formatActionButtons,\n    defaultActionButtons,\n    secondaryActionButtons,\n    hiddenActionButtons?.length,\n    hiddenLabels?.length\n  ]);\n\n  useEffect(() => {\n    const handleResize = () => {\n      let breakPoint = windowWidthBreakpoint;\n      let visibleButtons = [...actionButtons];\n      let menuButtons = [...menuActionButtons];\n\n      while (window.innerWidth < breakPoint && visibleButtons.length > 0) {\n        const movedAction = visibleButtons.pop();\n        menuButtons.push(movedAction);\n        breakPoint -= actionButtonMedianPx;\n      }\n\n      while (\n        window.innerWidth > breakPoint + actionButtonMedianPx &&\n        menuButtons.length > 0\n      ) {\n        const movedAction = menuButtons.pop(0);\n        visibleButtons.push(movedAction);\n        breakPoint += actionButtonMedianPx;\n      }\n\n      setActionButtons(visibleButtons);\n      setMenuActionButtons(menuButtons);\n      setWindowWidthBreakpoint(breakPoint);\n    };\n\n    window.addEventListener('resize', handleResize);\n    return () => {\n      window.removeEventListener('resize', handleResize);\n    };\n  }, [\n    windowWidthBreakpoint,\n    actionButtons,\n    menuActionButtons,\n    actionButtonMedianPx\n  ]);\n\n  const handleCustomKeyDown = (event) => {\n    if(onSearchKeyDown){\n      if (event.key === 'Enter') {\n        onSearchKeyDown()\n      }\n    }\n\n  }\n\n  return (\n    <div className={classes.root}>\n      <div className={classes.title}>\n        {title && (\n          <Typography\n            variant='h6'\n            style={{\n              overflow: 'hidden',\n              whiteSpace: 'nowrap',\n              textOverflow: 'ellipsis'\n            }}\n          >\n            {' '}\n            {title}{' '}\n          </Typography>\n        )}\n        {!hideSearchBar && (\n          <div\n            style={{\n              flex: 1,\n              marginLeft: 16,\n              marginRight: 16,\n              marginTop: -16,\n              maxWidth: 300\n            }}\n          >\n            <AmbientTextField\n              title={title}\n              onChange={onChange}\n              onKeyDown={handleCustomKeyDown}\n              InputProps={{\n                type: 'search',\n                startAdornment: (\n                  <InputAdornment position='start'>\n                    <SearchIcon />\n                  </InputAdornment>\n                )\n              }}\n            />\n          </div>\n        )}\n      </div>\n\n      <div className={classes.controls}>\n        {actionButtons.map(\n          (button) =>\n            button.visible &&\n            (button.hideLabel ? (\n              <AmbientTokenButton\n                id={\n                  'udpRecord-GridPrimaryBar-Token-' +\n                  button.label.replace(/ /g, '-')\n                }\n                udprecordid={\n                  'udpRecord-GridPrimaryBar-Token-' +\n                  button.label.replace(/ /g, '-')\n                }\n                icon={button.icon ?? AppIconDefaultIcon}\n                tooltip={button.tooltip}\n                onClick={button.onClick}\n                ariaLabel={button.label}\n                iconClassName={button.iconClassName}\n              />\n            ) : (\n              <AmbientChipButton\n                id={\n                  'udpRecord-GridPrimaryBar-Chip-' +\n                  button.label.replace(/ /g, '-')\n                }\n                udprecordid={\n                  'udpRecord-GridPrimaryBar-Chip-' +\n                  button.label.replace(/ /g, '-')\n                }\n                icon={button.icon ?? AppIconDefaultIcon}\n                tooltip={button.tooltip}\n                label={button.label}\n                onClick={button.onClick}\n                background={button.background}\n              />\n            ))\n        )}\n\n        {!!menuActionButtons.length && (\n          <div>\n            <AmbientTokenButton\n              id={id}\n              icon={MoreVerticalIcon}\n              tooltip='More Actions'\n              ariaLabel='More Actions'\n              onClick={handlePopoverClick}\n              iconClassName={classes.icon}\n            />\n            <Popover\n              id={id}\n              open={open}\n              anchorEl={anchorEl}\n              onClose={handlePopoverClose}\n              anchorOrigin={{\n                vertical: 'bottom',\n                horizontal: 'right'\n              }}\n              transformOrigin={{\n                vertical: 'top',\n                horizontal: 'right'\n              }}\n            >\n              {menuActionButtons\n                .slice(0)\n                .reverse()\n                .map((button) => {\n                  if (!button.visible) return null;\n                  return (\n                    <MenuItem\n                      id={\n                        'udpRecord-GridPrimaryBar-MenuItem-' +\n                        button.label.replace(/ /g, '-')\n                      }\n                      udprecordid={\n                        'udpRecord-GridPrimaryBar-MenuItem-' +\n                        button.label.replace(/ /g, '-')\n                      }\n                      onClick={button.onClick}\n                      style={{\n                        display: 'flex',\n                        justifyContent: 'space-between'\n                      }}\n                    >\n                      <Typography>{button.label}</Typography>\n                      <FluentIcon\n                        component={button.icon ?? AppIconDefaultIcon}\n                        style={{ marginLeft: 7 }}\n                      />\n                    </MenuItem>\n                  );\n                })}\n            </Popover>\n          </div>\n        )}\n      </div>\n\n      {onPrimaryActionClick && (\n        <PrimaryActionButton\n          onClick={onPrimaryActionClick}\n          id='udpRecord-GridPrimaryBar-Add'\n          udprecordid='udpRecord-GridPrimaryBar-Add'\n          disabled={primaryActionDisabled}\n        >\n          <Typography style={{ marginLeft: 4 }}>\n            {primaryActionLabel ?? 'Button'}\n          </Typography>\n          <FluentIcon\n            style={{ marginLeft: 7 }}\n            component={primaryActionIcon ?? AppIconDefaultIcon}\n          />\n        </PrimaryActionButton>\n      )}\n    </div>\n  );\n};\n\nGridPrimaryBar.propTypes = {\n  /**\n   * Title of the action bar\n   */\n  title: PropTypes.string,\n  /**\n   * Child content to add within action bar\n   */\n  children: PropTypes.node,\n  /**\n   * The event that occurs when the grid changes due to a search\n   */\n  onChange: PropTypes.func,\n  /**\n   * Passes click event to function for fit to grid\n   */\n  fitClick: PropTypes.func,\n  /**\n   * Passes click event to function for expanding grid\n   */\n  expandClick: PropTypes.func,\n  /**\n   * Passes click event to function for clearing filters\n   */\n  clearClick: PropTypes.func,\n  /**\n   * Passes click event to function for exporting grid\n   */\n  exportClick: PropTypes.func,\n  /**\n   * Passes function that executes on the insights button click\n   */\n  insightsClick: PropTypes.func,\n  /**\n   * Passes click event to function for filtering grid\n   */\n  filterClick: PropTypes.func,\n  /**\n   * Passes click event to function for disabling columns in grid\n   */\n  columnsClick: PropTypes.func,\n  /**\n   * Passes click event to function for grouping grid\n   */\n  groupClick: PropTypes.func,\n  /**\n   * Specifies whether to hide the search bar\n   */\n  hideSearchBar: PropTypes.bool,\n  /**\n   * An optional array of secondary action buttons to display.\n   * Required minimum format:\n   *  {\n        tooltip: 'Description',\n        label: 'Label',\n        onClick: () => console.log('Button clicked'),\n      },\n   */\n  secondaryActionButtons: PropTypes.arrayOf(PropTypes.object),\n  /*\n   * Specifies which action buttons to hide\n   */\n  hiddenActionButtons: PropTypes.arrayOf(\n    PropTypes.oneOf([\n      'saveView',\n      'views',\n      'insights',\n      'importExport',\n      'group',\n      'filter',\n      'columns',\n      'fitGrid',\n      'expandGrid',\n      'clearFilters'\n    ])\n  ),\n  /*\n   * Specifies which action button labels to hide\n   */\n  hiddenLabels: PropTypes.arrayOf(\n    PropTypes.oneOf([\n      'saveView',\n      'views',\n      'insights',\n      'importExport',\n      'group',\n      'filter',\n      'columns',\n      'fitGrid',\n      'expandGrid',\n      'clearFilters'\n    ])\n  ),\n  /**\n   * Passes function that executes on the primary action button click\n   */\n  onPrimaryActionClick: PropTypes.func,\n  /**\n   * Specifies the label for the primary action button\n   */\n  primaryActionLabel: PropTypes.string,\n  /**\n   * Specifies the icon for the primary action button\n   */\n  primaryActionIcon: PropTypes.elementType\n};\n","import {\n  Box,\n  Divider,\n  FormControlLabel,\n  Switch,\n  Typography,\n  makeStyles\n} from '@material-ui/core';\nimport React, { useCallback, useRef } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Field, Form } from '../../utilities/form';\nimport { FluentDialog } from '../feedback/FluentDialog.jsx';\nimport { AmbientTextField } from '../inputs/textField/AmbientTextField.jsx';\nimport { apiMutate } from '../../utilities/useAxiosMutate';\nimport { useHandleAxiosSnackbar } from '../../utilities/apiHelpers.jsx';\nimport { getGridState } from '../../utilities/aggrid/GridFunctions';\nimport PropTypes from 'prop-types';\nimport { VisibilityTypeEnums } from '../../enums/unitySystemEnums';\nimport { ConfigService } from '../../configService';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {},\n  saveForm: {\n    minWidth: 450,\n    paddingLeft: theme.spacing(2),\n    paddingRight: theme.spacing(2)\n  },\n  column: {\n    flex: 1,\n    paddingLeft: theme.spacing(2),\n    paddingRight: theme.spacing(2)\n  },\n  divider: {\n    backgroundColor: 'grey',\n    color: 'grey',\n    width: 2,\n    height: '100%'\n  },\n  infoHeader: {\n    color: 'grey'\n  }\n}));\n\n/**\n * @param {PropTypes.InferProps<typeof SaveViewFormDialog.propTypes>} props\n */\nexport const SaveViewFormDialog = (props) => {\n  const { handleErrorSnackbar, handleSuccessSnackbar } =\n    useHandleAxiosSnackbar();\n  const {\n    open,\n    handleClose,\n    tenant,\n    application,\n    user,\n    refetchViews,\n    gApi,\n    gcApi,\n    gridId,\n    domain,\n    apiCatalogId\n  } = props;\n  const { t } = useTranslation();\n  const classes = useStyles(props);\n\n  const saveViewFormRef = useRef(null);\n  const triggerSaveView = useCallback(() => {\n    saveViewFormRef.current.handleSubmit();\n  }, [saveViewFormRef]);\n\n  const saveView = async (values) => {\n    const data = {\n      data: {\n        gridView: {\n          Name: values.name,\n          GridViewVisibilityTypeId: values.private\n            ? VisibilityTypeEnums.Private\n            : VisibilityTypeEnums.Public,\n          isDefault: 0,\n          tenantId: user?.currentTenantId,\n          userId: user?.id,\n          gridId: gridId,\n          domain: domain,\n          apiCatalogId: apiCatalogId\n        },\n        gridConfigurations: getGridState(gApi, gcApi, gridId)\n      },\n      method: 'POST'\n    };\n    handleClose();\n    await apiMutate(\n      ConfigService.tenantV2ApiUrl,\n      `GridView/createGridView`,\n      data\n    )\n      .then((response) => {\n        handleSuccessSnackbar(t('View Saved'));\n        refetchViews();\n      })\n      .catch((error) => {\n        console.log(error);\n        handleErrorSnackbar(error, t('Failed to Save View'));\n      });\n  };\n\n  return (\n    <FluentDialog\n      title={t('Save New View')}\n      open={open}\n      handleClose={handleClose}\n      labelOne={t('Save View')}\n      labelTwo={t('Cancel')}\n      actionOne={triggerSaveView}\n      actionTwo={handleClose}\n    >\n      <Box display='flex'>\n        <div className={classes.column}>\n          <Typography className={classes.infoHeader} align='left'>\n            {t('Tenant')}\n          </Typography>\n          <Typography variant='subtitle2' align='left'>\n            {tenant ?? '--'}\n          </Typography>\n        </div>\n        <Divider flexItem orientation='vertical' />\n        <div className={classes.column}>\n          <Typography className={classes.infoHeader} align='left'>\n            {t('Application')}\n          </Typography>\n          <Typography variant='subtitle2' align='left'>\n            {application ?? '--'}\n          </Typography>\n        </div>\n        <Divider flexItem orientation='vertical' />\n        <div className={classes.column}>\n          <Typography className={classes.infoHeader} align='left'>\n            {t('Entity')}\n          </Typography>\n          <Typography variant='subtitle2' align='left'>\n            {domain ?? '--'}\n          </Typography>\n        </div>\n      </Box>\n\n      <div className={classes.saveForm}>\n        <Form onSubmit={saveView} ref={saveViewFormRef}>\n          <Field\n            type='text'\n            component={AmbientTextField}\n            name='name'\n            id='name'\n            label={t('Name')}\n            fullWidth={true}\n            required={true}\n            style={{ marginBottom: 20, marginTop: 10 }}\n          />\n\n          <FormControlLabel\n            control={\n              <Field\n                component={Switch}\n                name='private'\n                id='private'\n                defaultValue={false}\n                type='checkbox'\n              />\n            }\n            label={t('Private')}\n            labelPlacement='end'\n          />\n        </Form>\n      </div>\n    </FluentDialog>\n  );\n};\n\nSaveViewFormDialog.propTypes = {\n  open: PropTypes.bool.isRequired, // Determines whether the dialog is open or closed\n  handleClose: PropTypes.func.isRequired, // Function called when the dialog is closed\n  tenant: PropTypes.string, // Tenant value (optional)\n  application: PropTypes.string, // Application value (optional)\n  entity: PropTypes.string, // Entity value (optional)\n  user: PropTypes.object, // User object (optional)\n  columnDefsValues: PropTypes.array, // Array of column definitions values (optional)\n  refetchViews: PropTypes.func, // Function to refetch views (optional)\n  gApi: PropTypes.object, // Grid API object (optional)\n  gcApi: PropTypes.object, // Grid Column API object (optional)\n  setSelectedView: PropTypes.func // Function to set selected view (optional)\n};\n","import React from \"react\";\nimport Chip from '@material-ui/core/Chip';\nimport Divider from '@material-ui/core/Divider';\nimport Tooltip from '@material-ui/core/Tooltip';\nimport Typography from '@material-ui/core/Typography';\nimport { makeStyles } from '@material-ui/core/styles';\nimport StarIcon from '@material-ui/icons/esm/Star';\nimport PropTypes from 'prop-types';\nimport { useRef, useState } from 'react';\nimport { DynamicContainerWithMenu } from '../containers/DynamicContainerWithMenu';\n\nconst useStyles = makeStyles((theme) => ({\n  wrapper: {\n    display: 'flex',\n    gap: theme.spacing(1),\n    flexWrap: 'noWrap',\n    backgroundColor: `${theme.palette.secondary.light}80`, // The \"80\" sets the opacity to 0.5\n    alignItems: 'center',\n    flexGrow: 1,\n    width: '100%'\n  },\n  chipHolder: {\n    display: 'flex',\n    gap: theme.spacing(1),\n    flexWrap: 'noWrap',\n    backgroundColor: `${theme.palette.secondary.light}80`, // The \"80\" sets the opacity to 0.5\n    alignItems: 'center',\n    overflow: 'scroll',\n    '&::-webkit-scrollbar': {\n      display: 'none'\n    },\n    flexGrow: 1\n  },\n  viewChip: {\n    backgroundColor: theme.palette.secondary.main,\n    color: 'white',\n    maxWidth: '150px',\n    transition: 'opacity 0.3s ease',\n    marginLeft: theme.spacing(1)\n  },\n  menuItem: {\n    backgroundColor: 'white'\n  },\n  filterChipMenuIcon: {\n    background: theme.palette.common.grey,\n    padding: theme.spacing(1),\n    color: theme.palette.primary.main\n  },\n  additionalFilterChip: {},\n  KPI: {\n    marginLeft: 'auto',\n    display: 'flex',\n    gap: theme.spacing(1),\n    color: 'grey',\n    width: 'auto'\n  },\n  kpiValue: {\n    color: 'black',\n    fontSize: '1.1em'\n  },\n  kpiItem: {\n    display: 'flex',\n    justifyContent: 'center',\n    width: 'max-content'\n  },\n  kpiLabel: {\n    width: 'max-content',\n    marginRight: theme.spacing(1)\n  },\n  clickedChip: {\n    backgroundColor: theme.palette.primary.main,\n    color: 'white',\n    maxWidth: '150px'\n  },\n  filterChipLabel: {\n    color: theme.palette.text.primary,\n    whiteSpace: 'nowrap',\n    marginRight: theme.spacing(1)\n  },\n  filterChipValue: {\n    color: theme.palette.text.secondary,\n    whiteSpace: 'nowrap'\n  }\n}));\n\nexport const ChipSection = (props) => {\n  // ################### Props ###################\n  const {\n    filterChips = [],\n    viewChips = [],\n    additionalFilterChips = [],\n    hideKpiSection = false,\n    kpiValues = [],\n    maxKPIsDisplayed = 4,\n    handleDelete\n  } = props;\n\n  // ################### Custom hooks ###################\n  const classes = useStyles();\n\n  // ################### Refs ###################\n  const chipRefs = useRef([]);\n  const chipSectionContainerRef = useRef(null);\n  const viewChipsContainerRef = useRef(null);\n  const filterChipsContainerRef = useRef(null);\n  const additionalFilterChipsContainerRef = useRef(null);\n  const kpiContainerRef = useRef(null);\n\n  // ################### States ###################\n  const [selectedFilterChip, setSelectedFilterChip] = useState(null);\n\n  // ################### Helper Function ###################\n  const abbrNum = (number, decPlaces) => {\n    if (typeof number === 'string' && !isNaN(Number(number))) {\n      number = Number(number);\n    } else if (typeof number !== 'number') {\n      throw new Error(\n        'The input must be a number or a string that can be converted to a number.'\n      );\n    }\n\n    if (typeof decPlaces !== 'number') {\n      return null;\n    }\n\n    decPlaces = Math.pow(10, decPlaces);\n    let abbrev = ['k', 'm', 'b', 't'];\n\n    for (let i = abbrev.length - 1; i >= 0; i--) {\n      let size = Math.pow(10, (i + 1) * 3);\n\n      if (size <= number) {\n        number = Math.round((number * decPlaces) / size) / decPlaces;\n\n        if (number === 1000 && i < abbrev.length - 1) {\n          number = 1;\n          i++;\n        }\n\n        number += abbrev[i];\n        break;\n      }\n    }\n\n    return number;\n  };\n\n  const isEmpty = (array) => Array.isArray(array) && array.length === 0;\n\n  const abbreviateLabel = (label) => {\n    const maxLength = 10;\n\n    if (label.length > maxLength) {\n      const newLabel = label.slice(0, maxLength - 3) + '...';\n      return newLabel;\n    } else {\n      return null;\n    }\n  };\n\n  const handleFilterChipToggle = (chip) => {\n    setSelectedFilterChip(chip);\n\n    if (typeof chip.onToggle === 'function') {\n      chip.onToggle();\n    }\n  };\n\n  const handleFilterChipUntoggle = () => {\n    if (selectedFilterChip) {\n      // if the user wants extra functionality when the filter chip is untoggled, call the function\n      if (typeof selectedFilterChip.onUntoggle === 'function') {\n        selectedFilterChip.onUntoggle();\n      }\n\n      setSelectedFilterChip(null);\n    }\n  };\n\n  // ################### Render ###################\n  return (\n    <div\n      ref={chipSectionContainerRef}\n      className={classes.wrapper}\n      style={{\n        display: [\n          kpiValues,\n          additionalFilterChips,\n          viewChips,\n          filterChips\n        ].every((arr) => arr.length === 0)\n          ? 'none'\n          : 'flex'\n      }}\n    >\n      <div className={classes.chipHolder}>\n        <div ref={viewChipsContainerRef}>\n          {viewChips.map((chip, index) => (\n            <Chip\n              onDelete={() => handleDelete('view', index)}\n              key={index}\n              label={chip.label}\n              className={classes.viewChip}\n              icon={<StarIcon />}\n              size='small'\n            />\n          ))}\n        </div>\n\n        {!isEmpty(viewChips) && !isEmpty(filterChips) && (\n          <Divider orientation='vertical' flexItem />\n        )}\n\n        {!isEmpty(filterChips) && (\n          <DynamicContainerWithMenu\n            className={classes.chipHolder}\n            ref={filterChipsContainerRef}\n          >\n            {selectedFilterChip && (\n              <Chip\n                onDelete={handleFilterChipUntoggle}\n                label={selectedFilterChip.label}\n                className={classes.viewChip}\n                size='small'\n              />\n            )}\n            {filterChips.map((chip, index) => {\n              if (selectedFilterChip && chip.id === selectedFilterChip.id) {\n                return null;\n              }\n              return (\n                <Tooltip title={chip.label}>\n                  <Chip\n                    key={index}\n                    label={\n                      <div\n                        style={{\n                          display: 'flex',\n                          flexWrap: 'noWrap'\n                        }}\n                      >\n                        <Typography\n                          noWrap={true}\n                          className={chip.value ? classes.filterChipLabel : ''}\n                        >\n                          {chip.label}\n                        </Typography>\n                        <Typography\n                          noWrap={true}\n                          className={classes.filterChipValue}\n                        >\n                          {chip.value}\n                        </Typography>\n                      </div>\n                    }\n                    className={classes.filterChip}\n                    size='small'\n                    onClick={() => handleFilterChipToggle(chip)}\n                    ref={(el) => (chipRefs.current[index] = el)}\n                  />\n                </Tooltip>\n              );\n            })}\n          </DynamicContainerWithMenu>\n        )}\n\n        {!isEmpty(additionalFilterChips) && !isEmpty(filterChips) && (\n          <Divider orientation='vertical' flexItem />\n        )}\n\n        <div\n          ref={additionalFilterChipsContainerRef}\n          style={{ display: 'flex' }}\n        >\n          {additionalFilterChips.map((chip, index) => (\n            <Chip\n              variant='outlined'\n              onDelete={() => handleDelete('additionalFilter', index)}\n              key={index}\n              label={chip.label}\n              className={classes.additionalFilterChip}\n              size='small'\n            />\n          ))}\n        </div>\n      </div>\n\n      {!hideKpiSection && (\n        <div className={classes.KPI} ref={kpiContainerRef}>\n          {kpiValues.slice(0, 4).map((kpi, index) => (\n            <>\n              <div className={classes.kpiItem} id={index}>\n                <span className={classes.kpiLabel}>\n                  {(abbreviateLabel(kpi.label) && (\n                    <Tooltip title={kpi.label} arrow>\n                      <Typography noWrap={true}>\n                        <span>{kpi.label}:</span>\n                      </Typography>\n                    </Tooltip>\n                  )) || <>{kpi.label}</>}\n                </span>\n                <span className={classes.kpiValue}>\n                  <Tooltip title={kpi.value} arrow>\n                    <span>{abbrNum(kpi.value, 1)}</span>\n                  </Tooltip>\n                </span>\n              </div>\n              {index !== maxKPIsDisplayed - 1 && (\n                <Divider orientation='vertical' flexItem />\n              )}\n            </>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n};\n\nChipSection.propTypes = {\n  /**\n   * An array of filter chips.\n   */\n  filterChips: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string.isRequired,\n      value: PropTypes.string.isRequired\n    })\n  ),\n  /**\n   * An array of view chips.\n   */\n  viewChips: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string.isRequired\n    })\n  ),\n  /**\n   * An array of additional filter chips.\n   */\n  additionalFilterChips: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string.isRequired\n    })\n  ),\n  /**\n   * Indicates whether to hide the KPI section.\n   */\n  hideKpiSection: PropTypes.bool,\n  /**\n   * An array of KPI values.\n   */\n  kpiValues: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string.isRequired,\n      value: PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n        .isRequired\n    })\n  ),\n  /**\n   * The maximum number of KPIs to display.\n   */\n  maxKPIsDisplayed: PropTypes.number,\n  /**\n   * A function to handle chip deletion.\n   */\n  handleDelete: PropTypes.func,\n  /**\n   * The index of the selected filter chip.\n   */\n  selectedFilterChipsIndex: PropTypes.number,\n  /**\n   * A function to set the selected filter chip index.\n   */\n  setSelectedFilterChipsIndex: PropTypes.func\n};\n","import React, { useState } from 'react';\nimport {\n  Badge,\n  Popover,\n  MenuItem,\n  Typography,\n  Tooltip\n} from '@material-ui/core';\nimport { FluentButton } from '../inputs/buttons/FluentButton';\nimport { ChevronDownIcon } from '@fluentui/react-icons';\nimport { FluentIcon } from '../../utilities/iconLibrary/FluentIcon';\nimport { AppIconDefaultIcon, ErrorIcon } from '@fluentui/react-icons';\n\nexport const BulkActionsGridButton = (props) => {\n  const { numSelectedRows, bulkActions, triggerAction, domain } = props;\n\n  const [actionsAnchorEl, setActionsAnchorEl] = useState(null);\n\n  const handleBulkActionsClick = (event) => {\n    setActionsAnchorEl(event.currentTarget);\n  };\n\n  const triggerBulkAction = (actionId) => {\n    triggerAction(actionId);\n  };\n\n  const filterAction = (action) => {\n    return !!domain\n      ? JSON.parse(action?.parameters)?.entityName === domain\n      : true;\n  };\n\n  return (\n    <div style={{ marginTop: 5, marginLeft: 20 }}>\n      <Badge badgeContent={numSelectedRows} color='secondary'>\n        <FluentButton\n          type='button'\n          onClick={handleBulkActionsClick}\n          variant='outlined'\n          color='primary'\n          endIcon={<FluentIcon component={ChevronDownIcon} size='small' />}\n        >\n          With Selected\n        </FluentButton>\n      </Badge>\n      <Popover\n        id={'actions'}\n        open={Boolean(actionsAnchorEl)}\n        anchorEl={actionsAnchorEl}\n        onClose={() => setActionsAnchorEl(null)}\n        anchorOrigin={{\n          vertical: 'bottom',\n          horizontal: 'right'\n        }}\n        transformOrigin={{\n          vertical: 'top',\n          horizontal: 'right'\n        }}\n      >\n        {bulkActions &&\n          bulkActions.map((action) => {\n            const valid = filterAction(action);\n            return (\n              <Tooltip\n                placement='right'\n                title={\n                  !valid ? 'Action entity does not match data grid entity' : ''\n                }\n              >\n                <span>\n                  <MenuItem\n                    onClick={() => triggerBulkAction(action.actionId)}\n                    style={{\n                      display: 'flex',\n                      justifyContent: 'space-between'\n                    }}\n                    disabled={!valid}\n                  >\n                    <Typography>{action.name}</Typography>\n                    <FluentIcon\n                      component={\n                        valid ? action.icon ?? AppIconDefaultIcon : ErrorIcon\n                      }\n                      style={{ marginLeft: 7 }}\n                      color={!valid && 'red'}\n                    />\n                  </MenuItem>\n                </span>\n              </Tooltip>\n            );\n          })}\n      </Popover>\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/CardList-BPNGTxsh.js

@@ -0,0 +1,78 @@
+import { t as CircularProgress$1 } from "./CircularProgress-D9GixVnK.js";
+import React, { useState } from "react";
+import { makeStyles } from "@material-ui/core";
+import clsx from "clsx";
+import PropTypes from "prop-types";
+import Pagination from "@material-ui/lab/Pagination";
+
+//#region src/UI/dataDisplay/cardList/enum.ts
+let PaginationPlacement = /* @__PURE__ */ function(PaginationPlacement$1) {
+	PaginationPlacement$1["RIGHT"] = "right";
+	PaginationPlacement$1["LEFT"] = "left";
+	PaginationPlacement$1["CENTER"] = "center";
+	return PaginationPlacement$1;
+}({});
+
+//#endregion
+//#region src/UI/dataDisplay/cardList/CardList.jsx
+const useStyles = makeStyles(() => ({
+	paginationWrapper: { display: "flex" },
+	centerPagination: { justifyContent: "center" },
+	rightPagination: { justifyContent: "flex-end" }
+}));
+const CardList = ({ itemComponent: ItemComponent, data = [], componentDataMap, pagination = false, itemsPerPage = 10, isServerSide = false, totalItems = 0, onPageChange = null, currentPage = 1, isLoading = false, paginationPlacement = PaginationPlacement.LEFT }) => {
+	const [clientPage, setClientPage] = useState(1);
+	const classes = useStyles();
+	const page = isServerSide ? currentPage : clientPage;
+	const safeData = Array.isArray(data) ? data : [];
+	const paginatedData = pagination && !isServerSide ? safeData.slice((page - 1) * itemsPerPage, page * itemsPerPage) : safeData;
+	const handlePageChange = (event, value) => {
+		if (isServerSide) onPageChange(value);
+		else setClientPage(value);
+	};
+	const mappedData = (item) => {
+		const props = {};
+		for (const [key, value] of Object.entries(componentDataMap)) props[value] = item[key];
+		return props;
+	};
+	return /* @__PURE__ */ React.createElement("div", null, isLoading ? /* @__PURE__ */ React.createElement(CircularProgress$1, null) : /* @__PURE__ */ React.createElement(React.Fragment, null, paginatedData.map((item, index) => /* @__PURE__ */ React.createElement(ItemComponent, {
+		key: index,
+		...mappedData(item)
+	})), pagination && /* @__PURE__ */ React.createElement("div", { className: clsx(classes.paginationWrapper, {
+		[classes.centerPagination]: paginationPlacement === PaginationPlacement.CENTER,
+		[classes.rightPagination]: paginationPlacement === PaginationPlacement.RIGHT
+	}) }, /* @__PURE__ */ React.createElement(Pagination, {
+		count: Math.ceil(isServerSide ? totalItems / itemsPerPage : safeData.length / itemsPerPage),
+		page,
+		onChange: handlePageChange,
+		disabled: isLoading
+	}))));
+};
+CardList.propTypes = {
+	itemComponent: PropTypes.elementType.isRequired,
+	data: PropTypes.arrayOf(PropTypes.object),
+	componentDataMap: PropTypes.objectOf(PropTypes.string).isRequired,
+	pagination: PropTypes.bool,
+	itemsPerPage: PropTypes.number,
+	isServerSide: PropTypes.bool,
+	totalItems: PropTypes.number,
+	onPageChange: PropTypes.func,
+	currentPage: PropTypes.number,
+	isLoading: PropTypes.bool,
+	paginationPlacement: PropTypes.string
+};
+CardList.defaultProps = {
+	data: [],
+	pagination: false,
+	itemsPerPage: 10,
+	isServerSide: false,
+	totalItems: 0,
+	onPageChange: null,
+	currentPage: 1,
+	isLoading: false,
+	paginationPlacement: PaginationPlacement.LEFT
+};
+
+//#endregion
+export { PaginationPlacement as n, CardList as t };
+//# sourceMappingURL=CardList-BPNGTxsh.js.map

package/dist/CardList-BPNGTxsh.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardList-BPNGTxsh.js","names":["CircularProgress"],"sources":["../src/UI/dataDisplay/cardList/enum.ts","../src/UI/dataDisplay/cardList/CardList.jsx"],"sourcesContent":["export enum PaginationPlacement {\n  RIGHT = 'right',\n  LEFT = 'left',\n  CENTER = 'center'\n}\n","import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { makeStyles } from '@material-ui/core';\nimport clsx from 'clsx';\nimport Pagination from '@material-ui/lab/Pagination';\nimport { CircularProgress } from '../../loading/CircularProgress';\nimport { PaginationPlacement } from './enum';\n\nconst useStyles = makeStyles(() => ({\n  paginationWrapper: {\n    display: 'flex'\n  },\n  centerPagination: {\n    justifyContent: 'center'\n  },\n  rightPagination: {\n    justifyContent: 'flex-end'\n  }\n}));\n\nexport const CardList = ({\n  itemComponent: ItemComponent,\n  data = [],\n  componentDataMap,\n  pagination = false,\n  itemsPerPage = 10,\n  isServerSide = false,\n  totalItems = 0,\n  onPageChange = null,\n  currentPage = 1,\n  isLoading = false,\n  paginationPlacement = PaginationPlacement.LEFT\n}) => {\n  const [clientPage, setClientPage] = useState(1);\n  const classes = useStyles();\n\n  const page = isServerSide ? currentPage : clientPage;\n\n  const safeData = Array.isArray(data) ? data : [];\n\n  const paginatedData =\n    pagination && !isServerSide\n      ? safeData.slice((page - 1) * itemsPerPage, page * itemsPerPage)\n      : safeData;\n\n  const handlePageChange = (event, value) => {\n    if (isServerSide) {\n      onPageChange(value);\n    } else {\n      setClientPage(value);\n    }\n  };\n\n  const mappedData = (item) => {\n    const props = {};\n    for (const [key, value] of Object.entries(componentDataMap)) {\n      props[value] = item[key];\n    }\n    return props;\n  };\n\n  return (\n    <div>\n      {isLoading ? (\n        <CircularProgress />\n      ) : (\n        <>\n          {paginatedData.map((item, index) => (\n            <ItemComponent key={index} {...mappedData(item)} />\n          ))}\n          {pagination && (\n            <div\n              className={clsx(classes.paginationWrapper, {\n                [classes.centerPagination]:\n                  paginationPlacement === PaginationPlacement.CENTER,\n                [classes.rightPagination]:\n                  paginationPlacement === PaginationPlacement.RIGHT\n              })}\n            >\n              <Pagination\n                count={Math.ceil(\n                  isServerSide\n                    ? totalItems / itemsPerPage\n                    : safeData.length / itemsPerPage\n                )}\n                page={page}\n                onChange={handlePageChange}\n                disabled={isLoading}\n              />\n            </div>\n          )}\n        </>\n      )}\n    </div>\n  );\n};\n\nCardList.propTypes = {\n  itemComponent: PropTypes.elementType.isRequired,\n  data: PropTypes.arrayOf(PropTypes.object),\n  componentDataMap: PropTypes.objectOf(PropTypes.string).isRequired,\n  pagination: PropTypes.bool,\n  itemsPerPage: PropTypes.number,\n  isServerSide: PropTypes.bool,\n  totalItems: PropTypes.number,\n  onPageChange: PropTypes.func,\n  currentPage: PropTypes.number,\n  isLoading: PropTypes.bool,\n  paginationPlacement: PropTypes.string\n};\n\nCardList.defaultProps = {\n  data: [],\n  pagination: false,\n  itemsPerPage: 10,\n  isServerSide: false,\n  totalItems: 0,\n  onPageChange: null,\n  currentPage: 1,\n  isLoading: false,\n  paginationPlacement: PaginationPlacement.LEFT\n};\n"],"mappings":";;;;;;;;AAAA,IAAY,sEAAL;AACL;AACA;AACA;;;;;;ACKF,MAAM,YAAY,kBAAkB;CAClC,mBAAmB,EACjB,SAAS,QACV;CACD,kBAAkB,EAChB,gBAAgB,UACjB;CACD,iBAAiB,EACf,gBAAgB,YACjB;CACF,EAAE;AAEH,MAAa,YAAY,EACvB,eAAe,eACf,OAAO,EAAE,EACT,kBACA,aAAa,OACb,eAAe,IACf,eAAe,OACf,aAAa,GACb,eAAe,MACf,cAAc,GACd,YAAY,OACZ,sBAAsB,oBAAoB,WACtC;CACJ,MAAM,CAAC,YAAY,iBAAiB,SAAS,EAAE;CAC/C,MAAM,UAAU,WAAW;CAE3B,MAAM,OAAO,eAAe,cAAc;CAE1C,MAAM,WAAW,MAAM,QAAQ,KAAK,GAAG,OAAO,EAAE;CAEhD,MAAM,gBACJ,cAAc,CAAC,eACX,SAAS,OAAO,OAAO,KAAK,cAAc,OAAO,aAAa,GAC9D;CAEN,MAAM,oBAAoB,OAAO,UAAU;AACzC,MAAI,aACF,cAAa,MAAM;MAEnB,eAAc,MAAM;;CAIxB,MAAM,cAAc,SAAS;EAC3B,MAAM,QAAQ,EAAE;AAChB,OAAK,MAAM,CAAC,KAAK,UAAU,OAAO,QAAQ,iBAAiB,CACzD,OAAM,SAAS,KAAK;AAEtB,SAAO;;AAGT,QACE,oCAAC,aACE,YACC,oCAACA,yBAAmB,GAEpB,0DACG,cAAc,KAAK,MAAM,UACxB,oCAAC;EAAc,KAAK;EAAO,GAAI,WAAW,KAAK;GAAI,CACnD,EACD,cACC,oCAAC,SACC,WAAW,KAAK,QAAQ,mBAAmB;GACxC,QAAQ,mBACP,wBAAwB,oBAAoB;GAC7C,QAAQ,kBACP,wBAAwB,oBAAoB;EAC/C,CAAC,IAEF,oCAAC;EACC,OAAO,KAAK,KACV,eACI,aAAa,eACb,SAAS,SAAS,aACvB;EACK;EACN,UAAU;EACV,UAAU;GACV,CACE,CAEP,CAED;;AAIV,SAAS,YAAY;CACnB,eAAe,UAAU,YAAY;CACrC,MAAM,UAAU,QAAQ,UAAU,OAAO;CACzC,kBAAkB,UAAU,SAAS,UAAU,OAAO,CAAC;CACvD,YAAY,UAAU;CACtB,cAAc,UAAU;CACxB,cAAc,UAAU;CACxB,YAAY,UAAU;CACtB,cAAc,UAAU;CACxB,aAAa,UAAU;CACvB,WAAW,UAAU;CACrB,qBAAqB,UAAU;CAChC;AAED,SAAS,eAAe;CACtB,MAAM,EAAE;CACR,YAAY;CACZ,cAAc;CACd,cAAc;CACd,YAAY;CACZ,cAAc;CACd,aAAa;CACb,WAAW;CACX,qBAAqB,oBAAoB;CAC1C"}

package/dist/CatalogUtilities-CAPPpjBH.js

@@ -0,0 +1,16 @@
+//#region src/utilities/catalog/CatalogUtilities.js
+const buildCatalogObjectList = (catalogObjects, children, catalogObjectList) => {
+	if (children.length > 0) for (const child of children) {
+		const matchingChildCatalogObject = catalogObjectList.find((co) => co.catalogObjectName === child.reference);
+		if (matchingChildCatalogObject) {
+			if (!catalogObjects.find((co) => co.catalogObjectName === matchingChildCatalogObject.catalogObjectName)) {
+				catalogObjects.push(matchingChildCatalogObject);
+				buildCatalogObjectList(catalogObjects, matchingChildCatalogObject.properties.filter((property) => property.extendedProperties?.childEntity === true), catalogObjectList);
+			}
+		}
+	}
+};
+
+//#endregion
+export { buildCatalogObjectList as t };
+//# sourceMappingURL=CatalogUtilities-CAPPpjBH.js.map

package/dist/CatalogUtilities-CAPPpjBH.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CatalogUtilities-CAPPpjBH.js","names":[],"sources":["../src/utilities/catalog/CatalogUtilities.js"],"sourcesContent":["export const buildCatalogObjectList = (\n  catalogObjects,\n  children,\n  catalogObjectList\n) => {\n  if (children.length > 0) {\n    for (const child of children) {\n      const matchingChildCatalogObject = catalogObjectList.find(\n        (co) => co.catalogObjectName === child.reference\n      );\n\n      if (matchingChildCatalogObject) {\n        const existingCatalogObject = catalogObjects.find(\n          (co) =>\n            co.catalogObjectName ===\n            matchingChildCatalogObject.catalogObjectName\n        );\n\n        if (!existingCatalogObject) {\n          catalogObjects.push(matchingChildCatalogObject);\n\n          const childsChildren = matchingChildCatalogObject.properties.filter(\n            (property) => property.extendedProperties?.childEntity === true\n          );\n\n          buildCatalogObjectList(\n            catalogObjects,\n            childsChildren,\n            catalogObjectList\n          );\n        }\n      }\n    }\n  }\n};\n"],"mappings":";AAAA,MAAa,0BACX,gBACA,UACA,sBACG;AACH,KAAI,SAAS,SAAS,EACpB,MAAK,MAAM,SAAS,UAAU;EAC5B,MAAM,6BAA6B,kBAAkB,MAClD,OAAO,GAAG,sBAAsB,MAAM,UACxC;AAED,MAAI,4BAOF;OAAI,CAN0B,eAAe,MAC1C,OACC,GAAG,sBACH,2BAA2B,kBAC9B,EAE2B;AAC1B,mBAAe,KAAK,2BAA2B;AAM/C,2BACE,gBALqB,2BAA2B,WAAW,QAC1D,aAAa,SAAS,oBAAoB,gBAAgB,KAC5D,EAKC,kBACD"}

package/dist/ChartSummaryToggle-BxJXaJO8.js

@@ -0,0 +1,30 @@
+import { t as FluentIcon } from "./FluentIcon-DQ6nSDJg.js";
+import React, { useCallback } from "react";
+import { ChartIcon, NumberedListIcon } from "@fluentui/react-icons";
+import ToggleButton from "@material-ui/lab/ToggleButton";
+import ToggleButtonGroup from "@material-ui/lab/ToggleButtonGroup";
+
+//#region src/UI/widgets/FluentComponents/ChartSummaryToggle.jsx
+const ChartSummaryToggle = (props) => {
+	const { value, onChange } = props;
+	const change = useCallback((e, value$1) => onChange && onChange(value$1), [onChange]);
+	return /* @__PURE__ */ React.createElement(ToggleButtonGroup, {
+		value,
+		exclusive: true,
+		onChange: change,
+		"aria-label": "chart summary mode toggle"
+	}, /* @__PURE__ */ React.createElement(ToggleButton, {
+		name: "chart-summary-mode",
+		value: "summary",
+		"aria-label": "summary"
+	}, /* @__PURE__ */ React.createElement(FluentIcon, { component: NumberedListIcon })), /* @__PURE__ */ React.createElement(ToggleButton, {
+		name: "chart-summary-mode",
+		value: "chart",
+		"aria-label": "chart"
+	}, /* @__PURE__ */ React.createElement(FluentIcon, { component: ChartIcon })));
+};
+var ChartSummaryToggle_default = ChartSummaryToggle;
+
+//#endregion
+export { ChartSummaryToggle_default as t };
+//# sourceMappingURL=ChartSummaryToggle-BxJXaJO8.js.map

package/dist/ChartSummaryToggle-BxJXaJO8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartSummaryToggle-BxJXaJO8.js","names":["value"],"sources":["../src/UI/widgets/FluentComponents/ChartSummaryToggle.jsx"],"sourcesContent":["import React, { useCallback } from 'react'\nimport ToggleButton from '@material-ui/lab/ToggleButton'\nimport ToggleButtonGroup from '@material-ui/lab/ToggleButtonGroup'\nimport { ChartIcon, NumberedListIcon } from '@fluentui/react-icons'\nimport { FluentIcon } from '../../../utilities/iconLibrary/FluentIcon'\n\nconst ChartSummaryToggle = (props) => {\n  const { value, onChange } = props\n\n  const change = useCallback((e, value) => onChange && onChange(value), [\n    onChange\n  ])\n\n  return (\n    <ToggleButtonGroup\n      value={value}\n      exclusive\n      onChange={change}\n      aria-label='chart summary mode toggle'\n    >\n      <ToggleButton\n        name='chart-summary-mode'\n        value='summary'\n        aria-label='summary'\n      >\n        <FluentIcon component={NumberedListIcon} />\n      </ToggleButton>\n      <ToggleButton name='chart-summary-mode' value='chart' aria-label='chart'>\n        <FluentIcon component={ChartIcon} />\n      </ToggleButton>\n    </ToggleButtonGroup>\n  )\n}\n\nexport default ChartSummaryToggle\n"],"mappings":";;;;;;;AAMA,MAAM,sBAAsB,UAAU;CACpC,MAAM,EAAE,OAAO,aAAa;CAE5B,MAAM,SAAS,aAAa,GAAG,YAAU,YAAY,SAASA,QAAM,EAAE,CACpE,SACD,CAAC;AAEF,QACE,oCAAC;EACQ;EACP;EACA,UAAU;EACV,cAAW;IAEX,oCAAC;EACC,MAAK;EACL,OAAM;EACN,cAAW;IAEX,oCAAC,cAAW,WAAW,mBAAoB,CAC9B,EACf,oCAAC;EAAa,MAAK;EAAqB,OAAM;EAAQ,cAAW;IAC/D,oCAAC,cAAW,WAAW,YAAa,CACvB,CACG;;AAIxB,iCAAe"}

package/dist/ChatBotProvider-CmrKYl2I.js

@@ -0,0 +1,55 @@
+import { t as useUser } from "./useUser-wpHGo6jU.js";
+import { t as ChatBotContext } from "./ChatBotContext-CgEZrG-E.js";
+import React, { useState } from "react";
+
+//#region src/utilities/chatBot/ChatBotProvider.tsx
+var MessageStatus = /* @__PURE__ */ function(MessageStatus$1) {
+	MessageStatus$1[MessageStatus$1["Sent"] = 0] = "Sent";
+	MessageStatus$1[MessageStatus$1["Delivered"] = 1] = "Delivered";
+	MessageStatus$1[MessageStatus$1["Error"] = -1] = "Error";
+	return MessageStatus$1;
+}(MessageStatus || {});
+const ChatBotProvider = ({ children }) => {
+	(/* @__PURE__ */ new Date()).toLocaleString([], {
+		hour: "2-digit",
+		minute: "2-digit",
+		hour12: true
+	});
+	MessageStatus.Sent;
+	const [messageHistory, setMessageHistory] = useState([]);
+	const user = useUser();
+	const createMessage = (messageContent, createdBy, messageText) => {
+		return {
+			createdAt: (/* @__PURE__ */ new Date()).toLocaleString([], {
+				hour: "2-digit",
+				minute: "2-digit",
+				hour12: true
+			}),
+			createdBy,
+			messageContent,
+			messageText,
+			messageStatus: MessageStatus.Sent,
+			outgoing: createdBy.id === user?.id
+		};
+	};
+	const addMessage = (messageContent, createdBy, messageText) => {
+		const newMessage = createMessage(messageContent, createdBy, messageText);
+		setMessageHistory((prevState) => [...prevState, newMessage]);
+	};
+	const removeMessageHistory = (messageContent, createdBy) => {
+		setMessageHistory(() => []);
+	};
+	const removeLoadingMessage = () => {
+		setMessageHistory((prevState) => prevState.filter((message) => !message.createdBy.loading));
+	};
+	return /* @__PURE__ */ React.createElement(ChatBotContext.Provider, { value: {
+		messageHistory,
+		addMessage,
+		removeMessageHistory,
+		removeLoadingMessage
+	} }, children);
+};
+
+//#endregion
+export { ChatBotProvider as t };
+//# sourceMappingURL=ChatBotProvider-CmrKYl2I.js.map

package/dist/ChatBotProvider-CmrKYl2I.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatBotProvider-CmrKYl2I.js","names":[],"sources":["../src/utilities/chatBot/ChatBotProvider.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { useUser } from '../auth/useUser';\nimport { ChatBotContext } from './ChatBotContext';\n\ninterface Message {\n  createdAt: string | undefined;\n  createdBy: { name: string; loading: boolean };\n  messageContent: string | JSX.Element | undefined;\n  messageStatus: MessageStatus | undefined;\n  outgoing: boolean | undefined;\n  messageText: string | undefined;\n}\n\nenum MessageStatus {\n  Sent = 0,\n  Delivered = 1,\n  Error = -1\n}\n\n\nexport const ChatBotProvider = ({ children }) => {\n  const defaultCreatedAt = new Date().toLocaleString([], { hour: '2-digit', minute: '2-digit', hour12: true });\n  const defaultCreatedBy = {loading: false, name: 'AI Assistant' };\n  const messageText = 'Welcome! How can I help you search our Product Documentation?';\n  const welcomeMessage: Message = {\n    createdAt: defaultCreatedAt,\n    createdBy: defaultCreatedBy,\n    messageContent: messageText,\n    messageStatus: MessageStatus.Sent,\n    outgoing: false,\n    messageText\n  };\n\n  const [messageHistory, setMessageHistory] = useState<Message[]>([]);\n  const user = useUser();\n\n  const createMessage = (messageContent: string | JSX.Element, createdBy, messageText) => {\n    const newMessage: Message = {\n      createdAt: new Date().toLocaleString([], { hour: '2-digit', minute: '2-digit', hour12: true }),\n      createdBy,\n      messageContent,\n      messageText,\n      messageStatus: MessageStatus.Sent,\n      outgoing: createdBy.id === user?.id,\n    };\n\n    return newMessage\n  }\n\n  const addMessage = (messageContent: string | JSX.Element, createdBy, messageText) => {\n    const newMessage = createMessage(messageContent, createdBy, messageText)\n    setMessageHistory((prevState) => [...prevState, newMessage]);\n  };\n\n  const removeMessageHistory = (messageContent: string | JSX.Element, createdBy) => {\n    setMessageHistory(() => []);\n  };\n\n  const removeLoadingMessage = () => {\n    setMessageHistory((prevState) =>\n      prevState.filter((message) => !message.createdBy.loading)\n    );\n  };\n\n  return (\n    <ChatBotContext.Provider\n      value={{\n        messageHistory,\n        addMessage,\n        removeMessageHistory,\n        removeLoadingMessage,\n      }}\n    >\n      {children}\n    </ChatBotContext.Provider>\n  );\n};\n"],"mappings":";;;;;AAaA,IAAK,0DAAL;AACE;AACA;AACA;;EAHG;AAOL,MAAa,mBAAmB,EAAE,eAAe;AACtB,sBAAI,MAAM,EAAC,eAAe,EAAE,EAAE;EAAE,MAAM;EAAW,QAAQ;EAAW,QAAQ;EAAM,CAAC;AAG5E,CAIf,cAAc;CAK/B,MAAM,CAAC,gBAAgB,qBAAqB,SAAoB,EAAE,CAAC;CACnE,MAAM,OAAO,SAAS;CAEtB,MAAM,iBAAiB,gBAAsC,WAAW,gBAAgB;AAUtF,SAT4B;GAC1B,4BAAW,IAAI,MAAM,EAAC,eAAe,EAAE,EAAE;IAAE,MAAM;IAAW,QAAQ;IAAW,QAAQ;IAAM,CAAC;GAC9F;GACA;GACA;GACA,eAAe,cAAc;GAC7B,UAAU,UAAU,OAAO,MAAM;GAClC;;CAKH,MAAM,cAAc,gBAAsC,WAAW,gBAAgB;EACnF,MAAM,aAAa,cAAc,gBAAgB,WAAW,YAAY;AACxE,qBAAmB,cAAc,CAAC,GAAG,WAAW,WAAW,CAAC;;CAG9D,MAAM,wBAAwB,gBAAsC,cAAc;AAChF,0BAAwB,EAAE,CAAC;;CAG7B,MAAM,6BAA6B;AACjC,qBAAmB,cACjB,UAAU,QAAQ,YAAY,CAAC,QAAQ,UAAU,QAAQ,CAC1D;;AAGH,QACE,oCAAC,eAAe,YACd,OAAO;EACL;EACA;EACA;EACA;EACD,IAEA,SACuB"}

package/dist/ChatContainer-CXzPIP9R.js

@@ -0,0 +1,254 @@
+import { t as FluentButton } from "./FluentButton-BexKrnAp.js";
+import { t as ConfigService } from "./configService-C4uoG3wj.js";
+import { t as useUser } from "./useUser-wpHGo6jU.js";
+import { t as apiMutate } from "./useAxiosMutate-DeqKSi5z.js";
+import { t as AmbientTextField } from "./AmbientTextField-CdnqPJUw.js";
+import { t as useChatBot } from "./useChatBot-DsJZ4f0O.js";
+import React, { useCallback, useEffect, useRef, useState } from "react";
+import { Card, CardContent, Link, Typography, makeStyles } from "@material-ui/core";
+import { useSnackbar } from "notistack";
+import { useTranslation } from "react-i18next";
+import { makeStyles as makeStyles$1 } from "@material-ui/core/styles";
+
+//#region src/chatBot/ChatMessage.jsx
+const useStyles$1 = makeStyles((theme) => ({
+	root: {
+		borderRadius: 5,
+		background: (props) => props.message.outgoing ? "#cdecfa" : "#e1e2e3",
+		width: "85%",
+		padding: "3px",
+		alignSelf: (props) => props.message.outgoing && "flex-end",
+		flexShrink: 0,
+		boxShadow: "0 2px 4px rgba(0, 0, 0, 0.1)"
+	},
+	userName: { fontWeight: "bold" },
+	timestamp: {
+		color: "#A9A9A9",
+		margin: "0 0 0 5px"
+	}
+}));
+const ChatMessage = (props) => {
+	const classes = useStyles$1(props);
+	const { message } = props;
+	return /* @__PURE__ */ React.createElement(Card, { className: classes.root }, /* @__PURE__ */ React.createElement(CardContent, null, /* @__PURE__ */ React.createElement("div", { style: {
+		display: "flex",
+		flexDirection: "row"
+	} }, /* @__PURE__ */ React.createElement(Typography, {
+		noWrap: true,
+		variant: "caption",
+		className: classes.userName
+	}, message.createdBy.name), !message.createdBy.loading && /* @__PURE__ */ React.createElement(Typography, {
+		noWrap: true,
+		variant: "caption",
+		className: classes.timestamp
+	}, message.createdAt)), /* @__PURE__ */ React.createElement("div", { style: { wordWrap: "break-word" } }, /* @__PURE__ */ React.createElement(Typography, {
+		variant: "body2",
+		style: { whiteSpace: "pre-line" }
+	}, message.messageContent))));
+};
+
+//#endregion
+//#region src/chatBot/ChatContainer.jsx
+const useStyles = makeStyles$1((theme) => ({
+	loadingContainer: {
+		display: "inline-block",
+		fontSize: "2em"
+	},
+	pulseEllipsis: {
+		display: "inline-block",
+		animation: "$pulse 1.5s infinite",
+		"&:nth-of-type(2)": { animationDelay: "0.5s" },
+		"&:nth-of-type(3)": { animationDelay: "1s" }
+	},
+	"@keyframes pulse": {
+		"0%": {
+			transform: "scale(1)",
+			opacity: .6
+		},
+		"50%": {
+			transform: "scale(1.2)",
+			opacity: 1
+		},
+		"100%": {
+			transform: "scale(1)",
+			opacity: .6
+		}
+	}
+}));
+const ChatContainer = (props) => {
+	const classes = useStyles();
+	const { messageHistory, addMessage, removeMessageHistory, removeLoadingMessage } = useChatBot();
+	const user = useUser();
+	const [newMessageContent, setNewMessageContent] = useState("");
+	const messageEndRef = useRef(null);
+	const productId = ConfigService.config.UNITY_PRODUCT_ID;
+	const aiSearchUrl = ConfigService.config.AI_SEARCH_URL;
+	const aiSearchIndexName = ConfigService.config.AI_SEARCH_INDEX_NAME;
+	const aiSearchKey = ConfigService.config.AI_SEARCH_KEY;
+	const udpAiApiBase = ConfigService.config.UDPAI_API_BASE;
+	const { enqueueSnackbar } = useSnackbar();
+	const { t } = useTranslation();
+	const handleSendMessage = async () => {
+		addMessage(newMessageContent, {
+			...user,
+			name: "You"
+		}, newMessageContent);
+		setNewMessageContent("");
+		addLoadingMessage();
+		try {
+			await sendMessage(newMessageContent, addMessage);
+			removeLoadingMessage();
+		} catch (error) {
+			console.error("Error sending message:", error);
+		}
+	};
+	const handleNewSession = async () => {
+		try {
+			await removeMessageHistory();
+			enqueueSnackbar(t(`Chat Session Cleared`), {
+				variant: "success",
+				anchorOrigin: {
+					vertical: "top",
+					horizontal: "center"
+				}
+			});
+		} catch (error) {
+			console.error("Error create new chat session:", error);
+		}
+	};
+	const addLoadingMessage = () => {
+		addMessage(/* @__PURE__ */ React.createElement("div", { className: classes.loadingContainer }, /* @__PURE__ */ React.createElement("span", { className: classes.pulseEllipsis }, "."), /* @__PURE__ */ React.createElement("span", { className: classes.pulseEllipsis }, "."), /* @__PURE__ */ React.createElement("span", { className: classes.pulseEllipsis }, ".")), {
+			name: "AI Assistant",
+			loading: true
+		}, "");
+	};
+	useEffect(() => {
+		messageEndRef.current?.scrollIntoView({ behavior: "smooth" });
+	}, [messageHistory]);
+	const formatCitations = (citations) => {
+		return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("ol", null, citations.map((citation) => {
+			return /* @__PURE__ */ React.createElement("li", null, /* @__PURE__ */ React.createElement(Link, {
+				href: citation.url,
+				target: "_blank",
+				rel: "noopener"
+			}, /* @__PURE__ */ React.createElement(Typography, {
+				variant: "body2",
+				style: { whiteSpace: "pre-line" }
+			}, citation.title)));
+		})));
+	};
+	const parseAiResponse = (response, addMessage$1) => {
+		try {
+			const gptResponseMessage = response.data.LLMResponse.choices[0].message;
+			const messageText = gptResponseMessage.content;
+			const citations = gptResponseMessage.context.citations;
+			const showCitations = messageText.toString().includes("[doc");
+			const textContent = messageText.toString().replaceAll("[doc", "[");
+			addMessage$1(/* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { style: { wordWrap: "break-word" } }, /* @__PURE__ */ React.createElement(Typography, {
+				variant: "body2",
+				style: { whiteSpace: "pre-line" }
+			}, textContent)), citations.length > 0 && showCitations && /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("br", null), /* @__PURE__ */ React.createElement(Typography, {
+				variant: "body2",
+				style: { whiteSpace: "pre-line" }
+			}, "Refer to the XWiki documents for more info:"), formatCitations(citations))), { name: "AI Assistant" }, textContent);
+		} catch (e) {
+			const errorMessage = "Sorry, an error has occurred.";
+			addMessage$1(errorMessage, { name: "AI Assistant" }, errorMessage);
+		}
+	};
+	const executeQuery = useCallback(async (data, aiModelId) => apiMutate(udpAiApiBase, `aiservice/llm`, {
+		method: "post",
+		headers: { currentProductId: productId }
+	}, data), [productId, udpAiApiBase]);
+	const sendMessage = async (newMessageContent$1, addMessage$1) => {
+		parseAiResponse(await executeQuery({ data: {
+			modelName: "gpt-4o",
+			useCache: "false",
+			payload: {
+				max_tokens: 4096,
+				temperature: .5,
+				n: 1,
+				presence_penalty: 0,
+				messages: [
+					{
+						role: "system",
+						content: "You are an assistant helping a user using existing knowledge supplemented by additional data."
+					},
+					...messageHistory.map((item) => ({
+						role: item.createdBy.name === "AI Assistant" ? "assistant" : item.createdBy.name === "You" ? "user" : item.createdBy.name,
+						content: item.messageText
+					})),
+					{
+						role: "user",
+						content: newMessageContent$1
+					}
+				],
+				data_sources: [{
+					type: "azure_search",
+					parameters: {
+						endpoint: aiSearchUrl,
+						semantic_configuration: aiSearchIndexName,
+						query_type: "semantic",
+						in_scope: false,
+						strictness: 1,
+						top_n_documents: 5,
+						authentication: {
+							type: "api_key",
+							key: aiSearchKey
+						},
+						index_name: aiSearchIndexName,
+						filter: `Products/any(p: p eq '${productId}')`
+					}
+				}]
+			}
+		} }), addMessage$1);
+	};
+	return /* @__PURE__ */ React.createElement("div", { style: {
+		display: "flex",
+		flexDirection: "column",
+		height: "100%"
+	} }, /* @__PURE__ */ React.createElement(FluentButton, {
+		id: "udpRecord-ChatContainer-NewSession",
+		onClick: handleNewSession
+	}, "Clear Chat"), /* @__PURE__ */ React.createElement("div", { style: {
+		display: "flex",
+		flexDirection: "column",
+		gap: "10px",
+		padding: "3px",
+		height: "100%",
+		overflowY: "auto",
+		flexGrow: 1
+	} }, messageHistory.map((message, index) => /* @__PURE__ */ React.createElement(ChatMessage, {
+		key: index,
+		message
+	})), /* @__PURE__ */ React.createElement("div", { ref: messageEndRef })), /* @__PURE__ */ React.createElement("div", { style: {
+		display: "flex",
+		flexDirection: "column",
+		marginTop: "5px",
+		position: "sticky",
+		bottom: 0,
+		padding: "3px",
+		zIndex: 1,
+		background: "white"
+	} }, /* @__PURE__ */ React.createElement("div", { style: { flexGrow: 1 } }, /* @__PURE__ */ React.createElement(AmbientTextField, {
+		id: "udpRecord-ChatContainer-Enter",
+		multiline: true,
+		value: newMessageContent,
+		onChange: (e) => setNewMessageContent(e.target.value),
+		onKeyDown: (e) => {
+			if (e.key === "Enter" && !e.shiftKey) {
+				e.preventDefault();
+				handleSendMessage();
+			}
+		}
+	})), /* @__PURE__ */ React.createElement(FluentButton, {
+		id: "udpRecord-ChatContainer-Send",
+		onClick: handleSendMessage,
+		autoFocus: true,
+		variant: "outlined"
+	}, "Send")));
+};
+
+//#endregion
+export { ChatMessage as n, ChatContainer as t };
+//# sourceMappingURL=ChatContainer-CXzPIP9R.js.map