shopify-chatbot-widget 0.9.7 → 0.9.8

package/src/Chatbot/components/Messenger/Messenger.tsx

@@ -5,7 +5,7 @@ import '../../Chatbot.css';
 import { useChatbotMessage } from '../../../hooks/useSessionMessages';
 import axios from 'axios';
 import ChatInput from '../../components/ChatInput';
-import Suggestions from '../../components/Suggestions';
+// import Suggestions from '../../components/Suggestions';
 import Powered from '../../components/Powered';
 import ChatMessages from '../../components/Messages/ChatMessages';
 import config from '../../../hooks/config';
@@ -52,8 +52,6 @@ const Messenger: React.FC<MessengerProps> = ({
   newSession,
   userType,
   setNewSession,
-  messagesSuggestions,
-  setMessagesSuggestions,
   disableForm,
   sessionId,
   setOpen,
@@ -167,34 +165,34 @@ const socket = useChatSocket(sessionId, handleSocketData);
     }
   };
 
-  const sendMessageSuggestion = async (message: string): Promise<void> => {
-    if (!message.trim()) return;
+  // const sendMessageSuggestion = async (message: string): Promise<void> => {
+  //   if (!message.trim()) return;
   
-    setIsSending(true);
+  //   setIsSending(true);
   
-    // Remove only the clicked suggestion
-    setMessagesSuggestions(prev => prev.filter(suggestion => suggestion !== message));
+  //   // Remove only the clicked suggestion
+  //   setMessagesSuggestions(prev => prev.filter(suggestion => suggestion !== message));
   
-    const userMsg: ChatMessage = { role: 'user', content: message };
-    setMessages(prev => [...prev, userMsg]);
+  //   const userMsg: ChatMessage = { role: 'user', content: message };
+  //   setMessages(prev => [...prev, userMsg]);
   
-    if (socket && socket.readyState === WebSocket.OPEN) {
-      const additionalData = { isBusiness: true, SessionId: sessionId };
-      const messagePayload = JSON.stringify({
-        message,
-        additionalData,
-      });
-      socket.send(messagePayload);
-    }
+  //   if (socket && socket.readyState === WebSocket.OPEN) {
+  //     const additionalData = { isBusiness: true, SessionId: sessionId };
+  //     const messagePayload = JSON.stringify({
+  //       message,
+  //       additionalData,
+  //     });
+  //     socket.send(messagePayload);
+  //   }
   
-    try {
-      await apiCall(message, newSession, sessionId);
-    } catch (error) {
-      console.error("Error sending suggestion:", error);
-    } finally {
-      setIsSending(false);
-    }
-  };
+  //   try {
+  //     await apiCall(message, newSession, sessionId);
+  //   } catch (error) {
+  //     console.error("Error sending suggestion:", error);
+  //   } finally {
+  //     setIsSending(false);
+  //   }
+  // };
   
   
   
@@ -555,7 +553,7 @@ const socket = useChatSocket(sessionId, handleSocketData);
 
 
       <div className="chatbot-input-area">
-        <Suggestions sendMessageSuggestion={sendMessageSuggestion} colorCode={colorCode} suggestions={messagesSuggestions} />
+        {/* <Suggestions sendMessageSuggestion={sendMessageSuggestion} colorCode={colorCode} suggestions={messagesSuggestions} /> */}
 
         <ChatInput
           userMessage={input}
@@ -568,6 +566,7 @@ const socket = useChatSocket(sessionId, handleSocketData);
           audioBlob={audioBlob}
           setAudioBlob={setAudioBlob}
           isSending={isSending} 
+          colorCode={colorCode}
 
         />