@azure/communication-react 1.5.1-alpha-202306010016 → 1.5.1-alpha-202306030013

package/dist/communication-react.d.ts

@@ -94,6 +94,7 @@ import { TeamsCall } from '@azure/communication-calling';
 import { TeamsCallAgent } from '@azure/communication-calling';
 import { TeamsMeetingLinkLocator } from '@azure/communication-calling';
 import { Theme } from '@fluentui/react';
+import { TransferRequestedEventArgs } from '@azure/communication-calling';
 import { TypingIndicatorReceivedEvent } from '@azure/communication-chat';
 import { UnknownIdentifier } from '@azure/communication-common';
 import { UnknownIdentifierKind } from '@azure/communication-common';
@@ -863,6 +864,10 @@ export declare type CallAdapterClientState = {
      * State to track the selected video background effect.
      */
     selectedVideoBackgroundEffect?: SelectedVideoBackgroundEffect;
+    /**
+     * Call from transfer request accepted by local user
+     */
+    acceptedTransferCallState?: CallState;
 };
 
 /**
@@ -1032,6 +1037,10 @@ export declare interface CallAdapterSubscribers {
      * Subscribe function for 'isCaptionsActiveChanged' event.
      */
     on(event: 'isCaptionsActiveChanged', listener: IsCaptionsActiveChangedListener): void;
+    /**
+     * Subscribe function for 'transferRequested' event.
+     */
+    on(event: 'transferRequested', listener: TransferRequestedListener): void;
     /**
      * Unsubscribe function for 'participantsJoined' event.
      */
@@ -1088,6 +1097,10 @@ export declare interface CallAdapterSubscribers {
      * Unsubscribe function for 'isCaptionsActiveChanged' event.
      */
     off(event: 'isCaptionsActiveChanged', listener: IsCaptionsActiveChangedListener): void;
+    /**
+     * Unsubscribe function for 'transferRequested' event.
+     */
+    off(event: 'transferRequested', listener: TransferRequestedListener): void;
 }
 
 /**
@@ -5845,7 +5858,7 @@ export declare interface FileMetadata {
 /**
  * @beta
  */
-export declare type FileMetadataAttachmentType = 'fileSharing' | /* @conditional-compile-remove(teams-inline-images) */ 'teamsInlineImage' | 'unknown';
+export declare type FileMetadataAttachmentType = 'fileSharing' | /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */ 'teamsInlineImage' | 'unknown';
 
 /**
  * Properties for configuring the File Sharing feature.
@@ -8407,7 +8420,7 @@ export declare interface TeamsCallAdapter extends CommonCallAdapter {
 export declare type TeamsCallAdapterArgs = {
     userId: MicrosoftTeamsUserIdentifier;
     credential: CommunicationTokenCredential;
-    locator: TeamsMeetingLinkLocator;
+    locator: TeamsMeetingLinkLocator | /* @conditional-compile-remove(teams-adhoc-call) */ /* @conditional-compile-remove(PSTN-calls) */ CallParticipantsLocator;
     /**
      * Optional parameters for the {@link TeamsCallAdapter} created
      */
@@ -8485,6 +8498,13 @@ export declare interface TransferFeature {
     };
 }
 
+/**
+ * Callback for {@link CallAdapterSubscribers} 'isCaptionsActiveChanged' event.
+ *
+ * @beta
+ */
+export declare type TransferRequestedListener = (event: TransferRequestedEventArgs) => void;
+
 /**
  * Component to notify local user when one or more participants in the chat thread are typing.
  *

package/dist/dist-cjs/communication-react/index.js

@@ -167,7 +167,7 @@ const _toCommunicationIdentifier = (id) => {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT license.
 // GENERATED FILE. DO NOT EDIT MANUALLY.
-var telemetryVersion = '1.5.1-alpha-202306010016';
+var telemetryVersion = '1.5.1-alpha-202306030013';
 
 // Copyright (c) Microsoft Corporation.
 /**
@@ -6366,12 +6366,6 @@ const InputBoxComponent = (props) => {
         updateMentionSuggestions(suggestions);
     }), 500);
     /* @conditional-compile-remove(mention) */
-    React.useEffect(() => {
-        return () => {
-            debouncedQueryUpdate.cancel();
-        };
-    }, [debouncedQueryUpdate]);
-    /* @conditional-compile-remove(mention) */
     // Update selections index in mention to navigate by words
     const updateSelectionIndexesWithMentionIfNeeded = React.useCallback((event, inputTextValue, selectionStartValue, selectionEndValue, tagsValue) => {
         var _a, _b, _c;
@@ -6496,6 +6490,7 @@ const InputBoxComponent = (props) => {
     /* @conditional-compile-remove(mention) */
     const handleOnChange = React.useCallback((event, tagsValue, htmlTextValue, inputTextValue, currentTriggerStartIndex, previousSelectionStart, previousSelectionEnd, currentSelectionStart, currentSelectionEnd, updatedValue) => __awaiter$w(void 0, void 0, void 0, function* () {
         var _b;
+        debouncedQueryUpdate.cancel();
         if (event.currentTarget === null) {
             return;
         }
@@ -6717,8 +6712,10 @@ const InputBoxComponent = (props) => {
                     setCaretIndex(undefined);
                     setSelectionStartValue(null);
                     setSelectionEndValue(null);
-                    // Dismiss the suggestions on blur
-                    setMentionSuggestions([]);
+                    // Dismiss the suggestions on blur, after enough time to select by mouse if needed
+                    setTimeout(() => {
+                        setMentionSuggestions([]);
+                    }, 200);
                 }, autoComplete: "off", onKeyDown: onTextFieldKeyDown, styles: mergedTextFieldStyle, disabled: disabled, errorMessage: errorMessage, onRenderSuffix: onRenderChildren, elementRef: inputBoxRef }))));
 };
 /**
@@ -8796,7 +8793,7 @@ const MessageContentWithLiveAria = (props) => {
 };
 const MessageContentAsRichTextHTML = (props) => {
     const liveAuthor = _formatString(props.strings.liveAuthorIntro, { author: `${props.message.senderDisplayName}` });
-    /* @conditional-compile-remove(teams-inline-images) */
+    /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
     React.useEffect(() => {
         var _a;
         (_a = props.message.attachedFilesMetadata) === null || _a === void 0 ? void 0 : _a.map((fileMetadata) => {
@@ -8853,7 +8850,7 @@ const messageContentAriaText = (props) => {
 };
 const processNodeDefinitions = htmlToReact.ProcessNodeDefinitions();
 const htmlToReactParser = htmlToReact.Parser();
-/* @conditional-compile-remove(teams-inline-images) */
+/* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
 const processInlineImage = (props) => ({
     // Custom <img> processing
     shouldProcessNode: (node) => {
@@ -8899,7 +8896,7 @@ const processMention = (props) => ({
 const processHtmlToReact = (props) => {
     var _a;
     const steps = [
-        /* @conditional-compile-remove(teams-inline-images) */
+        /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
         processInlineImage(props),
         /* @conditional-compile-remove(mention) */
         processMention(props),
@@ -8990,17 +8987,20 @@ const _FileDownloadCards = (props) => {
             }
         }
     }), [props]);
-    // Its safe to assume that if the first item in the fileMetadata is not a fileSharing type we don't want to display the FileDownloadCard.
-    // Since you can't have both fileSharing and teamsInlineImage in the same message.
     if (!fileMetadata ||
         fileMetadata.length === 0 ||
-        /* @conditional-compile-remove(teams-inline-images) */ fileMetadata[0].attachmentType !== 'fileSharing') {
+        /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */ !fileMetadata.some((attachment) => attachment.attachmentType === 'fileSharing')) {
         return React__default['default'].createElement(React__default['default'].Fragment, null);
     }
     return (React__default['default'].createElement("div", { style: fileDownloadCardsStyle, "data-ui-id": "file-download-card-group" },
         React__default['default'].createElement(_FileCardGroup, null, fileMetadata &&
-            fileMetadata.map((file) => (React__default['default'].createElement(_FileCard, { fileName: file.name, key: file.name, fileExtension: file.extension, actionIcon: showSpinner ? (React__default['default'].createElement(react.Spinner, { size: react.SpinnerSize.medium, "aria-live": 'polite', role: 'status' })) : (React__default['default'].createElement(react.IconButton, { className: iconButtonClassName, ariaLabel: downloadFileButtonString() },
-                    React__default['default'].createElement(DownloadIconTrampoline, null))), actionHandler: () => fileDownloadHandler(userId, file) }))))));
+            fileMetadata
+                .filter((attachment) => {
+                /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
+                return attachment.attachmentType === 'fileSharing';
+            })
+                .map((file) => (React__default['default'].createElement(_FileCard, { fileName: file.name, key: file.name, fileExtension: file.extension, actionIcon: showSpinner ? (React__default['default'].createElement(react.Spinner, { size: react.SpinnerSize.medium, "aria-live": 'polite', role: 'status' })) : /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */ !file.previewUrl ? (React__default['default'].createElement(react.IconButton, { className: iconButtonClassName, ariaLabel: downloadFileButtonString() },
+                    React__default['default'].createElement(DownloadIconTrampoline, null))) : undefined, actionHandler: () => fileDownloadHandler(userId, file) }))))));
 };
 /**
  * @private
@@ -9108,9 +9108,9 @@ const MessageBubble = (props) => {
         }
         return (React__default['default'].createElement("div", { tabIndex: 0 },
             React__default['default'].createElement(ChatMessageContent, { message: message, strings: strings, 
-                /* @conditional-compile-remove(teams-inline-images) */
+                /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
                 onFetchAttachment: props.onFetchAttachments, 
-                /* @conditional-compile-remove(teams-inline-images) */
+                /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
                 attachmentsMap: props.attachmentsMap, 
                 /* @conditional-compile-remove(mention) */
                 mentionDisplayOptions: props.mentionDisplayOptions }),
@@ -9189,9 +9189,9 @@ const ChatMessageComponent = (props) => {
         return (React__default['default'].createElement(ChatMessageComponentAsMessageBubble, Object.assign({}, props, { onRemoveClick: onRemoveClick, onEditClick: onEditClick, onResendClick: onResendClick, onRenderAvatar: props.onRenderAvatar, 
             /* @conditional-compile-remove(date-time-customization) */
             onDisplayDateTimeString: props.onDisplayDateTimeString, strings: props.strings, 
-            /* @conditional-compile-remove(teams-inline-images) */
+            /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
             onFetchAttachments: props.onFetchAttachments, 
-            /* @conditional-compile-remove(teams-inline-images) */
+            /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
             attachmentsMap: props.attachmentsMap, 
             /* @conditional-compile-remove(mention) */
             mentionDisplayOptions: (_b = props.mentionOptions) === null || _b === void 0 ? void 0 : _b.displayOptions })));
@@ -9561,7 +9561,7 @@ const MessageThread = (props) => {
     const { messages: newMessages, userId, participantCount, readReceiptsBySenderId, styles, disableJumpToNewMessageButton = false, showMessageDate = false, showMessageStatus = false, numberOfChatMessagesToReload = 5, onMessageSeen, onRenderMessageStatus, onRenderAvatar, onLoadPreviousChatMessages, onRenderJumpToNewMessageButton, onRenderMessage, onUpdateMessage, onCancelMessageEdit, onDeleteMessage, onSendMessage, 
     /* @conditional-compile-remove(date-time-customization) */
     onDisplayDateTimeString, 
-    /* @conditional-compile-remove(teams-inline-images) */
+    /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
     onFetchAttachments, 
     /* @conditional-compile-remove(mention) */
     mentionOptions } = props;
@@ -9581,11 +9581,13 @@ const MessageThread = (props) => {
     const [lastSendingChatMessage, setLastSendingChatMessage] = React.useState(undefined);
     // readCount and participantCount will only need to be updated on-fly when user hover on an indicator
     const [readCountForHoveredIndicator, setReadCountForHoveredIndicator] = React.useState(undefined);
-    /* @conditional-compile-remove(teams-inline-images) */
+    /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
     const [inlineAttachments, setInlineAttachments] = React.useState({});
-    /* @conditional-compile-remove(teams-inline-images) */
+    /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
     const onFetchInlineAttachment = React.useCallback((attachment) => __awaiter$t(void 0, void 0, void 0, function* () {
-        if (!onFetchAttachments || attachment.id in inlineAttachments) {
+        if (!onFetchAttachments ||
+            attachment.id in inlineAttachments ||
+            attachment.attachmentType !== 'teamsInlineImage') {
             return;
         }
         setInlineAttachments((prev) => (Object.assign(Object.assign({}, prev), { [attachment.id]: '' })));
@@ -9602,6 +9604,10 @@ const MessageThread = (props) => {
             isAllChatMessagesLoadedRef.current = false;
         }
     }, [onLoadPreviousChatMessages]);
+    /* @conditional-compile-remove(file-sharing) */ /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
+    React.useEffect(() => {
+        reactFileTypeIcons.initializeFileTypeIcons();
+    }, []);
     const previousTopRef = React.useRef(-1);
     const previousHeightRef = React.useRef(-1);
     const messageIdSeenByMeRef = React.useRef('');
@@ -9805,9 +9811,9 @@ const MessageThread = (props) => {
                 strings: strings, message: messageProps.message, userId: props.userId, remoteParticipantsCount: participantCount ? participantCount - 1 : 0, inlineAcceptRejectEditButtons: !isNarrow, onRenderAvatar: onRenderAvatar, showMessageStatus: showMessageStatus, messageStatus: messageProps.message.status, onActionButtonClick: onActionButtonClickMemo, 
                 /* @conditional-compile-remove(date-time-customization) */
                 onDisplayDateTimeString: onDisplayDateTimeString, 
-                /* @conditional-compile-remove(teams-inline-images) */
+                /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
                 onFetchAttachments: onFetchInlineAttachment, 
-                /* @conditional-compile-remove(teams-inline-images) */
+                /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
                 attachmentsMap: inlineAttachments, 
                 /* @conditional-compile-remove(mention) */
                 mentionOptions: mentionOptions })));
@@ -9825,9 +9831,9 @@ const MessageThread = (props) => {
         onActionButtonClickMemo,
         /* @conditional-compile-remove(date-time-customization) */
         onDisplayDateTimeString,
-        /* @conditional-compile-remove(teams-inline-images) */
+        /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
         onFetchInlineAttachment,
-        /* @conditional-compile-remove(teams-inline-images) */
+        /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
         inlineAttachments,
         /* @conditional-compile-remove(mention) */
         mentionOptions
@@ -17048,8 +17054,8 @@ const extractAttachedFilesMetadata = (metadata) => {
         return [];
     }
 };
-/* @conditional-compile-remove(teams-inline-images) */
-const extractInlineImageFilesMetadata = (attachments) => {
+/* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
+const extractTeamsAttachmentsMetadata = (attachments) => {
     return attachments.map((attachment) => {
         var _a, _b;
         return ({
@@ -17057,12 +17063,12 @@ const extractInlineImageFilesMetadata = (attachments) => {
             id: attachment.id,
             name: (_a = attachment.name) !== null && _a !== void 0 ? _a : '',
             extension: (_b = attachment.contentType) !== null && _b !== void 0 ? _b : '',
-            url: attachment.url,
+            url: extractAttachmentUrl(attachment),
             previewUrl: attachment.previewUrl
         });
     });
 };
-/* @conditional-compile-remove(teams-inline-images) */
+/* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
 const mapAttachmentType = (attachmentType) => {
     if (attachmentType === 'teamsImage' || attachmentType === 'teamsInlineImage') {
         return 'teamsInlineImage';
@@ -17072,7 +17078,30 @@ const mapAttachmentType = (attachmentType) => {
     }
     return 'unknown';
 };
-/* @conditional-compile-remove(file-sharing) @conditional-compile-remove(teams-inline-images) */
+/* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
+const extractAttachmentUrl = (attachment) => {
+    return attachment.attachmentType === 'file' && attachment.previewUrl ? attachment.previewUrl : attachment.url;
+};
+const processChatMessageContent = (message) => {
+    var _a, _b, _c, _d, _e;
+    /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
+    if (sanitizedMessageContentType(message.type).includes('html') && ((_a = message.content) === null || _a === void 0 ? void 0 : _a.attachments)) {
+        const attachments = (_b = message.content) === null || _b === void 0 ? void 0 : _b.attachments;
+        const teamsImageHtmlContent = attachments
+            .filter((attachment) => attachment.attachmentType === 'teamsImage')
+            .map((attachment) => generateImageAttachmentImgHtml(attachment))
+            .join('');
+        if (teamsImageHtmlContent) {
+            return ((_d = (_c = message.content) === null || _c === void 0 ? void 0 : _c.message) !== null && _d !== void 0 ? _d : '') + teamsImageHtmlContent;
+        }
+    }
+    return (_e = message.content) === null || _e === void 0 ? void 0 : _e.message;
+};
+/* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
+const generateImageAttachmentImgHtml = (attachment) => {
+    return `\r\n<p><img alt="image" src="" itemscope="${attachment.contentType}" id="${attachment.id}"></p>`;
+};
+/* @conditional-compile-remove(file-sharing) @conditional-compile-remove(teams-inline-images-and-file-sharing) */
 const extractFilesMetadata = (message) => {
     var _a, _b;
     let fileMetadata = [];
@@ -17080,9 +17109,9 @@ const extractFilesMetadata = (message) => {
     if (message.metadata) {
         fileMetadata = fileMetadata.concat(extractAttachedFilesMetadata(message.metadata));
     }
-    /* @conditional-compile-remove(teams-inline-images) */
+    /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
     if ((_a = message.content) === null || _a === void 0 ? void 0 : _a.attachments) {
-        fileMetadata = fileMetadata.concat(extractInlineImageFilesMetadata((_b = message.content) === null || _b === void 0 ? void 0 : _b.attachments));
+        fileMetadata = fileMetadata.concat(extractTeamsAttachmentsMetadata((_b = message.content) === null || _b === void 0 ? void 0 : _b.attachments));
     }
     return fileMetadata;
 };
@@ -17103,12 +17132,11 @@ const convertToUiBlockedMessage = (message, userId, isSeen, isLargeGroup) => {
     };
 };
 const convertToUiChatMessage = (message, userId, isSeen, isLargeGroup) => {
-    var _a;
     const messageSenderId = message.sender !== undefined ? toFlatCommunicationIdentifier(message.sender) : userId;
     return {
         messageType: 'chat',
         createdOn: message.createdOn,
-        content: (_a = message.content) === null || _a === void 0 ? void 0 : _a.message,
+        content: processChatMessageContent(message),
         contentType: sanitizedMessageContentType(message.type),
         status: !isLargeGroup && message.status === 'delivered' && isSeen ? 'seen' : message.status,
         senderDisplayName: message.senderDisplayName,
@@ -17119,7 +17147,7 @@ const convertToUiChatMessage = (message, userId, isSeen, isLargeGroup) => {
         deletedOn: message.deletedOn,
         mine: messageSenderId === userId,
         metadata: message.metadata,
-        /* @conditional-compile-remove(file-sharing) @conditional-compile-remove(teams-inline-images) */
+        /* @conditional-compile-remove(file-sharing) @conditional-compile-remove(teams-inline-images-and-file-sharing) */
         attachedFilesMetadata: extractFilesMetadata(message)
     };
 };
@@ -17211,18 +17239,20 @@ const sanitizedMessageContentType = (type) => {
         : 'unknown';
 };
 const isMessageValidToRender = (message) => {
-    var _a, _b;
+    var _a, _b, _c;
     if (message.deletedOn) {
         return false;
     }
-    if ((_a = message.metadata) === null || _a === void 0 ? void 0 : _a['fileSharingMetadata']) {
+    if (((_a = message.metadata) === null || _a === void 0 ? void 0 : _a['fileSharingMetadata']) ||
+        (
+        /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */ (_b = message.content) === null || _b === void 0 ? void 0 : _b.attachments)) {
         return true;
     }
     /* @conditional-compile-remove(data-loss-prevention) */
     if (message.policyViolation) {
         return true;
     }
-    return !!(message.content && ((_b = message.content) === null || _b === void 0 ? void 0 : _b.message) !== '');
+    return !!(message.content && ((_c = message.content) === null || _c === void 0 ? void 0 : _c.message) !== '');
 };
 
 // Copyright (c) Microsoft Corporation.
@@ -17910,7 +17940,7 @@ class EventSubscriber {
                 version: event.version,
                 content: {
                     message: event.message,
-                    /* @conditional-compile-remove(teams-inline-images) */
+                    /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
                     attachments: event.attachments
                 },
                 type: this.convertEventType(event.type),
@@ -19437,19 +19467,19 @@ class ChatContext {
  */
 class AzureCommunicationChatAdapter {
     constructor(chatClient, chatThreadClient, 
-    /* @conditional-compile-remove(teams-inline-images) */ options) {
-        /* @conditional-compile-remove(teams-inline-images) */
+    /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */ options) {
+        /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
         this.credential = undefined;
         this.emitter = new EventEmitter__default['default']();
         this.bindAllPublicMethods();
         this.chatClient = chatClient;
         this.chatThreadClient = chatThreadClient;
         this.context = new ChatContext(chatClient.getState(), chatThreadClient.threadId);
-        /* @conditional-compile-remove(teams-inline-images) */
+        /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
         if (options && options.credential) {
             this.credential = options.credential;
         }
-        /* @conditional-compile-remove(file-sharing) */ /* @conditional-compile-remove(teams-inline-images) */
+        /* @conditional-compile-remove(file-sharing) */ /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
         this.fileUploadAdapter = new AzureCommunicationFileUploadAdapter(this.context);
         const onStateChange = (clientState) => {
             // unsubscribe when the instance gets disposed
@@ -19493,7 +19523,7 @@ class AzureCommunicationChatAdapter {
         this.updateFileUploadErrorMessage = this.updateFileUploadErrorMessage.bind(this);
         /* @conditional-compile-remove(file-sharing) */
         this.updateFileUploadMetadata = this.updateFileUploadMetadata.bind(this);
-        /* @conditional-compile-remove(teams-inline-images) */
+        /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
         this.downloadAttachments = this.downloadAttachments.bind(this);
     }
     dispose() {
@@ -19631,7 +19661,7 @@ class AzureCommunicationChatAdapter {
     updateFileUploadMetadata(id, metadata) {
         this.fileUploadAdapter.updateFileUploadMetadata(id, metadata);
     }
-    /* @conditional-compile-remove(teams-inline-images) */
+    /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
     downloadAttachments(options) {
         return __awaiter$h(this, void 0, void 0, function* () {
             return this.asyncTeeErrorToEventEmitter(() => __awaiter$h(this, void 0, void 0, function* () {
@@ -19652,7 +19682,7 @@ class AzureCommunicationChatAdapter {
             }));
         });
     }
-    /* @conditional-compile-remove(teams-inline-images) */
+    /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
     downloadAuthenticatedFile(accessToken, options) {
         return __awaiter$h(this, void 0, void 0, function* () {
             function fetchWithAuthentication(url, token) {
@@ -19782,10 +19812,10 @@ const createAzureCommunicationChatAdapter = ({ endpoint: endpointUrl, userId, di
     });
     const chatThreadClient = yield chatClient.getChatThreadClient(threadId);
     yield chatClient.startRealtimeNotifications();
-    /* @conditional-compile-remove(teams-inline-images) */
+    /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
     const options = { credential: credential };
     const adapter = yield createAzureCommunicationChatAdapterFromClient(chatClient, chatThreadClient, 
-    /* @conditional-compile-remove(teams-inline-images) */ options);
+    /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */ options);
     return adapter;
 });
 /**
@@ -19893,11 +19923,11 @@ beforeDispose) => {
  * @public
  */
 function createAzureCommunicationChatAdapterFromClient(chatClient, chatThreadClient, 
-/* @conditional-compile-remove(teams-inline-images) */
+/* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
 options) {
     return __awaiter$h(this, void 0, void 0, function* () {
         return new AzureCommunicationChatAdapter(chatClient, chatThreadClient, 
-        /* @conditional-compile-remove(teams-inline-images) */ options);
+        /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */ options);
     });
 }
 const isChatError = (e) => {
@@ -20551,7 +20581,7 @@ const ChatScreen = (props) => {
     const onRenderFileDownloads = React.useCallback((userId, message) => (React__default['default'].createElement(_FileDownloadCards, { userId: userId, fileMetadata: message.attachedFilesMetadata || [], downloadHandler: fileSharing === null || fileSharing === void 0 ? void 0 : fileSharing.downloadHandler, onDownloadErrorMessage: (errorMessage) => {
             setDownloadErrorMessage(errorMessage);
         } })), [fileSharing === null || fileSharing === void 0 ? void 0 : fileSharing.downloadHandler]);
-    /* @conditional-compile-remove(teams-inline-images) */
+    /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
     const onRenderInlineAttachment = React.useCallback((attachment) => __awaiter$f(void 0, void 0, void 0, function* () {
         if (attachment.previewUrl) {
             const blob = yield adapter.downloadAttachments({ attachmentUrls: [attachment.previewUrl] });
@@ -20577,7 +20607,7 @@ const ChatScreen = (props) => {
                 React__default['default'].createElement(MessageThread, Object.assign({}, messageThreadProps, { onRenderAvatar: onRenderAvatarCallback, onRenderMessage: onRenderMessage, 
                     /* @conditional-compile-remove(file-sharing) */
                     onRenderFileDownloads: onRenderFileDownloads, 
-                    /* @conditional-compile-remove(teams-inline-images) */
+                    /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
                     onFetchAttachments: onRenderInlineAttachment, numberOfChatMessagesToReload: defaultNumberOfChatMessagesToReload, styles: messageThreadStyles })),
                 React__default['default'].createElement(react.Stack, { className: react.mergeStyles(sendboxContainerStyles) },
                     React__default['default'].createElement("div", { className: react.mergeStyles(typingIndicatorContainerStyles) }, onRenderTypingIndicator ? (onRenderTypingIndicator(typingIndicatorProps.typingUsers)) : (React__default['default'].createElement(TypingIndicator, Object.assign({}, typingIndicatorProps, { styles: typingIndicatorStyles })))),
@@ -26340,11 +26370,18 @@ class CallContext {
             // Make sure that the call is set to undefined in the state.
             call = undefined;
         }
+        /* @conditional-compile-remove(call-transfer) */
+        const latestAcceptedTransfer = (call === null || call === void 0 ? void 0 : call.transferFeature.acceptedTransfers)
+            ? findLatestAcceptedTransfer(call.transferFeature.acceptedTransfers)
+            : undefined;
+        /* @conditional-compile-remove(call-transfer) */
+        const transferCall = latestAcceptedTransfer ? clientState.calls[latestAcceptedTransfer.callId] : undefined;
         if (this.state.page) {
             this.setState(Object.assign(Object.assign({}, this.state), { userId: clientState.userId, displayName: (_a = clientState.callAgent) === null || _a === void 0 ? void 0 : _a.displayName, call, page: newPage, endedCall: latestEndedCall, devices: clientState.deviceManager, latestErrors: clientState.latestErrors, cameraStatus: (call === null || call === void 0 ? void 0 : call.localVideoStreams.find((s) => s.mediaStreamType === 'Video')) ||
                     clientState.deviceManager.unparentedViews.find((s) => s.mediaStreamType === 'Video')
                     ? 'On'
-                    : 'Off' }));
+                    : 'Off', 
+                /* @conditional-compile-remove(call-transfer) */ acceptedTransferCallState: transferCall }));
         }
     }
     /* @conditional-compile-remove(unsupported-browser) */
@@ -26359,6 +26396,10 @@ class CallContext {
     setSelectedVideoBackgroundEffect(selectedVideoBackgroundEffect) {
         this.setState(Object.assign(Object.assign({}, this.state), { selectedVideoBackgroundEffect }));
     }
+    /* @conditional-compile-remove(call-transfer) */
+    setAcceptedTransferCall(call) {
+        this.setState(Object.assign(Object.assign({}, this.state), { acceptedTransferCallState: call }));
+    }
 }
 const findLatestEndedCall = (calls) => {
     var _a, _b, _c, _d;
@@ -26374,6 +26415,21 @@ const findLatestEndedCall = (calls) => {
     }
     return latestCall;
 };
+/* @conditional-compile-remove(call-transfer) */
+const findLatestAcceptedTransfer = (acceptedTransfers) => {
+    var _a, _b, _c, _d;
+    const acceptedTransferValues = Object.values(acceptedTransfers);
+    if (acceptedTransferValues.length === 0) {
+        return undefined;
+    }
+    let latestAcceptedTransfer = acceptedTransferValues[0];
+    for (const acceptedTransfer of acceptedTransferValues.slice(1)) {
+        if (((_b = (_a = acceptedTransfer.timestamp) === null || _a === void 0 ? void 0 : _a.getTime()) !== null && _b !== void 0 ? _b : 0) > ((_d = (_c = latestAcceptedTransfer.timestamp) === null || _c === void 0 ? void 0 : _c.getTime()) !== null && _d !== void 0 ? _d : 0)) {
+            latestAcceptedTransfer = acceptedTransfer;
+        }
+    }
+    return latestAcceptedTransfer;
+};
 /**
  * @private
  */
@@ -26425,6 +26481,43 @@ class AzureCommunicationCallAdapter {
         this.onClientStateChange = onStateChange;
         this.subscribeDeviceManagerEvents();
         this.callClient.onStateChange(onStateChange);
+        /* @conditional-compile-remove(call-transfer) */
+        if (this.callAgent.kind === 'CallAgent') {
+            const onCallsUpdated = (args) => {
+                var _a;
+                if ((_a = this.call) === null || _a === void 0 ? void 0 : _a.id) {
+                    const removedCall = args.removed.find((call) => { var _a; return call.id === ((_a = this.call) === null || _a === void 0 ? void 0 : _a.id); });
+                    if (removedCall) {
+                        const removedCallState = this.callClient.getState().callsEnded[removedCall.id];
+                        const latestAcceptedTransfer = findLatestAcceptedTransfer(removedCallState.transferFeature.acceptedTransfers);
+                        const _callAgent = callAgent;
+                        const transferCall = _callAgent.calls.find((call) => call.id === (latestAcceptedTransfer === null || latestAcceptedTransfer === void 0 ? void 0 : latestAcceptedTransfer.callId));
+                        if (transferCall) {
+                            this.processNewCall(transferCall);
+                        }
+                    }
+                }
+            };
+            this.callAgent.on('callsUpdated', onCallsUpdated);
+        }
+        else if (this.callAgent.kind === 'TeamsCallAgent') {
+            const onTeamsCallsUpdated = (args) => {
+                var _a;
+                if ((_a = this.call) === null || _a === void 0 ? void 0 : _a.id) {
+                    const removedCall = args.removed.find((call) => { var _a; return call.id === ((_a = this.call) === null || _a === void 0 ? void 0 : _a.id); });
+                    if (removedCall) {
+                        const removedCallState = this.callClient.getState().callsEnded[removedCall.id];
+                        const latestAcceptedTransfer = findLatestAcceptedTransfer(removedCallState.transferFeature.acceptedTransfers);
+                        const _callAgent = callAgent;
+                        const transferCall = _callAgent.calls.find((call) => call.id === (latestAcceptedTransfer === null || latestAcceptedTransfer === void 0 ? void 0 : latestAcceptedTransfer.callId));
+                        if (transferCall) {
+                            this.processNewCall(transferCall);
+                        }
+                    }
+                }
+            };
+            this.callAgent.on('callsUpdated', onTeamsCallsUpdated);
+        }
     }
     get call() {
         return this._call;
@@ -26870,13 +26963,15 @@ class AzureCommunicationCallAdapter {
         }
     }
     subscribeCallEvents() {
-        var _a, _b, _c, _d, _e;
+        var _a, _b, _c, _d, _e, _f;
         (_a = this.call) === null || _a === void 0 ? void 0 : _a.on('remoteParticipantsUpdated', this.onRemoteParticipantsUpdated.bind(this));
         (_b = this.call) === null || _b === void 0 ? void 0 : _b.on('isMutedChanged', this.isMyMutedChanged.bind(this));
         (_c = this.call) === null || _c === void 0 ? void 0 : _c.on('isScreenSharingOnChanged', this.isScreenSharingOnChanged.bind(this));
         (_d = this.call) === null || _d === void 0 ? void 0 : _d.on('idChanged', this.callIdChanged.bind(this));
         /* @conditional-compile-remove(close-captions) */
         (_e = this.call) === null || _e === void 0 ? void 0 : _e.on('stateChanged', this.subscribeToCaptionEvents.bind(this));
+        /* @conditional-compile-remove(call-transfer) */
+        (_f = this.call) === null || _f === void 0 ? void 0 : _f.feature(communicationCalling.Features.Transfer).on('transferRequested', this.transferRequested.bind(this));
     }
     unsubscribeCallEvents() {
         var _a, _b, _c, _d, _e, _f, _g;
@@ -26926,6 +27021,10 @@ class AzureCommunicationCallAdapter {
             isActive: (_a = this.call) === null || _a === void 0 ? void 0 : _a.feature(communicationCalling.Features.TeamsCaptions).isCaptionsFeatureActive
         });
     }
+    /* @conditional-compile-remove(call-transfer) */
+    transferRequested(args) {
+        this.emitter.emit('transferRequested', args);
+    }
     callIdChanged() {
         var _a;
         ((_a = this.call) === null || _a === void 0 ? void 0 : _a.id) && this.emitter.emit('callIdChanged', { callId: this.call.id });
@@ -27554,7 +27653,7 @@ class CallWithChatBackedChatAdapter {
         };
         this.callWithChatAdapter = callWithChatAdapter;
     }
-    /* @conditional-compile-remove(teams-inline-images) */
+    /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
     downloadAttachments(options) {
         return __awaiter$1(this, void 0, void 0, function* () {
             return yield this.callWithChatAdapter.downloadAttachments(options);
@@ -28118,7 +28217,7 @@ class AzureCommunicationCallWithChatAdapter {
         this.updateFileUploadErrorMessage = this.updateFileUploadErrorMessage.bind(this);
         /* @conditional-compile-remove(file-sharing) */
         this.updateFileUploadMetadata = this.updateFileUploadMetadata.bind(this);
-        /* @conditional-compile-remove(teams-inline-images) */
+        /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
         this.downloadAttachments = this.downloadAttachments.bind(this);
         /* @conditional-compile-remove(PSTN-calls) */
         this.holdCall.bind(this);
@@ -28327,7 +28426,7 @@ class AzureCommunicationCallWithChatAdapter {
             return yield this.chatAdapter.deleteMessage(messageId);
         });
     }
-    /* @conditional-compile-remove(teams-inline-images) */
+    /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
     downloadAttachments(options) {
         return __awaiter(this, void 0, void 0, function* () {
             return yield this.chatAdapter.downloadAttachments(options);
@@ -28700,11 +28799,11 @@ beforeDispose) => {
  * @public
  */
 const createAzureCommunicationCallWithChatAdapterFromClients = ({ callClient, callAgent, callLocator, chatClient, chatThreadClient, 
-/* @conditional-compile-remove(teams-inline-images) */
+/* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
 options }) => __awaiter(void 0, void 0, void 0, function* () {
     const createCallAdapterPromise = createAzureCommunicationCallAdapterFromClient(callClient, callAgent, callLocator);
     const createChatAdapterPromise = createAzureCommunicationChatAdapterFromClient(chatClient, chatThreadClient, 
-    /* @conditional-compile-remove(teams-inline-images) */
+    /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
     options);
     const [callAdapter, chatAdapter] = yield Promise.all([createCallAdapterPromise, createChatAdapterPromise]);
     return new AzureCommunicationCallWithChatAdapter(callAdapter, chatAdapter);