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

package/dist/dist-cjs/communication-react/index.js

@@ -173,7 +173,7 @@ function getDefaultExportFromCjs (x) {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
 // GENERATED FILE. DO NOT EDIT MANUALLY.
-var telemetryVersion = '1.12.1-alpha-202401250013';
+var telemetryVersion = '1.12.1-alpha-202401260012';
 
 
 var telemetryVersion$1 = /*@__PURE__*/getDefaultExportFromCjs(telemetryVersion);
@@ -27531,7 +27531,7 @@ const inferCallWithChatControlOptions = (callWithChatControls) => {
 };
 /** @private */
 const MoreDrawer = (props) => {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e;
     /* @conditional-compile-remove(close-captions) */
     const theme = react.useTheme();
     /* @conditional-compile-remove(rooms) */
@@ -27542,6 +27542,12 @@ const MoreDrawer = (props) => {
     const localeStrings = useLocale();
     /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */
     const holdButtonProps = usePropsFor$1(HoldButton);
+    /* @conditional-compile-remove(dtmf-dialer) */
+    const callees = useSelector$1(getTargetCallees);
+    /* @conditional-compile-remove(dtmf-dialer) */
+    const allowDtmfDialer = showDtmfDialer(callees);
+    /* @conditional-compile-remove(dtmf-dialer) */
+    const [dtmfDialerChecked, setDtmfDialerChecked] = React.useState((_a = props.dtmfDialerPresent) !== null && _a !== void 0 ? _a : false);
     /* @conditional-compile-remove(raise-hand) */
     const raiseHandButtonProps = usePropsFor$1(RaiseHandButton);
     const onSpeakerItemClick = React.useCallback((_ev, itemKey) => {
@@ -27571,7 +27577,7 @@ const MoreDrawer = (props) => {
                 onItemClick: onSpeakerItemClick,
                 secondaryIconProps: isDeviceSelected(speaker, props.selectedSpeaker) ? { iconName: 'Accept' } : undefined
             })),
-            secondaryText: (_a = props.selectedSpeaker) === null || _a === void 0 ? void 0 : _a.name
+            secondaryText: (_b = props.selectedSpeaker) === null || _b === void 0 ? void 0 : _b.name
         });
     }
     const { microphones, onSelectMicrophone } = props;
@@ -27606,9 +27612,34 @@ const MoreDrawer = (props) => {
                 secondaryIconProps: isDeviceSelected(mic, props.selectedMicrophone) ? { iconName: 'Accept' } : undefined,
                 disabled: drawerSelectionOptions !== false ? isDisabled$4(drawerSelectionOptions.microphoneButton) : undefined
             })),
-            secondaryText: (_b = props.selectedMicrophone) === null || _b === void 0 ? void 0 : _b.name
+            secondaryText: (_c = props.selectedMicrophone) === null || _c === void 0 ? void 0 : _c.name
         });
     }
+    /* @conditional-compile-remove(dtmf-dialer) */
+    const dtmfDialerScreenOption = {
+        itemKey: 'dtmfDialerScreenKey',
+        text: !dtmfDialerChecked
+            ? localeStrings.strings.call.dtmfDialerMoreButtonLabelOn
+            : localeStrings.strings.call.dtmfDialerMoreButtonLabelOff,
+        onItemClick: () => {
+            if (props.onSetDialpadPage) {
+                props.onSetDialpadPage();
+            }
+            setDtmfDialerChecked(!dtmfDialerChecked);
+            onLightDismiss();
+        },
+        iconProps: {
+            iconName: 'DtmfDialpadButton',
+            styles: { root: { lineHeight: 0 } }
+        }
+    };
+    /* @conditional-compile-remove(dtmf-dialer) */
+    /**
+     * Only render the dtmf dialer if the dialpad for PSTN calls is not present
+     */
+    if (props.onSetDialpadPage && allowDtmfDialer) {
+        drawerMenuItems.push(dtmfDialerScreenOption);
+    }
     /* @conditional-compile-remove(gallery-layouts) */
     const galleryLayoutOptions = {
         itemKey: 'galleryPositionKey',
@@ -27662,7 +27693,7 @@ const MoreDrawer = (props) => {
         secondaryIconProps: props.userSetGalleryLayout === 'default' ? { iconName: 'Accept' } : undefined
     };
     /* @conditional-compile-remove(gallery-layout-composite) */
-    (_c = galleryLayoutOptions.subMenuProps) === null || _c === void 0 ? void 0 : _c.push(galleryOption);
+    (_d = galleryLayoutOptions.subMenuProps) === null || _d === void 0 ? void 0 : _d.push(galleryOption);
     /* @conditional-compile-remove(gallery-layouts) */
     drawerMenuItems.push(galleryLayoutOptions);
     if (drawerSelectionOptions !== false && isEnabled(drawerSelectionOptions === null || drawerSelectionOptions === void 0 ? void 0 : drawerSelectionOptions.peopleButton)) {
@@ -27689,7 +27720,7 @@ const MoreDrawer = (props) => {
         });
     }
     /*@conditional-compile-remove(rooms) */
-    const role = (_d = callAdapter.getState().call) === null || _d === void 0 ? void 0 : _d.role;
+    const role = (_e = callAdapter.getState().call) === null || _e === void 0 ? void 0 : _e.role;
     /*@conditional-compile-remove(rooms) */
     const hideRaiseHandButtonInRoomsCall = callAdapter.getState().isRoomsCall && role && ['Consumer', 'Unknown'].includes(role);
     /* @conditional-compile-remove(raise-hand) */
@@ -27715,20 +27746,6 @@ const MoreDrawer = (props) => {
             }
         });
     }
-    /*@conditional-compile-remove(PSTN-calls) */
-    // dtmf tone sending only works for 1:1 PSTN call
-    if (drawerSelectionOptions !== false && props.onClickShowDialpad) {
-        drawerMenuItems.push({
-            itemKey: 'showDialpadKey',
-            disabled: props.disableButtonsForHoldScreen,
-            text: localeStrings.strings.callWithChat.openDtmfDialpadLabel,
-            onItemClick: () => {
-                props.onClickShowDialpad && props.onClickShowDialpad();
-                onLightDismiss();
-            },
-            iconProps: { iconName: 'Dialpad', styles: { root: { lineHeight: 0 } } }
-        });
-    }
     /* @conditional-compile-remove(close-captions) */
     //Captions drawer menu
     const supportedSpokenLanguageStrings = useLocale().strings.call.spokenLanguageStrings;
@@ -29506,7 +29523,11 @@ const CallArrangement = (props) => {
                         /* @conditional-compile-remove(gallery-layouts) */
                         onUserSetGalleryLayout: props.onUserSetGalleryLayoutChange, 
                         /* @conditional-compile-remove(gallery-layouts) */
-                        userSetGalleryLayout: props.userSetGalleryLayout }))),
+                        userSetGalleryLayout: props.userSetGalleryLayout, 
+                        /* @conditional-compile-remove(dtmf-dialer) */
+                        onSetDialpadPage: props.onSetDialpadPage, 
+                        /* @conditional-compile-remove(dtmf-dialer) */
+                        dtmfDialerPresent: props.dtmfDialerPresent }))),
                 /* @conditional-compile-remove(PSTN-calls) */
                 ((_h = props.callControlProps) === null || _h === void 0 ? void 0 : _h.options) !== false && showDtmfDialpad && (React.createElement(react.Stack, { styles: drawerContainerStylesValue },
                     React.createElement(SendDtmfDialpad, { isMobile: props.mobileView, strings: dialpadStrings, showDialpad: showDtmfDialpad, onDismissDialpad: onDismissDtmfDialpad }))),