passbolt-styleguide
Version:
Passbolt styleguide contains common styling assets used by the different sites, plugin, etc.
94 lines (88 loc) • 3.93 kB
JavaScript
/**
* Passbolt ~ Open source password manager for teams
* Copyright (c) 2020 Passbolt SA (https://www.passbolt.com)
*
* Licensed under GNU Affero General Public License version 3 of the or any later version.
* For full copyright and license information, please see the LICENSE.txt
* Redistributions of files must retain the above copyright notice.
*
* @copyright Copyright (c) 2020 Passbolt SA (https://www.passbolt.com)
* @license https://opensource.org/licenses/AGPL-3.0 AGPL License
* @link https://www.passbolt.com Passbolt(tm)
* @since 3.0.0
*/
import React, { Component } from "react";
import PropTypes from "prop-types";
import LoadingSpinner from "../../Common/Loading/LoadingSpinner/LoadingSpinner";
import { ApiSetupContextState, withApiSetupContext } from "../../../contexts/ApiSetupContext";
import InstallExtension from "../../Authentication/InstallExtension/InstallExtension";
import DisplayBrowserNotSupported from "../../Authentication/DisplayBrowserNotSupported/DisplayBrowserNotSupported";
import DisplayRequireInvitationError from "../../Authentication/DisplayRequireInvitationError/DisplayRequireInvitationError";
import DisplayExpiredTokenError from "../../Authentication/DisplayExpiredTokenError/DisplayExpiredTokenError";
import DisplayAlreadyLoggedInError, {
DisplayAlreadyLoggedInErrorVariations,
} from "../../Authentication/DisplayAlreadyLoggedInError/DisplayAlreadyLoggedInError";
import DisplayUnexpectedError from "../../Authentication/DisplayUnexpectedError/DisplayUnexpectedError";
import InstallSafariExtension from "../../Authentication/InstallExtension/InstallSafariExtension";
import ApiConfigureSafariExtension from "../../Authentication/ConfigureExtension/ApiConfigureSafariExtension";
/**
* The component orchestrates the api setup authentication workflow.
*/
class OrchestrateApiSetup extends Component {
/**
* Whenever the component is initialized
*/
componentDidMount() {
this.initializeSetup();
}
/**
* Initialize the setup.
*/
initializeSetup() {
setTimeout(() => this.props.apiSetupContext.onInitializeSetupRequested(), 1000);
}
/**
* Render the component
* @returns {JSX}
*/
render() {
switch (this.props.apiSetupContext.state) {
case ApiSetupContextState.INSTALL_EXTENSION_STATE:
return <InstallExtension />;
case ApiSetupContextState.INSTALL_SAFARI_EXTENSION_STATE:
return (
<InstallSafariExtension
onExtensionDownloading={this.props.apiSetupContext.handleSafariExtensionDownloading}
onExtensionAlreadyInstalled={this.props.apiSetupContext.handleExtensionAlreadyInstalled}
/>
);
case ApiSetupContextState.CONFIGURE_SAFARI_EXTENSION_STATE:
return (
<ApiConfigureSafariExtension
onExtensionNotDownloaded={this.props.apiSetupContext.handleSafariExtensionNotDownloaded}
/>
);
case ApiSetupContextState.DOWNLOAD_SUPPORTED_BROWSER_STATE:
return <DisplayBrowserNotSupported />;
case ApiSetupContextState.TOKEN_EXPIRED_STATE:
return <DisplayExpiredTokenError />;
case ApiSetupContextState.ERROR_ALREADY_SIGNED_IN_STATE:
return (
<DisplayAlreadyLoggedInError
onLogoutButtonClick={this.props.apiSetupContext.logoutUserAndRefresh}
displayAs={DisplayAlreadyLoggedInErrorVariations.SETUP}
/>
);
case ApiSetupContextState.REQUEST_INVITATION_ERROR:
return <DisplayRequireInvitationError />;
case ApiSetupContextState.UNEXPECTED_ERROR_STATE:
return <DisplayUnexpectedError error={this.props.apiSetupContext.unexpectedError} />;
default:
return <LoadingSpinner />;
}
}
}
OrchestrateApiSetup.propTypes = {
apiSetupContext: PropTypes.object, // The api setup context
};
export default withApiSetupContext(OrchestrateApiSetup);