andy-widget-react 2.1.0 → 2.1.1

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "andy-widget-react",
-	"version": "2.1.0",
+	"version": "2.1.1",
 	"description": "Official React Widget for embeddable Andy agents",
 	"type": "module",
 	"main": "dist/index.cjs",
@@ -67,6 +67,6 @@
 		"react-dom": "^18.0.0 || ^19.0.0"
 	},
 	"dependencies": {
-		"andy-widget-core": "2.1.0"
+		"andy-widget-core": "2.1.1"
 	}
 }

package/src/AndyChat.tsx

@@ -121,6 +121,8 @@ const AndyChat: React.FC<AndyChatProps> = ({
 			setSessionId(projection.identity.sessionId)
 			pendingHandoffIdsRef.current = projection.pendingProjectionIds || []
 			const projectedMessages = projection.messages.map(message => ({ id: message.id, content: message.content, sender: message.role === 'user' ? 'user' as const : 'bot' as const, timestamp: new Date(message.createdAt).toISOString(), isHuman: message.sentByHuman }))
+			// An empty agent projection does not mean the client-only greeting is gone.
+			if (projection.control === 'agent' && projectedMessages.length === 0) return
 			setMessages(projection.control === 'requested' || projection.control === 'human'
 				? [...projectedMessages, { id: 'handoff-waiting', content: strings.handoffWaiting, sender: 'bot', timestamp: new Date().toISOString(), isWaiting: true }]
 				: projectedMessages)
@@ -696,7 +698,7 @@ const AndyChat: React.FC<AndyChatProps> = ({
 			bubble = document.createElement('button')
 			bubble.type = 'button'
 			bubble.className = 'andy-chat-bubble'
-			bubble.setAttribute('aria-label', 'Open chat')
+			bubble.setAttribute('aria-label', strings.openChat)
 
 			const tooltipHTML = tooltip
 				? `<span class="andy-chat-bubble__tooltip" role="tooltip">${tooltip}</span>`
@@ -713,6 +715,7 @@ const AndyChat: React.FC<AndyChatProps> = ({
 		const bubbleLogoUrl = config?.logoUrl || CHAT_BUBBLE_DEFAULT_ICON_URL
 
 		if (bubble) {
+			bubble.setAttribute('aria-label', isOpen ? strings.closeChat : strings.openChat)
 			bubble.className = 'andy-chat-bubble'
 			if (isPillStyle) {
 				bubble.classList.add('andy-chat-bubble--pill')
@@ -775,7 +778,7 @@ const AndyChat: React.FC<AndyChatProps> = ({
 									type='button'
 									className='andy-header__back'
 									id='andy-back-button'
-									aria-label='Go back'
+									aria-label={strings.goBack}
 									onClick={() => setIsOpen(false)}
 								>
 									<svg
@@ -821,7 +824,7 @@ const AndyChat: React.FC<AndyChatProps> = ({
 									type='button'
 									className='andy-header__close'
 									id='andy-close-button'
-									aria-label='Close chat'
+									aria-label={strings.closeChat}
 									onClick={() => setIsOpen(false)}
 								>
 									<svg
@@ -1021,7 +1024,7 @@ const AndyChat: React.FC<AndyChatProps> = ({
 												className='andy-input__field'
 												id='andy-message-input'
 												placeholder={config ? strings.inputPlaceholder : '...'}
-												aria-label='Message input'
+												aria-label={strings.messageInput}
 												onKeyDown={e => {
 													if (e.key === 'Enter' && (e.target as HTMLInputElement).value.trim()) {
 														handleSendMessage((e.target as HTMLInputElement).value)
@@ -1034,7 +1037,7 @@ const AndyChat: React.FC<AndyChatProps> = ({
 												type='button'
 												className='andy-input__button'
 												id='andy-send-button'
-												aria-label='Send message'
+												aria-label={strings.sendMessage}
 												onClick={() => {
 													const input = shadowRef.current?.getElementById(
 														'andy-message-input'
@@ -1084,7 +1087,7 @@ const AndyChat: React.FC<AndyChatProps> = ({
 								className={`andy-welcome-popup ${config?.orientation === 'left' ? 'andychat-popup-left' : ''}`}
 								style={{ display: 'block' }}
 								role='dialog'
-								aria-label='Welcome message'
+								aria-label={strings.welcomeMessage}
 							>
 								<div className='andy-welcome-popup__content'>
 									<div className='andy-welcome-popup__message'>
@@ -1095,7 +1098,7 @@ const AndyChat: React.FC<AndyChatProps> = ({
 									<button
 										type='button'
 										className='andy-welcome-popup__close'
-										aria-label='Close welcome message'
+										aria-label={strings.closeWelcomeMessage}
 										onClick={() => setShowWelcomePopup(false)}
 									>
 										<svg