udp-react-enterprise-component-library 25.14.1-beta.8 → 25.16.0

package/dist/BreadCrumbMenu-42SrTsSI.js

@@ -1,54 +0,0 @@
-import React from "react";
-import { Breadcrumbs, Typography, makeStyles } from "@material-ui/core";
-import { Link as Link$1, Route, useHistory } from "react-router-dom";
-import { useTranslation } from "react-i18next";
-
-//#region src/UI/inputs/link/BreadCrumbMenu.jsx
-const useStyles = makeStyles((theme) => ({ link: {
-	textDecoration: "none",
-	color: (props) => props.color === "primary" ? theme?.palette?.getContrastText(theme.palette.primary.main) : theme?.palette?.getContrastText(theme.palette.secondary.main)
-} }));
-const SYSTEM_ROUTE_LABELS = [
-	"inquiry",
-	"page",
-	"menupage",
-	"reports",
-	"virtual",
-	"workflowtask"
-];
-const BreadCrumbMenu = (props) => {
-	const classes = useStyles(props);
-	const { root, breadCrumbAltLabelList = [] } = props;
-	const { t } = useTranslation();
-	const history = useHistory();
-	breadCrumbAltLabelList.forEach((crumb) => crumb.toLowerCase());
-	const breadCrumbLabelList = [...SYSTEM_ROUTE_LABELS, ...breadCrumbAltLabelList];
-	return /* @__PURE__ */ React.createElement(Route, null, ({ location }) => {
-		const pathnames = location.pathname.split("/").filter((x) => x);
-		pathnames.forEach((name) => name.toLowerCase());
-		const useLabel = breadCrumbLabelList.includes(pathnames[pathnames.length - 2]);
-		if (useLabel && history?.location?.state?.label) pathnames[pathnames.length - 1] = history.location.state.label;
-		return /* @__PURE__ */ React.createElement(Breadcrumbs, { "aria-label": "Breadcrumb" }, /* @__PURE__ */ React.createElement(Link$1, {
-			color: "inherit",
-			to: "/",
-			className: classes.link
-		}, t(root)), pathnames.map((value, index) => {
-			if (!!useLabel && index === 0) return null;
-			const last = index === pathnames.length - 1;
-			const to = `/${pathnames.slice(0, index + 1).join("/")}`;
-			const capitalValue = value[0].toUpperCase() + value.slice(1);
-			return last ? /* @__PURE__ */ React.createElement(Typography, {
-				className: classes.link,
-				key: to
-			}, t(capitalValue)) : /* @__PURE__ */ React.createElement(Link$1, {
-				to,
-				key: to,
-				className: classes.link
-			}, t(capitalValue));
-		}));
-	});
-};
-
-//#endregion
-export { BreadCrumbMenu };
-//# sourceMappingURL=BreadCrumbMenu-42SrTsSI.js.map

package/dist/BreadCrumbMenu-42SrTsSI.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BreadCrumbMenu-42SrTsSI.js","names":["Link","RouterLink"],"sources":["../src/UI/inputs/link/BreadCrumbMenu.jsx"],"sourcesContent":["import React from 'react';\nimport { Breadcrumbs, Typography, makeStyles } from '@material-ui/core';\nimport { Link as RouterLink, Link, Route, useHistory } from 'react-router-dom';\nimport { useTranslation } from 'react-i18next';\n\nconst useStyles = makeStyles((theme) => ({\n  link: {\n    textDecoration: 'none',\n    color: (props) =>\n      props.color === 'primary'\n        ? theme?.palette?.getContrastText(theme.palette.primary.main)\n        : theme?.palette?.getContrastText(theme.palette.secondary.main)\n  }\n}));\n\nconst SYSTEM_ROUTE_LABELS = [\n  'inquiry',\n  'page',\n  'menupage',\n  'reports',\n  'virtual',\n  'workflowtask'\n];\n\nexport const BreadCrumbMenu = (props) => {\n  const classes = useStyles(props);\n  const { root, breadCrumbAltLabelList = [] } = props;\n  const { t } = useTranslation();\n  const history = useHistory();\n\n  breadCrumbAltLabelList.forEach((crumb) => crumb.toLowerCase());\n\n  const breadCrumbLabelList = [\n    ...SYSTEM_ROUTE_LABELS,\n    ...breadCrumbAltLabelList\n  ];\n\n  return (\n    <Route>\n      {({ location }) => {\n        const pathnames = location.pathname.split('/').filter((x) => x);\n        pathnames.forEach((name) => name.toLowerCase());\n        // Is true if the 2nd last path part contains the word in the altLabelList\n        const useLabel = breadCrumbLabelList.includes(\n          pathnames[pathnames.length - 2]\n        );\n\n        // Update the last path part to use the menu label if there is one\n        if (useLabel && history?.location?.state?.label) {\n          pathnames[pathnames.length - 1] = history.location.state.label;\n        }\n\n        return (\n          <Breadcrumbs aria-label='Breadcrumb'>\n            <Link color='inherit' to='/' className={classes.link}>\n              {t(root)}\n            </Link>\n            {pathnames.map((value, index) => {\n              if (!!useLabel && index === 0) {\n                return null;\n              }\n              const last = index === pathnames.length - 1;\n              const to = `/${pathnames.slice(0, index + 1).join('/')}`;\n              const capitalValue = value[0].toUpperCase() + value.slice(1);\n\n              return last ? (\n                <Typography className={classes.link} key={to}>\n                  {t(capitalValue)}\n                </Typography>\n              ) : (\n                <RouterLink to={to} key={to} className={classes.link}>\n                  {t(capitalValue)}\n                </RouterLink>\n              );\n            })}\n          </Breadcrumbs>\n        );\n      }}\n    </Route>\n  );\n};\n"],"mappings":";;;;;;AAKA,MAAM,YAAY,YAAY,WAAW,EACvC,MAAM;CACJ,gBAAgB;CAChB,QAAQ,UACN,MAAM,UAAU,YACZ,OAAO,SAAS,gBAAgB,MAAM,QAAQ,QAAQ,KAAK,GAC3D,OAAO,SAAS,gBAAgB,MAAM,QAAQ,UAAU,KAAK;CACpE,EACF,EAAE;AAEH,MAAM,sBAAsB;CAC1B;CACA;CACA;CACA;CACA;CACA;CACD;AAED,MAAa,kBAAkB,UAAU;CACvC,MAAM,UAAU,UAAU,MAAM;CAChC,MAAM,EAAE,MAAM,yBAAyB,EAAE,KAAK;CAC9C,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,UAAU,YAAY;AAE5B,wBAAuB,SAAS,UAAU,MAAM,aAAa,CAAC;CAE9D,MAAM,sBAAsB,CAC1B,GAAG,qBACH,GAAG,uBACJ;AAED,QACE,oCAAC,cACG,EAAE,eAAe;EACjB,MAAM,YAAY,SAAS,SAAS,MAAM,IAAI,CAAC,QAAQ,MAAM,EAAE;AAC/D,YAAU,SAAS,SAAS,KAAK,aAAa,CAAC;EAE/C,MAAM,WAAW,oBAAoB,SACnC,UAAU,UAAU,SAAS,GAC9B;AAGD,MAAI,YAAY,SAAS,UAAU,OAAO,MACxC,WAAU,UAAU,SAAS,KAAK,QAAQ,SAAS,MAAM;AAG3D,SACE,oCAAC,eAAY,cAAW,gBACtB,oCAACA;GAAK,OAAM;GAAU,IAAG;GAAI,WAAW,QAAQ;KAC7C,EAAE,KAAK,CACH,EACN,UAAU,KAAK,OAAO,UAAU;AAC/B,OAAI,CAAC,CAAC,YAAY,UAAU,EAC1B,QAAO;GAET,MAAM,OAAO,UAAU,UAAU,SAAS;GAC1C,MAAM,KAAK,IAAI,UAAU,MAAM,GAAG,QAAQ,EAAE,CAAC,KAAK,IAAI;GACtD,MAAM,eAAe,MAAM,GAAG,aAAa,GAAG,MAAM,MAAM,EAAE;AAE5D,UAAO,OACL,oCAAC;IAAW,WAAW,QAAQ;IAAM,KAAK;MACvC,EAAE,aAAa,CACL,GAEb,oCAACC;IAAe;IAAI,KAAK;IAAI,WAAW,QAAQ;MAC7C,EAAE,aAAa,CACL;IAEf,CACU;GAGZ"}

package/dist/CardList-By_GnGmx.js

@@ -1,78 +0,0 @@
-import { CircularProgress as CircularProgress$1 } from "./CircularProgress-BNz8u0DY.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 { CardList, PaginationPlacement };
-//# sourceMappingURL=CardList-By_GnGmx.js.map

package/dist/CardList-By_GnGmx.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CardList-By_GnGmx.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-BvkdL-P6.js

@@ -1,17 +0,0 @@
-//#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);
-				const childsChildren = matchingChildCatalogObject.properties.filter((property) => property.extendedProperties?.childEntity === true);
-				buildCatalogObjectList(catalogObjects, childsChildren, catalogObjectList);
-			}
-		}
-	}
-};
-
-//#endregion
-export { buildCatalogObjectList };
-//# sourceMappingURL=CatalogUtilities-BvkdL-P6.js.map

package/dist/CatalogUtilities-BvkdL-P6.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CatalogUtilities-BvkdL-P6.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;IAE/C,MAAM,iBAAiB,2BAA2B,WAAW,QAC1D,aAAa,SAAS,oBAAoB,gBAAgB,KAC5D;AAED,2BACE,gBACA,gBACA,kBACD"}

package/dist/ChatBotContext-aIWq8Gqd.js

@@ -1,8 +0,0 @@
-import { createContext } from "react";
-
-//#region src/utilities/chatBot/ChatBotContext.ts
-const ChatBotContext = createContext(null);
-
-//#endregion
-export { ChatBotContext };
-//# sourceMappingURL=ChatBotContext-aIWq8Gqd.js.map

package/dist/ChatBotContext-aIWq8Gqd.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChatBotContext-aIWq8Gqd.js","names":[],"sources":["../src/utilities/chatBot/ChatBotContext.ts"],"sourcesContent":["import { createContext } from 'react';\n\nexport const ChatBotContext = createContext<{\n  messageHistory: any;\n  addMessage: any;\n  removeMessageHistory: any;\n  removeLoadingMessage: any;\n} | null>(null);\n\n"],"mappings":";;;AAEA,MAAa,iBAAiB,cAKpB,KAAK"}

package/dist/ChatBotProvider-DtLgLU17.js

@@ -1,68 +0,0 @@
-import { useUser } from "./useUser-Cn88hlN_.js";
-import { ChatBotContext } from "./ChatBotContext-aIWq8Gqd.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 }) => {
-	const defaultCreatedAt = (/* @__PURE__ */ new Date()).toLocaleString([], {
-		hour: "2-digit",
-		minute: "2-digit",
-		hour12: true
-	});
-	const defaultCreatedBy = {
-		loading: false,
-		name: "AI Assistant"
-	};
-	const messageText = "Welcome! How can I help you search our XWiki Documentation?";
-	const welcomeMessage = {
-		createdAt: defaultCreatedAt,
-		createdBy: defaultCreatedBy,
-		messageContent: messageText,
-		messageStatus: MessageStatus.Sent,
-		outgoing: false,
-		messageText
-	};
-	const [messageHistory, setMessageHistory] = useState([welcomeMessage]);
-	const user = useUser();
-	const createMessage = (messageContent, createdBy, messageText$1) => {
-		return {
-			createdAt: (/* @__PURE__ */ new Date()).toLocaleString([], {
-				hour: "2-digit",
-				minute: "2-digit",
-				hour12: true
-			}),
-			createdBy,
-			messageContent,
-			messageText: messageText$1,
-			messageStatus: MessageStatus.Sent,
-			outgoing: createdBy.id === user?.id
-		};
-	};
-	const addMessage = (messageContent, createdBy, messageText$1) => {
-		const newMessage = createMessage(messageContent, createdBy, messageText$1);
-		setMessageHistory((prevState) => [...prevState, newMessage]);
-	};
-	const removeMessageHistory = (messageContent, createdBy) => {
-		const newMessage = createMessage(messageText, defaultCreatedBy, messageText);
-		setMessageHistory(() => [newMessage]);
-	};
-	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 };
-//# sourceMappingURL=ChatBotProvider-DtLgLU17.js.map

package/dist/ChatBotProvider-DtLgLU17.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChatBotProvider-DtLgLU17.js","names":["welcomeMessage: Message","messageText"],"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 XWiki 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[]>([welcomeMessage]);\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    const newMessage = createMessage(messageText, defaultCreatedBy, messageText) \n    setMessageHistory(() => [newMessage]);\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;CAC/C,MAAM,oCAAmB,IAAI,MAAM,EAAC,eAAe,EAAE,EAAE;EAAE,MAAM;EAAW,QAAQ;EAAW,QAAQ;EAAM,CAAC;CAC5G,MAAM,mBAAmB;EAAC,SAAS;EAAO,MAAM;EAAgB;CAChE,MAAM,cAAc;CACpB,MAAMA,iBAA0B;EAC9B,WAAW;EACX,WAAW;EACX,gBAAgB;EAChB,eAAe,cAAc;EAC7B,UAAU;EACV;EACD;CAED,MAAM,CAAC,gBAAgB,qBAAqB,SAAoB,CAAC,eAAe,CAAC;CACjF,MAAM,OAAO,SAAS;CAEtB,MAAM,iBAAiB,gBAAsC,WAAW,kBAAgB;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,kBAAgB;EACnF,MAAM,aAAa,cAAc,gBAAgB,WAAWC,cAAY;AACxE,qBAAmB,cAAc,CAAC,GAAG,WAAW,WAAW,CAAC;;CAG9D,MAAM,wBAAwB,gBAAsC,cAAc;EAChF,MAAM,aAAa,cAAc,aAAa,kBAAkB,YAAY;AAC5E,0BAAwB,CAAC,WAAW,CAAC;;CAGvC,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-CLXCK-1u.js

@@ -1,251 +0,0 @@
-import { FluentButton } from "./FluentButton-h_8VjXGT.js";
-import { useUser } from "./useUser-Cn88hlN_.js";
-import { apiMutate as apiMutate$1 } from "./useAxiosMutate-BNEb4J04.js";
-import { AmbientTextField } from "./AmbientTextField-BHfLW2L3.js";
-import { useChatBot } from "./useChatBot-CFYM_uhz.js";
-import React, { useCallback, useEffect, useRef, useState } from "react";
-import { Card, CardContent, Link, Typography, makeStyles } from "@material-ui/core";
-import { ConfigService } from "udp-react-stencil-component-library";
-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 = process.env.REACT_APP_AI_SEARCH_URL;
-	const aiSearchIndexName = process.env.REACT_APP_AI_SEARCH_INDEX_NAME;
-	const aiSearchKey = process.env.REACT_APP_AI_SEARCH_KEY;
-	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 = () => {
-		const messageContent = /* @__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 }, "."));
-		addMessage(messageContent, {
-			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", "[");
-			const responseMessage = /* @__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)));
-			addMessage$1(responseMessage, { 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$1(process.env.REACT_APP_UDPAI_API_BASE, `aiservice/llm`, {
-		method: "post",
-		headers: { currentProductId: productId }
-	}, data), [productId]);
-	const sendMessage = async (newMessageContent$1, addMessage$1) => {
-		const body = {
-			modelName: "GPT4O",
-			useCache: "false",
-			payload: {
-				max_tokens: 4096,
-				temperature: .5,
-				n: 1,
-				messages: [
-					{
-						role: "system",
-						content: "You are an assistant helping a user to search through documentation."
-					},
-					...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,
-						authentication: {
-							type: "api_key",
-							key: aiSearchKey
-						},
-						index_name: aiSearchIndexName,
-						filter: `Products/any(p: p eq '${productId}')`
-					}
-				}]
-			}
-		};
-		const aiResponse = await executeQuery({ data: body });
-		parseAiResponse(aiResponse, 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 { ChatContainer, ChatMessage };
-//# sourceMappingURL=ChatContainer-CLXCK-1u.js.map

package/dist/ChatContainer-CLXCK-1u.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChatContainer-CLXCK-1u.js","names":["useStyles","makeStyles","apiMutate","newMessageContent","addMessage"],"sources":["../src/chatBot/ChatMessage.jsx","../src/chatBot/ChatContainer.jsx"],"sourcesContent":["import React from 'react';\nimport { makeStyles } from '@material-ui/core';\nimport { Card, CardContent, Typography } from '@material-ui/core';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    borderRadius: 5,\n    background: (props) => (props.message.outgoing ? '#cdecfa' : '#e1e2e3'),\n    width: '85%',\n    padding: '3px',\n    alignSelf: (props) => props.message.outgoing && 'flex-end',\n    flexShrink: 0, \n    boxShadow: '0 2px 4px rgba(0, 0, 0, 0.1)'\n  },\n  userName: {\n    fontWeight: 'bold'\n  },\n  timestamp: {\n    color: '#A9A9A9',\n    margin: '0 0 0 5px',\n  },\n}));\n\nexport const ChatMessage = (props) => {\n  const classes = useStyles(props);\n  const { message } = props;\n\n  return (\n    <Card className={classes.root}>\n      <CardContent>\n        <div style={{display:'flex', flexDirection:'row'}}>\n          <Typography noWrap variant='caption' className={classes.userName}>\n            {message.createdBy.name}\n          </Typography>\n          {!message.createdBy.loading && (\n            <Typography noWrap variant='caption' className={classes.timestamp}>\n              {message.createdAt}\n            </Typography>\n          )}\n        </div>\n        <div style={{wordWrap: 'break-word'}}>\n          <Typography variant='body2' style={{whiteSpace: 'pre-line'}}>\n            {message.messageContent}\n          </Typography>\n        </div>\n      </CardContent>\n    </Card>\n  );\n};\n\n","import React, { useState, useEffect, useRef, useCallback } from 'react';\nimport { AmbientTextField } from '../UI/inputs/textField/AmbientTextField';\nimport { FluentButton } from '../UI/inputs/buttons/FluentButton';\nimport { useUser } from '../utilities/auth/useUser';\nimport { ChatMessage } from './ChatMessage';\nimport { Link, Typography } from '@material-ui/core';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { apiMutate } from '../utilities/useAxiosMutate';\nimport { useChatBot } from '../utilities/chatBot/useChatBot';\nimport { useTranslation } from 'react-i18next';\nimport { useSnackbar } from 'notistack';\nimport { ConfigService } from 'udp-react-stencil-component-library';\n\nconst useStyles = makeStyles((theme) => ({\n  loadingContainer: {\n    display: 'inline-block',\n    fontSize: '2em', // Adjust the font size to make the whole section bigger\n  },\n  pulseEllipsis: {\n    display: 'inline-block',\n    animation: '$pulse 1.5s infinite',\n    '&:nth-of-type(2)': {\n      animationDelay: '0.5s',\n    },\n    '&:nth-of-type(3)': {\n      animationDelay: '1s',\n    },\n  },\n  '@keyframes pulse': {\n    '0%': {\n      transform: 'scale(1)',\n      opacity: 0.6,\n    },\n    '50%': {\n      transform: 'scale(1.2)',\n      opacity: 1,\n    },\n    '100%': {\n      transform: 'scale(1)',\n      opacity: 0.6,\n    },\n  },\n}));\n\n\nexport const ChatContainer = (props) => {\n  const classes = useStyles();\n  const { messageHistory, addMessage, removeMessageHistory, removeLoadingMessage } = useChatBot()\n  const user = useUser();\n  const [newMessageContent, setNewMessageContent] = useState('');\n  const messageEndRef = useRef(null);\n  const productId = ConfigService.config.UNITY_PRODUCT_ID\n  const aiSearchUrl = process.env.REACT_APP_AI_SEARCH_URL\n  const aiSearchIndexName = process.env.REACT_APP_AI_SEARCH_INDEX_NAME\n  const aiSearchKey = process.env.REACT_APP_AI_SEARCH_KEY\n  const { enqueueSnackbar } = useSnackbar();\n  const { t } = useTranslation();\n\n  const handleSendMessage = async () => {\n    addMessage(newMessageContent, { ...user, name: 'You' }, newMessageContent);\n    setNewMessageContent('');\n    addLoadingMessage();\n\n    try {\n      await sendMessage(newMessageContent, addMessage);\n      removeLoadingMessage();\n    } catch (error) {\n      console.error('Error sending message:', error);\n    }\n  };\n\n  const handleNewSession = async () => {\n    try {\n      await removeMessageHistory();\n      enqueueSnackbar(t(`Chat Session Cleared`), {\n        variant: 'success',\n        anchorOrigin: {\n          vertical: 'top',\n          horizontal: 'center',\n        }\n      });\n    } catch (error) {\n      console.error('Error create new chat session:', error);\n    }\n  }\n\n  const addLoadingMessage = () => {\n    const messageContent = (\n      <div className={classes.loadingContainer}>\n        <span className={classes.pulseEllipsis}>.</span>\n        <span className={classes.pulseEllipsis}>.</span>\n        <span className={classes.pulseEllipsis}>.</span>\n      </div>\n    );\n    addMessage(messageContent, { name: 'AI Assistant', loading: true }, \"\");\n  };\n\n\n  useEffect(() => {\n    messageEndRef.current?.scrollIntoView({ behavior: 'smooth' });\n  }, [messageHistory]);\n\n\n  const formatCitations = (citations) => {\n    return (\n      <div>\n        <ol>\n          {citations.map((citation) => {\n            return (\n              <li>\n                <Link href={citation.url} target='_blank' rel='noopener'>\n                  <Typography variant='body2' style={{ whiteSpace: 'pre-line' }}>\n                    {citation.title}\n                  </Typography>\n                </Link>\n              </li>\n            );\n          })}\n        </ol>\n      </div>\n    );\n  };\n\n  const parseAiResponse = (response, addMessage) => {\n    try {\n      const gptResponseMessage = response.data.LLMResponse.choices[0].message;\n      const messageText = gptResponseMessage.content;\n      const citations = gptResponseMessage.context.citations;\n      const showCitations = messageText.toString().includes('[doc');\n      const textContent = messageText.toString().replaceAll('[doc', '[');\n\n      const responseMessage = (\n        <div>\n          <div style={{ wordWrap: 'break-word' }}>\n            <Typography variant='body2' style={{ whiteSpace: 'pre-line' }}>\n              {textContent}\n            </Typography>\n          </div>\n          {citations.length > 0 && showCitations && (\n            <div>\n              <br />\n              <Typography variant='body2' style={{ whiteSpace: 'pre-line' }}>\n                Refer to the XWiki documents for more info:\n              </Typography>\n              {formatCitations(citations)}\n            </div>\n          )}\n        </div>\n      );\n      addMessage(responseMessage, { name: 'AI Assistant' }, textContent);\n    } catch (e) {\n      const errorMessage = \"Sorry, an error has occurred.\"\n      addMessage(errorMessage, { name: 'AI Assistant' }, errorMessage);\n    }\n\n  };\n\n  const executeQuery = useCallback(\n    async (data, aiModelId) =>\n      apiMutate(\n        process.env.REACT_APP_UDPAI_API_BASE,\n        `aiservice/llm`,\n        {\n          method: 'post',\n          headers: {\n            currentProductId: productId, //temporary bypass -> //currentProductId: '1'\n          }\n        },\n        data\n      ),\n    [productId]\n  );\n\n\n\n  const sendMessage = async (newMessageContent, addMessage) => {\n    const messageHistoryTextArray = messageHistory\n      .map(item => ({\n        role: item.createdBy.name === 'AI Assistant' ? 'assistant' : item.createdBy.name === 'You' ? 'user' : item.createdBy.name,\n        content: item.messageText\n      }));\n\n    const body = {\n      modelName: 'GPT4O',\n      useCache: 'false',\n      payload: {\n        max_tokens: 4096,\n        temperature: 0.5,\n        n: 1,\n        messages: [\n          {\n            role: 'system',\n            content:\n              'You are an assistant helping a user to search through documentation.'\n          },\n          ...messageHistoryTextArray,\n          {\n            role: 'user',\n            content: newMessageContent\n          }\n        ],\n        data_sources: [\n          {\n            type: 'azure_search',\n            parameters: {\n              endpoint: aiSearchUrl,\n              authentication: {\n                type: 'api_key',\n                key: aiSearchKey\n              },\n              index_name: aiSearchIndexName,\n              filter: `Products/any(p: p eq '${productId}')`\n            }\n          }\n        ]\n      }\n    };\n\n    const aiResponse = await executeQuery({ data: body });\n    parseAiResponse(aiResponse, addMessage);\n  }\n\n\n  return (\n    <div style={{ display: 'flex', flexDirection: 'column', height: '100%'}}>\n      <FluentButton id='udpRecord-ChatContainer-NewSession' onClick={handleNewSession}>Clear Chat</FluentButton>\n      <div\n        style={{\n          display: 'flex',\n          flexDirection: 'column',\n          gap: '10px',\n          padding: '3px',\n          height: '100%',\n          overflowY: 'auto',\n          flexGrow: 1\n        }}\n      >\n        {messageHistory.map((message, index) => (\n          <ChatMessage key={index} message={message} />\n        ))}\n        <div ref={messageEndRef} />\n      </div>\n      <div style={{ display: 'flex', flexDirection: 'column', marginTop: '5px', position: 'sticky', bottom: 0, padding: '3px', zIndex: 1, background: 'white' }}>\n        <div style={{ flexGrow: 1 }}>\n          <AmbientTextField\n            id='udpRecord-ChatContainer-Enter'\n            multiline\n            value={newMessageContent}\n            onChange={(e) => setNewMessageContent(e.target.value)}\n            onKeyDown={(e) => {\n              if (e.key === 'Enter' && !e.shiftKey) {\n                e.preventDefault();\n                handleSendMessage();\n              }\n            }}\n          />\n        </div>\n        <FluentButton\n          id='udpRecord-ChatContainer-Send'\n          onClick={handleSendMessage}\n          autoFocus\n          variant='outlined'\n        >\n          Send\n        </FluentButton>\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}