@azure/communication-react 1.7.0-alpha-202307300015 → 1.7.0-alpha-202308020013

package/dist/communication-react.d.ts

@@ -82,6 +82,7 @@ import { PersonaSize } from '@fluentui/react';
 import { PhoneNumberIdentifier } from '@azure/communication-common';
 import { PhoneNumberKind } from '@azure/communication-common';
 import { PropertyChangedEvent } from '@azure/communication-calling';
+import { RaisedHand } from '@azure/communication-calling';
 import { default as React_2 } from 'react';
 import type { RemoteParticipant } from '@azure/communication-calling';
 import { RemoteParticipantState as RemoteParticipantState_2 } from '@azure/communication-calling';
@@ -2285,6 +2286,10 @@ export declare interface CallState {
      * Proxy of {@link @azure/communication-calling#RecordingCallFeature}.
      */
     recording: RecordingCallFeature;
+    /**
+     * Proxy of {@link @azure/communication-calling#RaiseHandCallFeature}.
+     */
+    raiseHand: RaiseHandCallFeature;
     /**
      * Stores the currently active screenshare participant's key. If there is no screenshare active, then this will be
      * undefined. You can use this key to access the remoteParticipant data in {@link CallState.remoteParticipants} object.
@@ -8051,6 +8056,23 @@ export declare type Profile = {
     displayName?: string;
 };
 
+/**
+ * State only version of {@link @azure/communication-calling#RaiseHandCallFeature}. {@link StatefulCallClient} will
+ * automatically listen for raised hands on the call and update the state exposed by {@link StatefulCallClient} accordingly.
+ *
+ * @public
+ */
+export declare interface RaiseHandCallFeature {
+    /**
+     * Proxy of {@link @azure/communication-calling#RaiseHandCallFeature.raisedHands}.
+     */
+    raisedHands: RaisedHand[];
+    /**
+     * Contains information for local participant from list {@link @azure/communication-calling#RaiseHandCallFeature.raisedHands}.
+     */
+    localParticipantRaisedHand?: RaisedHand;
+}
+
 /**
  * An array of key value pairs that stores each sender's display name and last read message
  *
@@ -8118,6 +8140,10 @@ export declare interface RemoteParticipantState {
      * Proxy of {@link @azure/communication-calling#RemoteParticipant.role}.
      */
     role?: ParticipantRole;
+    /**
+     * Proxy of {@link @azure/communication-calling#Call.RaisedHand.raisedHands}.
+     */
+    raisedHand?: RaisedHand;
 }
 
 /**
@@ -8462,6 +8488,8 @@ export declare interface SitePermissionsStyles extends BaseCustomStyles {
  *   - RemoteVideoStream 'isAvailableChanged'
  *   - TranscriptionCallFeature 'isTranscriptionActiveChanged'
  *   - RecordingCallFeature 'isRecordingActiveChanged'
+ *   - RaiseHandCallFeature 'raisedHandEvent'
+ *   - RaiseHandCallFeature 'loweredHandEvent'
  *
  * @public
  */

package/dist/dist-cjs/communication-react/index.js

@@ -178,7 +178,7 @@ const _isValidIdentifier = (identifier) => {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT license.
 // GENERATED FILE. DO NOT EDIT MANUALLY.
-var telemetryVersion = '1.7.0-alpha-202307300015';
+var telemetryVersion = '1.7.0-alpha-202308020013';
 
 // Copyright (c) Microsoft Corporation.
 /**
@@ -340,6 +340,11 @@ const getRole = (state, props) => {
     /* @conditional-compile-remove(rooms) */
     return (_a = state.calls[props.callId]) === null || _a === void 0 ? void 0 : _a.role;
 };
+/* @conditional-compile-remove(capabilities) */
+/**
+ * @private
+ */
+const getCapabilites = (state, props) => { var _a, _b; return (_b = (_a = state.calls[props.callId]) === null || _a === void 0 ? void 0 : _a.capabilities) === null || _b === void 0 ? void 0 : _b.capabilities; };
 /**
  * @private
  */
@@ -543,10 +548,12 @@ const _isRingingPSTNParticipant = (participant) => {
  *
  * @public
  */
-const microphoneButtonSelector = reselect__namespace.createSelector([getCallExists, getIsMuted, getDeviceManager$1, /* @conditional-compile-remove(rooms) */ getRole], (callExists, isMuted, deviceManager, /* @conditional-compile-remove(rooms) */ role) => {
+const microphoneButtonSelector = reselect__namespace.createSelector([getCallExists, getIsMuted, getDeviceManager$1, /* @conditional-compile-remove(capabilities) */ getCapabilites], (callExists, isMuted, deviceManager, /* @conditional-compile-remove(capabilities) */ capabilities) => {
     const permission = deviceManager.deviceAccess ? deviceManager.deviceAccess.audio : true;
+    /* @conditional-compile-remove(capabilities) */
+    const incapable = (capabilities === null || capabilities === void 0 ? void 0 : capabilities.muteUnmuteMic.isPresent) === false;
     return {
-        disabled: !callExists || !permission || /* @conditional-compile-remove(rooms) */ role === 'Consumer',
+        disabled: !callExists || !permission || /* @conditional-compile-remove(capabilities) */ incapable,
         checked: callExists ? !isMuted : false,
         microphones: deviceManager.microphones,
         speakers: deviceManager.speakers,
@@ -559,15 +566,17 @@ const microphoneButtonSelector = reselect__namespace.createSelector([getCallExis
  *
  * @public
  */
-const cameraButtonSelector = reselect__namespace.createSelector([getLocalVideoStreams$1, getDeviceManager$1, /* @conditional-compile-remove(rooms) */ getRole], (localVideoStreams, deviceManager, /* @conditional-compile-remove(rooms) */ role) => {
+const cameraButtonSelector = reselect__namespace.createSelector([getLocalVideoStreams$1, getDeviceManager$1, /* @conditional-compile-remove(capabilities) */ getCapabilites], (localVideoStreams, deviceManager, /* @conditional-compile-remove(capabilities) */ capabilities) => {
     const previewOn = _isPreviewOn(deviceManager);
     const localVideoFromCall = localVideoStreams === null || localVideoStreams === void 0 ? void 0 : localVideoStreams.find((stream) => stream.mediaStreamType === 'Video');
     const permission = deviceManager.deviceAccess ? deviceManager.deviceAccess.video : true;
+    /* @conditional-compile-remove(capabilities) */
+    const incapable = (capabilities === null || capabilities === void 0 ? void 0 : capabilities.turnVideoOnOff.isPresent) === false;
     return {
         disabled: !deviceManager.selectedCamera ||
             !permission ||
             !deviceManager.cameras.length ||
-            /* @conditional-compile-remove(rooms) */ role === 'Consumer',
+            /* @conditional-compile-remove(capabilities) */ incapable,
         checked: localVideoStreams !== undefined && localVideoStreams.length > 0 ? !!localVideoFromCall : previewOn,
         cameras: deviceManager.cameras,
         selectedCamera: deviceManager.selectedCamera
@@ -581,17 +590,18 @@ const cameraButtonSelector = reselect__namespace.createSelector([getLocalVideoSt
 const screenShareButtonSelector = reselect__namespace.createSelector([
     getIsScreenSharingOn,
     /* @conditional-compile-remove(PSTN-calls) */ getCallState,
-    /* @conditional-compile-remove(rooms) */ getRole
+    /* @conditional-compile-remove(capabilities) */ getCapabilites
 ], (isScreenSharingOn, 
 /* @conditional-compile-remove(PSTN-calls) */ callState, 
-/* @conditional-compile-remove(rooms) */ role) => {
-    var _a;
+/* @conditional-compile-remove(capabilities) */ capabilities) => {
+    let disabled = undefined;
+    /* @conditional-compile-remove(capabilities) */
+    disabled = disabled || (capabilities === null || capabilities === void 0 ? void 0 : capabilities.shareScreen.isPresent) === false;
+    /* @conditional-compile-remove(PSTN-calls) */
+    disabled = disabled || ['InLobby', 'Connecting'].includes(callState);
     return {
         checked: isScreenSharingOn,
-        /* @conditional-compile-remove(PSTN-calls) */
-        disabled: (callState === 'InLobby' ? true : (_a = callState === 'Connecting') !== null && _a !== void 0 ? _a : false) ||
-            /* @conditional-compile-remove(rooms) */ role === 'Consumer' ||
-            /* @conditional-compile-remove(rooms) */ role === 'Attendee'
+        disabled
     };
 });
 /**
@@ -1322,7 +1332,6 @@ const deviceManagerDeclaratify = (deviceManager, context, internalContext) => {
 };
 
 // Copyright (c) Microsoft Corporation.
-// Licensed under the MIT license.
 /**
  * Error thrown from failed stateful API methods.
  *
@@ -1494,7 +1503,9 @@ function convertSdkParticipantToDeclarativeParticipant(participant) {
         callEndReason: participant.callEndReason,
         videoStreams: declarativeVideoStreams,
         isMuted: participant.isMuted,
-        isSpeaking: participant.isSpeaking
+        isSpeaking: participant.isSpeaking,
+        /* @conditional-compile-remove(raise-hand) */
+        raisedHand: undefined
     };
 }
 /**
@@ -1530,6 +1541,8 @@ function convertSdkCallToDeclarativeCall(call) {
         remoteParticipants: declarativeRemoteParticipants,
         remoteParticipantsEnded: {},
         recording: { isRecordingActive: false },
+        /* @conditional-compile-remove(raise-hand) */
+        raiseHand: { raisedHands: [] },
         transcription: { isTranscriptionActive: false },
         screenShareRemoteParticipant: undefined,
         startTime: new Date(),
@@ -1709,6 +1722,10 @@ class CallContext$2 {
                 /* @conditional-compile-remove(optimal-video-count) */
                 existingCall.optimalVideoCount.maxRemoteVideoStreams = call.optimalVideoCount.maxRemoteVideoStreams;
                 existingCall.recording.isRecordingActive = call.recording.isRecordingActive;
+                /* @conditional-compile-remove(raise-hand) */
+                existingCall.raiseHand.raisedHands = call.raiseHand.raisedHands;
+                /* @conditional-compile-remove(raise-hand) */
+                existingCall.raiseHand.localParticipantRaisedHand = call.raiseHand.localParticipantRaisedHand;
                 /* @conditional-compile-remove(rooms) */
                 existingCall.role = call.role;
                 /* @conditional-compile-remove(total-participant-count) */
@@ -1868,6 +1885,28 @@ class CallContext$2 {
             }
         });
     }
+    /* @conditional-compile-remove(raise-hand) */
+    setCallRaisedHands(callId, raisedHands) {
+        this.modifyState((draft) => {
+            const call = draft.calls[this._callIdHistory.latestCallId(callId)];
+            if (call) {
+                call.raiseHand.raisedHands = raisedHands;
+                call.raiseHand.localParticipantRaisedHand = raisedHands.find((raisedHand) => toFlatCommunicationIdentifier(raisedHand.identifier) === toFlatCommunicationIdentifier(this._state.userId));
+            }
+        });
+    }
+    /* @conditional-compile-remove(raise-hand) */
+    setParticipantIsRaisedHand(callId, participantKey, raisedHand) {
+        this.modifyState((draft) => {
+            const call = draft.calls[this._callIdHistory.latestCallId(callId)];
+            if (call) {
+                const participant = call.remoteParticipants[participantKey];
+                if (participant) {
+                    participant.raisedHand = raisedHand;
+                }
+            }
+        });
+    }
     setCallTranscriptionActive(callId, isTranscriptionActive) {
         this.modifyState((draft) => {
             const call = draft.calls[this._callIdHistory.latestCallId(callId)];
@@ -3280,6 +3319,38 @@ const latestFromEvent = (args) => ({
     valueType: args.valueType
 });
 
+// Copyright (c) Microsoft Corporation.
+/* @conditional-compile-remove(raise-hand) */
+/**
+ * @private
+ */
+class RaiseHandSubscriber {
+    constructor(callIdRef, context, raiseHand) {
+        this.subscribe = () => {
+            this._raiseHand.on('raisedHandEvent', this.raisedHand);
+            this._raiseHand.on('loweredHandEvent', this.loweredHand);
+        };
+        this.unsubscribe = () => {
+            this._raiseHand.off('raisedHandEvent', this.raisedHand);
+            this._raiseHand.off('loweredHandEvent', this.loweredHand);
+        };
+        this.raisedHand = () => {
+            this._context.setCallRaisedHands(this._callIdRef.callId, this._raiseHand.getRaisedHands());
+            for (const raisedHand of this._raiseHand.getRaisedHands()) {
+                this._context.setParticipantIsRaisedHand(this._callIdRef.callId, toFlatCommunicationIdentifier(raisedHand.identifier), raisedHand);
+            }
+        };
+        this.loweredHand = (event) => {
+            this.raisedHand();
+            this._context.setParticipantIsRaisedHand(this._callIdRef.callId, toFlatCommunicationIdentifier(event.identifier), undefined);
+        };
+        this._callIdRef = callIdRef;
+        this._context = context;
+        this._raiseHand = raiseHand;
+        this.subscribe();
+    }
+}
+
 /* @conditional-compile-remove(optimal-video-count) */
 /**
  * Subscribes to a Optimal Video Count Feature events and updates the call context appropriately.
@@ -3364,7 +3435,7 @@ class CallSubscriber {
             }
         };
         this.unsubscribe = () => {
-            var _a;
+            var _a, _b;
             this._call.off('stateChanged', this.stateChanged);
             /* @conditional-compile-remove(close-captions) */
             this._call.off('stateChanged', this.initCaptionSubscriber);
@@ -3394,6 +3465,8 @@ class CallSubscriber {
             this._optimalVideoCountSubscriber.unsubscribe();
             /* @conditional-compile-remove(close-captions) */
             (_a = this._captionsSubscriber) === null || _a === void 0 ? void 0 : _a.unsubscribe();
+            /* @conditional-compile-remove(raise-hand) */
+            (_b = this._raiseHandSubscriber) === null || _b === void 0 ? void 0 : _b.unsubscribe();
             /* @conditional-compile-remove(capabilities) */
             this._capabilitiesSubscriber.unsubscribe();
         };
@@ -3489,6 +3562,8 @@ class CallSubscriber {
         this._participantSubscribers = new Map();
         this._recordingSubscriber = new RecordingSubscriber(this._callIdRef, this._context, this._call.feature(communicationCalling.Features.Recording));
         this._transcriptionSubscriber = new TranscriptionSubscriber(this._callIdRef, this._context, this._call.feature(communicationCalling.Features.Transcription));
+        /* @conditional-compile-remove(raise-hand) */
+        this._raiseHandSubscriber = new RaiseHandSubscriber(this._callIdRef, this._context, this._call.feature(communicationCalling.Features.RaiseHand));
         /* @conditional-compile-remove(optimal-video-count) */
         this._optimalVideoCountSubscriber = new OptimalVideoCountSubscriber({
             callIdRef: this._callIdRef,
@@ -21993,8 +22068,9 @@ const ScreenShare = (props) => {
     /* @conditional-compile-remove(rooms) */
     const isRoomsCall = adapter.getState().isRoomsCall;
     const screenShareButtonDisabled = () => {
-        /* @conditional-compile-remove(PSTN-calls) */
-        return (screenShareButtonProps === null || screenShareButtonProps === void 0 ? void 0 : screenShareButtonProps.disabled) ? screenShareButtonProps.disabled : isDisabled(props.option);
+        var _a;
+        /* @conditional-compile-remove(capabilities) */ /* @conditional-compile-remove(PSTN-calls) */
+        return (_a = screenShareButtonProps === null || screenShareButtonProps === void 0 ? void 0 : screenShareButtonProps.disabled) !== null && _a !== void 0 ? _a : isDisabled(props.option);
     };
     return (React__default['default'].createElement(ScreenShareButton, Object.assign({ "data-ui-id": "call-composite-screenshare-button" }, screenShareButtonProps, { showLabel: props.displayType !== 'compact', disabled: screenShareButtonDisabled() ||
             props.disabled ||