communication-react-19
Version:
React library for building modern communication user experiences utilizing Azure Communication Services (React 19 compatible fork)
54 lines • 2.89 kB
JavaScript
// Copyright (c) Microsoft Corporation.
// Licensed under the MIT License.
import { Stack } from '@fluentui/react';
/* @conditional-compile-remove(unsupported-browser) */
import { UnsupportedBrowser, UnsupportedBrowserVersion, UnsupportedOperatingSystem } from "../../../../../react-components/src";
import React from 'react';
/* @conditional-compile-remove(unsupported-browser) */
import { useLocale } from '../../localization';
/* @conditional-compile-remove(unsupported-browser) */
import { useAdapter } from '../adapter/CallAdapterProvider';
/**
*
* @internal
*/
export const UnsupportedBrowserPage = (props) => {
/* @conditional-compile-remove(unsupported-browser) */
const { onTroubleshootingClick, environmentInfo } = props;
/* @conditional-compile-remove(unsupported-browser) */
const adapter = useAdapter();
/* @conditional-compile-remove(unsupported-browser) */
const onContinueClick = () => {
adapter.allowUnsupportedBrowserVersion();
};
/* @conditional-compile-remove(unsupported-browser) */
const locale = useLocale();
/* @conditional-compile-remove(unsupported-browser) */
const unsupportedBrowserStrings = locale.component.strings.UnsupportedBrowser;
/* @conditional-compile-remove(unsupported-browser) */
const unsupportedBrowserVersionStrings = locale.component.strings.UnsupportedBrowserVersion;
/* @conditional-compile-remove(unsupported-browser) */
const unsupportedOperatingSystemStrings = locale.component.strings.UnsupportedOperatingSystem;
let pageElement = React.createElement(React.Fragment, null);
/* @conditional-compile-remove(unsupported-browser) */
if (!(environmentInfo === null || environmentInfo === void 0 ? void 0 : environmentInfo.isSupportedPlatform)) {
pageElement = (React.createElement(UnsupportedOperatingSystem, { onTroubleshootingClick: onTroubleshootingClick, strings: unsupportedOperatingSystemStrings }));
}
else if (!(environmentInfo === null || environmentInfo === void 0 ? void 0 : environmentInfo.isSupportedBrowser)) {
pageElement = (React.createElement(UnsupportedBrowser, { onTroubleshootingClick: onTroubleshootingClick, strings: unsupportedBrowserStrings }));
}
else if (!(environmentInfo === null || environmentInfo === void 0 ? void 0 : environmentInfo.isSupportedBrowserVersion)) {
pageElement = (React.createElement(UnsupportedBrowserVersion, { onTroubleshootingClick: onTroubleshootingClick, strings: unsupportedBrowserVersionStrings, onContinueAnywayClick: onContinueClick }));
}
else {
throw new Error('There was a problem with your environment info');
}
return React.createElement(Stack, { styles: containerStyles }, pageElement);
};
const containerStyles = {
root: {
margin: 'auto',
paddingTop: '3rem'
}
};
//# sourceMappingURL=UnsupportedBrowser.js.map