@product7/feedback-sdk 1.4.7 → 1.4.8

package/dist/feedback-sdk.js

@@ -2165,6 +2165,7 @@
 		constructor(options) {
 			super({ ...options, type: 'button' });
 			this.isMinimized = false;
+			this._hiddenForOpenPanel = false;
 		}
 
 		_render() {
@@ -2251,6 +2252,28 @@
 			this.element.classList.remove('minimized');
 		}
 
+		openPanel() {
+			if (!this.state.isOpen) {
+				this._hiddenForOpenPanel = true;
+				this.hide();
+			}
+			super.openPanel();
+		}
+
+		closePanel() {
+			const shouldRestoreButton = this._hiddenForOpenPanel;
+			super.closePanel();
+
+			if (shouldRestoreButton) {
+				setTimeout(() => {
+					if (!this.destroyed) {
+						this.show();
+					}
+					this._hiddenForOpenPanel = false;
+				}, 320);
+			}
+		}
+
 		mount(container) {
 			super.mount(container);
 		}
@@ -9094,44 +9117,30 @@
   }
 
   .feedback-panel {
-    width: 100%;
+    width: min(420px, calc(100vw - (var(--spacing-4) * 2)));
+    max-height: min(500px, calc(100vh - 88px));
     top: auto;
-    bottom: 0;
-    right: 0;
-    left: 0;
-    height: 85vh;
-    max-height: 85vh;
-    transform: translateY(100%);
-    border-radius: var(--radius-3xl) var(--radius-3xl) 0 0;
+    bottom: 72px;
+    right: var(--spacing-4);
+    left: auto;
+    transform: translateX(calc(100% + 24px));
+    border-radius: var(--radius-2xl);
   }
   
   .feedback-panel.open {
-    transform: translateY(0);
+    transform: translateX(0);
   }
   
   .feedback-panel-header {
-    padding: var(--spacing-5);
-    position: relative;
-  }
-  
-  .feedback-panel-header::before {
-    content: '';
-    position: absolute;
-    top: var(--spacing-2);
-    left: 50%;
-    transform: translateX(-50%);
-    width: 40px;
-    height: 4px;
-    background: var(--color-neutral-300);
-    border-radius: 2px;
+    padding: var(--spacing-4) var(--spacing-6);
   }
   
   .feedback-panel-body {
-    padding: var(--spacing-5);
+    padding: var(--spacing-6);
   }
   
   .feedback-form-group textarea {
-    min-height: 150px;
+    min-height: 120px;
   }
 }
 `;