@azure/communication-react 1.4.2-alpha-202211230015.0 → 1.4.2-alpha-202211260013.0

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.4.2-alpha-202211260013.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
@@ -8040,6 +8043,93 @@ const getVideoTileOverrideColor = (isVideoRendered, theme, color) => {
     return { color: isVideoRendered ? react.DefaultPalette[color] : theme.palette[color] };
 };
 
+// Copyright (c) Microsoft Corporation.
+/**
+ * @private
+ */
+function useLongPress(props) {
+    const { onClick, onLongPress, touchEventsOnly = false } = props;
+    const timerRef = React.useRef();
+    const [isLongPress, setIsLongPress] = React.useState(false);
+    const [action, setAction] = React.useState(false);
+    React.useEffect(() => {
+        if (timerRef.current) {
+            clearTimeout(timerRef.current);
+        }
+        return () => {
+            if (timerRef.current) {
+                clearTimeout(timerRef.current);
+            }
+        };
+    }, [onClick, onLongPress, touchEventsOnly]);
+    const startPressTimer = React.useCallback(() => {
+        setIsLongPress(false);
+        timerRef.current = setTimeout(() => {
+            setIsLongPress(true);
+            onLongPress();
+        }, 500);
+    }, [onLongPress]);
+    const handleOnClick = React.useCallback(() => {
+        if (touchEventsOnly || !onClick) {
+            return;
+        }
+        if (!isLongPress) {
+            onClick();
+        }
+    }, [isLongPress, onClick, touchEventsOnly]);
+    const handleOnKeyDown = React.useCallback(() => {
+        if (touchEventsOnly) {
+            return;
+        }
+        if (action) {
+            setAction(false);
+            startPressTimer();
+        }
+    }, [action, startPressTimer, touchEventsOnly]);
+    const handleOnKeyUp = React.useCallback(() => {
+        if (touchEventsOnly) {
+            return;
+        }
+        setAction(true);
+        timerRef.current && clearTimeout(timerRef.current);
+    }, [touchEventsOnly]);
+    const handleOnMouseDown = React.useCallback(() => {
+        if (touchEventsOnly) {
+            return;
+        }
+        startPressTimer();
+    }, [startPressTimer, touchEventsOnly]);
+    const handleOnMouseUp = React.useCallback(() => {
+        if (touchEventsOnly) {
+            return;
+        }
+        timerRef.current && clearTimeout(timerRef.current);
+    }, [touchEventsOnly]);
+    const handleOnTouchStart = React.useCallback(() => {
+        startPressTimer();
+    }, [startPressTimer]);
+    const handleOnTouchEnd = React.useCallback(() => {
+        timerRef.current && clearTimeout(timerRef.current);
+    }, []);
+    return React.useMemo(() => ({
+        onClick: handleOnClick,
+        onMouseDown: handleOnMouseDown,
+        onMouseUp: handleOnMouseUp,
+        onTouchStart: handleOnTouchStart,
+        onTouchEnd: handleOnTouchEnd,
+        onKeyDown: handleOnKeyDown,
+        onKeyUp: handleOnKeyUp
+    }), [
+        handleOnClick,
+        handleOnKeyDown,
+        handleOnKeyUp,
+        handleOnMouseDown,
+        handleOnMouseUp,
+        handleOnTouchEnd,
+        handleOnTouchStart
+    ]);
+}
+
 // Copyright (c) Microsoft Corporation.
 // Coin max size is set to PersonaSize.size100
 const DEFAULT_PERSONA_MAX_SIZE_PX = 100;
@@ -8092,6 +8182,26 @@ const VideoTile = (props) => {
         const currentObserver = observer.current;
         return () => currentObserver.disconnect();
     }, [observer, videoTileRef]);
+    /* @conditional-compile-remove(pinned-participants) */
+    const useLongPressProps = React.useMemo(() => {
+        return {
+            onLongPress: () => {
+                var _a;
+                (_a = props.onLongTouch) === null || _a === void 0 ? void 0 : _a.call(props);
+            },
+            touchEventsOnly: true
+        };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [props.onLongTouch]);
+    /* @conditional-compile-remove(pinned-participants) */
+    const longPressHandlers = useLongPress(useLongPressProps);
+    const longPressHandlersTrampoline = React.useMemo(() => {
+        /* @conditional-compile-remove(pinned-participants) */
+        return longPressHandlers;
+    }, [
+        /* @conditional-compile-remove(pinned-participants) */
+        longPressHandlers
+    ]);
     const placeholderOptions = {
         userId,
         text: initialsName || displayName,
@@ -8106,7 +8216,7 @@ const VideoTile = (props) => {
     const canShowLabel = showLabel && (displayName || (showMuteIndicator && isMuted));
     const participantStateString = participantStateStringTrampoline(props, locale);
     return (React__default['default'].createElement(reactNorthstar.Ref, { innerRef: videoTileRef },
-        React__default['default'].createElement(react.Stack, { "data-ui-id": ids.videoTile, className: react.mergeStyles(rootStyles, {
+        React__default['default'].createElement(react.Stack, Object.assign({ "data-ui-id": ids.videoTile, className: react.mergeStyles(rootStyles, {
                 background: theme.palette.neutralLighter,
                 borderRadius: theme.effects.roundedCorner4
             }, isSpeaking && {
@@ -8119,7 +8229,7 @@ const VideoTile = (props) => {
                     width: '100%',
                     height: '100%'
                 }
-            }, styles === null || styles === void 0 ? void 0 : styles.root) },
+            }, styles === null || styles === void 0 ? void 0 : styles.root) }, longPressHandlersTrampoline),
             isVideoRendered ? (React__default['default'].createElement(react.Stack, { className: react.mergeStyles(videoContainerStyles, isMirrored && { transform: 'scaleX(-1)' }, styles === null || styles === void 0 ? void 0 : styles.videoContainer) }, renderElement)) : (React__default['default'].createElement(react.Stack, { className: react.mergeStyles(videoContainerStyles), style: { opacity: participantStateString ? 0.4 : 1 } }, onRenderPlaceholder ? (onRenderPlaceholder(userId !== null && userId !== void 0 ? userId : '', placeholderOptions, DefaultPlaceholder)) : (React__default['default'].createElement(DefaultPlaceholder, Object.assign({}, placeholderOptions))))),
             (canShowLabel || participantStateString) && (React__default['default'].createElement(react.Stack, { horizontal: true, className: tileInfoContainerStyle, tokens: tileInfoContainerTokens },
                 React__default['default'].createElement(react.Stack, { horizontal: true, className: tileInfoStyle },
@@ -11158,69 +11268,6 @@ const formatPhoneNumber = (phoneNumber) => {
     return `${countryCodeNA}(${phoneNumber.slice(0, 3)}) ${phoneNumber.slice(3, 6)}-${phoneNumber.slice(6, phoneNumber.length)}`;
 };
 
-// Copyright (c) Microsoft Corporation.
-/**
- * @private
- */
-function useLongPress(onClick, onLongPress, isMobile) {
-    const timerRef = React.useRef();
-    const [isLongPress, setIsLongPress] = React.useState(false);
-    const [action, setAction] = React.useState(false);
-    function startPressTimer() {
-        setIsLongPress(false);
-        timerRef.current = setTimeout(() => {
-            setIsLongPress(true);
-        }, 500);
-    }
-    function handleOnClick() {
-        // when it's mobile use ontouchstart and ontouchend to fire onclick and onlongpress event
-        if (isMobile) {
-            return;
-        }
-        onClick();
-        if (isLongPress) {
-            onLongPress();
-            return;
-        }
-    }
-    function handleOnKeyDown() {
-        if (action) {
-            setAction(false);
-            startPressTimer();
-        }
-    }
-    function handleOnKeyUp() {
-        setAction(true);
-        timerRef.current && clearTimeout(timerRef.current);
-    }
-    function handleOnMouseDown() {
-        startPressTimer();
-    }
-    function handleOnMouseUp() {
-        timerRef.current && clearTimeout(timerRef.current);
-    }
-    function handleOnTouchStart() {
-        startPressTimer();
-    }
-    function handleOnTouchEnd() {
-        if (isMobile) {
-            isLongPress ? onLongPress() : onClick();
-        }
-        timerRef.current && clearTimeout(timerRef.current);
-    }
-    return {
-        handlers: {
-            onClick: handleOnClick,
-            onMouseDown: handleOnMouseDown,
-            onMouseUp: handleOnMouseUp,
-            onTouchStart: handleOnTouchStart,
-            onTouchEnd: handleOnTouchEnd,
-            onKeyDown: handleOnKeyDown,
-            onKeyUp: handleOnKeyUp
-        }
-    };
-}
-
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT license.
 var __awaiter$j = (window && window.__awaiter) || function (thisArg, _arguments, P, generator) {
@@ -11264,14 +11311,17 @@ const DialpadButton = (props) => {
     var _a, _b, _c, _d;
     const theme = react.useTheme();
     const { digit, index, onClick, onLongPress, isMobile = false } = props;
-    const clickFunction = React.useCallback(() => __awaiter$j(void 0, void 0, void 0, function* () {
-        onClick(digit, index);
-    }), [digit, index, onClick]);
-    const longPressFunction = React.useCallback(() => __awaiter$j(void 0, void 0, void 0, function* () {
-        onLongPress(digit, index);
-    }), [digit, index, onLongPress]);
-    const { handlers } = useLongPress(clickFunction, longPressFunction, isMobile);
-    return (React__default['default'].createElement(react.DefaultButton, Object.assign({ "data-test-id": `dialpad-button-${props.index}`, styles: react.concatStyleSets(buttonStyles(), (_a = props.styles) === null || _a === void 0 ? void 0 : _a.button) }, handlers),
+    const useLongPressProps = React__default['default'].useMemo(() => ({
+        onClick: () => __awaiter$j(void 0, void 0, void 0, function* () {
+            onClick(digit, index);
+        }),
+        onLongPress: () => __awaiter$j(void 0, void 0, void 0, function* () {
+            onLongPress(digit, index);
+        }),
+        touchEventsOnly: isMobile
+    }), [digit, index, isMobile, onClick, onLongPress]);
+    const longPressHandlers = useLongPress(useLongPressProps);
+    return (React__default['default'].createElement(react.DefaultButton, Object.assign({ "data-test-id": `dialpad-button-${props.index}`, styles: react.concatStyleSets(buttonStyles(), (_a = props.styles) === null || _a === void 0 ? void 0 : _a.button) }, longPressHandlers),
         React__default['default'].createElement(react.Stack, null,
             React__default['default'].createElement(react.Text, { className: react.mergeStyles(digitStyles(theme), (_b = props.styles) === null || _b === void 0 ? void 0 : _b.digit) }, props.digit),
             React__default['default'].createElement(react.Text, { className: react.mergeStyles(letterStyles(theme), (_c = props.styles) === null || _c === void 0 ? void 0 : _c.letter) }, (_d = props.letter) !== null && _d !== void 0 ? _d : ' '))));
@@ -17976,7 +18026,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 +18966,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 +19201,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 +19462,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 +19615,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 +19733,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 +19785,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 +19899,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 +20067,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 +20140,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 +20163,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 +20251,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 +22277,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 +22293,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;