@azure/communication-react 1.7.0-alpha-202307210013 → 1.7.0-alpha-202307250014

package/dist/communication-react.d.ts

@@ -68,6 +68,7 @@ import { LatestNetworkDiagnostics } from '@azure/communication-calling';
 import { LocalVideoStream } from '@azure/communication-calling';
 import type { MediaDiagnosticChangedEventArgs } from '@azure/communication-calling';
 import { MediaStreamType } from '@azure/communication-calling';
+import { MicrosoftBotKind } from '@azure/communication-common';
 import { MicrosoftTeamsUserIdentifier } from '@azure/communication-common';
 import { MicrosoftTeamsUserKind } from '@azure/communication-common';
 import type { NetworkDiagnosticChangedEventArgs } from '@azure/communication-calling';
@@ -8050,7 +8051,7 @@ export declare interface RemoteParticipantState {
     /**
      * Proxy of {@link @azure/communication-calling#RemoteParticipant.identifier}.
      */
-    identifier: CommunicationUserKind | PhoneNumberKind | MicrosoftTeamsUserKind | UnknownIdentifierKind;
+    identifier: CommunicationUserKind | PhoneNumberKind | MicrosoftTeamsUserKind | UnknownIdentifierKind | /* @conditional-compile-remove(communication-common-beta-v3) */ MicrosoftBotKind;
     /**
      * Proxy of {@link @azure/communication-calling#RemoteParticipant.displayName}.
      */

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.7.0-alpha-202307210013';
+var telemetryVersion = '1.7.0-alpha-202307250014';
 
 // Copyright (c) Microsoft Corporation.
 /**
@@ -518,7 +518,7 @@ const isTeamsCallParticipants = (participants) => {
  * Checks whether the user is a 'Ringing' PSTN user.
  */
 const _isRingingPSTNParticipant = (participant) => {
-    return participant.identifier.kind === 'phoneNumber' && participant.state === 'Connecting'
+    return communicationCommon.isPhoneNumberIdentifier(participant.identifier) && participant.state === 'Connecting'
         ? 'Ringing'
         : participant.state;
 };
@@ -1037,6 +1037,10 @@ const createDefaultTeamsCallingHandlers = memoizeOne__default['default']((callCl
             if (communicationCommon.isCommunicationUserIdentifier(participant)) {
                 throw new Error('CommunicationIdentifier in Teams call is not supported!');
             }
+            /* @conditional-compile-remove(communication-common-beta-v3) */
+            if (communicationCommon.isMicrosoftBotIdentifier(participant)) {
+                throw new Error('Adding Microsoft Bot Identifier is not supported!');
+            }
             /* @conditional-compile-remove(teams-identity-support) */
             if (communicationCommon.isPhoneNumberIdentifier(participant)) {
                 call === null || call === void 0 ? void 0 : call.addParticipant(participant, threadId ? { threadId } : undefined);
@@ -1048,6 +1052,10 @@ const createDefaultTeamsCallingHandlers = memoizeOne__default['default']((callCl
             if (communicationCommon.isCommunicationUserIdentifier(participant)) {
                 throw new Error('CommunicationIdentifier in Teams call is not supported!');
             }
+            /* @conditional-compile-remove(communication-common-beta-v3) */
+            if (communicationCommon.isMicrosoftBotIdentifier(participant)) {
+                throw new Error('Removing Microsoft Bot Identifier is not supported!');
+            }
             /* @conditional-compile-remove(teams-identity-support) */
             yield (call === null || call === void 0 ? void 0 : call.removeParticipant(participant));
         }) });
@@ -3690,7 +3698,9 @@ class ProxyCallAgentCommon {
             }
             case 'on': {
                 return (...args) => {
-                    const isCallsUpdated = args[0] === 'callsUpdated';
+                    // typescript is not smart enough to handle multiple overloads and pull the correct type here so force casting args
+                    const event = args[0];
+                    const isCallsUpdated = event === 'callsUpdated';
                     if (isCallsUpdated) {
                         const listener = args[1];
                         this._externalCallsUpdatedListeners.add(listener);
@@ -3702,7 +3712,9 @@ class ProxyCallAgentCommon {
             }
             case 'off': {
                 return (...args) => {
-                    const isCallsUpdated = args[0] === 'callsUpdated';
+                    // typescript is not smart enough to handle multiple overloads and pull the correct type here so force casting args
+                    const event = args[0];
+                    const isCallsUpdated = event === 'callsUpdated';
                     if (isCallsUpdated) {
                         const listener = args[1];
                         this._externalCallsUpdatedListeners.delete(listener);
@@ -16221,17 +16233,21 @@ const captionContainerClassName = react.mergeStyles({
 /**
  * @private
  */
-const captionsBannerClassName = (formFactor) => {
+const captionsBannerStyles = (formFactor) => {
     return {
-        root: Object.assign({ overflowX: 'hidden', height: formFactor === 'compact' ? '4.5rem' : '6.25rem', overflowY: 'auto' }, scrollbarStyles)
+        root: Object.assign({ overflowX: 'hidden', height: formFactor === 'compact' ? '4.5rem' : '8.75rem', overflowY: 'auto' }, scrollbarStyles)
     };
 };
 /**
  * @private
  */
-const loadingBannerClassName = react.mergeStyles({
-    height: _pxToRem(100)
-});
+const loadingBannerStyles = (formFactor) => {
+    return {
+        root: {
+            height: formFactor === 'compact' ? '4.5rem' : '8.75rem'
+        }
+    };
+};
 /**
  * @private
  */
@@ -16311,11 +16327,11 @@ const _CaptionsBanner = (props) => {
     }, [captions, isAtBottomOfScroll]);
     return (React__default['default'].createElement(React__default['default'].Fragment, null, startCaptionsInProgress && (React__default['default'].createElement(react.FocusZone, { as: "ul", className: captionsContainerClassName },
         isCaptionsOn && (React__default['default'].createElement(c, { innerRef: captionsScrollDivRef },
-            React__default['default'].createElement(react.Stack, { verticalAlign: "start", styles: captionsBannerClassName(formFactor) }, captions.map((caption) => {
+            React__default['default'].createElement(react.Stack, { verticalAlign: "start", styles: captionsBannerStyles(formFactor) }, captions.map((caption) => {
                 return (React__default['default'].createElement("div", { key: caption.id, className: captionContainerClassName, "data-is-focusable": true },
                     React__default['default'].createElement(_Caption, Object.assign({}, caption, { onRenderAvatar: onRenderAvatar }))));
             })))),
-        !isCaptionsOn && (React__default['default'].createElement(react.Stack, { verticalAlign: "center", className: loadingBannerClassName, "data-is-focusable": true },
+        !isCaptionsOn && (React__default['default'].createElement(react.Stack, { verticalAlign: "center", styles: loadingBannerStyles(formFactor), "data-is-focusable": true },
             React__default['default'].createElement(react.Spinner, { label: strings === null || strings === void 0 ? void 0 : strings.captionsBannerSpinnerText, ariaLive: "assertive", labelPosition: "right" })))))));
 };
 
@@ -16526,7 +16542,7 @@ const _videoGalleryRemoteParticipantsMemo = (remoteParticipants) => {
              */
             .filter((participant) => {
             return (!['InLobby', 'Idle', 'Connecting', 'Disconnected'].includes(participant.state) ||
-                participant.identifier.kind === 'phoneNumber');
+                communicationCommon.isPhoneNumberIdentifier(participant.identifier));
         })
             .map((participant) => {
             const state = _isRingingPSTNParticipant(participant);
@@ -16668,13 +16684,18 @@ const convertRemoteParticipantsToParticipantListParticipants = (remoteParticipan
     /* eslint-disable @typescript-eslint/explicit-function-return-type */
     const conversionCallback = (memoizeFn) => {
         return (remoteParticipants
+            // Filter out MicrosoftBot participants
+            .filter((participant) => {
+            /* @conditional-compile-remove(communication-common-beta-v3) */
+            return !communicationCommon.isMicrosoftBotIdentifier(participant.identifier);
+        })
             /**
              * hiding participants who are inLobby, idle, or connecting in ACS clients till we can admit users through ACS clients.
              * phone users will be in the connecting state until they are connected to the call.
              */
             .filter((participant) => {
             return (!['InLobby', 'Idle', 'Connecting', 'Disconnected'].includes(participant.state) ||
-                participant.identifier.kind === 'phoneNumber');
+                communicationCommon.isPhoneNumberIdentifier(participant.identifier));
         })
             .map((participant) => {
             const isScreenSharing = Object.values(participant.videoStreams).some((videoStream) => videoStream.mediaStreamType === 'ScreenSharing' && videoStream.isAvailable);
@@ -21679,7 +21700,7 @@ const CaptionsBanner = (props) => {
         /* @conditional-compile-remove(close-captions) */ isCaptionsSettingsOpen && (React__default['default'].createElement(CaptionsSettingsModal, { showCaptionsSettingsModal: isCaptionsSettingsOpen, onDismissCaptionsSettings: onDismissCaptionsSettings })),
         /* @conditional-compile-remove(close-captions) */ React__default['default'].createElement("div", { className: containerClassName },
             React__default['default'].createElement(react.Stack, { horizontalAlign: "center" },
-                React__default['default'].createElement(react.Stack.Item, { style: { width: props.isMobile ? mobileViewBannerWidth : desktopViewBannerWidth } },
+                React__default['default'].createElement(react.Stack.Item, { style: { width: props.isMobile ? mobileViewBannerWidth : desktopViewBannerWidth, maxWidth: '35rem' } },
                     React__default['default'].createElement(_CaptionsBanner, Object.assign({}, captionsBannerProps, handlers, { formFactor: props.isMobile ? 'compact' : 'default', strings: captionsBannerStrings })))),
             !props.isMobile && captionsBannerProps.isCaptionsOn && (React__default['default'].createElement("div", { className: floatingChildClassName },
                 React__default['default'].createElement(CaptionsBannerMoreButton, { onCaptionsSettingsClick: onClickCaptionsSettings }))))));