← All changes | js/chat-script.js +960 -3373 3.2.6 → 2.2.2 View file →

		@@ -1,246 +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. The state machine below
5		- // queues callbacks so a chat-send that fires while the refresh AJAX is still
6		- // in flight waits for the fresh nonce instead of racing it with the stale
7		- // cached value (which would 403 as "Access denied" on the first message).
8		- var nonceRefreshState = 'idle'; // 'idle' | 'pending' | 'done'
9		- var nonceRefreshCallbacks = [];
10		- function refreshNonceIfNeeded(callback) {
11		- if (typeof mxchatChat === 'undefined' || !mxchatChat.ajax_url) {
12		- if (callback) callback();
13		- return;
14		- }
15		- if (nonceRefreshState === 'done') {
16		- if (callback) callback();
17		- return;
18		- }
19		- if (callback) nonceRefreshCallbacks.push(callback);
20		- if (nonceRefreshState === 'pending') {
21		- return;
22		- }
23		- nonceRefreshState = 'pending';
24		- $.post(mxchatChat.ajax_url, { action: 'mxchat_refresh_nonce' })
25		- .done(function(res) {
26		- if (res && res.success && res.data && res.data.nonce) {
27		- mxchatChat.nonce = res.data.nonce;
28		- }
29		- })
30		- .always(function() {
31		- nonceRefreshState = 'done';
32		- var pending = nonceRefreshCallbacks;
33		- nonceRefreshCallbacks = [];
34		- pending.forEach(function(cb) { try { cb(); } catch (e) {} });
35		- });
36		- }
37		-
	2	+
38	3	// ====================================
39		- // MULTI-INSTANCE MANAGEMENT SYSTEM
40		- // ====================================
41		-
42		- // Instance registry - tracks all chatbot instances on the page
43		- const MxChatInstances = {
44		- instances: {},
45		-
46		- // Initialize an instance for a bot
47		- init: function(botId) {
48		- if (!this.instances[botId]) {
49		- // When persistence is OFF, track when this session started
50		- // so the AI only sees messages from this page load
51		- var chatPersistenceEnabled = typeof mxchatChat !== 'undefined' && mxchatChat.chat_persistence_toggle === 'on';
52		-
53		- this.instances[botId] = {
54		- botId: botId,
55		- sessionId: null,
56		- lastSeenMessageId: '',
57		- notificationCheckInterval: null,
58		- pollingInterval: null,
59		- processedMessageIds: new Set(),
60		- activePdfFile: null,
61		- activeWordFile: null,
62		- chatHistoryLoaded: false,
63		- isStreaming: false,
64		- // Fresh context timestamp - only used when persistence is OFF
65		- sessionStartTimestamp: chatPersistenceEnabled ? 0 : Date.now()
66		- };
67		- }
68		- return this.instances[botId];
69		- },
70		-
71		- // Get instance by botId
72		- get: function(botId) {
73		- return this.instances[botId] || this.init(botId);
74		- },
75		-
76		- // Get all active bot IDs
77		- getAllBotIds: function() {
78		- return Object.keys(this.instances);
79		- },
80		-
81		- // Session management per bot
82		- // Returns existing session ID from cookie or localStorage (with in-memory fallback),
83		- // or null if none exists. Does NOT create a new session — use ensureSession() for that.
84		- getChatSession: function(botId) {
85		- var cookieName = 'mxchat_session_id_' + botId;
86		- var storageKey = 'mxchat_session_id_' + botId;
87		- var sessionId = getCookie(cookieName);
88		-
89		- // Fallback to localStorage if cookie is missing (e.g. cleared by browser/consent)
90		- if (!sessionId) {
91		- try { sessionId = localStorage.getItem(storageKey); } catch (e) {}
92		- }
93		-
94		- // Fallback to in-memory instance when cookie AND localStorage are both blocked
95		- // (Safari ITP, strict tracking prevention, cross-origin iframes with partitioned
96		- // storage). Without this, ensureSession() can generate and store an ID that
97		- // getChatSession() then can't read back, causing null session_ids on send.
98		- if (!sessionId && this.instances[botId] && this.instances[botId].sessionId) {
99		- sessionId = this.instances[botId].sessionId;
100		- }
101		-
102		- // Guard against stored sentinel values that indicate earlier broken writes.
103		- if (sessionId === 'null' || sessionId === 'undefined') {
104		- sessionId = null;
105		- }
106		-
107		- // Re-sync cookie from localStorage if cookie was lost
108		- if (sessionId && !getCookie(cookieName)) {
109		- document.cookie = cookieName + "=" + sessionId + "; path=/; max-age=86400; SameSite=Lax";
110		- }
111		-
112		- return sessionId || null;
113		- },
114		-
115		- // Lazy session initializer — called on first user interaction
116		- ensureSession: function(botId) {
117		- botId = botId || 'default';
118		- var instance = this.instances[botId] || this.init(botId);
119		-
120		- if (instance.sessionId) {
121		- return instance.sessionId;
122		- }
123		-
124		- // Check for existing session from cookie or localStorage
125		- var existingSession = this.getChatSession(botId);
126		-
127		- if (existingSession) {
128		- instance.sessionId = existingSession;
129		- } else {
130		- // Brand new session
131		- var newId = generateSessionId();
132		- this.setChatSession(botId, newId);
133		- instance.sessionId = newId;
134		- }
135		-
136		- // Now that we have a session, do the deferred work
137		- refreshNonceIfNeeded();
138		- trackOriginatingPage();
139		-
140		- // Note: loadChatHistory is handled by showChatContainerForBot with loader UI,
141		- // so we do NOT call it here to avoid a race condition.
142		-
143		- return instance.sessionId;
144		- },
145		-
146		- setChatSession: function(botId, sessionId) {
147		- var cookieName = 'mxchat_session_id_' + botId;
148		- var storageKey = 'mxchat_session_id_' + botId;
149		- document.cookie = cookieName + "=" + sessionId + "; path=/; max-age=86400; SameSite=Lax";
150		- try { localStorage.setItem(storageKey, sessionId); } catch (e) {}
151		- if (this.instances[botId]) {
152		- this.instances[botId].sessionId = sessionId;
153		- }
154		- },
155		-
156		- resetChatSession: function(botId) {
157		- // Clear old session from localStorage before setting new one
158		- try { localStorage.removeItem('mxchat_session_id_' + botId); } catch (e) {}
159		- var newSessionId = generateSessionId();
160		- this.setChatSession(botId, newSessionId);
161		- var $chatBox = getElement(botId, 'chat-box');
162		- if ($chatBox.length) {
163		- $chatBox.find('.user-message, .bot-message:not(:first), .agent-message').remove();
164		- }
165		- if (this.instances[botId]) {
166		- this.instances[botId].chatHistoryLoaded = false;
167		- this.instances[botId].processedMessageIds = new Set();
168		- }
169		- },
170		-
171		- // Silent reset — new session ID without clearing the chat UI
172		- // Used when IP changes mid-conversation so the user doesn't see messages vanish
173		- silentResetSession: function(botId) {
174		- try { localStorage.removeItem('mxchat_session_id_' + botId); } catch (e) {}
175		- var newSessionId = generateSessionId();
176		- this.setChatSession(botId, newSessionId);
177		- if (this.instances[botId]) {
178		- this.instances[botId].sessionId = newSessionId;
179		- }
180		- return newSessionId;
181		- }
182		- };
183		-
184		- // ====================================
185		- // ELEMENT SELECTOR HELPERS
186		- // ====================================
187		-
188		- // Check if a specific bot has an AI theme assigned (skip inline colors)
189		- function shouldSkipInlineColors(botId) {
190		- // If global AI theme is active, skip inline colors for all bots
191		- if (mxchatChat.skip_inline_colors) {
192		- return true;
193		- }
194		- // Check if this specific bot has a theme assignment
195		- var botAssignments = mxchatChat.bot_theme_assignments || {};
196		- return botAssignments.hasOwnProperty(botId);
197		- }
198		-
199		- // Get element by ID with bot suffix - returns jQuery object
200		- function getElement(botId, elementName) {
201		- return $('#' + elementName + '-' + botId);
202		- }
203		-
204		- // Get element by ID with bot suffix - returns DOM element
205		- function getElementDOM(botId, elementName) {
206		- return document.getElementById(elementName + '-' + botId);
207		- }
208		-
209		- // Get bot ID from any element within a chatbot instance
210		- function getBotIdFromElement(element) {
211		- var $wrapper = $(element).closest('.mxchat-chatbot-wrapper');
212		- if ($wrapper.length) {
213		- return $wrapper.data('bot-id') || 'default';
214		- }
215		- // Fallback: try to find from floating container
216		- var $floating = $(element).closest('.floating-chatbot');
217		- if ($floating.length) {
218		- var id = $floating.attr('id') || '';
219		- var match = id.match(/floating-chatbot-(.+)/);
220		- if (match) return match[1];
221		- }
222		- // Fallback: check if element itself has an ID with bot suffix (e.g., floating-chatbot-button-{bot_id})
223		- var elementId = $(element).attr('id') || '';
224		- if (elementId) {
225		- // Match patterns like: floating-chatbot-button-{bot_id}, pre-chat-message-{bot_id}
226		- var idMatch = elementId.match(/^(?:floating-chatbot-button|pre-chat-message|chat-notification-badge)-(.+)$/);
227		- if (idMatch) return idMatch[1];
228		- }
229		- return 'default';
230		- }
231		-
232		- // Get wrapper element for a bot
233		- function getWrapper(botId) {
234		- return getElement(botId, 'mxchat-chatbot-wrapper');
235		- }
236		-
237		- // ====================================
238	4	// GLOBAL VARIABLES & CONFIGURATION
239	5	// ====================================
240	6	const toolbarIconColor = mxchatChat.toolbar_icon_color || '#212121';
241		-
242		- // Initialize color settings (these are global as they come from PHP)
	7	+
	8	+ // Initialize color settings
243	9	var userMessageBgColor = mxchatChat.user_message_bg_color;
244	10	var userMessageFontColor = mxchatChat.user_message_font_color;
245	11	var botMessageBgColor = mxchatChat.bot_message_bg_color;
246	12	var botMessageFontColor = mxchatChat.bot_message_font_color;
		@@ -245,459 +11,203 @@
245	11	var botMessageBgColor = mxchatChat.bot_message_bg_color;
246	12	var botMessageFontColor = mxchatChat.bot_message_font_color;
247	13	var liveAgentMessageBgColor = mxchatChat.live_agent_message_bg_color;
248	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;
249	25
250		- var linkTarget = mxchatChat.link_target_toggle === 'on' ? '_blank' : '_self';
251	26
252	27	// ====================================
253		- // SESSION MANAGEMENT (Legacy compatibility)
	28	+ // SESSION MANAGEMENT
254	29	// ====================================
255		-
	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	+
256	50	function getCookie(name) {
257	51	let value = "; " + document.cookie;
258	52	let parts = value.split("; " + name + "=");
259	53	if (parts.length == 2) return parts.pop().split(";").shift();
260	54	}
261		-
	55	+
262	56	function generateSessionId() {
263	57	return 'mxchat_chat_' + Math.random().toString(36).substr(2, 9);
264	58	}
265	59
266		- // Legacy function - now delegates to instance manager
267		- function getChatSession(botId) {
268		- botId = botId || 'default';
269		- return MxChatInstances.getChatSession(botId);
270		- }
271	60
272		- function setChatSession(sessionId, botId) {
273		- botId = botId || 'default';
274		- MxChatInstances.setChatSession(botId, sessionId);
275		- }
276		-
277		- function resetChatSession(botId) {
278		- botId = botId || 'default';
279		- MxChatInstances.resetChatSession(botId);
280		- }
281		-
282	61	// ====================================
283		- // INITIALIZE ALL CHATBOT INSTANCES
	62	+ // CORE CHAT FUNCTIONALITY
284	63	// ====================================
285		-
286		- function initializeAllInstances() {
287		- // Find all chatbot wrappers on the page
288		- $('.mxchat-chatbot-wrapper').each(function() {
289		- var botId = $(this).data('bot-id') || 'default';
290		- MxChatInstances.init(botId);
291		- initializeBotInstance(botId);
292		- });
293		- }
294		-
295		- function initializeBotInstance(botId) {
296		- var instance = MxChatInstances.get(botId);
297		-
298		- // Initialize quick questions state for this bot
299		- checkQuickQuestionsState(botId);
300		-
301		- // Note: Event handlers use event delegation with class selectors,
302		- // so they work automatically for all instances without per-bot setup
303		- }
304		-
305		-// ====================================
306		-// CONTEXTUAL AWARENESS FUNCTIONALITY
307		-// ====================================
308		-
309		-function getPageContext() {
310		- // Check if contextual awareness is enabled
311		- if (mxchatChat.contextual_awareness_toggle !== 'on') {
312		- return null;
313		- }
314	64
315		- // Get page URL
316		- const pageUrl = window.location.href;
	65	+ function sendMessage() {
	66	+ var message = $('#chat-input').val(); // Get value from textarea
	67	+ if (message) {
	68	+ appendMessage("user", message); // Append user's message
	69	+ $('#chat-input').val(''); // Clear the textarea
	70	+ $('#chat-input').css('height', 'auto'); // Reset height after clearing content
317	71
318		- // Get page title
319		- const pageTitle = document.title || '';
	72	+ // Hide the popular questions section
	73	+ $('#mxchat-popular-questions').hide();
320	74
321		- // Get main content from the page
322		- let pageContent = '';
	75	+ // Show typing indicator
	76	+ appendThinkingMessage();
	77	+ scrollToBottom();
323	78
324		- // Try to get content from common content areas
325		- const contentSelectors = [
326		- 'main',
327		- '[role="main"]',
328		- '.content',
329		- '.main-content',
330		- '.post-content',
331		- '.entry-content',
332		- '.page-content',
333		- 'article',
334		- '#content',
335		- '#main'
336		- ];
337		-
338		- let contentElement = null;
339		- for (const selector of contentSelectors) {
340		- contentElement = document.querySelector(selector);
341		- if (contentElement) {
342		- break;
	79	+ callMxChat(message, function(response) {
	80	+ // Replace typing indicator with actual response
	81	+ replaceLastMessage("bot", response);
	82	+ });
343	83	}
344	84	}
345	85
346		- // If no specific content area found, use body but exclude header, footer, nav, sidebar
347		- if (!contentElement) {
348		- contentElement = document.body;
349		- }
	86	+ function sendMessageToChatbot(message) {
	87	+ var sessionId = getChatSession(); // Reuse the session ID logic
350	88
351		- if (contentElement) {
352		- // Clone the element to avoid modifying the original
353		- const clone = contentElement.cloneNode(true);
354		-
355		- // Remove unwanted elements
356		- const unwantedSelectors = [
357		- 'header',
358		- 'footer',
359		- 'nav',
360		- '.navigation',
361		- '.sidebar',
362		- '.widget',
363		- '.menu',
364		- 'script',
365		- 'style',
366		- '.comments',
367		- '#comments',
368		- '.breadcrumb',
369		- '.breadcrumbs',
370		- '#floating-chatbot',
371		- '#floating-chatbot-button',
372		- '.mxchat',
373		- '[class*="chat"]',
374		- '[id*="chat"]'
375		- ];
376		-
377		- unwantedSelectors.forEach(selector => {
378		- const elements = clone.querySelectorAll(selector);
379		- elements.forEach(el => el.remove());
380		- });
381		-
382		- // Extract MxChat context data attributes before getting text content
383		- const contextData = [];
384		- clone.querySelectorAll('[data-mxchat-context]').forEach(el => {
385		- const contextValue = el.dataset.mxchatContext;
386		- if (contextValue && contextValue.trim()) {
387		- contextData.push(contextValue);
388		- }
389		- });
390		-
391		- // Get text content and clean it up
392		- pageContent = clone.textContent || clone.innerText || '';
393		-
394		- // Add context data to page content if any were found
395		- if (contextData.length > 0) {
396		- pageContent += '\n\nAdditional Context:\n' + contextData.join('\n');
397		- }
398		-
399		- // Clean up whitespace and limit length
400		- pageContent = pageContent
401		- .replace(/\s+/g, ' ')
402		- .trim()
403		- .substring(0, 3000); // Limit to 3000 characters to avoid token limits
404		- }
	89	+ // Hide the popular questions section
	90	+ $('#mxchat-popular-questions').hide();
405	91
406		- // Only return context if we have meaningful content
407		- if (!pageContent || pageContent.length < 50) {
408		- return null;
409		- }
	92	+ // Show thinking indicator (no need to append the user's message again)
	93	+ appendThinkingMessage();
	94	+ scrollToBottom();
410	95
411		- return {
412		- url: pageUrl,
413		- title: pageTitle,
414		- content: pageContent
415		- };
416		-}
417		-
418		-// Track originating page when chat starts
419		-function trackOriginatingPage() {
420		- const sessionId = getChatSession();
421		- const pageUrl = window.location.href;
422		- const pageTitle = document.title || 'Untitled Page';
	96	+ //console.log("Sending message to chatbot:", message); // Log the message
	97	+ //console.log("Session ID:", sessionId); // Log the session ID
423	98
424		- // Only track once per session
425		- const trackingKey = 'mxchat_originating_tracked_' + sessionId;
426		- if (sessionStorage.getItem(trackingKey)) {
427		- return;
428		- }
429		-
430		- $.ajax({
431		- url: mxchatChat.ajax_url,
432		- type: 'POST',
433		- data: {
434		- action: 'mxchat_track_originating_page',
435		- session_id: sessionId,
436		- page_url: pageUrl,
437		- page_title: pageTitle,
438		- nonce: mxchatChat.nonce
439		- },
440		- success: function(response) {
441		- if (response.success) {
442		- sessionStorage.setItem(trackingKey, 'true');
443		- }
444		- }
445		- });
446		-}
447		-
448		-// ====================================
449		-// CORE CHAT FUNCTIONALITY
450		-// ====================================
451		-
452		-// Helper functions to disable/enable chat input while waiting for response
453		-function disableChatInput(botId) {
454		- botId = botId || 'default';
455		- var chatInput = getElementDOM(botId, 'chat-input');
456		- var sendButton = getElementDOM(botId, 'send-button');
457		- if (chatInput) {
458		- chatInput.disabled = true;
459		- chatInput.style.opacity = '0.6';
460		- }
461		- if (sendButton) {
462		- sendButton.disabled = true;
463		- sendButton.style.opacity = '0.5';
464		- sendButton.style.pointerEvents = 'none';
465		- }
466		-}
467		-
468		-function enableChatInput(botId) {
469		- botId = botId || 'default';
470		- var chatInput = getElementDOM(botId, 'chat-input');
471		- var sendButton = getElementDOM(botId, 'send-button');
472		- if (chatInput) {
473		- chatInput.disabled = false;
474		- chatInput.style.opacity = '1';
475		- chatInput.focus();
476		- }
477		- if (sendButton) {
478		- sendButton.disabled = false;
479		- sendButton.style.opacity = '1';
480		- sendButton.style.pointerEvents = 'auto';
481		- }
482		-}
483		-
484		-// Update your existing sendMessage function
485		-function sendMessage(botId) {
486		- botId = botId || 'default';
487		- MxChatInstances.ensureSession(botId);
488		- var $chatInput = getElement(botId, 'chat-input');
489		- var message = $chatInput.val();
490		-
491		- // ADD PROMPT HOOK HERE
492		- if (typeof customMxChatFilter === 'function') {
493		- message = customMxChatFilter(message, "prompt");
494		- }
495		-
496		- if (message) {
497		- // Don't disable input in live agent mode - let users chat freely
498		- var modeIndicator = getElementDOM(botId, 'chat-mode-indicator');
499		- var isAgentMode = modeIndicator && modeIndicator.textContent === 'Live Agent';
500		- if (!isAgentMode) {
501		- disableChatInput(botId);
502		- }
503		-
504		- appendMessage("user", message, '', [], false, botId);
505		- $chatInput.val('');
506		- $chatInput.css('height', 'auto');
507		-
508		- if (hasQuickQuestions(botId)) {
509		- collapseQuickQuestions(botId);
510		- }
511		- appendThinkingMessage(botId);
512		- scrollToBottom(botId);
513		-
514		- const currentModel = mxchatChat.model || 'gpt-5.1-chat-latest';
515		-
516		- // Check if streaming is enabled AND supported for this model
517		- if (shouldUseStreaming(currentModel)) {
518		- callMxChatStream(message, function(response) {
519		- getElement(botId, 'chat-box').find('.bot-message.temporary-message').removeClass('temporary-message');
520		- }, botId);
521		- } else {
522		- callMxChat(message, function(response) {
523		- replaceLastMessage("bot", response, '', [], botId);
524		- }, botId);
525		- }
526		- }
527		-}
528		-
529		-// Update your existing sendMessageToChatbot function
530		-function sendMessageToChatbot(message, botId) {
531		- botId = botId || 'default';
532		- MxChatInstances.ensureSession(botId);
533		-
534		- // ADD PROMPT HOOK HERE
535		- if (typeof customMxChatFilter === 'function') {
536		- message = customMxChatFilter(message, "prompt");
537		- }
538		-
539		- // Don't disable input in live agent mode - let users chat freely
540		- var modeIndicator = getElementDOM(botId, 'chat-mode-indicator');
541		- var isAgentMode = modeIndicator && modeIndicator.textContent === 'Live Agent';
542		- if (!isAgentMode) {
543		- disableChatInput(botId);
544		- }
545		-
546		- var sessionId = getChatSession(botId);
547		-
548		- if (hasQuickQuestions(botId)) {
549		- collapseQuickQuestions(botId);
550		- }
551		- appendThinkingMessage(botId);
552		- scrollToBottom(botId);
553		-
554		- const currentModel = mxchatChat.model || 'gpt-5.1-chat-latest';
555		-
556		- // Check if streaming is enabled AND supported for this model
557		- if (shouldUseStreaming(currentModel)) {
558		- callMxChatStream(message, function(response) {
559		- getElement(botId, 'chat-box').find('.bot-message.temporary-message').removeClass('temporary-message');
560		- }, botId);
561		- } else {
	99	+ // Call the chatbot using the same call logic as sendMessage
562	100	callMxChat(message, function(response) {
563		- getElement(botId, 'chat-box').find('.temporary-message').remove();
564		- replaceLastMessage("bot", response, '', [], botId);
565		- }, botId);
566		- }
567		-}
568		-
569		-// Updated shouldUseStreaming function with debugging
570		-function shouldUseStreaming(model) {
571		- // Check if streaming is enabled in settings (using your toggle naming pattern)
572		- const streamingEnabled = mxchatChat.enable_streaming_toggle === 'on';
	101	+ // ** Ensure temporary thinking message is removed before adding new response **
	102	+ $('.temporary-message').remove();
573	103
574		- // Check if model supports streaming
575		- const streamingSupported = isStreamingSupported(model);
576		-
577		-
578		- // Only use streaming if both enabled and supported
579		- return streamingEnabled && streamingSupported;
580		-}
581		-
582		-// Helper function to handle chat mode updates
583		-function handleChatModeUpdates(response, responseText) {
584		- // Check for explicit chat mode in response (THIS IS THE KEY FIX)
585		- if (response.chat_mode) {
586		- updateChatModeIndicator(response.chat_mode);
587		- return; // Return early since we found explicit mode
	104	+ // Replace thinking indicator with actual response
	105	+ replaceLastMessage("bot", response);
	106	+ });
588	107	}
589		- // Check for fallback response chat mode
590		- else if (response.fallbackResponse && response.fallbackResponse.chat_mode) {
591		- updateChatModeIndicator(response.fallbackResponse.chat_mode);
592		- return; // Return early since we found explicit mode
593		- }
594	108
595		- // Only do text-based detection if no explicit mode was provided
596		- // Check for specific AI chatbot response text
597		- if (responseText === 'You are now chatting with the AI chatbot.' ||
598		- responseText.includes('now chatting with the AI') ||
599		- responseText.includes('switched to AI mode') ||
600		- responseText.includes('AI chatbot is now')) {
601		- updateChatModeIndicator('ai');
602		- }
603		- // Check for agent transfer messages
604		- else if (responseText.includes('agent') &&
605		- (responseText.includes('transfer') || responseText.includes('connected'))) {
606		- updateChatModeIndicator('agent');
607		- }
608		-}
609		-
610		-// Function to get bot ID from any element or wrapper
611		-// If element is provided, finds the bot ID from its wrapper
612		-// If no element, returns 'default' (for backward compatibility)
613		-function getMxChatBotId(element) {
614		- if (element) {
615		- return getBotIdFromElement(element);
616		- }
617		- // Fallback: find first chatbot wrapper on page
618		- const chatbotWrapper = document.querySelector('.mxchat-chatbot-wrapper');
619		- return chatbotWrapper ? chatbotWrapper.getAttribute('data-bot-id') || 'default' : 'default';
620		-}
621		-
622		-function callMxChat(message, callback, botId) {
623		- botId = botId || getMxChatBotId();
624		-
625		- // Store the message in case we need to retry after session reset
626		- getElement(botId, 'mxchat-chatbot-wrapper').find('.mxchat-input-holder textarea').data('pending-message', message);
627		-
628		- // Get page context if contextual awareness is enabled
629		- const pageContext = getPageContext();
630		-
631		- // Get instance for session start timestamp (used when persistence is OFF)
632		- var instance = MxChatInstances.get(botId);
633		-
634		- // Guarantee a non-null session_id before the AJAX leaves. ensureSession() is idempotent
635		- // and returns the guaranteed-present session id from the in-memory instance even when
636		- // cookie/localStorage writes are silently blocked by the browser.
637		- var sessionId = MxChatInstances.ensureSession(botId);
638		- if (!sessionId || sessionId === 'null' || sessionId === 'undefined') {
639		- // Last-resort generation to ensure we never POST a null marker.
640		- sessionId = generateSessionId();
641		- MxChatInstances.setChatSession(botId, sessionId);
642		- }
643		-
644		- // Wait for the page-cache nonce refresh to complete before firing the
645		- // chat-send AJAX. On cached pages the inline mxchatChat.nonce is stale
646		- // until refreshNonceIfNeeded() returns; constructing ajaxData inside the
647		- // callback guarantees we read the fresh value. See plan-c5457f.
648		- refreshNonceIfNeeded(function() {
649		- // Prepare AJAX data
650		- const ajaxData = {
651		- action: 'mxchat_handle_chat_request',
652		- message: message,
653		- session_id: sessionId,
654		- nonce: mxchatChat.nonce,
655		- current_page_url: window.location.href,
656		- current_page_title: document.title,
657		- bot_id: botId,
658		- // Pass session start timestamp so AI context matches what user sees
659		- session_start_timestamp: instance.sessionStartTimestamp || 0
660		- };
661		-
662		- // Add page context if available
663		- if (pageContext) {
664		- ajaxData.page_context = JSON.stringify(pageContext);
665		- }
666		-
667		- // CHECK FOR VISION FLAGS AND ADD THEM
668		- if (window.mxchatVisionProcessed) {
669		- ajaxData.vision_processed = true;
670		- ajaxData.original_user_message = window.mxchatOriginalMessage || message;
671		- ajaxData.vision_images_count = window.mxchatVisionImagesCount || 0;
672		- // Clear the flags after use
673		- window.mxchatVisionProcessed = false;
674		- window.mxchatOriginalMessage = null;
675		- window.mxchatVisionImagesCount = 0;
676		- }
677		-
678		- $.ajax({
679		- url: mxchatChat.ajax_url,
680		- type: 'POST',
681		- dataType: 'json',
682		- data: ajaxData,
683		- success: function(response) {
684		- // IMMEDIATE CHAT MODE UPDATE - This should be FIRST
685		- if (response.chat_mode) {
686		- updateChatModeIndicator(response.chat_mode, botId);
687		- }
688		-
689		- // Also check in data property if response is wrapped
690		- if (response.data && response.data.chat_mode) {
691		- updateChatModeIndicator(response.data.chat_mode, botId);
692		- }
693		-
694		- // SECURITY FIX: Check for errors FIRST before checking for success
695		- // This ensures API errors (quota exceeded, invalid key, rate limit) are properly displayed
696		- if (response.success === false || (response.data && response.data.error_message)) {
	109	+ function callMxChat(message, callback) {
	110	+ $.ajax({
	111	+ url: mxchatChat.ajax_url,
	112	+ type: 'POST',
	113	+ dataType: 'json',
	114	+ data: {
	115	+ action: 'mxchat_handle_chat_request',
	116	+ message: message,
	117	+ session_id: getChatSession(),
	118	+ nonce: mxchatChat.nonce
	119	+ },
	120	+ success: function(response) {
	121	+ // Log the full response for debugging
	122	+ //console.log("API Response:", response);
	123	+
	124	+ // First check if this is a successful response by looking for text, html, or message fields
	125	+ // This preserves compatibility with your server response format
	126	+ if (response.text !== undefined || response.html !== undefined || response.message !== undefined ||
	127	+ (response.success === true && response.data && response.data.status === 'waiting_for_agent')) {
	128	+
	129	+ // Handle successful response - this is your original success handling code
	130	+
	131	+ // Existing chat mode check
	132	+ if (response.chat_mode) {
	133	+ updateChatModeIndicator(response.chat_mode);
	134	+ }
	135	+ else if (response.fallbackResponse && response.fallbackResponse.chat_mode) {
	136	+ updateChatModeIndicator(response.fallbackResponse.chat_mode);
	137	+ }
	138	+
	139	+ // Add PDF filename handling
	140	+ if (response.data && response.data.filename) {
	141	+ showActivePdf(response.data.filename);
	142	+ activePdfFile = response.data.filename;
	143	+ }
	144	+
	145	+ // Add redirect check here
	146	+ if (response.redirect_url) {
	147	+ let responseText = response.text || '';
	148	+ if (responseText) {
	149	+ replaceLastMessage("bot", responseText);
	150	+ }
	151	+ setTimeout(() => {
	152	+ window.location.href = response.redirect_url;
	153	+ }, 1500);
	154	+ return;
	155	+ }
	156	+
	157	+ // Check for live agent response
	158	+ if (response.success && response.data && response.data.status === 'waiting_for_agent') {
	159	+ updateChatModeIndicator('agent');
	160	+ return;
	161	+ }
	162	+
	163	+ // Handle other responses
	164	+ let responseText = response.text || '';
	165	+ let responseHtml = response.html || '';
	166	+ let responseMessage = response.message || '';
	167	+
	168	+ if (responseText === 'You are now chatting with the AI chatbot.') {
	169	+ updateChatModeIndicator('ai');
	170	+ }
	171	+
	172	+ // Handle the message and show notification if chat is hidden
	173	+ if (responseText || responseHtml || responseMessage) {
	174	+ // Update the messages as before
	175	+ if (responseText && responseHtml) {
	176	+ replaceLastMessage("bot", responseText, responseHtml);
	177	+ } else if (responseText) {
	178	+ replaceLastMessage("bot", responseText);
	179	+ } else if (responseHtml) {
	180	+ replaceLastMessage("bot", "", responseHtml);
	181	+ } else if (responseMessage) {
	182	+ replaceLastMessage("bot", responseMessage);
	183	+ }
	184	+
	185	+ // Check if chat is hidden and show notification
	186	+ if ($('#floating-chatbot').hasClass('hidden')) {
	187	+ const badge = $('#chat-notification-badge');
	188	+ if (badge.length) {
	189	+ badge.show();
	190	+ }
	191	+ }
	192	+ } else {
	193	+ //console.error("Unexpected response format:", response);
	194	+ replaceLastMessage("bot", "I received an empty response. Please try again or contact support if this persists.");
	195	+ }
	196	+
	197	+ if (response.message_id) {
	198	+ lastSeenMessageId = response.message_id;
	199	+ }
	200	+
	201	+ return;
	202	+ }
	203	+
	204	+ // If we got here, it's likely an error response
	205	+ // Now we can check for error conditions with our robust error handling
	206	+
697	207	let errorMessage = "";
698	208	let errorCode = "";
699		-
	209	+
700	210	// Check various possible error locations in the response
701	211	if (response.data && response.data.error_message) {
702	212	errorMessage = response.data.error_message;
703	213	errorCode = response.data.error_code || "";
		@@ -707,1177 +217,248 @@
707	217	} else if (response.message) {
708	218	errorMessage = response.message;
709	219	} else if (typeof response.data === 'string') {
710	220	errorMessage = response.data;
	221	+ } else if (!response.success) {
	222	+ // Explicit check for success: false without other error info
	223	+ errorMessage = "An error occurred. Please try again or contact support.";
711	224	} else {
712	225	// Fallback for any other unexpected response format
713		- errorMessage = "An error occurred. Please try again or contact support.";
	226	+ errorMessage = "Unexpected response received. Please try again or contact support.";
714	227	}
715		-
716		- // Handle session reset action (IP changed, session expired, etc.)
717		- // Silent reset — keep chat UI intact, just get a new session and retry
718		- if (response.data && response.data.action === 'reset_session') {
719		- MxChatInstances.silentResetSession(botId);
720		- // Re-send the original message with the new session (user message is already displayed)
721		- var originalMessage = getElement(botId, 'mxchat-chatbot-wrapper').find('.mxchat-input-holder textarea').data('pending-message');
722		- if (originalMessage) {
723		- getElement(botId, 'mxchat-chatbot-wrapper').find('.mxchat-input-holder textarea').data('pending-message', null);
724		- var currentModel = mxchatChat.model || 'gpt-5.1-chat-latest';
725		- if (shouldUseStreaming(currentModel)) {
726		- callMxChatStream(originalMessage, function(response) {
727		- getElement(botId, 'chat-box').find('.bot-message.temporary-message').removeClass('temporary-message');
728		- }, botId);
729		- } else {
730		- callMxChat(originalMessage, function(response) {
731		- replaceLastMessage("bot", response, '', [], botId);
732		- }, botId);
733		- }
734		- }
735		- return;
736		- }
737		-
	228	+
	229	+ // Log the error with code for debugging
	230	+ //console.log("Response data:", response.data);
	231	+ //console.error("API Error:", errorMessage, "Code:", errorCode);
	232	+
738	233	// Format user-friendly error message
739	234	let displayMessage = errorMessage;
740		-
	235	+
741	236	// Customize message for admin users
742	237	if (mxchatChat.is_admin) {
743	238	// For admin users, show more technical details including error code
744	239	displayMessage = errorMessage + (errorCode ? " (Error code: " + errorCode + ")" : "");
745	240	}
746		-
747		- replaceLastMessage("bot", displayMessage, '', [], botId);
748		- return; // Exit early for errors
749		- }
750		-
751		- // NOW check if this is a successful response by looking for text, html, or message fields
752		- // This preserves compatibility with your server response format
753		- if (response.text !== undefined || response.html !== undefined || response.message !== undefined ||
754		- (response.success === true && response.data && response.data.status === 'waiting_for_agent')) {
755		-
756		- // Handle successful response - this is your original success handling code
757		-
758		- // Handle other responses
759		- let responseText = response.text || '';
760		- let responseHtml = response.html || '';
761		- let responseMessage = response.message || '';
762		-
763		- // Add PDF filename handling
764		- if (response.data && response.data.filename) {
765		- showActivePdf(response.data.filename, botId);
766		- var instance = MxChatInstances.get(botId);
767		- instance.activePdfFile = response.data.filename;
768		- }
769		-
770		- // Add redirect check here
771		- if (response.redirect_url) {
772		- if (responseText) {
773		- replaceLastMessage("bot", responseText, '', [], botId);
	241	+
	242	+ replaceLastMessage("bot", displayMessage);
	243	+ },
	244	+ error: function(xhr, status, error) {
	245	+ console.error("AJAX Error:", status, error);
	246	+ //console.log("Response Text:", xhr.responseText);
	247	+
	248	+ let errorMessage = "An unexpected error occurred.";
	249	+
	250	+ // Try to parse the response if it's JSON
	251	+ try {
	252	+ const responseJson = JSON.parse(xhr.responseText);
	253	+ //console.log("Parsed error response:", responseJson);
	254	+
	255	+ if (responseJson.data && responseJson.data.error_message) {
	256	+ errorMessage = responseJson.data.error_message;
	257	+ } else if (responseJson.message) {
	258	+ errorMessage = responseJson.message;
774	259	}
775		- setTimeout(() => {
776		- window.location.href = response.redirect_url;
777		- }, 1500);
778		- return;
779		- }
780		-
781		- // Check for live agent response
782		- if (response.success && response.data && response.data.status === 'waiting_for_agent') {
783		- removeThinkingDots(botId);
784		- updateChatModeIndicator('agent', botId);
785		- enableChatInput(botId);
786		- return;
787		- }
788		-
789		- // Handle the message and show notification if chat is hidden
790		- if (responseText || responseHtml || responseMessage) {
791		-
792		- // ADD RESPONSE HOOKS HERE - BEFORE DISPLAYING
793		- if (responseText && typeof customMxChatFilter === 'function') {
794		- responseText = customMxChatFilter(responseText, "response");
	260	+ } catch (e) {
	261	+ // Not JSON or parsing failed, use HTTP status based messages
	262	+ if (xhr.status === 0) {
	263	+ errorMessage = "Network error: Please check your internet connection.";
	264	+ } else if (xhr.status === 403) {
	265	+ errorMessage = "Access denied: Your session may have expired. Please refresh the page.";
	266	+ } else if (xhr.status === 404) {
	267	+ errorMessage = "API endpoint not found. Please contact support.";
	268	+ } else if (xhr.status === 429) {
	269	+ errorMessage = "Too many requests. Please try again in a moment.";
	270	+ } else if (xhr.status >= 500) {
	271	+ errorMessage = "Server error: The server encountered an issue. Please try again later.";
795	272	}
796		- if (responseMessage && typeof customMxChatFilter === 'function') {
797		- responseMessage = customMxChatFilter(responseMessage, "response");
798		- }
799		-
800		- // Update the messages as before
801		- if (responseText && responseHtml) {
802		- replaceLastMessage("bot", responseText, responseHtml, [], botId);
803		- } else if (responseText) {
804		- replaceLastMessage("bot", responseText, '', [], botId);
805		- } else if (responseHtml) {
806		- replaceLastMessage("bot", "", responseHtml, [], botId);
807		- } else if (responseMessage) {
808		- replaceLastMessage("bot", responseMessage, '', [], botId);
809		- }
810		-
811		- // Check if chat is hidden and show notification
812		- var $floatingChatbot = getElement(botId, 'floating-chatbot');
813		- if ($floatingChatbot.hasClass('hidden')) {
814		- var $badge = getElement(botId, 'chat-notification-badge');
815		- if ($badge.length) {
816		- $badge.show();
817		- }
818		- }
819		- } else {
820		- var emptyMsg = "I received an empty response. Please try again or contact support if this persists.";
821		- if (response.vectorstore_error) {
822		- emptyMsg = "I received an empty response. Debug info: " + response.vectorstore_error;
823		- }
824		- replaceLastMessage("bot", emptyMsg, '', [], botId);
825	273	}
826		-
827		- if (response.message_id) {
828		- var instance = MxChatInstances.get(botId);
829		- instance.lastSeenMessageId = response.message_id;
830		- }
831		-
832		- return;
	274	+
	275	+ replaceLastMessage("bot", errorMessage);
833	276	}
834		-
835		- // Fallback for truly unexpected response formats
836		- replaceLastMessage("bot", "Unexpected response format. Please try again or contact support.", '', [], botId);
837		- },
838		- error: function(xhr, status, error) {
839		- let errorMessage = "An unexpected error occurred.";
840		-
841		- // Try to parse the response if it's JSON
842		- try {
843		- const responseJson = JSON.parse(xhr.responseText);
844		-
845		- if (responseJson.data && responseJson.data.error_message) {
846		- errorMessage = responseJson.data.error_message;
847		- } else if (responseJson.message) {
848		- errorMessage = responseJson.message;
849		- }
850		- } catch (e) {
851		- // Not JSON or parsing failed, use HTTP status based messages
852		- if (xhr.status === 0) {
853		- errorMessage = "Network error: Please check your internet connection.";
854		- } else if (xhr.status === 403) {
855		- errorMessage = "Access denied: Your session may have expired. Please refresh the page.";
856		- } else if (xhr.status === 404) {
857		- errorMessage = "API endpoint not found. Please contact support.";
858		- } else if (xhr.status === 429) {
859		- errorMessage = "Too many requests. Please try again in a moment.";
860		- } else if (xhr.status >= 500) {
861		- errorMessage = "Server error: The server encountered an issue. Please try again later.";
862		- }
	277	+ });
	278	+ }
	279	+
	280	+ function appendMessage(sender, messageText = '', messageHtml = '', images = [], isTemporary = false) {
	281	+ try {
	282	+ // Determine styles based on sender type
	283	+ let messageClass, bgColor, fontColor;
	284	+
	285	+ if (sender === "user") {
	286	+ messageClass = "user-message";
	287	+ bgColor = userMessageBgColor;
	288	+ fontColor = userMessageFontColor;
	289	+ // Only sanitize user input
	290	+ messageText = sanitizeUserInput(messageText);
	291	+ } else if (sender === "agent") {
	292	+ messageClass = "agent-message";
	293	+ bgColor = liveAgentMessageBgColor;
	294	+ fontColor = liveAgentMessageFontColor;
	295	+ } else {
	296	+ messageClass = "bot-message";
	297	+ bgColor = botMessageBgColor;
	298	+ fontColor = botMessageFontColor;
863	299	}
864		-
865		- replaceLastMessage("bot", errorMessage, '', [], botId);
866		- }
867		- });
868		- }); // refreshNonceIfNeeded
869		-}
870		-
871		-function callMxChatStream(message, callback, botId) {
872		- botId = botId || getMxChatBotId();
873		-
874		- // Store the message in case we need to retry after session reset
875		- getElement(botId, 'mxchat-chatbot-wrapper').find('.mxchat-input-holder textarea').data('pending-message', message);
876		-
877		- const currentModel = mxchatChat.model || 'gpt-5.1-chat-latest';
878		- if (!isStreamingSupported(currentModel)) {
879		- callMxChat(message, callback, botId);
880		- return;
881		- }
882		-
883		- // Get page context if contextual awareness is enabled
884		- const pageContext = getPageContext();
885		-
886		- // Get instance for session start timestamp (used when persistence is OFF)
887		- var instance = MxChatInstances.get(botId);
888		-
889		- // Guarantee a non-null session_id before the fetch. FormData.append() stringifies any
890		- // non-string value via String(), so passing `null` would POST the literal string "null"
891		- // and land in the transcripts table as a ghost session. ensureSession() always returns
892		- // a real string even when cookies/localStorage are blocked.
893		- var streamSessionId = MxChatInstances.ensureSession(botId);
894		- if (!streamSessionId || streamSessionId === 'null' || streamSessionId === 'undefined') {
895		- streamSessionId = generateSessionId();
896		- MxChatInstances.setChatSession(botId, streamSessionId);
897		- }
898		-
899		- // Wait for the page-cache nonce refresh before constructing formData (which
900		- // captures mxchatChat.nonce by value). Mirrors callMxChat's wrapping. See plan-c5457f.
901		- refreshNonceIfNeeded(function() {
902		- const formData = new FormData();
903		- formData.append('action', 'mxchat_stream_chat');
904		- formData.append('message', message);
905		- formData.append('session_id', streamSessionId);
906		- formData.append('nonce', mxchatChat.nonce);
907		- formData.append('current_page_url', window.location.href);
908		- formData.append('current_page_title', document.title);
909		- formData.append('bot_id', botId);
910		- // Pass session start timestamp so AI context matches what user sees
911		- formData.append('session_start_timestamp', instance.sessionStartTimestamp || 0);
912		-
913		- // Add page context if available
914		- if (pageContext) {
915		- formData.append('page_context', JSON.stringify(pageContext));
916		- }
917		-
918		- // CHECK FOR VISION FLAGS AND ADD THEM
919		- if (window.mxchatVisionProcessed) {
920		- formData.append('vision_processed', 'true');
921		- formData.append('original_user_message', window.mxchatOriginalMessage || message);
922		- formData.append('vision_images_count', window.mxchatVisionImagesCount || '0');
923		- // Clear the flags after use
924		- window.mxchatVisionProcessed = false;
925		- window.mxchatOriginalMessage = null;
926		- window.mxchatVisionImagesCount = 0;
927		- }
928		-
929		- let accumulatedContent = '';
930		- let testingDataReceived = false;
931		- let streamingStarted = false;
932		-
933		- fetch(mxchatChat.ajax_url, {
934		- method: 'POST',
935		- body: formData,
936		- credentials: 'same-origin'
937		- })
938		- .then(response => {
939		- // Store the response for potential fallback handling
940		- const responseClone = response.clone();
941		-
942		- if (!response.ok) {
943		- // Try to get error details from response
944		- return responseClone.json().then(errorData => {
945		- throw { isServerError: true, data: errorData };
946		- }).catch(() => {
947		- throw new Error('Network response was not ok');
948		- });
949		- }
950		-
951		- // Check if response is JSON instead of streaming
952		- const contentType = response.headers.get('content-type');
953		- if (contentType && contentType.includes('application/json')) {
954		- return responseClone.json().then(data => {
955		- // IMMEDIATE CHAT MODE UPDATE for JSON response
956		- if (data.chat_mode) {
957		- updateChatModeIndicator(data.chat_mode, botId);
	300	+
	301	+ const messageDiv = $('<div>')
	302	+ .addClass(messageClass)
	303	+ .attr('dir', 'auto') // Add dir="auto" for automatic text direction
	304	+ .css({
	305	+ 'background': bgColor,
	306	+ 'color': fontColor,
	307	+ 'margin-bottom': '1em'
	308	+ });
	309	+
	310	+ // Process the message content based on sender
	311	+ let fullMessage;
	312	+ if (sender === "user") {
	313	+ // For user messages, apply linkify after sanitization
	314	+ fullMessage = linkify(formatBoldText(convertNewlinesToBreaks(formatCodeBlocks(messageText))));
	315	+ } else {
	316	+ // For bot/agent messages, preserve HTML
	317	+ fullMessage = messageText;
958	318	}
959		-
960		- // Check for testing panel
961		- if (window.mxchatTestPanelInstance && data.testing_data) {
962		- window.mxchatTestPanelInstance.handleTestingData(data.testing_data);
	319	+
	320	+ // Add images if provided
	321	+ if (images && images.length > 0) {
	322	+ fullMessage += '<div class="image-gallery" dir="auto">'; // Add dir="auto" to image gallery
	323	+ images.forEach(img => {
	324	+ // Ensure image URLs and titles are properly escaped
	325	+ const safeTitle = sanitizeUserInput(img.title);
	326	+ const safeUrl = encodeURI(img.image_url);
	327	+ const safeThumbnail = encodeURI(img.thumbnail_url);
	328	+
	329	+ fullMessage += `
	330	+ <div style="margin-bottom: 10px;">
	331	+ <strong>${safeTitle}</strong><br>
	332	+ <a href="${safeUrl}" target="_blank">
	333	+ <img src="${safeThumbnail}" alt="${safeTitle}" style="max-width: 100px; height: auto; margin: 5px;" />
	334	+ </a>
	335	+ </div>`;
	336	+ });
	337	+ fullMessage += '</div>';
963	338	}
964		-
965		- // Handle the JSON response directly
966		- handleNonStreamResponse(data, callback, botId);
967		- return Promise.resolve(); // Prevent further processing
968		- });
969		- }
970		-
971		- // Continue with streaming processing
972		- const reader = response.body.getReader();
973		- const decoder = new TextDecoder();
974		- let buffer = '';
975		-
976		- function processStream() {
977		- reader.read().then(({ done, value }) => {
978		- if (done) {
979		- // If streaming completed but no content was received, try to get response as fallback
980		- if (!streamingStarted || !accumulatedContent) {
981		- // Try to read the response as JSON
982		- responseClone.text().then(text => {
983		- try {
984		- const data = JSON.parse(text);
985		- if (data.text || data.message || data.html) {
986		- handleNonStreamResponse(data, callback, botId);
987		- } else {
988		- // No valid data, fall back to regular call
989		- getElement(botId, 'chat-box').find('.bot-message.temporary-message').remove();
990		- callMxChat(message, callback, botId);
991		- }
992		- } catch (e) {
993		- // Could not parse, fall back to regular call
994		- getElement(botId, 'chat-box').find('.bot-message.temporary-message').remove();
995		- callMxChat(message, callback, botId);
996		- }
997		- }).catch(() => {
998		- getElement(botId, 'chat-box').find('.bot-message.temporary-message').remove();
999		- callMxChat(message, callback, botId);
1000		- });
1001		- return;
	339	+
	340	+ // Append HTML content if provided
	341	+ if (messageHtml && sender !== "user") {
	342	+ fullMessage += '<br><br>' + messageHtml;
	343	+ }
	344	+
	345	+ messageDiv.html(fullMessage);
	346	+
	347	+ if (isTemporary) {
	348	+ messageDiv.addClass('temporary-message');
	349	+ }
	350	+
	351	+ messageDiv.hide().appendTo('#chat-box').fadeIn(300, function() {
	352	+ if (sender === "bot") {
	353	+ const lastUserMessage = $('#chat-box').find('.user-message').last();
	354	+ if (lastUserMessage.length) {
	355	+ scrollElementToTop(lastUserMessage);
1002	356	}
1003		-
1004		- // Re-enable chat input when stream ends with content
1005		- enableChatInput(botId);
1006		-
1007		- // Scroll the user's last message to the top now that the
1008		- // bot's full reply has rendered (gives max reading room).
1009		- var $chatBoxDone = getElement(botId, 'chat-box');
1010		- var $lastUserMsgDone = $chatBoxDone.find('.user-message').last();
1011		- if ($lastUserMsgDone.length) {
1012		- scrollElementToTop($lastUserMsgDone, botId);
1013		- }
1014		-
1015		- if (callback) {
1016		- callback(accumulatedContent);
1017		- }
1018		- return;
1019	357	}
1020		-
1021		- buffer += decoder.decode(value, { stream: true });
1022		- const lines = buffer.split('\n');
1023		- buffer = lines.pop() || '';
1024		-
1025		- for (const line of lines) {
1026		- if (line.startsWith('data: ')) {
1027		- const data = line.substring(6);
1028		-
1029		- if (data === '[DONE]') {
1030		- if (!accumulatedContent) {
1031		- getElement(botId, 'chat-box').find('.bot-message.temporary-message').remove();
1032		- callMxChat(message, callback, botId);
1033		- return;
1034		- }
1035		-
1036		- // Re-enable chat input after streaming completes
1037		- enableChatInput(botId);
1038		-
1039		- // Scroll the user's last message to the top now
1040		- // that the bot's full reply has rendered.
1041		- var $chatBoxStreamDone = getElement(botId, 'chat-box');
1042		- var $lastUserMsgStreamDone = $chatBoxStreamDone.find('.user-message').last();
1043		- if ($lastUserMsgStreamDone.length) {
1044		- scrollElementToTop($lastUserMsgStreamDone, botId);
1045		- }
1046		-
1047		- if (callback) {
1048		- callback(accumulatedContent);
1049		- }
1050		- return;
1051		- }
1052		-
1053		- try {
1054		- const json = JSON.parse(data);
1055		-
1056		- // IMMEDIATE CHAT MODE UPDATE FOR STREAMING
1057		- if (json.chat_mode) {
1058		- updateChatModeIndicator(json.chat_mode, botId);
1059		- }
1060		-
1061		- // Handle testing data
1062		- if (json.testing_data && !testingDataReceived) {
1063		- if (window.mxchatTestPanelInstance) {
1064		- window.mxchatTestPanelInstance.handleTestingData(json.testing_data);
1065		- testingDataReceived = true;
1066		- }
1067		- }
1068		- // Handle content streaming
1069		- else if (json.content) {
1070		- streamingStarted = true;
1071		- accumulatedContent += json.content;
1072		- updateStreamingMessage(accumulatedContent, botId);
1073		- }
1074		- // Handle complete response in stream (fallback response)
1075		- else if (json.text || json.message || json.html) {
1076		- handleNonStreamResponse(json, callback, botId);
1077		- return;
1078		- }
1079		- // Handle errors
1080		- else if (json.error) {
1081		-
1082		- // Get error message from various possible fields
1083		- let errorMessage = json.error_message || json.message || json.text ||
1084		- (typeof json.error === 'string' ? json.error : 'An error occurred. Please try again.');
1085		-
1086		- // Re-enable chat input on error
1087		- enableChatInput(botId);
1088		-
1089		- // Display the error directly in the chat
1090		- replaceLastMessage("bot", errorMessage, '', [], botId);
1091		-
1092		- if (callback) {
1093		- callback(errorMessage);
1094		- }
1095		- return;
1096		- }
1097		- } catch (e) {
1098		- // SSE data parsing error - silently continue
1099		- }
1100		- }
1101		- }
1102		-
1103		- processStream();
1104		- }).catch(streamError => {
1105		- getElement(botId, 'chat-box').find('.bot-message.temporary-message').remove();
1106		- callMxChat(message, callback, botId);
1107	358	});
1108		- }
1109		-
1110		- processStream();
1111		- })
1112		- .catch(error => {
1113		- // Check if we have server error data with chat mode
1114		- if (error && error.isServerError && error.data) {
1115		- // Check for chat mode in error data
1116		- if (error.data.chat_mode) {
1117		- updateChatModeIndicator(error.data.chat_mode, botId);
1118		- }
1119		-
1120		- handleNonStreamResponse(error.data, callback, botId);
1121		- } else {
1122		- // Only fall back to regular call if we don't have any response data
1123		- getElement(botId, 'chat-box').find('.bot-message.temporary-message').remove();
1124		- callMxChat(message, callback, botId);
	359	+
	360	+ if (messageText.id) {
	361	+ lastSeenMessageId = messageText.id;
	362	+ hideNotification();
1125	363	}
1126		- });
1127		- }); // refreshNonceIfNeeded
1128		-}
1129		-
1130		-// Helper function to handle non-streaming responses
1131		-function handleNonStreamResponse(data, callback, botId) {
1132		- botId = botId || 'default';
1133		-
1134		- // IMMEDIATE CHAT MODE UPDATE FOR NON-STREAMING RESPONSES
1135		- if (data.chat_mode) {
1136		- updateChatModeIndicator(data.chat_mode, botId);
1137		- }
1138		-
1139		- // Also check in data property if response is wrapped
1140		- if (data.data && data.data.chat_mode) {
1141		- updateChatModeIndicator(data.data.chat_mode, botId);
1142		- }
1143		-
1144		- // NOTE: Don't remove temporary message here - let replaceLastMessage handle it
1145		- // This prevents a visual gap between thinking dots disappearing and content appearing
1146		-
1147		- // SECURITY FIX: Check for errors FIRST
1148		- if (data.success === false || (data.data && data.data.error_message)) {
1149		- let errorMessage = "";
1150		- let errorCode = "";
1151		-
1152		- // Check various possible error locations
1153		- if (data.data && data.data.error_message) {
1154		- errorMessage = data.data.error_message;
1155		- errorCode = data.data.error_code || "";
1156		- } else if (data.error_message) {
1157		- errorMessage = data.error_message;
1158		- errorCode = data.error_code || "";
1159		- } else if (data.message) {
1160		- errorMessage = data.message;
1161		- } else if (typeof data.data === 'string') {
1162		- errorMessage = data.data;
1163		- } else {
1164		- errorMessage = "An error occurred. Please try again or contact support.";
	364	+ } catch (error) {
	365	+ console.error("Error rendering message:", error);
1165	366	}
1166		-
1167		- // Handle session reset action (IP changed, session expired, etc.)
1168		- // Silent reset — keep chat UI intact, just get a new session and retry
1169		- if (data.data && data.data.action === 'reset_session') {
1170		- MxChatInstances.silentResetSession(botId);
1171		- // Re-send the original message with the new session (user message is already displayed)
1172		- var originalMessage = getElement(botId, 'mxchat-chatbot-wrapper').find('.mxchat-input-holder textarea').data('pending-message');
1173		- if (originalMessage) {
1174		- getElement(botId, 'mxchat-chatbot-wrapper').find('.mxchat-input-holder textarea').data('pending-message', null);
1175		- var currentModel = mxchatChat.model || 'gpt-5.1-chat-latest';
1176		- if (shouldUseStreaming(currentModel)) {
1177		- callMxChatStream(originalMessage, callback, botId);
1178		- } else {
1179		- callMxChat(originalMessage, callback, botId);
1180		- }
1181		- }
1182		- return;
1183		- }
1184		-
1185		- // Format user-friendly error message
1186		- let displayMessage = errorMessage;
1187		- if (mxchatChat.is_admin) {
1188		- displayMessage = errorMessage + (errorCode ? " (Error code: " + errorCode + ")" : "");
1189		- }
1190		-
1191		- replaceLastMessage("bot", displayMessage, '', [], botId);
1192		-
1193		- if (callback) {
1194		- callback('');
1195		- }
1196		- return; // Exit early for errors
1197	367	}
1198		-
1199		- // Check for live agent response
1200		- if (data.success && data.data && data.data.status === 'waiting_for_agent') {
1201		- removeThinkingDots(botId);
1202		- // Also remove any leftover bot-message that lost its temporary-message class
1203		- var $chatBox = getElement(botId, 'chat-box');
1204		- $chatBox.find('.bot-message .thinking-dots').closest('.bot-message').remove();
1205		- updateChatModeIndicator('agent', botId);
1206		- enableChatInput(botId);
1207		- if (callback) {
1208		- callback('');
1209		- }
1210		- return;
1211		- }
1212		-
1213		- // Handle different response formats
1214		- if (data.text || data.html || data.message) {
1215		-
1216		- // Apply response hooks
1217		- if (data.text && typeof customMxChatFilter === 'function') {
1218		- data.text = customMxChatFilter(data.text, "response");
1219		- }
1220		- if (data.message && typeof customMxChatFilter === 'function') {
1221		- data.message = customMxChatFilter(data.message, "response");
1222		- }
1223		-
1224		- // Display the response
1225		- if (data.text && data.html) {
1226		- replaceLastMessage("bot", data.text, data.html, [], botId);
1227		- } else if (data.text) {
1228		- replaceLastMessage("bot", data.text, '', [], botId);
1229		- } else if (data.html) {
1230		- replaceLastMessage("bot", "", data.html, [], botId);
1231		- } else if (data.message) {
1232		- replaceLastMessage("bot", data.message, '', [], botId);
1233		- }
1234		- }
1235		-
1236		- // Handle other response properties
1237		- if (data.data && data.data.filename) {
1238		- showActivePdf(data.data.filename, botId);
1239		- var instance = MxChatInstances.get(botId);
1240		- instance.activePdfFile = data.data.filename;
1241		- }
1242		-
1243		- if (data.redirect_url) {
1244		- setTimeout(() => {
1245		- window.location.href = data.redirect_url;
1246		- }, 1500);
1247		- }
1248		-
1249		- // Ensure chat input is re-enabled (safety net for edge cases)
1250		- enableChatInput(botId);
1251		-
1252		- if (callback) {
1253		- callback(data.text || data.message || '');
1254		- }
1255		-}
1256		-
1257		-// Enhanced updateChatModeIndicator function for immediate DOM updates
1258		-function updateChatModeIndicator(mode, botId) {
1259		- botId = botId || 'default';
1260		- const indicator = getElementDOM(botId, 'chat-mode-indicator');
1261		- if (indicator) {
1262		- const oldText = indicator.textContent;
1263		-
1264		- if (mode === 'agent') {
1265		- indicator.textContent = 'Live Agent';
1266		- startPolling(botId);
1267		- } else {
1268		- // Everything else is AI mode
1269		- const customAiText = indicator.getAttribute('data-ai-text') || 'AI Agent';
1270		- indicator.textContent = customAiText;
1271		- stopPolling(botId);
1272		- }
1273		-
1274		- // Force immediate DOM update and reflow
1275		- if (oldText !== indicator.textContent) {
1276		- // Force a reflow to ensure the change is visible immediately
1277		- indicator.style.display = 'none';
1278		- indicator.offsetHeight; // Trigger reflow
1279		- indicator.style.display = '';
1280		-
1281		- // Double-check after a brief moment to ensure the change stuck
1282		- setTimeout(() => {
1283		- if (mode === 'agent' && indicator.textContent !== 'Live Agent') {
1284		- indicator.textContent = 'Live Agent';
1285		- } else if (mode !== 'agent' && indicator.textContent === 'Live Agent') {
1286		- const customAiText = indicator.getAttribute('data-ai-text') || 'AI Agent';
1287		- indicator.textContent = customAiText;
1288		- }
1289		- }, 50);
1290		- }
1291		- }
1292		-}
1293		-
1294		-// Function to update message during streaming
1295		-function updateStreamingMessage(content, botId) {
1296		- botId = botId || 'default';
1297		-
1298		- // ADD RESPONSE HOOK FOR REAL-TIME STREAMING
1299		- if (typeof customMxChatFilter === 'function') {
1300		- content = customMxChatFilter(content, "response");
1301		- }
1302		-
1303		- const formattedContent = linkify(content);
1304		-
1305		- // Find the temporary message in this bot's chat box
1306		- var $chatBox = getElement(botId, 'chat-box');
1307		- const tempMessage = $chatBox.find('.bot-message.temporary-message').last();
1308		-
1309		- if (tempMessage.length) {
1310		- // Update existing message
1311		- tempMessage.html(formattedContent);
1312		- } else {
1313		- // Create new temporary message if it doesn't exist
1314		- appendMessage("bot", content, '', [], true, botId);
1315		- }
1316		-}
1317		-
1318		-function isStreamingSupported(model) {
1319		- if (!model) return false;
1320		-
1321		- const modelPrefix = model.split('-')[0].toLowerCase();
1322		-
1323		- // Support streaming for OpenAI, Claude, Grok, DeepSeek, and OpenRouter models
1324		- const isSupported = modelPrefix === 'gpt' ||
1325		- modelPrefix === 'o1' ||
1326		- modelPrefix === 'claude' ||
1327		- modelPrefix === 'grok' ||
1328		- modelPrefix === 'deepseek' ||
1329		- model === 'openrouter'; // Add this line - check full model name for OpenRouter
1330	368
1331		- return isSupported;
1332		-}
1333		-
1334		-// Update the event handlers to use the correct function names (using event delegation)
1335		-// Use class-based selectors for multi-instance support
1336		-$(document).on('click', '.send-button', function() {
1337		- var botId = getBotIdFromElement(this);
1338		- var modeIndicator = getElementDOM(botId, 'chat-mode-indicator');
1339		- if (!(modeIndicator && modeIndicator.textContent === 'Live Agent')) {
1340		- disableChatInput(botId);
1341		- }
1342		- sendMessage(botId);
1343		-});
1344		-
1345		-// Override enter key handler (using event delegation)
1346		-$(document).on('keypress', '.chat-input', function(e) {
1347		- if (e.which == 13 && !e.shiftKey) {
1348		- e.preventDefault();
1349		- var botId = getBotIdFromElement(this);
1350		- var modeIndicator = getElementDOM(botId, 'chat-mode-indicator');
1351		- if (!(modeIndicator && modeIndicator.textContent === 'Live Agent')) {
1352		- disableChatInput(botId);
1353		- }
1354		- sendMessage(botId);
1355		- }
1356		-});
1357		-
1358		-// Builds the list of overflow-menu items for a given bot.
1359		-// Adding a future item is one push to this array — do NOT hardcode "only download."
1360		-function mxchatGetHeaderMenuItems(botId) {
1361		- var items = [];
1362		- var settings = (typeof mxchatChat !== 'undefined') ? mxchatChat : {};
1363		-
1364		- // The `print_button_*` keys still gate this item for back-compat with
1365		- // existing user options. The action is now a transcript download, not print.
1366		- if (settings.print_button_enabled === 'on') {
1367		- items.push({
1368		- id: 'download-transcript',
1369		- label: settings.print_button_label || 'Download Transcript',
1370		- icon: '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" y1="15" x2="12" y2="3"/></svg>',
1371		- action: function() {
1372		- mxchatDownloadTranscript(botId);
1373		- }
1374		- });
1375		- }
1376		-
1377		- return items;
1378		-}
1379		-
1380		-// Builds a clean markdown transcript of the current conversation and triggers
1381		-// a file download. Used by the "Download Transcript" menu item.
1382		-function mxchatDownloadTranscript(botId) {
1383		- var $chatBox = getElement(botId, 'chat-box');
1384		- if (!$chatBox || !$chatBox.length) return;
1385		-
1386		- var settings = (typeof mxchatChat !== 'undefined') ? mxchatChat : {};
1387		- var headerTitle = settings.print_header_title || 'Chat transcript';
1388		- var now = new Date();
1389		- var stamp = now.toLocaleString();
1390		-
1391		- var lines = [];
1392		- lines.push('# ' + headerTitle);
1393		- lines.push('');
1394		- lines.push('Exported: ' + stamp);
1395		- lines.push('');
1396		- lines.push('---');
1397		- lines.push('');
1398		-
1399		- $chatBox.find('.user-message, .bot-message, .agent-message').each(function() {
1400		- var $msg = $(this);
1401		- // Skip thinking placeholders and any in-flight temporary messages.
1402		- if ($msg.find('.thinking-dots').length) return;
1403		- if ($msg.hasClass('temporary-message')) return;
1404		-
1405		- var sender;
1406		- if ($msg.hasClass('user-message')) sender = 'User';
1407		- else if ($msg.hasClass('agent-message')) sender = 'Live Agent';
1408		- else sender = 'AI Agent';
1409		-
1410		- // Strip interactive UI from the cloned message so we get the conversation text.
1411		- var $clone = $msg.clone();
1412		- $clone.find('.copy-button, .message-toolbar, .mxchat-copy, button, script, style').remove();
1413		- var text = $clone.text().replace(/ /g, ' ').replace(/[ \t]+\n/g, '\n').replace(/\n{3,}/g, '\n\n').trim();
1414		- if (!text) return;
1415		-
1416		- lines.push('**' + sender + '**');
1417		- lines.push('');
1418		- lines.push(text);
1419		- lines.push('');
1420		- });
1421		-
1422		- var content = lines.join('\n');
1423		- var iso = now.toISOString().replace(/[:.]/g, '-').slice(0, 19);
1424		- var fname = 'mxchat-transcript-' + iso + '.md';
1425		- var blob = new Blob([content], { type: 'text/markdown;charset=utf-8' });
1426		- var url = URL.createObjectURL(blob);
1427		- var a = document.createElement('a');
1428		- a.href = url;
1429		- a.download = fname;
1430		- a.style.display = 'none';
1431		- document.body.appendChild(a);
1432		- a.click();
1433		- setTimeout(function() {
1434		- if (a.parentNode) a.parentNode.removeChild(a);
1435		- URL.revokeObjectURL(url);
1436		- }, 100);
1437		-}
1438		-
1439		-// Reads the bot bubble's actual computed bg+fg and writes them as CSS vars
1440		-// on the menu wrap, so the dropdown matches whatever paints the bubble —
1441		-// saved options, AI theme CSS, or the mxchat-theme add-on.
1442		-function mxchatSyncMenuColors(botId, $wrap) {
1443		- if (!$wrap || !$wrap.length) return;
1444		- var $bot = $wrap.closest('.mxchat-chatbot-wrapper').find('.bot-message').not('.temporary-message').first();
1445		- if (!$bot.length) return;
1446		- var cs = window.getComputedStyle($bot[0]);
1447		- if (cs.backgroundColor && cs.backgroundColor !== 'rgba(0, 0, 0, 0)' && cs.backgroundColor !== 'transparent') {
1448		- $wrap[0].style.setProperty('--mxchat-menu-bg', cs.backgroundColor);
1449		- }
1450		- // Bot text color usually lives on a child div, not .bot-message itself.
1451		- var $textChild = $bot.find('[style*="color"]').first();
1452		- var fg = ($textChild.length ? window.getComputedStyle($textChild[0]).color : cs.color);
1453		- if (fg) $wrap[0].style.setProperty('--mxchat-menu-fg', fg);
1454		-}
1455		-
1456		-// One-time per-widget init: renders menu items, wires open/close,
1457		-// outside-click, Escape, and arrow-key navigation. If no items, hides the trigger.
1458		-function mxchatInitHeaderMenu(botId) {
1459		- var $wrap = $('.mxchat-header-menu-wrap[data-bot-id="' + botId + '"]').first();
1460		- if (!$wrap.length || $wrap.data('mxchatMenuReady')) return;
1461		-
1462		- var $trigger = $wrap.find('.mxchat-menu-trigger');
1463		- var $menu = $wrap.find('.mxchat-header-menu');
1464		- var items = mxchatGetHeaderMenuItems(botId);
1465		-
1466		- // Initial color sync — covers normal page load.
1467		- mxchatSyncMenuColors(botId, $wrap);
1468		-
1469		- if (!items.length) {
1470		- $trigger.hide();
1471		- $menu.hide();
1472		- $wrap.data('mxchatMenuReady', true);
1473		- return;
1474		- }
1475		-
1476		- // Build the menu items.
1477		- $menu.empty();
1478		- items.forEach(function(item, idx) {
1479		- var $btn = $('<button>', {
1480		- type: 'button',
1481		- 'class': 'mxchat-menu-item',
1482		- 'role': 'menuitem',
1483		- 'tabindex': '-1',
1484		- 'data-menu-id': item.id,
1485		- html: '<span class="mxchat-menu-item-icon">' + item.icon + '</span>' +
1486		- '<span class="mxchat-menu-item-label"></span>'
1487		- });
1488		- $btn.find('.mxchat-menu-item-label').text(item.label);
1489		- $btn.on('click', function(e) {
1490		- e.preventDefault();
1491		- e.stopPropagation();
1492		- closeMenu();
1493		- try { item.action(); } catch (err) { /* no-op */ }
1494		- });
1495		- $menu.append($btn);
1496		- });
1497		-
1498		- function openMenu() {
1499		- // Re-sync each open in case the active theme changed since init.
1500		- mxchatSyncMenuColors(botId, $wrap);
1501		- $menu.prop('hidden', false).attr('aria-hidden', 'false').addClass('is-open');
1502		- $trigger.attr('aria-expanded', 'true');
1503		- // Focus the first item for keyboard users
1504		- setTimeout(function() {
1505		- $menu.find('.mxchat-menu-item').first().attr('tabindex', '0').trigger('focus');
1506		- }, 0);
1507		- }
1508		- function closeMenu(returnFocus) {
1509		- $menu.prop('hidden', true).attr('aria-hidden', 'true').removeClass('is-open');
1510		- $trigger.attr('aria-expanded', 'false');
1511		- $menu.find('.mxchat-menu-item').attr('tabindex', '-1');
1512		- if (returnFocus) $trigger.trigger('focus');
1513		- }
1514		-
1515		- // Toggle on trigger click — stop propagation so the .chatbot-top-bar
1516		- // click-to-collapse handler does not fire.
1517		- $trigger.on('click', function(e) {
1518		- e.preventDefault();
1519		- e.stopPropagation();
1520		- if ($menu.hasClass('is-open')) closeMenu();
1521		- else openMenu();
1522		- });
1523		-
1524		- // Don't let clicks inside the menu bubble to the top-bar collapse handler.
1525		- $menu.on('click', function(e) {
1526		- e.stopPropagation();
1527		- });
1528		-
1529		- // Outside click closes the menu.
1530		- $(document).on('click.mxchatMenu-' + botId, function(e) {
1531		- if (!$menu.hasClass('is-open')) return;
1532		- if ($wrap.has(e.target).length || $wrap.is(e.target)) return;
1533		- closeMenu();
1534		- });
1535		-
1536		- // Keyboard: Escape closes and returns focus; arrow keys move focus; Enter activates.
1537		- $menu.on('keydown', '.mxchat-menu-item', function(e) {
1538		- var $items = $menu.find('.mxchat-menu-item');
1539		- var idx = $items.index(this);
1540		- if (e.key === 'Escape') {
1541		- e.preventDefault();
1542		- closeMenu(true);
1543		- } else if (e.key === 'ArrowDown') {
1544		- e.preventDefault();
1545		- var $next = $items.eq((idx + 1) % $items.length);
1546		- $items.attr('tabindex', '-1');
1547		- $next.attr('tabindex', '0').trigger('focus');
1548		- } else if (e.key === 'ArrowUp') {
1549		- e.preventDefault();
1550		- var $prev = $items.eq((idx - 1 + $items.length) % $items.length);
1551		- $items.attr('tabindex', '-1');
1552		- $prev.attr('tabindex', '0').trigger('focus');
1553		- } else if (e.key === 'Enter' || e.key === ' ') {
1554		- e.preventDefault();
1555		- $(this).trigger('click');
1556		- }
1557		- });
1558		- $trigger.on('keydown', function(e) {
1559		- if (e.key === 'Escape' && $menu.hasClass('is-open')) {
1560		- e.preventDefault();
1561		- closeMenu(true);
1562		- } else if ((e.key === 'ArrowDown' || e.key === 'Enter' || e.key === ' ') && !$menu.hasClass('is-open')) {
1563		- e.preventDefault();
1564		- openMenu();
1565		- }
1566		- });
1567		-
1568		- $wrap.data('mxchatMenuReady', true);
1569		-}
1570		-
1571		-// Initialize header menus for every rendered widget on DOM ready.
1572		-$(function() {
1573		- $('.mxchat-header-menu-wrap').each(function() {
1574		- var botId = $(this).data('bot-id');
1575		- if (botId) mxchatInitHeaderMenu(botId);
1576		- });
1577		-});
1578		-
1579		-function appendMessage(sender, messageText = '', messageHtml = '', images = [], isTemporary = false, botId = 'default') {
1580		- try {
1581		- // Determine styles based on sender type
1582		- let messageClass, bgColor, fontColor;
1583		-
	369	+ function replaceLastMessage(sender, responseText, responseHtml = '', images = []) {
	370	+ var messageClass = sender === "user" ? "user-message" : sender === "agent" ? "agent-message" : "bot-message";
	371	+ var lastMessageDiv = $('#chat-box').find('.bot-message.temporary-message, .agent-message.temporary-message').last();
	372	+
	373	+ // Determine styles
	374	+ let bgColor, fontColor;
1584	375	if (sender === "user") {
1585		- messageClass = "user-message";
1586	376	bgColor = userMessageBgColor;
1587	377	fontColor = userMessageFontColor;
1588		- // Only sanitize user input
1589		- messageText = sanitizeUserInput(messageText);
1590	378	} else if (sender === "agent") {
1591		- messageClass = "agent-message";
1592	379	bgColor = liveAgentMessageBgColor;
1593	380	fontColor = liveAgentMessageFontColor;
1594	381	} else {
1595		- messageClass = "bot-message";
1596	382	bgColor = botMessageBgColor;
1597	383	fontColor = botMessageFontColor;
1598	384	}
1599		-
1600		- const messageDiv = $('<div>')
1601		- .addClass(messageClass)
1602		- .attr('dir', 'auto');
1603		-
1604		- // Only apply inline colors if AI theme is not active (let CSS handle it)
1605		- var skipColors = shouldSkipInlineColors(botId);
1606		- if (skipColors) {
1607		- messageDiv.css({
1608		- 'margin-bottom': '1em'
1609		- });
1610		- } else {
1611		- messageDiv.css({
1612		- 'background': bgColor,
1613		- 'color': fontColor,
1614		- 'margin-bottom': '1em'
1615		- });
	385	+
	386	+ var fullMessage = linkify(formatBoldText(convertNewlinesToBreaks(formatCodeBlocks(responseText))));
	387	+ if (responseHtml) {
	388	+ fullMessage += '<br><br>' + responseHtml;
1616	389	}
1617		-
1618		- // Process the message content - always run linkify to convert markdown
1619		- // links and format text. linkify() handles existing HTML safely via
1620		- // negative lookaheads that skip URLs already inside <a> tags.
1621		- let fullMessage = linkify(messageText);
1622		-
1623		- // Add images if provided
1624		- if (images && images.length > 0) {
1625		- fullMessage += '<div class="image-gallery" dir="auto">';
	390	+
	391	+ if (images.length > 0) {
	392	+ fullMessage += '<div class="image-gallery" dir="auto">'; // Add dir="auto" to image gallery
1626	393	images.forEach(img => {
1627		- const safeTitle = sanitizeUserInput(img.title);
1628		- const safeUrl = encodeURI(img.image_url);
1629		- const safeThumbnail = encodeURI(img.thumbnail_url);
1630		-
1631	394	fullMessage += `
1632	395	<div style="margin-bottom: 10px;">
1633		- <strong>${safeTitle}</strong><br>
1634		- <a href="${safeUrl}" target="_blank">
1635		- <img src="${safeThumbnail}" alt="${safeTitle}" style="max-width: 100px; height: auto; margin: 5px;" />
	396	+ <strong>${img.title}</strong><br>
	397	+ <a href="${img.image_url}" target="_blank">
	398	+ <img src="${img.thumbnail_url}" alt="${img.title}" style="max-width: 100px; height: auto; margin: 5px;" />
1636	399	</a>
1637	400	</div>`;
1638	401	});
1639	402	fullMessage += '</div>';
1640	403	}
1641		-
1642		- // Append HTML content if provided
1643		- if (messageHtml && sender !== "user") {
1644		- // Only add line breaks if there's actual text content before the HTML
1645		- if (fullMessage && fullMessage.trim()) {
1646		- fullMessage += '<br><br>' + messageHtml;
1647		- } else {
1648		- fullMessage = messageHtml;
1649		- }
1650		- }
1651		-
1652		- messageDiv.html(fullMessage);
1653		-
1654		- if (isTemporary) {
1655		- messageDiv.addClass('temporary-message');
1656		- }
1657		-
1658		- // Append to the correct chatbot instance's chat-box
1659		- var $chatBox = getElement(botId, 'chat-box');
1660		- messageDiv.hide().appendTo($chatBox).fadeIn(300, function() {
1661		- // FIXED: Use event delegation for link tracking
1662		- if (sender === "bot" || sender === "agent") {
1663		- attachLinkTracking(messageDiv, messageText, botId);
1664		- }
1665		-
1666		- if (sender === "bot") {
1667		- const lastUserMessage = $chatBox.find('.user-message').last();
1668		- if (lastUserMessage.length) {
1669		- scrollElementToTop(lastUserMessage, botId);
1670		- }
1671		- }
1672		-
1673		- if ((sender === "bot" || sender === "agent") && !isTemporary) {
1674		- if (typeof mxchatInitHeaderMenu === 'function') mxchatInitHeaderMenu(botId);
1675		- }
1676		- });
1677		-
1678		- if (messageText.id) {
1679		- var instance = MxChatInstances.get(botId);
1680		- instance.lastSeenMessageId = messageText.id;
1681		- hideNotification(botId);
1682		- }
1683		- } catch (error) {
1684		- // Error rendering message - silently continue
1685		- }
1686		-}
1687		-
1688		-// Helper function to attach link tracking with proper event handling
1689		-function attachLinkTracking(messageDiv, messageText, botId) {
1690		- botId = botId || 'default';
1691		- // Use a slight delay to ensure DOM is ready
1692		- setTimeout(function() {
1693		- const links = messageDiv.find('a[href]').not('[data-tracked]');
1694		-
1695		- links.each(function() {
1696		- const $link = $(this);
1697		- const originalHref = $link.attr('href');
1698		-
1699		- // Mark as tracked to avoid duplicate handlers
1700		- $link.attr('data-tracked', 'true');
1701		-
1702		- // Only track external URLs
1703		- if (originalHref && (originalHref.startsWith('http://') || originalHref.startsWith('https://'))) {
1704		- // Remove any existing click handlers first
1705		- $link.off('click.tracking');
1706		-
1707		- // Add new click handler with namespace
1708		- $link.on('click.tracking', function(e) {
1709		- e.preventDefault();
1710		- e.stopPropagation();
1711		-
1712		- const messageContext = typeof messageText === 'string'
1713		- ? messageText.substring(0, 200)
1714		- : '';
1715		-
1716		- // Track the click
1717		- $.ajax({
1718		- url: mxchatChat.ajax_url,
1719		- type: 'POST',
1720		- data: {
1721		- action: 'mxchat_track_url_click',
1722		- session_id: getChatSession(botId),
1723		- url: originalHref,
1724		- message_context: messageContext,
1725		- nonce: mxchatChat.nonce
1726		- },
1727		- complete: function() {
1728		- // Always redirect, even if tracking fails
1729		- if ($link.attr('target') === '_blank' || linkTarget === '_blank') {
1730		- window.open(originalHref, '_blank');
1731		- } else {
1732		- window.location.href = originalHref;
	404	+
	405	+ if (lastMessageDiv.length) {
	406	+ lastMessageDiv.fadeOut(200, function() {
	407	+ $(this)
	408	+ .html(fullMessage)
	409	+ .removeClass('bot-message user-message')
	410	+ .addClass(messageClass)
	411	+ .attr('dir', 'auto') // Add dir="auto" for automatic text direction
	412	+ .css({
	413	+ 'background-color': bgColor,
	414	+ 'color': fontColor,
	415	+ })
	416	+ .removeClass('temporary-message')
	417	+ .fadeIn(200, function() {
	418	+ if (sender === "bot" || sender === "agent") {
	419	+ const lastUserMessage = $('#chat-box').find('.user-message').last();
	420	+ if (lastUserMessage.length) {
	421	+ scrollElementToTop(lastUserMessage);
1733	422	}
	423	+ // Show notification if chat is hidden
	424	+ if ($('#floating-chatbot').hasClass('hidden')) {
	425	+ showNotification();
	426	+ }
1734	427	}
1735	428	});
1736		-
1737		- return false; // Extra insurance to prevent default
1738		- });
1739		- }
1740		- });
1741		- }, 100); // Small delay to ensure DOM is ready
1742		-}
1743		-
1744		-function replaceLastMessage(sender, responseText, responseHtml = '', images = [], botId = 'default') {
1745		- var messageClass = sender === "user" ? "user-message" : sender === "agent" ? "agent-message" : "bot-message";
1746		- var $chatBox = getElement(botId, 'chat-box');
1747		- var lastMessageDiv = $chatBox.find('.bot-message.temporary-message, .agent-message.temporary-message').last();
1748		-
1749		- // Determine styles
1750		- let bgColor, fontColor;
1751		- if (sender === "user") {
1752		- bgColor = userMessageBgColor;
1753		- fontColor = userMessageFontColor;
1754		- } else if (sender === "agent") {
1755		- bgColor = liveAgentMessageBgColor;
1756		- fontColor = liveAgentMessageFontColor;
1757		- } else {
1758		- bgColor = botMessageBgColor;
1759		- fontColor = botMessageFontColor;
1760		- }
1761		-
1762		- // Always run linkify to convert markdown links and format text.
1763		- // linkify() already handles existing HTML (its URL patterns use negative lookaheads
1764		- // to avoid double-processing URLs that are already inside <a> tags).
1765		- var fullMessage = linkify(responseText);
1766		-
1767		- if (responseHtml) {
1768		- // Only add line breaks if there's actual text content before the HTML
1769		- if (fullMessage && fullMessage.trim()) {
1770		- fullMessage += '<br><br>' + responseHtml;
	429	+ });
1771	430	} else {
1772		- fullMessage = responseHtml;
	431	+ appendMessage(sender, responseText, responseHtml, images);
1773	432	}
1774	433	}
	434	+
	435	+ function appendThinkingMessage() {
	436	+ // Remove any existing thinking dots first
	437	+ $('.thinking-dots').remove();
1775	438
1776		- if (images.length > 0) {
1777		- fullMessage += '<div class="image-gallery" dir="auto">';
1778		- images.forEach(img => {
1779		- fullMessage += `
1780		- <div style="margin-bottom: 10px;">
1781		- <strong>${img.title}</strong><br>
1782		- <a href="${img.image_url}" target="_blank">
1783		- <img src="${img.thumbnail_url}" alt="${img.title}" style="max-width: 100px; height: auto; margin: 5px;" />
1784		- </a>
1785		- </div>`;
1786		- });
1787		- fullMessage += '</div>';
1788		- }
1789		-
1790		- if (lastMessageDiv.length) {
1791		- // Replace content immediately to prevent visual gap between thinking dots and response
1792		- lastMessageDiv
1793		- .html(fullMessage)
1794		- .removeClass('bot-message user-message temporary-message')
1795		- .addClass(messageClass)
1796		- .attr('dir', 'auto');
1797		-
1798		- // Only apply inline colors if AI theme is not active (let CSS handle it)
1799		- var skipColors = mxchatChat.skip_inline_colors || shouldSkipInlineColors(botId);
1800		- if (!skipColors) {
1801		- lastMessageDiv.css({
1802		- 'background-color': bgColor,
1803		- 'color': fontColor,
1804		- });
1805		- }
1806		-
1807		- // Handle link tracking and scroll
1808		- if (sender === "bot" || sender === "agent") {
1809		- attachLinkTracking(lastMessageDiv, responseText, botId);
1810		-
1811		- const lastUserMessage = $chatBox.find('.user-message').last();
1812		- if (lastUserMessage.length) {
1813		- scrollElementToTop(lastUserMessage, botId);
1814		- }
1815		- // Show notification if chat is hidden
1816		- var $floatingChatbot = getElement(botId, 'floating-chatbot');
1817		- if ($floatingChatbot.hasClass('hidden')) {
1818		- showNotification(botId);
1819		- }
1820		- }
1821		-
1822		- // Re-enable chat input after response is displayed
1823		- enableChatInput(botId);
1824		-
1825		- if (sender === "bot" || sender === "agent") {
1826		- if (typeof mxchatInitHeaderMenu === 'function') mxchatInitHeaderMenu(botId);
1827		- }
1828		- } else {
1829		- appendMessage(sender, responseText, responseHtml, images, false, botId);
1830		- // Re-enable chat input after response is displayed
1831		- enableChatInput(botId);
1832		- }
1833		-}
1834		-
1835		-
1836		- function appendThinkingMessage(botId) {
1837		- botId = botId || 'default';
1838		-
1839		- // Don't show thinking dots in live agent mode - message is just forwarded to a human
1840		- var indicator = getElementDOM(botId, 'chat-mode-indicator');
1841		- if (indicator && indicator.textContent === 'Live Agent') {
1842		- return;
1843		- }
1844		-
1845		- var $chatBox = getElement(botId, 'chat-box');
1846		-
1847		- // Remove any existing thinking dots in this bot's chat first
1848		- $chatBox.find('.thinking-dots').remove();
1849		-
1850		- // Check if we should skip inline colors (AI theme is active)
1851		- var skipColors = shouldSkipInlineColors(botId);
1852		-
1853	439	// Retrieve the bot message font color and background color
1854	440	var botMessageFontColor = mxchatChat.bot_message_font_color;
1855	441	var botMessageBgColor = mxchatChat.bot_message_bg_color;
1856	442
1857		- // Build thinking dots HTML - skip inline colors if AI theme is active
1858		- var dotStyle = skipColors ? '' : ' style="background-color: ' + botMessageFontColor + ';"';
	443	+
1859	444	var thinkingHtml = '<div class="thinking-dots-container">' +
1860	445	'<div class="thinking-dots">' +
1861		- '<span class="dot"' + dotStyle + '></span>' +
1862		- '<span class="dot"' + dotStyle + '></span>' +
1863		- '<span class="dot"' + dotStyle + '></span>' +
	446	+ '<span class="dot" style="background-color: ' + botMessageFontColor + ';"></span>' +
	447	+ '<span class="dot" style="background-color: ' + botMessageFontColor + ';"></span>' +
	448	+ '<span class="dot" style="background-color: ' + botMessageFontColor + ';"></span>' +
1864	449	'</div>' +
1865	450	'</div>';
1866	451
1867		- // Append the thinking dots to this bot's chat container - skip inline colors if AI theme is active
1868		- var messageStyle = skipColors ? '' : ' style="background-color: ' + botMessageBgColor + '; color: ' + botMessageFontColor + ';"';
1869		- $chatBox.append('<div class="bot-message temporary-message"' + messageStyle + '>' + thinkingHtml + '</div>');
1870		- scrollToBottom(botId);
	452	+ // Append the thinking dots to the chat container (or within the temporary message div)
	453	+ $("#chat-box").append('<div class="bot-message temporary-message" style="background-color: ' + botMessageBgColor + ';">' + thinkingHtml + '</div>');
	454	+ scrollToBottom();
1871	455	}
	456	+
	457	+ function removeThinkingDots() {
	458	+ $('.thinking-dots').closest('.temporary-message').remove();
	459	+ }
1872	460
1873		- function removeThinkingDots(botId) {
1874		- botId = botId || 'default';
1875		- var $chatBox = getElement(botId, 'chat-box');
1876		- // Remove by temporary-message class first, then fall back to any bot-message containing thinking dots
1877		- $chatBox.find('.thinking-dots').closest('.temporary-message').remove();
1878		- $chatBox.find('.bot-message .thinking-dots').closest('.bot-message').remove();
1879		- }
1880	461
1881	462	// ====================================
1882	463	// TEXT FORMATTING & PROCESSING
1883	464	// ====================================
		@@ -1882,332 +463,82 @@
1882	463	// TEXT FORMATTING & PROCESSING
1883	464	// ====================================
1884	465
1885	466	function linkify(inputText) {
1886		- if (!inputText) {
1887		- return '';
1888		- }
	467	+ if (!inputText) return '';
	468	+
	469	+ // Process markdown headers
	470	+ let processedText = formatMarkdownHeaders(inputText);
	471	+
	472	+ // Process markdown links
	473	+ const markdownLinkPattern = /\[([^\]]+)\]\((https?:\/\/[^\s]+)\)/g;
	474	+ processedText = processedText.replace(markdownLinkPattern, (match, text, url) => {
	475	+ const safeUrl = encodeURI(url);
	476	+ const safeText = sanitizeUserInput(text);
	477	+ return `<a href="${safeUrl}" target="${linkTarget}">${safeText}</a>`;
	478	+ });
1889	479
1890		- // Helper function to check if URL is already encoded
1891		- function isUrlEncoded(url) {
1892		- // Check for % followed by exactly 2 hex digits
1893		- return /%[0-9a-fA-F]{2}/.test(url);
1894		- }
	480	+ // Process phone numbers (tel:)
	481	+ const phonePattern = /\[([^\]]+)\]\((tel:[\d+]+)\)/g;
	482	+ processedText = processedText.replace(phonePattern, (match, text, phone) => {
	483	+ const safePhone = encodeURI(phone);
	484	+ const safeText = sanitizeUserInput(text);
	485	+ return `<a href="${safePhone}">${safeText}</a>`;
	486	+ });
1895	487
1896		- // Helper function to safely encode URLs only if needed
1897		- function safeEncodeUrl(url) {
1898		- // If URL already contains encoded characters, return as-is
1899		- if (isUrlEncoded(url)) {
1900		- return url;
1901		- }
1902		- // Otherwise, encode it
1903		- return encodeURI(url);
1904		- }
	488	+ // Process standalone URLs
	489	+ const urlPattern = /(^|[^">])(https?:\/\/[^\s<]+)/gim;
	490	+ processedText = processedText.replace(urlPattern, (match, prefix, url) => {
	491	+ const safeUrl = encodeURI(url);
	492	+ return `${prefix}<a href="${safeUrl}" target="${linkTarget}">${url}</a>`;
	493	+ });
1905	494
1906		- // Process markdown headers FIRST
1907		- let processedText = formatMarkdownHeaders(inputText);
	495	+ // Process www. URLs
	496	+ const wwwPattern = /(^|[^">])(www\.[\S]+(\b|$))(?![^<]*<\/a>)/gim;
	497	+ processedText = processedText.replace(wwwPattern, (match, prefix, url) => {
	498	+ const safeUrl = encodeURI(`http://${url}`);
	499	+ return `${prefix}<a href="${safeUrl}" target="${linkTarget}">${url}</a>`;
	500	+ });
1908	501
1909		- // Process text styling (bold, italic, strikethrough)
1910		- processedText = formatTextStyling(processedText);
	502	+ return processedText;
	503	+ }
1911	504
1912		- // Process code blocks BEFORE processing links
1913		- processedText = formatCodeBlocks(processedText);
1914		-
1915		- // Process markdown tables BEFORE converting newlines to paragraphs
1916		- processedText = formatMarkdownTables(processedText);
1917		-
1918		- // NOW convert to paragraphs
1919		- processedText = convertNewlinesToBreaks(processedText);
1920		-
1921		- // IMPORTANT: Handle citation-style brackets FIRST [URL]
1922		- // This prevents them from being processed as markdown links
1923		- // Match [URL] where URL is a complete URL in square brackets (common in AI citations)
1924		- processedText = processedText.replace(/\[(https?:\/\/[^\]]+)\]/g, (match, url) => {
1925		- // Clean the URL of any trailing punctuation
1926		- let cleanUrl = url.replace(/[.,;!?]+$/, '');
1927		- const safeUrl = safeEncodeUrl(cleanUrl);
1928		- // Return as a proper link without the brackets
1929		- return `<a href="${safeUrl}" target="${linkTarget}">${cleanUrl}</a>`;
1930		- });
1931		-
1932		- // Process markdown links: [text](url) and [](url)
1933		- // Uses balanced parenthesis matching to handle URLs containing parens
1934		- // (e.g. PDF filenames with dates like (2025-08-28).pdf)
1935		- processedText = (function(input) {
1936		- var result = '';
1937		- var i = 0;
1938		- while (i < input.length) {
1939		- // Look for [ at current position
1940		- if (input[i] === '[') {
1941		- // Find closing ]
1942		- var closeBracket = input.indexOf(']', i + 1);
1943		- if (closeBracket === -1 || closeBracket + 1 >= input.length || input[closeBracket + 1] !== '(') {
1944		- result += input[i];
1945		- i++;
1946		- continue;
1947		- }
1948		- var linkText = input.substring(i + 1, closeBracket);
1949		- // Check if URL starts with http
1950		- var urlStart = closeBracket + 2;
1951		- if (!input.substring(urlStart).match(/^https?:\/\//)) {
1952		- result += input[i];
1953		- i++;
1954		- continue;
1955		- }
1956		- // Find balanced closing paren
1957		- var depth = 1;
1958		- var j = urlStart;
1959		- while (j < input.length && depth > 0) {
1960		- if (input[j] === '(') depth++;
1961		- else if (input[j] === ')') depth--;
1962		- if (depth > 0) j++;
1963		- }
1964		- if (depth !== 0) {
1965		- result += input[i];
1966		- i++;
1967		- continue;
1968		- }
1969		- var url = input.substring(urlStart, j);
1970		- var cleanUrl = url.replace(/[\].,;!?]+$/, '');
1971		- var encodedUrl = safeEncodeUrl(cleanUrl);
1972		- if (!linkText || !linkText.trim()) {
1973		- result += '<a href="' + encodedUrl + '" target="' + linkTarget + '">' + cleanUrl + '</a>';
1974		- } else {
1975		- var safeText = sanitizeUserInput(linkText);
1976		- result += '<a href="' + encodedUrl + '" target="' + linkTarget + '">' + safeText + '</a>';
1977		- }
1978		- i = j + 1; // Skip past the closing )
1979		- } else {
1980		- result += input[i];
1981		- i++;
1982		- }
1983		- }
1984		- return result;
1985		- })(processedText);
1986		-
1987		- // Process phone numbers: [text](tel:number)
1988		- const phonePattern = /\[([^\]]+)\]\((tel:[\d+\-\s()]+)\)/g;
1989		- processedText = processedText.replace(phonePattern, (match, text, phone) => {
1990		- const safePhone = safeEncodeUrl(phone);
1991		- const safeText = sanitizeUserInput(text);
1992		- return `<a href="${safePhone}">${safeText}</a>`;
1993		- });
1994		-
1995		- // Process mailto links: [text](mailto:email)
1996		- const mailtoPattern = /\[([^\]]+)\]\((mailto:[^\)]+)\)/g;
1997		- processedText = processedText.replace(mailtoPattern, (match, text, mailto) => {
1998		- const safeMailto = safeEncodeUrl(mailto);
1999		- const safeText = sanitizeUserInput(text);
2000		- return `<a href="${safeMailto}">${safeText}</a>`;
2001		- });
2002		-
2003		- // Process standalone URLs - but NOT if they're already in <a> tags or brackets
2004		- // Updated pattern to be more careful about what it matches
2005		- const urlPattern = /(^|[^">=\[\]])(https?:\/\/[^\s<"\[\]]+)(?![^<]*<\/a>)(?!\])/gim;
2006		- processedText = processedText.replace(urlPattern, (match, prefix, url) => {
2007		- // Extra check: make sure this isn't already linked
2008		- if (match.includes('href=') || match.includes('</a>')) {
2009		- return match;
2010		- }
2011		-
2012		- // Clean trailing punctuation
2013		- let cleanUrl = url.replace(/[.,;!?)]+$/, '');
2014		- const safeUrl = safeEncodeUrl(cleanUrl);
2015		- return `${prefix}<a href="${safeUrl}" target="${linkTarget}">${cleanUrl}</a>`;
2016		- });
2017		-
2018		- // Process www. URLs - but NOT if they're already in <a> tags or brackets
2019		- const wwwPattern = /(^|[^">/\[\]])(www\.[\S]+)(?![^<]*<\/a>)(?!\])/gim;
2020		- processedText = processedText.replace(wwwPattern, (match, prefix, url) => {
2021		- // Extra check: make sure this isn't already linked
2022		- if (match.includes('href=') || match.includes('</a>')) {
2023		- return match;
2024		- }
2025		-
2026		- // Clean trailing punctuation
2027		- let cleanUrl = url.replace(/[.,;!?)]+$/, '');
2028		- const safeUrl = safeEncodeUrl(`http://${cleanUrl}`);
2029		- return `${prefix}<a href="${safeUrl}" target="${linkTarget}">${cleanUrl}</a>`;
2030		- });
2031		-
2032		- return processedText;
2033		-}
2034		-
2035	505	function formatMarkdownHeaders(text) {
2036	506	// Handle h1 to h6 headers
2037		- return text.replace(/^(#{1,6})\s+(.+)$/gm, function(match, hashes, content) {
	507	+ return text.replace(/^(#{1,6})\s(.+)$/gm, function(match, hashes, content) {
2038	508	const level = hashes.length;
2039		- return `<h${level} class="chat-heading chat-heading-${level}">${content.trim()}</h${level}>`;
	509	+ return `<h${level} class="chat-heading">${content}</h${level}>`;
2040	510	});
2041	511	}
2042	512
2043		-function formatTextStyling(text) {
2044		- // IMPORTANT: Protect BOTH HTML href and Markdown URLs from formatting
2045		- const protectedSegments = [];
2046		- let protectedText = text;
2047		-
2048		- // Step 1a: Protect HTML href="..." attributes
2049		- protectedText = protectedText.replace(/href\s*=\s*["']([^"']+)["']/gi, function(match) {
2050		- const placeholder = `__PROTECTED_${protectedSegments.length}__`;
2051		- protectedSegments.push(match);
2052		- return placeholder;
2053		- });
2054		-
2055		- // Step 1b: Protect Markdown links [text](url)
2056		- // This is crucial - we need to protect the URLs in markdown format
2057		- protectedText = protectedText.replace(/\[([^\]]*)\]\(([^)]+)\)/g, function(match) {
2058		- const placeholder = `__PROTECTED_${protectedSegments.length}__`;
2059		- protectedSegments.push(match);
2060		- return placeholder;
2061		- });
2062		-
2063		- // Step 1c: Also protect bare URLs that might exist
2064		- protectedText = protectedText.replace(/(https?:\/\/[^\s<>"]+)/gi, function(match) {
2065		- const placeholder = `__PROTECTED_${protectedSegments.length}__`;
2066		- protectedSegments.push(match);
2067		- return placeholder;
2068		- });
2069		-
2070		- // Step 2: Now apply text styling to the protected text
2071		- // Handle bold text (**text**)
2072		- protectedText = protectedText.replace(/\*\*(.*?)\*\*/g, '<strong>$1</strong>');
2073		-
2074		- // Handle italic text (*text* or _text_) - Safari-compatible (no lookbehind)
2075		- // Match single asterisks that aren't part of bold (**) by checking they're not followed/preceded by another *
2076		- protectedText = protectedText.replace(/(?!\*\*)\*([^*\n]+)\*(?!\*)/g, '<em>$1</em>');
2077		-
2078		- // Handle underscores for italic - Safari-compatible (no lookbehind)
2079		- // Exclude __PROTECTED_N__ placeholders by checking the content doesn't contain PROTECTED
2080		- protectedText = protectedText.replace(/(?!__)_((?!PROTECTED)[^_\n]+)_(?!_)/g, '<em>$1</em>');
2081		-
2082		- // Handle strikethrough (~~text~~)
2083		- protectedText = protectedText.replace(/~~(.*?)~~/g, '<del>$1</del>');
2084		-
2085		- // Step 3: Restore all protected segments
2086		- protectedSegments.forEach((original, index) => {
2087		- const placeholder = `__PROTECTED_${index}__`;
2088		- protectedText = protectedText.replace(placeholder, original);
2089		- });
2090		-
2091		- return protectedText;
2092		-}
2093	513	function formatBoldText(text) {
2094		- // This function is kept for compatibility but now uses formatTextStyling
2095		- return formatTextStyling(text);
	514	+ return text.replace(/\*\*(.*?)\*\*/g, '<strong>$1</strong>');
2096	515	}
2097	516
2098		-function convertNewlinesToBreaks(text) {
2099		- // Split the text into paragraphs (marked by double newlines or multiple <br> tags)
2100		- const paragraphs = text.split(/(?:\n\n|\<br\>\s*\<br\>)/g);
	517	+ function convertNewlinesToBreaks(text) {
	518	+ // Split the text into paragraphs (marked by double newlines or multiple <br> tags)
	519	+ const paragraphs = text.split(/(?:\n\n|\<br\>\s*\<br\>)/g);
	520	+
	521	+ // Wrap each paragraph in <p> tags
	522	+ return paragraphs
	523	+ .map(para => `<p>${para.trim()}</p>`)
	524	+ .join('');
	525	+ }
2101	526
2102		- // Filter out empty paragraphs and wrap each paragraph in <p> tags
2103		- return paragraphs
2104		- .map(para => para.trim())
2105		- .filter(para => para.length > 0) // Remove empty paragraphs
2106		- .map(para => `<p>${para}</p>`)
2107		- .join('');
2108		-}
2109	527	function formatCodeBlocks(text) {
2110		- // Handle fenced code blocks with language specification (```language)
2111		- text = text.replace(/```(\w+)?\n?([\s\S]*?)```/g, (match, language, code) => {
2112		- const lang = language || 'text';
2113		- const escapedCode = escapeHtml(code.trim());
2114		- return `<div class="mxchat-code-block-container">
2115		- <div class="mxchat-code-header">
2116		- <span class="mxchat-code-language">${lang}</span>
2117		- <button class="mxchat-copy-button" aria-label="Copy to clipboard">Copy</button>
2118		- </div>
2119		- <pre class="mxchat-code-block"><code class="language-${lang}">${escapedCode}</code></pre>
2120		- </div>`;
	528	+ // First handle raw PHP tags
	529	+ text = text.replace(/(<\?php[\s\S]*?\?>)/g, (match) => {
	530	+ return `<pre><code class="language-php">${escapeHtml(match)}</code></pre>`;
2121	531	});
2122		-
2123		- // Handle inline code with single backticks
2124		- text = text.replace(/`([^`\n]+)`/g, '<code class="mxchat-inline-code">$1</code>');
2125		-
2126		- // Handle raw PHP tags (legacy support)
2127		- text = text.replace(/(<\?php[\s\S]*?\?>)/g, (match) => {
2128		- const escapedCode = escapeHtml(match);
2129		- return `<div class="mxchat-code-block-container">
2130		- <div class="mxchat-code-header">
2131		- <span class="mxchat-code-language">php</span>
2132		- <button class="mxchat-copy-button" aria-label="Copy to clipboard">Copy</button>
2133		- </div>
2134		- <pre class="mxchat-code-block"><code class="language-php">${escapedCode}</code></pre>
2135		- </div>`;
	532	+
	533	+ // Then handle code blocks with backticks
	534	+ text = text.replace(/```php5?\n([\s\S]+?)```/gi, (match, code) => {
	535	+ return `<pre><code class="language-php">${escapeHtml(code)}</code></pre>`;
2136	536	});
2137		-
	537	+
2138	538	return text;
2139	539	}
2140		-
2141		- function formatMarkdownTables(text) {
2142		- var lines = text.split('\n');
2143		- var result = [];
2144		- var i = 0;
2145		-
2146		- while (i < lines.length) {
2147		- // Check for a table: current line has pipes AND next line is a separator row
2148		- if (i + 1 < lines.length &&
2149		- lines[i].indexOf('|') !== -1 &&
2150		- /^\s*\|?[\s\-:]+(\|[\s\-:]+)+\|?\s*$/.test(lines[i + 1])) {
2151		-
2152		- var tableLines = [];
2153		- var headerLine = lines[i];
2154		- var separatorLine = lines[i + 1];
2155		- tableLines.push(headerLine);
2156		- tableLines.push(separatorLine);
2157		-
2158		- // Collect remaining table rows
2159		- var j = i + 2;
2160		- while (j < lines.length && lines[j].indexOf('|') !== -1 && lines[j].trim() !== '') {
2161		- tableLines.push(lines[j]);
2162		- j++;
2163		- }
2164		-
2165		- // Parse alignment from separator row
2166		- var sepCells = separatorLine.split('|').filter(function(c) { return c.trim() !== ''; });
2167		- var alignments = sepCells.map(function(cell) {
2168		- var trimmed = cell.trim();
2169		- if (trimmed.charAt(0) === ':' && trimmed.charAt(trimmed.length - 1) === ':') return 'center';
2170		- if (trimmed.charAt(trimmed.length - 1) === ':') return 'right';
2171		- return 'left';
2172		- });
2173		-
2174		- // Build HTML table
2175		- var html = '<div class="mxchat-table-wrapper"><table class="mxchat-table">';
2176		-
2177		- // Header row
2178		- var headerCells = tableLines[0].split('|').filter(function(c) { return c.trim() !== ''; });
2179		- html += '<thead><tr>';
2180		- headerCells.forEach(function(cell, idx) {
2181		- var align = alignments[idx] || 'left';
2182		- html += '<th style="text-align:' + align + '">' + cell.trim() + '</th>';
2183		- });
2184		- html += '</tr></thead>';
2185		-
2186		- // Body rows
2187		- html += '<tbody>';
2188		- for (var r = 2; r < tableLines.length; r++) {
2189		- var rowCells = tableLines[r].split('|').filter(function(c) { return c.trim() !== ''; });
2190		- html += '<tr>';
2191		- rowCells.forEach(function(cell, idx) {
2192		- var align = alignments[idx] || 'left';
2193		- html += '<td style="text-align:' + align + '">' + cell.trim() + '</td>';
2194		- });
2195		- html += '</tr>';
2196		- }
2197		- html += '</tbody></table></div>';
2198		-
2199		- result.push(html);
2200		- i = j;
2201		- } else {
2202		- result.push(lines[i]);
2203		- i++;
2204		- }
2205		- }
2206		-
2207		- return result.join('\n');
2208		- }
2209		-
	540	+
2210	541	function sanitizeUserInput(text) {
2211	542	const div = document.createElement('div');
2212	543	div.textContent = text;
2213	544	return div.innerHTML;
		@@ -2212,12 +543,12 @@
2212	543	div.textContent = text;
2213	544	return div.innerHTML;
2214	545	}
2215	546
	547	+
2216	548	function escapeHtml(unsafe) {
2217		- // Skip escaping if it's already escaped or contains HTML code block markup
2218		- if (unsafe.includes('&lt;') || unsafe.includes('&gt;') ||
2219		- unsafe.includes('<pre><code') || unsafe.includes('</code></pre>')) {
	549	+ // First check if it's already a code block
	550	+ if (unsafe.includes('<pre><code') || unsafe.includes('</code></pre>')) {
2220	551	return unsafe;
2221	552	}
2222	553
2223	554	return unsafe
		@@ -2233,25 +564,15 @@
2233	564	textArea.innerHTML = text;
2234	565	return textArea.value;
2235	566	}
2236	567
	568	+
2237	569	// ====================================
2238	570	// UI & SCROLLING CONTROLS
2239	571	// ====================================
2240	572
2241		- function scrollToBottom(botIdOrInstant, instant) {
2242		- // Handle backward compatibility: scrollToBottom() or scrollToBottom(true/false)
2243		- var botId = 'default';
2244		- if (typeof botIdOrInstant === 'string') {
2245		- botId = botIdOrInstant;
2246		- instant = instant || false;
2247		- } else if (typeof botIdOrInstant === 'boolean') {
2248		- instant = botIdOrInstant;
2249		- } else {
2250		- instant = false;
2251		- }
2252		-
2253		- var chatBox = getElement(botId, 'chat-box');
	573	+ function scrollToBottom(instant = false) {
	574	+ var chatBox = $('#chat-box');
2254	575	if (instant) {
2255	576	// Instantly set the scroll position to the bottom
2256	577	chatBox.scrollTop(chatBox.prop("scrollHeight"));
2257	578	} else {
		@@ -2260,15 +581,15 @@
2260	581	const scrollHeight = chatBox.prop("scrollHeight");
2261	582	const initialScroll = chatBox.scrollTop();
2262	583	const distance = scrollHeight - initialScroll;
2263	584	const duration = 500; // Duration in ms
2264		-
	585	+
2265	586	function smoothScroll(timestamp) {
2266	587	if (!start) start = timestamp;
2267	588	const progress = timestamp - start;
2268	589	const currentScroll = initialScroll + (distance * (progress / duration));
2269	590	chatBox.scrollTop(currentScroll);
2270		-
	591	+
2271	592	if (progress < duration) {
2272	593	requestAnimationFrame(smoothScroll);
2273	594	} else {
2274	595	chatBox.scrollTop(scrollHeight); // Ensure it's exactly at the bottom
		@@ -2273,37 +594,33 @@
2273	594	} else {
2274	595	chatBox.scrollTop(scrollHeight); // Ensure it's exactly at the bottom
2275	596	}
2276	597	}
2277		-
	598	+
2278	599	requestAnimationFrame(smoothScroll);
2279	600	}
2280	601	}
2281		-
2282		- function scrollElementToTop(element, botId, topOffset) {
2283		- botId = botId || 'default';
2284		- topOffset = (typeof topOffset === 'number') ? topOffset : 2;
2285		- var chatBox = getElement(botId, 'chat-box');
	602	+
	603	+ function scrollElementToTop(element) {
	604	+ var chatBox = $('#chat-box');
2286	605	var elementTop = element.position().top + chatBox.scrollTop();
2287		- chatBox.animate({ scrollTop: Math.max(0, elementTop - topOffset) }, 500);
	606	+ chatBox.animate({ scrollTop: elementTop }, 500);
2288	607	}
2289		-
2290		- function showChatWidget(botId) {
2291		- botId = botId || 'default';
2292		- var $button = getElement(botId, 'floating-chatbot-button');
	608	+
	609	+ function showChatWidget() {
2293	610	// First ensure display is set
2294		- $button.css('display', 'flex');
	611	+ $('#floating-chatbot-button').css('display', 'flex');
2295	612	// Then handle the fade
2296		- $button.fadeTo(500, 1);
	613	+ $('#floating-chatbot-button').fadeTo(500, 1);
2297	614	// Force visibility
2298		- $button.removeClass('hidden');
	615	+ $('#floating-chatbot-button').removeClass('hidden');
	616	+ //console.log('Showing widget');
2299	617	}
2300		-
2301		- function hideChatWidget(botId) {
2302		- botId = botId || 'default';
2303		- var $button = getElement(botId, 'floating-chatbot-button');
2304		- $button.css('display', 'none');
2305		- $button.addClass('hidden');
	618	+
	619	+ function hideChatWidget() {
	620	+ $('#floating-chatbot-button').css('display', 'none');
	621	+ $('#floating-chatbot-button').addClass('hidden');
	622	+ //console.log('Hiding widget');
2306	623	}
2307	624
2308	625	function disableScroll() {
2309	626	if (isMobile()) {
		@@ -2332,15 +649,18 @@
2332	649	// NOTIFICATION SYSTEM
2333	650	// ====================================
2334	651
2335	652	function createNotificationBadge() {
	653	+ //console.log("Creating notification badge...");
2336	654	const chatButton = document.getElementById('floating-chatbot-button');
2337		-
	655	+ //console.log("Chat button found:", !!chatButton);
	656	+
2338	657	if (!chatButton) return;
2339		-
	658	+
2340	659	// Remove any existing badge first
2341	660	const existingBadge = chatButton.querySelector('.chat-notification-badge');
2342	661	if (existingBadge) {
	662	+ //console.log("Removing existing badge");
2343	663	existingBadge.remove();
2344	664	}
2345	665
2346	666	notificationBadge = document.createElement('div');
		@@ -2362,43 +682,34 @@
2362	682	chatButton.appendChild(notificationBadge);
2363	683
2364	684	}
2365	685
2366		- function showNotification(botId) {
2367		- botId = botId || 'default';
2368		- const badge = getElementDOM(botId, 'chat-notification-badge');
2369		- var $floatingChatbot = getElement(botId, 'floating-chatbot');
2370		- if (badge && $floatingChatbot.hasClass('hidden')) {
	686	+ function showNotification() {
	687	+ const badge = document.getElementById('chat-notification-badge');
	688	+ if (badge && $('#floating-chatbot').hasClass('hidden')) {
2371	689	badge.style.display = 'block';
2372	690	badge.textContent = '1';
2373	691	}
2374	692	}
2375		-
2376		- function hideNotification(botId) {
2377		- botId = botId || 'default';
2378		- const badge = getElementDOM(botId, 'chat-notification-badge');
	693	+
	694	+ function hideNotification() {
	695	+ const badge = document.getElementById('chat-notification-badge');
2379	696	if (badge) {
2380	697	badge.style.display = 'none';
2381	698	}
2382	699	}
2383		-
2384		- function startNotificationChecking(botId) {
2385		- botId = botId || 'default';
	700	+
	701	+ function startNotificationChecking() {
2386	702	const chatPersistenceEnabled = mxchatChat.chat_persistence_toggle === 'on';
2387	703	if (!chatPersistenceEnabled) return;
2388		-
2389		- createNotificationBadge(botId);
2390		- var instance = MxChatInstances.get(botId);
2391		- instance.notificationCheckInterval = setInterval(function() {
2392		- checkForNewMessages(botId);
2393		- }, 30000); // Check every 30 seconds
	704	+
	705	+ createNotificationBadge();
	706	+ notificationCheckInterval = setInterval(checkForNewMessages, 30000); // Check every 30 seconds
2394	707	}
2395		-
2396		- function stopNotificationChecking(botId) {
2397		- botId = botId || 'default';
2398		- var instance = MxChatInstances.get(botId);
2399		- if (instance.notificationCheckInterval) {
2400		- clearInterval(instance.notificationCheckInterval);
	708	+
	709	+ function stopNotificationChecking() {
	710	+ if (notificationCheckInterval) {
	711	+ clearInterval(notificationCheckInterval);
2401	712	}
2402	713	}
2403	714
2404	715	function checkForNewMessages() {
		@@ -2424,243 +735,202 @@
2424	735	});
2425	736	}
2426	737
2427	738
2428		-// ====================================
2429		-// LIVE AGENT FUNCTIONALITY
2430		-// ====================================
2431		-
2432		-function startPolling(botId) {
2433		- botId = botId || 'default';
2434		- var instance = MxChatInstances.get(botId);
2435		- // Clear any existing interval first
2436		- stopPolling(botId);
2437		- instance.pollingInterval = setInterval(function() {
2438		- checkForAgentMessages(botId);
2439		- }, 5000);
2440		-}
2441		-
2442		-function stopPolling(botId) {
2443		- botId = botId || 'default';
2444		- var instance = MxChatInstances.get(botId);
2445		- if (instance.pollingInterval) {
2446		- clearInterval(instance.pollingInterval);
2447		- instance.pollingInterval = null;
2448		- }
2449		-}
2450		-
2451		-function checkForAgentMessages(botId) {
2452		- botId = botId || 'default';
2453		- var instance = MxChatInstances.get(botId);
2454		- const sessionId = getChatSession(botId);
2455		- $.ajax({
2456		- url: mxchatChat.ajax_url,
2457		- type: 'POST',
2458		- dataType: 'json',
2459		- data: {
2460		- action: 'mxchat_fetch_new_messages',
2461		- session_id: sessionId,
2462		- last_seen_id: instance.lastSeenMessageId,
2463		- persistence_enabled: 'true',
2464		- nonce: mxchatChat.nonce
2465		- },
2466		- success: function (response) {
2467		- if (response.success && response.data?.new_messages) {
2468		- let hasNewMessage = false;
2469		-
2470		- response.data.new_messages.forEach(function (message) {
2471		- if (message.role === "agent" && !instance.processedMessageIds.has(message.id)) {
2472		- hasNewMessage = true;
2473		- appendMessage("agent", message.content, '', [], false, botId);
2474		- instance.lastSeenMessageId = message.id;
2475		- instance.processedMessageIds.add(message.id);
2476		- }
2477		- });
2478		-
2479		- if (hasNewMessage) {
2480		- enableChatInput(botId);
2481		- }
2482		-
2483		- var $floatingChatbot = getElement(botId, 'floating-chatbot');
2484		- if (hasNewMessage && $floatingChatbot.hasClass('hidden')) {
2485		- showNotification(botId);
2486		- }
2487		-
2488		- scrollToBottom(botId, true);
	739	+ // ====================================
	740	+ // LIVE AGENT FUNCTIONALITY
	741	+ // ====================================
	742	+
	743	+ function updateChatModeIndicator(mode) {
	744	+ const indicator = document.getElementById('chat-mode-indicator');
	745	+ if (indicator) {
	746	+ // For Live Agent, keep as is; for AI mode, use the customized text
	747	+ if (mode === 'agent') {
	748	+ indicator.textContent = 'Live Agent';
	749	+ } else {
	750	+ // Get the custom AI agent text from a data attribute we'll add to the element
	751	+ const customAiText = indicator.getAttribute('data-ai-text') || 'AI Agent';
	752	+ indicator.textContent = customAiText;
2489	753	}
2490		-
2491		- // Handle chat mode transitions (e.g. agent ended chat via !endchat)
2492		- if (response.success && response.data?.chat_mode) {
2493		- updateChatModeIndicator(response.data.chat_mode, botId);
2494		- }
2495		- },
2496		- error: function (xhr, status, error) {
2497		- // Polling error - silently continue
2498	754	}
2499		- });
2500		-}
2501		-
2502		- // ====================================
2503		- // CHAT HISTORY & PERSISTENCE
2504		- // ====================================
2505		-
2506		-function loadChatHistory(botId, onComplete) {
2507		- botId = botId || 'default';
2508		- var instance = MxChatInstances.get(botId);
2509		-
2510		- // Prevent duplicate loading
2511		- if (instance.chatHistoryLoaded) {
2512		- if (onComplete) onComplete();
2513		- return;
	755	+ // Start or stop polling based on mode
	756	+ if (mode === 'agent') {
	757	+ startPolling();
	758	+ } else {
	759	+ stopPolling();
	760	+ }
2514	761	}
2515		-
2516		- // Use getChatSession which returns null if no session exists (does NOT create one)
2517		- var sessionId = getChatSession(botId);
2518		- var chatPersistenceEnabled = mxchatChat.chat_persistence_toggle === 'on';
2519		-
2520		- // No session yet — nothing to load. History will load after first message via ensureSession.
2521		- if (!sessionId) {
2522		- instance.chatHistoryLoaded = true;
2523		- if (onComplete) onComplete();
2524		- return;
	762	+
	763	+ function startPolling() {
	764	+ // Clear any existing interval first
	765	+ stopPolling();
	766	+ // Start new polling interval
	767	+ pollingInterval = setInterval(checkForAgentMessages, 5000);
	768	+ //console.log("Started agent message polling");
2525	769	}
2526		-
2527		- if (chatPersistenceEnabled && sessionId) {
	770	+
	771	+ function stopPolling() {
	772	+ if (pollingInterval) {
	773	+ clearInterval(pollingInterval);
	774	+ pollingInterval = null;
	775	+ //console.log("Stopped agent message polling");
	776	+ }
	777	+ }
	778	+
	779	+ function checkForAgentMessages() {
	780	+ const sessionId = getChatSession();
2528	781	$.ajax({
2529	782	url: mxchatChat.ajax_url,
2530	783	type: 'POST',
2531	784	dataType: 'json',
2532	785	data: {
2533		- action: 'mxchat_fetch_conversation_history',
2534		- session_id: sessionId
	786	+ action: 'mxchat_fetch_new_messages',
	787	+ session_id: sessionId,
	788	+ last_seen_id: lastSeenMessageId,
	789	+ nonce: mxchatChat.nonce
2535	790	},
2536		- success: function(response) {
2537		- // Handle session reset (IP changed while user was away)
2538		- if (response.success === false && response.data && response.data.action === 'reset_session') {
2539		- // Silent reset — new session but don't clear UI
2540		- MxChatInstances.silentResetSession(botId);
2541		- instance.chatHistoryLoaded = true; // Prevent retry loop
2542		- if (onComplete) onComplete();
2543		- return;
	791	+ success: function (response) {
	792	+ if (response.success && response.data?.new_messages) {
	793	+ let hasNewMessage = false;
	794	+
	795	+ response.data.new_messages.forEach(function (message) {
	796	+ if (message.role === "agent" && !processedMessageIds.has(message.id)) {
	797	+ hasNewMessage = true;
	798	+ replaceLastMessage("agent", message.content);
	799	+ lastSeenMessageId = message.id;
	800	+ processedMessageIds.add(message.id);
	801	+ }
	802	+ });
	803	+
	804	+ if (hasNewMessage && $('#floating-chatbot').hasClass('hidden')) {
	805	+ showNotification();
	806	+ }
	807	+
	808	+ scrollToBottom(true);
2544	809	}
	810	+ },
	811	+ error: function (xhr, status, error) {
	812	+ console.error("Polling error:", xhr, status, error);
	813	+ }
	814	+ });
	815	+ }
2545	816
2546		- // Check if the response indicates success
2547		- if (response.success) {
2548		- // Handle case where conversation data exists and is an array
2549		- if (response.data && Array.isArray(response.data.conversation)) {
2550		- var $chatBox = getElement(botId, 'chat-box');
	817	+
	818	+ // ====================================
	819	+ // CHAT HISTORY & PERSISTENCE
	820	+ // ====================================
	821	+
	822	+ function loadChatHistory() {
	823	+ var sessionId = getChatSession();
	824	+ var chatPersistenceEnabled = mxchatChat.chat_persistence_toggle === 'on';
	825	+
	826	+ if (chatPersistenceEnabled && sessionId) {
	827	+ $.ajax({
	828	+ url: mxchatChat.ajax_url,
	829	+ type: 'POST',
	830	+ dataType: 'json',
	831	+ data: {
	832	+ action: 'mxchat_fetch_conversation_history',
	833	+ session_id: sessionId
	834	+ },
	835	+ success: function(response) {
	836	+ if (response.success && response.data && Array.isArray(response.data.conversation)) {
	837	+
	838	+
	839	+ var $chatBox = $('#chat-box');
2551	840	var $fragment = $(document.createDocumentFragment());
2552		- let highestMessageId = instance.lastSeenMessageId;
2553		-
2554		- // Update chat mode if provided
	841	+ let highestMessageId = lastSeenMessageId;
	842	+
2555	843	if (response.data.chat_mode) {
2556		- updateChatModeIndicator(response.data.chat_mode, botId);
	844	+ updateChatModeIndicator(response.data.chat_mode);
2557	845	}
2558		-
2559		- // Only process if there are actual messages
2560		- if (response.data.conversation.length > 0) {
2561		- // IMPORTANT: Clear existing messages before loading history
2562		- $chatBox.empty();
2563		-
2564		- $.each(response.data.conversation, function(index, message) {
2565		- // Skip agent messages if persistence is off
2566		- if (!chatPersistenceEnabled && message.role === 'agent') {
2567		- return;
2568		- }
2569		-
2570		- var messageClass, messageBgColor, messageFontColor;
2571		-
2572		- switch (message.role) {
2573		- case 'user':
2574		- messageClass = 'user-message';
2575		- messageBgColor = userMessageBgColor;
2576		- messageFontColor = userMessageFontColor;
2577		- break;
2578		- case 'agent':
2579		- messageClass = 'agent-message';
2580		- messageBgColor = liveAgentMessageBgColor;
2581		- messageFontColor = liveAgentMessageFontColor;
2582		- break;
2583		- default:
2584		- messageClass = 'bot-message';
2585		- messageBgColor = botMessageBgColor;
2586		- messageFontColor = botMessageFontColor;
2587		- break;
2588		- }
2589		-
2590		- var messageElement = $('<div>').addClass(messageClass)
2591		- .css({
2592		- 'background': messageBgColor,
2593		- 'color': messageFontColor
2594		- });
2595		-
2596		- var content = message.content;
2597		- content = content.replace(/\\'/g, "'").replace(/\\"/g, '"');
2598		- content = decodeHTMLEntities(content);
2599		-
2600		- // Skip linkify for messages containing structured HTML
2601		- // (forms, product cards, galleries, etc.) to avoid
2602		- // markdown formatting corrupting HTML attributes
2603		- // (e.g. underscores in name="field_name" becoming <em> tags)
2604		- if (content.includes("mxchat-product-card") ||
2605		- content.includes("mxchat-image-gallery") ||
2606		- content.includes("mxchat-featured-products") ||
2607		- content.includes("<form") ||
2608		- content.includes("<input") ||
2609		- content.includes("<select") ||
2610		- content.includes("<textarea")) {
2611		- messageElement.html(content);
2612		- } else {
2613		- var formattedContent = linkify(content);
2614		- messageElement.html(formattedContent);
2615		- }
2616		-
2617		- $fragment.append(messageElement);
2618		-
2619		- // Track message IDs
	846	+
	847	+ $.each(response.data.conversation, function(index, message) {
	848	+ // Skip agent messages if persistence is off
	849	+ if (!chatPersistenceEnabled && message.role === 'agent') {
	850	+ return;
	851	+ }
	852	+
	853	+ var messageClass, messageBgColor, messageFontColor;
	854	+
	855	+ switch (message.role) {
	856	+ case 'user':
	857	+ messageClass = 'user-message';
	858	+ messageBgColor = userMessageBgColor;
	859	+ messageFontColor = userMessageFontColor;
	860	+ break;
	861	+ case 'agent':
	862	+ messageClass = 'agent-message';
	863	+ messageBgColor = liveAgentMessageBgColor;
	864	+ messageFontColor = liveAgentMessageFontColor;
	865	+ break;
	866	+ default:
	867	+ messageClass = 'bot-message';
	868	+ messageBgColor = botMessageBgColor;
	869	+ messageFontColor = botMessageFontColor;
	870	+ break;
	871	+ }
	872	+
	873	+ var messageElement = $('<div>').addClass(messageClass)
	874	+ .css({
	875	+ 'background': messageBgColor,
	876	+ 'color': messageFontColor
	877	+ });
	878	+
	879	+ var content = message.content;
	880	+ content = content.replace(/\\'/g, "'").replace(/\\"/g, '"');
	881	+ content = decodeHTMLEntities(content);
	882	+
	883	+ if (content.includes("mxchat-product-card") || content.includes("mxchat-image-gallery")) {
	884	+ messageElement.html(content);
	885	+ } else {
	886	+ var formattedContent = linkify(
	887	+ formatBoldText(
	888	+ convertNewlinesToBreaks(formatCodeBlocks(content))
	889	+ )
	890	+ );
	891	+ messageElement.html(formattedContent);
	892	+ }
	893	+
	894	+ $fragment.append(messageElement);
	895	+
	896	+ // In loadChatHistory, change this part:
2620	897	if (message.id) {
2621	898	highestMessageId = Math.max(highestMessageId, message.id);
2622		- instance.processedMessageIds.add(message.id);
	899	+ processedMessageIds.add(message.id); // Add all message IDs to processed set
2623	900	}
2624		- });
2625		-
2626		- // Only append messages and scroll if we have content
2627		- $chatBox.append($fragment);
2628		- scrollToBottom(botId, true);
2629		-
2630		- // Collapse quick questions if we have conversation history
2631		- // BUT skip auto-collapse for embedded bots (they should stay expanded)
2632		- if (hasQuickQuestions(botId) && !isEmbeddedBot(botId)) {
2633		- collapseQuickQuestions(botId);
	901	+ });
	902	+
	903	+ $chatBox.append($fragment);
	904	+ scrollToBottom(true);
	905	+
	906	+ if (response.data.conversation.length > 0) {
	907	+ $('#mxchat-popular-questions').hide();
	908	+ }
	909	+
	910	+ // Update lastSeenMessageId after history loads
	911	+ lastSeenMessageId = highestMessageId;
	912	+
	913	+ // Only update chat mode if persistence is enabled
	914	+ if (chatPersistenceEnabled && response.data.conversation.length > 0) {
	915	+ var lastMessage = response.data.conversation[response.data.conversation.length - 1];
	916	+ if (lastMessage.role === 'agent') {
	917	+ updateChatModeIndicator('agent');
2634	918	}
2635		-
2636		- // Update lastSeenMessageId after history loads
2637		- instance.lastSeenMessageId = highestMessageId;
2638		-
2639		- // Only update chat mode if persistence is enabled and we have messages
2640		- if (chatPersistenceEnabled) {
2641		- var lastMessage = response.data.conversation[response.data.conversation.length - 1];
2642		- if (lastMessage.role === 'agent') {
2643		- updateChatModeIndicator('agent', botId);
2644		- }
2645		- }
2646		-
2647		- // Mark as loaded ONLY after successful load
2648		- instance.chatHistoryLoaded = true;
2649	919	}
	920	+ } else {
	921	+ console.warn("No conversation history found.");
2650	922	}
	923	+ },
	924	+ error: function(xhr, status, error) {
	925	+ console.error("Error loading chat history:", status, error);
	926	+ appendMessage("bot", "Unable to load chat history.");
2651	927	}
2652		- if (onComplete) onComplete();
2653		- },
2654		- error: function(xhr, status, error) {
2655		- // Error loading chat history - silently continue
2656		- if (onComplete) onComplete();
2657		- }
2658		- });
2659		- } else {
2660		- if (onComplete) onComplete();
	928	+ });
	929	+ } else {
	930	+ console.warn("Chat persistence is disabled or no session ID found. Not loading history.");
	931	+ }
2661	932	}
2662		-}
2663	933
2664	934
2665	935	// ====================================
2666	936	// FILE UPLOAD FUNCTIONALITY
		@@ -2672,42 +942,40 @@
2672	942	element.addEventListener(eventType, handler);
2673	943	}
2674	944	}
2675	945
2676		- function showActivePdf(filename, botId) {
2677		- botId = botId || 'default';
2678		- const container = getElementDOM(botId, 'active-pdf-container');
2679		- const nameElement = getElementDOM(botId, 'active-pdf-name');
2680		-
	946	+ function showActivePdf(filename) {
	947	+ const container = document.getElementById('active-pdf-container');
	948	+ const nameElement = document.getElementById('active-pdf-name');
	949	+
2681	950	if (!container || !nameElement) {
	951	+ console.error('PDF container elements not found');
2682	952	return;
2683	953	}
2684		-
	954	+
2685	955	nameElement.textContent = filename;
2686	956	container.style.display = 'flex';
2687	957	}
2688		-
2689		- function showActiveWord(filename, botId) {
2690		- botId = botId || 'default';
2691		- const container = getElementDOM(botId, 'active-word-container');
2692		- const nameElement = getElementDOM(botId, 'active-word-name');
2693		-
	958	+
	959	+ function showActiveWord(filename) {
	960	+ const container = document.getElementById('active-word-container');
	961	+ const nameElement = document.getElementById('active-word-name');
	962	+
2694	963	if (!container || !nameElement) {
	964	+ console.error('Word document container elements not found');
2695	965	return;
2696	966	}
2697		-
	967	+
2698	968	nameElement.textContent = filename;
2699	969	container.style.display = 'flex';
2700	970	}
2701		-
2702		- function removeActivePdf(botId) {
2703		- botId = botId || 'default';
2704		- var instance = MxChatInstances.get(botId);
2705		- const container = getElementDOM(botId, 'active-pdf-container');
2706		- const nameElement = getElementDOM(botId, 'active-pdf-name');
2707		-
2708		- if (!container || !nameElement || !instance.activePdfFile) return;
2709		-
	971	+
	972	+ function removeActivePdf() {
	973	+ const container = document.getElementById('active-pdf-container');
	974	+ const nameElement = document.getElementById('active-pdf-name');
	975	+
	976	+ if (!container || !nameElement || !activePdfFile) return;
	977	+
2710	978	fetch(mxchatChat.ajax_url, {
2711	979	method: 'POST',
2712	980	headers: {
2713	981	'Content-Type': 'application/x-www-form-urlencoded',
		@@ -2713,9 +981,9 @@
2713	981	'Content-Type': 'application/x-www-form-urlencoded',
2714	982	},
2715	983	body: new URLSearchParams({
2716	984	'action': 'mxchat_remove_pdf',
2717		- 'session_id': getChatSession(botId),
	985	+ 'session_id': sessionId,
2718	986	'nonce': mxchatChat.nonce
2719	987	})
2720	988	})
2721	989	.then(response => response.json())
		@@ -2727,12 +995,12 @@
2727	995	appendMessage('bot', 'PDF removed.');
2728	996	}
2729	997	})
2730	998	.catch(error => {
2731		- // Error removing PDF - silently continue
	999	+ console.error('Error removing PDF:', error);
2732	1000	});
2733	1001	}
2734		-
	1002	+
2735	1003	function removeActiveWord() {
2736	1004	const container = document.getElementById('active-word-container');
2737	1005	const nameElement = document.getElementById('active-word-name');
2738	1006
		@@ -2758,53 +1026,107 @@
2758	1026	appendMessage('bot', 'Word document removed.');
2759	1027	}
2760	1028	})
2761	1029	.catch(error => {
2762		- // Error removing Word document - silently continue
	1030	+ console.error('Error removing Word document:', error);
2763	1031	});
2764	1032	}
	1033	+
	1034	+ function checkInitialDocumentStatus() {
	1035	+ if (!sessionId) return;
	1036	+
	1037	+ // Check PDF status
	1038	+ fetch(mxchatChat.ajax_url, {
	1039	+ method: 'POST',
	1040	+ headers: {
	1041	+ 'Content-Type': 'application/x-www-form-urlencoded',
	1042	+ },
	1043	+ body: new URLSearchParams({
	1044	+ 'action': 'mxchat_check_pdf_status',
	1045	+ 'session_id': sessionId,
	1046	+ 'nonce': mxchatChat.nonce
	1047	+ })
	1048	+ })
	1049	+ .then(response => response.json())
	1050	+ .then(data => {
	1051	+ if (data.success && data.data.filename) {
	1052	+ showActivePdf(data.data.filename);
	1053	+ activePdfFile = data.data.filename;
	1054	+ }
	1055	+ })
	1056	+ .catch(error => {
	1057	+ console.error('Error checking PDF status:', error);
	1058	+ });
	1059	+
	1060	+ // Check Word document status
	1061	+ fetch(mxchatChat.ajax_url, {
	1062	+ method: 'POST',
	1063	+ headers: {
	1064	+ 'Content-Type': 'application/x-www-form-urlencoded',
	1065	+ },
	1066	+ body: new URLSearchParams({
	1067	+ 'action': 'mxchat_check_word_status',
	1068	+ 'session_id': sessionId,
	1069	+ 'nonce': mxchatChat.nonce
	1070	+ })
	1071	+ })
	1072	+ .then(response => response.json())
	1073	+ .then(data => {
	1074	+ if (data.success && data.data.filename) {
	1075	+ showActiveWord(data.data.filename);
	1076	+ activeWordFile = data.data.filename;
	1077	+ }
	1078	+ })
	1079	+ .catch(error => {
	1080	+ console.error('Error checking Word document status:', error);
	1081	+ });
	1082	+ }
2765	1083
	1084	+
2766	1085	// ====================================
2767	1086	// CONSENT & COMPLIANCE (GDPR)
2768	1087	// ====================================
2769		-
2770		- function initializeChatVisibility(botId) {
2771		- botId = botId || 'default';
2772		- const complianzEnabled = mxchatChat.complianz_toggle === 'on' ||
2773		- mxchatChat.complianz_toggle === '1' ||
	1088	+
	1089	+ function initializeChatVisibility() {
	1090	+ //console.log('Initializing chat visibility');
	1091	+ const complianzEnabled = mxchatChat.complianz_toggle === 'on' ||
	1092	+ mxchatChat.complianz_toggle === '1' ||
2774	1093	mxchatChat.complianz_toggle === 1;
2775		-
	1094	+
2776	1095	if (complianzEnabled && typeof cmplz_has_consent === "function" && typeof complianz !== 'undefined') {
2777	1096	// Initial check
2778		- checkConsentAndShowChat(botId);
2779		-
	1097	+ checkConsentAndShowChat();
	1098	+
2780	1099	// Listen for consent changes
2781	1100	$(document).on('cmplz_status_change', function(event) {
2782		- checkConsentAndShowChat(botId);
	1101	+ //console.log('Status change detected');
	1102	+ checkConsentAndShowChat();
2783	1103	});
2784	1104	} else {
2785	1105	// If Complianz is not enabled, always show
2786		- getElement(botId, 'floating-chatbot-button')
	1106	+ $('#floating-chatbot-button')
2787	1107	.css('display', 'flex')
2788	1108	.removeClass('hidden no-consent')
2789	1109	.fadeTo(500, 1);
2790		-
	1110	+
2791	1111	// Also check pre-chat message when Complianz is not enabled
2792		- checkPreChatDismissal(botId);
	1112	+ checkPreChatDismissal();
2793	1113	}
2794	1114	}
2795	1115
2796		-
2797		- function checkConsentAndShowChat(botId) {
2798		- botId = botId || 'default';
	1116	+
	1117	+ function checkConsentAndShowChat() {
2799	1118	var consentStatus = cmplz_has_consent('marketing');
2800	1119	var consentType = complianz.consenttype;
2801		-
2802		- let $widget = getElement(botId, 'floating-chatbot-button');
2803		- let $chatbot = getElement(botId, 'floating-chatbot');
2804		- let $preChat = getElement(botId, 'pre-chat-message');
2805		-
	1120	+
	1121	+ //console.log('Checking consent:', {status: consentStatus,type: consentType});
	1122	+
	1123	+ let $widget = $('#floating-chatbot-button');
	1124	+ let $chatbot = $('#floating-chatbot');
	1125	+ let $preChat = $('#pre-chat-message');
	1126	+
2806	1127	if (consentStatus === true) {
	1128	+ //console.log('Consent granted - showing widget');
2807	1129	$widget
2808	1130	.removeClass('no-consent')
2809	1131	.css('display', 'flex')
2810	1132	.removeClass('hidden')
		@@ -2809,12 +1131,13 @@
2809	1131	.css('display', 'flex')
2810	1132	.removeClass('hidden')
2811	1133	.fadeTo(500, 1);
2812	1134	$chatbot.removeClass('no-consent');
2813		-
	1135	+
2814	1136	// Show pre-chat message if not dismissed
2815		- checkPreChatDismissal(botId);
	1137	+ checkPreChatDismissal();
2816	1138	} else {
	1139	+ //console.log('No consent - hiding widget');
2817	1140	$widget
2818	1141	.addClass('no-consent')
2819	1142	.fadeTo(500, 0, function() {
2820	1143	$(this)
		@@ -2821,9 +1144,9 @@
2821	1144	.css('display', 'none')
2822	1145	.addClass('hidden');
2823	1146	});
2824	1147	$chatbot.addClass('no-consent');
2825		-
	1148	+
2826	1149	// Hide pre-chat message when no consent
2827	1150	$preChat.hide();
2828	1151	}
2829	1152	}
		@@ -2831,38 +1154,46 @@
2831	1154
2832	1155	// ====================================
2833	1156	// PRE-CHAT MESSAGE HANDLING
2834	1157	// ====================================
2835		-
2836		- function checkPreChatDismissal(botId) {
2837		- botId = botId || 'default';
2838		- try {
2839		- var dismissedAt = localStorage.getItem('mxchat_pre_chat_dismissed_' + botId);
2840		- if (dismissedAt) {
2841		- // Re-show after 24 hours
2842		- var elapsed = Date.now() - parseInt(dismissedAt, 10);
2843		- if (elapsed < 86400000) {
2844		- getElement(botId, 'pre-chat-message').hide();
2845		- return;
	1158	+
	1159	+ function checkPreChatDismissal() {
	1160	+ $.ajax({
	1161	+ url: mxchatChat.ajax_url,
	1162	+ type: 'POST',
	1163	+ data: {
	1164	+ action: 'mxchat_check_pre_chat_message_status',
	1165	+ _ajax_nonce: mxchatChat.nonce
	1166	+ },
	1167	+ success: function(response) {
	1168	+ if (response.success && !response.data.dismissed) {
	1169	+ $('#pre-chat-message').fadeIn(250);
	1170	+ } else {
	1171	+ $('#pre-chat-message').hide();
2846	1172	}
2847		- // Expired — clear and show again
2848		- localStorage.removeItem('mxchat_pre_chat_dismissed_' + botId);
	1173	+ },
	1174	+ error: function() {
	1175	+ console.error('Failed to check pre-chat message dismissal status.');
2849	1176	}
2850		- getElement(botId, 'pre-chat-message').fadeIn(250);
2851		- } catch (e) {
2852		- // localStorage unavailable — show the message
2853		- getElement(botId, 'pre-chat-message').fadeIn(250);
2854		- }
	1177	+ });
2855	1178	}
2856		-
2857		- function handlePreChatDismissal(botId) {
2858		- botId = botId || 'default';
2859		- getElement(botId, 'pre-chat-message').fadeOut(200);
2860		- try {
2861		- localStorage.setItem('mxchat_pre_chat_dismissed_' + botId, String(Date.now()));
2862		- } catch (e) {
2863		- // localStorage unavailable — dismissal won't persist
2864		- }
	1179	+
	1180	+ function handlePreChatDismissal() {
	1181	+ $('#pre-chat-message').fadeOut(200);
	1182	+ $.ajax({
	1183	+ url: mxchatChat.ajax_url,
	1184	+ type: 'POST',
	1185	+ data: {
	1186	+ action: 'mxchat_dismiss_pre_chat_message',
	1187	+ _ajax_nonce: mxchatChat.nonce
	1188	+ },
	1189	+ success: function() {
	1190	+ $('#pre-chat-message').hide();
	1191	+ },
	1192	+ error: function() {
	1193	+ console.error('Failed to dismiss pre-chat message.');
	1194	+ }
	1195	+ });
2865	1196	}
2866	1197
2867	1198
2868	1199	// ====================================
		@@ -2886,106 +1217,90 @@
2886	1217	// ====================================
2887	1218	// EVENT HANDLERS & INITIALIZATION
2888	1219	// ====================================
2889	1220
2890		-$(document).on('click', '.mxchat-popular-question', function () {
2891		- var question = $(this).text();
2892		- var botId = getBotIdFromElement(this);
	1221	+ // Enter key handler for chat input
	1222	+ $('#chat-input').keypress(function(e) {
	1223	+ if (e.which == 13 && !e.shiftKey) { // Check if "Enter" is pressed without Shift
	1224	+ e.preventDefault(); // Prevent default "Enter" behavior
	1225	+ $('#send-button').click(); // Trigger send button click
	1226	+ }
	1227	+ });
	1228	+
	1229	+ // Send button click handler
	1230	+ $('#send-button').click(function() {
	1231	+ sendMessage();
	1232	+ });
	1233	+
	1234	+ // Popular questions click handler
	1235	+ $('.mxchat-popular-question').on('click', function () {
	1236	+ var question = $(this).text(); // Get the text of the clicked question
2893	1237
2894		- // Append the question as if the user typed it
2895		- appendMessage("user", question, '', [], false, botId);
	1238	+ // Append the question as if the user typed it
	1239	+ appendMessage("user", question);
2896	1240
2897		- // Only collapse if there are questions
2898		- if (hasQuickQuestions(botId)) {
2899		- collapseQuickQuestions(botId);
2900		- }
2901		-
2902		- // Send the question to the server
2903		- sendMessageToChatbot(question, botId);
2904		-});
2905		-
2906		-$(document).on('click', '.questions-toggle-btn', function(e) {
2907		- e.preventDefault();
2908		- e.stopPropagation();
2909		- var botId = getBotIdFromElement(this);
2910		- expandQuickQuestions(botId);
2911		-});
2912		-
2913		-$(document).on('click', '.questions-collapse-btn', function(e) {
2914		- e.preventDefault();
2915		- e.stopPropagation();
2916		- var botId = getBotIdFromElement(this);
2917		- collapseQuickQuestions(botId);
2918		-});
	1241	+ // Send the question to the server (backend)
	1242	+ sendMessageToChatbot(question);
	1243	+ });
2919	1244
2920		- // Chatbot visibility toggle handlers - use class selector for multi-instance support
2921		- $(document).on('click', '.floating-chatbot-button', function() {
2922		- var botId = getBotIdFromElement(this);
2923		- var $chatbot = getElement(botId, 'floating-chatbot');
2924		- var $badge = getElement(botId, 'chat-notification-badge');
2925		- var $preChat = getElement(botId, 'pre-chat-message');
2926		-
2927		- if ($chatbot.hasClass('hidden')) {
2928		- $chatbot.removeClass('hidden').addClass('visible');
	1245	+ // Pre-chat message dismissal handlers
	1246	+ $(document).on('click', '.close-pre-chat-message', function(e) {
	1247	+ e.stopPropagation();
	1248	+ handlePreChatDismissal();
	1249	+ });
	1250	+
	1251	+ // Chatbot visibility toggle handlers
	1252	+ $(document).on('click', '#floating-chatbot-button', function() {
	1253	+ var chatbot = $('#floating-chatbot');
	1254	+ if (chatbot.hasClass('hidden')) {
	1255	+ chatbot.removeClass('hidden').addClass('visible');
2929	1256	$(this).addClass('hidden');
2930		- $badge.hide(); // Hide notification when opening chat
	1257	+ $('#chat-notification-badge').hide(); // Hide notification when opening chat
2931	1258	disableScroll();
2932		- $preChat.fadeOut(250);
2933		-
2934		- // Load chat history for returning visitors (persistence)
2935		- var chatPersistenceEnabled = typeof mxchatChat !== 'undefined' && mxchatChat.chat_persistence_toggle === 'on';
2936		- if (chatPersistenceEnabled) {
2937		- MxChatInstances.ensureSession(botId);
2938		- }
2939		-
2940		- // Deferred email check — only on first widget open
2941		- var emailBlocker = getElementDOM(botId, 'email-blocker');
2942		- var instance = MxChatInstances.get(botId);
2943		- if (emailBlocker && !instance.emailCheckDone) {
2944		- instance.emailCheckDone = true;
2945		- resolveEmailState(botId);
2946		- } else if (!emailBlocker) {
2947		- // No email collection — still route through showChatContainerForBot
2948		- // so the loader is shown while chat history loads
2949		- showChatContainerForBot(botId);
2950		- }
	1259	+ $('#pre-chat-message').fadeOut(250);
2951	1260	} else {
2952		- $chatbot.removeClass('visible').addClass('hidden');
	1261	+ chatbot.removeClass('visible').addClass('hidden');
2953	1262	$(this).removeClass('hidden');
2954	1263	enableScroll();
2955		- checkPreChatDismissal(botId);
	1264	+ checkPreChatDismissal();
2956	1265	}
2957	1266	});
2958		-
2959		- // Allow clicking anywhere on the title bar to close the chatbot
2960		- $(document).on('click', '.chatbot-top-bar', function() {
2961		- var botId = getBotIdFromElement(this);
2962		- getElement(botId, 'floating-chatbot').addClass('hidden').removeClass('visible');
2963		- getElement(botId, 'floating-chatbot-button').removeClass('hidden');
	1267	+
	1268	+ $(document).on('click', '#exit-chat-button', function() {
	1269	+ $('#floating-chatbot').addClass('hidden').removeClass('visible');
	1270	+ $('#floating-chatbot-button').removeClass('hidden');
2964	1271	enableScroll();
2965	1272	});
2966		-
	1273	+
2967	1274	$(document).on('click', '.close-pre-chat-message', function(e) {
2968	1275	e.stopPropagation(); // Prevent triggering the parent .pre-chat-message click
2969		- var botId = getBotIdFromElement(this);
2970		- handlePreChatDismissal(botId);
	1276	+ $('#pre-chat-message').fadeOut(200, function() {
	1277	+ $(this).remove();
	1278	+ });
2971	1279	});
2972		-
2973		-
2974		- // PDF upload button handlers - use class selector
2975		- $(document).on('click', '.pdf-upload-btn', function() {
2976		- var botId = getBotIdFromElement(this);
2977		- var pdfInput = getElementDOM(botId, 'pdf-upload');
2978		- if (pdfInput) pdfInput.click();
	1280	+
	1281	+ // Add to Cart button handler
	1282	+ $(document).on('click', '.mxchat-add-to-cart-button', function() {
	1283	+ var productId = $(this).data('product-id');
	1284	+ // Add a special prefix to indicate this is from button
	1285	+ appendMessage("user", "add to cart");
	1286	+ sendMessageToChatbot("!addtocart"); // Special command to indicate button click
2979	1287	});
2980		-
2981		- // Word upload button handlers - use class selector
2982		- $(document).on('click', '.word-upload-btn', function() {
2983		- var botId = getBotIdFromElement(this);
2984		- var wordInput = getElementDOM(botId, 'word-upload');
2985		- if (wordInput) wordInput.click();
2986		- });
2987	1288
	1289	+ // PDF upload button handlers
	1290	+ if (document.getElementById('pdf-upload-btn')) {
	1291	+ document.getElementById('pdf-upload-btn').addEventListener('click', function() {
	1292	+ document.getElementById('pdf-upload').click();
	1293	+ });
	1294	+ }
	1295	+
	1296	+ // Word upload button handlers
	1297	+ if (document.getElementById('word-upload-btn')) {
	1298	+ document.getElementById('word-upload-btn').addEventListener('click', function() {
	1299	+ document.getElementById('word-upload').click();
	1300	+ });
	1301	+ }
	1302	+
2988	1303	// PDF file input change handler
2989	1304	addSafeEventListener('pdf-upload', 'change', async function(e) {
2990	1305	const file = e.target.files[0];
2991	1306
		@@ -2994,13 +1309,15 @@
2994	1309	return;
2995	1310	}
2996	1311
2997	1312	if (!sessionId) {
	1313	+ console.error('No session ID found');
2998	1314	alert('Error: No session ID found');
2999	1315	return;
3000	1316	}
3001		-
	1317	+
3002	1318	if (!mxchatChat || !mxchatChat.ajax_url || !mxchatChat.nonce) {
	1319	+ console.error('mxchatChat not properly configured:', mxchatChat);
3003	1320	alert('Error: Ajax configuration missing');
3004	1321	return;
3005	1322	}
3006	1323
		@@ -3009,10 +1326,8 @@
3009	1326	const sendBtn = document.getElementById('send-button');
3010	1327	const originalBtnContent = uploadBtn.innerHTML;
3011	1328
3012	1329	try {
3013		- // Wait for page-cache nonce refresh before reading mxchatChat.nonce. See plan-c5457f.
3014		- await new Promise(function(resolve) { refreshNonceIfNeeded(resolve); });
3015	1330	const formData = new FormData();
3016	1331	formData.append('action', 'mxchat_upload_pdf');
3017	1332	formData.append('pdf_file', file);
3018	1333	formData.append('session_id', sessionId);
		@@ -3033,12 +1348,12 @@
3033	1348
3034	1349	if (data.success) {
3035	1350	// Hide popular questions if they exist
3036	1351	const popularQuestionsContainer = document.getElementById('mxchat-popular-questions');
3037		- if (hasQuickQuestions()) {
3038		- collapseQuickQuestions();
	1352	+ if (popularQuestionsContainer) {
	1353	+ popularQuestionsContainer.style.display = 'none';
3039	1354	}
3040		-
	1355	+
3041	1356	// Show the active PDF name
3042	1357	showActivePdf(data.data.filename);
3043	1358
3044	1359	appendMessage('bot', data.data.message);
		@@ -3044,11 +1359,13 @@
3044	1359	appendMessage('bot', data.data.message);
3045	1360	scrollToBottom();
3046	1361	activePdfFile = data.data.filename;
3047	1362	} else {
	1363	+ console.error('Upload failed:', data.data);
3048	1364	alert('Failed to upload PDF. Please try again.');
3049	1365	}
3050	1366	} catch (error) {
	1367	+ console.error('Upload error:', error);
3051	1368	alert('Error uploading file. Please try again.');
3052	1369	} finally {
3053	1370	uploadBtn.disabled = false;
3054	1371	sendBtn.disabled = false;
		@@ -3066,12 +1383,13 @@
3066	1383	return;
3067	1384	}
3068	1385
3069	1386	if (!sessionId) {
	1387	+ console.error('No session ID found');
3070	1388	alert('Error: No session ID found');
3071	1389	return;
3072	1390	}
3073		-
	1391	+
3074	1392	// Disable buttons and show loading state
3075	1393	const uploadBtn = document.getElementById('word-upload-btn');
3076	1394	const sendBtn = document.getElementById('send-button');
3077	1395	const originalBtnContent = uploadBtn.innerHTML;
		@@ -3076,10 +1394,8 @@
3076	1394	const sendBtn = document.getElementById('send-button');
3077	1395	const originalBtnContent = uploadBtn.innerHTML;
3078	1396
3079	1397	try {
3080		- // Wait for page-cache nonce refresh before reading mxchatChat.nonce. See plan-c5457f.
3081		- await new Promise(function(resolve) { refreshNonceIfNeeded(resolve); });
3082	1398	const formData = new FormData();
3083	1399	formData.append('action', 'mxchat_upload_word');
3084	1400	formData.append('word_file', file);
3085	1401	formData.append('session_id', sessionId);
		@@ -3100,10 +1416,10 @@
3100	1416
3101	1417	if (data.success) {
3102	1418	// Hide popular questions if they exist
3103	1419	const popularQuestionsContainer = document.getElementById('mxchat-popular-questions');
3104		- if (hasQuickQuestions()) {
3105		- collapseQuickQuestions();
	1420	+ if (popularQuestionsContainer) {
	1421	+ popularQuestionsContainer.style.display = 'none';
3106	1422	}
3107	1423
3108	1424	// Show the active Word document name
3109	1425	showActiveWord(data.data.filename);
		@@ -3111,11 +1427,13 @@
3111	1427	appendMessage('bot', data.data.message);
3112	1428	scrollToBottom();
3113	1429	activeWordFile = data.data.filename;
3114	1430	} else {
	1431	+ console.error('Upload failed:', data.data);
3115	1432	alert('Failed to upload Word document. Please try again.');
3116	1433	}
3117	1434	} catch (error) {
	1435	+ console.error('Upload error:', error);
3118	1436	alert('Error uploading file. Please try again.');
3119	1437	} finally {
3120	1438	uploadBtn.disabled = false;
3121	1439	sendBtn.disabled = false;
		@@ -3172,640 +1490,164 @@
3172	1490	});
3173	1491	});
3174	1492
3175	1493
3176		-// ====================================
3177		-// INIT LOADER & CHAT CONTAINER HELPERS
3178		-// ====================================
3179		-// These must be outside the email collection block so they're always available
3180		-// (used by persistence loading even when email collection is off)
3181		-
3182		-function showInitLoader(botId) {
3183		- var loader = getElementDOM(botId, 'mxchat-init-loader');
3184		- if (loader) loader.style.display = 'flex';
3185		-}
3186		-
3187		-function hideInitLoader(botId) {
3188		- var loader = getElementDOM(botId, 'mxchat-init-loader');
3189		- if (loader) loader.style.display = 'none';
3190		-}
3191		-
3192		-function showEmailFormForBot(botId) {
3193		- hideInitLoader(botId);
3194		- var emailBlocker = getElementDOM(botId, 'email-blocker');
3195		- var chatContainer = getElementDOM(botId, 'chat-container');
3196		- if (emailBlocker) emailBlocker.style.display = 'flex';
3197		- if (chatContainer) chatContainer.style.display = 'none';
3198		-}
3199		-
3200		-function showChatContainerForBot(botId) {
3201		- var emailBlocker = getElementDOM(botId, 'email-blocker');
3202		- var chatContainer = getElementDOM(botId, 'chat-container');
3203		- if (emailBlocker) emailBlocker.style.display = 'none';
3204		-
3205		- var instance = MxChatInstances.get(botId);
3206		- var chatPersistenceEnabled = mxchatChat.chat_persistence_toggle === 'on';
3207		-
3208		- // If persistence is on and history hasn't loaded yet, show loader
3209		- // while history loads to prevent flash of empty chat
3210		- if (chatPersistenceEnabled && !instance.chatHistoryLoaded) {
3211		- if (chatContainer) chatContainer.style.display = 'none';
3212		- showInitLoader(botId);
3213		- loadChatHistory(botId, function() {
3214		- hideInitLoader(botId);
3215		- if (chatContainer) chatContainer.style.display = 'flex';
3216		- scrollToBottom(botId, true);
3217		- });
3218		- } else {
3219		- hideInitLoader(botId);
3220		- if (chatContainer) chatContainer.style.display = 'flex';
3221		- if (typeof loadChatHistory === 'function') {
3222		- loadChatHistory(botId);
3223		- }
3224		- }
3225		-}
3226		-
3227		-// ====================================
3228		-// EMAIL COLLECTION SETUP - MULTI-INSTANCE VERSION
3229		-// ====================================
3230		-// Only run email collection setup if it's enabled
3231		-if (mxchatChat && mxchatChat.email_collection_enabled === 'on') {
3232		-
3233		- // Track submitting state per bot
3234		- const emailSubmittingState = {};
3235		-
3236		- // Add CSS animations for email form (once globally)
3237		- if (!document.getElementById('email-error-styles')) {
3238		- const style = document.createElement('style');
3239		- style.id = 'email-error-styles';
3240		- style.textContent = `
3241		- @keyframes fadeInError {
3242		- from { opacity: 0; transform: translateY(-5px); }
3243		- to { opacity: 1; transform: translateY(0); }
3244		- }
3245		- .email-input-shake {
3246		- animation: shake 0.5s ease-in-out;
3247		- }
3248		- @keyframes shake {
3249		- 0%, 100% { transform: translateX(0); }
3250		- 25% { transform: translateX(-5px); }
3251		- 75% { transform: translateX(5px); }
3252		- }
3253		- @keyframes spin {
3254		- from { transform: rotate(0deg); }
3255		- to { transform: rotate(360deg); }
3256		- }
3257		- .email-spinner {
3258		- display: inline-block;
3259		- vertical-align: middle;
3260		- }
3261		- `;
3262		- document.head.appendChild(style);
3263		- }
3264		-
3265		- function isValidEmailAddress(email) {
3266		- const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
3267		- return emailRegex.test(email.trim()) && email.length <= 254;
3268		- }
3269		-
3270		- function isValidNameInput(name) {
3271		- return name && name.trim().length >= 2 && name.trim().length <= 100;
3272		- }
3273		-
3274		- /**
3275		- * Replace {visitor_name} placeholder in intro message with actual visitor name
3276		- * @param {string} botId - The bot instance ID
3277		- * @param {string} visitorName - The visitor's name to insert
3278		- */
3279		- function replaceVisitorNamePlaceholder(botId, visitorName) {
3280		- var chatBox = getElementDOM(botId, 'chat-box');
3281		- if (!chatBox) return;
3282		-
3283		- // Find the first bot message (intro message)
3284		- var introMessage = chatBox.querySelector('.bot-message');
3285		- if (!introMessage) return;
3286		-
3287		- var messageContent = introMessage.querySelector('div[dir="auto"]');
3288		- if (!messageContent) return;
3289		-
3290		- var html = messageContent.innerHTML;
3291		-
3292		- // Replace {visitor_name} placeholder (case-insensitive)
3293		- if (visitorName && visitorName.trim()) {
3294		- // Escape HTML to prevent XSS
3295		- var safeName = $('<div>').text(visitorName.trim()).html();
3296		- html = html.replace(/\{visitor_name\}/gi, safeName);
3297		- } else {
3298		- // Remove placeholder and clean up spacing if no name provided
3299		- html = html.replace(/\{visitor_name\}/gi, '');
3300		- // Clean up any double spaces that might result
3301		- html = html.replace(/\s{2,}/g, ' ').trim();
3302		- }
3303		-
3304		- messageContent.innerHTML = html;
3305		- }
3306		-
3307		- function setEmailSubmissionState(botId, loading) {
3308		- var submitButton = getElementDOM(botId, 'email-submit-button');
3309		- var emailInput = getElementDOM(botId, 'user-email');
3310		- var nameInput = getElementDOM(botId, 'user-name');
3311		-
3312		- if (loading) {
3313		- emailSubmittingState[botId] = true;
3314		- if (submitButton) submitButton.disabled = true;
3315		- if (emailInput) emailInput.disabled = true;
3316		- if (nameInput) nameInput.disabled = true;
3317		-
3318		- if (submitButton && !submitButton.getAttribute('data-original-html')) {
3319		- submitButton.setAttribute('data-original-html', submitButton.innerHTML);
3320		- const originalText = submitButton.textContent;
3321		- submitButton.innerHTML = `
3322		- <svg class="email-spinner" style="width: 16px; height: 16px; margin-right: 8px; animation: spin 1s linear infinite;" viewBox="0 0 24 24">
3323		- <circle cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4" fill="none" stroke-dasharray="31.416" stroke-dashoffset="31.416">
3324		- <animate attributeName="stroke-dasharray" dur="2s" values="0 31.416;15.708 15.708;0 31.416" repeatCount="indefinite"/>
3325		- <animate attributeName="stroke-dashoffset" dur="2s" values="0;-15.708;-31.416" repeatCount="indefinite"/>
3326		- </circle>
3327		- </svg>
3328		- ${originalText}
3329		- `;
3330		- submitButton.style.opacity = '0.8';
3331		- }
3332		- } else {
3333		- emailSubmittingState[botId] = false;
3334		- if (submitButton) submitButton.disabled = false;
3335		- if (emailInput) emailInput.disabled = false;
3336		- if (nameInput) nameInput.disabled = false;
3337		-
3338		- if (submitButton) {
3339		- const originalHtml = submitButton.getAttribute('data-original-html');
3340		- if (originalHtml) {
3341		- submitButton.innerHTML = originalHtml;
3342		- }
3343		- submitButton.style.opacity = '1';
3344		- }
3345		- }
3346		- }
3347		-
3348		- function showEmailError(botId, message) {
3349		- clearEmailError(botId);
3350		-
3351		- var emailForm = getElementDOM(botId, 'email-collection-form');
3352		- if (!emailForm) return;
3353		-
3354		- const errorDiv = document.createElement('div');
3355		- errorDiv.className = 'email-error';
3356		- errorDiv.style.cssText = `
3357		- color: #e74c3c;
3358		- font-size: 12px;
3359		- margin-top: 8px;
3360		- padding: 4px 0;
3361		- animation: fadeInError 0.3s ease;
3362		- `;
3363		- errorDiv.textContent = message;
3364		- emailForm.appendChild(errorDiv);
3365		-
3366		- // Add shake animation to inputs
3367		- var emailInput = getElementDOM(botId, 'user-email');
3368		- var nameInput = getElementDOM(botId, 'user-name');
3369		-
3370		- if (emailInput) {
3371		- emailInput.classList.add('email-input-shake');
3372		- setTimeout(() => emailInput.classList.remove('email-input-shake'), 500);
3373		- }
3374		- if (nameInput) {
3375		- nameInput.classList.add('email-input-shake');
3376		- setTimeout(() => nameInput.classList.remove('email-input-shake'), 500);
3377		- }
3378		- }
3379		-
3380		- function clearEmailError(botId) {
3381		- var emailForm = getElementDOM(botId, 'email-collection-form');
3382		- if (emailForm) {
3383		- const existingErrors = emailForm.querySelectorAll('.email-error');
3384		- existingErrors.forEach(error => error.remove());
3385		- }
3386		- }
3387		-
3388		- // Resolve email state using server-side data when available, AJAX fallback otherwise
3389		- function resolveEmailState(botId) {
3390		- if (mxchatChat.skip_email_check && mxchatChat.initial_email_state) {
3391		- if (mxchatChat.initial_email_state.show_email_form) {
3392		- showEmailFormForBot(botId);
3393		- } else {
3394		- showChatContainerForBot(botId);
3395		- }
3396		- } else {
3397		- checkSessionAndEmailForBot(botId);
3398		- }
3399		- }
3400		-
3401		- function checkSessionAndEmailForBot(botId) {
3402		- const sessionId = MxChatInstances.ensureSession(botId);
3403		-
3404		- // Hide both panels while we check — show loader instead
3405		- var emailBlocker = getElementDOM(botId, 'email-blocker');
3406		- var chatContainer = getElementDOM(botId, 'chat-container');
3407		- if (emailBlocker) emailBlocker.style.display = 'none';
3408		- if (chatContainer) chatContainer.style.display = 'none';
3409		- showInitLoader(botId);
3410		-
3411		- fetch(mxchatChat.ajax_url, {
3412		- method: 'POST',
3413		- headers: {
3414		- 'Content-Type': 'application/x-www-form-urlencoded',
3415		- },
3416		- body: new URLSearchParams({
3417		- action: 'mxchat_check_email_provided',
3418		- session_id: sessionId,
3419		- nonce: mxchatChat.nonce,
	1494	+ // ====================================
	1495	+ // EMAIL COLLECTION SETUP
	1496	+ // ====================================
	1497	+
	1498	+ // Email collection form setup and handlers
	1499	+ const emailForm = document.getElementById('email-collection-form');
	1500	+ const emailBlocker = document.getElementById('email-blocker');
	1501	+ const chatbotWrapper = document.getElementById('chat-container');
	1502	+
	1503	+ if (emailForm && emailBlocker && chatbotWrapper) {
	1504	+ // Check if email exists for the current session
	1505	+ function checkSessionAndEmail() {
	1506	+ const sessionId = getChatSession();
	1507	+ //console.log("[DEBUG JS] checkSessionAndEmail -> sessionId:", sessionId);
	1508	+
	1509	+ fetch(mxchatChat.ajax_url, {
	1510	+ method: 'POST',
	1511	+ headers: {
	1512	+ 'Content-Type': 'application/x-www-form-urlencoded',
	1513	+ },
	1514	+ body: new URLSearchParams({
	1515	+ action: 'mxchat_check_email_provided',
	1516	+ session_id: sessionId,
	1517	+ nonce: mxchatChat.nonce,
	1518	+ }),
3420	1519	})
3421		- })
3422		- .then((response) => {
3423		- if (!response.ok) {
3424		- throw new Error(`HTTP error! status: ${response.status}`);
3425		- }
3426		- return response.json();
3427		- })
3428		- .then((data) => {
3429		- if (data.success) {
3430		- if (data.data.logged_in || data.data.email) {
3431		- showChatContainerForBot(botId);
	1520	+ .then((response) => response.json())
	1521	+ .then((data) => {
	1522	+ //console.log("[DEBUG JS] mxchat_check_email_provided response:", data);
	1523	+
	1524	+ if (data.success) {
	1525	+ if (data.data.logged_in) {
	1526	+ //console.log("[DEBUG JS] User is logged in. Hiding email form.");
	1527	+ emailBlocker.style.display = 'none';
	1528	+ chatbotWrapper.style.display = 'flex';
	1529	+ } else if (data.data.email) {
	1530	+ //console.log("[DEBUG JS] Email found for session. Hiding email form.");
	1531	+ emailBlocker.style.display = 'none';
	1532	+ chatbotWrapper.style.display = 'flex';
	1533	+ } else {
	1534	+ //console.log("[DEBUG JS] No email provided. Showing email form.");
	1535	+ emailBlocker.style.display = 'flex';
	1536	+ chatbotWrapper.style.display = 'none';
	1537	+ }
3432	1538	} else {
3433		- showEmailFormForBot(botId);
	1539	+ //console.log("[DEBUG JS] Error or no data received. Showing email form.");
	1540	+ emailBlocker.style.display = 'flex';
	1541	+ chatbotWrapper.style.display = 'none';
3434	1542	}
3435		- } else {
3436		- showEmailFormForBot(botId);
3437		- }
3438		- })
3439		- .catch((error) => {
3440		- showEmailFormForBot(botId);
3441		- });
3442		- }
3443		-
3444		- // Event delegation for email form submission
3445		- $(document).on('submit', '.email-collection-form', function(e) {
3446		- e.preventDefault();
3447		- e.stopPropagation();
3448		-
3449		- var botId = getBotIdFromElement(this);
3450		-
3451		- // Prevent double submission
3452		- if (emailSubmittingState[botId]) {
3453		- return false;
	1543	+ })
	1544	+ .catch((error) => {
	1545	+ // console.error("[DEBUG JS] Fetch error -> forcing email form visible:", error);
	1546	+ emailBlocker.style.display = 'flex';
	1547	+ chatbotWrapper.style.display = 'none';
	1548	+ });
3454	1549	}
3455		-
3456		- var emailInput = getElementDOM(botId, 'user-email');
3457		- var nameInput = getElementDOM(botId, 'user-name');
3458		- var userEmail = emailInput ? emailInput.value.trim() : '';
3459		- var userName = nameInput ? nameInput.value.trim() : '';
3460		- var sessionId = MxChatInstances.ensureSession(botId);
3461		-
3462		- // Validate email
3463		- if (!userEmail) {
3464		- showEmailError(botId, 'Please enter your email address.');
3465		- return false;
3466		- }
3467		-
3468		- if (!isValidEmailAddress(userEmail)) {
3469		- showEmailError(botId, 'Please enter a valid email address.');
3470		- return false;
3471		- }
3472		-
3473		- // Validate name if field exists and has content
3474		- if (nameInput && userName && !isValidNameInput(userName)) {
3475		- showEmailError(botId, 'Please enter a valid name (2-100 characters).');
3476		- return false;
3477		- }
3478		-
3479		- clearEmailError(botId);
3480		- setEmailSubmissionState(botId, true);
3481		-
3482		- // Prepare form data
3483		- const formData = new URLSearchParams({
3484		- action: 'mxchat_handle_save_email_and_response',
3485		- email: userEmail,
3486		- session_id: sessionId,
3487		- nonce: mxchatChat.nonce,
3488		- });
3489		-
3490		- if (userName) {
3491		- formData.append('name', userName);
3492		- }
3493		-
3494		- fetch(mxchatChat.ajax_url, {
3495		- method: 'POST',
3496		- headers: {
3497		- 'Content-Type': 'application/x-www-form-urlencoded',
3498		- },
3499		- body: formData
3500		- })
3501		- .then((response) => {
3502		- if (!response.ok) {
3503		- throw new Error(`HTTP error! status: ${response.status}`);
3504		- }
3505		- return response.json();
3506		- })
3507		- .then((data) => {
3508		- setEmailSubmissionState(botId, false);
3509		-
3510		- if (data.success) {
3511		- showChatContainerForBot(botId);
3512		-
3513		- // Replace {visitor_name} placeholder in intro message with actual name
3514		- if (userName) {
3515		- replaceVisitorNamePlaceholder(botId, userName);
3516		- } else {
3517		- // Remove placeholder if no name provided
3518		- replaceVisitorNamePlaceholder(botId, '');
3519		- }
3520		-
3521		- if (data.message && typeof appendMessage === 'function') {
3522		- setTimeout(() => {
3523		- appendMessage('bot', data.message, '', [], false, botId);
3524		- if (typeof scrollToBottom === 'function') {
3525		- scrollToBottom(botId);
	1550	+
	1551	+ // Handle email form submission
	1552	+ emailForm.addEventListener('submit', function (event) {
	1553	+ event.preventDefault();
	1554	+ const userEmail = document.getElementById('user-email').value;
	1555	+ const sessionId = getChatSession();
	1556	+
	1557	+ if (userEmail) {
	1558	+ fetch(mxchatChat.ajax_url, {
	1559	+ method: 'POST',
	1560	+ headers: {
	1561	+ 'Content-Type': 'application/x-www-form-urlencoded',
	1562	+ },
	1563	+ body: new URLSearchParams({
	1564	+ action: 'mxchat_handle_save_email_and_response',
	1565	+ email: userEmail,
	1566	+ session_id: sessionId,
	1567	+ nonce: mxchatChat.nonce,
	1568	+ }),
	1569	+ })
	1570	+ .then((response) => response.json())
	1571	+ .then((data) => {
	1572	+ //console.log('Backend response:', data);
	1573	+ if (data.success) {
	1574	+ //console.log('Email saved successfully:', userEmail);
	1575	+ emailBlocker.style.display = 'none';
	1576	+ chatbotWrapper.style.display = 'flex';
	1577	+
	1578	+ // Optionally handle bot response
	1579	+ if (data.message) {
	1580	+ appendMessage('bot', data.message);
	1581	+ scrollToBottom();
3526	1582	}
3527		- }, 100);
3528		- }
3529		- } else {
3530		- showEmailError(botId, data.message || 'Failed to save email. Please try again.');
	1583	+ } else {
	1584	+ console.error('Error saving email:', data.message || 'Unknown error');
	1585	+ }
	1586	+ })
	1587	+ .catch((error) => {
	1588	+ console.error('AJAX error:', error);
	1589	+ });
3531	1590	}
3532		- })
3533		- .catch((error) => {
3534		- setEmailSubmissionState(botId, false);
3535		- showEmailError(botId, 'An error occurred. Please try again.');
3536	1591	});
	1592	+
	1593	+ // Check session and email status on page load
	1594	+ checkSessionAndEmail();
	1595	+ } else if (mxchatChat.email_collection_enabled) {
	1596	+ // Only show error if email collection is enabled but elements are missing
	1597	+ console.error('Essential elements for email handling are missing.');
	1598	+ }
3537	1599
3538		- return false;
3539		- });
3540		-
3541		- // Real-time email validation using event delegation
3542		- $(document).on('input', '.mxchat-email-input', function() {
3543		- var botId = getBotIdFromElement(this);
3544		- var $input = $(this);
3545		-
3546		- // Clear previous timeout
3547		- clearTimeout($input.data('validationTimeout'));
3548		-
3549		- // Debounce validation
3550		- var timeout = setTimeout(() => {
3551		- var email = this.value.trim();
3552		- clearEmailError(botId);
3553		-
3554		- if (email && !isValidEmailAddress(email)) {
3555		- showEmailError(botId, 'Please enter a valid email address.');
3556		- }
3557		- }, 500);
3558		-
3559		- $input.data('validationTimeout', timeout);
3560		- });
3561		-
3562		- // Handle Enter key in email input
3563		- $(document).on('keypress', '.mxchat-email-input', function(e) {
3564		- if (e.key === 'Enter') {
3565		- e.preventDefault();
3566		- var botId = getBotIdFromElement(this);
3567		- if (!emailSubmittingState[botId]) {
3568		- $(this).closest('.email-collection-form').submit();
3569		- }
3570		- }
3571		- });
3572		-
3573		- // Handle Enter key in name input
3574		- $(document).on('keypress', '.mxchat-name-input', function(e) {
3575		- if (e.key === 'Enter') {
3576		- e.preventDefault();
3577		- var botId = getBotIdFromElement(this);
3578		- if (!emailSubmittingState[botId]) {
3579		- $(this).closest('.email-collection-form').submit();
3580		- }
3581		- }
3582		- });
3583		-
3584		- // Initialize email check for all bot instances
3585		- // For floating bots: defer until widget is opened (zero passive AJAX)
3586		- // For embedded bots: check immediately since the form is visible
3587		- $('.mxchat-chatbot-wrapper').each(function() {
3588		- var botId = $(this).data('bot-id') || 'default';
3589		- var emailBlocker = getElementDOM(botId, 'email-blocker');
3590		-
3591		- if (emailBlocker) {
3592		- if (isEmbeddedBot(botId)) {
3593		- // Embedded bots are always visible — check now
3594		- resolveEmailState(botId);
3595		- }
3596		- // Floating bots: handled in the widget open handler
3597		- } else if (isEmbeddedBot(botId)) {
3598		- // Embedded bot, no email collection — load history with loader
3599		- var chatPersistenceEnabled = typeof mxchatChat !== 'undefined' && mxchatChat.chat_persistence_toggle === 'on';
3600		- if (chatPersistenceEnabled) {
3601		- MxChatInstances.ensureSession(botId);
3602		- showChatContainerForBot(botId);
3603		- }
3604		- }
3605		- });
3606		-}
3607		-
3608		- // Open chatbot when pre-chat message is clicked - use class selector for multi-instance
3609		- $(document).on('click', '.pre-chat-message', function() {
3610		- var botId = getBotIdFromElement(this);
3611		- var $chatbot = getElement(botId, 'floating-chatbot');
3612		- if ($chatbot.hasClass('hidden')) {
3613		- $chatbot.removeClass('hidden').addClass('visible');
3614		- getElement(botId, 'floating-chatbot-button').addClass('hidden');
3615		- handlePreChatDismissal(botId);
	1600	+ // Open chatbot when pre-chat message is clicked
	1601	+ $(document).on('click', '#pre-chat-message', function() {
	1602	+ var chatbot = $('#floating-chatbot');
	1603	+ if (chatbot.hasClass('hidden')) {
	1604	+ chatbot.removeClass('hidden').addClass('visible');
	1605	+ $('#floating-chatbot-button').addClass('hidden');
	1606	+ $('#pre-chat-message').fadeOut(250); // Hide pre-chat message
3616	1607	disableScroll(); // Disable scroll when chatbot opens
3617		-
3618		- // Load chat history for returning visitors (persistence)
3619		- var chatPersistenceEnabled = typeof mxchatChat !== 'undefined' && mxchatChat.chat_persistence_toggle === 'on';
3620		- if (chatPersistenceEnabled) {
3621		- MxChatInstances.ensureSession(botId);
3622		- }
3623		-
3624		- // Deferred email check — only on first widget open
3625		- var emailBlocker = getElementDOM(botId, 'email-blocker');
3626		- var instance = MxChatInstances.get(botId);
3627		- if (emailBlocker && !instance.emailCheckDone) {
3628		- instance.emailCheckDone = true;
3629		- resolveEmailState(botId);
3630		- } else if (!emailBlocker) {
3631		- showChatContainerForBot(botId);
3632		- }
3633	1608	}
3634	1609	});
3635	1610
3636		- // Legacy duplicate close handler removed — handled by single event delegation above
	1611	+ var closeButton = document.querySelector('.close-pre-chat-message');
	1612	+ if (closeButton) {
	1613	+ closeButton.addEventListener('click', function() {
	1614	+ $('#pre-chat-message').fadeOut(200); // Hide the message
3637	1615
3638		-
3639		-function hasQuickQuestions(botId) {
3640		- botId = botId || 'default';
3641		- var questionsContainer = getElementDOM(botId, 'mxchat-popular-questions');
3642		- if (!questionsContainer) return false;
3643		- const questionButtons = questionsContainer.querySelectorAll('.mxchat-popular-question');
3644		- return questionButtons.length > 0;
3645		-}
3646		-
3647		-/**
3648		- * Check if a bot is embedded (not floating)
3649		- * Embedded bots don't have a .floating-chatbot wrapper
3650		- */
3651		-function isEmbeddedBot(botId) {
3652		- botId = botId || 'default';
3653		- var floatingWrapper = document.getElementById('floating-chatbot-' + botId);
3654		- return !floatingWrapper;
3655		-}
3656		-
3657		-function collapseQuickQuestions(botId) {
3658		- botId = botId || 'default';
3659		- const questionsContainer = getElementDOM(botId, 'mxchat-popular-questions');
3660		- if (questionsContainer && hasQuickQuestions(botId)) {
3661		- questionsContainer.classList.add('collapsed');
3662		- questionsContainer.classList.add('has-been-collapsed');
3663		- try {
3664		- sessionStorage.setItem('mxchat_questions_collapsed_' + botId, 'true');
3665		- sessionStorage.setItem('mxchat_questions_has_been_collapsed_' + botId, 'true');
3666		- } catch (e) {
3667		- // Ignore if sessionStorage is not available
3668		- }
3669		- }
3670		-}
3671		-
3672		-function expandQuickQuestions(botId) {
3673		- botId = botId || 'default';
3674		- const questionsContainer = getElementDOM(botId, 'mxchat-popular-questions');
3675		- if (questionsContainer && hasQuickQuestions(botId)) {
3676		- questionsContainer.classList.remove('collapsed');
3677		- try {
3678		- sessionStorage.setItem('mxchat_questions_collapsed_' + botId, 'false');
3679		- } catch (e) {
3680		- // Ignore if sessionStorage is not available
3681		- }
3682		- }
3683		-}
3684		-
3685		-function checkQuickQuestionsState(botId) {
3686		- botId = botId || 'default';
3687		- if (!hasQuickQuestions(botId)) {
3688		- return; // Don't do anything if no questions exist
3689		- }
3690		-
3691		- // Skip restoring collapsed state for embedded bots - they should always start expanded
3692		- if (isEmbeddedBot(botId)) {
3693		- return;
3694		- }
3695		-
3696		- try {
3697		- const isCollapsed = sessionStorage.getItem('mxchat_questions_collapsed_' + botId);
3698		- const hasBeenCollapsed = sessionStorage.getItem('mxchat_questions_has_been_collapsed_' + botId);
3699		-
3700		- const questionsContainer = getElementDOM(botId, 'mxchat-popular-questions');
3701		- if (questionsContainer) {
3702		- if (hasBeenCollapsed === 'true') {
3703		- questionsContainer.classList.add('has-been-collapsed');
3704		- }
3705		- if (isCollapsed === 'true') {
3706		- questionsContainer.classList.add('collapsed');
3707		- }
3708		- }
3709		- } catch (e) {
3710		- // Ignore if sessionStorage is not available
3711		- }
3712		-}
3713		-
3714		-// Global delegation for dynamically added links as fallback
3715		-// Use class selector for multi-instance support
3716		-$(document).on('click', '.chat-box a[href]:not([data-tracked])', function(e) {
3717		- const $link = $(this);
3718		- const messageDiv = $link.closest('.bot-message, .agent-message');
3719		-
3720		- // Only process bot/agent message links
3721		- if (messageDiv.length > 0) {
3722		- const originalHref = $link.attr('href');
3723		-
3724		- if (originalHref && (originalHref.startsWith('http://') || originalHref.startsWith('https://'))) {
3725		- e.preventDefault();
3726		- e.stopPropagation();
3727		-
3728		- // Mark as tracked
3729		- $link.attr('data-tracked', 'true');
3730		-
3731		- // Get bot ID from the chat box context
3732		- var botId = getBotIdFromElement(this);
3733		-
3734		- // Get message context from the message div
3735		- const messageText = messageDiv.text().substring(0, 200);
3736		-
	1616	+ // Send an AJAX request to set the transient flag for 24 hours
3737	1617	$.ajax({
3738	1618	url: mxchatChat.ajax_url,
3739	1619	type: 'POST',
3740	1620	data: {
3741		- action: 'mxchat_track_url_click',
3742		- session_id: getChatSession(botId),
3743		- url: originalHref,
3744		- message_context: messageText,
3745		- nonce: mxchatChat.nonce
	1621	+ action: 'mxchat_dismiss_pre_chat_message',
	1622	+ _ajax_nonce: mxchatChat.nonce
3746	1623	},
3747		- complete: function() {
3748		- if ($link.attr('target') === '_blank' || linkTarget === '_blank') {
3749		- window.open(originalHref, '_blank');
3750		- } else {
3751		- window.location.href = originalHref;
3752		- }
	1624	+ success: function() {
	1625	+ //console.log('Pre-chat message dismissed for 24 hours.');
	1626	+
	1627	+ // Ensure the message is hidden after dismissal
	1628	+ $('#pre-chat-message').hide();
	1629	+ },
	1630	+ error: function() {
	1631	+ //console.error('Failed to dismiss pre-chat message.');
3753	1632	}
3754	1633	});
3755		-
3756		- return false;
3757		- }
	1634	+ });
3758	1635	}
3759		-});
3760		-
3761	1636	// ====================================
3762	1637	// MAIN INITIALIZATION
3763	1638	// ====================================
3764		-
3765		- // Initialize all chatbot instances on the page
3766		- initializeAllInstances();
3767		-
3768		- // Legacy initialization for single bot compatibility
3769		- $('.floating-chatbot.hidden').each(function() {
3770		- var botId = getBotIdFromElement(this);
3771		- getElement(botId, 'floating-chatbot-button').removeClass('hidden');
3772		- });
3773		-
	1639	+
	1640	+ if ($('#floating-chatbot').hasClass('hidden')) {
	1641	+ $('#floating-chatbot-button').removeClass('hidden');
	1642	+ }
3774	1643	// Initialize when document is ready
3775	1644	setFullHeight();
	1645	+ initializeChatVisibility();
	1646	+ loadChatHistory();
3776	1647
3777		- // Note: trackOriginatingPage() and loadChatHistory() are now deferred
3778		- // until the user's first interaction via MxChatInstances.ensureSession()
3779		-
3780		- // Initialize chat visibility for all instances
3781		- $('.mxchat-chatbot-wrapper').each(function() {
3782		- var botId = $(this).data('bot-id') || 'default';
3783		- initializeChatVisibility(botId);
3784		- });
3785		-
3786		- // Make functions globally available for add-ons
3787		- window.hasQuickQuestions = hasQuickQuestions;
3788		- window.collapseQuickQuestions = collapseQuickQuestions;
3789		- window.appendMessage = appendMessage;
3790		- window.appendThinkingMessage = appendThinkingMessage;
3791		- window.scrollToBottom = scrollToBottom;
3792		- window.scrollElementToTop = scrollElementToTop;
3793		- window.replaceLastMessage = replaceLastMessage;
3794		- window.callMxChat = callMxChat;
3795		- window.callMxChatStream = callMxChatStream;
3796		- window.shouldUseStreaming = shouldUseStreaming;
3797		- window.getChatSession = getChatSession;
3798		- window.getPageContext = getPageContext;
3799		- window.updateStreamingMessage = updateStreamingMessage;
3800		- window.MxChatInstances = MxChatInstances;
3801		- window.getElement = getElement;
3802		- window.getElementDOM = getElementDOM;
3803		- window.getBotIdFromElement = getBotIdFromElement;
3804		-
3805	1648	}); // End of jQuery ready
3806	1649
3807		-
3808	1650	// ====================================
3809	1651	// GLOBAL EVENT LISTENERS (Outside jQuery)
3810	1652	// ====================================
3811	1653
		@@ -3831,263 +1673,8 @@
3831	1673	}
3832	1674	}
3833	1675	});
3834	1676
3835		-// ============================================================================
3836		-// SATISFACTION RATING (v3.2.6)
3837		-// ============================================================================
3838		-// Per-session 👍/👎 prompt that appears in the chat-box after 60s of user
3839		-// inactivity following a bot reply. One prompt per session, deduped via
3840		-// localStorage. Disabled site-wide when mxchatChat.satisfaction_rating_enabled
3841		-// is exactly false (default ON).
3842		-jQuery(function($) {
3843		- if (typeof mxchatChat === 'undefined') return;
3844		- if (mxchatChat.satisfaction_rating_enabled === false || mxchatChat.satisfaction_rating_enabled === 'off') return;
3845		-
3846		- // wp_localize_script stringifies ints, so accept both number and numeric string.
3847		- var idleRaw = mxchatChat.satisfaction_rating_idle_seconds;
3848		- var idleSeconds = (typeof idleRaw === 'number') ? idleRaw : parseInt(idleRaw, 10);
3849		- if (!isFinite(idleSeconds)) idleSeconds = 60;
3850		- if (idleSeconds < 5) idleSeconds = 5;
3851		- if (idleSeconds > 600) idleSeconds = 600;
3852		- var IDLE_MS = idleSeconds * 1000;
3853		- var MIN_BOT_REPLIES = 2;
3854		- var ratingState = {};
3855		-
3856		- function getState(botId) {
3857		- if (!ratingState[botId]) {
3858		- ratingState[botId] = { idleTimer: null, botReplies: 0, promptShown: false, dismissed: false };
3859		- }
3860		- return ratingState[botId];
3861		- }
3862		-
3863		- function getSessionId(botId) {
3864		- if (typeof MxChatInstances !== 'undefined' && MxChatInstances.getChatSession) {
3865		- return MxChatInstances.getChatSession(botId);
3866		- }
3867		- return null;
3868		- }
3869		-
3870		- function isAlreadyRated(sessionId) {
3871		- if (!sessionId) return false;
3872		- try { return localStorage.getItem('mxchat_rated:' + sessionId) === '1'; } catch (e) { return false; }
3873		- }
3874		-
3875		- function markRated(sessionId) {
3876		- if (!sessionId) return;
3877		- try { localStorage.setItem('mxchat_rated:' + sessionId, '1'); } catch (e) {}
3878		- }
3879		-
3880		- function esc(s) {
3881		- return String(s == null ? '' : s)
3882		- .replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;')
3883		- .replace(/"/g, '&quot;').replace(/'/g, '&#039;');
3884		- }
3885		-
3886		- // Mirror shouldSkipInlineColors so rating bubbles defer to AI-theme CSS.
3887		- function ratingSkipInlineColors(botId) {
3888		- if (mxchatChat.skip_inline_colors) return true;
3889		- var botAssignments = mxchatChat.bot_theme_assignments || {};
3890		- return botAssignments.hasOwnProperty(botId);
3891		- }
3892		-
3893		- function botBubbleStyleAttr(botId) {
3894		- if (ratingSkipInlineColors(botId)) return '';
3895		- var bg = mxchatChat.bot_message_bg_color;
3896		- var fg = mxchatChat.bot_message_font_color;
3897		- if (!bg && !fg) return '';
3898		- return ' style="background-color: ' + esc(bg || '') + '; color: ' + esc(fg || '') + ';"';
3899		- }
3900		-
3901		- function copy(key) {
3902		- var c = mxchatChat.satisfaction_rating_copy || {};
3903		- var d = {
3904		- question: 'Was this helpful?',
3905		- helpful: 'Helpful',
3906		- not_helpful: 'Not helpful',
3907		- dismiss: 'Dismiss',
3908		- thanks: 'Thanks! Anything we should improve? (optional)',
3909		- placeholder: 'Tell us what could be better…',
3910		- send: 'Send',
3911		- skip: 'Skip',
3912		- saved: 'Thanks for the feedback.'
3913		- };
3914		- return c[key] || d[key];
3915		- }
3916		-
3917		- function thumbUpSvg() {
3918		- return '<svg viewBox="0 0 24 24" width="18" height="18" fill="currentColor" aria-hidden="true"><path d="M7.493 18.75c-.425 0-.82-.236-.975-.632A7.48 7.48 0 0 1 6 15.375c0-1.75.599-3.358 1.602-4.634.151-.192.373-.309.6-.397.473-.183.89-.514 1.212-.924a9.042 9.042 0 0 1 2.861-2.4c.723-.384 1.35-.956 1.653-1.715a4.498 4.498 0 0 0 .322-1.672V2.75A.75.75 0 0 1 15 2a2.25 2.25 0 0 1 2.25 2.25c0 1.152-.26 2.243-.723 3.218-.266.558.107 1.282.725 1.282h3.126c1.026 0 1.945.694 2.054 1.715.045.422.068.85.068 1.285a11.95 11.95 0 0 1-2.649 7.521c-.388.482-.987.729-1.605.729H14.23c-.483 0-.964-.078-1.423-.23l-3.114-1.04a4.501 4.501 0 0 0-1.423-.23h-.777Z"/><path d="M2.331 10.977a11.969 11.969 0 0 0-.831 4.398 12 12 0 0 0 .52 3.507c.26.85 1.084 1.368 1.973 1.368H4.9c.445 0 .72-.498.523-.898a8.963 8.963 0 0 1-.924-3.977c0-1.708.476-3.305 1.302-4.666.245-.403-.028-.959-.5-.959H4.25c-.832 0-1.612.453-1.918 1.227Z"/></svg>';
3919		- }
3920		- function thumbDownSvg() {
3921		- return '<svg viewBox="0 0 24 24" width="18" height="18" fill="currentColor" aria-hidden="true"><path d="M15.73 5.25h1.035A7.465 7.465 0 0 1 18 9.375a7.465 7.465 0 0 1-1.235 4.125h-.148c-.806 0-1.534.446-2.031 1.08a9.04 9.04 0 0 1-2.861 2.4c-.723.384-1.35.956-1.653 1.715a4.498 4.498 0 0 0-.322 1.672V21a.75.75 0 0 1-.75.75 2.25 2.25 0 0 1-2.25-2.25c0-1.152.26-2.243.723-3.218.266-.558-.107-1.282-.725-1.282H3.622c-1.026 0-1.945-.694-2.054-1.715A12.137 12.137 0 0 1 1.5 12c0-2.848.992-5.464 2.649-7.521C4.537 3.997 5.136 3.75 5.754 3.75h4.541c.483 0 .964.078 1.423.23l3.114 1.04c.46.152.94.23 1.423.23Z"/><path d="M21.669 13.023c.536-1.362.831-2.845.831-4.398 0-1.22-.182-2.398-.52-3.507-.26-.85-1.084-1.368-1.973-1.368H19.1c-.445 0-.72.498-.523.898.591 1.2.924 2.55.924 3.977a8.958 8.958 0 0 1-1.302 4.666c-.245.403.028.959.5.959h1.053c.832 0 1.612-.453 1.918-1.227Z"/></svg>';
3922		- }
3923		-
3924		- function buildPromptHtml(botId) {
3925		- var styleAttr = botBubbleStyleAttr(botId);
3926		- return ''
3927		- + '<div class="bot-message mxchat-rating-bot-bubble"' + styleAttr + '>'
3928		- + '<div class="mxchat-rating-prompt" data-bot-id="' + esc(botId) + '" role="group" aria-label="' + esc(copy('question')) + '">'
3929		- + '<div class="mxchat-rating-question">' + esc(copy('question')) + '</div>'
3930		- + '<div class="mxchat-rating-actions">'
3931		- + '<span class="mxchat-rating-buttons">'
3932		- + '<button type="button" class="mxchat-rating-btn" data-rating="1" aria-label="' + esc(copy('helpful')) + '">' + thumbUpSvg() + '</button>'
3933		- + '<button type="button" class="mxchat-rating-btn" data-rating="-1" aria-label="' + esc(copy('not_helpful')) + '">' + thumbDownSvg() + '</button>'
3934		- + '</span>'
3935		- + '<button type="button" class="mxchat-rating-dismiss" aria-label="' + esc(copy('dismiss')) + '">×</button>'
3936		- + '</div>'
3937		- + '</div>'
3938		- + '</div>';
3939		- }
3940		-
3941		- function buildFeedbackHtml(botId, rating) {
3942		- var styleAttr = botBubbleStyleAttr(botId);
3943		- return ''
3944		- + '<div class="bot-message mxchat-rating-bot-bubble"' + styleAttr + '>'
3945		- + '<div class="mxchat-rating-feedback" data-bot-id="' + esc(botId) + '" data-rating="' + esc(String(rating)) + '">'
3946		- + '<div class="mxchat-rating-feedback-label">' + esc(copy('thanks')) + '</div>'
3947		- + '<textarea class="mxchat-rating-feedback-input" maxlength="500" placeholder="' + esc(copy('placeholder')) + '" rows="2"></textarea>'
3948		- + '<div class="mxchat-rating-feedback-actions">'
3949		- + '<button type="button" class="mxchat-rating-skip">' + esc(copy('skip')) + '</button>'
3950		- + '<button type="button" class="mxchat-rating-submit">' + esc(copy('send')) + '</button>'
3951		- + '</div>'
3952		- + '</div>'
3953		- + '</div>';
3954		- }
3955		-
3956		- function buildSavedHtml(botId) {
3957		- var styleAttr = botBubbleStyleAttr(botId);
3958		- return ''
3959		- + '<div class="bot-message mxchat-rating-bot-bubble"' + styleAttr + '>'
3960		- + '<div class="mxchat-rating-saved">' + esc(copy('saved')) + '</div>'
3961		- + '</div>';
3962		- }
3963		-
3964		- function getChatBoxByBotId(botId) {
3965		- var $byId = $('#chat-box-' + botId);
3966		- if ($byId.length) return $byId.first();
3967		- return $('.chat-box').first();
3968		- }
3969		-
3970		- function scrollChatBoxToBottom($chatBox) {
3971		- if (!$chatBox || !$chatBox.length) return;
3972		- $chatBox.scrollTop($chatBox[0].scrollHeight);
3973		- }
3974		-
3975		- function showPrompt(botId) {
3976		- var s = getState(botId);
3977		- if (s.promptShown || s.dismissed) return;
3978		- var sessionId = getSessionId(botId);
3979		- if (!sessionId) return;
3980		- if (isAlreadyRated(sessionId)) { s.promptShown = true; return; }
3981		- var $chatBox = getChatBoxByBotId(botId);
3982		- if (!$chatBox.length) return;
3983		- if ($chatBox.find('.mxchat-rating-prompt').length) { s.promptShown = true; return; }
3984		- $chatBox.append(buildPromptHtml(botId));
3985		- s.promptShown = true;
3986		- scrollChatBoxToBottom($chatBox);
3987		- }
3988		-
3989		- function submitRating(botId, rating, feedback) {
3990		- var sessionId = getSessionId(botId);
3991		- if (!sessionId) return;
3992		- $.post(mxchatChat.ajax_url, {
3993		- action: 'mxchat_save_rating',
3994		- session_id: sessionId,
3995		- bot_id: botId,
3996		- rating: rating,
3997		- feedback: feedback || ''
3998		- });
3999		- markRated(sessionId);
4000		- }
4001		-
4002		- function onBotReply(botId) {
4003		- var s = getState(botId);
4004		- s.botReplies += 1;
4005		- if (s.promptShown || s.dismissed) return;
4006		- var sessionId = getSessionId(botId);
4007		- if (sessionId && isAlreadyRated(sessionId)) { s.promptShown = true; return; }
4008		- if (s.botReplies < MIN_BOT_REPLIES) return;
4009		- if (s.idleTimer) clearTimeout(s.idleTimer);
4010		- s.idleTimer = setTimeout(function() { showPrompt(botId); }, IDLE_MS);
4011		- }
4012		-
4013		- function onUserMessage(botId) {
4014		- var s = getState(botId);
4015		- if (s.idleTimer) { clearTimeout(s.idleTimer); s.idleTimer = null; }
4016		- }
4017		-
4018		- function botIdFromChatBox(el) {
4019		- var id = el && el.id ? el.id : '';
4020		- return id.indexOf('chat-box-') === 0 ? id.substring('chat-box-'.length) : 'default';
4021		- }
4022		-
4023		- function setupObserver(chatBox) {
4024		- var botId = botIdFromChatBox(chatBox);
4025		- try {
4026		- var observer = new MutationObserver(function(mutations) {
4027		- mutations.forEach(function(m) {
4028		- for (var i = 0; i < m.addedNodes.length; i++) {
4029		- var node = m.addedNodes[i];
4030		- if (!node || node.nodeType !== 1) continue;
4031		- var $n = $(node);
4032		- if ($n.hasClass('mxchat-rating-bot-bubble') || $n.hasClass('mxchat-rating-prompt') || $n.hasClass('mxchat-rating-feedback') || $n.hasClass('mxchat-rating-saved')) continue;
4033		- if ($n.hasClass('bot-message')) onBotReply(botId); // count at insert time — streaming providers append with .temporary-message first, then remove later (childList observer can't see attr changes)
4034		- else if ($n.hasClass('user-message')) onUserMessage(botId);
4035		- }
4036		- });
4037		- });
4038		- observer.observe(chatBox, { childList: true });
4039		- } catch (e) { /* noop */ }
4040		- }
4041		-
4042		- $('.chat-box').each(function() { setupObserver(this); });
4043		-
4044		- $(document).on('click', '.mxchat-rating-btn', function(e) {
4045		- e.preventDefault();
4046		- var $btn = $(this);
4047		- var $prompt = $btn.closest('.mxchat-rating-prompt');
4048		- var $wrap = $btn.closest('.mxchat-rating-bot-bubble');
4049		- var botId = $prompt.data('bot-id') || 'default';
4050		- var rating = parseInt($btn.attr('data-rating'), 10);
4051		- if (rating !== 1 && rating !== -1) return;
4052		- submitRating(botId, rating, '');
4053		- ($wrap.length ? $wrap : $prompt).replaceWith(buildFeedbackHtml(botId, rating));
4054		- scrollChatBoxToBottom(getChatBoxByBotId(botId));
4055		- });
4056		-
4057		- $(document).on('click', '.mxchat-rating-dismiss', function(e) {
4058		- e.preventDefault();
4059		- var $prompt = $(this).closest('.mxchat-rating-prompt');
4060		- var $wrap = $(this).closest('.mxchat-rating-bot-bubble');
4061		- var botId = $prompt.data('bot-id') || 'default';
4062		- var s = getState(botId);
4063		- s.dismissed = true;
4064		- markRated(getSessionId(botId));
4065		- ($wrap.length ? $wrap : $prompt).remove();
4066		- });
4067		-
4068		- function closeFeedback($fb) {
4069		- var botId = $fb.data('bot-id') || 'default';
4070		- var $wrap = $fb.closest('.mxchat-rating-bot-bubble');
4071		- ($wrap.length ? $wrap : $fb).replaceWith(buildSavedHtml(botId));
4072		- scrollChatBoxToBottom(getChatBoxByBotId(botId));
4073		- }
4074		-
4075		- $(document).on('click', '.mxchat-rating-skip', function(e) {
4076		- e.preventDefault();
4077		- closeFeedback($(this).closest('.mxchat-rating-feedback'));
4078		- });
4079		-
4080		- $(document).on('click', '.mxchat-rating-submit', function(e) {
4081		- e.preventDefault();
4082		- var $fb = $(this).closest('.mxchat-rating-feedback');
4083		- var botId = $fb.data('bot-id') || 'default';
4084		- var rating = parseInt($fb.attr('data-rating'), 10);
4085		- if (rating !== 1 && rating !== -1) { closeFeedback($fb); return; }
4086		- var text = String($fb.find('.mxchat-rating-feedback-input').val() || '').trim();
4087		- if (text !== '') {
4088		- submitRating(botId, rating, text);
4089		- }
4090		- closeFeedback($fb);
4091		- });
4092		-});
4093		-
	1677	+// Initialize on page load
	1678	+document.addEventListener('DOMContentLoaded', function() {
	1679	+ checkInitialDocumentStatus();
	1680	+});