@product7/feedback-sdk 1.6.5 → 1.6.6

package/package.json

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

package/src/widgets/MessengerWidget.js

@@ -18,6 +18,11 @@ export class MessengerWidget extends BaseWidget {
 	constructor(options) {
 		super({ ...options, type: 'messenger' });
 
+		const resolvedEnableChangelog =
+			typeof options.enableChangelog === 'boolean'
+				? options.enableChangelog
+				: options.enableNews !== false;
+
 		this.messengerOptions = {
 			position: options.position || 'bottom-right',
 			theme: options.theme || 'light',
@@ -30,7 +35,10 @@ export class MessengerWidget extends BaseWidget {
 			greetingMessage: options.greetingMessage || 'Hi there 👋',
 			welcomeMessage: options.welcomeMessage || 'How can we help?',
 			enableHelp: options.enableHelp !== false,
-			enableChangelog: options.enableChangelog !== false,
+			enableChangelog: resolvedEnableChangelog,
+			autoLoadData: options.autoLoadData !== false,
+			initialView: options.initialView || 'home',
+			previewData: options.previewData || null,
 			featuredContent: options.featuredContent || null,
 			feedbackUrl: options.feedbackUrl || null,
 			changelogUrl: options.changelogUrl || null,
@@ -498,6 +506,51 @@ export class MessengerWidget extends BaseWidget {
 		};
 	}
 
+	_applyPreviewData() {
+		const data = this.messengerOptions.previewData;
+		if (!data || typeof data !== 'object') {
+			return;
+		}
+
+		if (Array.isArray(data.conversations)) {
+			this.messengerState.setConversations(data.conversations);
+		}
+
+		if (Array.isArray(data.helpArticles)) {
+			this.messengerState.setHelpArticles(data.helpArticles);
+		}
+
+		if (Array.isArray(data.homeChangelogItems)) {
+			this.messengerState.setHomeChangelogItems(data.homeChangelogItems);
+		}
+
+		if (Array.isArray(data.changelogItems)) {
+			this.messengerState.setChangelogItems(data.changelogItems);
+		}
+
+		if (typeof data.unreadCount === 'number') {
+			this.setUnreadCount(data.unreadCount);
+		}
+
+		if (data.availability && typeof data.availability === 'object') {
+			const availability = data.availability;
+			this.messengerState.agentsOnline = Boolean(
+				availability.agentsOnline ?? availability.agents_online
+			);
+			this.messengerState.onlineCount =
+				availability.onlineCount ?? availability.online_count ?? 0;
+			this.messengerState.responseTime =
+				availability.responseTime ??
+				availability.response_time ??
+				this.messengerState.responseTime;
+			this.messengerState._notify('availabilityUpdate', availability);
+		}
+
+		if (typeof data.currentView === 'string') {
+			this.messengerState.setView(data.currentView);
+		}
+	}
+
 	async loadInitialData() {
 		try {
 			const conversations = await this._fetchConversations();
@@ -824,17 +877,28 @@ export class MessengerWidget extends BaseWidget {
 	}
 
 	async onMount() {
-		this.loadInitialData();
+		this._applyPreviewData();
 
-		if (this.apiService?.sessionToken) {
-			this._initWebSocket();
-		}
+		if (this.messengerOptions.autoLoadData) {
+			this.loadInitialData();
 
-		this.checkAgentAvailability();
+			if (this.apiService?.sessionToken) {
+				this._initWebSocket();
+			}
 
-		this._availabilityInterval = setInterval(() => {
 			this.checkAgentAvailability();
-		}, 60000);
+
+			this._availabilityInterval = setInterval(() => {
+				this.checkAgentAvailability();
+			}, 60000);
+		}
+
+		if (
+			this.messengerOptions.initialView &&
+			this.messengerOptions.initialView !== this.messengerState.currentView
+		) {
+			this.messengerState.setView(this.messengerOptions.initialView);
+		}
 	}
 
 	onDestroy() {

package/types/index.d.ts

@@ -4,10 +4,14 @@ declare module '@product7/feedback-sdk' {
 		userContext?: UserContext;
 		debug?: boolean;
 		boardId?: string;
+		siteId?: string;
+		sessionToken?: string;
 		position?: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
 		theme?: 'light' | 'dark';
 		apiUrl?: string;
 		autoShow?: boolean;
+		mock?: boolean;
+		env?: string;
 		widgets?: WidgetConfigMap;
 	}
 
@@ -258,6 +262,25 @@ declare module '@product7/feedback-sdk' {
 		welcomeMessage?: string;
 		enableHelp?: boolean;
 		enableChangelog?: boolean;
+		enableNews?: boolean;
+		autoLoadData?: boolean;
+		initialView?: 'home' | 'messages' | 'chat' | 'prechat' | 'help' | 'changelog';
+		previewData?: {
+			conversations?: any[];
+			helpArticles?: any[];
+			homeChangelogItems?: any[];
+			changelogItems?: any[];
+			unreadCount?: number;
+			currentView?: string;
+			availability?: {
+				agentsOnline?: boolean;
+				agents_online?: boolean;
+				onlineCount?: number;
+				online_count?: number;
+				responseTime?: string;
+				response_time?: string;
+			};
+		};
 		logoUrl?: string;
 		primaryColor?: string;
 		featuredContent?: {