@product7/feedback-sdk 1.2.2 → 1.2.4

package/package.json

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

package/src/core/FeedbackSDK.js

@@ -283,6 +283,25 @@ export class FeedbackSDK {
 		this.eventBus.emit('sdk:destroyed');
 	}
 
+	_detectEnvironment() {
+		if (typeof window === 'undefined') {
+			return 'production';
+		}
+
+		const hostname = window.location.hostname.toLowerCase();
+		
+		if (
+			hostname.includes('staging') || 
+			hostname.includes('localhost') || 
+			hostname.includes('127.0.0.1') ||
+			hostname.includes('.local')
+		) {
+			return 'staging';
+		}
+
+		return 'production';
+	}
+
 	_validateAndMergeConfig(newConfig, existingConfig = {}) {
 		const defaultConfig = {
 			apiUrl: null,
@@ -294,7 +313,7 @@ export class FeedbackSDK {
 			autoShow: true,
 			debug: false,
 			mock: false,
-			env: 'production', // 'production' or 'staging'
+			env: this._detectEnvironment(), 
 		};
 
 		const mergedConfig = deepMerge(
@@ -302,6 +321,10 @@ export class FeedbackSDK {
 			newConfig
 		);
 
+		if (!newConfig.env && !existingConfig.env) {
+			mergedConfig.env = this._detectEnvironment();
+		}
+
 		if (!mergedConfig.workspace) {
 			throw new ConfigError('Missing required configuration: workspace');
 		}
@@ -375,4 +398,4 @@ export class FeedbackSDK {
 					: undefined,
 		};
 	}
-}
+}

package/src/widgets/ButtonWidget.js

@@ -1,11 +1,12 @@
 import { BaseWidget } from './BaseWidget.js';
+
 export class ButtonWidget extends BaseWidget {
     constructor(options) {
         super({ ...options, type: 'button' });
         this.isMinimized = false;
     }
 
-    _render() {
+    render() {
         const button = document.createElement('div');
         button.className = `feedback-widget feedback-widget-button theme-${this.options.theme} position-${this.options.position}`;
         button.innerHTML = `
@@ -36,25 +37,34 @@ export class ButtonWidget extends BaseWidget {
         return button;
     }
 
-    _attachEvents() {
+    attachEvents() {
         const button = this.element.querySelector('.feedback-trigger-btn');
         const minimizeIcon = this.element.querySelector('.feedback-minimize-icon');
         const expandIcon = this.element.querySelector('.feedback-expand-icon');
 
+        // Add click handlers directly to the icons
+        minimizeIcon.addEventListener('click', (e) => {
+            e.stopPropagation();
+            e.preventDefault();
+            this.minimize();
+        });
+
+        expandIcon.addEventListener('click', (e) => {
+            e.stopPropagation();
+            e.preventDefault();
+            this.restore();
+        });
+
+        // Main button click handler
         button.addEventListener('click', (e) => {
-            const clickedMinimize = e.target.closest('.feedback-minimize-icon');
-            const clickedExpand = e.target.closest('.feedback-expand-icon');
+            // Check if the click originated from an icon
+            if (e.target.closest('.feedback-minimize-icon') || 
+                e.target.closest('.feedback-expand-icon')) {
+                return; // Let the icon handlers deal with it
+            }
             
-            if (clickedMinimize) {
-                e.stopPropagation();
-                this.minimize();
-            } else if (clickedExpand) {
-                e.stopPropagation();
-                this.restore();
-            } else {
-                if (!this.isMinimized) {
-                    this.openPanel();
-                }
+            if (!this.isMinimized) {
+                this.openPanel();
             }
         });