@azure/communication-react 1.4.2-alpha-202211220015.0 → 1.4.2-alpha-202211240014.0

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

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var communicationCommon = require('@azure/communication-common');
 var reselect = require('reselect');
-var memoizeOne = require('memoize-one');
 var communicationCalling = require('@azure/communication-calling');
+var memoizeOne = require('memoize-one');
 var logger = require('@azure/logger');
 var EventEmitter = require('events');
 var produce = require('immer');
@@ -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-202211220015.0';
+var telemetryVersion = '1.4.2-alpha-202211240014.0';
 
 // Copyright (c) Microsoft Corporation.
 /**
@@ -1239,6 +1239,7 @@ class CallContext$2 {
             },
             callAgent: undefined,
             userId: userId,
+            /* @conditional-compile-remove(unsupported-browser) */ environmentInfo: undefined,
             /* @conditional-compile-remove(PSTN-calls) */ alternateCallerId: alternateCallerId,
             latestErrors: {}
         };
@@ -1348,6 +1349,12 @@ class CallContext$2 {
             }
         });
     }
+    /* @conditional-compile-remove(unsupported-browser) */
+    setEnvironmentInfo(envInfo) {
+        this.modifyState((draft) => {
+            draft.environmentInfo = envInfo;
+        });
+    }
     setCallIsScreenSharingOn(callId, isScreenSharingOn) {
         this.modifyState((draft) => {
             const call = draft.calls[this._callIdHistory.latestCallId(callId)];
@@ -3625,6 +3632,23 @@ class ProxyCallClient {
                     return this._deviceManager;
                 }), 'CallClient.getDeviceManager');
             }
+            case 'feature': {
+                /* @conditional-compile-remove(unsupported-browser) */
+                return this._context.withErrorTeedToState((...args) => {
+                    if (args[0] === communicationCalling.Features.DebugInfo) {
+                        const feature = target.feature(communicationCalling.Features.DebugInfo);
+                        /**
+                         * add to this object if we want to proxy anything else off the DebugInfo feature object.
+                         */
+                        return Object.assign(Object.assign({}, feature), { getEnvironmentInfo: () => __awaiter$p(this, void 0, void 0, function* () {
+                                const environmentInfo = yield feature.getEnvironmentInfo();
+                                this._context.setEnvironmentInfo(environmentInfo);
+                                return environmentInfo;
+                            }) });
+                    }
+                    return Reflect.get(target, prop);
+                }, 'CallClient.feature');
+            }
             default:
                 return Reflect.get(target, prop);
         }
@@ -4309,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.
@@ -4423,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',
@@ -7057,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);
                 }
@@ -7069,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
@@ -7112,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
@@ -10667,10 +10694,10 @@ const DrawerContentContainer = (props) => {
     const theme = react.useTheme();
     const backgroundColor = theme.palette.white;
     const borderRadius = theme.effects.roundedCorner4;
-    const rootStyles = react.mergeStyles(containerStyles$3(backgroundColor, borderRadius), (_a = props.styles) === null || _a === void 0 ? void 0 : _a.root);
+    const rootStyles = react.mergeStyles(containerStyles$4(backgroundColor, borderRadius), (_a = props.styles) === null || _a === void 0 ? void 0 : _a.root);
     return React__default['default'].createElement(react.Stack, { className: rootStyles }, props.children);
 };
-const containerStyles$3 = (backgroundColor, borderRadius) => (Object.assign({ background: backgroundColor, borderTopRightRadius: borderRadius, borderTopLeftRadius: borderRadius }, react.AnimationStyles.slideUpIn10));
+const containerStyles$4 = (backgroundColor, borderRadius) => (Object.assign({ background: backgroundColor, borderTopRightRadius: borderRadius, borderTopLeftRadius: borderRadius }, react.AnimationStyles.slideUpIn10));
 
 // Copyright (c) Microsoft Corporation.
 /**
@@ -11004,7 +11031,7 @@ function determineStates(previous, current) {
 /**
  * @private
  */
-const containerStyles$2 = (theme) => {
+const containerStyles$3 = (theme) => {
     return {
         maxWidth: '16rem',
         textAlign: 'center',
@@ -11298,7 +11325,7 @@ const DialpadContainer = (props) => {
         const modifiedInput = plainTextValue.substring(0, plainTextValue.length - 1);
         setText(modifiedInput);
     };
-    return (React__default['default'].createElement("div", { className: react.mergeStyles(containerStyles$2(theme), (_a = props.styles) === null || _a === void 0 ? void 0 : _a.root), "data-test-id": "dialpadContainer", "data-ui-id": "dialpadContainer" },
+    return (React__default['default'].createElement("div", { className: react.mergeStyles(containerStyles$3(theme), (_a = props.styles) === null || _a === void 0 ? void 0 : _a.root), "data-test-id": "dialpadContainer", "data-ui-id": "dialpadContainer" },
         React__default['default'].createElement(react.TextField, { styles: react.concatStyleSets(textFieldStyles(theme), (_b = props.styles) === null || _b === void 0 ? void 0 : _b.textField), value: textFieldValue ? textFieldValue : formatPhoneNumber(plainTextValue), 
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
             onChange: (e) => {
@@ -11407,10 +11434,9 @@ const linkTextStyles = {
 /**
  * @internal
  */
-const containerStyles$1 = {
+const containerStyles$2 = {
     root: {
-        padding: '2rem',
-        maxWidth: '25.374rem'
+        padding: '2rem'
     }
 };
 /**
@@ -11426,7 +11452,7 @@ const iconStyles$1 = {
 /* @conditional-compile-remove(unsupported-browser) */
 const UnsupportedBrowserContainer = (props) => {
     const { onTroubleshootingClick, strings } = props;
-    return (React__default['default'].createElement(react.Stack, { styles: containerStyles$1 },
+    return (React__default['default'].createElement(react.Stack, { styles: containerStyles$2 },
         React__default['default'].createElement(react.Icon, { styles: iconStyles$1, iconName: "UnsupportedBrowserWarning", "data-ui-id": "unsupportedBrowserIcon" }),
         React__default['default'].createElement(react.Text, { styles: mainTextStyles }, strings.primaryText),
         React__default['default'].createElement(react.Text, { styles: secondaryTextStyles }, strings.secondaryText),
@@ -15701,11 +15727,15 @@ const getCallEndReason = (call) => {
  *
  * @private
  */
-const getCallCompositePage = (call, previousCall) => {
-    // Must check for ongoing call *before* looking at any previous calls.
-    // If the composite completes one call and joins another, the previous calls
-    // will be populated, but not relevant for determining the page.
+const getCallCompositePage = (call, previousCall, environmentInfo, features) => {
+    /* @conditional-compile-remove(unsupported-browser) */
+    if ((features === null || features === void 0 ? void 0 : features.unsupportedEnvironment) && (environmentInfo === null || environmentInfo === void 0 ? void 0 : environmentInfo.isSupportedBrowser) === false) {
+        return 'unsupportedEnvironment';
+    }
     if (call) {
+        // Must check for ongoing call *before* looking at any previous calls.
+        // If the composite completes one call and joins another, the previous calls
+        // will be populated, but not relevant for determining the page.
         // `_isInLobbyOrConnecting` needs to be checked first because `_isInCall` also returns true when call is in lobby.
         if (_isInLobbyOrConnecting(call === null || call === void 0 ? void 0 : call.state)) {
             return 'lobby';
@@ -17760,7 +17790,7 @@ const OVERLAY_CONTENT_ZINDEX = OVERLAY_BACKGROUND_ZINDEX + 1;
 /**
  * @private
  */
-const containerStyles = {
+const containerStyles$1 = {
     root: {
         height: '100%',
         width: '100%',
@@ -17816,7 +17846,7 @@ const ExpandedLocalVideoTile = (props) => {
                 props.onCreateLocalStreamView(localVideoViewOptions$1).catch((err) => console.log('Can not render video', err));
         }
     }, [isVideoReady, videoStream, props, renderElement]);
-    return (React__default['default'].createElement(react.Stack, { horizontalAlign: "center", verticalAlign: "center", styles: containerStyles, grow: true },
+    return (React__default['default'].createElement(react.Stack, { horizontalAlign: "center", verticalAlign: "center", styles: containerStyles$1, grow: true },
         React__default['default'].createElement(VideoTile, { styles: videoTileStyles, renderElement: renderElement ? React__default['default'].createElement(StreamMedia, { videoStreamElement: renderElement }) : undefined, onRenderPlaceholder: onRenderEmptyPlaceholder }, props.overlayContent && (React__default['default'].createElement(React__default['default'].Fragment, null,
             React__default['default'].createElement(react.Stack, { className: react.mergeStyles(overlayBackgroundStyles(palette, isVideoReady)) }),
             React__default['default'].createElement(react.Stack, { horizontalAlign: "center", verticalAlign: "center", className: react.mergeStyles(overlayContentStyles) }, props.overlayContent))))));
@@ -17949,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,
@@ -18887,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, 
@@ -19120,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, 
@@ -19141,9 +19177,16 @@ const UnsupportedBrowserPage = (props) => {
     /* @conditional-compile-remove(unsupported-browser) */
     const unsupportedBrowserStrings = locale.component.strings.UnsupportedBrowser;
     /* @conditional-compile-remove(unsupported-browser) */
-    return (React__default['default'].createElement(react.Stack, { styles: { root: { margin: 'auto', paddingTop: '3rem' } } },
+    return (React__default['default'].createElement(react.Stack, { styles: containerStyles },
         React__default['default'].createElement(UnsupportedBrowser, { onTroubleshootingClick: onTroubleshootingClick, strings: unsupportedBrowserStrings })));
 };
+/* @conditional-compile-remove(unsupported-browser) */
+const containerStyles = {
+    root: {
+        margin: 'auto',
+        paddingTop: '3rem'
+    }
+};
 
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT license.
@@ -19215,10 +19258,14 @@ const MainScreen = (props) => {
             pageElement = (React__default['default'].createElement(React__default['default'].Fragment, null, 
             /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */ React__default['default'].createElement(HoldPage, { mobileView: props.mobileView, modalLayerHostId: props.modalLayerHostId, options: props.options })));
             break;
-        case unsupportedEnvironmentPageTrampoline():
+    }
+    /* @conditional-compile-remove(unsupported-browser) */
+    switch (page) {
+        case 'unsupportedEnvironment':
             pageElement = (React__default['default'].createElement(React__default['default'].Fragment, null, 
             /* @conditional-compile-remove(unsupported-browser) */
             React__default['default'].createElement(UnsupportedBrowserPage, { onTroubleshootingClick: (_e = props.options) === null || _e === void 0 ? void 0 : _e.onEnvironmentInfoTroubleshootingClick })));
+            break;
     }
     if (!pageElement) {
         throw new Error('Invalid call composite page');
@@ -19285,10 +19332,6 @@ const holdPageTrampoline = () => {
     /* @conditional-compile-remove(PSTN-calls) */
     return 'hold';
 };
-const unsupportedEnvironmentPageTrampoline = () => {
-    /* @conditional-compile-remove(unsupported-browser) */
-    return 'unsupportedEnvironment';
-};
 const getQueryOptions = (options) => {
     /* @conditional-compile-remove(rooms) */
     if (options.role === 'Consumer') {
@@ -19372,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) {
@@ -19398,6 +19459,8 @@ class CallContext {
             latestErrors: clientState.latestErrors,
             isTeamsCall,
             /* @conditional-compile-remove(PSTN-calls) */ alternateCallerId: clientState.alternateCallerId,
+            /* @conditional-compile-remove(unsupported-browser) */ environmentInfo: clientState.environmentInfo,
+            /* @conditional-compile-remove(unsupported-browser) */ features: options === null || options === void 0 ? void 0 : options.features,
             /* @conditional-compile-remove(rooms) */ roleHint: options === null || options === void 0 ? void 0 : options.roleHint
         };
         this.emitter.setMaxListeners((_b = options === null || options === void 0 ? void 0 : options.maxListeners) !== null && _b !== void 0 ? _b : 50);
@@ -19434,7 +19497,11 @@ class CallContext {
         const latestEndedCall = findLatestEndedCall(clientState.callsEnded);
         // As the state is transitioning to a new state, trigger appropriate callback events.
         const oldPage = this.state.page;
-        const newPage = getCallCompositePage(call, latestEndedCall);
+        /* @conditional-compile-remove(unsupported-browser) */
+        const environmentInfo = this.state.environmentInfo;
+        const newPage = getCallCompositePage(call, latestEndedCall, 
+        /* @conditional-compile-remove(unsupported-browser) */ environmentInfo, 
+        /* @conditional-compile-remove(unsupported-browser) */ this.state.features);
         if (!IsCallEndedPage(oldPage) && IsCallEndedPage(newPage)) {
             this.emitter.emit('callEnded', { callId: this.callId });
             // Reset the callId to undefined as the call has ended.
@@ -19465,8 +19532,7 @@ const findLatestEndedCall = (calls) => {
  * @private
  */
 class AzureCommunicationCallAdapter {
-    constructor(callClient, locator, callAgent, deviceManager, 
-    /* @conditional-compile-remove(rooms) */ options) {
+    constructor(callClient, locator, callAgent, deviceManager, options) {
         this.participantSubscribers = new Map();
         this.emitter = new EventEmitter.EventEmitter();
         this.isMyMutedChanged = () => {
@@ -19476,14 +19542,14 @@ class AzureCommunicationCallAdapter {
                 isMuted: (_a = this.call) === null || _a === void 0 ? void 0 : _a.isMuted
             });
         };
+        console.log(options);
         this.bindPublicMethods();
         this.callClient = callClient;
         this.callAgent = callAgent;
         this.locator = locator;
         this.deviceManager = deviceManager;
         const isTeamsMeeting = 'meetingLink' in this.locator;
-        this.context = new CallContext(callClient.getState(), isTeamsMeeting, 
-        /* @conditional-compile-remove(rooms) */ options);
+        this.context = new CallContext(callClient.getState(), isTeamsMeeting, options);
         this.context.onCallEnded((endCallData) => this.emitter.emit('callEnded', endCallData));
         const onStateChange = (clientState) => {
             var _a;
@@ -19502,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);
@@ -19620,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,
@@ -19662,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;
@@ -19776,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) {
@@ -19944,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;
@@ -20031,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(() => {
@@ -20053,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}.
  *
@@ -20061,11 +20197,27 @@ beforeDispose) => {
  *
  * @public
  */
-const createAzureCommunicationCallAdapterFromClient = (callClient, callAgent, locator, 
-/* @conditional-compile-remove(rooms) */ options) => __awaiter$4(void 0, void 0, void 0, function* () {
+const createAzureCommunicationCallAdapterFromClient = (callClient, callAgent, locator, options) => __awaiter$4(void 0, void 0, void 0, function* () {
     const deviceManager = (yield callClient.getDeviceManager());
-    /* @conditional-compile-remove(rooms) */
-    return new AzureCommunicationCallAdapter(callClient, locator, callAgent, deviceManager, options);
+    /* @conditional-compile-remove(unsupported-browser) */
+    yield callClient.feature(communicationCalling.Features.DebugInfo).getEnvironmentInfo();
+    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;
@@ -21259,7 +21411,9 @@ function callWithChatAdapterStateFromBackingStates(callAdapter, chatAdapter) {
         /* @conditional-compile-remove(file-sharing) */
         fileUploads: chatAdapterState.fileUploads,
         /* @conditional-compile-remove(PSTN-calls) */
-        alternateCallerId: callAdapterState.alternateCallerId
+        alternateCallerId: callAdapterState.alternateCallerId,
+        /* @conditional-compile-remove(unsupported-browser) */
+        environmentInfo: callAdapterState.environmentInfo
     };
 }
 /**
@@ -21779,14 +21933,16 @@ class AzureCommunicationCallWithChatAdapter {
  * @public
  */
 const createAzureCommunicationCallWithChatAdapter = ({ userId, displayName, credential, endpoint, locator, 
-/* @conditional-compile-remove(PSTN-calls) */ alternateCallerId }) => __awaiter(void 0, void 0, void 0, function* () {
+/* @conditional-compile-remove(PSTN-calls) */ alternateCallerId, 
+/* @conditional-compile-remove(unsupported-browser) */ callAdapterOptions }) => __awaiter(void 0, void 0, void 0, function* () {
     const callAdapterLocator = isTeamsMeetingLinkLocator(locator) ? locator : locator.callLocator;
     const createCallAdapterPromise = createAzureCommunicationCallAdapter({
         userId,
         displayName,
         credential,
         locator: callAdapterLocator,
-        /* @conditional-compile-remove(PSTN-calls) */ alternateCallerId
+        /* @conditional-compile-remove(PSTN-calls) */ alternateCallerId,
+        /* @conditional-compile-remove(unsupported-browser) */ options: callAdapterOptions
     });
     const threadId = isTeamsMeetingLinkLocator(locator)
         ? getChatThreadFromTeamsLink(locator.meetingLink)
@@ -21836,7 +21992,8 @@ afterCreate,
  */
 beforeDispose) => {
     const { credential, displayName, endpoint, locator, userId, 
-    /* @conditional-compile-remove(PSTN-calls) */ alternateCallerId } = args;
+    /* @conditional-compile-remove(PSTN-calls) */ alternateCallerId, 
+    /* @conditional-compile-remove(unsupported-browser) */ callAdapterOptions } = args;
     // State update needed to rerender the parent component when a new adapter is created.
     const [adapter, setAdapter] = React.useState(undefined);
     // Ref needed for cleanup to access the old adapter created asynchronously.
@@ -21872,7 +22029,8 @@ beforeDispose) => {
                 endpoint,
                 locator,
                 userId,
-                /* @conditional-compile-remove(PSTN-calls) */ alternateCallerId
+                /* @conditional-compile-remove(PSTN-calls) */ alternateCallerId,
+                /* @conditional-compile-remove(unsupported-browser) */ callAdapterOptions
             });
             if (afterCreateRef.current) {
                 newAdapter = yield afterCreateRef.current(newAdapter);
@@ -21891,7 +22049,8 @@ beforeDispose) => {
         displayName,
         endpoint,
         locator,
-        userId
+        userId,
+        /* @conditional-compile-remove(unsupported-browser) */ callAdapterOptions
     ]);
     // Dispose any existing adapter when the component unmounts.
     React.useEffect(() => {
@@ -22071,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;
@@ -22085,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;