@azure/communication-react 1.14.0-alpha-202403090011 → 1.14.0-alpha-202403120012

package/dist/communication-react.d.ts

@@ -7610,7 +7610,7 @@ export declare interface InlineImage {
     /** ID of the message that the inline image is belonged to */
     messageId: string;
     /** Attributes of the inline image */
-    imgAttrs: React_2.ImgHTMLAttributes<HTMLImageElement>;
+    imageAttributes: React_2.ImgHTMLAttributes<HTMLImageElement>;
 }
 
 /**

package/dist/dist-cjs/communication-react/{RichTextSendBoxWrapper-DXy3ttBO.js → RichTextSendBoxWrapper-DdhoRD21.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-DNgYW17b.js');
+var index = require('./index-C48Yhr_k.js');
 require('@fluentui/react');
 require('@fluentui/react-file-type-icons');
 require('@azure/communication-common');
@@ -48,4 +48,4 @@ const RichTextSendBoxWrapper = () => {
 };
 
 exports.RichTextSendBoxWrapper = RichTextSendBoxWrapper;
-//# sourceMappingURL=RichTextSendBoxWrapper-DXy3ttBO.js.map
+//# sourceMappingURL=RichTextSendBoxWrapper-DdhoRD21.js.map

package/dist/dist-cjs/communication-react/{RichTextSendBoxWrapper-DXy3ttBO.js.map → RichTextSendBoxWrapper-DdhoRD21.js.map}

@@ -1 +1 @@
-{"version":3,"file":"RichTextSendBoxWrapper-DXy3ttBO.js","sources":["../../../../react-composites/src/composites/common/RichTextSendBoxWrapper.tsx"],"sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/* @conditional-compile-remove(rich-text-editor) */\nimport React from 'react';\n/* @conditional-compile-remove(rich-text-editor) */\nimport { usePropsFor } from '../ChatComposite/hooks/usePropsFor';\n/* @conditional-compile-remove(rich-text-editor) */\nimport { RichTextSendBox } from '@internal/react-components';\n\n/* @conditional-compile-remove(rich-text-editor) */\n/**\n * @private\n *\n * Wrapper for RichTextSendBox component to allow us to use usePropsFor with richTextSendBox\n * before lazyLoading is done\n */\nexport const RichTextSendBoxWrapper = (): JSX.Element => {\n  const richTextSendBoxProps = usePropsFor(RichTextSendBox);\n\n  return <RichTextSendBox {...richTextSendBoxProps} />;\n};\n"],"names":["usePropsFor","RichTextSendBox"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AAEA;AAOA;AACA;;;;;AAKG;AACI,MAAM,sBAAsB,GAAG,MAAkB;AACtD,IAAA,MAAM,oBAAoB,GAAGA,iBAAW,CAACC,qBAAe,CAAC,CAAC;AAE1D,IAAA,OAAO,KAAC,CAAA,aAAA,CAAAA,qBAAe,EAAK,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,oBAAoB,EAAI,CAAC;AACvD;;;;"}
+{"version":3,"file":"RichTextSendBoxWrapper-DdhoRD21.js","sources":["../../../../react-composites/src/composites/common/RichTextSendBoxWrapper.tsx"],"sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/* @conditional-compile-remove(rich-text-editor) */\nimport React from 'react';\n/* @conditional-compile-remove(rich-text-editor) */\nimport { usePropsFor } from '../ChatComposite/hooks/usePropsFor';\n/* @conditional-compile-remove(rich-text-editor) */\nimport { RichTextSendBox } from '@internal/react-components';\n\n/* @conditional-compile-remove(rich-text-editor) */\n/**\n * @private\n *\n * Wrapper for RichTextSendBox component to allow us to use usePropsFor with richTextSendBox\n * before lazyLoading is done\n */\nexport const RichTextSendBoxWrapper = (): JSX.Element => {\n  const richTextSendBoxProps = usePropsFor(RichTextSendBox);\n\n  return <RichTextSendBox {...richTextSendBoxProps} />;\n};\n"],"names":["usePropsFor","RichTextSendBox"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AAEA;AAOA;AACA;;;;;AAKG;AACI,MAAM,sBAAsB,GAAG,MAAkB;AACtD,IAAA,MAAM,oBAAoB,GAAGA,iBAAW,CAACC,qBAAe,CAAC,CAAC;AAE1D,IAAA,OAAO,KAAC,CAAA,aAAA,CAAAA,qBAAe,EAAK,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,oBAAoB,EAAI,CAAC;AACvD;;;;"}

package/dist/dist-cjs/communication-react/{index-DNgYW17b.js → index-C48Yhr_k.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.14.0-alpha-202403090011';
+var telemetryVersion = '1.14.0-alpha-202403120012';
 
 
 var telemetryVersion$1 = /*@__PURE__*/getDefaultExportFromCjs(telemetryVersion);
@@ -11407,7 +11407,7 @@ const messageContentAriaText = (props) => {
 };
 /* @conditional-compile-remove(image-overlay) */
 const defaultOnRenderInlineImage = (inlineImage) => {
-    return (React.createElement("img", Object.assign({ key: inlineImage.imgAttrs.id, tabIndex: 0, "data-ui-id": inlineImage.imgAttrs.id }, inlineImage.imgAttrs)));
+    return (React.createElement("img", Object.assign({ key: inlineImage.imageAttributes.id, tabIndex: 0, "data-ui-id": inlineImage.imageAttributes.id }, inlineImage.imageAttributes)));
 };
 const processHtmlToReact = (props) => {
     var _a;
@@ -11434,7 +11434,7 @@ const processHtmlToReact = (props) => {
                     domNode.attribs['aria-label'] = domNode.attribs.name;
                     const imgProps = parse.attributesToProps(domNode.attribs);
                     /* @conditional-compile-remove(image-overlay) */
-                    const inlineImageProps = { messageId: props.message.messageId, imgAttrs: imgProps };
+                    const inlineImageProps = { messageId: props.message.messageId, imageAttributes: imgProps };
                     /* @conditional-compile-remove(image-overlay) */
                     return ((_c = props.inlineImageOptions) === null || _c === void 0 ? void 0 : _c.onRenderInlineImage)
                         ? props.inlineImageOptions.onRenderInlineImage(inlineImageProps, defaultOnRenderInlineImage)
@@ -23957,7 +23957,6 @@ const COMPOSITE_ONLY_ICONS = {
     LargeGalleryLayout: React.createElement(reactIcons.Table20Regular, null),
     /* @conditional-compile-remove(control-bar-button-injection) */
     DefaultCustomButton: React.createElement(reactIcons.Circle20Regular, null),
-    /* @conditional-compile-remove(dtmf-dialer) */
     DtmfDialpadButton: React.createElement(reactIcons.Dialpad20Regular, null),
     /* @conditional-compile-remove(spotlight) */
     PeoplePaneMoreButton: React.createElement(reactIcons.MoreHorizontal20Filled, null),
@@ -25453,7 +25452,7 @@ const useSelector$2 = (selector, selectorProps) => {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
 /* @conditional-compile-remove(rich-text-editor) */
-const RichTextSendBoxWrapper = React.lazy(() => Promise.resolve().then(function () { return require('./RichTextSendBoxWrapper-DXy3ttBO.js'); }).then((module) => ({ default: module.RichTextSendBoxWrapper })));
+const RichTextSendBoxWrapper = React.lazy(() => Promise.resolve().then(function () { return require('./RichTextSendBoxWrapper-DdhoRD21.js'); }).then((module) => ({ default: module.RichTextSendBoxWrapper })));
 /**
  * @private
  */
@@ -25532,8 +25531,8 @@ const ChatScreen = (props) => {
         }
         const message = adapter.getState().thread.chatMessages[overlayImageItem === null || overlayImageItem === void 0 ? void 0 : overlayImageItem.messageId];
         const resourceCache = message.resourceCache;
-        if (overlayImageItem.imageSrc === '' && resourceCache) {
-            const fullSizeImageSrc = resourceCache[overlayImageItem.imageUrl].sourceUrl;
+        if (overlayImageItem.imageSrc === '' && resourceCache && resourceCache[overlayImageItem.imageUrl]) {
+            const fullSizeImageSrc = getResourceSourceUrl(resourceCache[overlayImageItem.imageUrl]);
             if (fullSizeImageSrc === undefined || fullSizeImageSrc === '' || overlayImageItem.imageSrc === fullSizeImageSrc) {
                 return;
             }
@@ -25542,6 +25541,16 @@ const ChatScreen = (props) => {
         // Disable eslint because we are using the overlayImageItem in this effect but don't want to have it as a dependency, as it will cause an infinite loop.
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [messageThreadProps.messages]);
+    const getResourceSourceUrl = (result) => {
+        let src = '';
+        if (result.error) {
+            src = 'blob://';
+        }
+        else {
+            src = result.sourceUrl;
+        }
+        return src;
+    };
     const onRenderAvatarCallback = React.useCallback((userId, defaultOptions) => {
         return (React.createElement(AvatarPersona, Object.assign({ userId: userId, hidePersonaDetails: true }, defaultOptions, { dataProvider: onFetchAvatarPersonaData })));
     }, [onFetchAvatarPersonaData]);
@@ -25566,7 +25575,7 @@ const ChatScreen = (props) => {
             setDownloadErrorMessage(errorMessage);
         } })), [fileSharing === null || fileSharing === void 0 ? void 0 : fileSharing.downloadHandler]);
     /* @conditional-compile-remove(image-overlay) */
-    const onInlineImageClicked = React.useCallback((attachmentId, messageId) => __awaiter$l(void 0, void 0, void 0, function* () {
+    const onInlineImageClicked = React.useCallback((attachmentId, messageId) => {
         var _a, _b;
         const message = adapter.getState().thread.chatMessages[messageId];
         const inlinedImages = (_b = (_a = message.content) === null || _a === void 0 ? void 0 : _a.attachments) === null || _b === void 0 ? void 0 : _b.filter((attachment) => {
@@ -25580,7 +25589,7 @@ const ChatScreen = (props) => {
         let imageSrc = '';
         if (attachment.url) {
             if (resourceCache && resourceCache[attachment.url]) {
-                imageSrc = resourceCache[attachment.url].sourceUrl;
+                imageSrc = getResourceSourceUrl(resourceCache[attachment.url]);
             }
             else {
                 adapter.downloadResourceToCache({
@@ -25608,21 +25617,29 @@ const ChatScreen = (props) => {
         };
         setIsImageOverlayOpen(true);
         setOverlayImageItem(overlayImage);
-    }), [adapter, onRenderAvatarCallback, userId]);
+    }, [adapter, onRenderAvatarCallback, userId]);
     /* @conditional-compile-remove(image-overlay) */
     const inlineImageOptions = {
         onRenderInlineImage: (inlineImage, defaultOnRender) => {
             var _a, _b;
             const message = adapter.getState().thread.chatMessages[inlineImage.messageId];
-            const attachments = (_b = (_a = message === null || message === void 0 ? void 0 : message.content) === null || _a === void 0 ? void 0 : _a.attachments) === null || _b === void 0 ? void 0 : _b.find((attachment) => attachment.id === inlineImage.imgAttrs.id);
-            if (attachments === undefined) {
+            const attachment = (_b = (_a = message === null || message === void 0 ? void 0 : message.content) === null || _a === void 0 ? void 0 : _a.attachments) === null || _b === void 0 ? void 0 : _b.find((attachment) => attachment.id === inlineImage.imageAttributes.id);
+            if (attachment === undefined) {
                 return defaultOnRender(inlineImage);
             }
-            return (React.createElement("span", { key: inlineImage.imgAttrs.id, onClick: () => onInlineImageClicked(inlineImage.imgAttrs.id || '', inlineImage.messageId), tabIndex: 0, role: "button", onKeyDown: (e) => {
+            let pointerEvents = inlineImage.imageAttributes.src === '' ? 'none' : 'auto';
+            const resourceCache = message.resourceCache;
+            if (resourceCache &&
+                attachment.previewUrl &&
+                resourceCache[attachment.previewUrl] &&
+                resourceCache[attachment.previewUrl].error) {
+                pointerEvents = 'none';
+            }
+            return (React.createElement("span", { key: inlineImage.imageAttributes.id, onClick: () => onInlineImageClicked(inlineImage.imageAttributes.id || '', inlineImage.messageId), tabIndex: 0, role: "button", onKeyDown: (e) => {
                     if (e.key === 'Enter') {
-                        onInlineImageClicked(inlineImage.imgAttrs.id || '', inlineImage.messageId);
+                        onInlineImageClicked(inlineImage.imageAttributes.id || '', inlineImage.messageId);
                     }
-                }, style: { cursor: 'pointer' } }, defaultOnRender(inlineImage)));
+                }, style: { cursor: 'pointer', pointerEvents } }, defaultOnRender(inlineImage)));
         }
     };
     /* @conditional-compile-remove(image-overlay) */
@@ -26393,7 +26410,6 @@ const createCompositeHandlers = memoizeOne((adapter) => {
                 return yield adapter.addParticipant(participant, options);
             }
         }),
-        /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(dtmf-dialer) */
         onSendDtmfTone: (dtmfTone) => __awaiter$j(void 0, void 0, void 0, function* () {
             yield adapter.sendDtmfTone(dtmfTone);
         }),
@@ -27815,7 +27831,6 @@ const createAnnouncementString = (direction, participants, strings) => {
         numOfParticipants: numberOfExtraParticipants.toString()
     });
 };
-/* @conditional-compile-remove(dtmf-dialer) */
 /**
  * determines if the media gallery should be replaced by the dtmf dialer
  * @param callees Target callees to determine if the dtmf dialer should be shown
@@ -27875,11 +27890,8 @@ const DesktopMoreButton = (props) => {
     const [galleryPositionTop, setGalleryPositionTop] = React.useState(false);
     const [focusedContentOn, setFocusedContentOn] = React.useState(false);
     const [previousLayout, setPreviousLayout] = React.useState((_a = props.userSetGalleryLayout) !== null && _a !== void 0 ? _a : 'floatingLocalVideo');
-    /* @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((_b = props.dtmfDialerPresent) !== null && _b !== void 0 ? _b : false);
     /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */ /* @conditional-compile-remove(close-captions) */
     const moreButtonStrings = React.useMemo(() => ({
@@ -27972,7 +27984,6 @@ const DesktopMoreButton = (props) => {
             });
         }
     }
-    /* @conditional-compile-remove(dtmf-dialer) */
     const dtmfDialerScreenOption = {
         key: 'dtmfDialerScreenKey',
         itemProps: {
@@ -27990,7 +28001,6 @@ const DesktopMoreButton = (props) => {
             styles: { root: { lineHeight: 0 } }
         }
     };
-    /* @conditional-compile-remove(dtmf-dialer) */
     /**
      * Only render the dtmf dialer if the dialpad for PSTN calls is not present
      */
@@ -28219,10 +28229,7 @@ const invisibleHiddenFocusStartPoint = {
 
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-/* @conditional-compile-remove(dtmf-dialer) */
-/* @conditional-compile-remove(dtmf-dialer) */
 const icon = () => React.createElement(CallCompositeIcon, { iconName: 'DtmfDialpadButton' });
-/* @conditional-compile-remove(dtmf-dialer) */
 /**
  * Button for showing and hiding the dtmf dialer in the Call composite.
  * To be used only if the more button control is disabled. This button will replace
@@ -28417,8 +28424,7 @@ const CommonCallControlBar = (props) => {
                                         /* @conditional-compile-remove(rooms) */ !hideRaiseHandButtonInRoomsCall && (React.createElement(RaiseHand, { displayType: options.displayType, styles: commonButtonStyles, 
                                         /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */
                                         disabled: props.disableButtonsForHoldScreen || isDisabled$4(options.microphoneButton) })),
-                                    /* @conditional-compile-remove(dtmf-dialer) */ showDtmfDialerButton(options) &&
-                                        props.onSetDialpadPage !== undefined && (React.createElement(DtmfDialpadButton, { styles: commonButtonStyles, displayType: options.displayType, onClick: () => {
+                                    showDtmfDialerButton(options) && props.onSetDialpadPage !== undefined && (React.createElement(DtmfDialpadButton, { styles: commonButtonStyles, displayType: options.displayType, onClick: () => {
                                             if (props.onSetDialpadPage !== undefined) {
                                                 props.onSetDialpadPage();
                                             }
@@ -28442,11 +28448,7 @@ const CommonCallControlBar = (props) => {
                                         /* @conditional-compile-remove(close-captions) */
                                         isCaptionsSupported: props.isCaptionsSupported, 
                                         /* @conditional-compile-remove(close-captions) */
-                                        onCaptionsSettingsClick: openCaptionsSettingsModal, onUserSetOverflowGalleryPositionChange: props.onUserSetOverflowGalleryPositionChange, onUserSetGalleryLayout: props.onUserSetGalleryLayout, userSetGalleryLayout: props.userSetGalleryLayout, 
-                                        /* @conditional-compile-remove(dtmf-dialer) */
-                                        dtmfDialerPresent: props.dtmfDialerPresent, 
-                                        /* @conditional-compile-remove(dtmf-dialer) */
-                                        onSetDialpadPage: props.onSetDialpadPage })),
+                                        onCaptionsSettingsClick: openCaptionsSettingsModal, onUserSetOverflowGalleryPositionChange: props.onUserSetOverflowGalleryPositionChange, onUserSetGalleryLayout: props.onUserSetGalleryLayout, userSetGalleryLayout: props.userSetGalleryLayout, dtmfDialerPresent: props.dtmfDialerPresent, onSetDialpadPage: props.onSetDialpadPage })),
                                     React.createElement(EndCall, { displayType: "compact", styles: endCallButtonStyles }))))))),
             !props.mobileView && sideButtonsPresent && (React.createElement(react.Stack.Item, null,
                 React.createElement("div", { ref: sidepaneControlsRef },
@@ -28561,7 +28563,6 @@ const getDesktopEndCallButtonStyles = (theme) => {
     return react.concatStyleSets(getDesktopCommonButtonStyles(theme), overrides);
 };
 const isEnabled$1 = (option) => option !== false;
-/* @conditional-compile-remove(dtmf-dialer) */
 const showDtmfDialerButton = (options) => {
     if (options.moreButton === false && options.dtmfDialerButton !== false) {
         return true;
@@ -28765,11 +28766,8 @@ 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);
@@ -28838,7 +28836,6 @@ const MoreDrawer = (props) => {
             secondaryText: (_c = props.selectedMicrophone) === null || _c === void 0 ? void 0 : _c.name
         });
     }
-    /* @conditional-compile-remove(dtmf-dialer) */
     const dtmfDialerScreenOption = {
         itemKey: 'dtmfDialerScreenKey',
         text: !dtmfDialerChecked
@@ -28856,7 +28853,6 @@ const MoreDrawer = (props) => {
             styles: { root: { lineHeight: 0 } }
         }
     };
-    /* @conditional-compile-remove(dtmf-dialer) */
     /**
      * Only render the dtmf dialer if the dialpad for PSTN calls is not present
      */
@@ -31082,11 +31078,7 @@ const CallArrangement = (props) => {
                     /* @conditional-compile-remove(close-captions) */
                     isCaptionsOn: isCaptionsOn, 
                     /* @conditional-compile-remove(video-background-effects) */
-                    onClickVideoEffects: onResolveVideoEffectDependency ? openVideoEffectsPane : undefined, displayVertical: verticalControlBar, onUserSetOverflowGalleryPositionChange: props.onUserSetOverflowGalleryPositionChange, onUserSetGalleryLayout: props.onUserSetGalleryLayoutChange, userSetGalleryLayout: props.userSetGalleryLayout, 
-                    /* @conditional-compile-remove(dtmf-dialer) */
-                    onSetDialpadPage: props.onSetDialpadPage, 
-                    /* @conditional-compile-remove(dtmf-dialer) */
-                    dtmfDialerPresent: props.dtmfDialerPresent, peopleButtonRef: peopleButtonRef, cameraButtonRef: cameraButtonRef, 
+                    onClickVideoEffects: onResolveVideoEffectDependency ? openVideoEffectsPane : undefined, displayVertical: verticalControlBar, onUserSetOverflowGalleryPositionChange: props.onUserSetOverflowGalleryPositionChange, onUserSetGalleryLayout: props.onUserSetGalleryLayoutChange, userSetGalleryLayout: props.userSetGalleryLayout, onSetDialpadPage: props.onSetDialpadPage, dtmfDialerPresent: props.dtmfDialerPresent, peopleButtonRef: peopleButtonRef, cameraButtonRef: cameraButtonRef, 
                     /* @conditional-compile-remove(spotlight) */
                     onStopLocalSpotlight: localParticipant.spotlight ? onStopLocalSpotlight : undefined }))))),
                 ((_j = props.callControlProps) === null || _j === void 0 ? void 0 : _j.options) !== false && showDrawer && (React.createElement(react.Stack, { styles: drawerContainerStylesValue },
@@ -31094,11 +31086,7 @@ const CallArrangement = (props) => {
                         /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */
                         disableButtonsForHoldScreen: isInLocalHold, 
                         /* @conditional-compile-remove(close-captions) */
-                        isCaptionsSupported: isTeamsCall && hasJoinedCall, onUserSetGalleryLayout: props.onUserSetGalleryLayoutChange, userSetGalleryLayout: props.userSetGalleryLayout, 
-                        /* @conditional-compile-remove(dtmf-dialer) */
-                        onSetDialpadPage: props.onSetDialpadPage, 
-                        /* @conditional-compile-remove(dtmf-dialer) */
-                        dtmfDialerPresent: props.dtmfDialerPresent }))),
+                        isCaptionsSupported: isTeamsCall && hasJoinedCall, onUserSetGalleryLayout: props.onUserSetGalleryLayoutChange, userSetGalleryLayout: props.userSetGalleryLayout, onSetDialpadPage: props.onSetDialpadPage, dtmfDialerPresent: props.dtmfDialerPresent }))),
                 React.createElement(react.Stack, { horizontal: true, grow: true },
                     React.createElement(react.Stack.Item, { style: callCompositeContainerCSS },
                         React.createElement(react.Stack.Item, { styles: callGalleryStyles, grow: true },
@@ -31557,7 +31545,6 @@ const DtmfDialpadPageContent = (props) => {
             React.createElement(DtmfDialerContentTimer, null),
             React.createElement(react.Text, { style: { margin: 'auto' } }, calleeName && calleeName !== 'Unnamed participant' ? calleeName === null || calleeName === void 0 ? void 0 : calleeName.toString() : ''),
             React.createElement(Dialpad, { onSendDtmfTone: (tone) => __awaiter$c(void 0, void 0, void 0, function* () {
-                    /* @conditional-compile-remove(dtmf-dialer) */
                     yield adapter.sendDtmfTone(tone);
                 }), longPressTrigger: props.mobileView ? 'touch' : 'mouseAndTouch', dialpadMode: 'dtmf' }))));
 };
@@ -31640,13 +31627,9 @@ const CallPage = (props) => {
     const errorBarProps = usePropsFor$1(ErrorBar);
     const mutedNotificationProps = useSelector$1(mutedNotificationSelector);
     const networkReconnectTileProps = useSelector$1(networkReconnectTileSelector);
-    /* @conditional-compile-remove(dtmf-dialer) */
     const remoteParticipantsConnected = useSelector$1(getRemoteParticipantsConnectedSelector);
-    /* @conditional-compile-remove(dtmf-dialer) */
     const callees = useSelector$1(getTargetCallees);
-    /* @conditional-compile-remove(dtmf-dialer) */
     const renderDtmfDialerFromStart = showDtmfDialer(callees, remoteParticipantsConnected);
-    /* @conditional-compile-remove(dtmf-dialer) */
     const [dtmfDialerPresent, setDtmfDialerPresent] = React.useState(renderDtmfDialerFromStart);
     const strings = useLocale().strings.call;
     // Reduce the controls shown when mobile view is enabled.
@@ -31658,7 +31641,6 @@ const CallPage = (props) => {
     const [promptProps, setPromptProps] = React.useState();
     const onRenderGalleryContentTrampoline = () => {
         var _a;
-        /* @conditional-compile-remove(dtmf-dialer) */
         if (dtmfDialerPresent) {
             return (React.createElement(DtmfDialpadPage, { mobileView: props.mobileView, modalLayerHostId: props.modalLayerHostId, options: props.options, updateSidePaneRenderer: props.updateSidePaneRenderer, mobileChatTabHeader: props.mobileChatTabHeader, latestErrors: props.latestErrors, onDismissError: props.onDismissError, 
                 /* @conditional-compile-remove(capabilities) */
@@ -31686,11 +31668,7 @@ const CallPage = (props) => {
             /* @conditional-compile-remove(one-to-n-calling) */ /* @conditional-compile-remove(close-captions) */
             onFetchAvatarPersonaData: onFetchAvatarPersonaData, mobileView: mobileView, modalLayerHostId: props.modalLayerHostId, onRenderGalleryContent: () => _isInCall(callStatus) ? (isNetworkHealthy(networkReconnectTileProps.networkReconnectValue) ? (onRenderGalleryContentTrampoline()) : (React.createElement(NetworkReconnectTile, Object.assign({}, networkReconnectTileProps)))) : (React.createElement(React.Fragment, null)), updateSidePaneRenderer: props.updateSidePaneRenderer, mobileChatTabHeader: props.mobileChatTabHeader, onCloseChatPane: onCloseChatPane, dataUiId: 'call-page', latestErrors: props.latestErrors, onDismissError: props.onDismissError, onUserSetOverflowGalleryPositionChange: onSetUserSetOverflowGalleryPosition, onUserSetGalleryLayoutChange: onUserSetGalleryLayoutChange, userSetGalleryLayout: galleryLayout, 
             /* @conditional-compile-remove(capabilities) */
-            capabilitiesChangedNotificationBarProps: props.capabilitiesChangedNotificationBarProps, 
-            /* @conditional-compile-remove(dtmf-dialer) */
-            onSetDialpadPage: () => setDtmfDialerPresent(!dtmfDialerPresent), 
-            /* @conditional-compile-remove(dtmf-dialer) */
-            dtmfDialerPresent: dtmfDialerPresent, 
+            capabilitiesChangedNotificationBarProps: props.capabilitiesChangedNotificationBarProps, onSetDialpadPage: () => setDtmfDialerPresent(!dtmfDialerPresent), dtmfDialerPresent: dtmfDialerPresent, 
             /* @conditional-compile-remove(spotlight) */
             setIsPromptOpen: setIsPromptOpen, 
             /* @conditional-compile-remove(spotlight) */
@@ -34752,7 +34730,6 @@ class AzureCommunicationCallAdapter {
         this.holdCall.bind(this);
         /* @conditional-compile-remove(PSTN-calls) */
         this.resumeCall.bind(this);
-        /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(dtmf-dialer) */
         this.sendDtmfTone.bind(this);
         /* @conditional-compile-remove(unsupported-browser) */
         this.allowUnsupportedBrowserVersion.bind(this);
@@ -35202,7 +35179,6 @@ class AzureCommunicationCallAdapter {
             }
         });
     }
-    /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(dtmf-dialer) */
     sendDtmfTone(dtmfTone) {
         return __awaiter$5(this, void 0, void 0, function* () {
             this.handlers.onSendDtmfTone(dtmfTone);
@@ -35928,7 +35904,6 @@ class CallWithChatBackedCallAdapter {
         this.resumeCall = () => __awaiter$4(this, void 0, void 0, function* () {
             yield this.callWithChatAdapter.resumeCall();
         });
-        /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(dtmf-dialer) */
         this.sendDtmfTone = (dtmfTone) => __awaiter$4(this, void 0, void 0, function* () {
             yield this.callWithChatAdapter.sendDtmfTone(dtmfTone);
         });
@@ -36823,7 +36798,6 @@ class AzureCommunicationCallWithChatAdapter {
         this.resumeCall.bind(this);
         /* @conditional-compile-remove(PSTN-calls) */
         this.addParticipant.bind(this);
-        /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(dtmf-dialer) */
         this.sendDtmfTone.bind(this);
         /* @conditional-compile-remove(unsupported-browser) */
         this.allowUnsupportedBrowserVersion.bind(this);
@@ -37104,7 +37078,6 @@ class AzureCommunicationCallWithChatAdapter {
             }
         });
     }
-    /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(dtmf-dialer) */
     sendDtmfTone(dtmfTone) {
         return __awaiter$2(this, void 0, void 0, function* () {
             return yield this.callAdapter.sendDtmfTone(dtmfTone);
@@ -38064,4 +38037,4 @@ exports.useTeamsCall = useTeamsCall;
 exports.useTeamsCallAdapter = useTeamsCallAdapter;
 exports.useTeamsCallAgent = useTeamsCallAgent;
 exports.useTheme = useTheme;
-//# sourceMappingURL=index-DNgYW17b.js.map
+//# sourceMappingURL=index-C48Yhr_k.js.map