@azure/communication-react 1.23.0 → 1.24.0-alpha-202501250016

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

@@ -43,7 +43,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);
         }
     });
@@ -52,7 +52,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);
         }
     });
@@ -77,10 +77,11 @@ 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 && (yield unparentedViews.forEach(view => view.mediaStreamType === 'Video' && callClient.disposeView(undefined, undefined, view)));
+                unparentedViews &&
+                    (yield unparentedViews.forEach((view) => view.mediaStreamType === 'Video' && callClient.disposeView(undefined, undefined, view)));
                 stream && (yield onStopLocalVideo(stream));
             }
             else {
@@ -130,7 +131,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));
             /// TODO: TEMPORARY SOLUTION
             /// The Calling SDK needs to wait until the stream is ready before resolving the switchSource promise.
@@ -159,7 +160,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());
         }
@@ -169,10 +170,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`);
@@ -188,16 +191,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;
         }
@@ -205,8 +201,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);
@@ -219,13 +215,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;
         }
@@ -233,7 +225,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;
         }
@@ -245,8 +237,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);
@@ -259,9 +252,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) {
@@ -271,12 +262,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);
         }
@@ -292,11 +283,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);
@@ -311,11 +302,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);
@@ -330,7 +321,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);
         }
@@ -338,7 +329,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);
         }
@@ -351,8 +342,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`);
@@ -364,30 +362,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);
@@ -400,7 +403,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
@@ -426,11 +429,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* () {
@@ -452,45 +455,104 @@ 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 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;
+    /* @conditional-compile-remove(together-mode) */
+    const onCreateTogetherModeStreamView = (...args_3) => __awaiter(void 0, [...args_3], void 0, function* (options = { scalingMode: 'Fit', isMirrored: false, viewKind: 'main' }) {
+        if (!call) {
+            return;
+        }
+        const callState = callClient.getState().calls[call.id];
+        if (!callState) {
+            return;
+        }
+        const togetherModeStreams = callState.togetherMode.streams;
+        const togetherModeCreateViewResult = {};
+        const mainVideoStream = togetherModeStreams.mainVideoStream;
+        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;
+        }
+        return togetherModeCreateViewResult;
+    });
+    /* @conditional-compile-remove(together-mode) */
+    const onDisposeTogetherModeStreamView = () => __awaiter(void 0, void 0, void 0, function* () {
+        if (!call) {
+            return;
+        }
+        const callState = callClient.getState().calls[call.id];
+        if (!callState) {
+            throw new Error(`Call Not Found: ${call.id}`);
+        }
+        const togetherModeStreams = callState.togetherMode.streams;
+        if (!togetherModeStreams.mainVideoStream) {
+            return;
+        }
+        if (togetherModeStreams.mainVideoStream.view) {
+            callClient.disposeView(call.id, undefined, togetherModeStreams.mainVideoStream);
+        }
+    });
+    /* @conditional-compile-remove(together-mode) */
+    const onSetTogetherModeSceneSize = (width, height) => {
+        const togetherModeFeature = call === null || call === void 0 ? void 0 : call.feature(Features.TogetherMode);
+        if (togetherModeFeature) {
+            togetherModeFeature.sceneSize = { width, height };
+        }
+    };
+    /* @conditional-compile-remove(media-access) */
     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));
     });
+    /* @conditional-compile-remove(media-access) */
     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));
     });
+    /* @conditional-compile-remove(media-access) */
     const onForbidOthersAudio = () => __awaiter(void 0, void 0, void 0, function* () {
         yield (call === null || call === void 0 ? void 0 : call.feature(Features.MediaAccess).forbidOthersAudio());
     });
+    /* @conditional-compile-remove(media-access) */
     const onPermitOthersAudio = () => __awaiter(void 0, void 0, void 0, function* () {
         yield (call === null || call === void 0 ? void 0 : call.feature(Features.MediaAccess).permitOthersAudio());
     });
+    /* @conditional-compile-remove(media-access) */
     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));
     });
+    /* @conditional-compile-remove(media-access) */
     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));
     });
+    /* @conditional-compile-remove(media-access) */
     const onForbidOthersVideo = () => __awaiter(void 0, void 0, void 0, function* () {
         yield (call === null || call === void 0 ? void 0 : call.feature(Features.MediaAccess).forbidOthersVideo());
     });
+    /* @conditional-compile-remove(media-access) */
     const onPermitOthersVideo = () => __awaiter(void 0, void 0, void 0, function* () {
         yield (call === null || call === void 0 ? void 0 : call.feature(Features.MediaAccess).permitOthersVideo());
     });
@@ -521,6 +583,8 @@ export const createDefaultCommonCallingHandlers = memoizeOne((callClient, device
         onRemoveParticipant: notImplemented,
         onStartCall: notImplemented,
         onSendDtmfTone,
+        /* @conditional-compile-remove(call-readiness) */
+        askDevicePermission,
         onRemoveVideoBackgroundEffects,
         onBlurVideoBackground,
         onReplaceVideoBackground,
@@ -542,13 +606,29 @@ export const createDefaultCommonCallingHandlers = memoizeOne((callClient, device
         onMuteAllRemoteParticipants,
         onAcceptCall: notImplemented,
         onRejectCall: notImplemented,
+        /* @conditional-compile-remove(together-mode) */
+        onCreateTogetherModeStreamView,
+        /* @conditional-compile-remove(together-mode) */
+        onStartTogetherMode: notImplemented,
+        /* @conditional-compile-remove(together-mode) */
+        onSetTogetherModeSceneSize,
+        /* @conditional-compile-remove(together-mode) */
+        onDisposeTogetherModeStreamView,
+        /* @conditional-compile-remove(media-access) */
         onForbidAudio,
+        /* @conditional-compile-remove(media-access) */
         onPermitAudio,
+        /* @conditional-compile-remove(media-access) */
         onForbidOthersAudio,
+        /* @conditional-compile-remove(media-access) */
         onPermitOthersAudio,
+        /* @conditional-compile-remove(media-access) */
         onForbidVideo,
+        /* @conditional-compile-remove(media-access) */
         onPermitVideo,
+        /* @conditional-compile-remove(media-access) */
         onForbidOthersVideo,
+        /* @conditional-compile-remove(media-access) */
         onPermitOthersVideo
     };
 });