@azure/communication-react 1.5.1-alpha-202305310014 → 1.5.1-alpha-202306020014

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';
@@ -102,6 +103,22 @@ import { VideoEffectName } from '@azure/communication-calling';
 import { VideoStreamRenderer } from '@azure/communication-calling';
 import { VideoStreamRendererView } from '@azure/communication-calling';
 
+/**
+ * Transfer feature state
+ *
+ * @beta
+ */
+export declare interface AcceptedTransfer {
+    /**
+     * Stores call id of accepted transfer
+     */
+    callId: string;
+    /**
+     * Stores timestamp when transfer was accepted
+     */
+    timestamp: Date;
+}
+
 /**
  * Active error messages to be shown via {@link ErrorBar}.
  *
@@ -847,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;
 };
 
 /**
@@ -1016,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.
      */
@@ -1072,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;
 }
 
 /**
@@ -2164,6 +2193,10 @@ export declare interface CallState {
      * Proxy of {@link @azure/communication-calling#Call.totalParticipantCount}.
      */
     totalParticipantCount?: number;
+    /**
+     * Transfer state of call
+     */
+    transferFeature: TransferFeature;
 }
 
 /**
@@ -8387,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
      */
@@ -8451,6 +8484,27 @@ export declare interface TranscriptionCallFeature {
     isTranscriptionActive: boolean;
 }
 
+/**
+ * Transfer feature state
+ *
+ * @beta
+ */
+export declare interface TransferFeature {
+    /**
+     * Accepted transfer requests
+     */
+    acceptedTransfers: {
+        [key: string]: AcceptedTransfer;
+    };
+}
+
+/**
+ * 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

@@ -20,6 +20,7 @@ var reactFileTypeIcons = require('@fluentui/react-file-type-icons');
 var uuid = require('uuid');
 var htmlToReact = require('html-to-react');
 var Linkify = require('react-linkify');
+var DOMPurify = require('dompurify');
 var reactUseDraggableScroll = require('react-use-draggable-scroll');
 var reactHooks = require('@fluentui/react-hooks');
 var reactWindowProvider = require('@fluentui/react-window-provider');
@@ -57,6 +58,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var r__namespace = /*#__PURE__*/_interopNamespace(r);
 var Linkify__default = /*#__PURE__*/_interopDefaultLegacy(Linkify);
+var DOMPurify__default = /*#__PURE__*/_interopDefaultLegacy(DOMPurify);
 var copy__default = /*#__PURE__*/_interopDefaultLegacy(copy);
 
 // Copyright (c) Microsoft Corporation.
@@ -165,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-202305310014';
+var telemetryVersion = '1.5.1-alpha-202306020014';
 
 // Copyright (c) Microsoft Corporation.
 /**
@@ -1457,6 +1459,10 @@ function convertSdkCallToDeclarativeCall(call) {
             currentSpokenLanguage: '',
             isCaptionsFeatureActive: false,
             startCaptionsInProgress: false
+        },
+        /* @conditional-compile-remove(call-transfer) */
+        transferFeature: {
+            acceptedTransfers: {}
         }
     };
 }
@@ -2153,6 +2159,15 @@ class CallContext$2 {
             }
         });
     }
+    /* @conditional-compile-remove(call-transfer) */
+    setAcceptedTransfer(callId, acceptedTransfer) {
+        this.modifyState((draft) => {
+            const call = draft.calls[this._callIdHistory.latestCallId(callId)];
+            if (call) {
+                call.transferFeature.acceptedTransfers[acceptedTransfer.callId] = acceptedTransfer;
+            }
+        });
+    }
     /**
      * Tees any errors encountered in an async function to the state.
      *
@@ -3685,6 +3700,12 @@ class ProxyCallCommon {
                         const proxyFeature = new ProxyTeamsCaptionsFeature(this._context, target);
                         return new Proxy(captionsFeature, proxyFeature);
                     }
+                    /* @conditional-compile-remove(call-transfer) */
+                    if (args[0] === communicationCalling.Features.Transfer) {
+                        const transferFeature = target.feature(communicationCalling.Features.Transfer);
+                        const proxyFeature = new ProxyTransferCallFeature(this._context, target);
+                        return new Proxy(transferFeature, proxyFeature);
+                    }
                     return target.feature(...args);
                 }, 'Call.feature');
             }
@@ -3736,6 +3757,41 @@ class ProxyTeamsCaptionsFeature {
         }
     }
 }
+/* @conditional-compile-remove(call-transfer) */
+/**
+ * @private
+ */
+class ProxyTransferCallFeature {
+    constructor(context, call) {
+        this._context = context;
+        this._call = call;
+    }
+    get(target, prop) {
+        switch (prop) {
+            case 'on':
+                return (...args) => {
+                    const isTransferRequested = args[0] === 'transferRequested';
+                    if (isTransferRequested) {
+                        const listener = args[1];
+                        const newListener = (args) => {
+                            const newArgs = Object.assign(Object.assign({}, args), { accept: (acceptOptions) => {
+                                    const acceptedTransferCall = args.accept(acceptOptions);
+                                    this._context.setAcceptedTransfer(this._call.id, {
+                                        callId: acceptedTransferCall.id,
+                                        timestamp: new Date()
+                                    });
+                                    return acceptedTransferCall;
+                                } });
+                            listener(newArgs);
+                        };
+                        return target.on('transferRequested', newListener);
+                    }
+                };
+            default:
+                return Reflect.get(target, prop);
+        }
+    }
+}
 
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT license.
@@ -5730,6 +5786,32 @@ const DEFAULT_COMPONENT_ICONS = {
     ChangeSpokenLanguageIcon: React__default['default'].createElement(reactIcons.PersonVoice20Regular, null)
 };
 
+// Copyright (c) Microsoft Corporation.
+/**
+ * @internal
+ * Announcer component to maker aria announcements on actions
+ */
+const Announcer$1 = (props) => {
+    const { announcementString, ariaLive } = props;
+    return React__default['default'].createElement(react.Stack, { "aria-label": announcementString, "aria-live": ariaLive, styles: announcerStyles });
+};
+/**
+ * Styles to hide the announcer from view but still existing on the DOM tree it so that narration can happen.
+ */
+const announcerStyles = {
+    root: {
+        position: 'absolute',
+        width: '1px',
+        height: '1px',
+        padding: 0,
+        margin: '-1px',
+        overflow: 'hidden',
+        clip: 'rect(0,0,0,0)',
+        whiteSpace: 'nowrap',
+        border: 0
+    }
+};
+
 // Copyright (c) Microsoft Corporation.
 /**
  * @private
@@ -6119,7 +6201,7 @@ const InputBoxComponent = (props) => {
         updateMentionSuggestions([]);
     }, [textValue, mentionLookupOptions === null || mentionLookupOptions === void 0 ? void 0 : mentionLookupOptions.trigger, updateMentionSuggestions]);
     const mergedRootStyle = react.mergeStyles(inputBoxWrapperStyle, styles === null || styles === void 0 ? void 0 : styles.root);
-    const mergedTextFiledStyle = react.mergeStyles(inputBoxStyle, inputClassName, props.inlineChildren ? {} : inputBoxNewLineSpaceAffordance);
+    const mergedInputFieldStyle = react.mergeStyles(inputBoxStyle, inputClassName, props.inlineChildren ? {} : inputBoxNewLineSpaceAffordance);
     /* @conditional-compile-remove(mention) */
     React.useEffect(() => {
         var _a;
@@ -6215,9 +6297,9 @@ const InputBoxComponent = (props) => {
             return;
         }
         if (ev.key === 'ArrowUp') {
-            ev.preventDefault();
             /* @conditional-compile-remove(mention) */
             if (mentionSuggestions.length > 0) {
+                ev.preventDefault();
                 const newActiveIndex = activeSuggestionIndex === undefined
                     ? mentionSuggestions.length - 1
                     : Math.max(activeSuggestionIndex - 1, 0);
@@ -6225,15 +6307,21 @@ const InputBoxComponent = (props) => {
             }
         }
         else if (ev.key === 'ArrowDown') {
-            ev.preventDefault();
             /* @conditional-compile-remove(mention) */
             if (mentionSuggestions.length > 0) {
+                ev.preventDefault();
                 const newActiveIndex = activeSuggestionIndex === undefined
                     ? 0
                     : Math.min(activeSuggestionIndex + 1, mentionSuggestions.length - 1);
                 setActiveSuggestionIndex(newActiveIndex);
             }
         }
+        else if (ev.key === 'Escape') {
+            /* @conditional-compile-remove(mention) */
+            if (mentionSuggestions.length > 0) {
+                updateMentionSuggestions([]);
+            }
+        }
         if (ev.key === 'Enter' && (ev.shiftKey === false || !supportNewline)) {
             ev.preventDefault();
             // If we are looking up a mention, select the focused suggestion
@@ -6257,7 +6345,9 @@ const InputBoxComponent = (props) => {
         /* @conditional-compile-remove(mention) */
         activeSuggestionIndex,
         /* @conditional-compile-remove(mention) */
-        onSuggestionSelected
+        onSuggestionSelected,
+        /* @conditional-compile-remove(mention) */
+        updateMentionSuggestions
     ]);
     const onRenderChildren = () => {
         return (React__default['default'].createElement(react.Stack, { horizontal: true, className: mergedChildrenStyle }, children));
@@ -6270,17 +6360,12 @@ const InputBoxComponent = (props) => {
             setActiveSuggestionIndex(undefined);
         }
         else if (activeSuggestionIndex === undefined) {
+            // Set the active to the first, if it's not already set
             setActiveSuggestionIndex(0);
         }
         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;
@@ -6405,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;
         }
@@ -6547,12 +6633,23 @@ const InputBoxComponent = (props) => {
             }
         }
     }, [setTargetSelection, targetSelection, setShouldHandleOnMouseDownDuringSelect, interactionStartPoint, tagsValue]);
+    /* @conditional-compile-remove(mention) */
+    const announcerText = React.useMemo(() => {
+        if (activeSuggestionIndex === undefined) {
+            return undefined;
+        }
+        const currentMention = mentionSuggestions[activeSuggestionIndex !== null && activeSuggestionIndex !== void 0 ? activeSuggestionIndex : 0];
+        return (currentMention === null || currentMention === void 0 ? void 0 : currentMention.displayText.length) > 0
+            ? currentMention === null || currentMention === void 0 ? void 0 : currentMention.displayText
+            : localeStrings.participantItem.displayNamePlaceholder;
+    }, [activeSuggestionIndex, mentionSuggestions, localeStrings.participantItem.displayNamePlaceholder]);
     return (React__default['default'].createElement(react.Stack, { className: mergedRootStyle },
         React__default['default'].createElement("div", { className: mergedTextContainerStyle },
             /* @conditional-compile-remove(mention) */ mentionSuggestions.length > 0 && (React__default['default'].createElement(_MentionPopover, { suggestions: mentionSuggestions, activeSuggestionIndex: activeSuggestionIndex, target: inputBoxRef, targetPositionOffset: caretPosition, onRenderSuggestionItem: mentionLookupOptions === null || mentionLookupOptions === void 0 ? void 0 : mentionLookupOptions.onRenderSuggestionItem, onSuggestionSelected: onSuggestionSelected, onDismiss: () => {
                     updateMentionSuggestions([]);
                 } })),
-            React__default['default'].createElement(react.TextField, { autoFocus: props.autoFocus === 'sendBoxTextField', "data-ui-id": dataUiId, multiline: true, autoAdjustHeight: true, multiple: false, resizable: false, componentRef: textFieldRef, id: id, inputClassName: mergedTextFiledStyle, placeholder: placeholderText, value: getInputFieldTextValue(), onChange: (e, newValue) => {
+            /* @conditional-compile-remove(mention) */ announcerText !== undefined && (React__default['default'].createElement(Announcer$1, { announcementString: announcerText, ariaLive: 'polite' })),
+            React__default['default'].createElement(react.TextField, { autoFocus: props.autoFocus === 'sendBoxTextField', "data-ui-id": dataUiId, multiline: true, autoAdjustHeight: true, multiple: false, resizable: false, componentRef: textFieldRef, id: id, inputClassName: mergedInputFieldStyle, placeholder: placeholderText, value: getInputFieldTextValue(), onChange: (e, newValue) => {
                     // Remove when switching to react 17+, currently needed because of https://legacy.reactjs.org/docs/legacy-event-pooling.html
                     /* @conditional-compile-remove(mention) */
                     // Prevents React from resetting event's properties
@@ -6615,6 +6712,10 @@ const InputBoxComponent = (props) => {
                     setCaretIndex(undefined);
                     setSelectionStartValue(null);
                     setSelectionEndValue(null);
+                    // 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 }))));
 };
 /**
@@ -7254,9 +7355,8 @@ const findStringsDiffIndexes = (props) => {
  */
 const htmlStringForMentionSuggestion = (suggestion, localeStrings) => {
     const idHTML = ' id ="' + suggestion.id + '"';
-    const displayTextHTML = ' displayText ="' + suggestion.displayText + '"';
     const displayText = getDisplayNameForMentionSuggestion(suggestion, localeStrings);
-    return '<' + MSFT_MENTION_TAG + idHTML + displayTextHTML + '>' + displayText + '</' + MSFT_MENTION_TAG + '>';
+    return '<' + MSFT_MENTION_TAG + idHTML + '>' + displayText + '</' + MSFT_MENTION_TAG + '>';
 };
 /* @conditional-compile-remove(mention) */
 /**
@@ -7427,32 +7527,6 @@ const addTag = (tag, parseStack, tags) => {
     }
 };
 
-// Copyright (c) Microsoft Corporation.
-/**
- * @internal
- * Announcer component to maker aria announcements on actions
- */
-const Announcer$1 = (props) => {
-    const { announcementString, ariaLive } = props;
-    return React__default['default'].createElement(react.Stack, { "aria-label": announcementString, "aria-live": ariaLive, styles: announcerStyles });
-};
-/**
- * Styles to hide the announcer from view but still existing on the DOM tree it so that narration can happen.
- */
-const announcerStyles = {
-    root: {
-        position: 'absolute',
-        width: '1px',
-        height: '1px',
-        padding: 0,
-        margin: '-1px',
-        overflow: 'hidden',
-        clip: 'rect(0,0,0,0)',
-        whiteSpace: 'nowrap',
-        border: 0
-    }
-};
-
 // Copyright (c) Microsoft Corporation.
 /**
  * @private
@@ -8693,7 +8767,7 @@ const preventUnwantedDismissProps = {
 const defaultOnMentionRender = (mention) => {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     const MsftMention = 'msft-mention';
-    return (React__default['default'].createElement(MsftMention, { id: mention.id, displayText: mention.displayText }, mention.displayText));
+    return React__default['default'].createElement(MsftMention, { id: mention.id }, mention.displayText);
 };
 
 // Copyright (c) Microsoft Corporation.
@@ -8761,14 +8835,15 @@ const extractContent = (s) => {
     return span.textContent || span.innerText;
 };
 const messageContentAriaText = (props) => {
+    // Strip all html tags from the content for aria.
     return props.message.content
         ? props.message.mine
             ? _formatString(props.strings.messageContentMineAriaText, {
-                message: props.message.content
+                message: DOMPurify__default['default'].sanitize(props.message.content, { ALLOWED_TAGS: [] })
             })
             : _formatString(props.strings.messageContentAriaText, {
                 author: `${props.message.senderDisplayName}`,
-                message: props.message.content
+                message: DOMPurify__default['default'].sanitize(props.message.content, { ALLOWED_TAGS: [] })
             })
         : undefined;
 };
@@ -26261,11 +26336,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) */
@@ -26280,6 +26362,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;
@@ -26295,6 +26381,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
  */
@@ -26346,6 +26447,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;
@@ -26791,13 +26929,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;
@@ -26847,6 +26987,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 });