PluginProbe
MxChat – AI Chatbot & Content Generation for WordPress / 2.5.8
MxChat – AI Chatbot & Content Generation for WordPress v2.5.8
3.2.21 3.2.20 3.2.19 3.2.18 3.2.17 3.2.16 3.2.15 3.2.14 3.2.12 3.2.13 3.2.11 3.2.10 3.2.9 3.2.8 3.2.7 3.2.6 3.2.5 3.2.4 3.2.3 3.2.2 3.2.1 2.0.3 2.0.4 2.0.5 2.0.6 All 152 releases
← All changes | js/chat-script.js +1105 -1604 3.2.2 → 2.5.8 View file →
@@ -1,215 +1,12 @@
1 1 jQuery(document).ready(function($) {
2 -
3 - // Nonce refresh is deferred until first user interaction (ensureSession)
4 - // to avoid admin-ajax calls on passive page loads.
5 - var nonceRefreshed = false;
6 - function refreshNonceIfNeeded(callback) {
7 - if (nonceRefreshed || typeof mxchatChat === 'undefined' || !mxchatChat.ajax_url) {
8 - if (callback) callback();
9 - return;
10 - }
11 - nonceRefreshed = true;
12 - $.post(mxchatChat.ajax_url, { action: 'mxchat_refresh_nonce' }, function(res) {
13 - if (res && res.success && res.data && res.data.nonce) {
14 - mxchatChat.nonce = res.data.nonce;
15 - }
16 - if (callback) callback();
17 - });
18 - }
19 -
2 +
20 3 // ====================================
21 - // MULTI-INSTANCE MANAGEMENT SYSTEM
22 - // ====================================
23 -
24 - // Instance registry - tracks all chatbot instances on the page
25 - const MxChatInstances = {
26 - instances: {},
27 -
28 - // Initialize an instance for a bot
29 - init: function(botId) {
30 - if (!this.instances[botId]) {
31 - // When persistence is OFF, track when this session started
32 - // so the AI only sees messages from this page load
33 - var chatPersistenceEnabled = typeof mxchatChat !== 'undefined' && mxchatChat.chat_persistence_toggle === 'on';
34 -
35 - this.instances[botId] = {
36 - botId: botId,
37 - sessionId: null,
38 - lastSeenMessageId: '',
39 - notificationCheckInterval: null,
40 - pollingInterval: null,
41 - processedMessageIds: new Set(),
42 - activePdfFile: null,
43 - activeWordFile: null,
44 - chatHistoryLoaded: false,
45 - isStreaming: false,
46 - // Fresh context timestamp - only used when persistence is OFF
47 - sessionStartTimestamp: chatPersistenceEnabled ? 0 : Date.now()
48 - };
49 - }
50 - return this.instances[botId];
51 - },
52 -
53 - // Get instance by botId
54 - get: function(botId) {
55 - return this.instances[botId] || this.init(botId);
56 - },
57 -
58 - // Get all active bot IDs
59 - getAllBotIds: function() {
60 - return Object.keys(this.instances);
61 - },
62 -
63 - // Session management per bot
64 - // Returns existing session ID from cookie or localStorage, or null if none exists.
65 - // Does NOT create a new session — use ensureSession() for that.
66 - getChatSession: function(botId) {
67 - var cookieName = 'mxchat_session_id_' + botId;
68 - var storageKey = 'mxchat_session_id_' + botId;
69 - var sessionId = getCookie(cookieName);
70 -
71 - // Fallback to localStorage if cookie is missing (e.g. cleared by browser/consent)
72 - if (!sessionId) {
73 - try { sessionId = localStorage.getItem(storageKey); } catch (e) {}
74 - }
75 -
76 - // Re-sync cookie from localStorage if cookie was lost
77 - if (sessionId && !getCookie(cookieName)) {
78 - document.cookie = cookieName + "=" + sessionId + "; path=/; max-age=86400; SameSite=Lax";
79 - }
80 -
81 - return sessionId || null;
82 - },
83 -
84 - // Lazy session initializer — called on first user interaction
85 - ensureSession: function(botId) {
86 - botId = botId || 'default';
87 - var instance = this.instances[botId] || this.init(botId);
88 -
89 - if (instance.sessionId) {
90 - return instance.sessionId;
91 - }
92 -
93 - // Check for existing session from cookie or localStorage
94 - var existingSession = this.getChatSession(botId);
95 -
96 - if (existingSession) {
97 - instance.sessionId = existingSession;
98 - } else {
99 - // Brand new session
100 - var newId = generateSessionId();
101 - this.setChatSession(botId, newId);
102 - instance.sessionId = newId;
103 - }
104 -
105 - // Now that we have a session, do the deferred work
106 - refreshNonceIfNeeded();
107 - trackOriginatingPage();
108 -
109 - // Note: loadChatHistory is handled by showChatContainerForBot with loader UI,
110 - // so we do NOT call it here to avoid a race condition.
111 -
112 - return instance.sessionId;
113 - },
114 -
115 - setChatSession: function(botId, sessionId) {
116 - var cookieName = 'mxchat_session_id_' + botId;
117 - var storageKey = 'mxchat_session_id_' + botId;
118 - document.cookie = cookieName + "=" + sessionId + "; path=/; max-age=86400; SameSite=Lax";
119 - try { localStorage.setItem(storageKey, sessionId); } catch (e) {}
120 - if (this.instances[botId]) {
121 - this.instances[botId].sessionId = sessionId;
122 - }
123 - },
124 -
125 - resetChatSession: function(botId) {
126 - // Clear old session from localStorage before setting new one
127 - try { localStorage.removeItem('mxchat_session_id_' + botId); } catch (e) {}
128 - var newSessionId = generateSessionId();
129 - this.setChatSession(botId, newSessionId);
130 - var $chatBox = getElement(botId, 'chat-box');
131 - if ($chatBox.length) {
132 - $chatBox.find('.user-message, .bot-message:not(:first), .agent-message').remove();
133 - }
134 - if (this.instances[botId]) {
135 - this.instances[botId].chatHistoryLoaded = false;
136 - this.instances[botId].processedMessageIds = new Set();
137 - }
138 - },
139 -
140 - // Silent reset — new session ID without clearing the chat UI
141 - // Used when IP changes mid-conversation so the user doesn't see messages vanish
142 - silentResetSession: function(botId) {
143 - try { localStorage.removeItem('mxchat_session_id_' + botId); } catch (e) {}
144 - var newSessionId = generateSessionId();
145 - this.setChatSession(botId, newSessionId);
146 - if (this.instances[botId]) {
147 - this.instances[botId].sessionId = newSessionId;
148 - }
149 - return newSessionId;
150 - }
151 - };
152 -
153 - // ====================================
154 - // ELEMENT SELECTOR HELPERS
155 - // ====================================
156 -
157 - // Check if a specific bot has an AI theme assigned (skip inline colors)
158 - function shouldSkipInlineColors(botId) {
159 - // If global AI theme is active, skip inline colors for all bots
160 - if (mxchatChat.skip_inline_colors) {
161 - return true;
162 - }
163 - // Check if this specific bot has a theme assignment
164 - var botAssignments = mxchatChat.bot_theme_assignments || {};
165 - return botAssignments.hasOwnProperty(botId);
166 - }
167 -
168 - // Get element by ID with bot suffix - returns jQuery object
169 - function getElement(botId, elementName) {
170 - return $('#' + elementName + '-' + botId);
171 - }
172 -
173 - // Get element by ID with bot suffix - returns DOM element
174 - function getElementDOM(botId, elementName) {
175 - return document.getElementById(elementName + '-' + botId);
176 - }
177 -
178 - // Get bot ID from any element within a chatbot instance
179 - function getBotIdFromElement(element) {
180 - var $wrapper = $(element).closest('.mxchat-chatbot-wrapper');
181 - if ($wrapper.length) {
182 - return $wrapper.data('bot-id') || 'default';
183 - }
184 - // Fallback: try to find from floating container
185 - var $floating = $(element).closest('.floating-chatbot');
186 - if ($floating.length) {
187 - var id = $floating.attr('id') || '';
188 - var match = id.match(/floating-chatbot-(.+)/);
189 - if (match) return match[1];
190 - }
191 - // Fallback: check if element itself has an ID with bot suffix (e.g., floating-chatbot-button-{bot_id})
192 - var elementId = $(element).attr('id') || '';
193 - if (elementId) {
194 - // Match patterns like: floating-chatbot-button-{bot_id}, pre-chat-message-{bot_id}
195 - var idMatch = elementId.match(/^(?:floating-chatbot-button|pre-chat-message|chat-notification-badge)-(.+)$/);
196 - if (idMatch) return idMatch[1];
197 - }
198 - return 'default';
199 - }
200 -
201 - // Get wrapper element for a bot
202 - function getWrapper(botId) {
203 - return getElement(botId, 'mxchat-chatbot-wrapper');
204 - }
205 -
206 - // ====================================
207 4 // GLOBAL VARIABLES & CONFIGURATION
208 5 // ====================================
209 6 const toolbarIconColor = mxchatChat.toolbar_icon_color || '#212121';
210 -
211 - // Initialize color settings (these are global as they come from PHP)
7 +
8 + // Initialize color settings
212 9 var userMessageBgColor = mxchatChat.user_message_bg_color;
213 10 var userMessageFontColor = mxchatChat.user_message_font_color;
214 11 var botMessageBgColor = mxchatChat.bot_message_bg_color;
215 12 var botMessageFontColor = mxchatChat.bot_message_font_color;
@@ -214,64 +11,53 @@
214 11 var botMessageBgColor = mxchatChat.bot_message_bg_color;
215 12 var botMessageFontColor = mxchatChat.bot_message_font_color;
216 13 var liveAgentMessageBgColor = mxchatChat.live_agent_message_bg_color;
217 14 var liveAgentMessageFontColor = mxchatChat.live_agent_message_font_color;
218 -
15 +
219 16 var linkTarget = mxchatChat.link_target_toggle === 'on' ? '_blank' : '_self';
17 + let lastSeenMessageId = '';
18 + let notificationCheckInterval;
19 + let notificationBadge;
20 + var sessionId = getChatSession();
21 + let pollingInterval;
22 + let processedMessageIds = new Set();
23 + let activePdfFile = null;
24 + let activeWordFile = null;
25 + let chatHistoryLoaded = false;
220 26
221 27 // ====================================
222 - // SESSION MANAGEMENT (Legacy compatibility)
28 + // SESSION MANAGEMENT
223 29 // ====================================
224 -
30 +
31 + function getChatSession() {
32 + var sessionId = getCookie('mxchat_session_id');
33 + //console.log("Session ID retrieved from cookie: ", sessionId);
34 +
35 + if (!sessionId) {
36 + sessionId = generateSessionId();
37 + //console.log("Generated new session ID: ", sessionId);
38 + setChatSession(sessionId);
39 + }
40 +
41 + //console.log("Final session ID: ", sessionId);
42 + return sessionId;
43 + }
44 +
45 + function setChatSession(sessionId) {
46 + // Set the cookie with a 24-hour expiration (86400 seconds)
47 + document.cookie = "mxchat_session_id=" + sessionId + "; path=/; max-age=86400; SameSite=Lax";
48 + }
49 +
225 50 function getCookie(name) {
226 51 let value = "; " + document.cookie;
227 52 let parts = value.split("; " + name + "=");
228 53 if (parts.length == 2) return parts.pop().split(";").shift();
229 54 }
230 -
55 +
231 56 function generateSessionId() {
232 57 return 'mxchat_chat_' + Math.random().toString(36).substr(2, 9);
233 58 }
234 59
235 - // Legacy function - now delegates to instance manager
236 - function getChatSession(botId) {
237 - botId = botId || 'default';
238 - return MxChatInstances.getChatSession(botId);
239 - }
240 -
241 - function setChatSession(sessionId, botId) {
242 - botId = botId || 'default';
243 - MxChatInstances.setChatSession(botId, sessionId);
244 - }
245 -
246 - function resetChatSession(botId) {
247 - botId = botId || 'default';
248 - MxChatInstances.resetChatSession(botId);
249 - }
250 -
251 - // ====================================
252 - // INITIALIZE ALL CHATBOT INSTANCES
253 - // ====================================
254 -
255 - function initializeAllInstances() {
256 - // Find all chatbot wrappers on the page
257 - $('.mxchat-chatbot-wrapper').each(function() {
258 - var botId = $(this).data('bot-id') || 'default';
259 - MxChatInstances.init(botId);
260 - initializeBotInstance(botId);
261 - });
262 - }
263 -
264 - function initializeBotInstance(botId) {
265 - var instance = MxChatInstances.get(botId);
266 -
267 - // Initialize quick questions state for this bot
268 - checkQuickQuestionsState(botId);
269 -
270 - // Note: Event handlers use event delegation with class selectors,
271 - // so they work automatically for all instances without per-bot setup
272 - }
273 -
274 60 // ====================================
275 61 // CONTEXTUAL AWARENESS FUNCTIONALITY
276 62 // ====================================
277 63
@@ -416,123 +202,70 @@
416 202
417 203 // ====================================
418 204 // CORE CHAT FUNCTIONALITY
419 205 // ====================================
420 -
421 -// Helper functions to disable/enable chat input while waiting for response
422 -function disableChatInput(botId) {
423 - botId = botId || 'default';
424 - var chatInput = getElementDOM(botId, 'chat-input');
425 - var sendButton = getElementDOM(botId, 'send-button');
426 - if (chatInput) {
427 - chatInput.disabled = true;
428 - chatInput.style.opacity = '0.6';
429 - }
430 - if (sendButton) {
431 - sendButton.disabled = true;
432 - sendButton.style.opacity = '0.5';
433 - sendButton.style.pointerEvents = 'none';
434 - }
435 -}
436 -
437 -function enableChatInput(botId) {
438 - botId = botId || 'default';
439 - var chatInput = getElementDOM(botId, 'chat-input');
440 - var sendButton = getElementDOM(botId, 'send-button');
441 - if (chatInput) {
442 - chatInput.disabled = false;
443 - chatInput.style.opacity = '1';
444 - chatInput.focus();
445 - }
446 - if (sendButton) {
447 - sendButton.disabled = false;
448 - sendButton.style.opacity = '1';
449 - sendButton.style.pointerEvents = 'auto';
450 - }
451 -}
452 -
453 206 // Update your existing sendMessage function
454 -function sendMessage(botId) {
455 - botId = botId || 'default';
456 - MxChatInstances.ensureSession(botId);
457 - var $chatInput = getElement(botId, 'chat-input');
458 - var message = $chatInput.val();
459 -
207 +function sendMessage() {
208 + var message = $('#chat-input').val();
209 +
460 210 // ADD PROMPT HOOK HERE
461 - if (typeof customMxChatFilter === 'function') {
462 - message = customMxChatFilter(message, "prompt");
211 + if (typeof customMxChatFilter === 'function') {
212 + message = customMxChatFilter(message, "prompt");
463 213 }
464 -
214 +
465 215 if (message) {
466 - // Don't disable input in live agent mode - let users chat freely
467 - var modeIndicator = getElementDOM(botId, 'chat-mode-indicator');
468 - var isAgentMode = modeIndicator && modeIndicator.textContent === 'Live Agent';
469 - if (!isAgentMode) {
470 - disableChatInput(botId);
471 - }
216 + appendMessage("user", message);
217 + $('#chat-input').val('');
218 + $('#chat-input').css('height', 'auto');
472 219
473 - appendMessage("user", message, '', [], false, botId);
474 - $chatInput.val('');
475 - $chatInput.css('height', 'auto');
476 -
477 - if (hasQuickQuestions(botId)) {
478 - collapseQuickQuestions(botId);
220 + if (hasQuickQuestions()) {
221 + collapseQuickQuestions();
479 222 }
480 - appendThinkingMessage(botId);
481 - scrollToBottom(botId);
223 + appendThinkingMessage();
224 + scrollToBottom();
482 225
483 - const currentModel = mxchatChat.model || 'gpt-5.1-chat-latest';
226 + const currentModel = mxchatChat.model || 'gpt-4o';
484 227
485 228 // Check if streaming is enabled AND supported for this model
486 229 if (shouldUseStreaming(currentModel)) {
487 230 callMxChatStream(message, function(response) {
488 - getElement(botId, 'chat-box').find('.bot-message.temporary-message').removeClass('temporary-message');
489 - }, botId);
231 + $('.bot-message.temporary-message').removeClass('temporary-message');
232 + });
490 233 } else {
491 234 callMxChat(message, function(response) {
492 - replaceLastMessage("bot", response, '', [], botId);
493 - }, botId);
235 + replaceLastMessage("bot", response);
236 + });
494 237 }
495 238 }
496 239 }
497 240
498 241 // Update your existing sendMessageToChatbot function
499 -function sendMessageToChatbot(message, botId) {
500 - botId = botId || 'default';
501 - MxChatInstances.ensureSession(botId);
502 -
242 +function sendMessageToChatbot(message) {
503 243 // ADD PROMPT HOOK HERE
504 244 if (typeof customMxChatFilter === 'function') {
505 245 message = customMxChatFilter(message, "prompt");
506 246 }
247 +
248 + var sessionId = getChatSession();
507 249
508 - // Don't disable input in live agent mode - let users chat freely
509 - var modeIndicator = getElementDOM(botId, 'chat-mode-indicator');
510 - var isAgentMode = modeIndicator && modeIndicator.textContent === 'Live Agent';
511 - if (!isAgentMode) {
512 - disableChatInput(botId);
250 + if (hasQuickQuestions()) {
251 + collapseQuickQuestions();
513 252 }
253 + appendThinkingMessage();
254 + scrollToBottom();
514 255
515 - var sessionId = getChatSession(botId);
256 + const currentModel = mxchatChat.model || 'gpt-4o';
516 257
517 - if (hasQuickQuestions(botId)) {
518 - collapseQuickQuestions(botId);
519 - }
520 - appendThinkingMessage(botId);
521 - scrollToBottom(botId);
522 -
523 - const currentModel = mxchatChat.model || 'gpt-5.1-chat-latest';
524 -
525 258 // Check if streaming is enabled AND supported for this model
526 259 if (shouldUseStreaming(currentModel)) {
527 260 callMxChatStream(message, function(response) {
528 - getElement(botId, 'chat-box').find('.bot-message.temporary-message').removeClass('temporary-message');
529 - }, botId);
261 + $('.bot-message.temporary-message').removeClass('temporary-message');
262 + });
530 263 } else {
531 264 callMxChat(message, function(response) {
532 - getElement(botId, 'chat-box').find('.temporary-message').remove();
533 - replaceLastMessage("bot", response, '', [], botId);
534 - }, botId);
265 + $('.temporary-message').remove();
266 + replaceLastMessage("bot", response);
267 + });
535 268 }
536 269 }
537 270
538 271 // Updated shouldUseStreaming function with debugging
@@ -575,43 +308,30 @@
575 308 updateChatModeIndicator('agent');
576 309 }
577 310 }
578 311
579 -// Function to get bot ID from any element or wrapper
580 -// If element is provided, finds the bot ID from its wrapper
581 -// If no element, returns 'default' (for backward compatibility)
582 -function getMxChatBotId(element) {
583 - if (element) {
584 - return getBotIdFromElement(element);
585 - }
586 - // Fallback: find first chatbot wrapper on page
587 - const chatbotWrapper = document.querySelector('.mxchat-chatbot-wrapper');
312 +//Function to get bot ID from the chatbot wrapper
313 +function getMxChatBotId() {
314 + const chatbotWrapper = document.getElementById('mxchat-chatbot-wrapper');
588 315 return chatbotWrapper ? chatbotWrapper.getAttribute('data-bot-id') || 'default' : 'default';
589 316 }
590 317
591 -function callMxChat(message, callback, botId) {
592 - botId = botId || getMxChatBotId();
593 -
594 - // Store the message in case we need to retry after session reset
595 - getElement(botId, 'mxchat-chatbot-wrapper').find('.mxchat-input-holder textarea').data('pending-message', message);
596 -
318 +function callMxChat(message, callback) {
597 319 // Get page context if contextual awareness is enabled
598 320 const pageContext = getPageContext();
599 -
600 - // Get instance for session start timestamp (used when persistence is OFF)
601 - var instance = MxChatInstances.get(botId);
602 -
321 +
322 + // Get bot ID
323 + const botId = getMxChatBotId();
324 +
603 325 // Prepare AJAX data
604 326 const ajaxData = {
605 327 action: 'mxchat_handle_chat_request',
606 328 message: message,
607 - session_id: getChatSession(botId),
329 + session_id: getChatSession(),
608 330 nonce: mxchatChat.nonce,
609 331 current_page_url: window.location.href,
610 332 current_page_title: document.title,
611 - bot_id: botId,
612 - // Pass session start timestamp so AI context matches what user sees
613 - session_start_timestamp: instance.sessionStartTimestamp || 0
333 + bot_id: botId // Include bot ID
614 334 };
615 335
616 336 // Add page context if available
617 337 if (pageContext) {
@@ -634,18 +354,29 @@
634 354 type: 'POST',
635 355 dataType: 'json',
636 356 data: ajaxData,
637 357 success: function(response) {
638 - // IMMEDIATE CHAT MODE UPDATE - This should be FIRST
358 +
359 + // IMMEDIATE CHAT MODE UPDATE - This should be FIRST
360 + if (response.chat_mode) {
361 + //console.log("Updating chat mode to:", response.chat_mode);
362 + updateChatModeIndicator(response.chat_mode);
363 + }
364 +
365 + // Also check in data property if response is wrapped
366 + if (response.data && response.data.chat_mode) {
367 + //console.log("Updating chat mode from data to:", response.data.chat_mode);
368 + updateChatModeIndicator(response.data.chat_mode);
369 + }
370 + // Log the full response for debugging
371 + //console.log("API Response:", response);
372 +
373 + // IMMEDIATE CHAT MODE UPDATE - Handle this first, before any other processing
639 374 if (response.chat_mode) {
640 - updateChatModeIndicator(response.chat_mode, botId);
375 + //console.log("Updating chat mode immediately to:", response.chat_mode);
376 + updateChatModeIndicator(response.chat_mode);
641 377 }
642 378
643 - // Also check in data property if response is wrapped
644 - if (response.data && response.data.chat_mode) {
645 - updateChatModeIndicator(response.data.chat_mode, botId);
646 - }
647 -
648 379 // SECURITY FIX: Check for errors FIRST before checking for success
649 380 // This ensures API errors (quota exceeded, invalid key, rate limit) are properly displayed
650 381 if (response.success === false || (response.data && response.data.error_message)) {
651 382 let errorMessage = "";
@@ -666,29 +397,11 @@
666 397 // Fallback for any other unexpected response format
667 398 errorMessage = "An error occurred. Please try again or contact support.";
668 399 }
669 400
670 - // Handle session reset action (IP changed, session expired, etc.)
671 - // Silent reset — keep chat UI intact, just get a new session and retry
672 - if (response.data && response.data.action === 'reset_session') {
673 - MxChatInstances.silentResetSession(botId);
674 - // Re-send the original message with the new session (user message is already displayed)
675 - var originalMessage = getElement(botId, 'mxchat-chatbot-wrapper').find('.mxchat-input-holder textarea').data('pending-message');
676 - if (originalMessage) {
677 - getElement(botId, 'mxchat-chatbot-wrapper').find('.mxchat-input-holder textarea').data('pending-message', null);
678 - var currentModel = mxchatChat.model || 'gpt-5.1-chat-latest';
679 - if (shouldUseStreaming(currentModel)) {
680 - callMxChatStream(originalMessage, function(response) {
681 - getElement(botId, 'chat-box').find('.bot-message.temporary-message').removeClass('temporary-message');
682 - }, botId);
683 - } else {
684 - callMxChat(originalMessage, function(response) {
685 - replaceLastMessage("bot", response, '', [], botId);
686 - }, botId);
687 - }
688 - }
689 - return;
690 - }
401 + // Log the error with code for debugging
402 + //console.log("Response data:", response.data);
403 + //console.error("API Error:", errorMessage, "Code:", errorCode);
691 404
692 405 // Format user-friendly error message
693 406 let displayMessage = errorMessage;
694 407
@@ -697,9 +410,9 @@
697 410 // For admin users, show more technical details including error code
698 411 displayMessage = errorMessage + (errorCode ? " (Error code: " + errorCode + ")" : "");
699 412 }
700 413
701 - replaceLastMessage("bot", displayMessage, '', [], botId);
414 + replaceLastMessage("bot", displayMessage);
702 415 return; // Exit early for errors
703 416 }
704 417
705 418 // NOW check if this is a successful response by looking for text, html, or message fields
@@ -715,17 +428,16 @@
715 428 let responseMessage = response.message || '';
716 429
717 430 // Add PDF filename handling
718 431 if (response.data && response.data.filename) {
719 - showActivePdf(response.data.filename, botId);
720 - var instance = MxChatInstances.get(botId);
721 - instance.activePdfFile = response.data.filename;
432 + showActivePdf(response.data.filename);
433 + activePdfFile = response.data.filename;
722 434 }
723 435
724 436 // Add redirect check here
725 437 if (response.redirect_url) {
726 438 if (responseText) {
727 - replaceLastMessage("bot", responseText, '', [], botId);
439 + replaceLastMessage("bot", responseText);
728 440 }
729 441 setTimeout(() => {
730 442 window.location.href = response.redirect_url;
731 443 }, 1500);
@@ -733,11 +445,9 @@
733 445 }
734 446
735 447 // Check for live agent response
736 448 if (response.success && response.data && response.data.status === 'waiting_for_agent') {
737 - removeThinkingDots(botId);
738 - updateChatModeIndicator('agent', botId);
739 - enableChatInput(botId);
449 + updateChatModeIndicator('agent');
740 450 return;
741 451 }
742 452
743 453 // Handle the message and show notification if chat is hidden
@@ -752,36 +462,32 @@
752 462 }
753 463
754 464 // Update the messages as before
755 465 if (responseText && responseHtml) {
756 - replaceLastMessage("bot", responseText, responseHtml, [], botId);
466 + replaceLastMessage("bot", responseText, responseHtml);
757 467 } else if (responseText) {
758 - replaceLastMessage("bot", responseText, '', [], botId);
468 + replaceLastMessage("bot", responseText);
759 469 } else if (responseHtml) {
760 - replaceLastMessage("bot", "", responseHtml, [], botId);
470 + replaceLastMessage("bot", "", responseHtml);
761 471 } else if (responseMessage) {
762 - replaceLastMessage("bot", responseMessage, '', [], botId);
472 + replaceLastMessage("bot", responseMessage);
763 473 }
764 474
765 475 // Check if chat is hidden and show notification
766 - var $floatingChatbot = getElement(botId, 'floating-chatbot');
767 - if ($floatingChatbot.hasClass('hidden')) {
768 - var $badge = getElement(botId, 'chat-notification-badge');
769 - if ($badge.length) {
770 - $badge.show();
476 + if ($('#floating-chatbot').hasClass('hidden')) {
477 + const badge = $('#chat-notification-badge');
478 + if (badge.length) {
479 + badge.show();
771 480 }
772 481 }
773 482 } else {
774 - var emptyMsg = "I received an empty response. Please try again or contact support if this persists.";
775 - if (response.vectorstore_error) {
776 - emptyMsg = "I received an empty response. Debug info: " + response.vectorstore_error;
777 - }
778 - replaceLastMessage("bot", emptyMsg, '', [], botId);
483 + // This should rarely happen now that errors are handled above
484 + ////console.error("Unexpected response format:", response);
485 + replaceLastMessage("bot", "I received an empty response. Please try again or contact support if this persists.");
779 486 }
780 487
781 488 if (response.message_id) {
782 - var instance = MxChatInstances.get(botId);
783 - instance.lastSeenMessageId = response.message_id;
489 + lastSeenMessageId = response.message_id;
784 490 }
785 491
786 492 return;
787 493 }
@@ -786,16 +492,20 @@
786 492 return;
787 493 }
788 494
789 495 // Fallback for truly unexpected response formats
790 - replaceLastMessage("bot", "Unexpected response format. Please try again or contact support.", '', [], botId);
496 + replaceLastMessage("bot", "Unexpected response format. Please try again or contact support.");
791 497 },
792 498 error: function(xhr, status, error) {
499 + //console.error("AJAX Error:", status, error);
500 + //console.log("Response Text:", xhr.responseText);
501 +
793 502 let errorMessage = "An unexpected error occurred.";
794 503
795 504 // Try to parse the response if it's JSON
796 505 try {
797 506 const responseJson = JSON.parse(xhr.responseText);
507 + //console.log("Parsed error response:", responseJson);
798 508
799 509 if (responseJson.data && responseJson.data.error_message) {
800 510 errorMessage = responseJson.data.error_message;
801 511 } else if (responseJson.message) {
@@ -815,42 +525,38 @@
815 525 errorMessage = "Server error: The server encountered an issue. Please try again later.";
816 526 }
817 527 }
818 528
819 - replaceLastMessage("bot", errorMessage, '', [], botId);
529 + replaceLastMessage("bot", errorMessage);
820 530 }
821 531 });
822 532 }
823 533
824 -function callMxChatStream(message, callback, botId) {
825 - botId = botId || getMxChatBotId();
826 -
827 - // Store the message in case we need to retry after session reset
828 - getElement(botId, 'mxchat-chatbot-wrapper').find('.mxchat-input-holder textarea').data('pending-message', message);
829 -
830 - const currentModel = mxchatChat.model || 'gpt-5.1-chat-latest';
534 +function callMxChatStream(message, callback) {
535 + //console.log("Using streaming for message:", message);
536 +
537 + const currentModel = mxchatChat.model || 'gpt-4o';
831 538 if (!isStreamingSupported(currentModel)) {
832 - callMxChat(message, callback, botId);
539 + //console.log("Streaming not supported, falling back to regular call");
540 + callMxChat(message, callback);
833 541 return;
834 542 }
835 543
836 544 // Get page context if contextual awareness is enabled
837 545 const pageContext = getPageContext();
546 +
547 + // Get bot ID
548 + const botId = getMxChatBotId();
838 549
839 - // Get instance for session start timestamp (used when persistence is OFF)
840 - var instance = MxChatInstances.get(botId);
841 -
842 550 const formData = new FormData();
843 551 formData.append('action', 'mxchat_stream_chat');
844 552 formData.append('message', message);
845 - formData.append('session_id', getChatSession(botId));
553 + formData.append('session_id', getChatSession());
846 554 formData.append('nonce', mxchatChat.nonce);
847 555 formData.append('current_page_url', window.location.href);
848 556 formData.append('current_page_title', document.title);
849 - formData.append('bot_id', botId);
850 - // Pass session start timestamp so AI context matches what user sees
851 - formData.append('session_start_timestamp', instance.sessionStartTimestamp || 0);
852 -
557 + formData.append('bot_id', botId); // Include bot ID
558 +
853 559 // Add page context if available
854 560 if (pageContext) {
855 561 formData.append('page_context', JSON.stringify(pageContext));
856 562 }
@@ -875,14 +581,17 @@
875 581 body: formData,
876 582 credentials: 'same-origin'
877 583 })
878 584 .then(response => {
585 + //console.log("Streaming response received:", response);
586 +
879 587 // Store the response for potential fallback handling
880 588 const responseClone = response.clone();
881 -
589 +
882 590 if (!response.ok) {
883 591 // Try to get error details from response
884 592 return responseClone.json().then(errorData => {
593 + //console.log("Server returned error response:", errorData);
885 594 throw { isServerError: true, data: errorData };
886 595 }).catch(() => {
887 596 throw new Error('Network response was not ok');
888 597 });
@@ -890,21 +599,26 @@
890 599
891 600 // Check if response is JSON instead of streaming
892 601 const contentType = response.headers.get('content-type');
893 602 if (contentType && contentType.includes('application/json')) {
603 + //console.log("Received JSON response instead of stream");
894 604 return responseClone.json().then(data => {
605 + //console.log("Processing JSON response:", data);
606 +
895 607 // IMMEDIATE CHAT MODE UPDATE for JSON response
896 608 if (data.chat_mode) {
897 - updateChatModeIndicator(data.chat_mode, botId);
609 + //console.log("JSON Response: Updating chat mode to:", data.chat_mode);
610 + updateChatModeIndicator(data.chat_mode);
898 611 }
899 -
612 +
900 613 // Check for testing panel
901 614 if (window.mxchatTestPanelInstance && data.testing_data) {
615 + //console.log('Testing data found in streaming JSON response:', data.testing_data);
902 616 window.mxchatTestPanelInstance.handleTestingData(data.testing_data);
903 617 }
904 -
618 +
905 619 // Handle the JSON response directly
906 - handleNonStreamResponse(data, callback, botId);
620 + handleNonStreamResponse(data, callback);
907 621 return Promise.resolve(); // Prevent further processing
908 622 });
909 623 }
910 624
@@ -915,36 +629,37 @@
915 629
916 630 function processStream() {
917 631 reader.read().then(({ done, value }) => {
918 632 if (done) {
633 + //console.log("Streaming completed, final content:", accumulatedContent);
634 +
919 635 // If streaming completed but no content was received, try to get response as fallback
920 636 if (!streamingStarted || !accumulatedContent) {
637 + //console.log("Stream completed with no content, checking for fallback data");
638 +
921 639 // Try to read the response as JSON
922 640 responseClone.text().then(text => {
923 641 try {
924 642 const data = JSON.parse(text);
925 - if (data.text || data.message || data.html) {
926 - handleNonStreamResponse(data, callback, botId);
643 + if (data.text || data.message) {
644 + handleNonStreamResponse(data, callback);
927 645 } else {
928 646 // No valid data, fall back to regular call
929 - getElement(botId, 'chat-box').find('.bot-message.temporary-message').remove();
930 - callMxChat(message, callback, botId);
647 + $('.bot-message.temporary-message').remove();
648 + callMxChat(message, callback);
931 649 }
932 650 } catch (e) {
933 651 // Could not parse, fall back to regular call
934 - getElement(botId, 'chat-box').find('.bot-message.temporary-message').remove();
935 - callMxChat(message, callback, botId);
652 + $('.bot-message.temporary-message').remove();
653 + callMxChat(message, callback);
936 654 }
937 655 }).catch(() => {
938 - getElement(botId, 'chat-box').find('.bot-message.temporary-message').remove();
939 - callMxChat(message, callback, botId);
656 + $('.bot-message.temporary-message').remove();
657 + callMxChat(message, callback);
940 658 });
941 659 return;
942 660 }
943 -
944 - // Re-enable chat input when stream ends with content
945 - enableChatInput(botId);
946 -
661 +
947 662 if (callback) {
948 663 callback(accumulatedContent);
949 664 }
950 665 return;
@@ -958,17 +673,17 @@
958 673 if (line.startsWith('data: ')) {
959 674 const data = line.substring(6);
960 675
961 676 if (data === '[DONE]') {
677 + //console.log("Received [DONE] signal");
678 +
962 679 if (!accumulatedContent) {
963 - getElement(botId, 'chat-box').find('.bot-message.temporary-message').remove();
964 - callMxChat(message, callback, botId);
680 + //console.log("No content received before [DONE]");
681 + $('.bot-message.temporary-message').remove();
682 + callMxChat(message, callback);
965 683 return;
966 684 }
967 -
968 - // Re-enable chat input after streaming completes
969 - enableChatInput(botId);
970 -
685 +
971 686 if (callback) {
972 687 callback(accumulatedContent);
973 688 }
974 689 return;
@@ -975,16 +690,18 @@
975 690 }
976 691
977 692 try {
978 693 const json = JSON.parse(data);
979 -
694 +
980 695 // IMMEDIATE CHAT MODE UPDATE FOR STREAMING
981 696 if (json.chat_mode) {
982 - updateChatModeIndicator(json.chat_mode, botId);
697 + //console.log("Stream: Updating chat mode immediately to:", json.chat_mode);
698 + updateChatModeIndicator(json.chat_mode);
983 699 }
984 -
700 +
985 701 // Handle testing data
986 702 if (json.testing_data && !testingDataReceived) {
703 + //console.log('Testing data received in stream:', json.testing_data);
987 704 if (window.mxchatTestPanelInstance) {
988 705 window.mxchatTestPanelInstance.handleTestingData(json.testing_data);
989 706 testingDataReceived = true;
990 707 }
@@ -992,27 +709,26 @@
992 709 // Handle content streaming
993 710 else if (json.content) {
994 711 streamingStarted = true;
995 712 accumulatedContent += json.content;
996 - updateStreamingMessage(accumulatedContent, botId);
997 - }
713 + updateStreamingMessage(accumulatedContent);
714 + }
998 715 // Handle complete response in stream (fallback response)
999 - else if (json.text || json.message || json.html) {
1000 - handleNonStreamResponse(json, callback, botId);
716 + else if (json.text || json.message) {
717 + //console.log("Received complete response in stream:", json);
718 + handleNonStreamResponse(json, callback);
1001 719 return;
1002 720 }
1003 - // Handle errors
721 + // Handle errors - UPDATED to properly display API errors
1004 722 else if (json.error) {
723 + //console.error("Streaming error:", json.error);
1005 724
1006 725 // Get error message from various possible fields
1007 726 let errorMessage = json.error_message || json.message || json.text ||
1008 727 (typeof json.error === 'string' ? json.error : 'An error occurred. Please try again.');
1009 728
1010 - // Re-enable chat input on error
1011 - enableChatInput(botId);
1012 -
1013 729 // Display the error directly in the chat
1014 - replaceLastMessage("bot", errorMessage, '', [], botId);
730 + replaceLastMessage("bot", errorMessage);
1015 731
1016 732 if (callback) {
1017 733 callback(errorMessage);
1018 734 }
@@ -1018,9 +734,9 @@
1018 734 }
1019 735 return;
1020 736 }
1021 737 } catch (e) {
1022 - // SSE data parsing error - silently continue
738 + //console.error('Error parsing SSE data:', e, 'Data:', data);
1023 739 }
1024 740 }
1025 741 }
1026 742
@@ -1025,10 +741,11 @@
1025 741 }
1026 742
1027 743 processStream();
1028 744 }).catch(streamError => {
1029 - getElement(botId, 'chat-box').find('.bot-message.temporary-message').remove();
1030 - callMxChat(message, callback, botId);
745 + //console.error('Error reading stream:', streamError);
746 + $('.bot-message.temporary-message').remove();
747 + callMxChat(message, callback);
1031 748 });
1032 749 }
1033 750
1034 751 processStream();
@@ -1033,40 +750,48 @@
1033 750
1034 751 processStream();
1035 752 })
1036 753 .catch(error => {
754 + //console.log('Streaming failed:', error);
755 +
1037 756 // Check if we have server error data with chat mode
1038 757 if (error && error.isServerError && error.data) {
758 + //console.log('Using server error response data');
759 +
1039 760 // Check for chat mode in error data
1040 761 if (error.data.chat_mode) {
1041 - updateChatModeIndicator(error.data.chat_mode, botId);
762 + //console.log("Error Response: Updating chat mode to:", error.data.chat_mode);
763 + updateChatModeIndicator(error.data.chat_mode);
1042 764 }
1043 -
1044 - handleNonStreamResponse(error.data, callback, botId);
765 +
766 + handleNonStreamResponse(error.data, callback);
1045 767 } else {
1046 768 // Only fall back to regular call if we don't have any response data
1047 - getElement(botId, 'chat-box').find('.bot-message.temporary-message').remove();
1048 - callMxChat(message, callback, botId);
769 + //console.log('No response data available, falling back to regular call');
770 + $('.bot-message.temporary-message').remove();
771 + callMxChat(message, callback);
1049 772 }
1050 773 });
1051 774 }
1052 775
1053 -// Helper function to handle non-streaming responses
1054 -function handleNonStreamResponse(data, callback, botId) {
1055 - botId = botId || 'default';
776 +// Helper function to handle non-streaming responses (updated to include immediate chat mode handling)
777 +function handleNonStreamResponse(data, callback) {
778 + //console.log("Handling non-stream response:", data);
1056 779
1057 780 // IMMEDIATE CHAT MODE UPDATE FOR NON-STREAMING RESPONSES
1058 781 if (data.chat_mode) {
1059 - updateChatModeIndicator(data.chat_mode, botId);
782 + //console.log("Non-Stream: Updating chat mode immediately to:", data.chat_mode);
783 + updateChatModeIndicator(data.chat_mode);
1060 784 }
1061 785
1062 786 // Also check in data property if response is wrapped
1063 787 if (data.data && data.data.chat_mode) {
1064 - updateChatModeIndicator(data.data.chat_mode, botId);
788 + //console.log("Non-Stream: Updating chat mode from data to:", data.data.chat_mode);
789 + updateChatModeIndicator(data.data.chat_mode);
1065 790 }
1066 791
1067 - // NOTE: Don't remove temporary message here - let replaceLastMessage handle it
1068 - // This prevents a visual gap between thinking dots disappearing and content appearing
792 + // Remove temporary message
793 + $('.bot-message.temporary-message').remove();
1069 794
1070 795 // SECURITY FIX: Check for errors FIRST
1071 796 if (data.success === false || (data.data && data.data.error_message)) {
1072 797 let errorMessage = "";
@@ -1086,26 +811,8 @@
1086 811 } else {
1087 812 errorMessage = "An error occurred. Please try again or contact support.";
1088 813 }
1089 814
1090 - // Handle session reset action (IP changed, session expired, etc.)
1091 - // Silent reset — keep chat UI intact, just get a new session and retry
1092 - if (data.data && data.data.action === 'reset_session') {
1093 - MxChatInstances.silentResetSession(botId);
1094 - // Re-send the original message with the new session (user message is already displayed)
1095 - var originalMessage = getElement(botId, 'mxchat-chatbot-wrapper').find('.mxchat-input-holder textarea').data('pending-message');
1096 - if (originalMessage) {
1097 - getElement(botId, 'mxchat-chatbot-wrapper').find('.mxchat-input-holder textarea').data('pending-message', null);
1098 - var currentModel = mxchatChat.model || 'gpt-5.1-chat-latest';
1099 - if (shouldUseStreaming(currentModel)) {
1100 - callMxChatStream(originalMessage, callback, botId);
1101 - } else {
1102 - callMxChat(originalMessage, callback, botId);
1103 - }
1104 - }
1105 - return;
1106 - }
1107 -
1108 815 // Format user-friendly error message
1109 816 let displayMessage = errorMessage;
1110 817 if (mxchatChat.is_admin) {
1111 818 displayMessage = errorMessage + (errorCode ? " (Error code: " + errorCode + ")" : "");
@@ -1110,9 +817,9 @@
1110 817 if (mxchatChat.is_admin) {
1111 818 displayMessage = errorMessage + (errorCode ? " (Error code: " + errorCode + ")" : "");
1112 819 }
1113 820
1114 - replaceLastMessage("bot", displayMessage, '', [], botId);
821 + replaceLastMessage("bot", displayMessage);
1115 822
1116 823 if (callback) {
1117 824 callback('');
1118 825 }
@@ -1118,22 +825,8 @@
1118 825 }
1119 826 return; // Exit early for errors
1120 827 }
1121 828
1122 - // Check for live agent response
1123 - if (data.success && data.data && data.data.status === 'waiting_for_agent') {
1124 - removeThinkingDots(botId);
1125 - // Also remove any leftover bot-message that lost its temporary-message class
1126 - var $chatBox = getElement(botId, 'chat-box');
1127 - $chatBox.find('.bot-message .thinking-dots').closest('.bot-message').remove();
1128 - updateChatModeIndicator('agent', botId);
1129 - enableChatInput(botId);
1130 - if (callback) {
1131 - callback('');
1132 - }
1133 - return;
1134 - }
1135 -
1136 829 // Handle different response formats
1137 830 if (data.text || data.html || data.message) {
1138 831
1139 832 // Apply response hooks
@@ -1145,23 +838,22 @@
1145 838 }
1146 839
1147 840 // Display the response
1148 841 if (data.text && data.html) {
1149 - replaceLastMessage("bot", data.text, data.html, [], botId);
842 + replaceLastMessage("bot", data.text, data.html);
1150 843 } else if (data.text) {
1151 - replaceLastMessage("bot", data.text, '', [], botId);
844 + replaceLastMessage("bot", data.text);
1152 845 } else if (data.html) {
1153 - replaceLastMessage("bot", "", data.html, [], botId);
846 + replaceLastMessage("bot", "", data.html);
1154 847 } else if (data.message) {
1155 - replaceLastMessage("bot", data.message, '', [], botId);
848 + replaceLastMessage("bot", data.message);
1156 849 }
1157 850 }
1158 851
1159 852 // Handle other response properties
1160 853 if (data.data && data.data.filename) {
1161 - showActivePdf(data.data.filename, botId);
1162 - var instance = MxChatInstances.get(botId);
1163 - instance.activePdfFile = data.data.filename;
854 + showActivePdf(data.data.filename);
855 + activePdfFile = data.data.filename;
1164 856 }
1165 857
1166 858 if (data.redirect_url) {
1167 859 setTimeout(() => {
@@ -1168,33 +860,31 @@
1168 860 window.location.href = data.redirect_url;
1169 861 }, 1500);
1170 862 }
1171 863
1172 - // Ensure chat input is re-enabled (safety net for edge cases)
1173 - enableChatInput(botId);
1174 -
1175 864 if (callback) {
1176 865 callback(data.text || data.message || '');
1177 866 }
1178 867 }
1179 -
1180 868 // Enhanced updateChatModeIndicator function for immediate DOM updates
1181 -function updateChatModeIndicator(mode, botId) {
1182 - botId = botId || 'default';
1183 - const indicator = getElementDOM(botId, 'chat-mode-indicator');
869 +function updateChatModeIndicator(mode) {
870 + //console.log("updateChatModeIndicator called with mode:", mode);
871 + const indicator = document.getElementById('chat-mode-indicator');
1184 872 if (indicator) {
1185 873 const oldText = indicator.textContent;
1186 -
874 +
1187 875 if (mode === 'agent') {
1188 876 indicator.textContent = 'Live Agent';
1189 - startPolling(botId);
877 + startPolling();
878 + //console.log("Set indicator to Live Agent");
1190 879 } else {
1191 880 // Everything else is AI mode
1192 881 const customAiText = indicator.getAttribute('data-ai-text') || 'AI Agent';
1193 882 indicator.textContent = customAiText;
1194 - stopPolling(botId);
883 + stopPolling();
884 + //console.log("Set indicator to AI Agent:", customAiText);
1195 885 }
1196 -
886 +
1197 887 // Force immediate DOM update and reflow
1198 888 if (oldText !== indicator.textContent) {
1199 889 // Force a reflow to ensure the change is visible immediately
1200 890 indicator.style.display = 'none';
@@ -1199,36 +889,88 @@
1199 889 // Force a reflow to ensure the change is visible immediately
1200 890 indicator.style.display = 'none';
1201 891 indicator.offsetHeight; // Trigger reflow
1202 892 indicator.style.display = '';
1203 -
893 +
1204 894 // Double-check after a brief moment to ensure the change stuck
1205 895 setTimeout(() => {
896 + //console.log("Final indicator text:", indicator.textContent);
1206 897 if (mode === 'agent' && indicator.textContent !== 'Live Agent') {
898 + //console.warn("Mode indicator update failed, forcing update");
1207 899 indicator.textContent = 'Live Agent';
1208 900 } else if (mode !== 'agent' && indicator.textContent === 'Live Agent') {
901 + //console.warn("Mode indicator stuck on Live Agent, forcing AI update");
1209 902 const customAiText = indicator.getAttribute('data-ai-text') || 'AI Agent';
1210 903 indicator.textContent = customAiText;
1211 904 }
1212 905 }, 50);
1213 906 }
907 + } else {
908 + //console.error("Chat mode indicator element not found!");
1214 909 }
1215 910 }
1216 911
912 +// Helper function to handle non-streaming responses (updated to include chat mode handling)
913 +function handleNonStreamResponse(data, callback) {
914 + //console.log("Handling non-stream response:", data);
915 +
916 + // Remove temporary message
917 + $('.bot-message.temporary-message').remove();
918 +
919 + // Handle different response formats
920 + if (data.text || data.html || data.message) {
921 +
922 + // Apply response hooks
923 + if (data.text && typeof customMxChatFilter === 'function') {
924 + data.text = customMxChatFilter(data.text, "response");
925 + }
926 + if (data.message && typeof customMxChatFilter === 'function') {
927 + data.message = customMxChatFilter(data.message, "response");
928 + }
929 +
930 + // Handle chat mode updates for streaming responses too
931 + handleChatModeUpdates(data, data.text || data.message);
932 +
933 + // Display the response
934 + if (data.text && data.html) {
935 + replaceLastMessage("bot", data.text, data.html);
936 + } else if (data.text) {
937 + replaceLastMessage("bot", data.text);
938 + } else if (data.html) {
939 + replaceLastMessage("bot", "", data.html);
940 + } else if (data.message) {
941 + replaceLastMessage("bot", data.message);
942 + }
943 + }
944 +
945 + // Handle other response properties
946 + if (data.data && data.data.filename) {
947 + showActivePdf(data.data.filename);
948 + activePdfFile = data.data.filename;
949 + }
950 +
951 + if (data.redirect_url) {
952 + setTimeout(() => {
953 + window.location.href = data.redirect_url;
954 + }, 1500);
955 + }
956 +
957 + if (callback) {
958 + callback(data.text || data.message || '');
959 + }
960 +}
961 +
1217 962 // Function to update message during streaming
1218 -function updateStreamingMessage(content, botId) {
1219 - botId = botId || 'default';
1220 -
963 +function updateStreamingMessage(content) {
1221 964 // ADD RESPONSE HOOK FOR REAL-TIME STREAMING
1222 965 if (typeof customMxChatFilter === 'function') {
1223 966 content = customMxChatFilter(content, "response");
1224 967 }
1225 -
968 +
1226 969 const formattedContent = linkify(content);
1227 970
1228 - // Find the temporary message in this bot's chat box
1229 - var $chatBox = getElement(botId, 'chat-box');
1230 - const tempMessage = $chatBox.find('.bot-message.temporary-message').last();
971 + // Find the temporary message
972 + const tempMessage = $('.bot-message.temporary-message').last();
1231 973
1232 974 if (tempMessage.length) {
1233 975 // Update existing message
1234 976 tempMessage.html(formattedContent);
@@ -1233,9 +975,9 @@
1233 975 // Update existing message
1234 976 tempMessage.html(formattedContent);
1235 977 } else {
1236 978 // Create new temporary message if it doesn't exist
1237 - appendMessage("bot", content, '', [], true, botId);
979 + appendMessage("bot", content, '', [], true);
1238 980 }
1239 981 }
1240 982
1241 983 function isStreamingSupported(model) {
@@ -1253,34 +995,23 @@
1253 995
1254 996 return isSupported;
1255 997 }
1256 998
1257 -// Update the event handlers to use the correct function names (using event delegation)
1258 -// Use class-based selectors for multi-instance support
1259 -$(document).on('click', '.send-button', function() {
1260 - var botId = getBotIdFromElement(this);
1261 - var modeIndicator = getElementDOM(botId, 'chat-mode-indicator');
1262 - if (!(modeIndicator && modeIndicator.textContent === 'Live Agent')) {
1263 - disableChatInput(botId);
1264 - }
1265 - sendMessage(botId);
999 +// Update the event handlers to use the correct function names
1000 +$('#send-button').off('click').on('click', function() {
1001 + sendMessage(); // Use the updated sendMessage function
1266 1002 });
1267 1003
1268 -// Override enter key handler (using event delegation)
1269 -$(document).on('keypress', '.chat-input', function(e) {
1004 +// Override enter key handler
1005 +$('#chat-input').off('keypress').on('keypress', function(e) {
1270 1006 if (e.which == 13 && !e.shiftKey) {
1271 1007 e.preventDefault();
1272 - var botId = getBotIdFromElement(this);
1273 - var modeIndicator = getElementDOM(botId, 'chat-mode-indicator');
1274 - if (!(modeIndicator && modeIndicator.textContent === 'Live Agent')) {
1275 - disableChatInput(botId);
1276 - }
1277 - sendMessage(botId);
1008 + sendMessage(); // Use the updated sendMessage function
1278 1009 }
1279 1010 });
1280 1011
1281 1012
1282 -function appendMessage(sender, messageText = '', messageHtml = '', images = [], isTemporary = false, botId = 'default') {
1013 +function appendMessage(sender, messageText = '', messageHtml = '', images = [], isTemporary = false) {
1283 1014 try {
1284 1015 // Determine styles based on sender type
1285 1016 let messageClass, bgColor, fontColor;
1286 1017
@@ -1301,29 +1032,25 @@
1301 1032 }
1302 1033
1303 1034 const messageDiv = $('<div>')
1304 1035 .addClass(messageClass)
1305 - .attr('dir', 'auto');
1306 -
1307 - // Only apply inline colors if AI theme is not active (let CSS handle it)
1308 - var skipColors = shouldSkipInlineColors(botId);
1309 - if (skipColors) {
1310 - messageDiv.css({
1311 - 'margin-bottom': '1em'
1312 - });
1313 - } else {
1314 - messageDiv.css({
1036 + .attr('dir', 'auto')
1037 + .css({
1315 1038 'background': bgColor,
1316 1039 'color': fontColor,
1317 1040 'margin-bottom': '1em'
1318 1041 });
1042 +
1043 + // Process the message content based on sender
1044 + let fullMessage;
1045 + if (sender === "user") {
1046 + // For user messages, apply linkify after sanitization
1047 + fullMessage = linkify(messageText);
1048 + } else {
1049 + // For bot/agent messages, preserve HTML
1050 + fullMessage = messageText;
1319 1051 }
1320 1052
1321 - // Process the message content - always run linkify to convert markdown
1322 - // links and format text. linkify() handles existing HTML safely via
1323 - // negative lookaheads that skip URLs already inside <a> tags.
1324 - let fullMessage = linkify(messageText);
1325 -
1326 1053 // Add images if provided
1327 1054 if (images && images.length > 0) {
1328 1055 fullMessage += '<div class="image-gallery" dir="auto">';
1329 1056 images.forEach(img => {
@@ -1329,9 +1056,9 @@
1329 1056 images.forEach(img => {
1330 1057 const safeTitle = sanitizeUserInput(img.title);
1331 1058 const safeUrl = encodeURI(img.image_url);
1332 1059 const safeThumbnail = encodeURI(img.thumbnail_url);
1333 -
1060 +
1334 1061 fullMessage += `
1335 1062 <div style="margin-bottom: 10px;">
1336 1063 <strong>${safeTitle}</strong><br>
1337 1064 <a href="${safeUrl}" target="_blank">
@@ -1343,14 +1070,9 @@
1343 1070 }
1344 1071
1345 1072 // Append HTML content if provided
1346 1073 if (messageHtml && sender !== "user") {
1347 - // Only add line breaks if there's actual text content before the HTML
1348 - if (fullMessage && fullMessage.trim()) {
1349 - fullMessage += '<br><br>' + messageHtml;
1350 - } else {
1351 - fullMessage = messageHtml;
1352 - }
1074 + fullMessage += '<br><br>' + messageHtml;
1353 1075 }
1354 1076
1355 1077 messageDiv.html(fullMessage);
1356 1078
@@ -1357,62 +1079,58 @@
1357 1079 if (isTemporary) {
1358 1080 messageDiv.addClass('temporary-message');
1359 1081 }
1360 1082
1361 - // Append to the correct chatbot instance's chat-box
1362 - var $chatBox = getElement(botId, 'chat-box');
1363 - messageDiv.hide().appendTo($chatBox).fadeIn(300, function() {
1083 + messageDiv.hide().appendTo('#chat-box').fadeIn(300, function() {
1364 1084 // FIXED: Use event delegation for link tracking
1365 1085 if (sender === "bot" || sender === "agent") {
1366 - attachLinkTracking(messageDiv, messageText, botId);
1086 + attachLinkTracking(messageDiv, messageText);
1367 1087 }
1368 -
1088 +
1369 1089 if (sender === "bot") {
1370 - const lastUserMessage = $chatBox.find('.user-message').last();
1090 + const lastUserMessage = $('#chat-box').find('.user-message').last();
1371 1091 if (lastUserMessage.length) {
1372 - scrollElementToTop(lastUserMessage, botId);
1092 + scrollElementToTop(lastUserMessage);
1373 1093 }
1374 1094 }
1375 1095 });
1376 1096
1377 1097 if (messageText.id) {
1378 - var instance = MxChatInstances.get(botId);
1379 - instance.lastSeenMessageId = messageText.id;
1380 - hideNotification(botId);
1098 + lastSeenMessageId = messageText.id;
1099 + hideNotification();
1381 1100 }
1382 1101 } catch (error) {
1383 - // Error rendering message - silently continue
1102 + //console.error("Error rendering message:", error);
1384 1103 }
1385 1104 }
1386 1105
1387 1106 // Helper function to attach link tracking with proper event handling
1388 -function attachLinkTracking(messageDiv, messageText, botId) {
1389 - botId = botId || 'default';
1107 +function attachLinkTracking(messageDiv, messageText) {
1390 1108 // Use a slight delay to ensure DOM is ready
1391 1109 setTimeout(function() {
1392 1110 const links = messageDiv.find('a[href]').not('[data-tracked]');
1393 -
1111 +
1394 1112 links.each(function() {
1395 1113 const $link = $(this);
1396 1114 const originalHref = $link.attr('href');
1397 -
1115 +
1398 1116 // Mark as tracked to avoid duplicate handlers
1399 1117 $link.attr('data-tracked', 'true');
1400 -
1118 +
1401 1119 // Only track external URLs
1402 1120 if (originalHref && (originalHref.startsWith('http://') || originalHref.startsWith('https://'))) {
1403 1121 // Remove any existing click handlers first
1404 1122 $link.off('click.tracking');
1405 -
1123 +
1406 1124 // Add new click handler with namespace
1407 1125 $link.on('click.tracking', function(e) {
1408 1126 e.preventDefault();
1409 1127 e.stopPropagation();
1410 -
1411 - const messageContext = typeof messageText === 'string'
1412 - ? messageText.substring(0, 200)
1128 +
1129 + const messageContext = typeof messageText === 'string'
1130 + ? messageText.substring(0, 200)
1413 1131 : '';
1414 -
1132 +
1415 1133 // Track the click
1416 1134 $.ajax({
1417 1135 url: mxchatChat.ajax_url,
1418 1136 type: 'POST',
@@ -1417,9 +1135,9 @@
1417 1135 url: mxchatChat.ajax_url,
1418 1136 type: 'POST',
1419 1137 data: {
1420 1138 action: 'mxchat_track_url_click',
1421 - session_id: getChatSession(botId),
1139 + session_id: getChatSession(),
1422 1140 url: originalHref,
1423 1141 message_context: messageContext,
1424 1142 nonce: mxchatChat.nonce
1425 1143 },
@@ -1431,9 +1149,9 @@
1431 1149 window.location.href = originalHref;
1432 1150 }
1433 1151 }
1434 1152 });
1435 -
1153 +
1436 1154 return false; // Extra insurance to prevent default
1437 1155 });
1438 1156 }
1439 1157 });
@@ -1439,12 +1157,11 @@
1439 1157 });
1440 1158 }, 100); // Small delay to ensure DOM is ready
1441 1159 }
1442 1160
1443 -function replaceLastMessage(sender, responseText, responseHtml = '', images = [], botId = 'default') {
1161 +function replaceLastMessage(sender, responseText, responseHtml = '', images = []) {
1444 1162 var messageClass = sender === "user" ? "user-message" : sender === "agent" ? "agent-message" : "bot-message";
1445 - var $chatBox = getElement(botId, 'chat-box');
1446 - var lastMessageDiv = $chatBox.find('.bot-message.temporary-message, .agent-message.temporary-message').last();
1163 + var lastMessageDiv = $('#chat-box').find('.bot-message.temporary-message, .agent-message.temporary-message').last();
1447 1164
1448 1165 // Determine styles
1449 1166 let bgColor, fontColor;
1450 1167 if (sender === "user") {
@@ -1457,13 +1174,27 @@
1457 1174 bgColor = botMessageBgColor;
1458 1175 fontColor = botMessageFontColor;
1459 1176 }
1460 1177
1461 - // Always run linkify to convert markdown links and format text.
1462 - // linkify() already handles existing HTML (its URL patterns use negative lookaheads
1463 - // to avoid double-processing URLs that are already inside <a> tags).
1464 - var fullMessage = linkify(responseText);
1465 -
1178 + // FIXED: Only linkify if response doesn't already contain HTML links or tags
1179 + // This prevents double-processing of URLs that are already formatted as HTML
1180 + var fullMessage;
1181 + if (sender === "user") {
1182 + // Always linkify user messages (they're plain text)
1183 + fullMessage = linkify(responseText);
1184 + } else {
1185 + // For bot/agent messages, check if HTML already exists
1186 + if (responseText.includes('<a href=') || responseText.includes('</a>') ||
1187 + responseText.includes('<img') || responseText.includes('<div') ||
1188 + responseText.includes('<p>') || responseText.includes('<br>')) {
1189 + // Response already has HTML, don't process it
1190 + fullMessage = responseText;
1191 + } else {
1192 + // Plain text response, apply linkify
1193 + fullMessage = linkify(responseText);
1194 + }
1195 + }
1196 +
1466 1197 if (responseHtml) {
1467 1198 // Only add line breaks if there's actual text content before the HTML
1468 1199 if (fullMessage && fullMessage.trim()) {
1469 1200 fullMessage += '<br><br>' + responseHtml;
@@ -1486,92 +1217,67 @@
1486 1217 fullMessage += '</div>';
1487 1218 }
1488 1219
1489 1220 if (lastMessageDiv.length) {
1490 - // Replace content immediately to prevent visual gap between thinking dots and response
1491 - lastMessageDiv
1492 - .html(fullMessage)
1493 - .removeClass('bot-message user-message temporary-message')
1494 - .addClass(messageClass)
1495 - .attr('dir', 'auto');
1496 -
1497 - // Only apply inline colors if AI theme is not active (let CSS handle it)
1498 - var skipColors = mxchatChat.skip_inline_colors || shouldSkipInlineColors(botId);
1499 - if (!skipColors) {
1500 - lastMessageDiv.css({
1501 - 'background-color': bgColor,
1502 - 'color': fontColor,
1503 - });
1504 - }
1505 -
1506 - // Handle link tracking and scroll
1507 - if (sender === "bot" || sender === "agent") {
1508 - attachLinkTracking(lastMessageDiv, responseText, botId);
1509 -
1510 - const lastUserMessage = $chatBox.find('.user-message').last();
1511 - if (lastUserMessage.length) {
1512 - scrollElementToTop(lastUserMessage, botId);
1513 - }
1514 - // Show notification if chat is hidden
1515 - var $floatingChatbot = getElement(botId, 'floating-chatbot');
1516 - if ($floatingChatbot.hasClass('hidden')) {
1517 - showNotification(botId);
1518 - }
1519 - }
1520 -
1521 - // Re-enable chat input after response is displayed
1522 - enableChatInput(botId);
1221 + lastMessageDiv.fadeOut(200, function() {
1222 + $(this)
1223 + .html(fullMessage)
1224 + .removeClass('bot-message user-message')
1225 + .addClass(messageClass)
1226 + .attr('dir', 'auto')
1227 + .css({
1228 + 'background-color': bgColor,
1229 + 'color': fontColor,
1230 + })
1231 + .removeClass('temporary-message')
1232 + .fadeIn(200, function() {
1233 + // FIXED: Use the helper function for link tracking
1234 + if (sender === "bot" || sender === "agent") {
1235 + attachLinkTracking($(this), responseText);
1236 + }
1237 +
1238 + if (sender === "bot" || sender === "agent") {
1239 + const lastUserMessage = $('#chat-box').find('.user-message').last();
1240 + if (lastUserMessage.length) {
1241 + scrollElementToTop(lastUserMessage);
1242 + }
1243 + // Show notification if chat is hidden
1244 + if ($('#floating-chatbot').hasClass('hidden')) {
1245 + showNotification();
1246 + }
1247 + }
1248 + });
1249 + });
1523 1250 } else {
1524 - appendMessage(sender, responseText, responseHtml, images, false, botId);
1525 - // Re-enable chat input after response is displayed
1526 - enableChatInput(botId);
1251 + appendMessage(sender, responseText, responseHtml, images);
1527 1252 }
1528 1253 }
1529 1254
1530 1255
1531 - function appendThinkingMessage(botId) {
1532 - botId = botId || 'default';
1256 + function appendThinkingMessage() {
1257 + // Remove any existing thinking dots first
1258 + $('.thinking-dots').remove();
1533 1259
1534 - // Don't show thinking dots in live agent mode - message is just forwarded to a human
1535 - var indicator = getElementDOM(botId, 'chat-mode-indicator');
1536 - if (indicator && indicator.textContent === 'Live Agent') {
1537 - return;
1538 - }
1539 -
1540 - var $chatBox = getElement(botId, 'chat-box');
1541 -
1542 - // Remove any existing thinking dots in this bot's chat first
1543 - $chatBox.find('.thinking-dots').remove();
1544 -
1545 - // Check if we should skip inline colors (AI theme is active)
1546 - var skipColors = shouldSkipInlineColors(botId);
1547 -
1548 1260 // Retrieve the bot message font color and background color
1549 1261 var botMessageFontColor = mxchatChat.bot_message_font_color;
1550 1262 var botMessageBgColor = mxchatChat.bot_message_bg_color;
1551 1263
1552 - // Build thinking dots HTML - skip inline colors if AI theme is active
1553 - var dotStyle = skipColors ? '' : ' style="background-color: ' + botMessageFontColor + ';"';
1264 +
1554 1265 var thinkingHtml = '<div class="thinking-dots-container">' +
1555 1266 '<div class="thinking-dots">' +
1556 - '<span class="dot"' + dotStyle + '></span>' +
1557 - '<span class="dot"' + dotStyle + '></span>' +
1558 - '<span class="dot"' + dotStyle + '></span>' +
1267 + '<span class="dot" style="background-color: ' + botMessageFontColor + ';"></span>' +
1268 + '<span class="dot" style="background-color: ' + botMessageFontColor + ';"></span>' +
1269 + '<span class="dot" style="background-color: ' + botMessageFontColor + ';"></span>' +
1559 1270 '</div>' +
1560 1271 '</div>';
1561 1272
1562 - // Append the thinking dots to this bot's chat container - skip inline colors if AI theme is active
1563 - var messageStyle = skipColors ? '' : ' style="background-color: ' + botMessageBgColor + '; color: ' + botMessageFontColor + ';"';
1564 - $chatBox.append('<div class="bot-message temporary-message"' + messageStyle + '>' + thinkingHtml + '</div>');
1565 - scrollToBottom(botId);
1273 + // Append the thinking dots to the chat container (or within the temporary message div)
1274 + $("#chat-box").append('<div class="bot-message temporary-message" style="background-color: ' + botMessageBgColor + ';">' + thinkingHtml + '</div>');
1275 + scrollToBottom();
1566 1276 }
1567 -
1568 - function removeThinkingDots(botId) {
1569 - botId = botId || 'default';
1570 - var $chatBox = getElement(botId, 'chat-box');
1571 - // Remove by temporary-message class first, then fall back to any bot-message containing thinking dots
1572 - $chatBox.find('.thinking-dots').closest('.temporary-message').remove();
1573 - $chatBox.find('.bot-message .thinking-dots').closest('.bot-message').remove();
1277 +
1278 + function removeThinkingDots() {
1279 + $('.thinking-dots').closest('.temporary-message').remove();
1574 1280 }
1575 1281
1576 1282 // ====================================
1577 1283 // TEXT FORMATTING & PROCESSING
@@ -1605,12 +1311,9 @@
1605 1311 processedText = formatTextStyling(processedText);
1606 1312
1607 1313 // Process code blocks BEFORE processing links
1608 1314 processedText = formatCodeBlocks(processedText);
1609 -
1610 - // Process markdown tables BEFORE converting newlines to paragraphs
1611 - processedText = formatMarkdownTables(processedText);
1612 -
1315 +
1613 1316 // NOW convert to paragraphs
1614 1317 processedText = convertNewlinesToBreaks(processedText);
1615 1318
1616 1319 // IMPORTANT: Handle citation-style brackets FIRST [URL]
@@ -1623,63 +1326,37 @@
1623 1326 // Return as a proper link without the brackets
1624 1327 return `<a href="${safeUrl}" target="${linkTarget}">${cleanUrl}</a>`;
1625 1328 });
1626 1329
1627 - // Process markdown links: [text](url) and [](url)
1628 - // Uses balanced parenthesis matching to handle URLs containing parens
1629 - // (e.g. PDF filenames with dates like (2025-08-28).pdf)
1630 - processedText = (function(input) {
1631 - var result = '';
1632 - var i = 0;
1633 - while (i < input.length) {
1634 - // Look for [ at current position
1635 - if (input[i] === '[') {
1636 - // Find closing ]
1637 - var closeBracket = input.indexOf(']', i + 1);
1638 - if (closeBracket === -1 || closeBracket + 1 >= input.length || input[closeBracket + 1] !== '(') {
1639 - result += input[i];
1640 - i++;
1641 - continue;
1642 - }
1643 - var linkText = input.substring(i + 1, closeBracket);
1644 - // Check if URL starts with http
1645 - var urlStart = closeBracket + 2;
1646 - if (!input.substring(urlStart).match(/^https?:\/\//)) {
1647 - result += input[i];
1648 - i++;
1649 - continue;
1650 - }
1651 - // Find balanced closing paren
1652 - var depth = 1;
1653 - var j = urlStart;
1654 - while (j < input.length && depth > 0) {
1655 - if (input[j] === '(') depth++;
1656 - else if (input[j] === ')') depth--;
1657 - if (depth > 0) j++;
1658 - }
1659 - if (depth !== 0) {
1660 - result += input[i];
1661 - i++;
1662 - continue;
1663 - }
1664 - var url = input.substring(urlStart, j);
1665 - var cleanUrl = url.replace(/[\].,;!?]+$/, '');
1666 - var encodedUrl = safeEncodeUrl(cleanUrl);
1667 - if (!linkText || !linkText.trim()) {
1668 - result += '<a href="' + encodedUrl + '" target="' + linkTarget + '">' + cleanUrl + '</a>';
1669 - } else {
1670 - var safeText = sanitizeUserInput(linkText);
1671 - result += '<a href="' + encodedUrl + '" target="' + linkTarget + '">' + safeText + '</a>';
1672 - }
1673 - i = j + 1; // Skip past the closing )
1674 - } else {
1675 - result += input[i];
1676 - i++;
1677 - }
1330 + // Process proper markdown links with text: [text](url)
1331 + // This MUST have non-empty text in the first brackets
1332 + const markdownLinkPattern = /\[([^\]]+)\]\((https?:\/\/[^\s)]+)\)/g;
1333 + processedText = processedText.replace(markdownLinkPattern, (match, text, url) => {
1334 + // Make sure we have actual text (not just whitespace)
1335 + if (!text || !text.trim()) {
1336 + // If no text, treat the URL as the text
1337 + let cleanUrl = url.replace(/[.,;!?]+$/, '');
1338 + const safeUrl = safeEncodeUrl(cleanUrl);
1339 + return `<a href="${safeUrl}" target="${linkTarget}">${cleanUrl}</a>`;
1678 1340 }
1679 - return result;
1680 - })(processedText);
1341 +
1342 + // Clean the URL
1343 + let cleanUrl = url.replace(/[\].,;!?]+$/, '');
1344 + const safeUrl = safeEncodeUrl(cleanUrl);
1345 + const safeText = sanitizeUserInput(text);
1346 + return `<a href="${safeUrl}" target="${linkTarget}">${safeText}</a>`;
1347 + });
1681 1348
1349 + // Handle empty markdown links: [](url)
1350 + // This is a specific case where there's no text
1351 + const emptyMarkdownPattern = /\[\]\((https?:\/\/[^\s)]+)\)/g;
1352 + processedText = processedText.replace(emptyMarkdownPattern, (match, url) => {
1353 + let cleanUrl = url.replace(/[.,;!?]+$/, '');
1354 + const safeUrl = safeEncodeUrl(cleanUrl);
1355 + // Use the URL itself as the link text
1356 + return `<a href="${safeUrl}" target="${linkTarget}">${cleanUrl}</a>`;
1357 + });
1358 +
1682 1359 // Process phone numbers: [text](tel:number)
1683 1360 const phonePattern = /\[([^\]]+)\]\((tel:[\d+\-\s()]+)\)/g;
1684 1361 processedText = processedText.replace(phonePattern, (match, text, phone) => {
1685 1362 const safePhone = safeEncodeUrl(phone);
@@ -1831,78 +1508,9 @@
1831 1508 });
1832 1509
1833 1510 return text;
1834 1511 }
1835 -
1836 - function formatMarkdownTables(text) {
1837 - var lines = text.split('\n');
1838 - var result = [];
1839 - var i = 0;
1840 -
1841 - while (i < lines.length) {
1842 - // Check for a table: current line has pipes AND next line is a separator row
1843 - if (i + 1 < lines.length &&
1844 - lines[i].indexOf('|') !== -1 &&
1845 - /^\s*\|?[\s\-:]+(\|[\s\-:]+)+\|?\s*$/.test(lines[i + 1])) {
1846 -
1847 - var tableLines = [];
1848 - var headerLine = lines[i];
1849 - var separatorLine = lines[i + 1];
1850 - tableLines.push(headerLine);
1851 - tableLines.push(separatorLine);
1852 -
1853 - // Collect remaining table rows
1854 - var j = i + 2;
1855 - while (j < lines.length && lines[j].indexOf('|') !== -1 && lines[j].trim() !== '') {
1856 - tableLines.push(lines[j]);
1857 - j++;
1858 - }
1859 -
1860 - // Parse alignment from separator row
1861 - var sepCells = separatorLine.split('|').filter(function(c) { return c.trim() !== ''; });
1862 - var alignments = sepCells.map(function(cell) {
1863 - var trimmed = cell.trim();
1864 - if (trimmed.charAt(0) === ':' && trimmed.charAt(trimmed.length - 1) === ':') return 'center';
1865 - if (trimmed.charAt(trimmed.length - 1) === ':') return 'right';
1866 - return 'left';
1867 - });
1868 -
1869 - // Build HTML table
1870 - var html = '<div class="mxchat-table-wrapper"><table class="mxchat-table">';
1871 -
1872 - // Header row
1873 - var headerCells = tableLines[0].split('|').filter(function(c) { return c.trim() !== ''; });
1874 - html += '<thead><tr>';
1875 - headerCells.forEach(function(cell, idx) {
1876 - var align = alignments[idx] || 'left';
1877 - html += '<th style="text-align:' + align + '">' + cell.trim() + '</th>';
1878 - });
1879 - html += '</tr></thead>';
1880 -
1881 - // Body rows
1882 - html += '<tbody>';
1883 - for (var r = 2; r < tableLines.length; r++) {
1884 - var rowCells = tableLines[r].split('|').filter(function(c) { return c.trim() !== ''; });
1885 - html += '<tr>';
1886 - rowCells.forEach(function(cell, idx) {
1887 - var align = alignments[idx] || 'left';
1888 - html += '<td style="text-align:' + align + '">' + cell.trim() + '</td>';
1889 - });
1890 - html += '</tr>';
1891 - }
1892 - html += '</tbody></table></div>';
1893 -
1894 - result.push(html);
1895 - i = j;
1896 - } else {
1897 - result.push(lines[i]);
1898 - i++;
1899 - }
1900 - }
1901 -
1902 - return result.join('\n');
1903 - }
1904 -
1512 +
1905 1513 function sanitizeUserInput(text) {
1906 1514 const div = document.createElement('div');
1907 1515 div.textContent = text;
1908 1516 return div.innerHTML;
@@ -1932,21 +1540,10 @@
1932 1540 // ====================================
1933 1541 // UI & SCROLLING CONTROLS
1934 1542 // ====================================
1935 1543
1936 - function scrollToBottom(botIdOrInstant, instant) {
1937 - // Handle backward compatibility: scrollToBottom() or scrollToBottom(true/false)
1938 - var botId = 'default';
1939 - if (typeof botIdOrInstant === 'string') {
1940 - botId = botIdOrInstant;
1941 - instant = instant || false;
1942 - } else if (typeof botIdOrInstant === 'boolean') {
1943 - instant = botIdOrInstant;
1944 - } else {
1945 - instant = false;
1946 - }
1947 -
1948 - var chatBox = getElement(botId, 'chat-box');
1544 + function scrollToBottom(instant = false) {
1545 + var chatBox = $('#chat-box');
1949 1546 if (instant) {
1950 1547 // Instantly set the scroll position to the bottom
1951 1548 chatBox.scrollTop(chatBox.prop("scrollHeight"));
1952 1549 } else {
@@ -1955,15 +1552,15 @@
1955 1552 const scrollHeight = chatBox.prop("scrollHeight");
1956 1553 const initialScroll = chatBox.scrollTop();
1957 1554 const distance = scrollHeight - initialScroll;
1958 1555 const duration = 500; // Duration in ms
1959 -
1556 +
1960 1557 function smoothScroll(timestamp) {
1961 1558 if (!start) start = timestamp;
1962 1559 const progress = timestamp - start;
1963 1560 const currentScroll = initialScroll + (distance * (progress / duration));
1964 1561 chatBox.scrollTop(currentScroll);
1965 -
1562 +
1966 1563 if (progress < duration) {
1967 1564 requestAnimationFrame(smoothScroll);
1968 1565 } else {
1969 1566 chatBox.scrollTop(scrollHeight); // Ensure it's exactly at the bottom
@@ -1968,36 +1565,33 @@
1968 1565 } else {
1969 1566 chatBox.scrollTop(scrollHeight); // Ensure it's exactly at the bottom
1970 1567 }
1971 1568 }
1972 -
1569 +
1973 1570 requestAnimationFrame(smoothScroll);
1974 1571 }
1975 1572 }
1976 -
1977 - function scrollElementToTop(element, botId) {
1978 - botId = botId || 'default';
1979 - var chatBox = getElement(botId, 'chat-box');
1573 +
1574 + function scrollElementToTop(element) {
1575 + var chatBox = $('#chat-box');
1980 1576 var elementTop = element.position().top + chatBox.scrollTop();
1981 1577 chatBox.animate({ scrollTop: elementTop }, 500);
1982 1578 }
1983 -
1984 - function showChatWidget(botId) {
1985 - botId = botId || 'default';
1986 - var $button = getElement(botId, 'floating-chatbot-button');
1579 +
1580 + function showChatWidget() {
1987 1581 // First ensure display is set
1988 - $button.css('display', 'flex');
1582 + $('#floating-chatbot-button').css('display', 'flex');
1989 1583 // Then handle the fade
1990 - $button.fadeTo(500, 1);
1584 + $('#floating-chatbot-button').fadeTo(500, 1);
1991 1585 // Force visibility
1992 - $button.removeClass('hidden');
1586 + $('#floating-chatbot-button').removeClass('hidden');
1587 + //console.log('Showing widget');
1993 1588 }
1994 -
1995 - function hideChatWidget(botId) {
1996 - botId = botId || 'default';
1997 - var $button = getElement(botId, 'floating-chatbot-button');
1998 - $button.css('display', 'none');
1999 - $button.addClass('hidden');
1589 +
1590 + function hideChatWidget() {
1591 + $('#floating-chatbot-button').css('display', 'none');
1592 + $('#floating-chatbot-button').addClass('hidden');
1593 + //console.log('Hiding widget');
2000 1594 }
2001 1595
2002 1596 function disableScroll() {
2003 1597 if (isMobile()) {
@@ -2026,15 +1620,18 @@
2026 1620 // NOTIFICATION SYSTEM
2027 1621 // ====================================
2028 1622
2029 1623 function createNotificationBadge() {
1624 + //console.log("Creating notification badge...");
2030 1625 const chatButton = document.getElementById('floating-chatbot-button');
2031 -
1626 + //console.log("Chat button found:", !!chatButton);
1627 +
2032 1628 if (!chatButton) return;
2033 -
1629 +
2034 1630 // Remove any existing badge first
2035 1631 const existingBadge = chatButton.querySelector('.chat-notification-badge');
2036 1632 if (existingBadge) {
1633 + //console.log("Removing existing badge");
2037 1634 existingBadge.remove();
2038 1635 }
2039 1636
2040 1637 notificationBadge = document.createElement('div');
@@ -2056,43 +1653,34 @@
2056 1653 chatButton.appendChild(notificationBadge);
2057 1654
2058 1655 }
2059 1656
2060 - function showNotification(botId) {
2061 - botId = botId || 'default';
2062 - const badge = getElementDOM(botId, 'chat-notification-badge');
2063 - var $floatingChatbot = getElement(botId, 'floating-chatbot');
2064 - if (badge && $floatingChatbot.hasClass('hidden')) {
1657 + function showNotification() {
1658 + const badge = document.getElementById('chat-notification-badge');
1659 + if (badge && $('#floating-chatbot').hasClass('hidden')) {
2065 1660 badge.style.display = 'block';
2066 1661 badge.textContent = '1';
2067 1662 }
2068 1663 }
2069 -
2070 - function hideNotification(botId) {
2071 - botId = botId || 'default';
2072 - const badge = getElementDOM(botId, 'chat-notification-badge');
1664 +
1665 + function hideNotification() {
1666 + const badge = document.getElementById('chat-notification-badge');
2073 1667 if (badge) {
2074 1668 badge.style.display = 'none';
2075 1669 }
2076 1670 }
2077 -
2078 - function startNotificationChecking(botId) {
2079 - botId = botId || 'default';
1671 +
1672 + function startNotificationChecking() {
2080 1673 const chatPersistenceEnabled = mxchatChat.chat_persistence_toggle === 'on';
2081 1674 if (!chatPersistenceEnabled) return;
2082 -
2083 - createNotificationBadge(botId);
2084 - var instance = MxChatInstances.get(botId);
2085 - instance.notificationCheckInterval = setInterval(function() {
2086 - checkForNewMessages(botId);
2087 - }, 30000); // Check every 30 seconds
1675 +
1676 + createNotificationBadge();
1677 + notificationCheckInterval = setInterval(checkForNewMessages, 30000); // Check every 30 seconds
2088 1678 }
2089 -
2090 - function stopNotificationChecking(botId) {
2091 - botId = botId || 'default';
2092 - var instance = MxChatInstances.get(botId);
2093 - if (instance.notificationCheckInterval) {
2094 - clearInterval(instance.notificationCheckInterval);
1679 +
1680 + function stopNotificationChecking() {
1681 + if (notificationCheckInterval) {
1682 + clearInterval(notificationCheckInterval);
2095 1683 }
2096 1684 }
2097 1685
2098 1686 function checkForNewMessages() {
@@ -2118,35 +1706,63 @@
2118 1706 });
2119 1707 }
2120 1708
2121 1709
2122 -// ====================================
2123 -// LIVE AGENT FUNCTIONALITY
2124 -// ====================================
2125 -
2126 -function startPolling(botId) {
2127 - botId = botId || 'default';
2128 - var instance = MxChatInstances.get(botId);
2129 - // Clear any existing interval first
2130 - stopPolling(botId);
2131 - instance.pollingInterval = setInterval(function() {
2132 - checkForAgentMessages(botId);
2133 - }, 5000);
1710 + // ====================================
1711 + // LIVE AGENT FUNCTIONALITY
1712 + // ====================================
1713 +
1714 +function updateChatModeIndicator(mode) {
1715 + //console.log("updateChatModeIndicator called with mode:", mode);
1716 + const indicator = document.getElementById('chat-mode-indicator');
1717 + if (indicator) {
1718 + const oldText = indicator.textContent;
1719 +
1720 + if (mode === 'agent') {
1721 + indicator.textContent = 'Live Agent';
1722 + startPolling();
1723 + //console.log("Set indicator to Live Agent");
1724 + } else {
1725 + // Everything else is AI mode
1726 + const customAiText = indicator.getAttribute('data-ai-text') || 'AI Agent';
1727 + indicator.textContent = customAiText;
1728 + stopPolling();
1729 + //console.log("Set indicator to AI Agent:", customAiText);
1730 + }
1731 +
1732 + // Force immediate DOM update
1733 + if (oldText !== indicator.textContent) {
1734 + // Force a reflow to ensure the change is visible immediately
1735 + indicator.offsetHeight;
1736 +
1737 + // Double-check after a brief moment
1738 + setTimeout(() => {
1739 + //console.log("Final indicator text:", indicator.textContent);
1740 + }, 50);
1741 + }
1742 + } else {
1743 + //console.error("Chat mode indicator element not found!");
1744 + }
2134 1745 }
2135 1746
2136 -function stopPolling(botId) {
2137 - botId = botId || 'default';
2138 - var instance = MxChatInstances.get(botId);
2139 - if (instance.pollingInterval) {
2140 - clearInterval(instance.pollingInterval);
2141 - instance.pollingInterval = null;
1747 + function startPolling() {
1748 + // Clear any existing interval first
1749 + stopPolling();
1750 + // Start new polling interval
1751 + pollingInterval = setInterval(checkForAgentMessages, 5000);
1752 + //console.log("Started agent message polling");
2142 1753 }
2143 -}
2144 -
2145 -function checkForAgentMessages(botId) {
2146 - botId = botId || 'default';
2147 - var instance = MxChatInstances.get(botId);
2148 - const sessionId = getChatSession(botId);
1754 +
1755 + function stopPolling() {
1756 + if (pollingInterval) {
1757 + clearInterval(pollingInterval);
1758 + pollingInterval = null;
1759 + //console.log("Stopped agent message polling");
1760 + }
1761 + }
1762 +
1763 +function checkForAgentMessages() {
1764 + const sessionId = getChatSession();
2149 1765 $.ajax({
2150 1766 url: mxchatChat.ajax_url,
2151 1767 type: 'POST',
2152 1768 dataType: 'json',
@@ -2152,44 +1768,35 @@
2152 1768 dataType: 'json',
2153 1769 data: {
2154 1770 action: 'mxchat_fetch_new_messages',
2155 1771 session_id: sessionId,
2156 - last_seen_id: instance.lastSeenMessageId,
2157 - persistence_enabled: 'true',
1772 + last_seen_id: lastSeenMessageId,
1773 + persistence_enabled: 'true', // Add this too
2158 1774 nonce: mxchatChat.nonce
2159 1775 },
2160 1776 success: function (response) {
2161 1777 if (response.success && response.data?.new_messages) {
2162 1778 let hasNewMessage = false;
2163 -
1779 +
2164 1780 response.data.new_messages.forEach(function (message) {
2165 - if (message.role === "agent" && !instance.processedMessageIds.has(message.id)) {
1781 + if (message.role === "agent" && !processedMessageIds.has(message.id)) {
2166 1782 hasNewMessage = true;
2167 - appendMessage("agent", message.content, '', [], false, botId);
2168 - instance.lastSeenMessageId = message.id;
2169 - instance.processedMessageIds.add(message.id);
1783 + // CHANGE THIS LINE:
1784 + appendMessage("agent", message.content); // Instead of replaceLastMessage
1785 + lastSeenMessageId = message.id;
1786 + processedMessageIds.add(message.id);
2170 1787 }
2171 1788 });
2172 1789
2173 - if (hasNewMessage) {
2174 - enableChatInput(botId);
1790 + if (hasNewMessage && $('#floating-chatbot').hasClass('hidden')) {
1791 + showNotification();
2175 1792 }
2176 -
2177 - var $floatingChatbot = getElement(botId, 'floating-chatbot');
2178 - if (hasNewMessage && $floatingChatbot.hasClass('hidden')) {
2179 - showNotification(botId);
2180 - }
2181 -
2182 - scrollToBottom(botId, true);
1793 +
1794 + scrollToBottom(true);
2183 1795 }
2184 -
2185 - // Handle chat mode transitions (e.g. agent ended chat via !endchat)
2186 - if (response.success && response.data?.chat_mode) {
2187 - updateChatModeIndicator(response.data.chat_mode, botId);
2188 - }
2189 1796 },
2190 1797 error: function (xhr, status, error) {
2191 - // Polling error - silently continue
1798 + //console.error("Polling error:", xhr, status, error);
2192 1799 }
2193 1800 });
2194 1801 }
2195 1802
@@ -2195,30 +1802,19 @@
2195 1802
2196 1803 // ====================================
2197 1804 // CHAT HISTORY & PERSISTENCE
2198 1805 // ====================================
2199 -
2200 -function loadChatHistory(botId, onComplete) {
2201 - botId = botId || 'default';
2202 - var instance = MxChatInstances.get(botId);
2203 -
1806 +// Update the loadChatHistory function:
1807 +function loadChatHistory() {
2204 1808 // Prevent duplicate loading
2205 - if (instance.chatHistoryLoaded) {
2206 - if (onComplete) onComplete();
1809 + if (chatHistoryLoaded) {
1810 + // console.log('Chat history already loaded, skipping...');
2207 1811 return;
2208 1812 }
2209 -
2210 - // Use getChatSession which returns null if no session exists (does NOT create one)
2211 - var sessionId = getChatSession(botId);
1813 +
1814 + var sessionId = getChatSession();
2212 1815 var chatPersistenceEnabled = mxchatChat.chat_persistence_toggle === 'on';
2213 1816
2214 - // No session yet — nothing to load. History will load after first message via ensureSession.
2215 - if (!sessionId) {
2216 - instance.chatHistoryLoaded = true;
2217 - if (onComplete) onComplete();
2218 - return;
2219 - }
2220 -
2221 1817 if (chatPersistenceEnabled && sessionId) {
2222 1818 $.ajax({
2223 1819 url: mxchatChat.ajax_url,
2224 1820 type: 'POST',
@@ -2227,28 +1823,19 @@
2227 1823 action: 'mxchat_fetch_conversation_history',
2228 1824 session_id: sessionId
2229 1825 },
2230 1826 success: function(response) {
2231 - // Handle session reset (IP changed while user was away)
2232 - if (response.success === false && response.data && response.data.action === 'reset_session') {
2233 - // Silent reset — new session but don't clear UI
2234 - MxChatInstances.silentResetSession(botId);
2235 - instance.chatHistoryLoaded = true; // Prevent retry loop
2236 - if (onComplete) onComplete();
2237 - return;
2238 - }
2239 -
2240 1827 // Check if the response indicates success
2241 1828 if (response.success) {
2242 1829 // Handle case where conversation data exists and is an array
2243 1830 if (response.data && Array.isArray(response.data.conversation)) {
2244 - var $chatBox = getElement(botId, 'chat-box');
1831 + var $chatBox = $('#chat-box');
2245 1832 var $fragment = $(document.createDocumentFragment());
2246 - let highestMessageId = instance.lastSeenMessageId;
1833 + let highestMessageId = lastSeenMessageId;
2247 1834
2248 1835 // Update chat mode if provided
2249 1836 if (response.data.chat_mode) {
2250 - updateChatModeIndicator(response.data.chat_mode, botId);
1837 + updateChatModeIndicator(response.data.chat_mode);
2251 1838 }
2252 1839
2253 1840 // Only process if there are actual messages
2254 1841 if (response.data.conversation.length > 0) {
@@ -2253,9 +1840,9 @@
2253 1840 // Only process if there are actual messages
2254 1841 if (response.data.conversation.length > 0) {
2255 1842 // IMPORTANT: Clear existing messages before loading history
2256 1843 $chatBox.empty();
2257 -
1844 +
2258 1845 $.each(response.data.conversation, function(index, message) {
2259 1846 // Skip agent messages if persistence is off
2260 1847 if (!chatPersistenceEnabled && message.role === 'agent') {
2261 1848 return;
@@ -2290,19 +1877,9 @@
2290 1877 var content = message.content;
2291 1878 content = content.replace(/\\'/g, "'").replace(/\\"/g, '"');
2292 1879 content = decodeHTMLEntities(content);
2293 1880
2294 - // Skip linkify for messages containing structured HTML
2295 - // (forms, product cards, galleries, etc.) to avoid
2296 - // markdown formatting corrupting HTML attributes
2297 - // (e.g. underscores in name="field_name" becoming <em> tags)
2298 - if (content.includes("mxchat-product-card") ||
2299 - content.includes("mxchat-image-gallery") ||
2300 - content.includes("mxchat-featured-products") ||
2301 - content.includes("<form") ||
2302 - content.includes("<input") ||
2303 - content.includes("<select") ||
2304 - content.includes("<textarea")) {
1881 + if (content.includes("mxchat-product-card") || content.includes("mxchat-image-gallery")) {
2305 1882 messageElement.html(content);
2306 1883 } else {
2307 1884 var formattedContent = linkify(content);
2308 1885 messageElement.html(formattedContent);
@@ -2312,47 +1889,42 @@
2312 1889
2313 1890 // Track message IDs
2314 1891 if (message.id) {
2315 1892 highestMessageId = Math.max(highestMessageId, message.id);
2316 - instance.processedMessageIds.add(message.id);
1893 + processedMessageIds.add(message.id);
2317 1894 }
2318 1895 });
2319 1896
2320 1897 // Only append messages and scroll if we have content
2321 1898 $chatBox.append($fragment);
2322 - scrollToBottom(botId, true);
1899 + scrollToBottom(true);
2323 1900
2324 1901 // Collapse quick questions if we have conversation history
2325 - // BUT skip auto-collapse for embedded bots (they should stay expanded)
2326 - if (hasQuickQuestions(botId) && !isEmbeddedBot(botId)) {
2327 - collapseQuickQuestions(botId);
1902 + if (hasQuickQuestions()) {
1903 + collapseQuickQuestions();
2328 1904 }
2329 1905
2330 1906 // Update lastSeenMessageId after history loads
2331 - instance.lastSeenMessageId = highestMessageId;
1907 + lastSeenMessageId = highestMessageId;
2332 1908
2333 1909 // Only update chat mode if persistence is enabled and we have messages
2334 1910 if (chatPersistenceEnabled) {
2335 1911 var lastMessage = response.data.conversation[response.data.conversation.length - 1];
2336 1912 if (lastMessage.role === 'agent') {
2337 - updateChatModeIndicator('agent', botId);
1913 + updateChatModeIndicator('agent');
2338 1914 }
2339 1915 }
2340 -
1916 +
2341 1917 // Mark as loaded ONLY after successful load
2342 - instance.chatHistoryLoaded = true;
1918 + chatHistoryLoaded = true;
2343 1919 }
2344 1920 }
2345 1921 }
2346 - if (onComplete) onComplete();
2347 1922 },
2348 1923 error: function(xhr, status, error) {
2349 - // Error loading chat history - silently continue
2350 - if (onComplete) onComplete();
1924 + //console.error("AJAX error loading chat history:", status, error);
2351 1925 }
2352 1926 });
2353 - } else {
2354 - if (onComplete) onComplete();
2355 1927 }
2356 1928 }
2357 1929
2358 1930
@@ -2366,42 +1938,40 @@
2366 1938 element.addEventListener(eventType, handler);
2367 1939 }
2368 1940 }
2369 1941
2370 - function showActivePdf(filename, botId) {
2371 - botId = botId || 'default';
2372 - const container = getElementDOM(botId, 'active-pdf-container');
2373 - const nameElement = getElementDOM(botId, 'active-pdf-name');
2374 -
1942 + function showActivePdf(filename) {
1943 + const container = document.getElementById('active-pdf-container');
1944 + const nameElement = document.getElementById('active-pdf-name');
1945 +
2375 1946 if (!container || !nameElement) {
1947 + //console.error('PDF container elements not found');
2376 1948 return;
2377 1949 }
2378 -
1950 +
2379 1951 nameElement.textContent = filename;
2380 1952 container.style.display = 'flex';
2381 1953 }
2382 -
2383 - function showActiveWord(filename, botId) {
2384 - botId = botId || 'default';
2385 - const container = getElementDOM(botId, 'active-word-container');
2386 - const nameElement = getElementDOM(botId, 'active-word-name');
2387 -
1954 +
1955 + function showActiveWord(filename) {
1956 + const container = document.getElementById('active-word-container');
1957 + const nameElement = document.getElementById('active-word-name');
1958 +
2388 1959 if (!container || !nameElement) {
1960 + //console.error('Word document container elements not found');
2389 1961 return;
2390 1962 }
2391 -
1963 +
2392 1964 nameElement.textContent = filename;
2393 1965 container.style.display = 'flex';
2394 1966 }
2395 -
2396 - function removeActivePdf(botId) {
2397 - botId = botId || 'default';
2398 - var instance = MxChatInstances.get(botId);
2399 - const container = getElementDOM(botId, 'active-pdf-container');
2400 - const nameElement = getElementDOM(botId, 'active-pdf-name');
2401 -
2402 - if (!container || !nameElement || !instance.activePdfFile) return;
2403 -
1967 +
1968 + function removeActivePdf() {
1969 + const container = document.getElementById('active-pdf-container');
1970 + const nameElement = document.getElementById('active-pdf-name');
1971 +
1972 + if (!container || !nameElement || !activePdfFile) return;
1973 +
2404 1974 fetch(mxchatChat.ajax_url, {
2405 1975 method: 'POST',
2406 1976 headers: {
2407 1977 'Content-Type': 'application/x-www-form-urlencoded',
@@ -2407,9 +1977,9 @@
2407 1977 'Content-Type': 'application/x-www-form-urlencoded',
2408 1978 },
2409 1979 body: new URLSearchParams({
2410 1980 'action': 'mxchat_remove_pdf',
2411 - 'session_id': getChatSession(botId),
1981 + 'session_id': sessionId,
2412 1982 'nonce': mxchatChat.nonce
2413 1983 })
2414 1984 })
2415 1985 .then(response => response.json())
@@ -2421,12 +1991,12 @@
2421 1991 appendMessage('bot', 'PDF removed.');
2422 1992 }
2423 1993 })
2424 1994 .catch(error => {
2425 - // Error removing PDF - silently continue
1995 + //console.error('Error removing PDF:', error);
2426 1996 });
2427 1997 }
2428 -
1998 +
2429 1999 function removeActiveWord() {
2430 2000 const container = document.getElementById('active-word-container');
2431 2001 const nameElement = document.getElementById('active-word-name');
2432 2002
@@ -2452,53 +2022,56 @@
2452 2022 appendMessage('bot', 'Word document removed.');
2453 2023 }
2454 2024 })
2455 2025 .catch(error => {
2456 - // Error removing Word document - silently continue
2026 + //console.error('Error removing Word document:', error);
2457 2027 });
2458 2028 }
2459 -
2029 +
2460 2030 // ====================================
2461 2031 // CONSENT & COMPLIANCE (GDPR)
2462 2032 // ====================================
2463 -
2464 - function initializeChatVisibility(botId) {
2465 - botId = botId || 'default';
2466 - const complianzEnabled = mxchatChat.complianz_toggle === 'on' ||
2467 - mxchatChat.complianz_toggle === '1' ||
2033 +
2034 + function initializeChatVisibility() {
2035 + //console.log('Initializing chat visibility');
2036 + const complianzEnabled = mxchatChat.complianz_toggle === 'on' ||
2037 + mxchatChat.complianz_toggle === '1' ||
2468 2038 mxchatChat.complianz_toggle === 1;
2469 -
2039 +
2470 2040 if (complianzEnabled && typeof cmplz_has_consent === "function" && typeof complianz !== 'undefined') {
2471 2041 // Initial check
2472 - checkConsentAndShowChat(botId);
2473 -
2042 + checkConsentAndShowChat();
2043 +
2474 2044 // Listen for consent changes
2475 2045 $(document).on('cmplz_status_change', function(event) {
2476 - checkConsentAndShowChat(botId);
2046 + //console.log('Status change detected');
2047 + checkConsentAndShowChat();
2477 2048 });
2478 2049 } else {
2479 2050 // If Complianz is not enabled, always show
2480 - getElement(botId, 'floating-chatbot-button')
2051 + $('#floating-chatbot-button')
2481 2052 .css('display', 'flex')
2482 2053 .removeClass('hidden no-consent')
2483 2054 .fadeTo(500, 1);
2484 -
2055 +
2485 2056 // Also check pre-chat message when Complianz is not enabled
2486 - checkPreChatDismissal(botId);
2057 + checkPreChatDismissal();
2487 2058 }
2488 2059 }
2489 2060
2490 -
2491 - function checkConsentAndShowChat(botId) {
2492 - botId = botId || 'default';
2061 +
2062 + function checkConsentAndShowChat() {
2493 2063 var consentStatus = cmplz_has_consent('marketing');
2494 2064 var consentType = complianz.consenttype;
2495 -
2496 - let $widget = getElement(botId, 'floating-chatbot-button');
2497 - let $chatbot = getElement(botId, 'floating-chatbot');
2498 - let $preChat = getElement(botId, 'pre-chat-message');
2499 -
2065 +
2066 + //console.log('Checking consent:', {status: consentStatus,type: consentType});
2067 +
2068 + let $widget = $('#floating-chatbot-button');
2069 + let $chatbot = $('#floating-chatbot');
2070 + let $preChat = $('#pre-chat-message');
2071 +
2500 2072 if (consentStatus === true) {
2073 + //console.log('Consent granted - showing widget');
2501 2074 $widget
2502 2075 .removeClass('no-consent')
2503 2076 .css('display', 'flex')
2504 2077 .removeClass('hidden')
@@ -2503,12 +2076,13 @@
2503 2076 .css('display', 'flex')
2504 2077 .removeClass('hidden')
2505 2078 .fadeTo(500, 1);
2506 2079 $chatbot.removeClass('no-consent');
2507 -
2080 +
2508 2081 // Show pre-chat message if not dismissed
2509 - checkPreChatDismissal(botId);
2082 + checkPreChatDismissal();
2510 2083 } else {
2084 + //console.log('No consent - hiding widget');
2511 2085 $widget
2512 2086 .addClass('no-consent')
2513 2087 .fadeTo(500, 0, function() {
2514 2088 $(this)
@@ -2515,9 +2089,9 @@
2515 2089 .css('display', 'none')
2516 2090 .addClass('hidden');
2517 2091 });
2518 2092 $chatbot.addClass('no-consent');
2519 -
2093 +
2520 2094 // Hide pre-chat message when no consent
2521 2095 $preChat.hide();
2522 2096 }
2523 2097 }
@@ -2525,38 +2099,46 @@
2525 2099
2526 2100 // ====================================
2527 2101 // PRE-CHAT MESSAGE HANDLING
2528 2102 // ====================================
2529 -
2530 - function checkPreChatDismissal(botId) {
2531 - botId = botId || 'default';
2532 - try {
2533 - var dismissedAt = localStorage.getItem('mxchat_pre_chat_dismissed_' + botId);
2534 - if (dismissedAt) {
2535 - // Re-show after 24 hours
2536 - var elapsed = Date.now() - parseInt(dismissedAt, 10);
2537 - if (elapsed < 86400000) {
2538 - getElement(botId, 'pre-chat-message').hide();
2539 - return;
2103 +
2104 + function checkPreChatDismissal() {
2105 + $.ajax({
2106 + url: mxchatChat.ajax_url,
2107 + type: 'POST',
2108 + data: {
2109 + action: 'mxchat_check_pre_chat_message_status',
2110 + _ajax_nonce: mxchatChat.nonce
2111 + },
2112 + success: function(response) {
2113 + if (response.success && !response.data.dismissed) {
2114 + $('#pre-chat-message').fadeIn(250);
2115 + } else {
2116 + $('#pre-chat-message').hide();
2540 2117 }
2541 - // Expired — clear and show again
2542 - localStorage.removeItem('mxchat_pre_chat_dismissed_' + botId);
2118 + },
2119 + error: function() {
2120 + //console.error('Failed to check pre-chat message dismissal status.');
2543 2121 }
2544 - getElement(botId, 'pre-chat-message').fadeIn(250);
2545 - } catch (e) {
2546 - // localStorage unavailable — show the message
2547 - getElement(botId, 'pre-chat-message').fadeIn(250);
2548 - }
2122 + });
2549 2123 }
2550 -
2551 - function handlePreChatDismissal(botId) {
2552 - botId = botId || 'default';
2553 - getElement(botId, 'pre-chat-message').fadeOut(200);
2554 - try {
2555 - localStorage.setItem('mxchat_pre_chat_dismissed_' + botId, String(Date.now()));
2556 - } catch (e) {
2557 - // localStorage unavailable — dismissal won't persist
2558 - }
2124 +
2125 + function handlePreChatDismissal() {
2126 + $('#pre-chat-message').fadeOut(200);
2127 + $.ajax({
2128 + url: mxchatChat.ajax_url,
2129 + type: 'POST',
2130 + data: {
2131 + action: 'mxchat_dismiss_pre_chat_message',
2132 + _ajax_nonce: mxchatChat.nonce
2133 + },
2134 + success: function() {
2135 + $('#pre-chat-message').hide();
2136 + },
2137 + error: function() {
2138 + //console.error('Failed to dismiss pre-chat message.');
2139 + }
2140 + });
2559 2141 }
2560 2142
2561 2143
2562 2144 // ====================================
@@ -2582,104 +2164,78 @@
2582 2164 // ====================================
2583 2165
2584 2166 $(document).on('click', '.mxchat-popular-question', function () {
2585 2167 var question = $(this).text();
2586 - var botId = getBotIdFromElement(this);
2587 -
2168 +
2588 2169 // Append the question as if the user typed it
2589 - appendMessage("user", question, '', [], false, botId);
2590 -
2170 + appendMessage("user", question);
2171 +
2591 2172 // Only collapse if there are questions
2592 - if (hasQuickQuestions(botId)) {
2593 - collapseQuickQuestions(botId);
2173 + if (hasQuickQuestions()) {
2174 + collapseQuickQuestions();
2594 2175 }
2595 -
2176 +
2596 2177 // Send the question to the server
2597 - sendMessageToChatbot(question, botId);
2178 + sendMessageToChatbot(question);
2598 2179 });
2599 2180
2600 2181 $(document).on('click', '.questions-toggle-btn', function(e) {
2601 2182 e.preventDefault();
2602 2183 e.stopPropagation();
2603 - var botId = getBotIdFromElement(this);
2604 - expandQuickQuestions(botId);
2184 + expandQuickQuestions();
2605 2185 });
2606 2186
2607 2187 $(document).on('click', '.questions-collapse-btn', function(e) {
2608 2188 e.preventDefault();
2609 2189 e.stopPropagation();
2610 - var botId = getBotIdFromElement(this);
2611 - collapseQuickQuestions(botId);
2190 + collapseQuickQuestions();
2612 2191 });
2613 2192
2614 - // Chatbot visibility toggle handlers - use class selector for multi-instance support
2615 - $(document).on('click', '.floating-chatbot-button', function() {
2616 - var botId = getBotIdFromElement(this);
2617 - var $chatbot = getElement(botId, 'floating-chatbot');
2618 - var $badge = getElement(botId, 'chat-notification-badge');
2619 - var $preChat = getElement(botId, 'pre-chat-message');
2620 -
2621 - if ($chatbot.hasClass('hidden')) {
2622 - $chatbot.removeClass('hidden').addClass('visible');
2193 + // Chatbot visibility toggle handlers
2194 + $(document).on('click', '#floating-chatbot-button', function() {
2195 + var chatbot = $('#floating-chatbot');
2196 + if (chatbot.hasClass('hidden')) {
2197 + chatbot.removeClass('hidden').addClass('visible');
2623 2198 $(this).addClass('hidden');
2624 - $badge.hide(); // Hide notification when opening chat
2199 + $('#chat-notification-badge').hide(); // Hide notification when opening chat
2625 2200 disableScroll();
2626 - $preChat.fadeOut(250);
2627 -
2628 - // Load chat history for returning visitors (persistence)
2629 - var chatPersistenceEnabled = typeof mxchatChat !== 'undefined' && mxchatChat.chat_persistence_toggle === 'on';
2630 - if (chatPersistenceEnabled) {
2631 - MxChatInstances.ensureSession(botId);
2632 - }
2633 -
2634 - // Deferred email check — only on first widget open
2635 - var emailBlocker = getElementDOM(botId, 'email-blocker');
2636 - var instance = MxChatInstances.get(botId);
2637 - if (emailBlocker && !instance.emailCheckDone) {
2638 - instance.emailCheckDone = true;
2639 - resolveEmailState(botId);
2640 - } else if (!emailBlocker) {
2641 - // No email collection — still route through showChatContainerForBot
2642 - // so the loader is shown while chat history loads
2643 - showChatContainerForBot(botId);
2644 - }
2201 + $('#pre-chat-message').fadeOut(250);
2645 2202 } else {
2646 - $chatbot.removeClass('visible').addClass('hidden');
2203 + chatbot.removeClass('visible').addClass('hidden');
2647 2204 $(this).removeClass('hidden');
2648 2205 enableScroll();
2649 - checkPreChatDismissal(botId);
2206 + checkPreChatDismissal();
2650 2207 }
2651 2208 });
2652 -
2653 - // Allow clicking anywhere on the title bar to close the chatbot
2654 - $(document).on('click', '.chatbot-top-bar', function() {
2655 - var botId = getBotIdFromElement(this);
2656 - getElement(botId, 'floating-chatbot').addClass('hidden').removeClass('visible');
2657 - getElement(botId, 'floating-chatbot-button').removeClass('hidden');
2209 +
2210 + $(document).on('click', '#exit-chat-button', function() {
2211 + $('#floating-chatbot').addClass('hidden').removeClass('visible');
2212 + $('#floating-chatbot-button').removeClass('hidden');
2658 2213 enableScroll();
2659 2214 });
2660 -
2215 +
2661 2216 $(document).on('click', '.close-pre-chat-message', function(e) {
2662 2217 e.stopPropagation(); // Prevent triggering the parent .pre-chat-message click
2663 - var botId = getBotIdFromElement(this);
2664 - handlePreChatDismissal(botId);
2218 + $('#pre-chat-message').fadeOut(200, function() {
2219 + $(this).remove();
2220 + });
2665 2221 });
2222 +
2666 2223
2667 -
2668 - // PDF upload button handlers - use class selector
2669 - $(document).on('click', '.pdf-upload-btn', function() {
2670 - var botId = getBotIdFromElement(this);
2671 - var pdfInput = getElementDOM(botId, 'pdf-upload');
2672 - if (pdfInput) pdfInput.click();
2673 - });
2674 -
2675 - // Word upload button handlers - use class selector
2676 - $(document).on('click', '.word-upload-btn', function() {
2677 - var botId = getBotIdFromElement(this);
2678 - var wordInput = getElementDOM(botId, 'word-upload');
2679 - if (wordInput) wordInput.click();
2680 - });
2224 + // PDF upload button handlers
2225 + if (document.getElementById('pdf-upload-btn')) {
2226 + document.getElementById('pdf-upload-btn').addEventListener('click', function() {
2227 + document.getElementById('pdf-upload').click();
2228 + });
2229 + }
2681 2230
2231 + // Word upload button handlers
2232 + if (document.getElementById('word-upload-btn')) {
2233 + document.getElementById('word-upload-btn').addEventListener('click', function() {
2234 + document.getElementById('word-upload').click();
2235 + });
2236 + }
2237 +
2682 2238 // PDF file input change handler
2683 2239 addSafeEventListener('pdf-upload', 'change', async function(e) {
2684 2240 const file = e.target.files[0];
2685 2241
@@ -2688,13 +2244,15 @@
2688 2244 return;
2689 2245 }
2690 2246
2691 2247 if (!sessionId) {
2248 + //console.error('No session ID found');
2692 2249 alert('Error: No session ID found');
2693 2250 return;
2694 2251 }
2695 -
2252 +
2696 2253 if (!mxchatChat || !mxchatChat.ajax_url || !mxchatChat.nonce) {
2254 + //console.error('mxchatChat not properly configured:', mxchatChat);
2697 2255 alert('Error: Ajax configuration missing');
2698 2256 return;
2699 2257 }
2700 2258
@@ -2736,11 +2294,13 @@
2736 2294 appendMessage('bot', data.data.message);
2737 2295 scrollToBottom();
2738 2296 activePdfFile = data.data.filename;
2739 2297 } else {
2298 + //console.error('Upload failed:', data.data);
2740 2299 alert('Failed to upload PDF. Please try again.');
2741 2300 }
2742 2301 } catch (error) {
2302 + //console.error('Upload error:', error);
2743 2303 alert('Error uploading file. Please try again.');
2744 2304 } finally {
2745 2305 uploadBtn.disabled = false;
2746 2306 sendBtn.disabled = false;
@@ -2758,12 +2318,13 @@
2758 2318 return;
2759 2319 }
2760 2320
2761 2321 if (!sessionId) {
2322 + //console.error('No session ID found');
2762 2323 alert('Error: No session ID found');
2763 2324 return;
2764 2325 }
2765 -
2326 +
2766 2327 // Disable buttons and show loading state
2767 2328 const uploadBtn = document.getElementById('word-upload-btn');
2768 2329 const sendBtn = document.getElementById('send-button');
2769 2330 const originalBtnContent = uploadBtn.innerHTML;
@@ -2801,11 +2362,13 @@
2801 2362 appendMessage('bot', data.data.message);
2802 2363 scrollToBottom();
2803 2364 activeWordFile = data.data.filename;
2804 2365 } else {
2366 + //console.error('Upload failed:', data.data);
2805 2367 alert('Failed to upload Word document. Please try again.');
2806 2368 }
2807 2369 } catch (error) {
2370 + //console.error('Upload error:', error);
2808 2371 alert('Error uploading file. Please try again.');
2809 2372 } finally {
2810 2373 uploadBtn.disabled = false;
2811 2374 sendBtn.disabled = false;
@@ -2863,497 +2426,454 @@
2863 2426 });
2864 2427
2865 2428
2866 2429 // ====================================
2867 -// INIT LOADER & CHAT CONTAINER HELPERS
2430 +// EMAIL COLLECTION SETUP - FIXED VERSION
2868 2431 // ====================================
2869 -// These must be outside the email collection block so they're always available
2870 -// (used by persistence loading even when email collection is off)
2871 -
2872 -function showInitLoader(botId) {
2873 - var loader = getElementDOM(botId, 'mxchat-init-loader');
2874 - if (loader) loader.style.display = 'flex';
2875 -}
2876 -
2877 -function hideInitLoader(botId) {
2878 - var loader = getElementDOM(botId, 'mxchat-init-loader');
2879 - if (loader) loader.style.display = 'none';
2880 -}
2881 -
2882 -function showEmailFormForBot(botId) {
2883 - hideInitLoader(botId);
2884 - var emailBlocker = getElementDOM(botId, 'email-blocker');
2885 - var chatContainer = getElementDOM(botId, 'chat-container');
2886 - if (emailBlocker) emailBlocker.style.display = 'flex';
2887 - if (chatContainer) chatContainer.style.display = 'none';
2888 -}
2889 -
2890 -function showChatContainerForBot(botId) {
2891 - var emailBlocker = getElementDOM(botId, 'email-blocker');
2892 - var chatContainer = getElementDOM(botId, 'chat-container');
2893 - if (emailBlocker) emailBlocker.style.display = 'none';
2894 -
2895 - var instance = MxChatInstances.get(botId);
2896 - var chatPersistenceEnabled = mxchatChat.chat_persistence_toggle === 'on';
2897 -
2898 - // If persistence is on and history hasn't loaded yet, show loader
2899 - // while history loads to prevent flash of empty chat
2900 - if (chatPersistenceEnabled && !instance.chatHistoryLoaded) {
2901 - if (chatContainer) chatContainer.style.display = 'none';
2902 - showInitLoader(botId);
2903 - loadChatHistory(botId, function() {
2904 - hideInitLoader(botId);
2905 - if (chatContainer) chatContainer.style.display = 'flex';
2906 - scrollToBottom(botId, true);
2907 - });
2908 - } else {
2909 - hideInitLoader(botId);
2910 - if (chatContainer) chatContainer.style.display = 'flex';
2911 - if (typeof loadChatHistory === 'function') {
2912 - loadChatHistory(botId);
2913 - }
2914 - }
2915 -}
2916 -
2917 -// ====================================
2918 -// EMAIL COLLECTION SETUP - MULTI-INSTANCE VERSION
2919 -// ====================================
2920 2432 // Only run email collection setup if it's enabled
2921 2433 if (mxchatChat && mxchatChat.email_collection_enabled === 'on') {
2434 + //console.log('Email collection is enabled, setting up handlers...');
2435 +
2436 + // Email collection form setup and handlers
2437 + const emailForm = document.getElementById('email-collection-form');
2438 + const emailBlocker = document.getElementById('email-blocker');
2439 + const chatbotWrapper = document.getElementById('chat-container');
2922 2440
2923 - // Track submitting state per bot
2924 - const emailSubmittingState = {};
2441 + if (emailForm && emailBlocker && chatbotWrapper) {
2442 +
2443 + // Add loading state management
2444 + let isSubmitting = false;
2445 +
2446 + // Optimized UI transition functions
2447 + function showEmailForm() {
2448 + emailBlocker.style.display = 'flex';
2449 + chatbotWrapper.style.display = 'none';
2450 + }
2925 2451
2926 - // Add CSS animations for email form (once globally)
2927 - if (!document.getElementById('email-error-styles')) {
2928 - const style = document.createElement('style');
2929 - style.id = 'email-error-styles';
2930 - style.textContent = `
2931 - @keyframes fadeInError {
2932 - from { opacity: 0; transform: translateY(-5px); }
2933 - to { opacity: 1; transform: translateY(0); }
2452 + function showChatContainer() {
2453 + // Show chat immediately without delay
2454 + emailBlocker.style.display = 'none';
2455 + chatbotWrapper.style.display = 'flex';
2456 +
2457 + // Load chat history only after showing chat container
2458 + if (typeof loadChatHistory === 'function') {
2459 + loadChatHistory();
2934 2460 }
2935 - .email-input-shake {
2936 - animation: shake 0.5s ease-in-out;
2937 - }
2938 - @keyframes shake {
2939 - 0%, 100% { transform: translateX(0); }
2940 - 25% { transform: translateX(-5px); }
2941 - 75% { transform: translateX(5px); }
2942 - }
2943 - @keyframes spin {
2944 - from { transform: rotate(0deg); }
2945 - to { transform: rotate(360deg); }
2946 - }
2947 - .email-spinner {
2948 - display: inline-block;
2949 - vertical-align: middle;
2950 - }
2951 - `;
2952 - document.head.appendChild(style);
2953 - }
2461 + }
2954 2462
2955 - function isValidEmailAddress(email) {
2956 - const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
2957 - return emailRegex.test(email.trim()) && email.length <= 254;
2958 - }
2463 + // Enhanced email validation
2464 + function isValidEmail(email) {
2465 + const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
2466 + return emailRegex.test(email.trim()) && email.length <= 254; // RFC 5321 limit
2467 + }
2959 2468
2960 - function isValidNameInput(name) {
2961 - return name && name.trim().length >= 2 && name.trim().length <= 100;
2962 - }
2469 + // Enhanced name validation
2470 + function isValidName(name) {
2471 + return name && name.trim().length >= 2 && name.trim().length <= 100;
2472 + }
2963 2473
2964 - /**
2965 - * Replace {visitor_name} placeholder in intro message with actual visitor name
2966 - * @param {string} botId - The bot instance ID
2967 - * @param {string} visitorName - The visitor's name to insert
2968 - */
2969 - function replaceVisitorNamePlaceholder(botId, visitorName) {
2970 - var chatBox = getElementDOM(botId, 'chat-box');
2971 - if (!chatBox) return;
2972 -
2973 - // Find the first bot message (intro message)
2974 - var introMessage = chatBox.querySelector('.bot-message');
2975 - if (!introMessage) return;
2976 -
2977 - var messageContent = introMessage.querySelector('div[dir="auto"]');
2978 - if (!messageContent) return;
2979 -
2980 - var html = messageContent.innerHTML;
2981 -
2982 - // Replace {visitor_name} placeholder (case-insensitive)
2983 - if (visitorName && visitorName.trim()) {
2984 - // Escape HTML to prevent XSS
2985 - var safeName = $('<div>').text(visitorName.trim()).html();
2986 - html = html.replace(/\{visitor_name\}/gi, safeName);
2987 - } else {
2988 - // Remove placeholder and clean up spacing if no name provided
2989 - html = html.replace(/\{visitor_name\}/gi, '');
2990 - // Clean up any double spaces that might result
2991 - html = html.replace(/\s{2,}/g, ' ').trim();
2474 + // Show loading state with spinner
2475 + function setSubmissionState(loading) {
2476 + const submitButton = document.getElementById('email-submit-button');
2477 + const emailInput = document.getElementById('user-email');
2478 + const nameInput = document.getElementById('user-name');
2479 +
2480 + if (loading) {
2481 + isSubmitting = true;
2482 + if (submitButton) submitButton.disabled = true;
2483 + if (emailInput) emailInput.disabled = true;
2484 + if (nameInput) nameInput.disabled = true;
2485 +
2486 + // Store original content and add spinner
2487 + if (submitButton && !submitButton.getAttribute('data-original-html')) {
2488 + submitButton.setAttribute('data-original-html', submitButton.innerHTML);
2489 +
2490 + // Add loading spinner while keeping original text
2491 + const originalText = submitButton.textContent;
2492 + submitButton.innerHTML = `
2493 + <svg class="email-spinner" style="width: 16px; height: 16px; margin-right: 8px; animation: spin 1s linear infinite;" viewBox="0 0 24 24">
2494 + <circle cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4" fill="none" stroke-dasharray="31.416" stroke-dashoffset="31.416">
2495 + <animate attributeName="stroke-dasharray" dur="2s" values="0 31.416;15.708 15.708;0 31.416" repeatCount="indefinite"/>
2496 + <animate attributeName="stroke-dashoffset" dur="2s" values="0;-15.708;-31.416" repeatCount="indefinite"/>
2497 + </circle>
2498 + </svg>
2499 + ${originalText}
2500 + `;
2501 +
2502 + submitButton.style.opacity = '0.8';
2503 + }
2504 + } else {
2505 + isSubmitting = false;
2506 + if (submitButton) submitButton.disabled = false;
2507 + if (emailInput) emailInput.disabled = false;
2508 + if (nameInput) nameInput.disabled = false;
2509 +
2510 + // Restore original content
2511 + if (submitButton) {
2512 + const originalHtml = submitButton.getAttribute('data-original-html');
2513 + if (originalHtml) {
2514 + submitButton.innerHTML = originalHtml;
2515 + }
2516 + submitButton.style.opacity = '1';
2517 + }
2518 + }
2992 2519 }
2993 2520
2994 - messageContent.innerHTML = html;
2995 - }
2996 -
2997 - function setEmailSubmissionState(botId, loading) {
2998 - var submitButton = getElementDOM(botId, 'email-submit-button');
2999 - var emailInput = getElementDOM(botId, 'user-email');
3000 - var nameInput = getElementDOM(botId, 'user-name');
3001 -
3002 - if (loading) {
3003 - emailSubmittingState[botId] = true;
3004 - if (submitButton) submitButton.disabled = true;
3005 - if (emailInput) emailInput.disabled = true;
3006 - if (nameInput) nameInput.disabled = true;
3007 -
3008 - if (submitButton && !submitButton.getAttribute('data-original-html')) {
3009 - submitButton.setAttribute('data-original-html', submitButton.innerHTML);
3010 - const originalText = submitButton.textContent;
3011 - submitButton.innerHTML = `
3012 - <svg class="email-spinner" style="width: 16px; height: 16px; margin-right: 8px; animation: spin 1s linear infinite;" viewBox="0 0 24 24">
3013 - <circle cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4" fill="none" stroke-dasharray="31.416" stroke-dashoffset="31.416">
3014 - <animate attributeName="stroke-dasharray" dur="2s" values="0 31.416;15.708 15.708;0 31.416" repeatCount="indefinite"/>
3015 - <animate attributeName="stroke-dashoffset" dur="2s" values="0;-15.708;-31.416" repeatCount="indefinite"/>
3016 - </circle>
3017 - </svg>
3018 - ${originalText}
2521 + // Error display functions
2522 + function showEmailError(message) {
2523 + clearEmailError();
2524 +
2525 + const errorDiv = document.createElement('div');
2526 + errorDiv.className = 'email-error';
2527 + errorDiv.style.cssText = `
2528 + color: #e74c3c;
2529 + font-size: 12px;
2530 + margin-top: 8px;
2531 + padding: 4px 0;
2532 + animation: fadeInError 0.3s ease;
2533 + `;
2534 + errorDiv.textContent = message;
2535 +
2536 + // Add CSS animation if not already present
2537 + if (!document.getElementById('email-error-styles')) {
2538 + const style = document.createElement('style');
2539 + style.id = 'email-error-styles';
2540 + style.textContent = `
2541 + @keyframes fadeInError {
2542 + from { opacity: 0; transform: translateY(-5px); }
2543 + to { opacity: 1; transform: translateY(0); }
2544 + }
2545 + .email-input-shake {
2546 + animation: shake 0.5s ease-in-out;
2547 + }
2548 + @keyframes shake {
2549 + 0%, 100% { transform: translateX(0); }
2550 + 25% { transform: translateX(-5px); }
2551 + 75% { transform: translateX(5px); }
2552 + }
2553 + @keyframes spin {
2554 + from { transform: rotate(0deg); }
2555 + to { transform: rotate(360deg); }
2556 + }
2557 + .email-spinner {
2558 + display: inline-block;
2559 + vertical-align: middle;
2560 + }
3019 2561 `;
3020 - submitButton.style.opacity = '0.8';
2562 + document.head.appendChild(style);
3021 2563 }
3022 - } else {
3023 - emailSubmittingState[botId] = false;
3024 - if (submitButton) submitButton.disabled = false;
3025 - if (emailInput) emailInput.disabled = false;
3026 - if (nameInput) nameInput.disabled = false;
3027 -
3028 - if (submitButton) {
3029 - const originalHtml = submitButton.getAttribute('data-original-html');
3030 - if (originalHtml) {
3031 - submitButton.innerHTML = originalHtml;
3032 - }
3033 - submitButton.style.opacity = '1';
2564 +
2565 + emailForm.appendChild(errorDiv);
2566 +
2567 + // Add shake animation to inputs
2568 + const emailInput = document.getElementById('user-email');
2569 + const nameInput = document.getElementById('user-name');
2570 +
2571 + if (emailInput) {
2572 + emailInput.classList.add('email-input-shake');
2573 + setTimeout(() => {
2574 + emailInput.classList.remove('email-input-shake');
2575 + }, 500);
3034 2576 }
2577 +
2578 + if (nameInput) {
2579 + nameInput.classList.add('email-input-shake');
2580 + setTimeout(() => {
2581 + nameInput.classList.remove('email-input-shake');
2582 + }, 500);
2583 + }
3035 2584 }
3036 - }
3037 2585
3038 - function showEmailError(botId, message) {
3039 - clearEmailError(botId);
3040 -
3041 - var emailForm = getElementDOM(botId, 'email-collection-form');
3042 - if (!emailForm) return;
3043 -
3044 - const errorDiv = document.createElement('div');
3045 - errorDiv.className = 'email-error';
3046 - errorDiv.style.cssText = `
3047 - color: #e74c3c;
3048 - font-size: 12px;
3049 - margin-top: 8px;
3050 - padding: 4px 0;
3051 - animation: fadeInError 0.3s ease;
3052 - `;
3053 - errorDiv.textContent = message;
3054 - emailForm.appendChild(errorDiv);
3055 -
3056 - // Add shake animation to inputs
3057 - var emailInput = getElementDOM(botId, 'user-email');
3058 - var nameInput = getElementDOM(botId, 'user-name');
3059 -
3060 - if (emailInput) {
3061 - emailInput.classList.add('email-input-shake');
3062 - setTimeout(() => emailInput.classList.remove('email-input-shake'), 500);
3063 - }
3064 - if (nameInput) {
3065 - nameInput.classList.add('email-input-shake');
3066 - setTimeout(() => nameInput.classList.remove('email-input-shake'), 500);
3067 - }
3068 - }
3069 -
3070 - function clearEmailError(botId) {
3071 - var emailForm = getElementDOM(botId, 'email-collection-form');
3072 - if (emailForm) {
2586 + function clearEmailError() {
3073 2587 const existingErrors = emailForm.querySelectorAll('.email-error');
3074 2588 existingErrors.forEach(error => error.remove());
3075 2589 }
3076 - }
3077 2590
3078 - // Resolve email state using server-side data when available, AJAX fallback otherwise
3079 - function resolveEmailState(botId) {
3080 - if (mxchatChat.skip_email_check && mxchatChat.initial_email_state) {
3081 - if (mxchatChat.initial_email_state.show_email_form) {
3082 - showEmailFormForBot(botId);
3083 - } else {
3084 - showChatContainerForBot(botId);
2591 + // MAIN FORM SUBMIT HANDLER - This is the critical fix
2592 + //console.log('Setting up form submit handler...');
2593 +
2594 + // Remove any existing event listeners first
2595 + emailForm.removeEventListener('submit', handleFormSubmit);
2596 +
2597 + // Add the form submit handler
2598 + emailForm.addEventListener('submit', handleFormSubmit);
2599 +
2600 + function handleFormSubmit(event) {
2601 + //console.log('Form submit handler triggered!');
2602 + event.preventDefault();
2603 + event.stopPropagation();
2604 +
2605 + // Prevent double submission
2606 + if (isSubmitting) {
2607 + //console.log('Already submitting, ignoring...');
2608 + return false;
3085 2609 }
3086 - } else {
3087 - checkSessionAndEmailForBot(botId);
3088 - }
3089 - }
3090 2610
3091 - function checkSessionAndEmailForBot(botId) {
3092 - const sessionId = MxChatInstances.ensureSession(botId);
2611 + const userEmail = document.getElementById('user-email').value.trim();
2612 + const nameInput = document.getElementById('user-name');
2613 + const userName = nameInput ? nameInput.value.trim() : '';
2614 + const sessionId = getChatSession();
3093 2615
3094 - // Hide both panels while we check — show loader instead
3095 - var emailBlocker = getElementDOM(botId, 'email-blocker');
3096 - var chatContainer = getElementDOM(botId, 'chat-container');
3097 - if (emailBlocker) emailBlocker.style.display = 'none';
3098 - if (chatContainer) chatContainer.style.display = 'none';
3099 - showInitLoader(botId);
2616 + //console.log('Form data:', { userEmail, userName, sessionId });
3100 2617
3101 - fetch(mxchatChat.ajax_url, {
3102 - method: 'POST',
3103 - headers: {
3104 - 'Content-Type': 'application/x-www-form-urlencoded',
3105 - },
3106 - body: new URLSearchParams({
3107 - action: 'mxchat_check_email_provided',
3108 - session_id: sessionId,
3109 - nonce: mxchatChat.nonce,
3110 - })
3111 - })
3112 - .then((response) => {
3113 - if (!response.ok) {
3114 - throw new Error(`HTTP error! status: ${response.status}`);
2618 + // Validate email before submission
2619 + if (!userEmail) {
2620 + showEmailError('Please enter your email address.');
2621 + return false;
3115 2622 }
3116 - return response.json();
3117 - })
3118 - .then((data) => {
3119 - if (data.success) {
3120 - if (data.data.logged_in || data.data.email) {
3121 - showChatContainerForBot(botId);
3122 - } else {
3123 - showEmailFormForBot(botId);
3124 - }
3125 - } else {
3126 - showEmailFormForBot(botId);
2623 +
2624 + if (!isValidEmail(userEmail)) {
2625 + showEmailError('Please enter a valid email address.');
2626 + return false;
3127 2627 }
3128 - })
3129 - .catch((error) => {
3130 - showEmailFormForBot(botId);
3131 - });
3132 - }
3133 2628
3134 - // Event delegation for email form submission
3135 - $(document).on('submit', '.email-collection-form', function(e) {
3136 - e.preventDefault();
3137 - e.stopPropagation();
2629 + // Validate name if field exists
2630 + if (nameInput && !isValidName(userName)) {
2631 + showEmailError('Please enter a valid name (2-100 characters).');
2632 + return false;
2633 + }
3138 2634
3139 - var botId = getBotIdFromElement(this);
2635 + // Clear any existing errors
2636 + clearEmailError();
2637 + setSubmissionState(true);
3140 2638
3141 - // Prevent double submission
3142 - if (emailSubmittingState[botId]) {
3143 - return false;
3144 - }
2639 + //console.log('Sending AJAX request...');
3145 2640
3146 - var emailInput = getElementDOM(botId, 'user-email');
3147 - var nameInput = getElementDOM(botId, 'user-name');
3148 - var userEmail = emailInput ? emailInput.value.trim() : '';
3149 - var userName = nameInput ? nameInput.value.trim() : '';
3150 - var sessionId = MxChatInstances.ensureSession(botId);
2641 + // Prepare form data with optional name
2642 + const formData = new URLSearchParams({
2643 + action: 'mxchat_handle_save_email_and_response',
2644 + email: userEmail,
2645 + session_id: sessionId,
2646 + nonce: mxchatChat.nonce,
2647 + });
3151 2648
3152 - // Validate email
3153 - if (!userEmail) {
3154 - showEmailError(botId, 'Please enter your email address.');
3155 - return false;
3156 - }
2649 + // Add name to form data if provided
2650 + if (userName) {
2651 + formData.append('name', userName);
2652 + }
3157 2653
3158 - if (!isValidEmailAddress(userEmail)) {
3159 - showEmailError(botId, 'Please enter a valid email address.');
3160 - return false;
3161 - }
2654 + fetch(mxchatChat.ajax_url, {
2655 + method: 'POST',
2656 + headers: {
2657 + 'Content-Type': 'application/x-www-form-urlencoded',
2658 + },
2659 + body: formData
2660 + })
2661 + .then((response) => {
2662 + //console.log('Response received:', response);
2663 + if (!response.ok) {
2664 + throw new Error(`HTTP error! status: ${response.status}`);
2665 + }
2666 + return response.json();
2667 + })
2668 + .then((data) => {
2669 + //console.log('Response data:', data);
2670 + setSubmissionState(false);
2671 +
2672 + if (data.success) {
2673 + // Show chat immediately
2674 + showChatContainer();
3162 2675
3163 - // Validate name if field exists and has content
3164 - if (nameInput && userName && !isValidNameInput(userName)) {
3165 - showEmailError(botId, 'Please enter a valid name (2-100 characters).');
3166 - return false;
2676 + // Handle bot response if provided
2677 + if (data.message && typeof appendMessage === 'function') {
2678 + setTimeout(() => {
2679 + appendMessage('bot', data.message);
2680 + if (typeof scrollToBottom === 'function') {
2681 + scrollToBottom();
2682 + }
2683 + }, 100);
2684 + }
2685 + } else {
2686 + showEmailError(data.message || 'Failed to save email. Please try again.');
2687 + }
2688 + })
2689 + .catch((error) => {
2690 + //console.error('Email submission error:', error);
2691 + setSubmissionState(false);
2692 + showEmailError('An error occurred. Please try again.');
2693 + });
2694 +
2695 + return false; // Extra prevention
3167 2696 }
3168 2697
3169 - clearEmailError(botId);
3170 - setEmailSubmissionState(botId, true);
2698 + // Real-time email validation
2699 + const emailInput = document.getElementById('user-email');
2700 + if (emailInput) {
2701 + let validationTimeout;
2702 +
2703 + emailInput.addEventListener('input', function() {
2704 + // Clear previous validation timeout
2705 + if (validationTimeout) {
2706 + clearTimeout(validationTimeout);
2707 + }
2708 +
2709 + // Debounce validation
2710 + validationTimeout = setTimeout(() => {
2711 + const email = this.value.trim();
2712 + clearEmailError();
2713 +
2714 + if (email && !isValidEmail(email)) {
2715 + showEmailError('Please enter a valid email address.');
2716 + }
2717 + }, 500);
2718 + });
3171 2719
3172 - // Prepare form data
3173 - const formData = new URLSearchParams({
3174 - action: 'mxchat_handle_save_email_and_response',
3175 - email: userEmail,
3176 - session_id: sessionId,
3177 - nonce: mxchatChat.nonce,
3178 - });
3179 -
3180 - if (userName) {
3181 - formData.append('name', userName);
2720 + // Handle Enter key
2721 + emailInput.addEventListener('keypress', function(e) {
2722 + if (e.key === 'Enter' && !isSubmitting) {
2723 + e.preventDefault();
2724 + emailForm.dispatchEvent(new Event('submit'));
2725 + }
2726 + });
3182 2727 }
3183 2728
3184 - fetch(mxchatChat.ajax_url, {
3185 - method: 'POST',
3186 - headers: {
3187 - 'Content-Type': 'application/x-www-form-urlencoded',
3188 - },
3189 - body: formData
3190 - })
3191 - .then((response) => {
3192 - if (!response.ok) {
3193 - throw new Error(`HTTP error! status: ${response.status}`);
3194 - }
3195 - return response.json();
3196 - })
3197 - .then((data) => {
3198 - setEmailSubmissionState(botId, false);
3199 -
3200 - if (data.success) {
3201 - showChatContainerForBot(botId);
3202 -
3203 - // Replace {visitor_name} placeholder in intro message with actual name
3204 - if (userName) {
3205 - replaceVisitorNamePlaceholder(botId, userName);
3206 - } else {
3207 - // Remove placeholder if no name provided
3208 - replaceVisitorNamePlaceholder(botId, '');
2729 + // Real-time name validation
2730 + const nameInput = document.getElementById('user-name');
2731 + if (nameInput) {
2732 + let nameValidationTimeout;
2733 +
2734 + nameInput.addEventListener('input', function() {
2735 + // Clear previous validation timeout
2736 + if (nameValidationTimeout) {
2737 + clearTimeout(nameValidationTimeout);
3209 2738 }
2739 +
2740 + // Debounce validation
2741 + nameValidationTimeout = setTimeout(() => {
2742 + const name = this.value.trim();
2743 + clearEmailError();
2744 +
2745 + if (name && !isValidName(name)) {
2746 + showEmailError('Name must be between 2 and 100 characters.');
2747 + }
2748 + }, 500);
2749 + });
3210 2750
3211 - if (data.message && typeof appendMessage === 'function') {
3212 - setTimeout(() => {
3213 - appendMessage('bot', data.message, '', [], false, botId);
3214 - if (typeof scrollToBottom === 'function') {
3215 - scrollToBottom(botId);
3216 - }
3217 - }, 100);
2751 + // Handle Enter key
2752 + nameInput.addEventListener('keypress', function(e) {
2753 + if (e.key === 'Enter' && !isSubmitting) {
2754 + e.preventDefault();
2755 + emailForm.dispatchEvent(new Event('submit'));
3218 2756 }
3219 - } else {
3220 - showEmailError(botId, data.message || 'Failed to save email. Please try again.');
3221 - }
3222 - })
3223 - .catch((error) => {
3224 - setEmailSubmissionState(botId, false);
3225 - showEmailError(botId, 'An error occurred. Please try again.');
3226 - });
3227 -
3228 - return false;
3229 - });
3230 -
3231 - // Real-time email validation using event delegation
3232 - $(document).on('input', '.mxchat-email-input', function() {
3233 - var botId = getBotIdFromElement(this);
3234 - var $input = $(this);
3235 -
3236 - // Clear previous timeout
3237 - clearTimeout($input.data('validationTimeout'));
3238 -
3239 - // Debounce validation
3240 - var timeout = setTimeout(() => {
3241 - var email = this.value.trim();
3242 - clearEmailError(botId);
3243 -
3244 - if (email && !isValidEmailAddress(email)) {
3245 - showEmailError(botId, 'Please enter a valid email address.');
3246 - }
3247 - }, 500);
3248 -
3249 - $input.data('validationTimeout', timeout);
3250 - });
3251 -
3252 - // Handle Enter key in email input
3253 - $(document).on('keypress', '.mxchat-email-input', function(e) {
3254 - if (e.key === 'Enter') {
3255 - e.preventDefault();
3256 - var botId = getBotIdFromElement(this);
3257 - if (!emailSubmittingState[botId]) {
3258 - $(this).closest('.email-collection-form').submit();
3259 - }
2757 + });
3260 2758 }
3261 - });
3262 2759
3263 - // Handle Enter key in name input
3264 - $(document).on('keypress', '.mxchat-name-input', function(e) {
3265 - if (e.key === 'Enter') {
3266 - e.preventDefault();
3267 - var botId = getBotIdFromElement(this);
3268 - if (!emailSubmittingState[botId]) {
3269 - $(this).closest('.email-collection-form').submit();
2760 + // Initial state check
2761 + if (mxchatChat.skip_email_check && mxchatChat.initial_email_state) {
2762 + //console.log('Using server-provided email state:', mxchatChat.initial_email_state);
2763 +
2764 + const emailState = mxchatChat.initial_email_state;
2765 + if (emailState.show_email_form) {
2766 + showEmailForm();
2767 + } else {
2768 + showChatContainer();
3270 2769 }
2770 + } else {
2771 + // Check email status via AJAX
2772 + setTimeout(checkSessionAndEmail, 100);
3271 2773 }
3272 - });
3273 2774
3274 - // Initialize email check for all bot instances
3275 - // For floating bots: defer until widget is opened (zero passive AJAX)
3276 - // For embedded bots: check immediately since the form is visible
3277 - $('.mxchat-chatbot-wrapper').each(function() {
3278 - var botId = $(this).data('bot-id') || 'default';
3279 - var emailBlocker = getElementDOM(botId, 'email-blocker');
3280 -
3281 - if (emailBlocker) {
3282 - if (isEmbeddedBot(botId)) {
3283 - // Embedded bots are always visible — check now
3284 - resolveEmailState(botId);
3285 - }
3286 - // Floating bots: handled in the widget open handler
3287 - } else if (isEmbeddedBot(botId)) {
3288 - // Embedded bot, no email collection — load history with loader
3289 - var chatPersistenceEnabled = typeof mxchatChat !== 'undefined' && mxchatChat.chat_persistence_toggle === 'on';
3290 - if (chatPersistenceEnabled) {
3291 - MxChatInstances.ensureSession(botId);
3292 - showChatContainerForBot(botId);
3293 - }
2775 + // Check if email exists for the current session
2776 + function checkSessionAndEmail() {
2777 + const sessionId = getChatSession();
2778 +
2779 + fetch(mxchatChat.ajax_url, {
2780 + method: 'POST',
2781 + headers: {
2782 + 'Content-Type': 'application/x-www-form-urlencoded',
2783 + },
2784 + body: new URLSearchParams({
2785 + action: 'mxchat_check_email_provided',
2786 + session_id: sessionId,
2787 + nonce: mxchatChat.nonce,
2788 + })
2789 + })
2790 + .then((response) => {
2791 + if (!response.ok) {
2792 + throw new Error(`HTTP error! status: ${response.status}`);
2793 + }
2794 + return response.json();
2795 + })
2796 + .then((data) => {
2797 + if (data.success) {
2798 + if (data.data.logged_in || data.data.email) {
2799 + showChatContainer();
2800 + } else {
2801 + showEmailForm();
2802 + }
2803 + } else {
2804 + // On error, default to showing email form
2805 + showEmailForm();
2806 + }
2807 + })
2808 + .catch((error) => {
2809 + //console.warn('Email check failed, defaulting to email form:', error);
2810 + showEmailForm();
2811 + });
3294 2812 }
3295 - });
2813 +
2814 + } else {
2815 + console.error('Email collection is enabled but essential elements are missing:', {
2816 + emailForm: !!emailForm,
2817 + emailBlocker: !!emailBlocker,
2818 + chatbotWrapper: !!chatbotWrapper
2819 + });
2820 + }
2821 +} else {
2822 + //console.log('Email collection is disabled');
3296 2823 }
3297 2824
3298 - // Open chatbot when pre-chat message is clicked - use class selector for multi-instance
3299 - $(document).on('click', '.pre-chat-message', function() {
3300 - var botId = getBotIdFromElement(this);
3301 - var $chatbot = getElement(botId, 'floating-chatbot');
3302 - if ($chatbot.hasClass('hidden')) {
3303 - $chatbot.removeClass('hidden').addClass('visible');
3304 - getElement(botId, 'floating-chatbot-button').addClass('hidden');
3305 - handlePreChatDismissal(botId);
2825 + // Open chatbot when pre-chat message is clicked
2826 + $(document).on('click', '#pre-chat-message', function() {
2827 + var chatbot = $('#floating-chatbot');
2828 + if (chatbot.hasClass('hidden')) {
2829 + chatbot.removeClass('hidden').addClass('visible');
2830 + $('#floating-chatbot-button').addClass('hidden');
2831 + $('#pre-chat-message').fadeOut(250); // Hide pre-chat message
3306 2832 disableScroll(); // Disable scroll when chatbot opens
3307 -
3308 - // Load chat history for returning visitors (persistence)
3309 - var chatPersistenceEnabled = typeof mxchatChat !== 'undefined' && mxchatChat.chat_persistence_toggle === 'on';
3310 - if (chatPersistenceEnabled) {
3311 - MxChatInstances.ensureSession(botId);
3312 - }
3313 -
3314 - // Deferred email check — only on first widget open
3315 - var emailBlocker = getElementDOM(botId, 'email-blocker');
3316 - var instance = MxChatInstances.get(botId);
3317 - if (emailBlocker && !instance.emailCheckDone) {
3318 - instance.emailCheckDone = true;
3319 - resolveEmailState(botId);
3320 - } else if (!emailBlocker) {
3321 - showChatContainerForBot(botId);
3322 - }
3323 2833 }
3324 2834 });
3325 2835
3326 - // Legacy duplicate close handler removed — handled by single event delegation above
2836 + var closeButton = document.querySelector('.close-pre-chat-message');
2837 + if (closeButton) {
2838 + closeButton.addEventListener('click', function() {
2839 + $('#pre-chat-message').fadeOut(200); // Hide the message
3327 2840
2841 + // Send an AJAX request to set the transient flag for 24 hours
2842 + $.ajax({
2843 + url: mxchatChat.ajax_url,
2844 + type: 'POST',
2845 + data: {
2846 + action: 'mxchat_dismiss_pre_chat_message',
2847 + _ajax_nonce: mxchatChat.nonce
2848 + },
2849 + success: function() {
2850 + //console.log('Pre-chat message dismissed for 24 hours.');
3328 2851
3329 -function hasQuickQuestions(botId) {
3330 - botId = botId || 'default';
3331 - var questionsContainer = getElementDOM(botId, 'mxchat-popular-questions');
3332 - if (!questionsContainer) return false;
3333 - const questionButtons = questionsContainer.querySelectorAll('.mxchat-popular-question');
2852 + // Ensure the message is hidden after dismissal
2853 + $('#pre-chat-message').hide();
2854 + },
2855 + error: function() {
2856 + //console.error('Failed to dismiss pre-chat message.');
2857 + }
2858 + });
2859 + });
2860 + }
2861 +
2862 +
2863 +function hasQuickQuestions() {
2864 + const questionButtons = document.querySelectorAll('#mxchat-popular-questions .mxchat-popular-question');
3334 2865 return questionButtons.length > 0;
3335 2866 }
3336 2867
3337 -/**
3338 - * Check if a bot is embedded (not floating)
3339 - * Embedded bots don't have a .floating-chatbot wrapper
3340 - */
3341 -function isEmbeddedBot(botId) {
3342 - botId = botId || 'default';
3343 - var floatingWrapper = document.getElementById('floating-chatbot-' + botId);
3344 - return !floatingWrapper;
3345 -}
3346 -
3347 -function collapseQuickQuestions(botId) {
3348 - botId = botId || 'default';
3349 - const questionsContainer = getElementDOM(botId, 'mxchat-popular-questions');
3350 - if (questionsContainer && hasQuickQuestions(botId)) {
2868 +function collapseQuickQuestions() {
2869 + const questionsContainer = document.getElementById('mxchat-popular-questions');
2870 + if (questionsContainer && hasQuickQuestions()) {
3351 2871 questionsContainer.classList.add('collapsed');
3352 2872 questionsContainer.classList.add('has-been-collapsed');
3353 2873 try {
3354 - sessionStorage.setItem('mxchat_questions_collapsed_' + botId, 'true');
3355 - sessionStorage.setItem('mxchat_questions_has_been_collapsed_' + botId, 'true');
2874 + sessionStorage.setItem('mxchat_questions_collapsed', 'true');
2875 + sessionStorage.setItem('mxchat_questions_has_been_collapsed', 'true');
3356 2876 } catch (e) {
3357 2877 // Ignore if sessionStorage is not available
3358 2878 }
3359 2879 }
@@ -3358,15 +2878,14 @@
3358 2878 }
3359 2879 }
3360 2880 }
3361 2881
3362 -function expandQuickQuestions(botId) {
3363 - botId = botId || 'default';
3364 - const questionsContainer = getElementDOM(botId, 'mxchat-popular-questions');
3365 - if (questionsContainer && hasQuickQuestions(botId)) {
2882 +function expandQuickQuestions() {
2883 + const questionsContainer = document.getElementById('mxchat-popular-questions');
2884 + if (questionsContainer && hasQuickQuestions()) {
3366 2885 questionsContainer.classList.remove('collapsed');
3367 2886 try {
3368 - sessionStorage.setItem('mxchat_questions_collapsed_' + botId, 'false');
2887 + sessionStorage.setItem('mxchat_questions_collapsed', 'false');
3369 2888 } catch (e) {
3370 2889 // Ignore if sessionStorage is not available
3371 2890 }
3372 2891 }
@@ -3371,24 +2890,18 @@
3371 2890 }
3372 2891 }
3373 2892 }
3374 2893
3375 -function checkQuickQuestionsState(botId) {
3376 - botId = botId || 'default';
3377 - if (!hasQuickQuestions(botId)) {
2894 +function checkQuickQuestionsState() {
2895 + if (!hasQuickQuestions()) {
3378 2896 return; // Don't do anything if no questions exist
3379 2897 }
3380 -
3381 - // Skip restoring collapsed state for embedded bots - they should always start expanded
3382 - if (isEmbeddedBot(botId)) {
3383 - return;
3384 - }
3385 -
2898 +
3386 2899 try {
3387 - const isCollapsed = sessionStorage.getItem('mxchat_questions_collapsed_' + botId);
3388 - const hasBeenCollapsed = sessionStorage.getItem('mxchat_questions_has_been_collapsed_' + botId);
3389 -
3390 - const questionsContainer = getElementDOM(botId, 'mxchat-popular-questions');
2900 + const isCollapsed = sessionStorage.getItem('mxchat_questions_collapsed');
2901 + const hasBeenCollapsed = sessionStorage.getItem('mxchat_questions_has_been_collapsed');
2902 +
2903 + const questionsContainer = document.getElementById('mxchat-popular-questions');
3391 2904 if (questionsContainer) {
3392 2905 if (hasBeenCollapsed === 'true') {
3393 2906 questionsContainer.classList.add('has-been-collapsed');
3394 2907 }
@@ -3401,36 +2914,32 @@
3401 2914 }
3402 2915 }
3403 2916
3404 2917 // Global delegation for dynamically added links as fallback
3405 -// Use class selector for multi-instance support
3406 -$(document).on('click', '.chat-box a[href]:not([data-tracked])', function(e) {
2918 +$(document).on('click', '#chat-box a[href]:not([data-tracked])', function(e) {
3407 2919 const $link = $(this);
3408 2920 const messageDiv = $link.closest('.bot-message, .agent-message');
3409 -
2921 +
3410 2922 // Only process bot/agent message links
3411 2923 if (messageDiv.length > 0) {
3412 2924 const originalHref = $link.attr('href');
3413 -
2925 +
3414 2926 if (originalHref && (originalHref.startsWith('http://') || originalHref.startsWith('https://'))) {
3415 2927 e.preventDefault();
3416 2928 e.stopPropagation();
3417 -
2929 +
3418 2930 // Mark as tracked
3419 2931 $link.attr('data-tracked', 'true');
3420 -
3421 - // Get bot ID from the chat box context
3422 - var botId = getBotIdFromElement(this);
3423 -
2932 +
3424 2933 // Get message context from the message div
3425 2934 const messageText = messageDiv.text().substring(0, 200);
3426 -
2935 +
3427 2936 $.ajax({
3428 2937 url: mxchatChat.ajax_url,
3429 2938 type: 'POST',
3430 2939 data: {
3431 2940 action: 'mxchat_track_url_click',
3432 - session_id: getChatSession(botId),
2941 + session_id: getChatSession(),
3433 2942 url: originalHref,
3434 2943 message_context: messageText,
3435 2944 nonce: mxchatChat.nonce
3436 2945 },
@@ -3441,57 +2950,49 @@
3441 2950 window.location.href = originalHref;
3442 2951 }
3443 2952 }
3444 2953 });
3445 -
2954 +
3446 2955 return false;
3447 2956 }
3448 2957 }
3449 2958 });
3450 2959
3451 - // ====================================
3452 - // MAIN INITIALIZATION
3453 - // ====================================
2960 +
2961 +
2962 +
2963 +// ====================================
2964 +// MAIN INITIALIZATION
2965 +// ====================================
3454 2966
3455 - // Initialize all chatbot instances on the page
3456 - initializeAllInstances();
2967 +if ($('#floating-chatbot').hasClass('hidden')) {
2968 + $('#floating-chatbot-button').removeClass('hidden');
2969 +}
2970 +// Initialize when document is ready
2971 +setFullHeight();
2972 +trackOriginatingPage();
3457 2973
3458 - // Legacy initialization for single bot compatibility
3459 - $('.floating-chatbot.hidden').each(function() {
3460 - var botId = getBotIdFromElement(this);
3461 - getElement(botId, 'floating-chatbot-button').removeClass('hidden');
3462 - });
2974 +// Only load chat history if email collection is disabled
2975 +if (mxchatChat.email_collection_enabled !== 'on') {
2976 + loadChatHistory();
2977 +}
3463 2978
3464 - // Initialize when document is ready
3465 - setFullHeight();
2979 +initializeChatVisibility();
3466 2980
3467 - // Note: trackOriginatingPage() and loadChatHistory() are now deferred
3468 - // until the user's first interaction via MxChatInstances.ensureSession()
3469 -
3470 - // Initialize chat visibility for all instances
3471 - $('.mxchat-chatbot-wrapper').each(function() {
3472 - var botId = $(this).data('bot-id') || 'default';
3473 - initializeChatVisibility(botId);
3474 - });
3475 -
3476 - // Make functions globally available for add-ons
3477 - window.hasQuickQuestions = hasQuickQuestions;
3478 - window.collapseQuickQuestions = collapseQuickQuestions;
3479 - window.appendMessage = appendMessage;
3480 - window.appendThinkingMessage = appendThinkingMessage;
3481 - window.scrollToBottom = scrollToBottom;
3482 - window.scrollElementToTop = scrollElementToTop;
3483 - window.replaceLastMessage = replaceLastMessage;
3484 - window.callMxChat = callMxChat;
3485 - window.callMxChatStream = callMxChatStream;
3486 - window.shouldUseStreaming = shouldUseStreaming;
3487 - window.getChatSession = getChatSession;
3488 - window.getPageContext = getPageContext;
3489 - window.updateStreamingMessage = updateStreamingMessage;
3490 - window.MxChatInstances = MxChatInstances;
3491 - window.getElement = getElement;
3492 - window.getElementDOM = getElementDOM;
3493 - window.getBotIdFromElement = getBotIdFromElement;
2981 +// Make functions globally available for add-ons
2982 +window.hasQuickQuestions = hasQuickQuestions;
2983 +window.collapseQuickQuestions = collapseQuickQuestions;
2984 +window.appendMessage = appendMessage;
2985 +window.appendThinkingMessage = appendThinkingMessage;
2986 +window.scrollToBottom = scrollToBottom;
2987 +window.scrollElementToTop = scrollElementToTop;
2988 +window.replaceLastMessage = replaceLastMessage;
2989 +window.callMxChat = callMxChat;
2990 +window.callMxChatStream = callMxChatStream;
2991 +window.shouldUseStreaming = shouldUseStreaming;
2992 +window.getChatSession = getChatSession;
2993 +window.getPageContext = getPageContext;
2994 +window.updateStreamingMessage = updateStreamingMessage;
3494 2995
3495 2996 }); // End of jQuery ready
3496 2997
3497 2998