@product7/product7-js 0.4.9 → 0.5.1

package/package.json

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

package/src/api/services/SurveyService.js

@@ -81,9 +81,8 @@ export class SurveyService {
 		const contact = this.api.getContactIdentity?.() || null;
 
 		const payload = {
-			rating: responseData.rating,
-			feedback: responseData.feedback || '',
-			answers: responseData.answers || {},
+			answers: Array.isArray(responseData.answers) ? responseData.answers : [],
+			...(responseData.feedback && { feedback: responseData.feedback }),
 			...(respondent.respondent_id && {
 				respondent_id: respondent.respondent_id,
 			}),

package/src/core/Product7.js

@@ -456,6 +456,7 @@ export class Product7 {
 					page.multipleChoiceConfig || page.multiple_choice_config || null,
 				linkConfig: page.linkConfig || page.link_config || null,
 				afterThisPage: page.afterThisPage || page.after_this_page || null,
+				thankYouConfig: page.thankYouConfig || page.thank_you_config || null,
 			}))
 			.sort((a, b) => a.position - b.position);
 	}

package/src/styles/survey.js

@@ -508,6 +508,12 @@ export const surveyStyles = `
 }
 
 .feedback-survey-page-choice-btn.selected::after {
+  content: '✓';
+  color: #ffffff;
+  font-size: 11px;
+  font-weight: 700;
+  line-height: 18px;
+  text-align: center;
   border-color: var(--color-primary);
   background-color: var(--color-primary);
 }

package/src/widgets/SurveyWidget.js

@@ -912,28 +912,18 @@ export class SurveyWidget extends BaseWidget {
 		this._setSubmitLoading(true);
 
 		const respondent = this._getRespondentContext();
-		const normalizedPageAnswers = this._normalizePageAnswersForSubmit();
-		const mergedAnswers = {
-			...this.surveyState.customAnswers,
-			...(Object.keys(normalizedPageAnswers).length > 0 && {
-				page_answers: normalizedPageAnswers,
-			}),
-		};
 
 		const responseData = {
-			rating: this._getSubmissionRating(),
-			feedback: this.surveyState.feedback,
-			answers: mergedAnswers,
+			answers: this._normalizePageAnswersForSubmit(),
+			...(this.surveyState.feedback && { feedback: this.surveyState.feedback }),
 			...(respondent.respondentId && { respondentId: respondent.respondentId }),
 			...(respondent.email && { email: respondent.email }),
 		};
 
 		const response = {
 			type: type,
-			score: this._getSubmissionRating(),
+			answers: responseData.answers,
 			feedback: this.surveyState.feedback,
-			customAnswers: mergedAnswers,
-			pageAnswers: normalizedPageAnswers,
 			timestamp: new Date().toISOString(),
 		};
 
@@ -1117,27 +1107,58 @@ export class SurveyWidget extends BaseWidget {
 	}
 
 	_normalizePageAnswersForSubmit() {
-		const output = {};
-		for (const [pageId, answer] of Object.entries(
-			this.surveyState.pageAnswers
-		)) {
-			if (answer == null) continue;
-			if (Array.isArray(answer.values) && answer.values.length > 0) {
-				output[pageId] = answer.values;
-				continue;
-			}
-			if (answer.value != null && answer.value !== '') {
-				output[pageId] = answer.value;
-				continue;
+		// Single-rating surveys (NPS / CSAT / CES / star / emoji) have no pages
+		if (!this._isMultiPageSurvey()) {
+			if (typeof this.surveyState.score === 'number') {
+				return [{ page_id: 'p1', value: this.surveyState.score }];
 			}
-			if (typeof answer.rating === 'number') {
-				output[pageId] = answer.rating;
-				continue;
+			return [];
+		}
+
+		const output = [];
+
+		for (const page of this.surveyOptions.pages) {
+			const pageId =
+				page.id || `page_${this.surveyOptions.pages.indexOf(page)}`;
+			const answer = this.surveyState.pageAnswers[pageId];
+			if (answer == null) continue;
+
+			let value = null;
+
+			if (page.type === 'rating' && typeof answer.rating === 'number') {
+				value = answer.rating;
+			} else if (page.type === 'multiple_choice') {
+				const config =
+					page.multipleChoiceConfig || page.multiple_choice_config || {};
+				const allowMultiple =
+					config.allow_multiple === true ||
+					config.multiple === true ||
+					config.allow_multiple_selection === true;
+
+				if (
+					allowMultiple &&
+					Array.isArray(answer.values) &&
+					answer.values.length > 0
+				) {
+					value = answer.values;
+				} else if (answer.value != null && answer.value !== '') {
+					value = answer.value;
+				}
+			} else if (
+				page.type === 'text' &&
+				typeof answer.text === 'string' &&
+				answer.text.trim()
+			) {
+				value = answer.text.trim();
+			} else if (page.type === 'link' && typeof answer.clicked === 'boolean') {
+				value = answer.clicked;
 			}
-			if (typeof answer.text === 'string' && answer.text.trim()) {
-				output[pageId] = answer.text.trim();
+
+			if (value !== null) {
+				output.push({ page_id: pageId, value });
 			}
 		}
+
 		return output;
 	}
 
@@ -1200,7 +1221,17 @@ export class SurveyWidget extends BaseWidget {
 	_showThankYouScreen(onAfterClose) {
 		if (!this.surveyElement) return;
 
-		const config = this.surveyOptions.thankYouConfig || {};
+		const pages = this.surveyOptions.pages || [];
+		const currentPage =
+			pages[this.surveyState.currentPageIndex] ||
+			pages[pages.length - 1] ||
+			null;
+		const pageConfig = currentPage?.thankYouConfig || null;
+		const surveyConfig = this.surveyOptions.thankYouConfig || null;
+		const config =
+			(pageConfig?.title ? pageConfig : null) ||
+			(surveyConfig?.title ? surveyConfig : null) ||
+			{};
 		const title = config.title || 'Thanks for your feedback!';
 		const buttonText = config.button_text || null;
 		const buttonUrl = config.button_url || '#';