@product7/product7-js 0.1.2 → 0.1.4

package/dist/product7-js.js

@@ -1886,7 +1886,12 @@
 .feedback-widget,
 .messenger-widget,
 .changelog-widget,
-.feedback-survey {
+.feedback-survey,
+.feedback-panel,
+.feedback-modal,
+.changelog-modal,
+.changelog-list-modal,
+.product7-notification {
   box-sizing: border-box;
   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', Oxygen, Ubuntu, Cantarell, sans-serif;
 }
@@ -1902,7 +1907,19 @@
 .changelog-widget *::after,
 .feedback-survey *,
 .feedback-survey *::before,
-.feedback-survey *::after {
+.feedback-survey *::after,
+.feedback-panel *,
+.feedback-panel *::before,
+.feedback-panel *::after,
+.feedback-modal *,
+.feedback-modal *::before,
+.feedback-modal *::after,
+.changelog-modal *,
+.changelog-modal *::before,
+.changelog-modal *::after,
+.changelog-list-modal *,
+.changelog-list-modal *::before,
+.changelog-list-modal *::after {
   box-sizing: border-box;
 }
 
@@ -2203,6 +2220,10 @@
   font-size: var(--font-size-md);
   line-height: var(--line-height-loose);
   color: var(--color-text-secondary);
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
 }
 
 .changelog-popup-btn {
@@ -3643,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%;
 }
@@ -3672,6 +3689,7 @@
 
 .messenger-message-content {
   font-size: var(--font-size-base);
+  font-weight: var(--font-weight-medium);
   line-height: var(--line-height-relaxed);
 }
 
@@ -3846,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);
 }
@@ -4166,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);
 }
@@ -4563,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);
 }
@@ -4926,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,
@@ -7410,9 +7433,8 @@
 			const date = changelog.published_at
 				? this._formatDate(changelog.published_at)
 				: '';
-			const description = this._truncateDescription(
-				changelog.excerpt || changelog.description,
-				100
+			const description = this._stripHtml(
+				changelog.excerpt || changelog.description
 			);
 			const labelsHTML =
 				changelog.labels && changelog.labels.length > 0
@@ -7481,9 +7503,8 @@
 			const hasImage = changelog.cover_image || changelog.image;
 			const imageUrl = changelog.cover_image || changelog.image;
 			const hasMultiple = this.changelogs.length > 1;
-			const description = this._truncateDescription(
-				changelog.excerpt || changelog.description,
-				160
+			const description = this._stripHtml(
+				changelog.excerpt || changelog.description
 			);
 
 			content.innerHTML = `
@@ -8987,6 +9008,13 @@
 			this._attachChangelogEvents();
 		}
 
+		_stripHtml(html) {
+			if (!html) return '';
+			const tmp = document.createElement('div');
+			tmp.innerHTML = html;
+			return (tmp.textContent || tmp.innerText || '').trim();
+		}
+
 		_renderChangelogCard(item) {
 			const dateStr = this._formatDate(item.publishedAt || item.date);
 			const labelsHtml =
@@ -9008,7 +9036,7 @@
 						${labelsHtml}
 					</div>
 					<h3 class="messenger-changelog-title">${item.title}</h3>
-					${item.description ? `<p class="messenger-changelog-description">${item.description}</p>` : ''}
+					${item.description ? `<p class="messenger-changelog-description">${this._stripHtml(item.description)}</p>` : ''}
 				</div>
 				${item.coverImage ? `<div class="messenger-changelog-thumb"><img src="${item.coverImage}" alt="${item.title}" onerror="this.style.display='none';" /></div>` : ''}
 				<iconify-icon icon="ph:caret-right" class="messenger-changelog-arrow" width="16" height="16"></iconify-icon>
@@ -10355,7 +10383,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>
 		`
@@ -10369,6 +10397,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);
@@ -13123,7 +13158,9 @@
 				includeEligibility: true,
 				includeIneligible: true,
 			});
-			const surveyConfig = surveys.find((s) => s.id === surveyId);
+			const surveyConfig = surveys.find(
+				(s) => s.surveyId === surveyId || s.id === surveyId
+			);
 
 			if (!surveyConfig) {
 				throw new SDKError(
@@ -13803,26 +13840,6 @@
 		}
 	};
 
-	function injectStyles() {
-		if (typeof document === 'undefined') return;
-
-		if (!document.querySelector('#product7-styles')) {
-			const style = document.createElement('style');
-			style.id = 'product7-styles';
-			style.textContent = CSS_STYLES;
-			document.head.appendChild(style);
-		}
-
-		if (!document.querySelector('#product7-iconify')) {
-			const script = document.createElement('script');
-			script.id = 'product7-iconify';
-			script.src =
-				'https://cdn.jsdelivr.net/npm/iconify-icon@2/dist/iconify-icon.min.js';
-			script.async = true;
-			document.head.appendChild(script);
-		}
-	}
-
 	// --- Identify: transform flat user data into internal format ---
 
 	function transformIdentifyData(data) {
@@ -13909,7 +13926,6 @@
 		if (Product7._sdk) return Product7._sdk;
 
 		if (options.organization) {
-			injectStyles();
 			const config = cleanUndefined({
 				workspace: options.organization,
 				debug: options.debug,
@@ -13948,8 +13964,6 @@
 
 		async identify(data = {}, callback) {
 			try {
-				injectStyles();
-
 				const transformed = transformIdentifyData(data);
 				Product7._organization = transformed.workspace;
 
@@ -14035,8 +14049,6 @@
 				return null;
 			}
 
-			injectStyles();
-
 			const widgetOptions = cleanUndefined({
 				displayMode: options.displayMode || 'panel',
 				theme: options.theme || sdk.config.theme || 'light',
@@ -14143,8 +14155,6 @@
 				return null;
 			}
 
-			injectStyles();
-
 			const widgetOptions = cleanUndefined({
 				theme: options.theme || sdk.config.theme || 'light',
 				primaryColor: options.primaryColor,
@@ -14248,8 +14258,6 @@
 				return null;
 			}
 
-			injectStyles();
-
 			// placement → position
 			let position = 'right';
 			if (options.placement === 'right') {