passbolt-styleguide 3.5.2 → 3.6.0-alpha2

package/src/react-extension/components/Administration/DisplayAdministrationWorkspaceActions/DisplayAdministrationAccountRecoveryAction/DisplayAdministrationAccountRecoveryActions.test.page.js

@@ -0,0 +1,93 @@
+/**
+ * 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 {fireEvent, render, waitFor} from "@testing-library/react";
+import React from "react";
+import DisplayAdministrationAccountRecoveryActions from "./DisplayAdministrationAccountRecoveryActions";
+import MockTranslationProvider from "../../../../test/mock/components/Internationalisation/MockTranslationProvider";
+
+/**
+ * The DisplayAdministrationAccountRecoveryActions component represented as a page
+ */
+export default class DisplayAdministrationAccountRecoveryActionsPage {
+  /**
+   * Default constructor
+   * @param props Props to attach
+   */
+  constructor(props) {
+    this._page = render(
+      <MockTranslationProvider>
+        <DisplayAdministrationAccountRecoveryActions {...props}/>
+      </MockTranslationProvider>
+    );
+  }
+
+  /**
+   * Returns the workspace action
+   */
+  get workspaceAction() {
+    return this._page.container.querySelector('.actions');
+  }
+
+  /**
+   * Returns the number of actions
+   */
+  get count() {
+    return this._page.container.querySelectorAll('li').length;
+  }
+
+  /**
+   * Returns the save button
+   */
+  get saveButton() {
+    return this._page.container.querySelectorAll('li a')[0];
+  }
+
+  /**
+   * Returns the reset button
+   */
+  get resetButton() {
+    return this._page.container.querySelectorAll('li a')[1];
+  }
+
+  /**
+   * Returns true if the page object exists in the container
+   */
+  exists() {
+    return this.workspaceAction !== null;
+  }
+
+  /** Click on the element */
+  async click(element) {
+    const leftClick = {button: 0};
+    fireEvent.click(element, leftClick);
+    await waitFor(() => {
+    });
+  }
+
+  /** Click on the save element */
+  async save() {
+    await this.click(this.saveButton);
+  }
+
+  /** Click on the reset element */
+  async reset() {
+    await this.click(this.resetButton);
+  }
+}
+
+
+
+
+

package/src/react-extension/components/Administration/DisplayAdministrationWorkspaceBreadcrumb/DisplayAdministrationWorkspaceBreadcrumb.js

@@ -59,6 +59,8 @@ class DisplayAdministrationWorkspaceBreadcrumb extends Component {
         return this.translate("Subscription");
       case AdministrationWorkspaceMenuTypes.INTERNATIONALIZATION:
         return this.translate("Internationalisation");
+      case AdministrationWorkspaceMenuTypes.ACCOUNT_RECOVERY:
+        return this.translate("Account Recovery");
       default:
         return "";
     }

package/src/react-extension/components/Administration/DisplayAdministrationWorkspaceBreadcrumb/DisplayAdministrationWorkspaceBreadcrumb.test.js

@@ -84,4 +84,13 @@ describe("As AD I can see a Breadcrumb", () => {
     expect(page.item(2)).toBe("Internationalisation");
     expect(page.item(3)).toBe("Settings");
   });
+
+  it('As AD I should see a breadcrumb for account recovery', () => {
+    const props = defaultProps(AdministrationWorkspaceMenuTypes.ACCOUNT_RECOVERY); // The props to pass
+    page = new DisplayAdministrationWorkspaceBreadcrumbPage(context, props);
+    expect(page.count).toBe(3);
+    expect(page.item(1)).toBe("Administration");
+    expect(page.item(2)).toBe("Account Recovery");
+    expect(page.item(3)).toBe("Settings");
+  });
 });

package/src/react-extension/components/Administration/DisplayEmailNotificationsAdministration/DisplayEmailNotificationsAdministration.js

@@ -77,7 +77,17 @@ class DisplayEmailNotificationsAdministration extends React.Component {
       showUri: true, // show uri in email
       showUsername: true, // show username in email
       // Comments
-      showComment: true, // show comment in email
+      showComment: true, // show comment in email,
+      // Account Recovery
+
+      accountRecoveryRequestAdmin: true, //send email to the admins when a user did an account recovery request
+      accountRecoveryRequestGuessing: true, //send email to the admin when a suspicious attempt to recovery a key is made
+      accountRecoveryRequestCreatedAmin: true, //send email to the admin when when an account recovery response has been created
+      accountRecoveryRequestCreatedAllAdmins: true, //send email to all admins when an account recovery response has been created
+      accountRecoveryRequestPolicyUpdate: true, //send email to the admins when the account recovery organization policy has been updated
+      accountRecoveryRequestUser: true, //send email to the user when an account recovery request has been made
+      accountRecoveryRequestUserApproved: true, //send email to the user when the account recovery request has been approved
+      accountRecoveryRequestUserRejected: true, //send email to the user when the account recovery request has been rejected
     };
   }
 
@@ -155,6 +165,16 @@ class DisplayEmailNotificationsAdministration extends React.Component {
     // Comments
     const  showComment = body.show_comment;
 
+    // Account recovery
+    const accountRecoveryRequestUser = body.send_accountRecovery_request_user;
+    const accountRecoveryRequestAdmin = body.send_accountRecovery_request_admin;
+    const accountRecoveryRequestGuessing = body.send_accountRecovery_request_guessing;
+    const accountRecoveryRequestUserApproved = body.send_accountRecovery_response_user_approved;
+    const accountRecoveryRequestUserRejected = body.send_accountRecovery_response_user_rejected;
+    const accountRecoveryRequestCreatedAmin = body.send_accountRecovery_response_created_admin;
+    const accountRecoveryRequestCreatedAllAdmins = body.send_accountRecovery_response_created_allAdmins;
+    const accountRecoveryRequestPolicyUpdate = body.send_accountRecovery_policy_update;
+
     this.setState({
       loading: false,
       hasDatabaseSetting,
@@ -179,7 +199,15 @@ class DisplayEmailNotificationsAdministration extends React.Component {
       showSecret,
       showUri,
       showUsername,
-      showComment
+      showComment,
+      accountRecoveryRequestUser,
+      accountRecoveryRequestAdmin,
+      accountRecoveryRequestGuessing,
+      accountRecoveryRequestUserApproved,
+      accountRecoveryRequestUserRejected,
+      accountRecoveryRequestCreatedAmin,
+      accountRecoveryRequestCreatedAllAdmins,
+      accountRecoveryRequestPolicyUpdate,
     });
   }
 
@@ -255,6 +283,14 @@ class DisplayEmailNotificationsAdministration extends React.Component {
       send_group_manager_update: this.state.groupManagerUpdate,
       send_user_create: this.state.userCreate,
       send_user_recover: this.state.userRecover,
+      send_accountRecovery_request_user: this.state.accountRecoveryRequestUser,
+      send_accountRecovery_request_admin: this.state.accountRecoveryRequestAdmin,
+      send_accountRecovery_request_guessing: this.state.accountRecoveryRequestGuessing,
+      send_accountRecovery_response_user_approved: this.state.accountRecoveryRequestUserApproved,
+      send_accountRecovery_response_user_rejected: this.state.accountRecoveryRequestUserRejected,
+      send_accountRecovery_response_created_admin: this.state.accountRecoveryRequestCreatedAmin,
+      send_accountRecovery_response_created_allAdmins: this.state.accountRecoveryRequestCreatedAllAdmins,
+      send_accountRecovery_policy_update: this.state.accountRecoveryRequestPolicyUpdate,
       show_description: this.state.showDescription,
       show_secret: this.state.showSecret,
       show_uri: this.state.showUri,
@@ -330,6 +366,14 @@ class DisplayEmailNotificationsAdministration extends React.Component {
     return this.props.context.siteSettings.canIUse("folders");
   }
 
+  /**
+   * Can use folders
+   * @returns {*}
+   */
+  canUseAccountRecovery() {
+    return this.props.context.siteSettings.canIUse("accountRecovery");
+  }
+
   /**
    * Get the translate function
    * @returns {function(...[*]=)}
@@ -485,6 +529,65 @@ class DisplayEmailNotificationsAdministration extends React.Component {
                 </span>
               </div>
             </div>
+            {this.canUseAccountRecovery() &&
+              <div className="row">
+                <h3><Trans>Account recovery</Trans></h3>
+                <div className="col6">
+                  <label><Trans>Admin</Trans></label>
+                  <span className="input toggle-switch form-element">
+                    <label htmlFor="account-recovery-request-admin-toggle-button"><Trans>When an account recovery is requested, notify the administrators</Trans></label>
+                    <input type="checkbox" className="toggle-switch-checkbox checkbox" name="accountRecoveryRequestAdmin" disabled={this.hasAllInputDisabled()}
+                      onChange={this.handleInputChange} checked={this.state.accountRecoveryRequestAdmin} id="account-recovery-request-admin-toggle-button"/>
+                    <label className="toggle-switch-button" htmlFor="account-recovery-request-admin-toggle-button"/>
+                  </span>
+                  <span className="input toggle-switch form-element ready">
+                    <label htmlFor="account-recovery-request-guessing-toggle-button"><Trans>When a suspicious attempt to guess for an existing account recovery request is made, notify the administrators?</Trans></label>
+                    <input type="checkbox" className="toggle-switch-checkbox checkbox" name="accountRecoveryRequestGuessing" disabled={this.hasAllInputDisabled()}
+                      onChange={this.handleInputChange} checked={this.state.accountRecoveryRequestGuessing} id="account-recovery-request-guessing-toggle-button"/>
+                    <label className="toggle-switch-button" htmlFor="account-recovery-request-guessing-toggle-button"/>
+                  </span>
+                  <span className="input toggle-switch form-element">
+                    <label htmlFor="account-recovery-policy-update-toggle-button"><Trans>When an account recovery policy is updated, notify the administrators</Trans></label>
+                    <input type="checkbox" className="toggle-switch-checkbox checkbox" name="accountRecoveryRequestPolicyUpdate" disabled={this.hasAllInputDisabled()}
+                      onChange={this.handleInputChange} checked={this.state.accountRecoveryRequestPolicyUpdate} id="account-recovery-policy-update-toggle-button"/>
+                    <label className="toggle-switch-button" htmlFor="account-recovery-policy-update-toggle-button"/>
+                  </span>
+                  <span className="input toggle-switch form-element">
+                    <label htmlFor="account-recovery-response-created-admin-toggle-button"><Trans>When an administrator answered to an account recovery request, notify the administrator</Trans></label>
+                    <input type="checkbox" className="toggle-switch-checkbox checkbox" name="accountRecoveryRequestCreatedAmin" disabled={this.hasAllInputDisabled()}
+                      onChange={this.handleInputChange} checked={this.state.accountRecoveryRequestCreatedAmin} id="account-recovery-response-created-admin-toggle-button"/>
+                    <label className="toggle-switch-button" htmlFor="account-recovery-response-created-admin-toggle-button"/>
+                  </span>
+                  <span className="input toggle-switch form-element">
+                    <label htmlFor="account-recovery-response-created-all-admin-toggle-button"><Trans>When an administrator answered to an account recovery request, notify all the administrators</Trans></label>
+                    <input type="checkbox" className="toggle-switch-checkbox checkbox" name="accountRecoveryRequestCreatedAllAdmins" disabled={this.hasAllInputDisabled()}
+                      onChange={this.handleInputChange} checked={this.state.accountRecoveryRequestCreatedAllAdmins} id="account-recovery-response-created-all-admin-toggle-button"/>
+                    <label className="toggle-switch-button" htmlFor="account-recovery-response-created-all-admin-toggle-button"/>
+                  </span>
+                </div>
+                <div className="col6 last">
+                  <label><Trans>User</Trans></label>
+                  <span className="input toggle-switch form-element">
+                    <label htmlFor="account-recovery-request-user-toggle-button"><Trans>When an account recovery is requested, notify the user</Trans></label>
+                    <input type="checkbox" className="toggle-switch-checkbox checkbox" name="accountRecoveryRequestUser" disabled={this.hasAllInputDisabled()}
+                      onChange={this.handleInputChange} checked={this.state.accountRecoveryRequestUser} id="account-recovery-request-user-toggle-button"/>
+                    <label className="toggle-switch-button" htmlFor="account-recovery-request-user-toggle-button"/>
+                  </span>
+                  <span className="input toggle-switch form-element">
+                    <label htmlFor="account-recovery-response-user-approved-toggle-button"><Trans>When an account recovery is approved, notify the user</Trans></label>
+                    <input type="checkbox" className="toggle-switch-checkbox checkbox" name="accountRecoveryRequestUserApproved" disabled={this.hasAllInputDisabled()}
+                      onChange={this.handleInputChange} checked={this.state.accountRecoveryRequestUserApproved} id="account-recovery-response-user-approved-toggle-button"/>
+                    <label className="toggle-switch-button" htmlFor="account-recovery-response-user-approved-toggle-button"/>
+                  </span>
+                  <span className="input toggle-switch form-element">
+                    <label htmlFor="account-recovery-response-user-rejected-toggle-button"><Trans>When an account recovery is rejected, notify the user</Trans></label>
+                    <input type="checkbox" className="toggle-switch-checkbox checkbox" name="accountRecoveryRequestUserRejected" disabled={this.hasAllInputDisabled()}
+                      onChange={this.handleInputChange} checked={this.state.accountRecoveryRequestUserRejected} id="account-recovery-response-user-rejected-toggle-button"/>
+                    <label className="toggle-switch-button" htmlFor="account-recovery-response-user-rejected-toggle-button"/>
+                  </span>
+                </div>
+              </div>
+            }
             <div className="row">
               <h3><Trans>Email content visibility</Trans></h3>
               <p><Trans>In this section you can adjust the composition of the emails, e.g. which information will be included in the notification.</Trans></p>

package/src/react-extension/components/Administration/DisplayEmailNotificationsAdministration/DisplayEmailNotificationsAdministration.test.stories.js

@@ -0,0 +1,104 @@
+/**
+ * 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 {MemoryRouter, Route} from "react-router-dom";
+import React from "react";
+import AppContext from "../../../contexts/AppContext";
+import PropTypes from "prop-types";
+import DisplayEmailNotificationsAdministration from "./DisplayEmailNotificationsAdministration";
+
+export default {
+  title: 'Passbolt/Administration/DisplayEmailNotificationsAdministration',
+  component: DisplayEmailNotificationsAdministration
+};
+
+const Template = ({context, ...args}) =>
+  <AppContext.Provider value={context}>
+    <MemoryRouter initialEntries={['/']}>
+      <div className="panel middle">
+        <div className="workspace-main">
+          <div className="grid grid-responsive-12">
+            <Route component={routerProps => <DisplayEmailNotificationsAdministration {...args} {...routerProps}/>}></Route>
+          </div>
+        </div>
+      </div>
+    </MemoryRouter>
+  </AppContext.Provider>;
+
+Template.propTypes = {
+  context: PropTypes.object,
+};
+
+const administrationWorkspaceContext = {
+  onGetEmailNotificationsRequested: () => ({
+    body: {
+      sources_database: true,
+      sources_file: true,
+      send_password_create: true,
+      send_password_share: true,
+      send_password_update: true,
+      send_password_delete: true,
+      send_folder_create: true,
+      send_folder_update: true,
+      send_folder_delete: true,
+      send_folder_share: true,
+      send_comment_add: true,
+      send_group_delete: true,
+      send_group_user_add: true,
+      send_group_user_delete: true,
+      send_group_user_update: true,
+      send_group_manager_update: true,
+      send_user_create: true,
+      send_user_recover: true,
+      show_description: true,
+      show_secret: true,
+      show_uri: true,
+      show_username: true,
+      show_comment: true,
+      send_account_recovery_impossible_admin: true,
+      send_account_recovery_initiated: true,
+      send_account_recovery_processed: true,
+      send_account_recovery_policy_changed: true,
+      send_account_recovery_impossible_user: true,
+      send_account_recovery_approved: true,
+      send_account_recovery_rejected: true,
+    }
+  }),
+  must: {
+    save: true
+  },
+  can: {
+    save: true
+  }
+};
+
+export const AllNotifications = Template.bind({});
+AllNotifications.args = {
+  context: {
+    siteSettings: {
+      canIUse: () => true
+    }
+  },
+  administrationWorkspaceContext: administrationWorkspaceContext
+};
+
+export const AllNotificationsForCE = Template.bind({});
+AllNotificationsForCE.args = {
+  context: {
+    siteSettings: {
+      canIUse: () => false
+    }
+  },
+  administrationWorkspaceContext: administrationWorkspaceContext
+};

package/src/react-extension/components/Administration/EditSubscriptionKey/EditSubscriptionKey.js

@@ -212,11 +212,9 @@ class EditSubscriptionKey extends Component {
       // Unexpected error occurred.
       console.error(error);
       const errorDialogProps = {
-        title: this.translate("There was an unexpected error..."),
-        message: error.message
+        error: error
       };
-      this.props.context.setContext({errorDialogProps});
-      this.props.dialogContext.open(NotifyError);
+      this.props.dialogContext.open(NotifyError, errorDialogProps);
     }
   }
 

package/src/react-extension/components/Administration/EditSubscriptionKey/EditSubscriptionKey.test.js

@@ -21,6 +21,7 @@ describe("As AD I should edit the subscription key", () => {
   it('As AD I should be able to paste my subscription key', async() => {
     const expectedPrivateKey = 'Some subscription key';
     await page.fill(expectedPrivateKey);
+    expect.assertions(1);
     expect(page.subscriptionKey).toBe(expectedPrivateKey);
   });
 
@@ -35,6 +36,7 @@ describe("As AD I should edit the subscription key", () => {
     };
     await page.fill("some subscription key");
     await page.updateKey(inProgressFn);
+    expect.assertions(5);
     expect(props.administrationWorkspaceContext.onUpdateSubscriptionKeyRequested).toHaveBeenCalled();
     expect(verifyResolve).toBeDefined();
   });
@@ -47,6 +49,7 @@ describe("As AD I should edit the subscription key", () => {
       expect(page.saveButtonIsProcessing).toBeTruthy();
       verifyResolve();
     };
+    expect.assertions(5);
     await page.fill("some subscription key");
     await page.updateKey(inProgressFn);
     expect(props.administrationWorkspaceContext.onUpdateSubscriptionKeyRequested).toHaveBeenCalled();
@@ -58,6 +61,7 @@ describe("As AD I should edit the subscription key", () => {
     const emptyPrivateKey = ' ';
     await page.fill(emptyPrivateKey);
     await page.updateKey();
+    expect.assertions(2);
     expect(page.hasSubscriptionKeyError).toBeTruthy();
     expect(page.subscriptionKeyErrorMessage).toBe("A subscription key is required.");
   });
@@ -67,6 +71,7 @@ describe("As AD I should edit the subscription key", () => {
     jest.spyOn(props.administrationWorkspaceContext, 'onUpdateSubscriptionKeyRequested').mockImplementationOnce(() => Promise.reject(expectedError));
     await page.fill('Some subscription key');
     await page.updateKey();
+    expect.assertions(2);
     expect(page.hasSubscriptionKeyError).toBeTruthy();
     expect(page.subscriptionKeyErrorMessage).toBe("The key is invalid.");
   });
@@ -76,16 +81,18 @@ describe("As AD I should edit the subscription key", () => {
     jest.spyOn(props.administrationWorkspaceContext, 'onUpdateSubscriptionKeyRequested').mockImplementationOnce(() => Promise.reject(expectedError));
     await page.fill('Some subscription key');
     await page.updateKey();
+    expect.assertions(2);
     expect(page.hasSubscriptionKeyError).toBeTruthy();
     expect(page.subscriptionKeyErrorMessage).toBe("The subscription key is invalid.");
   });
 
   it('As AD I should see an error if the submission failed for an unexpected reason', async() => {
-    const expectedError = {message: 'Some error'};
-    jest.spyOn(props.administrationWorkspaceContext, 'onUpdateSubscriptionKeyRequested').mockImplementationOnce(() => Promise.reject(expectedError));
+    const error = new Error('Some error');
+    jest.spyOn(props.administrationWorkspaceContext, 'onUpdateSubscriptionKeyRequested').mockImplementationOnce(() => Promise.reject(error));
     jest.spyOn(props.dialogContext, 'open').mockImplementationOnce(jest.fn());
     await page.fill('Some subscription key');
     await page.updateKey();
-    expect(props.dialogContext.open).toBeCalledWith(NotifyError);
+    expect.assertions(1);
+    expect(props.dialogContext.open).toBeCalledWith(NotifyError, {error: error});
   });
 });

package/src/react-extension/components/Administration/HandleSaveAccountRecoveryOrganizationPolicyWorkflow/HandleSaveAccountRecoveryOrganizationPolicyWorkflow.js

@@ -0,0 +1,180 @@
+/**
+ * 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 {withTranslation} from "react-i18next";
+import PropTypes from "prop-types";
+import {withAdminAccountRecovery} from "../../../contexts/AdminAccountRecoveryContext";
+import {withDialog} from "../../../contexts/DialogContext";
+import ProvideAccountRecoveryOrganizationKey from "../ProvideAccountRecoveryOrganizationKey/ProvideAccountRecoveryOrganizationKey";
+import ConfirmSaveAccountRecoverySettings from "../ConfirmSaveAccountRecoverySettings/ConfirmSaveAccountRecoverySettings";
+import {withActionFeedback} from "../../../contexts/ActionFeedbackContext";
+import {withAppContext} from "../../../contexts/AppContext";
+import NotifyError from "../../Common/Error/NotifyError/NotifyError";
+
+/**
+ * This component handle the account recovery organization policy save.
+ */
+class HandleSaveAccountRecoveryOrganizationPolicyWorkflow extends React.Component {
+  /**
+   * Default constructor
+   */
+  constructor(props) {
+    super(props);
+    this.bindCallbacks();
+  }
+
+  /**
+   * ComponentDidMount
+   * Invoked immediately after component is inserted into the tree
+   * @return {void}
+   */
+  componentDidMount() {
+    this.displayConfirmSummaryDialog();
+  }
+
+  /**
+   * Bind callbacks methods
+   */
+  bindCallbacks() {
+    this.handleCloseDialog = this.handleCloseDialog.bind(this);
+    this.handleConfirmSave = this.handleConfirmSave.bind(this);
+    this.handleSave = this.handleSave.bind(this);
+    this.handleError = this.handleError.bind(this);
+  }
+
+  /**
+   * Display the confirmation summary dialog
+   * @returns {Promise<void>}
+   */
+  async displayConfirmSummaryDialog() {
+    this.props.dialogContext.open(ConfirmSaveAccountRecoverySettings, {
+      policy: this.props.adminAccountRecoveryContext.policyChanges?.policy,
+      keyInfo: await this.getNewOrganizationKeyInfo(),
+      onClose: this.handleCloseDialog,
+      onSubmit: this.handleConfirmSave
+    });
+  }
+
+  /**
+   * Get the new organization public key info.
+   * @returns {Promise<null|object>}
+   */
+  getNewOrganizationKeyInfo() {
+    const organizationKey = this.props.adminAccountRecoveryContext.policyChanges?.publicKey;
+    if (organizationKey) {
+      return this.props.adminAccountRecoveryContext.getKeyInfo(organizationKey);
+    }
+    return null;
+  }
+
+  /**
+   * Display the capture account recovery organization key dialog dialog
+   * @returns {Promise<void>}
+   */
+  displayProvideAccountRecoveryOrganizationKeyDialog() {
+    this.props.dialogContext.open(ProvideAccountRecoveryOrganizationKey, {
+      onClose: this.handleCloseDialog,
+      onSubmit: this.handleSave,
+    });
+  }
+
+  /**
+   * Whenever the user close a dialog, stop the workflow.
+   */
+  handleCloseDialog() {
+    this.props.onStop();
+  }
+
+  /**
+   * Handle the confirmation.
+   * @return {Promise<void>}
+   */
+  async handleConfirmSave() {
+    const hasKey = Boolean(this.props.adminAccountRecoveryContext.currentPolicy?.account_recovery_organization_public_key);
+    if (hasKey) {
+      this.displayProvideAccountRecoveryOrganizationKeyDialog();
+    } else {
+      await this.handleSave();
+    }
+  }
+
+  /**
+   * Handle the actual registration of the new ORK.
+   * @param {Object|null} privateGpgKeyDto the private ORK given by the admin if any.
+   */
+  async handleSave(privateGpgKeyDto = null) {
+    try {
+      await this.props.adminAccountRecoveryContext.save(privateGpgKeyDto);
+      await this.props.actionFeedbackContext.displaySuccess(this.translate("The organization recovery policy has been updated successfully"));
+      this.props.onStop();
+    } catch (error) {
+      this.handleError(error);
+    }
+  }
+
+  /**
+   * Handle error
+   * @param error
+   */
+  handleError(error) {
+    const dialogControlledErrors = [
+      "UserAbortsOperationError",
+      "WrongOrganizationRecoveryKeyError",
+      "InvalidMasterPasswordError",
+      "BadSignatureMessageGpgKeyError",
+      "GpgKeyError"
+    ];
+    // If the error is controlled by the dialogs, throw it to let the dialogs handle it.
+    if (dialogControlledErrors.includes(error.name)) {
+      throw error;
+    }
+
+    if (error.name === "PassboltApiFetchError" && error?.data?.body?.account_recovery_organization_public_key?.fingerprint?.isNotAccountRecoveryOrganizationPublicKeyFingerprintRule) {
+      this.props.dialogContext.open(NotifyError, {error: new Error(this.translate("The new organization recovery key should not be a formerly used organization recovery key."))});
+    } else {
+      // Handle unexpected error.
+      this.props.dialogContext.open(NotifyError, {error});
+    }
+
+    this.props.onStop();
+  }
+
+  /**
+   * Get the translate function
+   * @returns {function(...[*]=)}
+   */
+  get translate() {
+    return this.props.t;
+  }
+
+  /**
+   * Renders the component
+   * @returns {JSX.Element}
+   */
+  render() {
+    return <></>;
+  }
+}
+
+HandleSaveAccountRecoveryOrganizationPolicyWorkflow.propTypes = {
+  dialogContext: PropTypes.any, // The dialog context
+  adminAccountRecoveryContext: PropTypes.any, // the admin account recovery context
+  actionFeedbackContext: PropTypes.object, // the admin action feedback context
+  context: PropTypes.object, // the app context,
+  onStop: PropTypes.func.isRequired, // The callback to stop the workflow
+  t: PropTypes.func // the translation function
+};
+
+export default withAppContext(withDialog(withActionFeedback(withAdminAccountRecovery(withTranslation("common")(HandleSaveAccountRecoveryOrganizationPolicyWorkflow)))));

package/src/react-extension/components/Administration/HandleSaveAccountRecoveryOrganizationPolicyWorkflow/HandleSaveAccountRecoveryOrganizationPolicyWorkflow.test.data.js

@@ -0,0 +1,47 @@
+/**
+ * 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 {defaultAdminAccountRecoveryContext} from "../../../contexts/AdminAccountRecoveryContext.test.data";
+import {defaultDialogContext} from "../../../contexts/DialogContext.test.data";
+
+/**
+ * Default props
+ * @param {Object} props The override
+ * @returns {object}
+ */
+export function defaultProps(props = {}) {
+  const _props = {
+    adminAccountRecoveryContext: defaultAdminAccountRecoveryContext(props?.adminAccountRecoveryContext),
+    dialogContext: defaultDialogContext(props?.dialogContext),
+  };
+  delete props?.adminAccountRecoveryContext; // Treated in the default
+  delete props?.dialogContext; // Treated in the default
+  return Object.assign(_props, props);
+}
+
+/**
+ * Has policy changes props
+ * @param {Object} props The override
+ * @returns {object}
+ */
+export function hasPolicyChangesProps(props = {}) {
+  const _props = {
+    adminAccountRecoveryContext: {
+      policyChanges: {
+        policy: "opt-in"
+      }
+    }
+  };
+  return defaultProps(Object.assign(_props, props));
+}