passbolt-styleguide 3.5.2 → 3.6.0-alpha2

package/src/react-extension/components/UserDetails/DisplayUserDetailsActivity/DisplayUserDetailsActivity.test.js

@@ -0,0 +1,106 @@
+/**
+ * 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 {waitFor} from "@testing-library/dom";
+import {
+  activitiesMock,
+  defaultAppContext,
+  defaultProps,
+  lastActivityMock
+} from "./DisplayUserDetailsActivity.test.data";
+import DisplayUserDetailsActivityPage from "./DisplayUserDetailsActivity.test.page";
+
+beforeEach(() => {
+  jest.resetModules();
+});
+
+describe("See user activities", () => {
+  const props = defaultProps();
+  /**
+   * Given a selected user having 4 activities
+   * When I open the “Activity” section of the secondary sidebar
+   * Then I should see the 4 activities made about the user
+   * And I should be able to identify each activities creator
+   * And I should be able to see each activities timestamps
+   */
+  it('As LU I can see activities of a user with at least one activity', async() => {
+    const context = defaultAppContext();
+    context.port.addRequestListener('passbolt.actionlogs.find-all-for', () => activitiesMock);
+    const page = new DisplayUserDetailsActivityPage(context, props);
+    await page.clickOnTitle();
+
+    expect.assertions(10);
+    expect(page.displayActivityList).not.toBeNull();
+    expect(page.displayActivityList.length).toBe(4);
+
+    expect(page.displayedActivityCreator(0)).toBe('Ada Lovelace');
+    expect(page.displayedActivityCreator(1)).toBe('Admin admin');
+    expect(page.displayedActivityCreator(2)).toBe('Ada Lovelace');
+    expect(page.displayedActivityCreator(3)).toBe('Ada Lovelace');
+
+    expect(page.displayedActivityCreationTime(0)).toBeDefined();
+    expect(page.displayedActivityCreationTime(1)).toBeDefined();
+    expect(page.displayedActivityCreationTime(2)).toBeDefined();
+    expect(page.displayedActivityCreationTime(3)).toBeDefined();
+  });
+
+  it('I should be able to see other activities with more button', async() => {
+    const dataSet = [activitiesMock, lastActivityMock];
+    let currentDataSetIndex = 0;
+    const context = defaultAppContext();
+    context.port.addRequestListener('passbolt.actionlogs.find-all-for', () => dataSet[currentDataSetIndex++]);
+
+    const page = new DisplayUserDetailsActivityPage(context, props);
+    await page.clickOnTitle();
+
+    expect.assertions(3);
+    expect(page.moreButton).not.toBeNull();
+    const expectedActivityCount = 5;
+    await page.moreButtonClick(expectedActivityCount);
+
+    expect(page.displayActivityList.length).toBe(expectedActivityCount);
+    expect(page.displayedActivityCreator(4)).toBe('Admin admin');
+  });
+
+  /**
+   * Given a selected user having 4 activities
+   * When I open the “Activity” section of the secondary sidebar
+   * And the activity are not loaded yet
+   * Then I should see the loading message “Retrieving activities”
+   */
+  it('I should see the loading message “Retrieving activities”', async() => {
+    const context = defaultAppContext();
+    let resolveFindAllForRequest = null;
+
+    context.port.addRequestListener('passbolt.actionlogs.find-all-for', () => new Promise(resolve => resolveFindAllForRequest = resolve));
+    const page = new DisplayUserDetailsActivityPage(context, props);
+
+    expect.assertions(3);
+    page.clickOn(page.title);
+
+    await waitFor(() => {});
+    expect(page.progressionText.textContent).toBe("Retrieving activities");
+
+    resolveFindAllForRequest(activitiesMock);
+
+    await waitFor(() => {
+      if (page.progressionText !== null) {
+        throw new Error("Activities are still loading");
+      }
+    });
+
+    expect(page.progressionText).toBeNull();
+    expect(page.displayActivityList.length).toBe(4);
+  });
+});

package/src/react-extension/components/UserDetails/DisplayUserDetailsActivity/DisplayUserDetailsActivity.test.page.js

@@ -0,0 +1,101 @@
+/**
+ * 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 AppContext from "../../../contexts/AppContext";
+import React from "react";
+import DisplayUserDetailsActivity from "./DisplayUserDetailsActivity";
+import {BrowserRouter as Router} from 'react-router-dom';
+import MockTranslationProvider from "../../../test/mock/components/Internationalisation/MockTranslationProvider";
+
+/**
+ * The DisplayUserDetailsActivity component represented as a page
+ */
+export default class DisplayUserDetailsActivityPage {
+  /**
+   * Default constructor
+   * @param appContext An app context
+   * @param props Props to attach
+   */
+  constructor(appContext, props) {
+    this._page = render(
+      <AppContext.Provider value={appContext}>
+        <MockTranslationProvider>
+          <Router>
+            <DisplayUserDetailsActivity {...props}/>
+          </Router>
+        </MockTranslationProvider>
+      </AppContext.Provider>
+    );
+  }
+
+  get selector() {
+    return this._page.container.querySelector;
+  }
+
+  /**
+   * Return the page object of the title header
+   * @returns {{select: select}}
+   */
+  get title() {
+    return this._page.container.querySelector(".accordion-header h4 a");
+  }
+
+  /**
+   * Returns the page object of display comments
+   */
+  get displayActivityList() {
+    return this._page.container.querySelectorAll(".accordion-content .ready li");
+  }
+
+  displayedActivityCreator(index) {
+    const displayedActivity = this.displayActivityList[index];
+    return displayedActivity && displayedActivity.querySelector(".creator").textContent;
+  }
+
+  displayedActivityCreationTime(index) {
+    const displayedActivity = this.displayActivityList[index];
+    return displayedActivity && displayedActivity.querySelector(".subinfo").textContent;
+  }
+
+  get moreButton() {
+    return this._page.container.querySelector('.accordion-content .button.action-logs-load-more');
+  }
+
+  get progressionText() {
+    return this._page.container.querySelector(".accordion-content .processing-text");
+  }
+
+  async clickOnTitle() {
+    this.clickOn(this.title);
+    await waitFor(() => {
+      if (this.displayActivityList.length === 0) {
+        throw new Error("Activity list is not ready yet.");
+      }
+    });
+  }
+
+  clickOn(element) {
+    fireEvent.click(element, {button: 0});
+  }
+
+  async moreButtonClick(targetActivityCount) {
+    fireEvent.click(this.moreButton, {button: 0});
+    await waitFor(() => {
+      if (this.displayActivityList.length < targetActivityCount) {
+        throw new Error("Activity list is still loading.");
+      }
+    });
+  }
+}

package/src/react-extension/components/UserDetails/DisplayUserDetailsActivity/DisplayUserDetailsActivity.test.stories.js

@@ -0,0 +1,143 @@
+/**
+ * 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, Route} from "react-router-dom";
+import AppContext from "../../../contexts/AppContext";
+import UserSettings from "../../../../shared/lib/Settings/UserSettings";
+import userSettingsFixture from "../../../test/fixture/Settings/userSettings";
+import DisplayUserDetailsActivity from "./DisplayUserDetailsActivity";
+
+export default {
+  title: 'Passbolt/UserDetails/DisplayUserDetailsActivity',
+  component: DisplayUserDetailsActivity
+};
+
+const firstActivityDataSet = [
+  {
+    "id": "6aada140-fe8b-5e69-a90f-ae0cec6d3dcf",
+    "type": "AccountRecovery.Requests.initiated",
+    "creator": {
+      "profile": {
+        "first_name": "Ada",
+        "last_name": "Lovelace"
+      }
+    },
+    "created": "2021-12-17T16:37:12+00:00"
+  },
+  {
+    "id": "6aada140-fe8b-5e69-a90f-ae0cec6d3dd0",
+    "type": "AccountRecovery.Requests.accepted",
+    "creator": {
+      "id": "6aada140-fe8b-5e69-a90f-ae0cec6d3eee",
+      "profile": {
+        "first_name": "Admin",
+        "last_name": "admin"
+      }
+    },
+    "created": "2021-10-17T16:37:12+00:00"
+  },
+  {
+    "id": "6aada140-fe8b-5e69-a90f-ae0cec6d3dd2",
+    "type": "AccountRecovery.Policies.rejected",
+    "creator": {
+      "profile": {
+        "first_name": "Ada",
+        "last_name": "Lovelace"
+      }
+    },
+    "created": "2021-08-17T16:37:12+00:00"
+  },
+  {
+    "id": "6aada140-fe8b-5e69-a90f-ae0cec6d3dd1",
+    "type": "AccountRecovery.Policies.accepted",
+    "creator": {
+      "profile": {
+        "first_name": "Ada",
+        "last_name": "Lovelace"
+      }
+    },
+    "created": "2021-04-17T16:37:12+00:00"
+  },
+  {
+    "id": "6aada140-fe8b-5e69-a90f-ae0cec6d3dd3",
+    "type": "UnknowActivityType",
+    "creator": {
+      "profile": {
+        "first_name": "Ada",
+        "last_name": "Lovelace"
+      }
+    }
+  }
+];
+
+const lastActivityDataSet = [
+  {
+    "id": "6aada140-fe8b-5e69-a90f-ae0cec6d3dd4",
+    "type": "AccountRecovery.Requests.rejected",
+    "creator": {
+      "id": "6aada140-fe8b-5e69-a90f-ae0cec6d3eee",
+      "profile": {
+        "first_name": "Admin",
+        "last_name": "admin"
+      }
+    },
+    "created": "2020-08-17T16:37:12+00:00"
+  },
+  {
+    "id": "6aada140-fe8b-5e69-a90f-ae0cec6d3dd5",
+    "type": "Users.created",
+    "creator": {
+      "id": "6aada140-fe8b-5e69-a90f-ae0cec6d3eee",
+      "profile": {
+        "first_name": "Admin",
+        "last_name": "admin"
+      }
+    },
+    "created": "2020-08-17T16:37:12+00:00"
+  }
+];
+
+const userActivityData = [firstActivityDataSet, lastActivityDataSet];
+let activityDataSetIndex = 0;
+const context = {
+  siteSettings: {
+    getServerTimezone: () => new Date().toDateString()
+  },
+  userSettings: new UserSettings(userSettingsFixture),
+  port: {
+    request: () => userActivityData[activityDataSetIndex++ % userActivityData.length]
+  }
+};
+
+const Template = args =>
+  <AppContext.Provider value={args.context}>
+    <MemoryRouter initialEntries={['/']}>
+      <div className="panel aside">
+        <Route component={routerProps => <DisplayUserDetailsActivity {...args} {...routerProps}/>}></Route>
+      </div>
+    </MemoryRouter>
+  </AppContext.Provider>;
+
+export const Initial = Template.bind({});
+Initial.args = {
+  context: context,
+  userWorkspaceContext: {
+    details: {
+      user: {
+
+      }
+    }
+  }
+};

package/src/react-extension/components/UserDetails/DisplayUserDetailsGroups/DisplayUserDetailsGroups.js

@@ -55,6 +55,11 @@ class DisplayUserDetailsGroups extends React.Component {
    */
   get groups() {
     const {groups} = this.props.context;
+    // If the group haven't yet been loaded
+    if (!groups) {
+      return [];
+    }
+
     const selectedUser = this.props.userWorkspaceContext.details.user;
     if (selectedUser) {
       const belongsToGroup = group => group.groups_users.some(group_user => group_user.user_id === selectedUser.id);

package/src/react-extension/components/UserDetails/DisplayUserDetailsGroups/DisplayUserDetailsGroups.test.stories.js

@@ -14,7 +14,7 @@ export default {
 const context = {
   port: new MockPort(),
   userSettings: {
-    getTrustedDomain: () => "some url"
+    getTrustedDomain: () => (new URL(window.location.href)).origin
   },
   siteSettings: {
     getServerTimezone: () => ""

package/src/react-extension/components/UserDetails/DisplayUserDetailsInformation/DisplayUserDetailsInformation.test.data.js

@@ -9,7 +9,7 @@ export function defaultAppContext(appContext) {
   const defaultAppContext = {
     port: new MockPort(),
     userSettings: {
-      getTrustedDomain: () => "some url"
+      getTrustedDomain: () => (new URL(window.location.href)).origin
     },
     siteSettings: {
       getServerTimezone: () => ""

package/src/react-extension/components/UserDetails/DisplayUserDetailsInformation/DisplayUserDetailsInformation.test.stories.js

@@ -14,7 +14,7 @@ export default {
 const context = {
   port: new MockPort(),
   userSettings: {
-    getTrustedDomain: () => "some url"
+    getTrustedDomain: () => (new URL(window.location.href)).origin
   },
   siteSettings: {
     getServerTimezone: () => ""

package/src/react-extension/components/UserDetails/DisplayUserDetailsPublicKey/DisplayUserDetailsPublicKey.js

@@ -92,7 +92,7 @@ class DisplayUserDetailsPublicKey extends React.Component {
     const type = this.gpgkeyType[gpgkeyInfo.algorithm];
     const created = this.formatDate(gpgkeyInfo.created);
     const expires = gpgkeyInfo.expires === "Never" ? this.translate("Never") : this.formatDate(gpgkeyInfo.expires);
-    const armoredKey = gpgkeyInfo.key;
+    const armoredKey = gpgkeyInfo.armored_key;
 
     const formatedGpgkeyInfo = {fingerprint, type, created, expires, armoredKey};
     this.setState({gpgkeyInfo: formatedGpgkeyInfo});

package/src/react-extension/components/UserDetails/DisplayUserDetailsPublicKey/DisplayUserDetailsPublicKey.test.data.js

@@ -9,7 +9,7 @@ export function defaultAppContext(appContext) {
   const defaultAppContext = {
     port: new MockPort(),
     userSettings: {
-      getTrustedDomain: () => "some url"
+      getTrustedDomain: () => (new URL(window.location.href)).origin
     },
     siteSettings: {
       getServerTimezone: () => ""

package/src/react-extension/components/UserDetails/DisplayUserDetailsPublicKey/DisplayUserDetailsPublicKey.test.stories.js

@@ -16,7 +16,7 @@ const context = {
       "id": "91d8a7fd-3ab3-5e98-a4a5-0d8694ff23b9",
       "keyId": "91d8a7fd-3ab3-5e98-a4a5-0d8694ff23b9",
       "user_id": "d57c10f5-639d-5160-9c81-8a0c6c4ec856",
-      "key": "-----BEGIN PGP PUBLIC KEY BLOCK-----\n\nmQINBFY06pcBEADjYRuq05Zatu4qYtXmexbrwtUdakNJJHPlWxcusohdTLUmSXrt\n7LegXBE3OjvV9HbdBQfbpjitFp8eJw5krYQmh1+w\/UYjb5Jy\/A7ma3oawzbVwNpL\nwuAafYma5LLLloZD\/OpYKprhWfW9FHKyq6t+AcH5CFs\/HvixdrdbAO7K1\/z6mgWc\nT6HBP5\/dGTseAlrvUDTsW1kzo6qsrOWoUunrqm31umsvcfNROtDKM16zgZl+GlYY\n1BxNcRKr1\/AcZUrp4zdSSc6IXrYjJ+1kgHz\/ZoSrKn5QiqEn7wQEveJu+jNGSv8j\nMvQgjq+AmzveJ\/4f+RQirbe9JOeDgzX7NqloRil3I0FPFoivbRU0PHi4N2q7sN8e\nYpXxXzuL+OEq1GQe5fTsSotQTRZUJxbdUS8DfPckQaK79HoybTQAgA6mgQf\/C+U0\nX2TiBUzgBuhayiW12kHmKyK02htDeRNOYs4bBMdeZhAFm+5C74LJ3FGQOHe+\/o2o\nBktk0rAZScjizijzNzJviRB\/3nAJSBW6NSNYcbnosk0ET2osg2tLvzegRI6+NQJE\nb0EpByTMypUDhCNKgg5aEDUVWcq4iucps\/1e6\/2vg2XVB7xdphT4\/K44ZeBHdFuf\nhGQvs8rkAPzpkpsEWKgpTR+hdhbMmNiL984Ywk98nNuzgfkgpcP57xawNwARAQAB\ntCtQYXNzYm9sdCBEZWZhdWx0IEFkbWluIDxhZG1pbkBwYXNzYm9sdC5jb20+iQJO\nBBMBCgA4AhsDBQsJCAcDBRUKCQgLBRYCAwEAAh4BAheAFiEEDB0XYRENHjPJAG0a\nWxszLtBkJtMFAl0bmoYACgkQWxszLtBkJtPnxg\/\/Q9WOWUGf7VOnfbaIix3NGAON\nI7rgXuLFc1E0vG20XWT2+C6xGskFwjoJbiyDrbMYnILGn7vDIn3MSoITemLjtt97\n\/lEXK7AgbJEWQWF1lxpXm0nCvjJ6h+qatGK96ncjcua6ecUut10A\/CACpuqxfKOh\nD6CaM5l\/ksEDtwvrv2MIaVajuCvwg+yUx0I0rfAQv0YTXbJ5MRn1pvOo3c6n5Q0z\n5eu\/iiG0UNNIE3Tk5KpT02MTMv5ullpt3mtNjMHH0\/TdPxCtUKVh4q34x3syiYLe\npaddf5Ctv9CL52VWfsG3qFPHp7euOFY8lfzuemoqD9jcE7QIJnkCmwtLXLQrE0O2\nRW\/y\/oXqrETXu2sFyHMr1Xw\/\/QeJgIv63LBGmcPOj93VyHIlcUDarM2oq2+DXKxr\nDs2xfnFKVCZwpSvecIfKXUKsnX3AGrpetoZdfw0jAUVI3nt6YCu8KvczXxetfjOV\n3HHXa40gtOZk5OoKbfuTjzQlpc1oaDyLH8PT1GYsN3wWoDs4zulh6uKDpSt+4z58\nH1BfPFlrO2uhZSfk3E83uBQXZcABeXNxCdrTCJm8P90sbjLu1TlaeOnrWwVT7Yq8\ni8LE7lbAXnT1HjQlDi8GB2+2EnZZmOX+Z84a16jDElZazUNsE8zT7OmyjuB7GGDb\nQEFYzkb9dr1j1sukzty5Ag0EVjTqlwEQAJ37C9s4pq4jvcEF3bJgL+q3SBolgBIp\nN1g1\/woi9vEiOh+7e08Kr8mEhF04cpRDbhY6dcZ8OIXIQ99fgdNXfehlAWnI56NE\n\/FOIyif8TvGBfO6yE35fKSskwGNdUZWIZ0U0pxSXQvB+KEGWlq2c3Uf\/jhTZDnLN\nvfDjnYmn5ycp5sVWhtAmKFha9NJ6LGA0D1MC+jcCJCKtQRGgVvlqOESFDmQ7Pu8\/\nayr2BO0URHJ0Ob30lHluCnoKIv50qGpL9BYuGAdCfLBHXzRQhHIbfc\/cTPkK1kTX\nX5x\/MkiEl88TeGN+yjNVS7qqdxYgs+QYnDDZqevhWEvVyXVQjcCWSIHfjL1x5Ndq\nYL6+ci\/OxyIFoPs4K2umN3JPmpFi+fIPh2CexKy6BnyE8oAgNvgdDb6ZOfAtvShZ\nPM7QG4LZal2+nYp4n7gJRh6kepTQT\/4Bua0xOtRQhgcI4nGtcCxEDRMMzjqbGYlc\nnciMjsiMg9LPpWPDA+xKrRZKYwVFy8vLx\/alOz\/h1BZjx2u7YmuaGENxE62Lfyh0\nxeoCBDTdnWEOQTH6LVsomVtUO1FVap1t5jkYSdpxBuHf8\/2Ye7N3FTMRKe9n4e75\nsAJ00utnMl6P2Zca9mM4T29PK+LPFx2G2h35DQ7MbEid1cAZ8QVR3UyoiR8+u9jM\nek+9uFCm+nAxABEBAAGJAjYEGAEKACACGwwWIQQMHRdhEQ0eM8kAbRpbGzMu0GQm\n0wUCXRuamQAKCRBbGzMu0GQm004PD\/9sFmFkdoSqwU\/En77+h0gt4knlgZbgj0iR\nromnknIwLKBbJJXksHmMPXJB9b3WZ\/gGV3pPVtDWDKg3NZW4HLK13w3s3wQ2ViVV\nA6FzABDSkI3YBqkkasLRZU7oN9XajdFfph5wLhDSgTCjSncGfcjVzPugWKLqPPih\nZO6mpqxSFYEhx+p\/O80Tlj90UsOFRdot7cqn5wOhXZtKsQ0RwaA\/uq\/sFe6UNKHG\n2RBgQfoj5JbazJbvlgMiWxhBalwZKQWs8IBh\/4ag8AFwwoJN+gOtNM9C4UCHu+yt\n0Tv2\/Tu+Apcj0oyFaKJD4uQUmChQ2fDRysqJEIhee+yL29mrdcB4jG7Q2rt8HbhY\nwlsHKgas0YIHdR6dUOCiyw72i0khwrd2PDgxKRu5+cob6wMSqXbIIxFLLLACHy2s\nKd6fQcg8FxoivEiF0lRfMi32A\/YWGJ\/k1OoFCzW55KFXqqBMptYZWh2Jezhttmid\nYHPc7jas7HEPnw3SvVM0gYAcmEVWWvjKfUpOhSYYkk\/B71w9RuIpPyyI7G2XI8Db\nG2ttngDIOL8njS6ybU9Og6yTNUoHL1wWEZN1b3fznKHcC9lyr8MIg00QNeDItt9i\nILCOkjoEdUdauqlRIa+EmUu+AL+JobrlQTzyrCIm7aaT3Hp9EyaEx5xvJDWtmjgf\nFYNCFtV1fw==\n=amwR\n-----END PGP PUBLIC KEY BLOCK-----",
+      "armored_key": "-----BEGIN PGP PUBLIC KEY BLOCK-----\n\nmQINBFY06pcBEADjYRuq05Zatu4qYtXmexbrwtUdakNJJHPlWxcusohdTLUmSXrt\n7LegXBE3OjvV9HbdBQfbpjitFp8eJw5krYQmh1+w\/UYjb5Jy\/A7ma3oawzbVwNpL\nwuAafYma5LLLloZD\/OpYKprhWfW9FHKyq6t+AcH5CFs\/HvixdrdbAO7K1\/z6mgWc\nT6HBP5\/dGTseAlrvUDTsW1kzo6qsrOWoUunrqm31umsvcfNROtDKM16zgZl+GlYY\n1BxNcRKr1\/AcZUrp4zdSSc6IXrYjJ+1kgHz\/ZoSrKn5QiqEn7wQEveJu+jNGSv8j\nMvQgjq+AmzveJ\/4f+RQirbe9JOeDgzX7NqloRil3I0FPFoivbRU0PHi4N2q7sN8e\nYpXxXzuL+OEq1GQe5fTsSotQTRZUJxbdUS8DfPckQaK79HoybTQAgA6mgQf\/C+U0\nX2TiBUzgBuhayiW12kHmKyK02htDeRNOYs4bBMdeZhAFm+5C74LJ3FGQOHe+\/o2o\nBktk0rAZScjizijzNzJviRB\/3nAJSBW6NSNYcbnosk0ET2osg2tLvzegRI6+NQJE\nb0EpByTMypUDhCNKgg5aEDUVWcq4iucps\/1e6\/2vg2XVB7xdphT4\/K44ZeBHdFuf\nhGQvs8rkAPzpkpsEWKgpTR+hdhbMmNiL984Ywk98nNuzgfkgpcP57xawNwARAQAB\ntCtQYXNzYm9sdCBEZWZhdWx0IEFkbWluIDxhZG1pbkBwYXNzYm9sdC5jb20+iQJO\nBBMBCgA4AhsDBQsJCAcDBRUKCQgLBRYCAwEAAh4BAheAFiEEDB0XYRENHjPJAG0a\nWxszLtBkJtMFAl0bmoYACgkQWxszLtBkJtPnxg\/\/Q9WOWUGf7VOnfbaIix3NGAON\nI7rgXuLFc1E0vG20XWT2+C6xGskFwjoJbiyDrbMYnILGn7vDIn3MSoITemLjtt97\n\/lEXK7AgbJEWQWF1lxpXm0nCvjJ6h+qatGK96ncjcua6ecUut10A\/CACpuqxfKOh\nD6CaM5l\/ksEDtwvrv2MIaVajuCvwg+yUx0I0rfAQv0YTXbJ5MRn1pvOo3c6n5Q0z\n5eu\/iiG0UNNIE3Tk5KpT02MTMv5ullpt3mtNjMHH0\/TdPxCtUKVh4q34x3syiYLe\npaddf5Ctv9CL52VWfsG3qFPHp7euOFY8lfzuemoqD9jcE7QIJnkCmwtLXLQrE0O2\nRW\/y\/oXqrETXu2sFyHMr1Xw\/\/QeJgIv63LBGmcPOj93VyHIlcUDarM2oq2+DXKxr\nDs2xfnFKVCZwpSvecIfKXUKsnX3AGrpetoZdfw0jAUVI3nt6YCu8KvczXxetfjOV\n3HHXa40gtOZk5OoKbfuTjzQlpc1oaDyLH8PT1GYsN3wWoDs4zulh6uKDpSt+4z58\nH1BfPFlrO2uhZSfk3E83uBQXZcABeXNxCdrTCJm8P90sbjLu1TlaeOnrWwVT7Yq8\ni8LE7lbAXnT1HjQlDi8GB2+2EnZZmOX+Z84a16jDElZazUNsE8zT7OmyjuB7GGDb\nQEFYzkb9dr1j1sukzty5Ag0EVjTqlwEQAJ37C9s4pq4jvcEF3bJgL+q3SBolgBIp\nN1g1\/woi9vEiOh+7e08Kr8mEhF04cpRDbhY6dcZ8OIXIQ99fgdNXfehlAWnI56NE\n\/FOIyif8TvGBfO6yE35fKSskwGNdUZWIZ0U0pxSXQvB+KEGWlq2c3Uf\/jhTZDnLN\nvfDjnYmn5ycp5sVWhtAmKFha9NJ6LGA0D1MC+jcCJCKtQRGgVvlqOESFDmQ7Pu8\/\nayr2BO0URHJ0Ob30lHluCnoKIv50qGpL9BYuGAdCfLBHXzRQhHIbfc\/cTPkK1kTX\nX5x\/MkiEl88TeGN+yjNVS7qqdxYgs+QYnDDZqevhWEvVyXVQjcCWSIHfjL1x5Ndq\nYL6+ci\/OxyIFoPs4K2umN3JPmpFi+fIPh2CexKy6BnyE8oAgNvgdDb6ZOfAtvShZ\nPM7QG4LZal2+nYp4n7gJRh6kepTQT\/4Bua0xOtRQhgcI4nGtcCxEDRMMzjqbGYlc\nnciMjsiMg9LPpWPDA+xKrRZKYwVFy8vLx\/alOz\/h1BZjx2u7YmuaGENxE62Lfyh0\nxeoCBDTdnWEOQTH6LVsomVtUO1FVap1t5jkYSdpxBuHf8\/2Ye7N3FTMRKe9n4e75\nsAJ00utnMl6P2Zca9mM4T29PK+LPFx2G2h35DQ7MbEid1cAZ8QVR3UyoiR8+u9jM\nek+9uFCm+nAxABEBAAGJAjYEGAEKACACGwwWIQQMHRdhEQ0eM8kAbRpbGzMu0GQm\n0wUCXRuamQAKCRBbGzMu0GQm004PD\/9sFmFkdoSqwU\/En77+h0gt4knlgZbgj0iR\nromnknIwLKBbJJXksHmMPXJB9b3WZ\/gGV3pPVtDWDKg3NZW4HLK13w3s3wQ2ViVV\nA6FzABDSkI3YBqkkasLRZU7oN9XajdFfph5wLhDSgTCjSncGfcjVzPugWKLqPPih\nZO6mpqxSFYEhx+p\/O80Tlj90UsOFRdot7cqn5wOhXZtKsQ0RwaA\/uq\/sFe6UNKHG\n2RBgQfoj5JbazJbvlgMiWxhBalwZKQWs8IBh\/4ag8AFwwoJN+gOtNM9C4UCHu+yt\n0Tv2\/Tu+Apcj0oyFaKJD4uQUmChQ2fDRysqJEIhee+yL29mrdcB4jG7Q2rt8HbhY\nwlsHKgas0YIHdR6dUOCiyw72i0khwrd2PDgxKRu5+cob6wMSqXbIIxFLLLACHy2s\nKd6fQcg8FxoivEiF0lRfMi32A\/YWGJ\/k1OoFCzW55KFXqqBMptYZWh2Jezhttmid\nYHPc7jas7HEPnw3SvVM0gYAcmEVWWvjKfUpOhSYYkk\/B71w9RuIpPyyI7G2XI8Db\nG2ttngDIOL8njS6ybU9Og6yTNUoHL1wWEZN1b3fznKHcC9lyr8MIg00QNeDItt9i\nILCOkjoEdUdauqlRIa+EmUu+AL+JobrlQTzyrCIm7aaT3Hp9EyaEx5xvJDWtmjgf\nFYNCFtV1fw==\n=amwR\n-----END PGP PUBLIC KEY BLOCK-----",
       "bits": 4096,
       "uid": "Passbolt Default Admin \u003Cadmin@passbolt.com\u003E",
       "key_id": "D06426D3",

package/src/react-extension/components/UserGroup/CreateUserGroup/CreateUserGroup.js

@@ -243,11 +243,9 @@ class CreateUserGroup extends Component {
    */
   handleError(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/UserGroup/CreateUserGroup/CreateUserGroup.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
@@ -43,3 +43,7 @@ Template.propTypes = {
 };
 
 export const Initial = Template.bind({});
+Initial.args = {
+  context: context,
+  onClose: () => {}
+};

package/src/react-extension/components/UserGroup/DeleteUserGroup/DeleteUserGroup.js

@@ -93,11 +93,9 @@ class DeleteUserGroup extends Component {
 
   handleError(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/UserGroup/DeleteUserGroup/DeleteUserGroup.test.stories.js

@@ -3,6 +3,7 @@ import React from "react";
 import AppContext from "../../../contexts/AppContext";
 import PropTypes from "prop-types";
 import DeleteUserGroup from "./DeleteUserGroup";
+import MockPort from "../../../test/mock/MockPort";
 
 
 export default {
@@ -16,10 +17,12 @@ const context = {
       id: 1
     }
   },
+  setContext: () => {},
+  port: new MockPort()
 };
 
 
-const Template = args =>
+const Template = ({context, ...args}) =>
   <AppContext.Provider value={context}>
     <MemoryRouter initialEntries={['/']}>
       <Route component={routerProps => <DeleteUserGroup {...args} {...routerProps}/>}></Route>
@@ -31,3 +34,7 @@ Template.propTypes = {
 };
 
 export const Initial = Template.bind({});
+Initial.args = {
+  context: context,
+  onClose: () => {}
+};

package/src/react-extension/components/UserGroup/DeleteUserGroup/DeleteUserGroupWithConflicts.js

@@ -265,11 +265,9 @@ class DeleteUserGroupWithConflicts extends Component {
 
   handleError(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/UserGroup/DeleteUserGroup/DeleteUserGroupWithConflicts.test.stories.js

@@ -4,6 +4,7 @@ import AppContext from "../../../contexts/AppContext";
 import PropTypes from "prop-types";
 import DeleteUserGroupWithConflicts from "./DeleteUserGroupWithConflicts";
 import {mockGroups, mockResources, mockUsers} from "./DeleteUserGroupWithConflicts.test.data";
+import MockPort from "../../../test/mock/MockPort";
 
 
 export default {
@@ -24,10 +25,12 @@ const context = {
       }
     }
   },
+  setContext: () => {},
+  port: new MockPort()
 };
 
 
-const Template = args =>
+const Template = ({context, ...args}) =>
   <AppContext.Provider value={context}>
     <MemoryRouter initialEntries={['/']}>
       <Route component={routerProps => <DeleteUserGroupWithConflicts {...args} {...routerProps}/>}></Route>
@@ -39,3 +42,7 @@ Template.propTypes = {
 };
 
 export const Initial = Template.bind({});
+Initial.args = {
+  context: context,
+  onClose: () => {}
+};

package/src/react-extension/components/UserGroup/DisplayUserGroupDetails/DisplayUserGroupDetails.test.data.js

@@ -9,7 +9,7 @@ export function defaultAppContext(appContext) {
   const defaultAppContext = {
     port: new MockPort(),
     userSettings: {
-      getTrustedDomain: () => "some url"
+      getTrustedDomain: () => (new URL(window.location.href)).origin
     },
     siteSettings: {
       getServerTimezone: () => ""

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

@@ -38,7 +38,7 @@ describe("Display User Details", () => {
     mockContextRequest(context, () => {});
     jest.spyOn(props.actionFeedbackContext, "displaySuccess").mockImplementationOnce(() => {});
     await page.copyPermalink();
-    expect(context.port.request).toHaveBeenCalledWith("passbolt.clipboard.copy", "some url/app/groups/view/516c2db6-0aed-52d8-854f-b3f3499995e7");
+    expect(context.port.request).toHaveBeenCalledWith("passbolt.clipboard.copy", "http://localhost/app/groups/view/516c2db6-0aed-52d8-854f-b3f3499995e7");
     expect(props.actionFeedbackContext.displaySuccess).toHaveBeenCalled();
   });
 

package/src/react-extension/components/UserGroup/DisplayUserGroupDetailsInformation/DisplayUserGroupDetailsInformation.test.data.js

@@ -9,7 +9,7 @@ export function defaultAppContext(appContext) {
   const defaultAppContext = {
     port: new MockPort(),
     userSettings: {
-      getTrustedDomain: () => "some url"
+      getTrustedDomain: () => (new URL(window.location.href)).origin
     },
     siteSettings: {
       getServerTimezone: () => ""

package/src/react-extension/components/UserGroup/DisplayUserGroupDetailsMembers/DisplayUserGroupDetailsMembers.test.data.js

@@ -9,7 +9,7 @@ export function defaultAppContext(appContext) {
   const defaultAppContext = {
     port: new MockPort(),
     userSettings: {
-      getTrustedDomain: () => "some url"
+      getTrustedDomain: () => (new URL(window.location.href)).origin
     },
     siteSettings: {
       getServerTimezone: () => ""

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

@@ -64,6 +64,7 @@ Initial.args = {
           },
         ],
       },
-    }
+    },
+    onGroupToEdit: () => {}
   }
 };

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

@@ -603,11 +603,9 @@ class EditUserGroup extends Component {
    */
   onError(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/UserGroup/EditUserGroup/EditUserGroup.test.data.js

@@ -27,7 +27,7 @@ export function defaultAppContext(appContext) {
  */
 export function defaultProps() {
   return {
-    onClose: jest.fn(),
+    onClose: () => {},
     dialogContext: {
       open: () => {}
     },