@product7/product7-js 0.5.5 → 0.5.7

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

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