@azure/communication-react 1.4.2-alpha-202211230015.0 → 1.5.1-alpha-202211250013.0

package/dist/communication-react.d.ts

@@ -524,11 +524,33 @@ export declare interface BrowserPermissionDeniedStyles extends BaseCustomStyles
 }
 
 /**
- * {@link CallComposite} Adapter interface.
+ *  An Adapter interface specific for Azure Communication identity which extends {@link CommonCallAdapter}.
  *
  * @public
  */
-export declare interface CallAdapter extends AdapterState<CallAdapterState>, Disposable, CallAdapterCallManagement, CallAdapterDeviceManagement, CallAdapterSubscribers {
+export declare interface CallAdapter extends CommonCallAdapter {
+    /**
+     * Join the call with microphone initially on/off.
+     *
+     * @param microphoneOn - Whether microphone is initially enabled
+     *
+     * @public
+     */
+    joinCall(microphoneOn?: boolean): Call | undefined;
+    /**
+     * Start the call.
+     *
+     * @param participants - An array of participant ids to join
+     *
+     * @public
+     */
+    startCall(participants: string[], options?: StartCallOptions): Call | undefined;
+    /**
+     * Start the call.
+     * @param participants - An array of {@link @azure/communication-common#CommunicationIdentifier} to be called
+     * @beta
+     */
+    startCall(participants: CommunicationIdentifier[], options?: StartCallOptions): Call | undefined;
 }
 
 /**
@@ -541,11 +563,11 @@ export declare type CallAdapterCallEndedEvent = {
 };
 
 /**
- * Functionality for managing the current call.
- *
+ * Functionality for managing the current call or start a new call
+ * @deprecated CallAdapter interface will be flatten, consider using CallAdapter directly
  * @public
  */
-export declare interface CallAdapterCallManagement {
+export declare interface CallAdapterCallManagement extends CallAdapterCallOperations {
     /**
      * Join the call with microphone initially on/off.
      *
@@ -554,6 +576,28 @@ export declare interface CallAdapterCallManagement {
      * @public
      */
     joinCall(microphoneOn?: boolean): Call | undefined;
+    /**
+     * Start the call.
+     *
+     * @param participants - An array of participant ids to join
+     *
+     * @public
+     */
+    startCall(participants: string[], options?: StartCallOptions): Call | undefined;
+    /**
+     * Start the call.
+     * @param participants - An array of {@link @azure/communication-common#CommunicationIdentifier} to be called
+     * @beta
+     */
+    startCall(participants: CommunicationIdentifier[], options?: StartCallOptions): Call | undefined;
+}
+
+/**
+ * Functionality for managing the current call.
+ *
+ * @public
+ */
+export declare interface CallAdapterCallOperations {
     /**
      * Leave the call
      *
@@ -590,20 +634,6 @@ export declare interface CallAdapterCallManagement {
      * @public
      */
     unmute(): Promise<void>;
-    /**
-     * Start the call.
-     *
-     * @param participants - An array of participant ids to join
-     *
-     * @public
-     */
-    startCall(participants: string[], options?: StartCallOptions): Call | undefined;
-    /**
-     * Start the call.
-     * @param participants - An array of {@link @azure/communication-common#CommunicationIdentifier} to be called
-     * @beta
-     */
-    startCall(participants: CommunicationIdentifier[], options?: StartCallOptions): Call | undefined;
     /**
      * Start sharing the screen during a call.
      *
@@ -682,7 +712,7 @@ export declare interface CallAdapterCallManagement {
 }
 
 /**
- * {@link CallAdapter} state inferred from Azure Communication Services backend.
+ * {@link CommonCallAdapter} state inferred from Azure Communication Services backend.
  *
  * @public
  */
@@ -814,7 +844,7 @@ export declare type CallAdapterOptionalFeatures = {
 };
 
 /**
- * {@link CallAdapter} state.
+ * {@link CommonCallAdapter} state.
  *
  * @public
  */
@@ -939,7 +969,7 @@ export declare interface CallAdapterSubscribers {
 }
 
 /**
- * {@link CallAdapter} state for pure UI purposes.
+ * {@link CommonCallAdapter} state for pure UI purposes.
  *
  * @public
  */
@@ -1246,7 +1276,7 @@ export declare interface CallCompositeProps extends BaseCompositeProps<CallCompo
      * An adapter provides logic and data to the composite.
      * Composite can also be controlled using the adapter.
      */
-    adapter: CallAdapter;
+    adapter: CommonCallAdapter;
     /**
      * Optimizes the composite form factor for either desktop or mobile.
      * @remarks `mobile` is currently only optimized for Portrait mode on mobile devices and does not support landscape.
@@ -3440,6 +3470,36 @@ export declare type ClientState = CallClientState & ChatClientState;
  */
 export declare type Common<A, B> = Pick<A, CommonProperties<A, B>>;
 
+/**
+ * {@link CallComposite} Adapter interface.
+ *
+ * @public
+ */
+export declare interface CommonCallAdapter extends AdapterState<CallAdapterState>, Disposable, CallAdapterCallOperations, CallAdapterDeviceManagement, CallAdapterSubscribers {
+    /**
+     * Join the call with microphone initially on/off.
+     *
+     * @param microphoneOn - Whether microphone is initially enabled
+     *
+     * @public
+     */
+    joinCall(microphoneOn?: boolean): void;
+    /**
+     * Start the call.
+     *
+     * @param participants - An array of participant ids to join
+     *
+     * @public
+     */
+    startCall(participants: string[], options?: StartCallOptions): void;
+    /**
+     * Start the call.
+     * @param participants - An array of {@link @azure/communication-common#CommunicationIdentifier} to be called
+     * @beta
+     */
+    startCall(participants: CommunicationIdentifier[], options?: StartCallOptions): void;
+}
+
 /**
  * Object containing all the handlers required for calling components.
  *
@@ -4070,6 +4130,21 @@ export declare const createAzureCommunicationChatAdapter: ({ endpoint: endpointU
  */
 export declare const createAzureCommunicationChatAdapterFromClient: (chatClient: StatefulChatClient, chatThreadClient: ChatThreadClient) => Promise<ChatAdapter>;
 
+/**
+ * @beta
+ */
+export declare const createAzureCommunicationTeamsCallAdapter: ({ userId, credential, locator, alternateCallerId }: AzureCommunicationCallAdapterArgs) => Promise<TeamsCallAdapter>;
+
+/**
+ * Create a {@link TeamsCallAdapter} using the provided {@link StatefulCallClient}.
+ *
+ * Useful if you want to keep a reference to {@link StatefulCallClient}.
+ * Consider using {@link createAzureCommunicationCallAdapter} for a simpler API.
+ *
+ * @beta
+ */
+export declare const createAzureCommunicationTeamsCallAdapterFromClient: (callClient: StatefulCallClient, callAgent: TeamsCallAgent, locator: CallAdapterLocator) => Promise<TeamsCallAdapter>;
+
 /**
  * Create the default implementation of {@link CallingHandlers} for teams call.
  *
@@ -5041,6 +5116,16 @@ export declare interface ErrorBarProps extends IMessageBarProps {
      * Currently active errors.
      */
     activeErrorMessages: ActiveErrorMessage[];
+    /**
+     * If set, errors with {@link ActiveErrorMessage.timestamp} older than the time this component is mounted
+     * are not shown.
+     *
+     * This is useful when using the {@link ErrorBar} with a stateful client that handles more than one call
+     * or chat thread. Set this prop to ignore errors from previous call or chat.
+     *
+     * @defaultValue false
+     */
+    ignorePremountErrors?: boolean;
 }
 
 /**
@@ -7488,6 +7573,36 @@ export declare interface SystemMessageCommon extends MessageCommon {
     iconName: string;
 }
 
+/**
+ * An Adapter interface specific for Teams identity which extends {@link CommonCallAdapter}.
+ *
+ * @beta
+ */
+export declare interface TeamsCallAdapter extends CommonCallAdapter {
+    /**
+     * Join the call with microphone initially on/off.
+     *
+     * @param microphoneOn - Whether microphone is initially enabled
+     *
+     * @beta
+     */
+    joinCall(microphoneOn?: boolean): TeamsCall | undefined;
+    /**
+     * Start the call.
+     *
+     * @param participants - An array of participant ids to join
+     *
+     * @beta
+     */
+    startCall(participants: string[], options?: StartCallOptions): TeamsCall | undefined;
+    /**
+     * Start the call.
+     * @param participants - An array of {@link @azure/communication-common#CommunicationIdentifier} to be called
+     * @beta
+     */
+    startCall(participants: CommunicationIdentifier[], options?: StartCallOptions): TeamsCall | undefined;
+}
+
 /**
  * Object containing all the teams call handlers required for calling components.
  *
@@ -7768,6 +7883,22 @@ export declare const useAzureCommunicationCallWithChatAdapter: (args: Partial<Az
  */
 export declare const useAzureCommunicationChatAdapter: (args: Partial<AzureCommunicationChatAdapterArgs>, afterCreate?: ((adapter: ChatAdapter) => Promise<ChatAdapter>) | undefined, beforeDispose?: ((adapter: ChatAdapter) => Promise<void>) | undefined) => ChatAdapter | undefined;
 
+/**
+ * A custom React hook to simplify the creation of {@link TeamsCallAdapter}.
+ *
+ * Similar to {@link createTeamsAzureCommunicationCallAdapter}, but takes care of asynchronous
+ * creation of the adapter internally.
+ *
+ * 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.
+ *
+ * Note that you must memoize the arguments to avoid recreating adapter on each render.
+ * See storybook for typical usage examples.
+ *
+ * @beta
+ */
+export declare const useAzureCommunicationTeamsCallAdapter: (args: Partial<AzureCommunicationCallAdapterArgs>, afterCreate?: ((adapter: TeamsCallAdapter) => Promise<TeamsCallAdapter>) | undefined, beforeDispose?: ((adapter: TeamsCallAdapter) => Promise<void>) | undefined) => TeamsCallAdapter | undefined;
+
 /**
  * Hook to obtain {@link @azure/communication-calling#Call} from the provider.
  *

package/dist/dist-cjs/communication-react/index.js

@@ -202,7 +202,7 @@ const _toCommunicationIdentifier = (id) => {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT license.
 // GENERATED FILE. DO NOT EDIT MANUALLY.
-var telemetryVersion = '1.4.2-alpha-202211230015.0';
+var telemetryVersion = '1.5.1-alpha-202211250013.0';
 
 // Copyright (c) Microsoft Corporation.
 /**
@@ -4333,12 +4333,16 @@ const dropDismissalsForInactiveErrors = (activeErrorMessages, dismissedErrors) =
  * @param dismissedErrors
  * @returns ActiveErrorMessage[]
  */
-const errorsToShow = (activeErrorMessages, dismissedErrors) => {
+const errorsToShow = (activeErrorMessages, dismissedErrors, mountTimestamp) => {
     const dismissed = new Map();
     for (const error of dismissedErrors) {
         dismissed.set(error.type, error);
     }
     return activeErrorMessages.filter((error) => {
+        if (mountTimestamp && error.timestamp && mountTimestamp > error.timestamp) {
+            // Error has a timestamp and it is older than when the component was mounted.
+            return false;
+        }
         const dismissal = dismissed.get(error.type);
         if (!dismissal) {
             // This error was never dismissed.
@@ -4447,11 +4451,14 @@ const ErrorBar = (props) => {
     var _a;
     const localeStrings = useLocale$1().strings.errorBar;
     const strings = (_a = props.strings) !== null && _a !== void 0 ? _a : localeStrings;
+    // Timestamp for when this comopnent is first mounted.
+    // Never updated through the lifecycle of this component.
+    const mountTimestamp = React.useRef(new Date(Date.now()));
     const [dismissedErrors, setDismissedErrors] = React.useState([]);
     // dropDismissalsForInactiveErrors only returns a new object if `dismissedErrors` actually changes.
     // Without this behaviour, this `useEffect` block would cause a render loop.
     React.useEffect(() => setDismissedErrors(dropDismissalsForInactiveErrors(props.activeErrorMessages, dismissedErrors)), [props.activeErrorMessages, dismissedErrors]);
-    const toShow = errorsToShow(props.activeErrorMessages, dismissedErrors);
+    const toShow = errorsToShow(props.activeErrorMessages, dismissedErrors, props.ignorePremountErrors ? mountTimestamp.current : undefined);
     return (React__default['default'].createElement(react.Stack, { "data-ui-id": "error-bar-stack" }, toShow.map((error) => (React__default['default'].createElement(react.MessageBar, Object.assign({}, props, { styles: {
             innerText: {
                 paddingTop: messageBarType(error.type) === 5 ? '0.15rem' : '0.1rem',
@@ -7081,11 +7088,13 @@ const MessageThread = (props) => {
     }, [scrollToBottom, sendMessageStatusIfAtBottom]);
     // Infinite scrolling + threadInitialize function
     const fetchNewMessageWhenAtTop = React.useCallback(() => __awaiter$m(void 0, void 0, void 0, function* () {
-        if (chatScrollDivRef.current && !isLoadingChatMessagesRef.current) {
+        if (!isLoadingChatMessagesRef.current) {
             if (onLoadPreviousChatMessages) {
                 isLoadingChatMessagesRef.current = true;
                 // Fetch message until scrollTop reach the threshold for fetching new message
-                while (!isAllChatMessagesLoadedRef.current && chatScrollDivRef.current.scrollTop <= 500) {
+                while (!isAllChatMessagesLoadedRef.current &&
+                    chatScrollDivRef.current &&
+                    chatScrollDivRef.current.scrollTop <= 500) {
                     isAllChatMessagesLoadedRef.current = yield onLoadPreviousChatMessages(numberOfChatMessagesToReload);
                     yield delay(200);
                 }
@@ -7093,12 +7102,6 @@ const MessageThread = (props) => {
             }
         }
     }), [numberOfChatMessagesToReload, onLoadPreviousChatMessages]);
-    const handleInfiniteScroll = React.useCallback(() => {
-        if (!chatScrollDivRef.current) {
-            return;
-        }
-        fetchNewMessageWhenAtTop();
-    }, [fetchNewMessageWhenAtTop]);
     // The below 2 of useEffects are design for fixing infinite scrolling problem
     // Scrolling element will behave differently when scrollTop = 0(it sticks at the top)
     // we need to get previousTop before it prepend contents
@@ -7136,12 +7139,12 @@ const MessageThread = (props) => {
     React.useEffect(() => {
         const chatScrollDiv = chatScrollDivRef.current;
         chatScrollDiv === null || chatScrollDiv === void 0 ? void 0 : chatScrollDiv.addEventListener('scroll', handleScrollToTheBottom);
-        chatScrollDiv === null || chatScrollDiv === void 0 ? void 0 : chatScrollDiv.addEventListener('scroll', handleInfiniteScroll);
+        chatScrollDiv === null || chatScrollDiv === void 0 ? void 0 : chatScrollDiv.addEventListener('scroll', fetchNewMessageWhenAtTop);
         return () => {
             chatScrollDiv === null || chatScrollDiv === void 0 ? void 0 : chatScrollDiv.removeEventListener('scroll', handleScrollToTheBottom);
-            chatScrollDiv === null || chatScrollDiv === void 0 ? void 0 : chatScrollDiv.removeEventListener('scroll', handleInfiniteScroll);
+            chatScrollDiv === null || chatScrollDiv === void 0 ? void 0 : chatScrollDiv.removeEventListener('scroll', fetchNewMessageWhenAtTop);
         };
-    }, [handleInfiniteScroll, handleScrollToTheBottom]);
+    }, [fetchNewMessageWhenAtTop, handleScrollToTheBottom]);
     /**
      * ClientHeight controls the number of messages to render. However ClientHeight will not be initialized after the
      * first render (not sure but I guess Fluent is updating it in hook which is after render maybe?) so we need to
@@ -17976,7 +17979,9 @@ const CallPage = (props) => {
     const strings = useLocale().strings.call;
     // Reduce the controls shown when mobile view is enabled.
     const callControlOptions = mobileView ? reduceCallControlsForMobile(options === null || options === void 0 ? void 0 : options.callControls) : options === null || options === void 0 ? void 0 : options.callControls;
-    return (React__default['default'].createElement(CallArrangement, { complianceBannerProps: Object.assign(Object.assign({}, complianceBannerProps), { strings }), errorBarProps: (options === null || options === void 0 ? void 0 : options.errorBar) !== false && Object.assign({}, errorBarProps), mutedNotificationProps: mutedNotificationProps, callControlProps: {
+    return (React__default['default'].createElement(CallArrangement, { complianceBannerProps: Object.assign(Object.assign({}, complianceBannerProps), { strings }), 
+        // Ignore errors from before current call. This avoids old errors from showing up when a user re-joins a call.
+        errorBarProps: (options === null || options === void 0 ? void 0 : options.errorBar) !== false && Object.assign(Object.assign({}, errorBarProps), { ignorePremountErrors: true }), mutedNotificationProps: mutedNotificationProps, callControlProps: {
             callInvitationURL: callInvitationURL,
             onFetchParticipantMenuItems: onFetchParticipantMenuItems,
             options: callControlOptions,
@@ -18914,7 +18919,9 @@ const LobbyPage = (props) => {
         ? reduceCallControlsForMobile((_b = props.options) === null || _b === void 0 ? void 0 : _b.callControls)
         : (_c = props.options) === null || _c === void 0 ? void 0 : _c.callControls;
     callControlOptions = disableCallControls(callControlOptions, ['screenShareButton', 'participantsButton']);
-    return (React__default['default'].createElement(CallArrangement, { complianceBannerProps: { strings }, errorBarProps: ((_d = props.options) === null || _d === void 0 ? void 0 : _d.errorBar) !== false && Object.assign({}, errorBarProps), callControlProps: {
+    return (React__default['default'].createElement(CallArrangement, { complianceBannerProps: { strings }, 
+        // Ignore errors from before current call. This avoids old errors from showing up when a user re-joins a call.
+        errorBarProps: ((_d = props.options) === null || _d === void 0 ? void 0 : _d.errorBar) !== false && Object.assign(Object.assign({}, errorBarProps), { ignorePremountErrors: true }), callControlProps: {
             options: callControlOptions,
             increaseFlyoutItemSize: props.mobileView
         }, mobileView: props.mobileView, 
@@ -19147,7 +19154,9 @@ const HoldPage = (props) => {
         /* @conditional-compile-remove(one-to-n-calling) */
         'holdButton'
     ]);
-    return (React__default['default'].createElement(CallArrangement, { complianceBannerProps: { strings }, errorBarProps: ((_c = props.options) === null || _c === void 0 ? void 0 : _c.errorBar) !== false && Object.assign({}, errorBarProps), callControlProps: {
+    return (React__default['default'].createElement(CallArrangement, { complianceBannerProps: { strings }, 
+        // Ignore errors from before current call. This avoids old errors from showing up when a user re-joins a call.
+        errorBarProps: ((_c = props.options) === null || _c === void 0 ? void 0 : _c.errorBar) !== false && Object.assign(Object.assign({}, errorBarProps), { ignorePremountErrors: true }), callControlProps: {
             options: callControlOptions,
             increaseFlyoutItemSize: props.mobileView
         }, mobileView: props.mobileView, 
@@ -19406,6 +19415,24 @@ class DiagnosticsForwarder {
     }
 }
 
+// Copyright (c) Microsoft Corporation.
+/**
+ * @private
+ *
+ * This is used to create correct handler for generic agent type
+ */
+const createHandlers = (callClient, callAgent, deviceManager, call) => {
+    // Call can be either undefined or ACS Call
+    if (_isACSCallAgent(callAgent) && (!call || (call && _isACSCall(call)))) {
+        return createDefaultCallingHandlers(callClient, callAgent, deviceManager, call);
+    }
+    /* @conditional-compile-remove(teams-identity-support) */
+    if (_isTeamsCallAgent(callAgent) && (!call || (call && _isTeamsCall(call)))) {
+        return createDefaultTeamsCallingHandlers(callClient, callAgent, deviceManager, call);
+    }
+    throw new Error('Unhandled agent type');
+};
+
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT license.
 var __awaiter$4 = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
@@ -19541,7 +19568,7 @@ class AzureCommunicationCallAdapter {
             }
             this.context.updateClientState(clientState);
         };
-        this.handlers = createDefaultCallingHandlers(callClient, callAgent, deviceManager, undefined);
+        this.handlers = createHandlers(callClient, callAgent, deviceManager, undefined);
         this.onClientStateChange = onStateChange;
         this.subscribeDeviceManagerEvents();
         this.callClient.onStateChange(onStateChange);
@@ -19659,6 +19686,16 @@ class AzureCommunicationCallAdapter {
         const isTeamsMeeting = 'meetingLink' in this.locator;
         /* @conditional-compile-remove(rooms) */
         const isRoomsCall = 'roomId' in this.locator;
+        /* @conditional-compile-remove(teams-identity-support) */
+        if (_isTeamsCallAgent(this.callAgent)) {
+            if (!isTeamsMeeting) {
+                throw new Error('Locator not supported by TeamsCallAgent');
+            }
+            return this.callAgent.join(this.locator, {
+                audioOptions,
+                videoOptions
+            });
+        }
         if (isTeamsMeeting) {
             return this.callAgent.join(this.locator, {
                 audioOptions,
@@ -19701,7 +19738,7 @@ class AzureCommunicationCallAdapter {
         return __awaiter$4(this, void 0, void 0, function* () {
             yield this.handlers.onHangUp(forEveryone);
             this.unsubscribeCallEvents();
-            this.handlers = createDefaultCallingHandlers(this.callClient, this.callAgent, this.deviceManager, undefined);
+            this.handlers = createHandlers(this.callClient, this.callAgent, this.deviceManager, undefined);
             // We set the adapter.call object to undefined immediately when a call is ended.
             // We do not set the context.callId to undefined because it is a part of the immutable data flow loop.
             this.call = undefined;
@@ -19815,14 +19852,14 @@ class AzureCommunicationCallAdapter {
             throw new Error('Unable to start call.');
         }
         this.processNewCall(call);
-        return this.call;
+        return call;
     }
     processNewCall(call) {
         this.call = call;
         this.context.setCurrentCallId(call.id);
         // Resync state after callId is set
         this.context.updateClientState(this.callClient.getState());
-        this.handlers = createDefaultCallingHandlers(this.callClient, this.callAgent, this.deviceManager, this.call);
+        this.handlers = createHandlers(this.callClient, this.callAgent, this.deviceManager, this.call);
         this.subscribeCallEvents();
     }
     removeParticipant(userId) {
@@ -19983,40 +20020,26 @@ const createAzureCommunicationCallAdapter = ({ userId, displayName, credential,
     /* @conditional-compile-remove(rooms) */ options);
     return adapter;
 });
+/* @conditional-compile-remove(teams-identity-support) */
 /**
- * A custom React hook to simplify the creation of {@link CallAdapter}.
- *
- * Similar to {@link createAzureCommunicationCallAdapter}, but takes care of asynchronous
- * creation of the adapter internally.
- *
- * 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.
- *
- * Note that you must memoize the arguments to avoid recreating adapter on each render.
- * See storybook for typical usage examples.
- *
- * @public
- */
-const useAzureCommunicationCallAdapter = (
-/**
- * Arguments to be passed to {@link createAzureCommunicationCallAdapter}.
- *
- * 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.
+ * @beta
  */
-afterCreate, 
+const createAzureCommunicationTeamsCallAdapter = ({ userId, credential, locator, 
+/* @conditional-compile-remove(PSTN-calls) */ alternateCallerId }) => __awaiter$4(void 0, void 0, void 0, function* () {
+    const callClient = createStatefulCallClient({
+        userId,
+        /* @conditional-compile-remove(PSTN-calls) */ alternateCallerId
+    });
+    const callAgent = yield callClient.createTeamsCallAgent(credential, {
+        undefined
+    });
+    const adapter = createAzureCommunicationTeamsCallAdapterFromClient(callClient, callAgent, locator);
+    return adapter;
+});
 /**
- * Optional callback called before the adapter is disposed.
- *
- * This is useful for clean up tasks, e.g., leaving any ongoing calls.
+ * @private
  */
-beforeDispose) => {
+const useAzureCommunicationCallAdapterGeneric = (args, createAzureCommunicationCallAdapter, afterCreate, beforeDispose) => {
     const { credential, displayName, locator, userId, 
     /*@conditional-compile-remove(PSTN-calls) */ alternateCallerId, 
     /*@conditional-compile-remove(rooms) */ options } = args;
@@ -20070,11 +20093,12 @@ beforeDispose) => {
         afterCreateRef,
         /* @conditional-compile-remove(PSTN-calls) */ alternateCallerId,
         beforeDisposeRef,
+        createAzureCommunicationCallAdapter,
         credential,
         displayName,
         locator,
-        userId,
-        /* @conditional-compile-remove(PSTN-calls) */ options
+        /* @conditional-compile-remove(rooms) */ options,
+        userId
     ]);
     // Dispose any existing adapter when the component unmounts.
     React.useEffect(() => {
@@ -20092,6 +20116,79 @@ beforeDispose) => {
     }, []);
     return adapter;
 };
+/**
+ * A custom React hook to simplify the creation of {@link CallAdapter}.
+ *
+ * Similar to {@link createAzureCommunicationCallAdapter}, but takes care of asynchronous
+ * creation of the adapter internally.
+ *
+ * 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.
+ *
+ * Note that you must memoize the arguments to avoid recreating adapter on each render.
+ * See storybook for typical usage examples.
+ *
+ * @public
+ */
+const useAzureCommunicationCallAdapter = (
+/**
+ * Arguments to be passed to {@link createAzureCommunicationCallAdapter}.
+ *
+ * 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) => {
+    return useAzureCommunicationCallAdapterGeneric(args, createAzureCommunicationCallAdapter, afterCreate, beforeDispose);
+};
+/* @conditional-compile-remove(teams-identity-support) */
+/**
+ * A custom React hook to simplify the creation of {@link TeamsCallAdapter}.
+ *
+ * Similar to {@link createTeamsAzureCommunicationCallAdapter}, but takes care of asynchronous
+ * creation of the adapter internally.
+ *
+ * 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.
+ *
+ * Note that you must memoize the arguments to avoid recreating adapter on each render.
+ * See storybook for typical usage examples.
+ *
+ * @beta
+ */
+const useAzureCommunicationTeamsCallAdapter = (
+/**
+ * Arguments to be passed to {@link createAzureCommunicationCallAdapter}.
+ *
+ * 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) => {
+    return useAzureCommunicationCallAdapterGeneric(args, createAzureCommunicationTeamsCallAdapter, afterCreate, beforeDispose);
+};
 /**
  * Create a {@link CallAdapter} using the provided {@link StatefulCallClient}.
  *
@@ -20107,6 +20204,21 @@ const createAzureCommunicationCallAdapterFromClient = (callClient, callAgent, lo
     return new AzureCommunicationCallAdapter(callClient, locator, callAgent, deviceManager, 
     /* @conditional-compile-remove(rooms) */ options);
 });
+/* @conditional-compile-remove(teams-identity-support) */
+/**
+ * Create a {@link TeamsCallAdapter} using the provided {@link StatefulCallClient}.
+ *
+ * Useful if you want to keep a reference to {@link StatefulCallClient}.
+ * Consider using {@link createAzureCommunicationCallAdapter} for a simpler API.
+ *
+ * @beta
+ */
+const createAzureCommunicationTeamsCallAdapterFromClient = (callClient, callAgent, locator) => __awaiter$4(void 0, void 0, void 0, function* () {
+    const deviceManager = (yield callClient.getDeviceManager());
+    /* @conditional-compile-remove(unsupported-browser) */
+    yield callClient.feature(communicationCalling.Features.DebugInfo).getEnvironmentInfo();
+    return new AzureCommunicationCallAdapter(callClient, locator, callAgent, deviceManager);
+});
 const isCallError = (e) => {
     return e['target'] !== undefined && e['innerError'] !== undefined;
 };
@@ -22118,6 +22230,8 @@ exports.createAzureCommunicationCallWithChatAdapter = createAzureCommunicationCa
 exports.createAzureCommunicationCallWithChatAdapterFromClients = createAzureCommunicationCallWithChatAdapterFromClients;
 exports.createAzureCommunicationChatAdapter = createAzureCommunicationChatAdapter;
 exports.createAzureCommunicationChatAdapterFromClient = createAzureCommunicationChatAdapterFromClient;
+exports.createAzureCommunicationTeamsCallAdapter = createAzureCommunicationTeamsCallAdapter;
+exports.createAzureCommunicationTeamsCallAdapterFromClient = createAzureCommunicationTeamsCallAdapterFromClient;
 exports.createDefaultCallingHandlers = createDefaultCallingHandlers;
 exports.createDefaultChatHandlers = createDefaultChatHandlers;
 exports.createDefaultTeamsCallingHandlers = createDefaultTeamsCallingHandlers;
@@ -22132,6 +22246,7 @@ exports.toFlatCommunicationIdentifier = toFlatCommunicationIdentifier;
 exports.useAzureCommunicationCallAdapter = useAzureCommunicationCallAdapter;
 exports.useAzureCommunicationCallWithChatAdapter = useAzureCommunicationCallWithChatAdapter;
 exports.useAzureCommunicationChatAdapter = useAzureCommunicationChatAdapter;
+exports.useAzureCommunicationTeamsCallAdapter = useAzureCommunicationTeamsCallAdapter;
 exports.useCall = useCall;
 exports.useCallAgent = useCallAgent;
 exports.useCallClient = useCallClient;