@azure/communication-react 1.15.0-alpha-202404090013 → 1.15.0-alpha-202404110013

package/dist/dist-cjs/communication-react/{index-BcyLWrGT.js → index-D5L3GDY8.js}

@@ -176,7 +176,7 @@ function getDefaultExportFromCjs (x) {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
 // GENERATED FILE. DO NOT EDIT MANUALLY.
-var telemetryVersion = '1.15.0-alpha-202404090013';
+var telemetryVersion = '1.15.0-alpha-202404110013';
 
 
 var telemetryVersion$1 = /*@__PURE__*/getDefaultExportFromCjs(telemetryVersion);
@@ -1807,7 +1807,6 @@ function convertSdkCallToDeclarativeCall(call) {
             /* @conditional-compile-remove(acs-close-captions) */
             captionsKind: _isTeamsCall(call) ? 'TeamsCaptions' : 'Captions'
         },
-        /* @conditional-compile-remove(call-transfer) */
         transfer: {
             acceptedTransfers: {}
         },
@@ -2766,7 +2765,6 @@ let CallContext$2 = class CallContext {
             }
         });
     }
-    /* @conditional-compile-remove(call-transfer) */
     setAcceptedTransfer(callId, acceptedTransfer) {
         this.modifyState((draft) => {
             const call = draft.calls[this._callIdHistory.latestCallId(callId)];
@@ -4688,7 +4686,6 @@ class ProxyCallCommon {
                         proxyFeature = new ProxyTeamsCaptions(this._context, target);
                         return { captions: new Proxy(captionsFeature, proxyFeature) };
                     }
-                    /* @conditional-compile-remove(call-transfer) */
                     if (args[0] === communicationCalling.Features.Transfer) {
                         const transferFeature = target.feature(communicationCalling.Features.Transfer);
                         const proxyFeature = new ProxyTransferCallFeature(this._context, target);
@@ -4815,7 +4812,6 @@ class ProxySpotlightCallFeature {
         }
     }
 }
-/* @conditional-compile-remove(call-transfer) */
 /**
  * @private
  */
@@ -10437,7 +10433,7 @@ const removeImageElement = (event) => {
  * @beta
  */
 const RichTextEditor = React.forwardRef((props, ref) => {
-    const { initialContent, onChange, placeholderText, strings, showRichTextEditorFormatting, content } = props;
+    const { initialContent, onChange, placeholderText, strings, showRichTextEditorFormatting, content, autoFocus } = props;
     const editor = React.useRef(null);
     const contentValue = React.useRef(content);
     const theme = useTheme();
@@ -10534,7 +10530,7 @@ const RichTextEditor = React.forwardRef((props, ref) => {
                 // doNotAdjustEditorColor is used to fix the default background color for Rooster component
                 doNotAdjustEditorColor: true, "data-testid": 'rooster-rich-text-editor', 
                 // if we don't use 'allowKeyboardEventPropagation' only the enter key is caught
-                onKeyDown: props.onKeyDown }))));
+                onKeyDown: props.onKeyDown, focusOnInit: autoFocus === 'sendBoxTextField' }))));
 });
 const focusAndUpdateContent = (editor, content) => {
     // focus the editor to set correct selection position
@@ -10585,7 +10581,7 @@ const RichTextInputBoxComponent = (props) => {
     /* @conditional-compile-remove(attachment-upload) */
     onRenderAttachmentUploads, 
     /* @conditional-compile-remove(attachment-upload) */
-    hasAttachments, richTextEditorStyleProps, isHorizontalLayoutDisabled = false, content } = props;
+    hasAttachments, richTextEditorStyleProps, isHorizontalLayoutDisabled = false, content, autoFocus, onTyping } = props;
     const theme = useTheme();
     const [showRichTextEditorFormatting, setShowRichTextEditorFormatting] = React.useState(false);
     const onRenderRichTextEditorIcon = React.useCallback((isHover) => (React.createElement(react.Icon, { iconName: isHover || showRichTextEditorFormatting ? 'RichTextEditorButtonIconFilled' : 'RichTextEditorButtonIcon', className: richTextFormatButtonIconStyle(theme, !disabled && (isHover || showRichTextEditorFormatting)) })), [disabled, showRichTextEditorFormatting, theme]);
@@ -10619,7 +10615,10 @@ const RichTextInputBoxComponent = (props) => {
             ev.preventDefault();
             onEnterKeyDown && onEnterKeyDown();
         }
-    }, [onEnterKeyDown, showRichTextEditorFormatting]);
+        else {
+            onTyping === null || onTyping === void 0 ? void 0 : onTyping();
+        }
+    }, [onEnterKeyDown, showRichTextEditorFormatting, onTyping]);
     const useHorizontalLayout = React.useMemo(() => {
         return (!isHorizontalLayoutDisabled &&
             !showRichTextEditorFormatting &&
@@ -10636,7 +10635,7 @@ const RichTextInputBoxComponent = (props) => {
         React.createElement(react.Stack, { grow: true, horizontal: useHorizontalLayout, horizontalAlign: useHorizontalLayout ? 'end' : 'space-between', className: inputBoxContentStackStyle, wrap: useHorizontalLayout },
             React.createElement(react.Stack, { grow: true, className: inputBoxRichTextStackStyle },
                 React.createElement(react.Stack.Item, { className: inputBoxRichTextStackItemStyle },
-                    React.createElement(RichTextEditor, { content: content, initialContent: initialContent, placeholderText: placeholderText, onChange: onChange, onKeyDown: onKeyDown, ref: editorComponentRef, strings: strings, showRichTextEditorFormatting: showRichTextEditorFormatting, styles: richTextEditorStyle })),
+                    React.createElement(RichTextEditor, { content: content, initialContent: initialContent, placeholderText: placeholderText, onChange: onChange, onKeyDown: onKeyDown, ref: editorComponentRef, strings: strings, showRichTextEditorFormatting: showRichTextEditorFormatting, styles: richTextEditorStyle, autoFocus: autoFocus })),
                 /* @conditional-compile-remove(attachment-upload) */ onRenderAttachmentUploads &&
                     onRenderAttachmentUploads()),
             actionButtons)));
@@ -10716,7 +10715,7 @@ const isMessageEmpty$1 = (message) => {
  * @beta
  */
 const RichTextSendBox = (props) => {
-    const { disabled = false, systemMessage, onSendMessage, 
+    const { disabled = false, systemMessage, autoFocus, onSendMessage, onTyping, 
     /* @conditional-compile-remove(attachment-upload) */
     activeAttachmentUploads, 
     /* @conditional-compile-remove(attachment-upload) */
@@ -10854,7 +10853,7 @@ const RichTextSendBox = (props) => {
         , { 
             // in case when format bar is shown, the editor is re-rendered that causes the content to be lost
             // setting the content will ensure that the latest content is used when editor is re-rendered
-            content: contentValue, placeholderText: strings.placeholderText, onChange: setContent, onEnterKeyDown: sendMessageOnClick, editorComponentRef: editorComponentRef, strings: strings, disabled: disabled, actionComponents: sendButton, richTextEditorStyleProps: sendBoxRichTextEditorStyle, 
+            content: contentValue, placeholderText: strings.placeholderText, autoFocus: autoFocus, onChange: setContent, onEnterKeyDown: sendMessageOnClick, onTyping: onTyping, editorComponentRef: editorComponentRef, strings: strings, disabled: disabled, actionComponents: sendButton, richTextEditorStyleProps: sendBoxRichTextEditorStyle, 
             /* @conditional-compile-remove(attachment-upload) */
             onRenderAttachmentUploads: onRenderAttachmentUploads, 
             /* @conditional-compile-remove(attachment-upload) */
@@ -12048,9 +12047,13 @@ const BlockedMessageContent = (props) => {
             blockedMessageLink && (React.createElement(react.Link, { target: '_blank', href: blockedMessageLink }, blockedMessageLinkText))) }));
 };
 const extractContentForAllyMessage = (props) => {
-    if (props.message.content) {
+    var _a;
+    let attachments = undefined;
+    /* @conditional-compile-remove(attachment-download) */
+    attachments = props.message.attachments;
+    if (props.message.content || attachments) {
         // Replace all <img> tags with 'image' for aria.
-        const parsedContent = DOMPurify.sanitize(props.message.content, {
+        const parsedContent = DOMPurify.sanitize((_a = props.message.content) !== null && _a !== void 0 ? _a : '', {
             ALLOWED_TAGS: ['img'],
             RETURN_DOM_FRAGMENT: true
         });
@@ -12062,6 +12065,15 @@ const extractContentForAllyMessage = (props) => {
             imageTextNode.innerHTML = 'image ';
             parsedContent.replaceChild(imageTextNode, child);
         });
+        // Inject attachment names for aria.
+        if (attachments) {
+            let attachmentList = '';
+            /* @conditional-compile-remove(attachment-download) */
+            attachmentList = attachmentCardGroupDescription(props);
+            const attachmentTextNode = document.createElement('div');
+            attachmentTextNode.innerHTML = ` ${attachmentList} `;
+            parsedContent.appendChild(attachmentTextNode);
+        }
         // Strip all html tags from the content for aria.
         const message = DOMPurify.sanitize(parsedContent, { ALLOWED_TAGS: [] });
         return message;
@@ -12083,6 +12095,23 @@ const messageContentAriaText = (props) => {
             message: message
         });
 };
+/* @conditional-compile-remove(attachment-download) */
+const attachmentCardGroupDescription = (props) => {
+    const attachments = props.message.attachments;
+    return getAttachmentCountLiveMessage(attachments !== null && attachments !== void 0 ? attachments : [], props.strings.attachmentCardGroupMessage);
+};
+/* @conditional-compile-remove(attachment-download) */
+/**
+ * @private
+ */
+const getAttachmentCountLiveMessage = (attachments, attachmentCardGroupMessage) => {
+    if (attachments.length === 0) {
+        return '';
+    }
+    return _formatString(attachmentCardGroupMessage, {
+        attachmentCount: `${attachments.length}`
+    });
+};
 const defaultOnRenderInlineImage = (inlineImage) => {
     return (React.createElement("img", Object.assign({ key: inlineImage.imageAttributes.id, tabIndex: 0, "data-ui-id": inlineImage.imageAttributes.id }, inlineImage.imageAttributes)));
 };
@@ -12154,12 +12183,9 @@ const _AttachmentDownloadCards = (props) => {
         return (_b = (_a = props.strings) === null || _a === void 0 ? void 0 : _a.downloadAttachment) !== null && _b !== void 0 ? _b : localeStrings.downloadAttachment;
     }, [(_a = props.strings) === null || _a === void 0 ? void 0 : _a.downloadAttachment, localeStrings.downloadAttachment]);
     const attachmentCardGroupDescription = React.useMemo(() => () => {
-        var _a, _b, _c;
-        const attachmentGroupLocaleString = (_b = (_a = props.strings) === null || _a === void 0 ? void 0 : _a.attachmentCardGroupMessage) !== null && _b !== void 0 ? _b : localeStrings.attachmentCardGroupMessage;
-        /* @conditional-compile-remove(attachment-download) @conditional-compile-remove(attachment-upload) */
-        return _formatString(attachmentGroupLocaleString, {
-            attachmentCount: `${(_c = attachments === null || attachments === void 0 ? void 0 : attachments.length) !== null && _c !== void 0 ? _c : 0}`
-        });
+        var _a, _b;
+        /* @conditional-compile-remove(attachment-download) */
+        return getAttachmentCountLiveMessage(attachments !== null && attachments !== void 0 ? attachments : [], (_b = (_a = props.strings) === null || _a === void 0 ? void 0 : _a.attachmentCardGroupMessage) !== null && _b !== void 0 ? _b : localeStrings.attachmentCardGroupMessage);
     }, [(_b = props.strings) === null || _b === void 0 ? void 0 : _b.attachmentCardGroupMessage, localeStrings.attachmentCardGroupMessage, attachments]);
     if (!attachments || attachments.length === 0 || !attachments) {
         return React.createElement(React.Fragment, null);
@@ -12628,7 +12654,7 @@ const ChatMessageComponentAsEditBox = (props) => {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
 /* @conditional-compile-remove(rich-text-editor) */
-const ChatMessageComponentAsRichTextEditBox = React.lazy(() => Promise.resolve().then(function () { return require('./ChatMessageComponentAsRichTextEditBox-CkXr0tIb.js'); }).then((module) => ({
+const ChatMessageComponentAsRichTextEditBox = React.lazy(() => Promise.resolve().then(function () { return require('./ChatMessageComponentAsRichTextEditBox-BXHOj2Z6.js'); }).then((module) => ({
     default: module.ChatMessageComponentAsRichTextEditBox
 })));
 /**
@@ -15254,71 +15280,6 @@ function useLongPress(props) {
     ]);
 }
 
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-/**
- * @private
- */
-const videoGalleryOuterDivStyle = react.mergeStyles({ position: 'relative', width: '100%', height: '100%' });
-/**
- * @private
- */
-const localVideoCameraCycleButtonStyles = (theme, size) => {
-    return {
-        root: {
-            position: 'absolute',
-            width: size === 'large' ? _pxToRem(40) : _pxToRem(32),
-            height: size === 'large' ? _pxToRem(40) : _pxToRem(32),
-            right: '0rem',
-            top: '0rem',
-            color: '#FFFFFF', // only shows up on running video feed to we want to force specific colours.
-            zIndex: 2, // shows the button directly over the local video feed.
-            background: 'rgba(0,0,0,0.4)',
-            borderRadius: theme.effects.roundedCorner2
-        },
-        rootFocused: {
-            // styles to remove the unwanted white highlight and blue colour after tapping on button.
-            color: '#FFFFFF',
-            background: 'rgba(0,0,0,0.4)' // sets opacity of background to be visible on all backdrops in video stream.
-        },
-        rootDisabled: {
-            // In the disabled state, FluentUI sets the position to relative. We need to override this to keep the button correctly positioned.
-            position: 'absolute'
-        },
-        icon: {
-            paddingLeft: _pxToRem(3),
-            paddingRight: _pxToRem(3),
-            margin: 0
-        },
-        flexContainer: {
-            paddingBottom: _pxToRem(8),
-            height: 'unset'
-        }
-    };
-};
-/**
- * @private
- */
-const localVideoTileContainerStyles = {
-    root: { width: '100%', height: '100%' }
-};
-/**
- * @private
- */
-//TODO Can be removed once the overlay mitigation has been implemented at the SDK layer
-const pptLiveOverlayStyles = {
-    root: {
-        position: 'absolute',
-        top: 0,
-        left: 0,
-        width: '100%',
-        height: '100%',
-        backgroundColor: 'transparent',
-        pointerEvents: 'none',
-        zIndex: 0
-    }
-};
-
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
 // Coin max size is set to PersonaSize.size100
@@ -15440,9 +15401,6 @@ const VideoTile = (props) => {
                 }) }, onRenderPlaceholder ? (onRenderPlaceholder(userId !== null && userId !== void 0 ? userId : '', placeholderOptions, DefaultPlaceholder)) : (React.createElement(DefaultPlaceholder, Object.assign({}, placeholderOptions))))),
             /* @conditional-compile-remove(reaction) */
             reactionOverlay,
-            /* @conditional-compile-remove(ppt-live) */
-            // TODO Can be removed once the overlay mitigation has been implemented at the SDK layer
-            React.createElement(react.Stack, { className: react.mergeStyles(videoContainerStyles, pptLiveOverlayStyles) }),
             (canShowLabel || participantStateString) && (React.createElement(react.Stack, { horizontal: true, className: tileInfoContainerStyle, tokens: tileInfoContainerTokens },
                 React.createElement(react.Stack, { horizontal: true, className: tileInfoStyle },
                     canShowLabel && (React.createElement(react.Text, { className: react.mergeStyles(displayNameStyle), title: displayName, style: { color: participantStateString ? theme.palette.neutralSecondary : 'inherit' }, "data-ui-id": "video-tile-display-name" }, displayName)),
@@ -16175,11 +16133,11 @@ const MeetingReactionOverlay = (props) => {
         return () => currentObserver.disconnect();
     }, [videoTileRef]);
     if (overlayMode === 'grid-tiles') {
-        return (React.createElement("div", { ref: videoTileRef, style: { width: '100%', height: '100%' } },
+        return (React.createElement("div", { ref: videoTileRef, style: { width: '100%', height: '100%', pointerEvents: 'none' } },
             React.createElement(ParticipantVideoTileOverlay, { emojiSize: emojiSizePx, reaction: reaction, reactionResources: reactionResources })));
     }
     else if (props.overlayMode === 'screen-share' || props.overlayMode === 'content-share') {
-        return (React.createElement("div", { ref: videoTileRef, style: { width: '100%', height: '100%' } },
+        return (React.createElement("div", { ref: videoTileRef, style: { width: '100%', height: '100%', pointerEvents: 'none' } },
             React.createElement(RemoteContentShareReactionOverlay, { hostDivHeight: divHeight, hostDivWidth: divWidth, reactionResources: reactionResources, localParticipant: localParticipant, remoteParticipants: remoteParticipants })));
     }
     else {
@@ -16448,6 +16406,55 @@ const LoadingSpinner = (props) => {
         React.createElement(react.Spinner, { label: props.loadingMessage, size: react.SpinnerSize.xSmall, "aria-live": 'assertive' })));
 };
 
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT License.
+/**
+ * @private
+ */
+const videoGalleryOuterDivStyle = react.mergeStyles({ position: 'relative', width: '100%', height: '100%' });
+/**
+ * @private
+ */
+const localVideoCameraCycleButtonStyles = (theme, size) => {
+    return {
+        root: {
+            position: 'absolute',
+            width: size === 'large' ? _pxToRem(40) : _pxToRem(32),
+            height: size === 'large' ? _pxToRem(40) : _pxToRem(32),
+            right: '0rem',
+            top: '0rem',
+            color: '#FFFFFF', // only shows up on running video feed to we want to force specific colours.
+            zIndex: 2, // shows the button directly over the local video feed.
+            background: 'rgba(0,0,0,0.4)',
+            borderRadius: theme.effects.roundedCorner2
+        },
+        rootFocused: {
+            // styles to remove the unwanted white highlight and blue colour after tapping on button.
+            color: '#FFFFFF',
+            background: 'rgba(0,0,0,0.4)' // sets opacity of background to be visible on all backdrops in video stream.
+        },
+        rootDisabled: {
+            // In the disabled state, FluentUI sets the position to relative. We need to override this to keep the button correctly positioned.
+            position: 'absolute'
+        },
+        icon: {
+            paddingLeft: _pxToRem(3),
+            paddingRight: _pxToRem(3),
+            margin: 0
+        },
+        flexContainer: {
+            paddingBottom: _pxToRem(8),
+            height: 'unset'
+        }
+    };
+};
+/**
+ * @private
+ */
+const localVideoTileContainerStyles = {
+    root: { width: '100%', height: '100%' }
+};
+
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
 var __awaiter$A = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
@@ -27107,29 +27114,30 @@ const ChatScreen = (props) => {
         setIsImageOverlayOpen(true);
         setOverlayImageItem(overlayImage);
     }, [adapter, onRenderAvatarCallback, userId]);
-    const inlineImageOptions = {
-        onRenderInlineImage: (inlineImage, defaultOnRender) => {
-            var _a, _b;
-            const message = adapter.getState().thread.chatMessages[inlineImage.messageId];
-            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);
-            }
-            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.imageAttributes.id || '', inlineImage.messageId);
-                    }
-                }, style: { cursor: 'pointer', pointerEvents } }, defaultOnRender(inlineImage)));
+    const onRenderInlineImage = React.useCallback((inlineImage, defaultOnRender) => {
+        var _a, _b;
+        const message = adapter.getState().thread.chatMessages[inlineImage.messageId];
+        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);
         }
-    };
+        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.imageAttributes.id || '', inlineImage.messageId);
+                }
+            }, style: { cursor: 'pointer', pointerEvents } }, defaultOnRender(inlineImage)));
+    }, [adapter, onInlineImageClicked]);
+    const inlineImageOptions = React.useMemo(() => {
+        return { onRenderInlineImage: onRenderInlineImage };
+    }, [onRenderInlineImage]);
     const onDownloadButtonClicked = React.useCallback((imageSrc) => {
         if (imageSrc === '') {
             return;
@@ -27624,7 +27632,6 @@ const getCallCompositePage = (call, previousCall, transferCall, unsupportedBrows
     if (isUnsupportedEnvironment(unsupportedBrowserInfo === null || unsupportedBrowserInfo === void 0 ? void 0 : unsupportedBrowserInfo.environmentInfo, unsupportedBrowserInfo === null || unsupportedBrowserInfo === void 0 ? void 0 : unsupportedBrowserInfo.unsupportedBrowserVersionOptedIn)) {
         return 'unsupportedEnvironment';
     }
-    /* @conditional-compile-remove(call-transfer) */
     if (transferCall !== undefined) {
         return 'transferring';
     }
@@ -28577,7 +28584,6 @@ const getRole = (state) => { var _a; return (_a = state.call) === null || _a ===
  * @private
  */
 const getPage = (state) => state.page;
-/* @conditional-compile-remove(call-transfer) */
 /**
  * @private
  */
@@ -34699,51 +34705,40 @@ const TransferPage = (props) => {
     const errorBarProps = usePropsFor$1(ErrorBar);
     const strings = useLocale().strings.call;
     const remoteParticipants = useSelector$1(getRemoteParticipants);
-    /* @conditional-compile-remove(call-transfer) */
     const transferCall = useSelector$1(getTransferCall);
-    /* @conditional-compile-remove(call-transfer) */
     const [announcerString, setAnnouncerString] = React.useState(undefined);
     // Reduce the controls shown when mobile view is enabled.
     const callControlOptions = props.mobileView
         ? reduceCallControlsForMobile((_a = props.options) === null || _a === void 0 ? void 0 : _a.callControls)
         : (_b = props.options) === null || _b === void 0 ? void 0 : _b.callControls;
     const transferor = React.useMemo(() => { var _a; return (remoteParticipants ? (_a = Object.values(remoteParticipants)) === null || _a === void 0 ? void 0 : _a[0] : undefined); }, [remoteParticipants]);
-    /* @conditional-compile-remove(call-transfer) */
     const transferTarget = React.useMemo(() => { var _a; return ((transferCall === null || transferCall === void 0 ? void 0 : transferCall.remoteParticipants) ? (_a = Object.values(transferCall.remoteParticipants)) === null || _a === void 0 ? void 0 : _a[0] : undefined); }, [transferCall]);
-    /* @conditional-compile-remove(call-transfer) */
     const pageSubject = React.useMemo(() => {
         if (transferCall && (transferTarget === null || transferTarget === void 0 ? void 0 : transferTarget.displayName)) {
             return 'transferTarget';
         }
         return 'transferor';
     }, [transferCall, transferTarget === null || transferTarget === void 0 ? void 0 : transferTarget.displayName]);
-    /* @conditional-compile-remove(call-transfer) */
     React.useEffect(() => {
         setAnnouncerString(strings.transferPageNoticeString);
     }, [strings.transferPageNoticeString]);
     let transferTileParticipant = transferor;
-    /* @conditional-compile-remove(call-transfer) */
     if (pageSubject === 'transferTarget') {
         transferTileParticipant = transferTarget;
     }
-    let transferParticipantDisplayName = (_c = transferor === null || transferor === void 0 ? void 0 : transferor.displayName) !== null && _c !== void 0 ? _c : 
-    /* @conditional-compile-remove(call-transfer) */ strings.transferPageUnknownTransferorDisplayName;
-    /* @conditional-compile-remove(call-transfer) */
+    let transferParticipantDisplayName = (_c = transferor === null || transferor === void 0 ? void 0 : transferor.displayName) !== null && _c !== void 0 ? _c : strings.transferPageUnknownTransferorDisplayName;
     if (pageSubject === 'transferTarget') {
         transferParticipantDisplayName =
             (_d = transferTarget === null || transferTarget === void 0 ? void 0 : transferTarget.displayName) !== null && _d !== void 0 ? _d : strings.transferPageUnknownTransferTargetDisplayName;
     }
     return (React.createElement(react.Stack, { className: react.mergeStyles(pageContainer) },
-        /* @conditional-compile-remove(call-transfer) */
         React.createElement(Announcer$1, { announcementString: announcerString, ariaLive: "polite" }),
         React.createElement(CallArrangement, { complianceBannerProps: { strings }, 
             // Ignore errors from before current call. This avoids old errors from showing up when a user re-joins a call.
             errorBarProps: ((_e = props.options) === null || _e === void 0 ? void 0 : _e.errorBar) !== false && errorBarProps, callControlProps: {
                 options: callControlOptions,
                 increaseFlyoutItemSize: props.mobileView
-            }, mobileView: props.mobileView, modalLayerHostId: props.modalLayerHostId, onRenderGalleryContent: () => (React.createElement(TransferTile, { userId: transferTileParticipant ? toFlatCommunicationIdentifier(transferTileParticipant === null || transferTileParticipant === void 0 ? void 0 : transferTileParticipant.identifier) : undefined, displayName: transferParticipantDisplayName, initialsName: transferParticipantDisplayName, 
-                /* @conditional-compile-remove(call-transfer) */
-                statusText: pageSubject === 'transferTarget'
+            }, mobileView: props.mobileView, modalLayerHostId: props.modalLayerHostId, onRenderGalleryContent: () => (React.createElement(TransferTile, { userId: transferTileParticipant ? toFlatCommunicationIdentifier(transferTileParticipant === null || transferTileParticipant === void 0 ? void 0 : transferTileParticipant.identifier) : undefined, displayName: transferParticipantDisplayName, initialsName: transferParticipantDisplayName, statusText: pageSubject === 'transferTarget'
                     ? strings.transferPageTransferTargetText
                     : strings.transferPageTransferorText, onFetchAvatarPersonaData: props.onFetchAvatarPersonaData })), dataUiId: 'transfer-page', updateSidePaneRenderer: props.updateSidePaneRenderer, mobileChatTabHeader: props.mobileChatTabHeader, latestErrors: props.latestErrors, onDismissError: props.onDismissError })));
 };
@@ -35556,7 +35551,6 @@ const MainScreen = (props) => {
         case 'lobby':
             pageElement = (React.createElement(LobbyPage, { mobileView: props.mobileView, modalLayerHostId: props.modalLayerHostId, options: props.options, updateSidePaneRenderer: setSidePaneRenderer, mobileChatTabHeader: props.mobileChatTabHeader, latestErrors: latestErrors, onDismissError: onDismissError, capabilitiesChangedNotificationBarProps: capabilitiesChangedNotificationBarProps }));
             break;
-        /* @conditional-compile-remove(call-transfer) */
         case 'transferring':
             pageElement = (React.createElement(TransferPage, { mobileView: props.mobileView, modalLayerHostId: props.modalLayerHostId, options: props.options, updateSidePaneRenderer: setSidePaneRenderer, mobileChatTabHeader: props.mobileChatTabHeader, onFetchAvatarPersonaData: onFetchAvatarPersonaData, latestErrors: latestErrors, onDismissError: onDismissError, capabilitiesChangedNotificationBarProps: capabilitiesChangedNotificationBarProps }));
             break;
@@ -35953,14 +35947,11 @@ class CallContext {
             environmentInfo: this.state.environmentInfo,
             unsupportedBrowserVersionOptedIn: this.state.unsupportedBrowserVersionsAllowed
         };
-        /* @conditional-compile-remove(call-transfer) */
         const latestAcceptedTransfer = (call === null || call === void 0 ? void 0 : call.transfer.acceptedTransfers)
             ? findLatestAcceptedTransfer(call.transfer.acceptedTransfers)
             : undefined;
-        /* @conditional-compile-remove(call-transfer) */
         const transferCall = latestAcceptedTransfer ? clientState.calls[latestAcceptedTransfer.callId] : undefined;
-        const newPage = getCallCompositePage(call, latestEndedCall, 
-        /* @conditional-compile-remove(call-transfer) */ transferCall, 
+        const newPage = getCallCompositePage(call, latestEndedCall, transferCall, 
         /* @conditional-compile-remove(unsupported-browser) */ environmentInfo);
         if (!IsCallEndedPage(oldPage) && IsCallEndedPage(newPage)) {
             this.emitter.emit('callEnded', { callId: this.callId });
@@ -35973,8 +35964,7 @@ class CallContext {
             this.setState(Object.assign(Object.assign({}, this.state), { userId: clientState.userId, displayName: (_a = clientState.callAgent) === null || _a === void 0 ? void 0 : _a.displayName, call, page: newPage, endedCall: latestEndedCall, devices: clientState.deviceManager, latestErrors: clientState.latestErrors, cameraStatus: (call === null || call === void 0 ? void 0 : call.localVideoStreams.find((s) => s.mediaStreamType === 'Video')) ||
                     clientState.deviceManager.unparentedViews.find((s) => s.mediaStreamType === 'Video')
                     ? 'On'
-                    : 'Off', 
-                /* @conditional-compile-remove(call-transfer) */ acceptedTransferCallState: transferCall }));
+                    : 'Off', acceptedTransferCallState: transferCall }));
         }
     }
     /* @conditional-compile-remove(unsupported-browser) */
@@ -35987,7 +35977,6 @@ class CallContext {
     setSelectedVideoBackgroundEffect(selectedVideoBackgroundEffect) {
         this.setState(Object.assign(Object.assign({}, this.state), { selectedVideoBackgroundEffect }));
     }
-    /* @conditional-compile-remove(call-transfer) */
     setAcceptedTransferCall(call) {
         this.setState(Object.assign(Object.assign({}, this.state), { acceptedTransferCallState: call }));
     }
@@ -36006,7 +35995,6 @@ const findLatestEndedCall = (calls) => {
     }
     return latestCall;
 };
-/* @conditional-compile-remove(call-transfer) */
 const findLatestAcceptedTransfer = (acceptedTransfers) => {
     var _a, _b, _c, _d;
     const acceptedTransferValues = Object.values(acceptedTransfers);
@@ -36092,7 +36080,6 @@ class AzureCommunicationCallAdapter {
         this.onClientStateChange = onStateChange;
         this.subscribeDeviceManagerEvents();
         this.callClient.onStateChange(onStateChange);
-        /* @conditional-compile-remove(call-transfer) */
         if (this.callAgent.kind === 'CallAgent') {
             const onCallsUpdated = (args) => {
                 var _a;
@@ -36753,7 +36740,6 @@ class AzureCommunicationCallAdapter {
         /* @conditional-compile-remove(close-captions) */
         (_e = this.call) === null || _e === void 0 ? void 0 : _e.on('stateChanged', this.subscribeToCaptionEvents.bind(this));
         (_f = this.call) === null || _f === void 0 ? void 0 : _f.on('roleChanged', this.roleChanged.bind(this));
-        /* @conditional-compile-remove(call-transfer) */
         (_g = this.call) === null || _g === void 0 ? void 0 : _g.feature(communicationCalling.Features.Transfer).on('transferAccepted', this.transferAccepted.bind(this));
         (_h = this.call) === null || _h === void 0 ? void 0 : _h.feature(communicationCalling.Features.Capabilities).on('capabilitiesChanged', this.capabilitiesChanged.bind(this));
         /* @conditional-compile-remove(spotlight) */
@@ -36828,7 +36814,6 @@ class AzureCommunicationCallAdapter {
             activeCaptionLanguage: captionsFeature.activeCaptionLanguage
         });
     }
-    /* @conditional-compile-remove(call-transfer) */
     transferAccepted(args) {
         this.emitter.emit('transferAccepted', args);
     }
@@ -39599,4 +39584,4 @@ exports.useTeamsCall = useTeamsCall;
 exports.useTeamsCallAdapter = useTeamsCallAdapter;
 exports.useTeamsCallAgent = useTeamsCallAgent;
 exports.useTheme = useTheme;
-//# sourceMappingURL=index-BcyLWrGT.js.map
+//# sourceMappingURL=index-D5L3GDY8.js.map