@product7/feedback-sdk 1.2.2 → 1.2.4

package/dist/feedback-sdk.js

@@ -1360,7 +1360,7 @@
 	        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 = `
@@ -1391,25 +1391,34 @@
 	        return button;
 	    }
 
-	    _attachEvents() {
+	    attachEvents() {
 	        const button = this.element.querySelector('.feedback-trigger-btn');
-	        this.element.querySelector('.feedback-minimize-icon');
-	        this.element.querySelector('.feedback-expand-icon');
+	        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();
 	            }
 	        });
 
@@ -4787,6 +4796,25 @@
 			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,
@@ -4798,7 +4826,7 @@
 				autoShow: true,
 				debug: false,
 				mock: false,
-				env: 'production', // 'production' or 'staging'
+				env: this._detectEnvironment(), 
 			};
 
 			const mergedConfig = deepMerge(
@@ -4806,6 +4834,10 @@
 				newConfig
 			);
 
+			if (!newConfig.env && !existingConfig.env) {
+				mergedConfig.env = this._detectEnvironment();
+			}
+
 			if (!mergedConfig.workspace) {
 				throw new ConfigError('Missing required configuration: workspace');
 			}