PluginProbe
MxChat – AI Chatbot & Content Generation for WordPress / 2.6.0
MxChat – AI Chatbot & Content Generation for WordPress v2.6.0
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 +1148 -1570 3.2.2 → 2.6.0 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,64 @@
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);
60 + function resetChatSession() {
61 + // Generate a new session ID
62 + var newSessionId = generateSessionId();
63 + // Update the cookie with the new session
64 + setChatSession(newSessionId);
65 + // Clear the chat history display
66 + $('.mxchat-messages').empty();
67 + // Reset the chat history loaded flag
68 + chatHistoryLoaded = false;
239 69 }
240 70
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 71 // ====================================
275 72 // CONTEXTUAL AWARENESS FUNCTIONALITY
276 73 // ====================================
277 74
@@ -416,123 +213,70 @@
416 213
417 214 // ====================================
418 215 // CORE CHAT FUNCTIONALITY
419 216 // ====================================
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 217 // 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 -
218 +function sendMessage() {
219 + var message = $('#chat-input').val();
220 +
460 221 // ADD PROMPT HOOK HERE
461 - if (typeof customMxChatFilter === 'function') {
462 - message = customMxChatFilter(message, "prompt");
222 + if (typeof customMxChatFilter === 'function') {
223 + message = customMxChatFilter(message, "prompt");
463 224 }
464 -
225 +
465 226 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 - }
227 + appendMessage("user", message);
228 + $('#chat-input').val('');
229 + $('#chat-input').css('height', 'auto');
472 230
473 - appendMessage("user", message, '', [], false, botId);
474 - $chatInput.val('');
475 - $chatInput.css('height', 'auto');
476 -
477 - if (hasQuickQuestions(botId)) {
478 - collapseQuickQuestions(botId);
231 + if (hasQuickQuestions()) {
232 + collapseQuickQuestions();
479 233 }
480 - appendThinkingMessage(botId);
481 - scrollToBottom(botId);
234 + appendThinkingMessage();
235 + scrollToBottom();
482 236
483 - const currentModel = mxchatChat.model || 'gpt-5.1-chat-latest';
237 + const currentModel = mxchatChat.model || 'gpt-4o';
484 238
485 239 // Check if streaming is enabled AND supported for this model
486 240 if (shouldUseStreaming(currentModel)) {
487 241 callMxChatStream(message, function(response) {
488 - getElement(botId, 'chat-box').find('.bot-message.temporary-message').removeClass('temporary-message');
489 - }, botId);
242 + $('.bot-message.temporary-message').removeClass('temporary-message');
243 + });
490 244 } else {
491 245 callMxChat(message, function(response) {
492 - replaceLastMessage("bot", response, '', [], botId);
493 - }, botId);
246 + replaceLastMessage("bot", response);
247 + });
494 248 }
495 249 }
496 250 }
497 251
498 252 // Update your existing sendMessageToChatbot function
499 -function sendMessageToChatbot(message, botId) {
500 - botId = botId || 'default';
501 - MxChatInstances.ensureSession(botId);
502 -
253 +function sendMessageToChatbot(message) {
503 254 // ADD PROMPT HOOK HERE
504 255 if (typeof customMxChatFilter === 'function') {
505 256 message = customMxChatFilter(message, "prompt");
506 257 }
258 +
259 + var sessionId = getChatSession();
507 260
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);
261 + if (hasQuickQuestions()) {
262 + collapseQuickQuestions();
513 263 }
264 + appendThinkingMessage();
265 + scrollToBottom();
514 266
515 - var sessionId = getChatSession(botId);
267 + const currentModel = mxchatChat.model || 'gpt-4o';
516 268
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 269 // Check if streaming is enabled AND supported for this model
526 270 if (shouldUseStreaming(currentModel)) {
527 271 callMxChatStream(message, function(response) {
528 - getElement(botId, 'chat-box').find('.bot-message.temporary-message').removeClass('temporary-message');
529 - }, botId);
272 + $('.bot-message.temporary-message').removeClass('temporary-message');
273 + });
530 274 } else {
531 275 callMxChat(message, function(response) {
532 - getElement(botId, 'chat-box').find('.temporary-message').remove();
533 - replaceLastMessage("bot", response, '', [], botId);
534 - }, botId);
276 + $('.temporary-message').remove();
277 + replaceLastMessage("bot", response);
278 + });
535 279 }
536 280 }
537 281
538 282 // Updated shouldUseStreaming function with debugging
@@ -575,43 +319,33 @@
575 319 updateChatModeIndicator('agent');
576 320 }
577 321 }
578 322
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');
323 +//Function to get bot ID from the chatbot wrapper
324 +function getMxChatBotId() {
325 + const chatbotWrapper = document.getElementById('mxchat-chatbot-wrapper');
588 326 return chatbotWrapper ? chatbotWrapper.getAttribute('data-bot-id') || 'default' : 'default';
589 327 }
590 328
591 -function callMxChat(message, callback, botId) {
592 - botId = botId || getMxChatBotId();
593 -
329 +function callMxChat(message, callback) {
594 330 // 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);
331 + $('.mxchat-input-holder textarea').data('pending-message', message);
596 332
597 333 // Get page context if contextual awareness is enabled
598 334 const pageContext = getPageContext();
599 335
600 - // Get instance for session start timestamp (used when persistence is OFF)
601 - var instance = MxChatInstances.get(botId);
336 + // Get bot ID
337 + const botId = getMxChatBotId();
602 338
603 339 // Prepare AJAX data
604 340 const ajaxData = {
605 341 action: 'mxchat_handle_chat_request',
606 342 message: message,
607 - session_id: getChatSession(botId),
343 + session_id: getChatSession(),
608 344 nonce: mxchatChat.nonce,
609 345 current_page_url: window.location.href,
610 346 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
347 + bot_id: botId // Include bot ID
614 348 };
615 349
616 350 // Add page context if available
617 351 if (pageContext) {
@@ -634,18 +368,29 @@
634 368 type: 'POST',
635 369 dataType: 'json',
636 370 data: ajaxData,
637 371 success: function(response) {
638 - // IMMEDIATE CHAT MODE UPDATE - This should be FIRST
372 +
373 + // IMMEDIATE CHAT MODE UPDATE - This should be FIRST
374 + if (response.chat_mode) {
375 + //console.log("Updating chat mode to:", response.chat_mode);
376 + updateChatModeIndicator(response.chat_mode);
377 + }
378 +
379 + // Also check in data property if response is wrapped
380 + if (response.data && response.data.chat_mode) {
381 + //console.log("Updating chat mode from data to:", response.data.chat_mode);
382 + updateChatModeIndicator(response.data.chat_mode);
383 + }
384 + // Log the full response for debugging
385 + //console.log("API Response:", response);
386 +
387 + // IMMEDIATE CHAT MODE UPDATE - Handle this first, before any other processing
639 388 if (response.chat_mode) {
640 - updateChatModeIndicator(response.chat_mode, botId);
389 + //console.log("Updating chat mode immediately to:", response.chat_mode);
390 + updateChatModeIndicator(response.chat_mode);
641 391 }
642 392
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 393 // SECURITY FIX: Check for errors FIRST before checking for success
649 394 // This ensures API errors (quota exceeded, invalid key, rate limit) are properly displayed
650 395 if (response.success === false || (response.data && response.data.error_message)) {
651 396 let errorMessage = "";
@@ -667,29 +412,40 @@
667 412 errorMessage = "An error occurred. Please try again or contact support.";
668 413 }
669 414
670 415 // Handle session reset action (IP changed, session expired, etc.)
671 - // Silent reset — keep chat UI intact, just get a new session and retry
672 416 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');
417 + // Clear the old session and generate a new one
418 + resetChatSession();
419 + // Remove the temporary loading message
420 + $('.bot-message.temporary-message').remove();
421 + // Re-send the original message with the new session
422 + var originalMessage = $('.mxchat-input-holder textarea').data('pending-message');
676 423 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';
424 + $('.mxchat-input-holder textarea').data('pending-message', null);
425 + // Re-add the user message and thinking indicator
426 + appendMessage("user", originalMessage);
427 + appendThinkingMessage();
428 + scrollToBottom();
429 + // Determine whether to use streaming
430 + const currentModel = mxchatChat.model || 'gpt-4o';
679 431 if (shouldUseStreaming(currentModel)) {
680 432 callMxChatStream(originalMessage, function(response) {
681 - getElement(botId, 'chat-box').find('.bot-message.temporary-message').removeClass('temporary-message');
682 - }, botId);
433 + $('.bot-message.temporary-message').removeClass('temporary-message');
434 + });
683 435 } else {
684 436 callMxChat(originalMessage, function(response) {
685 - replaceLastMessage("bot", response, '', [], botId);
686 - }, botId);
437 + replaceLastMessage("bot", response);
438 + });
687 439 }
688 440 }
689 441 return;
690 442 }
691 443
444 + // Log the error with code for debugging
445 + //console.log("Response data:", response.data);
446 + //console.error("API Error:", errorMessage, "Code:", errorCode);
447 +
692 448 // Format user-friendly error message
693 449 let displayMessage = errorMessage;
694 450
695 451 // Customize message for admin users
@@ -697,9 +453,9 @@
697 453 // For admin users, show more technical details including error code
698 454 displayMessage = errorMessage + (errorCode ? " (Error code: " + errorCode + ")" : "");
699 455 }
700 456
701 - replaceLastMessage("bot", displayMessage, '', [], botId);
457 + replaceLastMessage("bot", displayMessage);
702 458 return; // Exit early for errors
703 459 }
704 460
705 461 // NOW check if this is a successful response by looking for text, html, or message fields
@@ -715,17 +471,16 @@
715 471 let responseMessage = response.message || '';
716 472
717 473 // Add PDF filename handling
718 474 if (response.data && response.data.filename) {
719 - showActivePdf(response.data.filename, botId);
720 - var instance = MxChatInstances.get(botId);
721 - instance.activePdfFile = response.data.filename;
475 + showActivePdf(response.data.filename);
476 + activePdfFile = response.data.filename;
722 477 }
723 478
724 479 // Add redirect check here
725 480 if (response.redirect_url) {
726 481 if (responseText) {
727 - replaceLastMessage("bot", responseText, '', [], botId);
482 + replaceLastMessage("bot", responseText);
728 483 }
729 484 setTimeout(() => {
730 485 window.location.href = response.redirect_url;
731 486 }, 1500);
@@ -733,11 +488,9 @@
733 488 }
734 489
735 490 // Check for live agent response
736 491 if (response.success && response.data && response.data.status === 'waiting_for_agent') {
737 - removeThinkingDots(botId);
738 - updateChatModeIndicator('agent', botId);
739 - enableChatInput(botId);
492 + updateChatModeIndicator('agent');
740 493 return;
741 494 }
742 495
743 496 // Handle the message and show notification if chat is hidden
@@ -752,36 +505,32 @@
752 505 }
753 506
754 507 // Update the messages as before
755 508 if (responseText && responseHtml) {
756 - replaceLastMessage("bot", responseText, responseHtml, [], botId);
509 + replaceLastMessage("bot", responseText, responseHtml);
757 510 } else if (responseText) {
758 - replaceLastMessage("bot", responseText, '', [], botId);
511 + replaceLastMessage("bot", responseText);
759 512 } else if (responseHtml) {
760 - replaceLastMessage("bot", "", responseHtml, [], botId);
513 + replaceLastMessage("bot", "", responseHtml);
761 514 } else if (responseMessage) {
762 - replaceLastMessage("bot", responseMessage, '', [], botId);
515 + replaceLastMessage("bot", responseMessage);
763 516 }
764 517
765 518 // 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();
519 + if ($('#floating-chatbot').hasClass('hidden')) {
520 + const badge = $('#chat-notification-badge');
521 + if (badge.length) {
522 + badge.show();
771 523 }
772 524 }
773 525 } 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);
526 + // This should rarely happen now that errors are handled above
527 + ////console.error("Unexpected response format:", response);
528 + replaceLastMessage("bot", "I received an empty response. Please try again or contact support if this persists.");
779 529 }
780 530
781 531 if (response.message_id) {
782 - var instance = MxChatInstances.get(botId);
783 - instance.lastSeenMessageId = response.message_id;
532 + lastSeenMessageId = response.message_id;
784 533 }
785 534
786 535 return;
787 536 }
@@ -786,16 +535,20 @@
786 535 return;
787 536 }
788 537
789 538 // Fallback for truly unexpected response formats
790 - replaceLastMessage("bot", "Unexpected response format. Please try again or contact support.", '', [], botId);
539 + replaceLastMessage("bot", "Unexpected response format. Please try again or contact support.");
791 540 },
792 541 error: function(xhr, status, error) {
542 + //console.error("AJAX Error:", status, error);
543 + //console.log("Response Text:", xhr.responseText);
544 +
793 545 let errorMessage = "An unexpected error occurred.";
794 546
795 547 // Try to parse the response if it's JSON
796 548 try {
797 549 const responseJson = JSON.parse(xhr.responseText);
550 + //console.log("Parsed error response:", responseJson);
798 551
799 552 if (responseJson.data && responseJson.data.error_message) {
800 553 errorMessage = responseJson.data.error_message;
801 554 } else if (responseJson.message) {
@@ -815,42 +568,41 @@
815 568 errorMessage = "Server error: The server encountered an issue. Please try again later.";
816 569 }
817 570 }
818 571
819 - replaceLastMessage("bot", errorMessage, '', [], botId);
572 + replaceLastMessage("bot", errorMessage);
820 573 }
821 574 });
822 575 }
823 576
824 -function callMxChatStream(message, callback, botId) {
825 - botId = botId || getMxChatBotId();
577 +function callMxChatStream(message, callback) {
578 + // Store the message in case we need to retry after session reset
579 + $('.mxchat-input-holder textarea').data('pending-message', message);
826 580
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);
581 + //console.log("Using streaming for message:", message);
829 582
830 - const currentModel = mxchatChat.model || 'gpt-5.1-chat-latest';
583 + const currentModel = mxchatChat.model || 'gpt-4o';
831 584 if (!isStreamingSupported(currentModel)) {
832 - callMxChat(message, callback, botId);
585 + //console.log("Streaming not supported, falling back to regular call");
586 + callMxChat(message, callback);
833 587 return;
834 588 }
835 589
836 590 // Get page context if contextual awareness is enabled
837 591 const pageContext = getPageContext();
592 +
593 + // Get bot ID
594 + const botId = getMxChatBotId();
838 595
839 - // Get instance for session start timestamp (used when persistence is OFF)
840 - var instance = MxChatInstances.get(botId);
841 -
842 596 const formData = new FormData();
843 597 formData.append('action', 'mxchat_stream_chat');
844 598 formData.append('message', message);
845 - formData.append('session_id', getChatSession(botId));
599 + formData.append('session_id', getChatSession());
846 600 formData.append('nonce', mxchatChat.nonce);
847 601 formData.append('current_page_url', window.location.href);
848 602 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 -
603 + formData.append('bot_id', botId); // Include bot ID
604 +
853 605 // Add page context if available
854 606 if (pageContext) {
855 607 formData.append('page_context', JSON.stringify(pageContext));
856 608 }
@@ -875,14 +627,17 @@
875 627 body: formData,
876 628 credentials: 'same-origin'
877 629 })
878 630 .then(response => {
631 + //console.log("Streaming response received:", response);
632 +
879 633 // Store the response for potential fallback handling
880 634 const responseClone = response.clone();
881 -
635 +
882 636 if (!response.ok) {
883 637 // Try to get error details from response
884 638 return responseClone.json().then(errorData => {
639 + //console.log("Server returned error response:", errorData);
885 640 throw { isServerError: true, data: errorData };
886 641 }).catch(() => {
887 642 throw new Error('Network response was not ok');
888 643 });
@@ -890,21 +645,26 @@
890 645
891 646 // Check if response is JSON instead of streaming
892 647 const contentType = response.headers.get('content-type');
893 648 if (contentType && contentType.includes('application/json')) {
649 + //console.log("Received JSON response instead of stream");
894 650 return responseClone.json().then(data => {
651 + //console.log("Processing JSON response:", data);
652 +
895 653 // IMMEDIATE CHAT MODE UPDATE for JSON response
896 654 if (data.chat_mode) {
897 - updateChatModeIndicator(data.chat_mode, botId);
655 + //console.log("JSON Response: Updating chat mode to:", data.chat_mode);
656 + updateChatModeIndicator(data.chat_mode);
898 657 }
899 -
658 +
900 659 // Check for testing panel
901 660 if (window.mxchatTestPanelInstance && data.testing_data) {
661 + //console.log('Testing data found in streaming JSON response:', data.testing_data);
902 662 window.mxchatTestPanelInstance.handleTestingData(data.testing_data);
903 663 }
904 -
664 +
905 665 // Handle the JSON response directly
906 - handleNonStreamResponse(data, callback, botId);
666 + handleNonStreamResponse(data, callback);
907 667 return Promise.resolve(); // Prevent further processing
908 668 });
909 669 }
910 670
@@ -915,36 +675,37 @@
915 675
916 676 function processStream() {
917 677 reader.read().then(({ done, value }) => {
918 678 if (done) {
679 + //console.log("Streaming completed, final content:", accumulatedContent);
680 +
919 681 // If streaming completed but no content was received, try to get response as fallback
920 682 if (!streamingStarted || !accumulatedContent) {
683 + //console.log("Stream completed with no content, checking for fallback data");
684 +
921 685 // Try to read the response as JSON
922 686 responseClone.text().then(text => {
923 687 try {
924 688 const data = JSON.parse(text);
925 - if (data.text || data.message || data.html) {
926 - handleNonStreamResponse(data, callback, botId);
689 + if (data.text || data.message) {
690 + handleNonStreamResponse(data, callback);
927 691 } else {
928 692 // No valid data, fall back to regular call
929 - getElement(botId, 'chat-box').find('.bot-message.temporary-message').remove();
930 - callMxChat(message, callback, botId);
693 + $('.bot-message.temporary-message').remove();
694 + callMxChat(message, callback);
931 695 }
932 696 } catch (e) {
933 697 // Could not parse, fall back to regular call
934 - getElement(botId, 'chat-box').find('.bot-message.temporary-message').remove();
935 - callMxChat(message, callback, botId);
698 + $('.bot-message.temporary-message').remove();
699 + callMxChat(message, callback);
936 700 }
937 701 }).catch(() => {
938 - getElement(botId, 'chat-box').find('.bot-message.temporary-message').remove();
939 - callMxChat(message, callback, botId);
702 + $('.bot-message.temporary-message').remove();
703 + callMxChat(message, callback);
940 704 });
941 705 return;
942 706 }
943 -
944 - // Re-enable chat input when stream ends with content
945 - enableChatInput(botId);
946 -
707 +
947 708 if (callback) {
948 709 callback(accumulatedContent);
949 710 }
950 711 return;
@@ -958,17 +719,17 @@
958 719 if (line.startsWith('data: ')) {
959 720 const data = line.substring(6);
960 721
961 722 if (data === '[DONE]') {
723 + //console.log("Received [DONE] signal");
724 +
962 725 if (!accumulatedContent) {
963 - getElement(botId, 'chat-box').find('.bot-message.temporary-message').remove();
964 - callMxChat(message, callback, botId);
726 + //console.log("No content received before [DONE]");
727 + $('.bot-message.temporary-message').remove();
728 + callMxChat(message, callback);
965 729 return;
966 730 }
967 -
968 - // Re-enable chat input after streaming completes
969 - enableChatInput(botId);
970 -
731 +
971 732 if (callback) {
972 733 callback(accumulatedContent);
973 734 }
974 735 return;
@@ -975,16 +736,18 @@
975 736 }
976 737
977 738 try {
978 739 const json = JSON.parse(data);
979 -
740 +
980 741 // IMMEDIATE CHAT MODE UPDATE FOR STREAMING
981 742 if (json.chat_mode) {
982 - updateChatModeIndicator(json.chat_mode, botId);
743 + //console.log("Stream: Updating chat mode immediately to:", json.chat_mode);
744 + updateChatModeIndicator(json.chat_mode);
983 745 }
984 -
746 +
985 747 // Handle testing data
986 748 if (json.testing_data && !testingDataReceived) {
749 + //console.log('Testing data received in stream:', json.testing_data);
987 750 if (window.mxchatTestPanelInstance) {
988 751 window.mxchatTestPanelInstance.handleTestingData(json.testing_data);
989 752 testingDataReceived = true;
990 753 }
@@ -992,27 +755,26 @@
992 755 // Handle content streaming
993 756 else if (json.content) {
994 757 streamingStarted = true;
995 758 accumulatedContent += json.content;
996 - updateStreamingMessage(accumulatedContent, botId);
997 - }
759 + updateStreamingMessage(accumulatedContent);
760 + }
998 761 // Handle complete response in stream (fallback response)
999 - else if (json.text || json.message || json.html) {
1000 - handleNonStreamResponse(json, callback, botId);
762 + else if (json.text || json.message) {
763 + //console.log("Received complete response in stream:", json);
764 + handleNonStreamResponse(json, callback);
1001 765 return;
1002 766 }
1003 - // Handle errors
767 + // Handle errors - UPDATED to properly display API errors
1004 768 else if (json.error) {
769 + //console.error("Streaming error:", json.error);
1005 770
1006 771 // Get error message from various possible fields
1007 772 let errorMessage = json.error_message || json.message || json.text ||
1008 773 (typeof json.error === 'string' ? json.error : 'An error occurred. Please try again.');
1009 774
1010 - // Re-enable chat input on error
1011 - enableChatInput(botId);
1012 -
1013 775 // Display the error directly in the chat
1014 - replaceLastMessage("bot", errorMessage, '', [], botId);
776 + replaceLastMessage("bot", errorMessage);
1015 777
1016 778 if (callback) {
1017 779 callback(errorMessage);
1018 780 }
@@ -1018,9 +780,9 @@
1018 780 }
1019 781 return;
1020 782 }
1021 783 } catch (e) {
1022 - // SSE data parsing error - silently continue
784 + //console.error('Error parsing SSE data:', e, 'Data:', data);
1023 785 }
1024 786 }
1025 787 }
1026 788
@@ -1025,10 +787,11 @@
1025 787 }
1026 788
1027 789 processStream();
1028 790 }).catch(streamError => {
1029 - getElement(botId, 'chat-box').find('.bot-message.temporary-message').remove();
1030 - callMxChat(message, callback, botId);
791 + //console.error('Error reading stream:', streamError);
792 + $('.bot-message.temporary-message').remove();
793 + callMxChat(message, callback);
1031 794 });
1032 795 }
1033 796
1034 797 processStream();
@@ -1033,40 +796,48 @@
1033 796
1034 797 processStream();
1035 798 })
1036 799 .catch(error => {
800 + //console.log('Streaming failed:', error);
801 +
1037 802 // Check if we have server error data with chat mode
1038 803 if (error && error.isServerError && error.data) {
804 + //console.log('Using server error response data');
805 +
1039 806 // Check for chat mode in error data
1040 807 if (error.data.chat_mode) {
1041 - updateChatModeIndicator(error.data.chat_mode, botId);
808 + //console.log("Error Response: Updating chat mode to:", error.data.chat_mode);
809 + updateChatModeIndicator(error.data.chat_mode);
1042 810 }
1043 -
1044 - handleNonStreamResponse(error.data, callback, botId);
811 +
812 + handleNonStreamResponse(error.data, callback);
1045 813 } else {
1046 814 // 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);
815 + //console.log('No response data available, falling back to regular call');
816 + $('.bot-message.temporary-message').remove();
817 + callMxChat(message, callback);
1049 818 }
1050 819 });
1051 820 }
1052 821
1053 -// Helper function to handle non-streaming responses
1054 -function handleNonStreamResponse(data, callback, botId) {
1055 - botId = botId || 'default';
822 +// Helper function to handle non-streaming responses (updated to include immediate chat mode handling)
823 +function handleNonStreamResponse(data, callback) {
824 + //console.log("Handling non-stream response:", data);
1056 825
1057 826 // IMMEDIATE CHAT MODE UPDATE FOR NON-STREAMING RESPONSES
1058 827 if (data.chat_mode) {
1059 - updateChatModeIndicator(data.chat_mode, botId);
828 + //console.log("Non-Stream: Updating chat mode immediately to:", data.chat_mode);
829 + updateChatModeIndicator(data.chat_mode);
1060 830 }
1061 831
1062 832 // Also check in data property if response is wrapped
1063 833 if (data.data && data.data.chat_mode) {
1064 - updateChatModeIndicator(data.data.chat_mode, botId);
834 + //console.log("Non-Stream: Updating chat mode from data to:", data.data.chat_mode);
835 + updateChatModeIndicator(data.data.chat_mode);
1065 836 }
1066 837
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
838 + // Remove temporary message
839 + $('.bot-message.temporary-message').remove();
1069 840
1070 841 // SECURITY FIX: Check for errors FIRST
1071 842 if (data.success === false || (data.data && data.data.error_message)) {
1072 843 let errorMessage = "";
@@ -1087,20 +858,25 @@
1087 858 errorMessage = "An error occurred. Please try again or contact support.";
1088 859 }
1089 860
1090 861 // Handle session reset action (IP changed, session expired, etc.)
1091 - // Silent reset — keep chat UI intact, just get a new session and retry
1092 862 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');
863 + // Clear the old session and generate a new one
864 + resetChatSession();
865 + // Re-send the original message with the new session
866 + var originalMessage = $('.mxchat-input-holder textarea').data('pending-message');
1096 867 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';
868 + $('.mxchat-input-holder textarea').data('pending-message', null);
869 + // Re-add the user message and thinking indicator
870 + appendMessage("user", originalMessage);
871 + appendThinkingMessage();
872 + scrollToBottom();
873 + // Determine whether to use streaming
874 + const currentModel = mxchatChat.model || 'gpt-4o';
1099 875 if (shouldUseStreaming(currentModel)) {
1100 - callMxChatStream(originalMessage, callback, botId);
876 + callMxChatStream(originalMessage, callback);
1101 877 } else {
1102 - callMxChat(originalMessage, callback, botId);
878 + callMxChat(originalMessage, callback);
1103 879 }
1104 880 }
1105 881 return;
1106 882 }
@@ -1110,9 +886,9 @@
1110 886 if (mxchatChat.is_admin) {
1111 887 displayMessage = errorMessage + (errorCode ? " (Error code: " + errorCode + ")" : "");
1112 888 }
1113 889
1114 - replaceLastMessage("bot", displayMessage, '', [], botId);
890 + replaceLastMessage("bot", displayMessage);
1115 891
1116 892 if (callback) {
1117 893 callback('');
1118 894 }
@@ -1118,22 +894,8 @@
1118 894 }
1119 895 return; // Exit early for errors
1120 896 }
1121 897
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 898 // Handle different response formats
1137 899 if (data.text || data.html || data.message) {
1138 900
1139 901 // Apply response hooks
@@ -1145,23 +907,22 @@
1145 907 }
1146 908
1147 909 // Display the response
1148 910 if (data.text && data.html) {
1149 - replaceLastMessage("bot", data.text, data.html, [], botId);
911 + replaceLastMessage("bot", data.text, data.html);
1150 912 } else if (data.text) {
1151 - replaceLastMessage("bot", data.text, '', [], botId);
913 + replaceLastMessage("bot", data.text);
1152 914 } else if (data.html) {
1153 - replaceLastMessage("bot", "", data.html, [], botId);
915 + replaceLastMessage("bot", "", data.html);
1154 916 } else if (data.message) {
1155 - replaceLastMessage("bot", data.message, '', [], botId);
917 + replaceLastMessage("bot", data.message);
1156 918 }
1157 919 }
1158 920
1159 921 // Handle other response properties
1160 922 if (data.data && data.data.filename) {
1161 - showActivePdf(data.data.filename, botId);
1162 - var instance = MxChatInstances.get(botId);
1163 - instance.activePdfFile = data.data.filename;
923 + showActivePdf(data.data.filename);
924 + activePdfFile = data.data.filename;
1164 925 }
1165 926
1166 927 if (data.redirect_url) {
1167 928 setTimeout(() => {
@@ -1168,33 +929,31 @@
1168 929 window.location.href = data.redirect_url;
1169 930 }, 1500);
1170 931 }
1171 932
1172 - // Ensure chat input is re-enabled (safety net for edge cases)
1173 - enableChatInput(botId);
1174 -
1175 933 if (callback) {
1176 934 callback(data.text || data.message || '');
1177 935 }
1178 936 }
1179 -
1180 937 // Enhanced updateChatModeIndicator function for immediate DOM updates
1181 -function updateChatModeIndicator(mode, botId) {
1182 - botId = botId || 'default';
1183 - const indicator = getElementDOM(botId, 'chat-mode-indicator');
938 +function updateChatModeIndicator(mode) {
939 + //console.log("updateChatModeIndicator called with mode:", mode);
940 + const indicator = document.getElementById('chat-mode-indicator');
1184 941 if (indicator) {
1185 942 const oldText = indicator.textContent;
1186 -
943 +
1187 944 if (mode === 'agent') {
1188 945 indicator.textContent = 'Live Agent';
1189 - startPolling(botId);
946 + startPolling();
947 + //console.log("Set indicator to Live Agent");
1190 948 } else {
1191 949 // Everything else is AI mode
1192 950 const customAiText = indicator.getAttribute('data-ai-text') || 'AI Agent';
1193 951 indicator.textContent = customAiText;
1194 - stopPolling(botId);
952 + stopPolling();
953 + //console.log("Set indicator to AI Agent:", customAiText);
1195 954 }
1196 -
955 +
1197 956 // Force immediate DOM update and reflow
1198 957 if (oldText !== indicator.textContent) {
1199 958 // Force a reflow to ensure the change is visible immediately
1200 959 indicator.style.display = 'none';
@@ -1199,36 +958,88 @@
1199 958 // Force a reflow to ensure the change is visible immediately
1200 959 indicator.style.display = 'none';
1201 960 indicator.offsetHeight; // Trigger reflow
1202 961 indicator.style.display = '';
1203 -
962 +
1204 963 // Double-check after a brief moment to ensure the change stuck
1205 964 setTimeout(() => {
965 + //console.log("Final indicator text:", indicator.textContent);
1206 966 if (mode === 'agent' && indicator.textContent !== 'Live Agent') {
967 + //console.warn("Mode indicator update failed, forcing update");
1207 968 indicator.textContent = 'Live Agent';
1208 969 } else if (mode !== 'agent' && indicator.textContent === 'Live Agent') {
970 + //console.warn("Mode indicator stuck on Live Agent, forcing AI update");
1209 971 const customAiText = indicator.getAttribute('data-ai-text') || 'AI Agent';
1210 972 indicator.textContent = customAiText;
1211 973 }
1212 974 }, 50);
1213 975 }
976 + } else {
977 + //console.error("Chat mode indicator element not found!");
1214 978 }
1215 979 }
1216 980
981 +// Helper function to handle non-streaming responses (updated to include chat mode handling)
982 +function handleNonStreamResponse(data, callback) {
983 + //console.log("Handling non-stream response:", data);
984 +
985 + // Remove temporary message
986 + $('.bot-message.temporary-message').remove();
987 +
988 + // Handle different response formats
989 + if (data.text || data.html || data.message) {
990 +
991 + // Apply response hooks
992 + if (data.text && typeof customMxChatFilter === 'function') {
993 + data.text = customMxChatFilter(data.text, "response");
994 + }
995 + if (data.message && typeof customMxChatFilter === 'function') {
996 + data.message = customMxChatFilter(data.message, "response");
997 + }
998 +
999 + // Handle chat mode updates for streaming responses too
1000 + handleChatModeUpdates(data, data.text || data.message);
1001 +
1002 + // Display the response
1003 + if (data.text && data.html) {
1004 + replaceLastMessage("bot", data.text, data.html);
1005 + } else if (data.text) {
1006 + replaceLastMessage("bot", data.text);
1007 + } else if (data.html) {
1008 + replaceLastMessage("bot", "", data.html);
1009 + } else if (data.message) {
1010 + replaceLastMessage("bot", data.message);
1011 + }
1012 + }
1013 +
1014 + // Handle other response properties
1015 + if (data.data && data.data.filename) {
1016 + showActivePdf(data.data.filename);
1017 + activePdfFile = data.data.filename;
1018 + }
1019 +
1020 + if (data.redirect_url) {
1021 + setTimeout(() => {
1022 + window.location.href = data.redirect_url;
1023 + }, 1500);
1024 + }
1025 +
1026 + if (callback) {
1027 + callback(data.text || data.message || '');
1028 + }
1029 +}
1030 +
1217 1031 // Function to update message during streaming
1218 -function updateStreamingMessage(content, botId) {
1219 - botId = botId || 'default';
1220 -
1032 +function updateStreamingMessage(content) {
1221 1033 // ADD RESPONSE HOOK FOR REAL-TIME STREAMING
1222 1034 if (typeof customMxChatFilter === 'function') {
1223 1035 content = customMxChatFilter(content, "response");
1224 1036 }
1225 -
1037 +
1226 1038 const formattedContent = linkify(content);
1227 1039
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();
1040 + // Find the temporary message
1041 + const tempMessage = $('.bot-message.temporary-message').last();
1231 1042
1232 1043 if (tempMessage.length) {
1233 1044 // Update existing message
1234 1045 tempMessage.html(formattedContent);
@@ -1233,9 +1044,9 @@
1233 1044 // Update existing message
1234 1045 tempMessage.html(formattedContent);
1235 1046 } else {
1236 1047 // Create new temporary message if it doesn't exist
1237 - appendMessage("bot", content, '', [], true, botId);
1048 + appendMessage("bot", content, '', [], true);
1238 1049 }
1239 1050 }
1240 1051
1241 1052 function isStreamingSupported(model) {
@@ -1253,34 +1064,23 @@
1253 1064
1254 1065 return isSupported;
1255 1066 }
1256 1067
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);
1068 +// Update the event handlers to use the correct function names
1069 +$('#send-button').off('click').on('click', function() {
1070 + sendMessage(); // Use the updated sendMessage function
1266 1071 });
1267 1072
1268 -// Override enter key handler (using event delegation)
1269 -$(document).on('keypress', '.chat-input', function(e) {
1073 +// Override enter key handler
1074 +$('#chat-input').off('keypress').on('keypress', function(e) {
1270 1075 if (e.which == 13 && !e.shiftKey) {
1271 1076 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);
1077 + sendMessage(); // Use the updated sendMessage function
1278 1078 }
1279 1079 });
1280 1080
1281 1081
1282 -function appendMessage(sender, messageText = '', messageHtml = '', images = [], isTemporary = false, botId = 'default') {
1082 +function appendMessage(sender, messageText = '', messageHtml = '', images = [], isTemporary = false) {
1283 1083 try {
1284 1084 // Determine styles based on sender type
1285 1085 let messageClass, bgColor, fontColor;
1286 1086
@@ -1301,29 +1101,25 @@
1301 1101 }
1302 1102
1303 1103 const messageDiv = $('<div>')
1304 1104 .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({
1105 + .attr('dir', 'auto')
1106 + .css({
1315 1107 'background': bgColor,
1316 1108 'color': fontColor,
1317 1109 'margin-bottom': '1em'
1318 1110 });
1111 +
1112 + // Process the message content based on sender
1113 + let fullMessage;
1114 + if (sender === "user") {
1115 + // For user messages, apply linkify after sanitization
1116 + fullMessage = linkify(messageText);
1117 + } else {
1118 + // For bot/agent messages, preserve HTML
1119 + fullMessage = messageText;
1319 1120 }
1320 1121
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 1122 // Add images if provided
1327 1123 if (images && images.length > 0) {
1328 1124 fullMessage += '<div class="image-gallery" dir="auto">';
1329 1125 images.forEach(img => {
@@ -1329,9 +1125,9 @@
1329 1125 images.forEach(img => {
1330 1126 const safeTitle = sanitizeUserInput(img.title);
1331 1127 const safeUrl = encodeURI(img.image_url);
1332 1128 const safeThumbnail = encodeURI(img.thumbnail_url);
1333 -
1129 +
1334 1130 fullMessage += `
1335 1131 <div style="margin-bottom: 10px;">
1336 1132 <strong>${safeTitle}</strong><br>
1337 1133 <a href="${safeUrl}" target="_blank">
@@ -1343,14 +1139,9 @@
1343 1139 }
1344 1140
1345 1141 // Append HTML content if provided
1346 1142 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 - }
1143 + fullMessage += '<br><br>' + messageHtml;
1353 1144 }
1354 1145
1355 1146 messageDiv.html(fullMessage);
1356 1147
@@ -1357,62 +1148,58 @@
1357 1148 if (isTemporary) {
1358 1149 messageDiv.addClass('temporary-message');
1359 1150 }
1360 1151
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() {
1152 + messageDiv.hide().appendTo('#chat-box').fadeIn(300, function() {
1364 1153 // FIXED: Use event delegation for link tracking
1365 1154 if (sender === "bot" || sender === "agent") {
1366 - attachLinkTracking(messageDiv, messageText, botId);
1155 + attachLinkTracking(messageDiv, messageText);
1367 1156 }
1368 -
1157 +
1369 1158 if (sender === "bot") {
1370 - const lastUserMessage = $chatBox.find('.user-message').last();
1159 + const lastUserMessage = $('#chat-box').find('.user-message').last();
1371 1160 if (lastUserMessage.length) {
1372 - scrollElementToTop(lastUserMessage, botId);
1161 + scrollElementToTop(lastUserMessage);
1373 1162 }
1374 1163 }
1375 1164 });
1376 1165
1377 1166 if (messageText.id) {
1378 - var instance = MxChatInstances.get(botId);
1379 - instance.lastSeenMessageId = messageText.id;
1380 - hideNotification(botId);
1167 + lastSeenMessageId = messageText.id;
1168 + hideNotification();
1381 1169 }
1382 1170 } catch (error) {
1383 - // Error rendering message - silently continue
1171 + //console.error("Error rendering message:", error);
1384 1172 }
1385 1173 }
1386 1174
1387 1175 // Helper function to attach link tracking with proper event handling
1388 -function attachLinkTracking(messageDiv, messageText, botId) {
1389 - botId = botId || 'default';
1176 +function attachLinkTracking(messageDiv, messageText) {
1390 1177 // Use a slight delay to ensure DOM is ready
1391 1178 setTimeout(function() {
1392 1179 const links = messageDiv.find('a[href]').not('[data-tracked]');
1393 -
1180 +
1394 1181 links.each(function() {
1395 1182 const $link = $(this);
1396 1183 const originalHref = $link.attr('href');
1397 -
1184 +
1398 1185 // Mark as tracked to avoid duplicate handlers
1399 1186 $link.attr('data-tracked', 'true');
1400 -
1187 +
1401 1188 // Only track external URLs
1402 1189 if (originalHref && (originalHref.startsWith('http://') || originalHref.startsWith('https://'))) {
1403 1190 // Remove any existing click handlers first
1404 1191 $link.off('click.tracking');
1405 -
1192 +
1406 1193 // Add new click handler with namespace
1407 1194 $link.on('click.tracking', function(e) {
1408 1195 e.preventDefault();
1409 1196 e.stopPropagation();
1410 -
1411 - const messageContext = typeof messageText === 'string'
1412 - ? messageText.substring(0, 200)
1197 +
1198 + const messageContext = typeof messageText === 'string'
1199 + ? messageText.substring(0, 200)
1413 1200 : '';
1414 -
1201 +
1415 1202 // Track the click
1416 1203 $.ajax({
1417 1204 url: mxchatChat.ajax_url,
1418 1205 type: 'POST',
@@ -1417,9 +1204,9 @@
1417 1204 url: mxchatChat.ajax_url,
1418 1205 type: 'POST',
1419 1206 data: {
1420 1207 action: 'mxchat_track_url_click',
1421 - session_id: getChatSession(botId),
1208 + session_id: getChatSession(),
1422 1209 url: originalHref,
1423 1210 message_context: messageContext,
1424 1211 nonce: mxchatChat.nonce
1425 1212 },
@@ -1431,9 +1218,9 @@
1431 1218 window.location.href = originalHref;
1432 1219 }
1433 1220 }
1434 1221 });
1435 -
1222 +
1436 1223 return false; // Extra insurance to prevent default
1437 1224 });
1438 1225 }
1439 1226 });
@@ -1439,12 +1226,11 @@
1439 1226 });
1440 1227 }, 100); // Small delay to ensure DOM is ready
1441 1228 }
1442 1229
1443 -function replaceLastMessage(sender, responseText, responseHtml = '', images = [], botId = 'default') {
1230 +function replaceLastMessage(sender, responseText, responseHtml = '', images = []) {
1444 1231 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();
1232 + var lastMessageDiv = $('#chat-box').find('.bot-message.temporary-message, .agent-message.temporary-message').last();
1447 1233
1448 1234 // Determine styles
1449 1235 let bgColor, fontColor;
1450 1236 if (sender === "user") {
@@ -1457,13 +1243,27 @@
1457 1243 bgColor = botMessageBgColor;
1458 1244 fontColor = botMessageFontColor;
1459 1245 }
1460 1246
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 -
1247 + // FIXED: Only linkify if response doesn't already contain HTML links or tags
1248 + // This prevents double-processing of URLs that are already formatted as HTML
1249 + var fullMessage;
1250 + if (sender === "user") {
1251 + // Always linkify user messages (they're plain text)
1252 + fullMessage = linkify(responseText);
1253 + } else {
1254 + // For bot/agent messages, check if HTML already exists
1255 + if (responseText.includes('<a href=') || responseText.includes('</a>') ||
1256 + responseText.includes('<img') || responseText.includes('<div') ||
1257 + responseText.includes('<p>') || responseText.includes('<br>')) {
1258 + // Response already has HTML, don't process it
1259 + fullMessage = responseText;
1260 + } else {
1261 + // Plain text response, apply linkify
1262 + fullMessage = linkify(responseText);
1263 + }
1264 + }
1265 +
1466 1266 if (responseHtml) {
1467 1267 // Only add line breaks if there's actual text content before the HTML
1468 1268 if (fullMessage && fullMessage.trim()) {
1469 1269 fullMessage += '<br><br>' + responseHtml;
@@ -1486,92 +1286,67 @@
1486 1286 fullMessage += '</div>';
1487 1287 }
1488 1288
1489 1289 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);
1290 + lastMessageDiv.fadeOut(200, function() {
1291 + $(this)
1292 + .html(fullMessage)
1293 + .removeClass('bot-message user-message')
1294 + .addClass(messageClass)
1295 + .attr('dir', 'auto')
1296 + .css({
1297 + 'background-color': bgColor,
1298 + 'color': fontColor,
1299 + })
1300 + .removeClass('temporary-message')
1301 + .fadeIn(200, function() {
1302 + // FIXED: Use the helper function for link tracking
1303 + if (sender === "bot" || sender === "agent") {
1304 + attachLinkTracking($(this), responseText);
1305 + }
1306 +
1307 + if (sender === "bot" || sender === "agent") {
1308 + const lastUserMessage = $('#chat-box').find('.user-message').last();
1309 + if (lastUserMessage.length) {
1310 + scrollElementToTop(lastUserMessage);
1311 + }
1312 + // Show notification if chat is hidden
1313 + if ($('#floating-chatbot').hasClass('hidden')) {
1314 + showNotification();
1315 + }
1316 + }
1317 + });
1318 + });
1523 1319 } else {
1524 - appendMessage(sender, responseText, responseHtml, images, false, botId);
1525 - // Re-enable chat input after response is displayed
1526 - enableChatInput(botId);
1320 + appendMessage(sender, responseText, responseHtml, images);
1527 1321 }
1528 1322 }
1529 1323
1530 1324
1531 - function appendThinkingMessage(botId) {
1532 - botId = botId || 'default';
1325 + function appendThinkingMessage() {
1326 + // Remove any existing thinking dots first
1327 + $('.thinking-dots').remove();
1533 1328
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 1329 // Retrieve the bot message font color and background color
1549 1330 var botMessageFontColor = mxchatChat.bot_message_font_color;
1550 1331 var botMessageBgColor = mxchatChat.bot_message_bg_color;
1551 1332
1552 - // Build thinking dots HTML - skip inline colors if AI theme is active
1553 - var dotStyle = skipColors ? '' : ' style="background-color: ' + botMessageFontColor + ';"';
1333 +
1554 1334 var thinkingHtml = '<div class="thinking-dots-container">' +
1555 1335 '<div class="thinking-dots">' +
1556 - '<span class="dot"' + dotStyle + '></span>' +
1557 - '<span class="dot"' + dotStyle + '></span>' +
1558 - '<span class="dot"' + dotStyle + '></span>' +
1336 + '<span class="dot" style="background-color: ' + botMessageFontColor + ';"></span>' +
1337 + '<span class="dot" style="background-color: ' + botMessageFontColor + ';"></span>' +
1338 + '<span class="dot" style="background-color: ' + botMessageFontColor + ';"></span>' +
1559 1339 '</div>' +
1560 1340 '</div>';
1561 1341
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);
1342 + // Append the thinking dots to the chat container (or within the temporary message div)
1343 + $("#chat-box").append('<div class="bot-message temporary-message" style="background-color: ' + botMessageBgColor + ';">' + thinkingHtml + '</div>');
1344 + scrollToBottom();
1566 1345 }
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();
1346 +
1347 + function removeThinkingDots() {
1348 + $('.thinking-dots').closest('.temporary-message').remove();
1574 1349 }
1575 1350
1576 1351 // ====================================
1577 1352 // TEXT FORMATTING & PROCESSING
@@ -1605,12 +1380,9 @@
1605 1380 processedText = formatTextStyling(processedText);
1606 1381
1607 1382 // Process code blocks BEFORE processing links
1608 1383 processedText = formatCodeBlocks(processedText);
1609 -
1610 - // Process markdown tables BEFORE converting newlines to paragraphs
1611 - processedText = formatMarkdownTables(processedText);
1612 -
1384 +
1613 1385 // NOW convert to paragraphs
1614 1386 processedText = convertNewlinesToBreaks(processedText);
1615 1387
1616 1388 // IMPORTANT: Handle citation-style brackets FIRST [URL]
@@ -1623,63 +1395,37 @@
1623 1395 // Return as a proper link without the brackets
1624 1396 return `<a href="${safeUrl}" target="${linkTarget}">${cleanUrl}</a>`;
1625 1397 });
1626 1398
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 - }
1399 + // Process proper markdown links with text: [text](url)
1400 + // This MUST have non-empty text in the first brackets
1401 + const markdownLinkPattern = /\[([^\]]+)\]\((https?:\/\/[^\s)]+)\)/g;
1402 + processedText = processedText.replace(markdownLinkPattern, (match, text, url) => {
1403 + // Make sure we have actual text (not just whitespace)
1404 + if (!text || !text.trim()) {
1405 + // If no text, treat the URL as the text
1406 + let cleanUrl = url.replace(/[.,;!?]+$/, '');
1407 + const safeUrl = safeEncodeUrl(cleanUrl);
1408 + return `<a href="${safeUrl}" target="${linkTarget}">${cleanUrl}</a>`;
1678 1409 }
1679 - return result;
1680 - })(processedText);
1410 +
1411 + // Clean the URL
1412 + let cleanUrl = url.replace(/[\].,;!?]+$/, '');
1413 + const safeUrl = safeEncodeUrl(cleanUrl);
1414 + const safeText = sanitizeUserInput(text);
1415 + return `<a href="${safeUrl}" target="${linkTarget}">${safeText}</a>`;
1416 + });
1681 1417
1418 + // Handle empty markdown links: [](url)
1419 + // This is a specific case where there's no text
1420 + const emptyMarkdownPattern = /\[\]\((https?:\/\/[^\s)]+)\)/g;
1421 + processedText = processedText.replace(emptyMarkdownPattern, (match, url) => {
1422 + let cleanUrl = url.replace(/[.,;!?]+$/, '');
1423 + const safeUrl = safeEncodeUrl(cleanUrl);
1424 + // Use the URL itself as the link text
1425 + return `<a href="${safeUrl}" target="${linkTarget}">${cleanUrl}</a>`;
1426 + });
1427 +
1682 1428 // Process phone numbers: [text](tel:number)
1683 1429 const phonePattern = /\[([^\]]+)\]\((tel:[\d+\-\s()]+)\)/g;
1684 1430 processedText = processedText.replace(phonePattern, (match, text, phone) => {
1685 1431 const safePhone = safeEncodeUrl(phone);
@@ -1831,78 +1577,9 @@
1831 1577 });
1832 1578
1833 1579 return text;
1834 1580 }
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 -
1581 +
1905 1582 function sanitizeUserInput(text) {
1906 1583 const div = document.createElement('div');
1907 1584 div.textContent = text;
1908 1585 return div.innerHTML;
@@ -1932,21 +1609,10 @@
1932 1609 // ====================================
1933 1610 // UI & SCROLLING CONTROLS
1934 1611 // ====================================
1935 1612
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');
1613 + function scrollToBottom(instant = false) {
1614 + var chatBox = $('#chat-box');
1949 1615 if (instant) {
1950 1616 // Instantly set the scroll position to the bottom
1951 1617 chatBox.scrollTop(chatBox.prop("scrollHeight"));
1952 1618 } else {
@@ -1955,15 +1621,15 @@
1955 1621 const scrollHeight = chatBox.prop("scrollHeight");
1956 1622 const initialScroll = chatBox.scrollTop();
1957 1623 const distance = scrollHeight - initialScroll;
1958 1624 const duration = 500; // Duration in ms
1959 -
1625 +
1960 1626 function smoothScroll(timestamp) {
1961 1627 if (!start) start = timestamp;
1962 1628 const progress = timestamp - start;
1963 1629 const currentScroll = initialScroll + (distance * (progress / duration));
1964 1630 chatBox.scrollTop(currentScroll);
1965 -
1631 +
1966 1632 if (progress < duration) {
1967 1633 requestAnimationFrame(smoothScroll);
1968 1634 } else {
1969 1635 chatBox.scrollTop(scrollHeight); // Ensure it's exactly at the bottom
@@ -1968,36 +1634,33 @@
1968 1634 } else {
1969 1635 chatBox.scrollTop(scrollHeight); // Ensure it's exactly at the bottom
1970 1636 }
1971 1637 }
1972 -
1638 +
1973 1639 requestAnimationFrame(smoothScroll);
1974 1640 }
1975 1641 }
1976 -
1977 - function scrollElementToTop(element, botId) {
1978 - botId = botId || 'default';
1979 - var chatBox = getElement(botId, 'chat-box');
1642 +
1643 + function scrollElementToTop(element) {
1644 + var chatBox = $('#chat-box');
1980 1645 var elementTop = element.position().top + chatBox.scrollTop();
1981 1646 chatBox.animate({ scrollTop: elementTop }, 500);
1982 1647 }
1983 -
1984 - function showChatWidget(botId) {
1985 - botId = botId || 'default';
1986 - var $button = getElement(botId, 'floating-chatbot-button');
1648 +
1649 + function showChatWidget() {
1987 1650 // First ensure display is set
1988 - $button.css('display', 'flex');
1651 + $('#floating-chatbot-button').css('display', 'flex');
1989 1652 // Then handle the fade
1990 - $button.fadeTo(500, 1);
1653 + $('#floating-chatbot-button').fadeTo(500, 1);
1991 1654 // Force visibility
1992 - $button.removeClass('hidden');
1655 + $('#floating-chatbot-button').removeClass('hidden');
1656 + //console.log('Showing widget');
1993 1657 }
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');
1658 +
1659 + function hideChatWidget() {
1660 + $('#floating-chatbot-button').css('display', 'none');
1661 + $('#floating-chatbot-button').addClass('hidden');
1662 + //console.log('Hiding widget');
2000 1663 }
2001 1664
2002 1665 function disableScroll() {
2003 1666 if (isMobile()) {
@@ -2026,15 +1689,18 @@
2026 1689 // NOTIFICATION SYSTEM
2027 1690 // ====================================
2028 1691
2029 1692 function createNotificationBadge() {
1693 + //console.log("Creating notification badge...");
2030 1694 const chatButton = document.getElementById('floating-chatbot-button');
2031 -
1695 + //console.log("Chat button found:", !!chatButton);
1696 +
2032 1697 if (!chatButton) return;
2033 -
1698 +
2034 1699 // Remove any existing badge first
2035 1700 const existingBadge = chatButton.querySelector('.chat-notification-badge');
2036 1701 if (existingBadge) {
1702 + //console.log("Removing existing badge");
2037 1703 existingBadge.remove();
2038 1704 }
2039 1705
2040 1706 notificationBadge = document.createElement('div');
@@ -2056,43 +1722,34 @@
2056 1722 chatButton.appendChild(notificationBadge);
2057 1723
2058 1724 }
2059 1725
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')) {
1726 + function showNotification() {
1727 + const badge = document.getElementById('chat-notification-badge');
1728 + if (badge && $('#floating-chatbot').hasClass('hidden')) {
2065 1729 badge.style.display = 'block';
2066 1730 badge.textContent = '1';
2067 1731 }
2068 1732 }
2069 -
2070 - function hideNotification(botId) {
2071 - botId = botId || 'default';
2072 - const badge = getElementDOM(botId, 'chat-notification-badge');
1733 +
1734 + function hideNotification() {
1735 + const badge = document.getElementById('chat-notification-badge');
2073 1736 if (badge) {
2074 1737 badge.style.display = 'none';
2075 1738 }
2076 1739 }
2077 -
2078 - function startNotificationChecking(botId) {
2079 - botId = botId || 'default';
1740 +
1741 + function startNotificationChecking() {
2080 1742 const chatPersistenceEnabled = mxchatChat.chat_persistence_toggle === 'on';
2081 1743 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
1744 +
1745 + createNotificationBadge();
1746 + notificationCheckInterval = setInterval(checkForNewMessages, 30000); // Check every 30 seconds
2088 1747 }
2089 -
2090 - function stopNotificationChecking(botId) {
2091 - botId = botId || 'default';
2092 - var instance = MxChatInstances.get(botId);
2093 - if (instance.notificationCheckInterval) {
2094 - clearInterval(instance.notificationCheckInterval);
1748 +
1749 + function stopNotificationChecking() {
1750 + if (notificationCheckInterval) {
1751 + clearInterval(notificationCheckInterval);
2095 1752 }
2096 1753 }
2097 1754
2098 1755 function checkForNewMessages() {
@@ -2118,35 +1775,63 @@
2118 1775 });
2119 1776 }
2120 1777
2121 1778
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);
1779 + // ====================================
1780 + // LIVE AGENT FUNCTIONALITY
1781 + // ====================================
1782 +
1783 +function updateChatModeIndicator(mode) {
1784 + //console.log("updateChatModeIndicator called with mode:", mode);
1785 + const indicator = document.getElementById('chat-mode-indicator');
1786 + if (indicator) {
1787 + const oldText = indicator.textContent;
1788 +
1789 + if (mode === 'agent') {
1790 + indicator.textContent = 'Live Agent';
1791 + startPolling();
1792 + //console.log("Set indicator to Live Agent");
1793 + } else {
1794 + // Everything else is AI mode
1795 + const customAiText = indicator.getAttribute('data-ai-text') || 'AI Agent';
1796 + indicator.textContent = customAiText;
1797 + stopPolling();
1798 + //console.log("Set indicator to AI Agent:", customAiText);
1799 + }
1800 +
1801 + // Force immediate DOM update
1802 + if (oldText !== indicator.textContent) {
1803 + // Force a reflow to ensure the change is visible immediately
1804 + indicator.offsetHeight;
1805 +
1806 + // Double-check after a brief moment
1807 + setTimeout(() => {
1808 + //console.log("Final indicator text:", indicator.textContent);
1809 + }, 50);
1810 + }
1811 + } else {
1812 + //console.error("Chat mode indicator element not found!");
1813 + }
2134 1814 }
2135 1815
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;
1816 + function startPolling() {
1817 + // Clear any existing interval first
1818 + stopPolling();
1819 + // Start new polling interval
1820 + pollingInterval = setInterval(checkForAgentMessages, 5000);
1821 + //console.log("Started agent message polling");
2142 1822 }
2143 -}
2144 -
2145 -function checkForAgentMessages(botId) {
2146 - botId = botId || 'default';
2147 - var instance = MxChatInstances.get(botId);
2148 - const sessionId = getChatSession(botId);
1823 +
1824 + function stopPolling() {
1825 + if (pollingInterval) {
1826 + clearInterval(pollingInterval);
1827 + pollingInterval = null;
1828 + //console.log("Stopped agent message polling");
1829 + }
1830 + }
1831 +
1832 +function checkForAgentMessages() {
1833 + const sessionId = getChatSession();
2149 1834 $.ajax({
2150 1835 url: mxchatChat.ajax_url,
2151 1836 type: 'POST',
2152 1837 dataType: 'json',
@@ -2152,44 +1837,35 @@
2152 1837 dataType: 'json',
2153 1838 data: {
2154 1839 action: 'mxchat_fetch_new_messages',
2155 1840 session_id: sessionId,
2156 - last_seen_id: instance.lastSeenMessageId,
2157 - persistence_enabled: 'true',
1841 + last_seen_id: lastSeenMessageId,
1842 + persistence_enabled: 'true', // Add this too
2158 1843 nonce: mxchatChat.nonce
2159 1844 },
2160 1845 success: function (response) {
2161 1846 if (response.success && response.data?.new_messages) {
2162 1847 let hasNewMessage = false;
2163 -
1848 +
2164 1849 response.data.new_messages.forEach(function (message) {
2165 - if (message.role === "agent" && !instance.processedMessageIds.has(message.id)) {
1850 + if (message.role === "agent" && !processedMessageIds.has(message.id)) {
2166 1851 hasNewMessage = true;
2167 - appendMessage("agent", message.content, '', [], false, botId);
2168 - instance.lastSeenMessageId = message.id;
2169 - instance.processedMessageIds.add(message.id);
1852 + // CHANGE THIS LINE:
1853 + appendMessage("agent", message.content); // Instead of replaceLastMessage
1854 + lastSeenMessageId = message.id;
1855 + processedMessageIds.add(message.id);
2170 1856 }
2171 1857 });
2172 1858
2173 - if (hasNewMessage) {
2174 - enableChatInput(botId);
1859 + if (hasNewMessage && $('#floating-chatbot').hasClass('hidden')) {
1860 + showNotification();
2175 1861 }
2176 -
2177 - var $floatingChatbot = getElement(botId, 'floating-chatbot');
2178 - if (hasNewMessage && $floatingChatbot.hasClass('hidden')) {
2179 - showNotification(botId);
2180 - }
2181 -
2182 - scrollToBottom(botId, true);
1862 +
1863 + scrollToBottom(true);
2183 1864 }
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 1865 },
2190 1866 error: function (xhr, status, error) {
2191 - // Polling error - silently continue
1867 + //console.error("Polling error:", xhr, status, error);
2192 1868 }
2193 1869 });
2194 1870 }
2195 1871
@@ -2195,30 +1871,19 @@
2195 1871
2196 1872 // ====================================
2197 1873 // CHAT HISTORY & PERSISTENCE
2198 1874 // ====================================
2199 -
2200 -function loadChatHistory(botId, onComplete) {
2201 - botId = botId || 'default';
2202 - var instance = MxChatInstances.get(botId);
2203 -
1875 +// Update the loadChatHistory function:
1876 +function loadChatHistory() {
2204 1877 // Prevent duplicate loading
2205 - if (instance.chatHistoryLoaded) {
2206 - if (onComplete) onComplete();
1878 + if (chatHistoryLoaded) {
1879 + // console.log('Chat history already loaded, skipping...');
2207 1880 return;
2208 1881 }
2209 -
2210 - // Use getChatSession which returns null if no session exists (does NOT create one)
2211 - var sessionId = getChatSession(botId);
1882 +
1883 + var sessionId = getChatSession();
2212 1884 var chatPersistenceEnabled = mxchatChat.chat_persistence_toggle === 'on';
2213 1885
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 1886 if (chatPersistenceEnabled && sessionId) {
2222 1887 $.ajax({
2223 1888 url: mxchatChat.ajax_url,
2224 1889 type: 'POST',
@@ -2229,12 +1894,11 @@
2229 1894 },
2230 1895 success: function(response) {
2231 1896 // Handle session reset (IP changed while user was away)
2232 1897 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();
1898 + // Silently reset session - user will start fresh
1899 + resetChatSession();
1900 + chatHistoryLoaded = true; // Prevent retry loop
2237 1901 return;
2238 1902 }
2239 1903
2240 1904 // Check if the response indicates success
@@ -2240,15 +1904,15 @@
2240 1904 // Check if the response indicates success
2241 1905 if (response.success) {
2242 1906 // Handle case where conversation data exists and is an array
2243 1907 if (response.data && Array.isArray(response.data.conversation)) {
2244 - var $chatBox = getElement(botId, 'chat-box');
1908 + var $chatBox = $('#chat-box');
2245 1909 var $fragment = $(document.createDocumentFragment());
2246 - let highestMessageId = instance.lastSeenMessageId;
1910 + let highestMessageId = lastSeenMessageId;
2247 1911
2248 1912 // Update chat mode if provided
2249 1913 if (response.data.chat_mode) {
2250 - updateChatModeIndicator(response.data.chat_mode, botId);
1914 + updateChatModeIndicator(response.data.chat_mode);
2251 1915 }
2252 1916
2253 1917 // Only process if there are actual messages
2254 1918 if (response.data.conversation.length > 0) {
@@ -2253,9 +1917,9 @@
2253 1917 // Only process if there are actual messages
2254 1918 if (response.data.conversation.length > 0) {
2255 1919 // IMPORTANT: Clear existing messages before loading history
2256 1920 $chatBox.empty();
2257 -
1921 +
2258 1922 $.each(response.data.conversation, function(index, message) {
2259 1923 // Skip agent messages if persistence is off
2260 1924 if (!chatPersistenceEnabled && message.role === 'agent') {
2261 1925 return;
@@ -2290,19 +1954,9 @@
2290 1954 var content = message.content;
2291 1955 content = content.replace(/\\'/g, "'").replace(/\\"/g, '"');
2292 1956 content = decodeHTMLEntities(content);
2293 1957
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")) {
1958 + if (content.includes("mxchat-product-card") || content.includes("mxchat-image-gallery")) {
2305 1959 messageElement.html(content);
2306 1960 } else {
2307 1961 var formattedContent = linkify(content);
2308 1962 messageElement.html(formattedContent);
@@ -2312,47 +1966,42 @@
2312 1966
2313 1967 // Track message IDs
2314 1968 if (message.id) {
2315 1969 highestMessageId = Math.max(highestMessageId, message.id);
2316 - instance.processedMessageIds.add(message.id);
1970 + processedMessageIds.add(message.id);
2317 1971 }
2318 1972 });
2319 1973
2320 1974 // Only append messages and scroll if we have content
2321 1975 $chatBox.append($fragment);
2322 - scrollToBottom(botId, true);
1976 + scrollToBottom(true);
2323 1977
2324 1978 // 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);
1979 + if (hasQuickQuestions()) {
1980 + collapseQuickQuestions();
2328 1981 }
2329 1982
2330 1983 // Update lastSeenMessageId after history loads
2331 - instance.lastSeenMessageId = highestMessageId;
1984 + lastSeenMessageId = highestMessageId;
2332 1985
2333 1986 // Only update chat mode if persistence is enabled and we have messages
2334 1987 if (chatPersistenceEnabled) {
2335 1988 var lastMessage = response.data.conversation[response.data.conversation.length - 1];
2336 1989 if (lastMessage.role === 'agent') {
2337 - updateChatModeIndicator('agent', botId);
1990 + updateChatModeIndicator('agent');
2338 1991 }
2339 1992 }
2340 -
1993 +
2341 1994 // Mark as loaded ONLY after successful load
2342 - instance.chatHistoryLoaded = true;
1995 + chatHistoryLoaded = true;
2343 1996 }
2344 1997 }
2345 1998 }
2346 - if (onComplete) onComplete();
2347 1999 },
2348 2000 error: function(xhr, status, error) {
2349 - // Error loading chat history - silently continue
2350 - if (onComplete) onComplete();
2001 + //console.error("AJAX error loading chat history:", status, error);
2351 2002 }
2352 2003 });
2353 - } else {
2354 - if (onComplete) onComplete();
2355 2004 }
2356 2005 }
2357 2006
2358 2007
@@ -2366,42 +2015,40 @@
2366 2015 element.addEventListener(eventType, handler);
2367 2016 }
2368 2017 }
2369 2018
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 -
2019 + function showActivePdf(filename) {
2020 + const container = document.getElementById('active-pdf-container');
2021 + const nameElement = document.getElementById('active-pdf-name');
2022 +
2375 2023 if (!container || !nameElement) {
2024 + //console.error('PDF container elements not found');
2376 2025 return;
2377 2026 }
2378 -
2027 +
2379 2028 nameElement.textContent = filename;
2380 2029 container.style.display = 'flex';
2381 2030 }
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 -
2031 +
2032 + function showActiveWord(filename) {
2033 + const container = document.getElementById('active-word-container');
2034 + const nameElement = document.getElementById('active-word-name');
2035 +
2388 2036 if (!container || !nameElement) {
2037 + //console.error('Word document container elements not found');
2389 2038 return;
2390 2039 }
2391 -
2040 +
2392 2041 nameElement.textContent = filename;
2393 2042 container.style.display = 'flex';
2394 2043 }
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 -
2044 +
2045 + function removeActivePdf() {
2046 + const container = document.getElementById('active-pdf-container');
2047 + const nameElement = document.getElementById('active-pdf-name');
2048 +
2049 + if (!container || !nameElement || !activePdfFile) return;
2050 +
2404 2051 fetch(mxchatChat.ajax_url, {
2405 2052 method: 'POST',
2406 2053 headers: {
2407 2054 'Content-Type': 'application/x-www-form-urlencoded',
@@ -2407,9 +2054,9 @@
2407 2054 'Content-Type': 'application/x-www-form-urlencoded',
2408 2055 },
2409 2056 body: new URLSearchParams({
2410 2057 'action': 'mxchat_remove_pdf',
2411 - 'session_id': getChatSession(botId),
2058 + 'session_id': sessionId,
2412 2059 'nonce': mxchatChat.nonce
2413 2060 })
2414 2061 })
2415 2062 .then(response => response.json())
@@ -2421,12 +2068,12 @@
2421 2068 appendMessage('bot', 'PDF removed.');
2422 2069 }
2423 2070 })
2424 2071 .catch(error => {
2425 - // Error removing PDF - silently continue
2072 + //console.error('Error removing PDF:', error);
2426 2073 });
2427 2074 }
2428 -
2075 +
2429 2076 function removeActiveWord() {
2430 2077 const container = document.getElementById('active-word-container');
2431 2078 const nameElement = document.getElementById('active-word-name');
2432 2079
@@ -2452,53 +2099,56 @@
2452 2099 appendMessage('bot', 'Word document removed.');
2453 2100 }
2454 2101 })
2455 2102 .catch(error => {
2456 - // Error removing Word document - silently continue
2103 + //console.error('Error removing Word document:', error);
2457 2104 });
2458 2105 }
2459 -
2106 +
2460 2107 // ====================================
2461 2108 // CONSENT & COMPLIANCE (GDPR)
2462 2109 // ====================================
2463 -
2464 - function initializeChatVisibility(botId) {
2465 - botId = botId || 'default';
2466 - const complianzEnabled = mxchatChat.complianz_toggle === 'on' ||
2467 - mxchatChat.complianz_toggle === '1' ||
2110 +
2111 + function initializeChatVisibility() {
2112 + //console.log('Initializing chat visibility');
2113 + const complianzEnabled = mxchatChat.complianz_toggle === 'on' ||
2114 + mxchatChat.complianz_toggle === '1' ||
2468 2115 mxchatChat.complianz_toggle === 1;
2469 -
2116 +
2470 2117 if (complianzEnabled && typeof cmplz_has_consent === "function" && typeof complianz !== 'undefined') {
2471 2118 // Initial check
2472 - checkConsentAndShowChat(botId);
2473 -
2119 + checkConsentAndShowChat();
2120 +
2474 2121 // Listen for consent changes
2475 2122 $(document).on('cmplz_status_change', function(event) {
2476 - checkConsentAndShowChat(botId);
2123 + //console.log('Status change detected');
2124 + checkConsentAndShowChat();
2477 2125 });
2478 2126 } else {
2479 2127 // If Complianz is not enabled, always show
2480 - getElement(botId, 'floating-chatbot-button')
2128 + $('#floating-chatbot-button')
2481 2129 .css('display', 'flex')
2482 2130 .removeClass('hidden no-consent')
2483 2131 .fadeTo(500, 1);
2484 -
2132 +
2485 2133 // Also check pre-chat message when Complianz is not enabled
2486 - checkPreChatDismissal(botId);
2134 + checkPreChatDismissal();
2487 2135 }
2488 2136 }
2489 2137
2490 -
2491 - function checkConsentAndShowChat(botId) {
2492 - botId = botId || 'default';
2138 +
2139 + function checkConsentAndShowChat() {
2493 2140 var consentStatus = cmplz_has_consent('marketing');
2494 2141 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 -
2142 +
2143 + //console.log('Checking consent:', {status: consentStatus,type: consentType});
2144 +
2145 + let $widget = $('#floating-chatbot-button');
2146 + let $chatbot = $('#floating-chatbot');
2147 + let $preChat = $('#pre-chat-message');
2148 +
2500 2149 if (consentStatus === true) {
2150 + //console.log('Consent granted - showing widget');
2501 2151 $widget
2502 2152 .removeClass('no-consent')
2503 2153 .css('display', 'flex')
2504 2154 .removeClass('hidden')
@@ -2503,12 +2153,13 @@
2503 2153 .css('display', 'flex')
2504 2154 .removeClass('hidden')
2505 2155 .fadeTo(500, 1);
2506 2156 $chatbot.removeClass('no-consent');
2507 -
2157 +
2508 2158 // Show pre-chat message if not dismissed
2509 - checkPreChatDismissal(botId);
2159 + checkPreChatDismissal();
2510 2160 } else {
2161 + //console.log('No consent - hiding widget');
2511 2162 $widget
2512 2163 .addClass('no-consent')
2513 2164 .fadeTo(500, 0, function() {
2514 2165 $(this)
@@ -2515,9 +2166,9 @@
2515 2166 .css('display', 'none')
2516 2167 .addClass('hidden');
2517 2168 });
2518 2169 $chatbot.addClass('no-consent');
2519 -
2170 +
2520 2171 // Hide pre-chat message when no consent
2521 2172 $preChat.hide();
2522 2173 }
2523 2174 }
@@ -2525,38 +2176,46 @@
2525 2176
2526 2177 // ====================================
2527 2178 // PRE-CHAT MESSAGE HANDLING
2528 2179 // ====================================
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;
2180 +
2181 + function checkPreChatDismissal() {
2182 + $.ajax({
2183 + url: mxchatChat.ajax_url,
2184 + type: 'POST',
2185 + data: {
2186 + action: 'mxchat_check_pre_chat_message_status',
2187 + _ajax_nonce: mxchatChat.nonce
2188 + },
2189 + success: function(response) {
2190 + if (response.success && !response.data.dismissed) {
2191 + $('#pre-chat-message').fadeIn(250);
2192 + } else {
2193 + $('#pre-chat-message').hide();
2540 2194 }
2541 - // Expired — clear and show again
2542 - localStorage.removeItem('mxchat_pre_chat_dismissed_' + botId);
2195 + },
2196 + error: function() {
2197 + //console.error('Failed to check pre-chat message dismissal status.');
2543 2198 }
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 - }
2199 + });
2549 2200 }
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 - }
2201 +
2202 + function handlePreChatDismissal() {
2203 + $('#pre-chat-message').fadeOut(200);
2204 + $.ajax({
2205 + url: mxchatChat.ajax_url,
2206 + type: 'POST',
2207 + data: {
2208 + action: 'mxchat_dismiss_pre_chat_message',
2209 + _ajax_nonce: mxchatChat.nonce
2210 + },
2211 + success: function() {
2212 + $('#pre-chat-message').hide();
2213 + },
2214 + error: function() {
2215 + //console.error('Failed to dismiss pre-chat message.');
2216 + }
2217 + });
2559 2218 }
2560 2219
2561 2220
2562 2221 // ====================================
@@ -2582,104 +2241,78 @@
2582 2241 // ====================================
2583 2242
2584 2243 $(document).on('click', '.mxchat-popular-question', function () {
2585 2244 var question = $(this).text();
2586 - var botId = getBotIdFromElement(this);
2587 -
2245 +
2588 2246 // Append the question as if the user typed it
2589 - appendMessage("user", question, '', [], false, botId);
2590 -
2247 + appendMessage("user", question);
2248 +
2591 2249 // Only collapse if there are questions
2592 - if (hasQuickQuestions(botId)) {
2593 - collapseQuickQuestions(botId);
2250 + if (hasQuickQuestions()) {
2251 + collapseQuickQuestions();
2594 2252 }
2595 -
2253 +
2596 2254 // Send the question to the server
2597 - sendMessageToChatbot(question, botId);
2255 + sendMessageToChatbot(question);
2598 2256 });
2599 2257
2600 2258 $(document).on('click', '.questions-toggle-btn', function(e) {
2601 2259 e.preventDefault();
2602 2260 e.stopPropagation();
2603 - var botId = getBotIdFromElement(this);
2604 - expandQuickQuestions(botId);
2261 + expandQuickQuestions();
2605 2262 });
2606 2263
2607 2264 $(document).on('click', '.questions-collapse-btn', function(e) {
2608 2265 e.preventDefault();
2609 2266 e.stopPropagation();
2610 - var botId = getBotIdFromElement(this);
2611 - collapseQuickQuestions(botId);
2267 + collapseQuickQuestions();
2612 2268 });
2613 2269
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');
2270 + // Chatbot visibility toggle handlers
2271 + $(document).on('click', '#floating-chatbot-button', function() {
2272 + var chatbot = $('#floating-chatbot');
2273 + if (chatbot.hasClass('hidden')) {
2274 + chatbot.removeClass('hidden').addClass('visible');
2623 2275 $(this).addClass('hidden');
2624 - $badge.hide(); // Hide notification when opening chat
2276 + $('#chat-notification-badge').hide(); // Hide notification when opening chat
2625 2277 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 - }
2278 + $('#pre-chat-message').fadeOut(250);
2645 2279 } else {
2646 - $chatbot.removeClass('visible').addClass('hidden');
2280 + chatbot.removeClass('visible').addClass('hidden');
2647 2281 $(this).removeClass('hidden');
2648 2282 enableScroll();
2649 - checkPreChatDismissal(botId);
2283 + checkPreChatDismissal();
2650 2284 }
2651 2285 });
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');
2286 +
2287 + $(document).on('click', '#exit-chat-button', function() {
2288 + $('#floating-chatbot').addClass('hidden').removeClass('visible');
2289 + $('#floating-chatbot-button').removeClass('hidden');
2658 2290 enableScroll();
2659 2291 });
2660 -
2292 +
2661 2293 $(document).on('click', '.close-pre-chat-message', function(e) {
2662 2294 e.stopPropagation(); // Prevent triggering the parent .pre-chat-message click
2663 - var botId = getBotIdFromElement(this);
2664 - handlePreChatDismissal(botId);
2295 + $('#pre-chat-message').fadeOut(200, function() {
2296 + $(this).remove();
2297 + });
2665 2298 });
2299 +
2666 2300
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 - });
2301 + // PDF upload button handlers
2302 + if (document.getElementById('pdf-upload-btn')) {
2303 + document.getElementById('pdf-upload-btn').addEventListener('click', function() {
2304 + document.getElementById('pdf-upload').click();
2305 + });
2306 + }
2681 2307
2308 + // Word upload button handlers
2309 + if (document.getElementById('word-upload-btn')) {
2310 + document.getElementById('word-upload-btn').addEventListener('click', function() {
2311 + document.getElementById('word-upload').click();
2312 + });
2313 + }
2314 +
2682 2315 // PDF file input change handler
2683 2316 addSafeEventListener('pdf-upload', 'change', async function(e) {
2684 2317 const file = e.target.files[0];
2685 2318
@@ -2688,13 +2321,15 @@
2688 2321 return;
2689 2322 }
2690 2323
2691 2324 if (!sessionId) {
2325 + //console.error('No session ID found');
2692 2326 alert('Error: No session ID found');
2693 2327 return;
2694 2328 }
2695 -
2329 +
2696 2330 if (!mxchatChat || !mxchatChat.ajax_url || !mxchatChat.nonce) {
2331 + //console.error('mxchatChat not properly configured:', mxchatChat);
2697 2332 alert('Error: Ajax configuration missing');
2698 2333 return;
2699 2334 }
2700 2335
@@ -2736,11 +2371,13 @@
2736 2371 appendMessage('bot', data.data.message);
2737 2372 scrollToBottom();
2738 2373 activePdfFile = data.data.filename;
2739 2374 } else {
2375 + //console.error('Upload failed:', data.data);
2740 2376 alert('Failed to upload PDF. Please try again.');
2741 2377 }
2742 2378 } catch (error) {
2379 + //console.error('Upload error:', error);
2743 2380 alert('Error uploading file. Please try again.');
2744 2381 } finally {
2745 2382 uploadBtn.disabled = false;
2746 2383 sendBtn.disabled = false;
@@ -2758,12 +2395,13 @@
2758 2395 return;
2759 2396 }
2760 2397
2761 2398 if (!sessionId) {
2399 + //console.error('No session ID found');
2762 2400 alert('Error: No session ID found');
2763 2401 return;
2764 2402 }
2765 -
2403 +
2766 2404 // Disable buttons and show loading state
2767 2405 const uploadBtn = document.getElementById('word-upload-btn');
2768 2406 const sendBtn = document.getElementById('send-button');
2769 2407 const originalBtnContent = uploadBtn.innerHTML;
@@ -2801,11 +2439,13 @@
2801 2439 appendMessage('bot', data.data.message);
2802 2440 scrollToBottom();
2803 2441 activeWordFile = data.data.filename;
2804 2442 } else {
2443 + //console.error('Upload failed:', data.data);
2805 2444 alert('Failed to upload Word document. Please try again.');
2806 2445 }
2807 2446 } catch (error) {
2447 + //console.error('Upload error:', error);
2808 2448 alert('Error uploading file. Please try again.');
2809 2449 } finally {
2810 2450 uploadBtn.disabled = false;
2811 2451 sendBtn.disabled = false;
@@ -2863,497 +2503,454 @@
2863 2503 });
2864 2504
2865 2505
2866 2506 // ====================================
2867 -// INIT LOADER & CHAT CONTAINER HELPERS
2507 +// EMAIL COLLECTION SETUP - FIXED VERSION
2868 2508 // ====================================
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 2509 // Only run email collection setup if it's enabled
2921 2510 if (mxchatChat && mxchatChat.email_collection_enabled === 'on') {
2511 + //console.log('Email collection is enabled, setting up handlers...');
2512 +
2513 + // Email collection form setup and handlers
2514 + const emailForm = document.getElementById('email-collection-form');
2515 + const emailBlocker = document.getElementById('email-blocker');
2516 + const chatbotWrapper = document.getElementById('chat-container');
2922 2517
2923 - // Track submitting state per bot
2924 - const emailSubmittingState = {};
2518 + if (emailForm && emailBlocker && chatbotWrapper) {
2519 +
2520 + // Add loading state management
2521 + let isSubmitting = false;
2522 +
2523 + // Optimized UI transition functions
2524 + function showEmailForm() {
2525 + emailBlocker.style.display = 'flex';
2526 + chatbotWrapper.style.display = 'none';
2527 + }
2925 2528
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); }
2529 + function showChatContainer() {
2530 + // Show chat immediately without delay
2531 + emailBlocker.style.display = 'none';
2532 + chatbotWrapper.style.display = 'flex';
2533 +
2534 + // Load chat history only after showing chat container
2535 + if (typeof loadChatHistory === 'function') {
2536 + loadChatHistory();
2934 2537 }
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 - }
2538 + }
2954 2539
2955 - function isValidEmailAddress(email) {
2956 - const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
2957 - return emailRegex.test(email.trim()) && email.length <= 254;
2958 - }
2540 + // Enhanced email validation
2541 + function isValidEmail(email) {
2542 + const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
2543 + return emailRegex.test(email.trim()) && email.length <= 254; // RFC 5321 limit
2544 + }
2959 2545
2960 - function isValidNameInput(name) {
2961 - return name && name.trim().length >= 2 && name.trim().length <= 100;
2962 - }
2546 + // Enhanced name validation
2547 + function isValidName(name) {
2548 + return name && name.trim().length >= 2 && name.trim().length <= 100;
2549 + }
2963 2550
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();
2551 + // Show loading state with spinner
2552 + function setSubmissionState(loading) {
2553 + const submitButton = document.getElementById('email-submit-button');
2554 + const emailInput = document.getElementById('user-email');
2555 + const nameInput = document.getElementById('user-name');
2556 +
2557 + if (loading) {
2558 + isSubmitting = true;
2559 + if (submitButton) submitButton.disabled = true;
2560 + if (emailInput) emailInput.disabled = true;
2561 + if (nameInput) nameInput.disabled = true;
2562 +
2563 + // Store original content and add spinner
2564 + if (submitButton && !submitButton.getAttribute('data-original-html')) {
2565 + submitButton.setAttribute('data-original-html', submitButton.innerHTML);
2566 +
2567 + // Add loading spinner while keeping original text
2568 + const originalText = submitButton.textContent;
2569 + submitButton.innerHTML = `
2570 + <svg class="email-spinner" style="width: 16px; height: 16px; margin-right: 8px; animation: spin 1s linear infinite;" viewBox="0 0 24 24">
2571 + <circle cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4" fill="none" stroke-dasharray="31.416" stroke-dashoffset="31.416">
2572 + <animate attributeName="stroke-dasharray" dur="2s" values="0 31.416;15.708 15.708;0 31.416" repeatCount="indefinite"/>
2573 + <animate attributeName="stroke-dashoffset" dur="2s" values="0;-15.708;-31.416" repeatCount="indefinite"/>
2574 + </circle>
2575 + </svg>
2576 + ${originalText}
2577 + `;
2578 +
2579 + submitButton.style.opacity = '0.8';
2580 + }
2581 + } else {
2582 + isSubmitting = false;
2583 + if (submitButton) submitButton.disabled = false;
2584 + if (emailInput) emailInput.disabled = false;
2585 + if (nameInput) nameInput.disabled = false;
2586 +
2587 + // Restore original content
2588 + if (submitButton) {
2589 + const originalHtml = submitButton.getAttribute('data-original-html');
2590 + if (originalHtml) {
2591 + submitButton.innerHTML = originalHtml;
2592 + }
2593 + submitButton.style.opacity = '1';
2594 + }
2595 + }
2992 2596 }
2993 2597
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}
2598 + // Error display functions
2599 + function showEmailError(message) {
2600 + clearEmailError();
2601 +
2602 + const errorDiv = document.createElement('div');
2603 + errorDiv.className = 'email-error';
2604 + errorDiv.style.cssText = `
2605 + color: #e74c3c;
2606 + font-size: 12px;
2607 + margin-top: 8px;
2608 + padding: 4px 0;
2609 + animation: fadeInError 0.3s ease;
2610 + `;
2611 + errorDiv.textContent = message;
2612 +
2613 + // Add CSS animation if not already present
2614 + if (!document.getElementById('email-error-styles')) {
2615 + const style = document.createElement('style');
2616 + style.id = 'email-error-styles';
2617 + style.textContent = `
2618 + @keyframes fadeInError {
2619 + from { opacity: 0; transform: translateY(-5px); }
2620 + to { opacity: 1; transform: translateY(0); }
2621 + }
2622 + .email-input-shake {
2623 + animation: shake 0.5s ease-in-out;
2624 + }
2625 + @keyframes shake {
2626 + 0%, 100% { transform: translateX(0); }
2627 + 25% { transform: translateX(-5px); }
2628 + 75% { transform: translateX(5px); }
2629 + }
2630 + @keyframes spin {
2631 + from { transform: rotate(0deg); }
2632 + to { transform: rotate(360deg); }
2633 + }
2634 + .email-spinner {
2635 + display: inline-block;
2636 + vertical-align: middle;
2637 + }
3019 2638 `;
3020 - submitButton.style.opacity = '0.8';
2639 + document.head.appendChild(style);
3021 2640 }
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';
2641 +
2642 + emailForm.appendChild(errorDiv);
2643 +
2644 + // Add shake animation to inputs
2645 + const emailInput = document.getElementById('user-email');
2646 + const nameInput = document.getElementById('user-name');
2647 +
2648 + if (emailInput) {
2649 + emailInput.classList.add('email-input-shake');
2650 + setTimeout(() => {
2651 + emailInput.classList.remove('email-input-shake');
2652 + }, 500);
3034 2653 }
2654 +
2655 + if (nameInput) {
2656 + nameInput.classList.add('email-input-shake');
2657 + setTimeout(() => {
2658 + nameInput.classList.remove('email-input-shake');
2659 + }, 500);
2660 + }
3035 2661 }
3036 - }
3037 2662
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) {
2663 + function clearEmailError() {
3073 2664 const existingErrors = emailForm.querySelectorAll('.email-error');
3074 2665 existingErrors.forEach(error => error.remove());
3075 2666 }
3076 - }
3077 2667
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);
2668 + // MAIN FORM SUBMIT HANDLER - This is the critical fix
2669 + //console.log('Setting up form submit handler...');
2670 +
2671 + // Remove any existing event listeners first
2672 + emailForm.removeEventListener('submit', handleFormSubmit);
2673 +
2674 + // Add the form submit handler
2675 + emailForm.addEventListener('submit', handleFormSubmit);
2676 +
2677 + function handleFormSubmit(event) {
2678 + //console.log('Form submit handler triggered!');
2679 + event.preventDefault();
2680 + event.stopPropagation();
2681 +
2682 + // Prevent double submission
2683 + if (isSubmitting) {
2684 + //console.log('Already submitting, ignoring...');
2685 + return false;
3085 2686 }
3086 - } else {
3087 - checkSessionAndEmailForBot(botId);
3088 - }
3089 - }
3090 2687
3091 - function checkSessionAndEmailForBot(botId) {
3092 - const sessionId = MxChatInstances.ensureSession(botId);
2688 + const userEmail = document.getElementById('user-email').value.trim();
2689 + const nameInput = document.getElementById('user-name');
2690 + const userName = nameInput ? nameInput.value.trim() : '';
2691 + const sessionId = getChatSession();
3093 2692
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);
2693 + //console.log('Form data:', { userEmail, userName, sessionId });
3100 2694
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}`);
2695 + // Validate email before submission
2696 + if (!userEmail) {
2697 + showEmailError('Please enter your email address.');
2698 + return false;
3115 2699 }
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);
2700 +
2701 + if (!isValidEmail(userEmail)) {
2702 + showEmailError('Please enter a valid email address.');
2703 + return false;
3127 2704 }
3128 - })
3129 - .catch((error) => {
3130 - showEmailFormForBot(botId);
3131 - });
3132 - }
3133 2705
3134 - // Event delegation for email form submission
3135 - $(document).on('submit', '.email-collection-form', function(e) {
3136 - e.preventDefault();
3137 - e.stopPropagation();
2706 + // Validate name if field exists
2707 + if (nameInput && !isValidName(userName)) {
2708 + showEmailError('Please enter a valid name (2-100 characters).');
2709 + return false;
2710 + }
3138 2711
3139 - var botId = getBotIdFromElement(this);
2712 + // Clear any existing errors
2713 + clearEmailError();
2714 + setSubmissionState(true);
3140 2715
3141 - // Prevent double submission
3142 - if (emailSubmittingState[botId]) {
3143 - return false;
3144 - }
2716 + //console.log('Sending AJAX request...');
3145 2717
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);
2718 + // Prepare form data with optional name
2719 + const formData = new URLSearchParams({
2720 + action: 'mxchat_handle_save_email_and_response',
2721 + email: userEmail,
2722 + session_id: sessionId,
2723 + nonce: mxchatChat.nonce,
2724 + });
3151 2725
3152 - // Validate email
3153 - if (!userEmail) {
3154 - showEmailError(botId, 'Please enter your email address.');
3155 - return false;
3156 - }
2726 + // Add name to form data if provided
2727 + if (userName) {
2728 + formData.append('name', userName);
2729 + }
3157 2730
3158 - if (!isValidEmailAddress(userEmail)) {
3159 - showEmailError(botId, 'Please enter a valid email address.');
3160 - return false;
3161 - }
2731 + fetch(mxchatChat.ajax_url, {
2732 + method: 'POST',
2733 + headers: {
2734 + 'Content-Type': 'application/x-www-form-urlencoded',
2735 + },
2736 + body: formData
2737 + })
2738 + .then((response) => {
2739 + //console.log('Response received:', response);
2740 + if (!response.ok) {
2741 + throw new Error(`HTTP error! status: ${response.status}`);
2742 + }
2743 + return response.json();
2744 + })
2745 + .then((data) => {
2746 + //console.log('Response data:', data);
2747 + setSubmissionState(false);
2748 +
2749 + if (data.success) {
2750 + // Show chat immediately
2751 + showChatContainer();
3162 2752
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;
2753 + // Handle bot response if provided
2754 + if (data.message && typeof appendMessage === 'function') {
2755 + setTimeout(() => {
2756 + appendMessage('bot', data.message);
2757 + if (typeof scrollToBottom === 'function') {
2758 + scrollToBottom();
2759 + }
2760 + }, 100);
2761 + }
2762 + } else {
2763 + showEmailError(data.message || 'Failed to save email. Please try again.');
2764 + }
2765 + })
2766 + .catch((error) => {
2767 + //console.error('Email submission error:', error);
2768 + setSubmissionState(false);
2769 + showEmailError('An error occurred. Please try again.');
2770 + });
2771 +
2772 + return false; // Extra prevention
3167 2773 }
3168 2774
3169 - clearEmailError(botId);
3170 - setEmailSubmissionState(botId, true);
2775 + // Real-time email validation
2776 + const emailInput = document.getElementById('user-email');
2777 + if (emailInput) {
2778 + let validationTimeout;
2779 +
2780 + emailInput.addEventListener('input', function() {
2781 + // Clear previous validation timeout
2782 + if (validationTimeout) {
2783 + clearTimeout(validationTimeout);
2784 + }
2785 +
2786 + // Debounce validation
2787 + validationTimeout = setTimeout(() => {
2788 + const email = this.value.trim();
2789 + clearEmailError();
2790 +
2791 + if (email && !isValidEmail(email)) {
2792 + showEmailError('Please enter a valid email address.');
2793 + }
2794 + }, 500);
2795 + });
3171 2796
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);
2797 + // Handle Enter key
2798 + emailInput.addEventListener('keypress', function(e) {
2799 + if (e.key === 'Enter' && !isSubmitting) {
2800 + e.preventDefault();
2801 + emailForm.dispatchEvent(new Event('submit'));
2802 + }
2803 + });
3182 2804 }
3183 2805
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, '');
2806 + // Real-time name validation
2807 + const nameInput = document.getElementById('user-name');
2808 + if (nameInput) {
2809 + let nameValidationTimeout;
2810 +
2811 + nameInput.addEventListener('input', function() {
2812 + // Clear previous validation timeout
2813 + if (nameValidationTimeout) {
2814 + clearTimeout(nameValidationTimeout);
3209 2815 }
2816 +
2817 + // Debounce validation
2818 + nameValidationTimeout = setTimeout(() => {
2819 + const name = this.value.trim();
2820 + clearEmailError();
2821 +
2822 + if (name && !isValidName(name)) {
2823 + showEmailError('Name must be between 2 and 100 characters.');
2824 + }
2825 + }, 500);
2826 + });
3210 2827
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);
2828 + // Handle Enter key
2829 + nameInput.addEventListener('keypress', function(e) {
2830 + if (e.key === 'Enter' && !isSubmitting) {
2831 + e.preventDefault();
2832 + emailForm.dispatchEvent(new Event('submit'));
3218 2833 }
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 - }
2834 + });
3260 2835 }
3261 - });
3262 2836
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();
2837 + // Initial state check
2838 + if (mxchatChat.skip_email_check && mxchatChat.initial_email_state) {
2839 + //console.log('Using server-provided email state:', mxchatChat.initial_email_state);
2840 +
2841 + const emailState = mxchatChat.initial_email_state;
2842 + if (emailState.show_email_form) {
2843 + showEmailForm();
2844 + } else {
2845 + showChatContainer();
3270 2846 }
2847 + } else {
2848 + // Check email status via AJAX
2849 + setTimeout(checkSessionAndEmail, 100);
3271 2850 }
3272 - });
3273 2851
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 - }
2852 + // Check if email exists for the current session
2853 + function checkSessionAndEmail() {
2854 + const sessionId = getChatSession();
2855 +
2856 + fetch(mxchatChat.ajax_url, {
2857 + method: 'POST',
2858 + headers: {
2859 + 'Content-Type': 'application/x-www-form-urlencoded',
2860 + },
2861 + body: new URLSearchParams({
2862 + action: 'mxchat_check_email_provided',
2863 + session_id: sessionId,
2864 + nonce: mxchatChat.nonce,
2865 + })
2866 + })
2867 + .then((response) => {
2868 + if (!response.ok) {
2869 + throw new Error(`HTTP error! status: ${response.status}`);
2870 + }
2871 + return response.json();
2872 + })
2873 + .then((data) => {
2874 + if (data.success) {
2875 + if (data.data.logged_in || data.data.email) {
2876 + showChatContainer();
2877 + } else {
2878 + showEmailForm();
2879 + }
2880 + } else {
2881 + // On error, default to showing email form
2882 + showEmailForm();
2883 + }
2884 + })
2885 + .catch((error) => {
2886 + //console.warn('Email check failed, defaulting to email form:', error);
2887 + showEmailForm();
2888 + });
3294 2889 }
3295 - });
2890 +
2891 + } else {
2892 + console.error('Email collection is enabled but essential elements are missing:', {
2893 + emailForm: !!emailForm,
2894 + emailBlocker: !!emailBlocker,
2895 + chatbotWrapper: !!chatbotWrapper
2896 + });
2897 + }
2898 +} else {
2899 + //console.log('Email collection is disabled');
3296 2900 }
3297 2901
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);
2902 + // Open chatbot when pre-chat message is clicked
2903 + $(document).on('click', '#pre-chat-message', function() {
2904 + var chatbot = $('#floating-chatbot');
2905 + if (chatbot.hasClass('hidden')) {
2906 + chatbot.removeClass('hidden').addClass('visible');
2907 + $('#floating-chatbot-button').addClass('hidden');
2908 + $('#pre-chat-message').fadeOut(250); // Hide pre-chat message
3306 2909 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 2910 }
3324 2911 });
3325 2912
3326 - // Legacy duplicate close handler removed — handled by single event delegation above
2913 + var closeButton = document.querySelector('.close-pre-chat-message');
2914 + if (closeButton) {
2915 + closeButton.addEventListener('click', function() {
2916 + $('#pre-chat-message').fadeOut(200); // Hide the message
3327 2917
2918 + // Send an AJAX request to set the transient flag for 24 hours
2919 + $.ajax({
2920 + url: mxchatChat.ajax_url,
2921 + type: 'POST',
2922 + data: {
2923 + action: 'mxchat_dismiss_pre_chat_message',
2924 + _ajax_nonce: mxchatChat.nonce
2925 + },
2926 + success: function() {
2927 + //console.log('Pre-chat message dismissed for 24 hours.');
3328 2928
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');
2929 + // Ensure the message is hidden after dismissal
2930 + $('#pre-chat-message').hide();
2931 + },
2932 + error: function() {
2933 + //console.error('Failed to dismiss pre-chat message.');
2934 + }
2935 + });
2936 + });
2937 + }
2938 +
2939 +
2940 +function hasQuickQuestions() {
2941 + const questionButtons = document.querySelectorAll('#mxchat-popular-questions .mxchat-popular-question');
3334 2942 return questionButtons.length > 0;
3335 2943 }
3336 2944
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)) {
2945 +function collapseQuickQuestions() {
2946 + const questionsContainer = document.getElementById('mxchat-popular-questions');
2947 + if (questionsContainer && hasQuickQuestions()) {
3351 2948 questionsContainer.classList.add('collapsed');
3352 2949 questionsContainer.classList.add('has-been-collapsed');
3353 2950 try {
3354 - sessionStorage.setItem('mxchat_questions_collapsed_' + botId, 'true');
3355 - sessionStorage.setItem('mxchat_questions_has_been_collapsed_' + botId, 'true');
2951 + sessionStorage.setItem('mxchat_questions_collapsed', 'true');
2952 + sessionStorage.setItem('mxchat_questions_has_been_collapsed', 'true');
3356 2953 } catch (e) {
3357 2954 // Ignore if sessionStorage is not available
3358 2955 }
3359 2956 }
@@ -3358,15 +2955,14 @@
3358 2955 }
3359 2956 }
3360 2957 }
3361 2958
3362 -function expandQuickQuestions(botId) {
3363 - botId = botId || 'default';
3364 - const questionsContainer = getElementDOM(botId, 'mxchat-popular-questions');
3365 - if (questionsContainer && hasQuickQuestions(botId)) {
2959 +function expandQuickQuestions() {
2960 + const questionsContainer = document.getElementById('mxchat-popular-questions');
2961 + if (questionsContainer && hasQuickQuestions()) {
3366 2962 questionsContainer.classList.remove('collapsed');
3367 2963 try {
3368 - sessionStorage.setItem('mxchat_questions_collapsed_' + botId, 'false');
2964 + sessionStorage.setItem('mxchat_questions_collapsed', 'false');
3369 2965 } catch (e) {
3370 2966 // Ignore if sessionStorage is not available
3371 2967 }
3372 2968 }
@@ -3371,24 +2967,18 @@
3371 2967 }
3372 2968 }
3373 2969 }
3374 2970
3375 -function checkQuickQuestionsState(botId) {
3376 - botId = botId || 'default';
3377 - if (!hasQuickQuestions(botId)) {
2971 +function checkQuickQuestionsState() {
2972 + if (!hasQuickQuestions()) {
3378 2973 return; // Don't do anything if no questions exist
3379 2974 }
3380 -
3381 - // Skip restoring collapsed state for embedded bots - they should always start expanded
3382 - if (isEmbeddedBot(botId)) {
3383 - return;
3384 - }
3385 -
2975 +
3386 2976 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');
2977 + const isCollapsed = sessionStorage.getItem('mxchat_questions_collapsed');
2978 + const hasBeenCollapsed = sessionStorage.getItem('mxchat_questions_has_been_collapsed');
2979 +
2980 + const questionsContainer = document.getElementById('mxchat-popular-questions');
3391 2981 if (questionsContainer) {
3392 2982 if (hasBeenCollapsed === 'true') {
3393 2983 questionsContainer.classList.add('has-been-collapsed');
3394 2984 }
@@ -3401,36 +2991,32 @@
3401 2991 }
3402 2992 }
3403 2993
3404 2994 // 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) {
2995 +$(document).on('click', '#chat-box a[href]:not([data-tracked])', function(e) {
3407 2996 const $link = $(this);
3408 2997 const messageDiv = $link.closest('.bot-message, .agent-message');
3409 -
2998 +
3410 2999 // Only process bot/agent message links
3411 3000 if (messageDiv.length > 0) {
3412 3001 const originalHref = $link.attr('href');
3413 -
3002 +
3414 3003 if (originalHref && (originalHref.startsWith('http://') || originalHref.startsWith('https://'))) {
3415 3004 e.preventDefault();
3416 3005 e.stopPropagation();
3417 -
3006 +
3418 3007 // Mark as tracked
3419 3008 $link.attr('data-tracked', 'true');
3420 -
3421 - // Get bot ID from the chat box context
3422 - var botId = getBotIdFromElement(this);
3423 -
3009 +
3424 3010 // Get message context from the message div
3425 3011 const messageText = messageDiv.text().substring(0, 200);
3426 -
3012 +
3427 3013 $.ajax({
3428 3014 url: mxchatChat.ajax_url,
3429 3015 type: 'POST',
3430 3016 data: {
3431 3017 action: 'mxchat_track_url_click',
3432 - session_id: getChatSession(botId),
3018 + session_id: getChatSession(),
3433 3019 url: originalHref,
3434 3020 message_context: messageText,
3435 3021 nonce: mxchatChat.nonce
3436 3022 },
@@ -3441,57 +3027,49 @@
3441 3027 window.location.href = originalHref;
3442 3028 }
3443 3029 }
3444 3030 });
3445 -
3031 +
3446 3032 return false;
3447 3033 }
3448 3034 }
3449 3035 });
3450 3036
3451 - // ====================================
3452 - // MAIN INITIALIZATION
3453 - // ====================================
3037 +
3038 +
3039 +
3040 +// ====================================
3041 +// MAIN INITIALIZATION
3042 +// ====================================
3454 3043
3455 - // Initialize all chatbot instances on the page
3456 - initializeAllInstances();
3044 +if ($('#floating-chatbot').hasClass('hidden')) {
3045 + $('#floating-chatbot-button').removeClass('hidden');
3046 +}
3047 +// Initialize when document is ready
3048 +setFullHeight();
3049 +trackOriginatingPage();
3457 3050
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 - });
3051 +// Only load chat history if email collection is disabled
3052 +if (mxchatChat.email_collection_enabled !== 'on') {
3053 + loadChatHistory();
3054 +}
3463 3055
3464 - // Initialize when document is ready
3465 - setFullHeight();
3056 +initializeChatVisibility();
3466 3057
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;
3058 +// Make functions globally available for add-ons
3059 +window.hasQuickQuestions = hasQuickQuestions;
3060 +window.collapseQuickQuestions = collapseQuickQuestions;
3061 +window.appendMessage = appendMessage;
3062 +window.appendThinkingMessage = appendThinkingMessage;
3063 +window.scrollToBottom = scrollToBottom;
3064 +window.scrollElementToTop = scrollElementToTop;
3065 +window.replaceLastMessage = replaceLastMessage;
3066 +window.callMxChat = callMxChat;
3067 +window.callMxChatStream = callMxChatStream;
3068 +window.shouldUseStreaming = shouldUseStreaming;
3069 +window.getChatSession = getChatSession;
3070 +window.getPageContext = getPageContext;
3071 +window.updateStreamingMessage = updateStreamingMessage;
3494 3072
3495 3073 }); // End of jQuery ready
3496 3074
3497 3075