@product7/feedback-sdk 1.3.4 → 1.3.6

package/package.json

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

package/src/api/services/MessengerService.js

@@ -195,23 +195,79 @@ export class MessengerService {
 		);
 	}
 
+	async getMessages(conversationId, options = {}) {
+		await this.api._ensureSession();
+
+		if (this.api.mock) {
+			await delay(200);
+			return {
+				status: true,
+				data: MOCK_MESSAGES[conversationId] || [],
+				meta: { total: 0, page: 1, limit: 50 },
+			};
+		}
+
+		const params = { ...options };
+		const endpoint = this.api._getEndpointWithParams(
+			`/widget/messenger/conversations/${conversationId}/messages`,
+			params
+		);
+		return this.api._makeRequest(endpoint, {
+			method: 'GET',
+			headers: { Authorization: `Bearer ${this.api.sessionToken}` },
+		});
+	}
+
 	async identifyContact(data) {
-	await this.api._ensureSession();
+		await this.api._ensureSession();
 
-	if (this.api.mock) {
-		return { status: true, data: { identified: true } };
+		if (this.api.mock) {
+			await delay(300);
+			return {
+				status: true,
+				data: {
+					contact_id: 'mock_contact_' + Date.now(),
+					email: data.email,
+					name: data.name || '',
+					is_new: true,
+				},
+			};
+		}
+
+		return this.api._makeRequest('/widget/messenger/identify', {
+			method: 'POST',
+			headers: {
+				'Content-Type': 'application/json',
+				Authorization: `Bearer ${this.api.sessionToken}`,
+			},
+			body: JSON.stringify({
+				email: data.email,
+				name: data.name || '',
+				phone: data.phone || '',
+				company: data.company || '',
+				avatar_url: data.avatar_url || '',
+				metadata: data.metadata || {},
+			}),
+		});
 	}
 
-	return this.api._makeRequest('/widget/messenger/identify', {
-		method: 'POST',
-		headers: {
-			'Content-Type': 'application/json',
-			Authorization: `Bearer ${this.api.sessionToken}`,
-		},
-		body: JSON.stringify({
-			name: data.name,
-			email: data.email,
-		}),
-	});
-}
+	async sendTypingIndicator(conversationId, isTyping) {
+		await this.api._ensureSession();
+
+		if (this.api.mock) {
+			return { status: true };
+		}
+
+		return this.api._makeRequest(
+			`/widget/messenger/conversations/${conversationId}/typing`,
+			{
+				method: 'POST',
+				headers: {
+					'Content-Type': 'application/json',
+					Authorization: `Bearer ${this.api.sessionToken}`,
+				},
+				body: JSON.stringify({ is_typing: isTyping }),
+			}
+		);
+	}
 }

package/src/core/BaseAPIService.js

@@ -25,6 +25,10 @@ export class BaseAPIService {
 				base: 'https://staging.api.product7.io/api/v1',
 				withWorkspace: (ws) => `https://${ws}.staging.api.product7.io/api/v1`,
 			},
+			localstack: {
+				base: 'http://localhost:1323/api/v1',
+				withWorkspace: (ws) => `http://${ws}.localhost:1323/api/v1`,
+			},
 		};
 
 		const envConfig = ENV_URLS[this.env] || ENV_URLS.production;

package/src/widgets/MessengerWidget.js

@@ -134,22 +134,9 @@ export class MessengerWidget extends BaseWidget {
 
 async _handleStartConversation(messageContent, pendingAttachments) {
 	try {
-		const userContext = this.messengerState.userContext;
-		const isAuthenticated = userContext?.email && userContext?.name;
-
-		if (isAuthenticated) {
-			try {
-				await this.apiService.identifyContact({
-					name: userContext.name,
-					email: userContext.email,
-				});
-				console.log('[MessengerWidget] User auto-identified for conversation');
-			} catch (error) {
-				if (error?.code !== 'ALREADY_IDENTIFIED') {
-					console.warn('[MessengerWidget] Auto-identification failed:', error);
-				}
-			}
-		} else {
+		// Check if already identified
+		if (!this.messengerState.isIdentified) {
+			// Not identified - show pre-chat form
 			this.messengerState.pendingMessage = {
 				content: messageContent,
 				attachments: pendingAttachments,
@@ -158,6 +145,7 @@ async _handleStartConversation(messageContent, pendingAttachments) {
 			return null;
 		}
 
+		// Already identified - proceed with conversation
 		const openConversation = this.messengerState.conversations.find(
 			(c) => c.status === 'open'
 		);
@@ -206,43 +194,47 @@ async _handleStartConversation(messageContent, pendingAttachments) {
 		}
 	}
 
-	async _handleIdentifyContact(contactData) {
-		try {
-			const response = await this.apiService.identifyContact({
-				name: contactData.name,
-				email: contactData.email,
-			});
-
-			if (response.status) {
-				console.log('[MessengerWidget] Contact identified:', contactData.email);
-
-				if (!this.messengerState.userContext) {
-					this.messengerState.userContext = {};
-				}
-				this.messengerState.userContext.name = contactData.name;
-				this.messengerState.userContext.email = contactData.email;
+async _handleIdentifyContact(contactData) {
+	try {
+		const response = await this.apiService.identifyContact({
+			name: contactData.name,
+			email: contactData.email,
+		});
 
-				const pendingMessage = this.messengerState.pendingMessage;
-				if (pendingMessage) {
-					this.messengerState.pendingMessage = null;
+		if (response.status) {
+			console.log('[MessengerWidget] Contact identified:', response.data.contact_id);
 
-					await this.startNewConversation(
-						pendingMessage.content,
-						'',
-						pendingMessage.attachments
-					);
-				} else {
-					this.messengerState.setView('chat');
-				}
+			if (!this.messengerState.userContext) {
+				this.messengerState.userContext = {};
+			}
+			this.messengerState.userContext.name = contactData.name;
+			this.messengerState.userContext.email = contactData.email;
+			this.messengerState.isIdentified = true;
+
+			const pendingMessage = this.messengerState.pendingMessage;
+			if (pendingMessage) {
+				this.messengerState.pendingMessage = null;
+				
+				// SET VIEW FIRST
+				this.messengerState.setView('chat');
+				
+				// THEN start conversation
+				await this.startNewConversation(
+					pendingMessage.content,
+					'',
+					pendingMessage.attachments
+				);
+			} else {
+				this.messengerState.setView('chat');
 			}
-
-			return response;
-		} catch (error) {
-			console.error('[MessengerWidget] Failed to identify contact:', error);
-			throw error;
 		}
-	}
 
+		return response;
+	} catch (error) {
+		console.error('[MessengerWidget] Failed to identify contact:', error);
+		throw error;
+	}
+}
 	async _handleUploadFile(base64Data, filename) {
 		try {
 			const response = await this.apiService.uploadFile(base64Data, filename);

package/src/widgets/messenger/MessengerState.js

@@ -2,52 +2,55 @@
  * MessengerState - State management for the Messenger widget
  */
 export class MessengerState {
-	constructor(options = {}) {
-		this.currentView = 'home'; // 'home', 'messages', 'chat', 'help', 'changelog'
-		this.isOpen = false;
-		this.unreadCount = 0;
-		this.activeConversationId = null;
-
-		// Conversations
-		this.conversations = [];
-		this.messages = {}; // { conversationId: [messages] }
-
-		// Help articles
-		this.helpArticles = [];
-		this.helpSearchQuery = '';
-
-		// Changelog
-		this.homeChangelogItems = [];
-		this.changelogItems = [];
-
-		// Team info
-		this.teamName = options.teamName || 'Support';
-		this.teamAvatars = options.teamAvatars || [];
-		this.welcomeMessage = options.welcomeMessage || 'How can we help?';
-
-		// User info
-		this.userContext = options.userContext || null;
-
-		// Feature flags
-		this.enableHelp = options.enableHelp !== false;
-		this.enableChangelog = options.enableChangelog !== false;
-
-		// Agent availability
-		this.agentsOnline = false;
-		this.onlineCount = 0;
-		this.responseTime = 'Usually replies within a few minutes';
-
-		// Typing indicators
-		this.typingUsers = {}; // { conversationId: { userName, timestamp } }
-
-		// Loading states
-		this.isLoading = false;
-		this.isLoadingMessages = false;
-
-		// Listeners
-		this._listeners = new Set();
-	}
-
+constructor(options = {}) {
+	this.currentView = 'home';
+	this.isOpen = false;
+	this.unreadCount = 0;
+	this.activeConversationId = null;
+
+	// Conversations
+	this.conversations = [];
+	this.messages = {};
+
+	// Help articles
+	this.helpArticles = [];
+	this.helpSearchQuery = '';
+
+	// Changelog
+	this.homeChangelogItems = [];
+	this.changelogItems = [];
+
+	// Team info
+	this.teamName = options.teamName || 'Support';
+	this.teamAvatars = options.teamAvatars || [];
+	this.welcomeMessage = options.welcomeMessage || 'How can we help?';
+
+	// User info
+	this.userContext = options.userContext || null;
+	
+	// ADD THESE TWO PROPERTIES
+	this.isIdentified = false; // Track if user has been identified
+	this.pendingMessage = null; // { content, attachments } - for pre-chat flow
+
+	// Feature flags
+	this.enableHelp = options.enableHelp !== false;
+	this.enableChangelog = options.enableChangelog !== false;
+
+	// Agent availability
+	this.agentsOnline = false;
+	this.onlineCount = 0;
+	this.responseTime = 'Usually replies within a few minutes';
+
+	// Typing indicators
+	this.typingUsers = {};
+
+	// Loading states
+	this.isLoading = false;
+	this.isLoadingMessages = false;
+
+	// Listeners
+	this._listeners = new Set();
+}
 	/**
 	 * Subscribe to state changes
 	 */