@product7/feedback-sdk 1.2.2 → 1.2.3

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();
 	            }
 	        });