@product7/product7-js 0.4.3 → 0.4.5

package/dist/product7-js.js

@@ -1130,6 +1130,7 @@
 				return {
 					sessionToken: this.sessionToken,
 					config: initData.config,
+					widgets: initData.widgets,
 					expiresIn: initData.expiresIn,
 					status: initData.status,
 					message: initData.message,
@@ -1150,8 +1151,23 @@
 					? 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');
@@ -1164,11 +1180,17 @@
 			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,
 			};
@@ -5879,14 +5901,12 @@
 }
 
 .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 {
@@ -5894,10 +5914,6 @@
   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; }
@@ -6028,7 +6044,10 @@
   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);
@@ -6037,6 +6056,12 @@
   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;
@@ -13820,8 +13845,12 @@
 			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;
@@ -13982,6 +14011,8 @@
 					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,
 			});