@azure/communication-react 1.30.0 → 1.31.0-beta.1

package/dist/dist-esm/react-composites/src/composites/ChatComposite/ImageUpload/ImageUploadUtils.js

@@ -0,0 +1,267 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT License.
+import { _IMAGE_ATTRIBUTE_INLINE_IMAGE_FILE_NAME_KEY } from "../../../../../acs-ui-common/src";
+import { AttachmentUploadActionType } from '../file-sharing/AttachmentUpload';
+import { _DEFAULT_INLINE_IMAGE_FILE_NAME, SEND_BOX_UPLOADS_KEY_VALUE } from '../../common/constants';
+import { nanoid } from 'nanoid';
+const MAX_INLINE_IMAGE_UPLOAD_SIZE_MB = 20;
+const fetchBlobData = (resource, options) => __awaiter(void 0, void 0, void 0, function* () {
+    // default timeout is 30 seconds
+    const { timeout = 30000, abortController } = options;
+    const id = setTimeout(() => {
+        abortController.abort();
+    }, timeout);
+    const response = yield fetch(resource, Object.assign(Object.assign({}, options), { signal: abortController.signal }));
+    clearTimeout(id);
+    return response;
+});
+/**
+ * @private
+ */
+export const getInlineImageData = (image) => __awaiter(void 0, void 0, void 0, function* () {
+    if (image.startsWith('blob') || image.startsWith('http')) {
+        try {
+            const res = yield fetchBlobData(image, {
+                abortController: new AbortController()
+            });
+            const blobImage = yield res.blob();
+            return blobImage;
+        }
+        catch (error) {
+            console.error('Error fetching image data', error);
+            return;
+        }
+    }
+    return;
+});
+/**
+ * @internal
+ */
+export const getEditBoxMessagesInlineImages = (editBoxInlineImageUploads) => {
+    if (!editBoxInlineImageUploads) {
+        return;
+    }
+    const messagesInlineImagesWithProgress = {};
+    Object.entries(editBoxInlineImageUploads || {}).map(([messageId, attachmentUploads]) => {
+        const messageUploads = attachmentUploads.map(upload => {
+            return upload.metadata;
+        });
+        messagesInlineImagesWithProgress[messageId] = messageUploads;
+    });
+    return messagesInlineImagesWithProgress;
+};
+/**
+ * @internal
+ */
+export const getSendBoxInlineImages = (sendBoxInlineImageUploads) => {
+    var _a;
+    if (!sendBoxInlineImageUploads) {
+        return;
+    }
+    return (_a = sendBoxInlineImageUploads[SEND_BOX_UPLOADS_KEY_VALUE]) === null || _a === void 0 ? void 0 : _a.map(upload => upload.metadata);
+};
+const inlineImageUploadHandler = (uploadTasks, adapter, strings) => __awaiter(void 0, void 0, void 0, function* () {
+    var _a, _b, _c;
+    for (const task of uploadTasks) {
+        const uploadTask = task;
+        const image = uploadTask.image;
+        if (!image) {
+            uploadTask.notifyUploadFailed(strings.uploadImageDataNotProvided);
+            continue;
+        }
+        if (image && image.size > MAX_INLINE_IMAGE_UPLOAD_SIZE_MB * 1024 * 1024) {
+            uploadTask.notifyUploadFailed(strings.uploadImageIsTooLarge.replace('{maxImageSize}', `${MAX_INLINE_IMAGE_UPLOAD_SIZE_MB}`));
+            continue;
+        }
+        const SUPPORTED_FILES = ['jpg', 'jpeg', 'png', 'gif', 'heic', 'webp'];
+        const imageExtension = (_b = (_a = task.metadata) === null || _a === void 0 ? void 0 : _a.name.split('.').pop()) !== null && _b !== void 0 ? _b : '';
+        if (!SUPPORTED_FILES.includes(imageExtension)) {
+            uploadTask.notifyUploadFailed(strings.uploadImageExtensionIsNotAllowed.replace('{imageExtension}', imageExtension));
+            continue;
+        }
+        try {
+            const response = yield adapter.uploadImage(image, (_c = task.metadata) === null || _c === void 0 ? void 0 : _c.name);
+            // Use response id as the image src because we need to keep the original image id as a reference to find the image.
+            // Also the html content we send to ChatSDK does not need image src,
+            // it only need the response id to match the uploaded image, url is not needed.
+            uploadTask.notifyUploadCompleted(task.metadata.id, response.id);
+        }
+        catch (error) {
+            console.error(error);
+            uploadTask.notifyUploadFailed(strings.uploadImageFailed);
+        }
+    }
+});
+const generateUploadTask = (imageAttributes, fileName, messageId, inlineImageUploadActionHandler) => __awaiter(void 0, void 0, void 0, function* () {
+    if (!imageAttributes.src) {
+        console.error('Cannot upload image - Image src is not provided');
+        return;
+    }
+    if (!imageAttributes.id) {
+        console.error('Cannot upload image - Image id is not provided');
+        return;
+    }
+    const imageData = yield getInlineImageData(imageAttributes.src);
+    if (!imageData) {
+        return;
+    }
+    const taskId = nanoid();
+    const uploadTask = {
+        image: imageData,
+        taskId,
+        metadata: {
+            id: imageAttributes.id,
+            name: fileName,
+            url: imageAttributes.src,
+            progress: 0
+        },
+        notifyUploadProgressChanged: (value) => {
+            inlineImageUploadActionHandler({
+                type: AttachmentUploadActionType.Progress,
+                taskId,
+                progress: value,
+                messageId
+            });
+        },
+        notifyUploadCompleted: (id, url) => {
+            inlineImageUploadActionHandler({
+                type: AttachmentUploadActionType.Completed,
+                taskId,
+                id,
+                url,
+                messageId
+            });
+        },
+        notifyUploadFailed: (message) => {
+            inlineImageUploadActionHandler({
+                type: AttachmentUploadActionType.Failed,
+                taskId,
+                message,
+                messageId
+            });
+            // remove the failed upload task when error banner is auto dismissed after 10 seconds
+            // so the banner won't be shown again on UI re-rendering.
+            setTimeout(() => {
+                inlineImageUploadActionHandler({
+                    type: AttachmentUploadActionType.Remove,
+                    id: taskId,
+                    messageId
+                });
+            }, 10 * 1000);
+        }
+    };
+    return uploadTask;
+});
+/**
+ * @internal
+ */
+export const onInsertInlineImageForEditBox = (imageAttributes, fileName, messageId, adapter, handleEditBoxInlineImageUploadAction, chatCompositeStrings) => __awaiter(void 0, void 0, void 0, function* () {
+    const uploadTask = yield generateUploadTask(imageAttributes, fileName, messageId, handleEditBoxInlineImageUploadAction);
+    if (!uploadTask) {
+        return;
+    }
+    handleEditBoxInlineImageUploadAction({
+        type: AttachmentUploadActionType.Set,
+        newUploads: [uploadTask],
+        messageId
+    });
+    inlineImageUploadHandler([uploadTask], adapter, chatCompositeStrings);
+});
+/**
+ * @internal
+ */
+export const onInsertInlineImageForSendBox = (imageAttributes, fileName, adapter, handleSendBoxInlineImageUploadAction, chatCompositeStrings) => __awaiter(void 0, void 0, void 0, function* () {
+    const uploadTask = yield generateUploadTask(imageAttributes, fileName, SEND_BOX_UPLOADS_KEY_VALUE, handleSendBoxInlineImageUploadAction);
+    if (!uploadTask) {
+        return;
+    }
+    handleSendBoxInlineImageUploadAction({
+        type: AttachmentUploadActionType.Set,
+        newUploads: [uploadTask],
+        messageId: SEND_BOX_UPLOADS_KEY_VALUE
+    });
+    inlineImageUploadHandler([uploadTask], adapter, chatCompositeStrings);
+});
+/**
+ * @internal
+ */
+export const cancelInlineImageUpload = (imageAttributes, imageUploads, messageId, inlineImageUploadActionHandler, adapter) => {
+    var _a;
+    if (!imageAttributes.id) {
+        console.error('Cannot cancel image upload - Image id is not provided');
+        return;
+    }
+    if (!imageUploads || !imageUploads[messageId]) {
+        deleteExistingInlineImageForEditBox(imageAttributes.id, messageId, adapter);
+        return;
+    }
+    const imageUpload = (_a = imageUploads[messageId]) === null || _a === void 0 ? void 0 : _a.find(upload => upload.metadata.id === imageAttributes.id);
+    if (!imageUpload || !(imageUpload === null || imageUpload === void 0 ? void 0 : imageUpload.metadata.id)) {
+        deleteExistingInlineImageForEditBox(imageAttributes.id, messageId, adapter);
+        return;
+    }
+    inlineImageUploadActionHandler({
+        type: AttachmentUploadActionType.Remove,
+        id: imageUpload === null || imageUpload === void 0 ? void 0 : imageUpload.metadata.id,
+        messageId
+    });
+    if ((imageUpload === null || imageUpload === void 0 ? void 0 : imageUpload.metadata.progress) === 1 && (imageUpload === null || imageUpload === void 0 ? void 0 : imageUpload.metadata.url)) {
+        // The image id that we got back from the ChatSDK response is stored in the image src attribute,
+        // while the metadata id is the internal image id that we assigned to the image when it was pasted in.
+        deleteInlineImageFromServer(imageUpload === null || imageUpload === void 0 ? void 0 : imageUpload.metadata.url, adapter);
+    }
+};
+const deleteInlineImageFromServer = (imageId, adapter) => {
+    try {
+        adapter.deleteImage(imageId);
+    }
+    catch (error) {
+        console.error(error);
+    }
+}; // This function is used to delete the inline image that existed before editing starts
+const deleteExistingInlineImageForEditBox = (imageId, messageId, adapter) => {
+    if (messageId !== SEND_BOX_UPLOADS_KEY_VALUE) {
+        deleteInlineImageFromServer(imageId, adapter);
+    }
+};
+/**
+ * @internal
+ */
+export const updateContentStringWithUploadedInlineImages = (content, imageUploads, messageId = SEND_BOX_UPLOADS_KEY_VALUE) => {
+    if (!imageUploads || !imageUploads[messageId]) {
+        return content;
+    }
+    const messageUploads = imageUploads[messageId];
+    const document = new DOMParser().parseFromString(content !== null && content !== void 0 ? content : '', 'text/html');
+    document.querySelectorAll('img').forEach(img => {
+        var _a;
+        const uploadInlineImage = messageUploads === null || messageUploads === void 0 ? void 0 : messageUploads.find(upload => !upload.metadata.error && upload.metadata.progress === 1 && upload.metadata.id === img.id);
+        if (uploadInlineImage) {
+            // ChatSDK uses the respond id provided by the upload response. We store the response id in the image src attribute previously.
+            img.id = (_a = uploadInlineImage.metadata.url) !== null && _a !== void 0 ? _a : img.id;
+            img.src = '';
+        }
+    });
+    content = document.body.innerHTML;
+    return content;
+};
+/**
+ * @internal
+ */
+export const getImageFileNameFromAttributes = (imageAttributes) => {
+    const fileName = imageAttributes[_IMAGE_ATTRIBUTE_INLINE_IMAGE_FILE_NAME_KEY];
+    if (!fileName || fileName === '' || fileName === 'undefined' || fileName === 'null') {
+        return _DEFAULT_INLINE_IMAGE_FILE_NAME;
+    }
+    return fileName;
+};
+//# sourceMappingURL=ImageUploadUtils.js.map

package/dist/dist-esm/react-composites/src/composites/ChatComposite/ImageUpload/ImageUploadUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageUploadUtils.js","sourceRoot":"","sources":["../../../../../../../preprocess-dist/react-composites/src/composites/ChatComposite/ImageUpload/ImageUploadUtils.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\nimport { AttachmentMetadataInProgress, _IMAGE_ATTRIBUTE_INLINE_IMAGE_FILE_NAME_KEY } from '@internal/acs-ui-common';\nimport { AttachmentUpload, AttachmentUploadActionType, AttachmentUploadTask } from '../file-sharing/AttachmentUpload';\nimport { _DEFAULT_INLINE_IMAGE_FILE_NAME, SEND_BOX_UPLOADS_KEY_VALUE } from '../../common/constants';\nimport { ChatAdapter } from '../adapter/ChatAdapter';\nimport { Dispatch } from 'react';\nimport { ImageActions } from './ImageUploadReducer';\nimport { nanoid } from 'nanoid';\nimport { ChatCompositeStrings } from '../Strings';\nconst MAX_INLINE_IMAGE_UPLOAD_SIZE_MB = 20;\nconst fetchBlobData = async (resource: string | URL | Request, options: {\n  timeout?: number;\n  headers?: Headers;\n  abortController: AbortController;\n}): Promise<Response> => {\n  // default timeout is 30 seconds\n  const {\n    timeout = 30000,\n    abortController\n  } = options;\n  const id = setTimeout(() => {\n    abortController.abort();\n  }, timeout);\n  const response = await fetch(resource, {\n    ...options,\n    signal: abortController.signal\n  });\n  clearTimeout(id);\n  return response;\n};\n/**\n * @private\n */\nexport const getInlineImageData = async (image: string): Promise<Blob | undefined> => {\n  if (image.startsWith('blob') || image.startsWith('http')) {\n    try {\n      const res = await fetchBlobData(image, {\n        abortController: new AbortController()\n      });\n      const blobImage = await res.blob();\n      return blobImage;\n    } catch (error) {\n      console.error('Error fetching image data', error);\n      return;\n    }\n  }\n  return;\n};\n/**\n * @internal\n */\nexport const getEditBoxMessagesInlineImages = (editBoxInlineImageUploads: Record<string, AttachmentUpload[]> | undefined): Record<string, AttachmentMetadataInProgress[]> | undefined => {\n  if (!editBoxInlineImageUploads) {\n    return;\n  }\n  const messagesInlineImagesWithProgress: Record<string, AttachmentMetadataInProgress[]> = {};\n  Object.entries(editBoxInlineImageUploads || {}).map(([messageId, attachmentUploads]) => {\n    const messageUploads = attachmentUploads.map(upload => {\n      return upload.metadata;\n    });\n    messagesInlineImagesWithProgress[messageId] = messageUploads;\n  });\n  return messagesInlineImagesWithProgress;\n};\n/**\n * @internal\n */\nexport const getSendBoxInlineImages = (sendBoxInlineImageUploads: Record<string, AttachmentUpload[]> | undefined): AttachmentMetadataInProgress[] | undefined => {\n  if (!sendBoxInlineImageUploads) {\n    return;\n  }\n  return sendBoxInlineImageUploads[SEND_BOX_UPLOADS_KEY_VALUE]?.map(upload => upload.metadata);\n};\nconst inlineImageUploadHandler = async (uploadTasks: AttachmentUpload[], adapter: ChatAdapter, strings: ChatCompositeStrings): Promise<void> => {\n  for (const task of uploadTasks) {\n    const uploadTask = task as AttachmentUploadTask;\n    const image: Blob | undefined = uploadTask.image;\n    if (!image) {\n      uploadTask.notifyUploadFailed(strings.uploadImageDataNotProvided);\n      continue;\n    }\n    if (image && image.size > MAX_INLINE_IMAGE_UPLOAD_SIZE_MB * 1024 * 1024) {\n      uploadTask.notifyUploadFailed(strings.uploadImageIsTooLarge.replace('{maxImageSize}', `${MAX_INLINE_IMAGE_UPLOAD_SIZE_MB}`));\n      continue;\n    }\n    const SUPPORTED_FILES: Array<string> = ['jpg', 'jpeg', 'png', 'gif', 'heic', 'webp'];\n    const imageExtension = task.metadata?.name.split('.').pop() ?? '';\n    if (!SUPPORTED_FILES.includes(imageExtension)) {\n      uploadTask.notifyUploadFailed(strings.uploadImageExtensionIsNotAllowed.replace('{imageExtension}', imageExtension));\n      continue;\n    }\n    try {\n      const response = await adapter.uploadImage(image, task.metadata?.name);\n      // Use response id as the image src because we need to keep the original image id as a reference to find the image.\n      // Also the html content we send to ChatSDK does not need image src,\n      // it only need the response id to match the uploaded image, url is not needed.\n      uploadTask.notifyUploadCompleted(task.metadata.id, response.id);\n    } catch (error) {\n      console.error(error);\n      uploadTask.notifyUploadFailed(strings.uploadImageFailed);\n    }\n  }\n};\nconst generateUploadTask = async (imageAttributes: Record<string, string>, fileName: string, messageId: string, inlineImageUploadActionHandler: Dispatch<ImageActions>): Promise<AttachmentUpload | undefined> => {\n  if (!imageAttributes.src) {\n    console.error('Cannot upload image - Image src is not provided');\n    return;\n  }\n  if (!imageAttributes.id) {\n    console.error('Cannot upload image - Image id is not provided');\n    return;\n  }\n  const imageData = await getInlineImageData(imageAttributes.src);\n  if (!imageData) {\n    return;\n  }\n  const taskId = nanoid();\n  const uploadTask: AttachmentUpload = {\n    image: imageData,\n    taskId,\n    metadata: {\n      id: imageAttributes.id,\n      name: fileName,\n      url: imageAttributes.src,\n      progress: 0\n    },\n    notifyUploadProgressChanged: (value: number) => {\n      inlineImageUploadActionHandler({\n        type: AttachmentUploadActionType.Progress,\n        taskId,\n        progress: value,\n        messageId\n      });\n    },\n    notifyUploadCompleted: (id: string, url: string) => {\n      inlineImageUploadActionHandler({\n        type: AttachmentUploadActionType.Completed,\n        taskId,\n        id,\n        url,\n        messageId\n      });\n    },\n    notifyUploadFailed: (message: string) => {\n      inlineImageUploadActionHandler({\n        type: AttachmentUploadActionType.Failed,\n        taskId,\n        message,\n        messageId\n      });\n      // remove the failed upload task when error banner is auto dismissed after 10 seconds\n      // so the banner won't be shown again on UI re-rendering.\n      setTimeout(() => {\n        inlineImageUploadActionHandler({\n          type: AttachmentUploadActionType.Remove,\n          id: taskId,\n          messageId\n        });\n      }, 10 * 1000);\n    }\n  };\n  return uploadTask;\n};\n/**\n * @internal\n */\nexport const onInsertInlineImageForEditBox = async (imageAttributes: Record<string, string>, fileName: string, messageId: string, adapter: ChatAdapter, handleEditBoxInlineImageUploadAction: Dispatch<ImageActions>, chatCompositeStrings: ChatCompositeStrings): Promise<void> => {\n  const uploadTask: AttachmentUpload | undefined = await generateUploadTask(imageAttributes, fileName, messageId, handleEditBoxInlineImageUploadAction);\n  if (!uploadTask) {\n    return;\n  }\n  handleEditBoxInlineImageUploadAction({\n    type: AttachmentUploadActionType.Set,\n    newUploads: [uploadTask],\n    messageId\n  });\n  inlineImageUploadHandler([uploadTask], adapter, chatCompositeStrings);\n};\n/**\n * @internal\n */\nexport const onInsertInlineImageForSendBox = async (imageAttributes: Record<string, string>, fileName: string, adapter: ChatAdapter, handleSendBoxInlineImageUploadAction: Dispatch<ImageActions>, chatCompositeStrings: ChatCompositeStrings): Promise<void> => {\n  const uploadTask: AttachmentUpload | undefined = await generateUploadTask(imageAttributes, fileName, SEND_BOX_UPLOADS_KEY_VALUE, handleSendBoxInlineImageUploadAction);\n  if (!uploadTask) {\n    return;\n  }\n  handleSendBoxInlineImageUploadAction({\n    type: AttachmentUploadActionType.Set,\n    newUploads: [uploadTask],\n    messageId: SEND_BOX_UPLOADS_KEY_VALUE\n  });\n  inlineImageUploadHandler([uploadTask], adapter, chatCompositeStrings);\n};\n/**\n * @internal\n */\nexport const cancelInlineImageUpload = (imageAttributes: Record<string, string>, imageUploads: Record<string, AttachmentUpload[]> | undefined, messageId: string, inlineImageUploadActionHandler: Dispatch<ImageActions>, adapter: ChatAdapter): void => {\n  if (!imageAttributes.id) {\n    console.error('Cannot cancel image upload - Image id is not provided');\n    return;\n  }\n  if (!imageUploads || !imageUploads[messageId]) {\n    deleteExistingInlineImageForEditBox(imageAttributes.id, messageId, adapter);\n    return;\n  }\n  const imageUpload = imageUploads[messageId]?.find(upload => upload.metadata.id === imageAttributes.id);\n  if (!imageUpload || !imageUpload?.metadata.id) {\n    deleteExistingInlineImageForEditBox(imageAttributes.id, messageId, adapter);\n    return;\n  }\n  inlineImageUploadActionHandler({\n    type: AttachmentUploadActionType.Remove,\n    id: imageUpload?.metadata.id,\n    messageId\n  });\n  if (imageUpload?.metadata.progress === 1 && imageUpload?.metadata.url) {\n    // The image id that we got back from the ChatSDK response is stored in the image src attribute,\n    // while the metadata id is the internal image id that we assigned to the image when it was pasted in.\n    deleteInlineImageFromServer(imageUpload?.metadata.url, adapter);\n  }\n};\nconst deleteInlineImageFromServer = (imageId: string, adapter: ChatAdapter): void => {\n  try {\n    adapter.deleteImage(imageId);\n  } catch (error) {\n    console.error(error);\n  }\n}; // This function is used to delete the inline image that existed before editing starts\nconst deleteExistingInlineImageForEditBox = (imageId: string, messageId: string, adapter: ChatAdapter): void => {\n  if (messageId !== SEND_BOX_UPLOADS_KEY_VALUE) {\n    deleteInlineImageFromServer(imageId, adapter);\n  }\n};\n/**\n * @internal\n */\nexport const updateContentStringWithUploadedInlineImages = (content: string, imageUploads: Record<string, AttachmentUpload[]> | undefined, messageId: string = SEND_BOX_UPLOADS_KEY_VALUE): string => {\n  if (!imageUploads || !imageUploads[messageId]) {\n    return content;\n  }\n  const messageUploads = imageUploads[messageId];\n  const document = new DOMParser().parseFromString(content ?? '', 'text/html');\n  document.querySelectorAll('img').forEach(img => {\n    const uploadInlineImage = messageUploads?.find(upload => !upload.metadata.error && upload.metadata.progress === 1 && upload.metadata.id === img.id);\n    if (uploadInlineImage) {\n      // ChatSDK uses the respond id provided by the upload response. We store the response id in the image src attribute previously.\n      img.id = uploadInlineImage.metadata.url ?? img.id;\n      img.src = '';\n    }\n  });\n  content = document.body.innerHTML;\n  return content;\n};\n/**\n * @internal\n */\nexport const getImageFileNameFromAttributes = (imageAttributes: Record<string, string>): string => {\n  const fileName = imageAttributes[_IMAGE_ATTRIBUTE_INLINE_IMAGE_FILE_NAME_KEY];\n  if (!fileName || fileName === '' || fileName === 'undefined' || fileName === 'null') {\n    return _DEFAULT_INLINE_IMAGE_FILE_NAME;\n  }\n  return fileName;\n};"]}

package/dist/dist-esm/react-composites/src/composites/ChatComposite/Strings.d.ts

@@ -10,5 +10,25 @@ export interface ChatCompositeStrings {
      * Chat list header text
      */
     chatListHeader: string;
+    /**
+     * Upload Attachment Button text
+     */
+    uploadAttachment: string;
+    /**
+     * Error Message for image data is not provided for image upload
+     */
+    uploadImageDataNotProvided: string;
+    /**
+     * Error Message for upload image is too large
+     */
+    uploadImageIsTooLarge: string;
+    /**
+     * Error Message for unsupported image extension for image upload
+     */
+    uploadImageExtensionIsNotAllowed: string;
+    /**
+     * Error Message for unable to upload image
+     */
+    uploadImageFailed: string;
 }
 //# sourceMappingURL=Strings.d.ts.map

package/dist/dist-esm/react-composites/src/composites/ChatComposite/Strings.js.map

@@ -1 +1 @@
-{"version":3,"file":"Strings.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-composites/src/composites/ChatComposite/Strings.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/**\n * Strings used by the {@link ChatComposite} directly.\n *\n * This strings are in addition to those used by the components from the component library.\n *\n * @public\n */\nexport interface ChatCompositeStrings {\n  /**\n   * Chat list header text\n   */\n  chatListHeader: string;\n}"]}
+{"version":3,"file":"Strings.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-composites/src/composites/ChatComposite/Strings.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/**\n * Strings used by the {@link ChatComposite} directly.\n *\n * This strings are in addition to those used by the components from the component library.\n *\n * @public\n */\nexport interface ChatCompositeStrings {\n  /**\n   * Chat list header text\n   */\n  chatListHeader: string;\n  /**\n   * Upload Attachment Button text\n   */\n  uploadAttachment: string;\n  /**\n   * Error Message for image data is not provided for image upload\n   */\n  uploadImageDataNotProvided: string;\n  /**\n   * Error Message for upload image is too large\n   */\n  uploadImageIsTooLarge: string;\n  /**\n   * Error Message for unsupported image extension for image upload\n   */\n  uploadImageExtensionIsNotAllowed: string;\n  /**\n   * Error Message for unable to upload image\n   */\n  uploadImageFailed: string;\n}"]}

package/dist/dist-esm/react-composites/src/composites/ChatComposite/adapter/AzureCommunicationChatAdapter.d.ts

@@ -1,10 +1,12 @@
 import { ChatClientState, StatefulChatClient } from "../../../../../chat-stateful-client/src";
 import { ChatThreadClient, SendMessageOptions } from '@azure/communication-chat';
 import { CommunicationTokenCredential, CommunicationUserIdentifier } from '@azure/communication-common';
+import type { UploadChatImageResult } from "../../../../../acs-ui-common/src";
 import { _TelemetryImplementationHint } from "../../../../../acs-ui-common/src";
 import { ChatAdapter, ChatAdapterState, MessageDeletedListener, MessageEditedListener, MessageReadListener, MessageReceivedListener, ParticipantsAddedListener, ParticipantsRemovedListener, TopicChangedListener } from './ChatAdapter';
 import { ResourceDetails } from './ChatAdapter';
 import { AdapterError } from '../../common/adapters';
+import { MessageOptions } from "../../../../../acs-ui-common/src";
 import type { OnFetchChatProfileCallback } from './OnFetchProfileCallback';
 /**
  * @private
@@ -54,13 +56,15 @@ export declare class AzureCommunicationChatAdapter implements ChatAdapter {
     getState(): ChatAdapterState;
     onStateChange(handler: (state: ChatAdapterState) => void): void;
     offStateChange(handler: (state: ChatAdapterState) => void): void;
-    sendMessage(content: string, options?: SendMessageOptions): Promise<void>;
+    sendMessage(content: string, options?: SendMessageOptions | MessageOptions): Promise<void>;
+    uploadImage(image: Blob, imageFilename: string): Promise<UploadChatImageResult>;
+    deleteImage(imageId: string): Promise<void>;
     sendReadReceipt(chatMessageId: string): Promise<void>;
     sendTypingIndicator(): Promise<void>;
     removeParticipant(userId: string): Promise<void>;
     setTopic(topicName: string): Promise<void>;
     loadPreviousChatMessages(messagesToLoad: number): Promise<boolean>;
-    updateMessage(messageId: string, content: string, options?: Record<string, string>): Promise<void>;
+    updateMessage(messageId: string, content: string, options?: Record<string, string> | MessageOptions): Promise<void>;
     deleteMessage(messageId: string): Promise<void>;
     downloadResourceToCache(resourceDetails: ResourceDetails): Promise<void>;
     removeResourceFromCache(resourceDetails: ResourceDetails): void;

package/dist/dist-esm/react-composites/src/composites/ChatComposite/adapter/AzureCommunicationChatAdapter.js

@@ -74,6 +74,7 @@ export class ChatContext {
             thread,
             latestErrors: clientState.latestErrors
         };
+        updatedState = Object.assign({}, updatedState);
         this.setState(updatedState);
     }
 }
@@ -106,6 +107,8 @@ export class AzureCommunicationChatAdapter {
         this.dispose = this.dispose.bind(this);
         this.fetchInitialData = this.fetchInitialData.bind(this);
         this.sendMessage = this.sendMessage.bind(this);
+        this.uploadImage = this.uploadImage.bind(this);
+        this.deleteImage = this.deleteImage.bind(this);
         this.sendReadReceipt = this.sendReadReceipt.bind(this);
         this.sendTypingIndicator = this.sendTypingIndicator.bind(this);
         this.updateMessage = this.updateMessage.bind(this);
@@ -166,6 +169,20 @@ export class AzureCommunicationChatAdapter {
             }));
         });
     }
+    uploadImage(image, imageFilename) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this.asyncTeeErrorToEventEmitter(() => __awaiter(this, void 0, void 0, function* () {
+                return yield this.handlers.onUploadImage(image, imageFilename);
+            }));
+        });
+    }
+    deleteImage(imageId) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this.asyncTeeErrorToEventEmitter(() => __awaiter(this, void 0, void 0, function* () {
+                return yield this.handlers.onDeleteImage(imageId);
+            }));
+        });
+    }
     sendReadReceipt(chatMessageId) {
         return __awaiter(this, void 0, void 0, function* () {
             yield this.asyncTeeErrorToEventEmitter(() => __awaiter(this, void 0, void 0, function* () {
@@ -204,6 +221,25 @@ export class AzureCommunicationChatAdapter {
     updateMessage(messageId, content, options) {
         return __awaiter(this, void 0, void 0, function* () {
             return yield this.asyncTeeErrorToEventEmitter(() => __awaiter(this, void 0, void 0, function* () {
+                var _a;
+                const messageOptions = {};
+                if (options && (
+                // if options.attachments is an array or undefined (for removal all attachments),
+                // then given options is a MessageOptions
+                Array.isArray(options.attachments) || options.attachments === undefined)) {
+                    messageOptions.attachments = (_a = options.attachments) !== null && _a !== void 0 ? _a : [];
+                }
+                if (options &&
+                    // if options.metadata is provided, we need to add it in MessageOptions
+                    options.metadata && typeof options.metadata === 'object') {
+                    messageOptions.metadata = options.metadata;
+                }
+                if (options && !('attachments' in options) && !('metadata' in options)) {
+                    // if options don't have attachments or metadata,
+                    // then it is a Record<string, string>
+                    return yield this.handlers.onUpdateMessage(messageId, content, options);
+                }
+                return yield this.handlers.onUpdateMessage(messageId, content, messageOptions);
                 // metadata is never used in the current stable
                 return yield this.handlers.onUpdateMessage(messageId, content);
             }));