@product7/product7-js 0.2.1 → 0.2.4

package/package.json

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

package/src/core/BaseAPIService.js

@@ -35,8 +35,12 @@ export class BaseAPIService {
 		if (!env || env === 'production') {
 			const hostname =
 				(typeof window !== 'undefined' && window.location?.hostname) || '';
+			const port =
+				(typeof window !== 'undefined' && window.location?.port) || '';
 			if (hostname.includes('staging')) {
 				env = 'staging';
+			} else if (hostname === 'app.localhost' && port === '3005') {
+				env = 'localstack';
 			}
 		}
 

package/src/core/Product7.js

@@ -1,6 +1,6 @@
+import { CSS_STYLES } from '../styles/styles.js';
 import { ConfigError, SDKError } from '../utils/errors.js';
 import { deepMerge, generateId } from '../utils/helpers.js';
-import { CSS_STYLES } from '../styles/styles.js';
 import { WidgetFactory } from '../widgets/WidgetFactory.js';
 import { APIService } from './APIService.js';
 import { EventBus } from './EventBus.js';
@@ -726,11 +726,16 @@ export class Product7 {
 		}
 
 		const hostname = window.location.hostname.toLowerCase();
+		const port = window.location.port;
 
 		if (hostname.includes('staging')) {
 			return 'staging';
 		}
 
+		if (hostname === 'app.localhost' && port === '3005') {
+			return 'localstack';
+		}
+
 		return 'production';
 	}
 

package/src/index.js

@@ -18,7 +18,6 @@ import { SurveyWidget } from './widgets/SurveyWidget.js';
 import { TabWidget } from './widgets/TabWidget.js';
 import { WidgetFactory } from './widgets/WidgetFactory.js';
 
-
 // --- Identify: transform flat user data into internal format ---
 
 function transformIdentifyData(data) {

package/src/styles/messenger-views.js

@@ -616,8 +616,8 @@ export const messengerViewsStyles = `
 
 .messenger-help-collection-icon {
   flex-shrink: 0;
-  width: 2.25rem;
-  height: 2.25rem;
+  width: 1.75rem;
+  height: 1.75rem;
   display: flex;
   align-items: center;
   justify-content: center;
@@ -625,14 +625,14 @@ export const messengerViewsStyles = `
 }
 
 .messenger-help-collection-icon svg {
-  width: 1.5rem;
-  height: 1.5rem;
+  width: 1.1rem;
+  height: 1.1rem;
   display: block;
   flex-shrink: 0;
 }
 
 .messenger-help-collection-icon iconify-icon {
-  font-size: 1.5rem;
+  font-size: 1.1rem;
   width: 1em;
   height: 1em;
   display: block;

package/src/widgets/SurveyWidget.js

@@ -799,7 +799,9 @@ export class SurveyWidget extends BaseWidget {
 		const pageId = page.id || `page_${this.surveyState.currentPageIndex}`;
 
 		if (page.type === 'rating') {
-			const isStarRating = !!this.surveyElement.querySelector('.feedback-survey-star-btn');
+			const isStarRating = !!this.surveyElement.querySelector(
+				'.feedback-survey-star-btn'
+			);
 
 			this.surveyElement
 				.querySelectorAll('.feedback-survey-page-rating-btn')
@@ -838,7 +840,9 @@ export class SurveyWidget extends BaseWidget {
 				});
 
 			if (isStarRating) {
-				const container = this.surveyElement.querySelector('.feedback-survey-stars');
+				const container = this.surveyElement.querySelector(
+					'.feedback-survey-stars'
+				);
 				if (container) {
 					container.addEventListener('mouseleave', () => {
 						this.surveyElement

package/src/widgets/messenger/views/ChangelogView.js

@@ -119,7 +119,9 @@ export class ChangelogView {
 	}
 
 	_attachEvents() {
-		const mobileCloseBtn = this.element.querySelector('.messenger-changelog-close-btn');
+		const mobileCloseBtn = this.element.querySelector(
+			'.messenger-changelog-close-btn'
+		);
 		if (mobileCloseBtn) {
 			mobileCloseBtn.addEventListener('click', () => {
 				this.state.setOpen(false);

package/src/widgets/messenger/views/ChatView.js

@@ -365,7 +365,9 @@ export class ChatView {
 				this.state.setView('messages');
 			});
 
-		const mobileCloseBtn = this.element.querySelector('.messenger-mobile-close-btn');
+		const mobileCloseBtn = this.element.querySelector(
+			'.messenger-mobile-close-btn'
+		);
 		if (mobileCloseBtn) {
 			mobileCloseBtn.addEventListener('click', () => {
 				this.state.setOpen(false);
@@ -593,14 +595,20 @@ export class ChatView {
 		});
 
 		this._emojiOutsideHandler = (e) => {
-			if (!container.contains(e.target) && !e.target.closest('.messenger-emoji-btn')) {
+			if (
+				!container.contains(e.target) &&
+				!e.target.closest('.messenger-emoji-btn')
+			) {
 				container.remove();
 				this._emojiPickerOpen = false;
 				document.removeEventListener('click', this._emojiOutsideHandler);
 				this._emojiOutsideHandler = null;
 			}
 		};
-		setTimeout(() => document.addEventListener('click', this._emojiOutsideHandler), 0);
+		setTimeout(
+			() => document.addEventListener('click', this._emojiOutsideHandler),
+			0
+		);
 	}
 
 	_insertEmoji(emoji) {
@@ -608,8 +616,7 @@ export class ChatView {
 		if (!input) return;
 		const start = input.selectionStart;
 		const end = input.selectionEnd;
-		input.value =
-			input.value.slice(0, start) + emoji + input.value.slice(end);
+		input.value = input.value.slice(0, start) + emoji + input.value.slice(end);
 		input.selectionStart = input.selectionEnd = start + emoji.length;
 		input.focus();
 		input.dispatchEvent(new Event('input'));

package/src/widgets/messenger/views/HelpView.js

@@ -196,7 +196,9 @@ export class HelpView {
 	}
 
 	_attachEvents() {
-		const mobileCloseBtn = this.element.querySelector('.messenger-help-close-btn');
+		const mobileCloseBtn = this.element.querySelector(
+			'.messenger-help-close-btn'
+		);
 		if (mobileCloseBtn) {
 			mobileCloseBtn.addEventListener('click', () => {
 				this.state.setOpen(false);