@envive-ai/react-widgets-v3 0.3.2 → 0.3.6

package/dist/hocs/withBaseWidget/types.d.cts

@@ -1,7 +1,7 @@
-import { OrgUIConfigV3, WidgetConfigV3, WidgetTypeV3 } from "../../hooks/dist/contexts/typesV3.cjs";
-import { SpiffyMetricsEventName } from "../../hooks/dist/services/amplitudeService/amplitudeService.cjs";
-import { HardcopyResponse } from "../../hooks/dist/contexts/hardcopyContext/hardcopyContext.cjs";
 import { RefObject } from "react";
+import { SpiffyMetricsEventName } from "@envive-ai/react-hooks/contexts/amplitudeContext";
+import { HardcopyResponse } from "@envive-ai/react-hooks/contexts/hardcopyContext";
+import { OrgUIConfigV3, WidgetConfigV3, WidgetTypeV3 } from "@envive-ai/react-hooks/contexts/typesV3";
 
 //#region src/hocs/withBaseWidget/types.d.ts
 interface BaseWidgetProps {

package/dist/hocs/withBaseWidget/types.d.ts

@@ -1,9 +1,7 @@
-import { OrgUIConfigV3, WidgetConfigV3, WidgetTypeV3 } from "../../hooks/dist/contexts/typesV3.js";
-import { SpiffyMetricsEventName } from "../../hooks/dist/services/amplitudeService/amplitudeService.js";
-import "../../hooks/dist/contexts/amplitudeContext/index.js";
-import { HardcopyResponse } from "../../hooks/dist/contexts/hardcopyContext/hardcopyContext.js";
-import "../../hooks/dist/contexts/hardcopyContext/index.js";
 import { RefObject } from "react";
+import { SpiffyMetricsEventName } from "@envive-ai/react-hooks/contexts/amplitudeContext";
+import { HardcopyResponse } from "@envive-ai/react-hooks/contexts/hardcopyContext";
+import { OrgUIConfigV3, WidgetConfigV3, WidgetTypeV3 } from "@envive-ai/react-hooks/contexts/typesV3";
 
 //#region src/hocs/withBaseWidget/types.d.ts
 interface BaseWidgetProps {

package/dist/hocs/withBaseWidget/withBaseWidget.d.cts

@@ -1,9 +1,9 @@
 import { BaseWidgetProps, WithBaseWidgetOptions } from "./types.cjs";
-import * as react_jsx_runtime4 from "react/jsx-runtime";
+import * as react_jsx_runtime11 from "react/jsx-runtime";
 
 //#region src/hocs/withBaseWidget/withBaseWidget.d.ts
 declare function withBaseWidget<P extends BaseWidgetProps>(Widget: React.ComponentType<P>, options?: WithBaseWidgetOptions): {
-  (props: P): react_jsx_runtime4.JSX.Element;
+  (props: P): react_jsx_runtime11.JSX.Element;
   displayName: string;
 };
 //#endregion

package/dist/hocs/withBaseWidget/withBaseWidget.d.ts

@@ -1,9 +1,9 @@
 import { BaseWidgetProps, WithBaseWidgetOptions } from "./types.js";
-import * as react_jsx_runtime13 from "react/jsx-runtime";
+import * as react_jsx_runtime6 from "react/jsx-runtime";
 
 //#region src/hocs/withBaseWidget/withBaseWidget.d.ts
 declare function withBaseWidget<P extends BaseWidgetProps>(Widget: React.ComponentType<P>, options?: WithBaseWidgetOptions): {
-  (props: P): react_jsx_runtime13.JSX.Element;
+  (props: P): react_jsx_runtime6.JSX.Element;
   displayName: string;
 };
 //#endregion

package/dist/node_modules/uuid/dist/native.js

@@ -0,0 +1,6 @@
+//#region ../../node_modules/uuid/dist/native.js
+const randomUUID = typeof crypto !== "undefined" && crypto.randomUUID && crypto.randomUUID.bind(crypto);
+var native_default = { randomUUID };
+
+//#endregion
+export { native_default as default };

package/dist/node_modules/uuid/dist/rng.js

@@ -0,0 +1,13 @@
+//#region ../../node_modules/uuid/dist/rng.js
+let getRandomValues;
+const rnds8 = new Uint8Array(16);
+function rng() {
+	if (!getRandomValues) {
+		if (typeof crypto === "undefined" || !crypto.getRandomValues) throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
+		getRandomValues = crypto.getRandomValues.bind(crypto);
+	}
+	return getRandomValues(rnds8);
+}
+
+//#endregion
+export { rng as default };

package/dist/node_modules/uuid/dist/stringify.js

@@ -0,0 +1,9 @@
+//#region ../../node_modules/uuid/dist/stringify.js
+const byteToHex = [];
+for (let i = 0; i < 256; ++i) byteToHex.push((i + 256).toString(16).slice(1));
+function unsafeStringify(arr, offset = 0) {
+	return (byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + "-" + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + "-" + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + "-" + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + "-" + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]]).toLowerCase();
+}
+
+//#endregion
+export { unsafeStringify };

package/dist/node_modules/uuid/dist/v4.js

@@ -0,0 +1,27 @@
+import { unsafeStringify } from "./stringify.js";
+import rng from "./rng.js";
+import native_default from "./native.js";
+
+//#region ../../node_modules/uuid/dist/v4.js
+function _v4(options, buf, offset) {
+	options = options || {};
+	const rnds = options.random ?? options.rng?.() ?? rng();
+	if (rnds.length < 16) throw new Error("Random bytes length must be >= 16");
+	rnds[6] = rnds[6] & 15 | 64;
+	rnds[8] = rnds[8] & 63 | 128;
+	if (buf) {
+		offset = offset || 0;
+		if (offset < 0 || offset + 16 > buf.length) throw new RangeError(`UUID byte range ${offset}:${offset + 15} is out of buffer bounds`);
+		for (let i = 0; i < 16; ++i) buf[offset + i] = rnds[i];
+		return buf;
+	}
+	return unsafeStringify(rnds);
+}
+function v4(options, buf, offset) {
+	if (native_default.randomUUID && !buf && !options) return native_default.randomUUID();
+	return _v4(options, buf, offset);
+}
+var v4_default = v4;
+
+//#endregion
+export { v4_default as default };

package/dist/node_modules/uuid/dist-node/native.cjs

@@ -0,0 +1,8 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+let node_crypto = require("node:crypto");
+
+//#region ../../node_modules/uuid/dist-node/native.js
+var native_default = { randomUUID: node_crypto.randomUUID };
+
+//#endregion
+exports.default = native_default;

package/dist/node_modules/uuid/dist-node/rng.cjs

@@ -0,0 +1,16 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+let node_crypto = require("node:crypto");
+
+//#region ../../node_modules/uuid/dist-node/rng.js
+const rnds8Pool = new Uint8Array(256);
+let poolPtr = rnds8Pool.length;
+function rng() {
+	if (poolPtr > rnds8Pool.length - 16) {
+		(0, node_crypto.randomFillSync)(rnds8Pool);
+		poolPtr = 0;
+	}
+	return rnds8Pool.slice(poolPtr, poolPtr += 16);
+}
+
+//#endregion
+exports.default = rng;

package/dist/node_modules/uuid/dist-node/stringify.cjs

@@ -0,0 +1,10 @@
+
+//#region ../../node_modules/uuid/dist-node/stringify.js
+const byteToHex = [];
+for (let i = 0; i < 256; ++i) byteToHex.push((i + 256).toString(16).slice(1));
+function unsafeStringify(arr, offset = 0) {
+	return (byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + "-" + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + "-" + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + "-" + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + "-" + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]]).toLowerCase();
+}
+
+//#endregion
+exports.unsafeStringify = unsafeStringify;

package/dist/node_modules/uuid/dist-node/v4.cjs

@@ -0,0 +1,27 @@
+const require_stringify = require('./stringify.cjs');
+const require_rng = require('./rng.cjs');
+const require_native = require('./native.cjs');
+
+//#region ../../node_modules/uuid/dist-node/v4.js
+function _v4(options, buf, offset) {
+	options = options || {};
+	const rnds = options.random ?? options.rng?.() ?? require_rng.default();
+	if (rnds.length < 16) throw new Error("Random bytes length must be >= 16");
+	rnds[6] = rnds[6] & 15 | 64;
+	rnds[8] = rnds[8] & 63 | 128;
+	if (buf) {
+		offset = offset || 0;
+		if (offset < 0 || offset + 16 > buf.length) throw new RangeError(`UUID byte range ${offset}:${offset + 15} is out of buffer bounds`);
+		for (let i = 0; i < 16; ++i) buf[offset + i] = rnds[i];
+		return buf;
+	}
+	return require_stringify.unsafeStringify(rnds);
+}
+function v4(options, buf, offset) {
+	if (require_native.default.randomUUID && !buf && !options) return require_native.default.randomUUID();
+	return _v4(options, buf, offset);
+}
+var v4_default = v4;
+
+//#endregion
+exports.default = v4_default;

package/dist/{widgets → packages/widgets}/dist/SearchResults/SearchResults.d.ts

@@ -1,14 +1,13 @@
-import { SearchResultsHocProps } from "../packages/hooks/dist/hooks/Search/useSearch.js";
 import { SearchResultsEntryPointWidgetConfig } from "./types.js";
-import * as react_jsx_runtime1 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { SearchResultsHocProps } from "@envive-ai/react-hooks/hooks/Search";
 
 //#region ../widgets/dist/SearchResults/SearchResults.d.ts
-
 //#region src/SearchResults/SearchResults.d.ts
 interface SearchResultsProps extends SearchResultsHocProps {
   widgetConfig: SearchResultsEntryPointWidgetConfig;
 }
-declare const SearchResults: (props: Omit<SearchResultsProps, keyof SearchResultsHocProps>) => react_jsx_runtime1.JSX.Element;
+declare const SearchResults: (props: Omit<SearchResultsProps, string | number | symbol>) => react_jsx_runtime0.JSX.Element;
 //#endregion
 
 //#endregion

package/dist/{widgets → packages/widgets}/dist/SearchResults/SearchResultsWidget.d.ts

@@ -1,8 +1,8 @@
-import * as react_jsx_runtime3 from "react/jsx-runtime";
+import * as react_jsx_runtime2 from "react/jsx-runtime";
 
 //#region ../widgets/dist/SearchResults/SearchResultsWidget.d.ts
 //#region src/SearchResults/SearchResultsWidget.d.ts
-declare const SearchResultsWidget: () => react_jsx_runtime3.JSX.Element;
+declare const SearchResultsWidget: () => react_jsx_runtime2.JSX.Element;
 //#endregion
 
 //#endregion

package/dist/{widgets → packages/widgets}/dist/SearchZeroState/SearchZeroStateWidget.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime3 from "react/jsx-runtime";
 
 //#region ../widgets/dist/SearchZeroState/SearchZeroStateWidget.d.ts
 //#region src/SearchZeroState/SearchZeroStateWidget.d.ts
@@ -11,7 +11,7 @@ declare const SearchZeroStateWidget: ({
   initialIsOpen,
   widgetConfigId,
   entryPointRef
-}: SearchZeroStateWidgetProps) => react_jsx_runtime0.JSX.Element;
+}: SearchZeroStateWidgetProps) => react_jsx_runtime3.JSX.Element;
 //#endregion
 
 //#endregion

package/dist/packages/widgets/dist/SearchZeroState/index.d.ts

@@ -0,0 +1,3 @@
+import { SearchEntryPointWidgetConfig, SearchInputVariant, SearchZeroStateProps } from "./types.js";
+import { SearchZeroState } from "./SearchZeroState.js";
+import { SearchZeroStateWidget } from "./SearchZeroStateWidget.js";

package/dist/{widgets → packages/widgets}/dist/SearchZeroState/types.d.ts

@@ -1,4 +1,4 @@
-import { SearchEntryPointWidgetConfig } from "../packages/hooks/dist/contexts/types.js";
+import { SearchEntryPointWidgetConfig, SearchInputVariant } from "@envive-ai/react-hooks/contexts/types";
 
 //#region ../widgets/dist/SearchZeroState/types.d.ts
 //#region src/SearchZeroState/types.d.ts
@@ -10,4 +10,4 @@ interface SearchZeroStateProps {
 //#endregion
 
 //#endregion
-export { SearchZeroStateProps };
+export { type SearchEntryPointWidgetConfig, type SearchInputVariant, SearchZeroStateProps };

package/dist/{widgets → packages/widgets}/dist/SuggestionBar/SuggestionBar.d.ts

@@ -1,6 +1,6 @@
-import { SuggestionButtonVariant } from "../packages/hooks/dist/contexts/types.js";
 import { SuggestionBarLocationForMetrics } from "./types.js";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { SuggestionButtonVariant } from "@envive-ai/react-hooks/contexts/types";
 import { Message } from "postcss";
 
 //#region ../widgets/dist/SuggestionBar/SuggestionBar.d.ts

package/dist/{widgets → packages/widgets}/dist/SuggestionButtonContainer/types.d.ts

@@ -1,8 +1,7 @@
-import { TestProps } from "../packages/hooks/dist/types/test-types.js";
-import { SuggestionButtonVariant } from "../packages/hooks/dist/contexts/types.js";
+import { SuggestionButtonVariant } from "@envive-ai/react-hooks/contexts/types";
+import { TestProps } from "@envive-ai/react-hooks/types";
 
 //#region ../widgets/dist/SuggestionButtonContainer/types.d.ts
-
 //#region src/SuggestionButtonContainer/types.d.ts
 interface SuggestionButtonContainerProps extends TestProps {
   buttonVariation: SuggestionButtonVariant;

package/dist/widgets/ChatPreviewComparisonWidget/ChatPreviewComparisonWidget.cjs

@@ -1,22 +1,23 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
 const require_withBaseWidget = require('../../hocs/withBaseWidget/withBaseWidget.cjs');
+const require_v4 = require('../../node_modules/uuid/dist-node/v4.cjs');
 const require_functions = require('../utils/functions.cjs');
 const require_ChatPreviewLoadingWidget = require('../ChatPreviewLoadingWidget/ChatPreviewLoadingWidget.cjs');
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let __envive_ai_react_hooks_contexts_typesV3 = require("@envive-ai/react-hooks/contexts/typesV3");
-let __envive_ai_react_hooks_contexts_salesAgentContext = require("@envive-ai/react-hooks/contexts/salesAgentContext");
-let __envive_ai_react_toolkit_v3_Tokens = require("@envive-ai/react-toolkit-v3/Tokens");
-let __envive_ai_react_hooks_hooks_ChatToggle = require("@envive-ai/react-hooks/hooks/ChatToggle");
-let __envive_ai_react_hooks_application_models = require("@envive-ai/react-hooks/application/models");
 let jotai = require("jotai");
+let __envive_ai_react_hooks_atoms_chat_replies = require("@envive-ai/react-hooks/atoms/chat/replies");
+let __envive_ai_react_hooks_hooks_ChatToggle = require("@envive-ai/react-hooks/hooks/ChatToggle");
 let __envive_ai_react_hooks_atoms_chat = require("@envive-ai/react-hooks/atoms/chat");
-let __envive_ai_react_hooks_atoms_app = require("@envive-ai/react-hooks/atoms/app");
+let __envive_ai_react_toolkit_v3_Tokens = require("@envive-ai/react-toolkit-v3/Tokens");
+let __envive_ai_react_hooks_application_models = require("@envive-ai/react-hooks/application/models");
 let __envive_ai_react_toolkit_v3_ChatPreviewComparison = require("@envive-ai/react-toolkit-v3/ChatPreviewComparison");
+let __envive_ai_react_hooks_atoms_app = require("@envive-ai/react-hooks/atoms/app");
 
 //#region src/widgets/ChatPreviewComparisonWidget/ChatPreviewComparisonWidget.tsx
 const ChatPreviewComparisonWidgetHandler = (props) => {
-	const { onTypedMessageSubmitted } = (0, __envive_ai_react_hooks_contexts_salesAgentContext.useSalesAgent)();
+	const handleReply = (0, jotai.useSetAtom)(__envive_ai_react_hooks_atoms_chat_replies.handleReplyAtom);
 	const { openChat } = (0, __envive_ai_react_hooks_hooks_ChatToggle.useChatToggle)();
 	const lastAssistantMessage = (0, jotai.useAtomValue)(__envive_ai_react_hooks_atoms_chat.lastAssistantMessageAtom);
 	const variantInfo = (0, jotai.useAtomValue)(__envive_ai_react_hooks_atoms_app.variantInfoAtom);
@@ -44,15 +45,31 @@ const ChatPreviewComparisonWidgetHandler = (props) => {
 	const logoSrc = uiConfig?.lookAndFeel?.widgetLogoSrc;
 	const hideLogo = uiConfig?.lookAndFeel?.hideWidgetLogo;
 	const handlePromptButtonClick = (0, react.useCallback)((text) => {
-		onTypedMessageSubmitted({
-			query: text,
+		handleReply({
+			message: {
+				id: require_v4.default(),
+				role: __envive_ai_react_hooks_application_models.MessageRole.User,
+				type: __envive_ai_react_hooks_application_models.MessageType.QueryTyped,
+				createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+				metadata: { content: text }
+			},
 			userTyped: false
 		});
 		openChat(__envive_ai_react_hooks_application_models.ChatElementDisplayLocationV3.CHAT_PREVIEW_COMPARISON_PROMPT_BUTTON);
-	}, [onTypedMessageSubmitted, openChat]);
-	const handleTextFieldClick = (0, react.useCallback)(() => {
+	}, [handleReply, openChat]);
+	const handleTextFieldClick = (0, react.useCallback)((text) => {
+		handleReply({
+			message: {
+				id: require_v4.default(),
+				role: __envive_ai_react_hooks_application_models.MessageRole.User,
+				type: __envive_ai_react_hooks_application_models.MessageType.QueryTyped,
+				createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+				metadata: { content: text }
+			},
+			userTyped: false
+		});
 		openChat(__envive_ai_react_hooks_application_models.ChatElementDisplayLocationV3.CHAT_PREVIEW_COMPARISON_TEXT_FIELD);
-	}, [openChat]);
+	}, [handleReply, openChat]);
 	if (isLoading) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ChatPreviewLoadingWidget.ChatPreviewLoadingWidgetWithBaseWidget, {
 		widgetConfigId,
 		widgetType: __envive_ai_react_hooks_contexts_typesV3.WidgetTypeV3.ChatPreviewLoadingV3

package/dist/widgets/ChatPreviewComparisonWidget/ChatPreviewComparisonWidget.d.cts

@@ -1,9 +1,9 @@
 import { BaseWidgetProps } from "../../hocs/withBaseWidget/types.cjs";
-import * as react_jsx_runtime10 from "react/jsx-runtime";
+import * as react_jsx_runtime9 from "react/jsx-runtime";
 
 //#region src/widgets/ChatPreviewComparisonWidget/ChatPreviewComparisonWidget.d.ts
 declare const ChatPreviewComparisonWidgetWithBaseWidget: {
-  (props: BaseWidgetProps): react_jsx_runtime10.JSX.Element;
+  (props: BaseWidgetProps): react_jsx_runtime9.JSX.Element;
   displayName: string;
 };
 interface ChatPreviewComparisonWidgetProps {
@@ -12,7 +12,7 @@ interface ChatPreviewComparisonWidgetProps {
 declare const ChatPreviewComparisonWidget: {
   ({
     widgetConfigId
-  }: ChatPreviewComparisonWidgetProps): react_jsx_runtime10.JSX.Element;
+  }: ChatPreviewComparisonWidgetProps): react_jsx_runtime9.JSX.Element;
   displayName: string;
 };
 //#endregion

package/dist/widgets/ChatPreviewComparisonWidget/ChatPreviewComparisonWidget.d.ts

@@ -1,9 +1,9 @@
 import { BaseWidgetProps } from "../../hocs/withBaseWidget/types.js";
-import * as react_jsx_runtime3 from "react/jsx-runtime";
+import * as react_jsx_runtime12 from "react/jsx-runtime";
 
 //#region src/widgets/ChatPreviewComparisonWidget/ChatPreviewComparisonWidget.d.ts
 declare const ChatPreviewComparisonWidgetWithBaseWidget: {
-  (props: BaseWidgetProps): react_jsx_runtime3.JSX.Element;
+  (props: BaseWidgetProps): react_jsx_runtime12.JSX.Element;
   displayName: string;
 };
 interface ChatPreviewComparisonWidgetProps {
@@ -12,7 +12,7 @@ interface ChatPreviewComparisonWidgetProps {
 declare const ChatPreviewComparisonWidget: {
   ({
     widgetConfigId
-  }: ChatPreviewComparisonWidgetProps): react_jsx_runtime3.JSX.Element;
+  }: ChatPreviewComparisonWidgetProps): react_jsx_runtime12.JSX.Element;
   displayName: string;
 };
 //#endregion

package/dist/widgets/ChatPreviewComparisonWidget/ChatPreviewComparisonWidget.js

@@ -1,21 +1,22 @@
 import { withBaseWidget } from "../../hocs/withBaseWidget/withBaseWidget.js";
+import v4_default from "../../node_modules/uuid/dist/v4.js";
 import { getMessageText, getRecentProductImageUrls } from "../utils/functions.js";
 import { ChatPreviewLoadingWidgetWithBaseWidget } from "../ChatPreviewLoadingWidget/ChatPreviewLoadingWidget.js";
 import { useCallback, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
 import { WidgetTypeV3 } from "@envive-ai/react-hooks/contexts/typesV3";
-import { useSalesAgent } from "@envive-ai/react-hooks/contexts/salesAgentContext";
-import { Theme } from "@envive-ai/react-toolkit-v3/Tokens";
+import { useAtomValue, useSetAtom } from "jotai";
+import { handleReplyAtom } from "@envive-ai/react-hooks/atoms/chat/replies";
 import { useChatToggle } from "@envive-ai/react-hooks/hooks/ChatToggle";
-import { ChatElementDisplayLocationV3, VariantTypeEnum } from "@envive-ai/react-hooks/application/models";
-import { useAtomValue } from "jotai";
 import { chatAtom, lastAssistantMessageAtom } from "@envive-ai/react-hooks/atoms/chat";
-import { variantInfoAtom } from "@envive-ai/react-hooks/atoms/app";
+import { Theme } from "@envive-ai/react-toolkit-v3/Tokens";
+import { ChatElementDisplayLocationV3, MessageRole, MessageType, VariantTypeEnum } from "@envive-ai/react-hooks/application/models";
 import { ChatPreviewComparison } from "@envive-ai/react-toolkit-v3/ChatPreviewComparison";
+import { variantInfoAtom } from "@envive-ai/react-hooks/atoms/app";
 
 //#region src/widgets/ChatPreviewComparisonWidget/ChatPreviewComparisonWidget.tsx
 const ChatPreviewComparisonWidgetHandler = (props) => {
-	const { onTypedMessageSubmitted } = useSalesAgent();
+	const handleReply = useSetAtom(handleReplyAtom);
 	const { openChat } = useChatToggle();
 	const lastAssistantMessage = useAtomValue(lastAssistantMessageAtom);
 	const variantInfo = useAtomValue(variantInfoAtom);
@@ -43,15 +44,31 @@ const ChatPreviewComparisonWidgetHandler = (props) => {
 	const logoSrc = uiConfig?.lookAndFeel?.widgetLogoSrc;
 	const hideLogo = uiConfig?.lookAndFeel?.hideWidgetLogo;
 	const handlePromptButtonClick = useCallback((text) => {
-		onTypedMessageSubmitted({
-			query: text,
+		handleReply({
+			message: {
+				id: v4_default(),
+				role: MessageRole.User,
+				type: MessageType.QueryTyped,
+				createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+				metadata: { content: text }
+			},
 			userTyped: false
 		});
 		openChat(ChatElementDisplayLocationV3.CHAT_PREVIEW_COMPARISON_PROMPT_BUTTON);
-	}, [onTypedMessageSubmitted, openChat]);
-	const handleTextFieldClick = useCallback(() => {
+	}, [handleReply, openChat]);
+	const handleTextFieldClick = useCallback((text) => {
+		handleReply({
+			message: {
+				id: v4_default(),
+				role: MessageRole.User,
+				type: MessageType.QueryTyped,
+				createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+				metadata: { content: text }
+			},
+			userTyped: false
+		});
 		openChat(ChatElementDisplayLocationV3.CHAT_PREVIEW_COMPARISON_TEXT_FIELD);
-	}, [openChat]);
+	}, [handleReply, openChat]);
 	if (isLoading) return /* @__PURE__ */ jsx(ChatPreviewLoadingWidgetWithBaseWidget, {
 		widgetConfigId,
 		widgetType: WidgetTypeV3.ChatPreviewLoadingV3

package/dist/widgets/ChatPreviewLoadingWidget/ChatPreviewLoadingWidget.d.cts

@@ -1,9 +1,9 @@
 import { BaseWidgetProps } from "../../hocs/withBaseWidget/types.cjs";
-import * as react_jsx_runtime5 from "react/jsx-runtime";
+import * as react_jsx_runtime15 from "react/jsx-runtime";
 
 //#region src/widgets/ChatPreviewLoadingWidget/ChatPreviewLoadingWidget.d.ts
 declare const ChatPreviewLoadingWidgetWithBaseWidget: {
-  (props: BaseWidgetProps): react_jsx_runtime5.JSX.Element;
+  (props: BaseWidgetProps): react_jsx_runtime15.JSX.Element;
   displayName: string;
 };
 interface ChatPreviewLoadingWidgetProps {
@@ -11,6 +11,6 @@ interface ChatPreviewLoadingWidgetProps {
 }
 declare const ChatPreviewLoadingWidget: ({
   widgetConfigId
-}: ChatPreviewLoadingWidgetProps) => react_jsx_runtime5.JSX.Element;
+}: ChatPreviewLoadingWidgetProps) => react_jsx_runtime15.JSX.Element;
 //#endregion
 export { ChatPreviewLoadingWidget, ChatPreviewLoadingWidgetProps, ChatPreviewLoadingWidgetWithBaseWidget };

package/dist/widgets/ChatPreviewWidget/ChatPreviewWidget.cjs

@@ -1,21 +1,22 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
 const require_withBaseWidget = require('../../hocs/withBaseWidget/withBaseWidget.cjs');
+const require_v4 = require('../../node_modules/uuid/dist-node/v4.cjs');
 const require_functions = require('../utils/functions.cjs');
 const require_ChatPreviewLoadingWidget = require('../ChatPreviewLoadingWidget/ChatPreviewLoadingWidget.cjs');
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let __envive_ai_react_hooks_contexts_typesV3 = require("@envive-ai/react-hooks/contexts/typesV3");
-let __envive_ai_react_hooks_contexts_salesAgentContext = require("@envive-ai/react-hooks/contexts/salesAgentContext");
-let __envive_ai_react_toolkit_v3_Tokens = require("@envive-ai/react-toolkit-v3/Tokens");
-let __envive_ai_react_hooks_hooks_ChatToggle = require("@envive-ai/react-hooks/hooks/ChatToggle");
-let __envive_ai_react_hooks_application_models = require("@envive-ai/react-hooks/application/models");
 let jotai = require("jotai");
+let __envive_ai_react_hooks_atoms_chat_replies = require("@envive-ai/react-hooks/atoms/chat/replies");
+let __envive_ai_react_hooks_hooks_ChatToggle = require("@envive-ai/react-hooks/hooks/ChatToggle");
 let __envive_ai_react_hooks_atoms_chat = require("@envive-ai/react-hooks/atoms/chat");
+let __envive_ai_react_toolkit_v3_Tokens = require("@envive-ai/react-toolkit-v3/Tokens");
+let __envive_ai_react_hooks_application_models = require("@envive-ai/react-hooks/application/models");
 let __envive_ai_react_toolkit_v3_ChatPreview = require("@envive-ai/react-toolkit-v3/ChatPreview");
 
 //#region src/widgets/ChatPreviewWidget/ChatPreviewWidget.tsx
 const ChatPreviewWidgetHandler = (props) => {
-	const { onTypedMessageSubmitted } = (0, __envive_ai_react_hooks_contexts_salesAgentContext.useSalesAgent)();
+	const handleReply = (0, jotai.useSetAtom)(__envive_ai_react_hooks_atoms_chat_replies.handleReplyAtom);
 	const { openChat } = (0, __envive_ai_react_hooks_hooks_ChatToggle.useChatToggle)();
 	const lastAssistantMessage = (0, jotai.useAtomValue)(__envive_ai_react_hooks_atoms_chat.lastAssistantMessageAtom);
 	const { suggestions } = (0, jotai.useAtomValue)(__envive_ai_react_hooks_atoms_chat.chatAtom);
@@ -35,15 +36,31 @@ const ChatPreviewWidgetHandler = (props) => {
 	const logoSrc = uiConfig?.lookAndFeel?.widgetLogoSrc;
 	const hideLogo = uiConfig?.lookAndFeel?.hideWidgetLogo;
 	const handlePromptButtonClick = (0, react.useCallback)((text) => {
-		onTypedMessageSubmitted({
-			query: text,
+		handleReply({
+			message: {
+				id: require_v4.default(),
+				role: __envive_ai_react_hooks_application_models.MessageRole.User,
+				type: __envive_ai_react_hooks_application_models.MessageType.QueryTyped,
+				createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+				metadata: { content: text }
+			},
 			userTyped: false
 		});
 		openChat(__envive_ai_react_hooks_application_models.ChatElementDisplayLocationV3.CHAT_PREVIEW_PROMPT_BUTTON);
-	}, [onTypedMessageSubmitted, openChat]);
-	const handleTextFieldClick = (0, react.useCallback)(() => {
+	}, [handleReply, openChat]);
+	const handleTextFieldClick = (0, react.useCallback)((text) => {
+		handleReply({
+			message: {
+				id: require_v4.default(),
+				role: __envive_ai_react_hooks_application_models.MessageRole.User,
+				type: __envive_ai_react_hooks_application_models.MessageType.QueryTyped,
+				createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+				metadata: { content: text }
+			},
+			userTyped: false
+		});
 		openChat(__envive_ai_react_hooks_application_models.ChatElementDisplayLocationV3.CHAT_PREVIEW_TEXT_FIELD);
-	}, [openChat]);
+	}, [handleReply, openChat]);
 	if (isLoading) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ChatPreviewLoadingWidget.ChatPreviewLoadingWidgetWithBaseWidget, {
 		widgetConfigId,
 		widgetType: __envive_ai_react_hooks_contexts_typesV3.WidgetTypeV3.ChatPreviewLoadingV3

package/dist/widgets/ChatPreviewWidget/ChatPreviewWidget.d.cts

@@ -1,9 +1,9 @@
 import { BaseWidgetProps } from "../../hocs/withBaseWidget/types.cjs";
-import * as react_jsx_runtime2 from "react/jsx-runtime";
+import * as react_jsx_runtime3 from "react/jsx-runtime";
 
 //#region src/widgets/ChatPreviewWidget/ChatPreviewWidget.d.ts
 declare const ChatPreviewWidgetWithBaseWidget: {
-  (props: BaseWidgetProps): react_jsx_runtime2.JSX.Element;
+  (props: BaseWidgetProps): react_jsx_runtime3.JSX.Element;
   displayName: string;
 };
 interface ChatPreviewWidgetProps {
@@ -12,7 +12,7 @@ interface ChatPreviewWidgetProps {
 declare const ChatPreviewWidget: {
   ({
     widgetConfigId
-  }: ChatPreviewWidgetProps): react_jsx_runtime2.JSX.Element;
+  }: ChatPreviewWidgetProps): react_jsx_runtime3.JSX.Element;
   displayName: string;
 };
 //#endregion

package/dist/widgets/ChatPreviewWidget/ChatPreviewWidget.d.ts

@@ -1,9 +1,9 @@
 import { BaseWidgetProps } from "../../hocs/withBaseWidget/types.js";
-import * as react_jsx_runtime5 from "react/jsx-runtime";
+import * as react_jsx_runtime3 from "react/jsx-runtime";
 
 //#region src/widgets/ChatPreviewWidget/ChatPreviewWidget.d.ts
 declare const ChatPreviewWidgetWithBaseWidget: {
-  (props: BaseWidgetProps): react_jsx_runtime5.JSX.Element;
+  (props: BaseWidgetProps): react_jsx_runtime3.JSX.Element;
   displayName: string;
 };
 interface ChatPreviewWidgetProps {
@@ -12,7 +12,7 @@ interface ChatPreviewWidgetProps {
 declare const ChatPreviewWidget: {
   ({
     widgetConfigId
-  }: ChatPreviewWidgetProps): react_jsx_runtime5.JSX.Element;
+  }: ChatPreviewWidgetProps): react_jsx_runtime3.JSX.Element;
   displayName: string;
 };
 //#endregion