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