udp-react-enterprise-component-library 25.14.1-beta.9 → 25.16.1

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/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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"}

package/dist/CircleButton-DBPFjNl1.js

@@ -1,240 +0,0 @@
-import { LayoutUnit } from "./LayoutUnit-fGVQwt6Y.js";
-import { IconRenderer } from "./IconRenderer-DiwGfDul.js";
-import { TimelineDateBar, TimelineStatus } from "./MttYearTag-Cb_oIUNq.js";
-import React, { useState } from "react";
-import { ButtonBase, Divider, Fade, Paper, Tooltip, Typography, makeStyles } from "@material-ui/core";
-import clsx from "clsx";
-import PropTypes from "prop-types";
-
-//#region src/componentSystems/multiThreadTimeline/ui/SummaryToken.jsx
-const useStyles$4 = makeStyles((theme) => ({
-	root: {
-		display: "flex",
-		minHeight: 200,
-		background: (props) => !props.hidebackground && "whitesmoke"
-	},
-	dateBar: { width: 130 },
-	centerWrapper: {
-		display: "flex",
-		justifyContent: "center"
-	}
-}));
-const SummaryToken = (props) => {
-	const { title, short, showMonth, amount, status, date, user, icon, months = [], className, month, balance } = props;
-	const classes = useStyles$4(props);
-	return /* @__PURE__ */ React.createElement("div", { className: clsx(classes.root, className) }, /* @__PURE__ */ React.createElement("div", { style: {
-		display: "flex",
-		flexDirection: "column",
-		justifyContent: "space-between",
-		width: 130
-	} }, /* @__PURE__ */ React.createElement("div", {
-		style: { marginRight: -8 },
-		className: classes.centerWrapper
-	}, icon), /* @__PURE__ */ React.createElement("div", { style: {
-		height: 24,
-		display: "flex",
-		justifyContent: "center"
-	} }, /* @__PURE__ */ React.createElement(Divider, { orientation: "vertical" })), /* @__PURE__ */ React.createElement("div", { style: {
-		display: "flex",
-		flexDirection: "column"
-	} }, /* @__PURE__ */ React.createElement(LayoutUnit, { unit: "nudge" }), /* @__PURE__ */ React.createElement("div", { style: { textAlign: "center" } }, /* @__PURE__ */ React.createElement(Tooltip, { title }, /* @__PURE__ */ React.createElement(Typography, {
-		variant: "subtitle2",
-		style: {
-			textOverflow: "ellipsis",
-			overflow: "hidden",
-			whiteSpace: "nowrap"
-		}
-	}, title))), /* @__PURE__ */ React.createElement(LayoutUnit, { unit: "nudge" }), amount && /* @__PURE__ */ React.createElement("div", { style: { textAlign: "center" } }, /* @__PURE__ */ React.createElement(Tooltip, { title: amount }, /* @__PURE__ */ React.createElement(Typography, { style: {
-		textOverflow: "ellipsis",
-		overflow: "hidden",
-		whiteSpace: "nowrap"
-	} }, amount))), !amount && /* @__PURE__ */ React.createElement("div", { style: {
-		display: "flex",
-		justifyContent: "center"
-	} }, /* @__PURE__ */ React.createElement(TimelineStatus, { status })), /* @__PURE__ */ React.createElement("div", { style: { textAlign: "center" } }, /* @__PURE__ */ React.createElement(Typography, { variant: "caption" }, date), /* @__PURE__ */ React.createElement("div", { style: {
-		textOverflow: "ellipsis",
-		overflow: "hidden",
-		whiteSpace: "nowrap"
-	} }, /* @__PURE__ */ React.createElement(Tooltip, { title: user }, /* @__PURE__ */ React.createElement(Typography, { variant: "caption" }, user))), /* @__PURE__ */ React.createElement("div", { style: {
-		textOverflow: "ellipsis",
-		overflow: "hidden",
-		whiteSpace: "nowrap"
-	} }, /* @__PURE__ */ React.createElement(Tooltip, { title: balance }, /* @__PURE__ */ React.createElement(Typography, { variant: "caption" }, balance))))), /* @__PURE__ */ React.createElement(LayoutUnit, { unit: "xxs" }), !short && /* @__PURE__ */ React.createElement("div", { className: classes.dateBar }, /* @__PURE__ */ React.createElement(TimelineDateBar, {
-		month,
-		showMonth,
-		months
-	}))));
-};
-SummaryToken.propTypes = {
-	title: PropTypes.string,
-	short: PropTypes.bool,
-	showMonth: PropTypes.bool,
-	amount: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-	status: PropTypes.string,
-	date: PropTypes.string,
-	user: PropTypes.string,
-	icon: PropTypes.element,
-	months: PropTypes.array,
-	className: PropTypes.string,
-	month: PropTypes.string,
-	balance: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-	hidebackground: PropTypes.bool
-};
-
-//#endregion
-//#region src/componentSystems/multiThreadTimeline/ui/TimelineToggleButton.jsx
-/**
-* @returns {import('@material-ui/core/styles').WithStyles<import('@material-ui/core/styles/withStyles').Styles<any, {}, string>>}
-*/
-const useStyles$3 = makeStyles((theme) => ({
-	root: {
-		display: "flex",
-		alignItems: "center",
-		cursor: "pointer"
-	},
-	off: { opacity: .5 }
-}));
-const TimelineToggleButton = ({ title, timelineItem, handleClick, icon, off }) => {
-	const classes = useStyles$3();
-	const [filter, setFilter] = useState(true);
-	const selectFilter = () => {
-		setFilter(!filter);
-	};
-	return /* @__PURE__ */ React.createElement("div", {
-		className: classes.root,
-		onClick: handleClick,
-		onMouseUp: selectFilter
-	}, /* @__PURE__ */ React.createElement("div", { className: off && classes.off }, icon), /* @__PURE__ */ React.createElement("div", { style: {
-		marginTop: -4,
-		marginRight: 48
-	} }, /* @__PURE__ */ React.createElement(Typography, {
-		variant: "caption",
-		style: { textDecoration: !filter && "line-through" }
-	}, title)));
-};
-TimelineToggleButton.propTypes = {
-	title: PropTypes.string.isRequired,
-	timelineItem: PropTypes.object,
-	handleClick: PropTypes.func.isRequired,
-	icon: PropTypes.node.isRequired,
-	off: PropTypes.bool
-};
-
-//#endregion
-//#region src/componentSystems/multiThreadTimeline/ui/TimelineTopRowFilter.jsx
-const useStyles$2 = makeStyles((theme) => ({
-	root: {},
-	menu: {
-		marginTop: 10,
-		marginRight: 8,
-		marginBottom: 20
-	}
-}));
-const TimelineTopRowFilter = ({ filterList, filterCall, filterListGroup, off, clear }) => {
-	const classes = useStyles$2();
-	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { style: { display: "flex" } }, filterListGroup && filterListGroup.map((item) => {
-		return /* @__PURE__ */ React.createElement(TimelineToggleButton, {
-			title: item.name,
-			timelineItem: item.name,
-			handleClick: () => filterCall(item.name),
-			off,
-			icon: /* @__PURE__ */ React.createElement(IconRenderer, {
-				noBorder: true,
-				value: {
-					color: { hex: "#" + item.color },
-					name: item.icon
-				}
-			})
-		});
-	})))));
-};
-TimelineTopRowFilter.propTypes = {
-	filterList: PropTypes.array,
-	filterCall: PropTypes.func,
-	filterListGroup: PropTypes.array,
-	off: PropTypes.bool,
-	clear: PropTypes.func
-};
-
-//#endregion
-//#region src/componentSystems/multiThreadTimeline/ui/DateWrapper.jsx
-const useStyles$1 = makeStyles((theme) => ({
-	root: {
-		display: "flex",
-		alignContent: "flex-end",
-		cursor: "pointer",
-		justifyContent: "center"
-	},
-	wrapper: { display: "flex" },
-	countWrapper: {
-		background: "#E9DADB",
-		borderRadius: 25,
-		padding: 8
-	}
-}));
-const DateWrapper = ({ children, date, months, count }) => {
-	const classes = useStyles$1();
-	const [show, setShow] = useState(true);
-	const threadHeight = 165;
-	const MONTHS = {
-		1: "Jan",
-		2: "Feb",
-		3: "March",
-		4: "Apr",
-		5: "May",
-		6: "June",
-		7: "July",
-		8: "Aug",
-		9: "Sept",
-		10: "Oct",
-		11: "Nov",
-		12: "Dec"
-	};
-	const orderedMonths = [months];
-	orderedMonths.sort(function(a, b) {
-		return a - b;
-	});
-	const output = orderedMonths.map(function(i) {
-		return MONTHS[i];
-	});
-	return /* @__PURE__ */ React.createElement("div", { onClick: () => setShow(!show) }, /* @__PURE__ */ React.createElement(Fade, { in: show }, /* @__PURE__ */ React.createElement("div", null, show && /* @__PURE__ */ React.createElement("div", { className: classes.wrapper }, children, " "))), /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement("div", null, !show && /* @__PURE__ */ React.createElement("div", { style: {
-		height: threadHeight,
-		display: "flex",
-		justifyContent: "center"
-	} }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { className: classes.countWrapper }, /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle2" }, " + "), count), /* @__PURE__ */ React.createElement("div", { style: {
-		height: 123,
-		display: "flex",
-		justifyContent: "center"
-	} }, /* @__PURE__ */ React.createElement(Divider, { orientation: "vertical" })))), /* @__PURE__ */ React.createElement("div", { style: { padding: 4 } }, /* @__PURE__ */ React.createElement(Typography, { variant: "caption" }, output, " ")))));
-};
-DateWrapper.propTypes = {
-	children: PropTypes.node,
-	date: PropTypes.string,
-	months: PropTypes.number,
-	count: PropTypes.number
-};
-
-//#endregion
-//#region src/componentSystems/multiThreadTimeline/ui/CircleButton.jsx
-const useStyles = makeStyles((theme) => ({ root: {
-	padding: 12,
-	paddingLeft: 13,
-	paddingRight: 11,
-	borderRadius: 50,
-	background: theme.palette.common.white,
-	minWidth: 32,
-	minHeight: 32
-} }));
-const CircleButton = (props) => {
-	const { children,...otherProps } = props;
-	const classes = useStyles(props);
-	return /* @__PURE__ */ React.createElement(ButtonBase, otherProps, /* @__PURE__ */ React.createElement(Paper, {
-		className: classes.root,
-		elevation: 1
-	}, children));
-};
-CircleButton.propTypes = { children: PropTypes.node };
-
-//#endregion
-export { CircleButton, DateWrapper, SummaryToken, TimelineToggleButton, TimelineTopRowFilter, useStyles$3 as useStyles };
-//# sourceMappingURL=CircleButton-DBPFjNl1.js.map