@product7/product7-js 0.5.1 → 0.5.4

package/src/widgets/{MessengerWidget.js → WebChatWidget.js}

@@ -1,23 +1,23 @@
-import { WebSocketService } from '../core/WebSocketService.js';
+import { WebSocketService } from '../core/WebSocketService.js';
 import {
-	applyMessengerCustomStyles,
-	removeMessengerCustomStyles,
-} from '../styles/messengerCustomStyles.js';
+	applywebChatCustomStyles,
+	removewebChatCustomStyles,
+} from '../styles/webChatCustomStyles.js';
 import { NotificationSound } from '../utils/NotificationSound.js';
 import { BaseWidget } from './BaseWidget.js';
-import { MessengerState } from './messenger/MessengerState.js';
-import { MessengerLauncher } from './messenger/components/MessengerLauncher.js';
-import { MessengerPanel } from './messenger/components/MessengerPanel.js';
-import { ChangelogView } from './messenger/views/ChangelogView.js';
-import { ChatView } from './messenger/views/ChatView.js';
-import { ConversationsView } from './messenger/views/ConversationsView.js';
-import { HelpView } from './messenger/views/HelpView.js';
-import { HomeView } from './messenger/views/HomeView.js';
-import { PreChatFormView } from './messenger/views/PreChatFormView.js';
-
-export class MessengerWidget extends BaseWidget {
+import { WebChatState } from './web-chat/WebChatState.js';
+import { WebChatLauncher } from './web-chat/components/WebChatLauncher.js';
+import { WebChatPanel } from './web-chat/components/WebChatPanel.js';
+import { ChangelogView } from './web-chat/views/ChangelogView.js';
+import { ChatView } from './web-chat/views/ChatView.js';
+import { ConversationsView } from './web-chat/views/ConversationsView.js';
+import { HelpView } from './web-chat/views/HelpView.js';
+import { HomeView } from './web-chat/views/HomeView.js';
+import { PreChatFormView } from './web-chat/views/PreChatFormView.js';
+
+export class WebChatWidget extends BaseWidget {
 	constructor(options) {
-		super({ ...options, type: 'messenger' });
+		super({ ...options, type: 'webChat' });
 		this._explicitOptions = options || {};
 		const resolvedTheme = options.theme || 'light';
 		const hasExplicitTextColor = Object.prototype.hasOwnProperty.call(
@@ -37,7 +37,7 @@ export class MessengerWidget extends BaseWidget {
 				? options.enableChangelog
 				: options.enableNews !== false;
 
-		this.messengerOptions = {
+		this.webChatOptions = {
 			position: options.position || 'right',
 			theme: resolvedTheme,
 			primaryColor: options.primaryColor || '#155EEF',
@@ -73,27 +73,27 @@ export class MessengerWidget extends BaseWidget {
 
 		const sdkMetadata = this.sdk?.apiService?.getMetadata() || null;
 
-		this.messengerState = new MessengerState({
-			teamName: this.messengerOptions.teamName,
-			teamAvatars: this.messengerOptions.teamAvatars,
-			greetingMessage: this.messengerOptions.greetingMessage,
-			welcomeMessage: this.messengerOptions.welcomeMessage,
-			onlineMessage: this.messengerOptions.onlineMessage,
-			responseTime: this.messengerOptions.responseTime,
-			enableHelp: this.messengerOptions.enableHelp,
-			enableChangelog: this.messengerOptions.enableChangelog,
+		this.WebChatState = new WebChatState({
+			teamName: this.webChatOptions.teamName,
+			teamAvatars: this.webChatOptions.teamAvatars,
+			greetingMessage: this.webChatOptions.greetingMessage,
+			welcomeMessage: this.webChatOptions.welcomeMessage,
+			onlineMessage: this.webChatOptions.onlineMessage,
+			responseTime: this.webChatOptions.responseTime,
+			enableHelp: this.webChatOptions.enableHelp,
+			enableChangelog: this.webChatOptions.enableChangelog,
 			metadata: sdkMetadata,
 			urls: {
-				feedback: this.messengerOptions.feedbackUrl,
-				changelog: this.messengerOptions.changelogUrl,
-				help: this.messengerOptions.helpUrl,
-				roadmap: this.messengerOptions.roadmapUrl,
+				feedback: this.webChatOptions.feedbackUrl,
+				changelog: this.webChatOptions.changelogUrl,
+				help: this.webChatOptions.helpUrl,
+				roadmap: this.webChatOptions.roadmapUrl,
 			},
 		});
 
 		// If identify() was called before this widget was created, pre-seed identity
 		if (this.sdk?.identified && sdkMetadata) {
-			this.messengerState.isIdentified = true;
+			this.WebChatState.isIdentified = true;
 		}
 
 		this.launcher = null;
@@ -136,63 +136,62 @@ export class MessengerWidget extends BaseWidget {
 				trigger: false,
 				displayMode: 'modal',
 				boardName:
-					this.messengerOptions.feedbackBoardName || this.sdk.config.boardName,
-				primaryColor: this.messengerOptions.primaryColor,
-				theme: this.messengerOptions.theme,
+					this.webChatOptions.feedbackBoardName || this.sdk.config.boardName,
+				primaryColor: this.webChatOptions.primaryColor,
+				theme: this.webChatOptions.theme,
 			});
 			widget.mount();
 			return widget;
 		} catch (e) {
-			console.warn('[Messenger] Could not create internal feedback widget:', e);
+			console.warn('[WebChat] Could not create internal feedback widget:', e);
 			return null;
 		}
 	}
 
 	_render() {
 		const container = document.createElement('div');
-		container.className = `messenger-widget theme-${this.messengerOptions.theme}`;
+		container.className = `web-chat-widget theme-${this.webChatOptions.theme}`;
 		container.style.zIndex = '999999';
 
-		applyMessengerCustomStyles({
-			primaryColor: this.messengerOptions.primaryColor,
-			textColor: this.messengerOptions.textColor,
-			backgroundColor: this.messengerOptions.backgroundColor,
-			theme: this.messengerOptions.theme,
+		applywebChatCustomStyles({
+			primaryColor: this.webChatOptions.primaryColor,
+			textColor: this.webChatOptions.textColor,
+			backgroundColor: this.webChatOptions.backgroundColor,
+			theme: this.webChatOptions.theme,
 		});
 
 		// Create internal feedback widget (no floating button) so the
 		// "Leave a feedback" button in the home view can open it inline.
-		if (!this.messengerOptions.onFeedbackClick) {
+		if (!this.webChatOptions.onFeedbackClick) {
 			this._feedbackWidget = this._createInternalFeedbackWidget();
 		}
 
 		if (this._hasTrigger()) {
-			this.launcher = new MessengerLauncher(this.messengerState, {
-				position: this.messengerOptions.position,
-				primaryColor: this.messengerOptions.primaryColor,
+			this.launcher = new WebChatLauncher(this.WebChatState, {
+				position: this.webChatOptions.position,
+				primaryColor: this.webChatOptions.primaryColor,
 			});
 			container.appendChild(this.launcher.render());
 		}
 
-		this.panel = new MessengerPanel(this.messengerState, {
-			position: this.messengerOptions.position,
-			theme: this.messengerOptions.theme,
-			primaryColor: this.messengerOptions.primaryColor,
-			logoUrl: this.messengerOptions.logoUrl,
-			featuredContent: this.messengerOptions.featuredContent,
+		this.panel = new WebChatPanel(this.WebChatState, {
+			position: this.webChatOptions.position,
+			theme: this.webChatOptions.theme,
+			primaryColor: this.webChatOptions.primaryColor,
+			logoUrl: this.webChatOptions.logoUrl,
+			featuredContent: this.webChatOptions.featuredContent,
 			onSendMessage:
-				this.messengerOptions.onSendMessage ||
-				this._handleSendMessage.bind(this),
+				this.webChatOptions.onSendMessage || this._handleSendMessage.bind(this),
 			onStartConversation: this._handleStartConversation.bind(this),
 			onTyping: this.sendTypingIndicator.bind(this),
 			onSelectConversation: this._handleSelectConversation.bind(this),
 			onStartNewConversation: this._handleNewConversationClick.bind(this),
 			onIdentifyContact: this._handleIdentifyContact.bind(this),
 			onFeedbackClick:
-				this.messengerOptions.onFeedbackClick ||
+				this.webChatOptions.onFeedbackClick ||
 				(this._feedbackWidget ? () => this._feedbackWidget.open() : null),
-			onArticleClick: this.messengerOptions.onArticleClick,
-			onChangelogClick: this.messengerOptions.onChangelogClick,
+			onArticleClick: this.webChatOptions.onArticleClick,
+			onChangelogClick: this.webChatOptions.onChangelogClick,
 		});
 
 		this.panel.registerView('home', HomeView);
@@ -209,7 +208,7 @@ export class MessengerWidget extends BaseWidget {
 	}
 
 	_attachEvents() {
-		this._stateUnsubscribe = this.messengerState.subscribe((type, data) => {
+		this._stateUnsubscribe = this.WebChatState.subscribe((type, data) => {
 			if (type === 'openChange') {
 				this._handleOpenChange(data.isOpen);
 			}
@@ -225,11 +224,11 @@ export class MessengerWidget extends BaseWidget {
 	_handleOpenChange(isOpen) {
 		if (isOpen) {
 			this.panel.show();
-			this.sdk.eventBus.emit('messenger:opened', { widget: this });
+			this.sdk.eventBus.emit('webChat:opened', { widget: this });
 		} else {
 			this.panel.hide();
-			this.messengerState.reset();
-			this.sdk.eventBus.emit('messenger:closed', { widget: this });
+			this.WebChatState.reset();
+			this.sdk.eventBus.emit('webChat:closed', { widget: this });
 		}
 	}
 
@@ -248,21 +247,21 @@ export class MessengerWidget extends BaseWidget {
 
 	async _handleStartConversation(messageContent, pendingAttachments) {
 		try {
-			if (!this.messengerState.isIdentified) {
-				this.messengerState.pendingMessage = {
+			if (!this.WebChatState.isIdentified) {
+				this.WebChatState.pendingMessage = {
 					content: messageContent,
 					attachments: pendingAttachments,
 				};
-				this.messengerState.setView('prechat');
+				this.WebChatState.setView('prechat');
 				return null;
 			}
 
-			const openConversation = this.messengerState.conversations.find(
+			const openConversation = this.WebChatState.conversations.find(
 				(c) => c.status === 'open'
 			);
 
 			if (openConversation) {
-				this.messengerState.setActiveConversation(openConversation.id);
+				this.WebChatState.setActiveConversation(openConversation.id);
 				await this._handleSendMessage(
 					openConversation.id,
 					{ content: messageContent },
@@ -277,7 +276,7 @@ export class MessengerWidget extends BaseWidget {
 				pendingAttachments
 			);
 		} catch (error) {
-			console.error('[MessengerWidget] Failed to start conversation:', error);
+			console.error('[WebChatWidget] Failed to start conversation:', error);
 			return null;
 		}
 	}
@@ -286,36 +285,36 @@ export class MessengerWidget extends BaseWidget {
 		try {
 			await this.fetchMessages(conversationId);
 		} catch (error) {
-			console.error('[MessengerWidget] Failed to fetch messages:', error);
+			console.error('[WebChatWidget] Failed to fetch messages:', error);
 		}
 	}
 
 	_handleNewConversationClick() {
-		const openConversation = this.messengerState.conversations.find(
+		const openConversation = this.WebChatState.conversations.find(
 			(c) => c.status === 'open'
 		);
 
 		if (openConversation) {
-			this.messengerState.setActiveConversation(openConversation.id);
-			this.messengerState.setView('chat');
+			this.WebChatState.setActiveConversation(openConversation.id);
+			this.WebChatState.setView('chat');
 			this._handleSelectConversation(openConversation.id);
 		} else {
-			this.messengerState.setActiveConversation(null);
-			this.messengerState.setView('chat');
+			this.WebChatState.setActiveConversation(null);
+			this.WebChatState.setView('chat');
 		}
 	}
 
 	async _handleIdentifyContact(contactData) {
 		try {
 			// Route through sdk.identify() so the SDK-level identity state is updated
-			// and applyIdentity() handles the messenger state + WebSocket as a side effect.
+			// and applyIdentity() handles the web chat state + WebSocket as a side effect.
 			const result = await this.sdk.identify({
 				email: contactData.email,
 				name: contactData.name,
 			});
 			return result;
 		} catch (error) {
-			console.error('[MessengerWidget] Failed to identify contact:', error);
+			console.error('[WebChatWidget] Failed to identify contact:', error);
 			throw error;
 		}
 	}
@@ -327,7 +326,7 @@ export class MessengerWidget extends BaseWidget {
 	}
 
 	applyIdentity(metadata = {}) {
-		this.messengerState.setIdentified(true, metadata);
+		this.WebChatState.setIdentified(true, metadata);
 
 		if (this.apiService?.sessionToken && !this.wsService?.isConnected) {
 			this._initWebSocket();
@@ -342,7 +341,7 @@ export class MessengerWidget extends BaseWidget {
 			}
 			throw new Error('Upload failed');
 		} catch (error) {
-			console.error('[MessengerWidget] Failed to upload file:', error);
+			console.error('[WebChatWidget] Failed to upload file:', error);
 			throw error;
 		}
 	}
@@ -361,7 +360,7 @@ export class MessengerWidget extends BaseWidget {
 				});
 			} catch (err) {
 				console.error(
-					'[MessengerWidget] Skipping failed attachment upload:',
+					'[WebChatWidget] Skipping failed attachment upload:',
 					att.file.name,
 					err
 				);
@@ -371,7 +370,7 @@ export class MessengerWidget extends BaseWidget {
 	}
 
 	async _handleSendMessage(conversationId, message, pendingAttachments) {
-		this.sdk.eventBus.emit('messenger:messageSent', {
+		this.sdk.eventBus.emit('webChat:messageSent', {
 			widget: this,
 			conversationId,
 			message,
@@ -387,7 +386,7 @@ export class MessengerWidget extends BaseWidget {
 			});
 
 			if (response.status && response.data) {
-				console.log('[MessengerWidget] Message sent:', response.data.id);
+				console.log('[WebChatWidget] Message sent:', response.data.id);
 			}
 
 			if (this.apiService?.mock) {
@@ -402,11 +401,11 @@ export class MessengerWidget extends BaseWidget {
 							avatarUrl: null,
 						},
 					};
-					this.messengerState.addMessage(conversationId, mockResponse);
+					this.WebChatState.addMessage(conversationId, mockResponse);
 				}, 1500);
 			}
 		} catch (error) {
-			console.error('[MessengerWidget] Failed to send message:', error);
+			console.error('[WebChatWidget] Failed to send message:', error);
 		}
 	}
 
@@ -438,20 +437,20 @@ export class MessengerWidget extends BaseWidget {
 			},
 		};
 
-		this.messengerState.upsertMessage(conversation_id, localMessage, {
+		this.WebChatState.upsertMessage(conversation_id, localMessage, {
 			reconcileOwnOptimistic: true,
 			optimisticMatchWindowMs: 30000,
 		});
 
 		const isOwnMessage = message.sender_type === 'customer';
 
-		if (!isOwnMessage && this.messengerState.isIdentified) {
+		if (!isOwnMessage && this.WebChatState.isIdentified) {
 			this._notificationSound.play();
 		}
 
 		if (
-			!this.messengerState.isOpen ||
-			this.messengerState.activeConversationId !== conversation_id
+			!this.WebChatState.isOpen ||
+			this.WebChatState.activeConversationId !== conversation_id
 		) {
 			this._updateUnreadCount();
 		}
@@ -459,7 +458,7 @@ export class MessengerWidget extends BaseWidget {
 
 	_handleTypingStarted(data) {
 		if (data.is_agent) {
-			this.messengerState._notify('typingStarted', {
+			this.WebChatState._notify('typingStarted', {
 				conversationId: data.conversation_id,
 				userName: data.user_name,
 			});
@@ -467,7 +466,7 @@ export class MessengerWidget extends BaseWidget {
 	}
 
 	_handleTypingStopped(data) {
-		this.messengerState._notify('typingStopped', {
+		this.WebChatState._notify('typingStopped', {
 			conversationId: data.conversation_id,
 		});
 	}
@@ -477,7 +476,7 @@ export class MessengerWidget extends BaseWidget {
 			data?.conversation_id || data?.id || data?.conversation?.id;
 		if (!conversationId) return;
 
-		this.messengerState.updateConversation(conversationId, {
+		this.WebChatState.updateConversation(conversationId, {
 			status: 'closed',
 		});
 	}
@@ -486,13 +485,13 @@ export class MessengerWidget extends BaseWidget {
 		try {
 			const response = await this.apiService.getUnreadCount();
 			if (response.status && response.data) {
-				this.messengerState.unreadCount = response.data.unread_count || 0;
-				this.messengerState._notify('unreadCountChange', {
-					count: this.messengerState.unreadCount,
+				this.WebChatState.unreadCount = response.data.unread_count || 0;
+				this.WebChatState._notify('unreadCountChange', {
+					count: this.WebChatState.unreadCount,
 				});
 			}
 		} catch (error) {
-			console.error('[MessengerWidget] Failed to get unread count:', error);
+			console.error('[WebChatWidget] Failed to get unread count:', error);
 		}
 	}
 
@@ -522,23 +521,23 @@ export class MessengerWidget extends BaseWidget {
 		);
 		this._wsUnsubscribers.push(
 			this.wsService.on('connected', () => {
-				console.log('[MessengerWidget] WebSocket connected');
-				if (this.messengerState.activeConversationId) {
+				console.log('[WebChatWidget] WebSocket connected');
+				if (this.WebChatState.activeConversationId) {
 					this.wsService.send('conversation:subscribe', {
-						conversation_id: this.messengerState.activeConversationId,
+						conversation_id: this.WebChatState.activeConversationId,
 					});
 				}
 			})
 		);
 		this._wsUnsubscribers.push(
 			this.wsService.on('disconnected', () => {
-				console.log('[MessengerWidget] WebSocket disconnected');
-				this.messengerState._notify('connectionChange', { connected: false });
+				console.log('[WebChatWidget] WebSocket disconnected');
+				this.WebChatState._notify('connectionChange', { connected: false });
 			})
 		);
 		this._wsUnsubscribers.push(
 			this.wsService.on('connected', () => {
-				this.messengerState._notify('connectionChange', { connected: true });
+				this.WebChatState._notify('connectionChange', { connected: true });
 			})
 		);
 
@@ -546,78 +545,78 @@ export class MessengerWidget extends BaseWidget {
 	}
 
 	open() {
-		this.messengerState.setOpen(true);
+		this.WebChatState.setOpen(true);
 	}
 
 	close() {
-		this.messengerState.setOpen(false);
+		this.WebChatState.setOpen(false);
 	}
 
 	toggle() {
-		this.messengerState.setOpen(!this.messengerState.isOpen);
+		this.WebChatState.setOpen(!this.WebChatState.isOpen);
 	}
 
 	navigateTo(view) {
-		this.messengerState.setView(view);
-		if (!this.messengerState.isOpen) {
+		this.WebChatState.setView(view);
+		if (!this.WebChatState.isOpen) {
 			this.open();
 		}
 	}
 
 	setConversations(conversations) {
-		this.messengerState.setConversations(conversations);
+		this.WebChatState.setConversations(conversations);
 	}
 
 	addMessage(conversationId, message) {
-		this.messengerState.addMessage(conversationId, message);
+		this.WebChatState.addMessage(conversationId, message);
 	}
 
 	setHelpArticles(articles) {
-		this.messengerState.setHelpArticles(articles);
+		this.WebChatState.setHelpArticles(articles);
 	}
 
 	setHomeChangelogItems(items) {
-		this.messengerState.setHomeChangelogItems(items);
+		this.WebChatState.setHomeChangelogItems(items);
 	}
 
 	setChangelogItems(items) {
-		this.messengerState.setChangelogItems(items);
+		this.WebChatState.setChangelogItems(items);
 	}
 
 	setUnreadCount(count) {
-		this.messengerState.unreadCount = count;
-		this.messengerState._notify('unreadCountChange', { count });
+		this.WebChatState.unreadCount = count;
+		this.WebChatState._notify('unreadCountChange', { count });
 	}
 
 	getState() {
 		return {
-			isOpen: this.messengerState.isOpen,
-			currentView: this.messengerState.currentView,
-			unreadCount: this.messengerState.unreadCount,
-			conversations: this.messengerState.conversations,
+			isOpen: this.WebChatState.isOpen,
+			currentView: this.WebChatState.currentView,
+			unreadCount: this.WebChatState.unreadCount,
+			conversations: this.WebChatState.conversations,
 		};
 	}
 
 	_applyPreviewData() {
-		const data = this.messengerOptions.previewData;
+		const data = this.webChatOptions.previewData;
 		if (!data || typeof data !== 'object') {
 			return;
 		}
 
 		if (Array.isArray(data.conversations)) {
-			this.messengerState.setConversations(data.conversations);
+			this.WebChatState.setConversations(data.conversations);
 		}
 
 		if (Array.isArray(data.helpArticles)) {
-			this.messengerState.setHelpArticles(data.helpArticles);
+			this.WebChatState.setHelpArticles(data.helpArticles);
 		}
 
 		if (Array.isArray(data.homeChangelogItems)) {
-			this.messengerState.setHomeChangelogItems(data.homeChangelogItems);
+			this.WebChatState.setHomeChangelogItems(data.homeChangelogItems);
 		}
 
 		if (Array.isArray(data.changelogItems)) {
-			this.messengerState.setChangelogItems(data.changelogItems);
+			this.WebChatState.setChangelogItems(data.changelogItems);
 		}
 
 		if (typeof data.unreadCount === 'number') {
@@ -626,49 +625,49 @@ export class MessengerWidget extends BaseWidget {
 
 		if (data.availability && typeof data.availability === 'object') {
 			const availability = data.availability;
-			this.messengerState.agentsOnline = Boolean(
+			this.WebChatState.agentsOnline = Boolean(
 				availability.agentsOnline ??
 					availability.agents_online ??
 					availability.is_online
 			);
-			this.messengerState.onlineCount =
+			this.WebChatState.onlineCount =
 				availability.onlineCount ?? availability.online_count ?? 0;
-			this.messengerState.responseTime =
+			this.WebChatState.responseTime =
 				availability.responseTime ??
 				availability.response_time ??
-				this.messengerState.responseTime;
-			this.messengerState._notify('availabilityUpdate', availability);
+				this.WebChatState.responseTime;
+			this.WebChatState._notify('availabilityUpdate', availability);
 		}
 
 		if (typeof data.currentView === 'string') {
-			this.messengerState.setView(data.currentView);
+			this.WebChatState.setView(data.currentView);
 		}
 	}
 
 	async loadInitialData() {
 		try {
 			const conversations = await this._fetchConversations();
-			this.messengerState.setConversations(conversations);
+			this.WebChatState.setConversations(conversations);
 		} catch (error) {
-			console.error('[MessengerWidget] Failed to load conversations:', error);
+			console.error('[WebChatWidget] Failed to load conversations:', error);
 		}
 
-		if (this.messengerOptions.enableHelp) {
+		if (this.webChatOptions.enableHelp) {
 			try {
 				const articles = await this._fetchHelpArticles();
-				this.messengerState.setHelpArticles(articles);
+				this.WebChatState.setHelpArticles(articles);
 			} catch (error) {
-				console.error('[MessengerWidget] Failed to load help articles:', error);
+				console.error('[WebChatWidget] Failed to load help articles:', error);
 			}
 		}
 
-		if (this.messengerOptions.enableChangelog) {
+		if (this.webChatOptions.enableChangelog) {
 			try {
 				const { homeItems, changelogItems } = await this._fetchChangelog();
-				this.messengerState.setHomeChangelogItems(homeItems);
-				this.messengerState.setChangelogItems(changelogItems);
+				this.WebChatState.setHomeChangelogItems(homeItems);
+				this.WebChatState.setChangelogItems(changelogItems);
 			} catch (error) {
-				console.error('[MessengerWidget] Failed to load changelog:', error);
+				console.error('[WebChatWidget] Failed to load changelog:', error);
 			}
 		}
 	}
@@ -698,7 +697,7 @@ export class MessengerWidget extends BaseWidget {
 			}
 			return [];
 		} catch (error) {
-			console.error('[MessengerWidget] Failed to fetch conversations:', error);
+			console.error('[WebChatWidget] Failed to fetch conversations:', error);
 			return [];
 		}
 	}
@@ -708,10 +707,7 @@ export class MessengerWidget extends BaseWidget {
 			const response = await this.apiService.getHelpCollections();
 			if (response.success && response.data) {
 				const collections = response.data.collections || response.data;
-				const helpBase = (this.messengerOptions.helpUrl || '').replace(
-					/\/$/,
-					''
-				);
+				const helpBase = (this.webChatOptions.helpUrl || '').replace(/\/$/, '');
 
 				const sorted = [...collections].sort(
 					(a, b) => (a.order ?? 0) - (b.order ?? 0)
@@ -732,7 +728,7 @@ export class MessengerWidget extends BaseWidget {
 			}
 			return [];
 		} catch (error) {
-			console.error('[MessengerWidget] Failed to fetch help articles:', error);
+			console.error('[WebChatWidget] Failed to fetch help articles:', error);
 			return [];
 		}
 	}
@@ -769,16 +765,16 @@ export class MessengerWidget extends BaseWidget {
 						},
 					};
 				});
-				this.messengerState.setMessages(conversationId, messages);
+				this.WebChatState.setMessages(conversationId, messages);
 
 				await this.apiService.markConversationAsRead(conversationId);
-				this.messengerState.markAsRead(conversationId);
+				this.WebChatState.markAsRead(conversationId);
 
 				return messages;
 			}
 			return [];
 		} catch (error) {
-			console.error('[MessengerWidget] Failed to fetch messages:', error);
+			console.error('[WebChatWidget] Failed to fetch messages:', error);
 			return [];
 		}
 	}
@@ -806,7 +802,7 @@ export class MessengerWidget extends BaseWidget {
 					status: 'open',
 				};
 
-				this.messengerState.addConversation(newConversation);
+				this.WebChatState.addConversation(newConversation);
 
 				const initialMessages = [
 					{
@@ -819,23 +815,23 @@ export class MessengerWidget extends BaseWidget {
 
 				initialMessages.push({
 					id: 'system_rt_' + Date.now(),
-					content: this.messengerState.agentsOnline
+					content: this.WebChatState.agentsOnline
 						? 'One of our customer support agents will be with you shortly.'
-						: this.messengerState.responseTime,
+						: this.WebChatState.responseTime,
 					isSystem: true,
 					timestamp: new Date().toISOString(),
 				});
 
-				this.messengerState.setMessages(conv.id, initialMessages);
+				this.WebChatState.setMessages(conv.id, initialMessages);
 
-				this.messengerState.setActiveConversation(conv.id);
-				this.messengerState.setView('chat');
+				this.WebChatState.setActiveConversation(conv.id);
+				this.WebChatState.setView('chat');
 
 				return conv;
 			}
 			return null;
 		} catch (error) {
-			console.error('[MessengerWidget] Failed to start conversation:', error);
+			console.error('[WebChatWidget] Failed to start conversation:', error);
 			return null;
 		}
 	}
@@ -850,28 +846,28 @@ export class MessengerWidget extends BaseWidget {
 
 	async _fetchAndApplySettings() {
 		try {
-			const response = await this.apiService.getMessengerSettings();
+			const response = await this.apiService.getWebChatSettings();
 			if (!response?.status || !response?.data) return;
 
 			const s = response.data;
 
 			// Only apply values that were NOT explicitly passed in options
 			if (s.team_name && !this._hasExplicitOption('teamName')) {
-				this.messengerOptions.teamName = s.team_name;
-				this.messengerState.teamName = s.team_name;
+				this.webChatOptions.teamName = s.team_name;
+				this.WebChatState.teamName = s.team_name;
 			}
 			if (s.logo_url && !this._hasExplicitOption('logoUrl')) {
-				this.messengerOptions.logoUrl = s.logo_url;
+				this.webChatOptions.logoUrl = s.logo_url;
 			}
 			if (s.greeting_message && !this._hasExplicitOption('greetingMessage')) {
-				this.messengerState.greetingMessage = s.greeting_message;
+				this.WebChatState.greetingMessage = s.greeting_message;
 			}
 			if (s.response_time && !this._hasExplicitOption('responseTime')) {
-				this.messengerState.responseTime = s.response_time;
+				this.WebChatState.responseTime = s.response_time;
 			}
 
 			// Notify views to re-render with new values
-			this.messengerState._notify('availabilityUpdate', {});
+			this.WebChatState._notify('availabilityUpdate', {});
 		} catch (e) {
 			// non-fatal
 		}
@@ -888,23 +884,23 @@ export class MessengerWidget extends BaseWidget {
 		try {
 			const response = await this.apiService.checkAgentsOnline();
 			if (response.status && response.data) {
-				this.messengerState.agentsOnline =
+				this.WebChatState.agentsOnline =
 					response.data.agents_online ?? response.data.is_online ?? false;
-				this.messengerState.onlineCount = response.data.online_count || 0;
-				this.messengerState.responseTime = response.data.response_time || '';
+				this.WebChatState.onlineCount = response.data.online_count || 0;
+				this.WebChatState.responseTime = response.data.response_time || '';
 
 				if (response.data.available_agents) {
-					this.messengerState.setTeamAvatarsFromAgents(
+					this.WebChatState.setTeamAvatarsFromAgents(
 						response.data.available_agents
 					);
 				}
 
-				this.messengerState._notify('availabilityUpdate', response.data);
+				this.WebChatState._notify('availabilityUpdate', response.data);
 				return response.data;
 			}
 			return { agents_online: false, online_count: 0 };
 		} catch (error) {
-			console.error('[MessengerWidget] Failed to check availability:', error);
+			console.error('[WebChatWidget] Failed to check availability:', error);
 			return { agents_online: false, online_count: 0 };
 		}
 	}
@@ -995,9 +991,10 @@ export class MessengerWidget extends BaseWidget {
 
 			if (response.success && response.data) {
 				const changelogs = Array.isArray(response.data) ? response.data : [];
-				const changelogBase = (
-					this.messengerOptions.changelogUrl || ''
-				).replace(/\/$/, '');
+				const changelogBase = (this.webChatOptions.changelogUrl || '').replace(
+					/\/$/,
+					''
+				);
 
 				const mappedItems = changelogs.map((item) => ({
 					id: item.id,
@@ -1020,7 +1017,7 @@ export class MessengerWidget extends BaseWidget {
 
 			return { homeItems: [], changelogItems: [] };
 		} catch (error) {
-			console.error('[MessengerWidget] Failed to fetch changelog:', error);
+			console.error('[WebChatWidget] Failed to fetch changelog:', error);
 			return { homeItems: [], changelogItems: [] };
 		}
 	}
@@ -1028,7 +1025,7 @@ export class MessengerWidget extends BaseWidget {
 	async onMount() {
 		this._applyPreviewData();
 
-		if (this.messengerOptions.autoLoadData) {
+		if (this.webChatOptions.autoLoadData) {
 			// Fetch workspace settings and apply only if not explicitly configured
 			this._fetchAndApplySettings();
 
@@ -1046,10 +1043,10 @@ export class MessengerWidget extends BaseWidget {
 		}
 
 		if (
-			this.messengerOptions.initialView &&
-			this.messengerOptions.initialView !== this.messengerState.currentView
+			this.webChatOptions.initialView &&
+			this.webChatOptions.initialView !== this.WebChatState.currentView
 		) {
-			this.messengerState.setView(this.messengerOptions.initialView);
+			this.WebChatState.setView(this.webChatOptions.initialView);
 		}
 	}
 
@@ -1071,7 +1068,7 @@ export class MessengerWidget extends BaseWidget {
 	}
 
 	destroy() {
-		removeMessengerCustomStyles();
+		removewebChatCustomStyles();
 
 		if (this.launcher) {
 			this.launcher.destroy();