@azure/communication-react 1.23.0-alpha-202501160016 → 1.23.0

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

@@ -1,39 +0,0 @@
-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';
-import { ChatCompositeStrings } from '../Strings';
-/**
- * @private
- */
-export declare const getInlineImageData: (image: string) => Promise<Blob | undefined>;
-/**
- * @internal
- */
-export declare const getEditBoxMessagesInlineImages: (editBoxInlineImageUploads: Record<string, AttachmentUpload[]> | undefined) => Record<string, AttachmentMetadataInProgress[]> | undefined;
-/**
- * @internal
- */
-export declare const getSendBoxInlineImages: (sendBoxInlineImageUploads: Record<string, AttachmentUpload[]> | undefined) => AttachmentMetadataInProgress[] | undefined;
-/**
- * @internal
- */
-export declare const onInsertInlineImageForEditBox: (imageAttributes: Record<string, string>, fileName: string, messageId: string, adapter: ChatAdapter, handleEditBoxInlineImageUploadAction: Dispatch<ImageActions>, chatCompositeStrings: ChatCompositeStrings) => Promise<void>;
-/**
- * @internal
- */
-export declare const onInsertInlineImageForSendBox: (imageAttributes: Record<string, string>, fileName: string, adapter: ChatAdapter, handleSendBoxInlineImageUploadAction: Dispatch<ImageActions>, chatCompositeStrings: ChatCompositeStrings) => Promise<void>;
-/**
- * @internal
- */
-export declare const cancelInlineImageUpload: (imageAttributes: Record<string, string>, imageUploads: Record<string, AttachmentUpload[]> | undefined, messageId: string, inlineImageUploadActionHandler: Dispatch<ImageActions>, adapter: ChatAdapter) => void;
-/**
- * @internal
- */
-export declare const updateContentStringWithUploadedInlineImages: (content: string, imageUploads: Record<string, AttachmentUpload[]> | undefined, messageId?: string) => string;
-/**
- * @internal
- */
-export declare const getImageFileNameFromAttributes: (imageAttributes: Record<string, string>) => string;
-//# sourceMappingURL=ImageUploadUtils.d.ts.map

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

@@ -1,273 +0,0 @@
-// 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 { _IMAGE_ATTRIBUTE_INLINE_IMAGE_FILE_NAME_KEY } from "../../../../../acs-ui-common/src";
-/* @conditional-compile-remove(rich-text-editor-image-upload) */
-import { AttachmentUploadActionType } from '../file-sharing/AttachmentUpload';
-/* @conditional-compile-remove(rich-text-editor-image-upload) */
-import { _DEFAULT_INLINE_IMAGE_FILE_NAME, 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 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;
-};
-/* @conditional-compile-remove(rich-text-editor-image-upload) */
-/**
- * @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);
-};
-/* @conditional-compile-remove(rich-text-editor-image-upload) */
-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);
-        }
-    }
-});
-/* @conditional-compile-remove(rich-text-editor-image-upload) */
-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;
-});
-/* @conditional-compile-remove(rich-text-editor-image-upload) */
-/**
- * @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);
-});
-/* @conditional-compile-remove(rich-text-editor-image-upload) */
-/**
- * @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);
-});
-/* @conditional-compile-remove(rich-text-editor-image-upload) */
-/**
- * @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);
-    }
-};
-/* @conditional-compile-remove(rich-text-editor-image-upload) */
-const deleteInlineImageFromServer = (imageId, adapter) => {
-    try {
-        adapter.deleteImage(imageId);
-    }
-    catch (error) {
-        console.error(error);
-    }
-};
-/* @conditional-compile-remove(rich-text-editor-image-upload) */
-// This function is used to delete the inline image that existed before editing starts
-const deleteExistingInlineImageForEditBox = (imageId, messageId, adapter) => {
-    messageId !== SEND_BOX_UPLOADS_KEY_VALUE && deleteInlineImageFromServer(imageId, adapter);
-};
-/* @conditional-compile-remove(rich-text-editor-image-upload) */
-/**
- * @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;
-};
-/* @conditional-compile-remove(rich-text-editor-image-upload) */
-/**
- * @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

@@ -1 +0,0 @@
-{"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, _IMAGE_ATTRIBUTE_INLINE_IMAGE_FILE_NAME_KEY } 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 { _DEFAULT_INLINE_IMAGE_FILE_NAME, 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/* @conditional-compile-remove(rich-text-editor-image-upload) */\nimport { ChatCompositeStrings } from '../Strings';\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 getEditBoxMessagesInlineImages = (\n  editBoxInlineImageUploads: Record<string, AttachmentUpload[]> | undefined\n): Record<string, AttachmentMetadataInProgress[]> | undefined => {\n  if (!editBoxInlineImageUploads) {\n    return;\n  }\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/* @conditional-compile-remove(rich-text-editor-image-upload) */\n/**\n * @internal\n */\nexport const getSendBoxInlineImages = (\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 (\n  uploadTasks: AttachmentUpload[],\n  adapter: ChatAdapter,\n  strings: ChatCompositeStrings\n): 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(\n        strings.uploadImageIsTooLarge.replace('{maxImageSize}', `${MAX_INLINE_IMAGE_UPLOAD_SIZE_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(\n        strings.uploadImageExtensionIsNotAllowed.replace('{imageExtension}', imageExtension)\n      );\n      continue;\n    }\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};\n\n/* @conditional-compile-remove(rich-text-editor-image-upload) */\nconst generateUploadTask = async (\n  imageAttributes: Record<string, string>,\n  fileName: string,\n  messageId: string,\n  inlineImageUploadActionHandler: Dispatch<ImageActions>\n): 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({ 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 onInsertInlineImageForEditBox = async (\n  imageAttributes: Record<string, string>,\n  fileName: string,\n  messageId: string,\n  adapter: ChatAdapter,\n  handleEditBoxInlineImageUploadAction: Dispatch<ImageActions>,\n  chatCompositeStrings: ChatCompositeStrings\n): Promise<void> => {\n  const uploadTask: AttachmentUpload | undefined = await generateUploadTask(\n    imageAttributes,\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, chatCompositeStrings);\n};\n\n/* @conditional-compile-remove(rich-text-editor-image-upload) */\n/**\n * @internal\n */\nexport const onInsertInlineImageForSendBox = async (\n  imageAttributes: Record<string, string>,\n  fileName: string,\n  adapter: ChatAdapter,\n  handleSendBoxInlineImageUploadAction: Dispatch<ImageActions>,\n  chatCompositeStrings: ChatCompositeStrings\n): Promise<void> => {\n  const uploadTask: AttachmentUpload | undefined = await generateUploadTask(\n    imageAttributes,\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, chatCompositeStrings);\n};\n\n/* @conditional-compile-remove(rich-text-editor-image-upload) */\n/**\n * @internal\n */\nexport const cancelInlineImageUpload = (\n  imageAttributes: Record<string, string>,\n  imageUploads: Record<string, AttachmentUpload[]> | undefined,\n  messageId: string,\n  inlineImageUploadActionHandler: Dispatch<ImageActions>,\n  adapter: ChatAdapter\n): void => {\n  if (!imageAttributes.id) {\n    console.error('Cannot cancel image upload - Image id is not provided');\n    return;\n  }\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\n  if (!imageUpload || !imageUpload?.metadata.id) {\n    deleteExistingInlineImageForEditBox(imageAttributes.id, messageId, adapter);\n    return;\n  }\n\n  inlineImageUploadActionHandler({\n    type: AttachmentUploadActionType.Remove,\n    id: imageUpload?.metadata.id,\n    messageId\n  });\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};\n\n/* @conditional-compile-remove(rich-text-editor-image-upload) */\nconst deleteInlineImageFromServer = (imageId: string, adapter: ChatAdapter): void => {\n  try {\n    adapter.deleteImage(imageId);\n  } catch (error) {\n    console.error(error);\n  }\n};\n\n/* @conditional-compile-remove(rich-text-editor-image-upload) */\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  messageId !== SEND_BOX_UPLOADS_KEY_VALUE && deleteInlineImageFromServer(imageId, adapter);\n};\n\n/* @conditional-compile-remove(rich-text-editor-image-upload) */\n/**\n * @internal\n */\nexport const updateContentStringWithUploadedInlineImages = (\n  content: string,\n  imageUploads: Record<string, AttachmentUpload[]> | undefined,\n  messageId: string = SEND_BOX_UPLOADS_KEY_VALUE\n): 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(\n      (upload) => !upload.metadata.error && upload.metadata.progress === 1 && upload.metadata.id === img.id\n    );\n\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\n  return content;\n};\n\n/* @conditional-compile-remove(rich-text-editor-image-upload) */\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};\n"]}

package/dist/dist-esm/react-composites/src/composites/ChatComposite/file-sharing/AttachmentUpload.d.ts

@@ -1,80 +0,0 @@
-import { AttachmentUploadTask, AttachmentSelectionHandler, AttachmentActionHandler } from "../../../../../react-components/src";
-import { AttachmentMetadata, AttachmentMetadataInProgress, AttachmentProgressError } from "../../../../../acs-ui-common/src";
-/**
- * @internal
- */
-export interface AttachmentUpload extends AttachmentUploadTask {
-    metadata: AttachmentMetadataInProgress;
-}
-/**
- * @private
- */
-export declare enum AttachmentUploadActionType {
-    Set = "set",
-    Progress = "progress",
-    Completed = "completed",
-    Failed = "failed",
-    Remove = "remove",
-    Clear = "clear"
-}
-/**
- * @private
- */
-export interface Action {
-    type: AttachmentUploadActionType;
-}
-/**
- * @private
- */
-interface SetAction extends Action {
-    type: AttachmentUploadActionType.Set;
-    newUploads: AttachmentUpload[];
-}
-/**
- * @private
- */
-export interface ProgressAction extends Action {
-    type: AttachmentUploadActionType.Progress;
-    taskId: string;
-    progress: number;
-}
-/**
- * @private
- */
-export interface CompleteAction extends Action {
-    type: AttachmentUploadActionType.Completed;
-    taskId: string;
-    id: string;
-    url: string;
-}
-/**
- * @private
- */
-export interface FailedAction extends Action {
-    type: AttachmentUploadActionType.Failed;
-    taskId: string;
-    message: string;
-}
-/**
- * @private
- */
-export interface RemoveAction extends Action {
-    type: AttachmentUploadActionType.Remove;
-    id: string;
-}
-/**
- * @private
- */
-export interface ClearAction extends Action {
-    type: AttachmentUploadActionType.Clear;
-}
-/**
- * @private
- */
-type Actions = SetAction | ProgressAction | CompleteAction | FailedAction | RemoveAction | ClearAction;
-/**
- * @internal
- */
-export declare const AttachmentUploadReducer: (state: AttachmentUpload[], action: Actions) => AttachmentUpload[];
-export type { AttachmentMetadata, AttachmentSelectionHandler, AttachmentActionHandler, AttachmentUploadTask, AttachmentProgressError };
-//# sourceMappingURL=AttachmentUpload.d.ts.map

package/dist/dist-esm/react-composites/src/composites/ChatComposite/file-sharing/AttachmentUpload.js

@@ -1,41 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-/**
- * @private
- */
-export var AttachmentUploadActionType;
-(function (AttachmentUploadActionType) {
-    AttachmentUploadActionType["Set"] = "set";
-    AttachmentUploadActionType["Progress"] = "progress";
-    AttachmentUploadActionType["Completed"] = "completed";
-    AttachmentUploadActionType["Failed"] = "failed";
-    AttachmentUploadActionType["Remove"] = "remove";
-    AttachmentUploadActionType["Clear"] = "clear";
-})(AttachmentUploadActionType || (AttachmentUploadActionType = {}));
-/* @conditional-compile-remove(file-sharing-acs) */
-/**
- * @internal
- */
-export const AttachmentUploadReducer = (state, action) => {
-    switch (action.type) {
-        case AttachmentUploadActionType.Set:
-            return state.filter((v) => !v.metadata.error).concat(action.newUploads);
-        case AttachmentUploadActionType.Completed:
-            return state.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:
-            return state.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:
-            return state.filter((v) => !v.metadata.error).filter((v) => v.metadata.id !== action.id);
-        case AttachmentUploadActionType.Progress:
-            return state.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 [];
-        default:
-            return state;
-    }
-};
-//# sourceMappingURL=AttachmentUpload.js.map

package/dist/dist-esm/react-composites/src/composites/ChatComposite/file-sharing/AttachmentUpload.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AttachmentUpload.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/ChatComposite/file-sharing/AttachmentUpload.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAelC;;GAEG;AACH,MAAM,CAAN,IAAY,0BAOX;AAPD,WAAY,0BAA0B;IACpC,yCAAW,CAAA;IACX,mDAAqB,CAAA;IACrB,qDAAuB,CAAA;IACvB,+CAAiB,CAAA;IACjB,+CAAiB,CAAA;IACjB,6CAAe,CAAA;AACjB,CAAC,EAPW,0BAA0B,KAA1B,0BAA0B,QAOrC;AAyED,mDAAmD;AACnD;;GAEG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,KAAyB,EAAE,MAAe,EAAsB,EAAE;IACxG,QAAQ,MAAM,CAAC,IAAI,EAAE,CAAC;QACpB,KAAK,0BAA0B,CAAC,GAAG;YACjC,OAAO,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;QAE1E,KAAK,0BAA0B,CAAC,SAAS;YACvC,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CACrB,CAAC,CAAC,MAAM,KAAK,MAAM,CAAC,MAAM;gBACxB,CAAC,iCAAM,CAAC,KAAE,QAAQ,kCAAO,CAAC,CAAC,QAAQ,KAAE,EAAE,EAAE,MAAM,CAAC,EAAE,EAAE,GAAG,EAAE,MAAM,CAAC,GAAG,EAAE,QAAQ,EAAE,CAAC,OAChF,CAAC,CAAC,CAAC,CACN,CAAC;QAEJ,KAAK,0BAA0B,CAAC,MAAM;YACpC,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CACrB,CAAC,CAAC,MAAM,KAAK,MAAM,CAAC,MAAM;gBACxB,CAAC,iCACM,CAAC,KACJ,QAAQ,kCACH,CAAC,CAAC,QAAQ,KACb,KAAK,EAAE;4BACL,OAAO,EAAE,MAAM,CAAC,OAAO;yBACxB,OAGP,CAAC,CAAC,CAAC,CACN,CAAC;QAEJ,KAAK,0BAA0B,CAAC,MAAM;YACpC,OAAO,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,KAAK,MAAM,CAAC,EAAE,CAAC,CAAC;QAE3F,KAAK,0BAA0B,CAAC,QAAQ;YACtC,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CACrB,CAAC,CAAC,MAAM,KAAK,MAAM,CAAC,MAAM,CAAC,CAAC,iCAAM,CAAC,KAAE,QAAQ,kCAAO,CAAC,CAAC,QAAQ,KAAE,QAAQ,EAAE,MAAM,CAAC,QAAQ,OAAK,CAAC,CAAC,CAAC,CAClG,CAAC;QAEJ,KAAK,0BAA0B,CAAC,KAAK;YACnC,OAAO,EAAE,CAAC;QACZ;YACE,OAAO,KAAK,CAAC;IACjB,CAAC;AACH,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/* @conditional-compile-remove(file-sharing-acs) */\nimport { AttachmentUploadTask, AttachmentSelectionHandler, AttachmentActionHandler } from '@internal/react-components';\n/* @conditional-compile-remove(file-sharing-acs) */\nimport { AttachmentMetadata, AttachmentMetadataInProgress, AttachmentProgressError } from '@internal/acs-ui-common';\n\n/* @conditional-compile-remove(file-sharing-acs) */\n/**\n * @internal\n */\nexport interface AttachmentUpload extends AttachmentUploadTask {\n  metadata: AttachmentMetadataInProgress;\n}\n\n/**\n * @private\n */\nexport enum AttachmentUploadActionType {\n  Set = 'set',\n  Progress = 'progress',\n  Completed = 'completed',\n  Failed = 'failed',\n  Remove = 'remove',\n  Clear = 'clear'\n}\n\n/* @conditional-compile-remove(file-sharing-acs) */\n/**\n * @private\n */\nexport interface Action {\n  type: AttachmentUploadActionType;\n}\n\n/* @conditional-compile-remove(file-sharing-acs) */\n/**\n * @private\n */\ninterface SetAction extends Action {\n  type: AttachmentUploadActionType.Set;\n  newUploads: AttachmentUpload[];\n}\n\n/* @conditional-compile-remove(file-sharing-acs) */\n/**\n * @private\n */\nexport interface ProgressAction extends Action {\n  type: AttachmentUploadActionType.Progress;\n  taskId: string;\n  progress: number;\n}\n\n/* @conditional-compile-remove(file-sharing-acs) */\n/**\n * @private\n */\nexport interface CompleteAction extends Action {\n  type: AttachmentUploadActionType.Completed;\n  taskId: string;\n  id: string;\n  url: string;\n}\n\n/* @conditional-compile-remove(file-sharing-acs) */\n/**\n * @private\n */\nexport interface FailedAction extends Action {\n  type: AttachmentUploadActionType.Failed;\n  taskId: string;\n  message: string;\n}\n\n/* @conditional-compile-remove(file-sharing-acs) */\n/**\n * @private\n */\nexport interface RemoveAction extends Action {\n  type: AttachmentUploadActionType.Remove;\n  id: string;\n}\n\n/* @conditional-compile-remove(file-sharing-acs) */\n/**\n * @private\n */\nexport interface ClearAction extends Action {\n  type: AttachmentUploadActionType.Clear;\n}\n\n/* @conditional-compile-remove(file-sharing-acs) */\n/**\n * @private\n */\ntype Actions = SetAction | ProgressAction | CompleteAction | FailedAction | RemoveAction | ClearAction;\n\n/* @conditional-compile-remove(file-sharing-acs) */\n/**\n * @internal\n */\nexport const AttachmentUploadReducer = (state: AttachmentUpload[], action: Actions): AttachmentUpload[] => {\n  switch (action.type) {\n    case AttachmentUploadActionType.Set:\n      return state.filter((v) => !v.metadata.error).concat(action.newUploads);\n\n    case AttachmentUploadActionType.Completed:\n      return state.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    case AttachmentUploadActionType.Failed:\n      return state.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    case AttachmentUploadActionType.Remove:\n      return state.filter((v) => !v.metadata.error).filter((v) => v.metadata.id !== action.id);\n\n    case AttachmentUploadActionType.Progress:\n      return state.map((v) =>\n        v.taskId === action.taskId ? { ...v, metadata: { ...v.metadata, progress: action.progress } } : v\n      );\n\n    case AttachmentUploadActionType.Clear:\n      return [];\n    default:\n      return state;\n  }\n};\n\n/* @conditional-compile-remove(file-sharing-acs) */\nexport type {\n  AttachmentMetadata,\n  AttachmentSelectionHandler,\n  AttachmentActionHandler,\n  AttachmentUploadTask,\n  AttachmentProgressError\n};\n"]}

package/dist/dist-esm/react-composites/src/composites/ChatComposite/file-sharing/AttachmentUploadButton.d.ts

@@ -1,38 +0,0 @@
-/// <reference types="react" />
-/**
- * Props for {@link AttachmentUploadButton} component.
- * @internal
- */
-export interface AttachmentUploadButtonProps {
-    /**
-     * A list of strings containing the comma separated list of supported media (aka. mime) types.
-     * i.e. ['image/*', 'video/*', 'audio/*']
-     * Default value is `['*']`, meaning all media types are supported.
-     * Similar to the `accept` attribute of the `<input type="file" />` element.
-     */
-    supportedMediaTypes?: string[];
-    /**
-     * Disable multiple files to be selected if set to `true`.
-     * Default value is `false`, meaning multiple files can be selected.
-     * Similar to the `multiple` attribute of the `<input type="file" />` element.
-     */
-    disableMultipleUploads?: boolean;
-    /**
-     * onChange handler for the attachment upload button.
-     * Similar to the `onChange` attribute of the `<input type="file" />` element.
-     * Called every time files are selected through the attachment upload button with a {@link FileList}
-     * of selected files.
-     */
-    onChange?: (files: FileList | null) => void;
-}
-/**
- * @internal
- */
-export declare const AttachmentUploadButton: (props: AttachmentUploadButtonProps) => JSX.Element;
-/**
- * A wrapper to return {@link AttachmentUploadButton} component conditionally.
- * It will return `<></>` for stable builds.
- * @internal
- */
-export declare const AttachmentUploadButtonWrapper: (props: Pick<AttachmentUploadButtonProps, 'supportedMediaTypes' | 'disableMultipleUploads' | 'onChange'>) => JSX.Element;
-//# sourceMappingURL=AttachmentUploadButton.d.ts.map

package/dist/dist-esm/react-composites/src/composites/ChatComposite/file-sharing/AttachmentUploadButton.js

@@ -1,82 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-/* @conditional-compile-remove(file-sharing-acs) */
-import { IconButton, mergeStyles, Stack, TooltipHost, useTheme } from '@fluentui/react';
-/* @conditional-compile-remove(file-sharing-acs) */
-import React from 'react';
-/* @conditional-compile-remove(file-sharing-acs) */
-import { ChatCompositeIcon } from '../../common/icons';
-/* @conditional-compile-remove(file-sharing-acs) */
-import { useLocale } from '../../localization';
-/* @conditional-compile-remove(file-sharing-acs) */
-/**
- * @internal
- */
-export const AttachmentUploadButton = (props) => {
-    const inputRef = React.useRef(null);
-    const theme = useTheme();
-    // default supportedMediaTypes is ['*'], meaning all media types are supported.
-    // default disableMultipleUploads is false, meaning multiple files can be selected.
-    const { supportedMediaTypes = ['*'], disableMultipleUploads = false, onChange } = props;
-    const attachmentUploadButtonClassName = mergeStyles({
-        width: '1.5rem',
-        height: '1.5rem',
-        cursor: 'pointer',
-        padding: '0.15rem',
-        ':hover': {
-            backgroundColor: theme.palette.neutralLighter
-        }
-    });
-    const iconButtonClassName = mergeStyles({
-        color: 'unset',
-        width: '1.5rem',
-        height: '1.5rem',
-        ':hover': {
-            color: 'unset',
-            background: 'transparent'
-        }
-    });
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Stack, { verticalAlign: "center", horizontalAlign: "center", className: attachmentUploadButtonClassName, onClick: () => {
-                var _a;
-                (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.click();
-            } },
-            React.createElement(TooltipHost, { content: uploadAttachmentButtonStringTrampoline(), "data-ui-id": "chat-composite-message-tooltip" },
-                React.createElement(IconButton, { className: iconButtonClassName, ariaLabel: uploadAttachmentButtonStringTrampoline(), autoFocus: false },
-                    React.createElement(SendBoxAttachFileIconTrampoline, null)))),
-        React.createElement("input", { "data-testid": "attachment-upload-button", ref: inputRef, autoFocus: false, hidden: true, multiple: !disableMultipleUploads, accept: supportedMediaTypes.join(','), type: "file", onClick: (e) => {
-                // To ensure that `onChange` is fired even if the same file is picked again.
-                e.currentTarget.value = '';
-            }, onChange: (e) => {
-                onChange && onChange(e.currentTarget.files);
-            } })));
-};
-/* @conditional-compile-remove(file-sharing-acs) */
-const SendBoxAttachFileIconTrampoline = () => {
-    /* @conditional-compile-remove(file-sharing-acs) */
-    return React.createElement(ChatCompositeIcon, { iconName: "SendBoxAttachFile" });
-    // Return _some_ available icon, as the real icon is beta-only.
-    return React.createElement(ChatCompositeIcon, { iconName: "EditBoxCancel" });
-};
-/* @conditional-compile-remove(file-sharing-acs) */
-/**
- * A wrapper to return {@link AttachmentUploadButton} component conditionally.
- * It will return `<></>` for stable builds.
- * @internal
- */
-export const AttachmentUploadButtonWrapper = (
-// To make conditional compilation not throw errors.
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-props) => {
-    return (React.createElement(React.Fragment, null, 
-    /* @conditional-compile-remove(file-sharing-acs) */
-    React.createElement(AttachmentUploadButton, Object.assign({}, props))));
-};
-/* @conditional-compile-remove(file-sharing-acs) */
-const uploadAttachmentButtonStringTrampoline = () => {
-    /* @conditional-compile-remove(file-sharing-acs) */
-    //eslint-disable-next-line react-hooks/rules-of-hooks
-    return useLocale().strings.chat.uploadAttachment;
-    return '';
-};
-//# sourceMappingURL=AttachmentUploadButton.js.map

package/dist/dist-esm/react-composites/src/composites/ChatComposite/file-sharing/AttachmentUploadButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AttachmentUploadButton.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/ChatComposite/file-sharing/AttachmentUploadButton.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/* @conditional-compile-remove(file-sharing-acs) */\nimport { IconButton, mergeStyles, Stack, TooltipHost, useTheme } from '@fluentui/react';\n/* @conditional-compile-remove(file-sharing-acs) */\nimport React from 'react';\n/* @conditional-compile-remove(file-sharing-acs) */\nimport { ChatCompositeIcon } from '../../common/icons';\n/* @conditional-compile-remove(file-sharing-acs) */\nimport { useLocale } from '../../localization';\n\n/* @conditional-compile-remove(file-sharing-acs) */\n/**\n * Props for {@link AttachmentUploadButton} component.\n * @internal\n */\nexport interface AttachmentUploadButtonProps {\n  /**\n   * A list of strings containing the comma separated list of supported media (aka. mime) types.\n   * i.e. ['image/*', 'video/*', 'audio/*']\n   * Default value is `['*']`, meaning all media types are supported.\n   * Similar to the `accept` attribute of the `<input type=\"file\" />` element.\n   */\n  supportedMediaTypes?: string[];\n  /**\n   * Disable multiple files to be selected if set to `true`.\n   * Default value is `false`, meaning multiple files can be selected.\n   * Similar to the `multiple` attribute of the `<input type=\"file\" />` element.\n   */\n  disableMultipleUploads?: boolean;\n  /**\n   * onChange handler for the attachment upload button.\n   * Similar to the `onChange` attribute of the `<input type=\"file\" />` element.\n   * Called every time files are selected through the attachment upload button with a {@link FileList}\n   * of selected files.\n   */\n  onChange?: (files: FileList | null) => void;\n}\n\n/* @conditional-compile-remove(file-sharing-acs) */\n/**\n * @internal\n */\nexport const AttachmentUploadButton = (props: AttachmentUploadButtonProps): JSX.Element => {\n  const inputRef = React.useRef<HTMLInputElement>(null);\n  const theme = useTheme();\n  // default supportedMediaTypes is ['*'], meaning all media types are supported.\n  // default disableMultipleUploads is false, meaning multiple files can be selected.\n  const { supportedMediaTypes = ['*'], disableMultipleUploads = false, onChange } = props;\n\n  const attachmentUploadButtonClassName = mergeStyles({\n    width: '1.5rem',\n    height: '1.5rem',\n    cursor: 'pointer',\n    padding: '0.15rem',\n    ':hover': {\n      backgroundColor: theme.palette.neutralLighter\n    }\n  });\n\n  const iconButtonClassName = mergeStyles({\n    color: 'unset',\n    width: '1.5rem',\n    height: '1.5rem',\n    ':hover': {\n      color: 'unset',\n      background: 'transparent'\n    }\n  });\n\n  return (\n    <>\n      <Stack\n        verticalAlign=\"center\"\n        horizontalAlign=\"center\"\n        className={attachmentUploadButtonClassName}\n        onClick={() => {\n          inputRef.current?.click();\n        }}\n      >\n        <TooltipHost content={uploadAttachmentButtonStringTrampoline()} data-ui-id=\"chat-composite-message-tooltip\">\n          <IconButton\n            className={iconButtonClassName}\n            ariaLabel={uploadAttachmentButtonStringTrampoline()}\n            autoFocus={false}\n          >\n            <SendBoxAttachFileIconTrampoline />\n          </IconButton>\n        </TooltipHost>\n      </Stack>\n      <input\n        data-testid=\"attachment-upload-button\"\n        ref={inputRef}\n        autoFocus={false}\n        hidden\n        multiple={!disableMultipleUploads}\n        accept={supportedMediaTypes.join(',')}\n        type=\"file\"\n        onClick={(e) => {\n          // To ensure that `onChange` is fired even if the same file is picked again.\n          e.currentTarget.value = '';\n        }}\n        onChange={(e) => {\n          onChange && onChange(e.currentTarget.files);\n        }}\n      />\n    </>\n  );\n};\n\n/* @conditional-compile-remove(file-sharing-acs) */\nconst SendBoxAttachFileIconTrampoline = (): JSX.Element => {\n  /* @conditional-compile-remove(file-sharing-acs) */\n  return <ChatCompositeIcon iconName=\"SendBoxAttachFile\" />;\n  // Return _some_ available icon, as the real icon is beta-only.\n  return <ChatCompositeIcon iconName=\"EditBoxCancel\" />;\n};\n\n/* @conditional-compile-remove(file-sharing-acs) */\n/**\n * A wrapper to return {@link AttachmentUploadButton} component conditionally.\n * It will return `<></>` for stable builds.\n * @internal\n */\nexport const AttachmentUploadButtonWrapper = (\n  // To make conditional compilation not throw errors.\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  props: Pick<AttachmentUploadButtonProps, 'supportedMediaTypes' | 'disableMultipleUploads' | 'onChange'>\n): JSX.Element => {\n  return (\n    <>\n      {\n        /* @conditional-compile-remove(file-sharing-acs) */\n        <AttachmentUploadButton {...props} />\n      }\n    </>\n  );\n};\n\n/* @conditional-compile-remove(file-sharing-acs) */\nconst uploadAttachmentButtonStringTrampoline = (): string => {\n  /* @conditional-compile-remove(file-sharing-acs) */\n  //eslint-disable-next-line react-hooks/rules-of-hooks\n  return useLocale().strings.chat.uploadAttachment;\n  return '';\n};\n"]}

package/dist/dist-esm/react-composites/src/composites/ChatComposite/file-sharing/index.d.ts

@@ -1,5 +0,0 @@
-export * from './AttachmentUpload';
-export * from './AttachmentUploadButton';
-export type { AttachmentOptions, AttachmentUploadTask, AttachmentUploadOptions, AttachmentRemovalHandler, AttachmentMetadataWrapper, AttachmentSelectionHandler, AttachmentActionHandler } from "../../../../../react-components/src";
-export type { AttachmentDownloadOptions } from "../../../../../react-components/src";
-//# sourceMappingURL=index.d.ts.map