@product7/product7-js 0.4.9 → 0.5.1

package/dist/product7-js.js

@@ -964,9 +964,8 @@
 			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,
 				}),
@@ -6222,6 +6221,12 @@
 }
 
 .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);
 }
@@ -13314,28 +13319,18 @@
 			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(),
 			};
 
@@ -13519,27 +13514,58 @@
 		}
 
 		_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;
 		}
 
@@ -13602,7 +13628,17 @@
 		_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 || '#';
@@ -14285,6 +14321,7 @@
 						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);
 		}