@envive-ai/react-widgets-v3 0.3.9 → 0.3.11

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,18 @@
+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)();
+	console.log("=== showDebugBar ===", showDebugBar);
+	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,17 @@
+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();
+	console.log("=== showDebugBar ===", showDebugBar);
+	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 };