@product7/product7-js 0.1.2 → 0.1.3

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 {
@@ -7410,9 +7431,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 +7501,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 +9006,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 +9034,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>
@@ -13123,7 +13149,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 +13831,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 +13917,6 @@
 		if (Product7._sdk) return Product7._sdk;
 
 		if (options.organization) {
-			injectStyles();
 			const config = cleanUndefined({
 				workspace: options.organization,
 				debug: options.debug,
@@ -13948,8 +13955,6 @@
 
 		async identify(data = {}, callback) {
 			try {
-				injectStyles();
-
 				const transformed = transformIdentifyData(data);
 				Product7._organization = transformed.workspace;
 
@@ -14035,8 +14040,6 @@
 				return null;
 			}
 
-			injectStyles();
-
 			const widgetOptions = cleanUndefined({
 				displayMode: options.displayMode || 'panel',
 				theme: options.theme || sdk.config.theme || 'light',
@@ -14143,8 +14146,6 @@
 				return null;
 			}
 
-			injectStyles();
-
 			const widgetOptions = cleanUndefined({
 				theme: options.theme || sdk.config.theme || 'light',
 				primaryColor: options.primaryColor,
@@ -14248,8 +14249,6 @@
 				return null;
 			}
 
-			injectStyles();
-
 			// placement → position
 			let position = 'right';
 			if (options.placement === 'right') {