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

package/src/widgets/PromptCarouselWidget/PromptCarouselWidget.tsx

@@ -4,8 +4,15 @@ import {
 } from '@envive-ai/react-hooks/contexts/typesV3';
 import { PromptButtonVariant } from '@envive-ai/react-toolkit-v3/PromptButton/types';
 import { useCallback } from 'react';
-import { ChatElementDisplayLocationV3 } from '@envive-ai/react-hooks/application/models';
-import { useSalesAgent } from '@envive-ai/react-hooks/contexts/salesAgentContext';
+import { v4 as uuid } from 'uuid';
+import {
+  ChatElementDisplayLocationV3,
+  Message,
+  MessageRole,
+  MessageType,
+} from '@envive-ai/react-hooks/application/models';
+import { useSetAtom } from 'jotai';
+import { handleReplyAtom } from '@envive-ai/react-hooks/atoms/chat/replies';
 import { useChatToggle } from '@envive-ai/react-hooks/hooks/ChatToggle';
 import { AnimationSpeed } from '@envive-ai/react-toolkit-v3/PromptCarousel/types/types';
 import { Theme } from '@envive-ai/react-toolkit-v3/Tokens';
@@ -21,7 +28,7 @@ const mockButtonTexts = [
 ];
 
 const PromptCarouselWidgetHandler = (props: BaseWidgetProps) => {
-  const { onTypedMessageSubmitted } = useSalesAgent();
+  const handleReply = useSetAtom(handleReplyAtom);
   const { openChat } = useChatToggle();
 
   const { hardcopyContent, widgetConfig, isLoading } = props;
@@ -41,10 +48,17 @@ const PromptCarouselWidgetHandler = (props: BaseWidgetProps) => {
 
   const handleButtonClick = 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_CAROUSEL);
     },
-    [onTypedMessageSubmitted, openChat],
+    [handleReply, openChat],
   );
 
   return (

package/src/widgets/SocialProofWidget/SocialProofWidget.tsx

@@ -4,14 +4,20 @@ import {
   WidgetTypeV3,
 } from '@envive-ai/react-hooks/contexts/typesV3';
 import { useAtomValue, useSetAtom } from 'jotai';
-import { useSalesAgent } from '@envive-ai/react-hooks/contexts/salesAgentContext';
+import { handleReplyAtom } from '@envive-ai/react-hooks/atoms/chat/replies';
 import { useChatToggle } from '@envive-ai/react-hooks/hooks/ChatToggle';
 import { lastAssistantMessageAtom } from '@envive-ai/react-hooks/atoms/chat';
 
 import { SocialProof, SocialProofProps } from '@envive-ai/react-toolkit-v3/SocialProof';
 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 { chatPreviewLoadingDataAtom } from '@envive-ai/react-hooks/atoms/widget';
 import { ChatPreviewLoading } from '@envive-ai/react-toolkit-v3/ChatPreviewLoading';
 import { BaseWidgetProps } from '../../hocs/withBaseWidget/types';
@@ -21,7 +27,7 @@ import { getProductImageUrl } from '../utils/functions';
 const SocialProofWidgetHandler = (props: BaseWidgetProps) => {
   const setChatPreviewLoadingData = useSetAtom(chatPreviewLoadingDataAtom);
 
-  const { onTypedMessageSubmitted } = useSalesAgent();
+  const handleReply = useSetAtom(handleReplyAtom);
   const { openChat } = useChatToggle();
   const lastAssistantMessage = useAtomValue(lastAssistantMessageAtom);
 
@@ -63,23 +69,48 @@ const SocialProofWidgetHandler = (props: BaseWidgetProps) => {
 
   const handlePrimaryButtonClick = 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.SOCIAL_PROOF_PRIMARY_BUTTON);
     },
-    [onTypedMessageSubmitted, openChat],
+    [handleReply, openChat],
   );
 
   const handleSecondaryButtonClick = 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.SOCIAL_PROOF_SECONDARY_BUTTON);
     },
-    [onTypedMessageSubmitted, openChat],
+    [handleReply, openChat],
   );
 
-  const handleTextFieldClick = useCallback(() => {
-    openChat(ChatElementDisplayLocationV3.SOCIAL_PROOF_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.SOCIAL_PROOF_TEXT_FIELD);
+    },
+    [handleReply, openChat],
+  );
 
   if (isLoading) {
     return <ChatPreviewLoading fullIsLoading />;

package/src/widgets/TitledPromptCarouselWidget/TitledPromptCarouselWidget.tsx

@@ -4,8 +4,15 @@ import {
 } from '@envive-ai/react-hooks/contexts/typesV3';
 import { PromptButtonVariant } from '@envive-ai/react-toolkit-v3/PromptButton/types';
 import { useCallback } from 'react';
-import { ChatElementDisplayLocationV3 } from '@envive-ai/react-hooks/application/models';
-import { useSalesAgent } from '@envive-ai/react-hooks/contexts/salesAgentContext';
+import { v4 as uuid } from 'uuid';
+import {
+  ChatElementDisplayLocationV3,
+  Message,
+  MessageRole,
+  MessageType,
+} from '@envive-ai/react-hooks/application/models';
+import { useSetAtom } from 'jotai';
+import { handleReplyAtom } from '@envive-ai/react-hooks/atoms/chat/replies';
 import { useChatToggle } from '@envive-ai/react-hooks/hooks/ChatToggle';
 import { TitledPromptCarousel } from '@envive-ai/react-toolkit-v3/TitledPromptCarousel';
 import { AnimationSpeed, PromptCarouselRows } from '@envive-ai/react-toolkit-v3/PromptCarousel';
@@ -22,7 +29,7 @@ const mockButtonTexts = [
 const mockTitleLabel = 'Loading...';
 
 const TitledPromptCarouselWidgetHandler = (props: BaseWidgetProps) => {
-  const { onTypedMessageSubmitted } = useSalesAgent();
+  const handleReply = useSetAtom(handleReplyAtom);
   const { openChat } = useChatToggle();
   const { hardcopyContent, widgetConfig, isLoading } = props;
 
@@ -50,10 +57,17 @@ const TitledPromptCarouselWidgetHandler = (props: BaseWidgetProps) => {
 
   const handleButtonClick = 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.TITLED_PROMPT_CAROUSEL);
     },
-    [onTypedMessageSubmitted, openChat],
+    [handleReply, openChat],
   );
 
   return (

package/src/widgets/TypingAnimationWidget/TypingAnimationWidget.tsx

@@ -5,9 +5,15 @@ import {
 import { PromptButtonVariant } from '@envive-ai/react-toolkit-v3/PromptButton/types';
 import { WidgetWrapperVariant } from '@envive-ai/react-toolkit-v3/WidgetWrapper';
 import { useCallback } from 'react';
-import { ChatElementDisplayLocationV3 } from '@envive-ai/react-hooks/application/models';
+import { v4 as uuid } from 'uuid';
+import {
+  ChatElementDisplayLocationV3,
+  Message,
+  MessageRole,
+  MessageType,
+} from '@envive-ai/react-hooks/application/models';
 import { useSetAtom } from 'jotai';
-import { useSalesAgent } from '@envive-ai/react-hooks/contexts/salesAgentContext';
+import { handleReplyAtom } from '@envive-ai/react-hooks/atoms/chat/replies';
 import { chatOnToggleAtom } from '@envive-ai/react-hooks/atoms/chat/chatState';
 import { PromptCarouselRows } from '@envive-ai/react-toolkit-v3/PromptCarousel';
 import { TypingAnimation } from '@envive-ai/react-toolkit-v3/TypingAnimation';
@@ -26,7 +32,7 @@ const mockAnimatedTextSequence = ['...'];
 const mockHintText = 'Ask me anything';
 
 const TypingAnimationWidgetHandler = (props: BaseWidgetProps) => {
-  const { onTypedMessageSubmitted } = useSalesAgent();
+  const handleReply = useSetAtom(handleReplyAtom);
   const onToggle = useSetAtom(chatOnToggleAtom);
 
   const { hardcopyContent, widgetConfig, isLoading } = props;
@@ -56,10 +62,17 @@ const TypingAnimationWidgetHandler = (props: BaseWidgetProps) => {
 
   const handleButtonClick = 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 });
       onToggle(ChatElementDisplayLocationV3.TYPING_ANIMATION);
     },
-    [onTypedMessageSubmitted, onToggle],
+    [handleReply, onToggle],
   );
 
   const handleTextFieldClick = useCallback(() => {