passbolt-styleguide 3.5.2 → 3.6.0-alpha2

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

@@ -0,0 +1,114 @@
+/**
+ * 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, {Component} from "react";
+import PropTypes from "prop-types";
+import {Trans, withTranslation} from "react-i18next";
+import DialogWrapper from "../../Common/Dialog/DialogWrapper/DialogWrapper";
+import FormSubmitButton from "../../Common/Inputs/FormSubmitButton/FormSubmitButton";
+import {withAppContext} from "../../../contexts/AppContext";
+import {withRouter} from "react-router-dom";
+
+/**
+ * The component display variations.
+ * @type {Object}
+ */
+export const PolicyVariations = {
+  MANDATORY: 'mandatory',
+  OPT_OUT: 'opt-out'
+};
+
+class AccountRecoveryInviteUserSettingPreferenceDialog extends Component {
+  constructor(props) {
+    super(props);
+    this.bindCallbacks();
+  }
+
+  /**
+   * Bind callbacks methods
+   */
+  bindCallbacks() {
+    this.handleSubmit = this.handleSubmit.bind(this);
+    this.handleCancel = this.handleCancel.bind(this);
+  }
+
+  /**
+   * Handle click on continue button
+   * @param {Event} event A form submit event
+   */
+  async handleSubmit(event) {
+    event.preventDefault();
+    this.props.onClose();
+    await this.props.history.push({pathname: "/app/settings/account-recovery/edit"});
+  }
+
+  /**
+   * Handle click on cancel buttons
+   */
+  async handleCancel() {
+    await this.props.context.port.request('passbolt.account-recovery.postpone-user-setting-invitation');
+    this.props.onClose();
+  }
+
+  /**
+   * Get the translate function
+   * @returns {function(...[*]=)}
+   */
+  get translate() {
+    return this.props.t;
+  }
+
+  /**
+   * Render the component
+   * @returns {JSX}
+   */
+  render() {
+    return (
+      <DialogWrapper
+        title={`${this.translate("Account recovery enrollment")}`}
+        onClose={this.handleCancel}
+        className="recovery-account-policy-dialog">
+        <form onSubmit={this.handleSubmit}>
+          <div className="form-content">
+            <p>
+              {{
+                [PolicyVariations.MANDATORY]: <Trans>It is mandatory to share securely a copy of your private key with your organization recovery contacts. Would you like to continue?</Trans>,
+                [PolicyVariations.OPT_OUT]: <Trans>It is recommended to share securely a copy of your private key with your organization recovery contacts. Would you like to continue?</Trans>,
+              }[this.props.policy]}
+            </p>
+          </div>
+          <div className="submit-wrapper clearfix">
+            <FormSubmitButton
+              value={this.translate("Continue")}/>
+            <button
+              className={`button cancel`}
+              role="button"
+              type="button"
+              onClick={this.handleCancel}>
+              <span><Trans>Cancel</Trans></span>
+            </button>
+          </div>
+        </form>
+      </DialogWrapper>
+    );
+  }
+}
+
+AccountRecoveryInviteUserSettingPreferenceDialog.propTypes = {
+  context: PropTypes.object, // The application context
+  policy: PropTypes.string, // The organization policy details
+  onClose: PropTypes.func, // The close callback
+  t: PropTypes.func, // The translation function
+  history: PropTypes.object, // The navigation history
+};
+export default withRouter(withAppContext(withTranslation("common")(AccountRecoveryInviteUserSettingPreferenceDialog)));

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

@@ -0,0 +1,27 @@
+/**
+ * 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
+ */
+
+export const defaultProps = (data = {}) => {
+  const defaultData = {
+    context: {
+      port: {
+        request: jest.fn(),
+      },
+    },
+    policy: "opt-out",
+    onClose: jest.fn(),
+  };
+
+  return Object.assign(defaultData, data);
+};

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

@@ -0,0 +1,72 @@
+/**
+ * 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 AccountRecoveryInviteUserSettingPreferenceDialogPage from "./AccountRecoveryInviteUserSettingPreferenceDialog.test.page";
+import {waitFor} from "@testing-library/react";
+import {PolicyVariations} from "./AccountRecoveryInviteUserSettingPreferenceDialog";
+import {defaultProps} from "./AccountRecoveryInviteUserSettingPreferenceDialog.test.data";
+import each from "jest-each";
+
+beforeEach(() => {
+  jest.resetModules();
+  jest.resetAllMocks();
+});
+
+each([
+  {displayAs: PolicyVariations.MANDATORY, text: "It is mandatory to share securely a copy of your private key with your organization recovery contacts. Would you like to continue?"},
+  {displayAs: PolicyVariations.OPT_OUT, text: "It is recommended to share securely a copy of your private key with your organization recovery contacts. Would you like to continue?"},
+]).describe("AccountRecoveryInviteUserSettingPreferenceDialog", scenario => {
+  const props = defaultProps({
+    policy: scenario.displayAs
+  });
+
+  it(`As LU who haven't decided yet about the account recovery program, I'm prompted to follow a link to securely share my private key with the organization by applying to the account recovery program, scenario: ${JSON.stringify(scenario)}`, async() => {
+    const page = new AccountRecoveryInviteUserSettingPreferenceDialogPage(props);
+    await waitFor(() => { });
+
+    expect.assertions(1);
+    expect(page.message).toStrictEqual(scenario.text);
+  });
+
+  it(`As LU who haven't decided yet about the account recovery program, I can choose to continue to my user settings to take a decision about the account recovery, scenario: ${JSON.stringify(scenario)}`, async() => {
+    const history = createMemoryHistory();
+    const page = new AccountRecoveryInviteUserSettingPreferenceDialogPage(props, history);
+    await waitFor(() => { });
+
+    await page.clickOnContinue();
+    expect.assertions(1);
+    expect(history.location.pathname).toBe("/app/settings/account-recovery/edit");
+  });
+
+  it(`As LU who haven't decided yet about the account recovery program, I can postponed my choice for the account recovery programe by clicking the "cancel" button, scenario: ${JSON.stringify(scenario)}`, async() => {
+    const page = new AccountRecoveryInviteUserSettingPreferenceDialogPage(props);
+    await waitFor(() => { });
+
+    await page.clickOnCancel();
+    expect.assertions(2);
+    expect(props.context.port.request).toHaveBeenCalledWith("passbolt.account-recovery.postpone-user-setting-invitation");
+    expect(props.onClose).toHaveBeenCalledTimes(1);
+  });
+
+  it(`As LU who haven't decided yet about the account recovery program, I can postponed my choice for the account recovery programe by clicking the cross on the dialog, scenario: ${JSON.stringify(scenario)}`, async() => {
+    const page = new AccountRecoveryInviteUserSettingPreferenceDialogPage(props);
+    await waitFor(() => { });
+
+    await page.clickOnCross();
+    expect.assertions(2);
+    expect(props.context.port.request).toHaveBeenCalledWith("passbolt.account-recovery.postpone-user-setting-invitation");
+    expect(props.onClose).toHaveBeenCalledTimes(1);
+  });
+});

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

@@ -0,0 +1,74 @@
+/**
+ * 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, fireEvent, waitFor} from "@testing-library/react";
+import React from "react";
+import MockTranslationProvider from "../../../test/mock/components/Internationalisation/MockTranslationProvider";
+import AccountRecoveryInviteUserSettingPreferenceDialog from "./AccountRecoveryInviteUserSettingPreferenceDialog";
+import {Router} from 'react-router-dom';
+import {createMemoryHistory} from "history";
+
+/**
+ * The AccountRecoveryInviteUserSettingPreferenceDialogPage component represented as a page
+ */
+export default class AccountRecoveryInviteUserSettingPreferenceDialogPage {
+  /**
+   * Default constructor
+   * @param props Props to attach
+   */
+  constructor(props, history) {
+    history = history || createMemoryHistory();
+    this._page = render(
+      <MockTranslationProvider>
+        <Router history={history}>
+          <AccountRecoveryInviteUserSettingPreferenceDialog {...props} />
+        </Router>
+      </MockTranslationProvider>
+    );
+  }
+
+  selector(selection) {
+    return this._page.container.querySelector(selection);
+  }
+
+  get message() {
+    return this.selector('.recovery-account-policy-dialog p').textContent;
+  }
+
+  get cancelButton() {
+    return this.selector('.recovery-account-policy-dialog .button.cancel');
+  }
+
+  get cancelCross() {
+    return this.selector('.recovery-account-policy-dialog .dialog-close');
+  }
+
+  get continueButton() {
+    return this.selector('.recovery-account-policy-dialog .submit-wrapper input[type="submit"]');
+  }
+
+  async clickOnContinue() {
+    fireEvent.click(this.continueButton, {button: 0});
+    await waitFor(() => {});
+  }
+
+  async clickOnCancel() {
+    fireEvent.click(this.cancelButton, {button: 0});
+    await waitFor(() => {});
+  }
+
+  async clickOnCross() {
+    fireEvent.click(this.cancelCross, {button: 0});
+    await waitFor(() => {});
+  }
+}

package/src/react-extension/components/AccountRecovery/AccountRecoveryInviteUserSettingPreferenceDialog/AccountRecoveryInviteUserSettingPreferenceDialog.test.stories.js

@@ -0,0 +1,51 @@
+/**
+ * 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 {MemoryRouter} from "react-router-dom";
+import AccountRecoveryInviteUserSettingPreferenceDialog from "./AccountRecoveryInviteUserSettingPreferenceDialog";
+import MockTranslationProvider from "../../../test/mock/components/Internationalisation/MockTranslationProvider";
+import MockPort from "../../../test/mock/MockPort";
+
+export default {
+  title: 'Passbolt/AccountRecovery/AccountRecoveryInviteUserSettingPreferenceDialog',
+  component: AccountRecoveryInviteUserSettingPreferenceDialog
+};
+
+const Template = args =>
+  <MockTranslationProvider>
+    <MemoryRouter initialEntries={['/']}>
+      <AccountRecoveryInviteUserSettingPreferenceDialog {...args}/>
+    </MemoryRouter>
+  </MockTranslationProvider>;
+
+export const Mandatory = Template.bind({});
+Mandatory.args = {
+  context: {
+    port: new MockPort(),
+    locale: "en-US",
+  },
+  policy: "mandatory",
+  onClose: () => {}
+};
+
+export const OptOut = Template.bind({});
+OptOut.args = {
+  context: {
+    port: new MockPort(),
+    locale: "en-US",
+  },
+  policy: "opt-out",
+  onClose: () => {}
+};

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>
+    );
+  }
+}