shopify-chatbot-widget 0.8.5 → 0.8.7

package/package.json

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

package/src/Chatbot/Chatbot.tsx

@@ -11,7 +11,7 @@ import { Spin } from 'antd';
 import { motion, AnimatePresence } from 'framer-motion';
 
 const Chatbot: React.FC = () => {
-  const [open, setOpen] = useState(true);
+  const [open, setOpen] = useState(false);
   const [viewMode, setViewMode] = useState<'sessions' | 'create' | 'messenger'>('sessions');
   const [activeSessionId, setActiveSessionId] = useState<string | null>(null);
   const [HasInfo, setHasInfo] = useState(false);
@@ -30,6 +30,7 @@ const Chatbot: React.FC = () => {
     isFetchingDetails,
     calendly,
     disbleCheckout,
+    chatbotName,
   } = useChatbotData();
 
   const [visitorData, setVisitorData] = useState<{ visitorId: string; country: string } | null>(null);
@@ -43,7 +44,7 @@ const Chatbot: React.FC = () => {
       const newSessionId = crypto.randomUUID();
       setActiveSessionId(newSessionId);
       setActiveAgentImage(chatbotLogo);
-      setActiveAgentName('Ai Agent');
+      setActiveAgentName(chatbotName);
       setNewSession(true);
       setViewMode('messenger');
     }
@@ -188,7 +189,7 @@ const Chatbot: React.FC = () => {
                   <Messenger
                     sessionId={activeSessionId}
                     chatbotLogo={activeAgentImage || chatbotLogo}
-                    agentName={activeAgentName || 'Ai Assistant'}
+                    agentName={activeAgentName || chatbotName || "Ai Assistant"}
                     colorCode={colorCode}
                     messagesSuggestions={messagesSuggestions}
                     newSession={newSession}

package/src/hooks/useChatbotData.tsx

@@ -25,6 +25,7 @@ export const useChatbotData = () => {
   const [restSuggestions, setRestSuggestions] = useState<string[]>([]);
   const [userType,setUserType]=useState('')
   const [disbleCheckout, setDisbleCheckout] = useState(false);
+  const [chatbotName,setchatbotName]=useState('')
 
 
   const fetchData = async (retryCount = 0) => {
@@ -67,6 +68,7 @@ export const useChatbotData = () => {
       setUserType(data.mode)
       setCalendly(data.calendly_link ?? null);
       setDisbleCheckout(data.disable_checkout)
+      setchatbotName(data.chatbot_name)
 
 
 
@@ -127,6 +129,7 @@ export const useChatbotData = () => {
     messagesSuggestions,
     restSuggestions,
     userType,
-    disbleCheckout
+    disbleCheckout,
+    chatbotName
   };
 };

package/src/types/chatbot.ts

@@ -14,6 +14,7 @@ export interface ChatbotDetailsResponse {
     phone_number_id?: string | null;
     mode:string;
     disable_checkout:boolean;
+    chatbot_name:string;
   };
 }