@microsoft/mgt-chat/src/statefulClient/acs.chat.ts

Chat component for providing Teams conversations via a React component built using the ACS UI library

import {
  ChatMessage as GraphChatMessage,
  AadUserConversationMember as GraphChatParticipant
} from '@microsoft/microsoft-graph-types';

import { ChatParticipant as ACSChatParticipant } from '@azure/communication-chat';
import { ChatMessage as ACSChatMessage } from '@azure/communication-react';

export const graphParticipantToACSParticipant = (graphParticipant: GraphChatParticipant): ACSChatParticipant => {
  if (!graphParticipant.userId) {
    throw new Error('Cannot convert graph participant to ACS participant. No ID found on graph participant');
  }

  return {
    id: {
      id: graphParticipant.userId
    },
    displayName: graphParticipant.displayName ?? undefined
  };
};

export const graphChatMessageToACSChatMessage = (
  graphMessage: GraphChatMessage,
  currentUser: string
): ACSChatMessage => {
  if (!graphMessage.id) {
    throw new Error('Cannot convert graph message to ACS message. No ID found on graph message');
  }
  const senderId = graphMessage.from?.user?.id || undefined;
  return {
    messageId: graphMessage.id,
    contentType: graphMessage.body?.contentType ?? 'text',
    messageType: 'chat',
    content: graphMessage.body?.content ?? 'undefined',
    senderDisplayName: graphMessage.from?.user?.displayName ?? undefined,
    createdOn: new Date(graphMessage.createdDateTime ?? Date.now()),
    senderId,
    mine: senderId === currentUser,
    status: 'seen'
  };
};