@azure/communication-react 1.28.0-alpha-202505280019 → 1.28.0-alpha-202505300019

package/dist/dist-cjs/communication-react/{index-MirQ5T4i.js → index-ITd2ru2_.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-202505280019';
+var telemetryVersion = '1.28.0-alpha-202505300019';
 
 
 var telemetryVersion$1 = /*@__PURE__*/getDefaultExportFromCjs(telemetryVersion);
@@ -844,10 +844,9 @@ const cameraButtonSelector = reselect__namespace.createSelector([getLocalVideoSt
  * @public
  */
 const raiseHandButtonSelector = reselect__namespace.createSelector([getLocalParticipantRaisedHand$1, getCallState], (raisedHand, callState) => {
-    var _a;
     return {
         checked: raisedHand ? true : false,
-        disabled: callState === 'InLobby' ? true : (_a = callState === 'Connecting') !== null && _a !== void 0 ? _a : false
+        disabled: callState === 'InLobby' ? true : callState === 'Connecting'
     };
 });
 /**
@@ -940,7 +939,9 @@ const createDefaultCommonCallingHandlers = memoizeOne((callClient, deviceManager
         if (!videoDeviceInfo) {
             const cameras = yield (deviceManager === null || deviceManager === void 0 ? void 0 : deviceManager.getCameras());
             videoDeviceInfo = cameras && cameras.length > 0 ? cameras[0] : undefined;
-            videoDeviceInfo && (deviceManager === null || deviceManager === void 0 ? void 0 : deviceManager.selectCamera(videoDeviceInfo));
+            if (videoDeviceInfo) {
+                deviceManager === null || deviceManager === void 0 ? void 0 : deviceManager.selectCamera(videoDeviceInfo);
+            }
         }
         if (!callId || !videoDeviceInfo) {
             return;
@@ -983,9 +984,10 @@ const createDefaultCommonCallingHandlers = memoizeOne((callClient, deviceManager
             const stream = call.localVideoStreams.find((stream) => stream.mediaStreamType === 'Video');
             const unparentedViews = callClient.getState().deviceManager.unparentedViews;
             if (stream || unparentedViews.length > 0) {
-                unparentedViews &&
-                    (yield unparentedViews.forEach((view) => view.mediaStreamType === 'Video' && callClient.disposeView(undefined, undefined, view)));
-                stream && (yield onStopLocalVideo(stream));
+                unparentedViews.forEach((view) => view.mediaStreamType === 'Video' && callClient.disposeView(undefined, undefined, view));
+                if (stream) {
+                    yield onStopLocalVideo(stream);
+                }
             }
             else {
                 yield onStartLocalVideo();
@@ -3700,16 +3702,19 @@ let CallContext$2 = class CallContext {
         // if inProgressRealTimeTexts is an array
         if (inProgressRealTimeTexts && Array.isArray(inProgressRealTimeTexts)) {
             // find the in progress real time text that has not been updated for 5 seconds
-            inProgressRealTimeTexts.forEach((realTimeText, index) => {
-                if (realTimeText.updatedTimestamp && Date.now() - realTimeText.updatedTimestamp.getTime() > 5000) {
+            for (let i = inProgressRealTimeTexts.length - 1; i >= 0; i--) {
+                const realTimeText = inProgressRealTimeTexts[i];
+                if ((realTimeText === null || realTimeText === void 0 ? void 0 : realTimeText.updatedTimestamp) && Date.now() - (realTimeText === null || realTimeText === void 0 ? void 0 : realTimeText.updatedTimestamp.getTime()) > 5000) {
                     // turn the in progress real time text to final
                     realTimeText.resultType = 'Final';
                     // move the in progress real time text to completed
                     completedRealTimeTexts.push(realTimeText);
                     // remove the in progress real time text from in progress
-                    inProgressRealTimeTexts && inProgressRealTimeTexts.splice(index, 1);
+                    if (inProgressRealTimeTexts) {
+                        inProgressRealTimeTexts.splice(i, 1);
+                    }
                 }
-            });
+            }
         }
         else {
             // if inProgressRealTimeTexts is a single object
@@ -4521,9 +4526,12 @@ function createViewVideo(context, internalContext, callId, stream, participantId
             return;
         }
         const renderer = new communicationCalling.VideoStreamRenderer(renderInfo.stream);
-        streamEventType === 'createViewRemote' && participantKey
-            ? internalContext.setRemoteRenderInfo(callId, participantKey, remoteStreamId, renderInfo.stream, 'Rendering', undefined)
-            : internalContext.setLocalRenderInfo(callId, localStreamKey, renderInfo.stream, 'Rendering', renderer);
+        if (streamEventType === 'createViewRemote' && participantKey) {
+            internalContext.setRemoteRenderInfo(callId, participantKey, remoteStreamId, renderInfo.stream, 'Rendering', undefined);
+        }
+        else {
+            internalContext.setLocalRenderInfo(callId, localStreamKey, renderInfo.stream, 'Rendering', renderer);
+        }
         let view;
         try {
             view = yield renderer.createView(options);
@@ -4549,12 +4557,17 @@ function createViewVideo(context, internalContext, callId, stream, participantId
             // and clean up the state.
             _logStreamEvent(EventNames.RENDER_INFO_NOT_FOUND, streamLogInfo);
             renderer.dispose();
-            streamEventType === 'createViewRemote' && participantKey
-                ? context.setRemoteVideoStreamRendererView(callId, participantKey, remoteStreamId, undefined)
-                : context.setLocalVideoStreamRendererView(callId, localStreamKey, undefined);
+            if (streamEventType === 'createViewRemote' && participantKey) {
+                context.setRemoteVideoStreamRendererView(callId, participantKey, remoteStreamId, undefined);
+            }
+            else {
+                context.setLocalVideoStreamRendererView(callId, localStreamKey, undefined);
+            }
             return;
         }
         if (refreshedRenderInfo.status === 'Stopping') {
+            // Stop render was called on this stream after we had started rendering. We will dispose this view and do not
+            // put the view into the state.
             _logStreamEvent(EventNames.CREATED_STREAM_STOPPING, streamLogInfo);
             renderer.dispose();
             if (streamEventType === 'createViewRemote' && participantKey) {
@@ -4697,9 +4710,12 @@ function disposeViewVideo(context, internalContext, callId, stream, participantI
     // rendering and clean up the state once the view has finished being created.
     if (renderInfo.status === 'Rendering') {
         _logStreamEvent(EventNames.STREAM_STOPPING, streamLogInfo);
-        streamEventType === 'disposeViewRemote' && participantKey
-            ? internalContext.setRemoteRenderInfo(callId, participantKey, remoteStreamId, renderInfo.stream, 'Stopping', undefined)
-            : internalContext.setLocalRenderInfo(callId, localStreamKey, renderInfo.stream, 'Stopping', renderInfo.renderer);
+        if (streamEventType === 'disposeViewRemote' && participantKey) {
+            internalContext.setRemoteRenderInfo(callId, participantKey, remoteStreamId, renderInfo.stream, 'Stopping', undefined);
+        }
+        else {
+            internalContext.setLocalRenderInfo(callId, localStreamKey, renderInfo.stream, 'Stopping', renderInfo.renderer);
+        }
         return;
     }
     if (renderInfo.renderer) {
@@ -13943,7 +13959,7 @@ const RichTextInputBoxComponent = (props) => {
         const isRichTextEditorToolbarShown = showRichTextEditorFormatting === true;
         if (ev.key === 'Enter' && ev.shiftKey === false && !isRichTextEditorToolbarShown) {
             ev.preventDefault();
-            onEnterKeyDown && onEnterKeyDown();
+            onEnterKeyDown === null || onEnterKeyDown === void 0 ? void 0 : onEnterKeyDown();
         }
         else {
             onTyping === null || onTyping === void 0 ? void 0 : onTyping();
@@ -15830,7 +15846,7 @@ const _AttachmentDownloadCards = (props) => {
                 return defaultMenuActions;
             }
         }
-        catch (error) {
+        catch (_a) {
             return defaultMenuActions;
         }
     }, []);
@@ -16151,7 +16167,9 @@ const MessageBubble$1 = (props) => {
             return getMessageEditedDetails(message, theme, strings.editedTag);
         }
     }, [message, messageStatus, strings.editedTag, strings.failToSendTag, theme]);
-    const isBlockedMessage = /* @conditional-compile-remove(data-loss-prevention) */ message.messageType === 'blocked';
+    const isBlockedMessage = 
+    // eslint-disable-next-line no-constant-binary-expression
+    /* @conditional-compile-remove(data-loss-prevention) */ message.messageType === 'blocked';
     const chatMyMessageStyles = useChatMyMessageStyles();
     const chatMessageCommonStyles = useChatMessageCommonStyles();
     const attached = message.attached === true ? 'center' : message.attached === 'bottom' ? 'bottom' : 'top';
@@ -16373,7 +16391,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-C3-bBRPP.js'); }));
+const ChatMessageComponentAsRichTextEditBox = React.lazy(() => Promise.resolve().then(function () { return require('./ChatMessageComponentAsRichTextEditBox-BKu5oTzG.js'); }));
 /**
  * @private
  * Use this function to load RoosterJS dependencies early in the lifecycle.
@@ -16381,7 +16399,7 @@ const ChatMessageComponentAsRichTextEditBox = React.lazy(() => Promise.resolve()
  *
  * @conditional-compile-remove(rich-text-editor)
  */
-const loadChatMessageComponentAsRichTextEditBox = () => Promise.resolve().then(function () { return require('./ChatMessageComponentAsRichTextEditBox-C3-bBRPP.js'); });
+const loadChatMessageComponentAsRichTextEditBox = () => Promise.resolve().then(function () { return require('./ChatMessageComponentAsRichTextEditBox-BKu5oTzG.js'); });
 /**
  * @private
  */
@@ -16665,7 +16683,9 @@ const MessageBubble = (props) => {
         strings,
         userId
     ]);
-    const isBlockedMessage = /* @conditional-compile-remove(data-loss-prevention) */ message.messageType === 'blocked';
+    const isBlockedMessage = 
+    // eslint-disable-next-line no-constant-binary-expression
+    /* @conditional-compile-remove(data-loss-prevention) */ message.messageType === 'blocked';
     const chatMessageCommonStyles = useChatMessageCommonStyles();
     /* @conditional-compile-remove(file-sharing-acs) */
     const hasMultipleAttachments = React.useMemo(() => {
@@ -19235,7 +19255,7 @@ function useLongPress(props) {
             return;
         }
         setAction(true);
-        timerRef.current && clearTimeout(timerRef.current);
+        clearTimeout(timerRef.current);
     }, [touchEventsOnly]);
     const handleOnMouseDown = React.useCallback(() => {
         if (touchEventsOnly) {
@@ -19247,7 +19267,7 @@ function useLongPress(props) {
         if (touchEventsOnly) {
             return;
         }
-        timerRef.current && clearTimeout(timerRef.current);
+        clearTimeout(timerRef.current);
     }, [touchEventsOnly]);
     const handleOnTouchStart = React.useCallback(() => {
         startPressTimer();
@@ -19256,10 +19276,10 @@ function useLongPress(props) {
         if (!isLongPress && onClick) {
             onClick();
         }
-        timerRef.current && clearTimeout(timerRef.current);
+        clearTimeout(timerRef.current);
     }, [onClick, isLongPress]);
     const handleOnTouchMove = React.useCallback(() => {
-        timerRef.current && clearTimeout(timerRef.current);
+        clearTimeout(timerRef.current);
     }, []);
     return React.useMemo(() => ({
         onClick: handleOnClick,
@@ -21811,10 +21831,7 @@ const overflowGalleryTrampoline$3 = (gallery, galleryPosition) => {
 
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-/* eslint-disable react/prop-types */
-/* eslint-disable @typescript-eslint/no-unused-vars */
 /* eslint-disable @typescript-eslint/explicit-function-return-type */
-/* eslint-disable @typescript-eslint/explicit-module-boundary-types */
 /* eslint-disable @typescript-eslint/no-explicit-any */
 const animationDuration = react.AnimationVariables.durationValue2;
 const ZERO = { x: 0, y: 0 };
@@ -21954,9 +21971,7 @@ const ModalBase = React__namespace.forwardRef((propsWithoutDefaults, ref) => {
         setModalMenuClose();
         internalState.isInKeyboardMoveMode = false;
     }, [internalState, setModalMenuClose]);
-    const handleDrag = React__namespace.useCallback(
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    (ev, dragData) => {
+    const handleDrag = React__namespace.useCallback((ev, dragData) => {
         setCoordinates((prevValue) => ({
             x: getClampedAxis('x', prevValue.x + dragData.delta.x),
             y: getClampedAxis('y', prevValue.y + dragData.delta.y)
@@ -22321,7 +22336,7 @@ class DraggableZone extends React__namespace.Component {
         if (!element || element === document.body) {
             return false;
         }
-        // eslint-disable-next-line @typescript-eslint/ban-types
+        // eslint-disable-next-line @typescript-eslint/no-unsafe-function-type
         const matchesSelectorFn = element.matches || element.webkitMatchesSelector || element.msMatchesSelector; /* for IE */
         if (!matchesSelectorFn) {
             return false;
@@ -25013,7 +25028,6 @@ const DialpadContainer = (props) => {
             onClickDialpadButton(input, index);
         }
     };
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     const setText = (input) => {
         // remove non-valid characters from input: letters,special characters excluding +, *,#
         const plainInput = sanitizeInput(input);
@@ -25738,7 +25752,7 @@ const videoEffectsItemContainerStyles = (args) => {
  * @internal
  */
 const _VideoEffectsItem = (props) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+    var _a, _b, _c, _d, _e, _f, _g, _h;
     const theme = react.useTheme();
     const isSelected = (_a = props.isSelected) !== null && _a !== void 0 ? _a : false;
     const disabled = (_b = props.disabled) !== null && _b !== void 0 ? _b : false;
@@ -25753,7 +25767,7 @@ const _VideoEffectsItem = (props) => {
     }), [backgroundImage, disabled, isSelected, theme]);
     return (React.createElement(react.TooltipHost, Object.assign({}, props.tooltipProps),
         React.createElement(react.Stack, { key: props.itemKey, className: react.mergeStyles((_f = props.styles) === null || _f === void 0 ? void 0 : _f.root), verticalAlign: "center", horizontalAlign: "center", "data-ui-id": `video-effects-item` },
-            React.createElement(react.DefaultButton, { styles: containerStyles(), onClick: disabled ? undefined : () => { var _a; return (_a = props.onSelect) === null || _a === void 0 ? void 0 : _a.call(props, props.itemKey); }, componentRef: props.componentRef, ariaLabel: (_j = (_g = props.ariaLabel) !== null && _g !== void 0 ? _g : `${props.title}, ${(_h = props.tooltipProps) === null || _h === void 0 ? void 0 : _h.content}`) !== null && _j !== void 0 ? _j : props.itemKey, "aria-disabled": props.disabled, role: "radio", "aria-checked": isSelected },
+            React.createElement(react.DefaultButton, { styles: containerStyles(), onClick: disabled ? undefined : () => { var _a; return (_a = props.onSelect) === null || _a === void 0 ? void 0 : _a.call(props, props.itemKey); }, componentRef: props.componentRef, ariaLabel: (_g = props.ariaLabel) !== null && _g !== void 0 ? _g : `${props.title}, ${(_h = props.tooltipProps) === null || _h === void 0 ? void 0 : _h.content}`, "aria-disabled": props.disabled, role: "radio", "aria-checked": isSelected },
                 React.createElement(react.Stack, { horizontalAlign: 'center', className: react.mergeStyles({ width: '100%' }) },
                     props.iconProps && (React.createElement(react.Stack.Item, { className: iconContainerStyles },
                         React.createElement(react.Icon, Object.assign({}, props.iconProps)))),
@@ -27862,7 +27876,7 @@ const createDefaultCallingHandlersForComponent = (callClient, callAgent, deviceM
  *
  * @public
  */
-// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types, @typescript-eslint/explicit-function-return-type
+// eslint-disable-next-line @typescript-eslint/explicit-function-return-type
 const useHandlers$3 = (component) => {
     var _a, _b, _c;
     const callClient = (_a = React.useContext(CallClientContext)) === null || _a === void 0 ? void 0 : _a.callClient;
@@ -28085,7 +28099,6 @@ const emptySelector = () => ({});
  *
  * @public
  */
-// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
 const getSelector$1 = (component) => {
     return findSelector$1(component);
 };
@@ -28193,8 +28206,7 @@ const createDefaultChatHandlers = memoizeOne((chatClient, chatThreadClient) => {
         onSendMessage: function (content, options) {
             return __awaiter$D(this, void 0, void 0, function* () {
                 const sendMessageRequest = {
-                    content,
-                    senderDisplayName: chatClient.getState().displayName
+                    content
                 };
                 /* @conditional-compile-remove(rich-text-editor-image-upload) */
                 const imageAttachments = getImageAttachmentsFromHTMLContent(content);
@@ -28217,12 +28229,13 @@ const createDefaultChatHandlers = memoizeOne((chatClient, chatThreadClient) => {
                             fileSharingMetadata: JSON.stringify(options === null || options === void 0 ? void 0 : options.attachments) }),
                         /* @conditional-compile-remove(rich-text-editor-image-upload) */
                         attachments: imageAttachments,
-                        type: options === null || options === void 0 ? void 0 : options.type
+                        type: options === null || options === void 0 ? void 0 : options.type,
+                        senderDisplayName: chatClient.getState().displayName
                     };
                     yield chatThreadClient.sendMessage(sendMessageRequest, chatSDKOptions);
                     return;
                 }
-                yield chatThreadClient.sendMessage(sendMessageRequest, options);
+                yield chatThreadClient.sendMessage(sendMessageRequest, Object.assign(Object.assign({}, options), { senderDisplayName: chatClient.getState().displayName }));
             });
         },
         /* @conditional-compile-remove(rich-text-editor-image-upload) */
@@ -28456,7 +28469,7 @@ const useSelector$3 = (selector, selectorProps) => {
             chatClient.offStateChange(onStateChange);
         };
     }, [chatClient, selector, selectorProps, threadConfigProps]);
-    return selector ? props : undefined;
+    return (selector ? props : undefined);
 };
 
 // Copyright (c) Microsoft Corporation.
@@ -30830,7 +30843,6 @@ class AzureCommunicationChatAdapter {
                     for (var _d = true, _e = __asyncValues(this.chatThreadClient.listParticipants().byPage({
                         // Fetch 100 participants per page by default.
                         maxPageSize: 100
-                        // eslint-disable-next-line curly
                     })), _f; _f = yield _e.next(), _a = _f.done, !_a; _d = true) {
                         _c = _f.value;
                         _d = false;
@@ -31812,7 +31824,6 @@ const SendBoxAttachFileIconTrampoline = () => {
  */
 const AttachmentUploadButtonWrapper = (
 // To make conditional compilation not throw errors.
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
 props) => {
     return (React.createElement(React.Fragment, null, 
     /* @conditional-compile-remove(file-sharing-acs) */
@@ -31821,7 +31832,6 @@ props) => {
 /* @conditional-compile-remove(file-sharing-acs) */
 const uploadAttachmentButtonStringTrampoline = () => {
     /* @conditional-compile-remove(file-sharing-acs) */
-    //eslint-disable-next-line react-hooks/rules-of-hooks
     return useLocale().strings.chat.uploadAttachment;
 };
 
@@ -31901,7 +31911,6 @@ const adaptCompositeState$1 = (compositeState) => {
 /**
  * @private
  */
-// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types, @typescript-eslint/explicit-function-return-type
 const useHandlers$1 = (
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 _component) => {
@@ -32211,7 +32220,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-zXI9oQk8.js'); }).then((module) => ({ default: module.RichTextSendBoxWrapper })));
+const RichTextSendBoxWrapper = React.lazy(() => Promise.resolve().then(function () { return require('./RichTextSendBoxWrapper-DGHJOy5l.js'); }).then((module) => ({ default: module.RichTextSendBoxWrapper })));
 /**
  * @private
  * Use this function to load RoosterJS dependencies early in the lifecycle.
@@ -32219,7 +32228,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-zXI9oQk8.js'); }).then((module) => ({ default: module.RichTextSendBoxWrapper }));
+const loadRichTextSendBox = () => Promise.resolve().then(function () { return require('./RichTextSendBoxWrapper-DGHJOy5l.js'); }).then((module) => ({ default: module.RichTextSendBoxWrapper }));
 /**
  * @private
  */
@@ -33545,7 +33554,6 @@ const disableCallControls = (callControlOptions, disabledControls) => {
     let newOptions = (_a = (callControlOptions instanceof Object ? Object.assign({}, callControlOptions) : callControlOptions)) !== null && _a !== void 0 ? _a : {};
     if (newOptions === true || newOptions === undefined) {
         newOptions = disabledControls.reduce((acc, key) => {
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
             // @ts-expect-error TODO: fix noImplicitAny error here
             // Not solveable at this time due to typescript limitations. The typing is too complex for typescript to
             // understand. Will need to revisit when either typescript or the calling component bindings are updated.
@@ -33555,10 +33563,8 @@ const disableCallControls = (callControlOptions, disabledControls) => {
     }
     else {
         disabledControls.forEach((key) => {
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
             // @ts-expect-error refer to above comment
             if (newOptions[key] !== false) {
-                // eslint-disable-next-line @typescript-eslint/no-explicit-any
                 // @ts-expect-error refer to above comment
                 newOptions[key] = { disabled: true };
             }
@@ -34002,9 +34008,9 @@ var __awaiter$q = (window && window.__awaiter) || function (thisArg, _arguments,
     });
 };
 /**
+ * Private implementation of the hook
  * @private
  */
-// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types, @typescript-eslint/explicit-function-return-type
 const useHandlers = (
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 _component) => {
@@ -34055,9 +34061,12 @@ const createCompositeHandlers = memoizeOne((adapter, capabilities) => {
         }),
         onToggleRaiseHand: () => __awaiter$q(void 0, void 0, void 0, function* () {
             var _k;
-            ((_k = adapter.getState().call) === null || _k === void 0 ? void 0 : _k.raiseHand.localParticipantRaisedHand)
-                ? yield adapter.lowerHand()
-                : yield adapter.raiseHand();
+            if ((_k = adapter.getState().call) === null || _k === void 0 ? void 0 : _k.raiseHand.localParticipantRaisedHand) {
+                yield adapter.lowerHand();
+            }
+            else {
+                yield adapter.raiseHand();
+            }
         }),
         onReactionClick: (reaction) => __awaiter$q(void 0, void 0, void 0, function* () {
             yield adapter.onReactionClick(reaction);
@@ -34244,9 +34253,9 @@ const createCompositeHandlers = memoizeOne((adapter, capabilities) => {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
 /**
+ * Private implementation of the hook
  * @private
  */
-// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types, @typescript-eslint/explicit-function-return-type
 const usePropsFor$1 = (component) => {
     const selector = getSelector$1(component);
     if (!selector) {
@@ -36378,10 +36387,7 @@ const CommonCallControlBar = (props) => {
     const showRealTimeTextButton = props.isRealTimeTextSupported && isEnabled$1(options.realTimeTextButton);
     const showTeamsMeetingPhoneCallButton = isEnabled$1(options === null || options === void 0 ? void 0 : options.teamsMeetingPhoneCallButton);
     const showDesktopMoreButton = isEnabled$1(options === null || options === void 0 ? void 0 : options.moreButton) &&
-        (isEnabled$1(options === null || options === void 0 ? void 0 : options.holdButton) ||
-            showCaptionsButton ||
-            props.onUserSetGalleryLayout ||
-            showRealTimeTextButton);
+        (isEnabled$1(options === null || options === void 0 ? void 0 : options.holdButton) || showCaptionsButton || props.onUserSetGalleryLayout || showRealTimeTextButton);
     const role = (_b = props.callAdapter.getState().call) === null || _b === void 0 ? void 0 : _b.role;
     const hideRaiseHandButtonInRoomsCall = props.callAdapter.getState().isRoomsCall && role && ['Consumer', 'Unknown'].includes(role);
     const reactionResources = props.callAdapter.getState().reactions;
@@ -38930,7 +38936,9 @@ const LocalAndRemotePIP = (props) => {
     }), [ariaLabel]);
     // If there are no remote participants, show the local participant as the primary tile
     const primaryTileProps = React.useMemo(() => ({
-        children: remoteVideoTileProps ? (React.createElement(_RemoteVideoTile, Object.assign({}, remoteVideoTileProps, { strings: locale.component.strings.videoGallery, onLongTouch: () => { } }))) : (React.createElement(_LocalVideoTile, Object.assign({}, localVideoTileProps))),
+        children: remoteVideoTileProps ? (React.createElement(_RemoteVideoTile, Object.assign({}, remoteVideoTileProps, { strings: locale.component.strings.videoGallery, onLongTouch: () => {
+                /* Add to disable scaling */
+            } }))) : (React.createElement(_LocalVideoTile, Object.assign({}, localVideoTileProps))),
         // TODO: when the calling SDK provides height/width stream information - update this to reflect the stream orientation.
         orientation: 'portrait'
     }), [localVideoTileProps, remoteVideoTileProps, locale.component.strings.videoGallery]);
@@ -40212,7 +40220,7 @@ const DtmfDialerContentTimer = () => {
     React.useEffect(() => {
         const interval = setInterval(() => {
             var _a;
-            setTime((_a = new Date(Date.now()).getTime() - (startTime === null || startTime === void 0 ? void 0 : startTime.getTime())) !== null && _a !== void 0 ? _a : 0);
+            setTime(new Date(Date.now()).getTime() - ((_a = startTime === null || startTime === void 0 ? void 0 : startTime.getTime()) !== null && _a !== void 0 ? _a : 0));
         }, 10);
         return () => {
             clearInterval(interval);
@@ -42702,20 +42710,22 @@ const MainScreen = (props) => {
     }, [complianceProps, cachedProps]);
     React.useEffect(() => {
         if (complianceNotification) {
-            activeNotifications.forEach((notification, index) => {
-                if ([
-                    'recordingStarted',
-                    'transcriptionStarted',
-                    'recordingStopped',
-                    'transcriptionStopped',
-                    'recordingAndTranscriptionStarted',
-                    'recordingAndTranscriptionStopped',
-                    'recordingStoppedStillTranscribing',
-                    'transcriptionStoppedStillRecording'
-                ].includes(notification.type)) {
-                    activeNotifications.splice(index, 1);
+            for (let i = activeNotifications.length - 1; i >= 0; i--) {
+                const notification = activeNotifications[i];
+                if (notification &&
+                    [
+                        'recordingStarted',
+                        'transcriptionStarted',
+                        'recordingStopped',
+                        'transcriptionStopped',
+                        'recordingAndTranscriptionStarted',
+                        'recordingAndTranscriptionStopped',
+                        'recordingStoppedStillTranscribing',
+                        'transcriptionStoppedStillRecording'
+                    ].includes(notification.type)) {
+                    activeNotifications.splice(i, 1);
                 }
-            });
+            }
             activeNotifications.push(complianceNotification);
         }
         setTrackedNotifications((prev) => updateTrackedNotificationsWithActiveNotifications(prev, activeNotifications));
@@ -44196,7 +44206,7 @@ class AzureCommunicationCallAdapter {
         try {
             (_j = this.call) === null || _j === void 0 ? void 0 : _j.feature(communicationCalling.Features.RealTimeText).on('realTimeTextReceived', this.realTimeTextReceived.bind(this));
         }
-        catch (e) {
+        catch (_l) {
             console.log('RealTimeText feature is not supported');
         }
         const breakoutRoomsFeature = (_k = this.call) === null || _k === void 0 ? void 0 : _k.feature(communicationCalling.Features.BreakoutRooms);
@@ -44219,7 +44229,7 @@ class AzureCommunicationCallAdapter {
         try {
             (_f = this.call) === null || _f === void 0 ? void 0 : _f.feature(communicationCalling.Features.RealTimeText).off('realTimeTextReceived', this.realTimeTextReceived.bind(this));
         }
-        catch (e) {
+        catch (_h) {
             console.log('RealTimeText feature is not supported');
         }
         if (this.callingSoundSubscriber) {
@@ -47630,4 +47640,4 @@ exports.useTeamsCall = useTeamsCall;
 exports.useTeamsCallAdapter = useTeamsCallAdapter;
 exports.useTeamsCallAgent = useTeamsCallAgent;
 exports.useTheme = useTheme;
-//# sourceMappingURL=index-MirQ5T4i.js.map
+//# sourceMappingURL=index-ITd2ru2_.js.map