@product7/feedback-sdk 1.3.0 → 1.3.2

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@product7/feedback-sdk",
-	"version": "1.3.0",
+	"version": "1.3.2",
 	"description": "JavaScript SDK for integrating Product7 feedback widgets into any website",
 	"main": "dist/feedback-sdk.js",
 	"module": "src/index.js",
@@ -18,6 +18,7 @@
 		"build:prod": "rollup -c rollup.config.js --environment NODE_ENV:production",
 		"dev": "rollup -c rollup.config.js --environment NODE_ENV:development --watch",
 		"serve": "http-server . -p 8080 -c-1",
+		"localstack": "npm run build:dev && echo 'Open http://localhost:8080/test.html?env=localstack' && http-server . -p 8080 -c-1",
 		"dev:test": "npm run build:dev && npm run serve",
 		"test": "jest",
 		"test:watch": "jest --watch",

package/src/core/APIService.js

@@ -37,7 +37,29 @@ export class APIService extends BaseAPIService {
 	}
 
 	async checkAgentsOnline() {
-		return this.messenger.checkAgentsOnline();
+		if (!this.isSessionValid()) {
+			await this.init();
+		}
+
+		if (this.mock) {
+			return {
+				status: true,
+				data: {
+					agents_online: true,
+					online_count: 2,
+					response_time: 'Usually replies within a few minutes',
+					available_agents: [
+						{ full_name: 'Sarah', picture: '' },
+						{ full_name: 'Tom', picture: '' },
+					],
+				},
+			};
+		}
+
+		return this._makeRequest('/widget/messenger/agents/online', {
+			method: 'GET',
+			headers: { Authorization: `Bearer ${this.sessionToken}` },
+		});
 	}
 
 	async getConversations(options) {
@@ -53,11 +75,119 @@ export class APIService extends BaseAPIService {
 	}
 
 	async startConversation(data) {
-		return this.messenger.startConversation(data);
+		if (!this.isSessionValid()) {
+			console.log('[APIService] startConversation: session invalid, calling init...');
+			try {
+				await this.init();
+				console.log('[APIService] startConversation: init result, token:', this.sessionToken ? 'set' : 'null');
+			} catch (initError) {
+				console.error('[APIService] startConversation: init failed:', initError.message);
+				throw initError;
+			}
+		}
+
+		if (!this.sessionToken) {
+			console.error('[APIService] startConversation: no session token after init');
+			throw new APIError(401, 'No valid session token available');
+		}
+
+		console.log('[APIService] startConversation: sending to', `${this.baseURL}/widget/messenger/conversations`, 'mock:', this.mock);
+
+		if (this.mock) {
+			await new Promise((resolve) => setTimeout(resolve, 300));
+			const newConv = {
+				id: 'conv_' + Date.now(),
+				subject: data.subject || 'New conversation',
+				status: 'open',
+				last_message_at: new Date().toISOString(),
+				created_at: new Date().toISOString(),
+				messages: [
+					{
+						id: 'msg_' + Date.now(),
+						content: data.message,
+						sender_type: 'customer',
+						created_at: new Date().toISOString(),
+					},
+				],
+			};
+			MOCK_CONVERSATIONS.unshift(newConv);
+			MOCK_MESSAGES[newConv.id] = newConv.messages;
+			return { status: true, data: newConv };
+		}
+
+		return this._makeRequest('/widget/messenger/conversations', {
+			method: 'POST',
+			headers: {
+				'Content-Type': 'application/json',
+				Authorization: `Bearer ${this.sessionToken}`,
+			},
+			body: JSON.stringify({
+				message: data.message,
+				subject: data.subject || '',
+			}),
+		});
 	}
 
 	async sendMessage(conversationId, data) {
-		return this.messenger.sendMessage(conversationId, data);
+		if (!this.isSessionValid()) {
+			await this.init();
+		}
+
+		if (this.mock) {
+			await new Promise((resolve) => setTimeout(resolve, 200));
+			const newMessage = {
+				id: 'msg_' + Date.now(),
+				content: data.content,
+				attachments: data.attachments || [],
+				sender_type: 'customer',
+				created_at: new Date().toISOString(),
+			};
+			if (!MOCK_MESSAGES[conversationId]) {
+				MOCK_MESSAGES[conversationId] = [];
+			}
+			MOCK_MESSAGES[conversationId].push(newMessage);
+			return { status: true, data: newMessage };
+		}
+
+		const payload = { content: data.content };
+		if (data.attachments && data.attachments.length > 0) {
+			payload.attachments = data.attachments;
+		}
+
+		return this._makeRequest(`/widget/messenger/conversations/${conversationId}/messages`, {
+			method: 'POST',
+			headers: {
+				'Content-Type': 'application/json',
+				Authorization: `Bearer ${this.sessionToken}`,
+			},
+			body: JSON.stringify(payload),
+		});
+	}
+
+	/**
+	 * Upload a file to CDN via widget endpoint
+	 * @param {string} base64Data - Base64 encoded file data (with or without data URI prefix)
+	 * @param {string} filename - Original filename
+	 * @returns {Promise<Object>} Response with url
+	 */
+	async uploadFile(base64Data, filename) {
+		if (!this.isSessionValid()) {
+			await this.init();
+		}
+
+		if (this.mock) {
+			await new Promise((resolve) => setTimeout(resolve, 300));
+			return { status: true, url: `https://mock-cdn.example.com/${filename}` };
+		}
+
+		return this._makeRequest('/widget/messenger/upload', {
+			method: 'POST',
+			headers: {
+				'Content-Type': 'application/json',
+				Authorization: `Bearer ${this.sessionToken}`,
+			},
+			body: JSON.stringify({ file: base64Data, filename }),
+		});
 	}
 
 	async sendTypingIndicator(conversationId, isTyping) {
@@ -88,7 +218,63 @@ export class APIService extends BaseAPIService {
 		return this.help.searchHelpArticles(query, options);
 	}
 
-	async getChangelogs(options) {
-		return this.changelog.getChangelogs(options);
+	_loadStoredSession() {
+		if (typeof localStorage === 'undefined') return false;
+
+		try {
+			const stored = localStorage.getItem('feedbackSDK_session');
+			if (!stored) return false;
+
+			const sessionData = JSON.parse(stored);
+
+			// Invalidate mock tokens when not in mock mode (and vice versa)
+			const isMockToken = sessionData.token && sessionData.token.startsWith('mock_');
+			if (isMockToken !== this.mock) {
+				localStorage.removeItem('feedbackSDK_session');
+				return false;
+			}
+
+			this.sessionToken = sessionData.token;
+			this.sessionExpiry = new Date(sessionData.expiry);
+
+			return this.isSessionValid();
+		} catch (error) {
+			return false;
+		}
+	}
+
+	async _makeRequest(endpoint, options = {}) {
+		const url = `${this.baseURL}${endpoint}`;
+
+		try {
+			const response = await fetch(url, options);
+
+			if (!response.ok) {
+				let errorMessage = `HTTP ${response.status}`;
+				let responseData = null;
+
+				try {
+					responseData = await response.json();
+					errorMessage =
+						responseData.message || responseData.error || errorMessage;
+				} catch (e) {
+					errorMessage = (await response.text()) || errorMessage;
+				}
+
+				throw new APIError(response.status, errorMessage, responseData);
+			}
+
+			const contentType = response.headers.get('content-type');
+			if (contentType && contentType.includes('application/json')) {
+				return await response.json();
+			}
+
+			return await response.text();
+		} catch (error) {
+			if (error instanceof APIError) {
+				throw error;
+			}
+			throw new APIError(0, error.message, null);
+		}
 	}
 }

package/src/core/FeedbackSDK.js

@@ -14,8 +14,11 @@ export class FeedbackSDK {
 		this.apiService = new APIService({
 			apiUrl: this.config.apiUrl,
 			workspace: this.config.workspace,
+			siteId: this.config.siteId,
+			sessionToken: this.config.sessionToken,
 			userContext: this.config.userContext,
 			mock: this.config.mock,
+			debug: this.config.debug,
 			env: this.config.env,
 		});