@azure/communication-react 1.5.1-alpha-202306010016 → 1.5.1-alpha-202306020014

package/dist/communication-react.d.ts

@@ -94,6 +94,7 @@ import { TeamsCall } from '@azure/communication-calling';
 import { TeamsCallAgent } from '@azure/communication-calling';
 import { TeamsMeetingLinkLocator } from '@azure/communication-calling';
 import { Theme } from '@fluentui/react';
+import { TransferRequestedEventArgs } from '@azure/communication-calling';
 import { TypingIndicatorReceivedEvent } from '@azure/communication-chat';
 import { UnknownIdentifier } from '@azure/communication-common';
 import { UnknownIdentifierKind } from '@azure/communication-common';
@@ -863,6 +864,10 @@ export declare type CallAdapterClientState = {
      * State to track the selected video background effect.
      */
     selectedVideoBackgroundEffect?: SelectedVideoBackgroundEffect;
+    /**
+     * Call from transfer request accepted by local user
+     */
+    acceptedTransferCallState?: CallState;
 };
 
 /**
@@ -1032,6 +1037,10 @@ export declare interface CallAdapterSubscribers {
      * Subscribe function for 'isCaptionsActiveChanged' event.
      */
     on(event: 'isCaptionsActiveChanged', listener: IsCaptionsActiveChangedListener): void;
+    /**
+     * Subscribe function for 'transferRequested' event.
+     */
+    on(event: 'transferRequested', listener: TransferRequestedListener): void;
     /**
      * Unsubscribe function for 'participantsJoined' event.
      */
@@ -1088,6 +1097,10 @@ export declare interface CallAdapterSubscribers {
      * Unsubscribe function for 'isCaptionsActiveChanged' event.
      */
     off(event: 'isCaptionsActiveChanged', listener: IsCaptionsActiveChangedListener): void;
+    /**
+     * Unsubscribe function for 'transferRequested' event.
+     */
+    off(event: 'transferRequested', listener: TransferRequestedListener): void;
 }
 
 /**
@@ -8407,7 +8420,7 @@ export declare interface TeamsCallAdapter extends CommonCallAdapter {
 export declare type TeamsCallAdapterArgs = {
     userId: MicrosoftTeamsUserIdentifier;
     credential: CommunicationTokenCredential;
-    locator: TeamsMeetingLinkLocator;
+    locator: TeamsMeetingLinkLocator | /* @conditional-compile-remove(teams-adhoc-call) */ /* @conditional-compile-remove(PSTN-calls) */ CallParticipantsLocator;
     /**
      * Optional parameters for the {@link TeamsCallAdapter} created
      */
@@ -8485,6 +8498,13 @@ export declare interface TransferFeature {
     };
 }
 
+/**
+ * Callback for {@link CallAdapterSubscribers} 'isCaptionsActiveChanged' event.
+ *
+ * @beta
+ */
+export declare type TransferRequestedListener = (event: TransferRequestedEventArgs) => void;
+
 /**
  * Component to notify local user when one or more participants in the chat thread are typing.
  *

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-202306010016';
+var telemetryVersion = '1.5.1-alpha-202306020014';
 
 // Copyright (c) Microsoft Corporation.
 /**
@@ -6366,12 +6366,6 @@ const InputBoxComponent = (props) => {
         updateMentionSuggestions(suggestions);
     }), 500);
     /* @conditional-compile-remove(mention) */
-    React.useEffect(() => {
-        return () => {
-            debouncedQueryUpdate.cancel();
-        };
-    }, [debouncedQueryUpdate]);
-    /* @conditional-compile-remove(mention) */
     // Update selections index in mention to navigate by words
     const updateSelectionIndexesWithMentionIfNeeded = React.useCallback((event, inputTextValue, selectionStartValue, selectionEndValue, tagsValue) => {
         var _a, _b, _c;
@@ -6496,6 +6490,7 @@ const InputBoxComponent = (props) => {
     /* @conditional-compile-remove(mention) */
     const handleOnChange = React.useCallback((event, tagsValue, htmlTextValue, inputTextValue, currentTriggerStartIndex, previousSelectionStart, previousSelectionEnd, currentSelectionStart, currentSelectionEnd, updatedValue) => __awaiter$w(void 0, void 0, void 0, function* () {
         var _b;
+        debouncedQueryUpdate.cancel();
         if (event.currentTarget === null) {
             return;
         }
@@ -6717,8 +6712,10 @@ const InputBoxComponent = (props) => {
                     setCaretIndex(undefined);
                     setSelectionStartValue(null);
                     setSelectionEndValue(null);
-                    // Dismiss the suggestions on blur
-                    setMentionSuggestions([]);
+                    // Dismiss the suggestions on blur, after enough time to select by mouse if needed
+                    setTimeout(() => {
+                        setMentionSuggestions([]);
+                    }, 200);
                 }, autoComplete: "off", onKeyDown: onTextFieldKeyDown, styles: mergedTextFieldStyle, disabled: disabled, errorMessage: errorMessage, onRenderSuffix: onRenderChildren, elementRef: inputBoxRef }))));
 };
 /**
@@ -7358,9 +7355,8 @@ const findStringsDiffIndexes = (props) => {
  */
 const htmlStringForMentionSuggestion = (suggestion, localeStrings) => {
     const idHTML = ' id ="' + suggestion.id + '"';
-    const displayTextHTML = ' displayText ="' + suggestion.displayText + '"';
     const displayText = getDisplayNameForMentionSuggestion(suggestion, localeStrings);
-    return '<' + MSFT_MENTION_TAG + idHTML + displayTextHTML + '>' + displayText + '</' + MSFT_MENTION_TAG + '>';
+    return '<' + MSFT_MENTION_TAG + idHTML + '>' + displayText + '</' + MSFT_MENTION_TAG + '>';
 };
 /* @conditional-compile-remove(mention) */
 /**
@@ -8771,7 +8767,7 @@ const preventUnwantedDismissProps = {
 const defaultOnMentionRender = (mention) => {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     const MsftMention = 'msft-mention';
-    return (React__default['default'].createElement(MsftMention, { id: mention.id, displayText: mention.displayText }, mention.displayText));
+    return React__default['default'].createElement(MsftMention, { id: mention.id }, mention.displayText);
 };
 
 // Copyright (c) Microsoft Corporation.
@@ -26340,11 +26336,18 @@ class CallContext {
             // Make sure that the call is set to undefined in the state.
             call = undefined;
         }
+        /* @conditional-compile-remove(call-transfer) */
+        const latestAcceptedTransfer = (call === null || call === void 0 ? void 0 : call.transferFeature.acceptedTransfers)
+            ? findLatestAcceptedTransfer(call.transferFeature.acceptedTransfers)
+            : undefined;
+        /* @conditional-compile-remove(call-transfer) */
+        const transferCall = latestAcceptedTransfer ? clientState.calls[latestAcceptedTransfer.callId] : undefined;
         if (this.state.page) {
             this.setState(Object.assign(Object.assign({}, this.state), { userId: clientState.userId, displayName: (_a = clientState.callAgent) === null || _a === void 0 ? void 0 : _a.displayName, call, page: newPage, endedCall: latestEndedCall, devices: clientState.deviceManager, latestErrors: clientState.latestErrors, cameraStatus: (call === null || call === void 0 ? void 0 : call.localVideoStreams.find((s) => s.mediaStreamType === 'Video')) ||
                     clientState.deviceManager.unparentedViews.find((s) => s.mediaStreamType === 'Video')
                     ? 'On'
-                    : 'Off' }));
+                    : 'Off', 
+                /* @conditional-compile-remove(call-transfer) */ acceptedTransferCallState: transferCall }));
         }
     }
     /* @conditional-compile-remove(unsupported-browser) */
@@ -26359,6 +26362,10 @@ class CallContext {
     setSelectedVideoBackgroundEffect(selectedVideoBackgroundEffect) {
         this.setState(Object.assign(Object.assign({}, this.state), { selectedVideoBackgroundEffect }));
     }
+    /* @conditional-compile-remove(call-transfer) */
+    setAcceptedTransferCall(call) {
+        this.setState(Object.assign(Object.assign({}, this.state), { acceptedTransferCallState: call }));
+    }
 }
 const findLatestEndedCall = (calls) => {
     var _a, _b, _c, _d;
@@ -26374,6 +26381,21 @@ const findLatestEndedCall = (calls) => {
     }
     return latestCall;
 };
+/* @conditional-compile-remove(call-transfer) */
+const findLatestAcceptedTransfer = (acceptedTransfers) => {
+    var _a, _b, _c, _d;
+    const acceptedTransferValues = Object.values(acceptedTransfers);
+    if (acceptedTransferValues.length === 0) {
+        return undefined;
+    }
+    let latestAcceptedTransfer = acceptedTransferValues[0];
+    for (const acceptedTransfer of acceptedTransferValues.slice(1)) {
+        if (((_b = (_a = acceptedTransfer.timestamp) === null || _a === void 0 ? void 0 : _a.getTime()) !== null && _b !== void 0 ? _b : 0) > ((_d = (_c = latestAcceptedTransfer.timestamp) === null || _c === void 0 ? void 0 : _c.getTime()) !== null && _d !== void 0 ? _d : 0)) {
+            latestAcceptedTransfer = acceptedTransfer;
+        }
+    }
+    return latestAcceptedTransfer;
+};
 /**
  * @private
  */
@@ -26425,6 +26447,43 @@ class AzureCommunicationCallAdapter {
         this.onClientStateChange = onStateChange;
         this.subscribeDeviceManagerEvents();
         this.callClient.onStateChange(onStateChange);
+        /* @conditional-compile-remove(call-transfer) */
+        if (this.callAgent.kind === 'CallAgent') {
+            const onCallsUpdated = (args) => {
+                var _a;
+                if ((_a = this.call) === null || _a === void 0 ? void 0 : _a.id) {
+                    const removedCall = args.removed.find((call) => { var _a; return call.id === ((_a = this.call) === null || _a === void 0 ? void 0 : _a.id); });
+                    if (removedCall) {
+                        const removedCallState = this.callClient.getState().callsEnded[removedCall.id];
+                        const latestAcceptedTransfer = findLatestAcceptedTransfer(removedCallState.transferFeature.acceptedTransfers);
+                        const _callAgent = callAgent;
+                        const transferCall = _callAgent.calls.find((call) => call.id === (latestAcceptedTransfer === null || latestAcceptedTransfer === void 0 ? void 0 : latestAcceptedTransfer.callId));
+                        if (transferCall) {
+                            this.processNewCall(transferCall);
+                        }
+                    }
+                }
+            };
+            this.callAgent.on('callsUpdated', onCallsUpdated);
+        }
+        else if (this.callAgent.kind === 'TeamsCallAgent') {
+            const onTeamsCallsUpdated = (args) => {
+                var _a;
+                if ((_a = this.call) === null || _a === void 0 ? void 0 : _a.id) {
+                    const removedCall = args.removed.find((call) => { var _a; return call.id === ((_a = this.call) === null || _a === void 0 ? void 0 : _a.id); });
+                    if (removedCall) {
+                        const removedCallState = this.callClient.getState().callsEnded[removedCall.id];
+                        const latestAcceptedTransfer = findLatestAcceptedTransfer(removedCallState.transferFeature.acceptedTransfers);
+                        const _callAgent = callAgent;
+                        const transferCall = _callAgent.calls.find((call) => call.id === (latestAcceptedTransfer === null || latestAcceptedTransfer === void 0 ? void 0 : latestAcceptedTransfer.callId));
+                        if (transferCall) {
+                            this.processNewCall(transferCall);
+                        }
+                    }
+                }
+            };
+            this.callAgent.on('callsUpdated', onTeamsCallsUpdated);
+        }
     }
     get call() {
         return this._call;
@@ -26870,13 +26929,15 @@ class AzureCommunicationCallAdapter {
         }
     }
     subscribeCallEvents() {
-        var _a, _b, _c, _d, _e;
+        var _a, _b, _c, _d, _e, _f;
         (_a = this.call) === null || _a === void 0 ? void 0 : _a.on('remoteParticipantsUpdated', this.onRemoteParticipantsUpdated.bind(this));
         (_b = this.call) === null || _b === void 0 ? void 0 : _b.on('isMutedChanged', this.isMyMutedChanged.bind(this));
         (_c = this.call) === null || _c === void 0 ? void 0 : _c.on('isScreenSharingOnChanged', this.isScreenSharingOnChanged.bind(this));
         (_d = this.call) === null || _d === void 0 ? void 0 : _d.on('idChanged', this.callIdChanged.bind(this));
         /* @conditional-compile-remove(close-captions) */
         (_e = this.call) === null || _e === void 0 ? void 0 : _e.on('stateChanged', this.subscribeToCaptionEvents.bind(this));
+        /* @conditional-compile-remove(call-transfer) */
+        (_f = this.call) === null || _f === void 0 ? void 0 : _f.feature(communicationCalling.Features.Transfer).on('transferRequested', this.transferRequested.bind(this));
     }
     unsubscribeCallEvents() {
         var _a, _b, _c, _d, _e, _f, _g;
@@ -26926,6 +26987,10 @@ class AzureCommunicationCallAdapter {
             isActive: (_a = this.call) === null || _a === void 0 ? void 0 : _a.feature(communicationCalling.Features.TeamsCaptions).isCaptionsFeatureActive
         });
     }
+    /* @conditional-compile-remove(call-transfer) */
+    transferRequested(args) {
+        this.emitter.emit('transferRequested', args);
+    }
     callIdChanged() {
         var _a;
         ((_a = this.call) === null || _a === void 0 ? void 0 : _a.id) && this.emitter.emit('callIdChanged', { callId: this.call.id });