@azure/communication-react 1.28.0 → 1.29.0-alpha-202506130019

package/dist/dist-esm/calling-component-bindings/src/handlers/createCommonHandlers.d.ts

@@ -1,4 +1,5 @@
 import { AddPhoneNumberOptions, AudioDeviceInfo, AudioEffectsStartConfig, BackgroundBlurConfig, BackgroundBlurEffect, BackgroundReplacementConfig, BackgroundReplacementEffect, Call, CallSurvey, CallSurveyResponse, DtmfTone, LocalVideoStream, StartCallOptions, TeamsCall, VideoDeviceInfo } from '@azure/communication-calling';
+import { PermissionConstraints } from '@azure/communication-calling';
 import { StatefulCallClient, StatefulDeviceManager } from "../../../calling-stateful-client/src";
 import { CreateVideoStreamViewResult, VideoStreamOptions, CaptionsOptions } from "../../../react-components/src";
 import { CommunicationUserIdentifier, PhoneNumberIdentifier } from '@azure/communication-common';
@@ -45,6 +46,7 @@ export interface CommonCallingHandlers {
     onSendDtmfTone: (dtmfTone: DtmfTone) => Promise<void>;
     onRemoveParticipant(userId: string): Promise<void>;
     onRemoveParticipant(participant: CommunicationIdentifier): Promise<void>;
+    askDevicePermission: (constrain: PermissionConstraints) => Promise<void>;
     onStartCall: (participants: CommunicationIdentifier[], options?: StartCallOptions) => void;
     onAcceptCall: (incomingCallId: string, useVideo?: boolean) => Promise<void>;
     onRejectCall: (incomingCallId: string) => Promise<void>;

package/dist/dist-esm/calling-component-bindings/src/handlers/createCommonHandlers.js

@@ -45,7 +45,7 @@ export const createDefaultCommonCallingHandlers = memoizeOne((callClient, device
             return;
         }
         const stream = new LocalVideoStream(videoDeviceInfo);
-        if (call && !call.localVideoStreams.find(s => areStreamsEqual(s, stream))) {
+        if (call && !call.localVideoStreams.find((s) => areStreamsEqual(s, stream))) {
             yield call.startVideo(stream);
         }
     });
@@ -54,7 +54,7 @@ export const createDefaultCommonCallingHandlers = memoizeOne((callClient, device
         if (!callId) {
             return;
         }
-        if (call && call.localVideoStreams.find(s => areStreamsEqual(s, stream))) {
+        if (call && call.localVideoStreams.find((s) => areStreamsEqual(s, stream))) {
             yield call.stopVideo(stream);
         }
     });
@@ -79,10 +79,10 @@ export const createDefaultCommonCallingHandlers = memoizeOne((callClient, device
         // be triggered when the call is in connecting state, which we can then transition the
         // local video stream to the stateful call client and get into a clean state.
         if (call && (_isInCall(call.state) || _isInLobbyOrConnecting(call.state))) {
-            const stream = call.localVideoStreams.find(stream => stream.mediaStreamType === 'Video');
+            const stream = call.localVideoStreams.find((stream) => stream.mediaStreamType === 'Video');
             const unparentedViews = callClient.getState().deviceManager.unparentedViews;
             if (stream || unparentedViews.length > 0) {
-                unparentedViews.forEach(view => view.mediaStreamType === 'Video' && callClient.disposeView(undefined, undefined, view));
+                unparentedViews.forEach((view) => view.mediaStreamType === 'Video' && callClient.disposeView(undefined, undefined, view));
                 if (stream) {
                     yield onStopLocalVideo(stream);
                 }
@@ -134,7 +134,7 @@ export const createDefaultCommonCallingHandlers = memoizeOne((callClient, device
         }
         if (call && _isInCall(call.state)) {
             deviceManager.selectCamera(device);
-            const stream = call.localVideoStreams.find(stream => stream.mediaStreamType === 'Video');
+            const stream = call.localVideoStreams.find((stream) => stream.mediaStreamType === 'Video');
             yield (stream === null || stream === void 0 ? void 0 : stream.switchSource(device));
             yield Promise.all([
                 /// TODO: TEMPORARY SOLUTION
@@ -150,7 +150,7 @@ export const createDefaultCommonCallingHandlers = memoizeOne((callClient, device
                 // - iPhone 11, safari, v8.3.1: 750ms
                 // - Pixel 6, chrome, Android 15: 400ms
                 // - Windows 11, edge: 100ms
-                new Promise(resolve => setTimeout(resolve, 1000))
+                new Promise((resolve) => setTimeout(resolve, 1000))
             ]);
         }
         else {
@@ -172,7 +172,7 @@ export const createDefaultCommonCallingHandlers = memoizeOne((callClient, device
     const onToggleRaiseHand = () => __awaiter(void 0, void 0, void 0, function* () {
         const raiseHandFeature = call === null || call === void 0 ? void 0 : call.feature(Features.RaiseHand);
         const localUserId = callClient.getState().userId;
-        const isLocalRaisedHand = raiseHandFeature === null || raiseHandFeature === void 0 ? void 0 : raiseHandFeature.getRaisedHands().find(publishedState => toFlatCommunicationIdentifier(publishedState.identifier) === toFlatCommunicationIdentifier(localUserId));
+        const isLocalRaisedHand = raiseHandFeature === null || raiseHandFeature === void 0 ? void 0 : raiseHandFeature.getRaisedHands().find((publishedState) => toFlatCommunicationIdentifier(publishedState.identifier) === toFlatCommunicationIdentifier(localUserId));
         if (isLocalRaisedHand) {
             yield (raiseHandFeature === null || raiseHandFeature === void 0 ? void 0 : raiseHandFeature.lowerHand());
         }
@@ -182,10 +182,12 @@ export const createDefaultCommonCallingHandlers = memoizeOne((callClient, device
     });
     const onReactionClick = (reaction) => __awaiter(void 0, void 0, void 0, function* () {
         var _c;
-        if (reaction === 'like' || reaction === 'applause' || reaction === 'heart' || reaction === 'laugh' || reaction === 'surprised') {
-            yield ((_c = call === null || call === void 0 ? void 0 : call.feature(Features.Reaction)) === null || _c === void 0 ? void 0 : _c.sendReaction({
-                reactionType: reaction
-            }));
+        if (reaction === 'like' ||
+            reaction === 'applause' ||
+            reaction === 'heart' ||
+            reaction === 'laugh' ||
+            reaction === 'surprised') {
+            yield ((_c = call === null || call === void 0 ? void 0 : call.feature(Features.Reaction)) === null || _c === void 0 ? void 0 : _c.sendReaction({ reactionType: reaction }));
         }
         else {
             console.warn(`Can not recognize ${reaction} as meeting reaction`);
@@ -201,16 +203,9 @@ export const createDefaultCommonCallingHandlers = memoizeOne((callClient, device
     const onStartScreenShare = () => __awaiter(void 0, void 0, void 0, function* () { return yield (call === null || call === void 0 ? void 0 : call.startScreenSharing()); });
     const onStopScreenShare = () => __awaiter(void 0, void 0, void 0, function* () { return yield (call === null || call === void 0 ? void 0 : call.stopScreenSharing()); });
     const onToggleScreenShare = () => __awaiter(void 0, void 0, void 0, function* () { return (call === null || call === void 0 ? void 0 : call.isScreenSharingOn) ? yield onStopScreenShare() : yield onStartScreenShare(); });
-    const onHangUp = (forEveryone) => __awaiter(void 0, void 0, void 0, function* () {
-        return yield (call === null || call === void 0 ? void 0 : call.hangUp({
-            forEveryone: forEveryone === true ? true : false
-        }));
-    });
+    const onHangUp = (forEveryone) => __awaiter(void 0, void 0, void 0, function* () { return yield (call === null || call === void 0 ? void 0 : call.hangUp({ forEveryone: forEveryone === true ? true : false })); });
     const onToggleHold = () => __awaiter(void 0, void 0, void 0, function* () { return (call === null || call === void 0 ? void 0 : call.state) === 'LocalHold' ? yield (call === null || call === void 0 ? void 0 : call.resume()) : yield (call === null || call === void 0 ? void 0 : call.hold()); });
-    const onCreateLocalStreamView = (...args_1) => __awaiter(void 0, [...args_1], void 0, function* (options = {
-        scalingMode: 'Crop',
-        isMirrored: true
-    }) {
+    const onCreateLocalStreamView = (...args_1) => __awaiter(void 0, [...args_1], void 0, function* (options = { scalingMode: 'Crop', isMirrored: true }) {
         if (!call || call.localVideoStreams.length === 0) {
             return;
         }
@@ -218,8 +213,8 @@ export const createDefaultCommonCallingHandlers = memoizeOne((callClient, device
         if (!callState) {
             return;
         }
-        const localStream = callState.localVideoStreams.find(item => item.mediaStreamType === 'Video');
-        const localScreenSharingStream = callState.localVideoStreams.find(item => item.mediaStreamType === 'ScreenSharing');
+        const localStream = callState.localVideoStreams.find((item) => item.mediaStreamType === 'Video');
+        const localScreenSharingStream = callState.localVideoStreams.find((item) => item.mediaStreamType === 'ScreenSharing');
         let createViewResult = undefined;
         if (localStream && !localStream.view) {
             createViewResult = yield callClient.createView(call.id, undefined, localStream, options);
@@ -232,13 +227,9 @@ export const createDefaultCommonCallingHandlers = memoizeOne((callClient, device
                 scalingMode: 'Fit'
             });
         }
-        return (createViewResult === null || createViewResult === void 0 ? void 0 : createViewResult.view) ? {
-            view: createViewResult === null || createViewResult === void 0 ? void 0 : createViewResult.view
-        } : undefined;
+        return (createViewResult === null || createViewResult === void 0 ? void 0 : createViewResult.view) ? { view: createViewResult === null || createViewResult === void 0 ? void 0 : createViewResult.view } : undefined;
     });
-    const onCreateRemoteStreamView = (userId_1, ...args_2) => __awaiter(void 0, [userId_1, ...args_2], void 0, function* (userId, options = {
-        scalingMode: 'Crop'
-    }) {
+    const onCreateRemoteStreamView = (userId_1, ...args_2) => __awaiter(void 0, [userId_1, ...args_2], void 0, function* (userId, options = { scalingMode: 'Crop' }) {
         if (!call) {
             return;
         }
@@ -246,7 +237,7 @@ export const createDefaultCommonCallingHandlers = memoizeOne((callClient, device
         if (!callState) {
             return;
         }
-        const participant = Object.values(callState.remoteParticipants).find(participant => toFlatCommunicationIdentifier(participant.identifier) === userId);
+        const participant = Object.values(callState.remoteParticipants).find((participant) => toFlatCommunicationIdentifier(participant.identifier) === userId);
         if (!participant || !participant.videoStreams) {
             return;
         }
@@ -258,8 +249,9 @@ export const createDefaultCommonCallingHandlers = memoizeOne((callClient, device
          * e.g findLast instead of find
          */
         // Find the first available stream, if there is none, then get the first stream
-        const remoteVideoStream = Object.values(participant.videoStreams).findLast(i => i.mediaStreamType === 'Video' && i.isAvailable) || Object.values(participant.videoStreams).findLast(i => i.mediaStreamType === 'Video');
-        const screenShareStream = Object.values(participant.videoStreams).findLast(i => i.mediaStreamType === 'ScreenSharing' && i.isAvailable) || Object.values(participant.videoStreams).findLast(i => i.mediaStreamType === 'ScreenSharing');
+        const remoteVideoStream = Object.values(participant.videoStreams).findLast((i) => i.mediaStreamType === 'Video' && i.isAvailable) ||
+            Object.values(participant.videoStreams).findLast((i) => i.mediaStreamType === 'Video');
+        const screenShareStream = Object.values(participant.videoStreams).findLast((i) => i.mediaStreamType === 'ScreenSharing' && i.isAvailable) || Object.values(participant.videoStreams).findLast((i) => i.mediaStreamType === 'ScreenSharing');
         let createViewResult = undefined;
         if (remoteVideoStream && remoteVideoStream.isAvailable && !remoteVideoStream.view) {
             createViewResult = yield callClient.createView(call.id, participant.identifier, remoteVideoStream, options);
@@ -272,9 +264,7 @@ export const createDefaultCommonCallingHandlers = memoizeOne((callClient, device
                 scalingMode: 'Fit'
             });
         }
-        return (createViewResult === null || createViewResult === void 0 ? void 0 : createViewResult.view) ? {
-            view: createViewResult === null || createViewResult === void 0 ? void 0 : createViewResult.view
-        } : undefined;
+        return (createViewResult === null || createViewResult === void 0 ? void 0 : createViewResult.view) ? { view: createViewResult === null || createViewResult === void 0 ? void 0 : createViewResult.view } : undefined;
     });
     const onDisposeRemoteStreamView = (userId) => __awaiter(void 0, void 0, void 0, function* () {
         if (!call) {
@@ -284,12 +274,12 @@ export const createDefaultCommonCallingHandlers = memoizeOne((callClient, device
         if (!callState) {
             return;
         }
-        const participant = Object.values(callState.remoteParticipants).find(participant => toFlatCommunicationIdentifier(participant.identifier) === userId);
+        const participant = Object.values(callState.remoteParticipants).find((participant) => toFlatCommunicationIdentifier(participant.identifier) === userId);
         if (!participant || !participant.videoStreams) {
             return;
         }
-        const remoteVideoStream = Object.values(participant.videoStreams).find(i => i.mediaStreamType === 'Video');
-        const screenShareStream = Object.values(participant.videoStreams).find(i => i.mediaStreamType === 'ScreenSharing');
+        const remoteVideoStream = Object.values(participant.videoStreams).find((i) => i.mediaStreamType === 'Video');
+        const screenShareStream = Object.values(participant.videoStreams).find((i) => i.mediaStreamType === 'ScreenSharing');
         if (remoteVideoStream && remoteVideoStream.view) {
             callClient.disposeView(call.id, participant.identifier, remoteVideoStream);
         }
@@ -305,11 +295,11 @@ export const createDefaultCommonCallingHandlers = memoizeOne((callClient, device
         if (!callState) {
             return;
         }
-        const participant = Object.values(callState.remoteParticipants).find(participant => toFlatCommunicationIdentifier(participant.identifier) === userId);
+        const participant = Object.values(callState.remoteParticipants).find((participant) => toFlatCommunicationIdentifier(participant.identifier) === userId);
         if (!participant || !participant.videoStreams) {
             return;
         }
-        const remoteVideoStream = Object.values(participant.videoStreams).filter(i => i.mediaStreamType === 'Video');
+        const remoteVideoStream = Object.values(participant.videoStreams).filter((i) => i.mediaStreamType === 'Video');
         for (const stream of remoteVideoStream) {
             if (stream.view) {
                 callClient.disposeView(call.id, participant.identifier, stream);
@@ -324,11 +314,11 @@ export const createDefaultCommonCallingHandlers = memoizeOne((callClient, device
         if (!callState) {
             return;
         }
-        const participant = Object.values(callState.remoteParticipants).find(participant => toFlatCommunicationIdentifier(participant.identifier) === userId);
+        const participant = Object.values(callState.remoteParticipants).find((participant) => toFlatCommunicationIdentifier(participant.identifier) === userId);
         if (!participant || !participant.videoStreams) {
             return;
         }
-        const screenShareStreams = Object.values(participant.videoStreams).filter(i => i.mediaStreamType === 'ScreenSharing');
+        const screenShareStreams = Object.values(participant.videoStreams).filter((i) => i.mediaStreamType === 'ScreenSharing');
         for (const stream of screenShareStreams) {
             if (stream.view) {
                 callClient.disposeView(call.id, participant.identifier, stream);
@@ -343,7 +333,7 @@ export const createDefaultCommonCallingHandlers = memoizeOne((callClient, device
         if (!callState) {
             return;
         }
-        const screenShareStream = callState === null || callState === void 0 ? void 0 : callState.localVideoStreams.find(item => item.mediaStreamType === 'ScreenSharing');
+        const screenShareStream = callState === null || callState === void 0 ? void 0 : callState.localVideoStreams.find((item) => item.mediaStreamType === 'ScreenSharing');
         if (screenShareStream && screenShareStream.view) {
             callClient.disposeView(call.id, undefined, screenShareStream);
         }
@@ -351,7 +341,7 @@ export const createDefaultCommonCallingHandlers = memoizeOne((callClient, device
     const onDisposeLocalStreamView = () => __awaiter(void 0, void 0, void 0, function* () {
         // If the user is currently in a call, dispose of the local stream view attached to that call.
         const callState = call && callClient.getState().calls[call.id];
-        const localStream = callState === null || callState === void 0 ? void 0 : callState.localVideoStreams.find(item => item.mediaStreamType === 'Video');
+        const localStream = callState === null || callState === void 0 ? void 0 : callState.localVideoStreams.find((item) => item.mediaStreamType === 'Video');
         if (call && callState && localStream) {
             callClient.disposeView(call.id, undefined, localStream);
         }
@@ -364,8 +354,15 @@ export const createDefaultCommonCallingHandlers = memoizeOne((callClient, device
     const notImplemented = () => {
         throw new Error('Not implemented, cannot call a method from an abstract object');
     };
+    /* @conditional-compile-remove(call-readiness) */
+    const askDevicePermission = (constrain) => __awaiter(void 0, void 0, void 0, function* () {
+        if (deviceManager) {
+            yield (deviceManager === null || deviceManager === void 0 ? void 0 : deviceManager.askDevicePermission(constrain));
+        }
+    });
     const onRemoveVideoBackgroundEffects = () => __awaiter(void 0, void 0, void 0, function* () {
-        const stream = (call === null || call === void 0 ? void 0 : call.localVideoStreams.find(stream => stream.mediaStreamType === 'Video')) || (deviceManager === null || deviceManager === void 0 ? void 0 : deviceManager.getUnparentedVideoStreams().find(stream => stream.mediaStreamType === 'Video'));
+        const stream = (call === null || call === void 0 ? void 0 : call.localVideoStreams.find((stream) => stream.mediaStreamType === 'Video')) ||
+            (deviceManager === null || deviceManager === void 0 ? void 0 : deviceManager.getUnparentedVideoStreams().find((stream) => stream.mediaStreamType === 'Video'));
         if (stream) {
             if (!(options === null || options === void 0 ? void 0 : options.onResolveVideoBackgroundEffectsDependency)) {
                 throw new Error(`Video background effects dependency not resolved`);
@@ -377,30 +374,35 @@ export const createDefaultCommonCallingHandlers = memoizeOne((callClient, device
     });
     const onBlurVideoBackground = (backgroundBlurConfig) => __awaiter(void 0, void 0, void 0, function* () {
         var _d;
-        const stream = (call === null || call === void 0 ? void 0 : call.localVideoStreams.find(stream => stream.mediaStreamType === 'Video')) || (deviceManager === null || deviceManager === void 0 ? void 0 : deviceManager.getUnparentedVideoStreams().find(stream => stream.mediaStreamType === 'Video'));
+        const stream = (call === null || call === void 0 ? void 0 : call.localVideoStreams.find((stream) => stream.mediaStreamType === 'Video')) ||
+            (deviceManager === null || deviceManager === void 0 ? void 0 : deviceManager.getUnparentedVideoStreams().find((stream) => stream.mediaStreamType === 'Video'));
         if (stream) {
             if (!(options === null || options === void 0 ? void 0 : options.onResolveVideoBackgroundEffectsDependency)) {
                 throw new Error(`Video background effects dependency not resolved`);
             }
-            const createEffect = (options === null || options === void 0 ? void 0 : options.onResolveVideoBackgroundEffectsDependency) && ((_d = (yield options.onResolveVideoBackgroundEffectsDependency())) === null || _d === void 0 ? void 0 : _d.createBackgroundBlurEffect);
+            const createEffect = (options === null || options === void 0 ? void 0 : options.onResolveVideoBackgroundEffectsDependency) &&
+                ((_d = (yield options.onResolveVideoBackgroundEffectsDependency())) === null || _d === void 0 ? void 0 : _d.createBackgroundBlurEffect);
             return createEffect && stream.feature(Features.VideoEffects).startEffects(createEffect(backgroundBlurConfig));
         }
     });
     const onReplaceVideoBackground = (backgroundReplacementConfig) => __awaiter(void 0, void 0, void 0, function* () {
         var _e;
-        const stream = (call === null || call === void 0 ? void 0 : call.localVideoStreams.find(stream => stream.mediaStreamType === 'Video')) || (deviceManager === null || deviceManager === void 0 ? void 0 : deviceManager.getUnparentedVideoStreams().find(stream => stream.mediaStreamType === 'Video'));
+        const stream = (call === null || call === void 0 ? void 0 : call.localVideoStreams.find((stream) => stream.mediaStreamType === 'Video')) ||
+            (deviceManager === null || deviceManager === void 0 ? void 0 : deviceManager.getUnparentedVideoStreams().find((stream) => stream.mediaStreamType === 'Video'));
         if (stream) {
             if (!(options === null || options === void 0 ? void 0 : options.onResolveVideoBackgroundEffectsDependency)) {
                 throw new Error(`Video background effects dependency not resolved`);
             }
-            const createEffect = (options === null || options === void 0 ? void 0 : options.onResolveVideoBackgroundEffectsDependency) && ((_e = (yield options.onResolveVideoBackgroundEffectsDependency())) === null || _e === void 0 ? void 0 : _e.createBackgroundReplacementEffect);
-            return createEffect && stream.feature(Features.VideoEffects).startEffects(createEffect(backgroundReplacementConfig));
+            const createEffect = (options === null || options === void 0 ? void 0 : options.onResolveVideoBackgroundEffectsDependency) &&
+                ((_e = (yield options.onResolveVideoBackgroundEffectsDependency())) === null || _e === void 0 ? void 0 : _e.createBackgroundReplacementEffect);
+            return (createEffect && stream.feature(Features.VideoEffects).startEffects(createEffect(backgroundReplacementConfig)));
         }
     });
     const onStartNoiseSuppressionEffect = () => __awaiter(void 0, void 0, void 0, function* () {
         var _f;
-        const audioEffects = (options === null || options === void 0 ? void 0 : options.onResolveDeepNoiseSuppressionDependency) && ((_f = (yield options.onResolveDeepNoiseSuppressionDependency())) === null || _f === void 0 ? void 0 : _f.deepNoiseSuppressionEffect);
-        const stream = call === null || call === void 0 ? void 0 : call.localAudioStreams.find(stream => stream.mediaStreamType === 'Audio');
+        const audioEffects = (options === null || options === void 0 ? void 0 : options.onResolveDeepNoiseSuppressionDependency) &&
+            ((_f = (yield options.onResolveDeepNoiseSuppressionDependency())) === null || _f === void 0 ? void 0 : _f.deepNoiseSuppressionEffect);
+        const stream = call === null || call === void 0 ? void 0 : call.localAudioStreams.find((stream) => stream.mediaStreamType === 'Audio');
         if (stream && audioEffects && audioEffects.noiseSuppression) {
             const audioEffectsFeature = stream.feature(Features.AudioEffects);
             const isNoiseSuppressionSupported = yield audioEffectsFeature.isSupported(audioEffects.noiseSuppression);
@@ -413,7 +415,7 @@ export const createDefaultCommonCallingHandlers = memoizeOne((callClient, device
         }
     });
     const onStopNoiseSuppressionEffect = () => __awaiter(void 0, void 0, void 0, function* () {
-        const stream = call === null || call === void 0 ? void 0 : call.localAudioStreams.find(stream => stream.mediaStreamType === 'Audio');
+        const stream = call === null || call === void 0 ? void 0 : call.localAudioStreams.find((stream) => stream.mediaStreamType === 'Audio');
         if (stream && (options === null || options === void 0 ? void 0 : options.onResolveDeepNoiseSuppressionDependency)) {
             const audioEffects = {
                 noiseSuppression: true
@@ -443,11 +445,11 @@ export const createDefaultCommonCallingHandlers = memoizeOne((callClient, device
     });
     const onSubmitSurvey = (survey) => __awaiter(void 0, void 0, void 0, function* () { return yield (call === null || call === void 0 ? void 0 : call.feature(Features.CallSurvey).submitSurvey(survey)); });
     const onStartSpotlight = (userIds) => __awaiter(void 0, void 0, void 0, function* () {
-        const participants = userIds === null || userIds === void 0 ? void 0 : userIds.map(userId => _toCommunicationIdentifier(userId));
+        const participants = userIds === null || userIds === void 0 ? void 0 : userIds.map((userId) => _toCommunicationIdentifier(userId));
         yield (call === null || call === void 0 ? void 0 : call.feature(Features.Spotlight).startSpotlight(participants));
     });
     const onStopSpotlight = (userIds) => __awaiter(void 0, void 0, void 0, function* () {
-        const participants = userIds === null || userIds === void 0 ? void 0 : userIds.map(userId => _toCommunicationIdentifier(userId));
+        const participants = userIds === null || userIds === void 0 ? void 0 : userIds.map((userId) => _toCommunicationIdentifier(userId));
         yield (call === null || call === void 0 ? void 0 : call.feature(Features.Spotlight).stopSpotlight(participants));
     });
     const onStopAllSpotlight = () => __awaiter(void 0, void 0, void 0, function* () {
@@ -469,25 +471,27 @@ export const createDefaultCommonCallingHandlers = memoizeOne((callClient, device
     });
     const canStartSpotlight = call === null || call === void 0 ? void 0 : call.feature(Features.Capabilities).capabilities.spotlightParticipant.isPresent;
     const canRemoveSpotlight = call === null || call === void 0 ? void 0 : call.feature(Features.Capabilities).capabilities.removeParticipantsSpotlight.isPresent;
-    const onStartLocalSpotlight = canStartSpotlight ? () => __awaiter(void 0, void 0, void 0, function* () {
-        yield (call === null || call === void 0 ? void 0 : call.feature(Features.Spotlight).startSpotlight());
-    }) : undefined;
+    const onStartLocalSpotlight = canStartSpotlight
+        ? () => __awaiter(void 0, void 0, void 0, function* () {
+            yield (call === null || call === void 0 ? void 0 : call.feature(Features.Spotlight).startSpotlight());
+        })
+        : undefined;
     const onStopLocalSpotlight = () => __awaiter(void 0, void 0, void 0, function* () {
         yield (call === null || call === void 0 ? void 0 : call.feature(Features.Spotlight).stopSpotlight());
     });
-    const onStartRemoteSpotlight = canStartSpotlight ? (userIds) => __awaiter(void 0, void 0, void 0, function* () {
-        const participants = userIds === null || userIds === void 0 ? void 0 : userIds.map(userId => _toCommunicationIdentifier(userId));
-        yield (call === null || call === void 0 ? void 0 : call.feature(Features.Spotlight).startSpotlight(participants));
-    }) : undefined;
-    const onStopRemoteSpotlight = canRemoveSpotlight ? (userIds) => __awaiter(void 0, void 0, void 0, function* () {
-        const participants = userIds === null || userIds === void 0 ? void 0 : userIds.map(userId => _toCommunicationIdentifier(userId));
-        yield (call === null || call === void 0 ? void 0 : call.feature(Features.Spotlight).stopSpotlight(participants));
-    }) : undefined;
-    const onCreateTogetherModeStreamView = (...args_3) => __awaiter(void 0, [...args_3], void 0, function* (options = {
-        scalingMode: 'Fit',
-        isMirrored: false,
-        viewKind: 'main'
-    }) {
+    const onStartRemoteSpotlight = canStartSpotlight
+        ? (userIds) => __awaiter(void 0, void 0, void 0, function* () {
+            const participants = userIds === null || userIds === void 0 ? void 0 : userIds.map((userId) => _toCommunicationIdentifier(userId));
+            yield (call === null || call === void 0 ? void 0 : call.feature(Features.Spotlight).startSpotlight(participants));
+        })
+        : undefined;
+    const onStopRemoteSpotlight = canRemoveSpotlight
+        ? (userIds) => __awaiter(void 0, void 0, void 0, function* () {
+            const participants = userIds === null || userIds === void 0 ? void 0 : userIds.map((userId) => _toCommunicationIdentifier(userId));
+            yield (call === null || call === void 0 ? void 0 : call.feature(Features.Spotlight).stopSpotlight(participants));
+        })
+        : undefined;
+    const onCreateTogetherModeStreamView = (...args_3) => __awaiter(void 0, [...args_3], void 0, function* (options = { scalingMode: 'Fit', isMirrored: false, viewKind: 'main' }) {
         if (!call) {
             return;
         }
@@ -501,9 +505,9 @@ export const createDefaultCommonCallingHandlers = memoizeOne((callClient, device
         if (mainVideoStream && mainVideoStream.isAvailable && !mainVideoStream.view) {
             const createViewResult = yield callClient.createView(call.id, undefined, mainVideoStream, options);
             // SDK currently only supports 1 Video media stream type
-            togetherModeCreateViewResult.mainVideoView = (createViewResult === null || createViewResult === void 0 ? void 0 : createViewResult.view) ? {
-                view: createViewResult === null || createViewResult === void 0 ? void 0 : createViewResult.view
-            } : undefined;
+            togetherModeCreateViewResult.mainVideoView = (createViewResult === null || createViewResult === void 0 ? void 0 : createViewResult.view)
+                ? { view: createViewResult === null || createViewResult === void 0 ? void 0 : createViewResult.view }
+                : undefined;
         }
         return togetherModeCreateViewResult;
     });
@@ -526,18 +530,15 @@ export const createDefaultCommonCallingHandlers = memoizeOne((callClient, device
     const onSetTogetherModeSceneSize = (width, height) => {
         const togetherModeFeature = call === null || call === void 0 ? void 0 : call.feature(Features.TogetherMode);
         if (togetherModeFeature) {
-            togetherModeFeature.sceneSize = {
-                width,
-                height
-            };
+            togetherModeFeature.sceneSize = { width, height };
         }
     };
     const onForbidAudio = (userIds) => __awaiter(void 0, void 0, void 0, function* () {
-        const participants = userIds === null || userIds === void 0 ? void 0 : userIds.map(userId => _toCommunicationIdentifier(userId));
+        const participants = userIds === null || userIds === void 0 ? void 0 : userIds.map((userId) => _toCommunicationIdentifier(userId));
         yield (call === null || call === void 0 ? void 0 : call.feature(Features.MediaAccess).forbidAudio(participants));
     });
     const onPermitAudio = (userIds) => __awaiter(void 0, void 0, void 0, function* () {
-        const participants = userIds === null || userIds === void 0 ? void 0 : userIds.map(userId => _toCommunicationIdentifier(userId));
+        const participants = userIds === null || userIds === void 0 ? void 0 : userIds.map((userId) => _toCommunicationIdentifier(userId));
         yield (call === null || call === void 0 ? void 0 : call.feature(Features.MediaAccess).permitAudio(participants));
     });
     const onForbidOthersAudio = () => __awaiter(void 0, void 0, void 0, function* () {
@@ -547,11 +548,11 @@ export const createDefaultCommonCallingHandlers = memoizeOne((callClient, device
         yield (call === null || call === void 0 ? void 0 : call.feature(Features.MediaAccess).permitOthersAudio());
     });
     const onForbidVideo = (userIds) => __awaiter(void 0, void 0, void 0, function* () {
-        const participants = userIds === null || userIds === void 0 ? void 0 : userIds.map(userId => _toCommunicationIdentifier(userId));
+        const participants = userIds === null || userIds === void 0 ? void 0 : userIds.map((userId) => _toCommunicationIdentifier(userId));
         yield (call === null || call === void 0 ? void 0 : call.feature(Features.MediaAccess).forbidVideo(participants));
     });
     const onPermitVideo = (userIds) => __awaiter(void 0, void 0, void 0, function* () {
-        const participants = userIds === null || userIds === void 0 ? void 0 : userIds.map(userId => _toCommunicationIdentifier(userId));
+        const participants = userIds === null || userIds === void 0 ? void 0 : userIds.map((userId) => _toCommunicationIdentifier(userId));
         yield (call === null || call === void 0 ? void 0 : call.feature(Features.MediaAccess).permitVideo(participants));
     });
     const onForbidOthersVideo = () => __awaiter(void 0, void 0, void 0, function* () {
@@ -587,6 +588,8 @@ export const createDefaultCommonCallingHandlers = memoizeOne((callClient, device
         onRemoveParticipant: notImplemented,
         onStartCall: notImplemented,
         onSendDtmfTone,
+        /* @conditional-compile-remove(call-readiness) */
+        askDevicePermission,
         onRemoveVideoBackgroundEffects,
         onBlurVideoBackground,
         onReplaceVideoBackground,