@product7/feedback-sdk 1.3.3 → 1.3.4

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@product7/feedback-sdk",
-	"version": "1.3.3",
+	"version": "1.3.4",
 	"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,24 @@ export class MessengerService {
 			}
 		);
 	}
+
+	async identifyContact(data) {
+	await this.api._ensureSession();
+
+	if (this.api.mock) {
+		return { status: true, data: { identified: true } };
+	}
+
+	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,
+		}),
+	});
+}
 }

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;
   }
 }
-`;
+`;