@product7/feedback-sdk 1.6.8 → 1.6.9

package/package.json

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

package/src/core/FeedbackSDK.js

@@ -512,6 +512,7 @@ export class FeedbackSDK {
 			triggerText: "What's New",
 			showBadge: true,
 			viewButtonText: 'View Update',
+			showBackdrop: true,
 		};
 
 		const configDefaults = this._getWidgetTypeConfig('changelog');

package/src/docs/framework-integrations.md

@@ -688,6 +688,7 @@ messenger.mount();
 const changelog = sdk.createWidget('changelog', {
 	position: 'bottom-left',
 	theme: 'light',
+	showBackdrop: true,
 	triggerText: "What's New",
 	showBadge: true,
 	title: "What's New",

package/src/widgets/ChangelogWidget.js

@@ -7,6 +7,7 @@ export class ChangelogWidget extends BaseWidget {
 		this.isLoading = false;
 		this.modalElement = null;
 		this.sidebarElement = null;
+		this.listModalBackdropElement = null;
 		this.currentIndex = 0;
 	}
 
@@ -87,10 +88,12 @@ export class ChangelogWidget extends BaseWidget {
 	}
 
 	_createModal() {
-		this.backdropElement = document.createElement('div');
-		this.backdropElement.className = `changelog-modal-backdrop changelog-theme-${this.options.theme || 'light'}`;
-		document.body.appendChild(this.backdropElement);
-		this.backdropElement.addEventListener('click', () => this.closeModal());
+		if (this.options.showBackdrop !== false) {
+			this.backdropElement = document.createElement('div');
+			this.backdropElement.className = `changelog-modal-backdrop changelog-theme-${this.options.theme || 'light'}`;
+			document.body.appendChild(this.backdropElement);
+			this.backdropElement.addEventListener('click', () => this.closeModal());
+		}
 
 		this.modalElement = document.createElement('div');
 		this.modalElement.className = `changelog-modal changelog-theme-${this.options.theme || 'light'}`;
@@ -230,12 +233,14 @@ export class ChangelogWidget extends BaseWidget {
 	}
 
 	_createListModal() {
-		this.listModalBackdropElement = document.createElement('div');
-		this.listModalBackdropElement.className = `changelog-list-modal-backdrop changelog-theme-${this.options.theme || 'light'}`;
-		document.body.appendChild(this.listModalBackdropElement);
-		this.listModalBackdropElement.addEventListener('click', () =>
-			this.closeSidebar()
-		);
+		if (this.options.showBackdrop !== false) {
+			this.listModalBackdropElement = document.createElement('div');
+			this.listModalBackdropElement.className = `changelog-list-modal-backdrop changelog-theme-${this.options.theme || 'light'}`;
+			document.body.appendChild(this.listModalBackdropElement);
+			this.listModalBackdropElement.addEventListener('click', () =>
+				this.closeSidebar()
+			);
+		}
 
 		this.listModalElement = document.createElement('div');
 		this.listModalElement.className = `changelog-list-modal changelog-theme-${this.options.theme || 'light'}`;

package/types/index.d.ts

@@ -233,6 +233,7 @@ declare module '@product7/feedback-sdk' {
 		enabled?: boolean;
 		position?: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
 		theme?: 'light' | 'dark';
+		showBackdrop?: boolean;
 		triggerText?: string;
 		showBadge?: boolean;
 		title?: string;