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