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

package/dist/widgets/ChatPreviewWidget/ChatPreviewWidget.js

@@ -1,20 +1,21 @@
 import { withBaseWidget } from "../../hocs/withBaseWidget/withBaseWidget.js";
+import v4_default from "../../node_modules/uuid/dist/v4.js";
 import { getMessageText } 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 } from "@envive-ai/react-hooks/application/models";
-import { useAtomValue } from "jotai";
 import { chatAtom, lastAssistantMessageAtom } from "@envive-ai/react-hooks/atoms/chat";
+import { Theme } from "@envive-ai/react-toolkit-v3/Tokens";
+import { ChatElementDisplayLocationV3, MessageRole, MessageType } from "@envive-ai/react-hooks/application/models";
 import { ChatPreview } from "@envive-ai/react-toolkit-v3/ChatPreview";
 
 //#region src/widgets/ChatPreviewWidget/ChatPreviewWidget.tsx
 const ChatPreviewWidgetHandler = (props) => {
-	const { onTypedMessageSubmitted } = useSalesAgent();
+	const handleReply = useSetAtom(handleReplyAtom);
 	const { openChat } = useChatToggle();
 	const lastAssistantMessage = useAtomValue(lastAssistantMessageAtom);
 	const { suggestions } = useAtomValue(chatAtom);
@@ -34,15 +35,31 @@ const ChatPreviewWidgetHandler = (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_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_TEXT_FIELD);
-	}, [openChat]);
+	}, [handleReply, openChat]);
 	if (isLoading) return /* @__PURE__ */ jsx(ChatPreviewLoadingWidgetWithBaseWidget, {
 		widgetConfigId,
 		widgetType: WidgetTypeV3.ChatPreviewLoadingV3

package/dist/widgets/FloatingChatWidget/FloatingChatWidget.cjs

@@ -9,12 +9,12 @@ const require_useUnifiedCXButton = require('../../CXIntegration/hooks/useUnified
 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_hooks_ChatToggle = require("@envive-ai/react-hooks/hooks/ChatToggle");
+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_FloatingChat = require("@envive-ai/react-toolkit-v3/FloatingChat");
 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_toolkit_v3_FloatingButton = require("@envive-ai/react-toolkit-v3/FloatingButton");
-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");
 
 //#region src/widgets/FloatingChatWidget/FloatingChatWidget.tsx
 const FloatingChatWidgetHandler = (props) => {

package/dist/widgets/FloatingChatWidget/FloatingChatWidget.d.cts

@@ -1,9 +1,9 @@
-import * as react_jsx_runtime13 from "react/jsx-runtime";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
 
 //#region src/widgets/FloatingChatWidget/FloatingChatWidget.d.ts
 interface FloatingChatWidgetProps {}
 declare const FloatingChatWidget: {
-  (): react_jsx_runtime13.JSX.Element;
+  (): react_jsx_runtime1.JSX.Element;
   displayName: string;
 };
 //#endregion

package/dist/widgets/FloatingChatWidget/FloatingChatWidget.d.ts

@@ -1,9 +1,9 @@
-import * as react_jsx_runtime9 from "react/jsx-runtime";
+import * as react_jsx_runtime7 from "react/jsx-runtime";
 
 //#region src/widgets/FloatingChatWidget/FloatingChatWidget.d.ts
 interface FloatingChatWidgetProps {}
 declare const FloatingChatWidget: {
-  (): react_jsx_runtime9.JSX.Element;
+  (): react_jsx_runtime7.JSX.Element;
   displayName: string;
 };
 //#endregion

package/dist/widgets/FloatingChatWidget/FloatingChatWidget.js

@@ -8,12 +8,12 @@ import { useUnifiedCXButton } from "../../CXIntegration/hooks/useUnifiedCXButton
 import { useMemo } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { WidgetTypeV3 } from "@envive-ai/react-hooks/contexts/typesV3";
+import { useChatToggle } from "@envive-ai/react-hooks/hooks/ChatToggle";
+import { Theme } from "@envive-ai/react-toolkit-v3/Tokens";
+import { ChatElementDisplayLocationV3 } from "@envive-ai/react-hooks/application/models";
 import { FloatingChat } from "@envive-ai/react-toolkit-v3/FloatingChat";
 import { useSalesAgent } from "@envive-ai/react-hooks/contexts/salesAgentContext";
-import { Theme } from "@envive-ai/react-toolkit-v3/Tokens";
 import { FloatingButton } from "@envive-ai/react-toolkit-v3/FloatingButton";
-import { useChatToggle } from "@envive-ai/react-hooks/hooks/ChatToggle";
-import { ChatElementDisplayLocationV3 } from "@envive-ai/react-hooks/application/models";
 
 //#region src/widgets/FloatingChatWidget/FloatingChatWidget.tsx
 const FloatingChatWidgetHandler = (props) => {

package/dist/widgets/PromptButtonCarouselWithImageWidget/PromptButtonCarouselWithImageWidget.cjs

@@ -1,17 +1,19 @@
 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');
 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 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_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_PromptButtonCarouselWithImage = require("@envive-ai/react-toolkit-v3/PromptButtonCarouselWithImage");
 
 //#region src/widgets/PromptButtonCarouselWithImageWidget/PromptButtonCarouselWithImageWidget.tsx
 const PromptButtonCarouselWithImageWidgetHandler = (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 { hardcopyContent, widgetConfig, isLoading } = props;
 	const promptButtonCarouselWithImageWidgetConfig = widgetConfig;
@@ -22,15 +24,31 @@ const PromptButtonCarouselWithImageWidgetHandler = (props) => {
 		textFieldPlaceholder: hardcopyContent?.values?.textFieldPlaceholderText
 	};
 	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.PROMPT_BUTTON_CAROUSEL_WITH_IMAGE_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.PROMPT_BUTTON_CAROUSEL_WITH_IMAGE_TEXT_FIELD);
-	}, [openChat]);
+	}, [handleReply, openChat]);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_toolkit_v3_PromptButtonCarouselWithImage.PromptButtonCarouselWithImage, {
 		id,
 		theme: __envive_ai_react_toolkit_v3_Tokens.Theme.GLOBAL_CUSTOM,

package/dist/widgets/PromptButtonCarouselWithImageWidget/PromptButtonCarouselWithImageWidget.d.cts

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

package/dist/widgets/PromptButtonCarouselWithImageWidget/PromptButtonCarouselWithImageWidget.d.ts

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

package/dist/widgets/PromptButtonCarouselWithImageWidget/PromptButtonCarouselWithImageWidget.js

@@ -1,16 +1,18 @@
 import { withBaseWidget } from "../../hocs/withBaseWidget/withBaseWidget.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 { Theme } from "@envive-ai/react-toolkit-v3/Tokens";
+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 { Theme } from "@envive-ai/react-toolkit-v3/Tokens";
+import { ChatElementDisplayLocationV3, MessageRole, MessageType } from "@envive-ai/react-hooks/application/models";
 import { PromptButtonCarouselWithImage } from "@envive-ai/react-toolkit-v3/PromptButtonCarouselWithImage";
 
 //#region src/widgets/PromptButtonCarouselWithImageWidget/PromptButtonCarouselWithImageWidget.tsx
 const PromptButtonCarouselWithImageWidgetHandler = (props) => {
-	const { onTypedMessageSubmitted } = useSalesAgent();
+	const handleReply = useSetAtom(handleReplyAtom);
 	const { openChat } = useChatToggle();
 	const { hardcopyContent, widgetConfig, isLoading } = props;
 	const promptButtonCarouselWithImageWidgetConfig = widgetConfig;
@@ -21,15 +23,31 @@ const PromptButtonCarouselWithImageWidgetHandler = (props) => {
 		textFieldPlaceholder: hardcopyContent?.values?.textFieldPlaceholderText
 	};
 	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.PROMPT_BUTTON_CAROUSEL_WITH_IMAGE_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.PROMPT_BUTTON_CAROUSEL_WITH_IMAGE_TEXT_FIELD);
-	}, [openChat]);
+	}, [handleReply, openChat]);
 	return /* @__PURE__ */ jsx(PromptButtonCarouselWithImage, {
 		id,
 		theme: Theme.GLOBAL_CUSTOM,

package/dist/widgets/PromptCarouselWidget/PromptCarouselWidget.cjs

@@ -1,12 +1,14 @@
 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_toolkit_v3_Tokens = require("@envive-ai/react-toolkit-v3/Tokens");
+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_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_PromptCarousel_types_types = require("@envive-ai/react-toolkit-v3/PromptCarousel/types/types");
 let __envive_ai_react_toolkit_v3_PromptCarousel = require("@envive-ai/react-toolkit-v3/PromptCarousel");
@@ -20,7 +22,7 @@ const mockButtonTexts = [
 	"Loading button 5"
 ];
 const PromptCarouselWidgetHandler = (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 { hardcopyContent, widgetConfig, isLoading } = props;
 	const promptButtonTexts = hardcopyContent?.values?.promptButtonTexts || [];
@@ -32,12 +34,18 @@ const PromptCarouselWidgetHandler = (props) => {
 	const promptCarouselRows = promptCarouselWidgetConfig?.promptCarouselRows;
 	const animationSpeed = isLoading ? __envive_ai_react_toolkit_v3_PromptCarousel_types_types.AnimationSpeed.FAST : promptCarouselWidgetConfig?.animationSpeed;
 	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
 		});
 		openChat(__envive_ai_react_hooks_application_models.ChatElementDisplayLocationV3.PROMPT_CAROUSEL);
-	}, [onTypedMessageSubmitted, openChat]);
+	}, [handleReply, openChat]);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_toolkit_v3_PromptCarousel.PromptCarousel, {
 		id,
 		theme: __envive_ai_react_toolkit_v3_Tokens.Theme.GLOBAL_CUSTOM,

package/dist/widgets/PromptCarouselWidget/PromptCarouselWidget.d.cts

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

package/dist/widgets/PromptCarouselWidget/PromptCarouselWidget.d.ts

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

package/dist/widgets/PromptCarouselWidget/PromptCarouselWidget.js

@@ -1,12 +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 { Theme } from "@envive-ai/react-toolkit-v3/Tokens";
+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 { Theme } from "@envive-ai/react-toolkit-v3/Tokens";
+import { ChatElementDisplayLocationV3, MessageRole, MessageType } from "@envive-ai/react-hooks/application/models";
 import { AnimationSpeed } from "@envive-ai/react-toolkit-v3/PromptCarousel/types/types";
 import { PromptCarousel } from "@envive-ai/react-toolkit-v3/PromptCarousel";
 
@@ -19,7 +21,7 @@ const mockButtonTexts = [
 	"Loading button 5"
 ];
 const PromptCarouselWidgetHandler = (props) => {
-	const { onTypedMessageSubmitted } = useSalesAgent();
+	const handleReply = useSetAtom(handleReplyAtom);
 	const { openChat } = useChatToggle();
 	const { hardcopyContent, widgetConfig, isLoading } = props;
 	const promptButtonTexts = hardcopyContent?.values?.promptButtonTexts || [];
@@ -31,12 +33,18 @@ const PromptCarouselWidgetHandler = (props) => {
 	const promptCarouselRows = promptCarouselWidgetConfig?.promptCarouselRows;
 	const animationSpeed = isLoading ? AnimationSpeed.FAST : promptCarouselWidgetConfig?.animationSpeed;
 	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
 		});
 		openChat(ChatElementDisplayLocationV3.PROMPT_CAROUSEL);
-	}, [onTypedMessageSubmitted, openChat]);
+	}, [handleReply, openChat]);
 	return /* @__PURE__ */ jsx(PromptCarousel, {
 		id,
 		theme: Theme.GLOBAL_CUSTOM,

package/dist/widgets/SocialProofFlowWidget/SocialProofFlowWidget.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_ChatPreviewWidget = require('../ChatPreviewWidget/ChatPreviewWidget.cjs');
+const require_useGetWidgetStatus = require('../hooks/useGetWidgetStatus.cjs');
 const require_SocialProofWidget = require('../SocialProofWidget/SocialProofWidget.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/SocialProofFlowWidget/SocialProofFlowWidget.d.cts

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

package/dist/widgets/SocialProofFlowWidget/SocialProofFlowWidget.d.ts

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

package/dist/widgets/SocialProofFlowWidget/SocialProofFlowWidget.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 { ChatPreviewWidgetWithBaseWidget } from "../ChatPreviewWidget/ChatPreviewWidget.js";
+import useGetWidgetStatus_default from "../hooks/useGetWidgetStatus.js";
 import { SocialProofWidgetWithBaseWidget } from "../SocialProofWidget/SocialProofWidget.js";
 import { jsx } from "react/jsx-runtime";
 import { WidgetTypeV3 } from "@envive-ai/react-hooks/contexts/typesV3";

package/dist/widgets/SocialProofWidget/SocialProofWidget.cjs

@@ -1,15 +1,16 @@
 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');
 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_ChatPreviewLoading = require("@envive-ai/react-toolkit-v3/ChatPreviewLoading");
 let __envive_ai_react_hooks_atoms_widget = require("@envive-ai/react-hooks/atoms/widget");
 let __envive_ai_react_toolkit_v3_SocialProof = require("@envive-ai/react-toolkit-v3/SocialProof");
@@ -17,7 +18,7 @@ let __envive_ai_react_toolkit_v3_SocialProof = require("@envive-ai/react-toolkit
 //#region src/widgets/SocialProofWidget/SocialProofWidget.tsx
 const SocialProofWidgetHandler = (props) => {
 	const setChatPreviewLoadingData = (0, jotai.useSetAtom)(__envive_ai_react_hooks_atoms_widget.chatPreviewLoadingDataAtom);
-	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 { hardcopyContent, widgetConfig, uiConfig, isLoading, widgetConfigId } = props;
@@ -40,22 +41,44 @@ const SocialProofWidgetHandler = (props) => {
 		alt: "Product Image"
 	}];
 	const handlePrimaryButtonClick = (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.SOCIAL_PROOF_PRIMARY_BUTTON);
-	}, [onTypedMessageSubmitted, openChat]);
+	}, [handleReply, openChat]);
 	const handleSecondaryButtonClick = (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.SOCIAL_PROOF_SECONDARY_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.SOCIAL_PROOF_TEXT_FIELD);
-	}, [openChat]);
+	}, [handleReply, openChat]);
 	if (isLoading) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_toolkit_v3_ChatPreviewLoading.ChatPreviewLoading, { fullIsLoading: true });
 	setChatPreviewLoadingData({
 		widgetConfigId,

package/dist/widgets/SocialProofWidget/SocialProofWidget.d.cts

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

package/dist/widgets/SocialProofWidget/SocialProofWidget.d.ts

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