@product7/feedback-sdk 1.3.6 → 1.3.8

package/dist/feedback-sdk.js

@@ -461,6 +461,7 @@
 							content: data.message,
 							sender_type: 'customer',
 							created_at: new Date().toISOString(),
+							attachments: data.attachments || [],
 						},
 					],
 				};
@@ -478,6 +479,7 @@
 				body: JSON.stringify({
 					message: data.message,
 					subject: data.subject || '',
+					attachments: data.attachments || []
 				}),
 			});
 		}
@@ -492,6 +494,7 @@
 					content: data.content,
 					sender_type: 'customer',
 					created_at: new Date().toISOString(),
+					attachments: data.attachments || [],
 				};
 				if (!MOCK_MESSAGES$1[conversationId]) {
 					MOCK_MESSAGES$1[conversationId] = [];
@@ -508,7 +511,10 @@
 						'Content-Type': 'application/json',
 						Authorization: `Bearer ${this.api.sessionToken}`,
 					},
-					body: JSON.stringify({ content: data.content }),
+					body: JSON.stringify({ 
+						content: data.content,
+						attachments: data.attachments || []
+					}),
 				}
 			);
 		}
@@ -2951,136 +2957,102 @@
 		}
 	}
 
-	/**
-	 * MessengerState - State management for the Messenger widget
-	 */
 	class MessengerState {
-	constructor(options = {}) {
-		this.currentView = 'home';
-		this.isOpen = false;
-		this.unreadCount = 0;
-		this.activeConversationId = null;
-
-		// Conversations
-		this.conversations = [];
-		this.messages = {};
-
-		// Help articles
-		this.helpArticles = [];
-		this.helpSearchQuery = '';
-
-		// Changelog
-		this.homeChangelogItems = [];
-		this.changelogItems = [];
-
-		// Team info
-		this.teamName = options.teamName || 'Support';
-		this.teamAvatars = options.teamAvatars || [];
-		this.welcomeMessage = options.welcomeMessage || 'How can we help?';
-
-		// User info
-		this.userContext = options.userContext || null;
-		
-		// ADD THESE TWO PROPERTIES
-		this.isIdentified = false; // Track if user has been identified
-		this.pendingMessage = null; // { content, attachments } - for pre-chat flow
-
-		// Feature flags
-		this.enableHelp = options.enableHelp !== false;
-		this.enableChangelog = options.enableChangelog !== false;
-
-		// Agent availability
-		this.agentsOnline = false;
-		this.onlineCount = 0;
-		this.responseTime = 'Usually replies within a few minutes';
-
-		// Typing indicators
-		this.typingUsers = {};
-
-		// Loading states
-		this.isLoading = false;
-		this.isLoadingMessages = false;
-
-		// Listeners
-		this._listeners = new Set();
-	}
-		/**
-		 * Subscribe to state changes
-		 */
+		constructor(options = {}) {
+			this.currentView = 'home';
+			this.isOpen = false;
+			this.unreadCount = 0;
+			this.activeConversationId = null;
+
+			this.conversations = [];
+			this.messages = {};
+
+			this.helpArticles = [];
+			this.helpSearchQuery = '';
+
+			this.homeChangelogItems = [];
+			this.changelogItems = [];
+
+			this.teamName = options.teamName || 'Support';
+			this.teamAvatars = options.teamAvatars || [];
+			this.welcomeMessage = options.welcomeMessage || 'How can we help?';
+
+			this.userContext = options.userContext || null;
+			this.isIdentified = false;
+			this.pendingMessage = null;
+
+			this.enableHelp = options.enableHelp !== false;
+			this.enableChangelog = options.enableChangelog !== false;
+
+			this.agentsOnline = false;
+			this.onlineCount = 0;
+			this.responseTime = 'Usually replies within a few minutes';
+
+			this.typingUsers = {};
+
+			this.isLoading = false;
+			this.isLoadingMessages = false;
+
+			this._listeners = new Set();
+		}
+
 		subscribe(callback) {
 			this._listeners.add(callback);
 			return () => this._listeners.delete(callback);
 		}
 
-		/**
-		 * Notify all listeners of state change
-		 */
 		_notify(changeType, data) {
 			this._listeners.forEach((cb) => cb(changeType, data, this));
 		}
 
-		/**
-		 * Set current view
-		 */
 		setView(view) {
 			const previousView = this.currentView;
 			this.currentView = view;
 			this._notify('viewChange', { previousView, currentView: view });
 		}
 
-		/**
-		 * Toggle panel open/closed
-		 */
 		setOpen(isOpen) {
 			this.isOpen = isOpen;
 			this._notify('openChange', { isOpen });
 		}
 
-		/**
-		 * Set active conversation for chat view
-		 */
 		setActiveConversation(conversationId) {
 			const previousConversationId = this.activeConversationId;
 			this.activeConversationId = conversationId;
 			this._notify('conversationChange', { conversationId, previousConversationId });
 		}
 
-		/**
-		 * Update conversations list
-		 */
+		setIdentified(isIdentified, userContext = null) {
+			this.isIdentified = isIdentified;
+			if (userContext) {
+				this.userContext = { ...this.userContext, ...userContext };
+			}
+			this._notify('identificationChange', { isIdentified, userContext });
+		}
+
 		setConversations(conversations) {
 			this.conversations = conversations;
 			this._updateUnreadCount();
 			this._notify('conversationsUpdate', { conversations });
 		}
 
-		/**
-		 * Add a new conversation
-		 */
 		addConversation(conversation) {
 			this.conversations.unshift(conversation);
 			this._updateUnreadCount();
 			this._notify('conversationAdded', { conversation });
 		}
 
-		/**
-		 * Update messages for a conversation
-		 */
 		setMessages(conversationId, messages) {
 			this.messages[conversationId] = messages;
 			this._notify('messagesUpdate', { conversationId, messages });
 		}
 
-		/**
-		 * Add a message to a conversation
-		 */
 		addMessage(conversationId, message) {
 			if (!this.messages[conversationId]) {
 				this.messages[conversationId] = [];
 			}
 			this.messages[conversationId].push(message);
 
-			// Update conversation preview
 			const conv = this.conversations.find((c) => c.id === conversationId);
 			if (conv) {
 				conv.lastMessage = message.content;
@@ -3094,9 +3066,6 @@
 			this._notify('messageAdded', { conversationId, message });
 		}
 
-		/**
-		 * Update a conversation by id
-		 */
 		updateConversation(conversationId, updates) {
 			const conv = this.conversations.find((c) => c.id === conversationId);
 			if (!conv) {
@@ -3108,9 +3077,6 @@
 			return conv;
 		}
 
-		/**
-		 * Mark conversation as read
-		 */
 		markAsRead(conversationId) {
 			const conv = this.conversations.find((c) => c.id === conversationId);
 			if (conv && conv.unread > 0) {
@@ -3120,9 +3086,6 @@
 			}
 		}
 
-		/**
-		 * Update unread count
-		 */
 		_updateUnreadCount() {
 			this.unreadCount = this.conversations.reduce(
 				(sum, c) => sum + (c.unread || 0),
@@ -3131,57 +3094,34 @@
 			this._notify('unreadCountChange', { count: this.unreadCount });
 		}
 
-		/**
-		 * Set help articles
-		 */
 		setHelpArticles(articles) {
 			this.helpArticles = articles;
 			this._notify('helpArticlesUpdate', { articles });
 		}
 
-		/**
-		 * Set help search query
-		 */
 		setHelpSearchQuery(query) {
 			this.helpSearchQuery = query;
 			this._notify('helpSearchChange', { query });
 		}
 
-		/**
-		 * Set home changelog items
-		 */
 		setHomeChangelogItems(items) {
 			this.homeChangelogItems = items;
 			this._notify('homeChangelogUpdate', { items });
 		}
 
-		/**
-		 * Set changelog items
-		 */
 		setChangelogItems(items) {
 			this.changelogItems = items;
 			this._notify('changelogUpdate', { items });
 		}
 
-		/**
-		 * Get current conversation
-		 */
 		getActiveConversation() {
 			return this.conversations.find((c) => c.id === this.activeConversationId);
 		}
 
-		/**
-		 * Get messages for active conversation
-		 */
 		getActiveMessages() {
 			return this.messages[this.activeConversationId] || [];
 		}
 
-		/**
-		 * Update team avatars from backend agent data.
-		 * Converts available_agents ({full_name, picture}) into avatar strings
-		 * the views already support (URL strings or initial strings).
-		 */
 		setTeamAvatarsFromAgents(agents) {
 			if (!agents || agents.length === 0) return;
 
@@ -3192,9 +3132,6 @@
 			this._notify('teamAvatarsUpdate', { teamAvatars: this.teamAvatars });
 		}
 
-		/**
-		 * Get filtered help articles
-		 */
 		getFilteredHelpArticles() {
 			if (!this.helpSearchQuery) {
 				return this.helpArticles;
@@ -3208,9 +3145,6 @@
 			);
 		}
 
-		/**
-		 * Reset state
-		 */
 		reset() {
 			this.currentView = 'home';
 			this.activeConversationId = null;
@@ -3797,8 +3731,7 @@
 			this._isTyping = false;
 			this._typingIndicator = null;
 			this._isConversationClosed = false;
-			this._showEmailOverlayFlag = false;
-			this._pendingAttachments = []; 
+			this._pendingAttachments = [];
 		}
 
 		render() {
@@ -3860,8 +3793,6 @@
 					? 'Conversation closed'
 					: 'Write a message...';
 
-			const existingName = this.state.userContext?.name || '';
-
 			this.element.innerHTML = `
 			<div class="messenger-chat-header">
 				<button class="sdk-btn-icon messenger-back-btn" aria-label="Back">
@@ -3914,46 +3845,17 @@
 				<input type="file" class="messenger-compose-file-input" multiple accept="image/*,.pdf,.doc,.docx,.xls,.xlsx,.txt,.zip" />
 			</div>
 			`}
-
-			<div class="messenger-email-overlay">
-				<div class="sdk-card messenger-email-card">
-					<div class="sdk-card-header">
-						<h4>What is your email address?</h4>
-						<p>Enter your email to know when we reply:</p>
-					</div>
-					<div class="sdk-card-body">
-						<div class="sdk-form-group">
-							<input type="text" class="sdk-input messenger-email-name" placeholder="Name (optional)" value="${this._escapeHtml(existingName)}" autocomplete="name" />
-						</div>
-						<div class="sdk-form-group">
-							<input type="email" class="sdk-input messenger-email-input" placeholder="Enter your email address..." autocomplete="email" />
-						</div>
-					</div>
-					<div class="sdk-card-footer messenger-email-actions">
-						<button class="sdk-btn sdk-btn-primary sdk-btn-block messenger-email-submit" disabled>Set my email</button>
-						<button class="sdk-btn sdk-btn-secondary sdk-btn-block messenger-email-skip">Skip</button>
-					</div>
-				</div>
-			</div>
 		`;
 
-			this._typingIndicator = this.element.querySelector(
-				'.messenger-typing-indicator'
-			);
+			this._typingIndicator = this.element.querySelector('.messenger-typing-indicator');
 			this._attachEvents();
 			this._scrollToBottom();
 			this._renderAttachmentPreviews();
-
-			// Show email overlay after first message sent without email
-			if (this._showEmailOverlayFlag) {
-				this._showEmailOverlay();
-			}
 		}
 
 		_renderEmptyState(isNewConversation = false) {
 			const avatarHtml = this._renderTeamAvatars();
-			const responseTime =
-				this.state.responseTime || 'We typically reply within a few minutes';
+			const responseTime = this.state.responseTime || 'We typically reply within a few minutes';
 			const isOnline = this.state.agentsOnline;
 
 			return `
@@ -3985,14 +3887,11 @@
 
 		_renderMessage(message) {
 			const isOwn = message.isOwn;
-			const messageClass = isOwn
-				? 'messenger-message-own'
-				: 'messenger-message-received';
+			const messageClass = isOwn ? 'messenger-message-own' : 'messenger-message-received';
 			const timeStr = this._formatMessageTime(message.timestamp);
 			const attachmentsHtml = this._renderMessageAttachments(message.attachments);
 
 			const contentHtml = message.content ? `<div class="messenger-message-content">${this._formatMessageContent(message.content)}</div>` : '';
-
 			const bubbleHtml = contentHtml ? `<div class="messenger-message-bubble">${contentHtml}</div>` : '';
 
 			if (isOwn) {
@@ -4082,9 +3981,7 @@
 		}
 
 		_appendMessage(message) {
-			const messagesContainer = this.element.querySelector(
-				'.messenger-chat-messages'
-			);
+			const messagesContainer = this.element.querySelector('.messenger-chat-messages');
 			const emptyState = messagesContainer.querySelector('.messenger-chat-empty');
 			if (emptyState) {
 				emptyState.remove();
@@ -4097,9 +3994,7 @@
 		}
 
 		_scrollToBottom() {
-			const messagesContainer = this.element.querySelector(
-				'.messenger-chat-messages'
-			);
+			const messagesContainer = this.element.querySelector('.messenger-chat-messages');
 			if (messagesContainer) {
 				setTimeout(() => {
 					messagesContainer.scrollTop = messagesContainer.scrollHeight;
@@ -4139,7 +4034,6 @@
 			`;
 			}).join('');
 
-			// Attach remove button events
 			container.querySelectorAll('.messenger-attachment-remove').forEach((btn) => {
 				btn.addEventListener('click', (e) => {
 					const idx = parseInt(e.currentTarget.dataset.index, 10);
@@ -4163,20 +4057,15 @@
 					this.state.setOpen(false);
 				});
 
-			// Compose input (not rendered when conversation is closed)
 			const input = this.element.querySelector('.messenger-compose-input');
 			const sendBtn = this.element.querySelector('.messenger-compose-send');
 
 			if (input && sendBtn) {
 				input.addEventListener('input', () => {
-					// Auto-resize textarea
 					input.style.height = 'auto';
 					input.style.height = Math.min(input.scrollHeight, 120) + 'px';
-
-					// Enable/disable send button
 					this._updateSendButtonState();
 
-					// Send typing indicator
 					if (input.value.trim()) {
 						this._startTyping();
 					}
@@ -4194,7 +4083,6 @@
 				});
 			}
 
-			// Attach button + file input
 			const attachBtn = this.element.querySelector('.messenger-compose-attach');
 			const fileInput = this.element.querySelector('.messenger-compose-file-input');
 
@@ -4223,42 +4111,9 @@
 				});
 			}
 
-			// Email overlay events
-			const emailInput = this.element.querySelector('.messenger-email-input');
-			const emailSubmit = this.element.querySelector('.messenger-email-submit');
-			const emailSkip = this.element.querySelector('.messenger-email-skip');
-
-			if (emailInput) {
-				emailInput.addEventListener('input', () => {
-					const isValid = this._isValidEmail(emailInput.value.trim());
-					emailSubmit.disabled = !isValid;
-				});
-
-				emailInput.addEventListener('keydown', (e) => {
-					if (e.key === 'Enter' && !emailSubmit.disabled) {
-						e.preventDefault();
-						this._handleEmailSubmit();
-					}
-				});
-			}
-
-			if (emailSubmit) {
-				emailSubmit.addEventListener('click', () => {
-					this._handleEmailSubmit();
-				});
-			}
-
-			if (emailSkip) {
-				emailSkip.addEventListener('click', () => {
-					this._hideEmailOverlay();
-				});
-			}
-
-			// Delegated events for attachment clicks
 			const messagesContainer = this.element.querySelector('.messenger-chat-messages');
 			if (messagesContainer) {
 				messagesContainer.addEventListener('click', (e) => {
-					// File click -> download
 					const fileLink = e.target.closest('.messenger-message-file');
 					if (fileLink) {
 						e.preventDefault();
@@ -4268,7 +4123,6 @@
 						return;
 					}
 
-					// Image click -> open in new tab
 					const img = e.target.closest('.messenger-message-image');
 					if (img) {
 						const url = img.dataset.url || img.src;
@@ -4292,7 +4146,6 @@
 				document.body.removeChild(a);
 				URL.revokeObjectURL(blobUrl);
 			} catch {
-				// Fallback: open in new tab
 				window.open(url, '_blank');
 			}
 		}
@@ -4302,72 +4155,9 @@
 			return text.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;');
 		}
 
-		_isValidEmail(email) {
-			return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email);
-		}
-
-		_showEmailOverlay() {
-			const overlay = this.element.querySelector('.messenger-email-overlay');
-			if (overlay) {
-				overlay.style.display = 'flex';
-				const emailInput = overlay.querySelector('.messenger-email-input');
-				if (emailInput) {
-					setTimeout(() => emailInput.focus(), 100);
-				}
-			}
-		}
-
-		_startPendingConversation() {
-			if (this._pendingMessage && this.options.onStartConversation) {
-				this.options.onStartConversation(this._pendingMessage, this._pendingAttachmentsForSend || []);
-				this._pendingMessage = null;
-				this._pendingAttachmentsForSend = null;
-			}
-		}
-
-		_hideEmailOverlay() {
-			this._showEmailOverlayFlag = false;
-			const overlay = this.element.querySelector('.messenger-email-overlay');
-			if (overlay) {
-				overlay.style.display = 'none';
-			}
-		}
-
-		async _handleEmailSubmit() {
-			const nameInput = this.element.querySelector('.messenger-email-name');
-			const emailInput = this.element.querySelector('.messenger-email-input');
-			const submitBtn = this.element.querySelector('.messenger-email-submit');
-
-			const name = nameInput?.value.trim() || '';
-			const email = emailInput?.value.trim();
-
-			if (!email || !this._isValidEmail(email)) return;
-
-			submitBtn.disabled = true;
-			submitBtn.textContent = 'Saving...';
-
-			try {
-				if (this.options.onIdentifyContact) {
-					await this.options.onIdentifyContact({ name, email });
-				}
-
-				if (!this.state.userContext) {
-					this.state.userContext = {};
-				}
-				this.state.userContext.name = name;
-				this.state.userContext.email = email;
-
-				this._hideEmailOverlay();
-				this._startPendingConversation();
-			} catch (error) {
-				console.error('[ChatView] Failed to save email:', error);
-				submitBtn.disabled = false;
-				submitBtn.textContent = 'Set my email';
-			}
-		}
-
 		async _sendMessage() {
 			if (this._isConversationClosed) return;
+			
 			const input = this.element.querySelector('.messenger-compose-input');
 			const content = input.value.trim();
 			const hasAttachments = this._pendingAttachments.length > 0;
@@ -4376,37 +4166,12 @@
 
 			this._stopTyping();
 
-			// Collect attachments to upload
 			const attachmentsToSend = [...this._pendingAttachments];
-
 			const isNewConversation = !this.state.activeConversationId;
-			const needsContactInfo = !this.state.userContext?.email;
 
 			if (isNewConversation) {
-				// Show user's message in chat immediately
-				const localMessage = {
-					id: 'msg_' + Date.now(),
-					content: content,
-					isOwn: true,
-					timestamp: new Date().toISOString(),
-					attachments: attachmentsToSend.map((a) => ({
-						url: a.preview,
-						type: a.type.startsWith('image') ? 'image' : 'file',
-						name: a.file.name,
-					})),
-				};
-				this._appendMessage(localMessage);
-				this._scrollToBottom();
-
-				if (needsContactInfo) {
-					this._pendingMessage = content;
-					this._pendingAttachmentsForSend = attachmentsToSend;
-					this._showEmailOverlayFlag = true;
-					setTimeout(() => this._showEmailOverlay(), 300);
-				} else {
-					if (this.options.onStartConversation) {
-						this.options.onStartConversation(content, attachmentsToSend);
-					}
+				if (this.options.onStartConversation) {
+					this.options.onStartConversation(content, attachmentsToSend);
 				}
 			} else {
 				const message = {
@@ -4428,7 +4193,6 @@
 				}
 			}
 
-			// Clear input and attachments
 			input.value = '';
 			input.style.height = 'auto';
 			this._pendingAttachments = [];
@@ -4469,9 +4233,7 @@
 		_showTypingIndicator(userName) {
 			if (this._typingIndicator) {
 				this._typingIndicator.style.display = 'flex';
-				const textEl = this._typingIndicator.querySelector(
-					'.messenger-typing-text'
-				);
+				const textEl = this._typingIndicator.querySelector('.messenger-typing-text');
 				if (textEl) {
 					textEl.textContent = `${userName || 'Support'} is typing...`;
 				}
@@ -5302,7 +5064,6 @@
 		}
 
 		_attachEvents() {
-			// Form validation
 			const form = this.element.querySelector('form');
 			const emailInput = this.element.querySelector('#messenger-prechat-email');
 			const submitBtn = this.element.querySelector('.messenger-prechat-submit');
@@ -5387,15 +5148,22 @@
 					await this.options.onIdentifyContact({ name, email });
 				}
 
-				if (!this.state.userContext) {
-					this.state.userContext = {};
-				}
-				this.state.userContext.name = name;
-				this.state.userContext.email = email;
+				this.state.setIdentified(true, { name, email });
 
 				this._isSubmitting = false;
 
-				this.state.setView('chat');
+				const pendingMessage = this.state.pendingMessage;
+				if (pendingMessage && this.options.onStartConversation) {
+					this.state.pendingMessage = null;
+					this.state.setView('chat');
+					
+					await this.options.onStartConversation(
+						pendingMessage.content,
+						pendingMessage.attachments
+					);
+				} else {
+					this.state.setView('chat');
+				}
 			} catch (error) {
 				console.error('[PreChatFormView] Error submitting form:', error);
 				this._showError('messenger-email-error', 'Something went wrong. Please try again.');
@@ -5811,44 +5579,41 @@
 			}
 		}
 
-	async _handleStartConversation(messageContent, pendingAttachments) {
-		try {
-			// Check if already identified
-			if (!this.messengerState.isIdentified) {
-				// Not identified - show pre-chat form
-				this.messengerState.pendingMessage = {
-					content: messageContent,
-					attachments: pendingAttachments,
-				};
-				this.messengerState.setView('prechat');
-				return null;
-			}
+		async _handleStartConversation(messageContent, pendingAttachments) {
+			try {
+				if (!this.messengerState.isIdentified) {
+					this.messengerState.pendingMessage = {
+						content: messageContent,
+						attachments: pendingAttachments,
+					};
+					this.messengerState.setView('prechat');
+					return null;
+				}
 
-			// Already identified - proceed with conversation
-			const openConversation = this.messengerState.conversations.find(
-				(c) => c.status === 'open'
-			);
+				const openConversation = this.messengerState.conversations.find(
+					(c) => c.status === 'open'
+				);
 
-			if (openConversation) {
-				this.messengerState.setActiveConversation(openConversation.id);
-				await this._handleSendMessage(
-					openConversation.id,
-					{ content: messageContent },
+				if (openConversation) {
+					this.messengerState.setActiveConversation(openConversation.id);
+					await this._handleSendMessage(
+						openConversation.id,
+						{ content: messageContent },
+						pendingAttachments
+					);
+					return openConversation;
+				}
+
+				return await this.startNewConversation(
+					messageContent,
+					'',
 					pendingAttachments
 				);
-				return openConversation;
+			} catch (error) {
+				console.error('[MessengerWidget] Failed to start conversation:', error);
+				return null;
 			}
-
-			return await this.startNewConversation(
-				messageContent,
-				'',
-				pendingAttachments
-			);
-		} catch (error) {
-			console.error('[MessengerWidget] Failed to start conversation:', error);
-			return null;
 		}
-	}
 
 		async _handleSelectConversation(conversationId) {
 			try {
@@ -5873,47 +5638,33 @@
 			}
 		}
 
-	async _handleIdentifyContact(contactData) {
-		try {
-			const response = await this.apiService.identifyContact({
-				name: contactData.name,
-				email: contactData.email,
-			});
-
-			if (response.status) {
-				console.log('[MessengerWidget] Contact identified:', response.data.contact_id);
+		async _handleIdentifyContact(contactData) {
+			try {
+				const response = await this.apiService.identifyContact({
+					name: contactData.name,
+					email: contactData.email,
+				});
 
-				if (!this.messengerState.userContext) {
-					this.messengerState.userContext = {};
+				if (response.status) {
+					console.log('[MessengerWidget] Contact identified:', response.data.contact_id);
+					this.messengerState.setIdentified(true, {
+						name: contactData.name,
+						email: contactData.email,
+					});
 				}
-				this.messengerState.userContext.name = contactData.name;
-				this.messengerState.userContext.email = contactData.email;
-				this.messengerState.isIdentified = true;
 
-				const pendingMessage = this.messengerState.pendingMessage;
-				if (pendingMessage) {
-					this.messengerState.pendingMessage = null;
-					
-					// SET VIEW FIRST
-					this.messengerState.setView('chat');
-					
-					// THEN start conversation
-					await this.startNewConversation(
-						pendingMessage.content,
-						'',
-						pendingMessage.attachments
-					);
-				} else {
-					this.messengerState.setView('chat');
-				}
+				return response;
+			} catch (error) {
+				console.error('[MessengerWidget] Failed to identify contact:', error);
+				throw error;
 			}
+		}
 
-			return response;
-		} catch (error) {
-			console.error('[MessengerWidget] Failed to identify contact:', error);
-			throw error;
+		markAsIdentified(name, email) {
+			this.messengerState.setIdentified(true, { name, email });
+			console.log('[MessengerWidget] Marked as identified:', email);
 		}
-	}
+
 		async _handleUploadFile(base64Data, filename) {
 			try {
 				const response = await this.apiService.uploadFile(base64Data, filename);
@@ -6289,25 +6040,12 @@
 				const uploadedAttachments =
 					await this._uploadPendingAttachments(pendingAttachments);
 
-				console.log('[MessengerWidget] Starting conversation...', {
-					message,
-					attachmentCount: uploadedAttachments.length,
-					hasSession: this.apiService.isSessionValid(),
-					sessionToken: this.apiService.sessionToken
-						? this.apiService.sessionToken.substring(0, 10) + '...'
-						: null,
-					baseURL: this.apiService.baseURL,
-					mock: this.apiService.mock,
-				});
-
 				const response = await this.apiService.startConversation({
 					message,
 					subject,
 					attachments: uploadedAttachments,
 				});
 
-				console.log('[MessengerWidget] Conversation response:', response);
-
 				if (response.status && response.data) {
 					const conv = response.data;
 					const newConversation = {
@@ -6474,19 +6212,19 @@
 			};
 		}
 
-	async onMount() {
-		this.loadInitialData();
+		async onMount() {
+			this.loadInitialData();
 
-		if (this.apiService?.sessionToken) {
-			this._initWebSocket();
-		}
-
-		this.checkAgentAvailability();
+			if (this.apiService?.sessionToken) {
+				this._initWebSocket();
+			}
 
-		this._availabilityInterval = setInterval(() => {
 			this.checkAgentAvailability();
-		}, 60000);
-	}
+
+			this._availabilityInterval = setInterval(() => {
+				this.checkAgentAvailability();
+			}, 60000);
+		}
 
 		onDestroy() {
 			if (this._stateUnsubscribe) {