@om_patel_26/chat-widget 1.0.5 → 1.0.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +16 -102
- package/dist/components/ChatWidget.cjs.js +2 -0
- package/dist/components/ChatWidget.cjs.js.map +1 -0
- package/dist/components/ChatWidget.esm.js +1129 -0
- package/dist/components/ChatWidget.esm.js.map +1 -0
- package/dist/components/ChatWidget.vue.cjs.js +1 -1
- package/dist/components/ChatWidget.vue.cjs2.js +1 -1
- package/dist/components/ChatWidget.vue.cjs2.js.map +1 -1
- package/dist/components/ChatWidget.vue.esm.js +1 -1
- package/dist/components/ChatWidget.vue.esm2.js +98 -70
- package/dist/components/ChatWidget.vue.esm2.js.map +1 -1
- package/dist/composables/useChatWidget.cjs.js +1 -1
- package/dist/composables/useChatWidget.cjs.js.map +1 -1
- package/dist/composables/useChatWidget.d.ts +1 -0
- package/dist/composables/useChatWidget.d.ts.map +1 -1
- package/dist/composables/useChatWidget.esm.js +3 -0
- package/dist/composables/useChatWidget.esm.js.map +1 -1
- package/dist/core/stateManager.cjs.js +1 -1
- package/dist/core/stateManager.cjs.js.map +1 -1
- package/dist/core/stateManager.d.ts.map +1 -1
- package/dist/core/stateManager.esm.js +38 -36
- package/dist/core/stateManager.esm.js.map +1 -1
- package/dist/entry/vanilla.cjs.js +2 -0
- package/dist/entry/vanilla.cjs.js.map +1 -0
- package/dist/entry/vanilla.esm.js +50 -0
- package/dist/entry/vanilla.esm.js.map +1 -0
- package/dist/entry/vue.d.ts +3 -2
- package/dist/entry/vue.d.ts.map +1 -1
- package/dist/hooks/useChatMode.cjs.js +2 -0
- package/dist/hooks/useChatMode.cjs.js.map +1 -0
- package/dist/hooks/useChatMode.esm.js +61 -0
- package/dist/hooks/useChatMode.esm.js.map +1 -0
- package/dist/index.cjs.js +1 -1
- package/dist/index.d.ts +18 -11
- package/dist/index.d.ts.map +1 -1
- package/dist/index.esm.js +9 -18
- package/dist/index.esm.js.map +1 -1
- package/dist/node_modules/jose/dist/browser/lib/check_key_type.cjs.js.map +1 -1
- package/dist/node_modules/react-dom/client.cjs.js +2 -0
- package/dist/node_modules/react-dom/client.cjs.js.map +1 -0
- package/dist/node_modules/react-dom/client.esm.js +21 -0
- package/dist/node_modules/react-dom/client.esm.js.map +1 -0
- package/dist/services/dialogflowClient.cjs.js.map +1 -1
- package/dist/services/dialogflowClient.d.ts.map +1 -1
- package/dist/services/dialogflowClient.esm.js.map +1 -1
- package/dist/styles.css +1 -0
- package/dist/utils/frameworkDetector.cjs.js +2 -0
- package/dist/utils/frameworkDetector.cjs.js.map +1 -0
- package/dist/utils/frameworkDetector.esm.js +125 -0
- package/dist/utils/frameworkDetector.esm.js.map +1 -0
- package/dist/utils/sanitize.cjs.js +1 -1
- package/dist/utils/sanitize.cjs.js.map +1 -1
- package/dist/utils/sanitize.esm.js +1 -6
- package/dist/utils/sanitize.esm.js.map +1 -1
- package/dist/vue.esm.js +3 -3
- package/package.json +20 -16
- package/dist/utils/ssr.cjs.js +0 -2
- package/dist/utils/ssr.cjs.js.map +0 -1
- package/dist/utils/ssr.esm.js +0 -48
- package/dist/utils/ssr.esm.js.map +0 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../services/dialogflowClient.cjs.js"),t=require("../services/chatService.cjs.js"),s=require("../utils/ssr.cjs.js");exports.WidgetStateManager=class{constructor(e){this.listeners=new Set,this.chatMode="ai",this.chatId=null,this.supportSessionId=null,this.chatService=null,this.collectingUserInfo=!1,this.userInfoStep=null,this.collectedUserName="",this.collectedUserEmail="",this.collectedUserMobile="",this.wsConnected=!1,this.agentTyping=!1,this.currentAgent={name:"Agent"},this.isConnectingToAgent=!1,this.agentAccepted=!1,this.chatResolved=!1,this.historyLoaded=null,this.typingTimeout=null,this.agentTypingTimeout=null,this.config=e,this.state={isOpen:!1,showWelcomePopup:!1,messages:[],inputValue:"",isLoading:!1,error:null,sessionId:null,chatMode:"ai"},this.chatService=t.createChatService({baseUrl:this.config.backendBaseUrl||"http://localhost:8012",wsUrl:this.config.backendWsUrl||"ws://localhost:8012",debug:this.config.debug||!1});const i=s.safeLocalStorage(),a=i.getItem("blockspark_chat_mode");a&&(this.chatMode="HUMAN"===a?"human":"ai",this.state.chatMode=this.chatMode),this.chatId=i.getItem("blockspark_chat_id"),this.supportSessionId=i.getItem("blockspark_session_id")}subscribe(e){return this.listeners.add(e),()=>{this.listeners.delete(e)}}getState(){return{...this.state}}setState(e){this.state={...this.state,...e},this.listeners.forEach(e=>e(this.getState()))}updateConfig(e){this.config={...this.config,...e}}async openChat(){if(this.setState({isOpen:!0}),this.state.showWelcomePopup&&this.setState({showWelcomePopup:!1}),"ai"===this.state.chatMode&&!this.state.sessionId&&this.config.dfProjectId&&this.config.dfAgentId)try{this.setState({isLoading:!0});const t={dfProjectId:this.config.dfProjectId,dfLocation:this.config.dfLocation||"us-central1",dfAgentId:this.config.dfAgentId,serviceAccountKey:this.config.serviceAccountKey,accessToken:this.config.accessToken,languageCode:this.config.languageCode||"en"},s=await e.createDialogflowSession(t);if(this.setState({sessionId:s.session_id,isLoading:!1}),s.message){const e={id:`welcome-${Date.now()}`,text:s.message,sender:"bot",timestamp:new Date,richContent:s.richContent};this.setState({messages:[e]})}}catch(t){this.setState({isLoading:!1,error:t.message||"Failed to initialize chat"});const e={id:`fallback-${Date.now()}`,text:this.config.fallbackWelcomeMessage||"Hello! How can I help you today?",sender:"bot",timestamp:new Date};this.setState({messages:[e]})}}closeChat(){this.setState({isOpen:!1})}closeWelcomePopup(){this.setState({showWelcomePopup:!1})}toggleChat(){const e=!this.state.isOpen;this.setState({isOpen:e}),e&&this.state.showWelcomePopup&&this.setState({showWelcomePopup:!1})}setInputValue(e){this.setState({inputValue:e})}clearError(){this.setState({error:null})}async sendMessage(e,s=!1){if(e.trim()&&!this.state.isLoading){if(this.collectingUserInfo){const t={id:`user-${Date.now()}`,text:e.trim(),sender:"user",timestamp:new Date};return this.setState({messages:[...this.state.messages,t],inputValue:"",isLoading:!1,error:null}),void(await this.handleUserInfoCollection(e))}if(s)this.setState({inputValue:"",isLoading:!0,error:null});else{const t={id:`user-${Date.now()}`,text:e.trim(),sender:"user",timestamp:new Date};this.setState({messages:[...this.state.messages,t],inputValue:"",isLoading:!0,error:null})}try{"human"===this.state.chatMode?await this.sendHumanMessage(e):await this.sendAIMessage(e)}catch(i){if(i instanceof t.ChatResolvedError||"ChatResolvedError"===i?.name||"chat_resolved"===i?.message)return void this.enterResolvedState(this.chatId);const e={id:`error-${Date.now()}`,text:this.config.debug?`Error: ${i.message||"Failed to send message"}`:i.message?.includes("CORS")||i.message?.includes("Failed to fetch")?"Unable to connect to Dialogflow. Please check your configuration and network.":"Sorry, I'm having trouble processing your message. Please try again.",sender:"bot",timestamp:new Date};this.setState({messages:[...this.state.messages,e],error:i.message||"Failed to send message",isLoading:!1})}}}async sendAIMessage(t){if(!this.config.dfProjectId||!this.config.dfAgentId)throw new Error("Dialogflow configuration is missing");const s={dfProjectId:this.config.dfProjectId,dfLocation:this.config.dfLocation||"us-central1",dfAgentId:this.config.dfAgentId,serviceAccountKey:this.config.serviceAccountKey,accessToken:this.config.accessToken,languageCode:this.config.languageCode||"en"};if(!this.state.sessionId){const t=await e.createDialogflowSession(s);this.setState({sessionId:t.session_id})}this.config.debug;const i=await e.sendDialogflowMessage(t,this.state.sessionId,s);if(this.config.debug,!0===i.handoff){const e={id:`bot-${Date.now()}`,text:i.response||this.config.fallbackWelcomeMessage||"No response",sender:"bot",timestamp:new Date,richContent:i.richContent};return this.setState({messages:[...this.state.messages,e],isLoading:!1}),void this.startUserInfoCollection()}const a={id:`bot-${Date.now()}`,text:i.response||this.config.fallbackWelcomeMessage||"No response",sender:"bot",timestamp:new Date,richContent:i.richContent};this.setState({messages:[...this.state.messages,a],isLoading:!1})}async sendHumanMessage(e){if(!this.chatId||!this.supportSessionId){const e={id:`error-${Date.now()}`,text:"Chat session not initialized. Please try again.",sender:"bot",timestamp:new Date};return void this.setState({messages:[...this.state.messages,e],isLoading:!1})}if(!this.chatService)throw new Error("Chat service not initialized");this.chatService.sendTypingIndicator("typing_stop"),this.typingTimeout&&(clearTimeout(this.typingTimeout),this.typingTimeout=null);try{this.chatService.sendMessageViaWebSocket(e.trim())||await this.chatService.sendMessageToAgent(this.chatId,this.supportSessionId,e.trim()),this.setState({isLoading:!1})}catch(i){if(i instanceof t.ChatResolvedError||"ChatResolvedError"===i?.name||"chat_resolved"===i?.message)return void this.enterResolvedState(this.chatId);if(!(i.message?.includes("Chat not found")||i.message?.includes("unauthorized")||i.message?.includes("401")||i.message?.includes("404")))throw i;{this.config.debug,this.chatId=null,this.supportSessionId=null;const i=s.safeLocalStorage();i.removeItem("blockspark_chat_id"),i.removeItem("blockspark_session_id");try{const t=await this.chatService.startSupportChat(this.state.sessionId||null,null,null,null);this.chatId=t.chat_id,this.supportSessionId=t.session_id;const i=s.safeLocalStorage();return i.setItem("blockspark_chat_id",this.chatId),i.setItem("blockspark_session_id",this.supportSessionId),this.chatId&&this.supportSessionId&&await this.chatService.sendMessageToAgent(this.chatId,this.supportSessionId,e.trim()),void this.setState({isLoading:!1})}catch(a){if(a instanceof t.ChatResolvedError||"chat_resolved"===a?.message)return void this.enterResolvedState(this.chatId);throw a}}}}switchToHumanMode(){this.chatMode="human",this.setState({chatMode:"human"}),s.safeLocalStorage().setItem("blockspark_chat_mode","HUMAN")}switchToBotMode(){this.chatMode="ai",this.setState({chatMode:"ai"}),s.safeLocalStorage().setItem("blockspark_chat_mode","BOT")}initializeWelcomePopup(){if(!1!==this.config.showWelcomePopup){const e=this.config.welcomePopupDelay||1500;setTimeout(()=>{this.state.isOpen||this.setState({showWelcomePopup:!0})},e)}}startUserInfoCollection(){this.collectingUserInfo=!0,this.userInfoStep="name",this.collectedUserName="",this.collectedUserEmail="",this.collectedUserMobile="";const e={id:`handoff-${Date.now()}`,text:"👤 You're being connected to a live support agent. Please wait while we transfer your conversation...",sender:"bot",timestamp:new Date},t={id:`prompt-${Date.now()}`,text:"To connect you with a human agent, I'll need some information.\n\nPlease provide your name:",sender:"bot",timestamp:new Date};this.setState({messages:[...this.state.messages,e,t]})}async handleUserInfoCollection(e){if("name"===this.userInfoStep){const t=e.trim();this.collectedUserName=t,this.userInfoStep="email";const s={id:`prompt-${Date.now()}`,text:"✅ Thank you! Now please provide your email address:",sender:"bot",timestamp:new Date};return void this.setState({messages:[...this.state.messages,s],inputValue:""})}if("email"===this.userInfoStep){const t=e.trim();if(!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(t)){const e={id:`prompt-${Date.now()}`,text:"Please provide a valid email address:",sender:"bot",timestamp:new Date};return void this.setState({messages:[...this.state.messages,e],inputValue:""})}this.collectedUserEmail=t,this.userInfoStep="mobile";const s={id:`prompt-${Date.now()}`,text:"✅ Thank you! Now please provide your mobile number:",sender:"bot",timestamp:new Date};return void this.setState({messages:[...this.state.messages,s],inputValue:""})}if("mobile"===this.userInfoStep){const t=e.trim();if(!/^[\+]?[(]?[0-9]{1,4}[)]?[-\s\.]?[(]?[0-9]{1,4}[)]?[-\s\.]?[0-9]{1,9}$/.test(t)||t.length<10){const e={id:`prompt-${Date.now()}`,text:"Please provide a valid mobile number (e.g., +1234567890):",sender:"bot",timestamp:new Date};return void this.setState({messages:[...this.state.messages,e],inputValue:""})}this.collectedUserMobile=t,this.collectingUserInfo=!1,this.userInfoStep=null,await this.handleHandoff(this.collectedUserName,this.collectedUserEmail,t),this.setState({inputValue:""})}}async handleHandoff(e,t,i){if(!this.chatService)throw new Error("Chat service not initialized");try{this.isConnectingToAgent=!0;const n=this.state.sessionId,o=await this.chatService.ensureChatInitialized(this.chatId,this.supportSessionId,n||null,e||null,t||null,i||null);if(!o||!o.chat_id)throw new Error("Failed to initialize chat session");const c=o.chat_id,h=o.session_id;if(c!==this.chatId){this.chatId=c,this.supportSessionId=h;const e=s.safeLocalStorage();e.setItem("blockspark_chat_id",this.chatId),e.setItem("blockspark_session_id",this.supportSessionId),this.config.debug}try{await this.chatService.requestHandoff(c,h,"Customer requested human agent",n||null,e||null,t||null,i||null),this.config.debug}catch(a){if(!(a.message?.includes("Invalid chat_id")||a.message?.includes("Chat not found")||a.message?.includes("unauthorized")||a.message?.includes("400")||a.message?.includes("401")||a.message?.includes("404")||a.message?.includes("expired")))throw a;{this.config.debug,this.chatId=null,this.supportSessionId=null;const a=s.safeLocalStorage();a.removeItem("blockspark_chat_id"),a.removeItem("blockspark_session_id");const o=await this.chatService.startSupportChat(n||null,e||null,t||null,i||null);if(!o||!o.chat_id)throw new Error("Failed to re-initialize chat session");this.chatId=o.chat_id,this.supportSessionId=o.session_id;const c=s.safeLocalStorage();c.setItem("blockspark_chat_id",this.chatId),c.setItem("blockspark_session_id",this.supportSessionId),await this.chatService.requestHandoff(this.chatId,this.supportSessionId,"Customer requested human agent",n||null,e||null,t||null,i||null),this.config.debug}}this.switchToHumanMode(),this.chatResolved=!1,this.agentAccepted=!1;const r={id:`connecting-${Date.now()}`,text:"Connecting you to a human agent...",sender:"bot",timestamp:new Date};this.setState({messages:[...this.state.messages,r]}),c&&h&&this.chatService.connectWebSocket(c,h,e=>{this.handleWebSocketMessage(e)},e=>{this.wsConnected=e}),this.isConnectingToAgent=!1}catch(n){const e={id:`error-${Date.now()}`,text:this.config.debug?`Handoff error: ${n.message}`:"Failed to connect to agent. Please try again.",sender:"bot",timestamp:new Date};this.setState({messages:[...this.state.messages,e]}),this.isConnectingToAgent=!1}}handleWebSocketMessage(e){switch(e.type){case"message":if(e.content&&("agent"===e.sender_type||!e.sender_type)){const t={id:e.id||`agent-${Date.now()}`,text:e.content,sender:"agent",timestamp:new Date(e.timestamp||Date.now())};new Set(this.state.messages.map(e=>e.id)).has(t.id)||this.setState({messages:[...this.state.messages,t]}),this.agentTyping=!1,this.agentTypingTimeout&&(clearTimeout(this.agentTypingTimeout),this.agentTypingTimeout=null)}break;case"typing_start":"agent"===e.sender_type&&(this.agentTyping=!0,this.agentTypingTimeout&&clearTimeout(this.agentTypingTimeout),this.agentTypingTimeout=setTimeout(()=>{this.agentTyping=!1},3e3));break;case"typing_stop":"agent"===e.sender_type&&(this.agentTyping=!1,this.agentTypingTimeout&&(clearTimeout(this.agentTypingTimeout),this.agentTypingTimeout=null));break;case"agent_changed":if(e.to_agent){this.currentAgent={id:e.to_agent_id,name:e.to_agent};const t={id:`system-${Date.now()}`,text:e.from_agent?`Chat has been transferred from ${e.from_agent} to ${e.to_agent}`:`Chat has been transferred to ${e.to_agent}`,sender:"bot",timestamp:new Date};this.setState({messages:[...this.state.messages,t]})}break;case"agent_accepted":this.agentAccepted=!0,this.isConnectingToAgent=!1;const t={id:e.id||`agent-accepted-${Date.now()}`,text:"You can chat now, the agent has accepted your request.",sender:"bot",timestamp:e.timestamp?new Date(e.timestamp):new Date};new Set(this.state.messages.map(e=>e.id)).has(t.id)||this.setState({messages:[...this.state.messages,t]}),e.to_agent&&(this.currentAgent={name:e.to_agent,id:e.to_agent_id});break;case"chat_resolved":case"chat_ended":this.enterResolvedState(e.chat_id||null);break;case"chat_info":"active"===e.status?(this.isConnectingToAgent=!1,this.agentAccepted=!0):"resolved"!==e.status&&"ended"!==e.status||this.enterResolvedState(e.chat_id||null),e.agent_id&&(this.currentAgent={...this.currentAgent,id:e.agent_id});break;case"error":const s={id:`error-${Date.now()}`,text:e.error||"An error occurred. Please try again.",sender:"bot",timestamp:new Date};this.setState({messages:[...this.state.messages,s]})}}enterResolvedState(t){this.chatResolved=!0,this.isConnectingToAgent=!1,this.agentAccepted=!1,this.agentTyping=!1,this.agentTypingTimeout&&(clearTimeout(this.agentTypingTimeout),this.agentTypingTimeout=null),this.chatService&&this.chatService.disconnectWebSocket(),this.chatId=null,this.supportSessionId=null;const i=s.safeLocalStorage();i.removeItem("blockspark_chat_id"),i.removeItem("blockspark_session_id");const a={id:`resolved-${Date.now()}`,text:"Thank you for contacting us!",sender:"bot",timestamp:new Date};this.setState({messages:[...this.state.messages,a]}),setTimeout(async()=>{if(this.switchToBotMode(),this.chatResolved=!1,this.setState({messages:[],sessionId:null}),this.collectingUserInfo=!1,this.userInfoStep=null,this.collectedUserName="",this.collectedUserEmail="",this.collectedUserMobile="",this.config.dfProjectId&&this.config.dfAgentId&&this.state.isOpen)try{this.setState({isLoading:!0});const t={dfProjectId:this.config.dfProjectId,dfLocation:this.config.dfLocation||"us-central1",dfAgentId:this.config.dfAgentId,serviceAccountKey:this.config.serviceAccountKey,accessToken:this.config.accessToken,languageCode:this.config.languageCode||"en"},s=await e.createDialogflowSession(t);if(this.setState({sessionId:s.session_id,isLoading:!1}),s.message){const e={id:`welcome-${Date.now()}`,text:s.message,sender:"bot",timestamp:new Date,richContent:s.richContent};this.setState({messages:[e]})}}catch(t){this.setState({isLoading:!1,error:t.message||"Failed to initialize chat"});const e={id:`fallback-${Date.now()}`,text:this.config.fallbackWelcomeMessage||"Hello! How can I help you today?",sender:"bot",timestamp:new Date};this.setState({messages:[e]})}},2e3)}async loadMessageHistory(e=!1){if(this.chatService&&this.chatId&&this.supportSessionId)try{if(this.chatId&&this.supportSessionId){const t=(await this.chatService.loadMessageHistory(this.chatId,this.supportSessionId)).map(e=>({id:e.id||`history-${Date.now()}-${Math.random()}`,text:e.content,sender:"agent"===e.sender_type?"agent":"user",timestamp:new Date(e.timestamp)}));if(e){const e=new Set(this.state.messages.map(e=>e.id)),s=t.filter(t=>!e.has(t.id)),i=[...this.state.messages,...s].sort((e,t)=>e.timestamp.getTime()-t.timestamp.getTime());this.setState({messages:i})}else this.setState({messages:t})}}catch(t){if(this.config.debug){const e={id:`error-${Date.now()}`,text:`Failed to load chat history: ${t.message}`,sender:"bot",timestamp:new Date};this.setState({messages:[...this.state.messages,e]})}}}getAdditionalState(){return{wsConnected:this.wsConnected,agentTyping:this.agentTyping,currentAgent:this.currentAgent,isConnectingToAgent:this.isConnectingToAgent,agentAccepted:this.agentAccepted,chatResolved:this.chatResolved}}destroy(){this.typingTimeout&&clearTimeout(this.typingTimeout),this.agentTypingTimeout&&clearTimeout(this.agentTypingTimeout),this.chatService&&this.chatService.disconnectWebSocket(),this.listeners.clear()}};
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../services/dialogflowClient.cjs.js"),t=require("../services/chatService.cjs.js");exports.WidgetStateManager=class{constructor(e){if(this.listeners=new Set,this.chatMode="ai",this.chatId=null,this.supportSessionId=null,this.chatService=null,this.collectingUserInfo=!1,this.userInfoStep=null,this.collectedUserName="",this.collectedUserEmail="",this.collectedUserMobile="",this.wsConnected=!1,this.agentTyping=!1,this.currentAgent={name:"Agent"},this.isConnectingToAgent=!1,this.agentAccepted=!1,this.chatResolved=!1,this.historyLoaded=null,this.typingTimeout=null,this.agentTypingTimeout=null,this.config=e,this.state={isOpen:!1,showWelcomePopup:!1,messages:[],inputValue:"",isLoading:!1,error:null,sessionId:null,chatMode:"ai"},this.chatService=t.createChatService({baseUrl:this.config.backendBaseUrl||"http://localhost:8012",wsUrl:this.config.backendWsUrl||"ws://localhost:8012",debug:this.config.debug||!1}),"undefined"!=typeof window&&window.localStorage){const e=localStorage.getItem("blockspark_chat_mode");this.chatMode="HUMAN"===e?"human":"ai",this.state.chatMode=this.chatMode,this.chatId=localStorage.getItem("blockspark_chat_id"),this.supportSessionId=localStorage.getItem("blockspark_session_id")}}subscribe(e){return this.listeners.add(e),()=>{this.listeners.delete(e)}}getState(){return{...this.state}}setState(e){this.state={...this.state,...e},this.listeners.forEach(e=>e(this.getState()))}updateConfig(e){this.config={...this.config,...e}}async openChat(){if(this.setState({isOpen:!0}),this.state.showWelcomePopup&&this.setState({showWelcomePopup:!1}),"ai"===this.state.chatMode&&!this.state.sessionId&&this.config.dfProjectId&&this.config.dfAgentId)try{this.setState({isLoading:!0});const t={dfProjectId:this.config.dfProjectId,dfLocation:this.config.dfLocation||"us-central1",dfAgentId:this.config.dfAgentId,serviceAccountKey:this.config.serviceAccountKey,accessToken:this.config.accessToken,languageCode:this.config.languageCode||"en"},s=await e.createDialogflowSession(t);if(this.setState({sessionId:s.session_id,isLoading:!1}),s.message){const e={id:`welcome-${Date.now()}`,text:s.message,sender:"bot",timestamp:new Date,richContent:s.richContent};this.setState({messages:[e]})}}catch(t){this.setState({isLoading:!1,error:t.message||"Failed to initialize chat"});const e={id:`fallback-${Date.now()}`,text:this.config.fallbackWelcomeMessage||"Hello! How can I help you today?",sender:"bot",timestamp:new Date};this.setState({messages:[e]})}}closeChat(){this.setState({isOpen:!1})}closeWelcomePopup(){this.setState({showWelcomePopup:!1})}toggleChat(){const e=!this.state.isOpen;this.setState({isOpen:e}),e&&this.state.showWelcomePopup&&this.setState({showWelcomePopup:!1})}setInputValue(e){this.setState({inputValue:e})}clearError(){this.setState({error:null})}async sendMessage(e,s=!1){if(e.trim()&&!this.state.isLoading){if(this.collectingUserInfo){const t={id:`user-${Date.now()}`,text:e.trim(),sender:"user",timestamp:new Date};return this.setState({messages:[...this.state.messages,t],inputValue:"",isLoading:!1,error:null}),void(await this.handleUserInfoCollection(e))}if(s)this.setState({inputValue:"",isLoading:!0,error:null});else{const t={id:`user-${Date.now()}`,text:e.trim(),sender:"user",timestamp:new Date};this.setState({messages:[...this.state.messages,t],inputValue:"",isLoading:!0,error:null})}try{"human"===this.state.chatMode?await this.sendHumanMessage(e):await this.sendAIMessage(e)}catch(i){if(i instanceof t.ChatResolvedError||"ChatResolvedError"===i?.name||"chat_resolved"===i?.message)return void this.enterResolvedState(this.chatId);const e={id:`error-${Date.now()}`,text:this.config.debug?`Error: ${i.message||"Failed to send message"}`:i.message?.includes("CORS")||i.message?.includes("Failed to fetch")?"Unable to connect to Dialogflow. Please check your configuration and network.":"Sorry, I'm having trouble processing your message. Please try again.",sender:"bot",timestamp:new Date};this.setState({messages:[...this.state.messages,e],error:i.message||"Failed to send message",isLoading:!1})}}}async sendAIMessage(t){if(!this.config.dfProjectId||!this.config.dfAgentId)throw new Error("Dialogflow configuration is missing");const s={dfProjectId:this.config.dfProjectId,dfLocation:this.config.dfLocation||"us-central1",dfAgentId:this.config.dfAgentId,serviceAccountKey:this.config.serviceAccountKey,accessToken:this.config.accessToken,languageCode:this.config.languageCode||"en"};if(!this.state.sessionId){const t=await e.createDialogflowSession(s);this.setState({sessionId:t.session_id})}this.config.debug;const i=await e.sendDialogflowMessage(t,this.state.sessionId,s);if(this.config.debug,!0===i.handoff){const e={id:`bot-${Date.now()}`,text:i.response||this.config.fallbackWelcomeMessage||"No response",sender:"bot",timestamp:new Date,richContent:i.richContent};return this.setState({messages:[...this.state.messages,e],isLoading:!1}),void this.startUserInfoCollection()}const a={id:`bot-${Date.now()}`,text:i.response||this.config.fallbackWelcomeMessage||"No response",sender:"bot",timestamp:new Date,richContent:i.richContent};this.setState({messages:[...this.state.messages,a],isLoading:!1})}async sendHumanMessage(e){if(!this.chatId||!this.supportSessionId){const e={id:`error-${Date.now()}`,text:"Chat session not initialized. Please try again.",sender:"bot",timestamp:new Date};return void this.setState({messages:[...this.state.messages,e],isLoading:!1})}if(!this.chatService)throw new Error("Chat service not initialized");this.chatService.sendTypingIndicator("typing_stop"),this.typingTimeout&&(clearTimeout(this.typingTimeout),this.typingTimeout=null);try{this.chatService.sendMessageViaWebSocket(e.trim())||await this.chatService.sendMessageToAgent(this.chatId,this.supportSessionId,e.trim()),this.setState({isLoading:!1})}catch(s){if(s instanceof t.ChatResolvedError||"ChatResolvedError"===s?.name||"chat_resolved"===s?.message)return void this.enterResolvedState(this.chatId);if(!(s.message?.includes("Chat not found")||s.message?.includes("unauthorized")||s.message?.includes("401")||s.message?.includes("404")))throw s;this.config.debug,this.chatId=null,this.supportSessionId=null,"undefined"!=typeof window&&window.localStorage&&(localStorage.removeItem("blockspark_chat_id"),localStorage.removeItem("blockspark_session_id"));try{const t=await this.chatService.startSupportChat(this.state.sessionId||null,null,null,null);return this.chatId=t.chat_id,this.supportSessionId=t.session_id,"undefined"!=typeof window&&window.localStorage&&(localStorage.setItem("blockspark_chat_id",this.chatId),localStorage.setItem("blockspark_session_id",this.supportSessionId)),this.chatId&&this.supportSessionId&&await this.chatService.sendMessageToAgent(this.chatId,this.supportSessionId,e.trim()),void this.setState({isLoading:!1})}catch(i){if(i instanceof t.ChatResolvedError||"chat_resolved"===i?.message)return void this.enterResolvedState(this.chatId);throw i}}}switchToHumanMode(){this.chatMode="human",this.setState({chatMode:"human"}),"undefined"!=typeof window&&window.localStorage&&localStorage.setItem("blockspark_chat_mode","HUMAN")}switchToBotMode(){this.chatMode="ai",this.setState({chatMode:"ai"}),"undefined"!=typeof window&&window.localStorage&&localStorage.setItem("blockspark_chat_mode","BOT")}initializeWelcomePopup(){if(!1!==this.config.showWelcomePopup){const e=this.config.welcomePopupDelay||1500;setTimeout(()=>{this.state.isOpen||this.setState({showWelcomePopup:!0})},e)}}startUserInfoCollection(){this.collectingUserInfo=!0,this.userInfoStep="name",this.collectedUserName="",this.collectedUserEmail="",this.collectedUserMobile="";const e={id:`prompt-${Date.now()}`,text:"To connect you with a human agent, I'll need some information. Please provide your name:",sender:"bot",timestamp:new Date};this.setState({messages:[...this.state.messages,e]})}async handleUserInfoCollection(e){if("name"===this.userInfoStep){const t=e.trim();this.collectedUserName=t,this.userInfoStep="email";const s={id:`prompt-${Date.now()}`,text:"Thank you! Now please provide your email address:",sender:"bot",timestamp:new Date};return void this.setState({messages:[...this.state.messages,s],inputValue:""})}if("email"===this.userInfoStep){const t=e.trim();if(!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(t)){const e={id:`prompt-${Date.now()}`,text:"Please provide a valid email address:",sender:"bot",timestamp:new Date};return void this.setState({messages:[...this.state.messages,e],inputValue:""})}this.collectedUserEmail=t,this.userInfoStep="mobile";const s={id:`prompt-${Date.now()}`,text:"Thank you! Now please provide your mobile number:",sender:"bot",timestamp:new Date};return void this.setState({messages:[...this.state.messages,s],inputValue:""})}if("mobile"===this.userInfoStep){const t=e.trim();if(!/^[\+]?[(]?[0-9]{1,4}[)]?[-\s\.]?[(]?[0-9]{1,4}[)]?[-\s\.]?[0-9]{1,9}$/.test(t)||t.length<10){const e={id:`prompt-${Date.now()}`,text:"Please provide a valid mobile number (e.g., +1234567890):",sender:"bot",timestamp:new Date};return void this.setState({messages:[...this.state.messages,e],inputValue:""})}this.collectedUserMobile=t,this.collectingUserInfo=!1,this.userInfoStep=null,await this.handleHandoff(this.collectedUserName,this.collectedUserEmail,t),this.setState({inputValue:""})}}async handleHandoff(e,t,s){if(!this.chatService)throw new Error("Chat service not initialized");try{this.isConnectingToAgent=!0;const a=this.state.sessionId,o=await this.chatService.ensureChatInitialized(this.chatId,this.supportSessionId,a||null,e||null,t||null,s||null);if(!o||!o.chat_id)throw new Error("Failed to initialize chat session");const n=o.chat_id,c=o.session_id;n!==this.chatId&&(this.chatId=n,this.supportSessionId=c,"undefined"!=typeof window&&window.localStorage&&(localStorage.setItem("blockspark_chat_id",this.chatId),localStorage.setItem("blockspark_session_id",this.supportSessionId)),this.config.debug);try{await this.chatService.requestHandoff(n,c,"Customer requested human agent",a||null,e||null,t||null,s||null),this.config.debug}catch(i){if(!(i.message?.includes("Invalid chat_id")||i.message?.includes("Chat not found")||i.message?.includes("unauthorized")||i.message?.includes("400")||i.message?.includes("401")||i.message?.includes("404")||i.message?.includes("expired")))throw i;{this.config.debug,this.chatId=null,this.supportSessionId=null,"undefined"!=typeof window&&window.localStorage&&(localStorage.removeItem("blockspark_chat_id"),localStorage.removeItem("blockspark_session_id"));const i=await this.chatService.startSupportChat(a||null,e||null,t||null,s||null);if(!i||!i.chat_id)throw new Error("Failed to re-initialize chat session");this.chatId=i.chat_id,this.supportSessionId=i.session_id,"undefined"!=typeof window&&window.localStorage&&(localStorage.setItem("blockspark_chat_id",this.chatId),localStorage.setItem("blockspark_session_id",this.supportSessionId)),await this.chatService.requestHandoff(this.chatId,this.supportSessionId,"Customer requested human agent",a||null,e||null,t||null,s||null),this.config.debug}}this.switchToHumanMode(),this.chatResolved=!1,this.agentAccepted=!1;const h={id:`connecting-${Date.now()}`,text:"Connecting you to a human agent...",sender:"bot",timestamp:new Date};this.setState({messages:[...this.state.messages,h]}),n&&c&&this.chatService.connectWebSocket(n,c,e=>{this.handleWebSocketMessage(e)},e=>{this.wsConnected=e}),this.isConnectingToAgent=!1}catch(a){const e={id:`error-${Date.now()}`,text:this.config.debug?`Handoff error: ${a.message}`:"Failed to connect to agent. Please try again.",sender:"bot",timestamp:new Date};this.setState({messages:[...this.state.messages,e]}),this.isConnectingToAgent=!1}}handleWebSocketMessage(e){switch(e.type){case"message":if(e.content&&("agent"===e.sender_type||!e.sender_type)){const t={id:e.id||`agent-${Date.now()}`,text:e.content,sender:"agent",timestamp:new Date(e.timestamp||Date.now())};new Set(this.state.messages.map(e=>e.id)).has(t.id)||this.setState({messages:[...this.state.messages,t]}),this.agentTyping=!1,this.agentTypingTimeout&&(clearTimeout(this.agentTypingTimeout),this.agentTypingTimeout=null)}break;case"typing_start":"agent"===e.sender_type&&(this.agentTyping=!0,this.agentTypingTimeout&&clearTimeout(this.agentTypingTimeout),this.agentTypingTimeout=setTimeout(()=>{this.agentTyping=!1},3e3));break;case"typing_stop":"agent"===e.sender_type&&(this.agentTyping=!1,this.agentTypingTimeout&&(clearTimeout(this.agentTypingTimeout),this.agentTypingTimeout=null));break;case"agent_changed":if(e.to_agent){this.currentAgent={id:e.to_agent_id,name:e.to_agent};const t={id:`system-${Date.now()}`,text:e.from_agent?`Chat has been transferred from ${e.from_agent} to ${e.to_agent}`:`Chat has been transferred to ${e.to_agent}`,sender:"bot",timestamp:new Date};this.setState({messages:[...this.state.messages,t]})}break;case"agent_accepted":this.agentAccepted=!0,this.isConnectingToAgent=!1;const t={id:e.id||`agent-accepted-${Date.now()}`,text:"You can chat now, the agent has accepted your request.",sender:"bot",timestamp:e.timestamp?new Date(e.timestamp):new Date};new Set(this.state.messages.map(e=>e.id)).has(t.id)||this.setState({messages:[...this.state.messages,t]}),e.to_agent&&(this.currentAgent={name:e.to_agent,id:e.to_agent_id});break;case"chat_resolved":case"chat_ended":this.enterResolvedState(e.chat_id||null);break;case"chat_info":"active"===e.status?(this.isConnectingToAgent=!1,this.agentAccepted=!0):"resolved"!==e.status&&"ended"!==e.status||this.enterResolvedState(e.chat_id||null),e.agent_id&&(this.currentAgent={...this.currentAgent,id:e.agent_id});break;case"error":const s={id:`error-${Date.now()}`,text:e.error||"An error occurred. Please try again.",sender:"bot",timestamp:new Date};this.setState({messages:[...this.state.messages,s]})}}enterResolvedState(t){this.chatResolved=!0,this.isConnectingToAgent=!1,this.agentAccepted=!1,this.agentTyping=!1,this.agentTypingTimeout&&(clearTimeout(this.agentTypingTimeout),this.agentTypingTimeout=null),this.chatService&&this.chatService.disconnectWebSocket(),this.chatId=null,this.supportSessionId=null,"undefined"!=typeof window&&window.localStorage&&(localStorage.removeItem("blockspark_chat_id"),localStorage.removeItem("blockspark_session_id"));const s={id:`resolved-${Date.now()}`,text:"Thank you for contacting us!",sender:"bot",timestamp:new Date};this.setState({messages:[...this.state.messages,s]}),setTimeout(async()=>{if(this.switchToBotMode(),this.chatResolved=!1,this.setState({messages:[],sessionId:null}),this.collectingUserInfo=!1,this.userInfoStep=null,this.collectedUserName="",this.collectedUserEmail="",this.collectedUserMobile="",this.config.dfProjectId&&this.config.dfAgentId&&this.state.isOpen)try{this.setState({isLoading:!0});const t={dfProjectId:this.config.dfProjectId,dfLocation:this.config.dfLocation||"us-central1",dfAgentId:this.config.dfAgentId,serviceAccountKey:this.config.serviceAccountKey,accessToken:this.config.accessToken,languageCode:this.config.languageCode||"en"},s=await e.createDialogflowSession(t);if(this.setState({sessionId:s.session_id,isLoading:!1}),s.message){const e={id:`welcome-${Date.now()}`,text:s.message,sender:"bot",timestamp:new Date,richContent:s.richContent};this.setState({messages:[e]})}}catch(t){this.setState({isLoading:!1,error:t.message||"Failed to initialize chat"});const e={id:`fallback-${Date.now()}`,text:this.config.fallbackWelcomeMessage||"Hello! How can I help you today?",sender:"bot",timestamp:new Date};this.setState({messages:[e]})}},2e3)}async loadMessageHistory(e=!1){if(this.chatService&&this.chatId&&this.supportSessionId)try{if(this.chatId&&this.supportSessionId){const t=(await this.chatService.loadMessageHistory(this.chatId,this.supportSessionId)).map(e=>({id:e.id||`history-${Date.now()}-${Math.random()}`,text:e.content,sender:"agent"===e.sender_type?"agent":"user",timestamp:new Date(e.timestamp)}));if(e){const e=new Set(this.state.messages.map(e=>e.id)),s=t.filter(t=>!e.has(t.id)),i=[...this.state.messages,...s].sort((e,t)=>e.timestamp.getTime()-t.timestamp.getTime());this.setState({messages:i})}else this.setState({messages:t})}}catch(t){if(this.config.debug){const e={id:`error-${Date.now()}`,text:`Failed to load chat history: ${t.message}`,sender:"bot",timestamp:new Date};this.setState({messages:[...this.state.messages,e]})}}}getAdditionalState(){return{wsConnected:this.wsConnected,agentTyping:this.agentTyping,currentAgent:this.currentAgent,isConnectingToAgent:this.isConnectingToAgent,agentAccepted:this.agentAccepted,chatResolved:this.chatResolved}}destroy(){this.typingTimeout&&clearTimeout(this.typingTimeout),this.agentTypingTimeout&&clearTimeout(this.agentTypingTimeout),this.chatService&&this.chatService.disconnectWebSocket(),this.listeners.clear()}};
|
|
2
2
|
//# sourceMappingURL=stateManager.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"stateManager.cjs.js","sources":["../../src/core/stateManager.ts"],"sourcesContent":["/**\n * State Manager - Framework Agnostic\n * Manages widget state independently of framework\n */\n\nimport type { WidgetState, WidgetConfig, ChatMessage } from './types';\nimport {\n createDialogflowSession,\n sendDialogflowMessage,\n type DialogflowConfig,\n} from '../services/dialogflowClient';\nimport { \n createChatService, \n ChatResolvedError,\n type WebSocketMessage\n} from '../services/chatService';\nimport { safeLocalStorage } from '../utils/ssr';\n\nexport class WidgetStateManager {\n private state: WidgetState;\n private config: WidgetConfig;\n private listeners: Set<(state: WidgetState) => void> = new Set();\n private chatMode: 'ai' | 'human' = 'ai';\n private chatId: string | null = null;\n private supportSessionId: string | null = null;\n private chatService: ReturnType<typeof createChatService> | null = null;\n \n // User info collection for handoff\n private collectingUserInfo: boolean = false;\n private userInfoStep: 'name' | 'email' | 'mobile' | null = null;\n private collectedUserName: string = '';\n private collectedUserEmail: string = '';\n private collectedUserMobile: string = '';\n \n // Additional state for human support\n private wsConnected: boolean = false;\n private agentTyping: boolean = false;\n private currentAgent: { name: string; id?: string } = { name: 'Agent' };\n private isConnectingToAgent: boolean = false;\n private agentAccepted: boolean = false;\n private chatResolved: boolean = false;\n private historyLoaded: string | null = null;\n \n // Typing timeout refs (stored as class properties since we can't use refs)\n private typingTimeout: NodeJS.Timeout | null = null;\n private agentTypingTimeout: NodeJS.Timeout | null = null;\n\n constructor(config: WidgetConfig) {\n this.config = config;\n this.state = {\n isOpen: false,\n showWelcomePopup: false,\n messages: [],\n inputValue: '',\n isLoading: false,\n error: null,\n sessionId: null,\n chatMode: 'ai',\n };\n \n // Initialize ChatService\n this.chatService = createChatService({\n baseUrl: this.config.backendBaseUrl || 'http://localhost:8012',\n wsUrl: this.config.backendWsUrl || 'ws://localhost:8012',\n debug: this.config.debug || false,\n });\n \n // Load chat mode and chat IDs from localStorage if available (SSR-safe)\n const storage = safeLocalStorage();\n const savedMode = storage.getItem('blockspark_chat_mode');\n if (savedMode) {\n this.chatMode = savedMode === 'HUMAN' ? 'human' : 'ai';\n this.state.chatMode = this.chatMode;\n }\n \n this.chatId = storage.getItem('blockspark_chat_id');\n this.supportSessionId = storage.getItem('blockspark_session_id');\n }\n\n /**\n * Subscribe to state changes\n */\n subscribe(listener: (state: WidgetState) => void): () => void {\n this.listeners.add(listener);\n return () => {\n this.listeners.delete(listener);\n };\n }\n\n /**\n * Get current state\n */\n getState(): WidgetState {\n return { ...this.state };\n }\n\n /**\n * Update state and notify listeners\n */\n private setState(updates: Partial<WidgetState>): void {\n this.state = { ...this.state, ...updates };\n this.listeners.forEach(listener => listener(this.getState()));\n }\n\n /**\n * Update configuration\n */\n updateConfig(config: Partial<WidgetConfig>): void {\n this.config = { ...this.config, ...config };\n }\n\n /**\n * Open chat\n */\n async openChat(): Promise<void> {\n this.setState({ isOpen: true });\n if (this.state.showWelcomePopup) {\n this.setState({ showWelcomePopup: false });\n }\n \n // Initialize Dialogflow session when chat opens (if in AI mode and no session exists)\n if (this.state.chatMode === 'ai' && !this.state.sessionId && this.config.dfProjectId && this.config.dfAgentId) {\n try {\n this.setState({ isLoading: true });\n const dialogflowConfig: DialogflowConfig = {\n dfProjectId: this.config.dfProjectId,\n dfLocation: this.config.dfLocation || 'us-central1',\n dfAgentId: this.config.dfAgentId,\n serviceAccountKey: this.config.serviceAccountKey,\n accessToken: this.config.accessToken,\n languageCode: this.config.languageCode || 'en',\n };\n \n const session = await createDialogflowSession(dialogflowConfig);\n this.setState({ \n sessionId: session.session_id,\n isLoading: false,\n });\n \n // Add welcome message from Dialogflow if available\n if (session.message) {\n const welcomeMessage: ChatMessage = {\n id: `welcome-${Date.now()}`,\n text: session.message,\n sender: 'bot',\n timestamp: new Date(),\n richContent: session.richContent,\n };\n this.setState({\n messages: [welcomeMessage],\n });\n }\n } catch (error: any) {\n console.error('Error initializing Dialogflow session:', error);\n this.setState({ \n isLoading: false,\n error: error.message || 'Failed to initialize chat',\n });\n \n // Show fallback welcome message\n const fallbackMessage: ChatMessage = {\n id: `fallback-${Date.now()}`,\n text: this.config.fallbackWelcomeMessage || 'Hello! How can I help you today?',\n sender: 'bot',\n timestamp: new Date(),\n };\n this.setState({\n messages: [fallbackMessage],\n });\n }\n }\n }\n\n /**\n * Close chat\n */\n closeChat(): void {\n this.setState({ isOpen: false });\n }\n\n /**\n * Close welcome popup\n */\n closeWelcomePopup(): void {\n this.setState({ showWelcomePopup: false });\n }\n\n /**\n * Toggle chat\n */\n toggleChat(): void {\n const willBeOpen = !this.state.isOpen;\n this.setState({ isOpen: willBeOpen });\n if (willBeOpen && this.state.showWelcomePopup) {\n this.setState({ showWelcomePopup: false });\n }\n }\n\n /**\n * Set input value\n */\n setInputValue(value: string): void {\n this.setState({ inputValue: value });\n }\n\n /**\n * Clear error\n */\n clearError(): void {\n this.setState({ error: null });\n }\n\n /**\n * Send message\n */\n async sendMessage(text: string, skipUserMessage: boolean = false): Promise<void> {\n if (!text.trim() || this.state.isLoading) {\n return;\n }\n\n // Handle user info collection for handoff\n if (this.collectingUserInfo) {\n // Add user message first so it appears in chat\n const userMessage: ChatMessage = {\n id: `user-${Date.now()}`,\n text: text.trim(),\n sender: 'user',\n timestamp: new Date(),\n };\n this.setState({\n messages: [...this.state.messages, userMessage],\n inputValue: '',\n isLoading: false,\n error: null,\n });\n \n // Then handle the info collection\n await this.handleUserInfoCollection(text);\n return;\n }\n\n // Add user message unless skipped (e.g., when chip button already added it)\n if (!skipUserMessage) {\n const userMessage: ChatMessage = {\n id: `user-${Date.now()}`,\n text: text.trim(),\n sender: 'user',\n timestamp: new Date(),\n };\n\n this.setState({\n messages: [...this.state.messages, userMessage],\n inputValue: '',\n isLoading: true,\n error: null,\n });\n } else {\n this.setState({\n inputValue: '',\n isLoading: true,\n error: null,\n });\n }\n\n try {\n if (this.state.chatMode === 'human') {\n // Human support mode\n await this.sendHumanMessage(text);\n } else {\n // AI mode (Dialogflow)\n await this.sendAIMessage(text);\n }\n } catch (error: any) {\n console.error('Error sending message:', error);\n \n // chat_resolved is a normal terminal condition, not an error\n if (error instanceof ChatResolvedError || error?.name === 'ChatResolvedError' || error?.message === 'chat_resolved') {\n this.enterResolvedState(this.chatId);\n return;\n }\n \n // Add error message to chat\n const errorMessage: ChatMessage = {\n id: `error-${Date.now()}`,\n text: this.config.debug \n ? `Error: ${error.message || 'Failed to send message'}`\n : error.message?.includes('CORS') || error.message?.includes('Failed to fetch')\n ? 'Unable to connect to Dialogflow. Please check your configuration and network.'\n : 'Sorry, I\\'m having trouble processing your message. Please try again.',\n sender: 'bot',\n timestamp: new Date(),\n };\n \n this.setState({\n messages: [...this.state.messages, errorMessage],\n error: error.message || 'Failed to send message',\n isLoading: false,\n });\n }\n }\n\n /**\n * Send message to Dialogflow\n */\n private async sendAIMessage(text: string): Promise<void> {\n if (!this.config.dfProjectId || !this.config.dfAgentId) {\n throw new Error('Dialogflow configuration is missing');\n }\n\n const dialogflowConfig: DialogflowConfig = {\n dfProjectId: this.config.dfProjectId!,\n dfLocation: this.config.dfLocation || 'us-central1',\n dfAgentId: this.config.dfAgentId!,\n serviceAccountKey: this.config.serviceAccountKey,\n accessToken: this.config.accessToken,\n languageCode: this.config.languageCode || 'en',\n };\n\n // Create session if needed\n if (!this.state.sessionId) {\n const session = await createDialogflowSession(dialogflowConfig);\n this.setState({ sessionId: session.session_id });\n }\n\n // Send message (correct parameter order: message, sessionId, config)\n if (this.config.debug) {\n console.log('Sending message to Dialogflow:', {\n message: text,\n sessionId: this.state.sessionId,\n hasConfig: !!dialogflowConfig,\n });\n }\n \n const response = await sendDialogflowMessage(\n text,\n this.state.sessionId!,\n dialogflowConfig\n );\n\n if (this.config.debug) {\n console.log('Dialogflow response:', {\n response: response.response,\n hasRichContent: !!response.richContent,\n richContent: response.richContent,\n });\n }\n\n // Check for handoff\n if (response.handoff === true) {\n // Add bot response first\n const botMessage: ChatMessage = {\n id: `bot-${Date.now()}`,\n text: response.response || this.config.fallbackWelcomeMessage || 'No response',\n sender: 'bot',\n timestamp: new Date(),\n richContent: response.richContent,\n };\n this.setState({\n messages: [...this.state.messages, botMessage],\n isLoading: false,\n });\n \n // Start collecting user info for handoff\n this.startUserInfoCollection();\n return;\n }\n \n const botMessage: ChatMessage = {\n id: `bot-${Date.now()}`,\n text: response.response || this.config.fallbackWelcomeMessage || 'No response',\n sender: 'bot',\n timestamp: new Date(),\n richContent: response.richContent,\n };\n\n this.setState({\n messages: [...this.state.messages, botMessage],\n isLoading: false,\n });\n }\n\n /**\n * Send message to human support\n */\n private async sendHumanMessage(text: string): Promise<void> {\n if (!this.chatId || !this.supportSessionId) {\n const errorMessage: ChatMessage = {\n id: `error-${Date.now()}`,\n text: 'Chat session not initialized. Please try again.',\n sender: 'bot',\n timestamp: new Date(),\n };\n this.setState({\n messages: [...this.state.messages, errorMessage],\n isLoading: false,\n });\n return;\n }\n\n if (!this.chatService) {\n throw new Error('Chat service not initialized');\n }\n\n // Send typing_stop before sending message\n this.chatService.sendTypingIndicator('typing_stop');\n if (this.typingTimeout) {\n clearTimeout(this.typingTimeout);\n this.typingTimeout = null;\n }\n\n try {\n // Try WebSocket first, fallback to REST API\n const sentViaWs = this.chatService.sendMessageViaWebSocket(text.trim());\n \n if (!sentViaWs) {\n // Fallback to REST API\n await this.chatService.sendMessageToAgent(this.chatId, this.supportSessionId, text.trim());\n }\n \n this.setState({ isLoading: false });\n } catch (error: any) {\n // chat_resolved is a normal terminal condition, not an error\n if (error instanceof ChatResolvedError || error?.name === 'ChatResolvedError' || error?.message === 'chat_resolved') {\n this.enterResolvedState(this.chatId);\n return;\n }\n\n // Handle 401/404 - clear chat_id and reinitialize\n if (error.message?.includes('Chat not found') ||\n error.message?.includes('unauthorized') ||\n error.message?.includes('401') ||\n error.message?.includes('404')) {\n if (this.config.debug) {\n console.log('⚠️ Chat expired. Re-initializing...');\n }\n \n // Clear chat_id\n this.chatId = null;\n this.supportSessionId = null;\n const storage = safeLocalStorage();\n storage.removeItem('blockspark_chat_id');\n storage.removeItem('blockspark_session_id');\n \n // Try to reinitialize chat\n try {\n const newSession = await this.chatService.startSupportChat(\n this.state.sessionId || null,\n null,\n null,\n null\n );\n this.chatId = newSession.chat_id;\n this.supportSessionId = newSession.session_id;\n const storage1 = safeLocalStorage();\n storage1.setItem('blockspark_chat_id', this.chatId);\n storage1.setItem('blockspark_session_id', this.supportSessionId);\n \n // Retry sending message\n if (this.chatId && this.supportSessionId) {\n await this.chatService.sendMessageToAgent(\n this.chatId,\n this.supportSessionId,\n text.trim()\n );\n }\n this.setState({ isLoading: false });\n return;\n } catch (retryError: any) {\n if (retryError instanceof ChatResolvedError || retryError?.message === 'chat_resolved') {\n this.enterResolvedState(this.chatId);\n return;\n }\n throw retryError;\n }\n } else {\n throw error;\n }\n }\n }\n\n /**\n * Switch to human mode\n */\n switchToHumanMode(): void {\n this.chatMode = 'human';\n this.setState({ chatMode: 'human' });\n safeLocalStorage().setItem('blockspark_chat_mode', 'HUMAN');\n }\n\n /**\n * Switch to AI mode\n */\n switchToBotMode(): void {\n this.chatMode = 'ai';\n this.setState({ chatMode: 'ai' });\n safeLocalStorage().setItem('blockspark_chat_mode', 'BOT');\n }\n\n /**\n * Initialize welcome popup\n */\n initializeWelcomePopup(): void {\n if (this.config.showWelcomePopup !== false) {\n const delay = this.config.welcomePopupDelay || 1500;\n setTimeout(() => {\n if (!this.state.isOpen) {\n this.setState({ showWelcomePopup: true });\n }\n }, delay);\n }\n }\n\n /**\n * Start user info collection for handoff\n */\n private startUserInfoCollection(): void {\n this.collectingUserInfo = true;\n this.userInfoStep = 'name';\n this.collectedUserName = '';\n this.collectedUserEmail = '';\n this.collectedUserMobile = '';\n \n // Add initial handoff message with better formatting\n const handoffMessage: ChatMessage = {\n id: `handoff-${Date.now()}`,\n text: '👤 You\\'re being connected to a live support agent. Please wait while we transfer your conversation...',\n sender: 'bot',\n timestamp: new Date(),\n };\n \n // Ask for name\n const namePrompt: ChatMessage = {\n id: `prompt-${Date.now()}`,\n text: 'To connect you with a human agent, I\\'ll need some information.\\n\\nPlease provide your name:',\n sender: 'bot',\n timestamp: new Date(),\n };\n \n this.setState({\n messages: [...this.state.messages, handoffMessage, namePrompt],\n });\n }\n\n /**\n * Handle user info collection\n */\n private async handleUserInfoCollection(text: string): Promise<void> {\n if (this.userInfoStep === 'name') {\n // Save name and ask for email\n const name = text.trim();\n this.collectedUserName = name;\n this.userInfoStep = 'email';\n \n // Ask for email\n const emailPrompt: ChatMessage = {\n id: `prompt-${Date.now()}`,\n text: '✅ Thank you! Now please provide your email address:',\n sender: 'bot',\n timestamp: new Date(),\n };\n this.setState({\n messages: [...this.state.messages, emailPrompt],\n inputValue: '',\n });\n return;\n } else if (this.userInfoStep === 'email') {\n // Validate email format\n const email = text.trim();\n const emailRegex = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\n \n if (!emailRegex.test(email)) {\n // Invalid email, ask again\n const invalidEmailMessage: ChatMessage = {\n id: `prompt-${Date.now()}`,\n text: 'Please provide a valid email address:',\n sender: 'bot',\n timestamp: new Date(),\n };\n this.setState({\n messages: [...this.state.messages, invalidEmailMessage],\n inputValue: '',\n });\n return;\n }\n \n // Save email and ask for mobile\n this.collectedUserEmail = email;\n this.userInfoStep = 'mobile';\n \n // Ask for mobile\n const mobilePrompt: ChatMessage = {\n id: `prompt-${Date.now()}`,\n text: '✅ Thank you! Now please provide your mobile number:',\n sender: 'bot',\n timestamp: new Date(),\n };\n this.setState({\n messages: [...this.state.messages, mobilePrompt],\n inputValue: '',\n });\n return;\n } else if (this.userInfoStep === 'mobile') {\n // Validate mobile format\n const mobile = text.trim();\n const mobileRegex = /^[\\+]?[(]?[0-9]{1,4}[)]?[-\\s\\.]?[(]?[0-9]{1,4}[)]?[-\\s\\.]?[0-9]{1,9}$/;\n \n if (!mobileRegex.test(mobile) || mobile.length < 10) {\n // Invalid mobile, ask again\n const invalidMobileMessage: ChatMessage = {\n id: `prompt-${Date.now()}`,\n text: 'Please provide a valid mobile number (e.g., +1234567890):',\n sender: 'bot',\n timestamp: new Date(),\n };\n this.setState({\n messages: [...this.state.messages, invalidMobileMessage],\n inputValue: '',\n });\n return;\n }\n \n // Save mobile and proceed with handoff\n this.collectedUserMobile = mobile;\n \n // Reset collection state\n this.collectingUserInfo = false;\n this.userInfoStep = null;\n \n // Proceed with handoff using collected info\n await this.handleHandoff(this.collectedUserName, this.collectedUserEmail, mobile);\n this.setState({ inputValue: '' });\n }\n }\n\n /**\n * Handle handoff from Dialogflow to human support\n */\n async handleHandoff(customerName?: string, customerEmail?: string, customerMobile?: string): Promise<void> {\n if (!this.chatService) {\n throw new Error('Chat service not initialized');\n }\n\n try {\n this.isConnectingToAgent = true;\n \n // Get Dialogflow session ID if available\n const dialogflowSessionId = this.state.sessionId;\n \n // STEP 1: Ensure chat is initialized\n const session = await this.chatService.ensureChatInitialized(\n this.chatId,\n this.supportSessionId,\n dialogflowSessionId || null,\n customerName || null,\n customerEmail || null,\n customerMobile || null\n );\n \n if (!session || !session.chat_id) {\n throw new Error('Failed to initialize chat session');\n }\n \n const currentChatId = session.chat_id;\n const currentSupportSessionId = session.session_id;\n \n // Update state if chat was newly initialized\n if (currentChatId !== this.chatId) {\n this.chatId = currentChatId;\n this.supportSessionId = currentSupportSessionId;\n const storage = safeLocalStorage();\n storage.setItem('blockspark_chat_id', this.chatId);\n storage.setItem('blockspark_session_id', this.supportSessionId);\n if (this.config.debug) {\n console.log('✅ Chat initialized:', { chatId: currentChatId, sessionId: currentSupportSessionId });\n }\n }\n\n // STEP 2: Request handoff\n try {\n await this.chatService.requestHandoff(\n currentChatId,\n currentSupportSessionId,\n 'Customer requested human agent',\n dialogflowSessionId || null,\n customerName || null,\n customerEmail || null,\n customerMobile || null\n );\n \n if (this.config.debug) {\n console.log('✅ Handoff requested successfully');\n }\n } catch (handoffError: any) {\n // Handle 401/404 or \"chat not found\" - clear chat_id and retry\n if (handoffError.message?.includes('Invalid chat_id') || \n handoffError.message?.includes('Chat not found') ||\n handoffError.message?.includes('unauthorized') ||\n handoffError.message?.includes('400') ||\n handoffError.message?.includes('401') ||\n handoffError.message?.includes('404') ||\n handoffError.message?.includes('expired')) {\n if (this.config.debug) {\n console.log('⚠️ Chat expired or not found. Re-initializing chat...');\n }\n \n // Clear old chat_id\n this.chatId = null;\n this.supportSessionId = null;\n const storage2 = safeLocalStorage();\n storage2.removeItem('blockspark_chat_id');\n storage2.removeItem('blockspark_session_id');\n \n // Create new chat session\n const newSession = await this.chatService.startSupportChat(\n dialogflowSessionId || null,\n customerName || null,\n customerEmail || null,\n customerMobile || null\n );\n \n if (!newSession || !newSession.chat_id) {\n throw new Error('Failed to re-initialize chat session');\n }\n \n this.chatId = newSession.chat_id;\n this.supportSessionId = newSession.session_id;\n const storage4 = safeLocalStorage();\n storage4.setItem('blockspark_chat_id', this.chatId);\n storage4.setItem('blockspark_session_id', this.supportSessionId);\n \n // Retry handoff with new chat_id\n await this.chatService.requestHandoff(\n this.chatId,\n this.supportSessionId,\n 'Customer requested human agent',\n dialogflowSessionId || null,\n customerName || null,\n customerEmail || null,\n customerMobile || null\n );\n \n if (this.config.debug) {\n console.log('✅ Handoff requested successfully after retry');\n }\n } else {\n throw handoffError;\n }\n }\n\n // Switch to human mode\n this.switchToHumanMode();\n this.chatResolved = false;\n this.agentAccepted = false;\n\n // Add connecting message\n const connectingMessage: ChatMessage = {\n id: `connecting-${Date.now()}`,\n text: 'Connecting you to a human agent...',\n sender: 'bot',\n timestamp: new Date(),\n };\n this.setState({\n messages: [...this.state.messages, connectingMessage],\n });\n\n // Connect WebSocket with handlers\n if (currentChatId && currentSupportSessionId) {\n this.chatService.connectWebSocket(\n currentChatId,\n currentSupportSessionId,\n (message: WebSocketMessage) => {\n this.handleWebSocketMessage(message);\n },\n (connected: boolean) => {\n this.wsConnected = connected;\n }\n );\n }\n \n this.isConnectingToAgent = false;\n } catch (error: any) {\n console.error('Error handling handoff:', error);\n const errorMessage: ChatMessage = {\n id: `error-${Date.now()}`,\n text: this.config.debug\n ? `Handoff error: ${error.message}`\n : 'Failed to connect to agent. Please try again.',\n sender: 'bot',\n timestamp: new Date(),\n };\n this.setState({\n messages: [...this.state.messages, errorMessage],\n });\n this.isConnectingToAgent = false;\n }\n }\n\n /**\n * Handle WebSocket messages\n */\n private handleWebSocketMessage(message: WebSocketMessage): void {\n switch (message.type) {\n case 'message':\n if (message.content) {\n // Only display messages from agent\n if (message.sender_type === 'agent' || !message.sender_type) {\n const agentMessage: ChatMessage = {\n id: message.id || `agent-${Date.now()}`,\n text: message.content,\n sender: 'agent',\n timestamp: new Date(message.timestamp || Date.now()),\n };\n \n // Avoid duplicate messages\n const existingIds = new Set(this.state.messages.map(m => m.id));\n if (!existingIds.has(agentMessage.id)) {\n this.setState({\n messages: [...this.state.messages, agentMessage],\n });\n }\n \n // Hide typing indicator when message received\n this.agentTyping = false;\n if (this.agentTypingTimeout) {\n clearTimeout(this.agentTypingTimeout);\n this.agentTypingTimeout = null;\n }\n }\n }\n break;\n\n case 'typing_start':\n if (message.sender_type === 'agent') {\n this.agentTyping = true;\n // Auto-hide after 3 seconds if no message received\n if (this.agentTypingTimeout) {\n clearTimeout(this.agentTypingTimeout);\n }\n this.agentTypingTimeout = setTimeout(() => {\n this.agentTyping = false;\n }, 3000);\n }\n break;\n\n case 'typing_stop':\n if (message.sender_type === 'agent') {\n this.agentTyping = false;\n if (this.agentTypingTimeout) {\n clearTimeout(this.agentTypingTimeout);\n this.agentTypingTimeout = null;\n }\n }\n break;\n\n case 'agent_changed':\n if (message.to_agent) {\n this.currentAgent = {\n id: message.to_agent_id,\n name: message.to_agent,\n };\n\n // Add system message to chat\n const systemMessage: ChatMessage = {\n id: `system-${Date.now()}`,\n text: message.from_agent\n ? `Chat has been transferred from ${message.from_agent} to ${message.to_agent}`\n : `Chat has been transferred to ${message.to_agent}`,\n sender: 'bot',\n timestamp: new Date(),\n };\n this.setState({\n messages: [...this.state.messages, systemMessage],\n });\n }\n break;\n\n case 'agent_accepted':\n this.agentAccepted = true;\n this.isConnectingToAgent = false;\n const acceptedMessage: ChatMessage = {\n id: message.id || `agent-accepted-${Date.now()}`,\n text: 'You can chat now, the agent has accepted your request.',\n sender: 'bot',\n timestamp: message.timestamp ? new Date(message.timestamp) : new Date(),\n };\n const existingIds = new Set(this.state.messages.map(m => m.id));\n if (!existingIds.has(acceptedMessage.id)) {\n this.setState({\n messages: [...this.state.messages, acceptedMessage],\n });\n }\n if (message.to_agent) {\n this.currentAgent = {\n name: message.to_agent,\n id: message.to_agent_id,\n };\n }\n break;\n\n case 'chat_resolved':\n case 'chat_ended':\n this.enterResolvedState(message.chat_id || null);\n break;\n\n case 'chat_info':\n if (message.status === 'active') {\n this.isConnectingToAgent = false;\n this.agentAccepted = true;\n } else if (message.status === 'resolved' || message.status === 'ended') {\n this.enterResolvedState(message.chat_id || null);\n }\n if (message.agent_id) {\n this.currentAgent = {\n ...this.currentAgent,\n id: message.agent_id,\n };\n }\n break;\n\n case 'error':\n console.error('WebSocket error:', message.error);\n const errorMessage: ChatMessage = {\n id: `error-${Date.now()}`,\n text: message.error || 'An error occurred. Please try again.',\n sender: 'bot',\n timestamp: new Date(),\n };\n this.setState({\n messages: [...this.state.messages, errorMessage],\n });\n break;\n }\n }\n\n /**\n * Enter resolved state\n */\n private enterResolvedState(resolvedChatId?: string | null): void {\n this.chatResolved = true;\n this.isConnectingToAgent = false;\n this.agentAccepted = false;\n this.agentTyping = false;\n if (this.agentTypingTimeout) {\n clearTimeout(this.agentTypingTimeout);\n this.agentTypingTimeout = null;\n }\n\n // Stop WS + prevent any reuse of the old chat_id\n if (this.chatService) {\n this.chatService.disconnectWebSocket();\n }\n this.chatId = null;\n this.supportSessionId = null;\n const storage = safeLocalStorage();\n storage.removeItem('blockspark_chat_id');\n storage.removeItem('blockspark_session_id');\n \n // Add thank you message before reset\n const thankYouMessage: ChatMessage = {\n id: `resolved-${Date.now()}`,\n text: 'Thank you for contacting us!',\n sender: 'bot',\n timestamp: new Date(),\n };\n this.setState({\n messages: [...this.state.messages, thankYouMessage],\n });\n \n // Automatically reset to BOT mode after showing thank you message\n setTimeout(async () => {\n this.switchToBotMode();\n this.chatResolved = false;\n this.setState({\n messages: [],\n sessionId: null, // Clear session ID to force recreation\n });\n this.collectingUserInfo = false;\n this.userInfoStep = null;\n this.collectedUserName = '';\n this.collectedUserEmail = '';\n this.collectedUserMobile = '';\n \n // Recreate Dialogflow session to start fresh\n if (this.config.dfProjectId && this.config.dfAgentId && this.state.isOpen) {\n try {\n this.setState({ isLoading: true });\n const dialogflowConfig: DialogflowConfig = {\n dfProjectId: this.config.dfProjectId,\n dfLocation: this.config.dfLocation || 'us-central1',\n dfAgentId: this.config.dfAgentId,\n serviceAccountKey: this.config.serviceAccountKey,\n accessToken: this.config.accessToken,\n languageCode: this.config.languageCode || 'en',\n };\n \n const session = await createDialogflowSession(dialogflowConfig);\n this.setState({ \n sessionId: session.session_id,\n isLoading: false,\n });\n \n // Add welcome message from Dialogflow if available\n if (session.message) {\n const welcomeMessage: ChatMessage = {\n id: `welcome-${Date.now()}`,\n text: session.message,\n sender: 'bot',\n timestamp: new Date(),\n richContent: session.richContent,\n };\n this.setState({\n messages: [welcomeMessage],\n });\n }\n } catch (error: any) {\n console.error('Error recreating Dialogflow session after handoff:', error);\n this.setState({ \n isLoading: false,\n error: error.message || 'Failed to initialize chat',\n });\n \n // Show fallback welcome message\n const fallbackMessage: ChatMessage = {\n id: `fallback-${Date.now()}`,\n text: this.config.fallbackWelcomeMessage || 'Hello! How can I help you today?',\n sender: 'bot',\n timestamp: new Date(),\n };\n this.setState({\n messages: [fallbackMessage],\n });\n }\n }\n }, 2000);\n }\n\n /**\n * Load message history\n */\n async loadMessageHistory(preserveExisting: boolean = false): Promise<void> {\n if (!this.chatService || !this.chatId || !this.supportSessionId) {\n return;\n }\n\n try {\n if (this.chatId && this.supportSessionId) {\n const history = await this.chatService.loadMessageHistory(this.chatId, this.supportSessionId);\n \n const historyMessages: ChatMessage[] = history.map((msg: any) => ({\n id: msg.id || `history-${Date.now()}-${Math.random()}`,\n text: msg.content,\n sender: msg.sender_type === 'agent' ? 'agent' : 'user',\n timestamp: new Date(msg.timestamp),\n }));\n\n if (preserveExisting) {\n // Merge with existing messages, avoiding duplicates\n const existingIds = new Set(this.state.messages.map(m => m.id));\n const newMessages = historyMessages.filter(m => !existingIds.has(m.id));\n \n // Combine existing messages with new history messages\n // Sort by timestamp to maintain chronological order\n const combined = [...this.state.messages, ...newMessages].sort((a, b) => \n a.timestamp.getTime() - b.timestamp.getTime()\n );\n \n this.setState({\n messages: combined,\n });\n } else {\n // Replace all messages\n this.setState({\n messages: historyMessages,\n });\n }\n }\n } catch (error: any) {\n console.error('Error loading message history:', error);\n if (this.config.debug) {\n const errorMessage: ChatMessage = {\n id: `error-${Date.now()}`,\n text: `Failed to load chat history: ${error.message}`,\n sender: 'bot',\n timestamp: new Date(),\n };\n this.setState({\n messages: [...this.state.messages, errorMessage],\n });\n }\n }\n }\n\n /**\n * Get additional state for UI (not in WidgetState but needed by components)\n */\n getAdditionalState() {\n return {\n wsConnected: this.wsConnected,\n agentTyping: this.agentTyping,\n currentAgent: this.currentAgent,\n isConnectingToAgent: this.isConnectingToAgent,\n agentAccepted: this.agentAccepted,\n chatResolved: this.chatResolved,\n };\n }\n\n /**\n * Cleanup\n */\n destroy(): void {\n if (this.typingTimeout) {\n clearTimeout(this.typingTimeout);\n }\n if (this.agentTypingTimeout) {\n clearTimeout(this.agentTypingTimeout);\n }\n if (this.chatService) {\n this.chatService.disconnectWebSocket();\n }\n this.listeners.clear();\n }\n}\n"],"names":["constructor","config","this","listeners","Set","chatMode","chatId","supportSessionId","chatService","collectingUserInfo","userInfoStep","collectedUserName","collectedUserEmail","collectedUserMobile","wsConnected","agentTyping","currentAgent","name","isConnectingToAgent","agentAccepted","chatResolved","historyLoaded","typingTimeout","agentTypingTimeout","state","isOpen","showWelcomePopup","messages","inputValue","isLoading","error","sessionId","createChatService","baseUrl","backendBaseUrl","wsUrl","backendWsUrl","debug","storage","safeLocalStorage","savedMode","getItem","subscribe","listener","add","delete","getState","setState","updates","forEach","updateConfig","openChat","dfProjectId","dfAgentId","dialogflowConfig","dfLocation","serviceAccountKey","accessToken","languageCode","session","createDialogflowSession","session_id","message","welcomeMessage","id","Date","now","text","sender","timestamp","richContent","fallbackMessage","fallbackWelcomeMessage","closeChat","closeWelcomePopup","toggleChat","willBeOpen","setInputValue","value","clearError","sendMessage","skipUserMessage","trim","userMessage","handleUserInfoCollection","sendHumanMessage","sendAIMessage","ChatResolvedError","enterResolvedState","errorMessage","includes","Error","response","sendDialogflowMessage","handoff","botMessage","startUserInfoCollection","sendTypingIndicator","clearTimeout","sendMessageViaWebSocket","sendMessageToAgent","removeItem","newSession","startSupportChat","chat_id","storage1","setItem","retryError","switchToHumanMode","switchToBotMode","initializeWelcomePopup","delay","welcomePopupDelay","setTimeout","handoffMessage","namePrompt","emailPrompt","email","test","invalidEmailMessage","mobilePrompt","mobile","length","invalidMobileMessage","handleHandoff","customerName","customerEmail","customerMobile","dialogflowSessionId","ensureChatInitialized","currentChatId","currentSupportSessionId","requestHandoff","handoffError","storage2","storage4","connectingMessage","connectWebSocket","handleWebSocketMessage","connected","type","content","sender_type","agentMessage","map","m","has","to_agent","to_agent_id","systemMessage","from_agent","acceptedMessage","status","agent_id","resolvedChatId","disconnectWebSocket","thankYouMessage","async","loadMessageHistory","preserveExisting","historyMessages","msg","Math","random","existingIds","newMessages","filter","combined","sort","a","b","getTime","getAdditionalState","destroy","clear"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"stateManager.cjs.js","sources":["../../src/core/stateManager.ts"],"sourcesContent":["/**\n * State Manager - Framework Agnostic\n * Manages widget state independently of framework\n */\n\nimport type { WidgetState, WidgetConfig, ChatMessage } from './types';\nimport {\n createDialogflowSession,\n sendDialogflowMessage,\n type DialogflowConfig,\n} from '../services/dialogflowClient';\nimport { \n createChatService, \n ChatResolvedError,\n type WebSocketMessage\n} from '../services/chatService';\n\nexport class WidgetStateManager {\n private state: WidgetState;\n private config: WidgetConfig;\n private listeners: Set<(state: WidgetState) => void> = new Set();\n private chatMode: 'ai' | 'human' = 'ai';\n private chatId: string | null = null;\n private supportSessionId: string | null = null;\n private chatService: ReturnType<typeof createChatService> | null = null;\n \n // User info collection for handoff\n private collectingUserInfo: boolean = false;\n private userInfoStep: 'name' | 'email' | 'mobile' | null = null;\n private collectedUserName: string = '';\n private collectedUserEmail: string = '';\n private collectedUserMobile: string = '';\n \n // Additional state for human support\n private wsConnected: boolean = false;\n private agentTyping: boolean = false;\n private currentAgent: { name: string; id?: string } = { name: 'Agent' };\n private isConnectingToAgent: boolean = false;\n private agentAccepted: boolean = false;\n private chatResolved: boolean = false;\n private historyLoaded: string | null = null;\n \n // Typing timeout refs (stored as class properties since we can't use refs)\n private typingTimeout: NodeJS.Timeout | null = null;\n private agentTypingTimeout: NodeJS.Timeout | null = null;\n\n constructor(config: WidgetConfig) {\n this.config = config;\n this.state = {\n isOpen: false,\n showWelcomePopup: false,\n messages: [],\n inputValue: '',\n isLoading: false,\n error: null,\n sessionId: null,\n chatMode: 'ai',\n };\n \n // Initialize ChatService\n this.chatService = createChatService({\n baseUrl: this.config.backendBaseUrl || 'http://localhost:8012',\n wsUrl: this.config.backendWsUrl || 'ws://localhost:8012',\n debug: this.config.debug || false,\n });\n \n // Load chat mode and chat IDs from localStorage if available\n if (typeof window !== 'undefined' && window.localStorage) {\n const savedMode = localStorage.getItem('blockspark_chat_mode');\n this.chatMode = savedMode === 'HUMAN' ? 'human' : 'ai';\n this.state.chatMode = this.chatMode;\n \n this.chatId = localStorage.getItem('blockspark_chat_id');\n this.supportSessionId = localStorage.getItem('blockspark_session_id');\n }\n }\n\n /**\n * Subscribe to state changes\n */\n subscribe(listener: (state: WidgetState) => void): () => void {\n this.listeners.add(listener);\n return () => {\n this.listeners.delete(listener);\n };\n }\n\n /**\n * Get current state\n */\n getState(): WidgetState {\n return { ...this.state };\n }\n\n /**\n * Update state and notify listeners\n */\n private setState(updates: Partial<WidgetState>): void {\n this.state = { ...this.state, ...updates };\n this.listeners.forEach(listener => listener(this.getState()));\n }\n\n /**\n * Update configuration\n */\n updateConfig(config: Partial<WidgetConfig>): void {\n this.config = { ...this.config, ...config };\n }\n\n /**\n * Open chat\n */\n async openChat(): Promise<void> {\n this.setState({ isOpen: true });\n if (this.state.showWelcomePopup) {\n this.setState({ showWelcomePopup: false });\n }\n \n // Initialize Dialogflow session when chat opens (if in AI mode and no session exists)\n if (this.state.chatMode === 'ai' && !this.state.sessionId && this.config.dfProjectId && this.config.dfAgentId) {\n try {\n this.setState({ isLoading: true });\n const dialogflowConfig: DialogflowConfig = {\n dfProjectId: this.config.dfProjectId,\n dfLocation: this.config.dfLocation || 'us-central1',\n dfAgentId: this.config.dfAgentId,\n serviceAccountKey: this.config.serviceAccountKey,\n accessToken: this.config.accessToken,\n languageCode: this.config.languageCode || 'en',\n };\n \n const session = await createDialogflowSession(dialogflowConfig);\n this.setState({ \n sessionId: session.session_id,\n isLoading: false,\n });\n \n // Add welcome message from Dialogflow if available\n if (session.message) {\n const welcomeMessage: ChatMessage = {\n id: `welcome-${Date.now()}`,\n text: session.message,\n sender: 'bot',\n timestamp: new Date(),\n richContent: session.richContent,\n };\n this.setState({\n messages: [welcomeMessage],\n });\n }\n } catch (error: any) {\n console.error('Error initializing Dialogflow session:', error);\n this.setState({ \n isLoading: false,\n error: error.message || 'Failed to initialize chat',\n });\n \n // Show fallback welcome message\n const fallbackMessage: ChatMessage = {\n id: `fallback-${Date.now()}`,\n text: this.config.fallbackWelcomeMessage || 'Hello! How can I help you today?',\n sender: 'bot',\n timestamp: new Date(),\n };\n this.setState({\n messages: [fallbackMessage],\n });\n }\n }\n }\n\n /**\n * Close chat\n */\n closeChat(): void {\n this.setState({ isOpen: false });\n }\n\n /**\n * Close welcome popup\n */\n closeWelcomePopup(): void {\n this.setState({ showWelcomePopup: false });\n }\n\n /**\n * Toggle chat\n */\n toggleChat(): void {\n const willBeOpen = !this.state.isOpen;\n this.setState({ isOpen: willBeOpen });\n if (willBeOpen && this.state.showWelcomePopup) {\n this.setState({ showWelcomePopup: false });\n }\n }\n\n /**\n * Set input value\n */\n setInputValue(value: string): void {\n this.setState({ inputValue: value });\n }\n\n /**\n * Clear error\n */\n clearError(): void {\n this.setState({ error: null });\n }\n\n /**\n * Send message\n */\n async sendMessage(text: string, skipUserMessage: boolean = false): Promise<void> {\n if (!text.trim() || this.state.isLoading) {\n return;\n }\n\n // Handle user info collection for handoff\n if (this.collectingUserInfo) {\n // Add user message first so it appears in chat\n const userMessage: ChatMessage = {\n id: `user-${Date.now()}`,\n text: text.trim(),\n sender: 'user',\n timestamp: new Date(),\n };\n this.setState({\n messages: [...this.state.messages, userMessage],\n inputValue: '',\n isLoading: false,\n error: null,\n });\n \n // Then handle the info collection\n await this.handleUserInfoCollection(text);\n return;\n }\n\n // Add user message unless skipped (e.g., when chip button already added it)\n if (!skipUserMessage) {\n const userMessage: ChatMessage = {\n id: `user-${Date.now()}`,\n text: text.trim(),\n sender: 'user',\n timestamp: new Date(),\n };\n\n this.setState({\n messages: [...this.state.messages, userMessage],\n inputValue: '',\n isLoading: true,\n error: null,\n });\n } else {\n this.setState({\n inputValue: '',\n isLoading: true,\n error: null,\n });\n }\n\n try {\n if (this.state.chatMode === 'human') {\n // Human support mode\n await this.sendHumanMessage(text);\n } else {\n // AI mode (Dialogflow)\n await this.sendAIMessage(text);\n }\n } catch (error: any) {\n console.error('Error sending message:', error);\n \n // chat_resolved is a normal terminal condition, not an error\n if (error instanceof ChatResolvedError || error?.name === 'ChatResolvedError' || error?.message === 'chat_resolved') {\n this.enterResolvedState(this.chatId);\n return;\n }\n \n // Add error message to chat\n const errorMessage: ChatMessage = {\n id: `error-${Date.now()}`,\n text: this.config.debug \n ? `Error: ${error.message || 'Failed to send message'}`\n : error.message?.includes('CORS') || error.message?.includes('Failed to fetch')\n ? 'Unable to connect to Dialogflow. Please check your configuration and network.'\n : 'Sorry, I\\'m having trouble processing your message. Please try again.',\n sender: 'bot',\n timestamp: new Date(),\n };\n \n this.setState({\n messages: [...this.state.messages, errorMessage],\n error: error.message || 'Failed to send message',\n isLoading: false,\n });\n }\n }\n\n /**\n * Send message to Dialogflow\n */\n private async sendAIMessage(text: string): Promise<void> {\n if (!this.config.dfProjectId || !this.config.dfAgentId) {\n throw new Error('Dialogflow configuration is missing');\n }\n\n const dialogflowConfig: DialogflowConfig = {\n dfProjectId: this.config.dfProjectId!,\n dfLocation: this.config.dfLocation || 'us-central1',\n dfAgentId: this.config.dfAgentId!,\n serviceAccountKey: this.config.serviceAccountKey,\n accessToken: this.config.accessToken,\n languageCode: this.config.languageCode || 'en',\n };\n\n // Create session if needed\n if (!this.state.sessionId) {\n const session = await createDialogflowSession(dialogflowConfig);\n this.setState({ sessionId: session.session_id });\n }\n\n // Send message (correct parameter order: message, sessionId, config)\n if (this.config.debug) {\n console.log('Sending message to Dialogflow:', {\n message: text,\n sessionId: this.state.sessionId,\n hasConfig: !!dialogflowConfig,\n });\n }\n \n const response = await sendDialogflowMessage(\n text,\n this.state.sessionId!,\n dialogflowConfig\n );\n\n if (this.config.debug) {\n console.log('Dialogflow response:', {\n response: response.response,\n hasRichContent: !!response.richContent,\n richContent: response.richContent,\n });\n }\n\n // Check for handoff\n if (response.handoff === true) {\n // Add bot response first\n const botMessage: ChatMessage = {\n id: `bot-${Date.now()}`,\n text: response.response || this.config.fallbackWelcomeMessage || 'No response',\n sender: 'bot',\n timestamp: new Date(),\n richContent: response.richContent,\n };\n this.setState({\n messages: [...this.state.messages, botMessage],\n isLoading: false,\n });\n \n // Start collecting user info for handoff\n this.startUserInfoCollection();\n return;\n }\n \n const botMessage: ChatMessage = {\n id: `bot-${Date.now()}`,\n text: response.response || this.config.fallbackWelcomeMessage || 'No response',\n sender: 'bot',\n timestamp: new Date(),\n richContent: response.richContent,\n };\n\n this.setState({\n messages: [...this.state.messages, botMessage],\n isLoading: false,\n });\n }\n\n /**\n * Send message to human support\n */\n private async sendHumanMessage(text: string): Promise<void> {\n if (!this.chatId || !this.supportSessionId) {\n const errorMessage: ChatMessage = {\n id: `error-${Date.now()}`,\n text: 'Chat session not initialized. Please try again.',\n sender: 'bot',\n timestamp: new Date(),\n };\n this.setState({\n messages: [...this.state.messages, errorMessage],\n isLoading: false,\n });\n return;\n }\n\n if (!this.chatService) {\n throw new Error('Chat service not initialized');\n }\n\n // Send typing_stop before sending message\n this.chatService.sendTypingIndicator('typing_stop');\n if (this.typingTimeout) {\n clearTimeout(this.typingTimeout);\n this.typingTimeout = null;\n }\n\n try {\n // Try WebSocket first, fallback to REST API\n const sentViaWs = this.chatService.sendMessageViaWebSocket(text.trim());\n \n if (!sentViaWs) {\n // Fallback to REST API\n await this.chatService.sendMessageToAgent(this.chatId, this.supportSessionId, text.trim());\n }\n \n this.setState({ isLoading: false });\n } catch (error: any) {\n // chat_resolved is a normal terminal condition, not an error\n if (error instanceof ChatResolvedError || error?.name === 'ChatResolvedError' || error?.message === 'chat_resolved') {\n this.enterResolvedState(this.chatId);\n return;\n }\n\n // Handle 401/404 - clear chat_id and reinitialize\n if (error.message?.includes('Chat not found') ||\n error.message?.includes('unauthorized') ||\n error.message?.includes('401') ||\n error.message?.includes('404')) {\n if (this.config.debug) {\n console.log('⚠️ Chat expired. Re-initializing...');\n }\n \n // Clear chat_id\n this.chatId = null;\n this.supportSessionId = null;\n if (typeof window !== 'undefined' && window.localStorage) {\n localStorage.removeItem('blockspark_chat_id');\n localStorage.removeItem('blockspark_session_id');\n }\n \n // Try to reinitialize chat\n try {\n const newSession = await this.chatService.startSupportChat(\n this.state.sessionId || null,\n null,\n null,\n null\n );\n this.chatId = newSession.chat_id;\n this.supportSessionId = newSession.session_id;\n if (typeof window !== 'undefined' && window.localStorage) {\n localStorage.setItem('blockspark_chat_id', this.chatId);\n localStorage.setItem('blockspark_session_id', this.supportSessionId);\n }\n \n // Retry sending message\n if (this.chatId && this.supportSessionId) {\n await this.chatService.sendMessageToAgent(\n this.chatId,\n this.supportSessionId,\n text.trim()\n );\n }\n this.setState({ isLoading: false });\n return;\n } catch (retryError: any) {\n if (retryError instanceof ChatResolvedError || retryError?.message === 'chat_resolved') {\n this.enterResolvedState(this.chatId);\n return;\n }\n throw retryError;\n }\n } else {\n throw error;\n }\n }\n }\n\n /**\n * Switch to human mode\n */\n switchToHumanMode(): void {\n this.chatMode = 'human';\n this.setState({ chatMode: 'human' });\n if (typeof window !== 'undefined' && window.localStorage) {\n localStorage.setItem('blockspark_chat_mode', 'HUMAN');\n }\n }\n\n /**\n * Switch to AI mode\n */\n switchToBotMode(): void {\n this.chatMode = 'ai';\n this.setState({ chatMode: 'ai' });\n if (typeof window !== 'undefined' && window.localStorage) {\n localStorage.setItem('blockspark_chat_mode', 'BOT');\n }\n }\n\n /**\n * Initialize welcome popup\n */\n initializeWelcomePopup(): void {\n if (this.config.showWelcomePopup !== false) {\n const delay = this.config.welcomePopupDelay || 1500;\n setTimeout(() => {\n if (!this.state.isOpen) {\n this.setState({ showWelcomePopup: true });\n }\n }, delay);\n }\n }\n\n /**\n * Start user info collection for handoff\n */\n private startUserInfoCollection(): void {\n this.collectingUserInfo = true;\n this.userInfoStep = 'name';\n this.collectedUserName = '';\n this.collectedUserEmail = '';\n this.collectedUserMobile = '';\n \n // Ask for name\n const namePrompt: ChatMessage = {\n id: `prompt-${Date.now()}`,\n text: 'To connect you with a human agent, I\\'ll need some information. Please provide your name:',\n sender: 'bot',\n timestamp: new Date(),\n };\n this.setState({\n messages: [...this.state.messages, namePrompt],\n });\n }\n\n /**\n * Handle user info collection\n */\n private async handleUserInfoCollection(text: string): Promise<void> {\n if (this.userInfoStep === 'name') {\n // Save name and ask for email\n const name = text.trim();\n this.collectedUserName = name;\n this.userInfoStep = 'email';\n \n // Ask for email\n const emailPrompt: ChatMessage = {\n id: `prompt-${Date.now()}`,\n text: 'Thank you! Now please provide your email address:',\n sender: 'bot',\n timestamp: new Date(),\n };\n this.setState({\n messages: [...this.state.messages, emailPrompt],\n inputValue: '',\n });\n return;\n } else if (this.userInfoStep === 'email') {\n // Validate email format\n const email = text.trim();\n const emailRegex = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\n \n if (!emailRegex.test(email)) {\n // Invalid email, ask again\n const invalidEmailMessage: ChatMessage = {\n id: `prompt-${Date.now()}`,\n text: 'Please provide a valid email address:',\n sender: 'bot',\n timestamp: new Date(),\n };\n this.setState({\n messages: [...this.state.messages, invalidEmailMessage],\n inputValue: '',\n });\n return;\n }\n \n // Save email and ask for mobile\n this.collectedUserEmail = email;\n this.userInfoStep = 'mobile';\n \n // Ask for mobile\n const mobilePrompt: ChatMessage = {\n id: `prompt-${Date.now()}`,\n text: 'Thank you! Now please provide your mobile number:',\n sender: 'bot',\n timestamp: new Date(),\n };\n this.setState({\n messages: [...this.state.messages, mobilePrompt],\n inputValue: '',\n });\n return;\n } else if (this.userInfoStep === 'mobile') {\n // Validate mobile format\n const mobile = text.trim();\n const mobileRegex = /^[\\+]?[(]?[0-9]{1,4}[)]?[-\\s\\.]?[(]?[0-9]{1,4}[)]?[-\\s\\.]?[0-9]{1,9}$/;\n \n if (!mobileRegex.test(mobile) || mobile.length < 10) {\n // Invalid mobile, ask again\n const invalidMobileMessage: ChatMessage = {\n id: `prompt-${Date.now()}`,\n text: 'Please provide a valid mobile number (e.g., +1234567890):',\n sender: 'bot',\n timestamp: new Date(),\n };\n this.setState({\n messages: [...this.state.messages, invalidMobileMessage],\n inputValue: '',\n });\n return;\n }\n \n // Save mobile and proceed with handoff\n this.collectedUserMobile = mobile;\n \n // Reset collection state\n this.collectingUserInfo = false;\n this.userInfoStep = null;\n \n // Proceed with handoff using collected info\n await this.handleHandoff(this.collectedUserName, this.collectedUserEmail, mobile);\n this.setState({ inputValue: '' });\n }\n }\n\n /**\n * Handle handoff from Dialogflow to human support\n */\n async handleHandoff(customerName?: string, customerEmail?: string, customerMobile?: string): Promise<void> {\n if (!this.chatService) {\n throw new Error('Chat service not initialized');\n }\n\n try {\n this.isConnectingToAgent = true;\n \n // Get Dialogflow session ID if available\n const dialogflowSessionId = this.state.sessionId;\n \n // STEP 1: Ensure chat is initialized\n const session = await this.chatService.ensureChatInitialized(\n this.chatId,\n this.supportSessionId,\n dialogflowSessionId || null,\n customerName || null,\n customerEmail || null,\n customerMobile || null\n );\n \n if (!session || !session.chat_id) {\n throw new Error('Failed to initialize chat session');\n }\n \n const currentChatId = session.chat_id;\n const currentSupportSessionId = session.session_id;\n \n // Update state if chat was newly initialized\n if (currentChatId !== this.chatId) {\n this.chatId = currentChatId;\n this.supportSessionId = currentSupportSessionId;\n if (typeof window !== 'undefined' && window.localStorage) {\n localStorage.setItem('blockspark_chat_id', this.chatId);\n localStorage.setItem('blockspark_session_id', this.supportSessionId);\n }\n if (this.config.debug) {\n console.log('✅ Chat initialized:', { chatId: currentChatId, sessionId: currentSupportSessionId });\n }\n }\n\n // STEP 2: Request handoff\n try {\n await this.chatService.requestHandoff(\n currentChatId,\n currentSupportSessionId,\n 'Customer requested human agent',\n dialogflowSessionId || null,\n customerName || null,\n customerEmail || null,\n customerMobile || null\n );\n \n if (this.config.debug) {\n console.log('✅ Handoff requested successfully');\n }\n } catch (handoffError: any) {\n // Handle 401/404 or \"chat not found\" - clear chat_id and retry\n if (handoffError.message?.includes('Invalid chat_id') || \n handoffError.message?.includes('Chat not found') ||\n handoffError.message?.includes('unauthorized') ||\n handoffError.message?.includes('400') ||\n handoffError.message?.includes('401') ||\n handoffError.message?.includes('404') ||\n handoffError.message?.includes('expired')) {\n if (this.config.debug) {\n console.log('⚠️ Chat expired or not found. Re-initializing chat...');\n }\n \n // Clear old chat_id\n this.chatId = null;\n this.supportSessionId = null;\n if (typeof window !== 'undefined' && window.localStorage) {\n localStorage.removeItem('blockspark_chat_id');\n localStorage.removeItem('blockspark_session_id');\n }\n \n // Create new chat session\n const newSession = await this.chatService.startSupportChat(\n dialogflowSessionId || null,\n customerName || null,\n customerEmail || null,\n customerMobile || null\n );\n \n if (!newSession || !newSession.chat_id) {\n throw new Error('Failed to re-initialize chat session');\n }\n \n this.chatId = newSession.chat_id;\n this.supportSessionId = newSession.session_id;\n if (typeof window !== 'undefined' && window.localStorage) {\n localStorage.setItem('blockspark_chat_id', this.chatId);\n localStorage.setItem('blockspark_session_id', this.supportSessionId);\n }\n \n // Retry handoff with new chat_id\n await this.chatService.requestHandoff(\n this.chatId,\n this.supportSessionId,\n 'Customer requested human agent',\n dialogflowSessionId || null,\n customerName || null,\n customerEmail || null,\n customerMobile || null\n );\n \n if (this.config.debug) {\n console.log('✅ Handoff requested successfully after retry');\n }\n } else {\n throw handoffError;\n }\n }\n\n // Switch to human mode\n this.switchToHumanMode();\n this.chatResolved = false;\n this.agentAccepted = false;\n\n // Add connecting message\n const connectingMessage: ChatMessage = {\n id: `connecting-${Date.now()}`,\n text: 'Connecting you to a human agent...',\n sender: 'bot',\n timestamp: new Date(),\n };\n this.setState({\n messages: [...this.state.messages, connectingMessage],\n });\n\n // Connect WebSocket with handlers\n if (currentChatId && currentSupportSessionId) {\n this.chatService.connectWebSocket(\n currentChatId,\n currentSupportSessionId,\n (message: WebSocketMessage) => {\n this.handleWebSocketMessage(message);\n },\n (connected: boolean) => {\n this.wsConnected = connected;\n }\n );\n }\n \n this.isConnectingToAgent = false;\n } catch (error: any) {\n console.error('Error handling handoff:', error);\n const errorMessage: ChatMessage = {\n id: `error-${Date.now()}`,\n text: this.config.debug\n ? `Handoff error: ${error.message}`\n : 'Failed to connect to agent. Please try again.',\n sender: 'bot',\n timestamp: new Date(),\n };\n this.setState({\n messages: [...this.state.messages, errorMessage],\n });\n this.isConnectingToAgent = false;\n }\n }\n\n /**\n * Handle WebSocket messages\n */\n private handleWebSocketMessage(message: WebSocketMessage): void {\n switch (message.type) {\n case 'message':\n if (message.content) {\n // Only display messages from agent\n if (message.sender_type === 'agent' || !message.sender_type) {\n const agentMessage: ChatMessage = {\n id: message.id || `agent-${Date.now()}`,\n text: message.content,\n sender: 'agent',\n timestamp: new Date(message.timestamp || Date.now()),\n };\n \n // Avoid duplicate messages\n const existingIds = new Set(this.state.messages.map(m => m.id));\n if (!existingIds.has(agentMessage.id)) {\n this.setState({\n messages: [...this.state.messages, agentMessage],\n });\n }\n \n // Hide typing indicator when message received\n this.agentTyping = false;\n if (this.agentTypingTimeout) {\n clearTimeout(this.agentTypingTimeout);\n this.agentTypingTimeout = null;\n }\n }\n }\n break;\n\n case 'typing_start':\n if (message.sender_type === 'agent') {\n this.agentTyping = true;\n // Auto-hide after 3 seconds if no message received\n if (this.agentTypingTimeout) {\n clearTimeout(this.agentTypingTimeout);\n }\n this.agentTypingTimeout = setTimeout(() => {\n this.agentTyping = false;\n }, 3000);\n }\n break;\n\n case 'typing_stop':\n if (message.sender_type === 'agent') {\n this.agentTyping = false;\n if (this.agentTypingTimeout) {\n clearTimeout(this.agentTypingTimeout);\n this.agentTypingTimeout = null;\n }\n }\n break;\n\n case 'agent_changed':\n if (message.to_agent) {\n this.currentAgent = {\n id: message.to_agent_id,\n name: message.to_agent,\n };\n\n // Add system message to chat\n const systemMessage: ChatMessage = {\n id: `system-${Date.now()}`,\n text: message.from_agent\n ? `Chat has been transferred from ${message.from_agent} to ${message.to_agent}`\n : `Chat has been transferred to ${message.to_agent}`,\n sender: 'bot',\n timestamp: new Date(),\n };\n this.setState({\n messages: [...this.state.messages, systemMessage],\n });\n }\n break;\n\n case 'agent_accepted':\n this.agentAccepted = true;\n this.isConnectingToAgent = false;\n const acceptedMessage: ChatMessage = {\n id: message.id || `agent-accepted-${Date.now()}`,\n text: 'You can chat now, the agent has accepted your request.',\n sender: 'bot',\n timestamp: message.timestamp ? new Date(message.timestamp) : new Date(),\n };\n const existingIds = new Set(this.state.messages.map(m => m.id));\n if (!existingIds.has(acceptedMessage.id)) {\n this.setState({\n messages: [...this.state.messages, acceptedMessage],\n });\n }\n if (message.to_agent) {\n this.currentAgent = {\n name: message.to_agent,\n id: message.to_agent_id,\n };\n }\n break;\n\n case 'chat_resolved':\n case 'chat_ended':\n this.enterResolvedState(message.chat_id || null);\n break;\n\n case 'chat_info':\n if (message.status === 'active') {\n this.isConnectingToAgent = false;\n this.agentAccepted = true;\n } else if (message.status === 'resolved' || message.status === 'ended') {\n this.enterResolvedState(message.chat_id || null);\n }\n if (message.agent_id) {\n this.currentAgent = {\n ...this.currentAgent,\n id: message.agent_id,\n };\n }\n break;\n\n case 'error':\n console.error('WebSocket error:', message.error);\n const errorMessage: ChatMessage = {\n id: `error-${Date.now()}`,\n text: message.error || 'An error occurred. Please try again.',\n sender: 'bot',\n timestamp: new Date(),\n };\n this.setState({\n messages: [...this.state.messages, errorMessage],\n });\n break;\n }\n }\n\n /**\n * Enter resolved state\n */\n private enterResolvedState(resolvedChatId?: string | null): void {\n this.chatResolved = true;\n this.isConnectingToAgent = false;\n this.agentAccepted = false;\n this.agentTyping = false;\n if (this.agentTypingTimeout) {\n clearTimeout(this.agentTypingTimeout);\n this.agentTypingTimeout = null;\n }\n\n // Stop WS + prevent any reuse of the old chat_id\n if (this.chatService) {\n this.chatService.disconnectWebSocket();\n }\n this.chatId = null;\n this.supportSessionId = null;\n if (typeof window !== 'undefined' && window.localStorage) {\n localStorage.removeItem('blockspark_chat_id');\n localStorage.removeItem('blockspark_session_id');\n }\n \n // Add thank you message before reset\n const thankYouMessage: ChatMessage = {\n id: `resolved-${Date.now()}`,\n text: 'Thank you for contacting us!',\n sender: 'bot',\n timestamp: new Date(),\n };\n this.setState({\n messages: [...this.state.messages, thankYouMessage],\n });\n \n // Automatically reset to BOT mode after showing thank you message\n setTimeout(async () => {\n this.switchToBotMode();\n this.chatResolved = false;\n this.setState({\n messages: [],\n sessionId: null, // Clear session ID to force recreation\n });\n this.collectingUserInfo = false;\n this.userInfoStep = null;\n this.collectedUserName = '';\n this.collectedUserEmail = '';\n this.collectedUserMobile = '';\n \n // Recreate Dialogflow session to start fresh\n if (this.config.dfProjectId && this.config.dfAgentId && this.state.isOpen) {\n try {\n this.setState({ isLoading: true });\n const dialogflowConfig: DialogflowConfig = {\n dfProjectId: this.config.dfProjectId,\n dfLocation: this.config.dfLocation || 'us-central1',\n dfAgentId: this.config.dfAgentId,\n serviceAccountKey: this.config.serviceAccountKey,\n accessToken: this.config.accessToken,\n languageCode: this.config.languageCode || 'en',\n };\n \n const session = await createDialogflowSession(dialogflowConfig);\n this.setState({ \n sessionId: session.session_id,\n isLoading: false,\n });\n \n // Add welcome message from Dialogflow if available\n if (session.message) {\n const welcomeMessage: ChatMessage = {\n id: `welcome-${Date.now()}`,\n text: session.message,\n sender: 'bot',\n timestamp: new Date(),\n richContent: session.richContent,\n };\n this.setState({\n messages: [welcomeMessage],\n });\n }\n } catch (error: any) {\n console.error('Error recreating Dialogflow session after handoff:', error);\n this.setState({ \n isLoading: false,\n error: error.message || 'Failed to initialize chat',\n });\n \n // Show fallback welcome message\n const fallbackMessage: ChatMessage = {\n id: `fallback-${Date.now()}`,\n text: this.config.fallbackWelcomeMessage || 'Hello! How can I help you today?',\n sender: 'bot',\n timestamp: new Date(),\n };\n this.setState({\n messages: [fallbackMessage],\n });\n }\n }\n }, 2000);\n }\n\n /**\n * Load message history\n */\n async loadMessageHistory(preserveExisting: boolean = false): Promise<void> {\n if (!this.chatService || !this.chatId || !this.supportSessionId) {\n return;\n }\n\n try {\n if (this.chatId && this.supportSessionId) {\n const history = await this.chatService.loadMessageHistory(this.chatId, this.supportSessionId);\n \n const historyMessages: ChatMessage[] = history.map((msg: any) => ({\n id: msg.id || `history-${Date.now()}-${Math.random()}`,\n text: msg.content,\n sender: msg.sender_type === 'agent' ? 'agent' : 'user',\n timestamp: new Date(msg.timestamp),\n }));\n\n if (preserveExisting) {\n // Merge with existing messages, avoiding duplicates\n const existingIds = new Set(this.state.messages.map(m => m.id));\n const newMessages = historyMessages.filter(m => !existingIds.has(m.id));\n \n // Combine existing messages with new history messages\n // Sort by timestamp to maintain chronological order\n const combined = [...this.state.messages, ...newMessages].sort((a, b) => \n a.timestamp.getTime() - b.timestamp.getTime()\n );\n \n this.setState({\n messages: combined,\n });\n } else {\n // Replace all messages\n this.setState({\n messages: historyMessages,\n });\n }\n }\n } catch (error: any) {\n console.error('Error loading message history:', error);\n if (this.config.debug) {\n const errorMessage: ChatMessage = {\n id: `error-${Date.now()}`,\n text: `Failed to load chat history: ${error.message}`,\n sender: 'bot',\n timestamp: new Date(),\n };\n this.setState({\n messages: [...this.state.messages, errorMessage],\n });\n }\n }\n }\n\n /**\n * Get additional state for UI (not in WidgetState but needed by components)\n */\n getAdditionalState() {\n return {\n wsConnected: this.wsConnected,\n agentTyping: this.agentTyping,\n currentAgent: this.currentAgent,\n isConnectingToAgent: this.isConnectingToAgent,\n agentAccepted: this.agentAccepted,\n chatResolved: this.chatResolved,\n };\n }\n\n /**\n * Cleanup\n */\n destroy(): void {\n if (this.typingTimeout) {\n clearTimeout(this.typingTimeout);\n }\n if (this.agentTypingTimeout) {\n clearTimeout(this.agentTypingTimeout);\n }\n if (this.chatService) {\n this.chatService.disconnectWebSocket();\n }\n this.listeners.clear();\n }\n}\n"],"names":["constructor","config","this","listeners","Set","chatMode","chatId","supportSessionId","chatService","collectingUserInfo","userInfoStep","collectedUserName","collectedUserEmail","collectedUserMobile","wsConnected","agentTyping","currentAgent","name","isConnectingToAgent","agentAccepted","chatResolved","historyLoaded","typingTimeout","agentTypingTimeout","state","isOpen","showWelcomePopup","messages","inputValue","isLoading","error","sessionId","createChatService","baseUrl","backendBaseUrl","wsUrl","backendWsUrl","debug","window","localStorage","savedMode","getItem","subscribe","listener","add","delete","getState","setState","updates","forEach","updateConfig","openChat","dfProjectId","dfAgentId","dialogflowConfig","dfLocation","serviceAccountKey","accessToken","languageCode","session","createDialogflowSession","session_id","message","welcomeMessage","id","Date","now","text","sender","timestamp","richContent","fallbackMessage","fallbackWelcomeMessage","closeChat","closeWelcomePopup","toggleChat","willBeOpen","setInputValue","value","clearError","sendMessage","skipUserMessage","trim","userMessage","handleUserInfoCollection","sendHumanMessage","sendAIMessage","ChatResolvedError","enterResolvedState","errorMessage","includes","Error","response","sendDialogflowMessage","handoff","botMessage","startUserInfoCollection","sendTypingIndicator","clearTimeout","sendMessageViaWebSocket","sendMessageToAgent","removeItem","newSession","startSupportChat","chat_id","setItem","retryError","switchToHumanMode","switchToBotMode","initializeWelcomePopup","delay","welcomePopupDelay","setTimeout","namePrompt","emailPrompt","email","test","invalidEmailMessage","mobilePrompt","mobile","length","invalidMobileMessage","handleHandoff","customerName","customerEmail","customerMobile","dialogflowSessionId","ensureChatInitialized","currentChatId","currentSupportSessionId","requestHandoff","handoffError","connectingMessage","connectWebSocket","handleWebSocketMessage","connected","type","content","sender_type","agentMessage","map","m","has","to_agent","to_agent_id","systemMessage","from_agent","acceptedMessage","status","agent_id","resolvedChatId","disconnectWebSocket","thankYouMessage","async","loadMessageHistory","preserveExisting","historyMessages","msg","Math","random","existingIds","newMessages","filter","combined","sort","a","b","getTime","getAdditionalState","destroy","clear"],"mappings":"8MAiBO,MA6BL,WAAAA,CAAYC,GAqBV,GA/CFC,KAAQC,cAAmDC,IAC3DF,KAAQG,SAA2B,KACnCH,KAAQI,OAAwB,KAChCJ,KAAQK,iBAAkC,KAC1CL,KAAQM,YAA2D,KAGnEN,KAAQO,oBAA8B,EACtCP,KAAQQ,aAAmD,KAC3DR,KAAQS,kBAA4B,GACpCT,KAAQU,mBAA6B,GACrCV,KAAQW,oBAA8B,GAGtCX,KAAQY,aAAuB,EAC/BZ,KAAQa,aAAuB,EAC/Bb,KAAQc,aAA8C,CAAEC,KAAM,SAC9Df,KAAQgB,qBAA+B,EACvChB,KAAQiB,eAAyB,EACjCjB,KAAQkB,cAAwB,EAChClB,KAAQmB,cAA+B,KAGvCnB,KAAQoB,cAAuC,KAC/CpB,KAAQqB,mBAA4C,KAGlDrB,KAAKD,OAASA,EACdC,KAAKsB,MAAQ,CACXC,QAAQ,EACRC,kBAAkB,EAClBC,SAAU,GACVC,WAAY,GACZC,WAAW,EACXC,MAAO,KACPC,UAAW,KACX1B,SAAU,MAIZH,KAAKM,YAAcwB,oBAAkB,CACnCC,QAAS/B,KAAKD,OAAOiC,gBAAkB,wBACvCC,MAAOjC,KAAKD,OAAOmC,cAAgB,sBACnCC,MAAOnC,KAAKD,OAAOoC,QAAS,IAIR,oBAAXC,QAA0BA,OAAOC,aAAc,CACxD,MAAMC,EAAYD,aAAaE,QAAQ,wBACvCvC,KAAKG,SAAyB,UAAdmC,EAAwB,QAAU,KAClDtC,KAAKsB,MAAMnB,SAAWH,KAAKG,SAE3BH,KAAKI,OAASiC,aAAaE,QAAQ,sBACnCvC,KAAKK,iBAAmBgC,aAAaE,QAAQ,wBAC/C,CACF,CAKA,SAAAC,CAAUC,GAER,OADAzC,KAAKC,UAAUyC,IAAID,GACZ,KACLzC,KAAKC,UAAU0C,OAAOF,GAE1B,CAKA,QAAAG,GACE,MAAO,IAAK5C,KAAKsB,MACnB,CAKQ,QAAAuB,CAASC,GACf9C,KAAKsB,MAAQ,IAAKtB,KAAKsB,SAAUwB,GACjC9C,KAAKC,UAAU8C,QAAQN,GAAYA,EAASzC,KAAK4C,YACnD,CAKA,YAAAI,CAAajD,GACXC,KAAKD,OAAS,IAAKC,KAAKD,UAAWA,EACrC,CAKA,cAAMkD,GAOJ,GANAjD,KAAK6C,SAAS,CAAEtB,QAAQ,IACpBvB,KAAKsB,MAAME,kBACbxB,KAAK6C,SAAS,CAAErB,kBAAkB,IAIR,OAAxBxB,KAAKsB,MAAMnB,WAAsBH,KAAKsB,MAAMO,WAAa7B,KAAKD,OAAOmD,aAAelD,KAAKD,OAAOoD,UAClG,IACEnD,KAAK6C,SAAS,CAAElB,WAAW,IAC3B,MAAMyB,EAAqC,CACzCF,YAAalD,KAAKD,OAAOmD,YACzBG,WAAYrD,KAAKD,OAAOsD,YAAc,cACtCF,UAAWnD,KAAKD,OAAOoD,UACvBG,kBAAmBtD,KAAKD,OAAOuD,kBAC/BC,YAAavD,KAAKD,OAAOwD,YACzBC,aAAcxD,KAAKD,OAAOyD,cAAgB,MAGtCC,QAAgBC,EAAAA,wBAAwBN,GAO9C,GANApD,KAAK6C,SAAS,CACZhB,UAAW4B,EAAQE,WACnBhC,WAAW,IAIT8B,EAAQG,QAAS,CACnB,MAAMC,EAA8B,CAClCC,GAAI,WAAWC,KAAKC,QACpBC,KAAMR,EAAQG,QACdM,OAAQ,MACRC,cAAeJ,KACfK,YAAaX,EAAQW,aAEvBpE,KAAK6C,SAAS,CACZpB,SAAU,CAACoC,IAEf,CACF,OAASjC,GAEP5B,KAAK6C,SAAS,CACZlB,WAAW,EACXC,MAAOA,EAAMgC,SAAW,8BAI1B,MAAMS,EAA+B,CACnCP,GAAI,YAAYC,KAAKC,QACrBC,KAAMjE,KAAKD,OAAOuE,wBAA0B,mCAC5CJ,OAAQ,MACRC,cAAeJ,MAEjB/D,KAAK6C,SAAS,CACZpB,SAAU,CAAC4C,IAEf,CAEJ,CAKA,SAAAE,GACEvE,KAAK6C,SAAS,CAAEtB,QAAQ,GAC1B,CAKA,iBAAAiD,GACExE,KAAK6C,SAAS,CAAErB,kBAAkB,GACpC,CAKA,UAAAiD,GACE,MAAMC,GAAc1E,KAAKsB,MAAMC,OAC/BvB,KAAK6C,SAAS,CAAEtB,OAAQmD,IACpBA,GAAc1E,KAAKsB,MAAME,kBAC3BxB,KAAK6C,SAAS,CAAErB,kBAAkB,GAEtC,CAKA,aAAAmD,CAAcC,GACZ5E,KAAK6C,SAAS,CAAEnB,WAAYkD,GAC9B,CAKA,UAAAC,GACE7E,KAAK6C,SAAS,CAAEjB,MAAO,MACzB,CAKA,iBAAMkD,CAAYb,EAAcc,GAA2B,GACzD,GAAKd,EAAKe,SAAUhF,KAAKsB,MAAMK,UAA/B,CAKA,GAAI3B,KAAKO,mBAAoB,CAE3B,MAAM0E,EAA2B,CAC/BnB,GAAI,QAAQC,KAAKC,QACjBC,KAAMA,EAAKe,OACXd,OAAQ,OACRC,cAAeJ,MAWjB,OATA/D,KAAK6C,SAAS,CACZpB,SAAU,IAAIzB,KAAKsB,MAAMG,SAAUwD,GACnCvD,WAAY,GACZC,WAAW,EACXC,MAAO,kBAIH5B,KAAKkF,yBAAyBjB,GAEtC,CAGA,GAAKc,EAeH/E,KAAK6C,SAAS,CACZnB,WAAY,GACZC,WAAW,EACXC,MAAO,WAlBW,CACpB,MAAMqD,EAA2B,CAC/BnB,GAAI,QAAQC,KAAKC,QACjBC,KAAMA,EAAKe,OACXd,OAAQ,OACRC,cAAeJ,MAGjB/D,KAAK6C,SAAS,CACZpB,SAAU,IAAIzB,KAAKsB,MAAMG,SAAUwD,GACnCvD,WAAY,GACZC,WAAW,EACXC,MAAO,MAEX,CAQA,IAC8B,UAAxB5B,KAAKsB,MAAMnB,eAEPH,KAAKmF,iBAAiBlB,SAGtBjE,KAAKoF,cAAcnB,EAE7B,OAASrC,GAIP,GAAIA,aAAiByD,EAAAA,mBAAqC,sBAAhBzD,GAAOb,MAAmD,kBAAnBa,GAAOgC,QAEtF,YADA5D,KAAKsF,mBAAmBtF,KAAKI,QAK/B,MAAMmF,EAA4B,CAChCzB,GAAI,SAASC,KAAKC,QAClBC,KAAMjE,KAAKD,OAAOoC,MACd,UAAUP,EAAMgC,SAAW,2BAC3BhC,EAAMgC,SAAS4B,SAAS,SAAW5D,EAAMgC,SAAS4B,SAAS,mBAC3D,gFACA,uEACJtB,OAAQ,MACRC,cAAeJ,MAGjB/D,KAAK6C,SAAS,CACZpB,SAAU,IAAIzB,KAAKsB,MAAMG,SAAU8D,GACnC3D,MAAOA,EAAMgC,SAAW,yBACxBjC,WAAW,GAEf,CAhFA,CAiFF,CAKA,mBAAcyD,CAAcnB,GAC1B,IAAKjE,KAAKD,OAAOmD,cAAgBlD,KAAKD,OAAOoD,UAC3C,MAAM,IAAIsC,MAAM,uCAGlB,MAAMrC,EAAqC,CACzCF,YAAalD,KAAKD,OAAOmD,YACzBG,WAAYrD,KAAKD,OAAOsD,YAAc,cACtCF,UAAWnD,KAAKD,OAAOoD,UACvBG,kBAAmBtD,KAAKD,OAAOuD,kBAC/BC,YAAavD,KAAKD,OAAOwD,YACzBC,aAAcxD,KAAKD,OAAOyD,cAAgB,MAI5C,IAAKxD,KAAKsB,MAAMO,UAAW,CACzB,MAAM4B,QAAgBC,EAAAA,wBAAwBN,GAC9CpD,KAAK6C,SAAS,CAAEhB,UAAW4B,EAAQE,YACrC,CAGI3D,KAAKD,OAAOoC,MAQhB,MAAMuD,QAAiBC,EAAAA,sBACrB1B,EACAjE,KAAKsB,MAAMO,UACXuB,GAYF,GATIpD,KAAKD,OAAOoC,OASS,IAArBuD,EAASE,QAAkB,CAE7B,MAAMC,EAA0B,CAC9B/B,GAAI,OAAOC,KAAKC,QAChBC,KAAMyB,EAASA,UAAY1F,KAAKD,OAAOuE,wBAA0B,cACjEJ,OAAQ,MACRC,cAAeJ,KACfK,YAAasB,EAAStB,aASxB,OAPApE,KAAK6C,SAAS,CACZpB,SAAU,IAAIzB,KAAKsB,MAAMG,SAAUoE,GACnClE,WAAW,SAIb3B,KAAK8F,yBAEP,CAEA,MAAMD,EAA0B,CAC9B/B,GAAI,OAAOC,KAAKC,QAChBC,KAAMyB,EAASA,UAAY1F,KAAKD,OAAOuE,wBAA0B,cACjEJ,OAAQ,MACRC,cAAeJ,KACfK,YAAasB,EAAStB,aAGxBpE,KAAK6C,SAAS,CACZpB,SAAU,IAAIzB,KAAKsB,MAAMG,SAAUoE,GACnClE,WAAW,GAEf,CAKA,sBAAcwD,CAAiBlB,GAC7B,IAAKjE,KAAKI,SAAWJ,KAAKK,iBAAkB,CAC1C,MAAMkF,EAA4B,CAChCzB,GAAI,SAASC,KAAKC,QAClBC,KAAM,kDACNC,OAAQ,MACRC,cAAeJ,MAMjB,YAJA/D,KAAK6C,SAAS,CACZpB,SAAU,IAAIzB,KAAKsB,MAAMG,SAAU8D,GACnC5D,WAAW,GAGf,CAEA,IAAK3B,KAAKM,YACR,MAAM,IAAImF,MAAM,gCAIlBzF,KAAKM,YAAYyF,oBAAoB,eACjC/F,KAAKoB,gBACP4E,aAAahG,KAAKoB,eAClBpB,KAAKoB,cAAgB,MAGvB,IAEoBpB,KAAKM,YAAY2F,wBAAwBhC,EAAKe,eAIxDhF,KAAKM,YAAY4F,mBAAmBlG,KAAKI,OAAQJ,KAAKK,iBAAkB4D,EAAKe,QAGrFhF,KAAK6C,SAAS,CAAElB,WAAW,GAC7B,OAASC,GAEP,GAAIA,aAAiByD,EAAAA,mBAAqC,sBAAhBzD,GAAOb,MAAmD,kBAAnBa,GAAOgC,QAEtF,YADA5D,KAAKsF,mBAAmBtF,KAAKI,QAK/B,KAAIwB,EAAMgC,SAAS4B,SAAS,mBACxB5D,EAAMgC,SAAS4B,SAAS,iBACxB5D,EAAMgC,SAAS4B,SAAS,QACxB5D,EAAMgC,SAAS4B,SAAS,QA8C1B,MAAM5D,EA7CF5B,KAAKD,OAAOoC,MAKhBnC,KAAKI,OAAS,KACdJ,KAAKK,iBAAmB,KACF,oBAAX+B,QAA0BA,OAAOC,eAC1CA,aAAa8D,WAAW,sBACxB9D,aAAa8D,WAAW,0BAI1B,IACE,MAAMC,QAAmBpG,KAAKM,YAAY+F,iBACxCrG,KAAKsB,MAAMO,WAAa,KACxB,KACA,KACA,MAkBF,OAhBA7B,KAAKI,OAASgG,EAAWE,QACzBtG,KAAKK,iBAAmB+F,EAAWzC,WACb,oBAAXvB,QAA0BA,OAAOC,eAC1CA,aAAakE,QAAQ,qBAAsBvG,KAAKI,QAChDiC,aAAakE,QAAQ,wBAAyBvG,KAAKK,mBAIjDL,KAAKI,QAAUJ,KAAKK,wBAChBL,KAAKM,YAAY4F,mBACrBlG,KAAKI,OACLJ,KAAKK,iBACL4D,EAAKe,aAGThF,KAAK6C,SAAS,CAAElB,WAAW,GAE7B,OAAS6E,GACP,GAAIA,aAAsBnB,EAAAA,mBAA6C,kBAAxBmB,GAAY5C,QAEzD,YADA5D,KAAKsF,mBAAmBtF,KAAKI,QAG/B,MAAMoG,CACR,CAIJ,CACF,CAKA,iBAAAC,GACEzG,KAAKG,SAAW,QAChBH,KAAK6C,SAAS,CAAE1C,SAAU,UACJ,oBAAXiC,QAA0BA,OAAOC,cAC1CA,aAAakE,QAAQ,uBAAwB,QAEjD,CAKA,eAAAG,GACE1G,KAAKG,SAAW,KAChBH,KAAK6C,SAAS,CAAE1C,SAAU,OACJ,oBAAXiC,QAA0BA,OAAOC,cAC1CA,aAAakE,QAAQ,uBAAwB,MAEjD,CAKA,sBAAAI,GACE,IAAqC,IAAjC3G,KAAKD,OAAOyB,iBAA4B,CAC1C,MAAMoF,EAAQ5G,KAAKD,OAAO8G,mBAAqB,KAC/CC,WAAW,KACJ9G,KAAKsB,MAAMC,QACdvB,KAAK6C,SAAS,CAAErB,kBAAkB,KAEnCoF,EACL,CACF,CAKQ,uBAAAd,GACN9F,KAAKO,oBAAqB,EAC1BP,KAAKQ,aAAe,OACpBR,KAAKS,kBAAoB,GACzBT,KAAKU,mBAAqB,GAC1BV,KAAKW,oBAAsB,GAG3B,MAAMoG,EAA0B,CAC9BjD,GAAI,UAAUC,KAAKC,QACnBC,KAAM,2FACNC,OAAQ,MACRC,cAAeJ,MAEjB/D,KAAK6C,SAAS,CACZpB,SAAU,IAAIzB,KAAKsB,MAAMG,SAAUsF,IAEvC,CAKA,8BAAc7B,CAAyBjB,GACrC,GAA0B,SAAtBjE,KAAKQ,aAAyB,CAEhC,MAAMO,EAAOkD,EAAKe,OAClBhF,KAAKS,kBAAoBM,EACzBf,KAAKQ,aAAe,QAGpB,MAAMwG,EAA2B,CAC/BlD,GAAI,UAAUC,KAAKC,QACnBC,KAAM,oDACNC,OAAQ,MACRC,cAAeJ,MAMjB,YAJA/D,KAAK6C,SAAS,CACZpB,SAAU,IAAIzB,KAAKsB,MAAMG,SAAUuF,GACnCtF,WAAY,IAGhB,CAAA,GAAiC,UAAtB1B,KAAKQ,aAA0B,CAExC,MAAMyG,EAAQhD,EAAKe,OAGnB,IAFmB,6BAEHkC,KAAKD,GAAQ,CAE3B,MAAME,EAAmC,CACvCrD,GAAI,UAAUC,KAAKC,QACnBC,KAAM,wCACNC,OAAQ,MACRC,cAAeJ,MAMjB,YAJA/D,KAAK6C,SAAS,CACZpB,SAAU,IAAIzB,KAAKsB,MAAMG,SAAU0F,GACnCzF,WAAY,IAGhB,CAGA1B,KAAKU,mBAAqBuG,EAC1BjH,KAAKQ,aAAe,SAGpB,MAAM4G,EAA4B,CAChCtD,GAAI,UAAUC,KAAKC,QACnBC,KAAM,oDACNC,OAAQ,MACRC,cAAeJ,MAMjB,YAJA/D,KAAK6C,SAAS,CACZpB,SAAU,IAAIzB,KAAKsB,MAAMG,SAAU2F,GACnC1F,WAAY,IAGhB,CAAA,GAAiC,WAAtB1B,KAAKQ,aAA2B,CAEzC,MAAM6G,EAASpD,EAAKe,OAGpB,IAFoB,wEAEHkC,KAAKG,IAAWA,EAAOC,OAAS,GAAI,CAEnD,MAAMC,EAAoC,CACxCzD,GAAI,UAAUC,KAAKC,QACnBC,KAAM,4DACNC,OAAQ,MACRC,cAAeJ,MAMjB,YAJA/D,KAAK6C,SAAS,CACZpB,SAAU,IAAIzB,KAAKsB,MAAMG,SAAU8F,GACnC7F,WAAY,IAGhB,CAGA1B,KAAKW,oBAAsB0G,EAG3BrH,KAAKO,oBAAqB,EAC1BP,KAAKQ,aAAe,WAGdR,KAAKwH,cAAcxH,KAAKS,kBAAmBT,KAAKU,mBAAoB2G,GAC1ErH,KAAK6C,SAAS,CAAEnB,WAAY,IAC9B,CACF,CAKA,mBAAM8F,CAAcC,EAAuBC,EAAwBC,GACjE,IAAK3H,KAAKM,YACR,MAAM,IAAImF,MAAM,gCAGlB,IACEzF,KAAKgB,qBAAsB,EAG3B,MAAM4G,EAAsB5H,KAAKsB,MAAMO,UAGjC4B,QAAgBzD,KAAKM,YAAYuH,sBACrC7H,KAAKI,OACLJ,KAAKK,iBACLuH,GAAuB,KACvBH,GAAgB,KAChBC,GAAiB,KACjBC,GAAkB,MAGpB,IAAKlE,IAAYA,EAAQ6C,QACvB,MAAM,IAAIb,MAAM,qCAGlB,MAAMqC,EAAgBrE,EAAQ6C,QACxByB,EAA0BtE,EAAQE,WAGpCmE,IAAkB9H,KAAKI,SACzBJ,KAAKI,OAAS0H,EACd9H,KAAKK,iBAAmB0H,EACF,oBAAX3F,QAA0BA,OAAOC,eAC1CA,aAAakE,QAAQ,qBAAsBvG,KAAKI,QAChDiC,aAAakE,QAAQ,wBAAyBvG,KAAKK,mBAEjDL,KAAKD,OAAOoC,OAMlB,UACQnC,KAAKM,YAAY0H,eACrBF,EACAC,EACA,iCACAH,GAAuB,KACvBH,GAAgB,KAChBC,GAAiB,KACjBC,GAAkB,MAGhB3H,KAAKD,OAAOoC,KAGlB,OAAS8F,GAEP,KAAIA,EAAarE,SAAS4B,SAAS,oBAC/ByC,EAAarE,SAAS4B,SAAS,mBAC/ByC,EAAarE,SAAS4B,SAAS,iBAC/ByC,EAAarE,SAAS4B,SAAS,QAC/ByC,EAAarE,SAAS4B,SAAS,QAC/ByC,EAAarE,SAAS4B,SAAS,QAC/ByC,EAAarE,SAAS4B,SAAS,YA+CjC,MAAMyC,EA/CuC,CACzCjI,KAAKD,OAAOoC,MAKhBnC,KAAKI,OAAS,KACdJ,KAAKK,iBAAmB,KACF,oBAAX+B,QAA0BA,OAAOC,eAC1CA,aAAa8D,WAAW,sBACxB9D,aAAa8D,WAAW,0BAI1B,MAAMC,QAAmBpG,KAAKM,YAAY+F,iBACxCuB,GAAuB,KACvBH,GAAgB,KAChBC,GAAiB,KACjBC,GAAkB,MAGpB,IAAKvB,IAAeA,EAAWE,QAC7B,MAAM,IAAIb,MAAM,wCAGlBzF,KAAKI,OAASgG,EAAWE,QACzBtG,KAAKK,iBAAmB+F,EAAWzC,WACb,oBAAXvB,QAA0BA,OAAOC,eAC1CA,aAAakE,QAAQ,qBAAsBvG,KAAKI,QAChDiC,aAAakE,QAAQ,wBAAyBvG,KAAKK,yBAI/CL,KAAKM,YAAY0H,eACrBhI,KAAKI,OACLJ,KAAKK,iBACL,iCACAuH,GAAuB,KACvBH,GAAgB,KAChBC,GAAiB,KACjBC,GAAkB,MAGhB3H,KAAKD,OAAOoC,KAGlB,CAGF,CAGAnC,KAAKyG,oBACLzG,KAAKkB,cAAe,EACpBlB,KAAKiB,eAAgB,EAGrB,MAAMiH,EAAiC,CACrCpE,GAAI,cAAcC,KAAKC,QACvBC,KAAM,qCACNC,OAAQ,MACRC,cAAeJ,MAEjB/D,KAAK6C,SAAS,CACZpB,SAAU,IAAIzB,KAAKsB,MAAMG,SAAUyG,KAIjCJ,GAAiBC,GACnB/H,KAAKM,YAAY6H,iBACfL,EACAC,EACCnE,IACC5D,KAAKoI,uBAAuBxE,IAE7ByE,IACCrI,KAAKY,YAAcyH,IAKzBrI,KAAKgB,qBAAsB,CAC7B,OAASY,GAEP,MAAM2D,EAA4B,CAChCzB,GAAI,SAASC,KAAKC,QAClBC,KAAMjE,KAAKD,OAAOoC,MACd,kBAAkBP,EAAMgC,UACxB,gDACJM,OAAQ,MACRC,cAAeJ,MAEjB/D,KAAK6C,SAAS,CACZpB,SAAU,IAAIzB,KAAKsB,MAAMG,SAAU8D,KAErCvF,KAAKgB,qBAAsB,CAC7B,CACF,CAKQ,sBAAAoH,CAAuBxE,GAC7B,OAAQA,EAAQ0E,MACd,IAAK,UACH,GAAI1E,EAAQ2E,UAEkB,UAAxB3E,EAAQ4E,cAA4B5E,EAAQ4E,aAAa,CAC3D,MAAMC,EAA4B,CAChC3E,GAAIF,EAAQE,IAAM,SAASC,KAAKC,QAChCC,KAAML,EAAQ2E,QACdrE,OAAQ,QACRC,UAAW,IAAIJ,KAAKH,EAAQO,WAAaJ,KAAKC,QAI5B,IAAI9D,IAAIF,KAAKsB,MAAMG,SAASiH,IAAIC,GAAKA,EAAE7E,KAC1C8E,IAAIH,EAAa3E,KAChC9D,KAAK6C,SAAS,CACZpB,SAAU,IAAIzB,KAAKsB,MAAMG,SAAUgH,KAKvCzI,KAAKa,aAAc,EACfb,KAAKqB,qBACP2E,aAAahG,KAAKqB,oBAClBrB,KAAKqB,mBAAqB,KAE9B,CAEF,MAEF,IAAK,eACyB,UAAxBuC,EAAQ4E,cACVxI,KAAKa,aAAc,EAEfb,KAAKqB,oBACP2E,aAAahG,KAAKqB,oBAEpBrB,KAAKqB,mBAAqByF,WAAW,KACnC9G,KAAKa,aAAc,GAClB,MAEL,MAEF,IAAK,cACyB,UAAxB+C,EAAQ4E,cACVxI,KAAKa,aAAc,EACfb,KAAKqB,qBACP2E,aAAahG,KAAKqB,oBAClBrB,KAAKqB,mBAAqB,OAG9B,MAEF,IAAK,gBACH,GAAIuC,EAAQiF,SAAU,CACpB7I,KAAKc,aAAe,CAClBgD,GAAIF,EAAQkF,YACZ/H,KAAM6C,EAAQiF,UAIhB,MAAME,EAA6B,CACjCjF,GAAI,UAAUC,KAAKC,QACnBC,KAAML,EAAQoF,WACV,kCAAkCpF,EAAQoF,iBAAiBpF,EAAQiF,WACnE,gCAAgCjF,EAAQiF,WAC5C3E,OAAQ,MACRC,cAAeJ,MAEjB/D,KAAK6C,SAAS,CACZpB,SAAU,IAAIzB,KAAKsB,MAAMG,SAAUsH,IAEvC,CACA,MAEF,IAAK,iBACH/I,KAAKiB,eAAgB,EACrBjB,KAAKgB,qBAAsB,EAC3B,MAAMiI,EAA+B,CACnCnF,GAAIF,EAAQE,IAAM,kBAAkBC,KAAKC,QACzCC,KAAM,yDACNC,OAAQ,MACRC,UAAWP,EAAQO,UAAY,IAAIJ,KAAKH,EAAQO,WAAa,IAAIJ,MAE/C,IAAI7D,IAAIF,KAAKsB,MAAMG,SAASiH,IAAIC,GAAKA,EAAE7E,KAC1C8E,IAAIK,EAAgBnF,KACnC9D,KAAK6C,SAAS,CACZpB,SAAU,IAAIzB,KAAKsB,MAAMG,SAAUwH,KAGnCrF,EAAQiF,WACV7I,KAAKc,aAAe,CAClBC,KAAM6C,EAAQiF,SACd/E,GAAIF,EAAQkF,cAGhB,MAEF,IAAK,gBACL,IAAK,aACH9I,KAAKsF,mBAAmB1B,EAAQ0C,SAAW,MAC3C,MAEF,IAAK,YACoB,WAAnB1C,EAAQsF,QACVlJ,KAAKgB,qBAAsB,EAC3BhB,KAAKiB,eAAgB,GACO,aAAnB2C,EAAQsF,QAA4C,UAAnBtF,EAAQsF,QAClDlJ,KAAKsF,mBAAmB1B,EAAQ0C,SAAW,MAEzC1C,EAAQuF,WACVnJ,KAAKc,aAAe,IACfd,KAAKc,aACRgD,GAAIF,EAAQuF,WAGhB,MAEF,IAAK,QAEH,MAAM5D,EAA4B,CAChCzB,GAAI,SAASC,KAAKC,QAClBC,KAAML,EAAQhC,OAAS,uCACvBsC,OAAQ,MACRC,cAAeJ,MAEjB/D,KAAK6C,SAAS,CACZpB,SAAU,IAAIzB,KAAKsB,MAAMG,SAAU8D,KAI3C,CAKQ,kBAAAD,CAAmB8D,GACzBpJ,KAAKkB,cAAe,EACpBlB,KAAKgB,qBAAsB,EAC3BhB,KAAKiB,eAAgB,EACrBjB,KAAKa,aAAc,EACfb,KAAKqB,qBACP2E,aAAahG,KAAKqB,oBAClBrB,KAAKqB,mBAAqB,MAIxBrB,KAAKM,aACPN,KAAKM,YAAY+I,sBAEnBrJ,KAAKI,OAAS,KACdJ,KAAKK,iBAAmB,KACF,oBAAX+B,QAA0BA,OAAOC,eAC1CA,aAAa8D,WAAW,sBACxB9D,aAAa8D,WAAW,0BAI1B,MAAMmD,EAA+B,CACnCxF,GAAI,YAAYC,KAAKC,QACrBC,KAAM,+BACNC,OAAQ,MACRC,cAAeJ,MAEjB/D,KAAK6C,SAAS,CACZpB,SAAU,IAAIzB,KAAKsB,MAAMG,SAAU6H,KAIrCxC,WAAWyC,UAcT,GAbAvJ,KAAK0G,kBACL1G,KAAKkB,cAAe,EACpBlB,KAAK6C,SAAS,CACZpB,SAAU,GACVI,UAAW,OAEb7B,KAAKO,oBAAqB,EAC1BP,KAAKQ,aAAe,KACpBR,KAAKS,kBAAoB,GACzBT,KAAKU,mBAAqB,GAC1BV,KAAKW,oBAAsB,GAGvBX,KAAKD,OAAOmD,aAAelD,KAAKD,OAAOoD,WAAanD,KAAKsB,MAAMC,OACjE,IACEvB,KAAK6C,SAAS,CAAElB,WAAW,IAC3B,MAAMyB,EAAqC,CACzCF,YAAalD,KAAKD,OAAOmD,YACzBG,WAAYrD,KAAKD,OAAOsD,YAAc,cACtCF,UAAWnD,KAAKD,OAAOoD,UACvBG,kBAAmBtD,KAAKD,OAAOuD,kBAC/BC,YAAavD,KAAKD,OAAOwD,YACzBC,aAAcxD,KAAKD,OAAOyD,cAAgB,MAGtCC,QAAgBC,EAAAA,wBAAwBN,GAO9C,GANApD,KAAK6C,SAAS,CACZhB,UAAW4B,EAAQE,WACnBhC,WAAW,IAIT8B,EAAQG,QAAS,CACnB,MAAMC,EAA8B,CAClCC,GAAI,WAAWC,KAAKC,QACpBC,KAAMR,EAAQG,QACdM,OAAQ,MACRC,cAAeJ,KACfK,YAAaX,EAAQW,aAEvBpE,KAAK6C,SAAS,CACZpB,SAAU,CAACoC,IAEf,CACF,OAASjC,GAEP5B,KAAK6C,SAAS,CACZlB,WAAW,EACXC,MAAOA,EAAMgC,SAAW,8BAI1B,MAAMS,EAA+B,CACnCP,GAAI,YAAYC,KAAKC,QACrBC,KAAMjE,KAAKD,OAAOuE,wBAA0B,mCAC5CJ,OAAQ,MACRC,cAAeJ,MAEjB/D,KAAK6C,SAAS,CACZpB,SAAU,CAAC4C,IAEf,GAED,IACL,CAKA,wBAAMmF,CAAmBC,GAA4B,GACnD,GAAKzJ,KAAKM,aAAgBN,KAAKI,QAAWJ,KAAKK,iBAI/C,IACE,GAAIL,KAAKI,QAAUJ,KAAKK,iBAAkB,CACxC,MAEMqJ,SAFgB1J,KAAKM,YAAYkJ,mBAAmBxJ,KAAKI,OAAQJ,KAAKK,mBAE7BqI,IAAKiB,IAAA,CAClD7F,GAAI6F,EAAI7F,IAAM,WAAWC,KAAKC,SAAS4F,KAAKC,WAC5C5F,KAAM0F,EAAIpB,QACVrE,OAA4B,UAApByF,EAAInB,YAA0B,QAAU,OAChDrE,UAAW,IAAIJ,KAAK4F,EAAIxF,cAG1B,GAAIsF,EAAkB,CAEpB,MAAMK,EAAc,IAAI5J,IAAIF,KAAKsB,MAAMG,SAASiH,IAAIC,GAAKA,EAAE7E,KACrDiG,EAAcL,EAAgBM,OAAOrB,IAAMmB,EAAYlB,IAAID,EAAE7E,KAI7DmG,EAAW,IAAIjK,KAAKsB,MAAMG,YAAasI,GAAaG,KAAK,CAACC,EAAGC,IACjED,EAAEhG,UAAUkG,UAAYD,EAAEjG,UAAUkG,WAGtCrK,KAAK6C,SAAS,CACZpB,SAAUwI,GAEd,MAEEjK,KAAK6C,SAAS,CACZpB,SAAUiI,GAGhB,CACF,OAAS9H,GAEP,GAAI5B,KAAKD,OAAOoC,MAAO,CACrB,MAAMoD,EAA4B,CAChCzB,GAAI,SAASC,KAAKC,QAClBC,KAAM,gCAAgCrC,EAAMgC,UAC5CM,OAAQ,MACRC,cAAeJ,MAEjB/D,KAAK6C,SAAS,CACZpB,SAAU,IAAIzB,KAAKsB,MAAMG,SAAU8D,IAEvC,CACF,CACF,CAKA,kBAAA+E,GACE,MAAO,CACL1J,YAAaZ,KAAKY,YAClBC,YAAab,KAAKa,YAClBC,aAAcd,KAAKc,aACnBE,oBAAqBhB,KAAKgB,oBAC1BC,cAAejB,KAAKiB,cACpBC,aAAclB,KAAKkB,aAEvB,CAKA,OAAAqJ,GACMvK,KAAKoB,eACP4E,aAAahG,KAAKoB,eAEhBpB,KAAKqB,oBACP2E,aAAahG,KAAKqB,oBAEhBrB,KAAKM,aACPN,KAAKM,YAAY+I,sBAEnBrJ,KAAKC,UAAUuK,OACjB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"stateManager.d.ts","sourceRoot":"","sources":["../../src/core/stateManager.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAe,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"stateManager.d.ts","sourceRoot":"","sources":["../../src/core/stateManager.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAe,MAAM,SAAS,CAAC;AAYtE,qBAAa,kBAAkB;IAC7B,OAAO,CAAC,KAAK,CAAc;IAC3B,OAAO,CAAC,MAAM,CAAe;IAC7B,OAAO,CAAC,SAAS,CAAgD;IACjE,OAAO,CAAC,QAAQ,CAAwB;IACxC,OAAO,CAAC,MAAM,CAAuB;IACrC,OAAO,CAAC,gBAAgB,CAAuB;IAC/C,OAAO,CAAC,WAAW,CAAqD;IAGxE,OAAO,CAAC,kBAAkB,CAAkB;IAC5C,OAAO,CAAC,YAAY,CAA4C;IAChE,OAAO,CAAC,iBAAiB,CAAc;IACvC,OAAO,CAAC,kBAAkB,CAAc;IACxC,OAAO,CAAC,mBAAmB,CAAc;IAGzC,OAAO,CAAC,WAAW,CAAkB;IACrC,OAAO,CAAC,WAAW,CAAkB;IACrC,OAAO,CAAC,YAAY,CAAoD;IACxE,OAAO,CAAC,mBAAmB,CAAkB;IAC7C,OAAO,CAAC,aAAa,CAAkB;IACvC,OAAO,CAAC,YAAY,CAAkB;IACtC,OAAO,CAAC,aAAa,CAAuB;IAG5C,OAAO,CAAC,aAAa,CAA+B;IACpD,OAAO,CAAC,kBAAkB,CAA+B;gBAE7C,MAAM,EAAE,YAAY;IA+BhC;;OAEG;IACH,SAAS,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,GAAG,MAAM,IAAI;IAO7D;;OAEG;IACH,QAAQ,IAAI,WAAW;IAIvB;;OAEG;IACH,OAAO,CAAC,QAAQ;IAKhB;;OAEG;IACH,YAAY,CAAC,MAAM,EAAE,OAAO,CAAC,YAAY,CAAC,GAAG,IAAI;IAIjD;;OAEG;IACG,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IA2D/B;;OAEG;IACH,SAAS,IAAI,IAAI;IAIjB;;OAEG;IACH,iBAAiB,IAAI,IAAI;IAIzB;;OAEG;IACH,UAAU,IAAI,IAAI;IAQlB;;OAEG;IACH,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAIlC;;OAEG;IACH,UAAU,IAAI,IAAI;IAIlB;;OAEG;IACG,WAAW,CAAC,IAAI,EAAE,MAAM,EAAE,eAAe,GAAE,OAAe,GAAG,OAAO,CAAC,IAAI,CAAC;IAsFhF;;OAEG;YACW,aAAa;IA6E3B;;OAEG;YACW,gBAAgB;IAkG9B;;OAEG;IACH,iBAAiB,IAAI,IAAI;IAQzB;;OAEG;IACH,eAAe,IAAI,IAAI;IAQvB;;OAEG;IACH,sBAAsB,IAAI,IAAI;IAW9B;;OAEG;IACH,OAAO,CAAC,uBAAuB;IAmB/B;;OAEG;YACW,wBAAwB;IAwFtC;;OAEG;IACG,aAAa,CAAC,YAAY,CAAC,EAAE,MAAM,EAAE,aAAa,CAAC,EAAE,MAAM,EAAE,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAmK1G;;OAEG;IACH,OAAO,CAAC,sBAAsB;IAsI9B;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAoG1B;;OAEG;IACG,kBAAkB,CAAC,gBAAgB,GAAE,OAAe,GAAG,OAAO,CAAC,IAAI,CAAC;IAqD1E;;OAEG;IACH,kBAAkB;;;;kBAliCY,MAAM;iBAAO,MAAM;;;;;;IA6iCjD;;OAEG;IACH,OAAO,IAAI,IAAI;CAYhB"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { createDialogflowSession, sendDialogflowMessage } from "../services/dialogflowClient.esm.js";
|
|
2
2
|
import { createChatService, ChatResolvedError } from "../services/chatService.esm.js";
|
|
3
|
-
import { safeLocalStorage } from "../utils/ssr.esm.js";
|
|
4
3
|
class WidgetStateManager {
|
|
5
4
|
constructor(config) {
|
|
6
5
|
this.listeners = /* @__PURE__ */ new Set();
|
|
@@ -38,14 +37,13 @@ class WidgetStateManager {
|
|
|
38
37
|
wsUrl: this.config.backendWsUrl || "ws://localhost:8012",
|
|
39
38
|
debug: this.config.debug || false
|
|
40
39
|
});
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
if (savedMode) {
|
|
40
|
+
if (typeof window !== "undefined" && window.localStorage) {
|
|
41
|
+
const savedMode = localStorage.getItem("blockspark_chat_mode");
|
|
44
42
|
this.chatMode = savedMode === "HUMAN" ? "human" : "ai";
|
|
45
43
|
this.state.chatMode = this.chatMode;
|
|
44
|
+
this.chatId = localStorage.getItem("blockspark_chat_id");
|
|
45
|
+
this.supportSessionId = localStorage.getItem("blockspark_session_id");
|
|
46
46
|
}
|
|
47
|
-
this.chatId = storage.getItem("blockspark_chat_id");
|
|
48
|
-
this.supportSessionId = storage.getItem("blockspark_session_id");
|
|
49
47
|
}
|
|
50
48
|
/**
|
|
51
49
|
* Subscribe to state changes
|
|
@@ -338,9 +336,10 @@ class WidgetStateManager {
|
|
|
338
336
|
}
|
|
339
337
|
this.chatId = null;
|
|
340
338
|
this.supportSessionId = null;
|
|
341
|
-
|
|
342
|
-
|
|
343
|
-
|
|
339
|
+
if (typeof window !== "undefined" && window.localStorage) {
|
|
340
|
+
localStorage.removeItem("blockspark_chat_id");
|
|
341
|
+
localStorage.removeItem("blockspark_session_id");
|
|
342
|
+
}
|
|
344
343
|
try {
|
|
345
344
|
const newSession = await this.chatService.startSupportChat(
|
|
346
345
|
this.state.sessionId || null,
|
|
@@ -350,9 +349,10 @@ class WidgetStateManager {
|
|
|
350
349
|
);
|
|
351
350
|
this.chatId = newSession.chat_id;
|
|
352
351
|
this.supportSessionId = newSession.session_id;
|
|
353
|
-
|
|
354
|
-
|
|
355
|
-
|
|
352
|
+
if (typeof window !== "undefined" && window.localStorage) {
|
|
353
|
+
localStorage.setItem("blockspark_chat_id", this.chatId);
|
|
354
|
+
localStorage.setItem("blockspark_session_id", this.supportSessionId);
|
|
355
|
+
}
|
|
356
356
|
if (this.chatId && this.supportSessionId) {
|
|
357
357
|
await this.chatService.sendMessageToAgent(
|
|
358
358
|
this.chatId,
|
|
@@ -380,7 +380,9 @@ class WidgetStateManager {
|
|
|
380
380
|
switchToHumanMode() {
|
|
381
381
|
this.chatMode = "human";
|
|
382
382
|
this.setState({ chatMode: "human" });
|
|
383
|
-
|
|
383
|
+
if (typeof window !== "undefined" && window.localStorage) {
|
|
384
|
+
localStorage.setItem("blockspark_chat_mode", "HUMAN");
|
|
385
|
+
}
|
|
384
386
|
}
|
|
385
387
|
/**
|
|
386
388
|
* Switch to AI mode
|
|
@@ -388,7 +390,9 @@ class WidgetStateManager {
|
|
|
388
390
|
switchToBotMode() {
|
|
389
391
|
this.chatMode = "ai";
|
|
390
392
|
this.setState({ chatMode: "ai" });
|
|
391
|
-
|
|
393
|
+
if (typeof window !== "undefined" && window.localStorage) {
|
|
394
|
+
localStorage.setItem("blockspark_chat_mode", "BOT");
|
|
395
|
+
}
|
|
392
396
|
}
|
|
393
397
|
/**
|
|
394
398
|
* Initialize welcome popup
|
|
@@ -412,20 +416,14 @@ class WidgetStateManager {
|
|
|
412
416
|
this.collectedUserName = "";
|
|
413
417
|
this.collectedUserEmail = "";
|
|
414
418
|
this.collectedUserMobile = "";
|
|
415
|
-
const handoffMessage = {
|
|
416
|
-
id: `handoff-${Date.now()}`,
|
|
417
|
-
text: "👤 You're being connected to a live support agent. Please wait while we transfer your conversation...",
|
|
418
|
-
sender: "bot",
|
|
419
|
-
timestamp: /* @__PURE__ */ new Date()
|
|
420
|
-
};
|
|
421
419
|
const namePrompt = {
|
|
422
420
|
id: `prompt-${Date.now()}`,
|
|
423
|
-
text: "To connect you with a human agent, I'll need some information
|
|
421
|
+
text: "To connect you with a human agent, I'll need some information. Please provide your name:",
|
|
424
422
|
sender: "bot",
|
|
425
423
|
timestamp: /* @__PURE__ */ new Date()
|
|
426
424
|
};
|
|
427
425
|
this.setState({
|
|
428
|
-
messages: [...this.state.messages,
|
|
426
|
+
messages: [...this.state.messages, namePrompt]
|
|
429
427
|
});
|
|
430
428
|
}
|
|
431
429
|
/**
|
|
@@ -438,7 +436,7 @@ class WidgetStateManager {
|
|
|
438
436
|
this.userInfoStep = "email";
|
|
439
437
|
const emailPrompt = {
|
|
440
438
|
id: `prompt-${Date.now()}`,
|
|
441
|
-
text: "
|
|
439
|
+
text: "Thank you! Now please provide your email address:",
|
|
442
440
|
sender: "bot",
|
|
443
441
|
timestamp: /* @__PURE__ */ new Date()
|
|
444
442
|
};
|
|
@@ -467,7 +465,7 @@ class WidgetStateManager {
|
|
|
467
465
|
this.userInfoStep = "mobile";
|
|
468
466
|
const mobilePrompt = {
|
|
469
467
|
id: `prompt-${Date.now()}`,
|
|
470
|
-
text: "
|
|
468
|
+
text: "Thank you! Now please provide your mobile number:",
|
|
471
469
|
sender: "bot",
|
|
472
470
|
timestamp: /* @__PURE__ */ new Date()
|
|
473
471
|
};
|
|
@@ -525,9 +523,10 @@ class WidgetStateManager {
|
|
|
525
523
|
if (currentChatId !== this.chatId) {
|
|
526
524
|
this.chatId = currentChatId;
|
|
527
525
|
this.supportSessionId = currentSupportSessionId;
|
|
528
|
-
|
|
529
|
-
|
|
530
|
-
|
|
526
|
+
if (typeof window !== "undefined" && window.localStorage) {
|
|
527
|
+
localStorage.setItem("blockspark_chat_id", this.chatId);
|
|
528
|
+
localStorage.setItem("blockspark_session_id", this.supportSessionId);
|
|
529
|
+
}
|
|
531
530
|
if (this.config.debug) {
|
|
532
531
|
console.log("✅ Chat initialized:", { chatId: currentChatId, sessionId: currentSupportSessionId });
|
|
533
532
|
}
|
|
@@ -552,9 +551,10 @@ class WidgetStateManager {
|
|
|
552
551
|
}
|
|
553
552
|
this.chatId = null;
|
|
554
553
|
this.supportSessionId = null;
|
|
555
|
-
|
|
556
|
-
|
|
557
|
-
|
|
554
|
+
if (typeof window !== "undefined" && window.localStorage) {
|
|
555
|
+
localStorage.removeItem("blockspark_chat_id");
|
|
556
|
+
localStorage.removeItem("blockspark_session_id");
|
|
557
|
+
}
|
|
558
558
|
const newSession = await this.chatService.startSupportChat(
|
|
559
559
|
dialogflowSessionId || null,
|
|
560
560
|
customerName || null,
|
|
@@ -566,9 +566,10 @@ class WidgetStateManager {
|
|
|
566
566
|
}
|
|
567
567
|
this.chatId = newSession.chat_id;
|
|
568
568
|
this.supportSessionId = newSession.session_id;
|
|
569
|
-
|
|
570
|
-
|
|
571
|
-
|
|
569
|
+
if (typeof window !== "undefined" && window.localStorage) {
|
|
570
|
+
localStorage.setItem("blockspark_chat_id", this.chatId);
|
|
571
|
+
localStorage.setItem("blockspark_session_id", this.supportSessionId);
|
|
572
|
+
}
|
|
572
573
|
await this.chatService.requestHandoff(
|
|
573
574
|
this.chatId,
|
|
574
575
|
this.supportSessionId,
|
|
@@ -760,9 +761,10 @@ class WidgetStateManager {
|
|
|
760
761
|
}
|
|
761
762
|
this.chatId = null;
|
|
762
763
|
this.supportSessionId = null;
|
|
763
|
-
|
|
764
|
-
|
|
765
|
-
|
|
764
|
+
if (typeof window !== "undefined" && window.localStorage) {
|
|
765
|
+
localStorage.removeItem("blockspark_chat_id");
|
|
766
|
+
localStorage.removeItem("blockspark_session_id");
|
|
767
|
+
}
|
|
766
768
|
const thankYouMessage = {
|
|
767
769
|
id: `resolved-${Date.now()}`,
|
|
768
770
|
text: "Thank you for contacting us!",
|