@product7/feedback-sdk 1.3.3 → 1.3.5

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@product7/feedback-sdk",
-	"version": "1.3.3",
+	"version": "1.3.5",
 	"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

@@ -194,4 +194,80 @@ 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();
+
+		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 || {},
+			}),
+		});
+	}
+
+	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/index.js

@@ -1,7 +1,6 @@
 import { APIService } from './core/APIService.js';
 import { EventBus } from './core/EventBus.js';
 import { FeedbackSDK } from './core/FeedbackSDK.js';
-import { MESSENGER_STYLES } from './styles/messengerStyles.js';
 import { CSS_STYLES } from './styles/styles.js';
 import {
 	APIError,
@@ -27,7 +26,7 @@ function injectStyles() {
 	) {
 		const style = document.createElement('style');
 		style.id = 'feedback-sdk-styles';
-		style.textContent = CSS_STYLES + MESSENGER_STYLES;
+		style.textContent = CSS_STYLES;
 		document.head.appendChild(style);
 	}
 }
@@ -195,4 +194,4 @@ export {
 	ValidationError,
 	WidgetError,
 	WidgetFactory,
-};
+};

package/src/styles/base.js

@@ -1,75 +1,50 @@
 export const baseStyles = `
-.feedback-widget {
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', Oxygen, Ubuntu, Cantarell, sans-serif;
-  font-size: 14px;
-  line-height: 1.4;
-  z-index: 999999;
+.feedback-widget,
+.messenger-widget,
+.changelog-widget,
+.feedback-survey {
   box-sizing: border-box;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', Oxygen, Ubuntu, Cantarell, sans-serif;
 }
 
 .feedback-widget *,
 .feedback-widget *::before,
-.feedback-widget *::after {
+.feedback-widget *::after,
+.messenger-widget *,
+.messenger-widget *::before,
+.messenger-widget *::after,
+.changelog-widget *,
+.changelog-widget *::before,
+.changelog-widget *::after,
+.feedback-survey *,
+.feedback-survey *::before,
+.feedback-survey *::after {
   box-sizing: border-box;
 }
 
-/* Animations */
-@keyframes fadeIn {
-  from { opacity: 0; }
-  to { opacity: 1; }
-}
-
-@keyframes slideInRight {
-  from {
-    transform: translateX(400px);
-    opacity: 0;
-  }
-  to {
-    transform: translateX(0);
-    opacity: 1;
-  }
-}
-
-@keyframes confettiFall {
-  0% {
-    opacity: 1;
-    transform: translateY(0) rotate(0deg) scale(1);
-  }
-  10% {
-    opacity: 1;
-  }
-  100% {
-    opacity: 0;
-    transform: translateY(100vh) rotate(720deg) scale(0.5);
-  }
-}
-
-@keyframes changelogSpin {
-  to {
-    transform: rotate(360deg);
-  }
-}
-
-/* Accessibility */
 @media (prefers-reduced-motion: reduce) {
-  * {
+  .feedback-widget *,
+  .messenger-widget *,
+  .changelog-widget *,
+  .feedback-survey * {
     transition: none !important;
     animation: none !important;
   }
 }
 
-/* Print */
 @media print {
   .feedback-widget,
   .feedback-panel,
-  .feedback-panel-backdrop,
-  .feedback-success-notification,
+  .sdk-modal-backdrop,
+  .sdk-notification,
   .changelog-widget,
   .changelog-modal,
-  .changelog-modal-backdrop,
-  .changelog-list-modal,
-  .changelog-list-modal-backdrop {
+  .messenger-widget,
+  .messenger-launcher,
+  .messenger-panel,
+  .feedback-survey,
+  .feedback-survey-backdrop {
     display: none !important;
   }
 }
-`;
+`;