@azure/communication-react 1.12.1-alpha-202401230013 → 1.12.1-alpha-202401250013

package/dist/communication-react.d.ts

@@ -1483,6 +1483,7 @@ export declare type CallCompositeIcons = {
     OverflowGalleryTop?: JSX.Element;
     LargeGalleryLayout?: JSX.Element;
     DefaultCustomButton?: JSX.Element;
+    DtmfDialpadButton?: JSX.Element;
 };
 
 /**
@@ -2341,6 +2342,26 @@ export declare interface CallCompositeStrings {
      * String for more details when the call times out because the remote user does not answer
      */
     callTimeoutDetails?: string;
+    /**
+     * Label for the control bar button to show the dtmf dialer when the more button is disabled
+     */
+    dtmfDialerButtonLabel?: string;
+    /**
+     * Tooltip for the control bar button to show the dtmf dialer when the more button is disabled
+     */
+    dtmfDialerButtonTooltipOn?: string;
+    /**
+     * Tooltip for the control bar button to hide the dtmf dialer when the more button is disabled
+     */
+    dtmfDialerButtonTooltipOff?: string;
+    /**
+     * Label to show the dtmf dialer in the more button menu
+     */
+    dtmfDialerMoreButtonLabelOn?: string;
+    /**
+     * Label to hide the dtmf dialer in the more button menu
+     */
+    dtmfDialerMoreButtonLabelOff?: string;
 }
 
 /**
@@ -3348,6 +3369,7 @@ export declare type CallWithChatCompositeIcons = {
     PeoplePaneOpenDialpad?: JSX.Element;
     DialpadStartCall?: JSX.Element;
     DefaultCustomButton?: JSX.Element;
+    DtmfDialpadButton?: JSX.Element;
     EditBoxCancel?: JSX.Element;
     EditBoxSubmit?: JSX.Element;
     MessageDelivered?: JSX.Element;
@@ -4921,6 +4943,12 @@ export declare type CommonCallControlOptions = {
     peopleButton?: boolean | /* @conditional-compile-remove(PSTN-calls) */ {
         disabled: boolean;
     };
+    /**
+     * Show or hide the dialpad button in the composite control bar.
+     */
+    dtmfDialerButton?: boolean | {
+        disabled: boolean;
+    };
 };
 
 /**
@@ -6184,6 +6212,7 @@ export declare const DEFAULT_COMPOSITE_ICONS: {
     OverflowGalleryTop?: JSX.Element | undefined;
     LargeGalleryLayout?: JSX.Element | undefined;
     DefaultCustomButton?: JSX.Element | undefined;
+    DtmfDialpadButton?: JSX.Element | undefined;
     ChevronLeft?: JSX.Element | undefined;
     ControlBarChatButtonActive?: JSX.Element | undefined;
     ControlBarChatButtonInactive?: JSX.Element | undefined;
@@ -6489,6 +6518,12 @@ export declare interface DiagnosticsCallFeatureState {
  */
 export declare const Dialpad: (props: DialpadProps) => JSX.Element;
 
+/**
+ * Modes of the dialpad component.
+ * @beta
+ */
+export declare type DialpadMode = 'dtmf' | 'dialer';
+
 /**
  * Props for {@link Dialpad} component.
  *
@@ -6530,12 +6565,11 @@ export declare interface DialpadProps {
      */
     disableDtmfPlayback?: boolean;
     /**
-     * Enable the ability to edit the number in the text box.
-     * This mode is for when dailing someone to call to that the user can edit the number before calling if needed.
-     * @default false
-     *
+     * Dialer mode for the dialpad. The dtmf mode is for sending dtmf tones and the appearence of
+     * the dialpad is changed like hiding the input box. When using dialer mode the input box is there
+     * and can be edited to change the number being dialed.
      */
-    enableInputEditing?: boolean;
+    dialpadMode?: DialpadMode;
 }
 
 /**