@azure/communication-react 1.5.1-alpha-202306130014 → 1.5.1-alpha-202306140013

package/dist/communication-react.d.ts

@@ -3980,6 +3980,12 @@ export declare type CommonCallAdapterOptions = {
      * Default set of background images for background image picker.
      */
     videoBackgroundImages?: VideoBackgroundImage[];
+    /**
+     * Use this to fetch profile information which will override data in {@link CallAdapterState} like display name
+     * The onFetchProfile is fetch-and-forget one time action for each user, once a user profile is updated, the value will be cached
+     * and would not be updated again within the lifecycle of adapter.
+     */
+    onFetchProfile?: OnFetchProfileCallback;
 };
 
 /**
@@ -4882,7 +4888,7 @@ export declare const createTeamsCallAdapter: ({ userId, credential, locator, opt
  *
  * @beta
  */
-export declare const createTeamsCallAdapterFromClient: (callClient: StatefulCallClient, callAgent: TeamsCallAgent, locator: CallAdapterLocator, options?: TeamsAdapterOptions | undefined) => Promise<TeamsCallAdapter>;
+export declare const createTeamsCallAdapterFromClient: (callClient: StatefulCallClient, callAgent: TeamsCallAgent, locator: CallAdapterLocator, options?: CommonCallAdapterOptions | undefined) => Promise<TeamsCallAdapter>;
 
 /**
  * Object returned after creating a local or remote VideoStream.
@@ -8462,14 +8468,7 @@ export declare interface SystemMessageCommon extends MessageCommon {
  *
  * @beta
  */
-export declare type TeamsAdapterOptions = {
-    /**
-     * Use this to fetch profile information which will override data in {@link CallAdapterState} like display name
-     * The onFetchProfile is fetch-and-forget one time action for each user, once a user profile is updated, the value will be cached
-     * and would not be updated again within the lifecycle of adapter.
-     */
-    onFetchProfile?: OnFetchProfileCallback;
-} & CommonCallAdapterOptions;
+export declare type TeamsAdapterOptions = CommonCallAdapterOptions;
 
 /**
  * An Adapter interface specific for Teams identity which extends {@link CommonCallAdapter}.

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

@@ -167,7 +167,7 @@ const _toCommunicationIdentifier = (id) => {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT license.
 // GENERATED FILE. DO NOT EDIT MANUALLY.
-var telemetryVersion = '1.5.1-alpha-202306130014';
+var telemetryVersion = '1.5.1-alpha-202306140013';
 
 // Copyright (c) Microsoft Corporation.
 /**
@@ -5424,9 +5424,8 @@ const sendBoxWrapperStyles = react.mergeStyles({
  * @private
  */
 const sendButtonStyle = react.mergeStyles({
-    height: '1.25rem',
-    width: '1.25rem',
-    marginRight: '0.313rem' // 5px
+    height: '2.25rem',
+    width: '2.25rem'
 });
 /**
  * @private
@@ -7245,11 +7244,17 @@ const TextFieldWithMention = (props) => {
                         else {
                             event.currentTarget.setSelectionRange(mentionTag.plainTextBeginIndex, mentionEndIndex, event.currentTarget.selectionDirection);
                         }
+                        setSelectionStartValue(mentionTag.plainTextBeginIndex);
+                        setSelectionEndValue(mentionEndIndex);
+                    }
+                    else {
+                        // bounds of the mention were selected
+                        setSelectionStartValue(event.currentTarget.selectionStart);
+                        setSelectionEndValue(event.currentTarget.selectionEnd);
                     }
-                    setSelectionStartValue(mentionTag.plainTextBeginIndex);
-                    setSelectionEndValue(mentionEndIndex);
                 }
                 else {
+                    // not a mention tag
                     setSelectionStartValue(event.currentTarget.selectionStart);
                     setSelectionEndValue(nullToUndefined(event.currentTarget.selectionEnd));
                 }
@@ -7495,7 +7500,7 @@ const InputBoxComponent = (props) => {
         errorMessage: styles === null || styles === void 0 ? void 0 : styles.systemMessage,
         suffix: {
             backgroundColor: 'transparent',
-            padding: props.inlineChildren ? '0 0.25rem' : '0 0'
+            padding: '0 0'
         }
     });
     const mergedChildrenStyle = react.mergeStyles(props.inlineChildren ? {} : newLineButtonsContainerStyle);
@@ -11155,15 +11160,19 @@ const VideoTile = (props) => {
     const [isHovered, setIsHovered] = React.useState(false);
     /* @conditional-compile-remove(pinned-participants) */
     const [isFocused, setIsFocused] = React.useState(false);
-    const [personaSize, setPersonaSize] = React.useState();
+    // need to set a default otherwise the resizeObserver will get stuck in an infinite loop.
+    const [personaSize, setPersonaSize] = React.useState(1);
     const videoTileRef = React.useRef(null);
     const locale = useLocale$1();
     const theme = useTheme();
     const isVideoRendered = !!renderElement;
     const observer = React.useRef(new ResizeObserver((entries) => {
         const { width, height } = entries[0].contentRect;
-        const personaSize = Math.min(width, height) / 3;
-        setPersonaSize(Math.max(Math.min(personaSize, personaMaxSize), personaMinSize));
+        const personaCalcSize = Math.min(width, height) / 3;
+        // we only want to set the persona size if it has changed
+        if (personaCalcSize !== personaSize) {
+            setPersonaSize(Math.max(Math.min(personaCalcSize, personaMaxSize), personaMinSize));
+        }
     }));
     React.useLayoutEffect(() => {
         if (videoTileRef.current) {
@@ -26444,6 +26453,12 @@ const getQueryOptions = (options) => {
     return { video: true, audio: true };
 };
 
+// Copyright (c) Microsoft Corporation.
+/**
+ * @private
+ */
+const compositeLogger = logger.createClientLogger('communication-react:composite');
+
 /**
  * @private
  */
@@ -26562,8 +26577,8 @@ const createProfileStateModifier = (onFetchProfile, notifyUpdate) => {
                 const profile = yield onFetchProfile(key, { displayName: originalParticipants[key].displayName });
                 if ((profile === null || profile === void 0 ? void 0 : profile.displayName) && originalParticipants[key].displayName !== (profile === null || profile === void 0 ? void 0 : profile.displayName)) {
                     cachedDisplayName[key] = profile === null || profile === void 0 ? void 0 : profile.displayName;
+                    shouldNotifyUpdates = true;
                 }
-                shouldNotifyUpdates = true;
             }
             // notify update only when there is a change, which most likely will trigger modifier and setState again
             shouldNotifyUpdates && notifyUpdate();
@@ -26893,29 +26908,44 @@ class AzureCommunicationCallAdapter {
     }
     queryCameras() {
         return __awaiter$3(this, void 0, void 0, function* () {
+            const startTime = new Date().getTime();
             return yield this.asyncTeeErrorToEventEmitter(() => __awaiter$3(this, void 0, void 0, function* () {
-                return this.deviceManager.getCameras();
+                const cameras = yield this.deviceManager.getCameras();
+                const endTime = new Date().getTime();
+                compositeLogger.info('time to query cameras', endTime - startTime, 'ms');
+                return cameras;
             }));
         });
     }
     queryMicrophones() {
         return __awaiter$3(this, void 0, void 0, function* () {
+            const startTime = new Date().getTime();
             return yield this.asyncTeeErrorToEventEmitter(() => __awaiter$3(this, void 0, void 0, function* () {
-                return this.deviceManager.getMicrophones();
+                const microphones = yield this.deviceManager.getMicrophones();
+                const endTime = new Date().getTime();
+                compositeLogger.info('time to query microphones', endTime - startTime, 'ms');
+                return microphones;
             }));
         });
     }
     querySpeakers() {
         return __awaiter$3(this, void 0, void 0, function* () {
+            const startTime = new Date().getTime();
             return yield this.asyncTeeErrorToEventEmitter(() => __awaiter$3(this, void 0, void 0, function* () {
-                return this.deviceManager.isSpeakerSelectionAvailable ? this.deviceManager.getSpeakers() : [];
+                const speakers = (yield this.deviceManager.isSpeakerSelectionAvailable) ? this.deviceManager.getSpeakers() : [];
+                const endTime = new Date().getTime();
+                compositeLogger.info('time to query speakers', endTime - startTime, 'ms');
+                return speakers;
             }));
         });
     }
     askDevicePermission(constrain) {
         return __awaiter$3(this, void 0, void 0, function* () {
+            const startTime = new Date().getTime();
             return yield this.asyncTeeErrorToEventEmitter(() => __awaiter$3(this, void 0, void 0, function* () {
                 yield this.deviceManager.askDevicePermission(constrain);
+                const endTime = new Date().getTime();
+                compositeLogger.info('time to query askDevicePermissions', endTime - startTime, 'ms');
             }));
         });
     }