@product7/feedback-sdk 1.6.3 → 1.6.5

package/dist/feedback-sdk.js

@@ -2203,6 +2203,13 @@
 		}
 
 		_render() {
+			const buttonText =
+				this.options.buttonText ||
+				this.options.triggerText ||
+				this.options.label ||
+				this.options.text ||
+				'Feedback';
+
 			const button = document.createElement('div');
 			button.className = `feedback-widget-button position-${this.options.position}`;
 			button.innerHTML = `
@@ -2210,7 +2217,7 @@
         <svg class="feedback-icon" width="20" height="20" viewBox="0 0 256 256" fill="currentColor">
           <path d="M216,80H184V48a16,16,0,0,0-16-16H40A16,16,0,0,0,24,48V176a8,8,0,0,0,13,6.22L72,154V184a16,16,0,0,0,16,16h93.59L219,230.22a8,8,0,0,0,5,1.78,8,8,0,0,0,8-8V96A16,16,0,0,0,216,80ZM66.55,137.78,40,159.25V48H168v88H71.58A8,8,0,0,0,66.55,137.78ZM216,207.25l-26.55-21.47a8,8,0,0,0-5-1.78H88V152h80a16,16,0,0,0,16-16V96h32Z"/>
         </svg>
-        <span class="feedback-text">Feedback</span>
+        <span class="feedback-text">${buttonText}</span>
         
         <div class="feedback-minimize-icon">
           <svg viewBox="0 0 256 256">
@@ -3455,6 +3462,7 @@
 
 			this.teamName = options.teamName || 'Support';
 			this.teamAvatars = options.teamAvatars || [];
+			this.greetingMessage = options.greetingMessage || 'Hi there 👋';
 			this.welcomeMessage = options.welcomeMessage || 'How can we help?';
 
 			this.userContext = options.userContext || null;
@@ -5392,7 +5400,7 @@
 						</button>
 					</div>
 					<div class="messenger-home-welcome">
-						<span class="messenger-home-greeting">Hi there 👋</span>
+						<span class="messenger-home-greeting">${this.state.greetingMessage}</span>
 						<span class="messenger-home-question">${this.state.welcomeMessage}</span>
 					</div>
 				</div>
@@ -5903,6 +5911,7 @@
 				logoUrl: options.logoUrl || 'https://product7.io/p7logo.svg',
 				teamName: options.teamName || 'Support',
 				teamAvatars: options.teamAvatars || [],
+				greetingMessage: options.greetingMessage || 'Hi there 👋',
 				welcomeMessage: options.welcomeMessage || 'How can we help?',
 				enableHelp: options.enableHelp !== false,
 				enableChangelog: options.enableChangelog !== false,
@@ -5920,6 +5929,7 @@
 			this.messengerState = new MessengerState({
 				teamName: this.messengerOptions.teamName,
 				teamAvatars: this.messengerOptions.teamAvatars,
+				greetingMessage: this.messengerOptions.greetingMessage,
 				welcomeMessage: this.messengerOptions.welcomeMessage,
 				enableHelp: this.messengerOptions.enableHelp,
 				enableChangelog: this.messengerOptions.enableChangelog,
@@ -8084,12 +8094,15 @@
 			}
 
 			const widgetId = generateId('widget');
+			const widgetConfig = this._getWidgetTypeConfig(type);
+			const explicitOptions = this._omitUndefined(options);
 			const widgetOptions = {
 				id: widgetId,
 				sdk: this,
 				apiService: this.apiService,
 				...this.config,
-				...options,
+				...widgetConfig,
+				...explicitOptions,
 			};
 
 			try {
@@ -8201,13 +8214,22 @@
 			}
 
 			const normalizedOptions = this._normalizeSurveyConfig(options);
+			const surveyConfigDefaults = this._getWidgetTypeConfig('survey');
 
 			const surveyWidget = this.createWidget('survey', {
 				surveyId: normalizedOptions.surveyId,
 				surveyType:
 					normalizedOptions.surveyType || normalizedOptions.type || 'nps',
-				position: normalizedOptions.position || 'bottom-right',
-				theme: normalizedOptions.theme || this.config.theme || 'light',
+				position:
+					normalizedOptions.position ??
+					surveyConfigDefaults.position ??
+					this.config.position ??
+					'bottom-right',
+				theme:
+					normalizedOptions.theme ??
+					surveyConfigDefaults.theme ??
+					this.config.theme ??
+					'light',
 				title: normalizedOptions.title,
 				description: normalizedOptions.description,
 				lowLabel: normalizedOptions.lowLabel,
@@ -8410,6 +8432,58 @@
 			return null;
 		}
 
+		_getWidgetTypeConfig(type) {
+			const widgetsConfig = this._isPlainObject(this.config?.widgets)
+				? this.config.widgets
+				: {};
+
+			const legacyTypeConfig = this._isPlainObject(this.config?.[type])
+				? this.config[type]
+				: {};
+
+			const namespacedTypeConfig = this._isPlainObject(widgetsConfig?.[type])
+				? widgetsConfig[type]
+				: {};
+
+			const mergedTypeConfig = deepMerge(legacyTypeConfig, namespacedTypeConfig);
+			return this._toCamelCaseObject(mergedTypeConfig);
+		}
+
+		_isPlainObject(value) {
+			return Object.prototype.toString.call(value) === '[object Object]';
+		}
+
+		_toCamelCaseKey(key) {
+			return key.replace(/_([a-z])/g, (_, char) => char.toUpperCase());
+		}
+
+		_toCamelCaseObject(value) {
+			if (Array.isArray(value)) {
+				return value.map((item) => this._toCamelCaseObject(item));
+			}
+
+			if (!this._isPlainObject(value)) {
+				return value;
+			}
+
+			const normalized = {};
+			for (const [key, nestedValue] of Object.entries(value)) {
+				normalized[this._toCamelCaseKey(key)] =
+					this._toCamelCaseObject(nestedValue);
+			}
+			return normalized;
+		}
+
+		_omitUndefined(value) {
+			if (!this._isPlainObject(value)) {
+				return value;
+			}
+
+			return Object.fromEntries(
+				Object.entries(value).filter(([, nestedValue]) => nestedValue !== undefined)
+			);
+		}
+
 		showChangelog(options = {}) {
 			if (!this.initialized) {
 				throw new SDKError(
@@ -8417,16 +8491,22 @@
 				);
 			}
 
+			const defaults = {
+				position: this.config.position || 'bottom-right',
+				theme: this.config.theme || 'light',
+				title: "What's New",
+				triggerText: "What's New",
+				showBadge: true,
+				viewButtonText: 'View Update',
+			};
+
+			const configDefaults = this._getWidgetTypeConfig('changelog');
+			const explicitOptions = this._omitUndefined(options);
+
 			const changelogWidget = this.createWidget('changelog', {
-				position: options.position || 'bottom-right',
-				theme: options.theme || this.config.theme || 'light',
-				title: options.title || "What's New",
-				triggerText: options.triggerText || "What's New",
-				showBadge: options.showBadge !== false,
-				viewButtonText: options.viewButtonText || 'View Update',
-				changelogBaseUrl: options.changelogBaseUrl,
-				openInNewTab: options.openInNewTab,
-				onViewUpdate: options.onViewUpdate,
+				...defaults,
+				...configDefaults,
+				...explicitOptions,
 			});
 
 			changelogWidget.mount();