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