@product7/feedback-sdk 1.2.1 → 1.2.2

package/dist/feedback-sdk.js

@@ -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>
@@ -1393,26 +1393,26 @@
 
 	    _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');
+	        this.element.querySelector('.feedback-minimize-icon');
+	        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();
+	            const clickedMinimize = e.target.closest('.feedback-minimize-icon');
+	            const clickedExpand = e.target.closest('.feedback-expand-icon');
+	            
+	            if (clickedMinimize) {
+	                e.stopPropagation();
+	                this.minimize();
+	            } else if (clickedExpand) {
+	                e.stopPropagation();
+	                this.restore();
+	            } else {
+	                if (!this.isMinimized) {
+	                    this.openPanel();
+	                }
 	            }
 	        });
 
-	        minimizeIcon.addEventListener('click', (e) => {
-	            e.stopPropagation();
-	            this.minimize();
-	        });
-
-	        expandIcon.addEventListener('click', (e) => {
-	            e.stopPropagation();
-	            this.restore();
-	        });
-
 	        button.addEventListener('mouseenter', () => {
 	            if (!this.state.isSubmitting && !this.isMinimized) {
 	                button.style.transform = 'translateY(-2px)';
@@ -1420,7 +1420,9 @@
 	        });
 
 	        button.addEventListener('mouseleave', () => {
-	            button.style.transform = 'translateY(0)';
+	            if (!this.isMinimized) {
+	                button.style.transform = 'translateY(0)';
+	            }
 	        });
 	    }