@azure/communication-react 1.18.0-alpha-202407180014 → 1.18.0-alpha-202407200014

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

@@ -1,12 +0,0 @@
-import { Dispatch } from 'react';
-import { AttachmentUpload, Actions } from '../file-sharing/AttachmentUpload';
-/**
- * @private
- */
-export declare const useImageUpload: () => [
-    AttachmentUpload[],
-    Dispatch<Actions>,
-    onUploadInlineImage: (image: string, fileName: string) => Promise<void>,
-    onCancelInlineImageUploadHandler: (imageId: string) => void
-];
-//# sourceMappingURL=useImageUpload.d.ts.map

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

@@ -1,115 +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 { useCallback, useReducer } from 'react';
-/* @conditional-compile-remove(rich-text-editor-image-upload) */
-import { AttachmentUploadActionType, AttachmentUploadReducer } from '../file-sharing/AttachmentUpload';
-/* @conditional-compile-remove(rich-text-editor-image-upload) */
-import { useAdapter } from '../adapter/ChatAdapterProvider';
-/* @conditional-compile-remove(rich-text-editor-image-upload) */
-import { nanoid } from 'nanoid';
-/* @conditional-compile-remove(rich-text-editor-image-upload) */
-import { getInlineImageData } from './ImageUploadUtils';
-/* @conditional-compile-remove(rich-text-editor-image-upload) */
-/**
- * @private
- */
-export const useImageUpload = () => {
-    const MAX_INLINE_IMAGE_UPLOAD_SIZE_MB = 20;
-    const adapter = useAdapter();
-    const [inlineImageUploads, handleInlineImageUploadAction] = useReducer(AttachmentUploadReducer, []);
-    const inlineImageUploadHandler = useCallback((uploadTasks) => __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.');
-            }
-        }
-    }), [adapter]);
-    const onUploadInlineImage = useCallback((image, fileName) => __awaiter(void 0, void 0, void 0, function* () {
-        if (!image) {
-            return;
-        }
-        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) => {
-                handleInlineImageUploadAction({ type: AttachmentUploadActionType.Progress, taskId, progress: value });
-            },
-            notifyUploadCompleted: (id, url) => {
-                handleInlineImageUploadAction({ type: AttachmentUploadActionType.Completed, taskId, id, url });
-            },
-            notifyUploadFailed: (message) => {
-                handleInlineImageUploadAction({ type: AttachmentUploadActionType.Failed, taskId, message });
-                // 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(() => {
-                    handleInlineImageUploadAction({ type: AttachmentUploadActionType.Remove, id: taskId });
-                }, 10 * 1000);
-            }
-        };
-        const newUploads = [uploadTask];
-        handleInlineImageUploadAction({ type: AttachmentUploadActionType.Set, newUploads });
-        inlineImageUploadHandler(newUploads);
-    }), [inlineImageUploadHandler]);
-    const onCancelInlineImageUploadHandler = useCallback((imageId) => {
-        const imageUpload = inlineImageUploads.find((upload) => upload.metadata.id === imageId);
-        const uploadId = imageUpload === null || imageUpload === void 0 ? void 0 : imageUpload.metadata.id;
-        if (!uploadId) {
-            return;
-        }
-        handleInlineImageUploadAction({ type: AttachmentUploadActionType.Remove, id: uploadId });
-        // 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);
-            }
-        }
-    }, [adapter, inlineImageUploads]);
-    return [inlineImageUploads, handleInlineImageUploadAction, onUploadInlineImage, onCancelInlineImageUploadHandler];
-};
-//# sourceMappingURL=useImageUpload.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useImageUpload.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/ChatComposite/ImageUpload/useImageUpload.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;;;;;;;;;;AAElC,gEAAgE;AAChE,OAAO,EAAY,WAAW,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1D,gEAAgE;AAChE,OAAO,EAEL,0BAA0B,EAC1B,uBAAuB,EAGxB,MAAM,kCAAkC,CAAC;AAC1C,gEAAgE;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAC5D,gEAAgE;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAChC,gEAAgE;AAChE,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAExD,gEAAgE;AAChE;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,GAK5B,EAAE;IACF,MAAM,+BAA+B,GAAG,EAAE,CAAC;IAC3C,MAAM,OAAO,GAAG,UAAU,EAAE,CAAC;IAC7B,MAAM,CAAC,kBAAkB,EAAE,6BAA6B,CAAC,GAAG,UAAU,CAAC,uBAAuB,EAAE,EAAE,CAAC,CAAC;IAEpG,MAAM,wBAAwB,GAAG,WAAW,CAC1C,CAAO,WAA+B,EAAiB,EAAE;;QACvD,KAAK,MAAM,IAAI,IAAI,WAAW,EAAE,CAAC;YAC/B,MAAM,UAAU,GAAG,IAA4B,CAAC;YAChD,MAAM,KAAK,GAAqB,UAAU,CAAC,KAAK,CAAC;YACjD,IAAI,CAAC,KAAK,EAAE,CAAC;gBACX,UAAU,CAAC,kBAAkB,CAAC,mBAAmB,MAAA,IAAI,CAAC,QAAQ,0CAAE,IAAI,oBAAoB,CAAC,CAAC;gBAC1F,SAAS;YACX,CAAC;YACD,IAAI,KAAK,IAAI,KAAK,CAAC,IAAI,GAAG,+BAA+B,GAAG,IAAI,GAAG,IAAI,EAAE,CAAC;gBACxE,UAAU,CAAC,kBAAkB,CAC3B,IAAI,MAAA,IAAI,CAAC,QAAQ,0CAAE,IAAI,qCAAqC,+BAA+B,KAAK,CACjG,CAAC;gBACF,SAAS;YACX,CAAC;YAED,MAAM,eAAe,GAAkB,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;YACrF,MAAM,cAAc,GAAG,MAAA,MAAA,IAAI,CAAC,QAAQ,0CAAE,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,GAAG,EAAE,mCAAI,EAAE,CAAC;YAClE,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC;gBAC9C,UAAU,CAAC,kBAAkB,CAAC,eAAe,cAAc,yBAAyB,CAAC,CAAC;gBACtF,SAAS;YACX,CAAC;YAED,IAAI,CAAC;gBACH,MAAM,QAAQ,GAAG,MAAM,OAAO,CAAC,WAAW,CAAC,KAAK,EAAE,MAAA,IAAI,CAAC,QAAQ,0CAAE,IAAI,CAAC,CAAC;gBACvE,UAAU,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EAAE,EAAE,IAAI,CAAC,QAAQ,CAAC,GAAG,IAAI,EAAE,CAAC,CAAC;YACzE,CAAC;YAAC,OAAO,KAAK,EAAE,CAAC;gBACf,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;gBACrB,UAAU,CAAC,kBAAkB,CAAC,wDAAwD,CAAC,CAAC;YAC1F,CAAC;QACH,CAAC;IACH,CAAC,CAAA,EACD,CAAC,OAAO,CAAC,CACV,CAAC;IAEF,MAAM,mBAAmB,GAAG,WAAW,CACrC,CAAO,KAAa,EAAE,QAAgB,EAAiB,EAAE;QACvD,IAAI,CAAC,KAAK,EAAE,CAAC;YACX,OAAO;QACT,CAAC;QACD,MAAM,SAAS,GAAG,MAAM,kBAAkB,CAAC,KAAK,CAAC,CAAC;QAClD,IAAI,CAAC,SAAS,EAAE,CAAC;YACf,OAAO;QACT,CAAC;QACD,MAAM,MAAM,GAAG,MAAM,EAAE,CAAC;QACxB,MAAM,UAAU,GAAqB;YACnC,KAAK,EAAE,SAAS;YAChB,MAAM;YACN,QAAQ,EAAE;gBACR,EAAE,EAAE,MAAM;gBACV,IAAI,EAAE,QAAQ;gBACd,GAAG,EAAE,KAAK;gBACV,QAAQ,EAAE,CAAC;aACZ;YACD,2BAA2B,EAAE,CAAC,KAAa,EAAE,EAAE;gBAC7C,6BAA6B,CAAC,EAAE,IAAI,EAAE,0BAA0B,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC;YACxG,CAAC;YACD,qBAAqB,EAAE,CAAC,EAAU,EAAE,GAAW,EAAE,EAAE;gBACjD,6BAA6B,CAAC,EAAE,IAAI,EAAE,0BAA0B,CAAC,SAAS,EAAE,MAAM,EAAE,EAAE,EAAE,GAAG,EAAE,CAAC,CAAC;YACjG,CAAC;YACD,kBAAkB,EAAE,CAAC,OAAe,EAAE,EAAE;gBACtC,6BAA6B,CAAC,EAAE,IAAI,EAAE,0BAA0B,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,CAAC;gBAC5F,qFAAqF;gBACrF,yDAAyD;gBACzD,UAAU,CAAC,GAAG,EAAE;oBACd,6BAA6B,CAAC,EAAE,IAAI,EAAE,0BAA0B,CAAC,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC;gBACzF,CAAC,EAAE,EAAE,GAAG,IAAI,CAAC,CAAC;YAChB,CAAC;SACF,CAAC;QAEF,MAAM,UAAU,GAAG,CAAC,UAAU,CAAC,CAAC;QAChC,6BAA6B,CAAC,EAAE,IAAI,EAAE,0BAA0B,CAAC,GAAG,EAAE,UAAU,EAAE,CAAC,CAAC;QACpF,wBAAwB,CAAC,UAAU,CAAC,CAAC;IACvC,CAAC,CAAA,EACD,CAAC,wBAAwB,CAAC,CAC3B,CAAC;IAEF,MAAM,gCAAgC,GAAG,WAAW,CAClD,CAAC,OAAe,EAAE,EAAE;QAClB,MAAM,WAAW,GAAG,kBAAkB,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,KAAK,OAAO,CAAC,CAAC;QACxF,MAAM,QAAQ,GAAG,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,QAAQ,CAAC,EAAE,CAAC;QAC1C,IAAI,CAAC,QAAQ,EAAE,CAAC;YACd,OAAO;QACT,CAAC;QACD,6BAA6B,CAAC,EAAE,IAAI,EAAE,0BAA0B,CAAC,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC;QACzF,0BAA0B;QAC1B,IAAI,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,QAAQ,CAAC,QAAQ,MAAK,CAAC,EAAE,CAAC;YACzC,IAAI,CAAC;gBACH,OAAO,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;YAC/B,CAAC;YAAC,OAAO,KAAK,EAAE,CAAC;gBACf,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;YACvB,CAAC;QACH,CAAC;IACH,CAAC,EACD,CAAC,OAAO,EAAE,kBAAkB,CAAC,CAC9B,CAAC;IACF,OAAO,CAAC,kBAAkB,EAAE,6BAA6B,EAAE,mBAAmB,EAAE,gCAAgC,CAAC,CAAC;AACpH,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/* @conditional-compile-remove(rich-text-editor-image-upload) */\nimport { Dispatch, useCallback, useReducer } from 'react';\n/* @conditional-compile-remove(rich-text-editor-image-upload) */\nimport {\n  AttachmentUpload,\n  AttachmentUploadActionType,\n  AttachmentUploadReducer,\n  AttachmentUploadTask,\n  Actions\n} from '../file-sharing/AttachmentUpload';\n/* @conditional-compile-remove(rich-text-editor-image-upload) */\nimport { useAdapter } from '../adapter/ChatAdapterProvider';\n/* @conditional-compile-remove(rich-text-editor-image-upload) */\nimport { nanoid } from 'nanoid';\n/* @conditional-compile-remove(rich-text-editor-image-upload) */\nimport { getInlineImageData } from './ImageUploadUtils';\n\n/* @conditional-compile-remove(rich-text-editor-image-upload) */\n/**\n * @private\n */\nexport const useImageUpload = (): [\n  AttachmentUpload[],\n  Dispatch<Actions>,\n  onUploadInlineImage: (image: string, fileName: string) => Promise<void>,\n  onCancelInlineImageUploadHandler: (imageId: string) => void\n] => {\n  const MAX_INLINE_IMAGE_UPLOAD_SIZE_MB = 20;\n  const adapter = useAdapter();\n  const [inlineImageUploads, handleInlineImageUploadAction] = useReducer(AttachmentUploadReducer, []);\n\n  const inlineImageUploadHandler = useCallback(\n    async (uploadTasks: AttachmentUpload[]): 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    [adapter]\n  );\n\n  const onUploadInlineImage = useCallback(\n    async (image: string, fileName: string): Promise<void> => {\n      if (!image) {\n        return;\n      }\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          handleInlineImageUploadAction({ type: AttachmentUploadActionType.Progress, taskId, progress: value });\n        },\n        notifyUploadCompleted: (id: string, url: string) => {\n          handleInlineImageUploadAction({ type: AttachmentUploadActionType.Completed, taskId, id, url });\n        },\n        notifyUploadFailed: (message: string) => {\n          handleInlineImageUploadAction({ type: AttachmentUploadActionType.Failed, taskId, message });\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            handleInlineImageUploadAction({ type: AttachmentUploadActionType.Remove, id: taskId });\n          }, 10 * 1000);\n        }\n      };\n\n      const newUploads = [uploadTask];\n      handleInlineImageUploadAction({ type: AttachmentUploadActionType.Set, newUploads });\n      inlineImageUploadHandler(newUploads);\n    },\n    [inlineImageUploadHandler]\n  );\n\n  const onCancelInlineImageUploadHandler = useCallback(\n    (imageId: string) => {\n      const imageUpload = inlineImageUploads.find((upload) => upload.metadata.id === imageId);\n      const uploadId = imageUpload?.metadata.id;\n      if (!uploadId) {\n        return;\n      }\n      handleInlineImageUploadAction({ type: AttachmentUploadActionType.Remove, id: uploadId });\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    [adapter, inlineImageUploads]\n  );\n  return [inlineImageUploads, handleInlineImageUploadAction, onUploadInlineImage, onCancelInlineImageUploadHandler];\n};\n"]}