@azure/communication-react 1.3.2-alpha-202208110020.0 → 1.3.2-alpha-202210051728

package/dist/communication-react.d.ts

@@ -50,6 +50,8 @@ import { IButtonStyles } from '@fluentui/react';
 import { IContextualMenuItem } from '@fluentui/react';
 import { IContextualMenuItemStyles } from '@fluentui/react';
 import { IContextualMenuStyles } from '@fluentui/react';
+import { IDropdownOption } from '@fluentui/react';
+import { IDropdownStyles } from '@fluentui/react';
 import { IMessageBarProps } from '@fluentui/react';
 import { IncomingCall } from '@azure/communication-calling';
 import { IPersonaStyleProps } from '@fluentui/react';
@@ -361,6 +363,16 @@ export declare interface BaseCustomStyles {
 export declare interface CallAdapter extends AdapterState<CallAdapterState>, Disposable, CallAdapterCallManagement, CallAdapterDeviceManagement, CallAdapterSubscribers {
 }
 
+/**
+ * Payload for {@link CallEndedListener} containing details on the ended call.
+ *
+ * @public
+ */
+export declare type CallAdapterCallEndedEvent = {
+    callId?: string;
+    callEndReason?: CallEndReason;
+};
+
 /**
  * Functionality for managing the current call.
  *
@@ -419,6 +431,12 @@ export declare interface CallAdapterCallManagement {
      * @public
      */
     startCall(participants: string[], options?: StartCallOptions): Call | undefined;
+    /**
+     * Start the call.
+     * @param participants - An array of {@link @azure/communication-common#CommunicationIdentifier} to be called
+     * @beta
+     */
+    startCall(participants: CommunicationIdentifier[], options?: StartCallOptions): Call | undefined;
     /**
      * Start sharing the screen during a call.
      *
@@ -439,6 +457,12 @@ export declare interface CallAdapterCallManagement {
      * @public
      */
     removeParticipant(userId: string): Promise<void>;
+    /**
+     * Remove a participant from the call.
+     * @param participant - {@link @azure/communication-common#CommunicationIdentifier} of the participant to be removed
+     * @beta
+     */
+    removeParticipant(participant: CommunicationIdentifier): Promise<void>;
     /**
      * Create the html view for a stream.
      *
@@ -480,7 +504,14 @@ export declare interface CallAdapterCallManagement {
      *
      * @beta
      */
-    addParticipant(participant: CommunicationIdentifier, options?: AddPhoneNumberOptions): Promise<void>;
+    addParticipant(participant: PhoneNumberIdentifier, options?: AddPhoneNumberOptions): Promise<void>;
+    addParticipant(participant: CommunicationUserIdentifier): Promise<void>;
+    /**
+     * send dtmf tone to another participant in a 1:1 PSTN call
+     *
+     * @beta
+     */
+    sendDtmfTone(dtmfTone: DtmfTone_2): Promise<void>;
 }
 
 /**
@@ -924,6 +955,7 @@ export declare type CallCompositeIcons = {
     PeoplePaneAddPerson?: JSX.Element;
     PeoplePaneOpenDialpad?: JSX.Element;
     DialpadStartCall?: JSX.Element;
+    NoticePageInvalidRoom?: JSX.Element;
 };
 
 /**
@@ -944,6 +976,42 @@ export declare type CallCompositeOptions = {
      * @defaultValue true
      */
     callControls?: boolean | CallControlOptions;
+    /**
+     * Device permission restrictions for your call.
+     * Require device permissions to be set or have them as optional or not required to start a call
+     */
+    devicePermissions?: DevicePermissionRestrictions;
+    /**
+     * Callback you may provide to supply users with further steps to troubleshoot why they have been
+     * unable to grant your site the required permissions for the call.
+     *
+     * @example
+     * ```ts
+     * onPermissionsTroubleshootingClick: () =>
+     *  window.open('https://contoso.com/permissions-troubleshooting', '_blank');
+     * ```
+     *
+     * @remarks
+     * if this is not supplied, the composite will not show a 'further troubleshooting' link.
+     */
+    onPermissionsTroubleshootingClick?: (permissionsState: {
+        camera: PermissionState;
+        microphone: PermissionState;
+    }) => void;
+    /**
+     * Callback you may provide to supply users with further steps to troubleshoot why they have been
+     * having network issues when connecting to the call.
+     *
+     * @example
+     * ```ts
+     * onNetworkingTroubleShootingClick?: () =>
+     *  window.open('https://contoso.com/network-troubleshooting', '_blank');
+     * ```
+     *
+     * @remarks
+     * if this is not supplied, the composite will not show a 'network troubleshooting' link.
+     */
+    onNetworkingTroubleShootingClick?: () => void;
 };
 
 /**
@@ -951,7 +1019,7 @@ export declare type CallCompositeOptions = {
  *
  * @public
  */
-export declare type CallCompositePage = 'accessDeniedTeamsMeeting' | 'call' | 'configuration' | 'joinCallFailedDueToNoNetwork' | 'leftCall' | 'lobby' | 'removedFromCall';
+export declare type CallCompositePage = 'accessDeniedTeamsMeeting' | 'call' | 'configuration' | /* @conditional-compile-remove(PSTN-calls) */ 'hold' | 'joinCallFailedDueToNoNetwork' | 'leftCall' | 'lobby' | /* @conditional-compile-remove(rooms) */ 'deniedPermissionToRoom' | 'removedFromCall' | /* @conditional-compile-remove(rooms) */ 'roomNotFound';
 
 /**
  * Props for {@link CallComposite}.
@@ -1217,6 +1285,66 @@ export declare interface CallCompositeStrings {
      * Aria Label for dialpad Modal close button
      */
     dialpadCloseModalButtonAriaLabel: string;
+    /**
+     * label for more button in the Calling composite
+     */
+    moreButtonCallingLabel: string;
+    /**
+     * Label for the resume call button on the hold pane
+     */
+    resumeCallButtonLabel: string;
+    /**
+     * Label for the resume call button on the hold pane when call is resuming
+     */
+    resumingCallButtonLabel: string;
+    /**
+     * Aria label for the resume call button on the hold pane
+     */
+    resumeCallButtonAriaLabel: string;
+    /**
+     * Aria label for the resume call button on the hold pane when call is resuming
+     */
+    resumingCallButtonAriaLabel: string;
+    /**
+     * Label for the hold pane
+     */
+    holdScreenLabel: string;
+    /**
+     * Placeholder text for dtmf dialpad
+     */
+    dtmfDialpadPlaceHolderText: string;
+    /**
+     * Label for the button to open dtmf dialpad
+     */
+    openDtmfDialpadLabel: string;
+    /**
+     * aria label for when the invite link has been actioned
+     */
+    copyInviteLinkActionedAriaLabel: string;
+    /**
+     * Title text of the page shown to the user when the user attempts to join a room that cannot be found.
+     */
+    roomNotFoundTitle: string;
+    /**
+     * More details text of the page shown to the user when the user attempts to join a room that cannot be found.
+     */
+    roomNotFoundDetails?: string;
+    /**
+     * Title text of the page shown to the user when the user attempts to join a room to which they are not invited.
+     */
+    deniedPermissionToRoomTitle: string;
+    /**
+     * More details text of the page shown to the user when the user attempts to join a room to which they are not invited.
+     */
+    deniedPermissionToRoomDetails?: string;
+    /**
+     * Control bar People button ToolTipContent
+     */
+    peopleButtonTooltipOpen: string;
+    /**
+     * Control bar People button ToolTipContent
+     */
+    peopleButtonTooltipClose: string;
 }
 
 /**
@@ -1246,7 +1374,9 @@ export declare type CallControlOptions = {
      * Show or Hide Camera Button during a call
      * @defaultValue true
      */
-    cameraButton?: boolean;
+    cameraButton?: boolean | /* @conditional-compile-remove(PSTN-calls) */ {
+        disabled: boolean;
+    };
     /**
      * Show or Hide EndCall button during a call.
      * @defaultValue true
@@ -1256,12 +1386,16 @@ export declare type CallControlOptions = {
      * Show or Hide Microphone button during a call.
      * @defaultValue true
      */
-    microphoneButton?: boolean;
+    microphoneButton?: boolean | /* @conditional-compile-remove(PSTN-calls) */ {
+        disabled: boolean;
+    };
     /**
      * Show or Hide Devices button during a call.
      * @defaultValue true
      */
-    devicesButton?: boolean;
+    devicesButton?: boolean | /* @conditional-compile-remove(PSTN-calls) */ {
+        disabled: boolean;
+    };
     /**
      * Show, Hide or Disable participants button during a call.
      * @defaultValue true
@@ -1276,12 +1410,20 @@ export declare type CallControlOptions = {
     screenShareButton?: boolean | {
         disabled: boolean;
     };
+    /**
+     * Show, Hide or disable the more button during a call.
+     * @defaultValue true
+     */
+    moreButton?: boolean;
     /**
      * Inject custom buttons in the call controls.
      *
      * @beta
      */
     onFetchCustomButtonProps?: CustomCallControlButtonCallback[];
+    holdButton?: boolean | {
+        disabled: boolean;
+    };
 };
 
 /**
@@ -1289,9 +1431,7 @@ export declare type CallControlOptions = {
  *
  * @public
  */
-export declare type CallEndedListener = (event: {
-    callId: string;
-}) => void;
+export declare type CallEndedListener = (event: CallAdapterCallEndedEvent) => void;
 
 /**
  * Error thrown from failed stateful API methods.
@@ -1345,7 +1485,7 @@ export declare type CallErrors = {
  *
  * @public
  */
-export declare type CallErrorTarget = 'Call.addParticipant' | 'Call.feature' | 'Call.hangUp' | 'Call.hold' | 'Call.mute' | /* @conditional-compile-remove(calling-beta-sdk) */ 'Call.muteIncomingAudio' | 'Call.off' | 'Call.on' | 'Call.removeParticipant' | 'Call.resume' | 'Call.sendDtmf' | /* @conditional-compile-remove(calling-beta-sdk) */ 'Call.startAudio' | 'Call.startScreenSharing' | 'Call.startVideo' | 'Call.stopScreenSharing' | /* @conditional-compile-remove(calling-beta-sdk) */ 'Call.stopAudio' | 'Call.stopVideo' | 'Call.unmute' | /* @conditional-compile-remove(calling-beta-sdk) */ 'Call.unmuteIncomingAudio' | 'CallAgent.dispose' | 'CallAgent.feature' | 'CallAgent.join' | 'CallAgent.off' | 'CallAgent.on' | 'CallAgent.startCall' | 'CallClient.createCallAgent' | 'CallClient.feature' | 'CallClient.getDeviceManager' | /* @conditional-compile-remove(calling-beta-sdk) */ 'CallClient.getEnvironmentInfo' | 'DeviceManager.askDevicePermission' | 'DeviceManager.getCameras' | 'DeviceManager.getMicrophones' | 'DeviceManager.getSpeakers' | 'DeviceManager.off' | 'DeviceManager.on' | 'DeviceManager.selectMicrophone' | 'DeviceManager.selectSpeaker' | 'IncomingCall.accept' | 'IncomingCall.reject';
+export declare type CallErrorTarget = 'Call.addParticipant' | /* @conditional-compile-remove(calling-beta-sdk) */ 'Call.dispose' | 'Call.feature' | 'Call.hangUp' | 'Call.hold' | 'Call.mute' | /* @conditional-compile-remove(calling-beta-sdk) */ 'Call.muteIncomingAudio' | 'Call.off' | 'Call.on' | 'Call.removeParticipant' | 'Call.resume' | 'Call.sendDtmf' | /* @conditional-compile-remove(calling-beta-sdk) */ 'Call.startAudio' | 'Call.startScreenSharing' | 'Call.startVideo' | 'Call.stopScreenSharing' | /* @conditional-compile-remove(calling-beta-sdk) */ 'Call.stopAudio' | 'Call.stopVideo' | 'Call.unmute' | /* @conditional-compile-remove(calling-beta-sdk) */ 'Call.unmuteIncomingAudio' | 'CallAgent.dispose' | 'CallAgent.feature' | 'CallAgent.join' | 'CallAgent.off' | 'CallAgent.on' | 'CallAgent.startCall' | 'CallClient.createCallAgent' | /* @conditional-compile-remove(calling-beta-sdk) */ 'CallClient.createTeamsCallAgent' | 'CallClient.feature' | 'CallClient.getDeviceManager' | /* @conditional-compile-remove(calling-beta-sdk) */ 'CallClient.getEnvironmentInfo' | 'DeviceManager.askDevicePermission' | 'DeviceManager.getCameras' | 'DeviceManager.getMicrophones' | 'DeviceManager.getSpeakers' | 'DeviceManager.off' | 'DeviceManager.on' | 'DeviceManager.selectMicrophone' | 'DeviceManager.selectSpeaker' | 'IncomingCall.accept' | 'IncomingCall.reject';
 
 /**
  * Callback for {@link CallAdapterSubscribers} 'callIdChanged' event.
@@ -1386,13 +1526,15 @@ export declare type CallingHandlers = {
     onToggleScreenShare: () => Promise<void>;
     onHangUp: () => Promise<void>;
     onToggleHold: () => Promise<void>;
-    onAddParticipant: (participant: CommunicationIdentifier, options?: AddPhoneNumberOptions) => Promise<void>;
+    onAddParticipant(participant: CommunicationUserIdentifier): Promise<void>;
+    onAddParticipant(participant: PhoneNumberIdentifier, options: AddPhoneNumberOptions): Promise<void>;
     onCreateLocalStreamView: (options?: VideoStreamOptions) => Promise<void | CreateVideoStreamViewResult>;
     onCreateRemoteStreamView: (userId: string, options?: VideoStreamOptions) => Promise<void | CreateVideoStreamViewResult>;
-    onRemoveParticipant: (userId: string) => Promise<void>;
+    onRemoveParticipant(userId: string): Promise<void>;
+    onRemoveParticipant(participant: CommunicationIdentifier): Promise<void>;
     onDisposeRemoteStreamView: (userId: string) => Promise<void>;
     onDisposeLocalStreamView: () => Promise<void>;
-    onSendDtmfTone?: (dtmfTone: DtmfTone_2) => Promise<void>;
+    onSendDtmfTone: (dtmfTone: DtmfTone_2) => Promise<void>;
 };
 
 /**
@@ -1446,7 +1588,7 @@ export declare type CallParticipantListParticipant = ParticipantListParticipant
  * @beta
  */
 export declare type CallParticipantsLocator = {
-    participantIDs: string[];
+    participantIds: string[];
 };
 
 /**
@@ -1584,6 +1726,12 @@ export declare interface CallWithChatAdapterManagement {
      * @public
      */
     removeParticipant(userId: string): Promise<void>;
+    /**
+     * Remove a participant from the call.
+     * @param participant - {@link @azure/communication-common#CommunicationIdentifier} of the participant to be removed
+     * @beta
+     */
+    removeParticipant(participant: CommunicationIdentifier): Promise<void>;
     /**
      * Join the call with microphone initially on/off.
      *
@@ -1638,6 +1786,12 @@ export declare interface CallWithChatAdapterManagement {
      * @public
      */
     startCall(participants: string[], options?: StartCallOptions): Call | undefined;
+    /**
+     * Start the call.
+     * @param participants - An array of {@link @azure/communication-common#CommunicationIdentifier} to be called
+     * @beta
+     */
+    startCall(participants: CommunicationIdentifier[], options?: StartCallOptions): Call | undefined;
     /**
      * Start sharing the screen during a call.
      *
@@ -1821,7 +1975,14 @@ export declare interface CallWithChatAdapterManagement {
      *
      * @beta
      */
-    addParticipant: (participant: CommunicationIdentifier, options?: AddPhoneNumberOptions) => Promise<void>;
+    addParticipant(participant: PhoneNumberIdentifier, options?: AddPhoneNumberOptions): Promise<void>;
+    addParticipant(participant: CommunicationUserIdentifier): Promise<void>;
+    /**
+     * send dtmf tone to another participant in the call in 1:1 calls
+     *
+     * @beta
+     */
+    sendDtmfTone: (dtmfTone: DtmfTone_2) => Promise<void>;
 }
 
 /**
@@ -2027,6 +2188,42 @@ export declare type CallWithChatCompositeOptions = {
      * @beta
      */
     fileSharing?: FileSharingOptions;
+    /**
+     * Device permission restrictions for your call.
+     * Require device permissions to be set or have them as optional or not required to start a call
+     */
+    devicePermissions?: DevicePermissionRestrictions;
+    /**
+     * Callback you may provide to supply users with further steps to troubleshoot why they have been
+     * unable to grant your site the required permissions for the call.
+     *
+     * @example
+     * ```ts
+     * onPermissionsTroubleshootingClick: () =>
+     *  window.open('https://contoso.com/permissions-troubleshooting', '_blank');
+     * ```
+     *
+     * @remarks
+     * if this is not supplied, the composite will not show a 'further troubleshooting' link.
+     */
+    onPermissionsTroubleshootingClick?: (permissionsState: {
+        camera: PermissionState;
+        microphone: PermissionState;
+    }) => void;
+    /**
+     * Optional callback to supply users with further troubleshooting steps for network issues
+     * experienced when connecting to a call.
+     *
+     * @example
+     * ```ts
+     * onNetworkingTroubleShootingClick?: () =>
+     *  window.open('https://contoso.com/network-troubleshooting', '_blank');
+     * ```
+     *
+     * @remarks
+     * if this is not supplied, the composite will not show a 'network troubleshooting' link.
+     */
+    onNetworkingTroubleShootingClick?: () => void;
 };
 
 /**
@@ -2188,6 +2385,18 @@ export declare interface CallWithChatCompositeStrings {
      * Aria Label for dialpad Modal close button
      */
     dialpadCloseModalButtonAriaLabel: string;
+    /**
+     * Placeholder text for dtmf dialpad
+     */
+    dtmfDialpadPlaceHolderText: string;
+    /**
+     * Label for the button to open dtmf dialpad
+     */
+    openDtmfDialpadLabel: string;
+    /**
+     * aria label for when the invite link has been actioned
+     */
+    copyInviteLinkActionedAriaLabel: string;
 }
 
 /**
@@ -2210,12 +2419,16 @@ export declare interface CallWithChatControlOptions {
      * Show or Hide Microphone button during a call.
      * @defaultValue true
      */
-    microphoneButton?: boolean;
+    microphoneButton?: boolean | /* @conditional-compile-remove(PSTN-calls) */ {
+        disabled: boolean;
+    };
     /**
      * Show or Hide Camera Button during a call
      * @defaultValue true
      */
-    cameraButton?: boolean;
+    cameraButton?: boolean | /* @conditional-compile-remove(PSTN-calls) */ {
+        disabled: boolean;
+    };
     /**
      * Show, Hide or Disable the screen share button during a call.
      * @defaultValue true
@@ -2232,18 +2445,32 @@ export declare interface CallWithChatControlOptions {
      * Show or hide the chat button in the call-with-chat composite control bar.
      * @defaultValue true
      */
-    chatButton?: boolean;
+    chatButton?: boolean | /* @conditional-compile-remove(PSTN-calls) */ {
+        disabled: boolean;
+    };
     /**
      * Show or hide the people button in the call-with-chat composite control bar.
      * @defaultValue true
      */
-    peopleButton?: boolean;
+    peopleButton?: boolean | /* @conditional-compile-remove(PSTN-calls) */ {
+        disabled: boolean;
+    };
     /**
      * Inject custom buttons in the call controls.
      *
      * @beta
      */
     onFetchCustomButtonProps?: CustomCallWithChatControlButtonCallback[];
+    /**
+     * Show or hide the more button in the call-with-chat control bar.
+     */
+    moreButton?: boolean;
+    /**
+     * Show or hide the hold button in the bottom sheet drawer
+     */
+    holdButton?: boolean | {
+        disabled: boolean;
+    };
 }
 
 /**
@@ -3133,6 +3360,12 @@ export declare interface ComponentStrings {
     dialpad: DialpadStrings;
     /** Strings for VideoTile */
     videoTile: VideoTileStrings;
+    /** Strings for HoldButton */
+    holdButton: HoldButtonStrings;
+    /** Strings for DomainPermissions */
+    DomainPermissions: DomainPermissionsStrings;
+    /** Strings for unsupported browser UI */
+    UnsupportedBrowser: UnsupportedBrowserStrings;
 }
 
 /**
@@ -3699,6 +3932,9 @@ export declare interface CustomCallWithChatControlButtonProps extends CustomCont
  * @beta
  */
 export declare interface CustomControlButtonProps {
+    /**
+     * Calback for when button is clicked
+     */
     onItemClick?: () => void;
     /**
      * Whether the buttons is disabled
@@ -3718,6 +3954,22 @@ export declare interface CustomControlButtonProps {
      * Optional label for the button
      */
     text?: string;
+    /**
+     * A unique key for the button
+     */
+    key?: string | number;
+    /**
+     * The aria label of the button for the benefit of screen readers.
+     */
+    ariaLabel?: string;
+    /**
+     * Detailed description of the button for the benefit of screen readers.
+     */
+    ariaDescription?: string;
+    /**
+     * A unique id set for the standard HTML id attibute
+     */
+    id?: string;
 }
 
 /**
@@ -3777,6 +4029,7 @@ export declare const DEFAULT_COMPONENT_ICONS: {
     ControlButtonMicOn: JSX.Element;
     ControlButtonOptions: JSX.Element;
     ControlButtonParticipants: JSX.Element;
+    ControlButtonParticipantsContextualMenuItem: JSX.Element;
     ControlButtonScreenShareStart: JSX.Element;
     ControlButtonScreenShareStop: JSX.Element;
     CancelFileUpload: JSX.Element;
@@ -3813,12 +4066,17 @@ export declare const DEFAULT_COMPONENT_ICONS: {
     ParticipantItemOptions: JSX.Element;
     ParticipantItemOptionsHovered: JSX.Element;
     ParticipantItemScreenShareStart: JSX.Element;
-    HoldCall: JSX.Element;
+    HoldCallContextualMenuItem: JSX.Element;
+    HoldCallButton: JSX.Element;
     ResumeCall: JSX.Element;
     SendBoxSend: JSX.Element;
     SendBoxSendHovered: JSX.Element;
     VideoTileMicOff: JSX.Element;
     BackSpace: JSX.Element;
+    DomainPermissionsSparkle: JSX.Element;
+    DomainPermissionCamera: JSX.Element;
+    DomainPermissionMic: JSX.Element;
+    UnsupportedBrowserWarning: JSX.Element;
 };
 
 /**
@@ -3885,6 +4143,7 @@ export declare const DEFAULT_COMPOSITE_ICONS: {
     PeoplePaneAddPerson?: JSX.Element | undefined;
     PeoplePaneOpenDialpad?: JSX.Element | undefined;
     DialpadStartCall?: JSX.Element | undefined;
+    NoticePageInvalidRoom?: JSX.Element | undefined;
     ChevronLeft?: JSX.Element | undefined;
     ControlBarChatButtonActive?: JSX.Element | undefined;
     ControlBarChatButtonInactive?: JSX.Element | undefined;
@@ -3896,14 +4155,20 @@ export declare const DEFAULT_COMPOSITE_ICONS: {
     MoreDrawerSelectedSpeaker?: JSX.Element | undefined;
     MoreDrawerSpeakers?: JSX.Element | undefined;
     ChatMessageOptions: JSX.Element;
+    ControlButtonParticipantsContextualMenuItem: JSX.Element;
     CancelFileUpload: JSX.Element;
     DownloadFile: JSX.Element;
     ErrorBarCallVideoRecoveredBySystem: JSX.Element;
     ErrorBarCallVideoStoppedBySystem: JSX.Element;
     MessageResend: JSX.Element;
-    HoldCall: JSX.Element;
+    HoldCallContextualMenuItem: JSX.Element;
+    HoldCallButton: JSX.Element;
     ResumeCall: JSX.Element;
     BackSpace: JSX.Element;
+    DomainPermissionsSparkle: JSX.Element;
+    DomainPermissionCamera: JSX.Element;
+    DomainPermissionMic: JSX.Element;
+    UnsupportedBrowserWarning: JSX.Element;
 };
 
 /**
@@ -3961,6 +4226,82 @@ export declare type DeviceManagerState = {
     unparentedViews: LocalVideoStreamState[];
 };
 
+/**
+ * A dropdown to trigger device permission prompt
+ *
+ * @internal
+ */
+export declare const _DevicePermissionDropdown: (props: _DevicePermissionDropdownProps) => JSX.Element;
+
+/**
+ * Props for {@link _DevicePermissionDropdown}.
+ *
+ * @internal
+ */
+export declare interface _DevicePermissionDropdownProps {
+    /**
+     * icon shown in dropdown placeholder
+     */
+    icon?: JSX.Element;
+    /**
+     * Dropdown content
+     */
+    options?: IDropdownOption[];
+    /**
+     * Function that gets triggered when action button is clicked
+     */
+    onClickActionButton?: () => Promise<void>;
+    /**
+     * Strings for devicepermissiondropdown
+     */
+    strings?: _DevicePermissionDropdownStrings;
+    /**
+     * Styles for devicepermissiondropdown
+     */
+    styles?: Partial<IDropdownStyles>;
+}
+
+/**
+ * Strings of {@link DevicePermissionDropdown} that can be overridden.
+ *
+ * @internal
+ */
+export declare interface _DevicePermissionDropdownStrings {
+    /**
+     * dropdown label
+     */
+    label?: string;
+    /**
+     * dropdown placeholder
+     */
+    placeHolderText: string;
+    /** string for action button  */
+    actionButtonContent?: string;
+}
+
+/**
+ * Device Permission restrictions.
+ * Be able to start a call depending on camera and microphone permission options.
+ *
+ * @beta
+ */
+export declare interface DevicePermissionRestrictions {
+    /**
+     * Camera Permission prompts for your call.
+     * 'required' - requires the permission to be allowed before permitting the user join the call.
+     * 'optional' - permission can be disallowed and the user is still permitted to join the call.
+     * 'doNotPrompt' - permission is not required and the user is not prompted to allow the permission.
+     */
+    camera: 'required' | 'optional' | 'doNotPrompt';
+    /**
+     * Microphone permission prompts for your call.
+     * 'required' - requires the permission to be allowed before permitting the user join the call.
+     * 'optional' - permission can be disallowed and the user is still permitted to join the call.
+     * 'doNotPrompt' - permission is not required and the user is not prompted to allow the permission.
+     */
+    microphone: 'required' | 'optional' | 'doNotPrompt';
+}
+
 /**
  * A button to open a menu that controls device options.
  *
@@ -4132,18 +4473,6 @@ export declare interface DiagnosticsCallFeatureState {
  */
 export declare const Dialpad: (props: DialpadProps) => JSX.Element;
 
-/**
- * Type for  {@link DialpadButton} input
- *
- * @beta
- */
-export declare interface DialpadButtonProps {
-    /** Number displayed on each dialpad button */
-    primaryContent: string;
-    /** Letters displayed on each dialpad button */
-    secondaryContent?: string;
-}
-
 /**
  * Props for {@link Dialpad} component.
  *
@@ -4155,10 +4484,14 @@ export declare interface DialpadProps {
     onSendDtmfTone?: (dtmfTone: DtmfTone) => Promise<void>;
     /**  Callback for dialpad button behavior*/
     onClickDialpadButton?: (buttonValue: string, buttonIndex: number) => void;
-    /**  customize dialpad input formatting */
-    onDisplayDialpadInput?: (input: string) => string;
-    /**  on change function for text field */
+    /** set dialpad textfield content */
+    textFieldValue?: string;
+    /**  on change function for text field, provides an unformatted plain text*/
     onChange?: (input: string) => void;
+    /**  boolean input to determine when to show/hide delete button, default true */
+    showDeleteButton?: boolean;
+    /**  boolean input to determine if dialpad is in mobile view, default false */
+    isMobile?: boolean;
     styles?: DialpadStyles;
 }
 
@@ -4169,7 +4502,7 @@ export declare interface DialpadProps {
  */
 export declare interface DialpadStrings {
     placeholderText: string;
-    deleteButtonAriaLabel: string;
+    deleteButtonAriaLabel?: string;
 }
 
 /**
@@ -4181,8 +4514,8 @@ export declare interface DialpadStyles {
     root?: IStyle;
     button?: IButtonStyles;
     textField?: Partial<ITextFieldStyles>;
-    primaryContent?: IStyle;
-    secondaryContent?: IStyle;
+    digit?: IStyle;
+    letter?: IStyle;
     deleteIcon?: IButtonStyles;
 }
 
@@ -4206,6 +4539,52 @@ export declare interface Disposable {
     dispose(): void;
 }
 
+/**
+ * @beta
+ *
+ * Component to allow Contoso to help their end user with their devices should their permissions be blocked
+ * by their browsers settings.
+ */
+export declare const DomainPermissions: (props: DomainPermissionsProps) => JSX.Element;
+
+/**
+ * @beta
+ * Props for DomainPermissions component.
+ */
+export declare interface DomainPermissionsProps {
+    /**
+     * Name of application calling experience is in.
+     */
+    appName: string;
+    /**
+     * Action to be taken by the more help link. Possible to send to external page or show other modal.
+     */
+    onTroubleshootingClick: () => void;
+    /**
+     * Localization strings for DomainPermissions component.
+     */
+    strings: DomainPermissionsStrings;
+}
+
+/**
+ * @beta
+ * Strings for DomainPermissions component
+ */
+export declare interface DomainPermissionsStrings {
+    /**
+     * Main text string.
+     */
+    primaryText: string;
+    /**
+     * Subtext string.
+     */
+    secondaryText: string;
+    /**
+     * More help link string.
+     */
+    linkText: string;
+}
+
 /**
  * DTMF tone for PSTN calls.
  *
@@ -4784,7 +5163,7 @@ export declare interface HoldButtonStrings {
     /**
      * Content for when button is unchecked
      */
-    toolTipOffContent: string;
+    tooltipOffContent: string;
 }
 
 /**
@@ -6864,6 +7243,39 @@ export declare interface TypingIndicatorStylesProps extends BaseCustomStyles {
     typingString?: IStyle;
 }
 
+/**
+ * UI to display to the user that the browser they are using is not supported by calling application.
+ *
+ * @beta
+ */
+export declare const UnsupportedBrowser: (props: UnsupportedBrowserProps) => JSX.Element;
+
+/**
+ * props for UnsupportedBrowser UI
+ *
+ * @beta
+ */
+export declare interface UnsupportedBrowserProps {
+    /** Handler to perform a action when the help link is actioned */
+    onTroubleShootingClick: () => void;
+    /** String overrides for the component */
+    strings: UnsupportedBrowserStrings;
+}
+
+/**
+ * Strings for UnsupportedBrowser component
+ *
+ * @beta
+ */
+export declare interface UnsupportedBrowserStrings {
+    /** String for the primary text */
+    primaryText: string;
+    /** String for the secondary text */
+    secondaryText: string;
+    /** String for the help link */
+    moreHelpLink: string;
+}
+
 /**
  * @public
  * Callback function run when a message is updated.
@@ -6981,7 +7393,13 @@ export declare const useChatThreadClient: () => ChatThreadClient;
 export declare const useDeviceManager: () => StatefulDeviceManager | undefined;
 
 /**
- * Primary hook to get all hooks necessary for a React Component from this library..
+ * Primary hook to get all hooks necessary for a React Component from this library.
+ *
+ * To call this hook, the component requires to be wrapped under these providers:
+ *
+ * 1. For chat components: {@link ChatClientProvider} and {@link ChatThreadClientProvider}.
+ *
+ * 2. For calling components: {@link CallClientProvider}, {@link CallAgentProvider} and {@link CallAgentProvider}.
  *
  * Most straightforward usage of a components looks like:
  *