@azure/communication-react 1.28.0-alpha-202506110019 → 1.28.0-alpha-202506120019

package/dist/dist-cjs/communication-react/{index-NXI7aNBc.js → index-rf3tf-XH.js}

@@ -187,7 +187,7 @@ function getDefaultExportFromCjs (x) {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
 // GENERATED FILE. DO NOT EDIT MANUALLY.
-var telemetryVersion = '1.28.0-alpha-202506110019';
+var telemetryVersion = '1.28.0-alpha-202506120019';
 
 
 var telemetryVersion$1 = /*@__PURE__*/getDefaultExportFromCjs(telemetryVersion);
@@ -16409,7 +16409,7 @@ class _ErrorBoundary extends React.Component {
 // 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-0CJ2pkhy.js'); }));
+const ChatMessageComponentAsRichTextEditBox = React.lazy(() => Promise.resolve().then(function () { return require('./ChatMessageComponentAsRichTextEditBox-ngP-K5bA.js'); }));
 /**
  * @private
  * Use this function to load RoosterJS dependencies early in the lifecycle.
@@ -16417,7 +16417,7 @@ const ChatMessageComponentAsRichTextEditBox = React.lazy(() => Promise.resolve()
  *
  * @conditional-compile-remove(rich-text-editor)
  */
-const loadChatMessageComponentAsRichTextEditBox = () => Promise.resolve().then(function () { return require('./ChatMessageComponentAsRichTextEditBox-0CJ2pkhy.js'); });
+const loadChatMessageComponentAsRichTextEditBox = () => Promise.resolve().then(function () { return require('./ChatMessageComponentAsRichTextEditBox-ngP-K5bA.js'); });
 /**
  * @private
  */
@@ -31859,7 +31859,7 @@ const AttachmentUploadButton = (props) => {
                 // To ensure that `onChange` is fired even if the same file is picked again.
                 e.currentTarget.value = '';
             }, onChange: (e) => {
-                onChange && onChange(e.currentTarget.files);
+                onChange === null || onChange === void 0 ? void 0 : onChange(e.currentTarget.files);
             } })));
 };
 /* @conditional-compile-remove(file-sharing-acs) */
@@ -32271,7 +32271,7 @@ const AttachmentDownloadErrorBar = (props) => {
 /**
  * Wrapper for RichTextSendBox component to allow us to use usePropsFor with richTextSendBox with lazy loading
  */
-const RichTextSendBoxWrapper = React.lazy(() => Promise.resolve().then(function () { return require('./RichTextSendBoxWrapper-8-rNMb_Z.js'); }).then((module) => ({ default: module.RichTextSendBoxWrapper })));
+const RichTextSendBoxWrapper = React.lazy(() => Promise.resolve().then(function () { return require('./RichTextSendBoxWrapper-CsGkX3is.js'); }).then((module) => ({ default: module.RichTextSendBoxWrapper })));
 /**
  * @private
  * Use this function to load RoosterJS dependencies early in the lifecycle.
@@ -32279,7 +32279,7 @@ const RichTextSendBoxWrapper = React.lazy(() => Promise.resolve().then(function
  *
 /* @conditional-compile-remove(rich-text-editor-composite-support)
  */
-const loadRichTextSendBox = () => Promise.resolve().then(function () { return require('./RichTextSendBoxWrapper-8-rNMb_Z.js'); }).then((module) => ({ default: module.RichTextSendBoxWrapper }));
+const loadRichTextSendBox = () => Promise.resolve().then(function () { return require('./RichTextSendBoxWrapper-CsGkX3is.js'); }).then((module) => ({ default: module.RichTextSendBoxWrapper }));
 /**
  * @private
  */
@@ -32544,7 +32544,9 @@ const deleteInlineImageFromServer = (imageId, adapter) => {
 /* @conditional-compile-remove(rich-text-editor-image-upload) */
 // This function is used to delete the inline image that existed before editing starts
 const deleteExistingInlineImageForEditBox = (imageId, messageId, adapter) => {
-    messageId !== SEND_BOX_UPLOADS_KEY_VALUE && deleteInlineImageFromServer(imageId, adapter);
+    if (messageId !== SEND_BOX_UPLOADS_KEY_VALUE) {
+        deleteInlineImageFromServer(imageId, adapter);
+    }
 };
 /* @conditional-compile-remove(rich-text-editor-image-upload) */
 /**
@@ -34163,7 +34165,12 @@ const createCompositeHandlers = memoizeOne((adapter, capabilities) => {
             yield adapter.stopScreenShare();
         }),
         onToggleCamera: (options) => __awaiter$q(void 0, void 0, void 0, function* () {
-            isCameraOn(adapter.getState()) ? yield adapter.stopCamera() : yield adapter.startCamera(options);
+            if (isCameraOn(adapter.getState())) {
+                yield adapter.stopCamera();
+            }
+            else {
+                yield adapter.startCamera(options);
+            }
         }),
         onToggleMicrophone: () => __awaiter$q(void 0, void 0, void 0, function* () {
             var _l;
@@ -34501,11 +34508,15 @@ const CaptionsBannerMoreButton = (props) => {
             ? localeStrings.strings.call.startCaptionsButtonTooltipOnContent
             : localeStrings.strings.call.startCaptionsButtonTooltipOffContent,
         onClick: () => {
-            startCaptionsButtonProps.checked
-                ? stopCaptions()
-                : startCaptionsButtonProps.currentSpokenLanguage !== ''
-                    ? startCaptions()
-                    : props.onCaptionsSettingsClick && props.onCaptionsSettingsClick();
+            if (startCaptionsButtonProps.checked) {
+                stopCaptions();
+            }
+            else if (startCaptionsButtonProps.currentSpokenLanguage !== '') {
+                startCaptions();
+            }
+            else if (props.onCaptionsSettingsClick) {
+                props.onCaptionsSettingsClick();
+            }
         },
         iconProps: {
             iconName: startCaptionsButtonProps.checked ? 'CaptionsOffIcon' : 'CaptionsIcon',
@@ -34742,7 +34753,7 @@ const EndCall = (props) => {
         setShowHangUpConfirm(!showHangUpConfirm);
     }, [showHangUpConfirm]);
     const onHangUpConfirm = React.useCallback((hangUpForEveryone) => {
-        onHangUp && onHangUp(hangUpForEveryone);
+        onHangUp === null || onHangUp === void 0 ? void 0 : onHangUp(hangUpForEveryone);
         toggleConfirm();
     }, [onHangUp, toggleConfirm]);
     const hangUpOverride = React.useCallback((forEveryone) => __awaiter$o(void 0, void 0, void 0, function* () {
@@ -35692,11 +35703,17 @@ const DesktopMoreButton = (props) => {
                 ? localeStrings.strings.call.startCaptionsButtonTooltipOnContent
                 : localeStrings.strings.call.startCaptionsButtonTooltipOffContent,
             onClick: () => {
-                startCaptionsButtonProps.checked
-                    ? startCaptionsButtonProps.onStopCaptions()
-                    : startCaptionsButtonProps.currentSpokenLanguage !== ''
-                        ? startCaptions()
-                        : props.onCaptionsSettingsClick && props.onCaptionsSettingsClick();
+                if (startCaptionsButtonProps.checked) {
+                    startCaptionsButtonProps.onStopCaptions();
+                }
+                else {
+                    if (startCaptionsButtonProps.currentSpokenLanguage !== '') {
+                        startCaptions();
+                    }
+                    else if (props.onCaptionsSettingsClick) {
+                        props.onCaptionsSettingsClick();
+                    }
+                }
             },
             iconProps: {
                 iconName: startCaptionsButtonProps.checked ? 'CaptionsOffIcon' : 'CaptionsIcon',
@@ -35776,7 +35793,8 @@ const DesktopMoreButton = (props) => {
             ? localeStrings.strings.call.dtmfDialerMoreButtonLabelOn
             : localeStrings.strings.call.dtmfDialerMoreButtonLabelOff,
         onClick: () => {
-            props.onSetDialpadPage && props.onSetDialpadPage();
+            var _a;
+            (_a = props.onSetDialpadPage) === null || _a === void 0 ? void 0 : _a.call(props);
             setDtmfDialerChecked(!dtmfDialerChecked);
         },
         iconProps: {
@@ -35799,7 +35817,8 @@ const DesktopMoreButton = (props) => {
         },
         text: localeStrings.strings.call.phoneCallMoreButtonLabel,
         onClick: () => {
-            props.onMeetingPhoneInfoClick && props.onMeetingPhoneInfoClick();
+            var _a;
+            (_a = props.onMeetingPhoneInfoClick) === null || _a === void 0 ? void 0 : _a.call(props);
         },
         iconProps: {
             iconName: 'PhoneNumberButton',
@@ -35838,7 +35857,8 @@ const DesktopMoreButton = (props) => {
                         },
                         isChecked: props.userSetGalleryLayout === 'floatingLocalVideo',
                         onClick: () => {
-                            props.onUserSetGalleryLayout && props.onUserSetGalleryLayout('floatingLocalVideo');
+                            var _a;
+                            (_a = props.onUserSetGalleryLayout) === null || _a === void 0 ? void 0 : _a.call(props, 'floatingLocalVideo');
                             setFocusedContentOn(false);
                         },
                         iconProps: {
@@ -35855,7 +35875,8 @@ const DesktopMoreButton = (props) => {
                         },
                         isChecked: props.userSetGalleryLayout === 'speaker',
                         onClick: () => {
-                            props.onUserSetGalleryLayout && props.onUserSetGalleryLayout('speaker');
+                            var _a;
+                            (_a = props.onUserSetGalleryLayout) === null || _a === void 0 ? void 0 : _a.call(props, 'speaker');
                             setFocusedContentOn(false);
                         },
                         iconProps: {
@@ -35872,14 +35893,14 @@ const DesktopMoreButton = (props) => {
                         },
                         isChecked: focusedContentOn,
                         onClick: () => {
-                            var _a;
+                            var _a, _b, _c;
                             if (focusedContentOn === false) {
                                 setPreviousLayout((_a = props.userSetGalleryLayout) !== null && _a !== void 0 ? _a : 'floatingLocalVideo');
-                                props.onUserSetGalleryLayout && props.onUserSetGalleryLayout('focusedContent');
+                                (_b = props.onUserSetGalleryLayout) === null || _b === void 0 ? void 0 : _b.call(props, 'focusedContent');
                                 setFocusedContentOn(true);
                             }
                             else {
-                                props.onUserSetGalleryLayout && props.onUserSetGalleryLayout(previousLayout);
+                                (_c = props.onUserSetGalleryLayout) === null || _c === void 0 ? void 0 : _c.call(props, previousLayout);
                                 setFocusedContentOn(false);
                             }
                         },
@@ -35904,7 +35925,8 @@ const DesktopMoreButton = (props) => {
             },
             isChecked: props.userSetGalleryLayout === 'default',
             onClick: () => {
-                props.onUserSetGalleryLayout && props.onUserSetGalleryLayout('default');
+                var _a;
+                (_a = props.onUserSetGalleryLayout) === null || _a === void 0 ? void 0 : _a.call(props, 'default');
                 setFocusedContentOn(false);
             },
             iconProps: {
@@ -35922,7 +35944,8 @@ const DesktopMoreButton = (props) => {
             },
             isChecked: props.userSetGalleryLayout === 'largeGallery',
             onClick: () => {
-                props.onUserSetGalleryLayout && props.onUserSetGalleryLayout('largeGallery');
+                var _a;
+                (_a = props.onUserSetGalleryLayout) === null || _a === void 0 ? void 0 : _a.call(props, 'largeGallery');
                 setFocusedContentOn(false);
             },
             iconProps: {
@@ -35939,7 +35962,8 @@ const DesktopMoreButton = (props) => {
             },
             isChecked: props.userSetGalleryLayout === 'togetherMode',
             onClick: () => {
-                props.onUserSetGalleryLayout && props.onUserSetGalleryLayout('togetherMode');
+                var _a;
+                (_a = props.onUserSetGalleryLayout) === null || _a === void 0 ? void 0 : _a.call(props, 'togetherMode');
                 setFocusedContentOn(false);
             },
             disabled: !(((participantId === null || participantId === void 0 ? void 0 : participantId.kind) === 'microsoftTeamsUser' && ((_e = participantCapability === null || participantCapability === void 0 ? void 0 : participantCapability.startTogetherMode) === null || _e === void 0 ? void 0 : _e.isPresent)) ||
@@ -35964,12 +35988,13 @@ const DesktopMoreButton = (props) => {
             },
             isChecked: galleryPositionTop,
             onClick: () => {
+                var _a, _b;
                 if (galleryPositionTop === false) {
-                    props.onUserSetOverflowGalleryPositionChange && props.onUserSetOverflowGalleryPositionChange('horizontalTop');
+                    (_a = props.onUserSetOverflowGalleryPositionChange) === null || _a === void 0 ? void 0 : _a.call(props, 'horizontalTop');
                     setGalleryPositionTop(true);
                 }
                 else {
-                    props.onUserSetOverflowGalleryPositionChange && props.onUserSetOverflowGalleryPositionChange('Responsive');
+                    (_b = props.onUserSetOverflowGalleryPositionChange) === null || _b === void 0 ? void 0 : _b.call(props, 'Responsive');
                     setGalleryPositionTop(false);
                 }
             }
@@ -36908,7 +36933,8 @@ const MoreDrawer = (props) => {
                 itemKey: 'dynamicSelectionKey',
                 text: localeStrings.strings.call.moreButtonGalleryFloatingLocalLayoutLabel,
                 onItemClick: () => {
-                    props.onUserSetGalleryLayout && props.onUserSetGalleryLayout('floatingLocalVideo');
+                    var _a;
+                    (_a = props.onUserSetGalleryLayout) === null || _a === void 0 ? void 0 : _a.call(props, 'floatingLocalVideo');
                     onLightDismiss();
                 },
                 iconProps: {
@@ -36921,7 +36947,8 @@ const MoreDrawer = (props) => {
                 itemKey: 'focusedContentSelectionKey',
                 text: localeStrings.strings.call.moreButtonGalleryFocusedContentLayoutLabel,
                 onItemClick: () => {
-                    props.onUserSetGalleryLayout && props.onUserSetGalleryLayout('focusedContent');
+                    var _a;
+                    (_a = props.onUserSetGalleryLayout) === null || _a === void 0 ? void 0 : _a.call(props, 'focusedContent');
                     onLightDismiss();
                 },
                 iconProps: {
@@ -36937,7 +36964,8 @@ const MoreDrawer = (props) => {
         itemKey: 'defaultSelectionKey',
         text: localeStrings.strings.call.moreButtonGalleryDefaultLayoutLabel,
         onItemClick: () => {
-            props.onUserSetGalleryLayout && props.onUserSetGalleryLayout('default');
+            var _a;
+            (_a = props.onUserSetGalleryLayout) === null || _a === void 0 ? void 0 : _a.call(props, 'default');
             onLightDismiss();
         },
         iconProps: {
@@ -36950,7 +36978,8 @@ const MoreDrawer = (props) => {
         itemKey: 'togetherModeSelectionKey',
         text: localeStrings.strings.call.moreButtonTogetherModeLayoutLabel,
         onItemClick: () => {
-            props.onUserSetGalleryLayout && props.onUserSetGalleryLayout('togetherMode');
+            var _a;
+            (_a = props.onUserSetGalleryLayout) === null || _a === void 0 ? void 0 : _a.call(props, 'togetherMode');
             onLightDismiss();
         },
         iconProps: {
@@ -38063,7 +38092,7 @@ const usePeoplePane = (props) => {
         localeStrings.muteAllCancelButtonLabel
     ]);
     const onMuteAllPromptConfirm = React.useCallback(() => {
-        onMuteAllRemoteParticipants && onMuteAllRemoteParticipants();
+        onMuteAllRemoteParticipants === null || onMuteAllRemoteParticipants === void 0 ? void 0 : onMuteAllRemoteParticipants();
         setShowMuteAllPrompt(false);
     }, [onMuteAllRemoteParticipants, setShowMuteAllPrompt]);
     const [showForbidOthersAudioPrompt, setShowForbidOthersAudioPrompt] = React.useState(false);
@@ -38071,19 +38100,19 @@ const usePeoplePane = (props) => {
     const [showForbidOthersVideoPrompt, setShowForbidOthersVideoPrompt] = React.useState(false);
     const [showPermitOthersVideoPrompt, setShowPermitOthersVideoPrompt] = React.useState(false);
     const onForbidAllAttendeesPromptConfirm = React.useCallback(() => {
-        onForbidOthersAudio && onForbidOthersAudio();
+        onForbidOthersAudio === null || onForbidOthersAudio === void 0 ? void 0 : onForbidOthersAudio();
         setShowForbidOthersAudioPrompt(false);
     }, [onForbidOthersAudio, setShowForbidOthersAudioPrompt]);
     const onPermitAllAttendeesPromptConfirm = React.useCallback(() => {
-        onPermitOthersAudio && onPermitOthersAudio();
+        onPermitOthersAudio === null || onPermitOthersAudio === void 0 ? void 0 : onPermitOthersAudio();
         setShowPermitOthersAudioPrompt(false);
     }, [onPermitOthersAudio, setShowPermitOthersAudioPrompt]);
     const onForbidOthersVideoPromptConfirm = React.useCallback(() => {
-        onForbidOthersVideo && onForbidOthersVideo();
+        onForbidOthersVideo === null || onForbidOthersVideo === void 0 ? void 0 : onForbidOthersVideo();
         setShowForbidOthersVideoPrompt(false);
     }, [onForbidOthersVideo, setShowForbidOthersVideoPrompt]);
     const onPermitOthersVideoPromptConfirm = React.useCallback(() => {
-        onPermitOthersVideo && onPermitOthersVideo();
+        onPermitOthersVideo === null || onPermitOthersVideo === void 0 ? void 0 : onPermitOthersVideo();
         setShowPermitOthersVideoPrompt(false);
     }, [onPermitOthersVideo, setShowPermitOthersVideoPrompt]);
     const sidePaneHeaderMenuProps = React.useMemo(() => {
@@ -38125,8 +38154,7 @@ const usePeoplePane = (props) => {
         const isMeetingAudioPermitted = meetingMediaAccess ? meetingMediaAccess.isAudioPermitted : true;
         const isMeetingVideoPermitted = meetingMediaAccess ? meetingMediaAccess.isVideoPermitted : true;
         if (onForbidOthersAudio && remoteParticipants) {
-            hasAttendee &&
-                isMeetingAudioPermitted &&
+            if (hasAttendee && isMeetingAudioPermitted) {
                 menuItems.push({
                     ['data-ui-id']: 'people-pane-forbid-all-attendees-audio',
                     key: 'forbidOthersAudio',
@@ -38141,10 +38169,10 @@ const usePeoplePane = (props) => {
                     ariaLabel: localeStrings.forbidOthersAudioMenuLabel,
                     disabled: !hasAttendee
                 });
+            }
         }
         if (onPermitOthersAudio && remoteParticipants) {
-            hasAttendee &&
-                !isMeetingAudioPermitted &&
+            if (hasAttendee && !isMeetingAudioPermitted) {
                 menuItems.push({
                     ['data-ui-id']: 'people-pane-permit-all-attendees-audio',
                     key: 'permitOthersAudio',
@@ -38159,10 +38187,10 @@ const usePeoplePane = (props) => {
                     ariaLabel: localeStrings.permitOthersAudioMenuLabel,
                     disabled: !hasAttendee
                 });
+            }
         }
         if (onForbidOthersVideo && remoteParticipants) {
-            hasAttendee &&
-                isMeetingVideoPermitted &&
+            if (hasAttendee && isMeetingVideoPermitted) {
                 menuItems.push({
                     ['data-ui-id']: 'people-pane-forbid-all-attendees-video',
                     key: 'forbidOthersVideo',
@@ -38177,10 +38205,10 @@ const usePeoplePane = (props) => {
                     ariaLabel: localeStrings.forbidOthersVideoMenuLabel,
                     disabled: !hasAttendee
                 });
+            }
         }
         if (onPermitOthersVideo && remoteParticipants) {
-            hasAttendee &&
-                !isMeetingVideoPermitted &&
+            if (hasAttendee && !isMeetingVideoPermitted) {
                 menuItems.push({
                     ['data-ui-id']: 'people-pane-permit-all-attendees-video',
                     key: 'permitOthersVideo',
@@ -38195,6 +38223,7 @@ const usePeoplePane = (props) => {
                     ariaLabel: localeStrings.permitOthersVideoMenuLabel,
                     disabled: !hasAttendee
                 });
+            }
         }
         if (onStopAllSpotlight && spotlightedParticipantUserIds && spotlightedParticipantUserIds.length > 0) {
             menuItems.push({
@@ -38916,7 +38945,9 @@ const useVideoEffectsPane = (updateSidePaneRenderer, mobileView, latestErrors, o
     const onRenderContent = React.useCallback(() => {
         return (React.createElement(VideoEffectsPaneContent, { onDismissError: onDismissError, activeVideoEffectError: latestVideoEffectError, activeVideoEffectChange: () => {
                 // Clear any existing video effects error when the user clicks on a new video effect
-                latestVideoEffectError && (onDismissError === null || onDismissError === void 0 ? void 0 : onDismissError(latestVideoEffectError));
+                if (latestVideoEffectError) {
+                    onDismissError === null || onDismissError === void 0 ? void 0 : onDismissError(latestVideoEffectError);
+                }
             }, updateFocusHandle: updateFocusHandle, backgroundImages: backgroundImages }));
     }, [latestVideoEffectError, onDismissError, updateFocusHandle, backgroundImages]);
     const sidePaneRenderer = React.useMemo(() => ({
@@ -40065,9 +40096,9 @@ const ExpandedLocalVideoTile = (props) => {
     const isVideoReady = (_a = videoStream === null || videoStream === void 0 ? void 0 : videoStream.isAvailable) !== null && _a !== void 0 ? _a : false;
     const renderElement = videoStream === null || videoStream === void 0 ? void 0 : videoStream.renderElement;
     React.useEffect(() => {
+        var _a;
         if (videoStream && isVideoReady) {
-            props.onCreateLocalStreamView &&
-                props.onCreateLocalStreamView(localVideoViewOptions$1).catch((err) => console.log('Can not render video', err));
+            (_a = props.onCreateLocalStreamView) === null || _a === void 0 ? void 0 : _a.call(props, localVideoViewOptions$1).catch((err) => console.log('Can not render video', err));
         }
     }, [isVideoReady, videoStream, props, renderElement]);
     return (React.createElement(react.Stack, { horizontalAlign: "center", verticalAlign: "center", styles: containerStyles$1, grow: true },
@@ -41131,7 +41162,12 @@ const LocalPreview = (props) => {
     const isLocalMicrophoneEnabled = useSelector$1(getLocalMicrophoneEnabled);
     const adapter = useAdapter();
     const onToggleMic = React.useCallback(() => __awaiter$d(void 0, void 0, void 0, function* () {
-        isLocalMicrophoneEnabled ? adapter.mute() : adapter.unmute();
+        if (isLocalMicrophoneEnabled) {
+            adapter.mute();
+        }
+        else {
+            adapter.unmute();
+        }
     }), [adapter, isLocalMicrophoneEnabled]);
     const hasNoSpeakers = !devicesButtonProps.speakers.length;
     const hasNoDevices = devicesButtonProps.cameras.length === 0 &&
@@ -44335,7 +44371,7 @@ class AzureCommunicationCallAdapter {
         });
         removed.forEach((participant) => {
             const subscriber = this.participantSubscribers.get(toFlatCommunicationIdentifier(participant.identifier));
-            subscriber && subscriber.unsubscribeAll();
+            subscriber === null || subscriber === void 0 ? void 0 : subscriber.unsubscribeAll();
             this.participantSubscribers.delete(toFlatCommunicationIdentifier(participant.identifier));
         });
     }
@@ -44443,7 +44479,9 @@ class AzureCommunicationCallAdapter {
     }
     callIdChanged() {
         var _a;
-        ((_a = this.call) === null || _a === void 0 ? void 0 : _a.id) && this.emitter.emit('callIdChanged', { callId: this.call.id });
+        if ((_a = this.call) === null || _a === void 0 ? void 0 : _a.id) {
+            this.emitter.emit('callIdChanged', { callId: this.call.id });
+        }
     }
     resetDiagnosticsForwarder(newCall) {
         if (this.diagnosticsForwarder) {
@@ -44915,7 +44953,9 @@ class CallWithChatBackedCallAdapter {
         };
         this.offStateChange = (handler) => {
             const convertedHandler = this.eventStore.get(handler);
-            convertedHandler && this.callWithChatAdapter.offStateChange(convertedHandler);
+            if (convertedHandler) {
+                this.callWithChatAdapter.offStateChange(convertedHandler);
+            }
         };
         this.getState = () => callAdapterStateFromCallWithChatAdapterState(this.callWithChatAdapter.getState());
         this.dispose = () => this.callWithChatAdapter.dispose();
@@ -45207,14 +45247,18 @@ class CallWithChatBackedChatAdapter {
         this.dispose = () => this.callWithChatAdapter.dispose();
         this.onStateChange = (handler) => {
             const convertedHandler = (state) => {
-                !!state.chat && handler(chatAdapterStateFromCallWithChatAdapterState(state));
+                if (state.chat) {
+                    handler(chatAdapterStateFromCallWithChatAdapterState(state));
+                }
             };
             this.callWithChatAdapter.onStateChange(convertedHandler);
             this.eventStore.set(handler, convertedHandler);
         };
         this.offStateChange = (handler) => {
             const convertedHandler = this.eventStore.get(handler);
-            convertedHandler && this.callWithChatAdapter.offStateChange(convertedHandler);
+            if (convertedHandler) {
+                this.callWithChatAdapter.offStateChange(convertedHandler);
+            }
         };
         this.getState = () => chatAdapterStateFromCallWithChatAdapterState(this.callWithChatAdapter.getState());
         /* eslint-disable @typescript-eslint/explicit-module-boundary-types */
@@ -45511,7 +45555,12 @@ const CallWithChatScreen = (props) => {
     }, [closeChat, isOnHold]);
     const hasJoinedCall = !!(currentPage && hasJoinedCallFn(currentPage, currentCallState !== null && currentCallState !== void 0 ? currentCallState : 'None'));
     const toggleChat = React.useCallback(() => {
-        isChatOpen || !hasJoinedCall ? closeChat() : openChat();
+        if (isChatOpen || !hasJoinedCall) {
+            closeChat();
+        }
+        else {
+            openChat();
+        }
     }, [closeChat, hasJoinedCall, isChatOpen, openChat]);
     const callWithChatStrings = useCallWithChatCompositeStrings();
     const chatButtonStrings = React.useMemo(() => ({
@@ -46770,11 +46819,15 @@ class TeamsMeetingLinkProvider {
                 const chatThreadPromise = new Promise((resolve) => {
                     this.callAdapterPromise.then((callAdapter) => {
                         // Ensure function is idempotent by removing any existing subscription.
-                        this.callAdapterSubscription && callAdapter.offStateChange(this.callAdapterSubscription);
+                        if (this.callAdapterSubscription) {
+                            callAdapter.offStateChange(this.callAdapterSubscription);
+                        }
                         this.callAdapterSubscription = (state) => {
                             var _a, _b, _c;
                             if (((_a = state.call) === null || _a === void 0 ? void 0 : _a.state) === 'Connected' && ((_b = state.call.info) === null || _b === void 0 ? void 0 : _b.threadId)) {
-                                this.callAdapterSubscription && callAdapter.offStateChange(this.callAdapterSubscription);
+                                if (this.callAdapterSubscription) {
+                                    callAdapter.offStateChange(this.callAdapterSubscription);
+                                }
                                 this.callAdapterSubscription = undefined;
                                 resolve((_c = state.call.info) === null || _c === void 0 ? void 0 : _c.threadId);
                             }
@@ -47704,4 +47757,4 @@ exports.useTeamsCall = useTeamsCall;
 exports.useTeamsCallAdapter = useTeamsCallAdapter;
 exports.useTeamsCallAgent = useTeamsCallAgent;
 exports.useTheme = useTheme;
-//# sourceMappingURL=index-NXI7aNBc.js.map
+//# sourceMappingURL=index-rf3tf-XH.js.map