@azure/communication-react 1.12.1-alpha-202401310012 → 1.12.1-alpha-202402010012

package/dist/communication-react.d.ts

@@ -247,10 +247,6 @@ export declare type AreTypeEqual<A, B> = A extends B ? (B extends A ? true : fal
  * @beta
  */
 export declare interface AttachmentDownloadResult {
-    /**
-     * Unique ID of the attachment.
-     */
-    attachmentId: string;
     /**
      * Blob URL for the attachment.
      */
@@ -3087,9 +3083,9 @@ export declare interface CallWithChatAdapterManagement {
     updateFileUploadErrorMessage: (id: string, errorMessage: string) => void;
     /** @beta */
     updateFileUploadMetadata: (id: string, metadata: AttachmentMetadata) => void;
-    downloadAttachments: (options: {
-        attachmentUrls: Record<string, string>;
-    }) => Promise<AttachmentDownloadResult[]>;
+    downloadAttachment: (options: {
+        attachmentUrl: string;
+    }) => Promise<AttachmentDownloadResult>;
     /**
      * Puts the Call in a Localhold.
      *
@@ -4343,9 +4339,9 @@ export declare interface ChatAdapterThreadManagement {
      *
      */
     loadPreviousChatMessages(messagesToLoad: number): Promise<boolean>;
-    downloadAttachments: (options: {
-        attachmentUrls: Record<string, string>;
-    }) => Promise<AttachmentDownloadResult[]>;
+    downloadAttachment: (options: {
+        attachmentUrl: string;
+    }) => Promise<AttachmentDownloadResult>;
 }
 
 /**

package/dist/dist-cjs/communication-react/index.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.12.1-alpha-202401310012';
+var telemetryVersion = '1.12.1-alpha-202402010012';
 
 
 var telemetryVersion$1 = /*@__PURE__*/getDefaultExportFromCjs(telemetryVersion);
@@ -18198,17 +18198,18 @@ const digitStyles = (theme) => {
 /**
  * @private
  */
-const textFieldStyles = (theme) => ({
+const textFieldStyles = (theme, buttonPresent) => ({
     field: {
         padding: 0,
         textAlign: 'center',
         fontSize: `${_pxToRem(18)}`,
         fontWeight: 400,
-        width: `${_pxToRem(192)}`,
+        width: `${buttonPresent ? '10rem' : '12rem'}`,
         height: '3rem',
         borderRadius: '0.5rem',
         position: 'relative',
-        overflowX: 'auto'
+        overflowX: 'hidden',
+        textOverflow: 'clip'
     },
     root: {
         backgroundColor: `${theme.palette.neutralLighter}`,
@@ -18219,6 +18220,7 @@ const textFieldStyles = (theme) => ({
     fieldGroup: {
         border: 'none',
         borderRadius: '0.5rem',
+        width: '12rem',
         height: '3rem',
         backgroundColor: `${theme.palette.neutralLighter}`,
         ':after': {
@@ -18533,7 +18535,7 @@ const DialpadContainer = (props) => {
         setText(modifiedInput);
     };
     return (React.createElement(react.Stack, { className: react.mergeStyles(containerStyles$3(theme), (_a = props.styles) === null || _a === void 0 ? void 0 : _a.root), "data-test-id": "dialpadContainer", "data-ui-id": "dialpadContainer", horizontalAlign: 'center' },
-        dialpadMode === 'dialer' && (React.createElement(react.TextField, { styles: react.concatStyleSets(textFieldStyles(theme), (_b = props.styles) === null || _b === void 0 ? void 0 : _b.textField), value: textFieldValue ? textFieldValue : formatPhoneNumber(plainTextValue), 
+        dialpadMode === 'dialer' && (React.createElement(react.TextField, { styles: react.concatStyleSets(textFieldStyles(theme, plainTextValue !== ''), (_b = props.styles) === null || _b === void 0 ? void 0 : _b.textField), value: textFieldValue ? textFieldValue : formatPhoneNumber(plainTextValue), 
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
             onChange: (e) => {
                 setText(e.target.value);
@@ -23378,7 +23380,7 @@ class AzureCommunicationChatAdapter {
         /* @conditional-compile-remove(file-sharing) */
         this.updateFileUploadMetadata = this.updateFileUploadMetadata.bind(this);
         /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
-        this.downloadAttachments = this.downloadAttachments.bind(this);
+        this.downloadAttachment = this.downloadAttachment.bind(this);
     }
     dispose() {
         this.unsubscribeAllEvents();
@@ -23520,7 +23522,7 @@ class AzureCommunicationChatAdapter {
         this.fileUploadAdapter.updateFileUploadMetadata(id, metadata);
     }
     /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
-    downloadAttachments(options) {
+    downloadAttachment(options) {
         return __awaiter$l(this, void 0, void 0, function* () {
             return this.asyncTeeErrorToEventEmitter(() => __awaiter$l(this, void 0, void 0, function* () {
                 if (this.credential === undefined) {
@@ -23549,13 +23551,9 @@ class AzureCommunicationChatAdapter {
                     }
                 });
             }
-            const attachmentDownloadResults = [];
-            for (const id in options.attachmentUrls) {
-                const response = yield fetchWithAuthentication(options.attachmentUrls[id], accessToken);
-                const blob = yield response.blob();
-                attachmentDownloadResults.push({ attachmentId: id, blobUrl: URL.createObjectURL(blob) });
-            }
-            return attachmentDownloadResults;
+            const response = yield fetchWithAuthentication(options.attachmentUrl, accessToken);
+            const blob = yield response.blob();
+            return { blobUrl: URL.createObjectURL(blob) };
         });
     }
     messageReceivedListener(event) {
@@ -24590,9 +24588,9 @@ const ChatScreen = (props) => {
         }
         if (attachment.attachmentType === 'inlineImage' && attachment.url) {
             // TBD: Need to begin investigating how to download HQ images.
-            const blob = yield adapter.downloadAttachments({ attachmentUrls: { [attachment.id]: attachment.url } });
-            if (blob[0]) {
-                const blobUrl = blob[0].blobUrl;
+            const blob = yield adapter.downloadAttachment({ attachmentUrl: attachment.url });
+            if (blob) {
+                const blobUrl = blob.blobUrl;
                 setFullSizeAttachments((prev) => (Object.assign(Object.assign({}, prev), { [attachment.id]: blobUrl })));
                 setGalleryImages([
                     Object.assign(Object.assign({}, galleryImage), { imageUrl: blobUrl })
@@ -34577,9 +34575,9 @@ class CallWithChatBackedChatAdapter {
         this.callWithChatAdapter = callWithChatAdapter;
     }
     /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
-    downloadAttachments(options) {
+    downloadAttachment(options) {
         return __awaiter$3(this, void 0, void 0, function* () {
-            return yield this.callWithChatAdapter.downloadAttachments(options);
+            return yield this.callWithChatAdapter.downloadAttachment(options);
         });
     }
 }
@@ -35227,7 +35225,7 @@ class AzureCommunicationCallWithChatAdapter {
         /* @conditional-compile-remove(file-sharing) */
         this.updateFileUploadMetadata = this.updateFileUploadMetadata.bind(this);
         /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
-        this.downloadAttachments = this.downloadAttachments.bind(this);
+        this.downloadAttachment = this.downloadAttachment.bind(this);
         /* @conditional-compile-remove(PSTN-calls) */
         this.holdCall.bind(this);
         /* @conditional-compile-remove(PSTN-calls) */
@@ -35478,9 +35476,9 @@ class AzureCommunicationCallWithChatAdapter {
         });
     }
     /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
-    downloadAttachments(options) {
+    downloadAttachment(options) {
         return __awaiter$2(this, void 0, void 0, function* () {
-            return yield this.chatAdapter.downloadAttachments(options);
+            return yield this.chatAdapter.downloadAttachment(options);
         });
     }
     /* @conditional-compile-remove(PSTN-calls) */