[Chat] Add more CCs for inline image beta-release build (#4187)

* Add more CCs for inline image

* Change files

* Duplicate change files for beta release

Author: Leah-Xia-Microsoft

change-beta/@azure-communication-react-59eec3cf-e49f-41a8-85b2-ebe38a4ea973.json

@@ -0,0 +1,9 @@
+{
+  "type": "none",
+  "area": "improvement",
+  "workstream": "InlineImage",
+  "comment": "Add more CCs for inline image",
+  "packageName": "@azure/communication-react",
+  "email": "107075081+Leah-Xia-Microsoft@users.noreply.github.com",
+  "dependentChangeType": "none"
+}

change/@azure-communication-react-59eec3cf-e49f-41a8-85b2-ebe38a4ea973.json

@@ -0,0 +1,9 @@
+{
+  "type": "none",
+  "area": "improvement",
+  "workstream": "InlineImage",
+  "comment": "Add more CCs for inline image",
+  "packageName": "@azure/communication-react",
+  "email": "107075081+Leah-Xia-Microsoft@users.noreply.github.com",
+  "dependentChangeType": "none"
+}

packages/chat-component-bindings/src/messageThreadSelector.ts

@@ -78,14 +78,19 @@ const extractAttachedFilesMetadata = (metadata: Record<string, string>): FileMet
 const extractTeamsAttachmentsMetadata = (
   attachments: ChatAttachment[],
   resourceCache?: Record<string, string>
-): { /* @conditional-compile-remove(file-sharing) */ files: FileMetadata[]; inlineImages: InlineImageMetadata[] } => {
+): {
+  /* @conditional-compile-remove(file-sharing) */ files: FileMetadata[];
+  /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */ inlineImages: InlineImageMetadata[];
+} => {
   /* @conditional-compile-remove(file-sharing) */
   const files: FileMetadata[] = [];
+  /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
   const inlineImages: InlineImageMetadata[] = [];
   attachments.forEach((attachment) => {
     const attachmentType = mapAttachmentType(attachment.attachmentType);
     /* @conditional-compile-remove(file-sharing) */
     const contentType = extractAttachmentContentTypeFromName(attachment.name);
+    /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
     if (attachmentType === 'inlineImage') {
       inlineImages.push({
         attachmentType: attachmentType,
@@ -107,7 +112,10 @@ const extractTeamsAttachmentsMetadata = (
       });
     }
   });
-  return { /* @conditional-compile-remove(file-sharing) */ files, inlineImages };
+  return {
+    /* @conditional-compile-remove(file-sharing) */ files,
+    /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */ inlineImages
+  };
 };
 
 /* @conditional-compile-remove(data-loss-prevention) */
@@ -217,9 +225,13 @@ const extractAttachmentContentTypeFromName = (name?: string): string => {
 /* @conditional-compile-remove(file-sharing) @conditional-compile-remove(teams-inline-images-and-file-sharing) */
 const extractAttachmentsMetadata = (
   message: ChatMessageWithStatus
-): { /* @conditional-compile-remove(file-sharing) */ files: FileMetadata[]; inlineImages: InlineImageMetadata[] } => {
+): {
+  /* @conditional-compile-remove(file-sharing) */ files: FileMetadata[];
+  /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */ inlineImages: InlineImageMetadata[];
+} => {
   /* @conditional-compile-remove(file-sharing) */
   let files: FileMetadata[] = [];
+  /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
   let inlineImages: InlineImageMetadata[] = [];
 
   /* @conditional-compile-remove(file-sharing) */
@@ -232,10 +244,14 @@ const extractAttachmentsMetadata = (
     const teamsAttachments = extractTeamsAttachmentsMetadata(message.content?.attachments, message.resourceCache);
     /* @conditional-compile-remove(file-sharing) */
     files = files.concat(teamsAttachments.files);
+    /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
     inlineImages = inlineImages.concat(teamsAttachments.inlineImages);
   }
 
-  return { /* @conditional-compile-remove(file-sharing) */ files, inlineImages };
+  return {
+    /* @conditional-compile-remove(file-sharing) */ files,
+    /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */ inlineImages
+  };
 };
 const convertToUiChatMessage = (
   message: ChatMessageWithStatus,

packages/react-components/src/components/MessageThread.test.tsx

@@ -12,7 +12,7 @@ import { BlockedMessage } from '../types';
 import { createTestLocale, renderWithLocalization } from './utils/testUtils';
 /* @conditional-compile-remove(date-time-customization) @conditional-compile-remove(data-loss-prevention) */
 import { COMPONENT_LOCALE_EN_US } from '../localization/locales';
-/* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
+/* @conditional-compile-remove(teams-inline-images-and-file-sharing) @conditional-compile-remove(mention)*/
 import { waitFor } from '@testing-library/react';
 /* @conditional-compile-remove(data-loss-prevention) */ /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
 import { registerIcons } from '@fluentui/react';

packages/react-composites/src/composites/ChatComposite/adapter/AzureCommunicationChatAdapter.ts

@@ -35,7 +35,7 @@ import {
 /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
 import { ResourceDetails } from './ChatAdapter';
 import { AdapterError } from '../../common/adapters';
-/* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
+/* @conditional-compile-remove(file-sharing) */
 import { FileUploadAdapter, convertFileUploadsUiStateToMessageMetadata } from './AzureCommunicationFileUploadAdapter';
 /* @conditional-compile-remove(file-sharing) */
 import { AzureCommunicationFileUploadAdapter } from './AzureCommunicationFileUploadAdapter';