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

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';
@@ -243,7 +244,7 @@ export declare type AreTypeEqual<A, B> = A extends B ? (B extends A ? true : fal
 
 /**
  * Metadata of the attachment object returned by the ACS SDK.
- * @public
+ * @beta
  */
 export declare interface AttachmentDownloadResult {
     /**
@@ -258,9 +259,9 @@ export declare interface AttachmentDownloadResult {
 
 /**
  * Metadata containing information about the uploaded file.
- * @public
+ * @beta
  */
-export declare type AttachmentMetadata = InlineImageMetadata | /* @conditional-compile-remove(file-sharing) */ FileMetadata;
+export declare type AttachmentMetadata = FileMetadata | /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */ InlineImageMetadata;
 
 /**
  * Custom data attributes for displaying avatar for a user.
@@ -380,8 +381,7 @@ export declare type AzureCommunicationChatAdapterArgs = {
 
 /**
  * Configuration options to include when creating AzureCommunicationChatAdapter.
- *
- * @public
+ * @beta
  */
 export declare type AzureCommunicationChatAdapterOptions = {
     credential?: CommunicationTokenCredential;
@@ -743,6 +743,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 +1426,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 +2853,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.
      *
@@ -4301,9 +4315,9 @@ export declare type ChatAdapterUiState = {
 
 /**
  * Represents the type of attachment
- * @public
+ * @beta
  */
-export declare type ChatAttachmentType = 'inlineImage' | /* @conditional-compile-remove(file-sharing) */ 'file' | 'unknown';
+export declare type ChatAttachmentType = 'unknown' | /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */ 'inlineImage' | /* @conditional-compile-remove(file-sharing) */ 'file';
 
 /**
  * Common props for selectors for {@link ChatClientState}.
@@ -4596,7 +4610,7 @@ export declare interface ChatMessage extends MessageCommon {
      */
     files?: FileMetadata[];
     /**
-     * @public
+     * @beta
      * A list of inline images embedded in the message.
      * {@link InlineImageMetadata}
      */
@@ -4637,20 +4651,20 @@ export declare type ChatReturnProps<Component extends (props: any) => JSX.Elemen
 /**
  * Custom Fluent theme palette used by chat related components in this library.
  *
- * @public
+ * @beta
  */
 export declare interface ChatTheme {
     /**
      * Custom Fluent theme palette used by chat related components in this library.
      *
-     * @public
+     * @beta
      */
     chatPalette: {
-        imageGalleryOverlayBlack: string;
-        imageGalleryTitleWhite: string;
-        imageGalleryDefaultButtonBackground: string;
-        imageGalleryButtonBackgroundHover: string;
-        imageGalleryButtonBackgroundActive: string;
+        modalOverlayBlack: string;
+        modalTitleWhite: string;
+        modalButtonBackground: string;
+        modalButtonBackgroundHover: string;
+        modalButtonBackgroundActive: string;
     };
 }
 
@@ -4880,6 +4894,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 +4939,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>;
@@ -5952,7 +5974,7 @@ export declare interface CustomMessage extends MessageCommon {
  *
  * @public
  */
-export declare const darkTheme: PartialTheme & CallingTheme & ChatTheme;
+export declare const darkTheme: PartialTheme & CallingTheme & /* @conditional-compile-remove(image-gallery) */ ChatTheme;
 
 /**
  * @beta
@@ -6099,6 +6121,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;
@@ -7261,14 +7284,14 @@ export declare interface _Identifiers {
 /**
  * Component to render a fullscreen modal for a selected image.
  *
- * @public
+ * @beta
  */
 export declare const ImageGallery: (props: ImageGalleryProps) => JSX.Element;
 
 /**
  * Props for {@link ImageGallery}.
  *
- * @public
+ * @beta
  */
 export declare interface ImageGalleryImageProps {
     /** Image Url used to display the image in a large scale. */
@@ -7286,7 +7309,7 @@ export declare interface ImageGalleryImageProps {
 /**
  * Props for {@link ImageGallery}.
  *
- * @public
+ * @beta
  */
 export declare interface ImageGalleryProps {
     /**
@@ -7318,7 +7341,7 @@ export declare interface ImageGalleryProps {
 /**
  * Strings of {@link ImageGallery} that can be overridden.
  *
- * @public
+ * @beta
  */
 export declare interface ImageGalleryStrings {
     /**
@@ -7380,7 +7403,7 @@ export declare interface IncomingCallState {
 /**
  * Metadata for rendering images inline with a message.
  * This does not include images attached as files.
- * @public
+ * @beta
  */
 export declare interface InlineImageMetadata {
     attachmentType: 'inlineImage';
@@ -7493,7 +7516,7 @@ export declare interface JumpToNewMessageButtonProps {
  *
  * @public
  */
-export declare const lightTheme: PartialTheme & CallingTheme & ChatTheme;
+export declare const lightTheme: PartialTheme & CallingTheme & /* @conditional-compile-remove(image-gallery) */ ChatTheme;
 
 /**
  * Whether the stream is loading or not.
@@ -8022,7 +8045,7 @@ export declare type MessageThreadProps = {
     /**
      * Optional callback to retrieve the inline image in a message.
      * @param attachment - AttachmentMetadata object we want to render
-     * @public
+     * @beta
      */
     onFetchAttachments?: (attachments: AttachmentMetadata[]) => Promise<AttachmentDownloadResult[]>;
     /**
@@ -8085,7 +8108,7 @@ export declare type MessageThreadProps = {
     mentionOptions?: MentionOptions;
     /**
      * Optional callback called when an inline image is clicked.
-     * @public
+     * @beta
      */
     onInlineImageClicked?: (attachmentId: string, messageId: string) => Promise<void>;
 };
@@ -9030,7 +9053,7 @@ export declare interface ReactionButtonProps extends ControlBarButtonProps {
     /**
      * Click event to send reaction to meeting
      */
-    onReactionClicked: (emoji: string) => Promise<void>;
+    onReactionClicked: (reaction: string) => Promise<void>;
 }
 
 /**