passbolt-styleguide 3.5.2 → 3.6.0-alpha2

package/src/react-extension/components/UserGroup/EditUserGroup/EditUserGroup.test.js

@@ -29,6 +29,7 @@ describe("See the Edit User Group", () => {
   let page; // The page to test against
   const context = defaultAppContext(); // The applicative context
   const props = defaultProps(); // The props to pass
+  props.onClose = jest.fn();
 
   const mockContextRequest = (context, implementation) => jest.spyOn(context.port, 'request').mockImplementation(implementation);
 
@@ -42,6 +43,7 @@ describe("See the Edit User Group", () => {
 
 
     it('As AD I should change the name of the group', async() => {
+      expect.assertions(3);
       expect(page.groupName).toBe("Leadership team");
 
       const newGroupName = "A different group name";
@@ -55,6 +57,7 @@ describe("See the Edit User Group", () => {
     });
 
     it('As AD I should change the role of a group member', async() => {
+      expect.assertions(3);
       expect(page.groupMember(2).role).toBe("Group Manager");
 
       const newRole = "Member";
@@ -68,6 +71,7 @@ describe("See the Edit User Group", () => {
     });
 
     it('As AD I should remove a user from a group', async() => {
+      expect.assertions(3);
       expect(page.groupMembersCount).toBe(2);
 
       await page.removeGroupMember(1);
@@ -79,11 +83,13 @@ describe("See the Edit User Group", () => {
     });
 
     it('As non-GM I should not add a new user to the group', async() => {
+      expect.assertions(1);
       // The current logged in user is not GM
       expect(page.canAdd).toBeFalsy();
     });
 
     it('AS GM I should add a new user to the group', async() => {
+      expect.assertions(5);
       // Set the context in order the logged in user to be a group manager
       const propsWithGroupManager = defaultProps();
       propsWithGroupManager.userWorkspaceContext.groupToEdit.groups_users[0].user_id = context.loggedInUser.id;
@@ -121,21 +127,25 @@ describe("See the Edit User Group", () => {
     });
 
     it('As AD I can stop editing a group by clicking on the cancel button', async() => {
+      expect.assertions(1);
       await page.cancel();
       expect(props.onClose).toBeCalled();
     });
 
     it('As AD I can stop editing a group by closing the dialog', async() => {
+      expect.assertions(1);
       await page.close();
       expect(props.onClose).toBeCalled();
     });
 
 
     it('As AD I should see an error dialog if the submit operation fails for an unexpected reason', async() => {
-      mockContextRequest(context, () => Promise.reject("Some error"));
+      expect.assertions(1);
+      const error = new Error("Some error");
+      mockContextRequest(context, () => Promise.reject(error));
       jest.spyOn(props.dialogContext, 'open').mockImplementation(() => {});
       await page.save();
-      expect(props.dialogContext.open).toHaveBeenCalledWith(NotifyError);
+      expect(props.dialogContext.open).toHaveBeenCalledWith(NotifyError, {error: error});
     });
 
     it('As AD I should see an error message if the group name already exists', async() => {
@@ -157,6 +167,7 @@ describe("See the Edit User Group", () => {
     });
 
     it('As AD I should see an error message when the editing group has no group manager anymore', async() => {
+      expect.assertions(1);
       const newRole = "Member";
       page.groupMember(1).role = newRole;
       page.groupMember(2).role = newRole;

package/src/react-extension/components/UserGroup/EditUserGroup/EditUserGroup.test.stories.js

@@ -13,7 +13,7 @@ export default {
 
 const context = {
   userSettings: {
-    getTrustedDomain: () => 'some url'
+    getTrustedDomain: () => (new URL(window.location.href)).origin
   },
   port: {
     request: () => mockGpgKey

package/src/react-extension/components/UserSetting/ChangeUserPassphrase/ConfirmPassphrase.js

@@ -176,7 +176,7 @@ class ConfirmPassphrase extends React.Component {
     if (error.name === "InvalidMasterPasswordError") {
       this.setState({passphraseError: this.translate("The passphrase is invalid.")});
     } else {
-      const ErrorDialogProps = {message: error.message};
+      const ErrorDialogProps = {error: error};
       this.props.dialogContext.open(NotifyError, ErrorDialogProps);
     }
   }

package/src/react-extension/components/UserSetting/ChangeUserPassphrase/ConfirmPassphrase.test.js

@@ -42,6 +42,7 @@ describe("As LU I should see the user confirm passphrase page", () => {
     });
 
     it('As LU I should be able to confirm my passphrase', async() => {
+      expect.assertions(3);
       expect(page.exists()).toBeTruthy();
       expect(page.title).toBe('Please enter your passphrase to continue');
 
@@ -55,6 +56,7 @@ describe("As LU I should see the user confirm passphrase page", () => {
     });
 
     it('As LU I should be able to cancel the confirmation of my passphrase', async() => {
+      expect.assertions(1);
       await page.cancel();
       expect(props.userSettingsContext.onGoToIntroductionPassphraseRequested).toHaveBeenCalled();
     });
@@ -76,7 +78,8 @@ describe("As LU I should see the user confirm passphrase page", () => {
       });
     });
 
-    it('As LU I shouldn’t be able to submit the form if there is an invalid field', async() => {
+    it("As LU I shouldn't be able to submit the form if there is an invalid field", async() => {
+      expect.assertions(4);
       expect(page.verifyButton.getAttribute("disabled")).not.toBeNull();
       expect(page.verifyButton.className).toBe('button primary disabled medium');
 
@@ -94,7 +97,7 @@ describe("As LU I should see the user confirm passphrase page", () => {
       jest.spyOn(props.userSettingsContext, 'onCheckProvidePassphraseRequested').mockImplementationOnce(mockReject(new PassboltApiFetchError("Jest simulate API error.")));
 
       await page.verify();
-      const ErrorDialogProps = {message: "Jest simulate API error."};
+      const ErrorDialogProps = {error: new Error("Jest simulate API error.")};
       expect(props.dialogContext.open).toHaveBeenCalledWith(NotifyError, ErrorDialogProps);
     });
   });

package/src/react-extension/components/UserSetting/ChangeUserPassphrase/EnterNewPassphrase.js

@@ -252,7 +252,7 @@ class EnterNewPassphrase extends React.Component {
    */
   async onGpgKeyGeneratedFailure(error) {
     await this.toggleProcessing();
-    const ErrorDialogProps = {message: error.message};
+    const ErrorDialogProps = {error: error};
     this.props.dialogContext.open(NotifyError, ErrorDialogProps);
   }
 

package/src/react-extension/components/UserSetting/ChangeUserPassphrase/EnterNewPassphrase.test.js

@@ -43,18 +43,21 @@ describe("As LU I should see the user confirm passphrase page", () => {
     });
 
     it('As LU I should be able to enter my new passphrase', async() => {
+      expect.assertions(1);
       const expectedPassphrase = 'La belle vie';
       await page.insertPassphrase(expectedPassphrase);
       expect(page.passphrase).toBe(expectedPassphrase);
     });
 
     it('As LU I should initially see the passphrase I typed as obfuscated', async() => {
+      expect.assertions(1);
       const passphrase = 'La belle vie';
       await page.insertPassphrase(passphrase);
       expect(page.isObfuscated).toBeTruthy();
     });
 
     it('As LU I should be able to see the non-obfuscate passphrase I typed', async() => {
+      expect.assertions(1);
       const passphrase = 'La belle vie';
       await page.insertPassphrase(passphrase);
       await page.toggleObfuscate();
@@ -92,18 +95,21 @@ describe("As LU I should see the user confirm passphrase page", () => {
     });
 
     it('As LU I should not go to the next step if the passphrase is not strong enough', async() => {
+      expect.assertions(1);
       const veryWeakPassphrase = 'blabla';
       await page.insertPassphrase(veryWeakPassphrase);
       expect(page.canUpdate).toBeFalsy();
     });
 
     it('As LU I should not go to the next step if the passphrase is empty', async() => {
+      expect.assertions(1);
       const veryWeakPassphrase = '';
       await page.insertPassphrase(veryWeakPassphrase);
       expect(page.canUpdate).toBeFalsy();
     });
 
     it('As LU I should go to the next step if the passphrase is strong enough', async() => {
+      expect.assertions(1);
       const veryStrongPassphrase = 'abcdefgh1234=5ABCD===';
       await page.insertPassphrase(veryStrongPassphrase);
       expect(page.canUpdate).toBeTruthy();
@@ -111,6 +117,7 @@ describe("As LU I should see the user confirm passphrase page", () => {
 
 
     it('As LU I cannot update the form fields while submitting the form', async() => {
+      expect.assertions(3);
       const veryStrongPassphrase = 'abcdefgh1234=5ABCD===';
       await page.insertPassphrase(veryStrongPassphrase);
 
@@ -126,6 +133,7 @@ describe("As LU I should see the user confirm passphrase page", () => {
     });
 
     it('As LU I should see a processing feedback while submitting the form', async() => {
+      expect.assertions(2);
       const veryStrongPassphrase = 'abcdefgh1234=5ABCD===';
       await page.insertPassphrase(veryStrongPassphrase);
 
@@ -140,11 +148,13 @@ describe("As LU I should see the user confirm passphrase page", () => {
     });
 
     it('As LU I should be able to cancel the confirmation of my passphrase', async() => {
+      expect.assertions(1);
       await page.cancel();
       expect(props.userSettingsContext.onGoToIntroductionPassphraseRequested).toHaveBeenCalled();
     });
 
     it('As LU I should see an error dialog if there is an api error', async() => {
+      expect.assertions(3);
       expect(page.updateButton.getAttribute("disabled")).not.toBeNull();
       expect(page.updateButton.className).toBe('button primary disabled medium');
 
@@ -154,7 +164,7 @@ describe("As LU I should see the user confirm passphrase page", () => {
       jest.spyOn(props.userSettingsContext, 'onUpdatePassphraseRequested').mockImplementationOnce(mockReject(new PassboltApiFetchError("Jest simulate API error.")));
 
       await page.update();
-      const ErrorDialogProps = {message: "Jest simulate API error."};
+      const ErrorDialogProps = {error: new Error("Jest simulate API error.")};
       expect(props.dialogContext.open).toHaveBeenCalledWith(NotifyError, ErrorDialogProps);
     });
   });

package/src/react-extension/components/UserSetting/ChangeUserSecurityToken/ChangeUserSecurityToken.js

@@ -218,7 +218,7 @@ class ChangeUserSecurityToken extends Component {
    */
   async onSaveFailure(error) {
     await this.toggleProcessing();
-    const ErrorDialogProps = {message: error.message};
+    const ErrorDialogProps = {error: error};
     this.props.dialogContext.open(NotifyError, ErrorDialogProps);
   }
 

package/src/react-extension/components/UserSetting/ChangeUserSecurityToken/ChangeUserSecurityToken.test.js

@@ -20,6 +20,7 @@ describe("Display change user security token", () => {
   });
 
   it('As LU I should be able to choose the color of my security token', async() => {
+    expect.assertions(1);
     const colorToPick = '#009688';
     const expectedSelectedColor = 'rgb(0, 150, 136)';
     await page.selectColor(colorToPick);
@@ -27,17 +28,20 @@ describe("Display change user security token", () => {
   });
 
   it('As LU I should be able to choose the code of my security token', async() => {
+    expect.assertions(1);
     const expectedSelectedCode = '';
     await page.fillCode(expectedSelectedCode);
     expect(page.code).toBe(expectedSelectedCode);
   });
 
   it('As LU I should be able to randomize the code of my security token', async() => {
+    expect.assertions(1);
     await page.randomize();
     expect(page.code.length).toBe(3);
   });
 
   it('As LU I cannot update the form fields while submitting the form', async() => {
+    expect.assertions(4);
     let saveResolve = null;
     const requestMockImpl = jest.fn(() => new Promise(resolve => saveResolve = resolve));
     jest.spyOn(props.userSettingsContext, 'onUpdateSecurityTokenRequested').mockImplementationOnce(requestMockImpl);
@@ -51,6 +55,7 @@ describe("Display change user security token", () => {
   });
 
   it('As LU I should see a processing feedback while submitting the form', async() => {
+    expect.assertions(5);
     let saveResolve = null;
     const requestMockImpl = jest.fn(() => new Promise(resolve => saveResolve = resolve));
     jest.spyOn(props.userSettingsContext, 'onUpdateSecurityTokenRequested').mockImplementationOnce(requestMockImpl);
@@ -65,6 +70,7 @@ describe("Display change user security token", () => {
   });
 
   it('As LU I should see an error if the security token is empty after submitting the form (first validation)', async() => {
+    expect.assertions(1);
     const emptyCode = ' ';
     await page.fillCode(emptyCode);
     await page.save();
@@ -72,6 +78,7 @@ describe("Display change user security token", () => {
   });
 
   it('As LU I should see an error if the security token is not 3 length after submitting the form (first validation)', async() => {
+    expect.assertions(1);
     const notGoodLengthCode = 'AB';
     await page.fillCode(notGoodLengthCode);
     await page.save();
@@ -79,12 +86,13 @@ describe("Display change user security token", () => {
   });
 
   it('As LU I should see an error if the submission failed for an unexpected reason', async() => {
-    const expectedError = {message: 'Some error'};
-    jest.spyOn(props.userSettingsContext, 'onUpdateSecurityTokenRequested').mockImplementationOnce(() => Promise.reject(expectedError));
+    expect.assertions(1);
+    const error = new Error('Some error');
+    jest.spyOn(props.userSettingsContext, 'onUpdateSecurityTokenRequested').mockImplementationOnce(() => Promise.reject(error));
     jest.spyOn(props.dialogContext, 'open').mockImplementationOnce(jest.fn());
     await page.fillCode('ABC');
     await page.save();
-    expect(props.dialogContext.open).toBeCalledWith(NotifyError, expectedError);
+    expect(props.dialogContext.open).toBeCalledWith(NotifyError, {error: error});
   });
 });
 

package/src/react-extension/components/UserSetting/ChangeUserSecurityToken/ChangeUserSecurityToken.test.stories.js

@@ -21,7 +21,11 @@ const context = {
 const Template = args =>
   <AppContext.Provider value={context}>
     <MemoryRouter initialEntries={['/']}>
-      <Route component={routerProps => <ChangeUserSecurityToken {...args} {...routerProps}/>}></Route>
+      <div className="page settings">
+        <div className="profile-choose-security-token">
+          <Route component={routerProps => <ChangeUserSecurityToken {...args} {...routerProps}/>}></Route>
+        </div>
+      </div>
     </MemoryRouter>
   </AppContext.Provider>;
 

package/src/react-extension/components/UserSetting/DisplayUserAccountRecovery/DisplayAccountRecoveryUserSettings.js

@@ -0,0 +1,240 @@
+/**
+ * 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 {Route} from "react-router-dom";
+import PropTypes from "prop-types";
+import {Trans, withTranslation} from "react-i18next";
+import UserAvatar from "../../Common/Avatar/UserAvatar";
+import {withAppContext} from "../../../contexts/AppContext";
+import {DateTime} from "luxon";
+import {withAccountRecovery} from "../../../contexts/AccountRecoveryUserContext";
+import Icon from "../../Common/Icons/Icon";
+import {withDialog} from "../../../contexts/DialogContext";
+import ManageAccountRecoveryUserSettings from "../../AccountRecovery/ManageAccountRecoveryUserSettings/ManageAccountRecoveryUserSettings";
+import HandleAccountRecoveryUserSettingsRoute from "../../AccountRecovery/HandleAccountRecoveryUserSettingsRoute/HandleAccountRecoveryUserSettingsRoute";
+
+class DisplayAccountRecoveryUserSettings extends Component {
+  constructor(props) {
+    super(props);
+    this.bindCallbacks();
+  }
+
+  /**
+   * ComponentDidMount
+   * Invoked immediately after component is inserted into the tree
+   * @return {void}
+   */
+  async componentDidMount() {
+    await this.props.accountRecoveryContext.findAccountRecoveryPolicy();
+  }
+
+  /**
+   * Bind callbacks methods
+   */
+  bindCallbacks() {
+    this.handleReviewClick = this.handleReviewClick.bind(this);
+  }
+
+  /**
+   * Is the account recovery approved?
+   * @returns {boolean}
+   */
+  hasNotApprovedStatus() {
+    return this.props.accountRecoveryContext.status !== "approved";
+  }
+
+  /**
+   * get fingerprint
+   * @param fingerprint
+   * @returns string
+   */
+  formatFingerprint(fingerprint) {
+    if (!fingerprint) {
+      return "";
+    }
+    return fingerprint.toUpperCase().replace(/.{4}(?=.)/g, "$& ");
+  }
+
+  /**
+   * Format date in time ago
+   * @param {string} date The date to format
+   * @return {string}
+   */
+  formatDateTimeAgo(date) {
+    const dateTime = DateTime.fromISO(date);
+    const duration = dateTime.diffNow().toMillis();
+    return duration > -1000 && duration < 0 ? this.translate('Just now') : dateTime.toRelative({locale: this.props.context.locale});
+  }
+
+  /**
+   * Returns true if user has rejected the account recovery policy
+   * @return {bool}
+   */
+  isStatusApproved() {
+    return this.props.accountRecoveryContext.status === "approved";
+  }
+
+  /**
+   * Handle user clicking on review click.
+   */
+  handleReviewClick() {
+    this.props.dialogContext.open(ManageAccountRecoveryUserSettings, {
+      organizationPolicy: this.props.accountRecoveryContext.getOrganizationPolicy()
+    });
+  }
+
+  /**
+   * Get the user requesting the current user to subscribe to the account recovery program.
+   * @returns {object|void}
+   */
+  get requestor() {
+    return this.props.accountRecoveryContext.getRequestor();
+  }
+
+  /**
+   * Get the user requesting the current user to subscribe to the account recovery program.
+   * @returns {string|void}
+   */
+  get requestorFingerprint() {
+    const requestor = this.requestor;
+    return requestor && requestor.gpgkey.fingerprint;
+  }
+
+  /**
+   * Get the user name requesting the current user to subscribe to the account recovery program.
+   * @returns {string}
+   */
+  get requestorName() {
+    const requestor = this.requestor;
+    return requestor && `${requestor.profile.first_name} ${requestor.profile.last_name}`;
+  }
+
+  /**
+   * Get the time at when the setup of the account recovery user setting policy has been requested.
+   * @returns {string}
+   */
+  get requestedDate() {
+    return this.props.accountRecoveryContext.getRequestedDate();
+  }
+
+  get isAccountRecoveryFeatureEnabled() {
+    return this.policy !== "disabled";
+  }
+
+  /**
+   * Return the organization policy type.
+   * @returns {string|void}
+   */
+  get policy() {
+    return this.props.accountRecoveryContext.getPolicy();
+  }
+
+  /**
+   * Get the translate function
+   * @returns {function(...[*]=)}
+   */
+  get translate() {
+    return this.props.t;
+  }
+
+  /**
+   * Render the component
+   * @returns {JSX}
+   */
+  render() {
+    return (
+      <>
+        {this.props.context.loggedInUser && this.props.accountRecoveryContext.getOrganizationPolicy() &&
+          <Route exact path="/app/settings/account-recovery/edit" component={HandleAccountRecoveryUserSettingsRoute}/>
+        }
+        <div className="grid grid-responsive-12">
+          <div className="row">
+            {this.isAccountRecoveryFeatureEnabled &&
+              <div className="col8 account-recovery-profile">
+                <h3><Trans>Account Recovery</Trans></h3>
+                <p>
+                  <Trans>It is possible to share securely your recovery kit with the administrator.</Trans>&nbsp;
+                  <Trans>They will be able to help you in case you lose it.</Trans>&nbsp;
+                  <Trans>Otherwise, you may lose access to your data.</Trans>
+                </p>
+                <div className="account-recovery-status">
+                  <div className="account-recovery-review">
+                    <p className="status-wrapper">
+                      <Trans>Status</Trans>:
+                      <span className={`account-recovery-hints ${this.props.accountRecoveryContext.status}`}/>
+                      <span className="status">{this.props.accountRecoveryContext.status}</span>
+                    </p>
+                    {this.hasNotApprovedStatus() && !this.isStatusApproved() &&
+                    <button type='button' className="button primary" onClick={this.handleReviewClick}><Trans>Review</Trans></button>
+                    }
+                  </div>
+                  {this.hasNotApprovedStatus() &&
+                  <ul>
+                    <li className="usercard-detailed-col-2">
+                      <div className="content-wrapper">
+                        <div className="content">
+                          <div>
+                            <span className="tooltip tooltip-bottom"
+                              data-tooltip={this.formatFingerprint(this.requestorFingerprint)}>
+                              <span className="name-with-tooltip">{`${this.requestorName} (${this.translate("admin")})`}</span>
+                            </span>
+                            &nbsp;
+                            <span className="name"><Trans>requested this operation</Trans></span>
+                          </div>
+                          <div className="subinfo light">{this.formatDateTimeAgo(this.requestedDate)}</div>
+                        </div>
+                      </div>
+                      <UserAvatar user={this.requestor} baseUrl={this.props.context.userSettings.getTrustedDomain()}/>
+                    </li>
+                  </ul>
+                  }
+                </div>
+              </div>
+            }
+            {!this.isAccountRecoveryFeatureEnabled &&
+              <div className="col8 account-recovery-profile">
+                <h3><Trans>Account Recovery</Trans></h3>
+                <h4><Trans>Sorry the account recovery feature is not enabled for this organization.</Trans></h4>
+                <p>
+                  <Trans>Please contact your administrator to enable the account recovery feature.</Trans>
+                </p>
+              </div>
+            }
+            <div className="col4 last">
+              <div>
+                <h3><Trans>Need some help?</Trans></h3>
+                <p><Trans>For more information about account recovery, checkout the dedicated page on the help website.</Trans></p>
+                <a className="button" href="https://help.passbolt.com" target="_blank" rel="noopener noreferrer">
+                  <Icon name="life-ring"/>
+                  <span><Trans>Read documentation</Trans></span>
+                </a>
+              </div>
+            </div>
+          </div>
+        </div>
+      </>
+    );
+  }
+}
+
+DisplayAccountRecoveryUserSettings.propTypes = {
+  context: PropTypes.any, // The application context
+  accountRecoveryContext: PropTypes.any, // The account recovery context
+  requestor: PropTypes.any, // The admin user at the origin of the request
+  date: PropTypes.string, // The date of the request
+  t: PropTypes.func, // The translation function
+  dialogContext: PropTypes.object, // The dialog context
+};
+export default withAppContext(withAccountRecovery(withDialog(withTranslation('common')(DisplayAccountRecoveryUserSettings))));

package/src/react-extension/components/UserSetting/DisplayUserAccountRecovery/DisplayAccountRecoveryUserSettings.test.data.js

@@ -0,0 +1,53 @@
+/**
+ * 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";
+
+/**
+ * Returns the default app context for the unit test
+ * @param appContext An existing app context
+ * @returns {any}
+ */
+export function defaultProps(data = {}) {
+  const defaultProps = {
+    context: defaultAppContext(data?.context),
+    dialogContext: {
+      open: jest.fn()
+    }
+  };
+  delete data.context;
+  return Object.assign(defaultProps, data);
+}
+
+export const mockedData = {
+  policy: {
+    policy: "opt-out"
+  },
+  creator: {
+    profile: {
+      first_name: "Ada",
+      last_name: "Lovelace"
+    },
+    gpgkey: {
+      fingerprint: "848E95CC7493129AD862583129B81CA8936023DD"
+    },
+  },
+  modified: "2022-01-13T15:27:26.301Z"
+};
+
+export function getAccountRecoveryUserService(mockedData) {
+  return {
+    getOrganizationAccountRecoverySettings: () => mockedData
+  };
+}