@azure/communication-react 1.26.0 → 1.27.0-alpha-202504170018

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

@@ -65,9 +65,29 @@ class CallWithChatContext {
  * Created for easy use with the {@link CallWithChatComposite}.
  */
 export class AzureCommunicationCallWithChatAdapter {
+    // This function is used to store a listener to the internal map of chat event listeners and should be
+    // used when a listener subscribes to a chat event
+    storeChatEventListener(event, listener) {
+        var _a;
+        if (!this.chatEventListeners.has(event)) {
+            this.chatEventListeners.set(event, new Set());
+        }
+        (_a = this.chatEventListeners.get(event)) === null || _a === void 0 ? void 0 : _a.add(listener);
+    }
+    // This function is used to remove a listener from the internal map of chat event listeners and should
+    // be used when a listener unsubscribes from a chat event
+    removeChatEventListener(event, listener) {
+        var _a;
+        if (this.chatEventListeners.has(event)) {
+            (_a = this.chatEventListeners.get(event)) === null || _a === void 0 ? void 0 : _a.delete(listener);
+        }
+    }
     constructor(callAdapter, chatAdapter) {
         this.emitter = new EventEmitter();
         this.isAdapterDisposed = false;
+        // This map is used to store the listeners subscribed to chat events so that we can re-subscribe them
+        // to the new chat adapter when the thread id changes
+        this.chatEventListeners = new Map();
         this.bindPublicMethods();
         this.callAdapter = callAdapter;
         this.context = new CallWithChatContext(callWithChatAdapterStateFromBackingStates(callAdapter));
@@ -90,7 +110,8 @@ export class AzureCommunicationCallWithChatAdapter {
             }
             else if (eventData.type === 'assignedBreakoutRooms') {
                 if (!eventData.data || eventData.data.state === 'closed') {
-                    if (this.originCallChatAdapter && ((_a = this.originCallChatAdapter) === null || _a === void 0 ? void 0 : _a.getState().thread.threadId) !== ((_b = this.context.getState().chat) === null || _b === void 0 ? void 0 : _b.threadId)) {
+                    if (this.originCallChatAdapter &&
+                        ((_a = this.originCallChatAdapter) === null || _a === void 0 ? void 0 : _a.getState().thread.threadId) !== ((_b = this.context.getState().chat) === null || _b === void 0 ? void 0 : _b.threadId)) {
                         this.updateChatAdapter(this.originCallChatAdapter);
                     }
                 }
@@ -172,7 +193,7 @@ export class AzureCommunicationCallWithChatAdapter {
         });
     }
     setChatAdapterPromise(chatAdapter) {
-        chatAdapter.then(adapter => {
+        chatAdapter.then((adapter) => {
             if (!this.isAdapterDisposed) {
                 this.updateChatAdapter(adapter);
                 this.originCallChatAdapter = adapter;
@@ -191,11 +212,23 @@ export class AzureCommunicationCallWithChatAdapter {
     updateChatAdapter(chatAdapter) {
         var _a;
         (_a = this.chatAdapter) === null || _a === void 0 ? void 0 : _a.offStateChange(this.onChatStateChange);
+        this.updateChatEventListeners(chatAdapter);
         this.chatAdapter = chatAdapter;
         this.chatAdapter.onStateChange(this.onChatStateChange);
         this.context.updateClientStateWithChatState(chatAdapter.getState());
         this.emitter.emit('chatInitialized', this.chatAdapter);
     }
+    updateChatEventListeners(chatAdapter) {
+        var _a;
+        for (const [eventName, listeners] of this.chatEventListeners) {
+            for (const listener of listeners) {
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                (_a = this.chatAdapter) === null || _a === void 0 ? void 0 : _a.off(eventName, listener);
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                chatAdapter.on(eventName, listener);
+            }
+        }
+    }
     bindPublicMethods() {
         this.joinCall.bind(this);
         this.leaveCall.bind(this);
@@ -226,6 +259,10 @@ 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);
         this.loadPreviousChatMessages.bind(this);
@@ -239,10 +276,13 @@ export class AzureCommunicationCallWithChatAdapter {
         this.resumeCall.bind(this);
         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);
         this.setSpokenLanguage.bind(this);
         this.setCaptionLanguage.bind(this);
+        /* @conditional-compile-remove(rtt) */
         this.sendRealTimeText.bind(this);
         this.startVideoBackgroundEffect.bind(this);
         this.stopVideoBackgroundEffects.bind(this);
@@ -305,6 +345,8 @@ export class AzureCommunicationCallWithChatAdapter {
         }
         this.callAdapter.offStateChange(this.onCallStateChange);
         this.callAdapter.dispose();
+        // Clear chat event listeners
+        this.chatEventListeners.clear();
     }
     /** Remove a participant from the Call only. */
     removeParticipant(userId) {
@@ -438,26 +480,68 @@ export class AzureCommunicationCallWithChatAdapter {
             yield this.callAdapter.disposeLocalVideoStreamView();
         });
     }
+    /* @conditional-compile-remove(together-mode) */
+    createTogetherModeStreamView(options) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this.callAdapter.createTogetherModeStreamView(options);
+        });
+    }
+    /* @conditional-compile-remove(together-mode) */
+    startTogetherMode() {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this.callAdapter.startTogetherMode();
+        });
+    }
+    /* @conditional-compile-remove(together-mode) */
+    setTogetherModeSceneSize(width, height) {
+        return this.callAdapter.setTogetherModeSceneSize(width, height);
+    }
+    /* @conditional-compile-remove(together-mode) */
+    disposeTogetherModeStreamView() {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield this.callAdapter.disposeTogetherModeStreamView();
+        });
+    }
     /** Fetch initial Call and Chat data such as chat messages. */
     fetchInitialData() {
         return __awaiter(this, void 0, void 0, function* () {
-            return yield this.executeWithResolvedChatAdapter(adapter => {
+            return yield this.executeWithResolvedChatAdapter((adapter) => {
                 return adapter.fetchInitialData();
             });
         });
     }
     /** Send a chat message. */
-    sendMessage(content) {
+    sendMessage(content, 
+    /* @conditional-compile-remove(file-sharing-acs) */
+    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);
+            });
+        });
+    }
+    /* @conditional-compile-remove(rich-text-editor-image-upload) */
+    /** Upload a chat image. */
+    uploadImage(image, imageFileName) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this.executeWithResolvedChatAdapter((adapter) => {
+                return adapter.uploadImage(image, imageFileName);
+            });
+        });
+    }
+    /* @conditional-compile-remove(rich-text-editor-image-upload) */
+    /** Delete a chat image. */
+    deleteImage(imageId) {
         return __awaiter(this, void 0, void 0, function* () {
-            return yield this.executeWithResolvedChatAdapter(adapter => {
-                return adapter.sendMessage(content);
+            return yield this.executeWithResolvedChatAdapter((adapter) => {
+                return adapter.deleteImage(imageId);
             });
         });
     }
     /** Send a chat read receipt. */
     sendReadReceipt(chatMessageId) {
         return __awaiter(this, void 0, void 0, function* () {
-            return yield this.executeWithResolvedChatAdapter(adapter => {
+            return yield this.executeWithResolvedChatAdapter((adapter) => {
                 return adapter.sendReadReceipt(chatMessageId);
             });
         });
@@ -465,7 +549,7 @@ export class AzureCommunicationCallWithChatAdapter {
     /** Send an isTyping indicator. */
     sendTypingIndicator() {
         return __awaiter(this, void 0, void 0, function* () {
-            return yield this.executeWithResolvedChatAdapter(adapter => {
+            return yield this.executeWithResolvedChatAdapter((adapter) => {
                 return adapter.sendTypingIndicator();
             });
         });
@@ -473,7 +557,7 @@ export class AzureCommunicationCallWithChatAdapter {
     /** Load previous Chat messages. */
     loadPreviousChatMessages(messagesToLoad) {
         return __awaiter(this, void 0, void 0, function* () {
-            return yield this.executeWithResolvedChatAdapter(adapter => {
+            return yield this.executeWithResolvedChatAdapter((adapter) => {
                 return adapter.loadPreviousChatMessages(messagesToLoad);
             });
         });
@@ -481,7 +565,7 @@ export class AzureCommunicationCallWithChatAdapter {
     /** Update an existing message. */
     updateMessage(messageId, content, options) {
         return __awaiter(this, void 0, void 0, function* () {
-            return this.executeWithResolvedChatAdapter(adapter => {
+            return this.executeWithResolvedChatAdapter((adapter) => {
                 return adapter.updateMessage(messageId, content, options);
             });
         });
@@ -489,20 +573,20 @@ export class AzureCommunicationCallWithChatAdapter {
     /** Delete an existing message. */
     deleteMessage(messageId) {
         return __awaiter(this, void 0, void 0, function* () {
-            return yield this.executeWithResolvedChatAdapter(adapter => {
+            return yield this.executeWithResolvedChatAdapter((adapter) => {
                 return adapter.deleteMessage(messageId);
             });
         });
     }
     downloadResourceToCache(resourceDetails) {
         return __awaiter(this, void 0, void 0, function* () {
-            this.executeWithResolvedChatAdapter(adapter => {
+            this.executeWithResolvedChatAdapter((adapter) => {
                 adapter.downloadResourceToCache(resourceDetails);
             });
         });
     }
     removeResourceFromCache(resourceDetails) {
-        this.executeWithResolvedChatAdapter(adapter => {
+        this.executeWithResolvedChatAdapter((adapter) => {
             adapter.removeResourceFromCache(resourceDetails);
         });
     }
@@ -531,6 +615,10 @@ export class AzureCommunicationCallWithChatAdapter {
             return yield this.callAdapter.sendDtmfTone(dtmfTone);
         });
     }
+    /* @conditional-compile-remove(unsupported-browser) */
+    allowUnsupportedBrowserVersion() {
+        return this.callAdapter.allowUnsupportedBrowserVersion();
+    }
     startCaptions(options) {
         return __awaiter(this, void 0, void 0, function* () {
             yield this.callAdapter.startCaptions(options);
@@ -551,6 +639,7 @@ export class AzureCommunicationCallWithChatAdapter {
             yield this.callAdapter.setSpokenLanguage(language);
         });
     }
+    /* @conditional-compile-remove(rtt) */
     sendRealTimeText(text, isFinalized) {
         return __awaiter(this, void 0, void 0, function* () {
             yield this.callAdapter.sendRealTimeText(text, isFinalized);
@@ -615,7 +704,8 @@ export class AzureCommunicationCallWithChatAdapter {
     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) {
+            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);
             }
@@ -703,6 +793,7 @@ export class AzureCommunicationCallWithChatAdapter {
             case 'captionsReceived':
                 this.callAdapter.on('captionsReceived', listener);
                 break;
+            /* @conditional-compile-remove(rtt) */
             case 'realTimeTextReceived':
                 this.callAdapter.on('realTimeTextReceived', listener);
                 break;
@@ -716,37 +807,44 @@ export class AzureCommunicationCallWithChatAdapter {
                 this.callAdapter.on('isSpokenLanguageChanged', listener);
                 break;
             case 'messageReceived':
-                this.executeWithResolvedChatAdapter(adapter => {
+                this.storeChatEventListener('messageReceived', listener);
+                this.executeWithResolvedChatAdapter((adapter) => {
                     adapter.on('messageReceived', listener);
                 });
                 break;
             case 'messageEdited':
-                this.executeWithResolvedChatAdapter(adapter => {
+                this.storeChatEventListener('messageEdited', listener);
+                this.executeWithResolvedChatAdapter((adapter) => {
                     adapter.on('messageEdited', listener);
                 });
                 break;
             case 'messageDeleted':
-                this.executeWithResolvedChatAdapter(adapter => {
+                this.storeChatEventListener('messageDeleted', listener);
+                this.executeWithResolvedChatAdapter((adapter) => {
                     adapter.on('messageDeleted', listener);
                 });
                 break;
             case 'messageSent':
-                this.executeWithResolvedChatAdapter(adapter => {
+                this.storeChatEventListener('messageSent', listener);
+                this.executeWithResolvedChatAdapter((adapter) => {
                     adapter.on('messageSent', listener);
                 });
                 break;
             case 'messageRead':
-                this.executeWithResolvedChatAdapter(adapter => {
+                this.storeChatEventListener('messageRead', listener);
+                this.executeWithResolvedChatAdapter((adapter) => {
                     adapter.on('messageRead', listener);
                 });
                 break;
             case 'chatParticipantsAdded':
-                this.executeWithResolvedChatAdapter(adapter => {
+                this.storeChatEventListener('chatParticipantsAdded', listener);
+                this.executeWithResolvedChatAdapter((adapter) => {
                     adapter.on('participantsAdded', listener);
                 });
                 break;
             case 'chatParticipantsRemoved':
-                this.executeWithResolvedChatAdapter(adapter => {
+                this.storeChatEventListener('chatParticipantsRemoved', listener);
+                this.executeWithResolvedChatAdapter((adapter) => {
                     adapter.on('participantsRemoved', listener);
                 });
                 break;
@@ -754,7 +852,8 @@ export class AzureCommunicationCallWithChatAdapter {
                 this.callAdapter.on('error', listener);
                 break;
             case 'chatError':
-                this.executeWithResolvedChatAdapter(adapter => {
+                this.storeChatEventListener('chatError', listener);
+                this.executeWithResolvedChatAdapter((adapter) => {
                     adapter.on('error', listener);
                 });
                 break;
@@ -810,6 +909,7 @@ export class AzureCommunicationCallWithChatAdapter {
             case 'captionsReceived':
                 this.callAdapter.off('captionsReceived', listener);
                 break;
+            /* @conditional-compile-remove(rtt) */
             case 'realTimeTextReceived':
                 this.callAdapter.off('realTimeTextReceived', listener);
                 break;
@@ -823,37 +923,44 @@ export class AzureCommunicationCallWithChatAdapter {
                 this.callAdapter.off('isSpokenLanguageChanged', listener);
                 break;
             case 'messageReceived':
-                this.executeWithResolvedChatAdapter(adapter => {
+                this.removeChatEventListener('messageReceived', listener);
+                this.executeWithResolvedChatAdapter((adapter) => {
                     adapter.off('messageReceived', listener);
                 });
                 break;
             case 'messageEdited':
-                this.executeWithResolvedChatAdapter(adapter => {
+                this.removeChatEventListener('messageEdited', listener);
+                this.executeWithResolvedChatAdapter((adapter) => {
                     adapter.off('messageEdited', listener);
                 });
                 break;
             case 'messageDeleted':
-                this.executeWithResolvedChatAdapter(adapter => {
+                this.removeChatEventListener('messageDeleted', listener);
+                this.executeWithResolvedChatAdapter((adapter) => {
                     adapter.off('messageDeleted', listener);
                 });
                 break;
             case 'messageSent':
-                this.executeWithResolvedChatAdapter(adapter => {
+                this.removeChatEventListener('messageSent', listener);
+                this.executeWithResolvedChatAdapter((adapter) => {
                     adapter.off('messageSent', listener);
                 });
                 break;
             case 'messageRead':
-                this.executeWithResolvedChatAdapter(adapter => {
+                this.removeChatEventListener('messageRead', listener);
+                this.executeWithResolvedChatAdapter((adapter) => {
                     adapter.off('messageRead', listener);
                 });
                 break;
             case 'chatParticipantsAdded':
-                this.executeWithResolvedChatAdapter(adapter => {
+                this.removeChatEventListener('chatParticipantsAdded', listener);
+                this.executeWithResolvedChatAdapter((adapter) => {
                     adapter.off('participantsAdded', listener);
                 });
                 break;
             case 'chatParticipantsRemoved':
-                this.executeWithResolvedChatAdapter(adapter => {
+                this.removeChatEventListener('chatParticipantsRemoved', listener);
+                this.executeWithResolvedChatAdapter((adapter) => {
                     adapter.off('participantsRemoved', listener);
                 });
                 break;
@@ -861,7 +968,8 @@ export class AzureCommunicationCallWithChatAdapter {
                 this.callAdapter.off('error', listener);
                 break;
             case 'chatError':
-                this.executeWithResolvedChatAdapter(adapter => {
+                this.removeChatEventListener('chatError', listener);
+                this.executeWithResolvedChatAdapter((adapter) => {
                     adapter.off('error', listener);
                 });
                 break;
@@ -931,8 +1039,8 @@ export class TeamsMeetingLinkProvider {
         return __awaiter(this, void 0, void 0, function* () {
             {
                 // Wait for the call to be connected and get the chat thread ID from `call.callInfo`.
-                const chatThreadPromise = new Promise(resolve => {
-                    this.callAdapterPromise.then(callAdapter => {
+                const chatThreadPromise = new Promise((resolve) => {
+                    this.callAdapterPromise.then((callAdapter) => {
                         // Ensure function is idempotent by removing any existing subscription.
                         this.callAdapterSubscription && callAdapter.offStateChange(this.callAdapterSubscription);
                         this.callAdapterSubscription = (state) => {
@@ -973,17 +1081,17 @@ export class TeamsMeetingIdProvider {
      */
     getChatThreadPromise() {
         return __awaiter(this, void 0, void 0, function* () {
-            return new Promise(resolve => {
+            return new Promise((resolve) => {
                 const stateChangeListener = (state) => {
                     var _a, _b, _c;
                     if (((_a = state.call) === null || _a === void 0 ? void 0 : _a.state) === 'Connected' && ((_b = state.call.info) === null || _b === void 0 ? void 0 : _b.threadId)) {
-                        this.callAdapter.then(adapter => {
+                        this.callAdapter.then((adapter) => {
                             adapter.offStateChange(stateChangeListener);
                         });
                         resolve((_c = state.call.info) === null || _c === void 0 ? void 0 : _c.threadId);
                     }
                 };
-                this.callAdapter.then(adapter => {
+                this.callAdapter.then((adapter) => {
                     var _a, _b, _c;
                     const callState = (_a = adapter.getState().call) === null || _a === void 0 ? void 0 : _a.state;
                     const threadId = (_c = (_b = adapter.getState().call) === null || _b === void 0 ? void 0 : _b.info) === null || _c === void 0 ? void 0 : _c.threadId;
@@ -1016,17 +1124,29 @@ export const createAzureCommunicationCallWithChatAdapter = (_a) => __awaiter(voi
         telemetryImplementationHint: 'CallWithChat'
     });
     const chatThreadAdapter = _createChatThreadAdapterInner(locator, callAdapter);
+    /* @conditional-compile-remove(on-fetch-profile) */
+    const chatAdapterOptions = {
+        onFetchProfile: callAdapterOptions === null || callAdapterOptions === void 0 ? void 0 : callAdapterOptions.onFetchProfile
+    };
     if (chatThreadAdapter.isCallInfoRequired()) {
         const callWithChatAdapter = new AzureCommunicationCallWithChatAdapter(yield callAdapter);
-        const chatAdapterPromise = _createLazyAzureCommunicationChatAdapterInner(endpoint, userId, displayName, credential, chatThreadAdapter.getChatThreadPromise(), 'CallWithChat');
+        const chatAdapterPromise = _createLazyAzureCommunicationChatAdapterInner(endpoint, userId, displayName, credential, chatThreadAdapter.getChatThreadPromise(), 'CallWithChat', 
+        /* @conditional-compile-remove(on-fetch-profile) */
+        chatAdapterOptions);
         callWithChatAdapter.setChatAdapterPromise(chatAdapterPromise);
-        callWithChatAdapter.setCreateChatAdapterCallback((threadId) => _createAzureCommunicationChatAdapterInner(endpoint, userId, displayName, credential, threadId, 'CallWithChat'));
+        callWithChatAdapter.setCreateChatAdapterCallback((threadId) => _createAzureCommunicationChatAdapterInner(endpoint, userId, displayName, credential, threadId, 'CallWithChat', 
+        /* @conditional-compile-remove(on-fetch-profile) */
+        chatAdapterOptions));
         return callWithChatAdapter;
     }
     else {
-        const chatAdapter = _createAzureCommunicationChatAdapterInner(endpoint, userId, displayName, credential, chatThreadAdapter.getChatThread(), 'CallWithChat');
+        const chatAdapter = _createAzureCommunicationChatAdapterInner(endpoint, userId, displayName, credential, chatThreadAdapter.getChatThread(), 'CallWithChat', 
+        /* @conditional-compile-remove(on-fetch-profile) */
+        chatAdapterOptions);
         const callWithChatAdapter = new AzureCommunicationCallWithChatAdapter(yield callAdapter, yield chatAdapter);
-        callWithChatAdapter.setCreateChatAdapterCallback((threadId) => _createAzureCommunicationChatAdapterInner(endpoint, userId, displayName, credential, threadId, 'CallWithChat'));
+        callWithChatAdapter.setCreateChatAdapterCallback((threadId) => _createAzureCommunicationChatAdapterInner(endpoint, userId, displayName, credential, threadId, 'CallWithChat', 
+        /* @conditional-compile-remove(on-fetch-profile) */
+        chatAdapterOptions));
         return callWithChatAdapter;
     }
 });
@@ -1044,7 +1164,26 @@ export const createAzureCommunicationCallWithChatAdapter = (_a) => __awaiter(voi
  *
  * @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, alternateCallerId, callAdapterOptions } = args;
     // State update needed to rerender the parent component when a new adapter is created.
     const [adapter, setAdapter] = useState(undefined);
@@ -1099,7 +1238,18 @@ export const useAzureCommunicationCallWithChatAdapter = (args, afterCreate, befo
         }))();
     }, 
     // Explicitly list all arguments so that caller doesn't have to memoize the `args` object.
-    [adapterRef, afterCreateRef, 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 () => {