@envive-ai/react-widgets-v3 0.3.10 → 0.3.12

package/dist/debug/MessageContent.js

@@ -0,0 +1,149 @@
+import { FaFile, FaLink, FaPaperclip, FaSearch, FaTag } from "../node_modules/react-icons/fa/index.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { MessageType } from "@envive-ai/react-hooks/application/models";
+import classNames from "classnames";
+import { ReviewCard } from "@envive-ai/react-toolkit-v3/ReviewCard";
+import { Message } from "@envive-ai/react-toolkit-v3/Message";
+
+//#region src/debug/MessageContent.tsx
+const textContentMessageTypes = new Set([
+	MessageType.Text,
+	MessageType.QueryTyped,
+	MessageType.SuggestionClicked,
+	MessageType.CXAgentResponse
+]);
+const containerClassNames = classNames({
+	"envive-tw-flex": true,
+	"envive-tw-flex-col": true,
+	"envive-tw-gap-1": true
+});
+const fontSemiboldClassNames = classNames({ "envive-tw-font-semibold": true });
+const flexItemsClassNames = classNames({
+	"envive-tw-flex": true,
+	"envive-tw-items-center": true
+});
+const gap1ClassNames = classNames({ "envive-tw-gap-1": true });
+const textLinkClassNames = classNames({
+	"envive-tw-text-[--spiffy-colors-text-link]": true,
+	"envive-tw-underline": true
+});
+const textLgClassNames = classNames({ "envive-tw-text-lg": true });
+const iconClassNames = classNames({
+	"envive-tw-w-3": true,
+	"envive-tw-h-3": true
+});
+const MessageContent = ({ message: m }) => {
+	if (textContentMessageTypes.has(m.type)) {
+		if (m.type === MessageType.Text) return /* @__PURE__ */ jsx(Message, { content: m.metadata.content }, m.id);
+		if (m.type === MessageType.QueryTyped) return /* @__PURE__ */ jsx(Message, { content: m.metadata.content }, m.id);
+		if (m.type === MessageType.SuggestionClicked) return /* @__PURE__ */ jsx(Message, { content: m.metadata.suggestionContent }, m.id);
+		if (m.type === MessageType.CXAgentResponse) return /* @__PURE__ */ jsx(Message, { content: m.metadata.message }, m.id);
+		return /* @__PURE__ */ jsx(Message, { content: "unknown" }, m.id);
+	}
+	if (m.type === MessageType.Product) return /* @__PURE__ */ jsxs("div", {
+		className: classNames(flexItemsClassNames, gap1ClassNames, "envive-tw-text-sm"),
+		children: [/* @__PURE__ */ jsx(FaTag, { className: iconClassNames }), /* @__PURE__ */ jsx("a", {
+			href: m.metadata.url,
+			target: "_blank",
+			rel: "noopener noreferrer",
+			className: textLinkClassNames,
+			children: m.metadata.title
+		})]
+	});
+	if (m.type === MessageType.Review) return /* @__PURE__ */ jsx(ReviewCard, {
+		name: m.metadata?.reviewer ?? "",
+		rating: m.metadata?.stars ?? 0,
+		reviewText: m.metadata?.review ?? ""
+	});
+	if (m.type === MessageType.Separator) return /* @__PURE__ */ jsxs("div", {
+		className: "envive-tw-relative envive-tw-flex envive-tw-w-full envive-tw-items-center envive-tw-p-2",
+		children: [
+			/* @__PURE__ */ jsx("div", { className: "envive-tw-flex-grow envive-tw-border-t envive-tw-border-gray-500" }),
+			/* @__PURE__ */ jsx("span", {
+				className: "envive-tw-flex-shrink envive-tw-px-4 envive-tw-text-sm envive-tw-text-gray-500",
+				children: "New Discussion"
+			}),
+			/* @__PURE__ */ jsx("div", { className: "envive-tw-flex-grow envive-tw-border-t envive-tw-border-gray-500" })
+		]
+	});
+	if (m.type === MessageType.Page) return /* @__PURE__ */ jsxs("div", {
+		className: containerClassNames,
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: classNames(fontSemiboldClassNames, flexItemsClassNames, gap1ClassNames),
+			children: [/* @__PURE__ */ jsx(FaFile, { className: iconClassNames }), /* @__PURE__ */ jsx("span", {
+				className: classNames(textLgClassNames, fontSemiboldClassNames),
+				children: m.metadata?.title
+			})]
+		}), m.metadata?.url && /* @__PURE__ */ jsxs("div", {
+			className: classNames(flexItemsClassNames, gap1ClassNames),
+			children: [/* @__PURE__ */ jsx(FaLink, { className: iconClassNames }), /* @__PURE__ */ jsx("a", {
+				href: m.metadata.url,
+				target: "_blank",
+				rel: "noopener noreferrer",
+				className: textLinkClassNames,
+				children: m.metadata.url
+			})]
+		})]
+	});
+	if (m.type === MessageType.Search) return /* @__PURE__ */ jsxs("div", {
+		className: containerClassNames,
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: classNames(fontSemiboldClassNames, flexItemsClassNames, gap1ClassNames),
+			children: [/* @__PURE__ */ jsx(FaSearch, { className: iconClassNames }), " Search"]
+		}), /* @__PURE__ */ jsx("div", { children: m.metadata?.searchTerm })]
+	});
+	if (m.type === MessageType.Attachment) return /* @__PURE__ */ jsxs("div", {
+		className: containerClassNames,
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: classNames(fontSemiboldClassNames, flexItemsClassNames, gap1ClassNames),
+				children: [/* @__PURE__ */ jsx(FaPaperclip, { className: iconClassNames }), " Attachment"]
+			}),
+			/* @__PURE__ */ jsx("div", { children: m.metadata?.message }),
+			m.metadata?.attachment.map((attachment) => /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("a", {
+				href: attachment.url ?? "",
+				target: "_blank",
+				rel: "noopener noreferrer",
+				className: textLinkClassNames,
+				children: attachment.name
+			}) }, attachment.id))
+		]
+	});
+	if (m.type === MessageType.Form) return /* @__PURE__ */ jsxs("div", {
+		className: containerClassNames,
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: classNames(fontSemiboldClassNames, flexItemsClassNames, gap1ClassNames),
+			children: [/* @__PURE__ */ jsx(FaPaperclip, { className: iconClassNames }), " Form Request"]
+		}), /* @__PURE__ */ jsx("div", { children: m.metadata?.formType })]
+	});
+	if (m.type === MessageType.ProductSearch) return /* @__PURE__ */ jsxs("div", {
+		className: containerClassNames,
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: classNames(fontSemiboldClassNames, flexItemsClassNames, gap1ClassNames),
+			children: [/* @__PURE__ */ jsx(FaPaperclip, { className: iconClassNames }), " Product Search Results"]
+		}), /* @__PURE__ */ jsxs("div", { children: [
+			m.metadata?.generatedQuery,
+			" - ",
+			m.metadata?.productCount,
+			" results"
+		] })]
+	});
+	if (m.type === MessageType.ProductSearchFilter) return /* @__PURE__ */ jsxs("div", {
+		className: containerClassNames,
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: classNames(fontSemiboldClassNames, flexItemsClassNames, gap1ClassNames),
+			children: [/* @__PURE__ */ jsx(FaPaperclip, { className: iconClassNames }), " Product Search Filter"]
+		}), /* @__PURE__ */ jsxs("div", { children: ["Filter: ", m.metadata?.filterName] })]
+	});
+	if (m.type === MessageType.Order) return /* @__PURE__ */ jsxs("div", {
+		className: containerClassNames,
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: classNames(fontSemiboldClassNames, flexItemsClassNames, gap1ClassNames),
+			children: [/* @__PURE__ */ jsx(FaPaperclip, { className: iconClassNames }), " Order Information"]
+		}), /* @__PURE__ */ jsxs("div", { children: ["OrderNumber: ", m.metadata?.orderNumber] })]
+	});
+	throw new Error(`Unsupported message type: ${JSON.stringify(m)}`);
+};
+
+//#endregion
+export { MessageContent };

package/dist/debug/chatEmbed.cjs

@@ -0,0 +1,95 @@
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+const require_MessageContent = require('./MessageContent.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+let jotai = require("jotai");
+let __envive_ai_react_hooks_atoms_chat = require("@envive-ai/react-hooks/atoms/chat");
+let __envive_ai_react_hooks_application_models = require("@envive-ai/react-hooks/application/models");
+let __envive_ai_react_toolkit_v3_PromptCarousel = require("@envive-ai/react-toolkit-v3/PromptCarousel");
+let classnames = require("classnames");
+classnames = require_rolldown_runtime.__toESM(classnames);
+
+//#region src/debug/chatEmbed.tsx
+const containerClassNames = (0, classnames.default)({
+	"envive-tw-font-sans": true,
+	"envive-tw-text-base": true,
+	"envive-tw-leading-6": true,
+	"envive-tw-font-normal": true
+});
+const messagesContainerClassNames = (0, classnames.default)({
+	"envive-tw-flex": true,
+	"envive-tw-flex-col": true,
+	"envive-tw-gap-4": true
+});
+const turnContainerClassNames = (0, classnames.default)({
+	"envive-tw-flex": true,
+	"envive-tw-flex-col": true,
+	"envive-tw-gap-2": true
+});
+const messageBodyClassNames = (0, classnames.default)({ "envive-tw-whitespace-pre-wrap": true });
+const lastTurnClassNames = (0, classnames.default)({
+	"envive-tw-bg-[#FFFFF0]": true,
+	"envive-tw-p-2": true,
+	"envive-tw-rounded-lg": true
+});
+const lastTurnContentClassNames = (0, classnames.default)({
+	"envive-tw-flex": true,
+	"envive-tw-flex-col": true,
+	"envive-tw-gap-2": true
+});
+const ChatEmbed = () => {
+	const { messages, suggestions } = (0, jotai.useAtomValue)(__envive_ai_react_hooks_atoms_chat.chatAtom);
+	const lastTurnRef = react.default.useRef(null);
+	react.default.useEffect(() => {
+		if (lastTurnRef.current && messages.length > 0) lastTurnRef.current.scrollIntoView({
+			behavior: "smooth",
+			block: "nearest"
+		});
+	}, [messages]);
+	const answerSuggestions = suggestions.filter((s) => s.isAnswer);
+	const generalSuggestions = suggestions.filter((s) => !s.isAnswer);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: containerClassNames,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: messagesContainerClassNames,
+			children: messages.map((turn, turnIdx) => {
+				const isLastTurn = turnIdx === messages.length - 1;
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: turnContainerClassNames,
+					children: turn.filter((m) => m.type === __envive_ai_react_hooks_application_models.MessageType.Separator).map((message) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: messageBodyClassNames,
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_MessageContent.MessageContent, { message })
+					}) }, message.id))
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					ref: isLastTurn ? lastTurnRef : null,
+					className: `${turnContainerClassNames} ${isLastTurn ? lastTurnClassNames : ""}`,
+					children: turn.filter((m) => m.type !== __envive_ai_react_hooks_application_models.MessageType.Separator).map((message) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: messageBodyClassNames,
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_MessageContent.MessageContent, { message })
+					}) }, message.id))
+				})] }, turnIdx);
+			})
+		}), suggestions.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: lastTurnClassNames,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: lastTurnContentClassNames,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_toolkit_v3_PromptCarousel.PromptCarousel, {
+					promptButtonTexts: answerSuggestions.map((s) => s.content),
+					handleButtonClick: () => {},
+					promptCarouselRows: __envive_ai_react_toolkit_v3_PromptCarousel.PromptCarouselRows.ALWAYS_ONE,
+					isLoading: false
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_toolkit_v3_PromptCarousel.PromptCarousel, {
+					promptButtonTexts: generalSuggestions.map((s) => s.content),
+					handleButtonClick: () => {},
+					promptCarouselRows: __envive_ai_react_toolkit_v3_PromptCarousel.PromptCarouselRows.ALWAYS_ONE,
+					isLoading: false
+				})]
+			})
+		})]
+	});
+};
+var chatEmbed_default = ChatEmbed;
+
+//#endregion
+exports.default = chatEmbed_default;

package/dist/debug/chatEmbed.js

@@ -0,0 +1,92 @@
+import { MessageContent } from "./MessageContent.js";
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useAtomValue } from "jotai";
+import { chatAtom } from "@envive-ai/react-hooks/atoms/chat";
+import { MessageType } from "@envive-ai/react-hooks/application/models";
+import { PromptCarousel, PromptCarouselRows } from "@envive-ai/react-toolkit-v3/PromptCarousel";
+import classNames from "classnames";
+
+//#region src/debug/chatEmbed.tsx
+const containerClassNames = classNames({
+	"envive-tw-font-sans": true,
+	"envive-tw-text-base": true,
+	"envive-tw-leading-6": true,
+	"envive-tw-font-normal": true
+});
+const messagesContainerClassNames = classNames({
+	"envive-tw-flex": true,
+	"envive-tw-flex-col": true,
+	"envive-tw-gap-4": true
+});
+const turnContainerClassNames = classNames({
+	"envive-tw-flex": true,
+	"envive-tw-flex-col": true,
+	"envive-tw-gap-2": true
+});
+const messageBodyClassNames = classNames({ "envive-tw-whitespace-pre-wrap": true });
+const lastTurnClassNames = classNames({
+	"envive-tw-bg-[#FFFFF0]": true,
+	"envive-tw-p-2": true,
+	"envive-tw-rounded-lg": true
+});
+const lastTurnContentClassNames = classNames({
+	"envive-tw-flex": true,
+	"envive-tw-flex-col": true,
+	"envive-tw-gap-2": true
+});
+const ChatEmbed = () => {
+	const { messages, suggestions } = useAtomValue(chatAtom);
+	const lastTurnRef = React.useRef(null);
+	React.useEffect(() => {
+		if (lastTurnRef.current && messages.length > 0) lastTurnRef.current.scrollIntoView({
+			behavior: "smooth",
+			block: "nearest"
+		});
+	}, [messages]);
+	const answerSuggestions = suggestions.filter((s) => s.isAnswer);
+	const generalSuggestions = suggestions.filter((s) => !s.isAnswer);
+	return /* @__PURE__ */ jsxs("div", {
+		className: containerClassNames,
+		children: [/* @__PURE__ */ jsx("div", {
+			className: messagesContainerClassNames,
+			children: messages.map((turn, turnIdx) => {
+				const isLastTurn = turnIdx === messages.length - 1;
+				return /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("div", {
+					className: turnContainerClassNames,
+					children: turn.filter((m) => m.type === MessageType.Separator).map((message) => /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("div", {
+						className: messageBodyClassNames,
+						children: /* @__PURE__ */ jsx(MessageContent, { message })
+					}) }, message.id))
+				}), /* @__PURE__ */ jsx("div", {
+					ref: isLastTurn ? lastTurnRef : null,
+					className: `${turnContainerClassNames} ${isLastTurn ? lastTurnClassNames : ""}`,
+					children: turn.filter((m) => m.type !== MessageType.Separator).map((message) => /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("div", {
+						className: messageBodyClassNames,
+						children: /* @__PURE__ */ jsx(MessageContent, { message })
+					}) }, message.id))
+				})] }, turnIdx);
+			})
+		}), suggestions.length > 0 && /* @__PURE__ */ jsx("div", {
+			className: lastTurnClassNames,
+			children: /* @__PURE__ */ jsxs("div", {
+				className: lastTurnContentClassNames,
+				children: [/* @__PURE__ */ jsx(PromptCarousel, {
+					promptButtonTexts: answerSuggestions.map((s) => s.content),
+					handleButtonClick: () => {},
+					promptCarouselRows: PromptCarouselRows.ALWAYS_ONE,
+					isLoading: false
+				}), /* @__PURE__ */ jsx(PromptCarousel, {
+					promptButtonTexts: generalSuggestions.map((s) => s.content),
+					handleButtonClick: () => {},
+					promptCarouselRows: PromptCarouselRows.ALWAYS_ONE,
+					isLoading: false
+				})]
+			})
+		})]
+	});
+};
+var chatEmbed_default = ChatEmbed;
+
+//#endregion
+export { chatEmbed_default as default };

package/dist/debug/debugBar.cjs

@@ -0,0 +1,17 @@
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+const require_reportIssue = require('./reportIssue.cjs');
+let react_jsx_runtime = require("react/jsx-runtime");
+let __envive_ai_react_hooks_hooks_SystemSettingsContext = require("@envive-ai/react-hooks/hooks/SystemSettingsContext");
+
+//#region src/debug/debugBar.tsx
+const DebugBar = () => {
+	const { showDebugBar } = (0, __envive_ai_react_hooks_hooks_SystemSettingsContext.useSystemSettingsContext)();
+	if (!showDebugBar) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: "envive-tw-flex envive-tw-items-center envive-tw-p-[4px]",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_reportIssue.ReportIssue, {})
+	});
+};
+
+//#endregion
+exports.DebugBar = DebugBar;

package/dist/debug/debugBar.js

@@ -0,0 +1,16 @@
+import { ReportIssue } from "./reportIssue.js";
+import { jsx } from "react/jsx-runtime";
+import { useSystemSettingsContext } from "@envive-ai/react-hooks/hooks/SystemSettingsContext";
+
+//#region src/debug/debugBar.tsx
+const DebugBar = () => {
+	const { showDebugBar } = useSystemSettingsContext();
+	if (!showDebugBar) return null;
+	return /* @__PURE__ */ jsx("div", {
+		className: "envive-tw-flex envive-tw-items-center envive-tw-p-[4px]",
+		children: /* @__PURE__ */ jsx(ReportIssue, {})
+	});
+};
+
+//#endregion
+export { DebugBar };