passbolt-styleguide 3.5.3 → 3.6.0-beta1

package/src/react-extension/components/AccountRecovery/HandleAccountRecoveryStatusCheck/HandleAccountRecoveryStatusCheck.js

@@ -0,0 +1,80 @@
+/**
+ * Passbolt ~ Open source password manager for teams
+ * Copyright (c) 2022 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) 2022 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.6.0
+ */
+
+import React from 'react';
+import {withRouter} from 'react-router-dom';
+import {withAppContext} from "../../../contexts/AppContext";
+import {withDialog} from "../../../contexts/DialogContext";
+import {withAccountRecovery} from "../../../contexts/AccountRecoveryUserContext";
+import PropTypes from "prop-types";
+import {AccountRecoveryUserContextProvider} from "../../../contexts/AccountRecoveryUserContext";
+import AccountRecoveryInviteUserSettingPreferenceDialog from '../AccountRecoveryInviteUserSettingPreferenceDialog/AccountRecoveryInviteUserSettingPreferenceDialog';
+
+/**
+ * This component listens any event related to passphrase entry dialog actions to perform
+ */
+class HandleAccountRecoveryStatusCheck extends React.Component {
+  /**
+   * Whenever the component is mounted
+   */
+  async componentDidMount() {
+    await this.props.accountRecoveryContext.findAccountRecoveryPolicy();
+    if (!this.isOrganizationPolicyRequiresAUserChoice()) {
+      return;
+    }
+
+    const isResponsePostpone = await this.props.context.port.request("passbolt.account-recovery.has-user-postponed-user-setting-invitation");
+
+    if (isResponsePostpone) {
+      return;
+    }
+
+    const isUserAccountRecoverySubscriptionStatusPending = this.props.accountRecoveryContext.getUserAccountRecoverySubscriptionStatus() === AccountRecoveryUserContextProvider.STATUS_PENDING;
+    if (!isUserAccountRecoverySubscriptionStatusPending) {
+      return;
+    }
+
+    const pathname = this.props.location.pathname;
+    if (pathname.startsWith("/app/settings/account-recovery")) {
+      return;
+    }
+
+    this.props.dialogContext.open(AccountRecoveryInviteUserSettingPreferenceDialog, {
+      policy: this.props.accountRecoveryContext.getPolicy()
+    });
+  }
+
+  isOrganizationPolicyRequiresAUserChoice() {
+    const policy = this.props.accountRecoveryContext.getPolicy();
+    return policy === AccountRecoveryUserContextProvider.POLICY_MANDATORY
+      || policy === AccountRecoveryUserContextProvider.POLICY_OPT_OUT;
+  }
+
+  /**
+   * Renders the component
+   * @returns {JSX.Element}
+   */
+  render() {
+    return null;
+  }
+}
+
+HandleAccountRecoveryStatusCheck.propTypes = {
+  dialogContext: PropTypes.any, // the dialog context
+  accountRecoveryContext: PropTypes.object, // The account recovery context
+  context: PropTypes.object, // the application context
+  location: PropTypes.object, // the current page location
+};
+
+export default withRouter(withAppContext(withAccountRecovery(withDialog(HandleAccountRecoveryStatusCheck))));

package/src/react-extension/components/AccountRecovery/HandleAccountRecoveryStatusCheck/HandleAccountRecoveryStatusCheck.test.data.js

@@ -0,0 +1,60 @@
+/**
+ * Passbolt ~ Open source password manager for teams
+ * Copyright (c) 2022 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) 2022 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.6.0
+ */
+import {defaultAppContext} from "../../../contexts/ExtAppContext.test.data";
+
+/**
+ * Default props
+ * @returns {{dialogContext: {open: jest.Mock}, context: {onCheckIsAuthenticatedRequested: jest.Mock}}}
+ */
+export function defaultProps(data = {}) {
+  const context = defaultAppContext();
+  context.loggedInUser = {};
+
+  const defaultData = {
+    dialogContext: {
+      open: jest.fn()
+    },
+    context: context
+  };
+  return Object.assign(defaultData, data);
+}
+
+export function defaultAccountRecoveryUserService(organizationAccountRecoveryPolicy) {
+  return {
+    getOrganizationAccountRecoverySettings: jest.fn(() => organizationAccountRecoveryPolicy)
+  };
+}
+
+export function getOrganizationAccountRecoveryPolicy(data = {}) {
+  const defaultData = {
+    policy: "opt-in",
+    account_recovery_organization_public_key: {
+      armored_key: "-----BEGIN PGP PUBLIC KEY BLOCK-----\r\n\r\nmQINBFXHTB8BEADAaRMUn++WVatrw3kQK7\/6S6DvBauIYcBateuFjczhwEKXUD6T\r\nhLm7nOv5\/TKzCpnB5WkP+UZyfT\/+jCC2x4+pSgog46jIOuigWBL6Y9F6KkedApFK\r\nxnF6cydxsKxNf\/V70Nwagh9ZD4W5ujy+RCB6wYVARDKOlYJnHKWqco7anGhWYj8K\r\nKaDT+7yM7LGy+tCZ96HCw4AvcTb2nXF197Btu2RDWZ\/0MhO+DFuLMITXbhxgQC\/e\r\naA1CS6BNS7F91pty7s2hPQgYg3HUaDogTiIyth8R5Inn9DxlMs6WDXGc6IElSfhC\r\nnfcICao22AlM6X3vTxzdBJ0hm0RV3iU1df0J9GoM7Y7y8OieOJeTI22yFkZpCM8i\r\ntL+cMjWyiID06dINTRAvN2cHhaLQTfyD1S60GXTrpTMkJzJHlvjMk0wapNdDM1q3\r\njKZC+9HAFvyVf0UsU156JWtQBfkE1lqAYxFvMR\/ne+kI8+6ueIJNcAtScqh0LpA5\r\nuvPjiIjvlZygqPwQ\/LUMgxS0P7sPNzaKiWc9OpUNl4\/P3XTboMQ6wwrZ3wOmSYuh\r\nFN8ez51U8UpHPSsI8tcHWx66WsiiAWdAFctpeR\/ZuQcXMvgEad57pz\/jNN2JHycA\r\n+awesPIJieX5QmG44sfxkOvHqkB3l193yzxu\/awYRnWinH71ySW4GJepPQARAQAB\r\ntB9BZGEgTG92ZWxhY2UgPGFkYUBwYXNzYm9sdC5jb20+iQJOBBMBCgA4AhsDBQsJ\r\nCAcDBRUKCQgLBRYCAwEAAh4BAheAFiEEA\/YOlY9MspcjrN92E1O1sV2bBU8FAl0b\r\nmi8ACgkQE1O1sV2bBU+Okw\/\/b\/PRVTz0\/hgdagcVNYPn\/lclDFuwwqanyvYu6y6M\r\nAiLVn6CUtxfU7GH2aSwZSr7D\/46TSlBHvxVvNlYROMx7odbLgq47OJxfUDG5OPi7\r\nLZgsuE8zijCPURZTZu20m+ratsieV0ziri+xJV09xJrjdkXHdX2PrkU0YeJxhE50\r\nJuMR1rf7EHfCp45nWbXoM4H+LnadGC1zSHa1WhSJkeaYw9jp1gh93BKD8+kmUrm6\r\ncKEjxN54YpgjFwSdA60b+BZgXbMgA37gNQCnZYjk7toaQClUbqLMaQxHPIjETB+Z\r\njJNKOYn740N2LTRtCi3ioraQNgXQEU7tWsXGS0tuMMN7w4ya1I6sYV3fCtfiyXFw\r\nfuYnjjGzn5hXtTjiOLJ+2kdy5OmNZc9wpf6IpKv7\/F2RUwLsBUfH4ondNNXscdkB\r\n6Zoj1Hxt16TpkHnYrKsSWtoOs90JnlwYbHnki6R\/gekYRSRSpD\/ybScQDRASQ0aO\r\nhbi71WuyFbLZF92P1mEK5GInJeiFjKaifvJ8F+oagI9hiYcHgX6ghktaPrANa2De\r\nOjmesQ0WjIHirzFKx3avYIkOFwKp8v6KTzynAEQ8XUqZmqEhNjEgVKHH0g3sC+EC\r\nZ\/HGLHsRRIN1siYnJGahrrkNs7lFI5LTqByHh52bismY3ADLemxH6Voq+DokvQn4\r\nHxS5Ag0EVcdMHwEQAMFWZvlswoC+dEFISBhJLz0XpTR5M84MCn19s\/ILjp6dGPbC\r\nvlGcT5Ol\/wL43T3hML8bzq18MRGgkzhwsBkUXO+E7jVePjuGFvRwS5W+QYwCuAmw\r\nDijDdMhrev1mrdVK61v\/2U9kt5faETW8ZIYIvAWLaw\/lMHbVmKOa35ZCIJWcNsrv\r\noro2kGUklM6Nq1JQyU+puGPHuvm+1ywZzpAH5q55pMgfO+9JjMU3XFs+eqv6LVyA\r\n\/Y6T7ZK1H8inbUPm\/26sSvmYsT\/4xNVosC\/ha9lFEAasz\/rbVg7thffje4LWOXJB\r\no40iBTlHsNbCGs5BfNC0wl719JDA4V8mwhGInNtETCrGwg3mBlDrk5jYrDq5IMVk\r\nyX4Z6T8Fd2fLHmUr2kFc4vC96tGQGhNrbAa\/EeaAkWMeFyp\/YOW0Z3X2tz5A+lm+\r\nqevJZ3HcQd+7ca6mPTrYSVVXhclwSkyCLlhRJwEwSxrn+a2ZToYNotLs1uEy6tOL\r\nbIyhFBQNsR6mTa2ttkd\/89wJ+r9s7XYDOyibTQyUGgOXu\/0l1K0jTREKlC91wKkm\r\ndw\/lJkjZCIMc\/KTHiB1e7f5NdFtxwErToEZOLVumop0FjRqzHoXZIR9OCSMUzUmM\r\nspGHalE71GfwB9DkAlgvoJPohyiipJ\/Paw3pOytZnb\/7A\/PoRSjELgDNPJhxABEB\r\nAAGJAjYEGAEKACACGwwWIQQD9g6Vj0yylyOs33YTU7WxXZsFTwUCXRuaPgAKCRAT\r\nU7WxXZsFTxX0EADAN9lreHgEvsl4JK89JqwBLjvGeXGTNmHsfczCTLAutVde+Lf0\r\nqACAhKhG0J8Omru2jVkUqPhkRcaTfaPKopT2KU8GfjKuuAlJ+BzH7oUq\/wy70t2h\r\nsglAYByv4y0emwnGyFC8VNw2Fe+Wil2y5d8DI8XHGp0bAXehjT2S7\/v1lEypeiiE\r\nNbhAnGG94Zywwwim0RltyNKXOgGeT4mroYxAL0zeTaX99Lch+DqyaeDq94g4sfhA\r\nVvGT2KJDT85vR3oNbB0U5wlbKPa+bUl8CokEDjqrDmdZOOs\/UO2mc45V3X5RNRtp\r\nNZMBGPJsxOKQExEOZncOVsY7ZqLrecuR8UJBQnhPd1aoz3HCJppaPI02uINWyQLs\r\nCogTf+nQWnLyN9qLrToriahNcZlDfuJCRVKTQ1gw1lkSN3IZRSkBuRYRe05US+C6\r\n8JMKHP+1XMKMgQM2XR7r4noMJKLaVUzfLXuPIWH2xNdgYXcIOSRjiANkIv4O7lWM\r\nxX9vD6LklijrepMl55Omu0bhF5rRn2VAubfxKhJs0eQn69+NWaVUrNMQ078nF+8G\r\nKT6vH32q9i9fpV38XYlwM9qEa0il5wfrSwPuDd5vmGgk9AOlSEzY2vE1kvp7lEt1\r\nTdb3ZfAajPMO3Iov5dwvm0zhJDQHFo7SFi5jH0Pgk4bAd9HBmB8sioxL4Q==\r\n=Kwft\r\n-----END PGP PUBLIC KEY BLOCK-----"
+    },
+    creator: {
+      username: "ada@passbolt.com",
+      profile: {
+        first_name: "ada",
+        last_name: "lovelace"
+      },
+      gpgkey: {
+        user_id: "fa69d48f-1a3d-4f9f-b7a0-709dce039e96",
+        armored_key: "faked armored key",
+        fingerprint: "848E95CC7493129AD862583129B81CA8936023DD"
+      }
+    },
+    modified: "2022-01-13T13:19:04.661Z"
+  };
+  return Object.assign(defaultData, data);
+}

package/src/react-extension/components/AccountRecovery/HandleAccountRecoveryStatusCheck/HandleAccountRecoveryStatusCheck.test.js

@@ -0,0 +1,110 @@
+/**
+ * Passbolt ~ Open source password manager for teams
+ * Copyright (c) 2022 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) 2022 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.6.0
+ */
+
+/**
+ * Unit tests on SessionExpired in regard of specifications
+ */
+import {waitFor} from "@testing-library/dom";
+import {defaultProps, defaultAccountRecoveryUserService, getOrganizationAccountRecoveryPolicy} from "./HandleAccountRecoveryStatusCheck.test.data";
+import HandleAccountRecoveryStatusCheckPage from "./HandleAccountRecoveryStatusCheck.test.page";
+import AccountRecoveryInviteUserSettingPreferenceDialog from "../AccountRecoveryInviteUserSettingPreferenceDialog/AccountRecoveryInviteUserSettingPreferenceDialog";
+
+beforeEach(() => {
+  jest.resetModules();
+});
+
+afterEach(() => {
+  jest.clearAllMocks();
+});
+
+describe("As a logged in user, I have to approve or reject the new account recovery policy", () => {
+  const props = defaultProps(); // The props to pass
+
+  /**
+   * Given that I am a registered user
+   * And  the Account recovery is enabled for my organisation
+   * And  the Account recovery policy is “Opt-out” or “Mandatory”
+   * And  I have a pending account recovery organisation policy
+   * And  I am asked to join the account recovery program
+   * When	I click on the “Continue” choice
+   * Then I'm redirected to my account recovery user settings
+   * And  I am prompted to join the account recovery program
+   */
+  it('As a logged in user who has a pending organization account recovery policy, I can see a dialog prompting me to join the account recovery program if the policy is “opt-out” after logging in.', async() => {
+    const organizationPolicy = getOrganizationAccountRecoveryPolicy({policy: "opt-out"});
+    const mockedAccountRecoveryUserService = defaultAccountRecoveryUserService(organizationPolicy);
+
+    // The user didn't postponed the account recovery program enrollment
+    props.context.port.request = jest.fn(() => false);
+
+    expect.assertions(3);
+    props.dialogContext.open.mockImplementation((component, data) => {
+      expect(component).toBe(AccountRecoveryInviteUserSettingPreferenceDialog);
+      expect(data).toStrictEqual({policy: "opt-out"});
+      expect(props.context.port.request).toHaveBeenCalledTimes(1);
+    });
+
+    new HandleAccountRecoveryStatusCheckPage(props, mockedAccountRecoveryUserService);
+  });
+
+  /**
+   * Given that I already postponed am a registered user
+   * And  the Account recovery is enabled for my organisation
+   * And  the Account recovery policy is “Opt-out” or “Mandatory”
+   * And  I have a pending account recovery organisation policy
+   * And  I am asked to join the account recovery program
+   * When	I click on the “Continue” choice
+   * Then I'm redirected to my account recovery user settings
+   * And  I am prompted to join the account recovery program
+   */
+  it('As a logged in user who has a pending organization account recovery policy, I can see a dialog prompting me to join the account recovery program if the policy is “mandatory” after logging in.', async() => {
+    const organizationPolicy = getOrganizationAccountRecoveryPolicy({policy: "mandatory"});
+    const mockedAccountRecoveryUserService = defaultAccountRecoveryUserService(organizationPolicy);
+
+    // The user didn't postponed the account recovery program enrollment
+    props.context.port.request = jest.fn(() => false);
+
+    expect.assertions(3);
+    props.dialogContext.open.mockImplementation((component, data) => {
+      expect(component).toBe(AccountRecoveryInviteUserSettingPreferenceDialog);
+      expect(data).toStrictEqual({policy: "mandatory"});
+      expect(props.context.port.request).toHaveBeenCalledTimes(1);
+    });
+
+    new HandleAccountRecoveryStatusCheckPage(props, mockedAccountRecoveryUserService);
+  });
+
+  /**
+   * Given that I already postponed am a registered user
+   * And  the Account recovery is enabled for my organisation
+   * And  the Account recovery policy is “Opt-out” or “Mandatory”
+   * And  I have a pending account recovery organisation policy
+   * And  I have postponed my enrollement for the account recovery program
+   * Then I'm not prompted to join the account recovery program
+   */
+  it("As a logged in user who has postponed my account recovery enrollement, I'm not aksed again to enroll.", async() => {
+    const organizationPolicy = getOrganizationAccountRecoveryPolicy({policy: "mandatory"});
+    const mockedAccountRecoveryUserService = defaultAccountRecoveryUserService(organizationPolicy);
+
+    // The user postponed the account recovery program enrollment
+    props.context.port.request = jest.fn(() => true);
+
+    expect.assertions(2);
+
+    new HandleAccountRecoveryStatusCheckPage(props, mockedAccountRecoveryUserService);
+    await waitFor(() => {});
+    expect(mockedAccountRecoveryUserService.getOrganizationAccountRecoverySettings).toHaveBeenCalledTimes(1);
+    expect(props.dialogContext.open).not.toHaveBeenCalled();
+  });
+});

package/src/react-extension/components/AccountRecovery/HandleAccountRecoveryStatusCheck/HandleAccountRecoveryStatusCheck.test.page.js

@@ -0,0 +1,40 @@
+/**
+ * Passbolt ~ Open source password manager for teams
+ * Copyright (c) 2022 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) 2022 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.6.0
+ */
+import {render} from "@testing-library/react";
+import React from "react";
+import {BrowserRouter as Router} from "react-router-dom";
+import AccountRecoveryUserContextProvider from "../../../contexts/AccountRecoveryUserContext";
+import MockTranslationProvider from "../../../test/mock/components/Internationalisation/MockTranslationProvider";
+import HandleAccountRecoveryStatusCheck from "./HandleAccountRecoveryStatusCheck";
+
+/**
+ * The HandleAccountRecoveryStatusCheck component represented as a page
+ */
+export default class HandleAccountRecoveryStatusCheckPage {
+  /**
+   * Default constructor
+   * @param props Props to attach
+   */
+  constructor(props, mockedAccountRecoveryUserService) {
+    this._page = render(
+      <AccountRecoveryUserContextProvider accountRecoveryUserService={mockedAccountRecoveryUserService} context={props.context}>
+        <MockTranslationProvider>
+          <Router>
+            <HandleAccountRecoveryStatusCheck {...props}/>
+          </Router>
+        </MockTranslationProvider>
+      </AccountRecoveryUserContextProvider>
+    );
+  }
+}

package/src/react-extension/components/AccountRecovery/HandleAccountRecoveryUserSettingsRoute/HandleAccountRecoveryUserSettingsRoute.js

@@ -0,0 +1,96 @@
+/**
+ * Passbolt ~ Open source password manager for teams
+ * Copyright (c) 2022 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) 2022 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.6.0
+ */
+import React from "react";
+import PropTypes from "prop-types";
+import {withRouter} from "react-router-dom";
+import {withTranslation} from "react-i18next";
+import {withDialog} from "../../../contexts/DialogContext";
+import {withActionFeedback} from "../../../contexts/ActionFeedbackContext";
+import {withAccountRecovery} from "../../../contexts/AccountRecoveryUserContext";
+import ManageAccountRecoveryUserSettings from "../ManageAccountRecoveryUserSettings/ManageAccountRecoveryUserSettings";
+import {AccountRecoveryUserContextProvider} from "../../../contexts/AccountRecoveryUserContext";
+
+class HandleAccountRecoveryUserSettingsRoute extends React.Component {
+  /**
+   * ComponentDidMount
+   * Invoked immediately after component is inserted into the tree
+   * @return {void}
+   */
+  async componentDidMount() {
+    await this.handleRoute();
+  }
+
+  /**
+   * Handle the review account recovery request route.
+   * @returns {Promise<void>}
+   */
+  async handleRoute() {
+    const isPolicyDisabled = this.props.accountRecoveryContext.getPolicy() === AccountRecoveryUserContextProvider.POLICY_DISABLED;
+    if (isPolicyDisabled) {
+      this.redirectToSettingsPage();
+      return;
+    }
+
+    const hasUserAlreadyEnrolledTheProgram = this.props.accountRecoveryContext.getUserAccountRecoverySubscriptionStatus() === AccountRecoveryUserContextProvider.STATUS_APPROVED;
+    if (hasUserAlreadyEnrolledTheProgram) {
+      this.showAlreadyEnrolledFeedback();
+      this.redirectToSettingsPage();
+      return;
+    }
+
+    this.props.dialogContext.open(ManageAccountRecoveryUserSettings, {
+      organizationPolicy: this.props.accountRecoveryContext.getOrganizationPolicy()
+    });
+  }
+
+  /**
+   * Notify the user that the enrollment has been done already.
+   */
+  async showAlreadyEnrolledFeedback() {
+    await this.props.actionFeedbackContext.displaySuccess(this.translate("You already enrolled to the account recovery program"));
+  }
+
+  /**
+   * Redirect to the account recovery user settings page.
+   */
+  redirectToSettingsPage() {
+    this.props.history.push("/app/settings/account-recovery");
+  }
+
+  /**
+   * Get the translate function
+   * @returns {function(...[*]=)}
+   */
+  get translate() {
+    return this.props.t;
+  }
+
+  /**
+   * Render the component
+   * @returns {JSX}
+   */
+  render() {
+    return null;
+  }
+}
+
+HandleAccountRecoveryUserSettingsRoute.propTypes = {
+  dialogContext: PropTypes.any, // The application context
+  accountRecoveryContext: PropTypes.object, // The user account recovery context
+  history: PropTypes.object, // The router history helper
+  actionFeedbackContext: PropTypes.any, // The action feedback context
+  t: PropTypes.func, // The translation function
+};
+
+export default withRouter(withDialog(withAccountRecovery(withActionFeedback(withTranslation("common")(HandleAccountRecoveryUserSettingsRoute)))));

package/src/react-extension/components/AccountRecovery/HandleAccountRecoveryUserSettingsRoute/HandleAccountRecoveryUserSettingsRoute.test.data.js

@@ -0,0 +1,63 @@
+/**
+ * Passbolt ~ Open source password manager for teams
+ * Copyright (c) 2022 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) 2022 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.6.0
+ */
+import {defaultAppContext} from "../../../contexts/ExtAppContext.test.data";
+
+/**
+ * Default props
+ * @returns {{dialogContext: {open: jest.Mock}, context: {onCheckIsAuthenticatedRequested: jest.Mock}}}
+ */
+export function defaultProps(data = {}) {
+  const context = defaultAppContext();
+  context.loggedInUser = {};
+
+  const defaultData = {
+    dialogContext: {
+      open: jest.fn()
+    },
+    context: context
+  };
+  return Object.assign(defaultData, data);
+}
+
+export function optOutOrganizationPolicy(data = {}) {
+  const defaultData = {
+    policy: "opt-out",
+    account_recovery_organization_public_key: {
+      armored_key: "-----BEGIN PGP PUBLIC KEY BLOCK-----\r\n\r\nmQINBFXHTB8BEADAaRMUn++WVatrw3kQK7\/6S6DvBauIYcBateuFjczhwEKXUD6T\r\nhLm7nOv5\/TKzCpnB5WkP+UZyfT\/+jCC2x4+pSgog46jIOuigWBL6Y9F6KkedApFK\r\nxnF6cydxsKxNf\/V70Nwagh9ZD4W5ujy+RCB6wYVARDKOlYJnHKWqco7anGhWYj8K\r\nKaDT+7yM7LGy+tCZ96HCw4AvcTb2nXF197Btu2RDWZ\/0MhO+DFuLMITXbhxgQC\/e\r\naA1CS6BNS7F91pty7s2hPQgYg3HUaDogTiIyth8R5Inn9DxlMs6WDXGc6IElSfhC\r\nnfcICao22AlM6X3vTxzdBJ0hm0RV3iU1df0J9GoM7Y7y8OieOJeTI22yFkZpCM8i\r\ntL+cMjWyiID06dINTRAvN2cHhaLQTfyD1S60GXTrpTMkJzJHlvjMk0wapNdDM1q3\r\njKZC+9HAFvyVf0UsU156JWtQBfkE1lqAYxFvMR\/ne+kI8+6ueIJNcAtScqh0LpA5\r\nuvPjiIjvlZygqPwQ\/LUMgxS0P7sPNzaKiWc9OpUNl4\/P3XTboMQ6wwrZ3wOmSYuh\r\nFN8ez51U8UpHPSsI8tcHWx66WsiiAWdAFctpeR\/ZuQcXMvgEad57pz\/jNN2JHycA\r\n+awesPIJieX5QmG44sfxkOvHqkB3l193yzxu\/awYRnWinH71ySW4GJepPQARAQAB\r\ntB9BZGEgTG92ZWxhY2UgPGFkYUBwYXNzYm9sdC5jb20+iQJOBBMBCgA4AhsDBQsJ\r\nCAcDBRUKCQgLBRYCAwEAAh4BAheAFiEEA\/YOlY9MspcjrN92E1O1sV2bBU8FAl0b\r\nmi8ACgkQE1O1sV2bBU+Okw\/\/b\/PRVTz0\/hgdagcVNYPn\/lclDFuwwqanyvYu6y6M\r\nAiLVn6CUtxfU7GH2aSwZSr7D\/46TSlBHvxVvNlYROMx7odbLgq47OJxfUDG5OPi7\r\nLZgsuE8zijCPURZTZu20m+ratsieV0ziri+xJV09xJrjdkXHdX2PrkU0YeJxhE50\r\nJuMR1rf7EHfCp45nWbXoM4H+LnadGC1zSHa1WhSJkeaYw9jp1gh93BKD8+kmUrm6\r\ncKEjxN54YpgjFwSdA60b+BZgXbMgA37gNQCnZYjk7toaQClUbqLMaQxHPIjETB+Z\r\njJNKOYn740N2LTRtCi3ioraQNgXQEU7tWsXGS0tuMMN7w4ya1I6sYV3fCtfiyXFw\r\nfuYnjjGzn5hXtTjiOLJ+2kdy5OmNZc9wpf6IpKv7\/F2RUwLsBUfH4ondNNXscdkB\r\n6Zoj1Hxt16TpkHnYrKsSWtoOs90JnlwYbHnki6R\/gekYRSRSpD\/ybScQDRASQ0aO\r\nhbi71WuyFbLZF92P1mEK5GInJeiFjKaifvJ8F+oagI9hiYcHgX6ghktaPrANa2De\r\nOjmesQ0WjIHirzFKx3avYIkOFwKp8v6KTzynAEQ8XUqZmqEhNjEgVKHH0g3sC+EC\r\nZ\/HGLHsRRIN1siYnJGahrrkNs7lFI5LTqByHh52bismY3ADLemxH6Voq+DokvQn4\r\nHxS5Ag0EVcdMHwEQAMFWZvlswoC+dEFISBhJLz0XpTR5M84MCn19s\/ILjp6dGPbC\r\nvlGcT5Ol\/wL43T3hML8bzq18MRGgkzhwsBkUXO+E7jVePjuGFvRwS5W+QYwCuAmw\r\nDijDdMhrev1mrdVK61v\/2U9kt5faETW8ZIYIvAWLaw\/lMHbVmKOa35ZCIJWcNsrv\r\noro2kGUklM6Nq1JQyU+puGPHuvm+1ywZzpAH5q55pMgfO+9JjMU3XFs+eqv6LVyA\r\n\/Y6T7ZK1H8inbUPm\/26sSvmYsT\/4xNVosC\/ha9lFEAasz\/rbVg7thffje4LWOXJB\r\no40iBTlHsNbCGs5BfNC0wl719JDA4V8mwhGInNtETCrGwg3mBlDrk5jYrDq5IMVk\r\nyX4Z6T8Fd2fLHmUr2kFc4vC96tGQGhNrbAa\/EeaAkWMeFyp\/YOW0Z3X2tz5A+lm+\r\nqevJZ3HcQd+7ca6mPTrYSVVXhclwSkyCLlhRJwEwSxrn+a2ZToYNotLs1uEy6tOL\r\nbIyhFBQNsR6mTa2ttkd\/89wJ+r9s7XYDOyibTQyUGgOXu\/0l1K0jTREKlC91wKkm\r\ndw\/lJkjZCIMc\/KTHiB1e7f5NdFtxwErToEZOLVumop0FjRqzHoXZIR9OCSMUzUmM\r\nspGHalE71GfwB9DkAlgvoJPohyiipJ\/Paw3pOytZnb\/7A\/PoRSjELgDNPJhxABEB\r\nAAGJAjYEGAEKACACGwwWIQQD9g6Vj0yylyOs33YTU7WxXZsFTwUCXRuaPgAKCRAT\r\nU7WxXZsFTxX0EADAN9lreHgEvsl4JK89JqwBLjvGeXGTNmHsfczCTLAutVde+Lf0\r\nqACAhKhG0J8Omru2jVkUqPhkRcaTfaPKopT2KU8GfjKuuAlJ+BzH7oUq\/wy70t2h\r\nsglAYByv4y0emwnGyFC8VNw2Fe+Wil2y5d8DI8XHGp0bAXehjT2S7\/v1lEypeiiE\r\nNbhAnGG94Zywwwim0RltyNKXOgGeT4mroYxAL0zeTaX99Lch+DqyaeDq94g4sfhA\r\nVvGT2KJDT85vR3oNbB0U5wlbKPa+bUl8CokEDjqrDmdZOOs\/UO2mc45V3X5RNRtp\r\nNZMBGPJsxOKQExEOZncOVsY7ZqLrecuR8UJBQnhPd1aoz3HCJppaPI02uINWyQLs\r\nCogTf+nQWnLyN9qLrToriahNcZlDfuJCRVKTQ1gw1lkSN3IZRSkBuRYRe05US+C6\r\n8JMKHP+1XMKMgQM2XR7r4noMJKLaVUzfLXuPIWH2xNdgYXcIOSRjiANkIv4O7lWM\r\nxX9vD6LklijrepMl55Omu0bhF5rRn2VAubfxKhJs0eQn69+NWaVUrNMQ078nF+8G\r\nKT6vH32q9i9fpV38XYlwM9qEa0il5wfrSwPuDd5vmGgk9AOlSEzY2vE1kvp7lEt1\r\nTdb3ZfAajPMO3Iov5dwvm0zhJDQHFo7SFi5jH0Pgk4bAd9HBmB8sioxL4Q==\r\n=Kwft\r\n-----END PGP PUBLIC KEY BLOCK-----"
+    },
+    creator: {
+      username: "ada@passbolt.com",
+      profile: {
+        first_name: "ada",
+        last_name: "lovelace"
+      },
+      gpgkey: {
+        user_id: "fa69d48f-1a3d-4f9f-b7a0-709dce039e96",
+        armored_key: "faked armored key",
+        fingerprint: "848E95CC7493129AD862583129B81CA8936023DD"
+      }
+    },
+    modified: "2022-01-13T13:19:04.661Z"
+  };
+  return Object.assign(defaultData, data);
+}
+
+export function disabledOrganizationPolicy(data = {}) {
+  const defaultData = {
+    policy: "disabled",
+    account_recovery_organization_public_key: null
+  };
+
+  return Object.assign(defaultData, data);
+}

package/src/react-extension/components/AccountRecovery/HandleAccountRecoveryUserSettingsRoute/HandleAccountRecoveryUserSettingsRoute.test.js

@@ -0,0 +1,88 @@
+/**
+ * Passbolt ~ Open source password manager for teams
+ * Copyright (c) 2022 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) 2022 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.6.0
+ */
+import {createMemoryHistory} from "history";
+import {waitFor} from "@testing-library/dom";
+import ManageAccountRecoveryUserSettings from "../ManageAccountRecoveryUserSettings/ManageAccountRecoveryUserSettings";
+import HandleAccountRecoveryUserSettingsRoutePage from "./HandleAccountRecoveryUserSettingsRoute.test.page";
+import {defaultProps, disabledOrganizationPolicy, optOutOrganizationPolicy} from "./HandleAccountRecoveryUserSettingsRoute.test.data";
+
+describe("HandleAccountRecoveryUserSettingsRoute", () => {
+  it("Should redirect to the user's account recovery setting if the organization policy is disabled", async() => {
+    const history = createMemoryHistory();
+    const organizationPolicy = disabledOrganizationPolicy();
+    const props = defaultProps({
+      accountRecoveryContext: {
+        findAccountRecoveryPolicy: jest.fn(() => organizationPolicy),
+        getPolicy: jest.fn(() => organizationPolicy.policy),
+        getUserAccountRecoverySubscriptionStatus: jest.fn(() => "pending")
+      },
+      dialogContext: {
+        open: jest.fn()
+      }
+    });
+    new HandleAccountRecoveryUserSettingsRoutePage(props, history);
+    await waitFor(() => {});
+    expect(history.location.pathname).toBe("/app/settings/account-recovery");
+  });
+
+  it("Should redirect to the user's account recovery setting and show a notification if the user has already approved the enrollment", async() => {
+    const history = createMemoryHistory();
+    const organizationPolicy = optOutOrganizationPolicy();
+    const props = defaultProps({
+      accountRecoveryContext: {
+        findAccountRecoveryPolicy: jest.fn(),
+        getPolicy: jest.fn(() => organizationPolicy.policy),
+        getUserAccountRecoverySubscriptionStatus: jest.fn(() => "approved"),
+        getOrganizationPolicy: jest.fn(() => organizationPolicy),
+      },
+      dialogContext: {
+        open: jest.fn(),
+      },
+      actionFeedbackContext: {
+        displaySuccess: jest.fn(),
+      },
+    });
+
+    new HandleAccountRecoveryUserSettingsRoutePage(props, history);
+    await waitFor(() => {});
+    expect(history.location.pathname).toBe("/app/settings/account-recovery");
+    expect(props.actionFeedbackContext.displaySuccess).toHaveBeenCalledWith("You already enrolled to the account recovery program");
+  });
+
+  it("Should display the ManageAccountRecoveryUserSettings dialog if the organization policy is enabled and the user didn't enrolled yet.", async() => {
+    const history = createMemoryHistory();
+    const organizationPolicy = optOutOrganizationPolicy();
+    const props = defaultProps({
+      accountRecoveryContext: {
+        findAccountRecoveryPolicy: jest.fn(() => organizationPolicy),
+        getPolicy: jest.fn(() => organizationPolicy.policy),
+        getUserAccountRecoverySubscriptionStatus: jest.fn(() => "pending"),
+        getOrganizationPolicy: jest.fn(() => organizationPolicy),
+      },
+      dialogContext: {
+        open: jest.fn(),
+      },
+      actionFeedbackContext: {
+        displaySuccess: jest.fn(),
+      },
+    });
+
+    new HandleAccountRecoveryUserSettingsRoutePage(props);
+    await waitFor(() => {});
+    expect(history.location.pathname).not.toBe("/app/settings/account-recovery/edit");
+    expect(props.dialogContext.open).toHaveBeenCalledWith(ManageAccountRecoveryUserSettings, {
+      organizationPolicy: organizationPolicy
+    });
+  });
+});

package/src/react-extension/components/AccountRecovery/HandleAccountRecoveryUserSettingsRoute/HandleAccountRecoveryUserSettingsRoute.test.page.js

@@ -0,0 +1,37 @@
+/**
+ * Passbolt ~ Open source password manager for teams
+ * Copyright (c) 2022 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) 2022 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.6.0
+ */
+import React from "react";
+import {render} from "@testing-library/react";
+import {Router} from 'react-router-dom';
+import HandleAccountRecoveryUserSettingsRoute from "./HandleAccountRecoveryUserSettingsRoute";
+import MockTranslationProvider from "../../../test/mock/components/Internationalisation/MockTranslationProvider";
+import {createMemoryHistory} from "history";
+
+export default class HandleAccountRecoveryUserSettingsRoutePage {
+  /**
+   * Default constructor
+   * @param props Props to attach
+   * @param history
+   */
+  constructor(props, history) {
+    history = history || createMemoryHistory();
+    this._page = render(
+      <MockTranslationProvider>
+        <Router history={history}>
+          <HandleAccountRecoveryUserSettingsRoute {...props}/>
+        </Router>
+      </MockTranslationProvider>
+    );
+  }
+}