@azure/communication-react 1.16.0-alpha-202404180013 → 1.16.0-alpha-202404190012

package/dist/dist-cjs/communication-react/{index-BP7335hI.js → index-oaEwmItW.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.16.0-alpha-202404180013';
+var telemetryVersion = '1.16.0-alpha-202404190012';
 
 
 var telemetryVersion$1 = /*@__PURE__*/getDefaultExportFromCjs(telemetryVersion);
@@ -424,7 +424,6 @@ const getSpotlightCallFeature = (state, props) => {
     var _a;
     return (_a = state.calls[props.callId]) === null || _a === void 0 ? void 0 : _a.spotlight;
 };
-/* @conditional-compile-remove(reaction) */
 /**
  * @private
  */
@@ -685,7 +684,6 @@ const raiseHandButtonSelector = reselect__namespace.createSelector([getLocalPart
         disabled: callState === 'InLobby' ? true : (_a = callState === 'Connecting') !== null && _a !== void 0 ? _a : false
     };
 });
-/* @conditional-compile-remove(reaction) */
 /**
  * Selector for {@link ReactionButton} component.
  *
@@ -909,7 +907,6 @@ const createDefaultCommonCallingHandlers = memoizeOne((callClient, deviceManager
             yield (raiseHandFeature === null || raiseHandFeature === void 0 ? void 0 : raiseHandFeature.raiseHand());
         }
     });
-    /* @conditional-compile-remove(reaction) */
     const onReactionClick = (reaction) => __awaiter$R(void 0, void 0, void 0, function* () {
         var _c;
         if (reaction === 'like' ||
@@ -1190,7 +1187,6 @@ const createDefaultCommonCallingHandlers = memoizeOne((callClient, deviceManager
         onRaiseHand,
         onLowerHand,
         onToggleRaiseHand,
-        /* @conditional-compile-remove(reaction) */
         onReactionClick: onReactionClick,
         /* @conditional-compile-remove(PSTN-calls) */
         onAddParticipant: notImplemented,
@@ -1860,7 +1856,6 @@ function convertSdkCallToDeclarativeCall(call) {
         /* @conditional-compile-remove(ppt-live) */
         pptLive: { isActive: false },
         raiseHand: { raisedHands: [] },
-        /* @conditional-compile-remove(reaction) */
         localParticipantReaction: undefined,
         transcription: { isTranscriptionActive: false },
         screenShareRemoteParticipant: undefined,
@@ -1961,7 +1956,6 @@ immer.enablePatches();
  * @private
  */
 const MAX_CALL_HISTORY_LENGTH = 10;
-/* @conditional-compile-remove(reaction) */
 /**
  * @private
  */
@@ -1973,7 +1967,6 @@ let CallContext$2 = class CallContext {
     constructor(userId, maxListeners = 50, 
     /* @conditional-compile-remove(PSTN-calls) */ alternateCallerId) {
         this._callIdHistory = new CallIdHistory();
-        /* @conditional-compile-remove(reaction) */
         this._timeOutId = {};
         /**
          * Tees direct errors to state.
@@ -2325,7 +2318,6 @@ let CallContext$2 = class CallContext {
             }
         });
     }
-    /* @conditional-compile-remove(reaction) */
     setReceivedReactionFromParticipant(callId, participantKey, reactionMessage) {
         this.modifyState((draft) => {
             const call = draft.calls[this._callIdHistory.latestCallId(callId)];
@@ -2915,7 +2907,6 @@ const findOldestCallEnded = (calls) => {
     }
     return oldestCallId;
 };
-/* @conditional-compile-remove(reaction) */
 function clearParticipantReactionState(callContext, callId, participantKey) {
     callContext.setReceivedReactionFromParticipant(callId, participantKey, null);
 }
@@ -4106,7 +4097,6 @@ class CapabilitiesSubscriber {
 
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-/* @conditional-compile-remove(reaction) */
 /**
  * @private
  */
@@ -4265,7 +4255,6 @@ class CallSubscriber {
             (_b = this._CaptionsFeatureSubscriber) === null || _b === void 0 ? void 0 : _b.unsubscribe();
             (_c = this._raiseHandSubscriber) === null || _c === void 0 ? void 0 : _c.unsubscribe();
             this._capabilitiesSubscriber.unsubscribe();
-            /* @conditional-compile-remove(reaction) */
             (_d = this._reactionSubscriber) === null || _d === void 0 ? void 0 : _d.unsubscribe();
             /* @conditional-compile-remove(spotlight) */
             this._spotlightSubscriber.unsubscribe();
@@ -4364,7 +4353,6 @@ class CallSubscriber {
         this._pptLiveSubscriber = new PPTLiveSubscriber(this._callIdRef, this._context, this._call);
         this._transcriptionSubscriber = new TranscriptionSubscriber(this._callIdRef, this._context, this._call.feature(communicationCalling.Features.Transcription));
         this._raiseHandSubscriber = new RaiseHandSubscriber(this._callIdRef, this._context, this._call.feature(communicationCalling.Features.RaiseHand));
-        /* @conditional-compile-remove(reaction) */
         this._reactionSubscriber = new ReactionSubscriber(this._callIdRef, this._context, this._call.feature(communicationCalling.Features.Reaction));
         this._optimalVideoCountSubscriber = new OptimalVideoCountSubscriber({
             callIdRef: this._callIdRef,
@@ -6748,11 +6736,9 @@ const GalleryRightButton = () => {
     return rtl ? React.createElement(reactIcons.ChevronLeft20Regular, null) : React.createElement(reactIcons.ChevronRight20Regular, null);
 };
 const ControlButtonRaiseHandIcon = () => {
-    /* @conditional-compile-remove(reaction) */
     return React.createElement(reactIcons.HandRight20Regular, null);
 };
 const ControlButtonLowerHandIcon = () => {
-    /* @conditional-compile-remove(reaction) */
     return React.createElement(reactIcons.HandRightOff20Regular, null);
 };
 /**
@@ -6778,7 +6764,6 @@ const DEFAULT_COMPONENT_ICONS = {
     ControlButtonLowerHand: React.createElement(ControlButtonLowerHandIcon, null),
     RaiseHandContextualMenuItem: React.createElement(reactIcons.HandRight20Regular, null),
     LowerHandContextualMenuItem: React.createElement(reactIcons.HandRightOff20Regular, null),
-    /* @conditional-compile-remove(reaction) */
     ReactionButtonIcon: React.createElement(reactIcons.Emoji20Regular, null),
     /* @conditional-compile-remove(attachment-upload) */
     CancelAttachmentUpload: React.createElement(reactIcons.Dismiss16Regular, null),
@@ -10072,7 +10057,8 @@ const insertTableMenuFocusZone = (theme) => {
     return react.mergeStyles({
         lineHeight: '12px',
         width: '5.125rem',
-        border: `solid 0.0625rem ${theme.palette.neutralTertiaryAlt}`
+        border: `solid 0.0625rem ${theme.palette.neutralTertiaryAlt}`,
+        boxSizing: 'border-box'
     });
 };
 /**
@@ -12827,7 +12813,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-C3t87AZz.js'); }));
+const ChatMessageComponentAsRichTextEditBox = React.lazy(() => Promise.resolve().then(function () { return require('./ChatMessageComponentAsRichTextEditBox-WGqg2woK.js'); }));
 /**
  * @private
  * Use this function to load RoosterJS dependencies early in the lifecycle.
@@ -12835,7 +12821,7 @@ const ChatMessageComponentAsRichTextEditBox = React.lazy(() => Promise.resolve()
  *
  * @conditional-compile-remove(rich-text-editor)
  */
-const loadChatMessageComponentAsRichTextEditBox = () => Promise.resolve().then(function () { return require('./ChatMessageComponentAsRichTextEditBox-C3t87AZz.js'); });
+const loadChatMessageComponentAsRichTextEditBox = () => Promise.resolve().then(function () { return require('./ChatMessageComponentAsRichTextEditBox-WGqg2woK.js'); });
 /**
  * @private
  */
@@ -14686,8 +14672,6 @@ const _DrawerMenu = (props) => {
 
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-/* @conditional-compile-remove(reaction) */
-/* @conditional-compile-remove(reaction) */
 /**
  * @private
  */
@@ -14699,7 +14683,6 @@ const playFrames$1 = react.memoizeFunction(() => react.keyframes({
         backgroundPosition: '0px 0px'
     }
 }));
-/* @conditional-compile-remove(reaction) */
 /**
  * @param backgroundImage - the uri for the reaction emoji resource
  * @param animationPlayState - the value is either 'running' or 'paused' based on the mouse hover event
@@ -14734,7 +14717,6 @@ const emojiStyles = (backgroundImage, frameCount) => {
         }
     };
 };
-/* @conditional-compile-remove(reaction) */
 /**
  *
  * @private
@@ -14753,7 +14735,6 @@ const reactionEmojiMenuStyles = () => {
         }
     };
 };
-/* @conditional-compile-remove(reaction) */
 /**
  *
  * @private
@@ -14768,7 +14749,6 @@ const reactionToolTipHostStyle = () => {
         }
     };
 };
-/* @conditional-compile-remove(reaction) */
 /**
  *
  * @private
@@ -14783,7 +14763,6 @@ const mobileViewMenuItemStyle = () => {
         height: '2.625rem'
     };
 };
-/* @conditional-compile-remove(reaction) */
 /**
  * @param backgroundImage - the uri for the reaction emoji resource
  * @param animationPlayState - the value is either 'running' or 'paused' based on the mouse hover event
@@ -14815,8 +14794,6 @@ const mobileViewEmojiStyles = (backgroundImage, animationPlayState) => {
 
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-/* @conditional-compile-remove(reaction) */
-/* @conditional-compile-remove(reaction) */
 /**
  * Maps the individual item in menuProps.items passed in the {@link DrawerMenu} into a UI component.
  *
@@ -14851,11 +14828,9 @@ const _ReactionDrawerMenuItem = (props) => {
                 }, style: mobileViewEmojiStyles(resourceUrl ? resourceUrl : '', 'running') }));
         }))));
 };
-/* @conditional-compile-remove(reaction) */
 const drawerMenuItemRootStyles = (hoverBackground, fontSize) => (Object.assign(Object.assign({}, fontSize), { height: '3rem', lineHeight: '3rem', padding: '0rem 0.75rem', cursor: 'pointer', ':hover, :focus': {
         background: hoverBackground
     } }));
-/* @conditional-compile-remove(reaction) */
 const disabledDrawerMenuItemRootStyles = (background) => ({
     pointerEvents: 'none',
     background: background,
@@ -15155,25 +15130,19 @@ const useVideoTileContextualMenuProps = (props) => {
 
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-/* @conditional-compile-remove(reaction) */
 /** @private */
 const REACTION_START_DISPLAY_SIZE = 44;
-/* @conditional-compile-remove(reaction) */
 /** @private */
 const REACTION_NUMBER_OF_ANIMATION_FRAMES = 51;
-/* @conditional-compile-remove(reaction) */
 /** @private */
 const REACTION_SCREEN_SHARE_ANIMATION_TIME_MS = 4133;
-/* @conditional-compile-remove(reaction) */
 /** @private */
 const REACTION_DEFAULT_RESOURCE_FRAME_SIZE_PX = 128;
-/* @conditional-compile-remove(reaction) */
 /** @private */
 const getCombinedKey = (userId, reactionType, receivedAt) => {
     const receivedTime = receivedAt.toISOString();
     return userId + reactionType + receivedTime;
 };
-/* @conditional-compile-remove(reaction) */
 /** @private */
 const getReceivedUnixTime = (receivedTime) => {
     return receivedTime.getTime();
@@ -15336,7 +15305,6 @@ const raiseHandLimitedSpaceStyles = {
     // position at the bottom
     bottom: 0
 };
-/* @conditional-compile-remove(reaction) */
 /**
  * @private
  */
@@ -15348,7 +15316,6 @@ const playFrames = react.memoizeFunction((frameHightPx, frameCount) => react.key
         backgroundPosition: `0px ${frameCount * -frameHightPx}px`
     }
 }));
-/* @conditional-compile-remove(reaction) */
 /**
  * @private
  */
@@ -15515,9 +15482,7 @@ const VideoTileMoreOptionsButton = (props) => {
 const VideoTile = (props) => {
     const { children, displayName, initialsName, isMirrored, isMuted, 
     /* @conditional-compile-remove(spotlight) */
-    isSpotlighted, isPinned, onRenderPlaceholder, renderElement, 
-    /* @conditional-compile-remove(reaction) */
-    overlay: reactionOverlay, showLabel = true, showMuteIndicator = true, styles, userId, noVideoAvailableAriaLabel, isSpeaking, raisedHand, personaMinSize = DEFAULT_PERSONA_MIN_SIZE_PX, personaMaxSize = DEFAULT_PERSONA_MAX_SIZE_PX, contextualMenu } = props;
+    isSpotlighted, isPinned, onRenderPlaceholder, renderElement, overlay: reactionOverlay, showLabel = true, showMuteIndicator = true, styles, userId, noVideoAvailableAriaLabel, isSpeaking, raisedHand, personaMinSize = DEFAULT_PERSONA_MIN_SIZE_PX, personaMaxSize = DEFAULT_PERSONA_MAX_SIZE_PX, contextualMenu } = props;
     const [isHovered, setIsHovered] = React.useState(false);
     const [isFocused, setIsFocused] = React.useState(false);
     // need to set a default otherwise the resizeObserver will get stuck in an infinite loop.
@@ -15625,7 +15590,6 @@ const VideoTile = (props) => {
                         ? 0.4
                         : 1
                 }) }, onRenderPlaceholder ? (onRenderPlaceholder(userId !== null && userId !== void 0 ? userId : '', placeholderOptions, DefaultPlaceholder)) : (React.createElement(DefaultPlaceholder, Object.assign({}, placeholderOptions))))),
-            /* @conditional-compile-remove(reaction) */
             reactionOverlay,
             (canShowLabel || participantStateString) && (React.createElement(react.Stack, { horizontal: true, className: tileInfoContainerStyle, tokens: tileInfoContainerTokens },
                 React.createElement(react.Stack, { horizontal: true, className: tileInfoStyle },
@@ -15854,7 +15818,6 @@ const putVideoParticipantsFirst = (remoteParticipants) => {
     const remoteParticipantSortedByVideo = videoParticipants.concat(audioParticipants);
     return remoteParticipantSortedByVideo;
 };
-/* @conditional-compile-remove(reaction) */
 /**
  * @private
  */
@@ -15874,7 +15837,6 @@ const getEmojiResource = (reactionName, reactionResources) => {
     }
     return undefined;
 };
-/* @conditional-compile-remove(reaction) */
 /**
  * @private
  */
@@ -15898,8 +15860,6 @@ const getEmojiFrameCount = (reactionName, reactionResources) => {
 
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-/* @conditional-compile-remove(reaction) */
-/* @conditional-compile-remove(reaction) */
 /**
  * Reaction overlay component for Grid
  *
@@ -15957,8 +15917,6 @@ const ParticipantVideoTileOverlay = React.memo((props) => {
 
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-/* @conditional-compile-remove(reaction) */
-/* @conditional-compile-remove(reaction) */
 /**
  * Calculate the start position for a new reaction in the prescriptive wave pattern
  * @private
@@ -15977,7 +15935,6 @@ function generateStartPositionWave(index, halfCanvasWidth, isOriginAtCanvasCente
     const adjustment = scaleStartPos(index);
     return midPointCoordinate + direction * adjustment * halfCanvasWidth;
 }
-/* @conditional-compile-remove(reaction) */
 /**
  * @private
  */
@@ -15988,7 +15945,6 @@ const reactionOverlayStyle = {
     position: 'absolute',
     width: '100%'
 };
-/* @conditional-compile-remove(reaction) */
 /**
  * @private
  */
@@ -15998,7 +15954,6 @@ function getReactionMovementStyle(reactionXPoint) {
         left: `${reactionXPoint}px`
     };
 }
-/* @conditional-compile-remove(reaction) */
 /**
  * Scale metric to determine the start position of a reaction in presentation mode to avoid overlap.
  * @private
@@ -16045,7 +16000,6 @@ function scaleStartPos(index) {
             return 0;
     }
 }
-/* @conditional-compile-remove(reaction) */
 /**
  * We have only one bucket item for presentation style of the reaction animation.
  * We are choosing to keep the array so that, in future, with styles needed to get updated, one
@@ -16061,7 +16015,6 @@ const ReactionStyleBuckets = [
         opacityMax: 0.9
     }
 ];
-/* @conditional-compile-remove(reaction) */
 /**
  * Return a style bucket based on the number of active sprites.
  * For example, the first three reactions should appear at maximum
@@ -16074,7 +16027,6 @@ function getReactionStyleBucket() {
     const index = 0;
     return ReactionStyleBuckets[index];
 }
-/* @conditional-compile-remove(reaction) */
 /**
  * @private
  */
@@ -16086,7 +16038,6 @@ const moveFrames = react.memoizeFunction((maxHeight, travelHeight) => react.keyf
         transform: `translateY(${travelHeight}px)`
     }
 }));
-/* @conditional-compile-remove(reaction) */
 /**
  * @private
  */
@@ -16098,7 +16049,6 @@ const moveAnimationStyles = (maxHeight, travelHeight) => {
         animationTimingFunction: 'cubic-bezier(0, 0.83, 0.19, 1.09)'
     };
 };
-/* @conditional-compile-remove(reaction) */
 /**
  * @private
  */
@@ -16118,7 +16068,6 @@ const opacityTransition = react.memoizeFunction((maxOpacity) => react.keyframes(
         visibility: 'hidden'
     }
 }));
-/* @conditional-compile-remove(reaction) */
 /**
  * @private
  */
@@ -16129,7 +16078,6 @@ const opacityAnimationStyles = (maxOpacity) => {
         animationDuration: `4.133s`
     };
 };
-/* @conditional-compile-remove(reaction) */
 /**
  * @private
  */
@@ -16141,7 +16089,6 @@ const spriteFrames = react.memoizeFunction((numOfFrames, displaySizePx) => react
         backgroundPosition: `0px -${numOfFrames * displaySizePx}px`
     }
 }));
-/* @conditional-compile-remove(reaction) */
 /**
  * @private
  */
@@ -16163,14 +16110,9 @@ const spriteAnimationStyles = (numOfFrames, displaySizePx, imageUrl) => {
 
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-/* @conditional-compile-remove(reaction) */
-/* @conditional-compile-remove(reaction) */
 const MAX_NUMBER_OF_EMOJIS = 50;
-/* @conditional-compile-remove(reaction) */
 const NUMBER_OF_EMOJI_TYPES = 5;
-/* @conditional-compile-remove(reaction) */
 const REACTION_POSITION_ARRAY_SIZE = 55;
-/* @conditional-compile-remove(reaction) */
 /**
  * The overlay responsible for rendering multiple reactions all at once in presentation mode
  * @internal
@@ -16301,26 +16243,21 @@ const RemoteContentShareReactionOverlay = React.memo((props) => {
 
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-/* @conditional-compile-remove(reaction) */
-/* @conditional-compile-remove(reaction) */
 /**
  * Emoji max size
  * @internal
  */
 const DEFAULT_EMOJI_MAX_SIZE_PX = 70;
-/* @conditional-compile-remove(reaction) */
 /**
  * Emoji min size
  * @internal
  */
 const DEFAULT_EMOJI_MIN_SIZE_PX = 32;
-/* @conditional-compile-remove(reaction) */
 /**
  * Emoji resize scale constant
  * @internal
  */
 const REACTION_EMOJI_RESIZE_SCALE_CONSTANT = 3;
-/* @conditional-compile-remove(reaction) */
 /**
  * Reaction overlay component
  *
@@ -16388,8 +16325,7 @@ const _RemoteVideoTile = React.memo((props) => {
     /* @conditional-compile-remove(spotlight) */ isSpotlighted, 
     /* @conditional-compile-remove(spotlight) */ onStartSpotlight, 
     /* @conditional-compile-remove(spotlight) */ onStopSpotlight, 
-    /* @conditional-compile-remove(spotlight) */ maxParticipantsToSpotlight, onUpdateScalingMode, disablePinMenuItem, toggleAnnouncerString, strings, 
-    /* @conditional-compile-remove(reaction) */ reactionResources, streamId } = props;
+    /* @conditional-compile-remove(spotlight) */ maxParticipantsToSpotlight, onUpdateScalingMode, disablePinMenuItem, toggleAnnouncerString, strings, reactionResources, streamId } = props;
     const remoteVideoStreamProps = React.useMemo(() => ({
         isMirrored: remoteVideoViewOptions === null || remoteVideoViewOptions === void 0 ? void 0 : remoteVideoViewOptions.isMirrored,
         isScreenSharingOn,
@@ -16465,7 +16401,6 @@ const _RemoteVideoTile = React.memo((props) => {
         }
         return displayName;
     };
-    /* @conditional-compile-remove(reaction) */
     const reactionOverlay = (React.createElement(MeetingReactionOverlay, { overlayMode: "grid-tiles", reaction: remoteParticipant.reaction, reactionResources: reactionResources }));
     /* @conditional-compile-remove(hide-attendee-name) */
     displayName = formatDisplayName();
@@ -16475,9 +16410,7 @@ const _RemoteVideoTile = React.memo((props) => {
             /* @conditional-compile-remove(PSTN-calls) */
             participantState: participantState }, videoTileContextualMenuProps, { isPinned: props.isPinned, onLongTouch: () => setDrawerMenuItemProps(convertContextualMenuItemsToDrawerMenuItemProps$1(contextualMenuProps, () => setDrawerMenuItemProps([]))), 
             /* @conditional-compile-remove(spotlight) */
-            isSpotlighted: isSpotlighted, 
-            /* @conditional-compile-remove(reaction) */
-            overlay: reactionOverlay })),
+            isSpotlighted: isSpotlighted, overlay: reactionOverlay })),
         drawerMenuItemProps.length > 0 && (React.createElement(react.Layer, { hostId: props.drawerMenuHostId },
             React.createElement(react.Stack, { styles: drawerMenuWrapperStyles },
                 React.createElement(_DrawerMenu, { onLightDismiss: () => setDrawerMenuItemProps([]), items: drawerMenuItemProps, heading: remoteParticipant.displayName }))))));
@@ -16587,13 +16520,7 @@ const loadingStyle = react.mergeStyles({
  * https://reactjs.org/docs/react-api.html#reactmemo
  */
 const RemoteScreenShare = React.memo((props) => {
-    const { userId, displayName, isMuted, renderElement, onCreateRemoteStreamView, onDisposeRemoteStreamView, isReceiving, participantVideoScalingMode, 
-    /* @conditional-compile-remove(reaction) */
-    reactionResources, 
-    /* @conditional-compile-remove(reaction) */
-    localParticipant, 
-    /* @conditional-compile-remove(reaction) */
-    remoteParticipants, 
+    const { userId, displayName, isMuted, renderElement, onCreateRemoteStreamView, onDisposeRemoteStreamView, isReceiving, participantVideoScalingMode, reactionResources, localParticipant, remoteParticipants, 
     /* @conditional-compile-remove(ppt-live) */
     isPPTLive } = props;
     const locale = useLocale$1();
@@ -16621,13 +16548,9 @@ const RemoteScreenShare = React.memo((props) => {
         : '';
     /* @conditional-compile-remove(ppt-live) */
     if (isPPTLive) {
-        return (React.createElement(VideoTile, { renderElement: renderElement ? (React.createElement(StreamMedia, { videoStreamElement: renderElement, loadingState: isReceiving === false ? 'loading' : 'none' })) : undefined, onRenderPlaceholder: () => React.createElement(LoadingSpinner, { loadingMessage: loadingMessage }), 
-            /* @conditional-compile-remove(reaction) */
-            overlay: React.createElement(MeetingReactionOverlay, { reactionResources: reactionResources, localParticipant: localParticipant, remoteParticipants: remoteParticipants, overlayMode: "screen-share" }) }));
+        return (React.createElement(VideoTile, { renderElement: renderElement ? (React.createElement(StreamMedia, { videoStreamElement: renderElement, loadingState: isReceiving === false ? 'loading' : 'none' })) : undefined, onRenderPlaceholder: () => React.createElement(LoadingSpinner, { loadingMessage: loadingMessage }), overlay: React.createElement(MeetingReactionOverlay, { reactionResources: reactionResources, localParticipant: localParticipant, remoteParticipants: remoteParticipants, overlayMode: "screen-share" }) }));
     }
-    return (React.createElement(VideoTile, { displayName: displayName, isMuted: isMuted, renderElement: renderElement ? (React.createElement(StreamMedia, { videoStreamElement: renderElement, loadingState: isReceiving === false ? 'loading' : 'none' })) : undefined, onRenderPlaceholder: () => React.createElement(LoadingSpinner, { loadingMessage: loadingMessage }), 
-        /* @conditional-compile-remove(reaction) */
-        overlay: React.createElement(MeetingReactionOverlay, { reactionResources: reactionResources, localParticipant: localParticipant, remoteParticipants: remoteParticipants, overlayMode: "screen-share" }) }));
+    return (React.createElement(VideoTile, { displayName: displayName, isMuted: isMuted, renderElement: renderElement ? (React.createElement(StreamMedia, { videoStreamElement: renderElement, loadingState: isReceiving === false ? 'loading' : 'none' })) : undefined, onRenderPlaceholder: () => React.createElement(LoadingSpinner, { loadingMessage: loadingMessage }), overlay: React.createElement(MeetingReactionOverlay, { reactionResources: reactionResources, localParticipant: localParticipant, remoteParticipants: remoteParticipants, overlayMode: "screen-share" }) }));
 });
 const LoadingSpinner = (props) => {
     return (React.createElement(react.Stack, { verticalAlign: "center", className: loadingStyle },
@@ -16733,9 +16656,7 @@ const LocalVideoCameraCycleButton = (props) => {
  * @internal
  */
 const _LocalVideoTile = React.memo((props) => {
-    const { isAvailable, isMuted, onCreateLocalStreamView, onDisposeLocalStreamView, localVideoViewOptions, renderElement, userId, showLabel, displayName, initialsName, onRenderAvatar, showMuteIndicator, styles, showCameraSwitcherInLocalPreview, localVideoCameraCycleButtonProps, localVideoCameraSwitcherLabel, localVideoSelectedDescription, raisedHand, 
-    /* @conditional-compile-remove(reaction) */
-    reaction, 
+    const { isAvailable, isMuted, onCreateLocalStreamView, onDisposeLocalStreamView, localVideoViewOptions, renderElement, userId, showLabel, displayName, initialsName, onRenderAvatar, showMuteIndicator, styles, showCameraSwitcherInLocalPreview, localVideoCameraCycleButtonProps, localVideoCameraSwitcherLabel, localVideoSelectedDescription, raisedHand, reaction, 
     /* @conditional-compile-remove(spotlight) */
     isSpotlighted, 
     /* @conditional-compile-remove(spotlight) */
@@ -16749,9 +16670,7 @@ const _LocalVideoTile = React.memo((props) => {
     /* @conditional-compile-remove(spotlight) */
     menuKind, 
     /* @conditional-compile-remove(spotlight) */
-    strings, 
-    /* @conditional-compile-remove(reaction) */
-    reactionResources } = props;
+    strings, reactionResources } = props;
     /* @conditional-compile-remove(spotlight) */
     const theme = useTheme();
     const localVideoStreamProps = React.useMemo(() => ({
@@ -16836,7 +16755,6 @@ const _LocalVideoTile = React.memo((props) => {
         renderElement,
         showCameraSwitcherInLocalPreview
     ]);
-    /* @conditional-compile-remove(reaction) */
     const reactionOverlay = reactionResources !== undefined ? (React.createElement(MeetingReactionOverlay, { overlayMode: "grid-tiles", reaction: reaction, reactionResources: reactionResources })) : undefined;
     return (React.createElement(react.Stack, { className: react.mergeStyles({ width: '100%', height: '100%' }), 
         /* @conditional-compile-remove(spotlight) */ onKeyDown: menuKind === 'drawer' ? onKeyDown : undefined },
@@ -16844,9 +16762,7 @@ const _LocalVideoTile = React.memo((props) => {
             /* @conditional-compile-remove(spotlight) */
             isSpotlighted: isSpotlighted }, videoTileContextualMenuProps, { 
             /* @conditional-compile-remove(spotlight) */
-            onLongTouch: () => setDrawerMenuItemProps(convertContextualMenuItemsToDrawerMenuItemProps(contextualMenuProps, () => setDrawerMenuItemProps([]))), 
-            /* @conditional-compile-remove(reaction) */
-            overlay: reactionOverlay }), 
+            onLongTouch: () => setDrawerMenuItemProps(convertContextualMenuItemsToDrawerMenuItemProps(contextualMenuProps, () => setDrawerMenuItemProps([]))), overlay: reactionOverlay }), 
         /* @conditional-compile-remove(spotlight) */ drawerMenuItemProps.length > 0 && (React.createElement(react.Layer, { hostId: props.drawerMenuHostId },
             React.createElement(react.Stack, { styles: drawerMenuWrapperStyles },
                 React.createElement(_DrawerMenu, { onLightDismiss: () => setDrawerMenuItemProps([]), items: drawerMenuItemProps })))))));
@@ -18884,9 +18800,7 @@ const VideoGallery = (props) => {
     /* @conditional-compile-remove(spotlight) */
     onStopRemoteSpotlight, 
     /* @conditional-compile-remove(spotlight) */
-    maxParticipantsToSpotlight, 
-    /* @conditional-compile-remove(reaction) */
-    reactionResources } = props;
+    maxParticipantsToSpotlight, reactionResources } = props;
     const ids = useIdentifiers();
     const theme = useTheme();
     const localeStrings = useLocale$1().strings.videoGallery;
@@ -18942,9 +18856,7 @@ const VideoGallery = (props) => {
             return layout === 'default' ? strings.localVideoLabel : isNarrow ? '' : strings.localVideoLabel;
         };
         return (React.createElement(react.Stack, { styles: localVideoTileContainerStyles, key: "local-video-tile-key", tabIndex: 0, "aria-label": strings.localVideoMovementLabel, role: 'dialog' },
-            React.createElement(_LocalVideoTile, { userId: localParticipant.userId, onCreateLocalStreamView: onCreateLocalStreamView, onDisposeLocalStreamView: onDisposeLocalStreamView, isAvailable: (_a = localParticipant === null || localParticipant === void 0 ? void 0 : localParticipant.videoStream) === null || _a === void 0 ? void 0 : _a.isAvailable, isMuted: localParticipant.isMuted, renderElement: (_b = localParticipant === null || localParticipant === void 0 ? void 0 : localParticipant.videoStream) === null || _b === void 0 ? void 0 : _b.renderElement, displayName: showDisplayNameTrampoline(), initialsName: initialsName, localVideoViewOptions: localVideoViewOptions, onRenderAvatar: onRenderAvatar, showLabel: showLocalVideoTileLabel, showMuteIndicator: showMuteIndicator, showCameraSwitcherInLocalPreview: showCameraSwitcherInLocalPreview, localVideoCameraCycleButtonProps: localVideoCameraCycleButtonProps, localVideoCameraSwitcherLabel: strings.localVideoCameraSwitcherLabel, localVideoSelectedDescription: strings.localVideoSelectedDescription, styles: localVideoTileStyles, raisedHand: localParticipant.raisedHand, 
-                /* @conditional-compile-remove(reaction) */
-                reaction: localParticipant.reaction, 
+            React.createElement(_LocalVideoTile, { userId: localParticipant.userId, onCreateLocalStreamView: onCreateLocalStreamView, onDisposeLocalStreamView: onDisposeLocalStreamView, isAvailable: (_a = localParticipant === null || localParticipant === void 0 ? void 0 : localParticipant.videoStream) === null || _a === void 0 ? void 0 : _a.isAvailable, isMuted: localParticipant.isMuted, renderElement: (_b = localParticipant === null || localParticipant === void 0 ? void 0 : localParticipant.videoStream) === null || _b === void 0 ? void 0 : _b.renderElement, displayName: showDisplayNameTrampoline(), initialsName: initialsName, localVideoViewOptions: localVideoViewOptions, onRenderAvatar: onRenderAvatar, showLabel: showLocalVideoTileLabel, showMuteIndicator: showMuteIndicator, showCameraSwitcherInLocalPreview: showCameraSwitcherInLocalPreview, localVideoCameraCycleButtonProps: localVideoCameraCycleButtonProps, localVideoCameraSwitcherLabel: strings.localVideoCameraSwitcherLabel, localVideoSelectedDescription: strings.localVideoSelectedDescription, styles: localVideoTileStyles, raisedHand: localParticipant.raisedHand, reaction: localParticipant.reaction, 
                 /* @conditional-compile-remove(spotlight) */
                 spotlightedParticipantUserIds: spotlightedParticipants, 
                 /* @conditional-compile-remove(spotlight) */
@@ -18960,9 +18872,7 @@ const VideoGallery = (props) => {
                 /* @conditional-compile-remove(spotlight) */
                 drawerMenuHostId: drawerMenuHostId, 
                 /* @conditional-compile-remove(spotlight) */
-                strings: strings, 
-                /* @conditional-compile-remove(reaction) */
-                reactionResources: reactionResources })));
+                strings: strings, reactionResources: reactionResources })));
     }, [
         isNarrow,
         localParticipant,
@@ -18994,7 +18904,6 @@ const VideoGallery = (props) => {
         strings,
         /* @conditional-compile-remove(spotlight) */
         drawerMenuHostId,
-        /* @conditional-compile-remove(reaction) */
         reactionResources
     ]);
     const onPinParticipant = React.useCallback((userId) => {
@@ -19062,9 +18971,7 @@ const VideoGallery = (props) => {
             /* @conditional-compile-remove(spotlight) */
             onStopSpotlight: onStopRemoteSpotlight, 
             /* @conditional-compile-remove(spotlight) */
-            maxParticipantsToSpotlight: maxParticipantsToSpotlight, 
-            /* @conditional-compile-remove(reaction) */
-            reactionResources: reactionResources }));
+            maxParticipantsToSpotlight: maxParticipantsToSpotlight, reactionResources: reactionResources }));
     }, [
         onCreateRemoteStreamView,
         onDisposeRemoteVideoStreamView,
@@ -19085,17 +18992,11 @@ const VideoGallery = (props) => {
         /* @conditional-compile-remove(spotlight) */ onStartRemoteSpotlight,
         /* @conditional-compile-remove(spotlight) */ onStopRemoteSpotlight,
         /* @conditional-compile-remove(spotlight) */ maxParticipantsToSpotlight,
-        /* @conditional-compile-remove(reaction) */ reactionResources
+        reactionResources
     ]);
     const screenShareParticipant = remoteParticipants.find((participant) => { var _a; return (_a = participant.screenShareStream) === null || _a === void 0 ? void 0 : _a.isAvailable; });
     const localScreenShareStreamComponent = React.createElement(LocalScreenShare, { localParticipant: localParticipant });
-    const remoteScreenShareComponent = screenShareParticipant && (React.createElement(RemoteScreenShare, Object.assign({}, screenShareParticipant, { renderElement: (_b = screenShareParticipant.screenShareStream) === null || _b === void 0 ? void 0 : _b.renderElement, onCreateRemoteStreamView: onCreateRemoteStreamView, onDisposeRemoteStreamView: onDisposeRemoteScreenShareStreamView, isReceiving: (_c = screenShareParticipant.screenShareStream) === null || _c === void 0 ? void 0 : _c.isReceiving, participantVideoScalingMode: selectedScalingModeState[screenShareParticipant.userId], 
-        /* @conditional-compile-remove(reaction) */
-        localParticipant: localParticipant, 
-        /* @conditional-compile-remove(reaction) */
-        remoteParticipants: remoteParticipants, 
-        /* @conditional-compile-remove(reaction) */
-        reactionResources: reactionResources, 
+    const remoteScreenShareComponent = screenShareParticipant && (React.createElement(RemoteScreenShare, Object.assign({}, screenShareParticipant, { renderElement: (_b = screenShareParticipant.screenShareStream) === null || _b === void 0 ? void 0 : _b.renderElement, onCreateRemoteStreamView: onCreateRemoteStreamView, onDisposeRemoteStreamView: onDisposeRemoteScreenShareStreamView, isReceiving: (_c = screenShareParticipant.screenShareStream) === null || _c === void 0 ? void 0 : _c.isReceiving, participantVideoScalingMode: selectedScalingModeState[screenShareParticipant.userId], localParticipant: localParticipant, remoteParticipants: remoteParticipants, reactionResources: reactionResources, 
         /* @conditional-compile-remove(ppt-live) */
         isPPTLive: !((_d = screenShareParticipant.screenShareStream) === null || _d === void 0 ? void 0 : _d.id) })));
     const screenShareComponent = remoteScreenShareComponent
@@ -20385,8 +20286,6 @@ const raiseHandButtonStyles = (theme) => ({
 
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-/* @conditional-compile-remove(reaction) */
-/* @conditional-compile-remove(reaction) */
 /**
  * A button to send reactions.
  *
@@ -20441,7 +20340,6 @@ const ReactionButton = (props) => {
             items: emojiList
         }, onRenderIcon: (_f = props.onRenderIcon) !== null && _f !== void 0 ? _f : onRenderIcon, strings: strings, labelKey: (_g = props.labelKey) !== null && _g !== void 0 ? _g : 'reactionButtonLabel', onRenderMenuIcon: () => React.createElement("div", null), disabled: props.disabled, ariaLabel: strings.ariaLabel })));
 };
-/* @conditional-compile-remove(reaction) */
 const reactionButtonStyles = (theme) => ({
     rootChecked: {
         background: theme.palette.themePrimary,
@@ -22591,7 +22489,7 @@ const convertRemoteParticipantToParticipantListParticipant = (userId, displayNam
         isRemovable: (communicationCommon.getIdentifierKind(identifier).kind === 'communicationUser' ||
             communicationCommon.getIdentifierKind(identifier).kind === 'phoneNumber') &&
             localUserCanRemoveOthers,
-        /* @conditional-compile-remove(reaction) */ reaction,
+        reaction,
         /* @conditional-compile-remove(spotlight) */ spotlight
     };
 };
@@ -22601,7 +22499,6 @@ const convertRemoteParticipantToParticipantListParticipant = (userId, displayNam
 const memoizedConvertAllremoteParticipants = memoizeFnAll((userId, displayName, state, isMuted, isScreenSharing, isSpeaking, raisedHand, localUserCanRemoveOthers, reaction, spotlight) => {
     return convertRemoteParticipantToParticipantListParticipant(userId, displayName, state, isMuted, isScreenSharing, isSpeaking, raisedHand, localUserCanRemoveOthers, reaction, spotlight);
 });
-/* @conditional-compile-remove(reaction) */
 /**
  * @private
  */
@@ -22653,22 +22550,19 @@ const _videoGalleryRemoteParticipantsMemo = (remoteParticipants, isHideAttendeeN
             let contentSharingStream = undefined;
             /* @conditional-compile-remove(ppt-live) */
             contentSharingStream = participant.contentSharingStream;
-            let remoteParticipantReaction = undefined;
-            /* @conditional-compile-remove(reaction) */ remoteParticipantReaction = memoizedConvertToVideoTileReaction(participant.reactionState);
+            const remoteParticipantReaction = memoizedConvertToVideoTileReaction(participant.reactionState);
             let spotlight = undefined;
             /* @conditional-compile-remove(spotlight) */ spotlight = participant.spotlight;
             return memoizedFn(toFlatCommunicationIdentifier(participant.identifier), participant.isMuted, checkIsSpeaking(participant), participant.videoStreams, state, displayName, participant.raisedHand, contentSharingStream, remoteParticipantReaction, spotlight);
         }));
     });
 };
-const memoizedAllConvertRemoteParticipant = memoizeFnAll((userId, isMuted, isSpeaking, videoStreams, state, displayName, raisedHand, contentSharingStream, reaction, // temp unknown type to build stable
-spotlight // temp unknown type to build stable
+const memoizedAllConvertRemoteParticipant = memoizeFnAll((userId, isMuted, isSpeaking, videoStreams, state, displayName, raisedHand, contentSharingStream, reaction, spotlight // temp unknown type to build stable
 ) => {
     return convertRemoteParticipantToVideoGalleryRemoteParticipant(userId, isMuted, isSpeaking, videoStreams, state, displayName, raisedHand, contentSharingStream, reaction, spotlight);
 });
 /** @private */
-const convertRemoteParticipantToVideoGalleryRemoteParticipant = (userId, isMuted, isSpeaking, videoStreams, state, displayName, raisedHand, contentSharingStream, reaction, // temp unknown type to build stable
-spotlight // temp unknown type to build stable
+const convertRemoteParticipantToVideoGalleryRemoteParticipant = (userId, isMuted, isSpeaking, videoStreams, state, displayName, raisedHand, contentSharingStream, reaction, spotlight // temp unknown type to build stable
 ) => {
     const rawVideoStreamsArray = Object.values(videoStreams);
     let videoStream = undefined;
@@ -22706,8 +22600,7 @@ spotlight // temp unknown type to build stable
         /* @conditional-compile-remove(PSTN-calls) */
         state,
         raisedHand,
-        /* @conditional-compile-remove(reaction) */
-        reaction: reaction,
+        reaction,
         /* @conditional-compile-remove(spotlight) */
         spotlight: spotlight
     };
@@ -22735,8 +22628,7 @@ const convertRemoteContentSharingStreamToVideoGalleryStream = (stream) => {
     };
 };
 /** @private */
-const memoizeLocalParticipant = memoizeOne((identifier, displayName, isMuted, isScreenSharingOn, localVideoStream, role, raisedHand, 
-/* @conditional-compile-remove(reaction) */ reaction, 
+const memoizeLocalParticipant = memoizeOne((identifier, displayName, isMuted, isScreenSharingOn, localVideoStream, role, raisedHand, reaction, 
 /* @conditional-compile-remove(spotlight) */ localSpotlight, 
 /* @conditional-compile-remove(spotlight) */ capabilities) => {
     var _a, _b;
@@ -22752,8 +22644,7 @@ const memoizeLocalParticipant = memoizeOne((identifier, displayName, isMuted, is
         },
         role,
         raisedHand: raisedHand,
-        /* @conditional-compile-remove(reaction) */
-        reaction: reaction,
+        reaction,
         /* @conditional-compile-remove(spotlight) */
         spotlight: localSpotlight,
         /* @conditional-compile-remove(spotlight) */
@@ -22801,7 +22692,6 @@ const videoGallerySelector = reselect.createSelector([
     getLocalParticipantRaisedHand$1,
     /* @conditional-compile-remove(hide-attendee-name) */
     isHideAttendeeNamesEnabled,
-    /* @conditional-compile-remove(reaction) */
     getLocalParticipantReactionState,
     /* @conditional-compile-remove(spotlight) */
     getSpotlightCallFeature,
@@ -22809,9 +22699,7 @@ const videoGallerySelector = reselect.createSelector([
     getCapabilities
 ], (screenShareRemoteParticipantId, remoteParticipants, localVideoStreams, isMuted, isScreenSharingOn, displayName, identifier, dominantSpeakers, optimalVideoCount, role, raisedHand, 
 /* @conditional-compile-remove(hide-attendee-name) */
-isHideAttendeeNamesEnabled, 
-/* @conditional-compile-remove(reaction) */
-localParticipantReaction, 
+isHideAttendeeNamesEnabled, localParticipantReaction, 
 /* @conditional-compile-remove(spotlight) */
 spotlightCallFeature, 
 /* @conditional-compile-remove(spotlight) */
@@ -22823,7 +22711,6 @@ capabilities) => {
     const dominantSpeakerIds = _dominantSpeakersWithFlatId(dominantSpeakers);
     dominantSpeakerIds === null || dominantSpeakerIds === void 0 ? void 0 : dominantSpeakerIds.forEach((speaker, idx) => (idx));
     const noRemoteParticipants = [];
-    /* @conditional-compile-remove(reaction) */
     const localParticipantReactionState = memoizedConvertToVideoTileReaction(localParticipantReaction);
     /* @conditional-compile-remove(spotlight) */
     const spotlightedParticipantIds = memoizeSpotlightedParticipantIds(spotlightCallFeature === null || spotlightCallFeature === void 0 ? void 0 : spotlightCallFeature.spotlightedParticipants);
@@ -22831,9 +22718,7 @@ capabilities) => {
         screenShareParticipant: screenShareRemoteParticipant
             ? convertRemoteParticipantToVideoGalleryRemoteParticipant(toFlatCommunicationIdentifier(screenShareRemoteParticipant.identifier), screenShareRemoteParticipant.isMuted, checkIsSpeaking(screenShareRemoteParticipant), screenShareRemoteParticipant.videoStreams, screenShareRemoteParticipant.state, screenShareRemoteParticipant.displayName, screenShareRemoteParticipant.raisedHand, /* @conditional-compile-remove(ppt-live) */ screenShareRemoteParticipant.contentSharingStream, undefined, /* @conditional-compile-remove(spotlight) */ screenShareRemoteParticipant.spotlight)
             : undefined,
-        localParticipant: memoizeLocalParticipant(identifier, displayName, isMuted, isScreenSharingOn, localVideoStream, role, raisedHand, 
-        /* @conditional-compile-remove(reaction) */
-        localParticipantReactionState, 
+        localParticipant: memoizeLocalParticipant(identifier, displayName, isMuted, isScreenSharingOn, localVideoStream, role, raisedHand, localParticipantReactionState, 
         /* @conditional-compile-remove(spotlight) */
         spotlightCallFeature === null || spotlightCallFeature === void 0 ? void 0 : spotlightCallFeature.localParticipantSpotlight, 
         /* @conditional-compile-remove(spotlight) */
@@ -22883,9 +22768,7 @@ const convertRemoteParticipantsToParticipantListParticipants = (remoteParticipan
             let displayName = participant.displayName;
             /* @conditional-compile-remove(hide-attendee-name) */
             displayName = maskDisplayNameWithRole(displayName, localUserRole, participant.role, isHideAttendeeNamesEnabled);
-            let remoteParticipantReaction = undefined;
-            /* @conditional-compile-remove(reaction) */
-            remoteParticipantReaction = memoizedConvertToVideoTileReaction(participant.reactionState);
+            const remoteParticipantReaction = memoizedConvertToVideoTileReaction(participant.reactionState);
             let spotlight = undefined;
             /* @conditional-compile-remove(spotlight) */
             spotlight = memoizedSpotlight(spotlightedParticipants, toFlatCommunicationIdentifier(participant.identifier));
@@ -22924,15 +22807,12 @@ const participantListSelector = reselect.createSelector([
     getParticipantCount,
     /* @conditional-compile-remove(hide-attendee-name) */
     isHideAttendeeNamesEnabled,
-    /* @conditional-compile-remove(reaction) */
     getLocalParticipantReactionState,
     /* @conditional-compile-remove(spotlight) */
     getSpotlightCallFeature
 ], (userId, displayName, remoteParticipants, isScreenSharingOn, isMuted, raisedHand, role, partitipantCount, 
 /* @conditional-compile-remove(hide-attendee-name) */
-isHideAttendeeNamesEnabled, 
-/* @conditional-compile-remove(reaction) */
-localParticipantReactionState, 
+isHideAttendeeNamesEnabled, localParticipantReactionState, 
 /* @conditional-compile-remove(spotlight) */
 spotlightCallFeature) => {
     const localUserCanRemoveOthers = localUserCanRemoveOthersTrampoline(role);
@@ -22941,8 +22821,6 @@ spotlightCallFeature) => {
         /* @conditional-compile-remove(spotlight) */
         spotlightCallFeature === null || spotlightCallFeature === void 0 ? void 0 : spotlightCallFeature.spotlightedParticipants)
         : [];
-    /* @conditional-compile-remove(reaction) */
-    const localParticipantReaction = memoizedConvertToVideoTileReaction(localParticipantReactionState);
     participants.push({
         userId: userId,
         displayName: displayName,
@@ -22952,8 +22830,7 @@ spotlightCallFeature) => {
         state: 'Connected',
         // Local participant can never remove themselves.
         isRemovable: false,
-        /* @conditional-compile-remove(reaction) */
-        reaction: localParticipantReaction,
+        reaction: memoizedConvertToVideoTileReaction(localParticipantReactionState),
         /* @conditional-compile-remove(spotlight) */
         spotlight: memoizedSpotlight(spotlightCallFeature === null || spotlightCallFeature === void 0 ? void 0 : spotlightCallFeature.spotlightedParticipants, userId)
     });
@@ -26615,11 +26492,6 @@ const useAdapter$1 = () => {
 /**
  * @private
  */
-const UNSUPPORTED_CHAT_THREAD_TYPE = ['@thread.tacv2', '@thread.skype'];
-/**
- * @private
- */
-const TEAMS_LIMITATION_LEARN_MORE = 'https://learn.microsoft.com/en-us/azure/communication-services/concepts/join-teams-meeting#limitations-and-known-issues';
 /**
  * @remarks
  * This value is publicly documented in the ChatComposite API documentation.
@@ -28164,7 +28036,6 @@ const createCompositeHandlers = memoizeOne((adapter, capabilities) => {
                 ? yield adapter.lowerHand()
                 : yield adapter.raiseHand();
         }),
-        /* @conditional-compile-remove(reaction) */
         onReactionClick: (reaction) => __awaiter$k(void 0, void 0, void 0, function* () {
             yield adapter.onReactionClick(reaction);
         }),
@@ -29178,8 +29049,6 @@ const onFetchCustomButtonPropsTrampoline = (options) => {
 
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-/* @conditional-compile-remove(reaction) */
-/* @conditional-compile-remove(reaction) */
 /** @private */
 const Reaction = (props) => {
     const reactionButtonProps = usePropsFor$1(ReactionButton);
@@ -29187,7 +29056,6 @@ const Reaction = (props) => {
     const reactionButtonDisabled = isDisabled(props.option) || reactionButtonProps.disabled;
     return (React.createElement(ReactionButton, Object.assign({ "data-ui-id": "call-composite-reaction-button" }, reactionButtonProps, { showLabel: props.displayType !== 'compact', disabled: reactionButtonDisabled || props.disabled, styles: styles, disableTooltip: props.disableTooltip, persistMenu: true, reactionResources: props.reactionResource })));
 };
-/* @conditional-compile-remove(reaction) */
 const isDisabled = (option) => {
     if (option === undefined || option === true || option === false) {
         return false;
@@ -29254,11 +29122,8 @@ const CallControls = (props) => {
     /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */
     const holdButtonProps = usePropsFor$1(HoldButton);
     const raiseHandButtonProps = usePropsFor$1(RaiseHandButton);
-    /* @conditional-compile-remove(reaction) */
     const capabilitiesSelector = useSelector$1(capabilitySelector);
-    /* @conditional-compile-remove(reaction) */
     const callState = useSelector$1(callStatusSelector);
-    /* @conditional-compile-remove(reaction) */
     const isReactionAllowed = callState.callStatus !== 'Connected' ||
         !(capabilitiesSelector === null || capabilitiesSelector === void 0 ? void 0 : capabilitiesSelector.capabilities) ||
         capabilitiesSelector.capabilities.useReactions.isPresent;
@@ -29285,9 +29150,7 @@ const CallControls = (props) => {
     if (showParticipantsButtonInControlBar) {
         numberOfButtons++;
     }
-    /* @conditional-compile-remove(reaction) */
     const showReactionButtonInControlBar = isEnabled$2(options === null || options === void 0 ? void 0 : options.reactionButton) && isReactionAllowed && !props.isMobile;
-    /* @conditional-compile-remove(reaction) */
     if (showReactionButtonInControlBar) {
         numberOfButtons++;
     }
@@ -29344,7 +29207,6 @@ const CallControls = (props) => {
         showDevicesButtonInControlBar = false;
         showMoreButton = isEnabled$2(options === null || options === void 0 ? void 0 : options.moreButton);
     }
-    /* @conditional-compile-remove(reaction) */
     const reactionResources = adapter.getState().reactions;
     const raiseHandButtonIsEnabled = isEnabled$2(options === null || options === void 0 ? void 0 : options.raiseHandButton);
     let showRaiseHandButtonInControlBar = raiseHandButtonIsEnabled;
@@ -29426,7 +29288,6 @@ const CallControls = (props) => {
             React.createElement(ControlBar, { layout: props.displayVertical ? 'vertical' : 'horizontal', styles: controlBarStyles(theme.semanticColors.bodyBackground) },
                 microphoneButtonIsEnabled && (React.createElement(Microphone, { displayType: options === null || options === void 0 ? void 0 : options.displayType, disabled: isDisabled$4(options === null || options === void 0 ? void 0 : options.microphoneButton) })),
                 cameraButtonIsEnabled && (React.createElement(Camera, { displayType: options === null || options === void 0 ? void 0 : options.displayType, disabled: isDisabled$4(options === null || options === void 0 ? void 0 : options.cameraButton) })),
-                /* @conditional-compile-remove(reaction) */
                 showReactionButtonInControlBar && reactionResources && (React.createElement(Reaction, { displayType: options === null || options === void 0 ? void 0 : options.displayType, reactionResource: reactionResources })),
                 showRaiseHandButtonInControlBar && !hideRaiseHandButtonInRoomsCall && (React.createElement(RaiseHand, { displayType: options === null || options === void 0 ? void 0 : options.displayType })),
                 screenShareButtonIsEnabled && (React.createElement(ScreenShare, { option: options === null || options === void 0 ? void 0 : options.screenShareButton, displayType: options === null || options === void 0 ? void 0 : options.displayType, disabled: isDisabled$4(options === null || options === void 0 ? void 0 : options.screenShareButton) })),
@@ -30276,11 +30137,8 @@ const CommonCallControlBar = (props) => {
     // only center control bar buttons based on parent container if there are enough space on the screen and not mobile
     const controlBarDesktopContainerStyles = React.useMemo(() => (!props.mobileView && !isOutOfSpace ? { position: 'relative', minHeight: '4.5rem', width: '100%' } : {}), [props.mobileView, isOutOfSpace]);
     const customButtons = React.useMemo(() => generateCustomCallControlBarButton(onFetchCustomButtonPropsTrampoline(options !== false ? options : undefined), options !== false ? options === null || options === void 0 ? void 0 : options.displayType : undefined), [options]);
-    /* @conditional-compile-remove(reaction) */
     const capabilitiesSelector = useSelector$1(capabilitySelector);
-    /* @conditional-compile-remove(reaction) */
     const callState = useSelector$1(callStatusSelector);
-    /* @conditional-compile-remove(reaction) */
     const isReactionAllowed = callState.callStatus !== 'Connected' ||
         !(capabilitiesSelector === null || capabilitiesSelector === void 0 ? void 0 : capabilitiesSelector.capabilities) ||
         capabilitiesSelector.capabilities.useReactions.isPresent;
@@ -30303,7 +30161,6 @@ const CommonCallControlBar = (props) => {
             props.onUserSetGalleryLayout);
     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);
-    /*@conditional-compile-remove(reaction) */
     const reactionResources = props.callAdapter.getState().reactions;
     return (React.createElement("div", { ref: controlBarSizeRef },
         React.createElement(CallAdapterProvider, { adapter: props.callAdapter }, 
@@ -30322,7 +30179,6 @@ const CommonCallControlBar = (props) => {
                                     cameraButtonIsEnabled && (React.createElement(Camera, { displayType: options.displayType, styles: commonButtonStyles, splitButtonsForDeviceSelection: !props.mobileView, 
                                         /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */
                                         disabled: props.disableButtonsForHoldScreen || isDisabled$4(options.cameraButton), onClickVideoEffects: props.onClickVideoEffects, componentRef: props.cameraButtonRef, disableTooltip: props.mobileView })),
-                                    /* @conditional-compile-remove(reaction) */
                                     !props.mobileView &&
                                         isReactionAllowed &&
                                         isEnabled$1(options.reactionButton) &&
@@ -30680,7 +30536,6 @@ const MoreDrawer = (props) => {
     const showCaptionsButton = props.isCaptionsSupported &&
         /* @conditional-compile-remove(acs-close-captions) */ drawerSelectionOptions !== false &&
         /* @conditional-compile-remove(acs-close-captions) */ isEnabled(drawerSelectionOptions.captionsButton);
-    /* @conditional-compile-remove(reaction) */
     if (props.reactionResources !== undefined) {
         drawerMenuItems.push({
             itemKey: 'reactions',
@@ -32865,9 +32720,7 @@ const CallArrangement = (props) => {
                         isCaptionsSupported: (useTeamsCaptions && hasJoinedCall) ||
                             /* @conditional-compile-remove(acs-close-captions) */ hasJoinedCall, 
                         /* @conditional-compile-remove(close-captions) */
-                        useTeamsCaptions: useTeamsCaptions, onUserSetGalleryLayout: props.onUserSetGalleryLayoutChange, userSetGalleryLayout: props.userSetGalleryLayout, onSetDialpadPage: props.onSetDialpadPage, dtmfDialerPresent: props.dtmfDialerPresent, 
-                        /* @conditional-compile-remove(reaction) */
-                        reactionResources: adapter.getState().reactions }))),
+                        useTeamsCaptions: useTeamsCaptions, onUserSetGalleryLayout: props.onUserSetGalleryLayoutChange, userSetGalleryLayout: props.userSetGalleryLayout, onSetDialpadPage: props.onSetDialpadPage, dtmfDialerPresent: props.dtmfDialerPresent, reactionResources: adapter.getState().reactions }))),
                 React.createElement(react.Stack, { horizontal: true, grow: true },
                     React.createElement(react.Stack.Item, { style: callCompositeContainerCSS },
                         React.createElement(react.Stack.Item, { styles: callGalleryStyles, grow: true },
@@ -32961,7 +32814,6 @@ const MediaGallery = (props) => {
     const containerWidth = _useContainerWidth(containerRef);
     const containerHeight = _useContainerHeight(containerRef);
     const containerAspectRatio = containerWidth && containerHeight ? containerWidth / containerHeight : 0;
-    /* @conditional-compile-remove(reaction) */
     const reactionResources = adapter.getState().reactions;
     const layoutBasedOnTilePosition = getVideoGalleryLayoutBasedOnLocalOptions((_b = props.localVideoTileOptions) === null || _b === void 0 ? void 0 : _b.position);
     const cameraSwitcherProps = React.useMemo(() => {
@@ -33022,9 +32874,7 @@ const MediaGallery = (props) => {
                 ? 'hidden'
                 : props.isMobile && containerAspectRatio < 1
                     ? '9:16'
-                    : '16:9', pinnedParticipants: pinnedParticipants, onPinParticipant: onPinParticipant, onUnpinParticipant: onUnpinParticipant, 
-            /* @conditional-compile-remove(reaction) */
-            reactionResources: reactionResources, 
+                    : '16:9', pinnedParticipants: pinnedParticipants, onPinParticipant: onPinParticipant, onUnpinParticipant: onUnpinParticipant, reactionResources: reactionResources, 
             /* @conditional-compile-remove(spotlight) */
             onStartLocalSpotlight: hideSpotlightButtons ? undefined : onStartLocalSpotlightWithPrompt, 
             /* @conditional-compile-remove(spotlight) */
@@ -33049,7 +32899,6 @@ const MediaGallery = (props) => {
         onPinParticipant,
         onUnpinParticipant,
         layoutBasedOnTilePosition,
-        /* @conditional-compile-remove(reaction) */
         reactionResources,
         /* @conditional-compile-remove(spotlight) */
         onStartLocalSpotlightWithPrompt,
@@ -36120,7 +35969,7 @@ class CallContext {
             selectedVideoBackgroundEffect: undefined,
             cameraStatus: undefined,
             sounds: options === null || options === void 0 ? void 0 : options.callingSounds,
-            /* @conditional-compile-remove(reaction) */ reactions: options === null || options === void 0 ? void 0 : options.reactionResources
+            reactions: options === null || options === void 0 ? void 0 : options.reactionResources
         };
         this.emitter.setMaxListeners((_d = options === null || options === void 0 ? void 0 : options.maxListeners) !== null && _d !== void 0 ? _d : 50);
         this.bindPublicMethods();
@@ -36376,7 +36225,6 @@ class AzureCommunicationCallAdapter {
         this.startScreenShare.bind(this);
         this.stopScreenShare.bind(this);
         this.raiseHand.bind(this);
-        /* @conditional-compile-remove(reaction) */
         this.onReactionClick.bind(this);
         this.lowerHand.bind(this);
         this.removeParticipant.bind(this);
@@ -36710,7 +36558,6 @@ class AzureCommunicationCallAdapter {
             }));
         });
     }
-    /* @conditional-compile-remove(reaction) */
     onReactionClick(reaction) {
         return __awaiter$5(this, void 0, void 0, function* () {
             return yield this.asyncTeeErrorToEventEmitter(() => __awaiter$5(this, void 0, void 0, function* () {
@@ -37558,7 +37405,6 @@ class CallWithChatBackedCallAdapter {
         this.stopScreenShare = () => __awaiter$4(this, void 0, void 0, function* () { return yield this.callWithChatAdapter.stopScreenShare(); });
         this.raiseHand = () => __awaiter$4(this, void 0, void 0, function* () { return yield this.callWithChatAdapter.raiseHand(); });
         this.lowerHand = () => __awaiter$4(this, void 0, void 0, function* () { return yield this.callWithChatAdapter.lowerHand(); });
-        /* @conditional-compile-remove(reaction) */
         this.onReactionClick = (reaction) => __awaiter$4(this, void 0, void 0, function* () { return yield this.callWithChatAdapter.onReactionClick(reaction); });
         this.removeParticipant = (userId) => __awaiter$4(this, void 0, void 0, function* () {
             let participant = userId;
@@ -37688,7 +37534,6 @@ function callAdapterStateFromCallWithChatAdapterState(callWithChatAdapterState)
         videoBackgroundImages: callWithChatAdapterState.videoBackgroundImages,
         onResolveVideoEffectDependency: callWithChatAdapterState.onResolveVideoEffectDependency,
         selectedVideoBackgroundEffect: callWithChatAdapterState.selectedVideoBackgroundEffect,
-        /* @conditional-compile-remove(reaction) */
         reactions: callWithChatAdapterState.reactions
     };
 }
@@ -38240,7 +38085,6 @@ function callWithChatAdapterStateFromBackingStates(callAdapter) {
         /* @conditional-compile-remove(hide-attendee-name) */
         /** Hide attendee names in teams meeting */
         hideAttendeeNames: callAdapterState.hideAttendeeNames,
-        /* @conditional-compile-remove(reaction) */
         reactions: callAdapterState.reactions
     };
 }
@@ -38259,30 +38103,6 @@ function mergeCallAdapterStateIntoCallWithChatAdapterState(existingCallWithChatA
     return Object.assign(Object.assign({}, existingCallWithChatAdapterState), { userId: callAdapterState.userId, page: callAdapterState.page, displayName: callAdapterState.displayName, devices: callAdapterState.devices, call: callAdapterState.call, isLocalPreviewMicrophoneEnabled: callAdapterState.isLocalPreviewMicrophoneEnabled, isTeamsCall: callAdapterState.isTeamsCall, latestCallErrors: callAdapterState.latestErrors, videoBackgroundImages: callAdapterState.videoBackgroundImages, onResolveVideoEffectDependency: callAdapterState.onResolveVideoEffectDependency, selectedVideoBackgroundEffect: callAdapterState.selectedVideoBackgroundEffect });
 }
 
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-/**
- * Get chat thread from a teams url.
- * As per documented on the Chat SDK: https://docs.microsoft.com/en-us/azure/communication-services/quickstarts/chat/meeting-interop?pivots=platform-web#get-a-teams-meeting-chat-thread-for-a-communication-services-user
- *
- * @private
- */
-const getChatThreadFromTeamsLink = (teamsMeetingLink) => {
-    // Get the threadId from the url - this also contains the call locator ID that will be removed in the threadId.split
-    let threadId = teamsMeetingLink.replace('https://teams.microsoft.com/l/meetup-join/', '');
-    // Unescape characters that applications like Outlook encode when creating joinable links
-    threadId = decodeURIComponent(threadId);
-    // Extract just the chat guid from the link, stripping away the call locator ID
-    threadId = threadId.split(/^(.*?@thread\.v2)/gm)[1];
-    if (!threadId || threadId.length === 0) {
-        if (UNSUPPORTED_CHAT_THREAD_TYPE.some((t) => teamsMeetingLink.includes(t))) {
-            throw new Error(`Teams Channel Meetings are not currently supported, read more ${TEAMS_LIMITATION_LEARN_MORE}`);
-        }
-        throw new Error('Could not get chat thread from teams link');
-    }
-    return threadId;
-};
-
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
 var __awaiter$2 = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
@@ -38413,7 +38233,6 @@ class AzureCommunicationCallWithChatAdapter {
         this.stopScreenShare.bind(this);
         this.raiseHand.bind(this);
         this.lowerHand.bind(this);
-        /* @conditional-compile-remove(reaction) */
         this.onReactionClick.bind(this);
         this.removeParticipant.bind(this);
         this.createStreamView.bind(this);
@@ -38619,7 +38438,7 @@ class AzureCommunicationCallWithChatAdapter {
             yield this.callAdapter.lowerHand();
         });
     }
-    /* @conditional-compile-remove(reaction) */
+    /** Reaction clicked by the local user. */
     onReactionClick(reaction) {
         return __awaiter$2(this, void 0, void 0, function* () {
             yield this.callAdapter.onReactionClick(reaction);
@@ -39033,12 +38852,34 @@ class CallAndChatProvider {
  * @public
  */
 class TeamsMeetingLinkProvider {
-    constructor(locator) {
+    constructor(locator, 
+    /** @conditional-compile-remove(meeting-id) */ callAdapterPromise) {
         this.locator = locator;
+        /** @conditional-compile-remove(meeting-id) */
+        this.callAdapterPromise = callAdapterPromise;
     }
     getChatThread() {
         return __awaiter$2(this, void 0, void 0, function* () {
-            return getChatThreadFromTeamsLink(this.locator.meetingLink);
+            /** @conditional-compile-remove(meeting-id) */
+            {
+                // Wait for the call to be connected and get the chat thread ID from `call.callInfo`.
+                const chatThreadPromise = new Promise((resolve) => {
+                    this.callAdapterPromise.then((callAdapter) => {
+                        // Ensure function is idempotent by removing any existing subscription.
+                        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);
+                                this.callAdapterSubscription = undefined;
+                                resolve((_c = state.call.info) === null || _c === void 0 ? void 0 : _c.threadId);
+                            }
+                        };
+                        callAdapter.onStateChange(this.callAdapterSubscription);
+                    });
+                });
+                return chatThreadPromise;
+            }
         });
     }
 }
@@ -39230,7 +39071,7 @@ const isTeamsMeetingLocator = (locator) => {
 };
 const _createChatThreadAdapterInner = (locator, adapter) => {
     if ('meetingLink' in locator) {
-        return new TeamsMeetingLinkProvider(locator);
+        return new TeamsMeetingLinkProvider(locator, /** @conditional-compile-remove(meeting-id) */ adapter);
     }
     /** @conditional-compile-remove(meeting-id) */
     if ('meetingId' in locator) {
@@ -39811,4 +39652,4 @@ exports.useTeamsCall = useTeamsCall;
 exports.useTeamsCallAdapter = useTeamsCallAdapter;
 exports.useTeamsCallAgent = useTeamsCallAgent;
 exports.useTheme = useTheme;
-//# sourceMappingURL=index-BP7335hI.js.map
+//# sourceMappingURL=index-oaEwmItW.js.map