passbolt-styleguide 3.3.2 → 3.4.0-alpha1

package/src/locales/fr-FR/common.json

@@ -91,7 +91,7 @@
   "Check out our Multi Factor Authentication configuration guide.": "Consultez notre guide de configuration pour l'authentification multi-facteurs.",
   "Check out our ldap configuration guide.": "Consultez notre guide de configuration pour ldap.",
   "Check your mailbox!": "Consultez votre boîte aux lettres !",
-  "Check your spam folder if you do not see hear from us after a while.": "Vérifiez votre dossier de spam si vous ne voyez pas de nouvelles de notre part après un certain temps.",
+  "Check your spam folder if you do not hear from us after a while.": "Vérifiez votre dossier de spam si vous ne voyez pas de nouvelles de notre part après un certain temps.",
   "Choose a file": "Choisissez un fichier",
   "Choose the export format (csv and kdbx are supported)": "Choisissez le format d'export (csv et kdbx sont supportés)",
   "Click save to apply your pending changes.": "Cliquez sur enregistrer pour appliquer vos modifications en attente.",
@@ -194,7 +194,7 @@
   "Enter the password and/or key file": "Entrer le mot de passe et/ou le fichier clé",
   "Entropy:": "Entropie:",
   "Error": "Erreur",
-  "Errors details": "Détails des erreurs",
+  "Error details": "Détails des erreurs",
   "Errors:": "Erreurs",
   "Exclude look-alike characters": "Exclure les caractères ressemblants",
   "Expires": "Expire",
@@ -213,7 +213,7 @@
   "Folder": "Dossier",
   "Folder name": "Nom de dossier",
   "Folders": "Dossiers",
-  "Folders errors": "Erreurs dossiers",
+  "Folder errors": "Erreurs dossiers",
   "For Openldap only. Defines which group object to use.": "Pour Openldap seulement. Définit quel groupe l'objet à utiliser.",
   "For Openldap only. Defines which user object to use.": "Pour Openldap seulement. Définit quel objet utilisateur utiliser.",
   "For any change or question related to your passbolt subscription, kindly contact our sales team.": "Pour toute modification ou question liée à votre souscription à Passbolt, veuillez contacter notre équipe commerciale.",
@@ -252,7 +252,7 @@
   "If there was an issue during the transfer, either the operation was cancelled on the mobile side, or the authentication token expired.": "S'il y a eu un problème pendant le transfert, soit l'opération a été annulée du côté mobile, soit le jeton d'authentification a expiré.",
   "If this does not work get in touch with support.": "Si cela ne fonctionne pas, contactez le support.",
   "If this is empty then it will be queried from the RootDSE.": "Si cela est vide, alors il sera interrogé à partir du RootDSE.",
-  "If you do not access, you can request a new account to the administrator.": "Si vous n'y accédez pas, vous pouvez demander un nouveau compte à l'administrateur.",
+  "If you do not have access, you can request a new account from the administrator.": "Si vous n'y accédez pas, vous pouvez demander un nouveau compte à l'administrateur.",
   "If you have multiple browsers configured, the passphrase will need to be changed in all places individually.": "Si vous avez plusieurs navigateurs configurés, la phrase de passe devra être modifiée individuellement pour tous.",
   "Ignored:": "Ignoré",
   "Import": "Importer",
@@ -536,7 +536,7 @@
   "The operation failed with the following error:": "L'opération a échoué avec l'erreur suivante :",
   "The operation has been aborted.": "L'opération a été annulée.",
   "The operation was cancelled.": "L'opération a été annulée.",
-  "The operation was successfull.": "L'opération a réussi.",
+  "The operation was successful.": "L'opération a réussi.",
   "The passphrase is invalid.": "La phrase de passe est invalide.",
   "The passphrase is stored on your device and never sent server side.": "La phrase de passe est stockée sur votre appareil et n'est jamais envoyée au serveur.",
   "The passphrase is used to encrypt your secret key, which is required to decrypt your secrets, such as the passwords.": "La phrase de passe est utilisée pour chiffrer votre clé secrète, qui est nécessaire pour déchiffrer vos secrets, tels que les mots de passe.",
@@ -600,12 +600,12 @@
   "This security token will be displayed when your passphrase is requested, so you can verify quickly the form is coming from passbolt.": "Ce jeton de sécurité sera affiché lorsque votre phrase de passe vous sera demandée, afin que vous puissiez vérifier rapidement que le formulaire provient bien de passbolt.",
   "This shared tag can't be added, you are not the owner": "Ce tag partagé ne peut pas être ajouté, vous n'êtes pas le propriétaire",
   "This shared tag can't be deleted, you are not the owner": "Ce tag partagé ne peut pas être supprimé, vous n'êtes pas le propriétaire",
-  "This tag can't be added, the length cannot exceeds {{tagMaxLength}}": "Ce tag ne peut pas être ajoutée, la longueur ne peut pas dépasser {{tagMaxLength}}",
+  "This tag can't be added, the length cannot exceed {{tagMaxLength}}": "Ce tag ne peut pas être ajoutée, la longueur ne peut pas dépasser {{tagMaxLength}}",
   "This tag is already present": "Ce tag est déjà présent",
   "This user is an administrator": "Cet utilisateur est un administrateur",
   "This user is the sole owner of some content. You need to transfer the ownership to others to continue.": "Cet utilisateur est l'unique propriétaire de certains contenus. Vous devez transférer la possesion à d'autres pour continuer.",
   "This will help protect you from <1>phishing attacks</1>.": "Cela vous protégera contre les <1>attaques par hameçonnage</1>.",
-  "This will help protect you from phishing attack": "Cela vous protégera contre les attaques par hameçonnage",
+  "This will help protect you from phishing attacks": "Cela vous protégera contre les attaques par hameçonnage",
   "Time-based One Time Password": "Mot de passe à usage unique basé sur le temps (TOTP)",
   "Tips for choosing a good passphrase": "Conseils pour choisir une bonne phrase de passe",
   "Transfer complete!": "Transfert terminé !",
@@ -660,8 +660,8 @@
   "Warning: This action can’t be undone. Other users may lose access.": "Attention: cette action ne peut pas être annulée. D'autres utilisateurs risquent de perdre l'accès.",
   "Warning: This action can’t be undone. Users in this group may lose access to the content shared with it.": "Attention: Cette action ne peut pas être annulée. Les utilisateurs de ce groupe risquent de perdre l'accès au contenu partagé avec lui.",
   "Warning: this is the maximum size for this field, make sure your data was not truncated": "Attention: il s'agit de la taille maximale de ce champ, assurez-vous que vos données n'ont pas été tronquées",
-  "We send you a link to verify your email.": "Nous vous avons envoyé un lien pour vérifier votre e-mail.",
-  "Welcome back, please enter your private key to begin with the recovery process.": "Bienvenue à nouveau, veuillez entrer votre clé privée pour commencer le processus de récupération.",
+  "We sent you a link to verify your email.": "Nous vous avons envoyé un lien pour vérifier votre e-mail.",
+  "Welcome back, please enter your private key to begin the recovery process.": "Bienvenue à nouveau, veuillez entrer votre clé privée pour commencer le processus de récupération.",
   "Welcome to Passbolt, please select a passphrase!": "Bienvenue à Passbolt, veuillez sélectionner une phrase de passe!",
   "Welcome to passbolt!": "Bienvenue sur passbolt!",
   "Welcome to the mobile account transfer!": "Bienvenue dans le transfert de compte mobile !",
@@ -673,7 +673,7 @@
   "When a folder is deleted, notify the users who had access to it.": "Lorsqu'un dossier est supprimé, avisez les utilisateurs qui y avaient accès.",
   "When a folder is shared, notify the users who gain access to it.": "Lorsqu'un dossier est partagé, informer les utilisateurs qui y ont gagné accès.",
   "When a folder is updated, notify the users who have access to it.": "Lorsqu'un dossier est mis à jour, informer les utilisateurs qui y ont accès.",
-  "When a group is deleted, notify the users who were member of it.": "Lorsqu'un groupe est supprimé, informer les utilisateurs qui en ont été membres.",
+  "When a group is deleted, notify the users who were members of it.": "Lorsqu'un groupe est supprimé, informer les utilisateurs qui en ont été membres.",
   "When a password is created, notify its creator.": "Lorsqu'un mot de passe est créé, informer son créateur.",
   "When a password is deleted, notify the users who had access to it.": "Lorsqu'un mot de passe est supprimé, informer les utilisateurs qui y avaient accès.",
   "When a password is shared, notify the users who gain access to it.": "Lorsqu'un mot de passe est partagé, informer les utilisateurs qui y ont gagné accès.",
@@ -736,7 +736,7 @@
   "copy": "copier",
   "copy to clipboard": "copier dans le presse-papier",
   "csv exports from keepassx, lastpass and 1password are supported": "Les exports csv de keepass, lastpass et 1password sont pris en charge",
-  "curently:": "actuellement:",
+  "currently:": "actuellement:",
   "deleted": "supprimer",
   "edit": "modifier",
   "email": "e-mail",

package/src/locales/sv-SE/common.json

@@ -91,7 +91,7 @@
   "Check out our Multi Factor Authentication configuration guide.": "Kolla in vår konfigurationsguide för multifaktor-autentisering.",
   "Check out our ldap configuration guide.": "Kolla in vår konfigurationsguide för ldap.",
   "Check your mailbox!": "Kolla din brevlåda!",
-  "Check your spam folder if you do not see hear from us after a while.": "Kolla din skräppostmapp om du inte har hört från oss efter ett tag.",
+  "Check your spam folder if you do not hear from us after a while.": "Kolla din skräppostmapp om du inte har hört från oss efter ett tag.",
   "Choose a file": "Välj en fil",
   "Choose the export format (csv and kdbx are supported)": "Välj exportformat (csv och kdbx stöds)",
   "Click save to apply your pending changes.": "Klicka på spara för att tillämpa dina väntande ändringar.",
@@ -194,7 +194,7 @@
   "Enter the password and/or key file": "Ange lösenordet och/eller nyckelfilen",
   "Entropy:": "Entropy:",
   "Error": "Fel",
-  "Errors details": "Detaljerad felinformation",
+  "Error details": "Detaljerad felinformation",
   "Errors:": "Fel",
   "Exclude look-alike characters": "Exclude look-alike characters",
   "Expires": "Utgår",
@@ -213,7 +213,7 @@
   "Folder": "Mapp",
   "Folder name": "Mappens namn",
   "Folders": "Mappar",
-  "Folders errors": "Fel i mappar",
+  "Folder errors": "Fel i mappar",
   "For Openldap only. Defines which group object to use.": "Endast för Openldap Definierar vilket gruppobjekt som ska användas.",
   "For Openldap only. Defines which user object to use.": "Endast för Openldap Definierar vilken användare som ska användas.",
   "For any change or question related to your passbolt subscription, kindly contact our sales team.": "För eventuella ändringar eller frågor relaterade till din prenumeration på passbolt, vänligen kontakta vårt säljteam.",
@@ -252,7 +252,7 @@
   "If there was an issue during the transfer, either the operation was cancelled on the mobile side, or the authentication token expired.": "If there was an issue during the transfer, either the operation was cancelled on the mobile side, or the authentication token expired.",
   "If this does not work get in touch with support.": "Om detta inte fungerar, kontakta supporten.",
   "If this is empty then it will be queried from the RootDSE.": "Om detta är tomt kommer det att ställas frågor från RootDSE.",
-  "If you do not access, you can request a new account to the administrator.": "Om du inte har tillgång till detta kan du begära ett nytt konto från administratören.",
+  "If you do not have access, you can request a new account from the administrator.": "Om du inte har tillgång till detta kan du begära ett nytt konto från administratören.",
   "If you have multiple browsers configured, the passphrase will need to be changed in all places individually.": "Om du har flera webbläsare konfigurerade måste lösenfrasen ändras på alla platser individuellt.",
   "Ignored:": "Ignorerad",
   "Import": "Importera",
@@ -536,7 +536,7 @@
   "The operation failed with the following error:": "Åtgärden misslyckades med följande fel:",
   "The operation has been aborted.": "Åtgärden har avbrutits.",
   "The operation was cancelled.": "The operation was cancelled.",
-  "The operation was successfull.": "Åtgärden lyckades.",
+  "The operation was successful.": "Åtgärden lyckades.",
   "The passphrase is invalid.": "Lösenfrasen är ogiltig.",
   "The passphrase is stored on your device and never sent server side.": "Lösenfrasen lagras på din enhet och skickas aldrig till serversidan.",
   "The passphrase is used to encrypt your secret key, which is required to decrypt your secrets, such as the passwords.": "Lösenfrasen används för att kryptera din hemliga nyckel, vilket krävs för att dekryptera dina hemligheter, till exempel lösenorden.",
@@ -600,12 +600,12 @@
   "This security token will be displayed when your passphrase is requested, so you can verify quickly the form is coming from passbolt.": "Detta säkerhetstoken kommer att visas när din lösenfras begärs, så att du snabbt kan verifiera att formuläret kommer från passbolt.",
   "This shared tag can't be added, you are not the owner": "Denna delade tagg kan inte läggas till, du är inte ägaren",
   "This shared tag can't be deleted, you are not the owner": "Denna delade tagg kan inte läggas till, du är inte ägaren",
-  "This tag can't be added, the length cannot exceeds {{tagMaxLength}}": "Denna tagg kan inte läggas till, längden kan inte överstiga {{tagMaxLength}}",
+  "This tag can't be added, the length cannot exceed {{tagMaxLength}}": "Denna tagg kan inte läggas till, längden kan inte överstiga {{tagMaxLength}}",
   "This tag is already present": "Den här taggen finns redan",
   "This user is an administrator": "Den här användaren är en administratör",
   "This user is the sole owner of some content. You need to transfer the ownership to others to continue.": "Den här användaren är ensam ägare av något innehåll. Du måste överföra äganderätten till andra för att fortsätta.",
   "This will help protect you from <1>phishing attacks</1>.": "Detta kommer att skydda dig från <1>nätfiskeattacker</1>.",
-  "This will help protect you from phishing attack": "Detta kommer att skydda dig från nätfiskeattack",
+  "This will help protect you from phishing attacks": "Detta kommer att skydda dig från nätfiskeattack",
   "Time-based One Time Password": "Tidsbaserat Engångslösenord",
   "Tips for choosing a good passphrase": "Tips för att välja en bra lösenfras",
   "Transfer complete!": "Transfer complete!",
@@ -660,8 +660,8 @@
   "Warning: This action can’t be undone. Other users may lose access.": "Varning: Denna åtgärd kan inte ångras. Andra användare kan förlora åtkomst.",
   "Warning: This action can’t be undone. Users in this group may lose access to the content shared with it.": "Varning: Denna åtgärd kan inte ångras. Användare i denna grupp kan förlora åtkomst till det innehåll som delas med den.",
   "Warning: this is the maximum size for this field, make sure your data was not truncated": "Varning: detta är den maximala storleken för detta fält. Se till att dina data inte förkortats",
-  "We send you a link to verify your email.": "Vi skickar en länk till dig för att verifiera din e-post.",
-  "Welcome back, please enter your private key to begin with the recovery process.": "Välkommen tillbaka. Ange din privata nyckel för att börja med återställningsprocessen.",
+  "We sent you a link to verify your email.": "Vi skickar en länk till dig för att verifiera din e-post.",
+  "Welcome back, please enter your private key to begin the recovery process.": "Välkommen tillbaka. Ange din privata nyckel för att börja med återställningsprocessen.",
   "Welcome to Passbolt, please select a passphrase!": "Välkommen till Passbolt! Välj en lösenfras.",
   "Welcome to passbolt!": "Välkommen till passbolt!",
   "Welcome to the mobile account transfer!": "Welcome to the mobile account transfer!",
@@ -673,7 +673,7 @@
   "When a folder is deleted, notify the users who had access to it.": "När en mapp tas bort, meddela användarna som hade tillgång till den.",
   "When a folder is shared, notify the users who gain access to it.": "När en mapp delas, meddela användarna som får tillgång till den.",
   "When a folder is updated, notify the users who have access to it.": "När en mapp är uppdaterad, meddela användarna som har tillgång till den.",
-  "When a group is deleted, notify the users who were member of it.": "När en grupp tas bort, meddela användarna som var medlemmar i den.",
+  "When a group is deleted, notify the users who were members of it.": "När en grupp tas bort, meddela användarna som var medlemmar i den.",
   "When a password is created, notify its creator.": "När ett lösenord skapas, meddela dess skapare.",
   "When a password is deleted, notify the users who had access to it.": "När ett lösenord tas bort, meddela användarna som hade tillgång till det.",
   "When a password is shared, notify the users who gain access to it.": "När ett lösenord delas, meddela användarna som får tillgång till det.",
@@ -736,7 +736,7 @@
   "copy": "copy",
   "copy to clipboard": "kopiera till urklipp",
   "csv exports from keepassx, lastpass and 1password are supported": "csv-export från keepassx, lastpass och 1password stöds",
-  "curently:": "för närvarande:",
+  "currently:": "för närvarande:",
   "deleted": "raderade",
   "edit": "redigera",
   "email": "e-post",

package/src/react-extension/ExtApp.js

@@ -55,6 +55,7 @@ import HandleFolderMoveStrategyEvents
 import HandleProgressEvents from "./components/Common/Progress/HandleProgressEvents/HandleProgressEvents";
 import HandleErrorEvents from "./components/Common/Error/HandleErrorEvents/HandleErrorEvents";
 import DisplayResourcesWorkspace from "./components/Resource/DisplayResourcesWorkspace/DisplayResourcesWorkspace";
+import DragContextProvider from "./contexts/DragContext";
 
 /**
  * The passbolt application served by the browser extension.
@@ -119,14 +120,16 @@ class ExtApp extends Component {
                                     <ManageDialogs/>
                                     <ManageContextualMenu/>
                                     <ManageAnnouncements/>
-                                    <div id="container" className="page password">
-                                      <div id="app" className="app ready" tabIndex="1000">
-                                        <div className="header first">
-                                          <DisplayMainMenu/>
+                                    <DragContextProvider>
+                                      <div id="container" className="page password">
+                                        <div id="app" className="app ready" tabIndex="1000">
+                                          <div className="header first">
+                                            <DisplayMainMenu/>
+                                          </div>
+                                          <DisplayResourcesWorkspace onMenuItemClick={this.handleWorkspaceSelect}/>
                                         </div>
-                                        <DisplayResourcesWorkspace onMenuItemClick={this.handleWorkspaceSelect}/>
                                       </div>
-                                    </div>
+                                    </DragContextProvider>
                                   </ResourcePasswordGeneratorContextProvider>
                                 </ResourceWorkspaceContextProvider>
                               </Route>

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

@@ -438,7 +438,7 @@ class DisplayEmailNotificationsAdministration extends React.Component {
               <div className="col6">
                 <label><Trans>Group membership</Trans></label>
                 <span className="input toggle-switch form-element">
-                  <label htmlFor="send-group-delete-toggle-button"><Trans>When a group is deleted, notify the users who were member of it.</Trans></label>
+                  <label htmlFor="send-group-delete-toggle-button"><Trans>When a group is deleted, notify the users who were members of it.</Trans></label>
                   <input type="checkbox" className="toggle-switch-checkbox checkbox" name="groupDelete" disabled={this.hasAllInputDisabled()}
                     onChange={this.handleInputChange} checked={this.state.groupDelete} id="send-group-delete-toggle-button"/>
                   <label className="toggle-switch-button" htmlFor="send-group-delete-toggle-button"/>

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

@@ -34,4 +34,3 @@ Initial.args = {
     })
   }
 };
-

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

@@ -289,7 +289,7 @@ class DisplaySimulateSynchronizeUserDirectoryAdministration extends Component {
           onClose={this.handleClose} disabled={this.isLoading()}>
           <div className="form-content" onSubmit={this.handleFormSubmit}>
             <p>
-              <strong><Trans>The operation was successfull.</Trans></strong>
+              <strong><Trans>The operation was successful.</Trans></strong>
             </p>
             <p></p>
             {this.hasSuccessResource() &&

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

@@ -42,7 +42,7 @@ describe("See the simulate synchronize user directory administration dialog", ()
     it('As AD I should see The full report in the dialog for my simulate synchronize report', async() => {
       expect(page.title.hyperlink.textContent).toBe("Synchronize simulation report");
       expect(page.displaySimulateSynchronizeUserDirectoryAdministrationDialog.exists()).toBeTruthy();
-      expect(page.displaySimulateSynchronizeUserDirectoryAdministrationDialog.resourceSynchronize).toBe(' 2 user and 60 group will be synchronized. ');
+      expect(page.displaySimulateSynchronizeUserDirectoryAdministrationDialog.resourceSynchronize).toBe(' 2 users and 60 groups will be synchronized. ');
       expect(page.displaySimulateSynchronizeUserDirectoryAdministrationDialog.error).toBe('Some resources will not be synchronized and will require your attention, see the full report.');
       expect(page.displaySimulateSynchronizeUserDirectoryAdministrationDialog.noResource).toBeNull();
       await page.displaySimulateSynchronizeUserDirectoryAdministrationDialog.click(page.displaySimulateSynchronizeUserDirectoryAdministrationDialog.fullReport);

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

@@ -4,7 +4,6 @@ import AppContext from "../../../contexts/AppContext";
 import PropTypes from "prop-types";
 import DisplaySimulateSynchronizeUserDirectoryAdministration
   from "./DisplaySimulateSynchronizeUserDirectoryAdministration";
-import MockTranslationProvider from "../../../test/mock/components/Internationalisation/MockTranslationProvider";
 
 export default {
   title: 'Passbolt/Administration/DisplaySimulateSynchronizeUserDirectoryAdministration',
@@ -15,13 +14,11 @@ const context = {};
 
 
 const Template = args =>
-  <MockTranslationProvider>
-    <AppContext.Provider value={context}>
-      <MemoryRouter initialEntries={['/']}>
-        <Route component={routerProps => <DisplaySimulateSynchronizeUserDirectoryAdministration {...args} {...routerProps}/>}></Route>
-      </MemoryRouter>
-    </AppContext.Provider>
-  </MockTranslationProvider>;
+  <AppContext.Provider value={context}>
+    <MemoryRouter initialEntries={['/']}>
+      <Route component={routerProps => <DisplaySimulateSynchronizeUserDirectoryAdministration {...args} {...routerProps}/>}></Route>
+    </MemoryRouter>
+  </AppContext.Provider>;
 
 Template.propTypes = {
   context: PropTypes.object,

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

@@ -363,7 +363,7 @@ class DisplaySubscriptionKey extends React.Component {
                   <span
                     className={`label ${this.hasLimitUsersExceeded() ? "error" : ""}`}><Trans>Users limit:</Trans></span>
                   <span
-                    className={`value ${this.hasLimitUsersExceeded() ? "error" : ""}`}>{this.state.users} (<Trans>curently:</Trans> {this.state.activeUsers})</span>
+                    className={`value ${this.hasLimitUsersExceeded() ? "error" : ""}`}>{this.state.users} (<Trans>currently:</Trans> {this.state.activeUsers})</span>
                 </li>
                 <li className="created">
                   <span className="label"><Trans>Valid from:</Trans></span>

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

@@ -40,13 +40,16 @@ export function formatDate(date) {
   }
 }
 
+const expiredDate = new Date();
+expiredDate.setMonth(expiredDate.getMonth() + 3);
+
 export const mockSubscription = {
   "customer_id": "1n6BPvHRWfizhmARz",
   "subscription_id": "1n6BPvHRWfizhmARz",
   "users": 5,
   "email": "ada@passbolt.com",
   "created": "2020-12-01",
-  "expiry": "2021-12-01",
+  "expiry": formatDate(expiredDate.toISOString()),
   "data": "data"
 };
 

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

@@ -61,7 +61,7 @@ describe("As AD I should see the subscription", () => {
       expect(page.customerId).toBe(mockSubscription.customer_id);
       expect(page.subscriptionId).toBe(mockSubscription.subscription_id);
       expect(page.email).toBe(mockSubscription.email);
-      expect(page.users).toBe(`${mockSubscription.users} (curently: ${mockUsers.length})`);
+      expect(page.users).toBe(`${mockSubscription.users} (currently: ${mockUsers.length})`);
       expect(page.created).toBe(`${formatDate(mockSubscription.created)}`);
       expect(page.expiry).toBe(`${formatDate(mockSubscription.expiry)} (${DateTime.fromISO(mockSubscription.expiry).toRelative()})`);
       expect(page.help).toBeTruthy();
@@ -81,7 +81,7 @@ describe("As AD I should see the subscription", () => {
       expect(page.customerId).toBe(mockSubscriptionUsersExceeded.customer_id);
       expect(page.subscriptionId).toBe(mockSubscriptionUsersExceeded.subscription_id);
       expect(page.email).toBe(mockSubscriptionUsersExceeded.email);
-      expect(page.users).toBe(`${mockSubscriptionUsersExceeded.users} (curently: ${mockUsers.length})`);
+      expect(page.users).toBe(`${mockSubscriptionUsersExceeded.users} (currently: ${mockUsers.length})`);
       expect(page.created).toBe(`${formatDate(mockSubscriptionUsersExceeded.created)}`);
       expect(page.expiry).toBe(`${formatDate(mockSubscriptionUsersExceeded.expiry)} (${DateTime.fromISO(mockSubscriptionUsersExceeded.expiry).toRelative()})`);
 
@@ -102,7 +102,7 @@ describe("As AD I should see the subscription", () => {
       expect(page.customerId).toBe(mockSubscriptionExpired.customer_id);
       expect(page.subscriptionId).toBe(mockSubscriptionExpired.subscription_id);
       expect(page.email).toBe(mockSubscriptionExpired.email);
-      expect(page.users).toBe(`${mockSubscriptionExpired.users} (curently: ${mockUsers.length})`);
+      expect(page.users).toBe(`${mockSubscriptionExpired.users} (currently: ${mockUsers.length})`);
       expect(page.created).toBe(`${formatDate(mockSubscriptionExpired.created)}`);
       expect(page.expiry).toBe(`${formatDate(mockSubscriptionExpired.expiry)} (expired ${DateTime.fromISO(mockSubscriptionExpired.expiry).toRelative()})`);
 
@@ -183,7 +183,7 @@ describe("As AD I should see the subscription", () => {
       expect(page.customerId).toBe(mockSubscriptionUpdated.customer_id);
       expect(page.subscriptionId).toBe(mockSubscriptionUpdated.subscription_id);
       expect(page.email).toBe(mockSubscriptionUpdated.email);
-      expect(page.users).toBe(`${mockSubscriptionUpdated.users} (curently: ${mockUsers.length})`);
+      expect(page.users).toBe(`${mockSubscriptionUpdated.users} (currently: ${mockUsers.length})`);
       expect(page.created).toBe(`${formatDate(mockSubscriptionUpdated.created)}`);
       expect(page.expiry).toBe(`${formatDate(mockSubscriptionUpdated.expiry)} (${DateTime.fromISO(mockSubscriptionUpdated.expiry).toRelative()})`);
       expect(propsUpdated.administrationWorkspaceContext.onResetActionsSettings).toHaveBeenCalled();

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

@@ -287,7 +287,7 @@ class DisplaySynchronizeUserDirectoryAdministration extends Component {
           onClose={this.handleClose} disabled={this.isLoading()}>
           <div className="form-content" onSubmit={this.handleFormSubmit}>
             <p>
-              <strong><Trans>The operation was successfull.</Trans></strong>
+              <strong><Trans>The operation was successful.</Trans></strong>
             </p>
             <p></p>
             {this.hasSuccessResource() &&

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

@@ -42,7 +42,7 @@ describe("See the synchronize user directory administration dialog", () => {
     it('As AD I should see The full report in the dialog for my synchronize report', async() => {
       expect(page.title.hyperlink.textContent).toBe("Synchronize report");
       expect(page.displaySynchronizeUserDirectoryAdministrationDialog.exists()).toBeTruthy();
-      expect(page.displaySynchronizeUserDirectoryAdministrationDialog.resourceSynchronize).toBe(' 2 user and 60 group have been synchronized. ');
+      expect(page.displaySynchronizeUserDirectoryAdministrationDialog.resourceSynchronize).toBe(' 2 users and 60 groups have been synchronized. ');
       expect(page.displaySynchronizeUserDirectoryAdministrationDialog.error).toBe('Some resources will not be synchronized and will require your attention, see the full report.');
       expect(page.displaySynchronizeUserDirectoryAdministrationDialog.noResource).toBeNull();
       await page.displaySynchronizeUserDirectoryAdministrationDialog.click(page.displaySynchronizeUserDirectoryAdministrationDialog.fullReport);

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

@@ -46,7 +46,7 @@ describe("See the test user directory administration Dialog", () => {
     it('As AD I should see the number of user(s) and group(s) founds on the LDAP server in the dialog for my Test settings report', async() => {
       expect(page.title.hyperlink.textContent).toBe("Test settings report");
       expect(page.displayTestUserDirectoryAdministrationDialog.exists()).toBeTruthy();
-      expect(page.displayTestUserDirectoryAdministrationDialog.usersAndGroupsFound).toBe('12 user and 58 group have been found.');
+      expect(page.displayTestUserDirectoryAdministrationDialog.usersAndGroupsFound).toBe('12 users and 58 groups have been found.');
       await page.displayTestUserDirectoryAdministrationDialog.click(page.displayTestUserDirectoryAdministrationDialog.buttonOk);
       expect(props.onClose).toBeCalled();
     });
@@ -60,9 +60,8 @@ describe("See the test user directory administration Dialog", () => {
       expect(page.displayTestUserDirectoryAdministrationDialog.structureGroups.length).toBe(60);
       expect(page.displayTestUserDirectoryAdministrationDialog.structureUsers.length).toBe(25);
       await page.displayTestUserDirectoryAdministrationDialog.click(page.displayTestUserDirectoryAdministrationDialog.errorsList);
-      expect(page.displayTestUserDirectoryAdministrationDialog.errors).toBe('7 entry had errors and will be ignored during synchronization.');
+      expect(page.displayTestUserDirectoryAdministrationDialog.errors).toBe('7 entries had errors and will be ignored during synchronization.');
       expect(page.displayTestUserDirectoryAdministrationDialog.errorsTextarea).not.toBeNull();
-      expect(props.onClose).toBeCalled();
     });
   });
 });

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

@@ -3,7 +3,6 @@ import React from "react";
 import AppContext from "../../../contexts/AppContext";
 import PropTypes from "prop-types";
 import DisplayTestUserDirectoryAdministration from "./DisplayTestUserDirectoryAdministration";
-import MockTranslationProvider from "../../../test/mock/components/Internationalisation/MockTranslationProvider";
 
 
 export default {
@@ -2717,17 +2716,14 @@ const context = {
 
 
 const Template = args =>
-  <MockTranslationProvider>
-    <AppContext.Provider value={context}>
-      <MemoryRouter initialEntries={['/']}>
-        <Route component={routerProps => <DisplayTestUserDirectoryAdministration {...args} {...routerProps}/>}></Route>
-      </MemoryRouter>
-    </AppContext.Provider>
-  </MockTranslationProvider>;
+  <AppContext.Provider value={context}>
+    <MemoryRouter initialEntries={['/']}>
+      <Route component={routerProps => <DisplayTestUserDirectoryAdministration {...args} {...routerProps}/>}></Route>
+    </MemoryRouter>
+  </AppContext.Provider>;
 
 Template.propTypes = {
   context: PropTypes.object,
 };
 
 export const Initial = Template.bind({});
-

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

@@ -879,8 +879,8 @@ class DisplayUserDirectoryAdministration extends React.Component {
                         </div>
                         <div className="input text port ad openldap">
                           <input id="port-input" type="number" className="required fluid form-element" name="port"
-                                 value={this.state.port} onChange={this.handleInputChange} onKeyUp={this.handlePortInputKeyUp} placeholder={this.translate("port")}
-                                 disabled={this.hasAllInputDisabled()}/>
+                            value={this.state.port} onChange={this.handleInputChange} onKeyUp={this.handlePortInputKeyUp} placeholder={this.translate("port")}
+                            disabled={this.hasAllInputDisabled()}/>
                           {this.state.portError &&
                           <div id="port-input-feedback" className="error-message">{this.state.portError}</div>
                           }

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

@@ -46,6 +46,3 @@ Initial.args = {
     open: () => {}
   }
 };
-
-
-

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

@@ -68,7 +68,7 @@ class AskForAuthenticationHelp extends Component {
       <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 access, you can request a new account to the administrator.</Trans>
+          <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

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

@@ -1,7 +1,5 @@
 import React from "react";
 import {MemoryRouter, Route} from "react-router-dom";
-import "../../../../css/themes/default/ext_authentication.css";
-import MockTranslationProvider from "../../../test/mock/components/Internationalisation/MockTranslationProvider";
 import {AuthenticationContext} from "../../../contexts/AuthenticationContext";
 import AskForAuthenticationHelp from "./AskForAuthenticationHelp";
 
@@ -14,23 +12,22 @@ export default {
 const context = {
 };
 
-
 const Template = args =>
-  <MockTranslationProvider>
-    <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>
+  <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>
-    </AuthenticationContext.Provider>
-  </MockTranslationProvider>;
-
+    </div>
+  </AuthenticationContext.Provider>;
 
 
 export const Initial = Template.bind({});
 
+Initial.parameters = {
+  css: "ext_authentication"
+};

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

@@ -34,8 +34,8 @@ class CheckMailBox extends Component {
         <div className="email-sent-bg">
         </div>
         <h1><Trans>Check your mailbox!</Trans></h1>
-        <p><Trans>We send you a link to verify your email.</Trans><br/>
-          <Trans>Check your spam folder if you do not see hear from us after a while.</Trans></p>
+        <p><Trans>We sent you a link to verify your email.</Trans><br/>
+          <Trans>Check your spam folder if you do not hear from us after a while.</Trans></p>
       </div>
     );
   }

package/src/react-extension/components/Authentication/CheckMailBox/CheckMailBox.test.js

@@ -40,7 +40,7 @@ describe("As AN I should see the check mail box", () => {
       // title
       expect(page.title).toBe("Check your mailbox!");
       // message
-      expect(page.message).toBe('We send you a link to verify your email.Check your spam folder if you do not see hear from us after a while.');
+      expect(page.message).toBe('We sent you a link to verify your email.Check your spam folder if you do not hear from us after a while.');
     });
   });
 });

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

@@ -1,7 +1,5 @@
 import React from "react";
 import {MemoryRouter, Route} from "react-router-dom";
-import "../../../../css/themes/default/ext_authentication.css";
-import MockTranslationProvider from "../../../test/mock/components/Internationalisation/MockTranslationProvider";
 import {AuthenticationContext} from "../../../contexts/AuthenticationContext";
 import CheckMailBox from "./CheckMailBox";
 
@@ -16,21 +14,21 @@ const context = {
 
 
 const Template = args =>
-  <MockTranslationProvider>
-    <AuthenticationContext.Provider value={context}>
-      <div id="container" className="container page login">
-        <div className="content">
-          <div className="login-form">
-            <MemoryRouter initialEntries={['/']}>
-              <Route component={routerProps => <CheckMailBox {...args} {...routerProps}/>}></Route>
-            </MemoryRouter>
-          </div>
+  <AuthenticationContext.Provider value={context}>
+    <div id="container" className="container page login">
+      <div className="content">
+        <div className="login-form">
+          <MemoryRouter initialEntries={['/']}>
+            <Route component={routerProps => <CheckMailBox {...args} {...routerProps}/>}></Route>
+          </MemoryRouter>
         </div>
       </div>
-    </AuthenticationContext.Provider>
-  </MockTranslationProvider>;
-
+    </div>
+  </AuthenticationContext.Provider>;
 
 
 export const Initial = Template.bind({});
 
+Initial.parameters = {
+  css: "ext_authentication"
+};

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

@@ -1,7 +1,5 @@
 import React from "react";
 import {MemoryRouter, Route} from "react-router-dom";
-import "../../../../css/themes/default/ext_authentication.css";
-import MockTranslationProvider from "../../../test/mock/components/Internationalisation/MockTranslationProvider";
 import {AuthenticationContext} from "../../../contexts/AuthenticationContext";
 import CheckPassphrase from "./CheckPassphrase";
 
@@ -16,21 +14,20 @@ const context = {
 
 
 const Template = args =>
-  <MockTranslationProvider>
-    <AuthenticationContext.Provider value={context}>
-      <div id="container" className="container page login">
-        <div className="content">
-          <div className="login-form">
-            <MemoryRouter initialEntries={['/']}>
-              <Route component={routerProps => <CheckPassphrase {...args} {...routerProps}/>}></Route>
-            </MemoryRouter>
-          </div>
+  <AuthenticationContext.Provider value={context}>
+    <div id="container" className="container page login">
+      <div className="content">
+        <div className="login-form">
+          <MemoryRouter initialEntries={['/']}>
+            <Route component={routerProps => <CheckPassphrase {...args} {...routerProps}/>}></Route>
+          </MemoryRouter>
         </div>
       </div>
-    </AuthenticationContext.Provider>
-  </MockTranslationProvider>;
-
+    </div>
+  </AuthenticationContext.Provider>;
 
 
 export const Initial = Template.bind({});
-
+Initial.parameters = {
+  css: "ext_authentication"
+};