@product7/product7-js 0.4.3 → 0.4.5

package/package.json

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

package/src/core/BaseAPIService.js

@@ -115,6 +115,7 @@ export class BaseAPIService {
 			return {
 				sessionToken: this.sessionToken,
 				config: initData.config,
+				widgets: initData.widgets,
 				expiresIn: initData.expiresIn,
 				status: initData.status,
 				message: initData.message,
@@ -135,8 +136,23 @@ export class BaseAPIService {
 				? response.data
 				: response || {};
 
-		const sessionToken = payload.session_token || payload.sessionToken;
-		const expiresIn = Number(payload.expires_in ?? payload.expiresIn);
+		const configData =
+			payload.config && typeof payload.config === 'object'
+				? payload.config
+				: {};
+
+		const sessionToken =
+			payload.session_token ||
+			payload.sessionToken ||
+			configData.session_token ||
+			configData.sessionToken;
+
+		const expiresIn = Number(
+			payload.expires_in ??
+				payload.expiresIn ??
+				configData.expires_in ??
+				configData.expiresIn
+		);
 
 		if (!sessionToken) {
 			throw new APIError(500, 'Invalid init response: missing session_token');
@@ -149,11 +165,17 @@ export class BaseAPIService {
 		return {
 			sessionToken,
 			expiresIn,
-			config:
-				payload.config && typeof payload.config === 'object'
-					? payload.config
-					: {},
-			configVersion: payload.config_version ?? payload.configVersion ?? null,
+			config: configData,
+			widgets:
+				payload.widgets && typeof payload.widgets === 'object'
+					? payload.widgets
+					: null,
+			configVersion:
+				configData.config_version ??
+				configData.configVersion ??
+				payload.config_version ??
+				payload.configVersion ??
+				null,
 			status: response?.status ?? payload?.status ?? true,
 			message: response?.message ?? payload?.message ?? null,
 		};

package/src/core/Product7.js

@@ -56,8 +56,12 @@ export class Product7 {
 		try {
 			const initData = await this.apiService.init();
 
-			if (initData.config) {
-				this.config = deepMerge(initData.config, this.config);
+			const serverConfig = initData.config ? { ...initData.config } : {};
+			if (initData.widgets) {
+				serverConfig.widgets = initData.widgets;
+			}
+			if (Object.keys(serverConfig).length > 0) {
+				this.config = deepMerge(serverConfig, this.config);
 			}
 
 			this.initialized = true;
@@ -218,6 +222,8 @@ export class Product7 {
 				surveyConfig.showDescription ?? surveyConfig.show_description,
 			customQuestions: surveyConfig.customQuestions || surveyConfig.questions,
 			pages: surveyConfig.pages,
+			thankYouConfig:
+				surveyConfig.thankYouConfig || surveyConfig.thank_you_config || null,
 			enabled: surveyConfig.enabled,
 			...displayOptions,
 		});

package/src/styles/survey.js

@@ -201,14 +201,12 @@ export const surveyStyles = `
 }
 
 .feedback-survey-nps-btn:hover {
-  filter: brightness(1.1);
+  filter: brightness(1.12);
 }
 
 .feedback-survey-nps-btn.selected {
-  transform: scale(1.06);
-  z-index: 1;
-  position: relative;
-  box-shadow: 0 0 0 2px #fff, 0 0 0 4px currentColor;
+  filter: brightness(0.82);
+  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.25);
 }
 
 .feedback-survey-nps-btn:active {
@@ -216,10 +214,6 @@ export const surveyStyles = `
   transition-duration: 100ms;
 }
 
-.feedback-survey-nps-btn.selected:active {
-  transform: scale(1.06) translateY(1px);
-}
-
 /* NPS score colors */
 .feedback-survey-nps-score-0  { background: #dc2626; border-color: #dc2626; }
 .feedback-survey-nps-score-1  { background: #ef4444; border-color: #ef4444; }
@@ -350,7 +344,10 @@ export const surveyStyles = `
   background: none;
   border: none;
   cursor: pointer;
-  padding: 0;
+  padding: 4px;
+  width: 40px;
+  height: 40px;
+  flex-shrink: 0;
   line-height: 1;
   color: var(--color-neutral-300);
   transition: color var(--transition-fast), transform var(--transition-fast);
@@ -359,6 +356,12 @@ export const surveyStyles = `
   justify-content: center;
 }
 
+.feedback-survey-star-btn iconify-icon {
+  display: block;
+  pointer-events: none;
+  flex-shrink: 0;
+}
+
 .feedback-survey-star-btn.filled,
 .feedback-survey-star-btn.hovered {
   color: #f59e0b;