shopify-chatbot-widget 1.0.1 → 1.0.3

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "shopify-chatbot-widget",
   "private": false,
-  "version": "1.0.1",
+  "version": "1.0.3",
   "type": "module",
   "scripts": {
     "dev": "vite",

package/src/Chatbot/components/Messages/ChatMessages.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useRef } from 'react';
+import React, { useEffect, useRef,useMemo } from 'react';
 import { Spin } from 'antd';
 import { LoadingOutlined, CheckCircleOutlined, CloseCircleOutlined } from '@ant-design/icons';
 import Typing from './Typing';
@@ -133,12 +133,13 @@ const ChatMessages: React.FC<ChatMessagesProps> = ({
     return () => clearTimeout(timeout);
   }, [messages]);
 
-  const getRandomSuggestions = (count: number = 2) => {
+  const randomSuggestions = useMemo(() => {
+    const count = 2;
     if (messagesSuggestions.length <= count) return messagesSuggestions;
-
+    
     const shuffled = [...messagesSuggestions].sort(() => 0.5 - Math.random());
     return shuffled.slice(0, count);
-  };
+  }, [messagesSuggestions, messages.length]); // Recalculate when suggestions or message count changes
 
 
   if (isfetchingMessage || isLoading || !messages) {
@@ -219,9 +220,9 @@ const ChatMessages: React.FC<ChatMessagesProps> = ({
                 </div>
 
                 {/* ADD suggestions here */}
-                {isLastAssistantMessage && messagesSuggestions.length > 0 && (
+                {isLastAssistantMessage && randomSuggestions.length > 0 && (
                   <InlineSuggestions
-                    suggestions={getRandomSuggestions(2)}
+                    suggestions={randomSuggestions}
                     colorCode={colorCode}
                     onSuggestionClick={sendMessageSuggestion}
                   />
@@ -270,9 +271,9 @@ const ChatMessages: React.FC<ChatMessagesProps> = ({
               </div>
 
               {/* ADD suggestions here - MOVED OUTSIDE the chat-msg div */}
-              {isLastAssistantMessage && messagesSuggestions.length > 0 && (
+              {isLastAssistantMessage && randomSuggestions.length > 0 && (
                 <InlineSuggestions
-                  suggestions={getRandomSuggestions(2)}
+                  suggestions={randomSuggestions}
                   colorCode={colorCode}
                   onSuggestionClick={sendMessageSuggestion}
                 />

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

@@ -555,7 +555,6 @@ const socket = useChatSocket(sessionId, handleSocketData);
 
 
       <div className="chatbot-input-area">
-        {/* <Suggestions sendMessageSuggestion={sendMessageSuggestion} colorCode={colorCode} suggestions={messagesSuggestions} /> */}
 
         <ChatInput
           userMessage={input}

package/src/hooks/config.tsx

@@ -1,11 +1,11 @@
 
 
 const config = {
-    // apiUrl:'https://jawebcrm.onrender.com/api/',
-    // websocketUrl:'wss://jawebcrm.onrender.com/ws' ,
+    apiUrl:'https://jawebcrm.onrender.com/api/',
+    websocketUrl:'wss://jawebcrm.onrender.com/ws' ,
     
-    apiUrl:'http://localhost:8000/api/', 
-    websocketUrl:'ws://localhost:8000/ws',
+    // apiUrl:'http://localhost:8000/api/', 
+    // websocketUrl:'ws://localhost:8000/ws',
 
   };
   export default config;