@om_patel_26/chat-widget 1.0.3 → 1.0.4

package/README.md

@@ -1,6 +1,8 @@
 # BlockSpark Chat Widget
 
-A reusable React chat widget component that connects directly with Dialogflow CX - no backend API required!
+A universal JavaScript chat widget library that connects directly with Dialogflow CX - no backend API required!
+
+**Supports:** React, Next.js, Vue.js, Nuxt, Vite, and Vanilla JavaScript
 
 ## Installation
 
@@ -30,12 +32,12 @@ npm link @blockspark/chat-widget
 npm run build
 
 # Publish to npm (make sure you're logged in)
-npm publish
+npm publish --access public
 ```
 
 Then install in your project:
 ```bash
-npm install @blockspark/chat-widget
+npm install @om_patel_26/chat-widget
 ```
 
 ## Usage
@@ -44,7 +46,7 @@ npm install @blockspark/chat-widget
 
 ```bash
 # Install
-npm install @blockspark/chat-widget
+npm install @om_patel_26/chat-widget
 ```
 
 ```vue
@@ -57,12 +59,22 @@ npm install @blockspark/chat-widget
 </template>
 
 <script setup>
-import ChatWidget from '@blockspark/chat-widget/vue';
-import '@blockspark/chat-widget/dist/styles.css';
+import ChatWidget from '@om_patel_26/chat-widget/vue';
+import '@om_patel_26/chat-widget/dist/styles.css';
 import serviceAccountKey from './service-account-key.json';
 </script>
 ```
 
+**⚠️ Vite Users:** If you get a "504 Outdated Optimize Dep" error:
+1. Clear Vite cache: `rm -rf node_modules/.vite && npm run dev`
+2. Or add to `vite.config.ts`:
+   ```ts
+   optimizeDeps: {
+     exclude: ['@om_patel_26/chat-widget'],
+   }
+   ```
+3. See [FIX_VITE_504_ERROR.md](./FIX_VITE_504_ERROR.md) for details
+
 **📚 For detailed Vue.js setup guide, see [VUE_INSTALLATION_GUIDE.md](./VUE_INSTALLATION_GUIDE.md)**
 
 ---
@@ -72,8 +84,8 @@ import serviceAccountKey from './service-account-key.json';
 ### Basic Usage
 
 ```tsx
-import ChatWidget from '@blockspark/chat-widget';
-import '@blockspark/chat-widget/dist/styles.css';
+import ChatWidget from '@om_patel_26/chat-widget';
+import '@om_patel_26/chat-widget/dist/styles.css';
 
 // Load your Google Cloud service account key
 import serviceAccountKey from './path/to/service-account-key.json';
@@ -98,8 +110,8 @@ function App() {
 If you prefer to manage authentication yourself:
 
 ```tsx
-import ChatWidget from '@blockspark/chat-widget';
-import '@blockspark/chat-widget/dist/styles.css';
+import ChatWidget from '@om_patel_26/chat-widget';
+import '@om_patel_26/chat-widget/dist/styles.css';
 
 function App() {
   const [accessToken, setAccessToken] = useState<string>('');
@@ -125,8 +137,8 @@ function App() {
 ### With Custom Configuration
 
 ```tsx
-import ChatWidget from '@blockspark/chat-widget';
-import '@blockspark/chat-widget/dist/styles.css';
+import ChatWidget from '@om_patel_26/chat-widget';
+import '@om_patel_26/chat-widget/dist/styles.css';
 import serviceAccountKey from './service-account-key.json';
 
 function App() {
@@ -191,7 +203,7 @@ The widget displays mode indicators and connection status in the chat header.
 ### Import Types (TypeScript)
 
 ```tsx
-import ChatWidget, { ChatWidgetProps, DialogflowConfig } from '@blockspark/chat-widget';
+import ChatWidget, { ChatWidgetProps, DialogflowConfig } from '@om_patel_26/chat-widget';
 ```
 
 ## Props
@@ -231,11 +243,19 @@ The widget connects **directly** to Dialogflow CX using the REST API - no backen
 
 ## Requirements
 
-- React 16.8.0 or higher
-- React DOM 16.8.0 or higher
+### For React/Next.js/Vite/Vanilla.js
+- React 16.8.0 or higher (peer dependency)
+- React DOM 16.8.0 or higher (peer dependency)
+- Google Cloud service account with Dialogflow API enabled
+- Dialogflow CX agent
+
+### For Vue.js
+- Vue 2.7.0 or higher OR Vue 3.0.0 or higher (peer dependency)
 - Google Cloud service account with Dialogflow API enabled
 - Dialogflow CX agent
 
+**Note:** Peer dependencies are optional - install only what you need for your framework.
+
 ## Getting Your Service Account Key
 
 1. Go to [Google Cloud Console](https://console.cloud.google.com/)
@@ -257,6 +277,24 @@ The widget connects **directly** to Dialogflow CX using the REST API - no backen
   - Or use OAuth2 flow to get access tokens securely
   - Consider using restricted service account keys with minimal permissions
 
+## Troubleshooting
+
+### Vite 504 Error
+If you get "504 Outdated Optimize Dep" error in Vite:
+- Clear cache: `rm -rf node_modules/.vite && npm run dev`
+- See [FIX_VITE_504_ERROR.md](./FIX_VITE_504_ERROR.md) for details
+
+### Vue Warning About Attributes
+If you see Vue warnings about attributes:
+- This is fixed in the latest version
+- Ensure you're using the latest package version
+- See [FIX_VUE_WARNING.md](./FIX_VUE_WARNING.md) if issues persist
+
+### Chat Not Opening
+- Check CSS is imported: `import '@om_patel_26/chat-widget/dist/styles.css'`
+- Verify Dialogflow config is provided
+- Enable debug mode: `:debug="true"` to see console logs
+
 ## Development
 
 ```bash
@@ -273,4 +311,3 @@ npm run dev
 ## License
 
 MIT
-export NPM_TOKEN=your_token_here

package/dist/components/ChatWidget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatWidget.d.ts","sourceRoot":"","sources":["../../src/components/ChatWidget.tsx"],"names":[],"mappings":"AAWA,OAAO,0BAA0B,CAAC;AAsBlC,MAAM,WAAW,eAAe;IAC9B,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0BAA0B;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,4BAA4B;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,6BAA6B;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,wCAAwC;IACxC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,yDAAyD;IACzD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,4CAA4C;IAC5C,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,uCAAuC;IACvC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iCAAiC;IACjC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,mCAAmC;IACnC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,4BAA4B;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gDAAgD;IAChD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0BAA0B;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mDAAmD;IACnD,iBAAiB,CAAC,EAAE,GAAG,CAAC;IACxB,sDAAsD;IACtD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mCAAmC;IACnC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,4DAA4D;IAC5D,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,mDAAmD;IACnD,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,KAAoC,EACpC,QAA+B,EAC/B,YAAyC,EACzC,cAAyE,EACzE,UAA+C,EAC/C,gBAAgB,EAAE,kBAAyB,EAC3C,iBAAwB,EACxB,sBAAwF,EACxF,gBAAyC,EACzC,iBAAgF,EAChF,KAAa,EACb,WAAW,EACX,UAA0B,EAC1B,SAAS,EACT,iBAAiB,EACjB,WAAW,EACX,YAAmB,EACnB,cAAc,EACd,YAAY,GACb,EAAE,eAAe,2CAm3CjB"}
+{"version":3,"file":"ChatWidget.d.ts","sourceRoot":"","sources":["../../src/components/ChatWidget.tsx"],"names":[],"mappings":"AAWA,OAAO,0BAA0B,CAAC;AAsBlC,MAAM,WAAW,eAAe;IAC9B,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0BAA0B;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,4BAA4B;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,6BAA6B;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,wCAAwC;IACxC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,yDAAyD;IACzD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,4CAA4C;IAC5C,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,uCAAuC;IACvC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iCAAiC;IACjC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,mCAAmC;IACnC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,4BAA4B;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gDAAgD;IAChD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0BAA0B;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mDAAmD;IACnD,iBAAiB,CAAC,EAAE,GAAG,CAAC;IACxB,sDAAsD;IACtD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mCAAmC;IACnC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,4DAA4D;IAC5D,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,mDAAmD;IACnD,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,KAAoC,EACpC,QAA+B,EAC/B,YAAyC,EACzC,cAAyE,EACzE,UAA+C,EAC/C,gBAAgB,EAAE,kBAAyB,EAC3C,iBAAwB,EACxB,sBAAwF,EACxF,gBAAyC,EACzC,iBAAgF,EAChF,KAAa,EACb,WAAW,EACX,UAA0B,EAC1B,SAAS,EACT,iBAAiB,EACjB,WAAW,EACX,YAAmB,EACnB,cAAc,EACd,YAAY,GACb,EAAE,eAAe,2CAq4CjB"}

package/dist/core/stateManager.cjs.js

@@ -1,2 +1,2 @@
-"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()}};
+"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()}};
 //# sourceMappingURL=stateManager.cjs.js.map

package/dist/core/stateManager.cjs.js.map

@@ -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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"}
+{"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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"}

package/dist/core/stateManager.esm.js

@@ -590,7 +590,7 @@ class WidgetStateManager {
       this.agentAccepted = false;
       const connectingMessage = {
         id: `connecting-${Date.now()}`,
-        text: "🔄 Connecting you to a human agent...",
+        text: "Connecting you to a human agent...",
         sender: "bot",
         timestamp: /* @__PURE__ */ new Date()
       };

package/dist/core/stateManager.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"stateManager.esm.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":["botMessage","existingIds"],"mappings":"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"}
+{"version":3,"file":"stateManager.esm.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":["botMessage","existingIds"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@om_patel_26/chat-widget",
-    "version": "1.0.3",
+    "version": "1.0.4",
     "description": "Universal chat widget for Vue 3, Nuxt 3, React, and Next.js with SSR support",
     "type": "module",
     "main": "./dist/index.cjs.js",