@azure/communication-react 1.3.2-alpha-202207260015.0 → 1.3.2-alpha-202208050016.0

package/dist/communication-react.d.ts

@@ -921,6 +921,9 @@ export declare type CallCompositeIcons = {
     ParticipantItemScreenShareStart?: JSX.Element;
     VideoTileMicOff?: JSX.Element;
     LocalCameraSwitch?: JSX.Element;
+    PeoplePaneAddPerson?: JSX.Element;
+    PeoplePaneOpenDialpad?: JSX.Element;
+    DialpadStartCall?: JSX.Element;
 };
 
 /**
@@ -1186,10 +1189,34 @@ export declare interface CallCompositeStrings {
      * Label for button to copy invite link
      */
     copyInviteLinkButtonLabel: string;
+    /**
+     * Label for button to open dialpad
+     */
+    openDialpadButtonLabel: string;
     /**
      * Label for menu item to remove participant
      */
     removeMenuLabel: string;
+    /**
+     * Label for add people dropdown
+     */
+    peoplePaneAddPeopleButtonLabel: string;
+    /**
+     * Label for button to start a call
+     */
+    dialpadStartCallButtonLabel: string;
+    /**
+     * Title for dialpad Modal
+     */
+    dialpadModalTitle: string;
+    /**
+     * Aria Label for dialpad Modal
+     */
+    dialpadModalAriaLabel: string;
+    /**
+     * Aria Label for dialpad Modal close button
+     */
+    dialpadCloseModalButtonAriaLabel: string;
 }
 
 /**
@@ -1963,6 +1990,9 @@ export declare type CallWithChatCompositeIcons = {
     ParticipantItemScreenShareStart?: JSX.Element;
     VideoTileMicOff?: JSX.Element;
     LocalCameraSwitch?: JSX.Element;
+    PeoplePaneAddPerson?: JSX.Element;
+    PeoplePaneOpenDialpad?: JSX.Element;
+    DialpadStartCall?: JSX.Element;
     EditBoxCancel?: JSX.Element;
     EditBoxSubmit?: JSX.Element;
     MessageDelivered?: JSX.Element;
@@ -2120,6 +2150,10 @@ export declare interface CallWithChatCompositeStrings {
      * Label for button to copy invite link
      */
     copyInviteLinkButtonLabel: string;
+    /**
+     * Label for button to open dialpad
+     */
+    openDialpadButtonLabel: string;
     /**
      * Label for SidePaneHeader dismiss button
      */
@@ -2132,6 +2166,26 @@ export declare interface CallWithChatCompositeStrings {
      * Aria label string for return to call back button
      */
     returnToCallButtonAriaLabel?: string;
+    /**
+     * Label for add people dropdown
+     */
+    peoplePaneAddPeopleButtonLabel: string;
+    /**
+     * Label for button to start a call
+     */
+    dialpadStartCallButtonLabel: string;
+    /**
+     * Title for dialpad Modal
+     */
+    dialpadModalTitle: string;
+    /**
+     * Aria Label for dialpad Modal
+     */
+    dialpadModalAriaLabel: string;
+    /**
+     * Aria Label for dialpad Modal close button
+     */
+    dialpadCloseModalButtonAriaLabel: string;
 }
 
 /**
@@ -3075,6 +3129,8 @@ export declare interface ComponentStrings {
     videoGallery: VideoGalleryStrings;
     /** Strings for Dialpad */
     dialpad: DialpadStrings;
+    /** Strings for VideoTile */
+    videoTile: VideoTileStrings;
 }
 
 /**
@@ -3822,6 +3878,9 @@ export declare const DEFAULT_COMPOSITE_ICONS: {
     ParticipantItemScreenShareStart: JSX.Element;
     VideoTileMicOff: JSX.Element;
     LocalCameraSwitch?: JSX.Element | undefined;
+    PeoplePaneAddPerson?: JSX.Element | undefined;
+    PeoplePaneOpenDialpad?: JSX.Element | undefined;
+    DialpadStartCall?: JSX.Element | undefined;
     ChevronLeft?: JSX.Element | undefined;
     ControlBarChatButtonActive?: JSX.Element | undefined;
     ControlBarChatButtonInactive?: JSX.Element | undefined;
@@ -4075,7 +4134,9 @@ export declare const Dialpad: (props: DialpadProps) => JSX.Element;
  * @beta
  */
 export declare interface DialpadButtonProps {
+    /** Number displayed on each dialpad button */
     primaryContent: string;
+    /** Letters displayed on each dialpad button */
     secondaryContent?: string;
 }
 
@@ -7041,8 +7102,19 @@ export declare interface VideoGalleryRemoteParticipant extends VideoGalleryParti
     isSpeaking?: boolean;
     /** Video stream of shared screen */
     screenShareStream?: VideoGalleryStream;
+    /**
+     * @beta
+     * The connection state of the participant. For example, 'Hold', 'Connecting' etc.
+     */
+    state?: VideoGalleryRemoteParticipantState;
 }
 
+/**
+ * @beta
+ * The connection state of the participant. For example, 'Hold', 'Connecting' etc.
+ */
+export declare type VideoGalleryRemoteParticipantState = 'Connecting' | 'Ringing' | 'Connected' | 'Hold';
+
 /**
  * Selector type for {@link VideoGallery} component.
  *
@@ -7216,6 +7288,22 @@ export declare interface VideoTileProps {
     noVideoAvailableAriaLabel?: string;
     /** Whether the participant in the videoTile is speaking. Shows a speaking indicator (border). */
     isSpeaking?: boolean;
+    /**
+     * The call connection state of the participant.
+     * For example, `Hold` means the participant is on hold.
+     */
+    participantState?: VideoGalleryRemoteParticipantState;
+    strings?: VideoTileStrings;
+}
+
+/**
+ * Strings of {@link VideoTile} that can be overridden.
+ * @beta
+ */
+export declare interface VideoTileStrings {
+    participantStateConnecting: string;
+    participantStateRinging: string;
+    participantStateHold: string;
 }
 
 /**