@azure/communication-react 1.15.0-beta.1 → 1.15.0

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

@@ -10,15 +10,12 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { callWithChatAdapterStateFromBackingStates, mergeCallAdapterStateIntoCallWithChatAdapterState, mergeChatAdapterStateIntoCallWithChatAdapterState } from '../state/CallWithChatAdapterState';
-import { _createAzureCommunicationChatAdapterInner, createAzureCommunicationChatAdapterFromClient } from '../../ChatComposite/adapter/AzureCommunicationChatAdapter';
+import { _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";
 /** Context of Call with Chat, which is a centralized context for all state updates */
 class CallWithChatContext {
     constructor(clientState, maxListeners = 50) {
@@ -54,44 +51,19 @@ class CallWithChatContext {
  * Created for easy use with the {@link CallWithChatComposite}.
  */
 export class AzureCommunicationCallWithChatAdapter {
-    constructor(callAdapter, chatAdapter) {
-        /* @conditional-compile-remove(file-sharing) */
-        this.registerActiveFileUploads = (files) => {
-            return this.chatAdapter.registerActiveFileUploads(files);
-        };
-        /* @conditional-compile-remove(file-sharing) */
-        this.registerCompletedFileUploads = (metadata) => {
-            return this.chatAdapter.registerCompletedFileUploads(metadata);
-        };
-        /* @conditional-compile-remove(file-sharing) */
-        this.clearFileUploads = () => {
-            this.chatAdapter.clearFileUploads();
-        };
-        /* @conditional-compile-remove(file-sharing) */
-        this.cancelFileUpload = (id) => {
-            this.chatAdapter.cancelFileUpload(id);
-        };
-        /* @conditional-compile-remove(file-sharing) */
-        this.updateFileUploadProgress = (id, progress) => {
-            this.chatAdapter.updateFileUploadProgress(id, progress);
-        };
-        /* @conditional-compile-remove(file-sharing) */
-        this.updateFileUploadErrorMessage = (id, errorMessage) => {
-            this.chatAdapter.updateFileUploadErrorMessage(id, errorMessage);
-        };
-        /* @conditional-compile-remove(file-sharing) */
-        this.updateFileUploadMetadata = (id, metadata) => {
-            this.chatAdapter.updateFileUploadMetadata(id, metadata);
-        };
+    constructor(callAdapter, chatAdapterPromise) {
         this.bindPublicMethods();
         this.callAdapter = callAdapter;
-        this.chatAdapter = chatAdapter;
-        this.context = new CallWithChatContext(callWithChatAdapterStateFromBackingStates(callAdapter, chatAdapter));
+        this.context = new CallWithChatContext(callWithChatAdapterStateFromBackingStates(callAdapter));
         const onChatStateChange = (newChatAdapterState) => {
             this.context.updateClientStateWithChatState(newChatAdapterState);
         };
-        this.chatAdapter.onStateChange(onChatStateChange);
         this.onChatStateChange = onChatStateChange;
+        this.chatAdapterPromise = chatAdapterPromise;
+        this.chatAdapterPromise.then(chatAdapter => {
+            chatAdapter.onStateChange(this.onChatStateChange);
+            this.context.updateClientStateWithChatState(chatAdapter.getState());
+        });
         const onCallStateChange = (newCallAdapterState) => {
             this.context.updateClientStateWithCallState(newCallAdapterState);
         };
@@ -121,6 +93,8 @@ export class AzureCommunicationCallWithChatAdapter {
         this.stopScreenShare.bind(this);
         this.raiseHand.bind(this);
         this.lowerHand.bind(this);
+        /* @conditional-compile-remove(reaction) */
+        this.onReactionClick.bind(this);
         this.removeParticipant.bind(this);
         this.createStreamView.bind(this);
         this.disposeStreamView.bind(this);
@@ -134,33 +108,10 @@ export class AzureCommunicationCallWithChatAdapter {
         this.deleteMessage.bind(this);
         this.on.bind(this);
         this.off.bind(this);
-        /* @conditional-compile-remove(file-sharing) */
-        this.registerActiveFileUploads = this.registerActiveFileUploads.bind(this);
-        /* @conditional-compile-remove(file-sharing) */
-        this.registerCompletedFileUploads = this.registerCompletedFileUploads.bind(this);
-        /* @conditional-compile-remove(file-sharing) */
-        this.clearFileUploads = this.clearFileUploads.bind(this);
-        /* @conditional-compile-remove(file-sharing) */
-        this.cancelFileUpload = this.cancelFileUpload.bind(this);
-        /* @conditional-compile-remove(file-sharing) */
-        this.updateFileUploadProgress = this.updateFileUploadProgress.bind(this);
-        /* @conditional-compile-remove(file-sharing) */
-        this.updateFileUploadErrorMessage = this.updateFileUploadErrorMessage.bind(this);
-        /* @conditional-compile-remove(file-sharing) */
-        this.updateFileUploadMetadata = this.updateFileUploadMetadata.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);
-        /* @conditional-compile-remove(close-captions) */
-        {
+        /* @conditional-compile-remove(close-captions) */ {
             this.startCaptions.bind(this);
             this.stopCaptions.bind(this);
             this.setSpokenLanguage.bind(this);
@@ -218,17 +169,21 @@ export class AzureCommunicationCallWithChatAdapter {
     }
     /** Dispose of the current CallWithChatAdapter. */
     dispose() {
-        this.chatAdapter.offStateChange(this.onChatStateChange);
-        this.callAdapter.offStateChange(this.onCallStateChange);
-        this.chatAdapter.dispose();
-        this.callAdapter.dispose();
+        return __awaiter(this, void 0, void 0, function* () {
+            this.chatAdapterPromise.then(adapter => {
+                adapter.offStateChange(this.onChatStateChange);
+            });
+            this.callAdapter.offStateChange(this.onCallStateChange);
+            yield this.chatAdapterPromise.then(adapter => {
+                adapter.dispose();
+            });
+            this.callAdapter.dispose();
+        });
     }
     /** Remove a participant from the Call only. */
     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);
         });
     }
@@ -320,6 +275,12 @@ export class AzureCommunicationCallWithChatAdapter {
             yield this.callAdapter.lowerHand();
         });
     }
+    /* @conditional-compile-remove(reaction) */
+    onReactionClick(reaction) {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield this.callAdapter.onReactionClick(reaction);
+        });
+    }
     /** Create a stream view for a remote participants video feed. */
     createStreamView(remoteUserId, options) {
         return __awaiter(this, void 0, void 0, function* () {
@@ -353,74 +314,69 @@ export class AzureCommunicationCallWithChatAdapter {
     /** Fetch initial Call and Chat data such as chat messages. */
     fetchInitialData() {
         return __awaiter(this, void 0, void 0, function* () {
-            yield this.chatAdapter.fetchInitialData();
+            return yield this.chatAdapterPromise.then(adapter => {
+                return adapter.fetchInitialData();
+            });
         });
     }
     /** Send a chat message. */
     sendMessage(content) {
         return __awaiter(this, void 0, void 0, function* () {
-            yield this.chatAdapter.sendMessage(content);
+            return yield this.chatAdapterPromise.then(adapter => {
+                return adapter.sendMessage(content);
+            });
         });
     }
     /** Send a chat read receipt. */
     sendReadReceipt(chatMessageId) {
         return __awaiter(this, void 0, void 0, function* () {
-            yield this.chatAdapter.sendReadReceipt(chatMessageId);
+            return yield this.chatAdapterPromise.then(adapter => {
+                return adapter.sendReadReceipt(chatMessageId);
+            });
         });
     }
     /** Send an isTyping indicator. */
     sendTypingIndicator() {
         return __awaiter(this, void 0, void 0, function* () {
-            yield this.chatAdapter.sendTypingIndicator();
+            return yield this.chatAdapterPromise.then(adapter => {
+                return adapter.sendTypingIndicator();
+            });
         });
     }
     /** Load previous Chat messages. */
     loadPreviousChatMessages(messagesToLoad) {
         return __awaiter(this, void 0, void 0, function* () {
-            return yield this.chatAdapter.loadPreviousChatMessages(messagesToLoad);
+            return yield this.chatAdapterPromise.then(adapter => {
+                return adapter.loadPreviousChatMessages(messagesToLoad);
+            });
         });
     }
     /** Update an existing message. */
     updateMessage(messageId, content, metadata, options) {
         return __awaiter(this, void 0, void 0, function* () {
-            return yield this.chatAdapter.updateMessage(messageId, content, metadata, /* @conditional-compile-remove(file-sharing) */ options);
+            return this.chatAdapterPromise.then(adapter => {
+                return adapter.updateMessage(messageId, content, metadata);
+            });
         });
     }
     /** Delete an existing message. */
     deleteMessage(messageId) {
         return __awaiter(this, void 0, void 0, function* () {
-            return yield this.chatAdapter.deleteMessage(messageId);
+            return yield this.chatAdapterPromise.then(adapter => {
+                return adapter.deleteMessage(messageId);
+            });
         });
     }
     downloadResourceToCache(resourceDetails) {
         return __awaiter(this, void 0, void 0, function* () {
-            this.chatAdapter.downloadResourceToCache(resourceDetails);
+            this.chatAdapterPromise.then(adapter => {
+                adapter.downloadResourceToCache(resourceDetails);
+            });
         });
     }
     removeResourceFromCache(resourceDetails) {
-        this.chatAdapter.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)) {
-                return yield this.callAdapter.addParticipant(participant);
-            }
-            else {
-                return yield this.callAdapter.addParticipant(participant, options);
-            }
+        this.chatAdapterPromise.then(adapter => {
+            adapter.removeResourceFromCache(resourceDetails);
         });
     }
     sendDtmfTone(dtmfTone) {
@@ -428,10 +384,6 @@ export class AzureCommunicationCallWithChatAdapter {
             return yield this.callAdapter.sendDtmfTone(dtmfTone);
         });
     }
-    /* @conditional-compile-remove(unsupported-browser) */
-    allowUnsupportedBrowserVersion() {
-        return this.callAdapter.allowUnsupportedBrowserVersion();
-    }
     /* @conditional-compile-remove(close-captions) */
     startCaptions(options) {
         return __awaiter(this, void 0, void 0, function* () {
@@ -478,6 +430,24 @@ export class AzureCommunicationCallWithChatAdapter {
             return this.callAdapter.submitSurvey(survey);
         });
     }
+    /* @conditional-compile-remove(spotlight) */
+    startSpotlight(userIds) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return this.callAdapter.startSpotlight(userIds);
+        });
+    }
+    /* @conditional-compile-remove(spotlight) */
+    stopSpotlight(userIds) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return this.callAdapter.stopSpotlight(userIds);
+        });
+    }
+    /* @conditional-compile-remove(spotlight) */
+    stopAllSpotlight() {
+        return __awaiter(this, void 0, void 0, function* () {
+            return this.callAdapter.stopAllSpotlight();
+        });
+    }
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     on(event, listener) {
         switch (event) {
@@ -528,31 +498,47 @@ export class AzureCommunicationCallWithChatAdapter {
                 this.callAdapter.on('isSpokenLanguageChanged', listener);
                 break;
             case 'messageReceived':
-                this.chatAdapter.on('messageReceived', listener);
+                this.chatAdapterPromise.then(adapter => {
+                    adapter.on('messageReceived', listener);
+                });
                 break;
             case 'messageEdited':
-                this.chatAdapter.on('messageEdited', listener);
+                this.chatAdapterPromise.then(adapter => {
+                    adapter.on('messageEdited', listener);
+                });
                 break;
             case 'messageDeleted':
-                this.chatAdapter.on('messageDeleted', listener);
+                this.chatAdapterPromise.then(adapter => {
+                    adapter.on('messageDeleted', listener);
+                });
                 break;
             case 'messageSent':
-                this.chatAdapter.on('messageSent', listener);
+                this.chatAdapterPromise.then(adapter => {
+                    adapter.on('messageSent', listener);
+                });
                 break;
             case 'messageRead':
-                this.chatAdapter.on('messageRead', listener);
+                this.chatAdapterPromise.then(adapter => {
+                    adapter.on('messageRead', listener);
+                });
                 break;
             case 'chatParticipantsAdded':
-                this.chatAdapter.on('participantsAdded', listener);
+                this.chatAdapterPromise.then(adapter => {
+                    adapter.on('participantsAdded', listener);
+                });
                 break;
             case 'chatParticipantsRemoved':
-                this.chatAdapter.on('participantsRemoved', listener);
+                this.chatAdapterPromise.then(adapter => {
+                    adapter.on('participantsRemoved', listener);
+                });
                 break;
             case 'callError':
                 this.callAdapter.on('error', listener);
                 break;
             case 'chatError':
-                this.chatAdapter.on('error', listener);
+                this.chatAdapterPromise.then(adapter => {
+                    adapter.on('error', listener);
+                });
                 break;
             default:
                 throw `Unknown AzureCommunicationCallWithChatAdapter Event: ${event}`;
@@ -608,59 +594,101 @@ export class AzureCommunicationCallWithChatAdapter {
                 this.callAdapter.off('isSpokenLanguageChanged', listener);
                 break;
             case 'messageReceived':
-                this.chatAdapter.off('messageReceived', listener);
+                this.chatAdapterPromise.then(adapter => {
+                    adapter.off('messageReceived', listener);
+                });
                 break;
             case 'messageEdited':
-                this.chatAdapter.off('messageEdited', listener);
+                this.chatAdapterPromise.then(adapter => {
+                    adapter.off('messageEdited', listener);
+                });
                 break;
             case 'messageDeleted':
-                this.chatAdapter.off('messageDeleted', listener);
+                this.chatAdapterPromise.then(adapter => {
+                    adapter.off('messageDeleted', listener);
+                });
                 break;
             case 'messageSent':
-                this.chatAdapter.off('messageSent', listener);
+                this.chatAdapterPromise.then(adapter => {
+                    adapter.off('messageSent', listener);
+                });
                 break;
             case 'messageRead':
-                this.chatAdapter.off('messageRead', listener);
+                this.chatAdapterPromise.then(adapter => {
+                    adapter.off('messageRead', listener);
+                });
                 break;
             case 'chatParticipantsAdded':
-                this.chatAdapter.off('participantsAdded', listener);
+                this.chatAdapterPromise.then(adapter => {
+                    adapter.off('participantsAdded', listener);
+                });
                 break;
             case 'chatParticipantsRemoved':
-                this.chatAdapter.off('participantsRemoved', listener);
+                this.chatAdapterPromise.then(adapter => {
+                    adapter.off('participantsRemoved', listener);
+                });
                 break;
             case 'callError':
                 this.callAdapter.off('error', listener);
                 break;
             case 'chatError':
-                this.chatAdapter.off('error', listener);
+                this.chatAdapterPromise.then(adapter => {
+                    adapter.off('error', listener);
+                });
                 break;
             default:
                 throw `Unknown AzureCommunicationCallWithChatAdapter Event: ${event}`;
         }
     }
 }
+/**
+ * Arguments for use in {@link createAzureCommunicationCallWithChatAdapter} to join a Group Call with an associated Chat thread.
+ * @public
+ */
+export class CallAndChatProvider {
+    constructor(locator) {
+        this.locator = locator;
+    }
+    getChatThread() {
+        return __awaiter(this, void 0, void 0, function* () {
+            return this.locator.chatThreadId;
+        });
+    }
+}
+/**
+ * Arguments for use in {@link createAzureCommunicationCallWithChatAdapter} to join a Teams meeting with an associated Chat thread.
+ *
+ * @public
+ */
+export class TeamsMeetingLinkProvider {
+    constructor(locator) {
+        this.locator = locator;
+    }
+    getChatThread() {
+        return __awaiter(this, void 0, void 0, function* () {
+            return getChatThreadFromTeamsLink(this.locator.meetingLink);
+        });
+    }
+}
 /**
  * Create a CallWithChatAdapter backed by Azure Communication services
  * to plug into the {@link CallWithChatComposite}.
  *
  * @public
  */
-export const createAzureCommunicationCallWithChatAdapter = (_a) => __awaiter(void 0, [_a], void 0, function* ({ userId, displayName, credential, endpoint, locator, 
-/* @conditional-compile-remove(PSTN-calls) */ alternateCallerId, callAdapterOptions }) {
-    const callAdapterLocator = isTeamsMeetingLinkLocator(locator) ? locator : locator.callLocator;
-    const createCallAdapterPromise = _createAzureCommunicationCallAdapterInner({
+export const createAzureCommunicationCallWithChatAdapter = (_a) => __awaiter(void 0, [_a], void 0, function* ({ userId, displayName, credential, endpoint, locator, callAdapterOptions }) {
+    const callAdapterLocator = isTeamsMeetingLocator(locator) ? locator : locator.callLocator;
+    const callAdapter = _createAzureCommunicationCallAdapterInner({
         userId,
         displayName,
         credential,
         locator: callAdapterLocator,
-        /* @conditional-compile-remove(PSTN-calls) */ alternateCallerId,
         options: callAdapterOptions,
         telemetryImplementationHint: 'CallWithChat'
     });
-    const threadId = isTeamsMeetingLinkLocator(locator) ? getChatThreadFromTeamsLink(locator.meetingLink) : locator.chatThreadId;
-    const createChatAdapterPromise = _createAzureCommunicationChatAdapterInner(endpoint, userId, displayName, credential, threadId, 'CallWithChat');
-    const [callAdapter, chatAdapter] = yield Promise.all([createCallAdapterPromise, createChatAdapterPromise]);
-    return new AzureCommunicationCallWithChatAdapter(callAdapter, chatAdapter);
+    const chatThreadAdapter = _createChatThreadAdapterInner(locator, callAdapter);
+    const chatAdapter = _createLazyAzureCommunicationChatAdapterInner(endpoint, userId, displayName, credential, chatThreadAdapter.getChatThread(), 'CallWithChat');
+    return new AzureCommunicationCallWithChatAdapter(yield callAdapter, chatAdapter);
 });
 /**
  * A custom React hook to simplify the creation of {@link CallWithChatAdapter}.
@@ -677,8 +705,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, 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.
@@ -720,7 +747,6 @@ export const useAzureCommunicationCallWithChatAdapter = (args, afterCreate, befo
                 endpoint,
                 locator,
                 userId,
-                /* @conditional-compile-remove(PSTN-calls) */ alternateCallerId,
                 callAdapterOptions
             });
             if (afterCreateRef.current) {
@@ -731,7 +757,7 @@ export const useAzureCommunicationCallWithChatAdapter = (args, afterCreate, befo
         }))();
     }, 
     // 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, beforeDisposeRef, credential, displayName, endpoint, locator, userId, callAdapterOptions]);
     // Dispose any existing adapter when the component unmounts.
     useEffect(() => {
         return () => {
@@ -758,10 +784,9 @@ export const useAzureCommunicationCallWithChatAdapter = (args, afterCreate, befo
  * @public
  */
 export const createAzureCommunicationCallWithChatAdapterFromClients = (_b) => __awaiter(void 0, [_b], void 0, function* ({ callClient, callAgent, callLocator, chatClient, chatThreadClient, callAdapterOptions }) {
-    const createCallAdapterPromise = createAzureCommunicationCallAdapterFromClient(callClient, callAgent, callLocator, callAdapterOptions);
-    const createChatAdapterPromise = createAzureCommunicationChatAdapterFromClient(chatClient, chatThreadClient);
-    const [callAdapter, chatAdapter] = yield Promise.all([createCallAdapterPromise, createChatAdapterPromise]);
-    return new AzureCommunicationCallWithChatAdapter(callAdapter, chatAdapter);
+    const callAdapter = yield createAzureCommunicationCallAdapterFromClient(callClient, callAgent, callLocator, callAdapterOptions);
+    const chatAdapterPromise = createAzureCommunicationChatAdapterFromClient(chatClient, chatThreadClient);
+    return new AzureCommunicationCallWithChatAdapter(callAdapter, chatAdapterPromise);
 });
 /**
  * Create a {@link CallWithChatAdapter} from the underlying adapters.
@@ -770,8 +795,14 @@ export const createAzureCommunicationCallWithChatAdapterFromClients = (_b) => __
  *
  * @internal
  */
-export const _createAzureCommunicationCallWithChatAdapterFromAdapters = (callAdapter, chatAdapter) => new AzureCommunicationCallWithChatAdapter(callAdapter, chatAdapter);
-const isTeamsMeetingLinkLocator = (locator) => {
-    return 'meetingLink' in locator;
+export const _createAzureCommunicationCallWithChatAdapterFromAdapters = (callAdapter, chatAdapter) => new AzureCommunicationCallWithChatAdapter(callAdapter, new Promise(resolve => resolve(chatAdapter)));
+const isTeamsMeetingLocator = (locator) => {
+    return 'meetingLink' in locator || 'meetingId' in locator;
+};
+const _createChatThreadAdapterInner = (locator, adapter) => {
+    if ('meetingLink' in locator) {
+        return new TeamsMeetingLinkProvider(locator);
+    }
+    return new CallAndChatProvider(locator);
 };
 //# sourceMappingURL=AzureCommunicationCallWithChatAdapter.js.map