@product7/product7-js 0.7.3 → 0.7.5

package/dist/product7-js.js

@@ -8956,6 +8956,7 @@
 			this.messagesModuleEnabled = options.messagesModuleEnabled !== false;
 
 			this.requireEmailBeforeChat = options.requireEmailBeforeChat || false;
+			this.allowAnonymousChat = options.allowAnonymousChat !== false;
 			this.allowAttachments = options.allowAttachments !== false;
 			this.allowEmoji = options.allowEmoji !== false;
 			this.showReplyTime = options.showReplyTime !== false;
@@ -11758,20 +11759,31 @@
 			return this.element;
 		}
 
+		_isNameRequired() {
+			return this.state.allowAnonymousChat === false;
+		}
+
 		_updateContent() {
+			const nameRequired = this._isNameRequired();
+			const namePlaceholder = nameRequired ? 'Your name' : 'Your name (optional)';
+			const subtitle = nameRequired
+				? 'Enter your name and email so we can get back to you.'
+				: 'Enter your email so we can get back to you.';
+
 			this.element.innerHTML = `
 			<div class="liveChat-prechat-overlay">
 				<div class="liveChat-prechat-card">
 					<h4 class="liveChat-prechat-title">Before we continue</h4>
-					<p class="liveChat-prechat-subtitle">Enter your details so we can get back to you.</p>
+					<p class="liveChat-prechat-subtitle">${subtitle}</p>
 					<form class="liveChat-prechat-form" novalidate>
 						<div class="liveChat-prechat-field">
 							<input
 								type="text"
 								name="name"
 								class="liveChat-prechat-input"
-								placeholder="Your name"
+								placeholder="${namePlaceholder}"
 								autocomplete="name"
+								${nameRequired ? 'required' : ''}
 							/>
 						</div>
 						<div class="liveChat-prechat-field">
@@ -11783,8 +11795,8 @@
 								autocomplete="email"
 								required
 							/>
-							<span class="liveChat-prechat-error" style="display:none;"></span>
 						</div>
+						<span class="liveChat-prechat-error" style="display:none;"></span>
 						<button type="submit" class="liveChat-prechat-submit">
 							Start chat
 						</button>
@@ -11804,6 +11816,15 @@
 			});
 		}
 
+		_validate(nameRequired, name, email) {
+			if (nameRequired && !name) return { msg: 'Please enter your name.', field: 'name' };
+			if (!email) return { msg: 'Please enter your email address.', field: 'email' };
+			if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email)) {
+				return { msg: 'Please enter a valid email address.', field: 'email' };
+			}
+			return null;
+		}
+
 		async _handleSubmit() {
 			if (this._isSubmitting) return;
 
@@ -11814,11 +11835,13 @@
 
 			const email = emailInput.value.trim();
 			const name = nameInput.value.trim();
+			const nameRequired = this._isNameRequired();
 
-			if (!email || !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email)) {
-				errorEl.textContent = 'Please enter a valid email address.';
+			const error = this._validate(nameRequired, name, email);
+			if (error) {
+				errorEl.textContent = error.msg;
 				errorEl.style.display = 'block';
-				emailInput.focus();
+				(error.field === 'name' ? nameInput : emailInput).focus();
 				return;
 			}
 
@@ -11834,7 +11857,7 @@
 				if (this.options.onIdentifyContact) {
 					await this.options.onIdentifyContact({
 						name: name || undefined,
-						email,
+						email: email || undefined,
 					});
 				}
 
@@ -12130,10 +12153,7 @@
 
 		async _handleStartConversation(messageContent, pendingAttachments) {
 			try {
-				if (
-					this.LiveChatState.requireEmailBeforeChat &&
-					!this.LiveChatState.isIdentified
-				) {
+				if (!this.LiveChatState.isIdentified) {
 					this.LiveChatState.pendingMessage = {
 						content: messageContent,
 						attachments: pendingAttachments,
@@ -12831,9 +12851,15 @@
 					this.liveChatOptions.textColor = s.text_color;
 					stylesChanged = true;
 				}
-				if (s.theme && !this._hasExplicitOption('theme')) {
+				let themeChanged = false;
+				if (
+					s.theme &&
+					!this._hasExplicitOption('theme') &&
+					s.theme !== this.liveChatOptions.theme
+				) {
 					this.liveChatOptions.theme = s.theme;
 					stylesChanged = true;
+					themeChanged = true;
 				}
 				if (stylesChanged) {
 					applyliveChatCustomStyles({
@@ -12843,6 +12869,9 @@
 						theme: this.liveChatOptions.theme,
 					});
 				}
+				if (themeChanged && this._widgetContainer) {
+					this._widgetContainer.className = `liveChat-widget theme-${this.liveChatOptions.theme}`;
+				}
 
 				// Launcher position & padding
 				if (s.launcher_position && !this._hasExplicitOption('position')) {
@@ -12901,6 +12930,36 @@
 							this.LiveChatState.homeModuleEnabled !== false ? 'home' : 'help';
 					}
 				}
+				if (
+					typeof s.help_module_enabled === 'boolean' &&
+					!this._hasExplicitOption('enableHelp')
+				) {
+					this.LiveChatState.enableHelp = s.help_module_enabled;
+					if (
+						!s.help_module_enabled &&
+						this.LiveChatState.currentView === 'help'
+					) {
+						this.LiveChatState.currentView =
+							this.LiveChatState.homeModuleEnabled !== false
+								? 'home'
+								: 'messages';
+					}
+				}
+				if (
+					typeof s.changelog_module_enabled === 'boolean' &&
+					!this._hasExplicitOption('enableChangelog')
+				) {
+					this.LiveChatState.enableChangelog = s.changelog_module_enabled;
+					if (
+						!s.changelog_module_enabled &&
+						this.LiveChatState.currentView === 'changelog'
+					) {
+						this.LiveChatState.currentView =
+							this.LiveChatState.homeModuleEnabled !== false
+								? 'home'
+								: 'messages';
+					}
+				}
 
 				// Feature flags
 				if (
@@ -12918,6 +12977,12 @@
 				) {
 					this.LiveChatState.requireEmailBeforeChat = s.require_email_before_chat;
 				}
+				if (
+					typeof s.allow_anonymous_chat === 'boolean' &&
+					!this._hasExplicitOption('allowAnonymousChat')
+				) {
+					this.LiveChatState.allowAnonymousChat = s.allow_anonymous_chat;
+				}
 				if (
 					typeof s.allow_attachments === 'boolean' &&
 					!this._hasExplicitOption('allowAttachments')