@azure/communication-react 1.26.0 → 1.27.0-alpha-202504170018

package/dist/dist-esm/react-composites/src/composites/CallComposite/adapter/AzureCommunicationCallAdapter.js

@@ -58,6 +58,7 @@ class CallContext {
             isRoomsCall,
             alternateCallerId: options === null || options === void 0 ? void 0 : options.alternateCallerId,
             environmentInfo: clientState.environmentInfo,
+            /* @conditional-compile-remove(unsupported-browser) */ unsupportedBrowserVersionsAllowed: false,
             videoBackgroundImages: (_b = options === null || options === void 0 ? void 0 : options.videoBackgroundOptions) === null || _b === void 0 ? void 0 : _b.videoBackgroundImages,
             onResolveVideoEffectDependency: (_c = options === null || options === void 0 ? void 0 : options.videoBackgroundOptions) === null || _c === void 0 ? void 0 : _c.onResolveDependency,
             onResolveDeepNoiseSuppressionDependency: (_d = options === null || options === void 0 ? void 0 : options.deepNoiseSuppressionOptions) === null || _d === void 0 ? void 0 : _d.onResolveDependency,
@@ -70,11 +71,16 @@ class CallContext {
         };
         this.emitter.setMaxListeners((_j = options === null || options === void 0 ? void 0 : options.maxListeners) !== null && _j !== void 0 ? _j : EVENT_LISTENER_WARNING_WARNING_LIMIT);
         this.bindPublicMethods();
-        this.displayNameModifier = (options === null || options === void 0 ? void 0 : options.onFetchProfile) ? createProfileStateModifier(options.onFetchProfile, () => {
-            this.setState(this.getState());
-        }) : undefined;
+        this.displayNameModifier = (options === null || options === void 0 ? void 0 : options.onFetchProfile)
+            ? createProfileStateModifier(options.onFetchProfile, () => {
+                this.setState(this.getState());
+            })
+            : undefined;
+    }
+    bindPublicMethods() {
+        /* @conditional-compile-remove(unsupported-browser) */
+        this.setAllowedUnsupportedBrowser.bind(this);
     }
-    bindPublicMethods() { }
     onStateChange(handler) {
         this.emitter.on('stateChanged', handler);
     }
@@ -128,14 +134,22 @@ class CallContext {
         const latestEndedCall = clientState.callsEnded ? findLatestEndedCall(clientState.callsEnded) : undefined;
         // As the state is transitioning to a new state, trigger appropriate callback events.
         const oldPage = this.state.page;
-        const latestAcceptedTransfer = (call === null || call === void 0 ? void 0 : call.transfer.acceptedTransfers) ? findLatestAcceptedTransfer(call.transfer.acceptedTransfers) : undefined;
+        /* @conditional-compile-remove(unsupported-browser) */
+        const environmentInfo = {
+            environmentInfo: this.state.environmentInfo,
+            unsupportedBrowserVersionOptedIn: this.state.unsupportedBrowserVersionsAllowed
+        };
+        const latestAcceptedTransfer = (call === null || call === void 0 ? void 0 : call.transfer.acceptedTransfers)
+            ? findLatestAcceptedTransfer(call.transfer.acceptedTransfers)
+            : undefined;
         const transferCall = latestAcceptedTransfer ? clientState.calls[latestAcceptedTransfer.callId] : undefined;
         if ((call === null || call === void 0 ? void 0 : call.state) === 'Connected' || (call === null || call === void 0 ? void 0 : call.state) === 'Connecting') {
             this.setIsReturningFromBreakoutRoom(false);
         }
         let isReturningFromBreakoutRoom = false;
         isReturningFromBreakoutRoom = this.isReturningFromBreakoutRoom;
-        const newPage = getCallCompositePage(call, latestEndedCall, transferCall, isReturningFromBreakoutRoom);
+        const newPage = getCallCompositePage(call, latestEndedCall, transferCall, isReturningFromBreakoutRoom, 
+        /* @conditional-compile-remove(unsupported-browser) */ environmentInfo);
         if (!IsCallEndedPage(oldPage) && IsCallEndedPage(newPage)) {
             /**
              * We want to make sure that the id of the call that is ending
@@ -155,9 +169,16 @@ class CallContext {
             call = undefined;
         }
         if (this.state.page) {
-            this.setState(Object.assign(Object.assign({}, this.state), { userId: clientState.userId, displayName: (_c = clientState.callAgent) === null || _c === void 0 ? void 0 : _c.displayName, call, page: newPage, endedCall: latestEndedCall, devices: clientState.deviceManager, latestErrors: clientState.latestErrors, latestNotifications: clientState.latestNotifications, 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', acceptedTransferCallState: transferCall }));
+            this.setState(Object.assign(Object.assign({}, this.state), { userId: clientState.userId, displayName: (_c = clientState.callAgent) === null || _c === void 0 ? void 0 : _c.displayName, call, page: newPage, endedCall: latestEndedCall, devices: clientState.deviceManager, latestErrors: clientState.latestErrors, latestNotifications: clientState.latestNotifications, 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', acceptedTransferCallState: transferCall }));
         }
     }
+    /* @conditional-compile-remove(unsupported-browser) */
+    setAllowedUnsupportedBrowser() {
+        this.setState(Object.assign(Object.assign({}, this.state), { unsupportedBrowserVersionsAllowed: true }));
+    }
     setBackroundPickerImages(videoBackgroundImages) {
         this.setState(Object.assign(Object.assign({}, this.state), { videoBackgroundImages }));
     }
@@ -221,12 +242,18 @@ export class AzureCommunicationCallAdapter {
         this.bindPublicMethods();
         this.callClient = callClient;
         this.callAgent = callAgent;
-        this.targetCallees = getLocatorOrTargetCallees(locatorOrTargetCalless) === true ? locatorOrTargetCalless : undefined;
-        this.locator = getLocatorOrTargetCallees(locatorOrTargetCalless) === false ? locatorOrTargetCalless : undefined;
+        this.targetCallees =
+            getLocatorOrTargetCallees(locatorOrTargetCalless) === true
+                ? locatorOrTargetCalless
+                : undefined;
+        this.locator =
+            getLocatorOrTargetCallees(locatorOrTargetCalless) === false
+                ? locatorOrTargetCalless
+                : undefined;
         this.deviceManager = deviceManager;
         const isTeamsMeeting = this.locator ? 'meetingLink' in this.locator || 'meetingId' in this.locator : false;
         let isTeamsCall;
-        (_a = this.targetCallees) === null || _a === void 0 ? void 0 : _a.forEach(callee => {
+        (_a = this.targetCallees) === null || _a === void 0 ? void 0 : _a.forEach((callee) => {
             if (isMicrosoftTeamsUserIdentifier(callee) || isMicrosoftTeamsAppIdentifier(callee)) {
                 isTeamsCall = true;
             }
@@ -235,7 +262,7 @@ export class AzureCommunicationCallAdapter {
         this.onResolveVideoBackgroundEffectsDependency = (_b = options === null || options === void 0 ? void 0 : options.videoBackgroundOptions) === null || _b === void 0 ? void 0 : _b.onResolveDependency;
         this.onResolveDeepNoiseSuppressionDependency = (_c = options === null || options === void 0 ? void 0 : options.deepNoiseSuppressionOptions) === null || _c === void 0 ? void 0 : _c.onResolveDependency;
         this.context = new CallContext(callClient.getState(), !!isTeamsCall, isTeamsMeeting, isRoomsCall, options, this.targetCallees);
-        this.context.onCallEnded(endCallData => this.emitter.emit('callEnded', endCallData));
+        this.context.onCallEnded((endCallData) => this.emitter.emit('callEnded', endCallData));
         const onStateChange = (clientState) => {
             var _a, _b, _c, _d, _e;
             // unsubscribe when the instance gets disposed
@@ -256,8 +283,9 @@ export class AzureCommunicationCallAdapter {
                 this.callingSoundSubscriber.pauseSounds();
             }
             // If the call connects we need to clean up any previous unparentedViews
-            if ((((_d = this.call) === null || _d === void 0 ? void 0 : _d.state) === 'InLobby' || ((_e = this.call) === null || _e === void 0 ? void 0 : _e.state) === 'Connected') && this.callClient.getState().deviceManager.unparentedViews.length > 0) {
-                this.callClient.getState().deviceManager.unparentedViews.forEach(view => {
+            if ((((_d = this.call) === null || _d === void 0 ? void 0 : _d.state) === 'InLobby' || ((_e = this.call) === null || _e === void 0 ? void 0 : _e.state) === 'Connected') &&
+                this.callClient.getState().deviceManager.unparentedViews.length > 0) {
+                this.callClient.getState().deviceManager.unparentedViews.forEach((view) => {
                     this.callClient.disposeView(undefined, undefined, view);
                 });
             }
@@ -276,7 +304,7 @@ export class AzureCommunicationCallAdapter {
                 if (!((_a = this.call) === null || _a === void 0 ? void 0 : _a.id)) {
                     return;
                 }
-                const removedCall = args.removed.find(call => { var _a; return call.id === ((_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) {
                     return;
                 }
@@ -300,7 +328,7 @@ export class AzureCommunicationCallAdapter {
                 if (!((_a = this.call) === null || _a === void 0 ? void 0 : _a.id)) {
                     return;
                 }
-                const removedCall = args.removed.find(call => { var _a; return call.id === ((_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) {
                     return;
                 }
@@ -355,6 +383,14 @@ export class AzureCommunicationCallAdapter {
         this.removeParticipant.bind(this);
         this.createStreamView.bind(this);
         this.disposeStreamView.bind(this);
+        /* @conditional-compile-remove(together-mode) */
+        this.createTogetherModeStreamView.bind(this);
+        /* @conditional-compile-remove(together-mode) */
+        this.startTogetherMode.bind(this);
+        /* @conditional-compile-remove(together-mode) */
+        this.setTogetherModeSceneSize.bind(this);
+        /* @conditional-compile-remove(together-mode) */
+        this.disposeTogetherModeStreamView.bind(this);
         this.disposeScreenShareStreamView.bind(this);
         this.disposeRemoteVideoStreamView.bind(this);
         this.disposeLocalVideoStreamView.bind(this);
@@ -365,10 +401,13 @@ export class AzureCommunicationCallAdapter {
         this.holdCall.bind(this);
         this.resumeCall.bind(this);
         this.sendDtmfTone.bind(this);
+        /* @conditional-compile-remove(unsupported-browser) */
+        this.allowUnsupportedBrowserVersion.bind(this);
         this.startCaptions.bind(this);
         this.stopCaptions.bind(this);
         this.setSpokenLanguage.bind(this);
         this.setCaptionLanguage.bind(this);
+        /* @conditional-compile-remove(rtt) */
         this.sendRealTimeText.bind(this);
         this.startVideoBackgroundEffect.bind(this);
         this.stopVideoBackgroundEffects.bind(this);
@@ -461,13 +500,11 @@ export class AzureCommunicationCallAdapter {
                     shouldCameraBeOnInCall = options.cameraOn;
                 }
             }
-            const audioOptions = {
-                muted: !shouldMicrophoneBeOnInCall
-            };
+            const audioOptions = { muted: !shouldMicrophoneBeOnInCall };
             const selectedCamera = getSelectedCameraFromAdapterState(this.getState());
-            const videoOptions = selectedCamera && shouldCameraBeOnInCall ? {
-                localVideoStreams: [new SDKLocalVideoStream(selectedCamera)]
-            } : {};
+            const videoOptions = selectedCamera && shouldCameraBeOnInCall
+                ? { localVideoStreams: [new SDKLocalVideoStream(selectedCamera)] }
+                : {};
             const call = this._joinCall(audioOptions, videoOptions);
             this.originCall = call;
             this.processNewCall(call);
@@ -556,10 +593,32 @@ export class AzureCommunicationCallAdapter {
             yield this.handlers.onDisposeLocalStreamView();
         });
     }
+    /* @conditional-compile-remove(together-mode) */
+    createTogetherModeStreamView(options) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this.handlers.onCreateTogetherModeStreamView(options);
+        });
+    }
+    /* @conditional-compile-remove(together-mode) */
+    startTogetherMode() {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this.handlers.onStartTogetherMode();
+        });
+    }
+    /* @conditional-compile-remove(together-mode) */
+    setTogetherModeSceneSize(width, height) {
+        return this.handlers.onSetTogetherModeSceneSize(width, height);
+    }
+    /* @conditional-compile-remove(together-mode) */
+    disposeTogetherModeStreamView() {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this.handlers.onDisposeTogetherModeStreamView();
+        });
+    }
     leaveCall(forEveryone) {
         return __awaiter(this, void 0, void 0, function* () {
             if (this.getState().page === 'transferring') {
-                const transferCall = this.callAgent.calls.filter(call => { var _a; return call.id === ((_a = this.getState().acceptedTransferCallState) === null || _a === void 0 ? void 0 : _a.id); })[0];
+                const transferCall = this.callAgent.calls.filter((call) => { var _a; return call.id === ((_a = this.getState().acceptedTransferCallState) === null || _a === void 0 ? void 0 : _a.id); })[0];
                 transferCall === null || transferCall === void 0 ? void 0 : transferCall.hangUp();
             }
             yield this.handlers.onHangUp(forEveryone);
@@ -693,6 +752,11 @@ export class AzureCommunicationCallAdapter {
             }));
         });
     }
+    /* @conditional-compile-remove(unsupported-browser) */
+    allowUnsupportedBrowserVersion() {
+        this.context.setAllowedUnsupportedBrowser();
+        this.context.updateClientState(this.callClient.getState());
+    }
     startVideoBackgroundEffect(videoBackgroundEffect) {
         return __awaiter(this, void 0, void 0, function* () {
             if (this.isBlurEffect(videoBackgroundEffect)) {
@@ -734,13 +798,13 @@ export class AzureCommunicationCallAdapter {
         const isCameraOn = this.getState().cameraStatus === 'On';
         const selectedCamera = getSelectedCameraFromAdapterState(this.getState());
         /* we only configure the video options here since the Calling SDK always unmutes the participant when starting a call */
-        const startCallVideoOptions = selectedCamera ? {
-            videoOptions: isCameraOn ? {
-                localVideoStreams: [new SDKLocalVideoStream(selectedCamera)]
-            } : undefined
-        } : {};
+        const startCallVideoOptions = selectedCamera
+            ? {
+                videoOptions: isCameraOn ? { localVideoStreams: [new SDKLocalVideoStream(selectedCamera)] } : undefined
+            }
+            : {};
         const combinedCallOptions = Object.assign(Object.assign({}, startCallVideoOptions), options);
-        const idsToAdd = participants.map(participant => {
+        const idsToAdd = participants.map((participant) => {
             const backendId = _toCommunicationIdentifier(participant);
             if ('phoneNumber' in backendId) {
                 if ((options === null || options === void 0 ? void 0 : options.alternateCallerId) === undefined) {
@@ -858,6 +922,7 @@ export class AzureCommunicationCallAdapter {
             this.handlers.onSetSpokenLanguage(language);
         });
     }
+    /* @conditional-compile-remove(rtt) */
     sendRealTimeText(text, isFinalized) {
         return __awaiter(this, void 0, void 0, function* () {
             this.handlers.onSendRealTimeText(text, isFinalized);
@@ -943,7 +1008,7 @@ export class AzureCommunicationCallAdapter {
     }
     returnFromBreakoutRoom() {
         return __awaiter(this, void 0, void 0, function* () {
-            var _a, _b;
+            var _a, _b, _c;
             const callState = ((_a = this.call) === null || _a === void 0 ? void 0 : _a.id) ? this.callClient.getState().calls[this.call.id] : undefined;
             const assignedBreakoutRoom = (_b = callState === null || callState === void 0 ? void 0 : callState.breakoutRooms) === null || _b === void 0 ? void 0 : _b.assignedBreakoutRoom;
             if (!assignedBreakoutRoom) {
@@ -951,6 +1016,10 @@ export class AzureCommunicationCallAdapter {
             }
             this.context.setIsReturningFromBreakoutRoom(true);
             const mainMeeting = yield assignedBreakoutRoom.returnToMainMeeting();
+            // Mute main meeting if the breakout room was muted
+            if ((_c = this.call) === null || _c === void 0 ? void 0 : _c.isMuted) {
+                mainMeeting.mute();
+            }
             this.originCall = mainMeeting;
             this.processNewCall(mainMeeting);
         });
@@ -971,7 +1040,8 @@ export class AzureCommunicationCallAdapter {
     subscribeToCaptionEvents() {
         var _a;
         const captionsFeature = (_a = this.call) === null || _a === void 0 ? void 0 : _a.feature(Features.Captions);
-        if ((captionsFeature === null || captionsFeature === void 0 ? void 0 : captionsFeature.captions.kind) === 'TeamsCaptions' && (this.context.getState().isTeamsCall || this.context.getState().isTeamsMeeting)) {
+        if ((captionsFeature === null || captionsFeature === void 0 ? void 0 : captionsFeature.captions.kind) === 'TeamsCaptions' &&
+            (this.context.getState().isTeamsCall || this.context.getState().isTeamsMeeting)) {
             const teamsCaptionsFeature = captionsFeature.captions;
             teamsCaptionsFeature.on('CaptionsReceived', this.teamsCaptionsReceived.bind(this));
             teamsCaptionsFeature.on('CaptionsActiveChanged', this.isCaptionsActiveChanged.bind(this));
@@ -989,7 +1059,8 @@ export class AzureCommunicationCallAdapter {
     unsubscribeFromCaptionEvents() {
         var _a;
         const captionsFeature = (_a = this.call) === null || _a === void 0 ? void 0 : _a.feature(Features.Captions);
-        if ((captionsFeature === null || captionsFeature === void 0 ? void 0 : captionsFeature.captions.kind) === 'TeamsCaptions' && (this.context.getState().isTeamsCall || this.context.getState().isTeamsMeeting)) {
+        if ((captionsFeature === null || captionsFeature === void 0 ? void 0 : captionsFeature.captions.kind) === 'TeamsCaptions' &&
+            (this.context.getState().isTeamsCall || this.context.getState().isTeamsMeeting)) {
             const teamsCaptionsFeature = captionsFeature.captions;
             teamsCaptionsFeature.off('CaptionsReceived', this.teamsCaptionsReceived.bind(this));
             teamsCaptionsFeature.off('CaptionsActiveChanged', this.isCaptionsActiveChanged.bind(this));
@@ -1018,6 +1089,7 @@ export class AzureCommunicationCallAdapter {
         (_f = this.call) === null || _f === void 0 ? void 0 : _f.feature(Features.Transfer).on('transferAccepted', this.transferAccepted.bind(this));
         (_g = this.call) === null || _g === void 0 ? void 0 : _g.feature(Features.Capabilities).on('capabilitiesChanged', this.capabilitiesChanged.bind(this));
         (_h = this.call) === null || _h === void 0 ? void 0 : _h.feature(Features.Spotlight).on('spotlightChanged', this.spotlightChanged.bind(this));
+        /* @conditional-compile-remove(rtt) */
         try {
             (_j = this.call) === null || _j === void 0 ? void 0 : _j.feature(Features.RealTimeText).on('realTimeTextReceived', this.realTimeTextReceived.bind(this));
         }
@@ -1041,6 +1113,7 @@ export class AzureCommunicationCallAdapter {
         (_d = this.call) === null || _d === void 0 ? void 0 : _d.off('idChanged', this.callIdChanged.bind(this));
         (_e = this.call) === null || _e === void 0 ? void 0 : _e.off('roleChanged', this.roleChanged.bind(this));
         this.unsubscribeFromCaptionEvents();
+        /* @conditional-compile-remove(rtt) */
         try {
             (_f = this.call) === null || _f === void 0 ? void 0 : _f.feature(Features.RealTimeText).off('realTimeTextReceived', this.realTimeTextReceived.bind(this));
         }
@@ -1066,19 +1139,15 @@ export class AzureCommunicationCallAdapter {
     }
     onRemoteParticipantsUpdated({ added, removed }) {
         if (added && added.length > 0) {
-            this.emitter.emit('participantsJoined', {
-                joined: added
-            });
+            this.emitter.emit('participantsJoined', { joined: added });
         }
         if (removed && removed.length > 0) {
-            this.emitter.emit('participantsLeft', {
-                removed: removed
-            });
+            this.emitter.emit('participantsLeft', { removed: removed });
         }
-        added.forEach(participant => {
+        added.forEach((participant) => {
             this.participantSubscribers.set(toFlatCommunicationIdentifier(participant.identifier), new ParticipantSubscriber(participant, this.emitter));
         });
-        removed.forEach(participant => {
+        removed.forEach((participant) => {
             const subscriber = this.participantSubscribers.get(toFlatCommunicationIdentifier(participant.identifier));
             subscriber && subscriber.unsubscribeAll();
             this.participantSubscribers.delete(toFlatCommunicationIdentifier(participant.identifier));
@@ -1086,24 +1155,17 @@ export class AzureCommunicationCallAdapter {
     }
     isScreenSharingOnChanged() {
         var _a;
-        this.emitter.emit('isLocalScreenSharingActiveChanged', {
-            isScreenSharingOn: (_a = this.call) === null || _a === void 0 ? void 0 : _a.isScreenSharingOn
-        });
+        this.emitter.emit('isLocalScreenSharingActiveChanged', { isScreenSharingOn: (_a = this.call) === null || _a === void 0 ? void 0 : _a.isScreenSharingOn });
     }
     teamsCaptionsReceived(captionsInfo) {
-        this.emitter.emit('captionsReceived', {
-            captionsInfo
-        });
+        this.emitter.emit('captionsReceived', { captionsInfo });
     }
     captionsReceived(captionsInfo) {
-        this.emitter.emit('captionsReceived', {
-            captionsInfo
-        });
+        this.emitter.emit('captionsReceived', { captionsInfo });
     }
+    /* @conditional-compile-remove(rtt) */
     realTimeTextReceived(realTimeText) {
-        this.emitter.emit('realTimeTextReceived', {
-            realTimeText
-        });
+        this.emitter.emit('realTimeTextReceived', { realTimeText });
     }
     isCaptionsActiveChanged() {
         var _a;
@@ -1169,8 +1231,12 @@ export class AzureCommunicationCallAdapter {
         }
     }
     breakoutRoomJoined(call) {
-        var _a;
+        var _a, _b;
         if (((_a = this.call) === null || _a === void 0 ? void 0 : _a.id) !== call.id) {
+            // Mute the breakout room call if the main call was muted
+            if ((_b = this.call) === null || _b === void 0 ? void 0 : _b.isMuted) {
+                call.mute();
+            }
             this.processNewCall(call);
         }
         // Hang up other breakout room calls in case we are joining a new breakout room while already in one
@@ -1178,13 +1244,13 @@ export class AzureCommunicationCallAdapter {
     }
     hangupOtherBreakoutRoomCalls(currentBreakoutRoomCallId) {
         // Get other breakout room calls by checking which other calls have breakout room settings defined
-        const otherBreakoutRoomCallStates = Object.values(this.callClient.getState().calls).filter(callState => {
+        const otherBreakoutRoomCallStates = Object.values(this.callClient.getState().calls).filter((callState) => {
             var _a;
             return ((_a = callState.breakoutRooms) === null || _a === void 0 ? void 0 : _a.breakoutRoomSettings) && callState.id !== currentBreakoutRoomCallId;
         });
         // Hang up other breakout room calls
         for (const breakoutRoom of otherBreakoutRoomCallStates) {
-            const breakoutRoomCall = this.callAgent.calls.find(callAgentCall => {
+            const breakoutRoomCall = this.callAgent.calls.find((callAgentCall) => {
                 return callAgentCall.id === breakoutRoom.id;
             });
             breakoutRoomCall === null || breakoutRoomCall === void 0 ? void 0 : breakoutRoomCall.hangUp();
@@ -1192,9 +1258,7 @@ export class AzureCommunicationCallAdapter {
     }
     callIdChanged() {
         var _a;
-        ((_a = this.call) === null || _a === void 0 ? void 0 : _a.id) && this.emitter.emit('callIdChanged', {
-            callId: this.call.id
-        });
+        ((_a = this.call) === null || _a === void 0 ? void 0 : _a.id) && this.emitter.emit('callIdChanged', { callId: this.call.id });
     }
     resetDiagnosticsForwarder(newCall) {
         if (this.diagnosticsForwarder) {
@@ -1298,6 +1362,10 @@ export const createTeamsCallAdapter = (args) => __awaiter(void 0, void 0, void 0
     const callAgent = yield callClient.createTeamsCallAgent(credential, {
         undefined
     });
+    /* @conditional-compile-remove(teams-identity-support-beta) */
+    if ('targetCallees' in args) {
+        return createTeamsCallAdapterFromClient(callClient, callAgent, args.targetCallees, options);
+    }
     const adapter = createTeamsCallAdapterFromClient(callClient, callAgent, args.locator, options);
     return adapter;
 });
@@ -1324,7 +1392,7 @@ function useAzureCommunicationCallAdapterGeneric(args, adapterKind = 'AzureCommu
     afterCreateRef.current = afterCreate;
     beforeDisposeRef.current = beforeDispose;
     useEffect(() => {
-        if (!credential || !locator && !targetCallees || !userId) {
+        if (!credential || (!locator && !targetCallees) || !userId) {
             return;
         }
         if (adapterKind === 'AzureCommunication' && !displayName) {
@@ -1379,7 +1447,15 @@ function useAzureCommunicationCallAdapterGeneric(args, adapterKind = 'AzureCommu
                     return;
                 }
                 creatingAdapterRef.current = true;
-                if (targetCallees) { }
+                if (targetCallees) {
+                    /* @conditional-compile-remove(teams-identity-support-beta) */
+                    newAdapter = (yield createTeamsCallAdapter({
+                        credential,
+                        userId: userId,
+                        targetCallees: targetCallees,
+                        options
+                    }));
+                }
                 else {
                     newAdapter = (yield createTeamsCallAdapter({
                         credential,
@@ -1404,7 +1480,18 @@ function useAzureCommunicationCallAdapterGeneric(args, adapterKind = 'AzureCommu
         }))();
     }, 
     // Explicitly list all arguments so that caller doesn't have to memoize the `args` object.
-    [adapterRef, afterCreateRef, beforeDisposeRef, adapterKind, credential, locator, userId, displayName, options, targetCallees]);
+    [
+        adapterRef,
+        afterCreateRef,
+        beforeDisposeRef,
+        adapterKind,
+        credential,
+        locator,
+        userId,
+        displayName,
+        options,
+        targetCallees
+    ]);
     // Dispose any existing adapter when the component unmounts.
     useEffect(() => {
         return () => {
@@ -1435,7 +1522,26 @@ function useAzureCommunicationCallAdapterGeneric(args, adapterKind = 'AzureCommu
  *
  * @public
  */
-export const useAzureCommunicationCallAdapter = (args, afterCreate, beforeDispose) => {
+export const useAzureCommunicationCallAdapter = (
+/**
+ * Arguments to be passed to {@link createAzureCommunicationCallAdapter}.
+ *
+ * Allows arguments to be undefined so that you can respect the rule-of-hooks and pass in arguments
+ * as they are created. The adapter is only created when all arguments are defined.
+ */
+args, 
+/**
+ * Optional callback to modify the adapter once it is created.
+ *
+ * If set, must return the modified adapter.
+ */
+afterCreate, 
+/**
+ * Optional callback called before the adapter is disposed.
+ *
+ * This is useful for clean up tasks, e.g., leaving any ongoing calls.
+ */
+beforeDispose) => {
     return useAzureCommunicationCallAdapterGeneric(args, 'AzureCommunication', afterCreate, beforeDispose);
 };
 /**
@@ -1452,7 +1558,26 @@ export const useAzureCommunicationCallAdapter = (args, afterCreate, beforeDispos
  *
  * @public
  */
-export const useTeamsCallAdapter = (args, afterCreate, beforeDispose) => {
+export const useTeamsCallAdapter = (
+/**
+ * Arguments to be passed to {@link createAzureCommunicationCallAdapter}.
+ *
+ * Allows arguments to be undefined so that you can respect the rule-of-hooks and pass in arguments
+ * as they are created. The adapter is only created when all arguments are defined.
+ */
+args, 
+/**
+ * Optional callback to modify the adapter once it is created.
+ *
+ * If set, must return the modified adapter.
+ */
+afterCreate, 
+/**
+ * Optional callback called before the adapter is disposed.
+ *
+ * This is useful for clean up tasks, e.g., leaving any ongoing calls.
+ */
+beforeDispose) => {
     return useAzureCommunicationCallAdapterGeneric(args, 'Teams', afterCreate, beforeDispose);
 };
 /**
@@ -1502,7 +1627,9 @@ export const createTeamsCallAdapterFromClient = (callClient, callAgent, locator,
 const captionsUIVisibilityModifier = (state) => {
     var _a, _b, _c;
     // To hide captions to the UI, set isCaptionsFeatureActive to false and startCaptionsInProgress to false
-    if (((_a = state.call) === null || _a === void 0 ? void 0 : _a.captionsFeature) && ((_b = state.captionsTriggers) === null || _b === void 0 ? void 0 : _b.captionsStartedInBackground) && !((_c = state.captionsTriggers) === null || _c === void 0 ? void 0 : _c.captionsStartedWithUI)) {
+    if (((_a = state.call) === null || _a === void 0 ? void 0 : _a.captionsFeature) &&
+        ((_b = state.captionsTriggers) === null || _b === void 0 ? void 0 : _b.captionsStartedInBackground) &&
+        !((_c = state.captionsTriggers) === null || _c === void 0 ? void 0 : _c.captionsStartedWithUI)) {
         return Object.assign(Object.assign({}, state), { call: Object.assign(Object.assign({}, state.call), { captionsFeature: Object.assign(Object.assign({}, state.call.captionsFeature), { isCaptionsFeatureActive: false, startCaptionsInProgress: false }) }) });
     }
     return state;