@azure/communication-react 1.19.0-beta.1 → 1.19.0-beta.3

package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/adapter/AzureCommunicationCallWithChatAdapter.d.ts

@@ -3,6 +3,7 @@ import { TeamsMeetingIdLocator } from '@azure/communication-calling';
 import { Reaction } from '@azure/communication-calling';
 import { StartCaptionsOptions } from '@azure/communication-calling';
 import { AddPhoneNumberOptions } from '@azure/communication-calling';
+import type { BreakoutRoomsUpdatedListener } from '@azure/communication-calling';
 import { DtmfTone } from '@azure/communication-calling';
 import { CreateVideoStreamViewResult, VideoStreamOptions } from "../../../../../react-components/src";
 import { MessageOptions } from "../../../../../acs-ui-common/src";
@@ -39,8 +40,15 @@ export declare class AzureCommunicationCallWithChatAdapter implements CallWithCh
     private onChatStateChange;
     private onCallStateChange;
     private isAdapterDisposed;
+    private createChatAdapterCallback;
+    private originCallChatAdapter;
+    private breakoutRoomChatAdapter;
     constructor(callAdapter: CallAdapter, chatAdapter?: ChatAdapter);
+    private breakoutRoomJoined;
+    private setBreakoutRoomChatAdapterToThread;
     setChatAdapterPromise(chatAdapter: Promise<ChatAdapter>): void;
+    setCreateChatAdapterCallback(chatThreadCallBack: (threadId: string) => Promise<ChatAdapter>): void;
+    createNewChatAdapterForThread(threadId: string): Promise<ChatAdapter>;
     private updateChatAdapter;
     private bindPublicMethods;
     /** Join existing Call. */
@@ -66,7 +74,7 @@ export declare class AzureCommunicationCallWithChatAdapter implements CallWithCh
     /** Dispose of the current CallWithChatAdapter. */
     dispose(): void;
     /** Remove a participant from the Call only. */
-    removeParticipant(userId: string | /* @conditional-compile-remove(PSTN-calls) */ CommunicationIdentifier): Promise<void>;
+    removeParticipant(userId: string | CommunicationIdentifier): Promise<void>;
     setCamera(device: VideoDeviceInfo, options?: VideoStreamOptions): Promise<void>;
     /** Set the microphone to be used in the Call. */
     setMicrophone(device: AudioDeviceInfo): Promise<void>;
@@ -110,7 +118,7 @@ export declare class AzureCommunicationCallWithChatAdapter implements CallWithCh
     /** Fetch initial Call and Chat data such as chat messages. */
     fetchInitialData(): Promise<void>;
     /** Send a chat message. */
-    sendMessage(content: string, /* @conditional-compile-remove(file-sharing-acs) */ options?: MessageOptions): Promise<void>;
+    sendMessage(content: string, options?: MessageOptions): Promise<void>;
     /** Upload a chat image. */
     uploadImage(image: Blob, imageFileName: string): Promise<UploadChatImageResult>;
     /** Delete a chat image. */
@@ -122,7 +130,7 @@ export declare class AzureCommunicationCallWithChatAdapter implements CallWithCh
     /** Load previous Chat messages. */
     loadPreviousChatMessages(messagesToLoad: number): Promise<boolean>;
     /** Update an existing message. */
-    updateMessage(messageId: string, content: string, options?: Record<string, string> | /* @conditional-compile-remove(file-sharing-acs) */ MessageOptions): Promise<void>;
+    updateMessage(messageId: string, content: string, options?: Record<string, string> | MessageOptions): Promise<void>;
     /** Delete an existing message. */
     deleteMessage(messageId: string): Promise<void>;
     downloadResourceToCache(resourceDetails: ResourceDetails): Promise<void>;
@@ -147,6 +155,7 @@ export declare class AzureCommunicationCallWithChatAdapter implements CallWithCh
     stopAllSpotlight(): Promise<void>;
     muteParticipant(userId: string): Promise<void>;
     muteAllRemoteParticipants(): Promise<void>;
+    returnFromBreakoutRoom(): Promise<void>;
     on(event: 'callParticipantsJoined', listener: ParticipantsJoinedListener): void;
     on(event: 'callParticipantsLeft', listener: ParticipantsLeftListener): void;
     on(event: 'callEnded', listener: CallEndedListener): void;
@@ -172,6 +181,7 @@ export declare class AzureCommunicationCallWithChatAdapter implements CallWithCh
     on(event: 'isSpokenLanguageChanged', listener: IsSpokenLanguageChangedListener): void;
     on(event: 'capabilitiesChanged', listener: CapabilitiesChangedListener): void;
     on(event: 'spotlightChanged', listener: SpotlightChangedListener): void;
+    on(event: 'breakoutRoomsUpdated', listener: BreakoutRoomsUpdatedListener): void;
     on(event: 'chatInitialized', listener: ChatInitializedListener): void;
     off(event: 'callParticipantsJoined', listener: ParticipantsJoinedListener): void;
     off(event: 'callParticipantsLeft', listener: ParticipantsLeftListener): void;
@@ -199,6 +209,7 @@ export declare class AzureCommunicationCallWithChatAdapter implements CallWithCh
     off(event: 'capabilitiesChanged', listener: CapabilitiesChangedListener): void;
     off(event: 'spotlightChanged', listener: SpotlightChangedListener): void;
     off(event: 'chatInitialized', listener: ChatInitializedListener): void;
+    off(event: 'breakoutRoomsUpdated', listener: BreakoutRoomsUpdatedListener): void;
     private executeWithResolvedChatAdapter;
 }
 /**
@@ -265,7 +276,7 @@ export type CommunicationAdapter = CallAndChatProvider | TeamsMeetingLinkProvide
  */
 export interface CallAndChatLocator {
     /** Locator used by {@link createAzureCommunicationCallWithChatAdapter} to locate the call to join */
-    callLocator: GroupCallLocator | /* @conditional-compile-remove(teams-adhoc-call) */ CallParticipantsLocator;
+    callLocator: GroupCallLocator | CallParticipantsLocator;
     /** Chat thread ID used by {@link createAzureCommunicationCallWithChatAdapter} to locate the chat thread to join */
     chatThreadId: string;
 }

package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/adapter/AzureCommunicationCallWithChatAdapter.js

@@ -9,16 +9,17 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
+import { toFlatCommunicationIdentifier } from "../../../../../acs-ui-common/src";
 import { callWithChatAdapterStateFromBackingStates, mergeCallAdapterStateIntoCallWithChatAdapterState, mergeChatAdapterStateIntoCallWithChatAdapterState } from '../state/CallWithChatAdapterState';
 import { _createAzureCommunicationChatAdapterInner, _createLazyAzureCommunicationChatAdapterInner, createAzureCommunicationChatAdapterFromClient } from '../../ChatComposite/adapter/AzureCommunicationChatAdapter';
 import { EventEmitter } from 'events';
-/* @conditional-compile-remove(PSTN-calls) */
 import { isCommunicationUserIdentifier } from '@azure/communication-common';
 import { getChatThreadFromTeamsLink } from './parseTeamsUrl';
 import { _createAzureCommunicationCallAdapterInner } from '../../CallComposite/adapter/AzureCommunicationCallAdapter';
 import { createAzureCommunicationCallAdapterFromClient } from '../../CallComposite/adapter/AzureCommunicationCallAdapter';
 import { useEffect, useRef, useState } from 'react';
 import { _toCommunicationIdentifier } from "../../../../../acs-ui-common/src";
+import { busyWait } from '../../common/utils';
 /** Context of Call with Chat, which is a centralized context for all state updates */
 class CallWithChatContext {
     constructor(clientState, maxListeners = 50) {
@@ -45,6 +46,9 @@ class CallWithChatContext {
     updateClientStateWithChatState(chatAdapterState) {
         this.updateClientState(mergeChatAdapterStateIntoCallWithChatAdapterState(this.state, chatAdapterState));
     }
+    unsetChatState() {
+        this.updateClientState(Object.assign(Object.assign({}, this.state), { chat: undefined }));
+    }
     updateClientStateWithCallState(callAdapterState) {
         this.updateClientState(mergeCallAdapterStateIntoCallWithChatAdapterState(this.state, callAdapterState));
     }
@@ -66,21 +70,109 @@ export class AzureCommunicationCallWithChatAdapter {
         this.onChatStateChange = onChatStateChange;
         if (chatAdapter) {
             this.updateChatAdapter(chatAdapter);
+            this.originCallChatAdapter = chatAdapter;
         }
         const onCallStateChange = (newCallAdapterState) => {
             this.context.updateClientStateWithCallState(newCallAdapterState);
         };
         this.callAdapter.onStateChange(onCallStateChange);
+        this.callAdapter.on('breakoutRoomsUpdated', (eventData) => __awaiter(this, void 0, void 0, function* () {
+            if (eventData.type === 'join') {
+                yield this.breakoutRoomJoined(eventData.data);
+            }
+            else if (eventData.type === 'assignedBreakoutRooms') {
+                if (!eventData.data || eventData.data.state === 'closed') {
+                    yield this.returnFromBreakoutRoom();
+                }
+            }
+        }));
+        this.callAdapter.on('callEnded', () => {
+            var _a, _b, _c;
+            const originCallId = (_b = (_a = this.context.getState().call) === null || _a === void 0 ? void 0 : _a.breakoutRooms) === null || _b === void 0 ? void 0 : _b.breakoutRoomOriginCallId;
+            // If the call ended is a breakout room call, return to the origin call chat adapter
+            if (originCallId && this.originCallChatAdapter) {
+                (_c = this.breakoutRoomChatAdapter) === null || _c === void 0 ? void 0 : _c.dispose();
+                this.updateChatAdapter(this.originCallChatAdapter);
+            }
+        });
         this.onCallStateChange = onCallStateChange;
     }
+    breakoutRoomJoined(call) {
+        return __awaiter(this, void 0, void 0, function* () {
+            var _a;
+            const targetThreadId = call.info.threadId;
+            // If the chat adapter is not on the target thread then we need to switch to the breakout room chat adapter
+            if (targetThreadId && this.chatAdapter && this.chatAdapter.getState().thread.threadId !== targetThreadId) {
+                // Unsubscribe from chat adapter state changes
+                this.chatAdapter.offStateChange(this.onChatStateChange);
+                // Set chat state to undefined to prevent showing chat thread of origin call
+                this.context.unsetChatState();
+                // Check if the breakout room chat adapter has been initialized
+                this.breakoutRoomChatAdapter = yield this.setBreakoutRoomChatAdapterToThread(targetThreadId);
+                // Wait for the user to be added to the thread of chat adapter before updating the current chat adapter
+                // to avoid chat errors of not having access to the chat thread. This delayed access to the chat thread
+                // is also seen in Teams
+                // Check up to 20 times every 500ms and then continue.
+                yield busyWait(() => {
+                    var _a, _b;
+                    // If the call adapter's call id has been changed, then stop waiting and don't update the chat adapter
+                    if (((_a = this.context.getState().call) === null || _a === void 0 ? void 0 : _a.id) !== call.id) {
+                        return true;
+                    }
+                    const userAddedToThread = !!((_b = this.breakoutRoomChatAdapter) === null || _b === void 0 ? void 0 : _b.getState().thread.participants[toFlatCommunicationIdentifier(this.context.getState().userId)]);
+                    return userAddedToThread;
+                }, 20);
+                // If the call adapter's call has been changed while for waiting for breakout room chat adapter to be ready
+                // then don't update the chat adapter
+                if (((_a = this.context.getState().call) === null || _a === void 0 ? void 0 : _a.id) !== call.id) {
+                    return;
+                }
+                this.updateChatAdapter(this.breakoutRoomChatAdapter);
+            }
+        });
+    }
+    setBreakoutRoomChatAdapterToThread(targetThreadId) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.breakoutRoomChatAdapter) {
+                // If the breakout room chat adapter is not set on the target thread then unsubscribe, dispose, and
+                // reinitialize the chat adapter for the target thread
+                if (this.breakoutRoomChatAdapter.getState().thread.threadId !== targetThreadId) {
+                    this.breakoutRoomChatAdapter.offStateChange(this.onChatStateChange);
+                    this.breakoutRoomChatAdapter.dispose();
+                    const newBreakoutRoomChatAdapter = yield this.createNewChatAdapterForThread(targetThreadId);
+                    return newBreakoutRoomChatAdapter;
+                }
+                else {
+                    return this.breakoutRoomChatAdapter;
+                }
+            }
+            else {
+                // Initiliaze the breakout room chat adapter for the target thread
+                const newBreakoutRoomChatAdapter = yield this.createNewChatAdapterForThread(targetThreadId);
+                return newBreakoutRoomChatAdapter;
+            }
+        });
+    }
     setChatAdapterPromise(chatAdapter) {
         chatAdapter.then(adapter => {
             if (!this.isAdapterDisposed) {
                 this.updateChatAdapter(adapter);
+                this.originCallChatAdapter = adapter;
             }
         });
     }
+    setCreateChatAdapterCallback(chatThreadCallBack) {
+        this.createChatAdapterCallback = chatThreadCallBack;
+    }
+    createNewChatAdapterForThread(threadId) {
+        if (this.createChatAdapterCallback) {
+            return this.createChatAdapterCallback(threadId);
+        }
+        throw new Error('Unable to create chat adapter for thread because createChatAdapterCallback is not set');
+    }
     updateChatAdapter(chatAdapter) {
+        var _a;
+        (_a = this.chatAdapter) === null || _a === void 0 ? void 0 : _a.offStateChange(this.onChatStateChange);
         this.chatAdapter = chatAdapter;
         this.chatAdapter.onStateChange(this.onChatStateChange);
         this.context.updateClientStateWithChatState(chatAdapter.getState());
@@ -116,9 +208,7 @@ export class AzureCommunicationCallWithChatAdapter {
         this.disposeScreenShareStreamView.bind(this);
         this.fetchInitialData.bind(this);
         this.sendMessage.bind(this);
-        /* @conditional-compile-remove(rich-text-editor-image-upload) */
         this.uploadImage.bind(this);
-        /* @conditional-compile-remove(rich-text-editor-image-upload) */
         this.deleteImage.bind(this);
         this.sendReadReceipt.bind(this);
         this.sendTypingIndicator.bind(this);
@@ -129,14 +219,10 @@ export class AzureCommunicationCallWithChatAdapter {
         this.off.bind(this);
         this.downloadResourceToCache = this.downloadResourceToCache.bind(this);
         this.removeResourceFromCache = this.removeResourceFromCache.bind(this);
-        /* @conditional-compile-remove(PSTN-calls) */
         this.holdCall.bind(this);
-        /* @conditional-compile-remove(PSTN-calls) */
         this.resumeCall.bind(this);
-        /* @conditional-compile-remove(PSTN-calls) */
         this.addParticipant.bind(this);
         this.sendDtmfTone.bind(this);
-        /* @conditional-compile-remove(unsupported-browser) */
         this.allowUnsupportedBrowserVersion.bind(this);
         this.startCaptions.bind(this);
         this.stopCaptions.bind(this);
@@ -206,7 +292,6 @@ export class AzureCommunicationCallWithChatAdapter {
     removeParticipant(userId) {
         return __awaiter(this, void 0, void 0, function* () {
             let participant = userId;
-            /* @conditional-compile-remove(PSTN-calls) */
             participant = _toCommunicationIdentifier(userId);
             yield this.callAdapter.removeParticipant(participant);
         });
@@ -344,14 +429,13 @@ export class AzureCommunicationCallWithChatAdapter {
         });
     }
     /** Send a chat message. */
-    sendMessage(content, /* @conditional-compile-remove(file-sharing-acs) */ options) {
+    sendMessage(content, options) {
         return __awaiter(this, void 0, void 0, function* () {
             return yield this.executeWithResolvedChatAdapter(adapter => {
-                return adapter.sendMessage(content, /* @conditional-compile-remove(file-sharing-acs) */ options);
+                return adapter.sendMessage(content, options);
             });
         });
     }
-    /* @conditional-compile-remove(rich-text-editor-image-upload) */
     /** Upload a chat image. */
     uploadImage(image, imageFileName) {
         return __awaiter(this, void 0, void 0, function* () {
@@ -360,7 +444,6 @@ export class AzureCommunicationCallWithChatAdapter {
             });
         });
     }
-    /* @conditional-compile-remove(rich-text-editor-image-upload) */
     /** Delete a chat image. */
     deleteImage(imageId) {
         return __awaiter(this, void 0, void 0, function* () {
@@ -421,19 +504,16 @@ export class AzureCommunicationCallWithChatAdapter {
             adapter.removeResourceFromCache(resourceDetails);
         });
     }
-    /* @conditional-compile-remove(PSTN-calls) */
     holdCall() {
         return __awaiter(this, void 0, void 0, function* () {
             return yield this.callAdapter.holdCall();
         });
     }
-    /* @conditional-compile-remove(PSTN-calls) */
     resumeCall() {
         return __awaiter(this, void 0, void 0, function* () {
             return yield this.callAdapter.resumeCall();
         });
     }
-    /* @conditional-compile-remove(PSTN-calls) */
     addParticipant(participant, options) {
         return __awaiter(this, void 0, void 0, function* () {
             if (isCommunicationUserIdentifier(participant)) {
@@ -449,7 +529,6 @@ export class AzureCommunicationCallWithChatAdapter {
             return yield this.callAdapter.sendDtmfTone(dtmfTone);
         });
     }
-    /* @conditional-compile-remove(unsupported-browser) */
     allowUnsupportedBrowserVersion() {
         return this.callAdapter.allowUnsupportedBrowserVersion();
     }
@@ -509,18 +588,29 @@ export class AzureCommunicationCallWithChatAdapter {
             return this.callAdapter.stopAllSpotlight();
         });
     }
-    /* @conditional-compile-remove(soft-mute) */
     muteParticipant(userId) {
         return __awaiter(this, void 0, void 0, function* () {
             return this.callAdapter.muteParticipant(userId);
         });
     }
-    /* @conditional-compile-remove(soft-mute) */
     muteAllRemoteParticipants() {
         return __awaiter(this, void 0, void 0, function* () {
             return this.callAdapter.muteAllRemoteParticipants();
         });
     }
+    returnFromBreakoutRoom() {
+        return __awaiter(this, void 0, void 0, function* () {
+            var _a, _b, _c, _d;
+            if (this.originCallChatAdapter && ((_a = this.context.getState().chat) === null || _a === void 0 ? void 0 : _a.threadId) !== this.originCallChatAdapter.getState().thread.threadId) {
+                (_b = this.breakoutRoomChatAdapter) === null || _b === void 0 ? void 0 : _b.dispose();
+                this.updateChatAdapter(this.originCallChatAdapter);
+            }
+            const originCallId = (_d = (_c = this.callAdapter.getState().call) === null || _c === void 0 ? void 0 : _c.breakoutRooms) === null || _d === void 0 ? void 0 : _d.breakoutRoomOriginCallId;
+            if (originCallId) {
+                yield this.callAdapter.returnFromBreakoutRoom();
+            }
+        });
+    }
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     on(event, listener) {
         switch (event) {
@@ -612,6 +702,15 @@ export class AzureCommunicationCallWithChatAdapter {
             case 'chatInitialized':
                 this.emitter.on(event, listener);
                 break;
+            case 'capabilitiesChanged':
+                this.callAdapter.on('capabilitiesChanged', listener);
+                break;
+            case 'spotlightChanged':
+                this.callAdapter.on('spotlightChanged', listener);
+                break;
+            case 'breakoutRoomsUpdated':
+                this.callAdapter.on('breakoutRoomsUpdated', listener);
+                break;
             default:
                 throw `Unknown AzureCommunicationCallWithChatAdapter Event: ${event}`;
         }
@@ -707,6 +806,15 @@ export class AzureCommunicationCallWithChatAdapter {
             case 'chatInitialized':
                 this.emitter.off(event, listener);
                 break;
+            case 'capabilitiesChanged':
+                this.callAdapter.off('capabilitiesChanged', listener);
+                break;
+            case 'spotlightChanged':
+                this.callAdapter.off('spotlightChanged', listener);
+                break;
+            case 'breakoutRoomsUpdated':
+                this.callAdapter.off('breakoutRoomsUpdated', listener);
+                break;
             default:
                 throw `Unknown AzureCommunicationCallWithChatAdapter Event: ${event}`;
         }
@@ -836,15 +944,14 @@ export class TeamsMeetingIdProvider {
  *
  * @public
  */
-export const createAzureCommunicationCallWithChatAdapter = (_a) => __awaiter(void 0, [_a], void 0, function* ({ userId, displayName, credential, endpoint, locator, 
-/* @conditional-compile-remove(PSTN-calls) */ alternateCallerId, callAdapterOptions }) {
+export const createAzureCommunicationCallWithChatAdapter = (_a) => __awaiter(void 0, [_a], void 0, function* ({ userId, displayName, credential, endpoint, locator, alternateCallerId, callAdapterOptions }) {
     const callAdapterLocator = isTeamsMeetingLocator(locator) ? locator : locator.callLocator;
     const callAdapter = _createAzureCommunicationCallAdapterInner({
         userId,
         displayName,
         credential,
         locator: callAdapterLocator,
-        /* @conditional-compile-remove(PSTN-calls) */ alternateCallerId,
+        alternateCallerId,
         options: callAdapterOptions,
         telemetryImplementationHint: 'CallWithChat'
     });
@@ -853,11 +960,14 @@ export const createAzureCommunicationCallWithChatAdapter = (_a) => __awaiter(voi
         const callWithChatAdapter = new AzureCommunicationCallWithChatAdapter(yield callAdapter);
         const chatAdapterPromise = _createLazyAzureCommunicationChatAdapterInner(endpoint, userId, displayName, credential, chatThreadAdapter.getChatThreadPromise(), 'CallWithChat');
         callWithChatAdapter.setChatAdapterPromise(chatAdapterPromise);
+        callWithChatAdapter.setCreateChatAdapterCallback((threadId) => _createAzureCommunicationChatAdapterInner(endpoint, userId, displayName, credential, threadId, 'CallWithChat'));
         return callWithChatAdapter;
     }
     else {
         const chatAdapter = _createAzureCommunicationChatAdapterInner(endpoint, userId, displayName, credential, chatThreadAdapter.getChatThread(), 'CallWithChat');
-        return new AzureCommunicationCallWithChatAdapter(yield callAdapter, yield chatAdapter);
+        const callWithChatAdapter = new AzureCommunicationCallWithChatAdapter(yield callAdapter, yield chatAdapter);
+        callWithChatAdapter.setCreateChatAdapterCallback((threadId) => _createAzureCommunicationChatAdapterInner(endpoint, userId, displayName, credential, threadId, 'CallWithChat'));
+        return callWithChatAdapter;
     }
 });
 /**
@@ -875,8 +985,7 @@ export const createAzureCommunicationCallWithChatAdapter = (_a) => __awaiter(voi
  * @public
  */
 export const useAzureCommunicationCallWithChatAdapter = (args, afterCreate, beforeDispose) => {
-    const { credential, displayName, endpoint, locator, userId, 
-    /* @conditional-compile-remove(PSTN-calls) */ alternateCallerId, callAdapterOptions } = args;
+    const { credential, displayName, endpoint, locator, userId, alternateCallerId, callAdapterOptions } = args;
     // State update needed to rerender the parent component when a new adapter is created.
     const [adapter, setAdapter] = useState(undefined);
     // Ref needed for cleanup to access the old adapter created asynchronously.
@@ -918,18 +1027,19 @@ export const useAzureCommunicationCallWithChatAdapter = (args, afterCreate, befo
                 endpoint,
                 locator,
                 userId,
-                /* @conditional-compile-remove(PSTN-calls) */ alternateCallerId,
+                alternateCallerId,
                 callAdapterOptions
             });
             if (afterCreateRef.current) {
                 newAdapter = yield afterCreateRef.current(newAdapter);
             }
             adapterRef.current = newAdapter;
+            creatingAdapterRef.current = false;
             setAdapter(newAdapter);
         }))();
     }, 
     // Explicitly list all arguments so that caller doesn't have to memoize the `args` object.
-    [adapterRef, afterCreateRef, /* @conditional-compile-remove(PSTN-calls) */ alternateCallerId, beforeDisposeRef, credential, displayName, endpoint, locator, userId, callAdapterOptions]);
+    [adapterRef, afterCreateRef, alternateCallerId, beforeDisposeRef, credential, displayName, endpoint, locator, userId, callAdapterOptions]);
     // Dispose any existing adapter when the component unmounts.
     useEffect(() => {
         return () => {