@product7/product7-js 0.1.3 → 0.1.5

package/dist/product7-js.js

@@ -3664,16 +3664,12 @@
 }
 
 .messenger-message-sender {
-  font-size: var(--font-size-xs);
-  font-weight: var(--font-weight-medium);
-  color: var(--msg-text-secondary);
-  margin-bottom: 2px;
-  margin-left: 0;
+  display: none;
 }
 
 .messenger-message-bubble {
-  padding: var(--spacing-3) var(--spacing-4);
-  border-radius: 1.25rem;
+  padding: 7px 13px;
+  border-radius: 1.125rem;
   word-wrap: break-word;
   max-width: 100%;
 }
@@ -3693,6 +3689,7 @@
 
 .messenger-message-content {
   font-size: var(--font-size-base);
+  font-weight: var(--font-weight-medium);
   line-height: var(--line-height-relaxed);
 }
 
@@ -3867,7 +3864,7 @@
 
 .messenger-chat-empty h3 {
   margin: 0 0 var(--spacing-2);
-  font-size: var(--font-size-xl);
+  font-size: var(--font-size-base);
   font-weight: var(--font-weight-semibold);
   color: var(--msg-text);
 }
@@ -4187,7 +4184,7 @@
 
 .messenger-prechat-title {
   margin: 0 0 var(--spacing-2);
-  font-size: var(--font-size-lg);
+  font-size: var(--font-size-base);
   font-weight: var(--font-weight-semibold);
   color: var(--msg-text);
 }
@@ -4584,11 +4581,11 @@
    EMPTY STATE
    ======================================== */
 .messenger-empty-state {
+  flex: 1;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
-  height: 100%;
   text-align: center;
   padding: var(--spacing-10);
 }
@@ -4947,9 +4944,14 @@
 
 .messenger-home-changelog-card-desc {
   margin: 0;
-  font-size: var(--font-size-base);
+  font-size: var(--font-size-sm);
+  font-weight: var(--font-weight-normal);
   color: var(--msg-text-secondary);
   line-height: var(--line-height-relaxed);
+  display: -webkit-box;
+  -webkit-line-clamp: 3;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
 }
 
 .messenger-home-availability,
@@ -10012,7 +10014,9 @@
 
 		_updateCollectionsList() {
 			const container = this.element.querySelector('.messenger-help-collections');
-			const collections = this.state.helpArticles || [];
+			const collections = (this.state.helpArticles || []).filter(
+				(c) => (c.articleCount || 0) > 0
+			);
 			const searchQuery = (this.state.helpSearchQuery || '').toLowerCase();
 
 			const filtered = searchQuery
@@ -10093,7 +10097,7 @@
 
 			if (icon.startsWith('ph:')) {
 				return `<span class="messenger-help-collection-icon">
-				<iconify-icon icon="${icon}" width="22" height="22"></iconify-icon>
+				<iconify-icon icon="${icon}"></iconify-icon>
 			</span>`;
 			}
 
@@ -10102,7 +10106,7 @@
 
 		_defaultCollectionIcon() {
 			return `<span class="messenger-help-collection-icon">
-			<iconify-icon icon="ph:book-open-duotone" width="22" height="22"></iconify-icon>
+			<iconify-icon icon="ph:book-open-duotone"></iconify-icon>
 		</span>`;
 		}
 
@@ -10234,9 +10238,6 @@
 							${this.options.logoUrl ? `<img src="${this.options.logoUrl}" alt="${this.state.teamName}" />` : ''}
 						</div>
 						<div class="messenger-home-avatars">${avatarsHtml}</div>
-						<button class="sdk-close-btn" aria-label="Close">
-							<iconify-icon icon="ph:x-duotone" width="18" height="18"></iconify-icon>
-						</button>
 					</div>
 					<div class="messenger-home-welcome">
 						<span class="messenger-home-greeting">${this.state.greetingMessage}</span>
@@ -10381,7 +10382,7 @@
 				}
 				<div class="messenger-home-changelog-card-content">
 					<h4 class="messenger-home-changelog-card-title">${item.title}</h4>
-					<p class="messenger-home-changelog-card-desc">${item.description || ''}</p>
+					<p class="messenger-home-changelog-card-desc">${this._stripHtml(item.description)}</p>
 				</div>
 			</div>
 		`
@@ -10395,6 +10396,13 @@
 		`;
 		}
 
+		_stripHtml(html) {
+			if (!html) return '';
+			const tmp = document.createElement('div');
+			tmp.innerHTML = html;
+			return (tmp.textContent || tmp.innerText || '').trim();
+		}
+
 		_formatDate(dateString) {
 			if (!dateString) return '';
 			const date = new Date(dateString);
@@ -10408,12 +10416,6 @@
 		}
 
 		_attachEvents() {
-			this.element
-				.querySelector('.sdk-close-btn')
-				.addEventListener('click', () => {
-					this.state.setOpen(false);
-				});
-
 			const msgBtn = this.element.querySelector(
 				'.messenger-home-message-btn:not(.messenger-feedback-btn)'
 			);