@azure/communication-react 1.14.0 → 1.14.1-alpha-202403261958

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

@@ -12,10 +12,13 @@ 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 { 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) {
@@ -52,6 +55,34 @@ class CallWithChatContext {
  */
 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);
+        };
         this.bindPublicMethods();
         this.callAdapter = callAdapter;
         this.chatAdapter = chatAdapter;
@@ -88,10 +119,10 @@ export class AzureCommunicationCallWithChatAdapter {
         this.unmute.bind(this);
         this.startScreenShare.bind(this);
         this.stopScreenShare.bind(this);
-        /* @conditional-compile-remove(raise-hand) */
         this.raiseHand.bind(this);
-        /* @conditional-compile-remove(raise-hand) */
         this.lowerHand.bind(this);
+        /* @conditional-compile-remove(reaction) */
+        this.onReactionClick.bind(this);
         this.removeParticipant.bind(this);
         this.createStreamView.bind(this);
         this.disposeStreamView.bind(this);
@@ -105,22 +136,39 @@ export class AzureCommunicationCallWithChatAdapter {
         this.deleteMessage.bind(this);
         this.on.bind(this);
         this.off.bind(this);
-        /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
+        /* @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);
-        /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
         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) */ {
             this.startCaptions.bind(this);
             this.stopCaptions.bind(this);
             this.setSpokenLanguage.bind(this);
             this.setCaptionLanguage.bind(this);
         }
-        /* @conditional-compile-remove(video-background-effects) */
         this.startVideoBackgroundEffect.bind(this);
-        /* @conditional-compile-remove(video-background-effects) */
         this.stopVideoBackgroundEffects.bind(this);
-        /* @conditional-compile-remove(video-background-effects) */
         this.updateBackgroundPickerImages.bind(this);
     }
     /** Join existing Call. */
@@ -180,6 +228,8 @@ 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);
         });
     }
@@ -259,20 +309,24 @@ export class AzureCommunicationCallWithChatAdapter {
             yield this.callAdapter.stopScreenShare();
         });
     }
-    /* @conditional-compile-remove(raise-hand) */
     /** Raise hand for local user. */
     raiseHand() {
         return __awaiter(this, void 0, void 0, function* () {
             yield this.callAdapter.raiseHand();
         });
     }
-    /* @conditional-compile-remove(raise-hand) */
     /** Lower hand for local user. */
     lowerHand() {
         return __awaiter(this, void 0, void 0, function* () {
             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* () {
@@ -336,7 +390,8 @@ export class AzureCommunicationCallWithChatAdapter {
     /** 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);
+            return yield this.chatAdapter.updateMessage(messageId, content, metadata, 
+            /* @conditional-compile-remove(file-sharing) */ options);
         });
     }
     /** Delete an existing message. */
@@ -345,21 +400,46 @@ export class AzureCommunicationCallWithChatAdapter {
             return yield this.chatAdapter.deleteMessage(messageId);
         });
     }
-    /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
     downloadResourceToCache(resourceDetails) {
         return __awaiter(this, void 0, void 0, function* () {
             this.chatAdapter.downloadResourceToCache(resourceDetails);
         });
     }
-    /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
     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);
+            }
+        });
+    }
     sendDtmfTone(dtmfTone) {
         return __awaiter(this, void 0, void 0, function* () {
             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* () {
@@ -384,26 +464,46 @@ export class AzureCommunicationCallWithChatAdapter {
             yield this.callAdapter.setSpokenLanguage(language);
         });
     }
-    /* @conditional-compile-remove(video-background-effects) */
     startVideoBackgroundEffect(videoBackgroundEffect) {
         return __awaiter(this, void 0, void 0, function* () {
             yield this.callAdapter.startVideoBackgroundEffect(videoBackgroundEffect);
         });
     }
-    /* @conditional-compile-remove(video-background-effects) */
     stopVideoBackgroundEffects() {
         return __awaiter(this, void 0, void 0, function* () {
             return yield this.callAdapter.stopVideoBackgroundEffects();
         });
     }
-    /* @conditional-compile-remove(video-background-effects) */
     updateBackgroundPickerImages(backgroundImages) {
         return this.callAdapter.updateBackgroundPickerImages(backgroundImages);
     }
-    /* @conditional-compile-remove(video-background-effects) */
     updateSelectedVideoBackgroundEffect(selectedVideoBackground) {
         return this.callAdapter.updateSelectedVideoBackgroundEffect(selectedVideoBackground);
     }
+    /* @conditional-compile-remove(end-of-call-survey) */
+    submitSurvey(survey) {
+        return __awaiter(this, void 0, void 0, function* () {
+            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) {
@@ -571,18 +671,21 @@ export class AzureCommunicationCallWithChatAdapter {
  *
  * @public
  */
-export const createAzureCommunicationCallWithChatAdapter = ({ userId, displayName, credential, endpoint, locator, 
-/* @conditional-compile-remove(video-background-effects) */ callAdapterOptions }) => __awaiter(void 0, void 0, void 0, function* () {
+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({
         userId,
         displayName,
         credential,
         locator: callAdapterLocator,
-        /* @conditional-compile-remove(video-background-effects) */ options: callAdapterOptions,
+        /* @conditional-compile-remove(PSTN-calls) */ alternateCallerId,
+        options: callAdapterOptions,
         telemetryImplementationHint: 'CallWithChat'
     });
-    const threadId = isTeamsMeetingLinkLocator(locator) ? getChatThreadFromTeamsLink(locator.meetingLink) : locator.chatThreadId;
+    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);
@@ -601,9 +704,28 @@ export const createAzureCommunicationCallWithChatAdapter = ({ userId, displayNam
  *
  * @public
  */
-export const useAzureCommunicationCallWithChatAdapter = (args, afterCreate, beforeDispose) => {
+export const useAzureCommunicationCallWithChatAdapter = (
+/**
+ * Arguments to be passed to {@link createAzureCommunicationCallWithChatAdapter}.
+ *
+ * Allows arguments to be undefined so that you can respect the rule-of-hooks and pass in arguments
+ * as they are created. The adapter is only created when all arguments are defined.
+ */
+args, 
+/**
+ * Optional callback to modify the adapter once it is created.
+ *
+ * If set, must return the modified adapter.
+ */
+afterCreate, 
+/**
+ * Optional callback called before the adapter is disposed.
+ *
+ * This is useful for clean up tasks, e.g., leaving any ongoing calls.
+ */
+beforeDispose) => {
     const { credential, displayName, endpoint, locator, userId, 
-    /* @conditional-compile-remove(video-background-effects) */ callAdapterOptions } = args;
+    /* @conditional-compile-remove(PSTN-calls) */ 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.
@@ -645,7 +767,8 @@ export const useAzureCommunicationCallWithChatAdapter = (args, afterCreate, befo
                 endpoint,
                 locator,
                 userId,
-                /* @conditional-compile-remove(video-background-effects) */ callAdapterOptions
+                /* @conditional-compile-remove(PSTN-calls) */ alternateCallerId,
+                callAdapterOptions
             });
             if (afterCreateRef.current) {
                 newAdapter = yield afterCreateRef.current(newAdapter);
@@ -655,7 +778,18 @@ export const useAzureCommunicationCallWithChatAdapter = (args, afterCreate, befo
         }))();
     }, 
     // Explicitly list all arguments so that caller doesn't have to memoize the `args` object.
-    [adapterRef, afterCreateRef, beforeDisposeRef, credential, displayName, endpoint, locator, userId, /* @conditional-compile-remove(video-background-effects) */ callAdapterOptions]);
+    [
+        adapterRef,
+        afterCreateRef,
+        /* @conditional-compile-remove(PSTN-calls) */ alternateCallerId,
+        beforeDisposeRef,
+        credential,
+        displayName,
+        endpoint,
+        locator,
+        userId,
+        callAdapterOptions
+    ]);
     // Dispose any existing adapter when the component unmounts.
     useEffect(() => {
         return () => {
@@ -681,10 +815,8 @@ export const useAzureCommunicationCallWithChatAdapter = (args, afterCreate, befo
  *
  * @public
  */
-export const createAzureCommunicationCallWithChatAdapterFromClients = ({ callClient, callAgent, callLocator, chatClient, chatThreadClient, 
-/* @conditional-compile-remove(video-background-effects) */
-callAdapterOptions }) => __awaiter(void 0, void 0, void 0, function* () {
-    const createCallAdapterPromise = createAzureCommunicationCallAdapterFromClient(callClient, callAgent, callLocator, /* @conditional-compile-remove(video-background-effects) */ callAdapterOptions);
+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);