@azure/communication-react 1.14.0-alpha-202403070010 → 1.14.0-alpha-202403080013

package/dist/communication-react.d.ts

@@ -4799,7 +4799,7 @@ export declare type ChatMessageWithStatus = ChatMessage_2 & {
     clientMessageId?: string;
     status: MessageStatus;
     policyViolation?: boolean;
-    resourceCache?: Record<string, string>;
+    resourceCache?: Record<string, ResourceFetchResult>;
 };
 
 /**
@@ -9520,6 +9520,15 @@ export declare type ResourceDetails = {
     resourceUrl: string;
 };
 
+/**
+ * Result of the Resource downloaded from stateful client
+ * @public
+ */
+export declare type ResourceFetchResult = {
+    sourceUrl: string;
+    error?: Error;
+};
+
 /**
  * Options for configuring the rich text editor.
  *

package/dist/dist-cjs/communication-react/{RichTextSendBoxWrapper-DQB5BrFt.js → RichTextSendBoxWrapper-CQnsLK4_.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-szH03w3_.js');
+var index = require('./index--vbi3hW5.js');
 require('@fluentui/react');
 require('@fluentui/react-file-type-icons');
 require('@azure/communication-common');
@@ -48,4 +48,4 @@ const RichTextSendBoxWrapper = () => {
 };
 
 exports.RichTextSendBoxWrapper = RichTextSendBoxWrapper;
-//# sourceMappingURL=RichTextSendBoxWrapper-DQB5BrFt.js.map
+//# sourceMappingURL=RichTextSendBoxWrapper-CQnsLK4_.js.map

package/dist/dist-cjs/communication-react/{RichTextSendBoxWrapper-DQB5BrFt.js.map → RichTextSendBoxWrapper-CQnsLK4_.js.map}

@@ -1 +1 @@
-{"version":3,"file":"RichTextSendBoxWrapper-DQB5BrFt.js","sources":["../../../../react-composites/src/composites/common/RichTextSendBoxWrapper.tsx"],"sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/* @conditional-compile-remove(rich-text-editor) */\nimport React from 'react';\n/* @conditional-compile-remove(rich-text-editor) */\nimport { usePropsFor } from '../ChatComposite/hooks/usePropsFor';\n/* @conditional-compile-remove(rich-text-editor) */\nimport { RichTextSendBox } from '@internal/react-components';\n\n/* @conditional-compile-remove(rich-text-editor) */\n/**\n * @private\n *\n * Wrapper for RichTextSendBox component to allow us to use usePropsFor with richTextSendBox\n * before lazyLoading is done\n */\nexport const RichTextSendBoxWrapper = (): JSX.Element => {\n  const richTextSendBoxProps = usePropsFor(RichTextSendBox);\n\n  return <RichTextSendBox {...richTextSendBoxProps} />;\n};\n"],"names":["usePropsFor","RichTextSendBox"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AAEA;AAOA;AACA;;;;;AAKG;AACI,MAAM,sBAAsB,GAAG,MAAkB;AACtD,IAAA,MAAM,oBAAoB,GAAGA,iBAAW,CAACC,qBAAe,CAAC,CAAC;AAE1D,IAAA,OAAO,KAAC,CAAA,aAAA,CAAAA,qBAAe,EAAK,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,oBAAoB,EAAI,CAAC;AACvD;;;;"}
+{"version":3,"file":"RichTextSendBoxWrapper-CQnsLK4_.js","sources":["../../../../react-composites/src/composites/common/RichTextSendBoxWrapper.tsx"],"sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/* @conditional-compile-remove(rich-text-editor) */\nimport React from 'react';\n/* @conditional-compile-remove(rich-text-editor) */\nimport { usePropsFor } from '../ChatComposite/hooks/usePropsFor';\n/* @conditional-compile-remove(rich-text-editor) */\nimport { RichTextSendBox } from '@internal/react-components';\n\n/* @conditional-compile-remove(rich-text-editor) */\n/**\n * @private\n *\n * Wrapper for RichTextSendBox component to allow us to use usePropsFor with richTextSendBox\n * before lazyLoading is done\n */\nexport const RichTextSendBoxWrapper = (): JSX.Element => {\n  const richTextSendBoxProps = usePropsFor(RichTextSendBox);\n\n  return <RichTextSendBox {...richTextSendBoxProps} />;\n};\n"],"names":["usePropsFor","RichTextSendBox"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AAEA;AAOA;AACA;;;;;AAKG;AACI,MAAM,sBAAsB,GAAG,MAAkB;AACtD,IAAA,MAAM,oBAAoB,GAAGA,iBAAW,CAACC,qBAAe,CAAC,CAAC;AAE1D,IAAA,OAAO,KAAC,CAAA,aAAA,CAAAA,qBAAe,EAAK,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,oBAAoB,EAAI,CAAC;AACvD;;;;"}

package/dist/dist-cjs/communication-react/{index-szH03w3_.js → index--vbi3hW5.js}

@@ -173,7 +173,7 @@ function getDefaultExportFromCjs (x) {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
 // GENERATED FILE. DO NOT EDIT MANUALLY.
-var telemetryVersion = '1.14.0-alpha-202403070010';
+var telemetryVersion = '1.14.0-alpha-202403080013';
 
 
 var telemetryVersion$1 = /*@__PURE__*/getDefaultExportFromCjs(telemetryVersion);
@@ -20428,12 +20428,12 @@ const _CaptionsSettingsModal = (props) => {
     const theme = react.useTheme();
     const [hasSetSpokenLanguage, setHasSetSpokenLanguage] = React.useState(false);
     const [selectedSpokenLanguage, setSelectedSpokenLanguage] = React.useState({
-        key: currentSpokenLanguage !== null && currentSpokenLanguage !== void 0 ? currentSpokenLanguage : defaultSpokenLanguage,
-        text: currentSpokenLanguage !== null && currentSpokenLanguage !== void 0 ? currentSpokenLanguage : defaultSpokenLanguage
+        key: currentSpokenLanguage || defaultSpokenLanguage,
+        text: currentSpokenLanguage || defaultSpokenLanguage
     });
     const [selectedCaptionLanguage, setSelectedCaptionLanguage] = React.useState({
-        key: currentCaptionLanguage !== null && currentCaptionLanguage !== void 0 ? currentCaptionLanguage : _spokenLanguageToCaptionLanguage[selectedSpokenLanguage.key],
-        text: currentCaptionLanguage !== null && currentCaptionLanguage !== void 0 ? currentCaptionLanguage : _spokenLanguageToCaptionLanguage[selectedSpokenLanguage.key]
+        key: currentCaptionLanguage || _spokenLanguageToCaptionLanguage[selectedSpokenLanguage.key],
+        text: currentCaptionLanguage || _spokenLanguageToCaptionLanguage[selectedSpokenLanguage.key]
     });
     React.useEffect(() => {
         // set spoken language when start captions with a spoken language specified.
@@ -22078,11 +22078,11 @@ const processChatMessageContent = (message) => {
         if (content) {
             const document = new DOMParser().parseFromString(content !== null && content !== void 0 ? content : '', 'text/html');
             document.querySelectorAll('img').forEach((img) => {
-                var _a, _b, _c;
+                var _a, _b;
                 const attachmentPreviewUrl = (_a = attachments.find((attachment) => attachment.id === img.id)) === null || _a === void 0 ? void 0 : _a.previewUrl;
                 if (attachmentPreviewUrl) {
-                    const src = (_c = (_b = message.resourceCache) === null || _b === void 0 ? void 0 : _b[attachmentPreviewUrl]) !== null && _c !== void 0 ? _c : '';
-                    img.src = src;
+                    const resourceCache = (_b = message.resourceCache) === null || _b === void 0 ? void 0 : _b[attachmentPreviewUrl];
+                    img.src = getResourceSourceUrl(resourceCache);
                 }
             });
             content = document.body.innerHTML;
@@ -22104,15 +22104,24 @@ const processChatMessageContent = (message) => {
 };
 /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
 const generateImageAttachmentImgHtml = (message, attachment) => {
-    var _a, _b;
+    var _a;
     if (attachment.previewUrl !== undefined) {
         const contentType = extractAttachmentContentTypeFromName(attachment.name);
-        const src = (_b = (_a = message.resourceCache) === null || _a === void 0 ? void 0 : _a[attachment.previewUrl]) !== null && _b !== void 0 ? _b : '';
+        const resourceCache = (_a = message.resourceCache) === null || _a === void 0 ? void 0 : _a[attachment.previewUrl];
+        const src = getResourceSourceUrl(resourceCache);
         return `\r\n<p><img alt="image" src="${src}" itemscope="${contentType}" id="${attachment.id}"></p>`;
     }
     return '';
 };
 /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
+const getResourceSourceUrl = (result) => {
+    let src = 'blob://';
+    if (result && result.error === undefined) {
+        src = result.sourceUrl;
+    }
+    return src;
+};
+/* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
 const extractAttachmentContentTypeFromName = (name) => {
     if (name === undefined) {
         return '';
@@ -22629,8 +22638,15 @@ class ResourceDownloadQueue {
     }
     downloadSingleUrl(message, resourceUrl, operation) {
         return __awaiter$t(this, void 0, void 0, function* () {
-            const blobUrl = yield this.downloadResource(operation, resourceUrl);
-            message = Object.assign(Object.assign({}, message), { resourceCache: Object.assign(Object.assign({}, message.resourceCache), { [resourceUrl]: blobUrl }) });
+            const response = { sourceUrl: '' };
+            try {
+                const blobUrl = yield this.downloadResource(operation, resourceUrl);
+                response.sourceUrl = blobUrl;
+            }
+            catch (error) {
+                response.error = error;
+            }
+            message = Object.assign(Object.assign({}, message), { resourceCache: Object.assign(Object.assign({}, message.resourceCache), { [resourceUrl]: response }) });
             return message;
         });
     }
@@ -22644,8 +22660,15 @@ class ResourceDownloadQueue {
                 }
                 for (const attachment of attachments) {
                     if (attachment.previewUrl && attachment.attachmentType === 'image') {
-                        const blobUrl = yield this.downloadResource(operation, attachment.previewUrl);
-                        message.resourceCache[attachment.previewUrl] = blobUrl;
+                        const response = { sourceUrl: '' };
+                        try {
+                            const blobUrl = yield this.downloadResource(operation, attachment.previewUrl);
+                            response.sourceUrl = blobUrl;
+                        }
+                        catch (error) {
+                            response.error = error;
+                        }
+                        message.resourceCache[attachment.previewUrl] = response;
                     }
                 }
             }
@@ -22654,13 +22677,7 @@ class ResourceDownloadQueue {
     }
     downloadResource(operation, url) {
         return __awaiter$t(this, void 0, void 0, function* () {
-            let blobUrl = URL.createObjectURL(new Blob());
-            try {
-                blobUrl = yield operation(url, this._credential);
-            }
-            catch (error) {
-                console.log('Downloading Resource error: ', error);
-            }
+            const blobUrl = yield operation(url, this._credential);
             return blobUrl;
         });
     }
@@ -22766,8 +22783,8 @@ let ChatContext$1 = class ChatContext {
                     const cache = thread.chatMessages[messageId].resourceCache;
                     if (cache) {
                         Object.keys(cache).forEach((resourceUrl) => {
-                            const blobUrl = cache[resourceUrl];
-                            URL.revokeObjectURL(blobUrl);
+                            const resource = cache[resourceUrl];
+                            URL.revokeObjectURL(resource.sourceUrl);
                         });
                     }
                     thread.chatMessages[messageId].resourceCache = undefined;
@@ -22799,8 +22816,8 @@ let ChatContext$1 = class ChatContext {
             var _a;
             const message = (_a = draft.threads[threadId]) === null || _a === void 0 ? void 0 : _a.chatMessages[messageId];
             if (message && message.resourceCache) {
-                const blobUrl = message.resourceCache[resourceUrl];
-                URL.revokeObjectURL(blobUrl);
+                const resource = message.resourceCache[resourceUrl];
+                URL.revokeObjectURL(resource.sourceUrl);
                 delete message.resourceCache[resourceUrl];
             }
         });
@@ -25396,7 +25413,7 @@ const useSelector$2 = (selector, selectorProps) => {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
 /* @conditional-compile-remove(rich-text-editor) */
-const RichTextSendBoxWrapper = React.lazy(() => Promise.resolve().then(function () { return require('./RichTextSendBoxWrapper-DQB5BrFt.js'); }).then((module) => ({ default: module.RichTextSendBoxWrapper })));
+const RichTextSendBoxWrapper = React.lazy(() => Promise.resolve().then(function () { return require('./RichTextSendBoxWrapper-CQnsLK4_.js'); }).then((module) => ({ default: module.RichTextSendBoxWrapper })));
 /**
  * @private
  */
@@ -25477,7 +25494,7 @@ const ChatScreen = (props) => {
         const message = adapter.getState().thread.chatMessages[overlayImageItem === null || overlayImageItem === void 0 ? void 0 : overlayImageItem.messageId];
         const resourceCache = message.resourceCache;
         if (overlayImageItem.imageSrc === '' && resourceCache) {
-            const fullSizeImageSrc = resourceCache[overlayImageItem.imageUrl];
+            const fullSizeImageSrc = resourceCache[overlayImageItem.imageUrl].sourceUrl;
             if (fullSizeImageSrc === undefined || fullSizeImageSrc === '' || overlayImageItem.imageSrc === fullSizeImageSrc) {
                 return;
             }
@@ -25524,7 +25541,7 @@ const ChatScreen = (props) => {
         let imageSrc = '';
         if (attachment.url) {
             if (resourceCache && resourceCache[attachment.url]) {
-                imageSrc = resourceCache[attachment.url];
+                imageSrc = resourceCache[attachment.url].sourceUrl;
             }
             else {
                 adapter.downloadResourceToCache({
@@ -38008,4 +38025,4 @@ exports.useTeamsCall = useTeamsCall;
 exports.useTeamsCallAdapter = useTeamsCallAdapter;
 exports.useTeamsCallAgent = useTeamsCallAgent;
 exports.useTheme = useTheme;
-//# sourceMappingURL=index-szH03w3_.js.map
+//# sourceMappingURL=index--vbi3hW5.js.map