@product7/product7-js 0.5.5 → 0.5.6

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@product7/product7-js",
-	"version": "0.5.5",
+	"version": "0.5.6",
 	"description": "JavaScript SDK for integrating Product7 feedback widgets into any website",
 	"main": "dist/product7-js.js",
 	"module": "src/index.js",

package/src/api/services/{WebChatService.js → LiveChatService.js}

@@ -1,12 +1,12 @@
 import { MOCK_CONVERSATIONS, MOCK_MESSAGES } from '../mock-data/index.js';
 import { delay } from '../utils/helpers.js';
 
-export class WebChatService {
+export class LiveChatService {
 	constructor(baseAPI) {
 		this.api = baseAPI;
 	}
 
-	async getWebChatSettings() {
+	async getLiveChatSettings() {
 		await this.api._ensureSession();
 
 		if (this.api.mock) {
@@ -21,7 +21,7 @@ export class WebChatService {
 			};
 		}
 
-		return this.api._makeRequest('/widget/web-chat/settings', {
+		return this.api._makeRequest('/widget/live-chat/settings', {
 			method: 'GET',
 			headers: { Authorization: `Bearer ${this.api.sessionToken}` },
 		});
@@ -45,7 +45,7 @@ export class WebChatService {
 			};
 		}
 
-		return this.api._makeRequest('/widget/web-chat/agents/online', {
+		return this.api._makeRequest('/widget/live-chat/agents/online', {
 			method: 'GET',
 			headers: { Authorization: `Bearer ${this.api.sessionToken}` },
 		});
@@ -64,7 +64,7 @@ export class WebChatService {
 		}
 
 		const endpoint = this.api._getEndpointWithParams(
-			'/widget/web-chat/conversations',
+			'/widget/live-chat/conversations',
 			options
 		);
 		return this.api._makeRequest(endpoint, {
@@ -86,7 +86,7 @@ export class WebChatService {
 		}
 
 		return this.api._makeRequest(
-			`/widget/web-chat/conversations/${conversationId}`,
+			`/widget/live-chat/conversations/${conversationId}`,
 			{
 				method: 'GET',
 				headers: { Authorization: `Bearer ${this.api.sessionToken}` },
@@ -120,7 +120,7 @@ export class WebChatService {
 			return { status: true, data: newConv };
 		}
 
-		return this.api._makeRequest('/widget/web-chat/conversations', {
+		return this.api._makeRequest('/widget/live-chat/conversations', {
 			method: 'POST',
 			headers: {
 				'Content-Type': 'application/json',
@@ -154,7 +154,7 @@ export class WebChatService {
 		}
 
 		return this.api._makeRequest(
-			`/widget/web-chat/conversations/${conversationId}/messages`,
+			`/widget/live-chat/conversations/${conversationId}/messages`,
 			{
 				method: 'POST',
 				headers: {
@@ -183,7 +183,7 @@ export class WebChatService {
 			};
 		}
 
-		return this.api._makeRequest('/widget/web-chat/unread', {
+		return this.api._makeRequest('/widget/live-chat/unread', {
 			method: 'GET',
 			headers: { Authorization: `Bearer ${this.api.sessionToken}` },
 		});
@@ -197,7 +197,7 @@ export class WebChatService {
 		}
 
 		return this.api._makeRequest(
-			`/widget/web-chat/conversations/${conversationId}/read`,
+			`/widget/live-chat/conversations/${conversationId}/read`,
 			{
 				method: 'POST',
 				headers: { Authorization: `Bearer ${this.api.sessionToken}` },
@@ -219,7 +219,7 @@ export class WebChatService {
 
 		const params = { ...options };
 		const endpoint = this.api._getEndpointWithParams(
-			`/widget/web-chat/conversations/${conversationId}/messages`,
+			`/widget/live-chat/conversations/${conversationId}/messages`,
 			params
 		);
 		return this.api._makeRequest(endpoint, {
@@ -236,7 +236,7 @@ export class WebChatService {
 			return { status: true, url: `https://mock-cdn.example.com/${filename}` };
 		}
 
-		return this.api._makeRequest('/widget/web-chat/upload', {
+		return this.api._makeRequest('/widget/live-chat/upload', {
 			method: 'POST',
 			headers: {
 				'Content-Type': 'application/json',
@@ -258,7 +258,7 @@ export class WebChatService {
 		}
 
 		return this.api._makeRequest(
-			`/widget/web-chat/conversations/${conversationId}/rating`,
+			`/widget/live-chat/conversations/${conversationId}/rating`,
 			{
 				method: 'POST',
 				headers: {
@@ -278,7 +278,7 @@ export class WebChatService {
 		}
 
 		return this.api._makeRequest(
-			`/widget/web-chat/conversations/${conversationId}/typing`,
+			`/widget/live-chat/conversations/${conversationId}/typing`,
 			{
 				method: 'POST',
 				headers: {

package/src/core/APIService.js

@@ -2,7 +2,7 @@
 import { FeedbackService } from '../api/services/FeedbackService.js';
 import { HelpService } from '../api/services/HelpService.js';
 import { SurveyService } from '../api/services/SurveyService.js';
-import { WebChatService } from '../api/services/WebChatService.js';
+import { LiveChatService } from '../api/services/LiveChatService.js';
 import { BaseAPIService } from './BaseAPIService.js';
 
 export class APIService extends BaseAPIService {
@@ -11,7 +11,7 @@ export class APIService extends BaseAPIService {
 
 		this.feedback = new FeedbackService(this);
 		this.survey = new SurveyService(this);
-		this.webChat = new WebChatService(this);
+		this.liveChat = new LiveChatService(this);
 		this.help = new HelpService(this);
 		this.changelog = new ChangelogService(this);
 	}
@@ -32,52 +32,52 @@ export class APIService extends BaseAPIService {
 		return this.survey.dismissSurvey(surveyId);
 	}
 
-	async getWebChatSettings() {
-		return this.webChat.getWebChatSettings();
+	async getLiveChatSettings() {
+		return this.liveChat.getLiveChatSettings();
 	}
 
 	async checkAgentsOnline() {
-		return this.webChat.checkAgentsOnline();
+		return this.liveChat.checkAgentsOnline();
 	}
 
 	async getConversations(options) {
-		return this.webChat.getConversations(options);
+		return this.liveChat.getConversations(options);
 	}
 
 	async getConversation(conversationId) {
-		return this.webChat.getConversation(conversationId);
+		return this.liveChat.getConversation(conversationId);
 	}
 
 	async getMessages(conversationId, options) {
-		return this.webChat.getMessages(conversationId, options);
+		return this.liveChat.getMessages(conversationId, options);
 	}
 
 	async startConversation(data) {
-		return this.webChat.startConversation(data);
+		return this.liveChat.startConversation(data);
 	}
 
 	async sendMessage(conversationId, data) {
-		return this.webChat.sendMessage(conversationId, data);
+		return this.liveChat.sendMessage(conversationId, data);
 	}
 
 	async uploadFile(base64Data, filename) {
-		return this.webChat.uploadFile(base64Data, filename);
+		return this.liveChat.uploadFile(base64Data, filename);
 	}
 
 	async sendTypingIndicator(conversationId, isTyping) {
-		return this.webChat.sendTypingIndicator(conversationId, isTyping);
+		return this.liveChat.sendTypingIndicator(conversationId, isTyping);
 	}
 
 	async markConversationAsRead(conversationId) {
-		return this.webChat.markConversationAsRead(conversationId);
+		return this.liveChat.markConversationAsRead(conversationId);
 	}
 
 	async getUnreadCount() {
-		return this.webChat.getUnreadCount();
+		return this.liveChat.getUnreadCount();
 	}
 
 	async submitRating(conversationId, data) {
-		return this.webChat.submitRating(conversationId, data);
+		return this.liveChat.submitRating(conversationId, data);
 	}
 
 	async identify(metadata) {

package/src/core/Product7.js

@@ -58,7 +58,12 @@ export class Product7 {
 
 			const serverConfig = initData.config ? { ...initData.config } : {};
 			if (initData.widgets) {
-				serverConfig.widgets = initData.widgets;
+				const widgets = { ...initData.widgets };
+				if (widgets.web_chat && !widgets.liveChat) {
+					widgets.liveChat = widgets.web_chat;
+					delete widgets.web_chat;
+				}
+				serverConfig.widgets = widgets;
 			}
 			if (Object.keys(serverConfig).length > 0) {
 				this.config = deepMerge(serverConfig, this.config);
@@ -130,8 +135,8 @@ export class Product7 {
 		return this.createWidget('feedback', options);
 	}
 
-	createWebChatWidget(options = {}) {
-		return this.createWidget('webChat', options);
+	createLiveChatWidget(options = {}) {
+		return this.createWidget('liveChat', options);
 	}
 
 	createChangelogWidget(options = {}) {
@@ -923,7 +928,7 @@ export class Product7 {
 	_bindMethods() {
 		this.createWidget = this.createWidget.bind(this);
 		this.createFeedbackWidget = this.createFeedbackWidget.bind(this);
-		this.createWebChatWidget = this.createWebChatWidget.bind(this);
+		this.createLiveChatWidget = this.createLiveChatWidget.bind(this);
 		this.createChangelogWidget = this.createChangelogWidget.bind(this);
 		this.createSurveyWidget = this.createSurveyWidget.bind(this);
 		this.destroyWidget = this.destroyWidget.bind(this);

package/src/core/WebSocketService.js

@@ -51,7 +51,7 @@ export class WebSocketService {
 		const wsProtocol = window.location.protocol === 'https:' ? 'wss:' : 'ws:';
 		let wsURL = this.baseURL.replace(/^https?:/, wsProtocol);
 		wsURL = wsURL.replace('/api/v1', '');
-		wsURL = `${wsURL}/api/v1/widget/web-chat/ws?token=${encodeURIComponent(this.sessionToken)}`;
+		wsURL = `${wsURL}/api/v1/widget/live-chat/ws?token=${encodeURIComponent(this.sessionToken)}`;
 
 		try {
 			this.ws = new WebSocket(wsURL);

package/src/docs/api.md

@@ -1,4 +1,4 @@
-# API Reference
+# API Reference
 
 ## Product7
 
@@ -60,7 +60,7 @@ const widget = sdk.createFeedbackWidget({
 });
 ```
 
-#### `createWebChatWidget(options?): WebChatWidget`
+#### `createLiveChatWidget(options?): LiveChatWidget`
 
 Creates the web chat widget.
 
@@ -78,7 +78,7 @@ Low-level factory for advanced usage. Supported types include:
 
 - `'feedback'`
 - `'button'` (legacy alias for feedback)
-- `'webChat'`
+- `'liveChat'`
 - `'survey'`
 - `'changelog'`
 - `'inline'`
@@ -186,9 +186,9 @@ Created by `sdk.createFeedbackWidget()` or `sdk.createWidget('feedback', ...)`.
 
 ---
 
-## WebChatWidget
+## LiveChatWidget
 
-Created by `sdk.createWebChatWidget()`.
+Created by `sdk.createLiveChatWidget()`.
 
 ### Methods
 
@@ -301,9 +301,9 @@ Created by `sdk.createChangelogWidget()`.
 
 ### Web Chat Events
 
-- `webChat:opened`
-- `webChat:closed`
-- `webChat:messageSent`
+- `liveChat:opened`
+- `liveChat:closed`
+- `liveChat:messageSent`
 
 ### Survey Events
 

package/src/docs/example.md

@@ -1,4 +1,4 @@
-# Examples
+# Examples
 
 ## Basic Usage
 
@@ -208,37 +208,37 @@ if (surveys.length > 0) {
 ### Basic Web Chat
 
 ```javascript
-const webChat = sdk.createWebChatWidget({
+const liveChat = sdk.createLiveChatWidget({
 	position: 'bottom-right',
 	teamName: 'Support Team',
 	enableHelp: true,
 	enableChangelog: true,
 });
 
-webChat.mount();
+liveChat.mount();
 ```
 
 ### Headless Web Chat
 
 ```javascript
-const webChat = sdk.createWebChatWidget({
+const liveChat = sdk.createLiveChatWidget({
 	headless: true,
 	enableHelp: true,
 });
 
-webChat.mount();
+liveChat.mount();
 
 document
 	.querySelector('#support-link')
-	?.addEventListener('click', () => webChat.open());
+	?.addEventListener('click', () => liveChat.open());
 ```
 
 ### Programmatic Web Chat Navigation
 
 ```javascript
-webChat.open();
-webChat.navigateTo('help');
-webChat.close();
+liveChat.open();
+liveChat.navigateTo('help');
+liveChat.close();
 ```
 
 ---

package/src/docs/framework-integrations.md

@@ -1,4 +1,4 @@
-# Framework Integrations
+# Framework Integrations
 
 Use this guide to integrate `@product7/product7-js` in modern frontend frameworks.
 
@@ -560,13 +560,13 @@ const survey = sdk.createSurveyWidget({
 survey.mount();
 survey.open();
 
-const webChat = sdk.createWebChatWidget({
+const liveChat = sdk.createLiveChatWidget({
 	position: 'bottom-right',
 	teamName: 'Support Team',
 	enableHelp: true,
 	enableChangelog: true,
 });
-webChat.mount();
+liveChat.mount();
 
 const changelog = sdk.createChangelogWidget({
 	position: 'bottom-left',

package/src/index.js

@@ -15,7 +15,7 @@ import { ChangelogWidget } from './widgets/ChangelogWidget.js';
 import { InlineWidget } from './widgets/InlineWidget.js';
 import { SurveyWidget } from './widgets/SurveyWidget.js';
 import { TabWidget } from './widgets/TabWidget.js';
-import { WebChatWidget } from './widgets/WebChatWidget.js';
+import { LiveChatWidget } from './widgets/LiveChatWidget.js';
 import { WidgetFactory } from './widgets/WidgetFactory.js';
 
 // --- Identify: transform flat user data into internal format ---
@@ -143,7 +143,7 @@ const Product7 = {
 	_organization: null,
 	_q: [],
 	_feedbackWidget: null,
-	_WebChatWidget: null,
+	_LiveChatWidget: null,
 	_surveyWidget: null,
 
 	version: '1.0.0',
@@ -333,10 +333,10 @@ const Product7 = {
 	// Web Chat
 	// ==================
 
-	async webChat(options = {}, callback) {
+	async liveChat(options = {}, callback) {
 		const sdk = await ensureSDK(options);
 		if (!sdk) {
-			Product7._q.push(['webChat', options, callback]);
+			Product7._q.push(['liveChat', options, callback]);
 			return null;
 		}
 
@@ -377,30 +377,30 @@ const Product7 = {
 		widgetOptions.enabled = true;
 
 		try {
-			const widget = sdk.createWebChatWidget(widgetOptions);
+			const widget = sdk.createLiveChatWidget(widgetOptions);
 			widget.mount();
 			widget.show();
 
-			Product7._WebChatWidget = widget;
+			Product7._LiveChatWidget = widget;
 
 			if (typeof callback === 'function') {
 				callback({ action: 'widgetReady' });
 
-				sdk.eventBus.on('webChat:messageSent', (data) => {
+				sdk.eventBus.on('liveChat:messageSent', (data) => {
 					callback({ action: 'messageSent', message: data });
 				});
 
-				sdk.eventBus.on('webChat:opened', () => {
-					callback({ action: 'webChatOpened' });
+				sdk.eventBus.on('liveChat:opened', () => {
+					callback({ action: 'liveChatOpened' });
 				});
 
-				sdk.eventBus.on('webChat:closed', () => {
-					callback({ action: 'webChatClosed' });
+				sdk.eventBus.on('liveChat:closed', () => {
+					callback({ action: 'liveChatClosed' });
 				});
 			}
 
-			// Listen for data-product7-web-chat clicks
-			Product7._setupWebChatAttributeTriggers();
+			// Listen for data-product7-live-chat clicks
+			Product7._setupLiveChatAttributeTriggers();
 			Product7._setupPostMessageListener();
 
 			return widget;
@@ -411,23 +411,23 @@ const Product7 = {
 		}
 	},
 
-	openWebChat() {
-		if (Product7._WebChatWidget) {
-			Product7._WebChatWidget.open?.() || Product7._WebChatWidget.openPanel?.();
+	openLiveChat() {
+		if (Product7._LiveChatWidget) {
+			Product7._LiveChatWidget.open?.() || Product7._LiveChatWidget.openPanel?.();
 		}
 	},
 
-	closeWebChat() {
-		if (Product7._WebChatWidget) {
-			Product7._WebChatWidget.close?.() ||
-				Product7._WebChatWidget.closePanel?.();
+	closeLiveChat() {
+		if (Product7._LiveChatWidget) {
+			Product7._LiveChatWidget.close?.() ||
+				Product7._LiveChatWidget.closePanel?.();
 		}
 	},
 
-	destroyWebChat() {
-		if (Product7._WebChatWidget) {
-			Product7._WebChatWidget.destroy();
-			Product7._WebChatWidget = null;
+	destroyLiveChat() {
+		if (Product7._LiveChatWidget) {
+			Product7._LiveChatWidget.destroy();
+			Product7._LiveChatWidget = null;
 		}
 	},
 
@@ -731,7 +731,7 @@ const Product7 = {
 
 	destroy() {
 		Product7.destroyFeedback();
-		Product7.destroyWebChat();
+		Product7.destroyLiveChat();
 		Product7.destroySurvey();
 		if (Product7._sdk) {
 			Product7._sdk.destroy();
@@ -741,7 +741,7 @@ const Product7 = {
 		Product7._organization = null;
 		Product7._q = [];
 		Product7._feedbackListenerAttached = false;
-		Product7._webChatListenerAttached = false;
+		Product7._liveChatListenerAttached = false;
 		Product7._postMessageListenerAttached = false;
 	},
 
@@ -772,16 +772,16 @@ const Product7 = {
 		});
 	},
 
-	_setupWebChatAttributeTriggers() {
+	_setupLiveChatAttributeTriggers() {
 		if (typeof document === 'undefined') return;
-		if (Product7._webChatListenerAttached) return;
-		Product7._webChatListenerAttached = true;
+		if (Product7._liveChatListenerAttached) return;
+		Product7._liveChatListenerAttached = true;
 
 		document.addEventListener('click', (e) => {
-			const trigger = e.target.closest('[data-product7-web-chat]');
+			const trigger = e.target.closest('[data-product7-live-chat]');
 			if (trigger) {
 				e.preventDefault();
-				Product7.openWebChat();
+				Product7.openLiveChat();
 			}
 		});
 	},
@@ -802,11 +802,11 @@ const Product7 = {
 				case 'closeFeedback':
 					Product7.closeFeedback();
 					break;
-				case 'openWebChat':
-					Product7.openWebChat();
+				case 'openLiveChat':
+					Product7.openLiveChat();
 					break;
-				case 'closeWebChat':
-					Product7.closeWebChat();
+				case 'closeLiveChat':
+					Product7.closeLiveChat();
 					break;
 				case 'closeSurvey':
 					Product7.closeSurvey();
@@ -823,7 +823,7 @@ const Product7 = {
 	TabWidget,
 	InlineWidget,
 	SurveyWidget,
-	WebChatWidget,
+	LiveChatWidget,
 	WidgetFactory,
 	EventBus,
 	APIService,
@@ -864,7 +864,7 @@ export {
 	SurveyWidget,
 	TabWidget,
 	ValidationError,
-	WebChatWidget,
+	LiveChatWidget,
 	WidgetError,
 	WidgetFactory,
 };

package/src/styles/base.js

@@ -1,6 +1,6 @@
 export const baseStyles = `
 .feedback-widget,
-.web-chat-widget,
+.live-chat-widget,
 .changelog-widget,
 .feedback-survey,
 .feedback-panel,
@@ -15,9 +15,9 @@
 .feedback-widget *,
 .feedback-widget *::before,
 .feedback-widget *::after,
-.web-chat-widget *,
-.web-chat-widget *::before,
-.web-chat-widget *::after,
+.live-chat-widget *,
+.live-chat-widget *::before,
+.live-chat-widget *::after,
 .changelog-widget *,
 .changelog-widget *::before,
 .changelog-widget *::after,
@@ -41,7 +41,7 @@
 
 @media (prefers-reduced-motion: reduce) {
   .feedback-widget *,
-  .web-chat-widget *,
+  .live-chat-widget *,
   .changelog-widget *,
   .feedback-survey * {
     transition: none !important;
@@ -56,9 +56,9 @@
   .sdk-notification,
   .changelog-widget,
   .changelog-modal,
-  .web-chat-widget,
-  .web-chat-launcher,
-  .web-chat-panel,
+  .live-chat-widget,
+  .live-chat-launcher,
+  .live-chat-panel,
   .feedback-survey,
   .feedback-survey-backdrop {
     display: none !important;