@product7/product7-js 0.3.1 → 0.3.2

package/package.json

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

package/src/widgets/MessengerWidget.js

@@ -17,6 +17,7 @@ import { PreChatFormView } from './messenger/views/PreChatFormView.js';
 export class MessengerWidget extends BaseWidget {
 	constructor(options) {
 		super({ ...options, type: 'messenger' });
+		this._explicitOptions = options || {};
 		const resolvedTheme = options.theme || 'light';
 		const hasExplicitTextColor = Object.prototype.hasOwnProperty.call(
 			options,
@@ -287,6 +288,11 @@ export class MessengerWidget extends BaseWidget {
 					name: contactData.name,
 					email: contactData.email,
 				});
+
+				// Start WebSocket now that session token is available
+				if (this.apiService?.sessionToken && !this.wsService?.isConnected) {
+					this._initWebSocket();
+				}
 			}
 
 			return response;
@@ -299,6 +305,11 @@ export class MessengerWidget extends BaseWidget {
 	markAsIdentified(name, email) {
 		this.messengerState.setIdentified(true, { name, email });
 		console.log('[MessengerWidget] Marked as identified:', email);
+
+		// Start WebSocket now that we have a session token
+		if (this.apiService?.sessionToken && !this.wsService?.isConnected) {
+			this._initWebSocket();
+		}
 	}
 
 	async _handleUploadFile(base64Data, filename) {
@@ -809,6 +820,39 @@ export class MessengerWidget extends BaseWidget {
 		}
 	}
 
+	async _fetchAndApplySettings() {
+		try {
+			const response = await this.apiService.getMessengerSettings();
+			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;
+			}
+			if (s.logo_url && !this._hasExplicitOption('logoUrl')) {
+				this.messengerOptions.logoUrl = s.logo_url;
+			}
+			if (s.greeting_message && !this._hasExplicitOption('greetingMessage')) {
+				this.messengerState.greetingMessage = s.greeting_message;
+			}
+			if (s.response_time && !this._hasExplicitOption('responseTime')) {
+				this.messengerState.responseTime = s.response_time;
+			}
+
+			// Notify views to re-render with new values
+			this.messengerState._notify('availabilityUpdate', {});
+		} catch (e) {
+			// non-fatal
+		}
+	}
+
+	_hasExplicitOption(key) {
+		return Object.prototype.hasOwnProperty.call(this._explicitOptions || {}, key);
+	}
+
 	async checkAgentAvailability() {
 		try {
 			const response = await this.apiService.checkAgentsOnline();
@@ -954,6 +998,9 @@ export class MessengerWidget extends BaseWidget {
 		this._applyPreviewData();
 
 		if (this.messengerOptions.autoLoadData) {
+			// Fetch workspace settings and apply only if not explicitly configured
+			this._fetchAndApplySettings();
+
 			this.loadInitialData();
 
 			if (this.apiService?.sessionToken) {