@blockspark/chat-widget 1.0.21 → 1.0.23
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{ChatWidget-fbaJU7v-.js → ChatWidget-Eyqmkvxh.js} +43 -19
- package/dist/ChatWidget-Eyqmkvxh.js.map +1 -0
- package/dist/ChatWidget-Ue2yHqNP.cjs +2 -0
- package/dist/ChatWidget-Ue2yHqNP.cjs.map +1 -0
- package/dist/components/ChatWidget.d.ts.map +1 -1
- package/dist/core/stateManager.d.ts +1 -0
- package/dist/core/stateManager.d.ts.map +1 -1
- package/dist/index.cjs.js +1 -1
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +64 -50
- package/dist/index.esm.js.map +1 -1
- package/dist/nuxt.cjs.js +1 -1
- package/dist/nuxt.esm.js +2 -2
- package/dist/sanitize-BYa4jHJ0.cjs.map +1 -1
- package/dist/sanitize-Q7JIm8H8.js.map +1 -1
- package/dist/services/chatService.d.ts +1 -1
- package/dist/services/chatService.d.ts.map +1 -1
- package/dist/styles.css +1 -1
- package/dist/vue.cjs.js +1 -1
- package/dist/vue.esm.js +2 -2
- package/package.json +1 -1
- package/dist/ChatWidget-DoVcxHqA.cjs +0 -2
- package/dist/ChatWidget-DoVcxHqA.cjs.map +0 -1
- package/dist/ChatWidget-fbaJU7v-.js.map +0 -1
|
@@ -16,6 +16,7 @@ class WidgetStateManager {
|
|
|
16
16
|
this.historyLoaded = null;
|
|
17
17
|
this.typingTimeout = null;
|
|
18
18
|
this.agentTypingTimeout = null;
|
|
19
|
+
this.handoffTimeoutId = null;
|
|
19
20
|
this.config = config;
|
|
20
21
|
this.state = {
|
|
21
22
|
isOpen: false,
|
|
@@ -461,15 +462,6 @@ class WidgetStateManager {
|
|
|
461
462
|
this.switchToHumanMode();
|
|
462
463
|
this.chatResolved = false;
|
|
463
464
|
this.agentAccepted = false;
|
|
464
|
-
const connectingMessage = {
|
|
465
|
-
id: `connecting-${Date.now()}`,
|
|
466
|
-
text: "Connecting you to a human agent...",
|
|
467
|
-
sender: "bot",
|
|
468
|
-
timestamp: /* @__PURE__ */ new Date()
|
|
469
|
-
};
|
|
470
|
-
this.setState({
|
|
471
|
-
messages: [...this.state.messages, connectingMessage]
|
|
472
|
-
});
|
|
473
465
|
if (currentChatId && currentSupportSessionId) {
|
|
474
466
|
this.chatService.connectWebSocket(
|
|
475
467
|
currentChatId,
|
|
@@ -482,6 +474,18 @@ class WidgetStateManager {
|
|
|
482
474
|
}
|
|
483
475
|
);
|
|
484
476
|
}
|
|
477
|
+
if (this.handoffTimeoutId) {
|
|
478
|
+
clearTimeout(this.handoffTimeoutId);
|
|
479
|
+
}
|
|
480
|
+
this.handoffTimeoutId = setTimeout(() => {
|
|
481
|
+
if (!this.agentAccepted && this.chatMode === "human") {
|
|
482
|
+
console.warn("Handoff timeout (frontend safety net)");
|
|
483
|
+
this.enterResolvedState(
|
|
484
|
+
this.chatId || null,
|
|
485
|
+
"All our agents are currently busy. Don't worry — I'm connecting you back to our AI assistant. Feel free to try reaching a live agent again shortly!"
|
|
486
|
+
);
|
|
487
|
+
}
|
|
488
|
+
}, 2e5);
|
|
485
489
|
this.isConnectingToAgent = false;
|
|
486
490
|
} catch (error) {
|
|
487
491
|
console.error("Error handling handoff:", error);
|
|
@@ -565,6 +569,10 @@ class WidgetStateManager {
|
|
|
565
569
|
case "agent_accepted":
|
|
566
570
|
this.agentAccepted = true;
|
|
567
571
|
this.isConnectingToAgent = false;
|
|
572
|
+
if (this.handoffTimeoutId) {
|
|
573
|
+
clearTimeout(this.handoffTimeoutId);
|
|
574
|
+
this.handoffTimeoutId = null;
|
|
575
|
+
}
|
|
568
576
|
const acceptedMessage = {
|
|
569
577
|
id: message.id || `agent-accepted-${Date.now()}`,
|
|
570
578
|
text: "You can chat now, the agent has accepted your request.",
|
|
@@ -584,6 +592,12 @@ class WidgetStateManager {
|
|
|
584
592
|
};
|
|
585
593
|
}
|
|
586
594
|
break;
|
|
595
|
+
case "handoff_timeout":
|
|
596
|
+
this.enterResolvedState(
|
|
597
|
+
message.chat_id || null,
|
|
598
|
+
message.message || "All our agents are currently busy. Don't worry — I'm connecting you back to our AI assistant. Feel free to try reaching a live agent again shortly!"
|
|
599
|
+
);
|
|
600
|
+
break;
|
|
587
601
|
case "chat_resolved":
|
|
588
602
|
case "chat_ended":
|
|
589
603
|
this.enterResolvedState(message.chat_id || null);
|
|
@@ -619,7 +633,7 @@ class WidgetStateManager {
|
|
|
619
633
|
/**
|
|
620
634
|
* Enter resolved state
|
|
621
635
|
*/
|
|
622
|
-
enterResolvedState(resolvedChatId) {
|
|
636
|
+
enterResolvedState(resolvedChatId, customMessage) {
|
|
623
637
|
this.chatResolved = true;
|
|
624
638
|
this.isConnectingToAgent = false;
|
|
625
639
|
this.agentAccepted = false;
|
|
@@ -628,6 +642,10 @@ class WidgetStateManager {
|
|
|
628
642
|
clearTimeout(this.agentTypingTimeout);
|
|
629
643
|
this.agentTypingTimeout = null;
|
|
630
644
|
}
|
|
645
|
+
if (this.handoffTimeoutId) {
|
|
646
|
+
clearTimeout(this.handoffTimeoutId);
|
|
647
|
+
this.handoffTimeoutId = null;
|
|
648
|
+
}
|
|
631
649
|
if (this.chatService) {
|
|
632
650
|
this.chatService.disconnectWebSocket();
|
|
633
651
|
}
|
|
@@ -639,7 +657,7 @@ class WidgetStateManager {
|
|
|
639
657
|
}
|
|
640
658
|
const thankYouMessage = {
|
|
641
659
|
id: `resolved-${Date.now()}`,
|
|
642
|
-
text: "Thank you for contacting us!",
|
|
660
|
+
text: customMessage || "Thank you for contacting us!",
|
|
643
661
|
sender: "bot",
|
|
644
662
|
timestamp: /* @__PURE__ */ new Date()
|
|
645
663
|
};
|
|
@@ -769,6 +787,10 @@ class WidgetStateManager {
|
|
|
769
787
|
if (this.agentTypingTimeout) {
|
|
770
788
|
clearTimeout(this.agentTypingTimeout);
|
|
771
789
|
}
|
|
790
|
+
if (this.handoffTimeoutId) {
|
|
791
|
+
clearTimeout(this.handoffTimeoutId);
|
|
792
|
+
this.handoffTimeoutId = null;
|
|
793
|
+
}
|
|
772
794
|
if (this.chatService) {
|
|
773
795
|
this.chatService.disconnectWebSocket();
|
|
774
796
|
}
|
|
@@ -907,7 +929,7 @@ const _hoisted_25 = {
|
|
|
907
929
|
};
|
|
908
930
|
const _hoisted_26 = {
|
|
909
931
|
key: 4,
|
|
910
|
-
class: "custom-
|
|
932
|
+
class: "custom-message custom-message-bot"
|
|
911
933
|
};
|
|
912
934
|
const _hoisted_27 = ["value", "placeholder", "disabled"];
|
|
913
935
|
const _hoisted_28 = ["disabled"];
|
|
@@ -958,6 +980,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
958
980
|
manager
|
|
959
981
|
} = useChatWidget(props);
|
|
960
982
|
const messagesEndRef = ref(null);
|
|
983
|
+
const inputRef = ref(null);
|
|
961
984
|
const messagesContainer = ref(null);
|
|
962
985
|
const config = computed(() => props);
|
|
963
986
|
const isInitializing = computed(() => {
|
|
@@ -997,6 +1020,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
997
1020
|
if (state.value.inputValue.trim()) {
|
|
998
1021
|
await sendMessage(state.value.inputValue);
|
|
999
1022
|
}
|
|
1023
|
+
inputRef.value?.focus();
|
|
1000
1024
|
};
|
|
1001
1025
|
const handleChipClick = async (chipText, payload) => {
|
|
1002
1026
|
const messageToSend = chipText || payload || "";
|
|
@@ -1151,16 +1175,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
1151
1175
|
createElementVNode("span"),
|
|
1152
1176
|
createElementVNode("span"),
|
|
1153
1177
|
createElementVNode("span")
|
|
1154
|
-
], -1)
|
|
1155
|
-
createElementVNode("div", { class: "custom-message-content" }, " Connecting to agent... ", -1)
|
|
1178
|
+
], -1)
|
|
1156
1179
|
])])) : createCommentVNode("", true),
|
|
1157
1180
|
unref(state).chatMode === "human" && unref(agentTyping) ? (openBlock(), createElementBlock("div", _hoisted_26, [..._cache[6] || (_cache[6] = [
|
|
1158
|
-
createElementVNode("
|
|
1181
|
+
createElementVNode("div", { class: "custom-typing-indicator" }, [
|
|
1159
1182
|
createElementVNode("span"),
|
|
1160
1183
|
createElementVNode("span"),
|
|
1161
1184
|
createElementVNode("span")
|
|
1162
|
-
], -1)
|
|
1163
|
-
createElementVNode("span", { class: "custom-typing-text" }, "Agent is typing...", -1)
|
|
1185
|
+
], -1)
|
|
1164
1186
|
])])) : createCommentVNode("", true),
|
|
1165
1187
|
createElementVNode("div", {
|
|
1166
1188
|
ref_key: "messagesEndRef",
|
|
@@ -1172,6 +1194,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
1172
1194
|
onSubmit: withModifiers(handleSubmit, ["prevent"])
|
|
1173
1195
|
}, [
|
|
1174
1196
|
createElementVNode("input", {
|
|
1197
|
+
ref_key: "inputRef",
|
|
1198
|
+
ref: inputRef,
|
|
1175
1199
|
type: "text",
|
|
1176
1200
|
class: "custom-chat-input",
|
|
1177
1201
|
value: unref(state).inputValue,
|
|
@@ -1216,10 +1240,10 @@ const _export_sfc = (sfc, props) => {
|
|
|
1216
1240
|
}
|
|
1217
1241
|
return target;
|
|
1218
1242
|
};
|
|
1219
|
-
const ChatWidgetComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
1243
|
+
const ChatWidgetComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f012ca96"]]);
|
|
1220
1244
|
export {
|
|
1221
1245
|
ChatWidgetComponent as C,
|
|
1222
1246
|
WidgetStateManager as W,
|
|
1223
1247
|
useChatWidget as u
|
|
1224
1248
|
};
|
|
1225
|
-
//# sourceMappingURL=ChatWidget-
|
|
1249
|
+
//# sourceMappingURL=ChatWidget-Eyqmkvxh.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ChatWidget-Eyqmkvxh.js","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 // 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 private handoffTimeoutId: ReturnType<typeof setTimeout> | 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('chartsconnectect_chat_mode');\n this.chatMode = savedMode === 'HUMAN' ? 'human' : 'ai';\n this.state.chatMode = this.chatMode;\n \n this.chatId = localStorage.getItem('chartsconnect_chat_id');\n this.supportSessionId = localStorage.getItem('chartsconnect_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 // 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 // Proceed directly with handoff — user details collected by Dialogflow via webhook\n await this.handleHandoff();\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('chartsconnect_chat_id');\n localStorage.removeItem('chartsconnect_session_id');\n }\n \n // Try to reinitialize chat\n try {\n const newSession = await this.chatService.startSupportChat(\n this.state.sessionId || null\n );\n this.chatId = newSession.chat_id;\n this.supportSessionId = newSession.session_id;\n if (typeof window !== 'undefined' && window.localStorage) {\n localStorage.setItem('chartsconnect_chat_id', this.chatId);\n localStorage.setItem('chartsconnect_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('chartsconnect_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('chartsconnect_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 * Handle handoff from Dialogflow to human support\n */\n async handleHandoff(): 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 );\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('chartsconnect_chat_id', this.chatId);\n localStorage.setItem('chartsconnect_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 );\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('chartsconnect_chat_id');\n localStorage.removeItem('chartsconnect_session_id');\n }\n \n // Create new chat session\n const newSession = await this.chatService.startSupportChat(\n dialogflowSessionId || 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('chartsconnect_chat_id', this.chatId);\n localStorage.setItem('chartsconnect_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 );\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 // 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 // Frontend safety timer: fallback if backend timeout message is missed\n // Slightly longer than backend (200s vs 180s) to give backend priority\n if (this.handoffTimeoutId) {\n clearTimeout(this.handoffTimeoutId);\n }\n this.handoffTimeoutId = setTimeout(() => {\n if (!this.agentAccepted && this.chatMode === 'human') {\n console.warn('Handoff timeout (frontend safety net)');\n this.enterResolvedState(\n this.chatId || null,\n 'All our agents are currently busy. Don\\'t worry \\u2014 I\\'m connecting you back to our AI assistant. Feel free to try reaching a live agent again shortly!'\n );\n }\n }, 200000); // 3 min 20 sec\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 if (this.handoffTimeoutId) {\n clearTimeout(this.handoffTimeoutId);\n this.handoffTimeoutId = null;\n }\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 'handoff_timeout':\n this.enterResolvedState(\n message.chat_id || null,\n message.message || 'All our agents are currently busy. Don\\'t worry \\u2014 I\\'m connecting you back to our AI assistant. Feel free to try reaching a live agent again shortly!'\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, customMessage?: string): 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 if (this.handoffTimeoutId) {\n clearTimeout(this.handoffTimeoutId);\n this.handoffTimeoutId = 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('chartsconnect_chat_id');\n localStorage.removeItem('chartsconnect_session_id');\n }\n \n // Add thank you / timeout message before reset\n const thankYouMessage: ChatMessage = {\n id: `resolved-${Date.now()}`,\n text: customMessage || '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 // 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.handoffTimeoutId) {\n clearTimeout(this.handoffTimeoutId);\n this.handoffTimeoutId = null;\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>\n\n <!-- Agent Typing Indicator -->\n <div v-if=\"state.chatMode === 'human' && agentTyping\" 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 <div ref=\"messagesEndRef\"></div>\n </div>\n\n <!-- Input Form -->\n <form class=\"custom-chat-input-form\" @submit.prevent=\"handleSubmit\">\n <input\n ref=\"inputRef\"\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: '💬 Charts Connect AI Assistant',\n subtitle: \"We're here to help\",\n welcomeTitle: '👋 Welcome to Charts Connect',\n welcomeMessage: \"My name is Charts Connect 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 Charts Connect AI Assistant. How can I help you today?\",\n inputPlaceholder: 'Type your message...',\n emptyStateMessage: \"Hi! I'm Charts Connect 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 inputRef = ref<HTMLInputElement | 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 // Keep focus on input so user can continue typing\n inputRef.value?.focus();\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":["botMessage","existingIds","_openBlock","_createElementBlock","_mergeProps","$attrs","_unref","_createElementVNode","_toDisplayString","_Fragment","_renderList","_normalizeClass"],"mappings":"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"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";const e=require("vue"),t=require("./sanitize-BYa4jHJ0.cjs");class s{constructor(e){if(this.listeners=new Set,this.chatMode="ai",this.chatId=null,this.supportSessionId=null,this.chatService=null,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.handoffTimeoutId=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("chartsconnectect_chat_mode");this.chatMode="HUMAN"===e?"human":"ai",this.state.chatMode=this.chatMode,this.chatId=localStorage.getItem("chartsconnect_chat_id"),this.supportSessionId=localStorage.getItem("chartsconnect_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(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(await this.handleHandoff())}const n={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,n],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("chartsconnect_chat_id"),localStorage.removeItem("chartsconnect_session_id"));try{const t=await this.chatService.startSupportChat(this.state.sessionId||null);return this.chatId=t.chat_id,this.supportSessionId=t.session_id,"undefined"!=typeof window&&window.localStorage&&(localStorage.setItem("chartsconnect_chat_id",this.chatId),localStorage.setItem("chartsconnect_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("chartsconnect_chat_mode","HUMAN")}switchToBotMode(){this.chatMode="ai",this.setState({chatMode:"ai"}),"undefined"!=typeof window&&window.localStorage&&localStorage.setItem("chartsconnect_chat_mode","BOT")}initializeWelcomePopup(){if(!1!==this.config.showWelcomePopup){const e=this.config.welcomePopupDelay||1500;setTimeout(()=>{this.state.isOpen||this.setState({showWelcomePopup:!0})},e)}}async handleHandoff(){if(!this.chatService)throw new Error("Chat service not initialized");try{this.isConnectingToAgent=!0;const t=this.state.sessionId,s=await this.chatService.ensureChatInitialized(this.chatId,this.supportSessionId,t||null);if(!s||!s.chat_id)throw new Error("Failed to initialize chat session");const a=s.chat_id,n=s.session_id;a!==this.chatId&&(this.chatId=a,this.supportSessionId=n,"undefined"!=typeof window&&window.localStorage&&(localStorage.setItem("chartsconnect_chat_id",this.chatId),localStorage.setItem("chartsconnect_session_id",this.supportSessionId)),this.config.debug);try{await this.chatService.requestHandoff(a,n,"Customer requested human agent",t||null),this.config.debug}catch(e){if(!(e.message?.includes("Invalid chat_id")||e.message?.includes("Chat not found")||e.message?.includes("unauthorized")||e.message?.includes("400")||e.message?.includes("401")||e.message?.includes("404")||e.message?.includes("expired")))throw e;{this.config.debug,this.chatId=null,this.supportSessionId=null,"undefined"!=typeof window&&window.localStorage&&(localStorage.removeItem("chartsconnect_chat_id"),localStorage.removeItem("chartsconnect_session_id"));const e=await this.chatService.startSupportChat(t||null);if(!e||!e.chat_id)throw new Error("Failed to re-initialize chat session");this.chatId=e.chat_id,this.supportSessionId=e.session_id,"undefined"!=typeof window&&window.localStorage&&(localStorage.setItem("chartsconnect_chat_id",this.chatId),localStorage.setItem("chartsconnect_session_id",this.supportSessionId)),await this.chatService.requestHandoff(this.chatId,this.supportSessionId,"Customer requested human agent",t||null),this.config.debug}}this.switchToHumanMode(),this.chatResolved=!1,this.agentAccepted=!1,a&&n&&this.chatService.connectWebSocket(a,n,e=>{this.handleWebSocketMessage(e)},e=>{this.wsConnected=e}),this.handoffTimeoutId&&clearTimeout(this.handoffTimeoutId),this.handoffTimeoutId=setTimeout(()=>{this.agentAccepted||"human"!==this.chatMode||this.enterResolvedState(this.chatId||null,"All our agents are currently busy. Don't worry — I'm connecting you back to our AI assistant. Feel free to try reaching a live agent again shortly!")},2e5),this.isConnectingToAgent=!1}catch(t){const e={id:`error-${Date.now()}`,text:this.config.debug?`Handoff error: ${t.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,this.handoffTimeoutId&&(clearTimeout(this.handoffTimeoutId),this.handoffTimeoutId=null);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"handoff_timeout":this.enterResolvedState(e.chat_id||null,e.message||"All our agents are currently busy. Don't worry — I'm connecting you back to our AI assistant. Feel free to try reaching a live agent again shortly!");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,s){this.chatResolved=!0,this.isConnectingToAgent=!1,this.agentAccepted=!1,this.agentTyping=!1,this.agentTypingTimeout&&(clearTimeout(this.agentTypingTimeout),this.agentTypingTimeout=null),this.handoffTimeoutId&&(clearTimeout(this.handoffTimeoutId),this.handoffTimeoutId=null),this.chatService&&this.chatService.disconnectWebSocket(),this.chatId=null,this.supportSessionId=null,"undefined"!=typeof window&&window.localStorage&&(localStorage.removeItem("chartsconnect_chat_id"),localStorage.removeItem("chartsconnect_session_id"));const a={id:`resolved-${Date.now()}`,text:s||"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.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.handoffTimeoutId&&(clearTimeout(this.handoffTimeoutId),this.handoffTimeoutId=null),this.chatService&&this.chatService.disconnectWebSocket(),this.listeners.clear()}}function a(t){const a=new s(t),n=e.ref(a.getState()),o=e.ref(!1),i=e.ref(!1),c=e.ref({name:"Agent"}),r=e.ref(!1),l=a.subscribe(e=>{n.value={...e};const t=a.getAdditionalState();o.value=t.wsConnected,i.value=t.agentTyping,c.value=t.currentAgent,r.value=t.isConnectingToAgent}),d=e.computed(()=>n.value.isOpen),h=e.computed(()=>n.value.messages),m=e.computed(()=>n.value.isLoading),g=e.computed(()=>n.value.error),u=e.computed(()=>n.value.chatMode);return e.onUnmounted(()=>{l(),a.destroy()}),e.watch(()=>t,e=>{a.updateConfig(e)},{deep:!0}),{state:n,isOpen:d,messages:h,isLoading:m,error:g,chatMode:u,wsConnected:o,agentTyping:i,currentAgent:c,isConnectingToAgent:r,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 n={class:"custom-welcome-header"},o={class:"custom-welcome-title"},i={class:"custom-welcome-message"},c={class:"custom-welcome-cta"},r={key:2,class:"custom-chat-window"},l={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"},S={key:1,class:"custom-chat-empty"},v=["innerHTML"],I={key:0,class:"custom-chips-container"},k={key:0,class:"custom-chips-group"},C=["onClick"],b={key:0,class:"custom-chips-group"},T=["onClick"],_={class:"custom-message-time"},E={key:2,class:"custom-message custom-message-bot"},V={key:3,class:"custom-message custom-message-bot"},B={key:4,class:"custom-message custom-message-bot"},A=["value","placeholder","disabled"],M=["disabled"],N=((e,t)=>{const s=e.__vccOpts||e;for(const[a,n]of t)s[a]=n;return s})(e.defineComponent({inheritAttrs:!1,__name:"ChatWidget",props:{dfProjectId:{},dfLocation:{},dfAgentId:{},languageCode:{},backendBaseUrl:{},backendWsUrl:{},title:{default:"💬 Charts Connect AI Assistant"},subtitle:{default:"We're here to help"},welcomeTitle:{default:"👋 Welcome to Charts Connect"},welcomeMessage:{default:"My name is Charts Connect 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 Charts Connect AI Assistant. How can I help you today?"},inputPlaceholder:{default:"Type your message..."},emptyStateMessage:{default:"Hi! I'm Charts Connect AI Assistant. How can I help you today?"},debug:{type:Boolean,default:!1}},setup(s){const N=s,{state:D,isOpen:L,messages:x,isLoading:P,error:W,chatMode:$,wsConnected:H,agentTyping:R,currentAgent:F,isConnectingToAgent:O,openChat:z,closeChat:U,sendMessage:j,toggleChat:q,setInputValue:Y,clearError:G,manager:J}=a(N),K=e.ref(null),Q=e.ref(null),X=e.ref(null),Z=e.computed(()=>N),ee=e.computed(()=>D.value.isLoading&&0===D.value.messages.length&&!D.value.sessionId),te=e.computed(()=>!1),se=O;e.watch(()=>x.value.length,()=>{e.nextTick(()=>{K.value?.scrollIntoView({behavior:"smooth"})})});const ae=async()=>{D.value.isOpen||(D.value.isOpen=!0,D.value.showWelcomePopup=!1),await z()},ne=()=>{U()},oe=()=>{J.closeWelcomePopup()},ie=e=>{const t=e.target;Y(t.value)},ce=async e=>{e.preventDefault(),D.value.inputValue.trim()&&await j(D.value.inputValue),Q.value?.focus()},re=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(()=>{Z.value.showWelcomePopup&&"undefined"!=typeof window&&J.initializeWelcomePopup()}),(s,a)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({class:"custom-chat-widget"},s.$attrs),[e.unref(D).showWelcomePopup&&!e.unref(D).isOpen?(e.openBlock(),e.createElementBlock("div",{key:0,class:"custom-welcome-popup",onClick:ae},[e.createElementVNode("div",n,[e.createElementVNode("div",o,e.toDisplayString(Z.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(Z.value.welcomeMessage),1),e.createElementVNode("div",c,e.toDisplayString(Z.value.welcomeCta),1)])):e.createCommentVNode("",!0),e.unref(D).isOpen?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("button",{key:1,class:"custom-chat-toggle-btn",onClick:ae,"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(D).isOpen?(e.openBlock(),e.createElementBlock("div",r,[e.createElementVNode("div",l,[e.createElementVNode("div",d,[e.createElementVNode("div",h,e.toDisplayString(Z.value.title),1),e.createElementVNode("div",m,[e.createTextVNode(e.toDisplayString(Z.value.subtitle)+" ",1),"human"===e.unref(D).chatMode?(e.openBlock(),e.createElementBlock("span",g," • "+e.toDisplayString(e.unref(H)?"🟢 Connected":"🟡 Connecting..."),1)):e.createCommentVNode("",!0)]),"human"===e.unref(D).chatMode?(e.openBlock(),e.createElementBlock("div",u," Human Support Mode ")):e.createCommentVNode("",!0),"human"===e.unref(D).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(F).name),1)])):e.createCommentVNode("",!0),"ai"===e.unref(D).chatMode?(e.openBlock(),e.createElementBlock("div",w," Bot Mode ")):e.createCommentVNode("",!0)]),e.createElementVNode("button",{class:"custom-chat-close-btn",onClick:ne,"aria-label":"Close chat"}," × ")]),e.createElementVNode("div",{class:"custom-chat-messages",ref_key:"messagesContainer",ref:X},[ee.value&&0===e.unref(D).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)])])):ee.value||0!==e.unref(D).messages.length?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",S,[a[3]||(a[3]=e.createElementVNode("div",{class:"custom-chat-empty-icon"},"👋",-1)),e.createElementVNode("p",null,e.toDisplayString(Z.value.emptyStateMessage),1)])),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(D).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,v),s.richContent&&Array.isArray(s.richContent)&&s.richContent.length>0?(e.openBlock(),e.createElementBlock("div",I,[(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",b,[(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=>re(t.text,t.payload)},e.toDisplayString(t.text),9,T))),128))])):e.createCommentVNode("",!0)],64))),128)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},["chips"===t.type&&t.options?(e.openBlock(),e.createElementBlock("div",k,[(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=>re(t.text,t.payload)},e.toDisplayString(t.text),9,C))),128))])):e.createCommentVNode("",!0)],64))],64))),128))])):e.createCommentVNode("",!0),e.createElementVNode("div",_,e.toDisplayString((a=s.timestamp,a.toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"}))),1)],2);var a}),128)),e.unref(D).isLoading?(e.openBlock(),e.createElementBlock("div",E,[...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(se)?(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.createCommentVNode("",!0),"human"===e.unref(D).chatMode&&e.unref(R)?(e.openBlock(),e.createElementBlock("div",B,[...a[6]||(a[6]=[e.createElementVNode("div",{class:"custom-typing-indicator"},[e.createElementVNode("span"),e.createElementVNode("span"),e.createElementVNode("span")],-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(ce,["prevent"])},[e.createElementVNode("input",{ref_key:"inputRef",ref:Q,type:"text",class:"custom-chat-input",value:e.unref(D).inputValue,onInput:ie,placeholder:Z.value.inputPlaceholder,disabled:e.unref(D).isLoading||ee.value||te.value},null,40,A),e.createElementVNode("button",{type:"submit",class:"custom-chat-send-btn",disabled:!e.unref(D).inputValue.trim()||e.unref(D).isLoading||ee.value||te.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,M)],32)])):e.createCommentVNode("",!0)],16))}}),[["__scopeId","data-v-f012ca96"]]);exports.ChatWidgetComponent=N,exports.WidgetStateManager=s,exports.useChatWidget=a;
|
|
2
|
+
//# sourceMappingURL=ChatWidget-Ue2yHqNP.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ChatWidget-Ue2yHqNP.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 // 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 private handoffTimeoutId: ReturnType<typeof setTimeout> | 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('chartsconnectect_chat_mode');\n this.chatMode = savedMode === 'HUMAN' ? 'human' : 'ai';\n this.state.chatMode = this.chatMode;\n \n this.chatId = localStorage.getItem('chartsconnect_chat_id');\n this.supportSessionId = localStorage.getItem('chartsconnect_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 // 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 // Proceed directly with handoff — user details collected by Dialogflow via webhook\n await this.handleHandoff();\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('chartsconnect_chat_id');\n localStorage.removeItem('chartsconnect_session_id');\n }\n \n // Try to reinitialize chat\n try {\n const newSession = await this.chatService.startSupportChat(\n this.state.sessionId || null\n );\n this.chatId = newSession.chat_id;\n this.supportSessionId = newSession.session_id;\n if (typeof window !== 'undefined' && window.localStorage) {\n localStorage.setItem('chartsconnect_chat_id', this.chatId);\n localStorage.setItem('chartsconnect_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('chartsconnect_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('chartsconnect_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 * Handle handoff from Dialogflow to human support\n */\n async handleHandoff(): 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 );\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('chartsconnect_chat_id', this.chatId);\n localStorage.setItem('chartsconnect_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 );\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('chartsconnect_chat_id');\n localStorage.removeItem('chartsconnect_session_id');\n }\n \n // Create new chat session\n const newSession = await this.chatService.startSupportChat(\n dialogflowSessionId || 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('chartsconnect_chat_id', this.chatId);\n localStorage.setItem('chartsconnect_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 );\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 // 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 // Frontend safety timer: fallback if backend timeout message is missed\n // Slightly longer than backend (200s vs 180s) to give backend priority\n if (this.handoffTimeoutId) {\n clearTimeout(this.handoffTimeoutId);\n }\n this.handoffTimeoutId = setTimeout(() => {\n if (!this.agentAccepted && this.chatMode === 'human') {\n console.warn('Handoff timeout (frontend safety net)');\n this.enterResolvedState(\n this.chatId || null,\n 'All our agents are currently busy. Don\\'t worry \\u2014 I\\'m connecting you back to our AI assistant. Feel free to try reaching a live agent again shortly!'\n );\n }\n }, 200000); // 3 min 20 sec\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 if (this.handoffTimeoutId) {\n clearTimeout(this.handoffTimeoutId);\n this.handoffTimeoutId = null;\n }\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 'handoff_timeout':\n this.enterResolvedState(\n message.chat_id || null,\n message.message || 'All our agents are currently busy. Don\\'t worry \\u2014 I\\'m connecting you back to our AI assistant. Feel free to try reaching a live agent again shortly!'\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, customMessage?: string): 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 if (this.handoffTimeoutId) {\n clearTimeout(this.handoffTimeoutId);\n this.handoffTimeoutId = 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('chartsconnect_chat_id');\n localStorage.removeItem('chartsconnect_session_id');\n }\n \n // Add thank you / timeout message before reset\n const thankYouMessage: ChatMessage = {\n id: `resolved-${Date.now()}`,\n text: customMessage || '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 // 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.handoffTimeoutId) {\n clearTimeout(this.handoffTimeoutId);\n this.handoffTimeoutId = null;\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>\n\n <!-- Agent Typing Indicator -->\n <div v-if=\"state.chatMode === 'human' && agentTyping\" 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 <div ref=\"messagesEndRef\"></div>\n </div>\n\n <!-- Input Form -->\n <form class=\"custom-chat-input-form\" @submit.prevent=\"handleSubmit\">\n <input\n ref=\"inputRef\"\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: '💬 Charts Connect AI Assistant',\n subtitle: \"We're here to help\",\n welcomeTitle: '👋 Welcome to Charts Connect',\n welcomeMessage: \"My name is Charts Connect 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 Charts Connect AI Assistant. How can I help you today?\",\n inputPlaceholder: 'Type your message...',\n emptyStateMessage: \"Hi! I'm Charts Connect 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 inputRef = ref<HTMLInputElement | 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 // Keep focus on input so user can continue typing\n inputRef.value?.focus();\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","wsConnected","agentTyping","currentAgent","name","isConnectingToAgent","agentAccepted","chatResolved","historyLoaded","typingTimeout","agentTypingTimeout","handoffTimeoutId","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","sendHumanMessage","sendAIMessage","ChatResolvedError","enterResolvedState","errorMessage","includes","Error","response","sendDialogflowMessage","handoff","botMessage","handleHandoff","sendTypingIndicator","clearTimeout","sendMessageViaWebSocket","sendMessageToAgent","removeItem","newSession","startSupportChat","chat_id","setItem","retryError","switchToHumanMode","switchToBotMode","initializeWelcomePopup","delay","welcomePopupDelay","setTimeout","dialogflowSessionId","ensureChatInitialized","currentChatId","currentSupportSessionId","requestHandoff","handoffError","connectWebSocket","handleWebSocketMessage","connected","type","content","sender_type","agentMessage","map","m","has","to_agent","to_agent_id","systemMessage","from_agent","acceptedMessage","status","agent_id","resolvedChatId","customMessage","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","inputRef","messagesContainer","isInitializing","length","isStartingNewChat","nextTick","scrollIntoView","behavior","handleOpenChat","handleCloseChat","handleCloseWelcomePopup","handleInput","event","target","handleSubmit","preventDefault","focus","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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"}
|