@azure/communication-react 1.4.0 → 1.4.1-beta.1

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

@@ -1,3 +1,5 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT license.
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -7,20 +9,14 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT license.
-import { LocalVideoStream } from '@azure/communication-calling';
-import { toFlatCommunicationIdentifier, _toCommunicationIdentifier } from "../../../acs-ui-common/src";
+/* @conditional-compile-remove(PSTN-calls) */
+import { isCommunicationUserIdentifier, isMicrosoftTeamsUserIdentifier, isPhoneNumberIdentifier } from '@azure/communication-common';
+import { _toCommunicationIdentifier } from "../../../acs-ui-common/src";
 import memoizeOne from 'memoize-one';
-import { disposeAllLocalPreviewViews, _isInCall, _isInLobbyOrConnecting, _isPreviewOn } from '../utils/callUtils';
-/**
- * @private
- */
-export const areStreamsEqual = (prevStream, newStream) => {
-    return !!prevStream && !!newStream && prevStream.source.id === newStream.source.id;
-};
+import { isACSCallParticipants } from '../utils/callUtils';
+import { createDefaultCommonCallingHandlers } from './createCommonHandlers';
 /**
- * Create the default implementation of {@link CallingHandlers}.
+ * Create the default implementation of {@link CallingHandlers} for teams call.
  *
  * Useful when implementing a custom component that utilizes the providers
  * exported from this library.
@@ -28,262 +24,26 @@ export const areStreamsEqual = (prevStream, newStream) => {
  * @public
  */
 export const createDefaultCallingHandlers = memoizeOne((callClient, callAgent, deviceManager, call) => {
-    const onStartLocalVideo = () => __awaiter(void 0, void 0, void 0, function* () {
-        // Before the call object creates a stream, dispose of any local preview streams.
-        // @TODO: is there any way to parent the unparented view to the call object instead
-        // of disposing and creating a new stream?
-        yield disposeAllLocalPreviewViews(callClient);
-        const callId = call === null || call === void 0 ? void 0 : call.id;
-        let videoDeviceInfo = callClient.getState().deviceManager.selectedCamera;
-        if (!videoDeviceInfo) {
-            const cameras = yield (deviceManager === null || deviceManager === void 0 ? void 0 : deviceManager.getCameras());
-            videoDeviceInfo = cameras && cameras.length > 0 ? cameras[0] : undefined;
-            videoDeviceInfo && (deviceManager === null || deviceManager === void 0 ? void 0 : deviceManager.selectCamera(videoDeviceInfo));
-        }
-        if (!callId || !videoDeviceInfo) {
-            return;
-        }
-        const stream = new LocalVideoStream(videoDeviceInfo);
-        if (call && !call.localVideoStreams.find(s => areStreamsEqual(s, stream))) {
-            yield call.startVideo(stream);
-        }
-    });
-    const onStopLocalVideo = (stream) => __awaiter(void 0, void 0, void 0, function* () {
-        const callId = call === null || call === void 0 ? void 0 : call.id;
-        if (!callId) {
-            return;
-        }
-        if (call && call.localVideoStreams.find(s => areStreamsEqual(s, stream))) {
-            yield call.stopVideo(stream);
-            yield callClient.disposeView(callId, undefined, {
-                source: stream.source,
-                mediaStreamType: stream.mediaStreamType
-            });
-        }
-    });
-    const onToggleCamera = (options) => __awaiter(void 0, void 0, void 0, function* () {
-        const previewOn = _isPreviewOn(callClient.getState().deviceManager);
-        if (previewOn && call && call.state === 'Connecting') {
-            // This is to workaround: https://skype.visualstudio.com/SPOOL/_workitems/edit/3030558.
-            // The root cause of the issue is caused by never transitioning the unparented view to the
-            // call object when going from configuration page (disconnected call state) to connecting.
-            //
-            // Currently the only time the local video stream is moved from unparented view to the call
-            // object is when we transition from connecting -> call state. If the camera was on,
-            // inside the MediaGallery we trigger toggleCamera. This triggers onStartLocalVideo which
-            // destroys the unparentedView and creates a new stream in the call - so all looks well.
-            //
-            // However, if someone turns off their camera during the lobbyOrConnecting screen, the
-            // call.localVideoStreams will be empty (as the stream is currently stored in the unparented
-            // views and was never transitioned to the call object) and thus we incorrectly try to create
-            // a new video stream for the call object, instead of only stopping the unparented view.
-            //
-            // The correct fix for this is to ensure that callAgent.onStartCall is called with the
-            // localvideostream as a videoOption. That will mean call.onLocalVideoStreamsUpdated will
-            // 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.
-            yield onDisposeLocalStreamView();
-            return;
-        }
-        if (call && (_isInCall(call.state) || _isInLobbyOrConnecting(call.state))) {
-            const stream = call.localVideoStreams.find(stream => stream.mediaStreamType === 'Video');
-            if (stream) {
-                yield onStopLocalVideo(stream);
+    return Object.assign(Object.assign({}, createDefaultCommonCallingHandlers(callClient, deviceManager, call)), { 
+        // FIXME: onStartCall API should use string, not the underlying SDK types.
+        onStartCall: (participants, options) => {
+            if (!isACSCallParticipants(participants)) {
+                throw new Error('TeamsUserIdentifier in Teams call is not supported!');
             }
-            else {
-                yield onStartLocalVideo();
+            return callAgent ? callAgent.startCall(participants, options) : undefined;
+        }, 
+        /* @conditional-compile-remove(PSTN-calls) */
+        onAddParticipant: (userId, options) => __awaiter(void 0, void 0, void 0, function* () {
+            const participant = _toCommunicationIdentifier(userId);
+            if (isPhoneNumberIdentifier(participant)) {
+                call === null || call === void 0 ? void 0 : call.addParticipant(participant, options);
             }
-        }
-        else {
-            const selectedCamera = callClient.getState().deviceManager.selectedCamera;
-            if (selectedCamera) {
-                if (previewOn) {
-                    yield onDisposeLocalStreamView();
-                }
-                else {
-                    yield callClient.createView(undefined, undefined, {
-                        source: selectedCamera,
-                        mediaStreamType: 'Video'
-                    }, options);
-                }
+            else if (isCommunicationUserIdentifier(participant) || isMicrosoftTeamsUserIdentifier(participant)) {
+                call === null || call === void 0 ? void 0 : call.addParticipant(participant);
             }
-        }
-    });
-    const onStartCall = (participants, options) => {
-        return callAgent ? callAgent.startCall(participants, options) : undefined;
-    };
-    const onSelectMicrophone = (device) => __awaiter(void 0, void 0, void 0, function* () {
-        if (!deviceManager) {
-            return;
-        }
-        return deviceManager.selectMicrophone(device);
-    });
-    const onSelectSpeaker = (device) => __awaiter(void 0, void 0, void 0, function* () {
-        if (!deviceManager) {
-            return;
-        }
-        return deviceManager.selectSpeaker(device);
-    });
-    const onSelectCamera = (device, options) => __awaiter(void 0, void 0, void 0, function* () {
-        if (!deviceManager) {
-            return;
-        }
-        if (call && _isInCall(call.state)) {
-            deviceManager.selectCamera(device);
-            const stream = call.localVideoStreams.find(stream => stream.mediaStreamType === 'Video');
-            return stream === null || stream === void 0 ? void 0 : stream.switchSource(device);
-        }
-        else {
-            const previewOn = _isPreviewOn(callClient.getState().deviceManager);
-            if (!previewOn) {
-                deviceManager.selectCamera(device);
-                return;
-            }
-            yield onDisposeLocalStreamView();
-            deviceManager.selectCamera(device);
-            yield callClient.createView(undefined, undefined, {
-                source: device,
-                mediaStreamType: 'Video'
-            }, options);
-        }
-    });
-    const onToggleMicrophone = () => __awaiter(void 0, void 0, void 0, function* () {
-        if (!call || !_isInCall(call.state)) {
-            throw new Error(`Please invoke onToggleMicrophone after call is started`);
-        }
-        return call.isMuted ? yield call.unmute() : yield call.mute();
-    });
-    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 onCreateLocalStreamView = (options = {
-        scalingMode: 'Crop',
-        isMirrored: true
-    }) => __awaiter(void 0, void 0, void 0, function* () {
-        var _a;
-        if (!call || call.localVideoStreams.length === 0) {
-            return;
-        }
-        const callState = callClient.getState().calls[call.id];
-        if (!callState) {
-            return;
-        }
-        const localStream = callState.localVideoStreams.find(item => item.mediaStreamType === 'Video');
-        if (!localStream) {
-            return;
-        }
-        const { view } = (_a = (yield callClient.createView(call.id, undefined, localStream, options))) !== null && _a !== void 0 ? _a : {};
-        return view ? {
-            view
-        } : undefined;
-    });
-    const onCreateRemoteStreamView = (userId, options = {
-        scalingMode: 'Crop'
-    }) => __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 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');
-        let createViewResult = undefined;
-        if (remoteVideoStream && remoteVideoStream.isAvailable && !remoteVideoStream.view) {
-            createViewResult = yield callClient.createView(call.id, participant.identifier, remoteVideoStream, options);
-        }
-        if (screenShareStream && screenShareStream.isAvailable && !screenShareStream.view) {
-            // Hardcoded `scalingMode` since it is highly unlikely that CONTOSO would ever want to use a different scaling mode for screenshare.
-            // Using `Crop` would crop the contents of screenshare and `Stretch` would warp it.
-            // `Fit` is the only mode that maintains the integrity of the screen being shared.
-            createViewResult = yield callClient.createView(call.id, participant.identifier, screenShareStream, {
-                scalingMode: 'Fit'
-            });
-        }
-        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) {
-            return;
-        }
-        const callState = callClient.getState().calls[call.id];
-        if (!callState) {
-            throw new Error(`Call Not Found: ${call.id}`);
-        }
-        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');
-        if (remoteVideoStream && remoteVideoStream.view) {
-            callClient.disposeView(call.id, participant.identifier, remoteVideoStream);
-        }
-        if (screenShareStream && screenShareStream.view) {
-            callClient.disposeView(call.id, participant.identifier, screenShareStream);
-        }
-    });
-    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');
-        if (call && callState && localStream) {
-            callClient.disposeView(call.id, undefined, localStream);
-        } // If the user is not in a call we currently assume any unparented view is a LocalPreview and stop all
-        // since those are only used for LocalPreview currently.
-        // TODO: we need to remember which LocalVideoStream was used for LocalPreview and dispose that one.
-        yield disposeAllLocalPreviewViews(callClient);
-    });
-    const onRemoveParticipant = (userId) => __awaiter(void 0, void 0, void 0, function* () {
-        const participant = _toCommunicationIdentifier(userId);
-        yield (call === null || call === void 0 ? void 0 : call.removeParticipant(participant));
-    });
-    return {
-        onHangUp,
-        onSelectCamera,
-        onSelectMicrophone,
-        onSelectSpeaker,
-        onStartCall,
-        onStartScreenShare,
-        onStopScreenShare,
-        onToggleCamera,
-        onToggleMicrophone,
-        onToggleScreenShare,
-        onCreateLocalStreamView,
-        onCreateRemoteStreamView,
-        onRemoveParticipant,
-        onStartLocalVideo,
-        onDisposeRemoteStreamView,
-        onDisposeLocalStreamView
-    };
+        }), onRemoveParticipant: (userId) => __awaiter(void 0, void 0, void 0, function* () {
+            const participant = _toCommunicationIdentifier(userId);
+            yield (call === null || call === void 0 ? void 0 : call.removeParticipant(participant));
+        }) });
 });
-/**
- * Create a set of default handlers for given component. Memoization is applied to the result. Multiple invocations with
- * the same arguments will return the same handler instances. DeclarativeCallAgent, DeclarativeDeviceManager, and
- * DeclarativeCall may be undefined. If undefined, their associated handlers will not be created and returned.
- *
- * @param callClient - StatefulCallClient returned from
- *   {@link @azure/communication-react#createStatefulCallClient}.
- * @param callAgent - Instance of {@link @azure/communication-calling#CallClient}.
- * @param deviceManager - Instance of {@link @azure/communication-calling#DeviceManager}.
- * @param call - Instance of {@link @azure/communication-calling#Call}.
- * @param _ - React component that you want to generate handlers for.
- *
- * @public
- */
-export const createDefaultCallingHandlersForComponent = (callClient, callAgent, deviceManager, call, _Component) => {
-    return createDefaultCallingHandlers(callClient, callAgent, deviceManager, call);
-};
 //# sourceMappingURL=createHandlers.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"createHandlers.js","sourceRoot":"","sources":["../../../../../preprocess-dist/calling-component-bindings/src/handlers/createHandlers.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"createHandlers.js","sourceRoot":"","sources":["../../../../../../calling-component-bindings/src/handlers/createHandlers.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;;;;;;;;;;AAMlC,6CAA6C;AAC7C,OAAO,EACL,6BAA6B,EAC7B,8BAA8B,EAC9B,uBAAuB,EACxB,MAAM,6BAA6B,CAAC;AAGrC,OAAO,EAAE,0BAA0B,EAAE,mCAAgC;AAErE,OAAO,UAAU,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAE,kCAAkC,EAAyB,MAAM,wBAAwB,CAAC;AAcnG;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,4BAA4B,GAAG,UAAU,CACpD,CACE,UAA8B,EAC9B,SAAgC,EAChC,aAAgD,EAChD,IAAsB,EACL,EAAE;IACnB,uCACK,kCAAkC,CAAC,UAAU,EAAE,aAAa,EAAE,IAAI,CAAC;QACtE,0EAA0E;QAC1E,WAAW,EAAE,CAAC,YAAuC,EAAE,OAA0B,EAAoB,EAAE;YACrG,IAAI,CAAC,qBAAqB,CAAC,YAAY,CAAC,EAAE;gBACxC,MAAM,IAAI,KAAK,CAAC,qDAAqD,CAAC,CAAC;aACxE;YACD,OAAO,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,SAAS,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QAC5E,CAAC;QACD,6CAA6C;QAC7C,gBAAgB,EAAE,CAChB,MAAwC,EACxC,OAA+B,EAChB,EAAE;YACjB,MAAM,WAAW,GAAG,0BAA0B,CAAC,MAAM,CAAC,CAAC;YACvD,IAAI,uBAAuB,CAAC,WAAW,CAAC,EAAE;gBACxC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,cAAc,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;aAC5C;iBAAM,IAAI,6BAA6B,CAAC,WAAW,CAAC,IAAI,8BAA8B,CAAC,WAAW,CAAC,EAAE;gBACpG,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,cAAc,CAAC,WAAW,CAAC,CAAC;aACnC;QACH,CAAC,CAAA,EACD,mBAAmB,EAAE,CACnB,MAAsF,EACvE,EAAE;YACjB,MAAM,WAAW,GAAG,0BAA0B,CAAC,MAAM,CAAC,CAAC;YACvD,MAAM,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,iBAAiB,CAAC,WAAW,CAAC,CAAA,CAAC;QAC7C,CAAC,CAAA,IACD;AACJ,CAAC,CACF,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { Call, CallAgent, StartCallOptions } from '@azure/communication-calling';\n/* @conditional-compile-remove(dialpad) */ /* @conditional-compile-remove(PSTN-calls) */\n/* @conditional-compile-remove(PSTN-calls) */\nimport { AddPhoneNumberOptions } from '@azure/communication-calling';\n/* @conditional-compile-remove(PSTN-calls) */\nimport {\n  isCommunicationUserIdentifier,\n  isMicrosoftTeamsUserIdentifier,\n  isPhoneNumberIdentifier\n} from '@azure/communication-common';\nimport { CommunicationIdentifier } from '@azure/communication-common';\n\nimport { _toCommunicationIdentifier } from '@internal/acs-ui-common';\nimport { StatefulCallClient, StatefulDeviceManager } from '@internal/calling-stateful-client';\nimport memoizeOne from 'memoize-one';\nimport { isACSCallParticipants } from '../utils/callUtils';\nimport { createDefaultCommonCallingHandlers, CommonCallingHandlers } from './createCommonHandlers';\n\n/**\n * Object containing all the handlers required for calling components.\n *\n * Calling related components from this package are able to pick out relevant handlers from this object.\n * See {@link useHandlers} and {@link usePropsFor}.\n *\n * @public\n */\nexport interface CallingHandlers extends CommonCallingHandlers {\n  onStartCall: (participants: CommunicationIdentifier[], options?: StartCallOptions) => Call | undefined;\n}\n\n/**\n * Create the default implementation of {@link CallingHandlers} for teams call.\n *\n * Useful when implementing a custom component that utilizes the providers\n * exported from this library.\n *\n * @public\n */\nexport const createDefaultCallingHandlers = memoizeOne(\n  (\n    callClient: StatefulCallClient,\n    callAgent: CallAgent | undefined,\n    deviceManager: StatefulDeviceManager | undefined,\n    call: Call | undefined\n  ): CallingHandlers => {\n    return {\n      ...createDefaultCommonCallingHandlers(callClient, deviceManager, call),\n      // FIXME: onStartCall API should use string, not the underlying SDK types.\n      onStartCall: (participants: CommunicationIdentifier[], options?: StartCallOptions): Call | undefined => {\n        if (!isACSCallParticipants(participants)) {\n          throw new Error('TeamsUserIdentifier in Teams call is not supported!');\n        }\n        return callAgent ? callAgent.startCall(participants, options) : undefined;\n      },\n      /* @conditional-compile-remove(PSTN-calls) */\n      onAddParticipant: async (\n        userId: string | CommunicationIdentifier,\n        options?: AddPhoneNumberOptions\n      ): Promise<void> => {\n        const participant = _toCommunicationIdentifier(userId);\n        if (isPhoneNumberIdentifier(participant)) {\n          call?.addParticipant(participant, options);\n        } else if (isCommunicationUserIdentifier(participant) || isMicrosoftTeamsUserIdentifier(participant)) {\n          call?.addParticipant(participant);\n        }\n      },\n      onRemoveParticipant: async (\n        userId: string | /* @conditional-compile-remove(PSTN-calls) */ CommunicationIdentifier\n      ): Promise<void> => {\n        const participant = _toCommunicationIdentifier(userId);\n        await call?.removeParticipant(participant);\n      }\n    };\n  }\n);\n\"../../../acs-ui-common/src\"\"../../../calling-stateful-client/src\""]}

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

@@ -0,0 +1,43 @@
+import { StartCallOptions } from '@azure/communication-calling';
+import { TeamsCall, TeamsCallAgent } from '@azure/communication-calling';
+import { CommunicationIdentifier } from '@azure/communication-common';
+import { Common } from "../../../acs-ui-common/src";
+import { StatefulCallClient, StatefulDeviceManager } from "../../../calling-stateful-client/src";
+import { ReactElement } from 'react';
+import { CommonCallingHandlers } from './createCommonHandlers';
+/**
+ * Object containing all the teams call handlers required for calling components.
+ *
+ * Calling related components from this package are able to pick out relevant handlers from this object.
+ * See {@link useHandlers} and {@link usePropsFor}.
+ *
+ * @beta
+ */
+export interface TeamsCallingHandlers extends CommonCallingHandlers {
+    onStartCall: (participants: CommunicationIdentifier[], options?: StartCallOptions) => undefined | /* @conditional-compile-remove(teams-identity-support) */ TeamsCall;
+}
+/**
+ * Create the default implementation of {@link TeamsCallingHandlers} for teams call.
+ *
+ * Useful when implementing a custom component that utilizes the providers
+ * exported from this library.
+ *
+ * @beta
+ */
+export declare const createDefaultTeamsCallingHandlers: (callClient: StatefulCallClient, callAgent: undefined | /* @conditional-compile-remove(teams-identity-support) */ TeamsCallAgent, deviceManager: StatefulDeviceManager | undefined, call: undefined | /* @conditional-compile-remove(teams-identity-support) */ TeamsCall) => never | TeamsCallingHandlers;
+/**
+ * Create a set of default handlers for given component. Memoization is applied to the result. Multiple invocations with
+ * the same arguments will return the same handler instances. DeclarativeCallAgent, DeclarativeDeviceManager, and
+ * DeclarativeCall may be undefined. If undefined, their associated handlers will not be created and returned.
+ *
+ * @param callClient - StatefulCallClient returned from
+ *   {@link @azure/communication-react#createStatefulCallClient}.
+ * @param callAgent - Instance of {@link @azure/communication-calling#TeamsCallClient}.
+ * @param deviceManager - Instance of {@link @azure/communication-calling#DeviceManager}.
+ * @param call - Instance of {@link @azure/communication-calling#TeamsCall}.
+ * @param _ - React component that you want to generate handlers for.
+ *
+ * @beta
+ */
+export declare const createTeamsCallingHandlersForComponent: <Props>(callClient: StatefulCallClient, callAgent: undefined | /* @conditional-compile-remove(teams-identity-support) */ TeamsCallAgent, deviceManager: StatefulDeviceManager | undefined, call: undefined | /* @conditional-compile-remove(teams-identity-support) */ TeamsCall, _Component: (props: Props) => ReactElement | null) => Common<TeamsCallingHandlers, Props>;
+//# sourceMappingURL=createTeamsCallHandlers.d.ts.map

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

@@ -0,0 +1,81 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT license.
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { isCommunicationUserIdentifier } from '@azure/communication-common';
+/* @conditional-compile-remove(teams-identity-support) */
+import { isPhoneNumberIdentifier } from '@azure/communication-common';
+import { _toCommunicationIdentifier } from "../../../acs-ui-common/src";
+import memoizeOne from 'memoize-one';
+import { isTeamsCallParticipants } from '../utils/callUtils';
+import { createDefaultCommonCallingHandlers } from './createCommonHandlers';
+/**
+ * Create the default implementation of {@link TeamsCallingHandlers} for teams call.
+ *
+ * Useful when implementing a custom component that utilizes the providers
+ * exported from this library.
+ *
+ * @beta
+ */
+export const createDefaultTeamsCallingHandlers = memoizeOne((callClient, callAgent, deviceManager, call) => {
+    return Object.assign(Object.assign({}, createDefaultCommonCallingHandlers(callClient, deviceManager, call)), { onStartCall: (participants, options) => {
+            /* @conditional-compile-remove(teams-identity-support) */
+            const threadId = options === null || options === void 0 ? void 0 : options.threadId;
+            if (!isTeamsCallParticipants(participants)) {
+                throw new Error('CommunicationIdentifier in Teams call is not supported!');
+            }
+            /* @conditional-compile-remove(teams-identity-support) */
+            if (callAgent) {
+                return callAgent.startCall(participants, threadId ? { threadId } : undefined);
+            }
+            return undefined;
+        }, 
+        /* @conditional-compile-remove(teams-identity-support) */
+        /* @conditional-compile-remove(PSTN-calls) */
+        onAddParticipant: (userId, options) => __awaiter(void 0, void 0, void 0, function* () {
+            const participant = _toCommunicationIdentifier(userId);
+            /* @conditional-compile-remove(teams-identity-support) */
+            const threadId = options === null || options === void 0 ? void 0 : options.threadId;
+            if (isCommunicationUserIdentifier(participant)) {
+                throw new Error('CommunicationIdentifier in Teams call is not supported!');
+            }
+            /* @conditional-compile-remove(teams-identity-support) */
+            if (isPhoneNumberIdentifier(participant)) {
+                call === null || call === void 0 ? void 0 : call.addParticipant(participant, threadId ? { threadId } : undefined);
+            }
+            /* @conditional-compile-remove(teams-identity-support) */
+            call === null || call === void 0 ? void 0 : call.addParticipant(participant);
+        }), onRemoveParticipant: (userId) => __awaiter(void 0, void 0, void 0, function* () {
+            const participant = _toCommunicationIdentifier(userId);
+            if (isCommunicationUserIdentifier(participant)) {
+                throw new Error('CommunicationIdentifier in Teams call is not supported!');
+            }
+            /* @conditional-compile-remove(teams-identity-support) */
+            yield (call === null || call === void 0 ? void 0 : call.removeParticipant(participant));
+        }) });
+});
+/**
+ * Create a set of default handlers for given component. Memoization is applied to the result. Multiple invocations with
+ * the same arguments will return the same handler instances. DeclarativeCallAgent, DeclarativeDeviceManager, and
+ * DeclarativeCall may be undefined. If undefined, their associated handlers will not be created and returned.
+ *
+ * @param callClient - StatefulCallClient returned from
+ *   {@link @azure/communication-react#createStatefulCallClient}.
+ * @param callAgent - Instance of {@link @azure/communication-calling#TeamsCallClient}.
+ * @param deviceManager - Instance of {@link @azure/communication-calling#DeviceManager}.
+ * @param call - Instance of {@link @azure/communication-calling#TeamsCall}.
+ * @param _ - React component that you want to generate handlers for.
+ *
+ * @beta
+ */
+export const createTeamsCallingHandlersForComponent = (callClient, callAgent, deviceManager, call, _Component) => {
+    return createDefaultTeamsCallingHandlers(callClient, callAgent, deviceManager, call);
+};
+//# sourceMappingURL=createTeamsCallHandlers.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"createTeamsCallHandlers.js","sourceRoot":"","sources":["../../../../../../calling-component-bindings/src/handlers/createTeamsCallHandlers.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;;;;;;;;;;AAQlC,OAAO,EAA2B,6BAA6B,EAAE,MAAM,6BAA6B,CAAC;AACrG,yDAAyD;AACzD,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AACtE,OAAO,EAAU,0BAA0B,EAAE,mCAAgC;AAE7E,OAAO,UAAU,MAAM,aAAa,CAAC;AAErC,OAAO,EAAE,uBAAuB,EAAE,MAAM,oBAAoB,CAAC;AAC7D,OAAO,EAAE,kCAAkC,EAAyB,MAAM,wBAAwB,CAAC;AAiBnG;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,iCAAiC,GAAG,UAAU,CACzD,CACE,UAA8B,EAC9B,SAA+F,EAC/F,aAAgD,EAChD,IAAqF,EACvD,EAAE;IAChC,uCACK,kCAAkC,CAAC,UAAU,EAAE,aAAa,EAAE,IAAI,CAAC,KACtE,WAAW,EAAE,CAAC,YAAY,EAAE,OAAO,EAAE,EAAE;YACrC,yDAAyD;YACzD,MAAM,QAAQ,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,CAAC;YACnC,IAAI,CAAC,uBAAuB,CAAC,YAAY,CAAC,EAAE;gBAC1C,MAAM,IAAI,KAAK,CAAC,yDAAyD,CAAC,CAAC;aAC5E;YACD,yDAAyD;YACzD,IAAI,SAAS,EAAE;gBACb,OAAO,SAAS,CAAC,SAAS,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;aAC/E;YACD,OAAO,SAAS,CAAC;QACnB,CAAC;QACD,yDAAyD;QACzD,6CAA6C;QAC7C,gBAAgB,EAAE,CAChB,MAAwC,EACxC,OAA+B,EAChB,EAAE;YACjB,MAAM,WAAW,GAAG,0BAA0B,CAAC,MAAM,CAAC,CAAC;YACvD,yDAAyD;YACzD,MAAM,QAAQ,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,CAAC;YACnC,IAAI,6BAA6B,CAAC,WAAW,CAAC,EAAE;gBAC9C,MAAM,IAAI,KAAK,CAAC,yDAAyD,CAAC,CAAC;aAC5E;YACD,yDAAyD;YACzD,IAAI,uBAAuB,CAAC,WAAW,CAAC,EAAE;gBACxC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,cAAc,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;aACxE;YACD,yDAAyD;YACzD,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,cAAc,CAAC,WAAW,CAAC,CAAC;QACpC,CAAC,CAAA,EACD,mBAAmB,EAAE,CACnB,MAAsF,EACvE,EAAE;YACjB,MAAM,WAAW,GAAG,0BAA0B,CAAC,MAAM,CAAC,CAAC;YACvD,IAAI,6BAA6B,CAAC,WAAW,CAAC,EAAE;gBAC9C,MAAM,IAAI,KAAK,CAAC,yDAAyD,CAAC,CAAC;aAC5E;YACD,yDAAyD;YACzD,MAAM,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,iBAAiB,CAAC,WAAW,CAAC,CAAA,CAAC;QAC7C,CAAC,CAAA,IACD;AACJ,CAAC,CACF,CAAC;AAEF;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,MAAM,sCAAsC,GAAG,CACpD,UAA8B,EAC9B,SAA+F,EAC/F,aAAgD,EAChD,IAAqF,EACrF,UAAiD,EACZ,EAAE;IACvC,OAAO,iCAAiC,CAAC,UAAU,EAAE,SAAS,EAAE,aAAa,EAAE,IAAI,CAAC,CAAC;AACvF,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { StartCallOptions } from '@azure/communication-calling';\n/* @conditional-compile-remove(teams-identity-support) */\n/* @conditional-compile-remove(PSTN-calls) */\nimport { AddPhoneNumberOptions } from '@azure/communication-calling';\n/* @conditional-compile-remove(teams-identity-support) */\nimport { TeamsCall, TeamsCallAgent } from '@azure/communication-calling';\nimport { CommunicationIdentifier, isCommunicationUserIdentifier } from '@azure/communication-common';\n/* @conditional-compile-remove(teams-identity-support) */\nimport { isPhoneNumberIdentifier } from '@azure/communication-common';\nimport { Common, _toCommunicationIdentifier } from '@internal/acs-ui-common';\nimport { StatefulCallClient, StatefulDeviceManager } from '@internal/calling-stateful-client';\nimport memoizeOne from 'memoize-one';\nimport { ReactElement } from 'react';\nimport { isTeamsCallParticipants } from '../utils/callUtils';\nimport { createDefaultCommonCallingHandlers, CommonCallingHandlers } from './createCommonHandlers';\n\n/**\n * Object containing all the teams call handlers required for calling components.\n *\n * Calling related components from this package are able to pick out relevant handlers from this object.\n * See {@link useHandlers} and {@link usePropsFor}.\n *\n * @beta\n */\nexport interface TeamsCallingHandlers extends CommonCallingHandlers {\n  onStartCall: (\n    participants: CommunicationIdentifier[],\n    options?: StartCallOptions\n  ) => undefined | /* @conditional-compile-remove(teams-identity-support) */ TeamsCall;\n}\n\n/**\n * Create the default implementation of {@link TeamsCallingHandlers} for teams call.\n *\n * Useful when implementing a custom component that utilizes the providers\n * exported from this library.\n *\n * @beta\n */\nexport const createDefaultTeamsCallingHandlers = memoizeOne(\n  (\n    callClient: StatefulCallClient,\n    callAgent: undefined | /* @conditional-compile-remove(teams-identity-support) */ TeamsCallAgent,\n    deviceManager: StatefulDeviceManager | undefined,\n    call: undefined | /* @conditional-compile-remove(teams-identity-support) */ TeamsCall\n  ): never | TeamsCallingHandlers => {\n    return {\n      ...createDefaultCommonCallingHandlers(callClient, deviceManager, call),\n      onStartCall: (participants, options) => {\n        /* @conditional-compile-remove(teams-identity-support) */\n        const threadId = options?.threadId;\n        if (!isTeamsCallParticipants(participants)) {\n          throw new Error('CommunicationIdentifier in Teams call is not supported!');\n        }\n        /* @conditional-compile-remove(teams-identity-support) */\n        if (callAgent) {\n          return callAgent.startCall(participants, threadId ? { threadId } : undefined);\n        }\n        return undefined;\n      },\n      /* @conditional-compile-remove(teams-identity-support) */\n      /* @conditional-compile-remove(PSTN-calls) */\n      onAddParticipant: async (\n        userId: string | CommunicationIdentifier,\n        options?: AddPhoneNumberOptions\n      ): Promise<void> => {\n        const participant = _toCommunicationIdentifier(userId);\n        /* @conditional-compile-remove(teams-identity-support) */\n        const threadId = options?.threadId;\n        if (isCommunicationUserIdentifier(participant)) {\n          throw new Error('CommunicationIdentifier in Teams call is not supported!');\n        }\n        /* @conditional-compile-remove(teams-identity-support) */\n        if (isPhoneNumberIdentifier(participant)) {\n          call?.addParticipant(participant, threadId ? { threadId } : undefined);\n        }\n        /* @conditional-compile-remove(teams-identity-support) */\n        call?.addParticipant(participant);\n      },\n      onRemoveParticipant: async (\n        userId: string | /* @conditional-compile-remove(PSTN-calls) */ CommunicationIdentifier\n      ): Promise<void> => {\n        const participant = _toCommunicationIdentifier(userId);\n        if (isCommunicationUserIdentifier(participant)) {\n          throw new Error('CommunicationIdentifier in Teams call is not supported!');\n        }\n        /* @conditional-compile-remove(teams-identity-support) */\n        await call?.removeParticipant(participant);\n      }\n    };\n  }\n);\n\n/**\n * Create a set of default handlers for given component. Memoization is applied to the result. Multiple invocations with\n * the same arguments will return the same handler instances. DeclarativeCallAgent, DeclarativeDeviceManager, and\n * DeclarativeCall may be undefined. If undefined, their associated handlers will not be created and returned.\n *\n * @param callClient - StatefulCallClient returned from\n *   {@link @azure/communication-react#createStatefulCallClient}.\n * @param callAgent - Instance of {@link @azure/communication-calling#TeamsCallClient}.\n * @param deviceManager - Instance of {@link @azure/communication-calling#DeviceManager}.\n * @param call - Instance of {@link @azure/communication-calling#TeamsCall}.\n * @param _ - React component that you want to generate handlers for.\n *\n * @beta\n */\nexport const createTeamsCallingHandlersForComponent = <Props>(\n  callClient: StatefulCallClient,\n  callAgent: undefined | /* @conditional-compile-remove(teams-identity-support) */ TeamsCallAgent,\n  deviceManager: StatefulDeviceManager | undefined,\n  call: undefined | /* @conditional-compile-remove(teams-identity-support) */ TeamsCall,\n  _Component: (props: Props) => ReactElement | null\n): Common<TeamsCallingHandlers, Props> => {\n  return createDefaultTeamsCallingHandlers(callClient, callAgent, deviceManager, call);\n};\n\"../../../acs-ui-common/src\"\"../../../calling-stateful-client/src\""]}

package/dist/dist-esm/calling-component-bindings/src/hooks/useHandlers.d.ts

@@ -7,5 +7,5 @@ import { ReactElement } from 'react';
  *
  * @public
  */
-export declare const useHandlers: <PropsT>(component: (props: PropsT) => ReactElement | null) => import("../../../acs-ui-common/src").Common<import("../handlers/createHandlers").CallingHandlers, PropsT> | undefined;
+export declare const useHandlers: <PropsT>(component: (props: PropsT) => ReactElement | null) => import("../../../communication-react/src/index").Common<import("index").CommonCallingHandlers, PropsT> | undefined;
 //# sourceMappingURL=useHandlers.d.ts.map

package/dist/dist-esm/calling-component-bindings/src/hooks/useHandlers.js

@@ -1,8 +1,9 @@
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT license.
 import { useContext } from 'react';
-import { createDefaultCallingHandlersForComponent } from '../handlers/createHandlers';
-import { CallClientContext, useCall, useCallAgent, useDeviceManager } from '../providers';
+import { _isACSCall, _isACSCallAgent, _isTeamsCall, _isTeamsCallAgent } from "../../../calling-stateful-client/src";
+import { createDefaultCallingHandlersForComponent } from '../handlers/createDefaultCallingHandlersForComponent';
+import { CallAgentContext, CallClientContext, CallContext, useDeviceManager } from '../providers';
 /**
  * Hook to obtain a handler for a specified component.
  *
@@ -13,14 +14,25 @@ import { CallClientContext, useCall, useCallAgent, useDeviceManager } from '../p
  */
 // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types, @typescript-eslint/explicit-function-return-type
 export const useHandlers = (component) => {
-    var _a;
+    var _a, _b, _c;
     const callClient = (_a = useContext(CallClientContext)) === null || _a === void 0 ? void 0 : _a.callClient;
-    const callAgent = useCallAgent();
     const deviceManager = useDeviceManager();
-    const call = useCall();
+    const call = (_b = useContext(CallContext)) === null || _b === void 0 ? void 0 : _b.call;
+    const callAgent = (_c = useContext(CallAgentContext)) === null || _c === void 0 ? void 0 : _c.callAgent;
     if (!callClient) {
         return undefined;
     }
+    // Handle edge case, validate if call and callAgent are the same type (ACS/Teams)
+    if (callAgent && _isTeamsCallAgent(callAgent)) {
+        if (call && !_isTeamsCall(call)) {
+            throw new Error('A TeamsCall must be provided when callAgent is TeamsCallAgent');
+        }
+    }
+    if (callAgent && _isACSCallAgent(callAgent)) {
+        if (call && !_isACSCall(call)) {
+            throw new Error('A regular ACS Call must be provided when callAgent is regular CallAgent');
+        }
+    }
     return createDefaultCallingHandlersForComponent(callClient, callAgent, deviceManager, call, component);
 };
 //# sourceMappingURL=useHandlers.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useHandlers.js","sourceRoot":"","sources":["../../../../../preprocess-dist/calling-component-bindings/src/hooks/useHandlers.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAClC,OAAO,EAAgB,UAAU,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAE,wCAAwC,EAAE,MAAM,4BAA4B,CAAC;AACtF,OAAO,EAAE,iBAAiB,EAAE,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAC1F;;;;;;;GAOG;AACH,+HAA+H;AAE/H,MAAM,CAAC,MAAM,WAAW,GAAG,CAAU,SAAiD,EAAE,EAAE;;IACxF,MAAM,UAAU,GAAuB,MAAC,UAAU,CAAC,iBAAiB,CAAS,0CAAE,UAAU,CAAC;IAC1F,MAAM,SAAS,GAAG,YAAY,EAAE,CAAC;IACjC,MAAM,aAAa,GAAG,gBAAgB,EAAE,CAAC;IACzC,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IAEvB,IAAI,CAAC,UAAU,EAAE;QACf,OAAO,SAAS,CAAC;KAClB;IAED,OAAO,wCAAwC,CAAC,UAAU,EAAE,SAAS,EAAE,aAAa,EAAE,IAAI,EAAE,SAAS,CAAC,CAAC;AACzG,CAAC,CAAC"}
+{"version":3,"file":"useHandlers.js","sourceRoot":"","sources":["../../../../../../calling-component-bindings/src/hooks/useHandlers.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAgB,UAAU,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAEL,UAAU,EACV,eAAe,EACf,YAAY,EACZ,iBAAiB,EAClB,6CAA0C;AAC3C,OAAO,EAAE,wCAAwC,EAAE,MAAM,sDAAsD,CAAC;AAChH,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAElG;;;;;;;GAOG;AACH,+HAA+H;AAC/H,MAAM,CAAC,MAAM,WAAW,GAAG,CAAS,SAAiD,EAAE,EAAE;;IACvF,MAAM,UAAU,GAAuB,MAAC,UAAU,CAAC,iBAAiB,CAAS,0CAAE,UAAU,CAAC;IAC1F,MAAM,aAAa,GAAG,gBAAgB,EAAE,CAAC;IACzC,MAAM,IAAI,GAAG,MAAA,UAAU,CAAC,WAAW,CAAC,0CAAE,IAAI,CAAC;IAC3C,MAAM,SAAS,GAAG,MAAA,UAAU,CAAC,gBAAgB,CAAC,0CAAE,SAAS,CAAC;IAC1D,IAAI,CAAC,UAAU,EAAE;QACf,OAAO,SAAS,CAAC;KAClB;IAED,iFAAiF;IACjF,IAAI,SAAS,IAAI,iBAAiB,CAAC,SAAS,CAAC,EAAE;QAC7C,IAAI,IAAI,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE;YAC/B,MAAM,IAAI,KAAK,CAAC,+DAA+D,CAAC,CAAC;SAClF;KACF;IAED,IAAI,SAAS,IAAI,eAAe,CAAC,SAAS,CAAC,EAAE;QAC3C,IAAI,IAAI,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE;YAC7B,MAAM,IAAI,KAAK,CAAC,yEAAyE,CAAC,CAAC;SAC5F;KACF;IAED,OAAO,wCAAwC,CAAC,UAAU,EAAE,SAAS,EAAE,aAAa,EAAE,IAAI,EAAE,SAAS,CAAC,CAAC;AACzG,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { ReactElement, useContext } from 'react';\nimport {\n  StatefulCallClient,\n  _isACSCall,\n  _isACSCallAgent,\n  _isTeamsCall,\n  _isTeamsCallAgent\n} from '@internal/calling-stateful-client';\nimport { createDefaultCallingHandlersForComponent } from '../handlers/createDefaultCallingHandlersForComponent';\nimport { CallAgentContext, CallClientContext, CallContext, useDeviceManager } from '../providers';\n\n/**\n * Hook to obtain a handler for a specified component.\n *\n * Useful when implementing a custom component that utilizes the providers\n * exported from this library.\n *\n * @public\n */\n// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types, @typescript-eslint/explicit-function-return-type\nexport const useHandlers = <PropsT>(component: (props: PropsT) => ReactElement | null) => {\n  const callClient: StatefulCallClient = (useContext(CallClientContext) as any)?.callClient;\n  const deviceManager = useDeviceManager();\n  const call = useContext(CallContext)?.call;\n  const callAgent = useContext(CallAgentContext)?.callAgent;\n  if (!callClient) {\n    return undefined;\n  }\n\n  // Handle edge case, validate if call and callAgent are the same type (ACS/Teams)\n  if (callAgent && _isTeamsCallAgent(callAgent)) {\n    if (call && !_isTeamsCall(call)) {\n      throw new Error('A TeamsCall must be provided when callAgent is TeamsCallAgent');\n    }\n  }\n\n  if (callAgent && _isACSCallAgent(callAgent)) {\n    if (call && !_isACSCall(call)) {\n      throw new Error('A regular ACS Call must be provided when callAgent is regular CallAgent');\n    }\n  }\n\n  return createDefaultCallingHandlersForComponent(callClient, callAgent, deviceManager, call, component);\n};\n\"../../../calling-stateful-client/src\""]}

package/dist/dist-esm/calling-component-bindings/src/hooks/usePropsFor.d.ts

@@ -1,14 +1,18 @@
 /// <reference types="react" />
 import { CameraButton, EndCallButton, ErrorBar, MicrophoneButton, DevicesButton, ParticipantList, ScreenShareButton, VideoGallery } from "../../../react-components/src";
+import { Dialpad } from "../../../react-components/src";
+import { HoldButton } from "../../../react-components/src";
+import { _DevicePermissionDropdown } from "../../../react-components/src";
 import { CameraButtonSelector, MicrophoneButtonSelector, DevicesButtonSelector, ScreenShareButtonSelector } from '../callControlSelectors';
+import { HoldButtonSelector } from '../callControlSelectors';
 import { VideoGallerySelector } from '../videoGallerySelector';
 import { ParticipantListSelector } from '../participantListSelector';
 import { ParticipantsButtonSelector } from '../participantsButtonSelector';
 import { Common } from "../../../acs-ui-common/src";
 import { AreEqual } from "../../../acs-ui-common/src";
-import { CallingHandlers } from '../handlers/createHandlers';
 import { ParticipantsButton } from "../../../react-components/src";
 import { ErrorBarSelector } from '../errorBarSelector';
+import { CommonCallingHandlers } from '../handlers/createCommonHandlers';
 /**
  * Primary hook to get all hooks necessary for a calling Component.
  *
@@ -27,7 +31,7 @@ import { ErrorBarSelector } from '../errorBarSelector';
  *
  * @public
  */
-export declare const usePropsFor: <Component extends (props: any) => JSX.Element>(component: Component) => GetSelector<Component> extends (props: any) => any ? ReturnType<GetSelector<Component>> & Common<CallingHandlers, Parameters<Component>[0]> : undefined;
+export declare const usePropsFor: <Component extends (props: any) => JSX.Element>(component: Component) => GetSelector<Component> extends (props: any) => any ? ReturnType<GetSelector<Component>> & Common<CommonCallingHandlers, Parameters<Component>[0]> : undefined;
 /**
  * A type for trivial selectors that return no data.
  *
@@ -41,7 +45,7 @@ export declare type EmptySelector = () => Record<string, never>;
  *
  * @public
  */
-export declare type GetSelector<Component extends (props: any) => JSX.Element | undefined> = AreEqual<Component, typeof VideoGallery> extends true ? VideoGallerySelector : AreEqual<Component, typeof DevicesButton> extends true ? DevicesButtonSelector : AreEqual<Component, typeof MicrophoneButton> extends true ? MicrophoneButtonSelector : AreEqual<Component, typeof CameraButton> extends true ? CameraButtonSelector : AreEqual<Component, typeof ScreenShareButton> extends true ? ScreenShareButtonSelector : AreEqual<Component, typeof ParticipantList> extends true ? ParticipantListSelector : AreEqual<Component, typeof ParticipantsButton> extends true ? ParticipantsButtonSelector : AreEqual<Component, typeof EndCallButton> extends true ? EmptySelector : AreEqual<Component, typeof ErrorBar> extends true ? ErrorBarSelector : undefined;
+export declare type GetSelector<Component extends (props: any) => JSX.Element | undefined> = AreEqual<Component, typeof VideoGallery> extends true ? VideoGallerySelector : AreEqual<Component, typeof DevicesButton> extends true ? DevicesButtonSelector : AreEqual<Component, typeof MicrophoneButton> extends true ? MicrophoneButtonSelector : AreEqual<Component, typeof CameraButton> extends true ? CameraButtonSelector : AreEqual<Component, typeof ScreenShareButton> extends true ? ScreenShareButtonSelector : AreEqual<Component, typeof ParticipantList> extends true ? ParticipantListSelector : AreEqual<Component, typeof ParticipantsButton> extends true ? ParticipantsButtonSelector : AreEqual<Component, typeof EndCallButton> extends true ? EmptySelector : AreEqual<Component, typeof ErrorBar> extends true ? ErrorBarSelector : AreEqual<Component, typeof Dialpad> extends true ? EmptySelector : AreEqual<Component, typeof HoldButton> extends true ? HoldButtonSelector : AreEqual<Component, typeof _DevicePermissionDropdown> extends true ? EmptySelector : undefined;
 /**
  * Get the selector for a specified component.
  *