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

package/dist/communication-react.d.ts

@@ -44,6 +44,7 @@ import { DeviceAccess } from '@azure/communication-calling';
 import { DeviceManager } from '@azure/communication-calling';
 import { DominantSpeakersInfo } from '@azure/communication-calling';
 import { DtmfTone as DtmfTone_2 } from '@azure/communication-calling';
+import { EnvironmentInfo } from '@azure/communication-calling';
 import { GroupCallLocator } from '@azure/communication-calling';
 import { IButtonProps } from '@fluentui/react';
 import { IButtonStyles } from '@fluentui/react';
@@ -290,6 +291,10 @@ export declare type AzureCommunicationCallAdapterOptions = {
      * {@link CallComposite}. The true role of the user will be synced with ACS services when a Rooms call starts.
      */
     roleHint?: Role;
+    /**
+     * Optional feature flags to be enabled in the CallAdapter.
+     */
+    features?: CallAdapterOptionalFeatures;
 };
 
 /**
@@ -304,6 +309,7 @@ export declare type AzureCommunicationCallWithChatAdapterArgs = {
     credential: CommunicationTokenCredential;
     locator: CallAndChatLocator | TeamsMeetingLinkLocator;
     alternateCallerId?: string;
+    callAdapterOptions?: AzureCommunicationCallAdapterOptions;
 };
 
 /**
@@ -695,6 +701,14 @@ export declare type CallAdapterClientState = {
      * Azure communications Phone number to make PSTN calls with.
      */
     alternateCallerId?: string;
+    /**
+     * Environment information about system the adapter is made on
+     */
+    environmentInfo?: EnvironmentInfo;
+    /**
+     * Optional features that are to be enabled through the adapter.
+     */
+    features?: CallAdapterOptionalFeatures;
     /**
      * Use this to hint the role of the user when the role is not available before a Rooms call is started. This value
      * should be obtained using the Rooms API. This role will determine permissions in the configuration page of the
@@ -787,6 +801,18 @@ export declare interface CallAdapterDeviceManagement {
  */
 export declare type CallAdapterLocator = TeamsMeetingLinkLocator | GroupCallLocator | /* @conditional-compile-remove(rooms) */ RoomCallLocator | /* @conditional-compile-remove(teams-adhoc-call) */ /* @conditional-compile-remove(PSTN-calls) */ CallParticipantsLocator;
 
+/**
+ * options object to enable opt in features for the CallAdapter
+ *
+ * @beta
+ */
+export declare type CallAdapterOptionalFeatures = {
+    /**
+     * Feature flag for enabling the unsupported environment logic in the CallAdapter.
+     */
+    unsupportedEnvironment?: boolean;
+};
+
 /**
  * {@link CallAdapter} state.
  *
@@ -1056,6 +1082,10 @@ export declare interface CallClientState {
      * be used as the caller id in the PSTN call.
      */
     alternateCallerId?: string;
+    /**
+     * state to track the environment that the stateful client was made in is supported
+     */
+    environmentInfo?: EnvironmentInfo;
 }
 
 /**
@@ -2262,6 +2292,8 @@ export declare interface CallWithChatClientState {
     isTeamsCall: boolean;
     /** alternateCallerId for PSTN call */
     alternateCallerId?: string | undefined;
+    /** Environment information for system adapter is made on */
+    environmentInfo?: EnvironmentInfo;
 }
 
 /**
@@ -3999,9 +4031,7 @@ export declare const createAzureCommunicationCallAdapter: ({ userId, displayName
  *
  * @public
  */
-export declare const createAzureCommunicationCallAdapterFromClient: (callClient: StatefulCallClient, callAgent: CallAgent, locator: CallAdapterLocator, options?: {
-    roleHint?: Role;
-}) => Promise<CallAdapter>;
+export declare const createAzureCommunicationCallAdapterFromClient: (callClient: StatefulCallClient, callAgent: CallAgent, locator: CallAdapterLocator, options?: AzureCommunicationCallAdapterOptions) => Promise<CallAdapter>;
 
 /**
  * Create a CallWithChatAdapter backed by Azure Communication services
@@ -4009,7 +4039,7 @@ export declare const createAzureCommunicationCallAdapterFromClient: (callClient:
  *
  * @public
  */
-export declare const createAzureCommunicationCallWithChatAdapter: ({ userId, displayName, credential, endpoint, locator, alternateCallerId }: AzureCommunicationCallWithChatAdapterArgs) => Promise<CallWithChatAdapter>;
+export declare const createAzureCommunicationCallWithChatAdapter: ({ userId, displayName, credential, endpoint, locator, alternateCallerId, callAdapterOptions }: AzureCommunicationCallWithChatAdapterArgs) => Promise<CallWithChatAdapter>;
 
 /**
  * Create a {@link CallWithChatAdapter} using the provided {@link StatefulChatClient} and {@link StatefulCallClient}.

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-202211230015.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);
         }
@@ -10667,10 +10691,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 +11028,7 @@ function determineStates(previous, current) {
 /**
  * @private
  */
-const containerStyles$2 = (theme) => {
+const containerStyles$3 = (theme) => {
     return {
         maxWidth: '16rem',
         textAlign: 'center',
@@ -11298,7 +11322,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 +11431,9 @@ const linkTextStyles = {
 /**
  * @internal
  */
-const containerStyles$1 = {
+const containerStyles$2 = {
     root: {
-        padding: '2rem',
-        maxWidth: '25.374rem'
+        padding: '2rem'
     }
 };
 /**
@@ -11426,7 +11449,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 +15724,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 +17787,7 @@ const OVERLAY_CONTENT_ZINDEX = OVERLAY_BACKGROUND_ZINDEX + 1;
 /**
  * @private
  */
-const containerStyles = {
+const containerStyles$1 = {
     root: {
         height: '100%',
         width: '100%',
@@ -17816,7 +17843,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))))));
@@ -19141,9 +19168,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 +19249,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 +19323,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') {
@@ -19398,6 +19432,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 +19470,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 +19505,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 +19515,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;
@@ -20061,11 +20100,12 @@ 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);
 });
 const isCallError = (e) => {
     return e['target'] !== undefined && e['innerError'] !== undefined;
@@ -21259,7 +21299,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 +21821,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 +21880,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 +21917,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 +21937,8 @@ beforeDispose) => {
         displayName,
         endpoint,
         locator,
-        userId
+        userId,
+        /* @conditional-compile-remove(unsupported-browser) */ callAdapterOptions
     ]);
     // Dispose any existing adapter when the component unmounts.
     React.useEffect(() => {