@azure/communication-react 1.18.0-beta.1 → 1.19.0-alpha-202407230014

package/dist/dist-esm/react-composites/src/composites/ChatComposite/ChatScreenPeoplePane.js

@@ -13,6 +13,6 @@ export const ChatScreenPeoplePane = (props) => {
     const locale = useLocale();
     const chatListHeader = locale.strings.chat.chatListHeader;
     const participantListProps = usePropsFor(ParticipantList);
-    return React.createElement(ParticipantContainer, { participantListProps: participantListProps, title: chatListHeader, onFetchAvatarPersonaData: onFetchAvatarPersonaData, onFetchParticipantMenuItems: onFetchParticipantMenuItems, isMobile: isMobile });
+    return (React.createElement(ParticipantContainer, { participantListProps: participantListProps, title: chatListHeader, onFetchAvatarPersonaData: onFetchAvatarPersonaData, onFetchParticipantMenuItems: onFetchParticipantMenuItems, isMobile: isMobile }));
 };
 //# sourceMappingURL=ChatScreenPeoplePane.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ChatScreenPeoplePane.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-composites/src/composites/ChatComposite/ChatScreenPeoplePane.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,eAAe,EAAgC,yCAAmC;AAC3F,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AACtE,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAYlD;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,KAAgC,EAAe,EAAE;IACpF,MAAM,EACJ,wBAAwB,EACxB,2BAA2B,EAC3B,QAAQ,EACT,GAAG,KAAK,CAAC;IACV,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,MAAM,cAAc,GAAG,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,cAAc,CAAC;IAC1D,MAAM,oBAAoB,GAAG,WAAW,CAAC,eAAe,CAAC,CAAC;IAC1D,OAAO,oBAAC,oBAAoB,IAAC,oBAAoB,EAAE,oBAAoB,EAAE,KAAK,EAAE,cAAc,EAAE,wBAAwB,EAAE,wBAAwB,EAAE,2BAA2B,EAAE,2BAA2B,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAAC;AACvO,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { ParticipantList, ParticipantMenuItemsCallback } from '@internal/react-components';\nimport React from 'react';\nimport { AvatarPersonaDataCallback } from '..';\nimport { ParticipantContainer } from '../common/ParticipantContainer';\nimport { useLocale } from '../localization';\nimport { usePropsFor } from './hooks/usePropsFor';\n\n/**\n * Props for the chat screen people pane\n * @private\n */\ntype ChatScreenPeoplePaneProps = {\n  onFetchAvatarPersonaData?: AvatarPersonaDataCallback;\n  onFetchParticipantMenuItems?: ParticipantMenuItemsCallback;\n  isMobile?: boolean;\n};\n\n/**\n * @private\n */\nexport const ChatScreenPeoplePane = (props: ChatScreenPeoplePaneProps): JSX.Element => {\n  const {\n    onFetchAvatarPersonaData,\n    onFetchParticipantMenuItems,\n    isMobile\n  } = props;\n  const locale = useLocale();\n  const chatListHeader = locale.strings.chat.chatListHeader;\n  const participantListProps = usePropsFor(ParticipantList);\n  return <ParticipantContainer participantListProps={participantListProps} title={chatListHeader} onFetchAvatarPersonaData={onFetchAvatarPersonaData} onFetchParticipantMenuItems={onFetchParticipantMenuItems} isMobile={isMobile} />;\n};"]}
+{"version":3,"file":"ChatScreenPeoplePane.js","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/ChatComposite/ChatScreenPeoplePane.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,eAAe,EAAgC,yCAAmC;AAC3F,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AACtE,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAYlD;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,KAAgC,EAAe,EAAE;IACpF,MAAM,EAAE,wBAAwB,EAAE,2BAA2B,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAClF,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,MAAM,cAAc,GAAG,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,cAAc,CAAC;IAC1D,MAAM,oBAAoB,GAAG,WAAW,CAAC,eAAe,CAAC,CAAC;IAE1D,OAAO,CACL,oBAAC,oBAAoB,IACnB,oBAAoB,EAAE,oBAAoB,EAC1C,KAAK,EAAE,cAAc,EACrB,wBAAwB,EAAE,wBAAwB,EAClD,2BAA2B,EAAE,2BAA2B,EACxD,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { ParticipantList, ParticipantMenuItemsCallback } from '@internal/react-components';\nimport React from 'react';\nimport { AvatarPersonaDataCallback } from '..';\nimport { ParticipantContainer } from '../common/ParticipantContainer';\nimport { useLocale } from '../localization';\nimport { usePropsFor } from './hooks/usePropsFor';\n\n/**\n * Props for the chat screen people pane\n * @private\n */\ntype ChatScreenPeoplePaneProps = {\n  onFetchAvatarPersonaData?: AvatarPersonaDataCallback;\n  onFetchParticipantMenuItems?: ParticipantMenuItemsCallback;\n  isMobile?: boolean;\n};\n\n/**\n * @private\n */\nexport const ChatScreenPeoplePane = (props: ChatScreenPeoplePaneProps): JSX.Element => {\n  const { onFetchAvatarPersonaData, onFetchParticipantMenuItems, isMobile } = props;\n  const locale = useLocale();\n  const chatListHeader = locale.strings.chat.chatListHeader;\n  const participantListProps = usePropsFor(ParticipantList);\n\n  return (\n    <ParticipantContainer\n      participantListProps={participantListProps}\n      title={chatListHeader}\n      onFetchAvatarPersonaData={onFetchAvatarPersonaData}\n      onFetchParticipantMenuItems={onFetchParticipantMenuItems}\n      isMobile={isMobile}\n    />\n  );\n};\n"]}

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

@@ -0,0 +1,49 @@
+import { Action, AttachmentUpload, AttachmentUploadActionType, ProgressAction, CompleteAction, FailedAction, RemoveAction, ClearAction } from '../file-sharing/AttachmentUpload';
+/**
+ * @private
+ */
+export interface ImageAction {
+    messageId: string;
+}
+/**
+ * @private
+ */
+interface ImageSetAction extends Action, ImageAction {
+    type: AttachmentUploadActionType.Set;
+    newUploads: AttachmentUpload[];
+}
+/**
+ * @private
+ */
+interface ImageProgressAction extends ProgressAction, ImageAction {
+}
+/**
+ * @private
+ */
+interface ImageCompleteAction extends CompleteAction, ImageAction {
+}
+/**
+ * @private
+ */
+interface ImageFailedAction extends FailedAction, ImageAction {
+}
+/**
+ * @private
+ */
+interface ImageRemoveAction extends RemoveAction, ImageAction {
+}
+/**
+ * @private
+ */
+interface ImageClearAction extends ClearAction, ImageAction {
+}
+/**
+ * @private
+ */
+export type ImageActions = ImageSetAction | ImageProgressAction | ImageCompleteAction | ImageFailedAction | ImageRemoveAction | ImageClearAction;
+/**
+ * @internal
+ */
+export declare const ImageUploadReducer: (state: Record<string, AttachmentUpload[]> | undefined, action: ImageActions) => Record<string, AttachmentUpload[]> | undefined;
+export {};
+//# sourceMappingURL=ImageUploadReducer.d.ts.map

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

@@ -0,0 +1,48 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT License.
+/* @conditional-compile-remove(rich-text-editor-image-upload) */
+import { AttachmentUploadActionType } from '../file-sharing/AttachmentUpload';
+/* @conditional-compile-remove(rich-text-editor-image-upload) */
+/**
+ * @internal
+ */
+export const ImageUploadReducer = (state, action) => {
+    const messageId = action.messageId;
+    const messageState = state && state[messageId];
+    switch (action.type) {
+        case AttachmentUploadActionType.Set:
+            if (!messageState || messageState.length === 0) {
+                return Object.assign(Object.assign({}, state), { [messageId]: action.newUploads });
+            }
+            return Object.assign(Object.assign({}, state), { [messageId]: messageState.filter((v) => !v.metadata.error).concat(action.newUploads) });
+        case AttachmentUploadActionType.Completed:
+            if (!messageState) {
+                return state;
+            }
+            return Object.assign(Object.assign({}, state), { [messageId]: messageState.map((v) => v.taskId === action.taskId
+                    ? Object.assign(Object.assign({}, v), { metadata: Object.assign(Object.assign({}, v.metadata), { id: action.id, url: action.url, progress: 1 }) }) : v) });
+        case AttachmentUploadActionType.Failed:
+            if (!messageState) {
+                return state;
+            }
+            return Object.assign(Object.assign({}, state), { [messageId]: messageState.map((v) => v.taskId === action.taskId
+                    ? Object.assign(Object.assign({}, v), { metadata: Object.assign(Object.assign({}, v.metadata), { error: {
+                                message: action.message
+                            } }) }) : v) });
+        case AttachmentUploadActionType.Remove:
+            if (!messageState) {
+                return state;
+            }
+            return Object.assign(Object.assign({}, state), { [messageId]: messageState.filter((v) => !v.metadata.error).filter((v) => v.metadata.id !== action.id) });
+        case AttachmentUploadActionType.Progress:
+            if (!messageState) {
+                return state;
+            }
+            return Object.assign(Object.assign({}, state), { [messageId]: messageState.map((v) => v.taskId === action.taskId ? Object.assign(Object.assign({}, v), { metadata: Object.assign(Object.assign({}, v.metadata), { progress: action.progress }) }) : v) });
+        case AttachmentUploadActionType.Clear:
+            return Object.assign(Object.assign({}, state), { [messageId]: [] });
+        default:
+            return state;
+    }
+};
+//# sourceMappingURL=ImageUploadReducer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ImageUploadReducer.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/ChatComposite/ImageUpload/ImageUploadReducer.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/* @conditional-compile-remove(rich-text-editor-image-upload) */\nimport {\n  Action,\n  AttachmentUpload,\n  AttachmentUploadActionType,\n  ProgressAction,\n  CompleteAction,\n  FailedAction,\n  RemoveAction,\n  ClearAction\n} from '../file-sharing/AttachmentUpload';\n\n/* @conditional-compile-remove(rich-text-editor-image-upload) */\n/**\n * @private\n */\nexport interface ImageAction {\n  messageId: string;\n}\n/* @conditional-compile-remove(rich-text-editor-image-upload) */\n/**\n * @private\n */\ninterface ImageSetAction extends Action, ImageAction {\n  type: AttachmentUploadActionType.Set;\n  newUploads: AttachmentUpload[];\n}\n\n/* @conditional-compile-remove(rich-text-editor-image-upload) */\n/**\n * @private\n */\ninterface ImageProgressAction extends ProgressAction, ImageAction {}\n\n/* @conditional-compile-remove(rich-text-editor-image-upload) */\n/**\n * @private\n */\ninterface ImageCompleteAction extends CompleteAction, ImageAction {}\n\n/* @conditional-compile-remove(rich-text-editor-image-upload) */\n/**\n * @private\n */\ninterface ImageFailedAction extends FailedAction, ImageAction {}\n\n/* @conditional-compile-remove(rich-text-editor-image-upload) */\n/**\n * @private\n */\ninterface ImageRemoveAction extends RemoveAction, ImageAction {}\n\n/* @conditional-compile-remove(rich-text-editor-image-upload) */\n/**\n * @private\n */\ninterface ImageClearAction extends ClearAction, ImageAction {}\n\n/* @conditional-compile-remove(rich-text-editor-image-upload) */\n/**\n * @private\n */\nexport type ImageActions =\n  | ImageSetAction\n  | ImageProgressAction\n  | ImageCompleteAction\n  | ImageFailedAction\n  | ImageRemoveAction\n  | ImageClearAction;\n\n/* @conditional-compile-remove(rich-text-editor-image-upload) */\n/**\n * @internal\n */\nexport const ImageUploadReducer = (\n  state: Record<string, AttachmentUpload[]> | undefined,\n  action: ImageActions\n): Record<string, AttachmentUpload[]> | undefined => {\n  const messageId = action.messageId;\n  const messageState = state && state[messageId];\n  switch (action.type) {\n    case AttachmentUploadActionType.Set:\n      if (!messageState || messageState.length === 0) {\n        return { ...state, [messageId]: action.newUploads };\n      }\n      return {\n        ...state,\n        [messageId]: messageState.filter((v) => !v.metadata.error).concat(action.newUploads)\n      };\n\n    case AttachmentUploadActionType.Completed:\n      if (!messageState) {\n        return state;\n      }\n\n      return {\n        ...state,\n        [messageId]: messageState.map((v) =>\n          v.taskId === action.taskId\n            ? { ...v, metadata: { ...v.metadata, id: action.id, url: action.url, progress: 1 } }\n            : v\n        )\n      };\n\n    case AttachmentUploadActionType.Failed:\n      if (!messageState) {\n        return state;\n      }\n      return {\n        ...state,\n        [messageId]: messageState.map((v) =>\n          v.taskId === action.taskId\n            ? {\n                ...v,\n                metadata: {\n                  ...v.metadata,\n                  error: {\n                    message: action.message\n                  }\n                }\n              }\n            : v\n        )\n      };\n\n    case AttachmentUploadActionType.Remove:\n      if (!messageState) {\n        return state;\n      }\n      return {\n        ...state,\n        [messageId]: messageState.filter((v) => !v.metadata.error).filter((v) => v.metadata.id !== action.id)\n      };\n\n    case AttachmentUploadActionType.Progress:\n      if (!messageState) {\n        return state;\n      }\n      return {\n        ...state,\n        [messageId]: messageState.map((v) =>\n          v.taskId === action.taskId ? { ...v, metadata: { ...v.metadata, progress: action.progress } } : v\n        )\n      };\n\n    case AttachmentUploadActionType.Clear:\n      return { ...state, [messageId]: [] };\n    default:\n      return state;\n  }\n};\n"]}

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

@@ -0,0 +1,44 @@
+import { AttachmentMetadataInProgress } from "../../../../../acs-ui-common/src";
+import { AttachmentUpload } from '../file-sharing/AttachmentUpload';
+import { ChatAdapter } from '../adapter/ChatAdapter';
+import { Dispatch } from 'react';
+import { ImageActions } from './ImageUploadReducer';
+/**
+ * @private
+ */
+export declare const getInlineImageData: (image: string) => Promise<Blob | undefined>;
+/**
+ * @internal
+ */
+export declare const removeImageTags: (event: {
+    content: DocumentFragment;
+}) => void;
+/**
+ * @internal
+ */
+export declare const getEditBoxMessagesImageUploadsInProgress: (editBoxInlineImageUploads: Record<string, AttachmentUpload[]> | undefined) => Record<string, AttachmentMetadataInProgress[]> | undefined;
+/**
+ * @internal
+ */
+export declare const getSendBoxImageUploadsInProgress: (sendBoxInlineImageUploads: Record<string, AttachmentUpload[]> | undefined) => AttachmentMetadataInProgress[] | undefined;
+/**
+ * @internal
+ */
+export declare const onUploadInlineImageForEditBox: (image: string, fileName: string, messageId: string, adapter: ChatAdapter, handleEditBoxInlineImageUploadAction: Dispatch<ImageActions>) => Promise<void>;
+/**
+ * @internal
+ */
+export declare const onUploadInlineImageForSendBox: (image: string, fileName: string, adapter: ChatAdapter, handleSendBoxInlineImageUploadAction: Dispatch<ImageActions>) => Promise<void>;
+/**
+ * @internal
+ */
+export declare const cancelInlineImageUpload: (imageId: string, imageUpload: AttachmentUpload | undefined, messageId: string, inlineImageUploadActionHandler: Dispatch<ImageActions>, adapter: ChatAdapter) => void;
+/**
+ * @internal
+ */
+export declare const onCancelInlineImageUploadHandlerForEditBox: (imageId: string, messageId: string, editBoxInlineImageUploads: Record<string, AttachmentUpload[]> | undefined, adapter: ChatAdapter, handleEditBoxInlineImageUploadAction: Dispatch<ImageActions>) => void;
+/**
+ * @internal
+ */
+export declare const onCancelInlineImageUploadHandlerForSendBox: (imageId: string, sendBoxInlineImageUploads: Record<string, AttachmentUpload[]> | undefined, adapter: ChatAdapter, handleSendBoxInlineImageUploadAction: Dispatch<ImageActions>) => void;
+//# sourceMappingURL=ImageUploadUtils.d.ts.map

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

@@ -0,0 +1,245 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT License.
+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());
+    });
+};
+/* @conditional-compile-remove(rich-text-editor-image-upload) */
+import { AttachmentUploadActionType } from '../file-sharing/AttachmentUpload';
+/* @conditional-compile-remove(rich-text-editor-image-upload) */
+import { SEND_BOX_UPLOADS_KEY_VALUE } from '../../common/constants';
+/* @conditional-compile-remove(rich-text-editor-image-upload) */
+import { nanoid } from 'nanoid';
+/* @conditional-compile-remove(rich-text-editor-image-upload) */
+const MAX_INLINE_IMAGE_UPLOAD_SIZE_MB = 20;
+/* @conditional-compile-remove(rich-text-editor-image-upload) */
+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;
+});
+/* @conditional-compile-remove(rich-text-editor-image-upload) */
+/**
+ * @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;
+});
+/* @conditional-compile-remove(rich-text-editor-image-upload) */
+/**
+ * @internal
+ */
+export const removeImageTags = (event) => {
+    event.content.querySelectorAll('img').forEach((image) => {
+        // If the image is the only child of its parent, remove all the parents of this img element.
+        let parentNode = image.parentElement;
+        let currentNode = image;
+        while ((parentNode === null || parentNode === void 0 ? void 0 : parentNode.childNodes.length) === 1) {
+            currentNode = parentNode;
+            parentNode = parentNode.parentElement;
+        }
+        currentNode === null || currentNode === void 0 ? void 0 : currentNode.remove();
+    });
+};
+/* @conditional-compile-remove(rich-text-editor-image-upload) */
+/**
+ * @internal
+ */
+export const getEditBoxMessagesImageUploadsInProgress = (editBoxInlineImageUploads) => {
+    if (!editBoxInlineImageUploads) {
+        return;
+    }
+    const messageIds = Object.keys(editBoxInlineImageUploads || {});
+    const messagesImageUploadsInProgress = {};
+    messageIds.map((messageId) => {
+        const messageUploads = editBoxInlineImageUploads[messageId].map((upload) => {
+            return upload.metadata;
+        });
+        messagesImageUploadsInProgress[messageId] = messageUploads;
+    });
+    return messagesImageUploadsInProgress;
+};
+/* @conditional-compile-remove(rich-text-editor-image-upload) */
+/**
+ * @internal
+ */
+export const getSendBoxImageUploadsInProgress = (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);
+};
+/* @conditional-compile-remove(rich-text-editor-image-upload) */
+const inlineImageUploadHandler = (uploadTasks, adapter) => __awaiter(void 0, void 0, void 0, function* () {
+    var _a, _b, _c, _d, _e;
+    for (const task of uploadTasks) {
+        const uploadTask = task;
+        const image = uploadTask.image;
+        if (!image) {
+            uploadTask.notifyUploadFailed(`Image data for "${(_a = task.metadata) === null || _a === void 0 ? void 0 : _a.name}" is not provided.`);
+            continue;
+        }
+        if (image && image.size > MAX_INLINE_IMAGE_UPLOAD_SIZE_MB * 1024 * 1024) {
+            uploadTask.notifyUploadFailed(`"${(_b = task.metadata) === null || _b === void 0 ? void 0 : _b.name}" is too big. Select a file under ${MAX_INLINE_IMAGE_UPLOAD_SIZE_MB}MB.`);
+            continue;
+        }
+        const SUPPORTED_FILES = ['jpg', 'jpeg', 'png', 'gif', 'heic', 'webp'];
+        const imageExtension = (_d = (_c = task.metadata) === null || _c === void 0 ? void 0 : _c.name.split('.').pop()) !== null && _d !== void 0 ? _d : '';
+        if (!SUPPORTED_FILES.includes(imageExtension)) {
+            uploadTask.notifyUploadFailed(`Uploading ".${imageExtension}" image is not allowed.`);
+            continue;
+        }
+        try {
+            const response = yield adapter.uploadImage(image, (_e = task.metadata) === null || _e === void 0 ? void 0 : _e.name);
+            uploadTask.notifyUploadCompleted(response.id, task.metadata.url || '');
+        }
+        catch (error) {
+            console.error(error);
+            uploadTask.notifyUploadFailed('Unable to upload inline image. Please try again later.');
+        }
+    }
+});
+/* @conditional-compile-remove(rich-text-editor-image-upload) */
+const generateUploadTask = (image, fileName, messageId, inlineImageUploadActionHandler) => __awaiter(void 0, void 0, void 0, function* () {
+    const imageData = yield getInlineImageData(image);
+    if (!imageData) {
+        return;
+    }
+    const taskId = nanoid();
+    const uploadTask = {
+        image: imageData,
+        taskId,
+        metadata: {
+            id: taskId,
+            name: fileName,
+            url: image,
+            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;
+});
+/* @conditional-compile-remove(rich-text-editor-image-upload) */
+/**
+ * @internal
+ */
+export const onUploadInlineImageForEditBox = (image, fileName, messageId, adapter, handleEditBoxInlineImageUploadAction) => __awaiter(void 0, void 0, void 0, function* () {
+    const uploadTask = yield generateUploadTask(image, fileName, messageId, handleEditBoxInlineImageUploadAction);
+    if (!uploadTask) {
+        return;
+    }
+    handleEditBoxInlineImageUploadAction({
+        type: AttachmentUploadActionType.Set,
+        newUploads: [uploadTask],
+        messageId
+    });
+    inlineImageUploadHandler([uploadTask], adapter);
+});
+/* @conditional-compile-remove(rich-text-editor-image-upload) */
+/**
+ * @internal
+ */
+export const onUploadInlineImageForSendBox = (image, fileName, adapter, handleSendBoxInlineImageUploadAction) => __awaiter(void 0, void 0, void 0, function* () {
+    const uploadTask = yield generateUploadTask(image, 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);
+});
+/* @conditional-compile-remove(rich-text-editor-image-upload) */
+/**
+ * @internal
+ */
+export const cancelInlineImageUpload = (imageId, imageUpload, messageId, inlineImageUploadActionHandler, adapter) => {
+    if (!imageUpload || !(imageUpload === null || imageUpload === void 0 ? void 0 : imageUpload.metadata.id)) {
+        return;
+    }
+    inlineImageUploadActionHandler({
+        type: AttachmentUploadActionType.Remove,
+        id: imageUpload === null || imageUpload === void 0 ? void 0 : imageUpload.metadata.id,
+        messageId
+    });
+    // TODO: remove local blob
+    if ((imageUpload === null || imageUpload === void 0 ? void 0 : imageUpload.metadata.progress) === 1) {
+        try {
+            adapter.deleteImage(imageId);
+        }
+        catch (error) {
+            console.error(error);
+        }
+    }
+};
+/* @conditional-compile-remove(rich-text-editor-image-upload) */
+/**
+ * @internal
+ */
+export const onCancelInlineImageUploadHandlerForEditBox = (imageId, messageId, editBoxInlineImageUploads, adapter, handleEditBoxInlineImageUploadAction) => {
+    if (!editBoxInlineImageUploads) {
+        return;
+    }
+    const imageUpload = editBoxInlineImageUploads[messageId].find((upload) => upload.metadata.id === imageId);
+    cancelInlineImageUpload(imageId, imageUpload, messageId, handleEditBoxInlineImageUploadAction, adapter);
+};
+/* @conditional-compile-remove(rich-text-editor-image-upload) */
+/**
+ * @internal
+ */
+export const onCancelInlineImageUploadHandlerForSendBox = (imageId, sendBoxInlineImageUploads, adapter, handleSendBoxInlineImageUploadAction) => {
+    if (!sendBoxInlineImageUploads) {
+        return;
+    }
+    const imageUpload = sendBoxInlineImageUploads[SEND_BOX_UPLOADS_KEY_VALUE].find((upload) => upload.metadata.id === imageId);
+    cancelInlineImageUpload(imageId, imageUpload, SEND_BOX_UPLOADS_KEY_VALUE, handleSendBoxInlineImageUploadAction, adapter);
+};
+//# 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":["../../../../../../../../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.\n\n/* @conditional-compile-remove(rich-text-editor-image-upload) */\nimport { AttachmentMetadataInProgress } from '@internal/acs-ui-common';\n/* @conditional-compile-remove(rich-text-editor-image-upload) */\nimport { AttachmentUpload, AttachmentUploadActionType, AttachmentUploadTask } from '../file-sharing/AttachmentUpload';\n/* @conditional-compile-remove(rich-text-editor-image-upload) */\nimport { SEND_BOX_UPLOADS_KEY_VALUE } from '../../common/constants';\n/* @conditional-compile-remove(rich-text-editor-image-upload) */\nimport { ChatAdapter } from '../adapter/ChatAdapter';\n/* @conditional-compile-remove(rich-text-editor-image-upload) */\nimport { Dispatch } from 'react';\n/* @conditional-compile-remove(rich-text-editor-image-upload) */\nimport { ImageActions } from './ImageUploadReducer';\n/* @conditional-compile-remove(rich-text-editor-image-upload) */\nimport { nanoid } from 'nanoid';\n\n/* @conditional-compile-remove(rich-text-editor-image-upload) */\nconst MAX_INLINE_IMAGE_UPLOAD_SIZE_MB = 20;\n\n/* @conditional-compile-remove(rich-text-editor-image-upload) */\nconst fetchBlobData = async (\n  resource: string | URL | Request,\n  options: { timeout?: number; headers?: Headers; abortController: AbortController }\n): Promise<Response> => {\n  // default timeout is 30 seconds\n  const { timeout = 30000, abortController } = options;\n\n  const id = setTimeout(() => {\n    abortController.abort();\n  }, timeout);\n\n  const response = await fetch(resource, {\n    ...options,\n    signal: abortController.signal\n  });\n  clearTimeout(id);\n  return response;\n};\n\n/* @conditional-compile-remove(rich-text-editor-image-upload) */\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, { abortController: new AbortController() });\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/* @conditional-compile-remove(rich-text-editor-image-upload) */\n/**\n * @internal\n */\nexport const removeImageTags = (event: { content: DocumentFragment }): void => {\n  event.content.querySelectorAll('img').forEach((image) => {\n    // If the image is the only child of its parent, remove all the parents of this img element.\n    let parentNode: HTMLElement | null = image.parentElement;\n    let currentNode: HTMLElement = image;\n    while (parentNode?.childNodes.length === 1) {\n      currentNode = parentNode;\n      parentNode = parentNode.parentElement;\n    }\n    currentNode?.remove();\n  });\n};\n\n/* @conditional-compile-remove(rich-text-editor-image-upload) */\n/**\n * @internal\n */\nexport const getEditBoxMessagesImageUploadsInProgress = (\n  editBoxInlineImageUploads: Record<string, AttachmentUpload[]> | undefined\n): Record<string, AttachmentMetadataInProgress[]> | undefined => {\n  if (!editBoxInlineImageUploads) {\n    return;\n  }\n  const messageIds = Object.keys(editBoxInlineImageUploads || {});\n  const messagesImageUploadsInProgress: Record<string, AttachmentMetadataInProgress[]> = {};\n  messageIds.map((messageId) => {\n    const messageUploads = editBoxInlineImageUploads[messageId].map((upload) => {\n      return upload.metadata;\n    });\n    messagesImageUploadsInProgress[messageId] = messageUploads;\n  });\n  return messagesImageUploadsInProgress;\n};\n\n/* @conditional-compile-remove(rich-text-editor-image-upload) */\n/**\n * @internal\n */\nexport const getSendBoxImageUploadsInProgress = (\n  sendBoxInlineImageUploads: Record<string, AttachmentUpload[]> | undefined\n): AttachmentMetadataInProgress[] | undefined => {\n  if (!sendBoxInlineImageUploads) {\n    return;\n  }\n  return sendBoxInlineImageUploads[SEND_BOX_UPLOADS_KEY_VALUE]?.map((upload) => upload.metadata);\n};\n\n/* @conditional-compile-remove(rich-text-editor-image-upload) */\nconst inlineImageUploadHandler = async (uploadTasks: AttachmentUpload[], adapter: ChatAdapter): 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(`Image data for \"${task.metadata?.name}\" is not provided.`);\n      continue;\n    }\n    if (image && image.size > MAX_INLINE_IMAGE_UPLOAD_SIZE_MB * 1024 * 1024) {\n      uploadTask.notifyUploadFailed(\n        `\"${task.metadata?.name}\" is too big. Select a file under ${MAX_INLINE_IMAGE_UPLOAD_SIZE_MB}MB.`\n      );\n      continue;\n    }\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(`Uploading \".${imageExtension}\" image is not allowed.`);\n      continue;\n    }\n\n    try {\n      const response = await adapter.uploadImage(image, task.metadata?.name);\n      uploadTask.notifyUploadCompleted(response.id, task.metadata.url || '');\n    } catch (error) {\n      console.error(error);\n      uploadTask.notifyUploadFailed('Unable to upload inline image. Please try again later.');\n    }\n  }\n};\n\n/* @conditional-compile-remove(rich-text-editor-image-upload) */\nconst generateUploadTask = async (\n  image: string,\n  fileName: string,\n  messageId: string,\n  inlineImageUploadActionHandler: Dispatch<ImageActions>\n): Promise<AttachmentUpload | undefined> => {\n  const imageData = await getInlineImageData(image);\n  if (!imageData) {\n    return;\n  }\n  const taskId = nanoid();\n  const uploadTask: AttachmentUpload = {\n    image: imageData,\n    taskId,\n    metadata: {\n      id: taskId,\n      name: fileName,\n      url: image,\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({ type: AttachmentUploadActionType.Failed, taskId, message, messageId });\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({ type: AttachmentUploadActionType.Remove, id: taskId, messageId });\n      }, 10 * 1000);\n    }\n  };\n  return uploadTask;\n};\n\n/* @conditional-compile-remove(rich-text-editor-image-upload) */\n/**\n * @internal\n */\nexport const onUploadInlineImageForEditBox = async (\n  image: string,\n  fileName: string,\n  messageId: string,\n  adapter: ChatAdapter,\n  handleEditBoxInlineImageUploadAction: Dispatch<ImageActions>\n): Promise<void> => {\n  const uploadTask: AttachmentUpload | undefined = await generateUploadTask(\n    image,\n    fileName,\n    messageId,\n    handleEditBoxInlineImageUploadAction\n  );\n  if (!uploadTask) {\n    return;\n  }\n\n  handleEditBoxInlineImageUploadAction({\n    type: AttachmentUploadActionType.Set,\n    newUploads: [uploadTask],\n    messageId\n  });\n  inlineImageUploadHandler([uploadTask], adapter);\n};\n\n/* @conditional-compile-remove(rich-text-editor-image-upload) */\n/**\n * @internal\n */\nexport const onUploadInlineImageForSendBox = async (\n  image: string,\n  fileName: string,\n  adapter: ChatAdapter,\n  handleSendBoxInlineImageUploadAction: Dispatch<ImageActions>\n): Promise<void> => {\n  const uploadTask: AttachmentUpload | undefined = await generateUploadTask(\n    image,\n    fileName,\n    SEND_BOX_UPLOADS_KEY_VALUE,\n    handleSendBoxInlineImageUploadAction\n  );\n\n  if (!uploadTask) {\n    return;\n  }\n\n  handleSendBoxInlineImageUploadAction({\n    type: AttachmentUploadActionType.Set,\n    newUploads: [uploadTask],\n    messageId: SEND_BOX_UPLOADS_KEY_VALUE\n  });\n  inlineImageUploadHandler([uploadTask], adapter);\n};\n\n/* @conditional-compile-remove(rich-text-editor-image-upload) */\n/**\n * @internal\n */\nexport const cancelInlineImageUpload = (\n  imageId: string,\n  imageUpload: AttachmentUpload | undefined,\n  messageId: string,\n  inlineImageUploadActionHandler: Dispatch<ImageActions>,\n  adapter: ChatAdapter\n): void => {\n  if (!imageUpload || !imageUpload?.metadata.id) {\n    return;\n  }\n\n  inlineImageUploadActionHandler({\n    type: AttachmentUploadActionType.Remove,\n    id: imageUpload?.metadata.id,\n    messageId\n  });\n  // TODO: remove local blob\n  if (imageUpload?.metadata.progress === 1) {\n    try {\n      adapter.deleteImage(imageId);\n    } catch (error) {\n      console.error(error);\n    }\n  }\n};\n\n/* @conditional-compile-remove(rich-text-editor-image-upload) */\n/**\n * @internal\n */\nexport const onCancelInlineImageUploadHandlerForEditBox = (\n  imageId: string,\n  messageId: string,\n  editBoxInlineImageUploads: Record<string, AttachmentUpload[]> | undefined,\n  adapter: ChatAdapter,\n  handleEditBoxInlineImageUploadAction: Dispatch<ImageActions>\n): void => {\n  if (!editBoxInlineImageUploads) {\n    return;\n  }\n  const imageUpload = editBoxInlineImageUploads[messageId].find((upload) => upload.metadata.id === imageId);\n\n  cancelInlineImageUpload(imageId, imageUpload, messageId, handleEditBoxInlineImageUploadAction, adapter);\n};\n\n/* @conditional-compile-remove(rich-text-editor-image-upload) */\n/**\n * @internal\n */\nexport const onCancelInlineImageUploadHandlerForSendBox = (\n  imageId: string,\n  sendBoxInlineImageUploads: Record<string, AttachmentUpload[]> | undefined,\n  adapter: ChatAdapter,\n  handleSendBoxInlineImageUploadAction: Dispatch<ImageActions>\n): void => {\n  if (!sendBoxInlineImageUploads) {\n    return;\n  }\n  const imageUpload = sendBoxInlineImageUploads[SEND_BOX_UPLOADS_KEY_VALUE].find(\n    (upload) => upload.metadata.id === imageId\n  );\n\n  cancelInlineImageUpload(\n    imageId,\n    imageUpload,\n    SEND_BOX_UPLOADS_KEY_VALUE,\n    handleSendBoxInlineImageUploadAction,\n    adapter\n  );\n};\n"]}

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\n  /* @conditional-compile-remove(file-sharing-acs) */\n  /**\n   * Upload Attachment Button text\n   */\n  uploadAttachment: string;\n}"]}
+{"version":3,"file":"Strings.js","sourceRoot":"","sources":["../../../../../../../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  /* @conditional-compile-remove(file-sharing-acs) */\n  /**\n   * Upload Attachment Button text\n   */\n  uploadAttachment: string;\n}\n"]}

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

@@ -1,6 +1,7 @@
 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';
@@ -39,6 +40,8 @@ export declare class AzureCommunicationChatAdapter implements ChatAdapter {
     onStateChange(handler: (state: ChatAdapterState) => void): void;
     offStateChange(handler: (state: ChatAdapterState) => void): void;
     sendMessage(content: string, options?: SendMessageOptions | /* @conditional-compile-remove(file-sharing-acs) */ 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>;