@azure/communication-react 1.12.1-alpha-202401260012 → 1.12.1-alpha-202401280013

package/dist/communication-react.d.ts

@@ -976,6 +976,11 @@ export declare type CallAdapterClientState = {
      * State to track the sounds to be used in the call.
      */
     sounds?: CallingSounds;
+    /**
+     * State to track the reactions to be used.
+     * @beta
+     */
+    reactions?: ReactionResources;
 };
 
 /**
@@ -3297,6 +3302,8 @@ export declare interface CallWithChatClientState {
     selectedVideoBackgroundEffect?: VideoBackgroundEffect;
     /** Hide attendee names in teams meeting */
     hideAttendeeNames?: boolean;
+    /** Reaction resources to render in meetings */
+    reactions?: ReactionResources;
 }
 
 /**
@@ -4657,6 +4664,7 @@ export declare type ChatMessageWithStatus = ChatMessage_2 & {
     clientMessageId?: string;
     status: MessageStatus;
     policyViolation?: boolean;
+    resourceCache?: Record<string, string>;
 };
 
 /**
@@ -6552,9 +6560,10 @@ export declare interface DialpadProps {
      */
     showDeleteButton?: boolean;
     /**
-     * flag to determine if dialpad is in mobile view, default false
+     * Determines what kind of device that the user is on and should respect that based on interaction
+     * interfaces available to the user
      */
-    isMobile?: boolean;
+    longPressTrigger?: LongPressTrigger;
     /**
      * Styles for customizing the dialpad component
      */
@@ -7671,6 +7680,12 @@ export declare interface LocalVideoTileOptions {
  */
 export declare type LocalVideoTileSize = '9:16' | '16:9' | 'hidden' | 'followDeviceOrientation';
 
+/**
+ * Modes of how the longpress handlers can be tiggered.
+ * @beta
+ */
+export declare type LongPressTrigger = 'mouseAndTouch' | 'touch';
+
 /**
  * Payload for {@link DiagnosticChangedEventListner} where there is a change in a media diagnostic.
  *
@@ -8086,12 +8101,6 @@ export declare type MessageThreadProps = {
      * @beta
      */
     onRenderFileDownloads?: (userId: string, message: ChatMessage) => JSX.Element;
-    /**
-     * Optional callback to retrieve the inline image in a message.
-     * @param attachment - AttachmentMetadata object we want to render
-     * @beta
-     */
-    onFetchAttachments?: (attachments: AttachmentMetadata[]) => Promise<AttachmentDownloadResult[]>;
     /**
      * Optional callback to edit a message.
      *
@@ -9098,6 +9107,10 @@ export declare interface ReactionButtonProps extends ControlBarButtonProps {
      * Click event to send reaction to meeting
      */
     onReactionClicked: (reaction: string) => Promise<void>;
+    /**
+     * Reaction resource locator and parameters
+     */
+    reactionResources: ReactionResources;
 }
 
 /**
@@ -9124,6 +9137,52 @@ export declare interface ReactionButtonStrings {
     surprisedReactionTooltipContent?: string;
 }
 
+/**
+ * Interface for animation sprite image and related metadata
+ * @beta
+ */
+export declare interface ReactionResources {
+    /**
+     * Like reaction animation resource.
+     */
+    likeReaction?: ReactionSprite;
+    /**
+     * Heart reaction animation resource.
+     */
+    heartReaction?: ReactionSprite;
+    /**
+     * Laugh reaction animation resource.
+     */
+    laughReaction?: ReactionSprite;
+    /**
+     * Applause reaction animation resource.
+     */
+    applauseReaction?: ReactionSprite;
+    /**
+     * Surprised reaction animation resource.
+     */
+    surprisedReaction?: ReactionSprite;
+}
+
+/**
+ * Type for animation sprite image and related metadata
+ * @beta
+ */
+export declare type ReactionSprite = {
+    /**
+     * Path to animation sprite image for reaction.
+     */
+    url: string;
+    /**
+     * The frame count of the resource reaction in the sprite image
+     */
+    frameCount: number;
+    /**
+     * The square size of one frame in the animation resource..
+     */
+    size?: number;
+};
+
 /**
  * State only version of {@link @azure/communication-calling#Call.ReactionMessage} with UI helper props receivedAt.
  * Reaction state with a timestamp which helps UI to decide to render the reaction accordingly.
@@ -10836,6 +10895,10 @@ export declare interface VideoGalleryProps {
      * @defaultValue 'followDeviceOrientation'
      */
     localVideoTileSize?: LocalVideoTileSize;
+    /**
+     * Reaction resources for like, heart, laugh, applause and surprised.
+     */
+    reactionResources?: ReactionResources;
 }
 
 /**
@@ -11121,6 +11184,10 @@ export declare interface VideoTileProps {
      * If true, the video tile will show the spotlighted icon.
      */
     isSpotlighted?: boolean;
+    /**
+     * Reactions resources' url and metadata.
+     */
+    reactionResources?: ReactionResources;
 }
 
 /**