@azure/communication-react 1.4.3-alpha-202301060015.0 → 1.4.3-alpha-202301070013.0

package/dist/communication-react.d.ts

@@ -26,6 +26,7 @@ import { CallClientOptions } from '@azure/communication-calling';
 import { CallDirection } from '@azure/communication-calling';
 import { CallEndReason } from '@azure/communication-calling';
 import { CallerInfo } from '@azure/communication-calling';
+import { CallKind } from '@azure/communication-calling';
 import { CallState as CallState_2 } from '@azure/communication-calling';
 import { ChatClient } from '@azure/communication-chat';
 import { ChatClientOptions } from '@azure/communication-chat';
@@ -1887,7 +1888,7 @@ export declare interface CallState {
     /**
      * Type of the call.
      */
-    type: 'Teams' | 'ACS';
+    kind: CallKind;
     /**
      * Proxy of {@link @azure/communication-calling#Call.callerInfo}.
      */

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

@@ -123,12 +123,6 @@ const memoizeFnAll = (fnToMemoize, shouldCacheUpdate = Object.is) => {
 };
 
 // Copyright (c) Microsoft Corporation.
-const COMMUNICATION_USER_PREFIX = '8:acs:';
-const PHONE_NUMBER_PREFIX = '4:';
-const TEAMS_DOD_PREFIX = '8:dod:';
-const TEAMS_GCCH_PREFIX = '8:gcch:';
-const TEAMS_USER_PREFIX = '8:orgid:';
-const TEAMS_VISITOR_PREFIX = '8:teamsvisitor:';
 /**
  * A string representation of a {@link @azure/communication-common#CommunicationIdentifier}.
  *
@@ -140,25 +134,7 @@ const TEAMS_VISITOR_PREFIX = '8:teamsvisitor:';
  * @public
  */
 const toFlatCommunicationIdentifier = (identifier) => {
-    if (communicationCommon.isCommunicationUserIdentifier(identifier)) {
-        return identifier.communicationUserId;
-    }
-    if (communicationCommon.isMicrosoftTeamsUserIdentifier(identifier)) {
-        if (identifier.isAnonymous) {
-            return TEAMS_VISITOR_PREFIX + identifier.microsoftTeamsUserId;
-        }
-        if (identifier.cloud === 'dod') {
-            return TEAMS_DOD_PREFIX + identifier.microsoftTeamsUserId;
-        }
-        if (identifier.cloud === 'gcch') {
-            return TEAMS_GCCH_PREFIX + identifier.microsoftTeamsUserId;
-        }
-        return TEAMS_USER_PREFIX + identifier.microsoftTeamsUserId;
-    }
-    if (communicationCommon.isPhoneNumberIdentifier(identifier)) {
-        return PHONE_NUMBER_PREFIX + identifier.phoneNumber;
-    }
-    return identifier.id;
+    return communicationCommon.getIdentifierRawId(identifier);
 };
 /**
  * Reverse operation of {@link toFlatCommunicationIdentifier}.
@@ -166,27 +142,7 @@ const toFlatCommunicationIdentifier = (identifier) => {
  * @public
  */
 const fromFlatCommunicationIdentifier = (id) => {
-    if (id.startsWith(COMMUNICATION_USER_PREFIX)) {
-        // The prefix is preserved for this variant of the identifier.
-        return { communicationUserId: id };
-    }
-    if (id.startsWith(PHONE_NUMBER_PREFIX) || id.startsWith('+')) {
-        const isPhoneNumber = id.startsWith(PHONE_NUMBER_PREFIX) ? id.replace(PHONE_NUMBER_PREFIX, '') : id;
-        return { phoneNumber: isPhoneNumber };
-    }
-    if (id.startsWith(TEAMS_USER_PREFIX)) {
-        return { microsoftTeamsUserId: id.replace(TEAMS_USER_PREFIX, '') };
-    }
-    if (id.startsWith(TEAMS_DOD_PREFIX)) {
-        return { microsoftTeamsUserId: id.replace(TEAMS_DOD_PREFIX, ''), cloud: 'dod' };
-    }
-    if (id.startsWith(TEAMS_GCCH_PREFIX)) {
-        return { microsoftTeamsUserId: id.replace(TEAMS_GCCH_PREFIX, ''), cloud: 'gcch' };
-    }
-    if (id.startsWith(TEAMS_VISITOR_PREFIX)) {
-        return { microsoftTeamsUserId: id.replace(TEAMS_VISITOR_PREFIX, ''), isAnonymous: true };
-    }
-    return { id };
+    return communicationCommon.createIdentifierFromRawId(id);
 };
 /**
  * Returns a CommunicationIdentifier.
@@ -202,7 +158,7 @@ const _toCommunicationIdentifier = (id) => {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT license.
 // GENERATED FILE. DO NOT EDIT MANUALLY.
-var telemetryVersion = '1.4.3-alpha-202301060015.0';
+var telemetryVersion = '1.4.3-alpha-202301070013.0';
 
 // Copyright (c) Microsoft Corporation.
 /**
@@ -1886,7 +1842,7 @@ function convertSdkCallToDeclarativeCall(call) {
     return {
         id: call.id,
         /* @conditional-compile-remove(teams-identity-support) */
-        type: _isACSCall(call) ? 'ACS' : 'Teams',
+        kind: _isACSCall(call) ? 'Call' : 'TeamsCall',
         callerInfo: call.callerInfo,
         state: call.state,
         callEndReason: call.callEndReason,
@@ -7609,13 +7565,15 @@ const ParticipantItem = (props) => {
     const localeStrings = useLocale$1().strings.participantItem;
     const ids = useIdentifiers();
     const strings = Object.assign(Object.assign({}, localeStrings), props.strings);
+    // For 'me' show empty name so avatar will get 'Person' icon, when there is no name
+    const meAvatarText = (displayName === null || displayName === void 0 ? void 0 : displayName.trim()) || '';
     const avatarOptions = {
-        text: (displayName === null || displayName === void 0 ? void 0 : displayName.trim()) || strings.displayNamePlaceholder,
+        text: me ? meAvatarText : (displayName === null || displayName === void 0 ? void 0 : displayName.trim()) || strings.displayNamePlaceholder,
         size: react.PersonaSize.size32,
         presence: presence,
         initialsTextColor: 'white',
         showOverflowTooltip: showParticipantOverflowTooltip,
-        showUnknownPersonaCoin: !(displayName === null || displayName === void 0 ? void 0 : displayName.trim()) || displayName === strings.displayNamePlaceholder
+        showUnknownPersonaCoin: !me && (!(displayName === null || displayName === void 0 ? void 0 : displayName.trim()) || displayName === strings.displayNamePlaceholder)
     };
     const avatar = onRenderAvatar ? (onRenderAvatar(userId !== null && userId !== void 0 ? userId : '', avatarOptions)) : (React__default['default'].createElement(react.Persona, Object.assign({ className: react.mergeStyles({
             // Prevents persona text from being vertically truncated if a global line height is less than 1.15.
@@ -8519,7 +8477,7 @@ const VideoTile = (props) => {
     ]);
     const placeholderOptions = {
         userId,
-        text: initialsName || displayName,
+        text: initialsName !== null && initialsName !== void 0 ? initialsName : displayName,
         noVideoAvailableAriaLabel,
         coinSize: personaSize,
         styles: defaultPersonaStyles,
@@ -10288,7 +10246,7 @@ const VideoGallery = (props) => {
         const localVideoTileStyles = react.concatStyleSets(shouldFloatLocalVideo ? floatingLocalVideoTileStyle : {}, {
             root: { borderRadius: theme.effects.roundedCorner4 }
         }, styles === null || styles === void 0 ? void 0 : styles.localVideo);
-        const initialsName = !localParticipant.displayName ? strings.displayNamePlaceholder : localParticipant.displayName;
+        const initialsName = !localParticipant.displayName ? '' : localParticipant.displayName;
         return (React__default['default'].createElement(react.Stack, { key: "local-video-tile-key", tabIndex: 0, "aria-label": strings.localVideoMovementLabel, role: 'dialog' },
             React__default['default'].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: isNarrow ? '' : strings.localVideoLabel, initialsName: initialsName, localVideoViewOptions: localVideoViewOptions, onRenderAvatar: onRenderAvatar, showLabel: !(shouldFloatLocalVideo && isNarrow), showMuteIndicator: showMuteIndicator, showCameraSwitcherInLocalPreview: showCameraSwitcherInLocalPreview, localVideoCameraCycleButtonProps: localVideoCameraCycleButtonProps, localVideoCameraSwitcherLabel: strings.localVideoCameraSwitcherLabel, localVideoSelectedDescription: strings.localVideoSelectedDescription, styles: localVideoTileStyles })));
     }, [
@@ -10307,7 +10265,6 @@ const VideoGallery = (props) => {
         strings.localVideoLabel,
         strings.localVideoMovementLabel,
         strings.localVideoSelectedDescription,
-        strings.displayNamePlaceholder,
         styles === null || styles === void 0 ? void 0 : styles.localVideo,
         theme.effects.roundedCorner4,
         /* @conditional-compile-remove(rooms) */ permissions.cameraButton
@@ -18589,7 +18546,7 @@ const createAnnouncmentString = (direction, participants, strings) => {
      * Filter participants into two arrays to put all the unnamed participants at the back of the
      * names being announced.
      */
-    const unnamedParticipants = participants.filter((p) => p.displayName === undefined);
+    const unnamedParticipants = participants.filter((p) => !p.displayName);
     const namedParicipants = participants.filter((p) => p.displayName);
     const sortedParticipants = namedParicipants.concat(unnamedParticipants);
     /**