@azure/communication-react 1.19.0-beta.3 → 1.20.0-alpha-202409180015

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

@@ -12,6 +12,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 import { compositeLogger } from '../../../Logger';
 import { _isInCall, _isInLobbyOrConnecting } from "../../../../../calling-component-bindings/src";
 import { _createStatefulCallClientInner } from "../../../../../calling-stateful-client/src";
+/* @conditional-compile-remove(teams-identity-support) */
 import { _isTeamsCallAgent } from "../../../../../calling-stateful-client/src";
 import { LocalVideoStream as SDKLocalVideoStream } from '@azure/communication-calling';
 import { Features } from '@azure/communication-calling';
@@ -19,7 +20,9 @@ import { EventEmitter } from 'events';
 import { getCallCompositePage, getLocatorOrTargetCallees, IsCallEndedPage, isCameraOn } from '../utils';
 import { toFlatCommunicationIdentifier, _toCommunicationIdentifier, _isValidIdentifier } from "../../../../../acs-ui-common/src";
 import { isMicrosoftTeamsUserIdentifier, isMicrosoftTeamsAppIdentifier } from '@azure/communication-common';
+/* @conditional-compile-remove(teams-identity-support) */ /* @conditional-compile-remove(PSTN-calls) */
 import { isCommunicationUserIdentifier } from '@azure/communication-common';
+/* @conditional-compile-remove(PSTN-calls) */
 import { isPhoneNumberIdentifier } from '@azure/communication-common';
 import { ParticipantSubscriber } from './ParticipantSubcriber';
 import { DiagnosticsForwarder } from './DiagnosticsForwarder';
@@ -32,7 +35,7 @@ import { CallingSoundSubscriber } from './CallingSoundSubscriber';
 /** Context of call, which is a centralized context for all state updates */
 class CallContext {
     constructor(clientState, isTeamsCall, isTeamsMeeting, isRoomsCall, options, targetCallees) {
-        var _a, _b, _c, _d;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
         this.emitter = new EventEmitter();
         this.state = {
             isLocalPreviewMicrophoneEnabled: false,
@@ -43,27 +46,36 @@ class CallContext {
             targetCallees: targetCallees,
             page: 'configuration',
             latestErrors: clientState.latestErrors,
-            latestNotifications: clientState.latestNotifications,
+            /* @conditional-compile-remove(breakout-rooms) */ latestNotifications: clientState.latestNotifications,
             isTeamsCall,
             isTeamsMeeting,
             isRoomsCall,
-            alternateCallerId: clientState.alternateCallerId,
-            environmentInfo: clientState.environmentInfo,
-            unsupportedBrowserVersionsAllowed: false,
+            /* @conditional-compile-remove(PSTN-calls) */ alternateCallerId: options === null || options === void 0 ? void 0 : options.alternateCallerId,
+            /* @conditional-compile-remove(unsupported-browser) */ 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,
+            /* @conditional-compile-remove(DNS) */
+            onResolveDeepNoiseSuppressionDependency: (_d = options === null || options === void 0 ? void 0 : options.deepNoiseSuppressionOptions) === null || _d === void 0 ? void 0 : _d.onResolveDependency,
+            /* @conditional-compile-remove(DNS) */
+            deepNoiseSuppressionOnByDefault: (_f = (_e = options === null || options === void 0 ? void 0 : options.deepNoiseSuppressionOptions) === null || _e === void 0 ? void 0 : _e.deepNoiseSuppressionOnByDefault) !== null && _f !== void 0 ? _f : true,
+            /* @conditional-compile-remove(DNS) */
+            hideDeepNoiseSuppressionButton: (_h = (_g = options === null || options === void 0 ? void 0 : options.deepNoiseSuppressionOptions) === null || _g === void 0 ? void 0 : _g.hideDeepNoiseSuppressionButton) !== null && _h !== void 0 ? _h : false,
             selectedVideoBackgroundEffect: undefined,
             cameraStatus: undefined,
             sounds: options === null || options === void 0 ? void 0 : options.callingSounds,
             reactions: options === null || options === void 0 ? void 0 : options.reactionResources
         };
-        this.emitter.setMaxListeners((_d = options === null || options === void 0 ? void 0 : options.maxListeners) !== null && _d !== void 0 ? _d : 50);
+        this.emitter.setMaxListeners((_j = options === null || options === void 0 ? void 0 : options.maxListeners) !== null && _j !== void 0 ? _j : 50);
         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);
     }
     onStateChange(handler) {
@@ -74,8 +86,23 @@ class CallContext {
     }
     setState(state) {
         this.state = this.displayNameModifier ? this.displayNameModifier(state) : state;
+        // This context privately tracks how captions was started to determine if captions is running only in the background.
+        // If so we should not show the UI.
+        this.state = captionsUIVisibilityModifier(this.state);
         this.emitter.emit('stateChanged', this.state);
     }
+    updateCaptionsStartedInBackground(captionsStartedInBackground) {
+        var _a;
+        const captionsTriggers = (_a = this.state.captionsTriggers) !== null && _a !== void 0 ? _a : {};
+        captionsTriggers.captionsStartedInBackground = captionsStartedInBackground;
+        this.setState(Object.assign(Object.assign({}, this.state), { captionsTriggers }));
+    }
+    updateCaptionsStartedWithUI(captionsStartedWithUI) {
+        var _a;
+        const captionsTriggers = (_a = this.state.captionsTriggers) !== null && _a !== void 0 ? _a : {};
+        captionsTriggers.captionsStartedWithUI = captionsStartedWithUI;
+        this.setState(Object.assign(Object.assign({}, this.state), { captionsTriggers }));
+    }
     getState() {
         return this.state;
     }
@@ -101,27 +128,40 @@ 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;
+        /* @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 latestAcceptedTransfer = (call === null || call === void 0 ? void 0 : call.transfer.acceptedTransfers)
+            ? findLatestAcceptedTransfer(call.transfer.acceptedTransfers)
+            : undefined;
         const transferCall = latestAcceptedTransfer ? clientState.calls[latestAcceptedTransfer.callId] : undefined;
-        const originCall = ((_a = call === null || call === void 0 ? void 0 : call.breakoutRooms) === null || _a === void 0 ? void 0 : _a.breakoutRoomOriginCallId) ? clientState.calls[(_b = call === null || call === void 0 ? void 0 : call.breakoutRooms) === null || _b === void 0 ? void 0 : _b.breakoutRoomOriginCallId] : ((_c = latestEndedCall === null || latestEndedCall === void 0 ? void 0 : latestEndedCall.breakoutRooms) === null || _c === void 0 ? void 0 : _c.breakoutRoomOriginCallId) ? clientState.calls[(_d = latestEndedCall === null || latestEndedCall === void 0 ? void 0 : latestEndedCall.breakoutRooms) === null || _d === void 0 ? void 0 : _d.breakoutRoomOriginCallId] : undefined;
-        const newPage = getCallCompositePage(call, latestEndedCall, transferCall, originCall, environmentInfo);
+        /* @conditional-compile-remove(breakout-rooms) */
+        const originCall = ((_a = call === null || call === void 0 ? void 0 : call.breakoutRooms) === null || _a === void 0 ? void 0 : _a.breakoutRoomOriginCallId)
+            ? clientState.calls[(_b = call === null || call === void 0 ? void 0 : call.breakoutRooms) === null || _b === void 0 ? void 0 : _b.breakoutRoomOriginCallId]
+            : ((_c = latestEndedCall === null || latestEndedCall === void 0 ? void 0 : latestEndedCall.breakoutRooms) === null || _c === void 0 ? void 0 : _c.breakoutRoomOriginCallId)
+                ? clientState.calls[(_d = latestEndedCall === null || latestEndedCall === void 0 ? void 0 : latestEndedCall.breakoutRooms) === null || _d === void 0 ? void 0 : _d.breakoutRoomOriginCallId]
+                : undefined;
+        const newPage = getCallCompositePage(call, latestEndedCall, transferCall, 
+        /* @conditional-compile-remove(breakout-rooms) */ originCall, 
+        /* @conditional-compile-remove(unsupported-browser) */ environmentInfo);
         if (!IsCallEndedPage(oldPage) && IsCallEndedPage(newPage)) {
-            this.emitter.emit('callEnded', {
-                callId: this.callId
-            });
+            this.emitter.emit('callEnded', { callId: this.callId });
             // Reset the callId to undefined as the call has ended.
             this.setCurrentCallId(undefined);
             // Make sure that the call is set to undefined in the state.
             call = undefined;
         }
         if (this.state.page) {
-            this.setState(Object.assign(Object.assign({}, this.state), { userId: clientState.userId, displayName: (_e = clientState.callAgent) === null || _e === void 0 ? void 0 : _e.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: (_e = clientState.callAgent) === null || _e === void 0 ? void 0 : _e.displayName, call, page: newPage, endedCall: latestEndedCall, devices: clientState.deviceManager, latestErrors: clientState.latestErrors, 
+                /* @conditional-compile-remove(breakout-rooms) */ 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 }));
     }
@@ -175,7 +215,7 @@ export class AzureCommunicationCallAdapter {
         this._call = newCall;
     }
     constructor(callClient, locatorOrTargetCalless, callAgent, deviceManager, options) {
-        var _a, _b;
+        var _a, _b, _c;
         this.participantSubscribers = new Map();
         this.emitter = new EventEmitter();
         this.isMyMutedChanged = () => {
@@ -188,20 +228,28 @@ 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;
             }
         });
         const isRoomsCall = this.locator ? 'roomId' in this.locator : false;
         this.onResolveVideoBackgroundEffectsDependency = (_b = options === null || options === void 0 ? void 0 : options.videoBackgroundOptions) === null || _b === void 0 ? void 0 : _b.onResolveDependency;
+        /* @conditional-compile-remove(DNS) */
+        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
@@ -222,15 +270,18 @@ 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);
                 });
             }
             this.context.updateClientState(clientState);
         };
         this.handlers = createHandlers(callClient, callAgent, deviceManager, undefined, {
-            onResolveVideoBackgroundEffectsDependency: this.onResolveVideoBackgroundEffectsDependency
+            onResolveVideoBackgroundEffectsDependency: this.onResolveVideoBackgroundEffectsDependency,
+            /* @conditional-compile-remove(DNS) */
+            onResolveDeepNoiseSuppressionDependency: this.onResolveDeepNoiseSuppressionDependency
         });
         this.onClientStateChange = onStateChange;
         this.subscribeDeviceManagerEvents();
@@ -239,7 +290,7 @@ export class AzureCommunicationCallAdapter {
             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); });
+                    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.transfer.acceptedTransfers);
@@ -253,11 +304,12 @@ export class AzureCommunicationCallAdapter {
             };
             this.callAgent.on('callsUpdated', onCallsUpdated);
         }
+        /* @conditional-compile-remove(teams-identity-support) */
         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); });
+                    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.transfer.acceptedTransfers);
@@ -314,10 +366,14 @@ export class AzureCommunicationCallAdapter {
         this.on.bind(this);
         this.off.bind(this);
         this.processNewCall.bind(this);
+        /* @conditional-compile-remove(PSTN-calls) */
         this.addParticipant.bind(this);
+        /* @conditional-compile-remove(PSTN-calls) */
         this.holdCall.bind(this);
+        /* @conditional-compile-remove(PSTN-calls) */
         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);
@@ -326,11 +382,17 @@ export class AzureCommunicationCallAdapter {
         this.startVideoBackgroundEffect.bind(this);
         this.stopVideoBackgroundEffects.bind(this);
         this.updateBackgroundPickerImages.bind(this);
+        /* @conditional-compile-remove(DNS) */
+        this.startNoiseSuppressionEffect.bind(this);
+        /* @conditional-compile-remove(DNS) */
+        this.stopNoiseSuppressionEffect.bind(this);
         this.submitSurvey.bind(this);
         this.startSpotlight.bind(this);
         this.stopSpotlight.bind(this);
         this.stopAllSpotlight.bind(this);
+        /* @conditional-compile-remove(soft-mute) */
         this.muteParticipant.bind(this);
+        /* @conditional-compile-remove(soft-mute) */
         this.muteAllRemoteParticipants.bind(this);
     }
     dispose() {
@@ -407,14 +469,13 @@ 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);
+            /* @conditional-compile-remove(breakout-rooms) */
             this.originCall = call;
             this.processNewCall(call);
             return call;
@@ -424,6 +485,7 @@ export class AzureCommunicationCallAdapter {
         const isTeamsMeeting = this.locator ? 'meetingLink' in this.locator : false;
         const isTeamsMeetingId = this.locator ? 'meetingId' in this.locator : false;
         const isRoomsCall = this.locator ? 'roomId' in this.locator : false;
+        /* @conditional-compile-remove(teams-identity-support) */
         if (_isTeamsCallAgent(this.callAgent)) {
             if (isTeamsMeeting) {
                 return this.callAgent.join(this.locator, {
@@ -505,13 +567,15 @@ export class AzureCommunicationCallAdapter {
     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);
             this.unsubscribeCallEvents();
             this.handlers = createHandlers(this.callClient, this.callAgent, this.deviceManager, this.call, {
-                onResolveVideoBackgroundEffectsDependency: this.onResolveVideoBackgroundEffectsDependency
+                onResolveVideoBackgroundEffectsDependency: this.onResolveVideoBackgroundEffectsDependency,
+                /* @conditional-compile-remove(DNS) */
+                onResolveDeepNoiseSuppressionDependency: this.onResolveDeepNoiseSuppressionDependency
             });
             // We set the adapter.call object to undefined immediately when a call is ended.
             // We do not set the context.callId to undefined because it is a part of the immutable data flow loop.
@@ -638,6 +702,7 @@ export class AzureCommunicationCallAdapter {
             }));
         });
     }
+    /* @conditional-compile-remove(unsupported-browser) */
     allowUnsupportedBrowserVersion() {
         this.context.setAllowedUnsupportedBrowser();
         this.context.updateClientState(this.callClient.getState());
@@ -665,6 +730,18 @@ export class AzureCommunicationCallAdapter {
     updateSelectedVideoBackgroundEffect(selectedVideoBackground) {
         this.context.setSelectedVideoBackgroundEffect(selectedVideoBackground);
     }
+    /* @conditional-compile-remove(DNS) */
+    startNoiseSuppressionEffect() {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield this.handlers.onStartNoiseSuppressionEffect();
+        });
+    }
+    /* @conditional-compile-remove(DNS) */
+    stopNoiseSuppressionEffect() {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield this.handlers.onStopNoiseSuppressionEffect();
+        });
+    }
     startCall(participants, options) {
         var _a, _b;
         if (_isInCall((_b = (_a = this.getState().call) === null || _a === void 0 ? void 0 : _a.state) !== null && _b !== void 0 ? _b : 'None')) {
@@ -673,13 +750,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) {
@@ -702,7 +779,9 @@ export class AzureCommunicationCallAdapter {
         // Resync state after callId is set
         this.context.updateClientState(this.callClient.getState());
         this.handlers = createHandlers(this.callClient, this.callAgent, this.deviceManager, this.call, {
-            onResolveVideoBackgroundEffectsDependency: this.onResolveVideoBackgroundEffectsDependency
+            onResolveVideoBackgroundEffectsDependency: this.onResolveVideoBackgroundEffectsDependency,
+            /* @conditional-compile-remove(DNS) */
+            onResolveDeepNoiseSuppressionDependency: this.onResolveDeepNoiseSuppressionDependency
         });
         this.subscribeCallEvents();
     }
@@ -715,10 +794,12 @@ export class AzureCommunicationCallAdapter {
     removeParticipant(userId) {
         return __awaiter(this, void 0, void 0, function* () {
             let participant = userId;
+            /* @conditional-compile-remove(PSTN-calls) */
             participant = _toCommunicationIdentifier(userId);
             this.handlers.onRemoveParticipant(participant);
         });
     }
+    /* @conditional-compile-remove(PSTN-calls) */
     addParticipant(participant, options) {
         return __awaiter(this, void 0, void 0, function* () {
             if (isPhoneNumberIdentifier(participant) && options) {
@@ -729,6 +810,7 @@ export class AzureCommunicationCallAdapter {
             }
         });
     }
+    /* @conditional-compile-remove(PSTN-calls) */
     holdCall() {
         return __awaiter(this, void 0, void 0, function* () {
             var _a, _b;
@@ -744,6 +826,7 @@ export class AzureCommunicationCallAdapter {
             }
         });
     }
+    /* @conditional-compile-remove(PSTN-calls) */
     resumeCall() {
         return __awaiter(this, void 0, void 0, function* () {
             var _a;
@@ -764,12 +847,26 @@ export class AzureCommunicationCallAdapter {
     }
     startCaptions(options) {
         return __awaiter(this, void 0, void 0, function* () {
+            if (options === null || options === void 0 ? void 0 : options.startInBackground) {
+                this.context.updateCaptionsStartedInBackground(true);
+            }
+            else {
+                this.context.updateCaptionsStartedWithUI(true);
+            }
             this.handlers.onStartCaptions(options);
         });
     }
-    stopCaptions() {
+    stopCaptions(options) {
         return __awaiter(this, void 0, void 0, function* () {
-            this.handlers.onStopCaptions();
+            var _a;
+            if (options === null || options === void 0 ? void 0 : options.stopInBackground) {
+                this.context.updateCaptionsStartedInBackground(false);
+            }
+            this.context.updateCaptionsStartedWithUI(false);
+            // Only stop captions if they are not still running in the background
+            if (!((_a = this.context.getState().captionsTriggers) === null || _a === void 0 ? void 0 : _a.captionsStartedInBackground)) {
+                this.handlers.onStopCaptions();
+            }
         });
     }
     setCaptionLanguage(language) {
@@ -787,11 +884,13 @@ export class AzureCommunicationCallAdapter {
             return this.handlers.onSubmitSurvey(survey);
         });
     }
+    /* @conditional-compile-remove(soft-mute) */
     muteParticipant(userId) {
         return __awaiter(this, void 0, void 0, function* () {
             this.handlers.onMuteParticipant(userId);
         });
     }
+    /* @conditional-compile-remove(soft-mute) */
     muteAllRemoteParticipants() {
         return __awaiter(this, void 0, void 0, function* () {
             this.handlers.onMuteAllRemoteParticipants();
@@ -812,6 +911,7 @@ export class AzureCommunicationCallAdapter {
             this.handlers.onStopAllSpotlight();
         });
     }
+    /* @conditional-compile-remove(breakout-rooms) */
     returnFromBreakoutRoom() {
         return __awaiter(this, void 0, void 0, function* () {
             var _a;
@@ -845,46 +945,54 @@ export class AzureCommunicationCallAdapter {
     }
     subscribeToCaptionEvents() {
         var _a;
-        if (this.call && this.call.state === 'Connected') {
-            const captionsFeature = (_a = this.call) === null || _a === void 0 ? void 0 : _a.feature(Features.Captions);
-            if (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));
-                teamsCaptionsFeature.on('CaptionLanguageChanged', this.isCaptionLanguageChanged.bind(this));
-                teamsCaptionsFeature.on('SpokenLanguageChanged', this.isSpokenLanguageChanged.bind(this));
-            }
-            else {
-                const acsCaptionsFeature = captionsFeature.captions;
-                acsCaptionsFeature.on('CaptionsReceived', this.captionsReceived.bind(this));
-                acsCaptionsFeature.on('CaptionsActiveChanged', this.isCaptionsActiveChanged.bind(this));
-                acsCaptionsFeature.on('SpokenLanguageChanged', this.isSpokenLanguageChanged.bind(this));
-                captionsFeature.on('CaptionsKindChanged', this.captionsKindChanged.bind(this));
-            }
+        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)) {
+            const teamsCaptionsFeature = captionsFeature.captions;
+            teamsCaptionsFeature.on('CaptionsReceived', this.teamsCaptionsReceived.bind(this));
+            teamsCaptionsFeature.on('CaptionsActiveChanged', this.isCaptionsActiveChanged.bind(this));
+            teamsCaptionsFeature.on('CaptionLanguageChanged', this.isCaptionLanguageChanged.bind(this));
+            teamsCaptionsFeature.on('SpokenLanguageChanged', this.isSpokenLanguageChanged.bind(this));
+        }
+        else {
+            /* @conditional-compile-remove(acs-close-captions) */
+            const acsCaptionsFeature = captionsFeature === null || captionsFeature === void 0 ? void 0 : captionsFeature.captions;
+            /* @conditional-compile-remove(acs-close-captions) */
+            acsCaptionsFeature.on('CaptionsReceived', this.captionsReceived.bind(this));
+            /* @conditional-compile-remove(acs-close-captions) */
+            acsCaptionsFeature.on('CaptionsActiveChanged', this.isCaptionsActiveChanged.bind(this));
+            /* @conditional-compile-remove(acs-close-captions) */
+            acsCaptionsFeature.on('SpokenLanguageChanged', this.isSpokenLanguageChanged.bind(this));
+            /* @conditional-compile-remove(acs-close-captions) */
+            captionsFeature === null || captionsFeature === void 0 ? void 0 : captionsFeature.on('CaptionsKindChanged', this.captionsKindChanged.bind(this));
         }
     }
     unsubscribeFromCaptionEvents() {
-        var _a, _b;
-        if (this.call && this.call.state === 'Connected') {
-            const captionsFeature = (_a = this.call) === null || _a === void 0 ? void 0 : _a.feature(Features.Captions);
-            if (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));
-                teamsCaptionsFeature.off('CaptionLanguageChanged', this.isCaptionLanguageChanged.bind(this));
-                teamsCaptionsFeature.off('SpokenLanguageChanged', this.isSpokenLanguageChanged.bind(this));
-            }
-            else {
-                const acsCaptionsFeature = captionsFeature.captions;
-                acsCaptionsFeature.off('CaptionsReceived', this.captionsReceived.bind(this));
-                acsCaptionsFeature.off('CaptionsActiveChanged', this.isCaptionsActiveChanged.bind(this));
-                acsCaptionsFeature.off('SpokenLanguageChanged', this.isSpokenLanguageChanged.bind(this));
-            }
-            (_b = this.call) === null || _b === void 0 ? void 0 : _b.off('stateChanged', this.subscribeToCaptionEvents.bind(this));
+        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)) {
+            const teamsCaptionsFeature = captionsFeature.captions;
+            teamsCaptionsFeature.off('CaptionsReceived', this.teamsCaptionsReceived.bind(this));
+            teamsCaptionsFeature.off('CaptionsActiveChanged', this.isCaptionsActiveChanged.bind(this));
+            teamsCaptionsFeature.off('CaptionLanguageChanged', this.isCaptionLanguageChanged.bind(this));
+            teamsCaptionsFeature.off('SpokenLanguageChanged', this.isSpokenLanguageChanged.bind(this));
+        }
+        else {
+            /* @conditional-compile-remove(acs-close-captions) */
+            const acsCaptionsFeature = captionsFeature === null || captionsFeature === void 0 ? void 0 : captionsFeature.captions;
+            /* @conditional-compile-remove(acs-close-captions) */
+            acsCaptionsFeature.off('CaptionsReceived', this.captionsReceived.bind(this));
+            /* @conditional-compile-remove(acs-close-captions) */
+            acsCaptionsFeature.off('CaptionsActiveChanged', this.isCaptionsActiveChanged.bind(this));
+            /* @conditional-compile-remove(acs-close-captions) */
+            acsCaptionsFeature.off('SpokenLanguageChanged', this.isSpokenLanguageChanged.bind(this));
+            /* @conditional-compile-remove(acs-close-captions) */
+            captionsFeature === null || captionsFeature === void 0 ? void 0 : captionsFeature.off('CaptionsKindChanged', this.captionsKindChanged.bind(this));
         }
     }
     subscribeCallEvents() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
         if (this.call) {
             this.callingSoundSubscriber = new CallingSoundSubscriber(this.call, this.getState().targetCallees, this.getState().sounds);
         }
@@ -892,18 +1000,20 @@ export class AzureCommunicationCallAdapter {
         (_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));
-        (_e = this.call) === null || _e === void 0 ? void 0 : _e.on('stateChanged', this.subscribeToCaptionEvents.bind(this));
-        (_f = this.call) === null || _f === void 0 ? void 0 : _f.on('roleChanged', this.roleChanged.bind(this));
-        (_g = this.call) === null || _g === void 0 ? void 0 : _g.feature(Features.Transfer).on('transferAccepted', this.transferAccepted.bind(this));
-        (_h = this.call) === null || _h === void 0 ? void 0 : _h.feature(Features.Capabilities).on('capabilitiesChanged', this.capabilitiesChanged.bind(this));
-        (_j = this.call) === null || _j === void 0 ? void 0 : _j.feature(Features.Spotlight).on('spotlightChanged', this.spotlightChanged.bind(this));
-        const breakoutRoomsFeature = (_k = this.call) === null || _k === void 0 ? void 0 : _k.feature(Features.BreakoutRooms);
+        (_e = this.call) === null || _e === void 0 ? void 0 : _e.on('roleChanged', this.roleChanged.bind(this));
+        this.subscribeToCaptionEvents();
+        (_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(breakout-rooms) */
+        const breakoutRoomsFeature = (_j = this.call) === null || _j === void 0 ? void 0 : _j.feature(Features.BreakoutRooms);
+        /* @conditional-compile-remove(breakout-rooms) */
         if (breakoutRoomsFeature) {
             breakoutRoomsFeature.on('breakoutRoomsUpdated', this.breakoutRoomsUpdated.bind(this));
         }
     }
     unsubscribeCallEvents() {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
+        var _a, _b, _c, _d, _e, _f;
         for (const subscriber of this.participantSubscribers.values()) {
             subscriber.unsubscribeAll();
         }
@@ -913,18 +1023,18 @@ export class AzureCommunicationCallAdapter {
         (_c = this.call) === null || _c === void 0 ? void 0 : _c.off('isScreenSharingOnChanged', this.isScreenSharingOnChanged.bind(this));
         (_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));
-        if (((_f = this.call) === null || _f === void 0 ? void 0 : _f.feature(Features.Captions).captions.kind) === 'Captions') {
-            (_g = this.call) === null || _g === void 0 ? void 0 : _g.feature(Features.Captions).off('CaptionsKindChanged', this.unsubscribeFromCaptionEvents.bind(this));
-        }
         this.unsubscribeFromCaptionEvents();
         if (this.callingSoundSubscriber) {
             this.callingSoundSubscriber.unsubscribeAll();
         }
-        const breakoutRoomsFeature = (_h = this.call) === null || _h === void 0 ? void 0 : _h.feature(Features.BreakoutRooms);
+        /* @conditional-compile-remove(breakout-rooms) */
+        const breakoutRoomsFeature = (_f = this.call) === null || _f === void 0 ? void 0 : _f.feature(Features.BreakoutRooms);
+        /* @conditional-compile-remove(breakout-rooms) */
         if (breakoutRoomsFeature) {
             breakoutRoomsFeature.off('breakoutRoomsUpdated', this.breakoutRoomsUpdated.bind(this));
         }
     }
+    /* @conditional-compile-remove(acs-close-captions) */
     captionsKindChanged() {
         var _a;
         const captionsFeature = (_a = this.call) === null || _a === void 0 ? void 0 : _a.feature(Features.Captions);
@@ -936,19 +1046,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));
@@ -956,19 +1062,14 @@ 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 });
     }
+    /* @conditional-compile-remove(acs-close-captions) */
     captionsReceived(captionsInfo) {
-        this.emitter.emit('captionsReceived', {
-            captionsInfo
-        });
+        this.emitter.emit('captionsReceived', { captionsInfo });
     }
     isCaptionsActiveChanged() {
         var _a;
@@ -1022,6 +1123,7 @@ export class AzureCommunicationCallAdapter {
     spotlightChanged(args) {
         this.emitter.emit('spotlightChanged', args);
     }
+    /* @conditional-compile-remove(breakout-rooms) */
     breakoutRoomsUpdated(eventData) {
         if (eventData.type === 'assignedBreakoutRooms') {
             this.assignedBreakoutRoomUpdated(eventData.data);
@@ -1031,6 +1133,7 @@ export class AzureCommunicationCallAdapter {
         }
         this.emitter.emit('breakoutRoomsUpdated', eventData);
     }
+    /* @conditional-compile-remove(breakout-rooms) */
     assignedBreakoutRoomUpdated(breakoutRoom) {
         var _a, _b, _c;
         if (!((_a = this.call) === null || _a === void 0 ? void 0 : _a.id)) {
@@ -1040,6 +1143,7 @@ export class AzureCommunicationCallAdapter {
             this.returnFromBreakoutRoom();
         }
     }
+    /* @conditional-compile-remove(breakout-rooms) */
     breakoutRoomJoined(call) {
         var _a;
         if (((_a = this.call) === null || _a === void 0 ? void 0 : _a.id) !== call.id) {
@@ -1048,19 +1152,20 @@ export class AzureCommunicationCallAdapter {
         // Hang up other breakout room calls in case we are joining a new breakout room while already in one
         this.hangupOtherBreakoutRoomCalls(call.id);
     }
+    /* @conditional-compile-remove(breakout-rooms) */
     hangupOtherBreakoutRoomCalls(currentBreakoutRoomCallId) {
         var _a;
         // Get origin call id of breakout room call
         const breakoutRoomCallState = this.callClient.getState().calls[currentBreakoutRoomCallId];
         const originCallId = (_a = breakoutRoomCallState.breakoutRooms) === null || _a === void 0 ? void 0 : _a.breakoutRoomOriginCallId;
         // Get other breakout room calls with the same origin call
-        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.breakoutRoomOriginCallId) === originCallId && callState.id !== currentBreakoutRoomCallId;
+            return (((_a = callState.breakoutRooms) === null || _a === void 0 ? void 0 : _a.breakoutRoomOriginCallId) === originCallId && 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();
@@ -1068,9 +1173,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) {
@@ -1132,7 +1235,6 @@ export function createAzureCommunicationCallAdapter(args) {
             credential: args.credential,
             locator: args.locator,
             targetCallees: args.targetCallees,
-            alternateCallerId: args.alternateCallerId,
             options: args.options
         });
     });
@@ -1142,13 +1244,12 @@ export function createAzureCommunicationCallAdapter(args) {
  *
  * @internal
  */
-export const _createAzureCommunicationCallAdapterInner = (_a) => __awaiter(void 0, [_a], void 0, function* ({ userId, displayName, credential, locator, targetCallees, alternateCallerId, options, telemetryImplementationHint = 'Call' }) {
+export const _createAzureCommunicationCallAdapterInner = (_a) => __awaiter(void 0, [_a], void 0, function* ({ userId, displayName, credential, locator, targetCallees, options, telemetryImplementationHint = 'Call' }) {
     if (!_isValidIdentifier(userId)) {
         throw new Error('Invalid identifier. Please provide valid identifier object.');
     }
     const callClient = _createStatefulCallClientInner({
-        userId,
-        alternateCallerId
+        userId
     }, undefined, telemetryImplementationHint);
     const callAgent = yield callClient.createCallAgent(credential, {
         displayName
@@ -1162,6 +1263,7 @@ export const _createAzureCommunicationCallAdapterInner = (_a) => __awaiter(void
     }
     return adapter;
 });
+/* @conditional-compile-remove(teams-identity-support) */
 /**
  * @public
  */
@@ -1176,6 +1278,7 @@ 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);
     }
@@ -1190,7 +1293,6 @@ function useAzureCommunicationCallAdapterGeneric(args, adapterKind = 'AzureCommu
     const locator = 'locator' in args ? args.locator : undefined;
     const targetCallees = 'targetCallees' in args ? args.targetCallees : undefined;
     const displayName = 'displayName' in args ? args.displayName : undefined;
-    const alternateCallerId = 'alternateCallerId' in args ? args.alternateCallerId : undefined;
     const options = 'options' in args ? args.options : undefined;
     // State update needed to rerender the parent component when a new adapter is created.
     const [adapter, setAdapter] = useState(undefined);
@@ -1206,7 +1308,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) {
@@ -1242,7 +1344,6 @@ function useAzureCommunicationCallAdapterGeneric(args, adapterKind = 'AzureCommu
                         displayName: displayName,
                         locator,
                         userId: userId,
-                        alternateCallerId,
                         options
                     }));
                 }
@@ -1252,7 +1353,6 @@ function useAzureCommunicationCallAdapterGeneric(args, adapterKind = 'AzureCommu
                         displayName: displayName,
                         targetCallees,
                         userId: userId,
-                        alternateCallerId,
                         options
                     }));
                 }
@@ -1264,6 +1364,7 @@ function useAzureCommunicationCallAdapterGeneric(args, adapterKind = 'AzureCommu
                 }
                 creatingAdapterRef.current = true;
                 if (targetCallees) {
+                    /* @conditional-compile-remove(teams-identity-support-beta) */
                     newAdapter = (yield createTeamsCallAdapter({
                         credential,
                         userId: userId,
@@ -1272,6 +1373,7 @@ function useAzureCommunicationCallAdapterGeneric(args, adapterKind = 'AzureCommu
                     }));
                 }
                 else {
+                    /* @conditional-compile-remove(teams-identity-support) */
                     newAdapter = (yield createTeamsCallAdapter({
                         credential,
                         locator: locator,
@@ -1295,7 +1397,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, alternateCallerId, options, targetCallees]);
+    [
+        adapterRef,
+        afterCreateRef,
+        beforeDisposeRef,
+        adapterKind,
+        credential,
+        locator,
+        userId,
+        displayName,
+        options,
+        targetCallees
+    ]);
     // Dispose any existing adapter when the component unmounts.
     useEffect(() => {
         return () => {
@@ -1326,9 +1439,29 @@ 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);
 };
+/* @conditional-compile-remove(teams-identity-support) */
 /**
  * A custom React hook to simplify the creation of {@link TeamsCallAdapter}.
  *
@@ -1343,7 +1476,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);
 };
 /**
@@ -1361,6 +1513,7 @@ export function createAzureCommunicationCallAdapterFromClient(callClient, callAg
         if (deviceManager.isSpeakerSelectionAvailable) {
             yield deviceManager.getSpeakers();
         }
+        /* @conditional-compile-remove(unsupported-browser) */
         yield callClient.feature(Features.DebugInfo).getEnvironmentInfo();
         if (getLocatorOrTargetCallees(locatorOrtargetCallees)) {
             return new AzureCommunicationCallAdapter(callClient, locatorOrtargetCallees, callAgent, deviceManager, options);
@@ -1370,6 +1523,7 @@ export function createAzureCommunicationCallAdapterFromClient(callClient, callAg
         }
     });
 }
+/* @conditional-compile-remove(teams-identity-support) */
 /**
  * Create a {@link TeamsCallAdapter} using the provided {@link StatefulCallClient}.
  *
@@ -1384,6 +1538,7 @@ export const createTeamsCallAdapterFromClient = (callClient, callAgent, locator,
     if (deviceManager.isSpeakerSelectionAvailable) {
         yield deviceManager.getSpeakers();
     }
+    /* @conditional-compile-remove(unsupported-browser) */
     yield callClient.feature(Features.DebugInfo).getEnvironmentInfo();
     if (Array.isArray(locator)) {
         return new AzureCommunicationCallAdapter(callClient, locator, callAgent, deviceManager, options);
@@ -1392,6 +1547,16 @@ export const createTeamsCallAdapterFromClient = (callClient, callAgent, locator,
         return new AzureCommunicationCallAdapter(callClient, locator, callAgent, deviceManager, options);
     }
 });
+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)) {
+        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;
+};
 const isCallError = (e) => {
     return 'target' in e && 'innerError' in e;
 };