@azure/communication-react 1.5.1-alpha-202304140012 → 1.5.1-alpha-202304150013

package/dist/communication-react.d.ts

@@ -217,6 +217,61 @@ export declare type AreParamEqual<A extends (props: any) => JSX.Element | undefi
  */
 export declare type AreTypeEqual<A, B> = A extends B ? (B extends A ? true : false) : false;
 
+/**
+ * Options to display suggestions in the at mention scenario.
+ *
+ * @beta
+ */
+export declare interface AtMentionDisplayOptions {
+    /**
+     * Optional callback to override render of an mention in a message thread.
+     */
+    onRenderAtMentionSuggestion?: (suggestion: AtMentionSuggestion) => JSX.Element;
+}
+
+/**
+ * Options to lookup suggestions in the at mention scenario.
+ *
+ * @beta
+ */
+export declare interface AtMentionLookupOptions {
+    /**
+     * Optional string to set trigger keyword for mention a specific participant.
+     *
+     * @defaultValue `@`
+     */
+    trigger?: string;
+    /**
+     * Optional callback to fetch a list of at mention suggestions base on the query.
+     */
+    onQueryUpdated?: (query: string) => Promise<AtMentionSuggestion[]>;
+    /**
+     * Optional callback to render an item of the atMention suggestions list.
+     */
+    onRenderSuggestionItem?: (suggestion: AtMentionSuggestion, onSuggestionSelected?: (suggestion: AtMentionSuggestion) => void) => JSX.Element;
+}
+
+/**
+ * Options to lookup suggestions and display mentions in the at mention scenario.
+ *
+ * @beta
+ */
+export declare type AtMentionOptions = AtMentionLookupOptions & AtMentionDisplayOptions;
+
+/**
+ * At mention suggestion's state, as reflected in the UI.
+ *
+ * @beta
+ */
+export declare interface AtMentionSuggestion {
+    /** User ID of a mentioned participant or 'everyone' for an @everyone suggestion */
+    userId: string;
+    /** Type of an at mention suggestion */
+    suggestionType: string;
+    /** Display name of a mentioned participant */
+    displayName: string;
+}
+
 /**
  * @beta
  */
@@ -5857,6 +5912,10 @@ export declare interface _Identifiers {
     verticalGalleryVideoTile: string;
     /** `data-ui-id` value for `VerticalGallery` Component's page counter */
     verticalGalleryPageCounter: string;
+    /** `data-ui-id` value for `AtMentionFlyout` Component's suggestion list */
+    atMentionSuggestionList: string;
+    /** `data-ui-id` value for `AtMentionFlyout` Component's suggestion list item */
+    atMentionSuggestionItem: string;
 }
 
 /**
@@ -6430,6 +6489,11 @@ export declare type MessageThreadProps = {
      * @beta
      */
     onDisplayDateTimeString?: (messageDate: Date) => string;
+    /**
+     * Optional props needed to lookup suggestions and display mentions in the at mention scenario.
+     * @beta
+     */
+    atMentionOptions?: AtMentionOptions;
 };
 
 /**
@@ -7429,6 +7493,11 @@ export declare interface SendBoxProps {
      * Optional callback called when message is sent
      */
     onSendMessage?: (content: string) => Promise<void>;
+    /**
+     * Optional props needed to lookup suggestions in the at mention scenario.
+     * @beta
+     */
+    atMentionLookupOptions?: AtMentionLookupOptions;
     /**
      * Optional callback called when user is typing
      */

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

@@ -162,7 +162,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-202304140012';
+var telemetryVersion = '1.5.1-alpha-202304150013';
 
 // Copyright (c) Microsoft Corporation.
 /**
@@ -455,13 +455,6 @@ const memoizedUpdateDisplayName = memoizeFnAll((participantId, participant) => {
 const isTeamsCallParticipants = (participants) => {
     return participants.every((p) => !communicationCommon.isCommunicationUserIdentifier(p));
 };
-/**
- * @private
- * A type guard to ensure all participants are acceptable type for ACS call
- */
-const isACSCallParticipants = (participants) => {
-    return participants.every((p) => !communicationCommon.isMicrosoftTeamsUserIdentifier(p));
-};
 /**
  * @private
  * Checks whether the user is a 'Ringing' PSTN user.
@@ -867,10 +860,8 @@ const createDefaultCallingHandlers = memoizeOne__default['default']((callClient,
     return Object.assign(Object.assign({}, createDefaultCommonCallingHandlers(callClient, deviceManager, call)), { 
         // FIXME: onStartCall API should use string, not the underlying SDK types.
         onStartCall: (participants, options) => {
-            if (!isACSCallParticipants(participants)) {
-                throw new Error('TeamsUserIdentifier in Teams call is not supported!');
-            }
-            return callAgent ? callAgent.startCall(participants, options) : undefined;
+            /* @conditional-compile-remove(teams-adhoc-call) */
+            return callAgent === null || callAgent === void 0 ? void 0 : callAgent.startCall(participants, options);
         }, 
         /* @conditional-compile-remove(PSTN-calls) */
         onAddParticipant: (userId, options) => __awaiter$D(void 0, void 0, void 0, function* () {
@@ -4330,7 +4321,11 @@ const defaultIdentifiers = {
     verticalGalleryVideoTile: 'vertical-gallery-video-tile',
     horizontalGalleryVideoTile: 'horizontal-gallery-video-tile',
     /* @conditional-compile-remove(vertical-gallery) */
-    verticalGalleryPageCounter: 'vertical-gallery-page-counter'
+    verticalGalleryPageCounter: 'vertical-gallery-page-counter',
+    /* @conditional-compile-remove(at-mention) */
+    atMentionSuggestionList: 'at-mention-suggestion-list',
+    /* @conditional-compile-remove(at-mention) */
+    atMentionSuggestionItem: 'at-mention-suggestion-item'
 };
 /**
  * @private
@@ -5982,6 +5977,22 @@ const activeFileUploadsTrampoline = (props) => {
     return props.activeFileUploads;
 };
 
+// Copyright (c) Microsoft Corporation.
+/**
+ * @private
+ */
+react.mergeStyles({
+    height: '100%',
+    overflowY: 'auto',
+    overflowX: 'hidden'
+});
+/**
+ * @private
+ */
+react.mergeStyles({
+    padding: '0.25rem 0rem 0'
+});
+
 // Copyright (c) Microsoft Corporation.
 /** @private */
 const MESSAGE_STATUS_INDICATOR_SIZE_REM = 1;