passbolt-styleguide 3.5.2 → 3.6.0-alpha2

package/src/react-web-integration/lib/InForm/InformManager.test.js

@@ -22,25 +22,25 @@ import {
   domElementLoginWithAutocompleteAttributeUsername,
   domElementLoginWithClassEmail,
   domElementLoginWithClassUsername,
-  domElementLoginWithIdAttributeEmail,
+  domElementLoginWithIdAttributeEmail, domElementLoginWithIdAttributeLogin,
   domElementLoginWithIdAttributeUsername,
-  domElementLoginWithNameAttributeEmail,
+  domElementLoginWithNameAttributeEmail, domElementLoginWithNameAttributeLogin,
   domElementLoginWithNameAttributeUsername,
   domElementLoginWithNoTypeAndAutocompleteAttributeEmail,
   domElementLoginWithNoTypeAndAutocompleteAttributeUsername,
   domElementLoginWithNoTypeAndClassEmail,
   domElementLoginWithNoTypeAndClassUsername,
-  domElementLoginWithNoTypeAndIdAttributeEmail,
+  domElementLoginWithNoTypeAndIdAttributeEmail, domElementLoginWithNoTypeAndIdAttributeLogin,
   domElementLoginWithNoTypeAndIdAttributeUsername,
-  domElementLoginWithNoTypeAndNameAttributeEmail,
-  domElementLoginWithNoTypeAndNameAttributeUsername,
+  domElementLoginWithNoTypeAndNameAttributeEmail, domElementLoginWithNoTypeAndNameAttributeLogin,
+  domElementLoginWithNoTypeAndNameAttributeUsername, domElementLoginWithNoTypeAndPlaceHolderAttributeE_mail,
   domElementLoginWithNoTypeAndPlaceHolderAttributeEmail,
-  domElementLoginWithNoTypeAndPlaceHolderAttributeUsername,
+  domElementLoginWithNoTypeAndPlaceHolderAttributeUsername, domElementLoginWithPlaceHolderAttributeE_mail,
   domElementLoginWithPlaceHolderAttributeEmail,
   domElementLoginWithPlaceHolderAttributeUsername,
   domElementLoginWithSubmitButton,
   domElementOnlyPassword,
-  domElementOnlyUsername,
+  domElementOnlyUsername, domElementWithMultipleLogin,
   domElementWithNoUsernamePassword,
   initializeWindow
 } from "./InformManager.test.data";
@@ -97,6 +97,25 @@ describe("InformManager", () => {
     expect(informManager.iframesLength).toBe(2);
   });
 
+  it("As LU I should see the inform call to action on form with name attribute login", async() => {
+    // Set up document body
+    document.body.innerHTML = domElementLoginWithNameAttributeLogin; // The Dom
+    const informManager = new InformManagerPage();
+    expect(informManager.iframesLength).toBe(0);
+    await informManager.focusOnUsername();
+    expect(informManager.iframesLength).toBe(1);
+    await informManager.mouseOverOnPassword();
+    expect(informManager.iframesLength).toBe(2);
+    await informManager.blurOnUsername();
+    expect(informManager.iframesLength).toBe(1);
+    await informManager.blurOnPassword();
+    expect(informManager.iframesLength).toBe(0);
+    await informManager.focusOnPassword();
+    expect(informManager.iframesLength).toBe(1);
+    await informManager.mouseOverOnUsername();
+    expect(informManager.iframesLength).toBe(2);
+  });
+
   it("As LU I should see the inform call to action on form with no type and name attribute username", async() => {
     // Set up document body
     document.body.innerHTML = domElementLoginWithNoTypeAndNameAttributeUsername; // The Dom
@@ -135,6 +154,25 @@ describe("InformManager", () => {
     expect(informManager.iframesLength).toBe(2);
   });
 
+  it("As LU I should see the inform call to action on form with no type name attribute login", async() => {
+    // Set up document body
+    document.body.innerHTML = domElementLoginWithNoTypeAndNameAttributeLogin; // The Dom
+    const informManager = new InformManagerPage();
+    expect(informManager.iframesLength).toBe(0);
+    await informManager.focusOnUsername();
+    expect(informManager.iframesLength).toBe(1);
+    await informManager.mouseOverOnPassword();
+    expect(informManager.iframesLength).toBe(2);
+    await informManager.blurOnUsername();
+    expect(informManager.iframesLength).toBe(1);
+    await informManager.blurOnPassword();
+    expect(informManager.iframesLength).toBe(0);
+    await informManager.focusOnPassword();
+    expect(informManager.iframesLength).toBe(1);
+    await informManager.mouseOverOnUsername();
+    expect(informManager.iframesLength).toBe(2);
+  });
+
   it("As LU I should see the inform call to action on form with id attribute username", async() => {
     // Set up document body
     document.body.innerHTML = domElementLoginWithIdAttributeUsername; // The Dom
@@ -173,6 +211,25 @@ describe("InformManager", () => {
     expect(informManager.iframesLength).toBe(2);
   });
 
+  it("As LU I should see the inform call to action on form with id attribute login", async() => {
+    // Set up document body
+    document.body.innerHTML = domElementLoginWithIdAttributeLogin; // The Dom
+    const informManager = new InformManagerPage();
+    expect(informManager.iframesLength).toBe(0);
+    await informManager.focusOnUsername();
+    expect(informManager.iframesLength).toBe(1);
+    await informManager.mouseOverOnPassword();
+    expect(informManager.iframesLength).toBe(2);
+    await informManager.blurOnUsername();
+    expect(informManager.iframesLength).toBe(1);
+    await informManager.blurOnPassword();
+    expect(informManager.iframesLength).toBe(0);
+    await informManager.focusOnPassword();
+    expect(informManager.iframesLength).toBe(1);
+    await informManager.mouseOverOnUsername();
+    expect(informManager.iframesLength).toBe(2);
+  });
+
   it("As LU I should see the inform call to action on form with no type and id attribute username", async() => {
     // Set up document body
     document.body.innerHTML = domElementLoginWithNoTypeAndIdAttributeUsername; // The Dom
@@ -211,6 +268,25 @@ describe("InformManager", () => {
     expect(informManager.iframesLength).toBe(2);
   });
 
+  it("As LU I should see the inform call to action on form with no type and id attribute login", async() => {
+    // Set up document body
+    document.body.innerHTML = domElementLoginWithNoTypeAndIdAttributeLogin; // The Dom
+    const informManager = new InformManagerPage();
+    expect(informManager.iframesLength).toBe(0);
+    await informManager.focusOnUsername();
+    expect(informManager.iframesLength).toBe(1);
+    await informManager.mouseOverOnPassword();
+    expect(informManager.iframesLength).toBe(2);
+    await informManager.blurOnUsername();
+    expect(informManager.iframesLength).toBe(1);
+    await informManager.blurOnPassword();
+    expect(informManager.iframesLength).toBe(0);
+    await informManager.focusOnPassword();
+    expect(informManager.iframesLength).toBe(1);
+    await informManager.mouseOverOnUsername();
+    expect(informManager.iframesLength).toBe(2);
+  });
+
   it("As LU I should see the inform call to action on form with autocomplete attribute username", async() => {
     // Set up document body
     document.body.innerHTML = domElementLoginWithAutocompleteAttributeUsername; // The Dom
@@ -325,6 +401,25 @@ describe("InformManager", () => {
     expect(informManager.iframesLength).toBe(2);
   });
 
+  it("As LU I should see the inform call to action on form with placeholder attribute e-mail", async() => {
+    // Set up document body
+    document.body.innerHTML = domElementLoginWithPlaceHolderAttributeE_mail; // The Dom
+    const informManager = new InformManagerPage();
+    expect(informManager.iframesLength).toBe(0);
+    await informManager.focusOnUsername();
+    expect(informManager.iframesLength).toBe(1);
+    await informManager.mouseOverOnPassword();
+    expect(informManager.iframesLength).toBe(2);
+    await informManager.blurOnUsername();
+    expect(informManager.iframesLength).toBe(1);
+    await informManager.blurOnPassword();
+    expect(informManager.iframesLength).toBe(0);
+    await informManager.focusOnPassword();
+    expect(informManager.iframesLength).toBe(1);
+    await informManager.mouseOverOnUsername();
+    expect(informManager.iframesLength).toBe(2);
+  });
+
   it("As LU I should see the inform call to action on form with no type and placeholder attribute username", async() => {
     // Set up document body
     document.body.innerHTML = domElementLoginWithNoTypeAndPlaceHolderAttributeUsername; // The Dom
@@ -363,6 +458,25 @@ describe("InformManager", () => {
     expect(informManager.iframesLength).toBe(2);
   });
 
+  it("As LU I should see the inform call to action on form with no type and placeholder attribute e-mail", async() => {
+    // Set up document body
+    document.body.innerHTML = domElementLoginWithNoTypeAndPlaceHolderAttributeE_mail; // The Dom
+    const informManager = new InformManagerPage();
+    expect(informManager.iframesLength).toBe(0);
+    await informManager.focusOnUsername();
+    expect(informManager.iframesLength).toBe(1);
+    await informManager.mouseOverOnPassword();
+    expect(informManager.iframesLength).toBe(2);
+    await informManager.blurOnUsername();
+    expect(informManager.iframesLength).toBe(1);
+    await informManager.blurOnPassword();
+    expect(informManager.iframesLength).toBe(0);
+    await informManager.focusOnPassword();
+    expect(informManager.iframesLength).toBe(1);
+    await informManager.mouseOverOnUsername();
+    expect(informManager.iframesLength).toBe(2);
+  });
+
   it("As LU I should see the inform call to action on form with class username", async() => {
     // Set up document body
     document.body.innerHTML = domElementLoginWithClassUsername; // The Dom
@@ -485,6 +599,32 @@ describe("InformManager", () => {
     expect(informManager.username.value).toBe('test');
   });
 
+  it("As LU I should see the inform call to action when I clicked on it and autofill only fields in the same parent container", async() => {
+    // Set up document body
+    document.body.innerHTML = domElementWithMultipleLogin; // The Dom
+    const informManager = new InformManagerPage();
+    expect(informManager.iframesLength).toBe(0);
+    await informManager.focusOnUsername();
+    expect(informManager.iframesLength).toBe(1);
+    await informManager.clickOnInformCallToAction();
+    expect(informManager.iframesLength).toBe(1);
+    await informManager.blurOnUsername();
+    expect(informManager.iframesLength).toBe(0);
+    await informManager.focusOnPassword();
+    expect(informManager.iframesLength).toBe(1);
+    await informManager.clickOnInformCallToAction(2);
+    expect(informManager.iframesLength).toBe(1);
+    await informManager.blurOnPassword();
+    expect(informManager.iframesLength).toBe(0);
+    await informManager.autofillCredentials('test', 'password');
+    expect(informManager.usernames[0].value).toBe('');
+    expect(informManager.passwords[0].value).toBe('');
+    expect(informManager.usernames[1].value).toBe('test');
+    expect(informManager.passwords[1].value).toBe('password');
+    expect(informManager.usernames[2].value).toBe('');
+    expect(informManager.passwords[2].value).toBe('');
+  });
+
   it("As LU I should auto save a form", async() => {
     // Set up document body
     document.body.innerHTML = domElementLoginWithSubmitButton; // The Dom

package/src/react-web-integration/lib/InForm/InformManager.test.page.js

@@ -39,6 +39,13 @@ export default class InformManagerPage {
     return document.querySelector(InFormFieldSelector.USERNAME_FIELD_SELECTOR);
   }
 
+  /**
+   * Returns the usernames element
+   */
+  get usernames() {
+    return document.querySelectorAll(InFormFieldSelector.USERNAME_FIELD_SELECTOR);
+  }
+
   /**
    * Returns the password element
    */
@@ -46,6 +53,13 @@ export default class InformManagerPage {
     return document.querySelector(InFormFieldSelector.PASSWORD_FIELD_SELECTOR);
   }
 
+  /**
+   * Returns the passwords element
+   */
+  get passwords() {
+    return document.querySelectorAll(InFormFieldSelector.PASSWORD_FIELD_SELECTOR);
+  }
+
   /**
    * Returns the search element
    */
@@ -125,8 +139,8 @@ export default class InformManagerPage {
     await waitFor(() => {});
   }
 
-  async clickOnInformCallToAction() {
-    InFormManager.lastCallToActionFieldClicked = InFormManager.callToActionFields[0];
+  async clickOnInformCallToAction(index = 1) {
+    InFormManager.lastCallToActionFieldClicked = InFormManager.callToActionFields[index - 1];
     await waitFor(() => {});
   }
 

package/src/shared/lib/Error/EntityValidationError.js

@@ -0,0 +1,81 @@
+/**
+ * Passbolt ~ Open source password manager for teams
+ * Copyright (c) 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) Passbolt SA (https://www.passbolt.com)
+ * @license       https://opensource.org/licenses/AGPL-3.0 AGPL License
+ * @link          https://www.passbolt.com Passbolt(tm)
+ * @since         2.13.0
+ */
+class EntityValidationError extends Error {
+  /**
+   * EntityValidationError constructor
+   *
+   * @param {string} message
+   */
+  constructor(message) {
+    message = message || 'Entity validation error.';
+    super(message);
+    this.name = 'EntityValidationError';
+    this.details = {};
+  }
+
+  /**
+   * Add a given an error for a given property and rule
+   *
+   * @param {string} property example: name
+   * @param {string} rule example: required
+   * @param {string} message example: the name is required
+   */
+  addError(property, rule, message) {
+    if (typeof property !== 'string') {
+      throw new TypeError('EntityValidationError addError property should be a string.');
+    }
+    if (typeof rule !== 'string') {
+      throw new TypeError('EntityValidationError addError rule should be a string.');
+    }
+    if (typeof message !== 'string') {
+      throw new TypeError('EntityValidationError addError message should be a string.');
+    }
+    if (!Object.prototype.hasOwnProperty.call(this.details, property)) {
+      this.details[property] = {};
+    }
+    this.details[property][rule] = message;
+  }
+
+  /**
+   * Return true if a property has any error or error for the provided rule
+   *
+   * @param {string} property
+   * @param {string} [rule] optional example: required
+   * @returns {boolean} true if a given property as an error
+   */
+  hasError(property, rule) {
+    if (typeof property !== 'string') {
+      throw new TypeError('EntityValidationError hasError property should be a string.');
+    }
+    const hasError = (this.details && Object.prototype.hasOwnProperty.call(this.details, property));
+    if (!rule) {
+      return hasError;
+    }
+    if (typeof rule !== 'string') {
+      throw new TypeError('EntityValidationError hasError rule should be a string.');
+    }
+    return Object.prototype.hasOwnProperty.call(this.details[property], rule);
+  }
+
+  /**
+   * Return true if some error details are present
+   *
+   * @returns {boolean}
+   */
+  hasErrors() {
+    return (Object.keys(this.details).length > 0);
+  }
+}
+
+export default EntityValidationError;

package/src/shared/lib/apiClient/apiClient.test.js

@@ -13,7 +13,7 @@
  */
 import {ApiClient} from "./apiClient";
 import {ApiClientOptions} from "./apiClientOptions";
-import fetch from 'node-fetch';
+import fetch from 'cross-fetch';
 import PassboltServiceUnavailableError from "../Error/PassboltServiceUnavailableError";
 
 // Reset the modules before each test.

package/src/shared/services/accountRecovery/ApiAppAccountRecoveryUserService.js

@@ -0,0 +1,78 @@
+/**
+ * Passbolt ~ Open source password manager for teams
+ * Copyright (c) 2020 Passbolt SA (https://www.passbolt.com)
+ *
+ * Licensed under GNU Affero General Public License version 3 of the or any later version.
+ * For full copyright and license information, please see the LICENSE.txt
+ * Redistributions of files must retain the above copyright notice.
+ *
+ * @copyright     Copyright (c) 2020 Passbolt SA (https://www.passbolt.com)
+ * @license       https://opensource.org/licenses/AGPL-3.0 AGPL License
+ * @link          https://www.passbolt.com Passbolt(tm)
+ * @since         3.6.0
+ */
+
+import {ApiClient} from "../../lib/apiClient/apiClient";
+import {ApiClientOptions} from "../../lib/apiClient/apiClientOptions";
+
+export default class ApiAppAccountRecoveryUserService {
+
+  constructor() {
+    this.baseUrl = this.getBaseUrl();
+  }
+
+  async getOrganizationAccountRecoverySettings() {
+    const apiClientOptions = this.getApiClientOptions().setResourceName("account-recovery/organization-policies");
+    const apiClient = new ApiClient(apiClientOptions);
+    const accountRecoverySettings = await apiClient.findAll();
+    return accountRecoverySettings.body;
+  }
+
+  /**
+   * Get the application base url
+   * @return {string}
+   */
+  getBaseUrl() {
+    const baseElement = document.getElementsByTagName('base') && document.getElementsByTagName('base')[0];
+    if (baseElement) {
+      return baseElement.attributes.href.value.replace(/\/*$/g, '');
+    }
+    console.error("Unable to retrieve the page base tag");
+    return "";
+  }
+
+  /**
+   * Get the API client options
+   * @returns {ApiClientOptions}
+   */
+  getApiClientOptions() {
+    return new ApiClientOptions()
+      .setBaseUrl(this.baseUrl)
+      .setCsrfToken(this.getCsrfToken());
+  }
+
+  /**
+   * Get csrf token
+   * @returns {string}
+   */
+  getCsrfToken() {
+    const cookieString = document.cookie;
+    if (!cookieString) {
+      return undefined;
+    }
+    const cookieArray = cookieString.split('; ');
+    if (!cookieArray) {
+      return undefined;
+    }
+    const csrfCookie = cookieArray.find(row => row.startsWith('csrfToken'));
+    if (!csrfCookie) {
+      return undefined;
+    }
+    const csrfToken = csrfCookie.split('=');
+    if (csrfToken && csrfToken.length === 2) {
+      return csrfToken[1];
+    }
+
+    return undefined;
+  }
+}

package/src/shared/services/accountRecovery/ExtAppAccountRecoveryUserService.js

@@ -0,0 +1,24 @@
+/**
+ * Passbolt ~ Open source password manager for teams
+ * Copyright (c) 2020 Passbolt SA (https://www.passbolt.com)
+ *
+ * Licensed under GNU Affero General Public License version 3 of the or any later version.
+ * For full copyright and license information, please see the LICENSE.txt
+ * Redistributions of files must retain the above copyright notice.
+ *
+ * @copyright     Copyright (c) 2020 Passbolt SA (https://www.passbolt.com)
+ * @license       https://opensource.org/licenses/AGPL-3.0 AGPL License
+ * @link          https://www.passbolt.com Passbolt(tm)
+ * @since         3.6.0
+ */
+
+export default class ExtAppAccountRecoveryUserService {
+
+  constructor(port) {
+    this.port = port;
+  }
+
+  async getOrganizationAccountRecoverySettings() {
+    return await this.port.request('passbolt.account-recovery.get-organization-policy');
+  }
+}

package/test/jest.setup.js

@@ -0,0 +1,8 @@
+// Disable console debug, warning and error while executing the tests.
+// Keep console log as it can be useful for testing.
+global.console = {
+  ...console,
+  debug: jest.fn(),
+  error: jest.fn(),
+  warning: jest.fn()
+};

package/src/react-extension/components/Authentication/AskForAuthenticationHelp/AskForAuthenticationHelp.js

@@ -1,97 +0,0 @@
-/**
- * Passbolt ~ Open source password manager for teams
- * Copyright (c) 2020 Passbolt SA (https://www.passbolt.com)
- *
- * Licensed under GNU Affero General Public License version 3 of the or any later version.
- * For full copyright and license information, please see the LICENSE.txt
- * Redistributions of files must retain the above copyright notice.
- *
- * @copyright     Copyright (c) 2020 Passbolt SA (https://www.passbolt.com)
- * @license       https://opensource.org/licenses/AGPL-3.0 AGPL License
- * @link          https://www.passbolt.com Passbolt(tm)
- * @since         3.0.0
- */
-import React, {Component} from "react";
-import PropTypes from "prop-types";
-import {withAppContext} from "../../../contexts/AppContext";
-import {
-  AuthenticationContextProcess,
-  withAuthenticationContext
-} from "../../../contexts/AuthenticationContext";
-import {Trans, withTranslation} from "react-i18next";
-
-/**
- * This component propose to help the use who lost his gpg key or passphrase
- */
-class AskForAuthenticationHelp extends Component {
-  /**
-   * Default contrustor
-   */
-  constructor(props) {
-    super(props);
-    this.bindEventHandlers();
-  }
-
-
-  /**
-   * Handle component event handlers
-   */
-  bindEventHandlers() {
-    this.onGoToImportGpgKeyRequested = this.onGoToImportGpgKeyRequested.bind(this);
-  }
-
-  /**
-   * When the user wants to enter its credentials again
-   */
-  onGoToImportGpgKeyRequested() {
-    if (this.props.authenticationContext.process === AuthenticationContextProcess.SETUP) {
-      this.props.authenticationContext.onGoToImportGpgKeyRequested();
-    } else {
-      this.props.authenticationContext.onInitializeRecoverRequested();
-    }
-  }
-
-  /**
-   * Get the translate function
-   * @returns {function(...[*]=)}
-   */
-  get translate() {
-    return this.props.t;
-  }
-
-  /**
-   * Render the component
-   * @returns {JSX.Element}
-   */
-  render() {
-    return (
-      <div className="ask-for-authentication-help">
-        <h1><Trans>Sorry... maybe an administrator can help?</Trans></h1>
-        <p>
-          <Trans>Both the private key and passphrase are required to perform an account recovery.</Trans> <Trans>If you do not have access, you can request a new account from the administrator.</Trans>
-        </p>
-        <div className="form-actions">
-          <a
-            href={`${this.props.context.trustedDomain}/users/recover`}
-            className="button primary big full-width"
-            role="button"
-            target="_parent"
-            rel="noopener noreferrer">
-            <Trans>Request new account</Trans>
-          </a>
-          <a onClick={this.onGoToImportGpgKeyRequested}>
-            <Trans>I want to try again.</Trans>
-          </a>
-        </div>
-      </div>
-    );
-  }
-}
-
-AskForAuthenticationHelp.propTypes = {
-  context: PropTypes.object, // The application context
-  authenticationContext: PropTypes.any, // The authentication context
-  t: PropTypes.func, // The translation function
-};
-
-export default withAppContext(withAuthenticationContext(withTranslation('common')(AskForAuthenticationHelp)));

package/src/react-extension/components/Authentication/AskForAuthenticationHelp/AskForAuthenticationHelp.test.stories.js

@@ -1,33 +0,0 @@
-import React from "react";
-import {MemoryRouter, Route} from "react-router-dom";
-import {AuthenticationContext} from "../../../contexts/AuthenticationContext";
-import AskForAuthenticationHelp from "./AskForAuthenticationHelp";
-
-
-export default {
-  title: 'Passbolt/Authentication/AskForAuthenticationHelp',
-  component: AskForAuthenticationHelp
-};
-
-const context = {
-};
-
-const Template = args =>
-  <AuthenticationContext.Provider value={context}>
-    <div id="container" className="container page login">
-      <div className="content">
-        <div className="login-form">
-          <MemoryRouter initialEntries={['/']}>
-            <Route component={routerProps => <AskForAuthenticationHelp {...args} {...routerProps}/>}></Route>
-          </MemoryRouter>
-        </div>
-      </div>
-    </div>
-  </AuthenticationContext.Provider>;
-
-
-export const Initial = Template.bind({});
-
-Initial.parameters = {
-  css: "ext_authentication"
-};

package/src/react-extension/components/Authentication/CheckPassphrase/GenerateKeyOnPassphraseLostSecondaryAction.js

@@ -1,41 +0,0 @@
-/**
- * Passbolt ~ Open source password manager for teams
- * Copyright (c) 2020 Passbolt SA (https://www.passbolt.com)
- *
- * Licensed under GNU Affero General Public License version 3 of the or any later version.
- * For full copyright and license information, please see the LICENSE.txt
- * Redistributions of files must retain the above copyright notice.
- *
- * @copyright     Copyright (c) 2020 Passbolt SA (https://www.passbolt.com)
- * @license       https://opensource.org/licenses/AGPL-3.0 AGPL License
- * @link          https://www.passbolt.com Passbolt(tm)
- * @since         3.0.0
- */
-import React, {Component} from "react";
-import {withAuthenticationContext} from "../../../contexts/AuthenticationContext";
-import {Trans, withTranslation} from "react-i18next";
-import PropTypes from "prop-types";
-
-class GenerateKeyOnPassphraseLostSecondaryAction extends Component {
-  /**
-   * Get the translate function
-   * @returns {function(...[*]=)}
-   */
-  get translate() {
-    return this.props.t;
-  }
-
-  render() {
-    return (
-      <a onClick={this.props.authenticationContext.onGoToGenerateGpgKeyRequested}>
-        <Trans>I lost my passphrase, generate a new private key.</Trans>
-      </a>
-    );
-  }
-}
-
-GenerateKeyOnPassphraseLostSecondaryAction.propTypes = {
-  authenticationContext: PropTypes.any, // The authentication context
-  t: PropTypes.func, // The translation function
-};
-export default withAuthenticationContext(withTranslation('common')(GenerateKeyOnPassphraseLostSecondaryAction));

package/src/react-extension/components/Authentication/CheckPassphrase/HelpOnPassphraseLostSecondaryAction.js

@@ -1,41 +0,0 @@
-/**
- * Passbolt ~ Open source password manager for teams
- * Copyright (c) 2020 Passbolt SA (https://www.passbolt.com)
- *
- * Licensed under GNU Affero General Public License version 3 of the or any later version.
- * For full copyright and license information, please see the LICENSE.txt
- * Redistributions of files must retain the above copyright notice.
- *
- * @copyright     Copyright (c) 2020 Passbolt SA (https://www.passbolt.com)
- * @license       https://opensource.org/licenses/AGPL-3.0 AGPL License
- * @link          https://www.passbolt.com Passbolt(tm)
- * @since         3.0.0
- */
-import React, {Component} from "react";
-import {withAuthenticationContext} from "../../../contexts/AuthenticationContext";
-import {Trans, withTranslation} from "react-i18next";
-import PropTypes from "prop-types";
-
-class HelpOnPassphraseLostSecondaryAction extends Component {
-  /**
-   * Get the translate function
-   * @returns {function(...[*]=)}
-   */
-  get translate() {
-    return this.props.t;
-  }
-
-  render() {
-    return (
-      <a onClick={this.props.authenticationContext.onPassphraseLost}>
-        <Trans>Help, I lost my passphrase.</Trans>
-      </a>
-    );
-  }
-}
-
-HelpOnPassphraseLostSecondaryAction.propTypes = {
-  authenticationContext: PropTypes.any, // The authentication context
-  t: PropTypes.func, // The translation function
-};
-export default withAuthenticationContext(withTranslation('common')(HelpOnPassphraseLostSecondaryAction));