@theonexai/blockspark-chat-widget 1.0.17

package/README.md

@@ -0,0 +1,270 @@
+# BlockSpark Chat Widget
+
+A universal JavaScript chat widget library that connects directly with Dialogflow CX - no backend API required!
+
+**Supports:** React, Next.js, Vue.js, Nuxt 3, Vite, and Vanilla JavaScript
+
+## Installation
+
+### Option 1: Install from Local Path (Recommended for Development)
+
+```bash
+# In your website project directory
+npm install /path/to/blockspark-chat-widget
+# or
+npm install ../blockspark-chat-widget
+```
+
+### Option 2: Use npm link (For Development)
+
+```bash
+# In the blockspark-chat-widget directory
+npm link
+
+# In your website project directory
+npm link @blockspark/chat-widget
+```
+
+### Option 3: Publish to npm (For Production)
+
+```bash
+# Build the library first
+npm run build
+
+# Publish to npm (make sure you're logged in)
+npm publish
+```
+
+Then install in your project:
+```bash
+npm install @blockspark/chat-widget
+```
+
+## Usage
+
+### Vue.js 3
+
+```vue
+<template>
+  <ChatWidget
+    df-project-id="your-project-id"
+    df-agent-id="your-agent-id"
+    :service-account-key="serviceAccountKey"
+    backendBaseUrl="https://chartconnect.blockspark.in"
+    backendWsUrl="wss://chartconnect.blockspark.in"
+  />
+</template>
+
+<script setup>
+import ChatWidget from '@blockspark/chat-widget/vue';
+// ⚠️ REQUIRED: Import CSS separately
+import '@blockspark/chat-widget/styles';
+import serviceAccountKey from './credentials/dialogflow.json';
+</script>
+```
+
+**CSS Import Options:**
+- `import '@blockspark/chat-widget/styles'` (recommended)
+- `import '@blockspark/chat-widget/dist/styles.css'` (alternative)
+
+### Nuxt 3 / Vue.js 3 (Important: Use ClientOnly!)
+
+```vue
+<template>
+  <ClientOnly>
+    <ChatWidget
+      df-project-id="your-project-id"
+      df-agent-id="your-agent-id"
+      :service-account-key="serviceAccountKey"
+    />
+  </ClientOnly>
+</template>
+
+<script setup>
+import ChatWidget from '@blockspark/chat-widget/nuxt';
+import '@blockspark/chat-widget/styles';
+import serviceAccountKey from './credentials/dialogflow.json';
+</script>
+```
+
+**In `nuxt.config.ts`:**
+```typescript
+export default defineNuxtConfig({
+  css: ['@blockspark/chat-widget/dist/styles.css'],
+  
+  vite: {
+    optimizeDeps: {
+      exclude: ['@blockspark/chat-widget'],
+    },
+  },
+});
+```
+
+**⚠️ CRITICAL for Nuxt:** The component MUST be wrapped in `<ClientOnly>` because it uses browser-only APIs (`localStorage`, `window`, `WebSocket`) that don't exist during SSR.
+
+**CSS Import Options:**
+- `import '@blockspark/chat-widget/styles'` (recommended - shorter path)
+- `import '@blockspark/chat-widget/dist/styles.css'` (alternative)
+
+### React/Next.js
+
+```tsx
+import ChatWidget from '@blockspark/chat-widget';
+import '@blockspark/chat-widget/dist/styles.css';
+import serviceAccountKey from './service-account-key.json';
+
+function App() {
+  return (
+    <ChatWidget
+      dfProjectId="your-project-id"
+      dfLocation="us-central1"
+      dfAgentId="your-agent-id"
+      serviceAccountKey={serviceAccountKey}
+      languageCode="en"
+    />
+  );
+}
+```
+
+## Props
+
+| Prop | Type | Required | Default | Description |
+|------|------|----------|---------|-------------|
+| `dfProjectId` | `string` | Yes | - | Dialogflow project ID |
+| `dfLocation` | `string` | No | `"us-central1"` | Dialogflow location |
+| `dfAgentId` | `string` | Yes | - | Dialogflow agent ID |
+| `serviceAccountKey` | `object` | Yes* | - | Google Cloud service account key JSON object |
+| `accessToken` | `string` | Yes* | - | Access token (alternative to serviceAccountKey) |
+| `languageCode` | `string` | No | `"en"` | Language code for Dialogflow |
+| `title` | `string` | No | `"💬 BlockSpark AI Assistant"` | Chat widget title |
+| `subtitle` | `string` | No | `"We're here to help"` | Chat widget subtitle |
+| `welcomeTitle` | `string` | No | `"👋 Welcome to Blockspark"` | Welcome popup title |
+| `welcomeMessage` | `string` | No | `"My name is BlockSpark..."` | Welcome popup message |
+| `welcomeCta` | `string` | No | `"💬 Click here to start chatting!"` | Welcome popup CTA text |
+| `showWelcomePopup` | `boolean` | No | `true` | Whether to show welcome popup |
+| `welcomePopupDelay` | `number` | No | `1500` | Delay before showing welcome popup (ms) |
+| `fallbackWelcomeMessage` | `string` | No | `"Hello! I'm BlockSpark..."` | Fallback message if API fails |
+| `inputPlaceholder` | `string` | No | `"Type your message..."` | Input field placeholder |
+| `emptyStateMessage` | `string` | No | `"Hi! I'm BlockSpark..."` | Empty state message |
+| `debug` | `boolean` | No | `false` | Enable debug logging |
+| `backendBaseUrl` | `string` | No | `"http://localhost:8012"` | Backend REST API base URL for Human Support Mode |
+| `backendWsUrl` | `string` | No | `"ws://localhost:8012"` | Backend WebSocket URL for Human Support Mode |
+
+\* Either `serviceAccountKey` or `accessToken` must be provided.
+
+## Features
+
+- ✅ **Direct Dialogflow CX Integration** - No backend required
+- ✅ **Human Handoff Support** - Automatic transition from bot to human agents
+- ✅ **Rich Content** - Supports Dialogflow chips, cards, and more
+- ✅ **Real-time Messaging** - WebSocket support for human agents
+- ✅ **SSR Compatible** - Works with Next.js and Nuxt 3 (with ClientOnly wrapper)
+- ✅ **Framework Agnostic** - Same UI across React and Vue
+- ✅ **TypeScript Support** - Full type definitions included
+- ✅ **Tree-shakeable** - Only import what you need
+
+## How It Works
+
+The widget connects **directly** to Dialogflow CX using the REST API - no backend required! 
+
+1. **Authentication**: Uses Google Cloud service account key to generate OAuth2 access tokens
+2. **Session Management**: Creates and manages Dialogflow sessions automatically
+3. **Message Handling**: Sends messages directly to Dialogflow and displays responses
+4. **Rich Content**: Supports Dialogflow rich content (chips, cards, etc.)
+5. **Human Handoff**: Automatically switches to human support mode when Dialogflow returns handoff signal
+
+## Requirements
+
+### For React/Next.js
+- React 16.8.0 or higher (peer dependency)
+- React DOM 16.8.0 or higher (peer dependency)
+
+### For Vue.js/Nuxt
+- Vue 3.0.0 or higher (peer dependency)
+
+**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/)
+2. Select your project
+3. Navigate to **IAM & Admin** > **Service Accounts**
+4. Create a new service account or select an existing one
+5. Create a JSON key and download it
+6. Enable **Dialogflow API** for your project
+7. Grant the service account **Dialogflow API User** role
+
+## Security Warning ⚠️
+
+**Important**: Service account keys contain sensitive credentials. 
+
+- **For Development**: You can import the key directly (as shown in examples)
+- **For Production**: 
+  - **DO NOT** expose service account keys in client-side code
+  - Use a backend proxy to handle authentication
+  - Or use OAuth2 flow to get access tokens securely
+  - Consider using restricted service account keys with minimal permissions
+
+## Development
+
+```bash
+# Install dependencies
+npm install
+
+# Build for production
+npm run build
+
+# Watch mode for development
+npm run dev
+```
+
+## Troubleshooting
+
+### Vue.js/Nuxt Issues
+
+**Widget not displaying?**
+- ✅ Make sure you imported the CSS: `import '@blockspark/chat-widget/styles'`
+- ✅ For Nuxt: Wrap in `<ClientOnly>` component
+- ✅ For Nuxt: Add CSS to `nuxt.config.ts` and exclude from optimization
+
+**Vue warnings about attributes?**
+- ✅ This is fixed in the latest version
+- ✅ Ensure you're using the latest package version
+
+**Nuxt vite-node errors?**
+- ✅ Wrap component in `<ClientOnly>`
+- ✅ Add to `nuxt.config.ts`:
+  ```ts
+  vite: {
+    optimizeDeps: {
+      exclude: ['@blockspark/chat-widget'],
+    },
+  }
+  ```
+- ✅ Clear cache: `rm -rf .nuxt node_modules/.vite`
+
+**504 Outdated Optimize Dep error?**
+- ✅ Clear Vite cache: `rm -rf node_modules/.vite && npm run dev`
+- ✅ Or add to `vite.config.ts`:
+  ```ts
+  optimizeDeps: {
+    exclude: ['@blockspark/chat-widget'],
+  }
+  ```
+
+### General Issues
+
+**Chat not opening?**
+- ✅ Check CSS is imported
+- ✅ Verify Dialogflow config is provided
+- ✅ Enable debug mode: `:debug="true"` or `debug={true}` to see console logs
+
+**Dialogflow errors?**
+- ✅ Verify service account key is valid
+- ✅ Check Dialogflow API is enabled
+- ✅ Ensure service account has Dialogflow API User role
+- ✅ Verify project ID, location, and agent ID are correct
+
+## License
+
+MIT

package/dist/ChatWidget-BM2lXfeE.cjs

@@ -0,0 +1,2 @@
+"use strict";const e=require("vue"),t=require("./sanitize-C8MB41vY.cjs");class s{constructor(e){if(this.listeners=new Set,this.chatMode="ai",this.chatId=null,this.supportSessionId=null,this.chatService=null,this.collectingUserInfo=!1,this.userInfoStep=null,this.collectedUserName="",this.collectedUserEmail="",this.collectedUserMobile="",this.wsConnected=!1,this.agentTyping=!1,this.currentAgent={name:"Agent"},this.isConnectingToAgent=!1,this.agentAccepted=!1,this.chatResolved=!1,this.historyLoaded=null,this.typingTimeout=null,this.agentTypingTimeout=null,this.config=e,this.state={isOpen:!1,showWelcomePopup:!1,messages:[],inputValue:"",isLoading:!1,error:null,sessionId:null,chatMode:"ai"},this.chatService=t.createChatService({baseUrl:this.config.backendBaseUrl||"http://localhost:8012",wsUrl:this.config.backendWsUrl||"ws://localhost:8012",debug:this.config.debug||!1}),"undefined"!=typeof window&&window.localStorage){const e=localStorage.getItem("blockspark_chat_mode");this.chatMode="HUMAN"===e?"human":"ai",this.state.chatMode=this.chatMode,this.chatId=localStorage.getItem("blockspark_chat_id"),this.supportSessionId=localStorage.getItem("blockspark_session_id")}}subscribe(e){return this.listeners.add(e),()=>{this.listeners.delete(e)}}getState(){return{...this.state}}setState(e){this.state={...this.state,...e},this.listeners.forEach(e=>e(this.getState()))}updateConfig(e){this.config={...this.config,...e}}async openChat(){if(this.setState({isOpen:!0}),this.state.showWelcomePopup&&this.setState({showWelcomePopup:!1}),"ai"===this.state.chatMode&&!this.state.sessionId&&this.config.dfProjectId&&this.config.dfAgentId)try{this.setState({isLoading:!0});const e={dfProjectId:this.config.dfProjectId,dfLocation:this.config.dfLocation||"us-central1",dfAgentId:this.config.dfAgentId,languageCode:this.config.languageCode||"en",backendBaseUrl:this.config.backendBaseUrl||"http://localhost:8012"},s=await t.createDialogflowSession(e);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(e){this.setState({isLoading:!1,error:e.message||"Failed to initialize chat"});const t={id:`fallback-${Date.now()}`,text:this.config.fallbackWelcomeMessage||"Hello! How can I help you today?",sender:"bot",timestamp:new Date};this.setState({messages:[t]})}}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(a){if(a instanceof t.ChatResolvedError||"ChatResolvedError"===a?.name||"chat_resolved"===a?.message)return void this.enterResolvedState(this.chatId);const e={id:`error-${Date.now()}`,text:this.config.debug?`Error: ${a.message||"Failed to send message"}`:a.message?.includes("CORS")||a.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:a.message||"Failed to send message",isLoading:!1})}}}async sendAIMessage(e){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,languageCode:this.config.languageCode||"en",backendBaseUrl:this.config.backendBaseUrl||"http://localhost:8012"};if(!this.state.sessionId){const e=await t.createDialogflowSession(s);this.setState({sessionId:e.session_id})}this.config.debug;const a=await t.sendDialogflowMessage(e,this.state.sessionId,s);if(this.config.debug,!0===a.handoff){const e={id:`bot-${Date.now()}`,text:a.response||this.config.fallbackWelcomeMessage||"No response",sender:"bot",timestamp:new Date,richContent:a.richContent};return this.setState({messages:[...this.state.messages,e],isLoading:!1}),void this.startUserInfoCollection()}const o={id:`bot-${Date.now()}`,text:a.response||this.config.fallbackWelcomeMessage||"No response",sender:"bot",timestamp:new Date,richContent:a.richContent};this.setState({messages:[...this.state.messages,o],isLoading:!1})}async sendHumanMessage(e){if(!this.chatId||!this.supportSessionId){const e={id:`error-${Date.now()}`,text:"Chat session not initialized. Please try again.",sender:"bot",timestamp:new Date};return void this.setState({messages:[...this.state.messages,e],isLoading:!1})}if(!this.chatService)throw new Error("Chat service not initialized");this.chatService.sendTypingIndicator("typing_stop"),this.typingTimeout&&(clearTimeout(this.typingTimeout),this.typingTimeout=null);try{this.chatService.sendMessageViaWebSocket(e.trim())||await this.chatService.sendMessageToAgent(this.chatId,this.supportSessionId,e.trim()),this.setState({isLoading:!1})}catch(s){if(s instanceof t.ChatResolvedError||"ChatResolvedError"===s?.name||"chat_resolved"===s?.message)return void this.enterResolvedState(this.chatId);if(!(s.message?.includes("Chat not found")||s.message?.includes("unauthorized")||s.message?.includes("401")||s.message?.includes("404")))throw s;this.config.debug,this.chatId=null,this.supportSessionId=null,"undefined"!=typeof window&&window.localStorage&&(localStorage.removeItem("blockspark_chat_id"),localStorage.removeItem("blockspark_session_id"));try{const t=await this.chatService.startSupportChat(this.state.sessionId||null,null,null,null);return this.chatId=t.chat_id,this.supportSessionId=t.session_id,"undefined"!=typeof window&&window.localStorage&&(localStorage.setItem("blockspark_chat_id",this.chatId),localStorage.setItem("blockspark_session_id",this.supportSessionId)),this.chatId&&this.supportSessionId&&await this.chatService.sendMessageToAgent(this.chatId,this.supportSessionId,e.trim()),void this.setState({isLoading:!1})}catch(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"}),"undefined"!=typeof window&&window.localStorage&&localStorage.setItem("blockspark_chat_mode","HUMAN")}switchToBotMode(){this.chatMode="ai",this.setState({chatMode:"ai"}),"undefined"!=typeof window&&window.localStorage&&localStorage.setItem("blockspark_chat_mode","BOT")}initializeWelcomePopup(){if(!1!==this.config.showWelcomePopup){const e=this.config.welcomePopupDelay||1500;setTimeout(()=>{this.state.isOpen||this.setState({showWelcomePopup:!0})},e)}}startUserInfoCollection(){this.collectingUserInfo=!0,this.userInfoStep="name",this.collectedUserName="",this.collectedUserEmail="",this.collectedUserMobile="";const e={id:`prompt-${Date.now()}`,text:"To connect you with a human agent, I'll need some information. Please provide your name:",sender:"bot",timestamp:new Date};this.setState({messages:[...this.state.messages,e]})}async handleUserInfoCollection(e){if("name"===this.userInfoStep){const t=e.trim();this.collectedUserName=t,this.userInfoStep="email";const s={id:`prompt-${Date.now()}`,text:"Thank you! Now please provide your email address:",sender:"bot",timestamp:new Date};return void this.setState({messages:[...this.state.messages,s],inputValue:""})}if("email"===this.userInfoStep){const t=e.trim();if(!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(t)){const e={id:`prompt-${Date.now()}`,text:"Please provide a valid email address:",sender:"bot",timestamp:new Date};return void this.setState({messages:[...this.state.messages,e],inputValue:""})}this.collectedUserEmail=t,this.userInfoStep="mobile";const s={id:`prompt-${Date.now()}`,text:"Thank you! Now please provide your mobile number:",sender:"bot",timestamp:new Date};return void this.setState({messages:[...this.state.messages,s],inputValue:""})}if("mobile"===this.userInfoStep){const t=e.trim();if(!/^[\+]?[(]?[0-9]{1,4}[)]?[-\s\.]?[(]?[0-9]{1,4}[)]?[-\s\.]?[0-9]{1,9}$/.test(t)||t.length<10){const e={id:`prompt-${Date.now()}`,text:"Please provide a valid mobile number (e.g., +1234567890):",sender:"bot",timestamp:new Date};return void this.setState({messages:[...this.state.messages,e],inputValue:""})}this.collectedUserMobile=t,this.collectingUserInfo=!1,this.userInfoStep=null,await this.handleHandoff(this.collectedUserName,this.collectedUserEmail,t),this.setState({inputValue:""})}}async handleHandoff(e,t,s){if(!this.chatService)throw new Error("Chat service not initialized");try{this.isConnectingToAgent=!0;const o=this.state.sessionId,n=await this.chatService.ensureChatInitialized(this.chatId,this.supportSessionId,o||null,e||null,t||null,s||null);if(!n||!n.chat_id)throw new Error("Failed to initialize chat session");const i=n.chat_id,c=n.session_id;i!==this.chatId&&(this.chatId=i,this.supportSessionId=c,"undefined"!=typeof window&&window.localStorage&&(localStorage.setItem("blockspark_chat_id",this.chatId),localStorage.setItem("blockspark_session_id",this.supportSessionId)),this.config.debug);try{await this.chatService.requestHandoff(i,c,"Customer requested human agent",o||null,e||null,t||null,s||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,"undefined"!=typeof window&&window.localStorage&&(localStorage.removeItem("blockspark_chat_id"),localStorage.removeItem("blockspark_session_id"));const a=await this.chatService.startSupportChat(o||null,e||null,t||null,s||null);if(!a||!a.chat_id)throw new Error("Failed to re-initialize chat session");this.chatId=a.chat_id,this.supportSessionId=a.session_id,"undefined"!=typeof window&&window.localStorage&&(localStorage.setItem("blockspark_chat_id",this.chatId),localStorage.setItem("blockspark_session_id",this.supportSessionId)),await this.chatService.requestHandoff(this.chatId,this.supportSessionId,"Customer requested human agent",o||null,e||null,t||null,s||null),this.config.debug}}this.switchToHumanMode(),this.chatResolved=!1,this.agentAccepted=!1;const l={id:`connecting-${Date.now()}`,text:"Connecting you to a human agent...",sender:"bot",timestamp:new Date};this.setState({messages:[...this.state.messages,l]}),i&&c&&this.chatService.connectWebSocket(i,c,e=>{this.handleWebSocketMessage(e)},e=>{this.wsConnected=e}),this.isConnectingToAgent=!1}catch(o){const e={id:`error-${Date.now()}`,text:this.config.debug?`Handoff error: ${o.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(e){this.chatResolved=!0,this.isConnectingToAgent=!1,this.agentAccepted=!1,this.agentTyping=!1,this.agentTypingTimeout&&(clearTimeout(this.agentTypingTimeout),this.agentTypingTimeout=null),this.chatService&&this.chatService.disconnectWebSocket(),this.chatId=null,this.supportSessionId=null,"undefined"!=typeof window&&window.localStorage&&(localStorage.removeItem("blockspark_chat_id"),localStorage.removeItem("blockspark_session_id"));const s={id:`resolved-${Date.now()}`,text:"Thank you for contacting us!",sender:"bot",timestamp:new Date};this.setState({messages:[...this.state.messages,s]}),setTimeout(async()=>{if(this.switchToBotMode(),this.chatResolved=!1,this.setState({messages:[],sessionId:null}),this.collectingUserInfo=!1,this.userInfoStep=null,this.collectedUserName="",this.collectedUserEmail="",this.collectedUserMobile="",this.config.dfProjectId&&this.config.dfAgentId&&this.state.isOpen)try{this.setState({isLoading:!0});const e={dfProjectId:this.config.dfProjectId,dfLocation:this.config.dfLocation||"us-central1",dfAgentId:this.config.dfAgentId,languageCode:this.config.languageCode||"en",backendBaseUrl:this.config.backendBaseUrl||"http://localhost:8012"},s=await t.createDialogflowSession(e);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(e){this.setState({isLoading:!1,error:e.message||"Failed to initialize chat"});const t={id:`fallback-${Date.now()}`,text:this.config.fallbackWelcomeMessage||"Hello! How can I help you today?",sender:"bot",timestamp:new Date};this.setState({messages:[t]})}},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)),a=[...this.state.messages,...s].sort((e,t)=>e.timestamp.getTime()-t.timestamp.getTime());this.setState({messages:a})}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()}}function a(t){const a=new s(t),o=e.ref(a.getState()),n=e.ref(!1),i=e.ref(!1),c=e.ref({name:"Agent"}),l=e.ref(!1),r=a.subscribe(e=>{o.value={...e};const t=a.getAdditionalState();n.value=t.wsConnected,i.value=t.agentTyping,c.value=t.currentAgent,l.value=t.isConnectingToAgent}),d=e.computed(()=>o.value.isOpen),h=e.computed(()=>o.value.messages),m=e.computed(()=>o.value.isLoading),g=e.computed(()=>o.value.error),u=e.computed(()=>o.value.chatMode);return e.onUnmounted(()=>{r(),a.destroy()}),e.watch(()=>t,e=>{a.updateConfig(e)},{deep:!0}),{state:o,isOpen:d,messages:h,isLoading:m,error:g,chatMode:u,wsConnected:n,agentTyping:i,currentAgent:c,isConnectingToAgent:l,openChat:async()=>{await a.openChat()},closeChat:()=>{a.closeChat()},sendMessage:async e=>{await a.sendMessage(e)},toggleChat:async()=>{await a.toggleChat()},setInputValue:e=>{a.setInputValue(e)},clearError:()=>{a.clearError()},manager:a}}const o={class:"custom-welcome-header"},n={class:"custom-welcome-title"},i={class:"custom-welcome-message"},c={class:"custom-welcome-cta"},l={key:2,class:"custom-chat-window"},r={class:"custom-chat-header"},d={class:"custom-chat-header-content"},h={class:"custom-chat-title"},m={class:"custom-chat-subtitle"},g={key:0,class:"custom-mode-indicator"},u={key:0,class:"custom-mode-badge"},p={key:1,class:"custom-agent-info"},f={class:"custom-agent-name"},w={key:2,class:"custom-mode-badge"},y={key:0,class:"custom-chat-empty"},k={key:1,class:"custom-chat-empty"},S=["innerHTML"],v={key:0,class:"custom-chips-container"},I={key:0,class:"custom-chips-group"},b=["onClick"],C={key:0,class:"custom-chips-group"},E=["onClick"],T={class:"custom-message-time"},_={key:2,class:"custom-message custom-message-bot"},V={key:3,class:"custom-message custom-message-bot"},B={key:4,class:"custom-agent-typing-indicator"},N=["value","placeholder","disabled"],D=["disabled"],A=((e,t)=>{const s=e.__vccOpts||e;for(const[a,o]of t)s[a]=o;return s})(e.defineComponent({inheritAttrs:!1,__name:"ChatWidget",props:{dfProjectId:{},dfLocation:{},dfAgentId:{},languageCode:{},backendBaseUrl:{},backendWsUrl:{},title:{default:"💬 BlockSpark AI Assistant"},subtitle:{default:"We're here to help"},welcomeTitle:{default:"👋 Welcome to BlockSpark"},welcomeMessage:{default:"My name is BlockSpark AI Assistant and I'll guide you."},welcomeCta:{default:"💬 Click here to start chatting!"},showWelcomePopup:{type:Boolean,default:!0},welcomePopupDelay:{default:1500},fallbackWelcomeMessage:{default:"Hello! I'm BlockSpark AI Assistant. How can I help you today?"},inputPlaceholder:{default:"Type your message..."},emptyStateMessage:{default:"Hi! I'm BlockSpark AI Assistant. How can I help you today?"},debug:{type:Boolean,default:!1}},setup(s){const A=s,{state:M,isOpen:x,messages:L,isLoading:P,error:U,chatMode:$,wsConnected:W,agentTyping:H,currentAgent:O,isConnectingToAgent:R,openChat:z,closeChat:F,sendMessage:j,toggleChat:q,setInputValue:Y,clearError:G,manager:J}=a(A),K=e.ref(null),Q=e.ref(null),X=e.computed(()=>A),Z=e.computed(()=>M.value.isLoading&&0===M.value.messages.length&&!M.value.sessionId),ee=e.computed(()=>!1),te=R;e.watch(()=>L.value.length,()=>{e.nextTick(()=>{K.value?.scrollIntoView({behavior:"smooth"})})});const se=async()=>{M.value.isOpen||(M.value.isOpen=!0,M.value.showWelcomePopup=!1),await z()},ae=()=>{F()},oe=()=>{J.closeWelcomePopup()},ne=e=>{const t=e.target;Y(t.value)},ie=async e=>{e.preventDefault(),M.value.inputValue.trim()&&await j(M.value.inputValue)},ce=async(e,t)=>{const s=e||t||"";await j(s)},le=e=>e.includes("👤")||e.includes("being connected")||e.includes("live support agent")||e.includes("transfer your conversation");return e.onMounted(()=>{X.value.showWelcomePopup&&"undefined"!=typeof window&&J.initializeWelcomePopup()}),(s,a)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({class:"custom-chat-widget"},s.$attrs),[e.unref(M).showWelcomePopup&&!e.unref(M).isOpen?(e.openBlock(),e.createElementBlock("div",{key:0,class:"custom-welcome-popup",onClick:se},[e.createElementVNode("div",o,[e.createElementVNode("div",n,e.toDisplayString(X.value.welcomeTitle),1),e.createElementVNode("button",{class:"custom-close-popup",onClick:e.withModifiers(oe,["stop"]),"aria-label":"Close welcome popup"}," × ")]),e.createElementVNode("div",i,e.toDisplayString(X.value.welcomeMessage),1),e.createElementVNode("div",c,e.toDisplayString(X.value.welcomeCta),1)])):e.createCommentVNode("",!0),e.unref(M).isOpen?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("button",{key:1,class:"custom-chat-toggle-btn",onClick:se,"aria-label":"Open chat"},[...a[0]||(a[0]=[e.createElementVNode("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},[e.createElementVNode("path",{d:"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"})],-1)])])),e.unref(M).isOpen?(e.openBlock(),e.createElementBlock("div",l,[e.createElementVNode("div",r,[e.createElementVNode("div",d,[e.createElementVNode("div",h,e.toDisplayString(X.value.title),1),e.createElementVNode("div",m,[e.createTextVNode(e.toDisplayString(X.value.subtitle)+" ",1),"human"===e.unref(M).chatMode?(e.openBlock(),e.createElementBlock("span",g," • "+e.toDisplayString(e.unref(W)?"🟢 Connected":"🟡 Connecting..."),1)):e.createCommentVNode("",!0)]),"human"===e.unref(M).chatMode?(e.openBlock(),e.createElementBlock("div",u," Human Support Mode ")):e.createCommentVNode("",!0),"human"===e.unref(M).chatMode?(e.openBlock(),e.createElementBlock("div",p,[a[1]||(a[1]=e.createElementVNode("span",{class:"custom-agent-label"},"Agent:",-1)),e.createElementVNode("span",f,e.toDisplayString(e.unref(O).name),1)])):e.createCommentVNode("",!0),"ai"===e.unref(M).chatMode?(e.openBlock(),e.createElementBlock("div",w," Bot Mode ")):e.createCommentVNode("",!0)]),e.createElementVNode("button",{class:"custom-chat-close-btn",onClick:ae,"aria-label":"Close chat"}," × ")]),e.createElementVNode("div",{class:"custom-chat-messages",ref_key:"messagesContainer",ref:Q},[Z.value&&0===e.unref(M).messages.length?(e.openBlock(),e.createElementBlock("div",y,[...a[2]||(a[2]=[e.createElementVNode("div",{class:"custom-typing-indicator"},[e.createElementVNode("span"),e.createElementVNode("span"),e.createElementVNode("span")],-1),e.createElementVNode("p",null,"Initializing chat...",-1)])])):Z.value||0!==e.unref(M).messages.length?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",k,[a[3]||(a[3]=e.createElementVNode("div",{class:"custom-chat-empty-icon"},"👋",-1)),e.createElementVNode("p",null,e.toDisplayString(X.value.emptyStateMessage),1)])),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(M).messages,s=>{return e.openBlock(),e.createElementBlock("div",{key:s.id,class:e.normalizeClass(["custom-message",`custom-message-${s.sender}`,{"custom-handoff-message":le(s.text)}])},[e.createElementVNode("div",{class:e.normalizeClass(["custom-message-content",{"custom-handoff-content":le(s.text)}]),innerHTML:e.unref(t.safeLinkifyText)(s.text).replace(/\n/g,"<br>")},null,10,S),s.richContent&&Array.isArray(s.richContent)&&s.richContent.length>0?(e.openBlock(),e.createElementBlock("div",v,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.richContent,(t,s)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:s},[Array.isArray(t)?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(t,(t,a)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:`${s}-${a}`},["chips"===t.type&&t.options?(e.openBlock(),e.createElementBlock("div",C,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.options,(t,s)=>(e.openBlock(),e.createElementBlock("button",{key:s,class:"custom-chip-button",type:"button",onClick:e=>ce(t.text,t.payload)},e.toDisplayString(t.text),9,E))),128))])):e.createCommentVNode("",!0)],64))),128)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},["chips"===t.type&&t.options?(e.openBlock(),e.createElementBlock("div",I,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.options,(t,s)=>(e.openBlock(),e.createElementBlock("button",{key:s,class:"custom-chip-button",type:"button",onClick:e=>ce(t.text,t.payload)},e.toDisplayString(t.text),9,b))),128))])):e.createCommentVNode("",!0)],64))],64))),128))])):e.createCommentVNode("",!0),e.createElementVNode("div",T,e.toDisplayString((a=s.timestamp,a.toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"}))),1)],2);var a}),128)),e.unref(M).isLoading?(e.openBlock(),e.createElementBlock("div",_,[...a[4]||(a[4]=[e.createElementVNode("div",{class:"custom-typing-indicator"},[e.createElementVNode("span"),e.createElementVNode("span"),e.createElementVNode("span")],-1)])])):e.createCommentVNode("",!0),e.unref(te)?(e.openBlock(),e.createElementBlock("div",V,[...a[5]||(a[5]=[e.createElementVNode("div",{class:"custom-typing-indicator"},[e.createElementVNode("span"),e.createElementVNode("span"),e.createElementVNode("span")],-1),e.createElementVNode("div",{class:"custom-message-content"}," Connecting to agent... ",-1)])])):e.createCommentVNode("",!0),"human"===e.unref(M).chatMode&&e.unref(H)?(e.openBlock(),e.createElementBlock("div",B,[...a[6]||(a[6]=[e.createElementVNode("span",{class:"custom-typing-dots"},[e.createElementVNode("span"),e.createElementVNode("span"),e.createElementVNode("span")],-1),e.createElementVNode("span",{class:"custom-typing-text"},"Agent is typing...",-1)])])):e.createCommentVNode("",!0),e.createElementVNode("div",{ref_key:"messagesEndRef",ref:K},null,512)],512),e.createElementVNode("form",{class:"custom-chat-input-form",onSubmit:e.withModifiers(ie,["prevent"])},[e.createElementVNode("input",{type:"text",class:"custom-chat-input",value:e.unref(M).inputValue,onInput:ne,placeholder:X.value.inputPlaceholder,disabled:e.unref(M).isLoading||Z.value||ee.value},null,40,N),e.createElementVNode("button",{type:"submit",class:"custom-chat-send-btn",disabled:!e.unref(M).inputValue.trim()||e.unref(M).isLoading||Z.value||ee.value},[...a[7]||(a[7]=[e.createElementVNode("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},[e.createElementVNode("line",{x1:"22",y1:"2",x2:"11",y2:"13"}),e.createElementVNode("polygon",{points:"22 2 15 22 11 13 2 9 22 2"})],-1)])],8,D)],32)])):e.createCommentVNode("",!0)],16))}}),[["__scopeId","data-v-0d32fcf4"]]);exports.ChatWidgetComponent=A,exports.WidgetStateManager=s,exports.useChatWidget=a;
+//# sourceMappingURL=ChatWidget-BM2lXfeE.cjs.map

package/dist/ChatWidget-BM2lXfeE.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatWidget-BM2lXfeE.cjs","sources":["../src/core/stateManager.ts","../src/composables/useChatWidget.ts","../src/components/ChatWidget.vue"],"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 DialogflowBackendConfig,\n} from '../services/dialogflowBackendService';\nimport { \n  createChatService, \n  ChatResolvedError,\n  type WebSocketMessage\n} from '../services/chatService';\n\nexport class WidgetStateManager {\n  private state: WidgetState;\n  private config: WidgetConfig;\n  private listeners: Set<(state: WidgetState) => void> = new Set();\n  private chatMode: 'ai' | 'human' = 'ai';\n  private chatId: string | null = null;\n  private supportSessionId: string | null = null;\n  private chatService: ReturnType<typeof createChatService> | null = null;\n  \n  // User info collection for handoff\n  private collectingUserInfo: boolean = false;\n  private userInfoStep: 'name' | 'email' | 'mobile' | null = null;\n  private collectedUserName: string = '';\n  private collectedUserEmail: string = '';\n  private collectedUserMobile: string = '';\n  \n  // Additional state for human support\n  private wsConnected: boolean = false;\n  private agentTyping: boolean = false;\n  private currentAgent: { name: string; id?: string } = { name: 'Agent' };\n  private isConnectingToAgent: boolean = false;\n  private agentAccepted: boolean = false;\n  private chatResolved: boolean = false;\n  private historyLoaded: string | null = null;\n  \n  // Typing timeout refs (stored as class properties since we can't use refs)\n  private typingTimeout: NodeJS.Timeout | null = null;\n  private agentTypingTimeout: NodeJS.Timeout | null = null;\n\n  constructor(config: WidgetConfig) {\n    this.config = config;\n    this.state = {\n      isOpen: false,\n      showWelcomePopup: false,\n      messages: [],\n      inputValue: '',\n      isLoading: false,\n      error: null,\n      sessionId: null,\n      chatMode: 'ai',\n    };\n    \n    // Initialize ChatService\n    this.chatService = createChatService({\n      baseUrl: this.config.backendBaseUrl || 'http://localhost:8012',\n      wsUrl: this.config.backendWsUrl || 'ws://localhost:8012',\n      debug: this.config.debug || false,\n    });\n    \n    // Load chat mode and chat IDs from localStorage if available\n    if (typeof window !== 'undefined' && window.localStorage) {\n      const savedMode = localStorage.getItem('blockspark_chat_mode');\n      this.chatMode = savedMode === 'HUMAN' ? 'human' : 'ai';\n      this.state.chatMode = this.chatMode;\n      \n      this.chatId = localStorage.getItem('blockspark_chat_id');\n      this.supportSessionId = localStorage.getItem('blockspark_session_id');\n    }\n  }\n\n  /**\n   * Subscribe to state changes\n   */\n  subscribe(listener: (state: WidgetState) => void): () => void {\n    this.listeners.add(listener);\n    return () => {\n      this.listeners.delete(listener);\n    };\n  }\n\n  /**\n   * Get current state\n   */\n  getState(): WidgetState {\n    return { ...this.state };\n  }\n\n  /**\n   * Update state and notify listeners\n   */\n  private setState(updates: Partial<WidgetState>): void {\n    this.state = { ...this.state, ...updates };\n    this.listeners.forEach(listener => listener(this.getState()));\n  }\n\n  /**\n   * Update configuration\n   */\n  updateConfig(config: Partial<WidgetConfig>): void {\n    this.config = { ...this.config, ...config };\n  }\n\n  /**\n   * Open chat\n   */\n  async openChat(): Promise<void> {\n    this.setState({ isOpen: true });\n    if (this.state.showWelcomePopup) {\n      this.setState({ showWelcomePopup: false });\n    }\n    \n    // Initialize Dialogflow session when chat opens (if in AI mode and no session exists)\n    if (this.state.chatMode === 'ai' && !this.state.sessionId && this.config.dfProjectId && this.config.dfAgentId) {\n      try {\n        this.setState({ isLoading: true });\n        const dialogflowConfig: DialogflowBackendConfig = {\n          dfProjectId: this.config.dfProjectId,\n          dfLocation: this.config.dfLocation || 'us-central1',\n          dfAgentId: this.config.dfAgentId,\n          languageCode: this.config.languageCode || 'en',\n          backendBaseUrl: this.config.backendBaseUrl || 'http://localhost:8012',\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: DialogflowBackendConfig = {\n      dfProjectId: this.config.dfProjectId!,\n      dfLocation: this.config.dfLocation || 'us-central1',\n      dfAgentId: this.config.dfAgentId!,\n      languageCode: this.config.languageCode || 'en',\n      backendBaseUrl: this.config.backendBaseUrl || 'http://localhost:8012',\n    };\n\n    // Create session if needed\n    if (!this.state.sessionId) {\n      const session = await createDialogflowSession(dialogflowConfig);\n      this.setState({ sessionId: session.session_id });\n    }\n\n    // Send message (correct parameter order: message, sessionId, config)\n    if (this.config.debug) {\n      console.log('Sending message to Dialogflow:', {\n        message: text,\n        sessionId: this.state.sessionId,\n        hasConfig: !!dialogflowConfig,\n      });\n    }\n    \n    const response = await sendDialogflowMessage(\n      text,\n      this.state.sessionId!,\n      dialogflowConfig\n    );\n\n    if (this.config.debug) {\n      console.log('Dialogflow response:', {\n        response: response.response,\n        hasRichContent: !!response.richContent,\n        richContent: response.richContent,\n      });\n    }\n\n    // Check for handoff\n    if (response.handoff === true) {\n      // Add bot response first\n      const botMessage: ChatMessage = {\n        id: `bot-${Date.now()}`,\n        text: response.response || this.config.fallbackWelcomeMessage || 'No response',\n        sender: 'bot',\n        timestamp: new Date(),\n        richContent: response.richContent,\n      };\n      this.setState({\n        messages: [...this.state.messages, botMessage],\n        isLoading: false,\n      });\n      \n      // Start collecting user info for handoff\n      this.startUserInfoCollection();\n      return;\n    }\n    \n    const botMessage: ChatMessage = {\n      id: `bot-${Date.now()}`,\n      text: response.response || this.config.fallbackWelcomeMessage || 'No response',\n      sender: 'bot',\n      timestamp: new Date(),\n      richContent: response.richContent,\n    };\n\n    this.setState({\n      messages: [...this.state.messages, botMessage],\n      isLoading: false,\n    });\n  }\n\n  /**\n   * Send message to human support\n   */\n  private async sendHumanMessage(text: string): Promise<void> {\n    if (!this.chatId || !this.supportSessionId) {\n      const errorMessage: ChatMessage = {\n        id: `error-${Date.now()}`,\n        text: 'Chat session not initialized. Please try again.',\n        sender: 'bot',\n        timestamp: new Date(),\n      };\n      this.setState({\n        messages: [...this.state.messages, errorMessage],\n        isLoading: false,\n      });\n      return;\n    }\n\n    if (!this.chatService) {\n      throw new Error('Chat service not initialized');\n    }\n\n    // Send typing_stop before sending message\n    this.chatService.sendTypingIndicator('typing_stop');\n    if (this.typingTimeout) {\n      clearTimeout(this.typingTimeout);\n      this.typingTimeout = null;\n    }\n\n    try {\n      // Try WebSocket first, fallback to REST API\n      const sentViaWs = this.chatService.sendMessageViaWebSocket(text.trim());\n      \n      if (!sentViaWs) {\n        // Fallback to REST API\n        await this.chatService.sendMessageToAgent(this.chatId, this.supportSessionId, text.trim());\n      }\n      \n      this.setState({ isLoading: false });\n    } catch (error: any) {\n      // chat_resolved is a normal terminal condition, not an error\n      if (error instanceof ChatResolvedError || error?.name === 'ChatResolvedError' || error?.message === 'chat_resolved') {\n        this.enterResolvedState(this.chatId);\n        return;\n      }\n\n      // Handle 401/404 - clear chat_id and reinitialize\n      if (error.message?.includes('Chat not found') ||\n          error.message?.includes('unauthorized') ||\n          error.message?.includes('401') ||\n          error.message?.includes('404')) {\n        if (this.config.debug) {\n          console.log('⚠️ Chat expired. Re-initializing...');\n        }\n        \n        // Clear chat_id\n        this.chatId = null;\n        this.supportSessionId = null;\n        if (typeof window !== 'undefined' && window.localStorage) {\n          localStorage.removeItem('blockspark_chat_id');\n          localStorage.removeItem('blockspark_session_id');\n        }\n        \n        // Try to reinitialize chat\n        try {\n          const newSession = await this.chatService.startSupportChat(\n            this.state.sessionId || null,\n            null,\n            null,\n            null\n          );\n          this.chatId = newSession.chat_id;\n          this.supportSessionId = newSession.session_id;\n          if (typeof window !== 'undefined' && window.localStorage) {\n            localStorage.setItem('blockspark_chat_id', this.chatId);\n            localStorage.setItem('blockspark_session_id', this.supportSessionId);\n          }\n          \n          // Retry sending message\n          if (this.chatId && this.supportSessionId) {\n            await this.chatService.sendMessageToAgent(\n              this.chatId,\n              this.supportSessionId,\n              text.trim()\n            );\n          }\n          this.setState({ isLoading: false });\n          return;\n        } catch (retryError: any) {\n          if (retryError instanceof ChatResolvedError || retryError?.message === 'chat_resolved') {\n            this.enterResolvedState(this.chatId);\n            return;\n          }\n          throw retryError;\n        }\n      } else {\n        throw error;\n      }\n    }\n  }\n\n  /**\n   * Switch to human mode\n   */\n  switchToHumanMode(): void {\n    this.chatMode = 'human';\n    this.setState({ chatMode: 'human' });\n    if (typeof window !== 'undefined' && window.localStorage) {\n      localStorage.setItem('blockspark_chat_mode', 'HUMAN');\n    }\n  }\n\n  /**\n   * Switch to AI mode\n   */\n  switchToBotMode(): void {\n    this.chatMode = 'ai';\n    this.setState({ chatMode: 'ai' });\n    if (typeof window !== 'undefined' && window.localStorage) {\n      localStorage.setItem('blockspark_chat_mode', 'BOT');\n    }\n  }\n\n  /**\n   * Initialize welcome popup\n   */\n  initializeWelcomePopup(): void {\n    if (this.config.showWelcomePopup !== false) {\n      const delay = this.config.welcomePopupDelay || 1500;\n      setTimeout(() => {\n        if (!this.state.isOpen) {\n          this.setState({ showWelcomePopup: true });\n        }\n      }, delay);\n    }\n  }\n\n  /**\n   * Start user info collection for handoff\n   */\n  private startUserInfoCollection(): void {\n    this.collectingUserInfo = true;\n    this.userInfoStep = 'name';\n    this.collectedUserName = '';\n    this.collectedUserEmail = '';\n    this.collectedUserMobile = '';\n    \n    // Ask for name\n    const namePrompt: ChatMessage = {\n      id: `prompt-${Date.now()}`,\n      text: 'To connect you with a human agent, I\\'ll need some information. Please provide your name:',\n      sender: 'bot',\n      timestamp: new Date(),\n    };\n    this.setState({\n      messages: [...this.state.messages, namePrompt],\n    });\n  }\n\n  /**\n   * Handle user info collection\n   */\n  private async handleUserInfoCollection(text: string): Promise<void> {\n    if (this.userInfoStep === 'name') {\n      // Save name and ask for email\n      const name = text.trim();\n      this.collectedUserName = name;\n      this.userInfoStep = 'email';\n      \n      // Ask for email\n      const emailPrompt: ChatMessage = {\n        id: `prompt-${Date.now()}`,\n        text: 'Thank you! Now please provide your email address:',\n        sender: 'bot',\n        timestamp: new Date(),\n      };\n      this.setState({\n        messages: [...this.state.messages, emailPrompt],\n        inputValue: '',\n      });\n      return;\n    } else if (this.userInfoStep === 'email') {\n      // Validate email format\n      const email = text.trim();\n      const emailRegex = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\n      \n      if (!emailRegex.test(email)) {\n        // Invalid email, ask again\n        const invalidEmailMessage: ChatMessage = {\n          id: `prompt-${Date.now()}`,\n          text: 'Please provide a valid email address:',\n          sender: 'bot',\n          timestamp: new Date(),\n        };\n        this.setState({\n          messages: [...this.state.messages, invalidEmailMessage],\n          inputValue: '',\n        });\n        return;\n      }\n      \n      // Save email and ask for mobile\n      this.collectedUserEmail = email;\n      this.userInfoStep = 'mobile';\n      \n      // Ask for mobile\n      const mobilePrompt: ChatMessage = {\n        id: `prompt-${Date.now()}`,\n        text: 'Thank you! Now please provide your mobile number:',\n        sender: 'bot',\n        timestamp: new Date(),\n      };\n      this.setState({\n        messages: [...this.state.messages, mobilePrompt],\n        inputValue: '',\n      });\n      return;\n    } else if (this.userInfoStep === 'mobile') {\n      // Validate mobile format\n      const mobile = text.trim();\n      const mobileRegex = /^[\\+]?[(]?[0-9]{1,4}[)]?[-\\s\\.]?[(]?[0-9]{1,4}[)]?[-\\s\\.]?[0-9]{1,9}$/;\n      \n      if (!mobileRegex.test(mobile) || mobile.length < 10) {\n        // Invalid mobile, ask again\n        const invalidMobileMessage: ChatMessage = {\n          id: `prompt-${Date.now()}`,\n          text: 'Please provide a valid mobile number (e.g., +1234567890):',\n          sender: 'bot',\n          timestamp: new Date(),\n        };\n        this.setState({\n          messages: [...this.state.messages, invalidMobileMessage],\n          inputValue: '',\n        });\n        return;\n      }\n      \n      // Save mobile and proceed with handoff\n      this.collectedUserMobile = mobile;\n      \n      // Reset collection state\n      this.collectingUserInfo = false;\n      this.userInfoStep = null;\n      \n      // Proceed with handoff using collected info\n      await this.handleHandoff(this.collectedUserName, this.collectedUserEmail, mobile);\n      this.setState({ inputValue: '' });\n    }\n  }\n\n  /**\n   * Handle handoff from Dialogflow to human support\n   */\n  async handleHandoff(customerName?: string, customerEmail?: string, customerMobile?: string): Promise<void> {\n    if (!this.chatService) {\n      throw new Error('Chat service not initialized');\n    }\n\n    try {\n      this.isConnectingToAgent = true;\n      \n      // Get Dialogflow session ID if available\n      const dialogflowSessionId = this.state.sessionId;\n      \n      // STEP 1: Ensure chat is initialized\n      const session = await this.chatService.ensureChatInitialized(\n        this.chatId,\n        this.supportSessionId,\n        dialogflowSessionId || null,\n        customerName || null,\n        customerEmail || null,\n        customerMobile || null\n      );\n      \n      if (!session || !session.chat_id) {\n        throw new Error('Failed to initialize chat session');\n      }\n      \n      const currentChatId = session.chat_id;\n      const currentSupportSessionId = session.session_id;\n      \n      // Update state if chat was newly initialized\n      if (currentChatId !== this.chatId) {\n        this.chatId = currentChatId;\n        this.supportSessionId = currentSupportSessionId;\n        if (typeof window !== 'undefined' && window.localStorage) {\n          localStorage.setItem('blockspark_chat_id', this.chatId);\n          localStorage.setItem('blockspark_session_id', this.supportSessionId);\n        }\n        if (this.config.debug) {\n          console.log('✅ Chat initialized:', { chatId: currentChatId, sessionId: currentSupportSessionId });\n        }\n      }\n\n      // STEP 2: Request handoff\n      try {\n        await this.chatService.requestHandoff(\n          currentChatId,\n          currentSupportSessionId,\n          'Customer requested human agent',\n          dialogflowSessionId || null,\n          customerName || null,\n          customerEmail || null,\n          customerMobile || null\n        );\n        \n        if (this.config.debug) {\n          console.log('✅ Handoff requested successfully');\n        }\n      } catch (handoffError: any) {\n        // Handle 401/404 or \"chat not found\" - clear chat_id and retry\n        if (handoffError.message?.includes('Invalid chat_id') || \n            handoffError.message?.includes('Chat not found') ||\n            handoffError.message?.includes('unauthorized') ||\n            handoffError.message?.includes('400') ||\n            handoffError.message?.includes('401') ||\n            handoffError.message?.includes('404') ||\n            handoffError.message?.includes('expired')) {\n          if (this.config.debug) {\n            console.log('⚠️ Chat expired or not found. Re-initializing chat...');\n          }\n          \n          // Clear old chat_id\n          this.chatId = null;\n          this.supportSessionId = null;\n          if (typeof window !== 'undefined' && window.localStorage) {\n            localStorage.removeItem('blockspark_chat_id');\n            localStorage.removeItem('blockspark_session_id');\n          }\n          \n          // Create new chat session\n          const newSession = await this.chatService.startSupportChat(\n            dialogflowSessionId || null,\n            customerName || null,\n            customerEmail || null,\n            customerMobile || null\n          );\n          \n          if (!newSession || !newSession.chat_id) {\n            throw new Error('Failed to re-initialize chat session');\n          }\n          \n          this.chatId = newSession.chat_id;\n          this.supportSessionId = newSession.session_id;\n          if (typeof window !== 'undefined' && window.localStorage) {\n            localStorage.setItem('blockspark_chat_id', this.chatId);\n            localStorage.setItem('blockspark_session_id', this.supportSessionId);\n          }\n          \n          // Retry handoff with new chat_id\n          await this.chatService.requestHandoff(\n            this.chatId,\n            this.supportSessionId,\n            'Customer requested human agent',\n            dialogflowSessionId || null,\n            customerName || null,\n            customerEmail || null,\n            customerMobile || null\n          );\n          \n          if (this.config.debug) {\n            console.log('✅ Handoff requested successfully after retry');\n          }\n        } else {\n          throw handoffError;\n        }\n      }\n\n      // Switch to human mode\n      this.switchToHumanMode();\n      this.chatResolved = false;\n      this.agentAccepted = false;\n\n      // Add connecting message\n      const connectingMessage: ChatMessage = {\n        id: `connecting-${Date.now()}`,\n        text: 'Connecting you to a human agent...',\n        sender: 'bot',\n        timestamp: new Date(),\n      };\n      this.setState({\n        messages: [...this.state.messages, connectingMessage],\n      });\n\n      // Connect WebSocket with handlers\n      if (currentChatId && currentSupportSessionId) {\n        this.chatService.connectWebSocket(\n          currentChatId,\n          currentSupportSessionId,\n          (message: WebSocketMessage) => {\n            this.handleWebSocketMessage(message);\n          },\n          (connected: boolean) => {\n            this.wsConnected = connected;\n          }\n        );\n      }\n      \n      this.isConnectingToAgent = false;\n    } catch (error: any) {\n      console.error('Error handling handoff:', error);\n      const errorMessage: ChatMessage = {\n        id: `error-${Date.now()}`,\n        text: this.config.debug\n          ? `Handoff error: ${error.message}`\n          : 'Failed to connect to agent. Please try again.',\n        sender: 'bot',\n        timestamp: new Date(),\n      };\n      this.setState({\n        messages: [...this.state.messages, errorMessage],\n      });\n      this.isConnectingToAgent = false;\n    }\n  }\n\n  /**\n   * Handle WebSocket messages\n   */\n  private handleWebSocketMessage(message: WebSocketMessage): void {\n    switch (message.type) {\n      case 'message':\n        if (message.content) {\n          // Only display messages from agent\n          if (message.sender_type === 'agent' || !message.sender_type) {\n            const agentMessage: ChatMessage = {\n              id: message.id || `agent-${Date.now()}`,\n              text: message.content,\n              sender: 'agent',\n              timestamp: new Date(message.timestamp || Date.now()),\n            };\n            \n            // Avoid duplicate messages\n            const existingIds = new Set(this.state.messages.map(m => m.id));\n            if (!existingIds.has(agentMessage.id)) {\n              this.setState({\n                messages: [...this.state.messages, agentMessage],\n              });\n            }\n            \n            // Hide typing indicator when message received\n            this.agentTyping = false;\n            if (this.agentTypingTimeout) {\n              clearTimeout(this.agentTypingTimeout);\n              this.agentTypingTimeout = null;\n            }\n          }\n        }\n        break;\n\n      case 'typing_start':\n        if (message.sender_type === 'agent') {\n          this.agentTyping = true;\n          // Auto-hide after 3 seconds if no message received\n          if (this.agentTypingTimeout) {\n            clearTimeout(this.agentTypingTimeout);\n          }\n          this.agentTypingTimeout = setTimeout(() => {\n            this.agentTyping = false;\n          }, 3000);\n        }\n        break;\n\n      case 'typing_stop':\n        if (message.sender_type === 'agent') {\n          this.agentTyping = false;\n          if (this.agentTypingTimeout) {\n            clearTimeout(this.agentTypingTimeout);\n            this.agentTypingTimeout = null;\n          }\n        }\n        break;\n\n      case 'agent_changed':\n        if (message.to_agent) {\n          this.currentAgent = {\n            id: message.to_agent_id,\n            name: message.to_agent,\n          };\n\n          // Add system message to chat\n          const systemMessage: ChatMessage = {\n            id: `system-${Date.now()}`,\n            text: message.from_agent\n              ? `Chat has been transferred from ${message.from_agent} to ${message.to_agent}`\n              : `Chat has been transferred to ${message.to_agent}`,\n            sender: 'bot',\n            timestamp: new Date(),\n          };\n          this.setState({\n            messages: [...this.state.messages, systemMessage],\n          });\n        }\n        break;\n\n      case 'agent_accepted':\n        this.agentAccepted = true;\n        this.isConnectingToAgent = false;\n        const acceptedMessage: ChatMessage = {\n          id: message.id || `agent-accepted-${Date.now()}`,\n          text: 'You can chat now, the agent has accepted your request.',\n          sender: 'bot',\n          timestamp: message.timestamp ? new Date(message.timestamp) : new Date(),\n        };\n        const existingIds = new Set(this.state.messages.map(m => m.id));\n        if (!existingIds.has(acceptedMessage.id)) {\n          this.setState({\n            messages: [...this.state.messages, acceptedMessage],\n          });\n        }\n        if (message.to_agent) {\n          this.currentAgent = {\n            name: message.to_agent,\n            id: message.to_agent_id,\n          };\n        }\n        break;\n\n      case 'chat_resolved':\n      case 'chat_ended':\n        this.enterResolvedState(message.chat_id || null);\n        break;\n\n      case 'chat_info':\n        if (message.status === 'active') {\n          this.isConnectingToAgent = false;\n          this.agentAccepted = true;\n        } else if (message.status === 'resolved' || message.status === 'ended') {\n          this.enterResolvedState(message.chat_id || null);\n        }\n        if (message.agent_id) {\n          this.currentAgent = {\n            ...this.currentAgent,\n            id: message.agent_id,\n          };\n        }\n        break;\n\n      case 'error':\n        console.error('WebSocket error:', message.error);\n        const errorMessage: ChatMessage = {\n          id: `error-${Date.now()}`,\n          text: message.error || 'An error occurred. Please try again.',\n          sender: 'bot',\n          timestamp: new Date(),\n        };\n        this.setState({\n          messages: [...this.state.messages, errorMessage],\n        });\n        break;\n    }\n  }\n\n  /**\n   * Enter resolved state\n   */\n  private enterResolvedState(resolvedChatId?: string | null): void {\n    this.chatResolved = true;\n    this.isConnectingToAgent = false;\n    this.agentAccepted = false;\n    this.agentTyping = false;\n    if (this.agentTypingTimeout) {\n      clearTimeout(this.agentTypingTimeout);\n      this.agentTypingTimeout = null;\n    }\n\n    // Stop WS + prevent any reuse of the old chat_id\n    if (this.chatService) {\n      this.chatService.disconnectWebSocket();\n    }\n    this.chatId = null;\n    this.supportSessionId = null;\n    if (typeof window !== 'undefined' && window.localStorage) {\n      localStorage.removeItem('blockspark_chat_id');\n      localStorage.removeItem('blockspark_session_id');\n    }\n    \n    // Add thank you message before reset\n    const thankYouMessage: ChatMessage = {\n      id: `resolved-${Date.now()}`,\n      text: 'Thank you for contacting us!',\n      sender: 'bot',\n      timestamp: new Date(),\n    };\n    this.setState({\n      messages: [...this.state.messages, thankYouMessage],\n    });\n    \n    // Automatically reset to BOT mode after showing thank you message\n    setTimeout(async () => {\n      this.switchToBotMode();\n      this.chatResolved = false;\n      this.setState({\n        messages: [],\n        sessionId: null, // Clear session ID to force recreation\n      });\n      this.collectingUserInfo = false;\n      this.userInfoStep = null;\n      this.collectedUserName = '';\n      this.collectedUserEmail = '';\n      this.collectedUserMobile = '';\n      \n      // Recreate Dialogflow session to start fresh\n      if (this.config.dfProjectId && this.config.dfAgentId && this.state.isOpen) {\n        try {\n          this.setState({ isLoading: true });\n          const dialogflowConfig: DialogflowBackendConfig = {\n            dfProjectId: this.config.dfProjectId,\n            dfLocation: this.config.dfLocation || 'us-central1',\n            dfAgentId: this.config.dfAgentId,\n            languageCode: this.config.languageCode || 'en',\n            backendBaseUrl: this.config.backendBaseUrl || 'http://localhost:8012',\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","/**\n * useChatWidget Composable\n * Headless mode for Vue 3 - use logic without UI\n */\n\nimport { ref, computed, onUnmounted, watch, readonly, type Ref } from 'vue';\nimport { WidgetStateManager } from '../core/stateManager';\nimport type { WidgetConfig, WidgetState, ChatMessage } from '../core/types';\n\nexport interface UseChatWidgetReturn {\n  // State\n  state: Readonly<Ref<WidgetState>>;\n  isOpen: Readonly<Ref<boolean>>;\n  messages: Readonly<Ref<ChatMessage[]>>;\n  isLoading: Readonly<Ref<boolean>>;\n  error: Readonly<Ref<string | null>>;\n  chatMode: Readonly<Ref<'ai' | 'human'>>;\n\n  // Additional state\n  wsConnected: Readonly<Ref<boolean>>;\n  agentTyping: Readonly<Ref<boolean>>;\n  currentAgent: Readonly<Ref<{ name: string; id?: string }>>;\n  isConnectingToAgent: Readonly<Ref<boolean>>;\n\n  // Actions\n  openChat: () => Promise<void>;\n  closeChat: () => void;\n  sendMessage: (text: string) => Promise<void>;\n  toggleChat: () => Promise<void>;\n  setInputValue: (value: string) => void;\n  clearError: () => void;\n\n  // Manager instance (for advanced usage)\n  manager: WidgetStateManager;\n}\n\n/**\n * Headless chat widget composable\n * Use this for custom UI implementations\n */\nexport function useChatWidget(config: WidgetConfig): UseChatWidgetReturn {\n  // Create state manager\n  const manager = new WidgetStateManager(config);\n\n  // Reactive state\n  const state = ref<WidgetState>(manager.getState());\n  const wsConnected = ref(false);\n  const agentTyping = ref(false);\n  const currentAgent = ref<{ name: string; id?: string }>({ name: 'Agent' });\n  const isConnectingToAgent = ref(false);\n\n  // Subscribe to state changes\n  const unsubscribe = manager.subscribe((newState) => {\n    state.value = { ...newState };\n    \n    // Update additional state\n    const additional = manager.getAdditionalState();\n    wsConnected.value = additional.wsConnected;\n    agentTyping.value = additional.agentTyping;\n    currentAgent.value = additional.currentAgent;\n    isConnectingToAgent.value = additional.isConnectingToAgent;\n  });\n\n  // Computed properties\n  const isOpen = computed(() => state.value.isOpen);\n  const messages = computed(() => state.value.messages);\n  const isLoading = computed(() => state.value.isLoading);\n  const error = computed(() => state.value.error);\n  const chatMode = computed(() => state.value.chatMode);\n\n  // Actions\n  const openChat = async () => {\n    await manager.openChat();\n  };\n\n  const closeChat = () => {\n    manager.closeChat();\n  };\n\n  const sendMessage = async (text: string) => {\n    await manager.sendMessage(text);\n  };\n\n  const toggleChat = async () => {\n    await manager.toggleChat();\n  };\n\n  const setInputValue = (value: string) => {\n    manager.setInputValue(value);\n  };\n\n  const clearError = () => {\n    manager.clearError();\n  };\n\n  // Cleanup on unmount\n  onUnmounted(() => {\n    unsubscribe();\n    manager.destroy();\n  });\n\n  // Watch config changes\n  watch(\n    () => config,\n    (newConfig) => {\n      manager.updateConfig(newConfig);\n    },\n    { deep: true }\n  );\n\n  return {\n    state: state as Readonly<Ref<WidgetState>>,\n    isOpen: isOpen as Readonly<Ref<boolean>>,\n    messages: messages as Readonly<Ref<ChatMessage[]>>,\n    isLoading: isLoading as Readonly<Ref<boolean>>,\n    error: error as Readonly<Ref<string | null>>,\n    chatMode: chatMode as Readonly<Ref<'ai' | 'human'>>,\n    wsConnected: wsConnected as Readonly<Ref<boolean>>,\n    agentTyping: agentTyping as Readonly<Ref<boolean>>,\n    currentAgent: currentAgent as Readonly<Ref<{ name: string; id?: string }>>,\n    isConnectingToAgent: isConnectingToAgent as Readonly<Ref<boolean>>,\n    openChat,\n    closeChat,\n    sendMessage,\n    toggleChat,\n    setInputValue,\n    clearError,\n    manager,\n  };\n}\n","<template>\n  <div class=\"custom-chat-widget\" v-bind=\"$attrs\">\n    <!-- Welcome Popup -->\n    <div\n      v-if=\"state.showWelcomePopup && !state.isOpen\"\n      class=\"custom-welcome-popup\"\n      @click=\"handleOpenChat\"\n    >\n      <div class=\"custom-welcome-header\">\n        <div class=\"custom-welcome-title\">{{ config.welcomeTitle }}</div>\n        <button\n          class=\"custom-close-popup\"\n          @click.stop=\"handleCloseWelcomePopup\"\n          aria-label=\"Close welcome popup\"\n        >\n          ×\n        </button>\n      </div>\n      <div class=\"custom-welcome-message\">{{ config.welcomeMessage }}</div>\n      <div class=\"custom-welcome-cta\">{{ config.welcomeCta }}</div>\n    </div>\n\n    <!-- Chat Toggle Button -->\n    <button\n      v-if=\"!state.isOpen\"\n      class=\"custom-chat-toggle-btn\"\n      @click=\"handleOpenChat\"\n      aria-label=\"Open chat\"\n    >\n      <svg\n        width=\"24\"\n        height=\"24\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"2\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n      >\n        <path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"></path>\n      </svg>\n    </button>\n\n    <!-- Chat Window -->\n    <div v-if=\"state.isOpen\" class=\"custom-chat-window\">\n      <div class=\"custom-chat-header\">\n        <div class=\"custom-chat-header-content\">\n          <div class=\"custom-chat-title\">{{ config.title }}</div>\n          <div class=\"custom-chat-subtitle\">\n            {{ config.subtitle }}\n            <span v-if=\"state.chatMode === 'human'\" class=\"custom-mode-indicator\">\n              • {{ wsConnected ? '🟢 Connected' : '🟡 Connecting...' }}\n            </span>\n          </div>\n          <div v-if=\"state.chatMode === 'human'\" class=\"custom-mode-badge\">\n            Human Support Mode\n          </div>\n          <div v-if=\"state.chatMode === 'human'\" class=\"custom-agent-info\">\n            <span class=\"custom-agent-label\">Agent:</span>\n            <span class=\"custom-agent-name\">{{ currentAgent.name }}</span>\n          </div>\n          <div v-if=\"state.chatMode === 'ai'\" class=\"custom-mode-badge\">\n            Bot Mode\n          </div>\n        </div>\n        <button\n          class=\"custom-chat-close-btn\"\n          @click=\"handleCloseChat\"\n          aria-label=\"Close chat\"\n        >\n          ×\n        </button>\n      </div>\n\n      <div class=\"custom-chat-messages\" ref=\"messagesContainer\">\n        <!-- Empty State -->\n        <div v-if=\"isInitializing && state.messages.length === 0\" class=\"custom-chat-empty\">\n          <div class=\"custom-typing-indicator\">\n            <span></span>\n            <span></span>\n            <span></span>\n          </div>\n          <p>Initializing chat...</p>\n        </div>\n        <div v-else-if=\"!isInitializing && state.messages.length === 0\" class=\"custom-chat-empty\">\n          <div class=\"custom-chat-empty-icon\">👋</div>\n          <p>{{ config.emptyStateMessage }}</p>\n        </div>\n\n        <!-- Messages -->\n        <div\n          v-for=\"message in state.messages\"\n          :key=\"message.id\"\n          :class=\"[\n            'custom-message', \n            `custom-message-${message.sender}`,\n            { 'custom-handoff-message': isHandoffMessage(message.text) }\n          ]\"\n        >\n          <div \n            class=\"custom-message-content\"\n            :class=\"{ 'custom-handoff-content': isHandoffMessage(message.text) }\"\n            v-html=\"safeLinkifyText(message.text).replace(/\\n/g, '<br>')\"\n          ></div>\n          \n          <!-- Rich Content (Chips) -->\n          <div\n            v-if=\"message.richContent && Array.isArray(message.richContent) && message.richContent.length > 0\"\n            class=\"custom-chips-container\"\n          >\n            <template v-for=\"(contentGroup, groupIndex) in message.richContent\" :key=\"groupIndex\">\n              <template v-if=\"!Array.isArray(contentGroup)\">\n                <div\n                  v-if=\"contentGroup.type === 'chips' && contentGroup.options\"\n                  class=\"custom-chips-group\"\n                >\n                  <button\n                    v-for=\"(chip, chipIndex) in contentGroup.options\"\n                    :key=\"chipIndex\"\n                    class=\"custom-chip-button\"\n                    type=\"button\"\n                    @click=\"handleChipClick(chip.text, chip.payload)\"\n                  >\n                    {{ chip.text }}\n                  </button>\n                </div>\n              </template>\n              <template v-else>\n                <template\n                  v-for=\"(content, contentIndex) in contentGroup\"\n                  :key=\"`${groupIndex}-${contentIndex}`\"\n                >\n                  <div\n                    v-if=\"content.type === 'chips' && content.options\"\n                    class=\"custom-chips-group\"\n                  >\n                    <button\n                      v-for=\"(chip, chipIndex) in content.options\"\n                      :key=\"chipIndex\"\n                      class=\"custom-chip-button\"\n                      type=\"button\"\n                      @click=\"handleChipClick(chip.text, chip.payload)\"\n                    >\n                      {{ chip.text }}\n                    </button>\n                  </div>\n                </template>\n              </template>\n            </template>\n          </div>\n\n          <div class=\"custom-message-time\">\n            {{ formatTime(message.timestamp) }}\n          </div>\n        </div>\n\n        <!-- Loading Indicator -->\n        <div v-if=\"state.isLoading\" class=\"custom-message custom-message-bot\">\n          <div class=\"custom-typing-indicator\">\n            <span></span>\n            <span></span>\n            <span></span>\n          </div>\n        </div>\n\n        <!-- Connecting to Agent Indicator -->\n        <div v-if=\"isConnectingToAgent\" class=\"custom-message custom-message-bot\">\n          <div class=\"custom-typing-indicator\">\n            <span></span>\n            <span></span>\n            <span></span>\n          </div>\n          <div class=\"custom-message-content\">\n            Connecting to agent...\n          </div>\n        </div>\n\n        <!-- Agent Typing Indicator -->\n        <div v-if=\"state.chatMode === 'human' && agentTyping\" class=\"custom-agent-typing-indicator\">\n          <span class=\"custom-typing-dots\">\n            <span></span>\n            <span></span>\n            <span></span>\n          </span>\n          <span class=\"custom-typing-text\">Agent is typing...</span>\n        </div>\n\n        <div ref=\"messagesEndRef\"></div>\n      </div>\n\n      <!-- Input Form -->\n      <form class=\"custom-chat-input-form\" @submit.prevent=\"handleSubmit\">\n        <input\n          type=\"text\"\n          class=\"custom-chat-input\"\n          :value=\"state.inputValue\"\n          @input=\"handleInput\"\n          :placeholder=\"config.inputPlaceholder\"\n          :disabled=\"state.isLoading || isInitializing || isStartingNewChat\"\n        />\n        <button\n          type=\"submit\"\n          class=\"custom-chat-send-btn\"\n          :disabled=\"!state.inputValue.trim() || state.isLoading || isInitializing || isStartingNewChat\"\n        >\n          <svg\n            width=\"20\"\n            height=\"20\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          >\n            <line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"></line>\n            <polygon points=\"22 2 15 22 11 13 2 9 22 2\"></polygon>\n          </svg>\n        </button>\n      </form>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, onMounted, nextTick, watch } from 'vue';\nimport { useChatWidget } from '../composables/useChatWidget';\nimport { safeLinkifyText } from '../utils/sanitize';\nimport type { WidgetConfig } from '../core/types';\n\n// Handle attributes properly to avoid Vue warnings\n// For Vue 3.3+, defineOptions is available as a compiler macro\n// @ts-ignore - defineOptions is a compiler macro\ndefineOptions({\n  inheritAttrs: false, // We handle attrs manually via v-bind=\"$attrs\"\n});\n\n// Props\nconst props = withDefaults(defineProps<WidgetConfig>(), {\n  title: '💬 BlockSpark AI Assistant',\n  subtitle: \"We're here to help\",\n  welcomeTitle: '👋 Welcome to BlockSpark',\n  welcomeMessage: \"My name is BlockSpark AI Assistant and I'll guide you.\",\n  welcomeCta: '💬 Click here to start chatting!',\n  showWelcomePopup: true,\n  welcomePopupDelay: 1500,\n  fallbackWelcomeMessage: \"Hello! I'm BlockSpark AI Assistant. How can I help you today?\",\n  inputPlaceholder: 'Type your message...',\n  emptyStateMessage: \"Hi! I'm BlockSpark AI Assistant. How can I help you today?\",\n  debug: false,\n});\n\n// Use headless composable\nconst {\n  state,\n  isOpen,\n  messages,\n  isLoading,\n  error,\n  chatMode,\n  wsConnected,\n  agentTyping,\n  currentAgent,\n  isConnectingToAgent: isConnectingToAgentFromComposable,\n  openChat,\n  closeChat,\n  sendMessage,\n  toggleChat,\n  setInputValue,\n  clearError,\n  manager,\n} = useChatWidget(props);\n\n// Refs\nconst messagesEndRef = ref<HTMLDivElement | null>(null);\nconst messagesContainer = ref<HTMLDivElement | null>(null);\n\n// Computed config (for reactivity)\nconst config = computed(() => props);\n\n// Computed state for initialization and connection (matching React component)\nconst isInitializing = computed(() => {\n  return state.value.isLoading && state.value.messages.length === 0 && !state.value.sessionId;\n});\n\nconst isStartingNewChat = computed(() => {\n  // This would be tracked in manager if needed, for now return false\n  return false;\n});\n\n// Use isConnectingToAgent from composable (already computed in manager)\nconst isConnectingToAgent = isConnectingToAgentFromComposable;\n\n// Auto-scroll to bottom when messages change\nwatch(\n  () => messages.value.length,\n  () => {\n    nextTick(() => {\n      messagesEndRef.value?.scrollIntoView({ behavior: 'smooth' });\n    });\n  }\n);\n\n// Handlers\nconst handleOpenChat = async () => {\n  // Ensure immediate UI response\n  if (!state.value.isOpen) {\n    state.value.isOpen = true;\n    state.value.showWelcomePopup = false;\n  }\n  await openChat();\n};\n\nconst handleCloseChat = () => {\n  closeChat();\n};\n\nconst handleCloseWelcomePopup = () => {\n  manager.closeWelcomePopup();\n};\n\nconst handleInput = (event: Event) => {\n  const target = event.target as HTMLInputElement;\n  setInputValue(target.value);\n};\n\nconst handleSubmit = async (event: Event) => {\n  event.preventDefault();\n  if (state.value.inputValue.trim()) {\n    await sendMessage(state.value.inputValue);\n  }\n};\n\nconst handleChipClick = async (chipText: string, payload?: string) => {\n  const messageToSend = chipText || payload || '';\n  await sendMessage(messageToSend);\n};\n\n// Utility functions\nconst formatTime = (date: Date): string => {\n  return date.toLocaleTimeString([], {\n    hour: '2-digit',\n    minute: '2-digit',\n  });\n};\n\n// Check if message is a handoff message\nconst isHandoffMessage = (text: string): boolean => {\n  return text.includes('👤') || \n         text.includes('being connected') || \n         text.includes('live support agent') ||\n         text.includes('transfer your conversation');\n};\n\n// Initialize welcome popup on mount (SSR-safe)\nonMounted(() => {\n  if (config.value.showWelcomePopup && typeof window !== 'undefined') {\n    manager.initializeWelcomePopup();\n  }\n});\n</script>\n\n<style scoped>\n/* Styles are imported separately by users */\n/* This ensures SSR compatibility */\n</style>\n"],"names":["WidgetStateManager","constructor","config","this","listeners","Set","chatMode","chatId","supportSessionId","chatService","collectingUserInfo","userInfoStep","collectedUserName","collectedUserEmail","collectedUserMobile","wsConnected","agentTyping","currentAgent","name","isConnectingToAgent","agentAccepted","chatResolved","historyLoaded","typingTimeout","agentTypingTimeout","state","isOpen","showWelcomePopup","messages","inputValue","isLoading","error","sessionId","createChatService","baseUrl","backendBaseUrl","wsUrl","backendWsUrl","debug","window","localStorage","savedMode","getItem","subscribe","listener","add","delete","getState","setState","updates","forEach","updateConfig","openChat","dfProjectId","dfAgentId","dialogflowConfig","dfLocation","languageCode","session","createDialogflowSession","session_id","message","welcomeMessage","id","Date","now","text","sender","timestamp","richContent","fallbackMessage","fallbackWelcomeMessage","closeChat","closeWelcomePopup","toggleChat","willBeOpen","setInputValue","value","clearError","sendMessage","skipUserMessage","trim","userMessage","handleUserInfoCollection","sendHumanMessage","sendAIMessage","ChatResolvedError","enterResolvedState","errorMessage","includes","Error","response","sendDialogflowMessage","handoff","botMessage","startUserInfoCollection","sendTypingIndicator","clearTimeout","sendMessageViaWebSocket","sendMessageToAgent","removeItem","newSession","startSupportChat","chat_id","setItem","retryError","switchToHumanMode","switchToBotMode","initializeWelcomePopup","delay","welcomePopupDelay","setTimeout","namePrompt","emailPrompt","email","test","invalidEmailMessage","mobilePrompt","mobile","length","invalidMobileMessage","handleHandoff","customerName","customerEmail","customerMobile","dialogflowSessionId","ensureChatInitialized","currentChatId","currentSupportSessionId","requestHandoff","handoffError","connectingMessage","connectWebSocket","handleWebSocketMessage","connected","type","content","sender_type","agentMessage","map","m","has","to_agent","to_agent_id","systemMessage","from_agent","acceptedMessage","status","agent_id","resolvedChatId","disconnectWebSocket","thankYouMessage","async","loadMessageHistory","preserveExisting","historyMessages","msg","Math","random","existingIds","newMessages","filter","combined","sort","a","b","getTime","getAdditionalState","destroy","clear","useChatWidget","manager","ref","unsubscribe","newState","additional","computed","onUnmounted","watch","newConfig","deep","props","__props","isConnectingToAgentFromComposable","messagesEndRef","messagesContainer","isInitializing","isStartingNewChat","nextTick","scrollIntoView","behavior","handleOpenChat","handleCloseChat","handleCloseWelcomePopup","handleInput","event","target","handleSubmit","preventDefault","handleChipClick","chipText","payload","messageToSend","isHandoffMessage","onMounted","_openBlock","_createElementBlock","_mergeProps","class","$attrs","_unref","onClick","_createElementVNode","_hoisted_1","_hoisted_2","_toDisplayString","welcomeTitle","_hoisted_3","_hoisted_4","welcomeCta","width","height","viewBox","fill","stroke","d","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","title","_hoisted_9","subtitle","_hoisted_10","_hoisted_11","_hoisted_12","_cache","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_16","emptyStateMessage","_Fragment","_renderList","key","_normalizeClass","innerHTML","safeLinkifyText","replace","Array","isArray","_hoisted_18","contentGroup","groupIndex","contentIndex","options","_hoisted_21","chip","chipIndex","$event","_hoisted_22","_hoisted_19","_hoisted_20","_hoisted_23","date","toLocaleTimeString","hour","minute","_hoisted_24","_hoisted_25","_hoisted_26","onSubmit","onInput","placeholder","inputPlaceholder","disabled","x1","y1","x2","y2","points"],"mappings":"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"}