@product7/feedback-sdk 1.3.9 → 1.4.0

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@product7/feedback-sdk",
-	"version": "1.3.9",
+	"version": "1.4.0",
 	"description": "JavaScript SDK for integrating Product7 feedback widgets into any website",
 	"main": "dist/feedback-sdk.js",
 	"module": "src/index.js",

package/src/core/APIService.js

@@ -236,6 +236,10 @@ export class APIService extends BaseAPIService {
 		return this.help.searchHelpArticles(query, options);
 	}
 
+	async getChangelogs(options) {
+    	return this.changelog.getChangelogs(options);
+	}
+
 	_loadStoredSession() {
 		if (typeof localStorage === 'undefined') return false;
 

package/src/styles/feedback.js

@@ -124,6 +124,7 @@ export const feedbackStyles = `
   transform: translateX(calc(100% + 24px));
   transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
   font-family: inherit;
+  box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
 }
 
 .feedback-panel.open {
@@ -136,7 +137,6 @@ export const feedbackStyles = `
   display: flex;
   flex-direction: column;
   border-radius: var(--radius-2xl);
-  box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
 }
 
 .feedback-panel-header {

package/src/styles/survey.js

@@ -23,7 +23,7 @@ export const surveyStyles = `
   z-index: var(--z-modal);
   background: var(--color-white);
   border-radius: var(--radius-2xl);
-  box-shadow: var(--shadow-2xl);
+  box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
   padding: var(--spacing-6);
   min-width: 320px;
   max-width: 400px;

package/src/widgets/MessengerWidget.js

@@ -526,26 +526,25 @@ export class MessengerWidget extends BaseWidget {
 		}
 	}
 
-	async _fetchHelpArticles() {
-		try {
-			const response = await this.apiService.getHelpCollections();
-			if (response.status && response.data) {
-				return response.data.map((collection) => ({
-					id: collection.id,
-					title: collection.title || collection.name,
-					description: collection.description || '',
-					articleCount:
-						collection.article_count || collection.articleCount || 0,
-					icon: collection.icon || 'ph-book-open',
-					url: collection.url || `#/help/${collection.slug || collection.id}`,
-				}));
-			}
-			return [];
-		} catch (error) {
-			console.error('[MessengerWidget] Failed to fetch help articles:', error);
-			return [];
-		}
-	}
+async _fetchHelpArticles() {
+    try {
+        const response = await this.apiService.getHelpCollections();
+        if (response.success && response.data) {
+            const collections = response.data.collections || response.data;
+            return collections.map((collection) => ({
+                id: collection.id,
+                title: collection.title,
+                description: collection.description || '',
+                articleCount: collection.article_count || 0,
+                url: collection.url_slug ? `/help/${collection.url_slug}` : null,
+            }));
+        }
+        return [];
+    } catch (error) {
+        console.error('[MessengerWidget] Failed to fetch help articles:', error);
+        return [];
+    }
+}
 
 	async fetchMessages(conversationId) {
 		try {
@@ -670,105 +669,89 @@ export class MessengerWidget extends BaseWidget {
 		}
 	}
 
-	async _fetchChangelog() {
-		if (this.apiService?.mock) {
-			return {
-				homeItems: [
-					{
-						id: 'changelog_5',
-						title: 'New integrations available',
-						description:
-							'Connect with more tools you love and streamline your workflow.',
-						tags: ['Integration'],
-						coverImage:
-							'https://images.unsplash.com/photo-1674027444485-cec3da58eef4?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8M3x8YWl8ZW58MHx8MHx8fDA%3D',
-						coverText: null,
-						publishedAt: new Date(
-							Date.now() - 14 * 24 * 60 * 60 * 1000
-						).toISOString(),
-						url: '#',
-					},
-					{
-						id: 'changelog_2',
-						title: 'A new era of Insights has arrived',
-						description:
-							'We announced Fin Insights, a groundbreaking, AI-powered product that gives you complete visibility into every customer conversation.',
-						tags: ['New feature', 'AI'],
-						coverImage:
-							'https://images.unsplash.com/photo-1666875753105-c63a6f3bdc86?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MTJ8fGluc2lnaHRzfGVufDB8fDB8fHww',
-						coverText: 'Watch our major product launch on-demand',
-						publishedAt: new Date(
-							Date.now() - 5 * 24 * 60 * 60 * 1000
-						).toISOString(),
-						url: '#',
-					},
-					{
-						id: 'changelog_1',
-						title: 'The 2025 Customer Service Transformation Report',
-						description:
-							'Learn how AI has transformed customer service from the ground up—rewriting its economics and reshaping expectations.',
-						tags: ['Report'],
-						coverImage:
-							'https://images.unsplash.com/photo-1762330467475-a565d04e1808?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8N3x8YWklMjBjdXN0b21lciUyMHNlcnZpY2V8ZW58MHx8MHx8fDA%3D',
-						coverText: 'Customer service trends as we know them are dead.',
-						publishedAt: new Date(
-							Date.now() - 2 * 24 * 60 * 60 * 1000
-						).toISOString(),
-						url: '#',
-					},
-				],
-				changelogItems: [
-					{
-						id: 'changelog_4',
-						title: 'Enhanced conversation analytics',
-						description:
-							'Get deeper insights into your customer conversations with our new analytics dashboard.',
-						tags: ['Analytics'],
-						coverImage:
-							'https://images.unsplash.com/photo-1523961131990-5ea7c61b2107?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MTJ8fGFuYWx5dGljc3xlbnwwfHwwfHx8MA%3D%3D',
-						coverText: null,
-						publishedAt: new Date(
-							Date.now() - 10 * 24 * 60 * 60 * 1000
-						).toISOString(),
-						url: '#',
-					},
-					{
-						id: 'changelog_3',
-						title: 'Escalation guidance for complex issues',
-						description:
-							'New AI-powered escalation guidance helps your team handle complex customer issues more effectively.',
-						tags: ['New feature', 'AI'],
-						coverImage:
-							'https://images.unsplash.com/photo-1764773516703-b246ac2ad5ef?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8M3x8Y29tcGxleCUyMGlzc3Vlc3xlbnwwfHwwfHx8MA%3D%3D',
-						coverText: null,
-						publishedAt: new Date(
-							Date.now() - 7 * 24 * 60 * 60 * 1000
-						).toISOString(),
-						url: '#',
-					},
-				],
-			};
-		}
-
-		const response = await this.apiService.getChangelogs({ limit: 20 });
-		const changelogs = response.data || [];
-
-		const mappedItems = changelogs.map((item) => ({
-			id: item.id,
-			title: item.title,
-			description: item.excerpt || item.description || '',
-			tags: item.labels ? item.labels.map((label) => label.name) : [],
-			coverImage: item.cover_image || null,
-			coverText: null,
-			publishedAt: item.published_at,
-			url: item.slug ? `/changelog/${item.slug}` : '#',
-		}));
-
-		return {
-			homeItems: mappedItems.slice(0, 3),
-			changelogItems: mappedItems,
-		};
-	}
+async _fetchChangelog() {
+    if (this.apiService?.mock) {
+        return {
+            homeItems: [
+                {
+                    id: 'changelog_5',
+                    title: 'New integrations available',
+                    description: 'Connect with more tools you love and streamline your workflow.',
+                    tags: ['Integration'],
+                    coverImage: 'https://images.unsplash.com/photo-1674027444485-cec3da58eef4?w=500&auto=format&fit=crop&q=60',
+                    publishedAt: new Date(Date.now() - 14 * 24 * 60 * 60 * 1000).toISOString(),
+                    url: '#',
+                },
+                {
+                    id: 'changelog_2',
+                    title: 'A new era of Insights has arrived',
+                    description: 'We announced Fin Insights, a groundbreaking, AI-powered product that gives you complete visibility into every customer conversation.',
+                    tags: ['New feature', 'AI'],
+                    coverImage: 'https://images.unsplash.com/photo-1666875753105-c63a6f3bdc86?w=500&auto=format&fit=crop&q=60',
+                    publishedAt: new Date(Date.now() - 5 * 24 * 60 * 60 * 1000).toISOString(),
+                    url: '#',
+                },
+                {
+                    id: 'changelog_1',
+                    title: 'The 2025 Customer Service Transformation Report',
+                    description: 'Learn how AI has transformed customer service from the ground up—rewriting its economics and reshaping expectations.',
+                    tags: ['Report'],
+                    coverImage: 'https://images.unsplash.com/photo-1762330467475-a565d04e1808?w=500&auto=format&fit=crop&q=60',
+                    publishedAt: new Date(Date.now() - 2 * 24 * 60 * 60 * 1000).toISOString(),
+                    url: '#',
+                },
+            ],
+            changelogItems: [
+                {
+                    id: 'changelog_4',
+                    title: 'Enhanced conversation analytics',
+                    description: 'Get deeper insights into your customer conversations with our new analytics dashboard.',
+                    tags: ['Analytics'],
+                    coverImage: 'https://images.unsplash.com/photo-1523961131990-5ea7c61b2107?w=500&auto=format&fit=crop&q=60',
+                    publishedAt: new Date(Date.now() - 10 * 24 * 60 * 60 * 1000).toISOString(),
+                    url: '#',
+                },
+                {
+                    id: 'changelog_3',
+                    title: 'Escalation guidance for complex issues',
+                    description: 'New AI-powered escalation guidance helps your team handle complex customer issues more effectively.',
+                    tags: ['New feature', 'AI'],
+                    coverImage: 'https://images.unsplash.com/photo-1764773516703-b246ac2ad5ef?w=500&auto=format&fit=crop&q=60',
+                    publishedAt: new Date(Date.now() - 7 * 24 * 60 * 60 * 1000).toISOString(),
+                    url: '#',
+                },
+            ],
+        };
+    }
+
+    try {
+        const response = await this.apiService.getChangelogs({ limit: 20 });
+
+        if (response.success && response.data) {
+            const changelogs = Array.isArray(response.data) ? response.data : [];
+
+            const mappedItems = changelogs.map((item) => ({
+                id: item.id,
+                title: item.title,
+                description: item.excerpt || item.description || '',
+                tags: item.labels ? item.labels.map((label) => label.name) : [],
+                coverImage: item.cover_image || null,
+                publishedAt: item.published_at,
+                url: item.slug ? `/changelog/${item.slug}` : null,
+            }));
+
+            return {
+                homeItems: mappedItems.slice(0, 3),
+                changelogItems: mappedItems,
+            };
+        }
+
+        return { homeItems: [], changelogItems: [] };
+    } catch (error) {
+        console.error('[MessengerWidget] Failed to fetch changelog:', error);
+        return { homeItems: [], changelogItems: [] };
+    }
+}
 
 	async onMount() {
 		this.loadInitialData();