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

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-202308010015';
 
 // Copyright (c) Microsoft Corporation.
 /**
@@ -1322,7 +1322,6 @@ const deviceManagerDeclaratify = (deviceManager, context, internalContext) => {
 };
 
 // Copyright (c) Microsoft Corporation.
-// Licensed under the MIT license.
 /**
  * Error thrown from failed stateful API methods.
  *
@@ -1494,7 +1493,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 +1531,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 +1712,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 +1875,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 +3309,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 +3425,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 +3455,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 +3552,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,