@product7/feedback-sdk 1.2.1 → 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 = `
@@ -1371,13 +1371,13 @@
         <span class="feedback-text">Feedback</span>
         
         <div class="feedback-minimize-icon">
-          <svg viewBox="0 0 256 256" fill="currentColor">
+          <svg viewBox="0 0 256 256">
             <path d="M213.66,53.66,163.31,104H192a8,8,0,0,1,0,16H144a8,8,0,0,1-8-8V64a8,8,0,0,1,16,0V92.69l50.34-50.35a8,8,0,0,1,11.32,11.32ZM112,136H64a8,8,0,0,0,0,16H92.69L42.34,202.34a8,8,0,0,0,11.32,11.32L104,163.31V192a8,8,0,0,0,16,0V144A8,8,0,0,0,112,136Z"/>
           </svg>
         </div>
         
         <div class="feedback-expand-icon">
-          <svg viewBox="0 0 256 256" fill="currentColor">
+          <svg viewBox="0 0 256 256">
             <path d="M112,40V64.69L61.66,14.34A8,8,0,0,0,50.34,25.66L100.69,76H72a8,8,0,0,0,0,16h48a8,8,0,0,0,8-8V36A8,8,0,0,0,112,40Zm131.06,70.61a8,8,0,0,0-8.72,1.73L184,162.69V136a8,8,0,0,0-16,0v48a8,8,0,0,0,8,8h48a8,8,0,0,0,0-16H195.31l50.35-50.34A8,8,0,0,0,243.06,110.61Z"/>
           </svg>
         </div>
@@ -1391,28 +1391,37 @@
 	        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');
 
-	        button.addEventListener('click', (e) => {
-	            if (!e.target.closest('.feedback-minimize-icon') && 
-	                !e.target.closest('.feedback-expand-icon')) {
-	                this.openPanel();
-	            }
-	        });
-
+	        // 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) => {
+	            // 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 (!this.isMinimized) {
+	                this.openPanel();
+	            }
+	        });
+
 	        button.addEventListener('mouseenter', () => {
 	            if (!this.state.isSubmitting && !this.isMinimized) {
 	                button.style.transform = 'translateY(-2px)';
@@ -1420,7 +1429,9 @@
 	        });
 
 	        button.addEventListener('mouseleave', () => {
-	            button.style.transform = 'translateY(0)';
+	            if (!this.isMinimized) {
+	                button.style.transform = 'translateY(0)';
+	            }
 	        });
 	    }