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

package/dist/widgets/TitledPromptCarouselWidget/TitledPromptCarouselWidget.js

@@ -1,11 +1,13 @@
 import { withBaseWidget } from "../../hocs/withBaseWidget/withBaseWidget.js";
 import "../../hocs/withBaseWidget/index.js";
+import v4_default from "../../node_modules/uuid/dist/v4.js";
 import { useCallback } 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 { useSetAtom } from "jotai";
+import { handleReplyAtom } from "@envive-ai/react-hooks/atoms/chat/replies";
 import { useChatToggle } from "@envive-ai/react-hooks/hooks/ChatToggle";
-import { ChatElementDisplayLocationV3 } from "@envive-ai/react-hooks/application/models";
+import { ChatElementDisplayLocationV3, MessageRole, MessageType } from "@envive-ai/react-hooks/application/models";
 import { AnimationSpeed } from "@envive-ai/react-toolkit-v3/PromptCarousel";
 import { TitledPromptCarousel } from "@envive-ai/react-toolkit-v3/TitledPromptCarousel";
 
@@ -19,7 +21,7 @@ const mockButtonTexts = [
 ];
 const mockTitleLabel = "Loading...";
 const TitledPromptCarouselWidgetHandler = (props) => {
-	const { onTypedMessageSubmitted } = useSalesAgent();
+	const handleReply = useSetAtom(handleReplyAtom);
 	const { openChat } = useChatToggle();
 	const { hardcopyContent, widgetConfig, isLoading } = props;
 	const hardCopyTitleLabel = hardcopyContent?.values?.titleLabel;
@@ -43,12 +45,18 @@ const TitledPromptCarouselWidgetHandler = (props) => {
 		promptCarouselRows,
 		animationSpeed: isLoading ? AnimationSpeed.FAST : titledPromptCarouselWidgetConfig?.animationSpeed,
 		handleButtonClick: 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.TITLED_PROMPT_CAROUSEL);
-		}, [onTypedMessageSubmitted, openChat]),
+		}, [handleReply, openChat]),
 		promptButtonTexts: buttonTexts,
 		promptCarouselAriaLabel
 	});

package/dist/widgets/TypingAnimationFlowWidget/TypingAnimationFlowWidget.cjs

@@ -1,8 +1,8 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_useGetWidgetStatus = require('../hooks/useGetWidgetStatus.cjs');
 const require_ChatPreviewLoadingWidget = require('../ChatPreviewLoadingWidget/ChatPreviewLoadingWidget.cjs');
 const require_ChatPreviewWidget = require('../ChatPreviewWidget/ChatPreviewWidget.cjs');
 const require_ChatPreviewComparisonWidget = require('../ChatPreviewComparisonWidget/ChatPreviewComparisonWidget.cjs');
+const require_useGetWidgetStatus = require('../hooks/useGetWidgetStatus.cjs');
 const require_TypingAnimationWidget = require('../TypingAnimationWidget/TypingAnimationWidget.cjs');
 let react_jsx_runtime = require("react/jsx-runtime");
 let __envive_ai_react_hooks_contexts_typesV3 = require("@envive-ai/react-hooks/contexts/typesV3");

package/dist/widgets/TypingAnimationFlowWidget/TypingAnimationFlowWidget.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime16 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/widgets/TypingAnimationFlowWidget/TypingAnimationFlowWidget.d.ts
 interface TypingAnimationFlowWidgetProps {
@@ -7,7 +7,7 @@ interface TypingAnimationFlowWidgetProps {
 declare const TypingAnimationFlowWidget: {
   ({
     widgetConfigId
-  }: TypingAnimationFlowWidgetProps): react_jsx_runtime16.JSX.Element;
+  }: TypingAnimationFlowWidgetProps): react_jsx_runtime0.JSX.Element;
   displayName: string;
 };
 //#endregion

package/dist/widgets/TypingAnimationFlowWidget/TypingAnimationFlowWidget.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime16 from "react/jsx-runtime";
+import * as react_jsx_runtime2 from "react/jsx-runtime";
 
 //#region src/widgets/TypingAnimationFlowWidget/TypingAnimationFlowWidget.d.ts
 interface TypingAnimationFlowWidgetProps {
@@ -7,7 +7,7 @@ interface TypingAnimationFlowWidgetProps {
 declare const TypingAnimationFlowWidget: {
   ({
     widgetConfigId
-  }: TypingAnimationFlowWidgetProps): react_jsx_runtime16.JSX.Element;
+  }: TypingAnimationFlowWidgetProps): react_jsx_runtime2.JSX.Element;
   displayName: string;
 };
 //#endregion

package/dist/widgets/TypingAnimationFlowWidget/TypingAnimationFlowWidget.js

@@ -1,7 +1,7 @@
-import useGetWidgetStatus_default from "../hooks/useGetWidgetStatus.js";
 import { ChatPreviewLoadingWidgetWithBaseWidget } from "../ChatPreviewLoadingWidget/ChatPreviewLoadingWidget.js";
 import { ChatPreviewWidgetWithBaseWidget } from "../ChatPreviewWidget/ChatPreviewWidget.js";
 import { ChatPreviewComparisonWidgetWithBaseWidget } from "../ChatPreviewComparisonWidget/ChatPreviewComparisonWidget.js";
+import useGetWidgetStatus_default from "../hooks/useGetWidgetStatus.js";
 import { TypingAnimationWithBaseWidget } from "../TypingAnimationWidget/TypingAnimationWidget.js";
 import { jsx } from "react/jsx-runtime";
 import { WidgetTypeV3 } from "@envive-ai/react-hooks/contexts/typesV3";

package/dist/widgets/TypingAnimationWidget/TypingAnimationWidget.cjs

@@ -1,14 +1,15 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
 const require_withBaseWidget = require('../../hocs/withBaseWidget/withBaseWidget.cjs');
 require('../../hocs/withBaseWidget/index.cjs');
+const require_v4 = require('../../node_modules/uuid/dist-node/v4.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_hooks_application_models = require("@envive-ai/react-hooks/application/models");
 let jotai = require("jotai");
-let __envive_ai_react_hooks_atoms_chat_chatState = require("@envive-ai/react-hooks/atoms/chat/chatState");
+let __envive_ai_react_hooks_atoms_chat_replies = require("@envive-ai/react-hooks/atoms/chat/replies");
+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 __envive_ai_react_hooks_atoms_chat_chatState = require("@envive-ai/react-hooks/atoms/chat/chatState");
 let __envive_ai_react_toolkit_v3_PromptButton_types = require("@envive-ai/react-toolkit-v3/PromptButton/types");
 let __envive_ai_react_toolkit_v3_WidgetWrapper = require("@envive-ai/react-toolkit-v3/WidgetWrapper");
 let __envive_ai_react_toolkit_v3_TypingAnimation = require("@envive-ai/react-toolkit-v3/TypingAnimation");
@@ -25,7 +26,7 @@ const mockHeadlineText = "Loading";
 const mockAnimatedTextSequence = ["..."];
 const mockHintText = "Ask me anything";
 const TypingAnimationWidgetHandler = (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 onToggle = (0, jotai.useSetAtom)(__envive_ai_react_hooks_atoms_chat_chatState.chatOnToggleAtom);
 	const { hardcopyContent, widgetConfig, isLoading } = props;
 	const titleLabel = hardcopyContent?.values?.titleLabel || "";
@@ -43,12 +44,18 @@ const TypingAnimationWidgetHandler = (props) => {
 	const promptCarouselRows = typingAnimationWidgetConfig?.promptCarouselRows || __envive_ai_react_toolkit_v3_PromptCarousel.PromptCarouselRows.ALWAYS_ONE;
 	const showTextField = typingAnimationWidgetConfig?.showTextField !== false;
 	const handleButtonClick = (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
 		});
 		onToggle(__envive_ai_react_hooks_application_models.ChatElementDisplayLocationV3.TYPING_ANIMATION);
-	}, [onTypedMessageSubmitted, onToggle]);
+	}, [handleReply, onToggle]);
 	const handleTextFieldClick = (0, react.useCallback)(() => {
 		onToggle(__envive_ai_react_hooks_application_models.ChatElementDisplayLocationV3.TYPING_ANIMATION);
 	}, [onToggle]);

package/dist/widgets/TypingAnimationWidget/TypingAnimationWidget.d.cts

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

package/dist/widgets/TypingAnimationWidget/TypingAnimationWidget.d.ts

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

package/dist/widgets/TypingAnimationWidget/TypingAnimationWidget.js

@@ -1,13 +1,14 @@
 import { withBaseWidget } from "../../hocs/withBaseWidget/withBaseWidget.js";
 import "../../hocs/withBaseWidget/index.js";
+import v4_default from "../../node_modules/uuid/dist/v4.js";
 import { useCallback } 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 { ChatElementDisplayLocationV3 } from "@envive-ai/react-hooks/application/models";
 import { useSetAtom } from "jotai";
-import { chatOnToggleAtom } from "@envive-ai/react-hooks/atoms/chat/chatState";
+import { handleReplyAtom } from "@envive-ai/react-hooks/atoms/chat/replies";
+import { ChatElementDisplayLocationV3, MessageRole, MessageType } from "@envive-ai/react-hooks/application/models";
 import { PromptCarouselRows } from "@envive-ai/react-toolkit-v3/PromptCarousel";
+import { chatOnToggleAtom } from "@envive-ai/react-hooks/atoms/chat/chatState";
 import { PromptButtonVariant } from "@envive-ai/react-toolkit-v3/PromptButton/types";
 import { WidgetWrapperVariant } from "@envive-ai/react-toolkit-v3/WidgetWrapper";
 import { TypingAnimation } from "@envive-ai/react-toolkit-v3/TypingAnimation";
@@ -24,7 +25,7 @@ const mockHeadlineText = "Loading";
 const mockAnimatedTextSequence = ["..."];
 const mockHintText = "Ask me anything";
 const TypingAnimationWidgetHandler = (props) => {
-	const { onTypedMessageSubmitted } = useSalesAgent();
+	const handleReply = useSetAtom(handleReplyAtom);
 	const onToggle = useSetAtom(chatOnToggleAtom);
 	const { hardcopyContent, widgetConfig, isLoading } = props;
 	const titleLabel = hardcopyContent?.values?.titleLabel || "";
@@ -42,12 +43,18 @@ const TypingAnimationWidgetHandler = (props) => {
 	const promptCarouselRows = typingAnimationWidgetConfig?.promptCarouselRows || PromptCarouselRows.ALWAYS_ONE;
 	const showTextField = typingAnimationWidgetConfig?.showTextField !== false;
 	const handleButtonClick = 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
 		});
 		onToggle(ChatElementDisplayLocationV3.TYPING_ANIMATION);
-	}, [onTypedMessageSubmitted, onToggle]);
+	}, [handleReply, onToggle]);
 	const handleTextFieldClick = useCallback(() => {
 		onToggle(ChatElementDisplayLocationV3.TYPING_ANIMATION);
 	}, [onToggle]);

package/dist/widgets/dist/SearchResults/SearchResults.d.cts

@@ -1,6 +1,6 @@
 import { SearchResultsHocProps } from "../packages/hooks/dist/hooks/Search/useSearch.cjs";
 import { SearchResultsEntryPointWidgetConfig } from "./types.cjs";
-import * as react_jsx_runtime1 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region ../widgets/dist/SearchResults/SearchResults.d.ts
 
@@ -8,7 +8,7 @@ import * as react_jsx_runtime1 from "react/jsx-runtime";
 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, keyof SearchResultsHocProps>) => react_jsx_runtime0.JSX.Element;
 //#endregion
 
 //#endregion

package/dist/widgets/dist/SearchResults/SearchResultsWidget.d.cts

@@ -1,8 +1,8 @@
-import * as react_jsx_runtime3 from "react/jsx-runtime";
+import * as react_jsx_runtime0 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_runtime0.JSX.Element;
 //#endregion
 
 //#endregion

package/dist/widgets/dist/SearchZeroState/SearchZeroStateWidget.d.cts

@@ -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/widgets/dist/SuggestionBar/SuggestionBar.d.cts

@@ -1,6 +1,6 @@
 import { SuggestionButtonVariant } from "../packages/hooks/dist/contexts/types.cjs";
 import { SuggestionBarLocationForMetrics } from "./types.cjs";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime2 from "react/jsx-runtime";
 import { Message } from "postcss";
 
 //#region ../widgets/dist/SuggestionBar/SuggestionBar.d.ts
@@ -30,7 +30,7 @@ declare function SuggestionBar({
   buttonBorderRadius,
   handleReply,
   dataTestId
-}: Readonly<SuggestionBarProps>): react_jsx_runtime0.JSX.Element;
+}: Readonly<SuggestionBarProps>): react_jsx_runtime2.JSX.Element;
 //#endregion
 //#endregion
 export { SuggestionBar };

package/dist/widgets/hooks/useGetWidgetStatus.cjs

@@ -2,8 +2,8 @@ const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
 const require_functions = require('../utils/functions.cjs');
 let react = require("react");
 let jotai = require("jotai");
-let __envive_ai_react_hooks_atoms_chat_chatState = require("@envive-ai/react-hooks/atoms/chat/chatState");
 let __envive_ai_react_hooks_atoms_chat = require("@envive-ai/react-hooks/atoms/chat");
+let __envive_ai_react_hooks_atoms_chat_chatState = require("@envive-ai/react-hooks/atoms/chat/chatState");
 
 //#region src/widgets/hooks/useGetWidgetStatus.tsx
 const useGetWidgetStatus = () => {

package/dist/widgets/hooks/useGetWidgetStatus.js

@@ -1,8 +1,8 @@
 import { isLoading, isProductComparison, userHasInteracted, userHasNotInteracted } from "../utils/functions.js";
 import { useMemo } from "react";
 import { useAtomValue } from "jotai";
-import { responseStreamingAtom } from "@envive-ai/react-hooks/atoms/chat/chatState";
 import { chatAtom, lastAssistantMessageAtom } from "@envive-ai/react-hooks/atoms/chat";
+import { responseStreamingAtom } from "@envive-ai/react-hooks/atoms/chat/chatState";
 
 //#region src/widgets/hooks/useGetWidgetStatus.tsx
 const useGetWidgetStatus = () => {

package/dist/widgets/utils/functions.cjs

@@ -1,6 +1,6 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-let __envive_ai_react_hooks_application_models = require("@envive-ai/react-hooks/application/models");
 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_hooks_atoms_atomStore = require("@envive-ai/react-hooks/atoms/atomStore");
 
 //#region src/widgets/utils/functions.ts

package/dist/widgets/utils/functions.js

@@ -1,5 +1,5 @@
-import { MessageRole, MessageType } from "@envive-ai/react-hooks/application/models";
 import { chatAtom, lastAssistantMessageAtom } from "@envive-ai/react-hooks/atoms/chat";
+import { MessageRole, MessageType } from "@envive-ai/react-hooks/application/models";
 import { getAtomStore } from "@envive-ai/react-hooks/atoms/atomStore";
 
 //#region src/widgets/utils/functions.ts

package/dist/widgets-v2/SearchResults/index.d.ts

@@ -1,4 +1,4 @@
-import { SearchResultsWidget } from "../../widgets/dist/SearchResults/SearchResultsWidget.js";
-import { SearchResults } from "../../widgets/dist/SearchResults/SearchResults.js";
-import "../../widgets/dist/SearchResults/index.js";
+import { SearchResultsWidget } from "../../packages/widgets/dist/SearchResults/SearchResultsWidget.js";
+import { SearchResults } from "../../packages/widgets/dist/SearchResults/SearchResults.js";
+import "../../packages/widgets/dist/SearchResults/index.js";
 export { SearchResults, SearchResultsWidget };

package/dist/widgets-v2/SearchZeroState/index.d.ts

@@ -1,6 +1,6 @@
-import { SearchEntryPointWidgetConfig, SearchInputVariant } from "../../widgets/dist/packages/hooks/dist/contexts/types.js";
-import { SearchZeroStateProps } from "../../widgets/dist/SearchZeroState/types.js";
-import { SearchZeroState } from "../../widgets/dist/SearchZeroState/SearchZeroState.js";
-import { SearchZeroStateWidget } from "../../widgets/dist/SearchZeroState/SearchZeroStateWidget.js";
-import "../../widgets/dist/SearchZeroState/index.js";
+import { SearchEntryPointWidgetConfig, SearchInputVariant } from "../../packages/widgets/dist/packages/hooks/dist/contexts/types.js";
+import { SearchZeroStateProps } from "../../packages/widgets/dist/SearchZeroState/types.js";
+import { SearchZeroState } from "../../packages/widgets/dist/SearchZeroState/SearchZeroState.js";
+import { SearchZeroStateWidget } from "../../packages/widgets/dist/SearchZeroState/SearchZeroStateWidget.js";
+import "../../packages/widgets/dist/SearchZeroState/index.js";
 export { SearchEntryPointWidgetConfig, SearchInputVariant, SearchZeroState, SearchZeroStateProps, SearchZeroStateWidget };

package/dist/widgets-v2/SuggestionBar/index.d.ts

@@ -1,4 +1,4 @@
-import { SuggestionBarLocationForMetrics } from "../../widgets/dist/SuggestionBar/types.js";
-import { SuggestionBar } from "../../widgets/dist/SuggestionBar/SuggestionBar.js";
-import "../../widgets/dist/SuggestionBar/index.js";
+import { SuggestionBarLocationForMetrics } from "../../packages/widgets/dist/SuggestionBar/types.js";
+import { SuggestionBar } from "../../packages/widgets/dist/SuggestionBar/SuggestionBar.js";
+import "../../packages/widgets/dist/SuggestionBar/index.js";
 export { SuggestionBar, SuggestionBarLocationForMetrics };

package/dist/widgets-v2/SuggestionButtonContainer/index.d.ts

@@ -1,3 +1,3 @@
-import { SuggestionButtonContainerProps } from "../../widgets/dist/SuggestionButtonContainer/types.js";
-import { SuggestionButtonContainer } from "../../widgets/dist/SuggestionButtonContainer/SuggestionButtonContainer.js";
+import { SuggestionButtonContainerProps } from "../../packages/widgets/dist/SuggestionButtonContainer/types.js";
+import { SuggestionButtonContainer } from "../../packages/widgets/dist/SuggestionButtonContainer/SuggestionButtonContainer.js";
 export { SuggestionButtonContainer, SuggestionButtonContainerProps };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@envive-ai/react-widgets-v3",
-  "version": "0.3.2",
+  "version": "0.3.5",
   "description": "React widget library v3 for Envive services.",
   "keywords": [
     "react",

package/src/stories/SalesAgentTest/SalesAgentTest.tsx

@@ -56,7 +56,7 @@ export const SalesAgentTest = () => {
           onChange={e => setQuery(e.target.value)}
           onKeyDown={e => {
             if (e.key === 'Enter') {
-              onTypedMessageSubmitted({ query, userTyped: true });
+              onTypedMessageSubmitted({ query });
               setQuery('');
             }
           }}
@@ -65,7 +65,7 @@ export const SalesAgentTest = () => {
         <button
           type="button"
           onClick={() => {
-            onTypedMessageSubmitted({ query, userTyped: true });
+            onTypedMessageSubmitted({ query });
             setQuery('');
           }}
         >

package/src/widgets/ChatPreviewComparisonWidget/ChatPreviewComparisonWidget.tsx

@@ -2,8 +2,8 @@ import {
   ChatPreviewComparisonWidgetV3Config,
   WidgetTypeV3,
 } from '@envive-ai/react-hooks/contexts/typesV3';
-import { useAtomValue } from 'jotai';
-import { useSalesAgent } from '@envive-ai/react-hooks/contexts/salesAgentContext';
+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 { chatAtom, lastAssistantMessageAtom } from '@envive-ai/react-hooks/atoms/chat';
 
@@ -11,8 +11,12 @@ import { Theme } from '@envive-ai/react-toolkit-v3/Tokens';
 import { useCallback, useMemo } from 'react';
 import {
   ChatElementDisplayLocationV3,
+  Message,
+  MessageRole,
+  MessageType,
   VariantTypeEnum,
 } from '@envive-ai/react-hooks/application/models';
+import { v4 as uuid } from 'uuid';
 import { ChatPreviewComparison } from '@envive-ai/react-toolkit-v3/ChatPreviewComparison';
 import { ChatPreviewComparisonProps } from '@envive-ai/react-toolkit-v3/ChatPreviewComparison/types/types';
 import { variantInfoAtom } from '@envive-ai/react-hooks/atoms/app';
@@ -22,7 +26,7 @@ import { getMessageText, getRecentProductImageUrls } from '../utils/functions';
 import { ChatPreviewLoadingWidgetWithBaseWidget } from '../ChatPreviewLoadingWidget/ChatPreviewLoadingWidget';
 
 const ChatPreviewComparisonWidgetHandler = (props: BaseWidgetProps) => {
-  const { onTypedMessageSubmitted } = useSalesAgent();
+  const handleReply = useSetAtom(handleReplyAtom);
   const { openChat } = useChatToggle();
 
   const lastAssistantMessage = useAtomValue(lastAssistantMessageAtom);
@@ -74,15 +78,33 @@ const ChatPreviewComparisonWidgetHandler = (props: BaseWidgetProps) => {
 
   const handlePromptButtonClick = useCallback(
     (text: string) => {
-      onTypedMessageSubmitted({ query: text, userTyped: false });
+      const newMessage: Message = {
+        id: uuid(),
+        role: MessageRole.User,
+        type: MessageType.QueryTyped,
+        createdAt: new Date().toISOString(),
+        metadata: { content: text },
+      };
+      handleReply({ message: newMessage, userTyped: false });
       openChat(ChatElementDisplayLocationV3.CHAT_PREVIEW_COMPARISON_PROMPT_BUTTON);
     },
-    [onTypedMessageSubmitted, openChat],
+    [handleReply, openChat],
   );
 
-  const handleTextFieldClick = useCallback(() => {
-    openChat(ChatElementDisplayLocationV3.CHAT_PREVIEW_COMPARISON_TEXT_FIELD);
-  }, [openChat]);
+  const handleTextFieldClick = useCallback(
+    (text: string) => {
+      const newMessage: Message = {
+        id: uuid(),
+        role: MessageRole.User,
+        type: MessageType.QueryTyped,
+        createdAt: new Date().toISOString(),
+        metadata: { content: text },
+      };
+      handleReply({ message: newMessage, userTyped: false });
+      openChat(ChatElementDisplayLocationV3.CHAT_PREVIEW_COMPARISON_TEXT_FIELD);
+    },
+    [handleReply, openChat],
+  );
 
   if (isLoading) {
     return (

package/src/widgets/ChatPreviewWidget/ChatPreviewWidget.tsx

@@ -1,12 +1,18 @@
 import { ChatPreviewWidgetV3Config, WidgetTypeV3 } from '@envive-ai/react-hooks/contexts/typesV3';
-import { useAtomValue } from 'jotai';
-import { useSalesAgent } from '@envive-ai/react-hooks/contexts/salesAgentContext';
+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 { chatAtom, lastAssistantMessageAtom } from '@envive-ai/react-hooks/atoms/chat';
 
 import { Theme } from '@envive-ai/react-toolkit-v3/Tokens';
 import { useCallback, useMemo } from 'react';
-import { ChatElementDisplayLocationV3 } from '@envive-ai/react-hooks/application/models';
+import {
+  ChatElementDisplayLocationV3,
+  Message,
+  MessageRole,
+  MessageType,
+} from '@envive-ai/react-hooks/application/models';
+import { v4 as uuid } from 'uuid';
 import { ChatPreviewProps } from '@envive-ai/react-toolkit-v3/ChatPreview/types/types';
 import { ChatPreview } from '@envive-ai/react-toolkit-v3/ChatPreview';
 import { withBaseWidget } from '../../hocs/withBaseWidget/withBaseWidget';
@@ -15,7 +21,7 @@ import { getMessageText } from '../utils/functions';
 import { ChatPreviewLoadingWidgetWithBaseWidget } from '../ChatPreviewLoadingWidget/ChatPreviewLoadingWidget';
 
 const ChatPreviewWidgetHandler = (props: BaseWidgetProps) => {
-  const { onTypedMessageSubmitted } = useSalesAgent();
+  const handleReply = useSetAtom(handleReplyAtom);
   const { openChat } = useChatToggle();
 
   const lastAssistantMessage = useAtomValue(lastAssistantMessageAtom);
@@ -50,15 +56,33 @@ const ChatPreviewWidgetHandler = (props: BaseWidgetProps) => {
 
   const handlePromptButtonClick = useCallback(
     (text: string) => {
-      onTypedMessageSubmitted({ query: text, userTyped: false });
+      const newMessage: Message = {
+        id: uuid(),
+        role: MessageRole.User,
+        type: MessageType.QueryTyped,
+        createdAt: new Date().toISOString(),
+        metadata: { content: text },
+      };
+      handleReply({ message: newMessage, userTyped: false });
       openChat(ChatElementDisplayLocationV3.CHAT_PREVIEW_PROMPT_BUTTON);
     },
-    [onTypedMessageSubmitted, openChat],
+    [handleReply, openChat],
   );
 
-  const handleTextFieldClick = useCallback(() => {
-    openChat(ChatElementDisplayLocationV3.CHAT_PREVIEW_TEXT_FIELD);
-  }, [openChat]);
+  const handleTextFieldClick = useCallback(
+    (text: string) => {
+      const newMessage: Message = {
+        id: uuid(),
+        role: MessageRole.User,
+        type: MessageType.QueryTyped,
+        createdAt: new Date().toISOString(),
+        metadata: { content: text },
+      };
+      handleReply({ message: newMessage, userTyped: false });
+      openChat(ChatElementDisplayLocationV3.CHAT_PREVIEW_TEXT_FIELD);
+    },
+    [handleReply, openChat],
+  );
 
   if (isLoading) {
     return (

package/src/widgets/PromptButtonCarouselWithImageWidget/PromptButtonCarouselWithImageWidget.tsx

@@ -2,12 +2,19 @@ import {
   PromptButtonCarouselWithImageWidgetV3Config,
   WidgetTypeV3,
 } from '@envive-ai/react-hooks/contexts/typesV3';
-import { useSalesAgent } from '@envive-ai/react-hooks/contexts/salesAgentContext';
+import { useSetAtom } from 'jotai';
+import { handleReplyAtom } from '@envive-ai/react-hooks/atoms/chat/replies';
 import { useChatToggle } from '@envive-ai/react-hooks/hooks/ChatToggle';
 
 import { Theme } from '@envive-ai/react-toolkit-v3/Tokens';
 import { useCallback } from 'react';
-import { ChatElementDisplayLocationV3 } from '@envive-ai/react-hooks/application/models';
+import {
+  ChatElementDisplayLocationV3,
+  Message,
+  MessageRole,
+  MessageType,
+} from '@envive-ai/react-hooks/application/models';
+import { v4 as uuid } from 'uuid';
 import {
   PromptButtonCarouselWithImage,
   PromptButtonCarouselWithImageProps,
@@ -16,7 +23,7 @@ import { BaseWidgetProps } from '../../hocs/withBaseWidget/types';
 import { withBaseWidget } from '../../hocs/withBaseWidget/withBaseWidget';
 
 const PromptButtonCarouselWithImageWidgetHandler = (props: BaseWidgetProps) => {
-  const { onTypedMessageSubmitted } = useSalesAgent();
+  const handleReply = useSetAtom(handleReplyAtom);
   const { openChat } = useChatToggle();
 
   const { hardcopyContent, widgetConfig, isLoading } = props;
@@ -37,15 +44,33 @@ const PromptButtonCarouselWithImageWidgetHandler = (props: BaseWidgetProps) => {
 
   const handlePromptButtonClick = useCallback(
     (text: string) => {
-      onTypedMessageSubmitted({ query: text, userTyped: false });
+      const newMessage: Message = {
+        id: uuid(),
+        role: MessageRole.User,
+        type: MessageType.QueryTyped,
+        createdAt: new Date().toISOString(),
+        metadata: { content: text },
+      };
+      handleReply({ message: newMessage, userTyped: false });
       openChat(ChatElementDisplayLocationV3.PROMPT_BUTTON_CAROUSEL_WITH_IMAGE_PROMPT_BUTTON);
     },
-    [onTypedMessageSubmitted, openChat],
+    [handleReply, openChat],
   );
 
-  const handleTextFieldClick = useCallback(() => {
-    openChat(ChatElementDisplayLocationV3.PROMPT_BUTTON_CAROUSEL_WITH_IMAGE_TEXT_FIELD);
-  }, [openChat]);
+  const handleTextFieldClick = useCallback(
+    (text: string) => {
+      const newMessage: Message = {
+        id: uuid(),
+        role: MessageRole.User,
+        type: MessageType.QueryTyped,
+        createdAt: new Date().toISOString(),
+        metadata: { content: text },
+      };
+      handleReply({ message: newMessage, userTyped: false });
+      openChat(ChatElementDisplayLocationV3.PROMPT_BUTTON_CAROUSEL_WITH_IMAGE_TEXT_FIELD);
+    },
+    [handleReply, openChat],
+  );
 
   return (
     <PromptButtonCarouselWithImage