@azure/communication-react 1.15.0-beta.1 → 1.15.0

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

@@ -12,18 +12,12 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 import { compositeLogger } from '../../../Logger';
 import { _isInCall, _isInLobbyOrConnecting } from "../../../../../calling-component-bindings/src";
 import { _createStatefulCallClientInner } from "../../../../../calling-stateful-client/src";
-/* @conditional-compile-remove(teams-identity-support) */
-import { _isTeamsCallAgent } from "../../../../../calling-stateful-client/src";
 import { LocalVideoStream as SDKLocalVideoStream } from '@azure/communication-calling';
 import { Features } from '@azure/communication-calling';
 import { EventEmitter } from 'events';
 import { getCallCompositePage, getLocatorOrTargetCallees, IsCallEndedPage, isCameraOn } from '../utils';
 import { toFlatCommunicationIdentifier, _toCommunicationIdentifier, _isValidIdentifier } from "../../../../../acs-ui-common/src";
 import { isMicrosoftTeamsUserIdentifier } from '@azure/communication-common';
-/* @conditional-compile-remove(teams-identity-support) */ /* @conditional-compile-remove(PSTN-calls) */
-import { isCommunicationUserIdentifier } from '@azure/communication-common';
-/* @conditional-compile-remove(PSTN-calls) */
-import { isPhoneNumberIdentifier } from '@azure/communication-common';
 import { ParticipantSubscriber } from './ParticipantSubcriber';
 import { DiagnosticsForwarder } from './DiagnosticsForwarder';
 import { useEffect, useRef, useState } from 'react';
@@ -48,14 +42,12 @@ class CallContext {
             latestErrors: clientState.latestErrors,
             isTeamsCall,
             isRoomsCall,
-            /* @conditional-compile-remove(PSTN-calls) */ alternateCallerId: clientState.alternateCallerId,
-            /* @conditional-compile-remove(unsupported-browser) */ environmentInfo: clientState.environmentInfo,
-            /* @conditional-compile-remove(unsupported-browser) */ unsupportedBrowserVersionsAllowed: false,
             videoBackgroundImages: (_b = options === null || options === void 0 ? void 0 : options.videoBackgroundOptions) === null || _b === void 0 ? void 0 : _b.videoBackgroundImages,
             onResolveVideoEffectDependency: (_c = options === null || options === void 0 ? void 0 : options.videoBackgroundOptions) === null || _c === void 0 ? void 0 : _c.onResolveDependency,
             selectedVideoBackgroundEffect: undefined,
             cameraStatus: undefined,
-            sounds: options === null || options === void 0 ? void 0 : options.callingSounds
+            sounds: options === null || options === void 0 ? void 0 : options.callingSounds,
+            /* @conditional-compile-remove(reaction) */ reactions: options === null || options === void 0 ? void 0 : options.reactionResources
         };
         this.emitter.setMaxListeners((_d = options === null || options === void 0 ? void 0 : options.maxListeners) !== null && _d !== void 0 ? _d : 50);
         this.bindPublicMethods();
@@ -63,10 +55,7 @@ class CallContext {
             this.setState(this.getState());
         }) : undefined;
     }
-    bindPublicMethods() {
-        /* @conditional-compile-remove(unsupported-browser) */
-        this.setAllowedUnsupportedBrowser.bind(this);
-    }
+    bindPublicMethods() { }
     onStateChange(handler) {
         this.emitter.on('stateChanged', handler);
     }
@@ -102,16 +91,11 @@ class CallContext {
         const latestEndedCall = clientState.callsEnded ? findLatestEndedCall(clientState.callsEnded) : undefined;
         // As the state is transitioning to a new state, trigger appropriate callback events.
         const oldPage = this.state.page;
-        /* @conditional-compile-remove(unsupported-browser) */
-        const environmentInfo = {
-            environmentInfo: this.state.environmentInfo,
-            unsupportedBrowserVersionOptedIn: this.state.unsupportedBrowserVersionsAllowed
-        };
         /* @conditional-compile-remove(call-transfer) */
         const latestAcceptedTransfer = (call === null || call === void 0 ? void 0 : call.transfer.acceptedTransfers) ? findLatestAcceptedTransfer(call.transfer.acceptedTransfers) : undefined;
         /* @conditional-compile-remove(call-transfer) */
         const transferCall = latestAcceptedTransfer ? clientState.calls[latestAcceptedTransfer.callId] : undefined;
-        const newPage = getCallCompositePage(call, latestEndedCall, /* @conditional-compile-remove(call-transfer) */ transferCall, /* @conditional-compile-remove(unsupported-browser) */ environmentInfo);
+        const newPage = getCallCompositePage(call, latestEndedCall, /* @conditional-compile-remove(call-transfer) */ transferCall);
         if (!IsCallEndedPage(oldPage) && IsCallEndedPage(newPage)) {
             this.emitter.emit('callEnded', {
                 callId: this.callId
@@ -126,10 +110,6 @@ class CallContext {
                 /* @conditional-compile-remove(call-transfer) */ acceptedTransferCallState: transferCall }));
         }
     }
-    /* @conditional-compile-remove(unsupported-browser) */
-    setAllowedUnsupportedBrowser() {
-        this.setState(Object.assign(Object.assign({}, this.state), { unsupportedBrowserVersionsAllowed: true }));
-    }
     setBackroundPickerImages(videoBackgroundImages) {
         this.setState(Object.assign(Object.assign({}, this.state), { videoBackgroundImages }));
     }
@@ -251,25 +231,6 @@ export class AzureCommunicationCallAdapter {
             };
             this.callAgent.on('callsUpdated', onCallsUpdated);
         }
-        /* @conditional-compile-remove(teams-identity-support) */
-        if (this.callAgent.kind === 'TeamsCallAgent') {
-            const onTeamsCallsUpdated = (args) => {
-                var _a;
-                if ((_a = this.call) === null || _a === void 0 ? void 0 : _a.id) {
-                    const removedCall = args.removed.find(call => { var _a; return call.id === ((_a = this.call) === null || _a === void 0 ? void 0 : _a.id); });
-                    if (removedCall) {
-                        const removedCallState = this.callClient.getState().callsEnded[removedCall.id];
-                        const latestAcceptedTransfer = findLatestAcceptedTransfer(removedCallState.transfer.acceptedTransfers);
-                        const _callAgent = callAgent;
-                        const transferCall = _callAgent.calls.find((call) => call.id === (latestAcceptedTransfer === null || latestAcceptedTransfer === void 0 ? void 0 : latestAcceptedTransfer.callId));
-                        if (transferCall) {
-                            this.processNewCall(transferCall);
-                        }
-                    }
-                }
-            };
-            this.callAgent.on('callsUpdated', onTeamsCallsUpdated);
-        }
     }
     // TODO: update this to include the 'selectedCameraChanged' when calling adds it to the device manager
     subscribeDeviceManagerEvents() {
@@ -302,6 +263,8 @@ export class AzureCommunicationCallAdapter {
         this.startScreenShare.bind(this);
         this.stopScreenShare.bind(this);
         this.raiseHand.bind(this);
+        /* @conditional-compile-remove(reaction) */
+        this.onReactionClick.bind(this);
         this.lowerHand.bind(this);
         this.removeParticipant.bind(this);
         this.createStreamView.bind(this);
@@ -312,15 +275,7 @@ export class AzureCommunicationCallAdapter {
         this.on.bind(this);
         this.off.bind(this);
         this.processNewCall.bind(this);
-        /* @conditional-compile-remove(PSTN-calls) */
-        this.addParticipant.bind(this);
-        /* @conditional-compile-remove(PSTN-calls) */
-        this.holdCall.bind(this);
-        /* @conditional-compile-remove(PSTN-calls) */
-        this.resumeCall.bind(this);
         this.sendDtmfTone.bind(this);
-        /* @conditional-compile-remove(unsupported-browser) */
-        this.allowUnsupportedBrowserVersion.bind(this);
         /* @conditional-compile-remove(close-captions) */
         {
             this.startCaptions.bind(this);
@@ -333,6 +288,12 @@ export class AzureCommunicationCallAdapter {
         this.updateBackgroundPickerImages.bind(this);
         /* @conditional-compile-remove(end-of-call-survey) */
         this.submitSurvey.bind(this);
+        /* @conditional-compile-remove(spotlight) */
+        this.startSpotlight.bind(this);
+        /* @conditional-compile-remove(spotlight) */
+        this.stopSpotlight.bind(this);
+        /* @conditional-compile-remove(spotlight) */
+        this.stopAllSpotlight.bind(this);
     }
     dispose() {
         this.resetDiagnosticsForwarder();
@@ -423,16 +384,6 @@ export class AzureCommunicationCallAdapter {
     _joinCall(audioOptions, videoOptions) {
         const isTeamsMeeting = this.locator ? 'meetingLink' in this.locator : false;
         const isRoomsCall = this.locator ? 'roomId' in this.locator : false;
-        /* @conditional-compile-remove(teams-identity-support) */
-        if (_isTeamsCallAgent(this.callAgent)) {
-            if (!isTeamsMeeting) {
-                throw new Error('Locator not supported by TeamsCallAgent');
-            }
-            return this.callAgent.join(this.locator, {
-                audioOptions,
-                videoOptions
-            });
-        }
         if (isTeamsMeeting) {
             return this.callAgent.join(this.locator, {
                 audioOptions,
@@ -614,10 +565,13 @@ export class AzureCommunicationCallAdapter {
             }));
         });
     }
-    /* @conditional-compile-remove(unsupported-browser) */
-    allowUnsupportedBrowserVersion() {
-        this.context.setAllowedUnsupportedBrowser();
-        this.context.updateClientState(this.callClient.getState());
+    /* @conditional-compile-remove(reaction) */
+    onReactionClick(reaction) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this.asyncTeeErrorToEventEmitter(() => __awaiter(this, void 0, void 0, function* () {
+                yield this.handlers.onReactionClick(reaction);
+            }));
+        });
     }
     startVideoBackgroundEffect(videoBackgroundEffect) {
         return __awaiter(this, void 0, void 0, function* () {
@@ -692,52 +646,9 @@ export class AzureCommunicationCallAdapter {
     removeParticipant(userId) {
         return __awaiter(this, void 0, void 0, function* () {
             let participant = userId;
-            /* @conditional-compile-remove(PSTN-calls) */
-            participant = _toCommunicationIdentifier(userId);
             this.handlers.onRemoveParticipant(participant);
         });
     }
-    /* @conditional-compile-remove(PSTN-calls) */
-    addParticipant(participant, options) {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (isPhoneNumberIdentifier(participant) && options) {
-                this.handlers.onAddParticipant(participant, options);
-            }
-            else if (isCommunicationUserIdentifier(participant)) {
-                this.handlers.onAddParticipant(participant);
-            }
-        });
-    }
-    /* @conditional-compile-remove(PSTN-calls) */
-    holdCall() {
-        return __awaiter(this, void 0, void 0, function* () {
-            var _a, _b;
-            if (((_a = this.call) === null || _a === void 0 ? void 0 : _a.state) !== 'LocalHold') {
-                if ((_b = this.call) === null || _b === void 0 ? void 0 : _b.isLocalVideoStarted) {
-                    this.stopCamera().then(() => {
-                        this.handlers.onToggleHold();
-                    });
-                }
-                else {
-                    this.handlers.onToggleHold();
-                }
-            }
-        });
-    }
-    /* @conditional-compile-remove(PSTN-calls) */
-    resumeCall() {
-        return __awaiter(this, void 0, void 0, function* () {
-            var _a;
-            if (((_a = this.call) === null || _a === void 0 ? void 0 : _a.state) === 'LocalHold') {
-                this.handlers.onToggleHold().then(() => {
-                    var _a;
-                    if (((_a = this.call) === null || _a === void 0 ? void 0 : _a.feature(Features.Capabilities).capabilities.turnVideoOn.isPresent) === false) {
-                        this.stopCamera();
-                    }
-                });
-            }
-        });
-    }
     sendDtmfTone(dtmfTone) {
         return __awaiter(this, void 0, void 0, function* () {
             this.handlers.onSendDtmfTone(dtmfTone);
@@ -773,6 +684,24 @@ export class AzureCommunicationCallAdapter {
             return this.handlers.onSubmitSurvey(survey);
         });
     }
+    /* @conditional-compile-remove(spotlight) */
+    startSpotlight(userIds) {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.handlers.onStartSpotlight(userIds);
+        });
+    }
+    /* @conditional-compile-remove(spotlight) */
+    stopSpotlight(userIds) {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.handlers.onStopSpotlight(userIds);
+        });
+    }
+    /* @conditional-compile-remove(spotlight) */
+    stopAllSpotlight() {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.handlers.onStopAllSpotlight();
+        });
+    }
     getState() {
         return this.context.getState();
     }
@@ -816,7 +745,7 @@ export class AzureCommunicationCallAdapter {
         }
     }
     subscribeCallEvents() {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
         if (this.call) {
             this.callingSoundSubscriber = new CallingSoundSubscriber(this.call, this.getState().targetCallees, this.getState().sounds);
         }
@@ -829,8 +758,9 @@ export class AzureCommunicationCallAdapter {
         (_f = this.call) === null || _f === void 0 ? void 0 : _f.on('roleChanged', this.roleChanged.bind(this));
         /* @conditional-compile-remove(call-transfer) */
         (_g = this.call) === null || _g === void 0 ? void 0 : _g.feature(Features.Transfer).on('transferAccepted', this.transferAccepted.bind(this));
-        /* @conditional-compile-remove(capabilities) */
         (_h = this.call) === null || _h === void 0 ? void 0 : _h.feature(Features.Capabilities).on('capabilitiesChanged', this.capabilitiesChanged.bind(this));
+        /* @conditional-compile-remove(spotlight) */
+        (_j = this.call) === null || _j === void 0 ? void 0 : _j.feature(Features.Spotlight).on('spotlightChanged', this.spotlightChanged.bind(this));
     }
     unsubscribeCallEvents() {
         var _a, _b, _c, _d, _e;
@@ -909,7 +839,6 @@ export class AzureCommunicationCallAdapter {
     transferAccepted(args) {
         this.emitter.emit('transferAccepted', args);
     }
-    /* @conditional-compile-remove(capabilities) */
     capabilitiesChanged(data) {
         var _a, _b, _c, _d, _e;
         if (((_a = data.newValue.turnVideoOn) === null || _a === void 0 ? void 0 : _a.isPresent) === false) {
@@ -935,6 +864,10 @@ export class AzureCommunicationCallAdapter {
         }
         this.emitter.emit('roleChanged');
     }
+    /* @conditional-compile-remove(spotlight) */
+    spotlightChanged(args) {
+        this.emitter.emit('spotlightChanged', args);
+    }
     callIdChanged() {
         var _a;
         ((_a = this.call) === null || _a === void 0 ? void 0 : _a.id) && this.emitter.emit('callIdChanged', {
@@ -1001,8 +934,6 @@ export function createAzureCommunicationCallAdapter(args) {
             credential: args.credential,
             locator: args.locator,
             targetCallees: args.targetCallees,
-            /* @conditional-compile-remove(PSTN-calls) */
-            alternateCallerId: args.alternateCallerId,
             options: args.options
         });
     });
@@ -1012,15 +943,12 @@ export function createAzureCommunicationCallAdapter(args) {
  *
  * @internal
  */
-export const _createAzureCommunicationCallAdapterInner = (_a) => __awaiter(void 0, [_a], void 0, function* ({ userId, displayName, credential, locator, targetCallees, 
-/* @conditional-compile-remove(PSTN-calls) */ alternateCallerId, options, telemetryImplementationHint = 'Call' }) {
+export const _createAzureCommunicationCallAdapterInner = (_a) => __awaiter(void 0, [_a], void 0, function* ({ userId, displayName, credential, locator, targetCallees, options, telemetryImplementationHint = 'Call' }) {
     if (!_isValidIdentifier(userId)) {
         throw new Error('Invalid identifier. Please provide valid identifier object.');
     }
     const callClient = _createStatefulCallClientInner({
-        userId,
-        /* @conditional-compile-remove(PSTN-calls) */
-        alternateCallerId
+        userId
     }, undefined, telemetryImplementationHint);
     const callAgent = yield callClient.createCallAgent(credential, {
         displayName
@@ -1034,23 +962,6 @@ export const _createAzureCommunicationCallAdapterInner = (_a) => __awaiter(void
     }
     return adapter;
 });
-/* @conditional-compile-remove(teams-identity-support) */
-/**
- * @beta
- */
-export const createTeamsCallAdapter = (_b) => __awaiter(void 0, [_b], void 0, function* ({ userId, credential, locator, options }) {
-    if (isCommunicationUserIdentifier(userId)) {
-        throw new Error('Communication User identifier is not supported by TeamsCallAdapter, please use our AzureCommunicationCallAdapter.');
-    }
-    const callClient = _createStatefulCallClientInner({
-        userId
-    }, undefined, 'Call');
-    const callAgent = yield callClient.createTeamsCallAgent(credential, {
-        undefined
-    });
-    const adapter = createTeamsCallAdapterFromClient(callClient, callAgent, locator, options);
-    return adapter;
-});
 /**
  * @private
  */
@@ -1059,8 +970,6 @@ function useAzureCommunicationCallAdapterGeneric(args, adapterKind = 'AzureCommu
     const locator = 'locator' in args ? args.locator : undefined;
     const targetCallees = 'targetCallees' in args ? args.targetCallees : undefined;
     const displayName = 'displayName' in args ? args.displayName : undefined;
-    /* @conditional-compile-remove(PSTN-calls) */
-    const alternateCallerId = 'alternateCallerId' in args ? args.alternateCallerId : undefined;
     const options = 'options' in args ? args.options : undefined;
     // State update needed to rerender the parent component when a new adapter is created.
     const [adapter, setAdapter] = useState(undefined);
@@ -1112,7 +1021,6 @@ function useAzureCommunicationCallAdapterGeneric(args, adapterKind = 'AzureCommu
                         displayName: displayName,
                         locator,
                         userId: userId,
-                        /* @conditional-compile-remove(PSTN-calls) */ alternateCallerId,
                         options
                     }));
                 }
@@ -1122,7 +1030,6 @@ function useAzureCommunicationCallAdapterGeneric(args, adapterKind = 'AzureCommu
                         displayName: displayName,
                         targetCallees,
                         userId: userId,
-                        /* @conditional-compile-remove(PSTN-calls) */ alternateCallerId,
                         options
                     }));
                 }
@@ -1133,13 +1040,6 @@ function useAzureCommunicationCallAdapterGeneric(args, adapterKind = 'AzureCommu
                     return;
                 }
                 creatingAdapterRef.current = true;
-                /* @conditional-compile-remove(teams-identity-support) */
-                newAdapter = (yield createTeamsCallAdapter({
-                    credential,
-                    locator: locator,
-                    userId: userId,
-                    options
-                }));
             }
             else {
                 throw new Error('Unreachable code, unknown adapterKind');
@@ -1156,8 +1056,7 @@ function useAzureCommunicationCallAdapterGeneric(args, adapterKind = 'AzureCommu
         }))();
     }, 
     // Explicitly list all arguments so that caller doesn't have to memoize the `args` object.
-    [adapterRef, afterCreateRef, beforeDisposeRef, adapterKind, credential, locator, userId, displayName, /* @conditional-compile-remove(PSTN-calls) */
-        alternateCallerId, options, targetCallees]);
+    [adapterRef, afterCreateRef, beforeDisposeRef, adapterKind, credential, locator, userId, displayName, options, targetCallees]);
     // Dispose any existing adapter when the component unmounts.
     useEffect(() => {
         return () => {
@@ -1191,24 +1090,6 @@ function useAzureCommunicationCallAdapterGeneric(args, adapterKind = 'AzureCommu
 export const useAzureCommunicationCallAdapter = (args, afterCreate, beforeDispose) => {
     return useAzureCommunicationCallAdapterGeneric(args, 'AzureCommunication', afterCreate, beforeDispose);
 };
-/* @conditional-compile-remove(teams-identity-support) */
-/**
- * A custom React hook to simplify the creation of {@link TeamsCallAdapter}.
- *
- * Similar to {@link createTeamsAzureCommunicationCallAdapter}, but takes care of asynchronous
- * creation of the adapter internally.
- *
- * Allows arguments to be undefined so that you can respect the rule-of-hooks and pass in arguments
- * as they are created. The adapter is only created when all arguments are defined.
- *
- * Note that you must memoize the arguments to avoid recreating adapter on each render.
- * See storybook for typical usage examples.
- *
- * @beta
- */
-export const useTeamsCallAdapter = (args, afterCreate, beforeDispose) => {
-    return useAzureCommunicationCallAdapterGeneric(args, 'Teams', afterCreate, beforeDispose);
-};
 /**
  * Create a {@link CallAdapter} using the provided {@link StatefulCallClient}.
  *
@@ -1224,8 +1105,6 @@ export function createAzureCommunicationCallAdapterFromClient(callClient, callAg
         if (deviceManager.isSpeakerSelectionAvailable) {
             yield deviceManager.getSpeakers();
         }
-        /* @conditional-compile-remove(unsupported-browser) */
-        yield callClient.feature(Features.DebugInfo).getEnvironmentInfo();
         if (getLocatorOrTargetCallees(locatorOrtargetCallees)) {
             return new AzureCommunicationCallAdapter(callClient, locatorOrtargetCallees, callAgent, deviceManager, options);
         }
@@ -1234,25 +1113,6 @@ export function createAzureCommunicationCallAdapterFromClient(callClient, callAg
         }
     });
 }
-/* @conditional-compile-remove(teams-identity-support) */
-/**
- * Create a {@link TeamsCallAdapter} using the provided {@link StatefulCallClient}.
- *
- * Useful if you want to keep a reference to {@link StatefulCallClient}.
- * Consider using {@link createAzureCommunicationCallAdapter} for a simpler API.
- *
- * @beta
- */
-export const createTeamsCallAdapterFromClient = (callClient, callAgent, locator, options) => __awaiter(void 0, void 0, void 0, function* () {
-    const deviceManager = yield callClient.getDeviceManager();
-    yield Promise.all([deviceManager.getCameras(), deviceManager.getMicrophones()]);
-    if (deviceManager.isSpeakerSelectionAvailable) {
-        yield deviceManager.getSpeakers();
-    }
-    /* @conditional-compile-remove(unsupported-browser) */
-    yield callClient.feature(Features.DebugInfo).getEnvironmentInfo();
-    return new AzureCommunicationCallAdapter(callClient, locator, callAgent, deviceManager, options);
-});
 const isCallError = (e) => {
     return 'target' in e && 'innerError' in e;
 };