@azure/communication-react 1.6.1-alpha-202307010018 → 1.7.0-alpha-202307060015

package/dist/dist-cjs/communication-react/index.js

@@ -178,7 +178,7 @@ const _isValidIdentifier = (identifier) => {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT license.
 // GENERATED FILE. DO NOT EDIT MANUALLY.
-var telemetryVersion = '1.6.1-alpha-202307010018';
+var telemetryVersion = '1.7.0-alpha-202307060015';
 
 // Copyright (c) Microsoft Corporation.
 /**
@@ -7471,11 +7471,14 @@ const TextFieldWithMention = (props) => {
             setCaretPosition(relativePosition);
             if (triggerPriorIndex !== undefined) {
                 // trigger is found
-                const isSpaceBeforeTrigger = newValue.substring(triggerPriorIndex - 1, triggerPriorIndex) === ' ';
+                const symbolBeforeTrigger = newValue.substring(triggerPriorIndex - 1, triggerPriorIndex);
+                const isSpaceBeforeTrigger = symbolBeforeTrigger === ' ';
+                // check if \r (Carriage Return), \n (Line Feed) or \r\n (End Of Line) is before the trigger
+                const isNewLineBeforeTrigger = /\r|\n/.exec(symbolBeforeTrigger);
                 const wordAtSelection = newValue.substring(triggerPriorIndex, currentSelectionEndValue);
                 let tagIndex = currentTriggerStartIndex;
-                if (!isSpaceBeforeTrigger && triggerPriorIndex !== 0) {
-                    //no space before the trigger <- continuation of the previous word
+                if (!isSpaceBeforeTrigger && triggerPriorIndex !== 0 && isNewLineBeforeTrigger === null) {
+                    // no space before the trigger, it's not a beginning of the line and no new line before  <- continuation of the previous word
                     tagIndex = -1;
                     setCurrentTriggerStartIndex(tagIndex);
                 }
@@ -11028,7 +11031,7 @@ const useVideoTileContextualMenuProps = (props) => {
         if (items.length === 0) {
             return undefined;
         }
-        return { items, styles: {} };
+        return { items, styles: {}, calloutProps: { preventDismissOnEvent: _preventDismissOnEvent } };
     }, [
         scalingMode,
         strings,
@@ -24706,6 +24709,8 @@ const MediaGallery = (props) => {
     const containerWidth = _useContainerWidth(containerRef);
     /* @conditional-compile-remove(vertical-gallery) */
     const containerHeight = _useContainerHeight(containerRef);
+    /* @conditional-compile-remove(click-to-call) */
+    const containerAspectRatio = containerWidth && containerHeight ? containerWidth / containerHeight : 0;
     const layoutBasedOnTilePosition = localVideoTileLayoutTrampoline(
     /* @conditional-compile-remove(click-to-call) */ (_a = props.localVideoTileOptions) === null || _a === void 0 ? void 0 : _a.position);
     const cameraSwitcherProps = React.useMemo(() => {
@@ -24737,7 +24742,11 @@ const MediaGallery = (props) => {
             /* @conditional-compile-remove(vertical-gallery) */
             overflowGalleryPosition: overflowGalleryPosition, 
             /* @conditional-compile-remove(click-to-call) */
-            localVideoTileSize: props.localVideoTileOptions === false ? 'hidden' : props.isMobile ? 'followDeviceOrientation' : '16:9' })));
+            localVideoTileSize: props.localVideoTileOptions === false
+                ? 'hidden'
+                : props.isMobile && containerAspectRatio < 1
+                    ? '9:16'
+                    : '16:9' })));
     }, [
         videoGalleryProps,
         props.isMobile,
@@ -24747,7 +24756,9 @@ const MediaGallery = (props) => {
         /* @conditional-compile-remove(pinned-participants) */ remoteVideoTileMenuOptions,
         /* @conditional-compile-remove(vertical-gallery) */ overflowGalleryPosition,
         /* @conditional-compile-remove(click-to-call) */ props.localVideoTileOptions,
-        layoutBasedOnTilePosition
+        layoutBasedOnTilePosition,
+        /* @conditional-compile-remove(click-to-call) */
+        containerAspectRatio
     ]);
     return (React__default['default'].createElement("div", { ref: containerRef, style: mediaGalleryContainerStyles },
         React__default['default'].createElement(Announcer$1, { announcementString: announcerString, ariaLive: 'polite' }),