@azure/communication-react 1.11.1-alpha-202401140014 → 1.11.1-alpha-202401160013

package/dist/communication-react.d.ts

@@ -87,6 +87,7 @@ import { PersonaSize } from '@fluentui/react';
 import { PhoneNumberIdentifier } from '@azure/communication-common';
 import { PropertyChangedEvent } from '@azure/communication-calling';
 import { default as React_2 } from 'react';
+import { Reaction as Reaction_2 } from '@azure/communication-calling';
 import { ReactionMessage } from '@azure/communication-calling';
 import type { RemoteParticipant } from '@azure/communication-calling';
 import { RemoteParticipantState as RemoteParticipantState_2 } from '@azure/communication-calling';
@@ -743,6 +744,12 @@ export declare interface CallAdapterCallOperations {
      * @public
      */
     lowerHand(): Promise<void>;
+    /**
+     * Send reaction emoji
+     *
+     * @beta
+     */
+    onReactionClicked(reaction: Reaction_2): Promise<void>;
     /**
      * Stop sharing the screen
      *
@@ -1420,6 +1427,7 @@ export declare type CallCompositeIcons = {
     ControlButtonRaiseHand?: JSX.Element;
     ControlButtonLowerHand?: JSX.Element;
     RaiseHandContextualMenuItem?: JSX.Element;
+    ReactionContextualMenuItem?: JSX.Element;
     LowerHandContextualMenuItem?: JSX.Element;
     ReactionButtonIcon?: JSX.Element;
     ErrorBarCallCameraAccessDenied?: JSX.Element;
@@ -2846,6 +2854,13 @@ export declare interface CallWithChatAdapterManagement {
      * @public
      */
     lowerHand(): Promise<void>;
+    /**
+     * Send Reaction to ongoing meeting.
+     * @param reaction - A value of type {@link @azure/communication-calling#Reaction}
+     *
+     * @beta
+     */
+    onReactionClicked(reaction: Reaction_2): Promise<void>;
     /**
      * Create the html view for a stream.
      *
@@ -4880,6 +4895,13 @@ export declare type CommonCallControlOptions = {
     raiseHandButton?: boolean | {
         disabled: boolean;
     };
+    /**
+     * Show, Hide or Disable the reaction button during a call.
+     * @defaultValue true
+     */
+    reactionButton?: boolean | {
+        disabled: boolean;
+    };
     /**
      * Inject custom buttons in the call controls.
      */
@@ -4918,6 +4940,7 @@ export declare interface CommonCallingHandlers {
     onRaiseHand: () => Promise<void>;
     onLowerHand: () => Promise<void>;
     onToggleRaiseHand: () => Promise<void>;
+    onReactionClicked: (reaction: Reaction_2) => Promise<void>;
     onToggleHold: () => Promise<void>;
     onAddParticipant(participant: CommunicationUserIdentifier): Promise<void>;
     onAddParticipant(participant: PhoneNumberIdentifier, options: AddPhoneNumberOptions): Promise<void>;
@@ -6099,6 +6122,7 @@ export declare const DEFAULT_COMPOSITE_ICONS: {
     ControlButtonRaiseHand: JSX.Element;
     ControlButtonLowerHand: JSX.Element;
     RaiseHandContextualMenuItem: JSX.Element;
+    ReactionContextualMenuItem?: JSX.Element | undefined;
     LowerHandContextualMenuItem: JSX.Element;
     ReactionButtonIcon: JSX.Element;
     ErrorBarCallCameraAccessDenied: JSX.Element;
@@ -9030,7 +9054,7 @@ export declare interface ReactionButtonProps extends ControlBarButtonProps {
     /**
      * Click event to send reaction to meeting
      */
-    onReactionClicked: (emoji: string) => Promise<void>;
+    onReactionClicked: (reaction: string) => Promise<void>;
 }
 
 /**