@product7/product7-js 0.6.3 → 0.6.5

package/dist/product7-js.js

@@ -11064,8 +11064,10 @@
 		}
 
 		_updateContent() {
-			const avatarsHtml = this.state.showAvatars ? this._renderAvatarStack() : '';
+			const isUnavailable = this.state.businessHoursState === 'offline' || this.state.businessHoursState === 'away';
+			const avatarsHtml = (this.state.showAvatars && !isUnavailable) ? this._renderAvatarStack() : '';
 			const recentChangelogHtml = this._renderRecentChangelog();
+			const availabilityHtml = this._renderAvailabilityStatus();
 
 			this.element.innerHTML = `
 			<div class="liveChat-home-scroll">
@@ -11074,7 +11076,7 @@
 						<div class="liveChat-home-logo">
 							${this.options.logoUrl ? `<img src="${this.options.logoUrl}" alt="${this.state.teamName}" />` : ''}
 						</div>
-						<div class="liveChat-home-avatars">${avatarsHtml}</div>
+						<div class="liveChat-home-avatars">${avatarsHtml || availabilityHtml}</div>
 					</div>
 					<div class="liveChat-home-welcome">
 						<span class="liveChat-home-greeting">${this.state.greetingMessage}</span>
@@ -11141,7 +11143,7 @@
 				return `
 				<div class="liveChat-home-availability">
 					<span class="liveChat-availability-dot liveChat-availability-away"></span>
-					<span class="liveChat-availability-text">${this.state.responseTime}</span>
+					<span class="liveChat-availability-text">We're currently away</span>
 				</div>
 			`;
 			}
@@ -11915,7 +11917,38 @@
 				});
 
 				if (response.status && response.data) {
-					console.log('[LiveChatWidget] Message sent:', response.data.id);
+					// Reconcile the optimistic 'Sending…' message with the server's
+					// confirmation as soon as the POST returns. Don't depend on the WS
+					// echo alone — when the WebSocket frame is dropped (brief
+					// disconnect, slow network, server send-buffer full), the
+					// optimistic message stays stuck on 'Sending…' forever because
+					// upsertMessage's match window is finite.
+					const serverData = response.data;
+					let attachments = [];
+					if (serverData.attachments) {
+						try {
+							attachments =
+								typeof serverData.attachments === 'string'
+									? JSON.parse(serverData.attachments)
+									: serverData.attachments;
+						} catch (e) {
+							attachments = [];
+						}
+					}
+					this.LiveChatState.upsertMessage(
+						conversationId,
+						{
+							id: serverData.id,
+							content: serverData.content,
+							isOwn: true,
+							timestamp: serverData.created_at,
+							attachments:
+								Array.isArray(attachments) && attachments.length > 0
+									? attachments
+									: undefined,
+						},
+						{ reconcileOwnOptimistic: true, optimisticMatchWindowMs: 60000 }
+					);
 				}
 
 				if (this.apiService?.mock) {