Add transition message

Author: escapemanuele

packages/odie-client/src/hooks/use-create-zendesk-conversation.ts

@@ -5,6 +5,7 @@ import { getOdieZendeskConnectionErrorMessage } from '../constants';
 import { useOdieAssistantContext } from '../context';
 import { useManageSupportInteraction } from '../data';
 import { useCurrentSupportInteraction } from '../data/use-current-support-interaction';
+import type { Message } from '../types';
 
 export const useCreateZendeskConversation = () => {
 	const {
@@ -140,9 +141,32 @@ export const useCreateZendeskConversation = () => {
 			// We need to load the conversation to get typing events. Load simply means "focus on"..
 			Smooch.loadConversation( conversationId );
 
+			const transitionToSupportMessage: Message = {
+				content: null,
+				role: 'bot',
+				type: 'meta',
+				internal_message_id: 'zendesk-chat-started',
+				context: {
+					site_id: selectedSiteId ?? null,
+					flags: {
+						hide_disclaimer_content: true,
+						show_contact_support_msg: true,
+						show_ai_avatar: false,
+					},
+				},
+				metadata: {
+					local_timestamp: Date.now(),
+				},
+			};
+
 			setChat( ( prevChat ) => ( {
 				...prevChat,
 				conversationId: conversationId,
+				messages: prevChat.messages.some(
+					( message ) => !! message?.context?.flags?.show_contact_support_msg
+				)
+					? prevChat.messages
+					: [ ...prevChat.messages, transitionToSupportMessage ],
 				provider: 'zendesk',
 				status: 'loaded',
 			} ) );