@azure/communication-react 1.22.0-beta.1 → 1.23.0-alpha-202412190017

package/dist/dist-esm/calling-component-bindings/src/getRemoteParticipantsExcludingConsumers.js

@@ -8,7 +8,7 @@ import { getRemoteParticipants } from './baseSelectors';
 export const getRemoteParticipantsExcludingConsumers = createSelector([getRemoteParticipants], (remoteParticipants) => {
     {
         const newRemoteParticipants = Object.assign({}, remoteParticipants);
-        Object.keys(newRemoteParticipants).forEach(k => {
+        Object.keys(newRemoteParticipants).forEach((k) => {
             var _a;
             if (((_a = newRemoteParticipants[k]) === null || _a === void 0 ? void 0 : _a.role) === 'Consumer') {
                 delete newRemoteParticipants[k];

package/dist/dist-esm/calling-component-bindings/src/getRemoteParticipantsExcludingConsumers.js.map

@@ -1 +1 @@
-{"version":3,"file":"getRemoteParticipantsExcludingConsumers.js","sourceRoot":"","sources":["../../../../preprocess-dist/calling-component-bindings/src/getRemoteParticipantsExcludingConsumers.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AAGxD;;GAEG;AACH,MAAM,CAAC,MAAM,uCAAuC,GAAG,cAAc,CAAC,CAAC,qBAAqB,CAAC,EAAE,CAAC,kBAAkB,EAEpG,EAAE;IACd,CAAC;QACC,MAAM,qBAAqB,qBACtB,kBAAkB,CACtB,CAAC;QACF,MAAM,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;;YAC7C,IAAI,CAAA,MAAA,qBAAqB,CAAC,CAAC,CAAC,0CAAE,IAAI,MAAK,UAAU,EAAE,CAAC;gBAClD,OAAO,qBAAqB,CAAC,CAAC,CAAC,CAAC;YAClC,CAAC;QACH,CAAC,CAAC,CAAC;QACH,OAAO,qBAAqB,CAAC;IAC/B,CAAC;AACH,CAAC,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { createSelector } from 'reselect';\nimport { getRemoteParticipants } from './baseSelectors';\nimport { RemoteParticipantState } from '@internal/calling-stateful-client';\n\n/**\n * @private\n */\nexport const getRemoteParticipantsExcludingConsumers = createSelector([getRemoteParticipants], (remoteParticipants): {\n  [keys: string]: RemoteParticipantState;\n} | undefined => {\n  {\n    const newRemoteParticipants = {\n      ...remoteParticipants\n    };\n    Object.keys(newRemoteParticipants).forEach(k => {\n      if (newRemoteParticipants[k]?.role === 'Consumer') {\n        delete newRemoteParticipants[k];\n      }\n    });\n    return newRemoteParticipants;\n  }\n});"]}
+{"version":3,"file":"getRemoteParticipantsExcludingConsumers.js","sourceRoot":"","sources":["../../../../../calling-component-bindings/src/getRemoteParticipantsExcludingConsumers.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AAGxD;;GAEG;AACH,MAAM,CAAC,MAAM,uCAAuC,GAAG,cAAc,CACnE,CAAC,qBAAqB,CAAC,EACvB,CACE,kBAAkB,EAKN,EAAE;IACd,CAAC;QACC,MAAM,qBAAqB,qBAAQ,kBAAkB,CAAE,CAAC;QACxD,MAAM,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE;;YAC/C,IAAI,CAAA,MAAA,qBAAqB,CAAC,CAAC,CAAC,0CAAE,IAAI,MAAK,UAAU,EAAE,CAAC;gBAClD,OAAO,qBAAqB,CAAC,CAAC,CAAC,CAAC;YAClC,CAAC;QACH,CAAC,CAAC,CAAC;QACH,OAAO,qBAAqB,CAAC;IAC/B,CAAC;AACH,CAAC,CACF,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { createSelector } from 'reselect';\nimport { getRemoteParticipants } from './baseSelectors';\nimport { RemoteParticipantState } from '@internal/calling-stateful-client';\n\n/**\n * @private\n */\nexport const getRemoteParticipantsExcludingConsumers = createSelector(\n  [getRemoteParticipants],\n  (\n    remoteParticipants\n  ):\n    | {\n        [keys: string]: RemoteParticipantState;\n      }\n    | undefined => {\n    {\n      const newRemoteParticipants = { ...remoteParticipants };\n      Object.keys(newRemoteParticipants).forEach((k) => {\n        if (newRemoteParticipants[k]?.role === 'Consumer') {\n          delete newRemoteParticipants[k];\n        }\n      });\n      return newRemoteParticipants;\n    }\n  }\n);\n"]}

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

@@ -1,11 +1,12 @@
 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 } from "../../../react-components/src";
+import { CreateVideoStreamViewResult, VideoStreamOptions, CaptionsOptions } from "../../../react-components/src";
 import { CommunicationUserIdentifier, PhoneNumberIdentifier } from '@azure/communication-common';
 import { CommunicationIdentifier } from '@azure/communication-common';
 import { Reaction } from '@azure/communication-calling';
 import { _ComponentCallingHandlers } from './createHandlers';
+import { TogetherModeStreamViewResult, TogetherModeStreamOptions } from "../../../react-components/src";
 /**
  * Object containing all the handlers required for calling components.
  *
@@ -64,15 +65,79 @@ export interface CommonCallingHandlers {
     onStopAllSpotlight: () => Promise<void>;
     onMuteParticipant: (userId: string) => Promise<void>;
     onMuteAllRemoteParticipants: () => Promise<void>;
+    /**
+     * Call back to create a view for together mode
+     *
+     * @beta
+     */
+    onCreateTogetherModeStreamView: (options?: TogetherModeStreamOptions) => Promise<void | TogetherModeStreamViewResult>;
+    /**
+     * Call back to create a view for together mode
+     *
+     * @beta
+     */
+    onStartTogetherMode: () => Promise<void>;
+    /**
+     * Call set together mode scene size
+     *
+     * @beta
+     */
+    onSetTogetherModeSceneSize: (width: number, height: number) => void;
+    /**
+     * Call back to dispose together mode views
+     *
+     * @beta
+     */
+    onDisposeTogetherModeStreamView: () => Promise<void>;
+    /**
+     * Forbid remote participants from sending audio
+     *
+     * @beta
+     */
+    onForbidAudio?: (userIds: string[]) => Promise<void>;
+    /**
+     * Permit remote participants to send audio
+     *
+     * @beta
+     */
+    onPermitAudio?: (userIds: string[]) => Promise<void>;
+    /**
+     * Change meeting option forbid remote participants from sending audio
+     *
+     * @beta
+     */
+    onForbidOthersAudio?: () => Promise<void>;
+    /**
+     * Change meeting option permit remote participants to send audio
+     *
+     * @beta
+     */
+    onPermitOthersAudio?: () => Promise<void>;
+    /**
+     * Forbid remote participants from sending video
+     *
+     * @beta
+     */
+    onForbidVideo?: (userIds: string[]) => Promise<void>;
+    /**
+     * Permit remote participants to send video
+     *
+     * @beta
+     */
+    onPermitVideo?: (userIds: string[]) => Promise<void>;
+    /**
+     * Change meeting option forbid remote participants from sending video
+     *
+     * @beta
+     */
+    onForbidOthersVideo?: () => Promise<void>;
+    /**
+     * Change meeting option permit remote participants to send video
+     *
+     * @beta
+     */
+    onPermitOthersVideo?: () => Promise<void>;
 }
-/**
- * options bag to start captions
- *
- * @public
- */
-export type CaptionsOptions = {
-    spokenLanguage: string;
-};
 /**
  * @private
  */

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,13 +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`);
@@ -369,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);
@@ -405,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
@@ -431,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* () {
@@ -457,20 +455,107 @@ 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));
+        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));
+        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));
+        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));
+        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());
+    });
     return {
         onHangUp,
         onToggleHold,
@@ -498,6 +583,7 @@ export const createDefaultCommonCallingHandlers = memoizeOne((callClient, device
         onRemoveParticipant: notImplemented,
         onStartCall: notImplemented,
         onSendDtmfTone,
+        /* @conditional-compile-remove(call-readiness) */
         askDevicePermission,
         onRemoveVideoBackgroundEffects,
         onBlurVideoBackground,
@@ -519,7 +605,31 @@ export const createDefaultCommonCallingHandlers = memoizeOne((callClient, device
         onMuteParticipant,
         onMuteAllRemoteParticipants,
         onAcceptCall: notImplemented,
-        onRejectCall: notImplemented
+        onRejectCall: notImplemented,
+        /* @conditional-compile-remove(together-mode) */
+        onCreateTogetherModeStreamView,
+        /* @conditional-compile-remove(together-mode) */
+        onStartTogetherMode: notImplemented,
+        /* @conditional-compile-remove(together-mode) */
+        onDisposeTogetherModeStreamView,
+        /* @conditional-compile-remove(together-mode) */
+        onSetTogetherModeSceneSize,
+        /* @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
     };
 });
 //# sourceMappingURL=createCommonHandlers.js.map