[SELC-6042] feat: Updated common-frontend library dependency for introduce language detection feature

package.json

@@ -10,21 +10,17 @@
     "@mui/x-data-grid": "^5.0.1",
     "@mui/x-data-grid-generator": "^5.0.1",
     "@pagopa/mui-italia": "^1.5.0",
-    "@pagopa/selfcare-common-frontend": "^1.34.44",
+    "@pagopa/selfcare-common-frontend": "^1.34.49",
     "@types/react": "^18.2.22",
     "@types/react-dom": "^18.2.7",
     "@types/react-router-dom": "^5.3.3",
     "@types/react-router-hash-link": "^2.4.5",
-    "axios": "^0.28.0",
     "formik": "^2.2.9",
-    "node-fetch": "^3.2.10",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-dropzone": "^11.4.2",
     "react-router-dom": "^5.3.4",
-    "react-router-hash-link": "^2.4.3",
     "react-scripts": "5.0.0",
-    "react-use-scrollspy": "^3.0.1",
     "url": "^0.11.0"
   },
   "scripts": {
@@ -94,7 +90,8 @@
     "svgo": "^2.8.0",
     "json-schema-ref-parser": "^7.1.0",
     "z-schema": "^4.2.4",
-    "body-parser": "^1.20.3"
+    "body-parser": "^1.20.3",
+    "node-fetch": "^2.7.0"
   },
   "jest": {
     "restoreMocks": true,

src/components/partySelectionSearch/__tests__/PartySelectionSearch.test.tsx

@@ -3,9 +3,13 @@ import { BaseParty, Party } from '../../../model/Party';
 import PartyAccountItemSelection from '../PartyAccountItemSelection';
 import PartySelectionSearch from '../PartySelectionSearch';
 import './../../../locale';
-import { mockedBaseParties } from '../../../services/__mocks__/partyService';
 import React from 'react';
 import { renderWithProviders } from '../../../utils/test-utils';
+import i18n from '@pagopa/selfcare-common-frontend/lib/locale/locale-utils';
+
+beforeAll(() => {
+  i18n.changeLanguage('it');
+});
 
 let selectedParty: BaseParty | null = null;
 

src/locale/de.ts

@@ -1,4 +1,8 @@
 export default {
+  customAlert: {
+    message:
+      'Per migliorare la tua esperienza e offrirti una gestione più mirata, vedrai solo le informazioni e i prodotti di cui sei amministratore.',
+  },
   session: {
     expired: {
       title: 'Sitzung abgelaufen',
@@ -8,7 +12,7 @@ export default {
   partySelection: {
     title: 'Wähle deine Körperschaft',
     subTitle:
-      'Se operi per più enti, potrai modificare la tua scelta dopo aver <1 /> effettuato l’accesso.',
+      'Wenn du für mehrere Körperschaften operierst, kannst du deine Wahl nach dem <1 /> Anmelden ändern.',
     partyStatus: {
       pending: 'Zu vervollständigen',
       toBeValidated: 'Warten',
@@ -22,30 +26,31 @@ export default {
     pending: {
       title: 'Es liegen keine <1 /> Beitrittsanträge für diese Körperschaft vor',
       description:
-        "Der Beitritt wird möglicherweise noch bearbeitet. <1 /> Überprüfe, ob alle erforderlichen Schritte abgeschlossen sind.",
+        'Der Beitritt wird möglicherweise noch bearbeitet. <1 /> Überprüfe, ob alle erforderlichen Schritte abgeschlossen sind.',
     },
     toBeValidated: {
       title: 'Die Registrierungsanfrage ist <1 />noch nicht validiert',
       description:
-        'La richiesta di registrazione per l’ente {{partyName}} deve <3 />essere ancora confermata. Per accedere, attendi la conferma <5 />che arriverà all’indirizzo PEC dell’ente.',
+        'Die Registrierungsanfrage für die Körperschaft {{partyName}} muss <3 />noch bestätigt werden. Zum Anmelden warte bitte auf die Bestätigung, <5 />die an der PEC-Adresse der Körperschaft eingehen wird.',
     },
-    close: 'Beenden',
+    close: 'Schließen',
   },
   noParty: {
     title: 'Zugriff unzulässig',
     description:
-      'L’Area Riservata è dedicata agli enti che utilizzano i prodotti <1 /> PagoPA.  Se lavori per un ente, chiedi a un Amministratore <3 /> di aggiungerti nella sezione Utenti.',
-    backHome: 'Beenden',
-    addAdmin:'Gli attuali Amministratori non sono più disponibili e hai l’esigenza<1 /> di gestire i prodotti? <3>Aggiungi un nuovo Amministratore</3>',
-    moreInformationOnRoles:'Più informazioni sui ruoli',
+      'Der reservierte Bereich ist für die Körperschaften bestimmt, die <1 />PagoPA-Produkte verwenden.  Wenn du für eine Körperschaft arbeitest, bitte einen Administrator, dich <3 /> im Bereich Benutzer hinzuzufügen.',
+    backHome: 'Schließen',
+    addAdmin:
+      'Gli attuali Amministratori non sono più disponibili e hai l’esigenza<1 /> di gestire i prodotti? <3>Aggiungi un nuovo Amministratore</3>',
+    moreInformationOnRoles: 'Più informazioni sui ruoli',
   },
   activeProductCard: {
     disableInfo: 'Um dieses Produkt zu verwalten, frage einen seiner Administratoren',
   },
   overview: {
     title: 'Übersicht',
     subTitle:
-      'Gestisci i prodotti PagoPA attivi e, se hai i permessi, puoi aderire a nuovi prodotti.',
+      'Du verwaltest die aktiven PagoPA-Produkte und kannst, sofern im Besitz der Berechtigungen, neuen Produkten beitreten.',
     sideMenu: {
       institutionManagement: {
         title: 'Körperschaftsverwaltung',
@@ -82,9 +87,9 @@ export default {
         title: 'In welche Umgebung möchtest du?',
         message: `Sei stato abilitato ad operare negli ambienti riportati di seguito per il prodotto <1>{{productTitle}}</1>.`,
         messageProduct:
-          'L’ambiente di test ti permette di conoscere <1>{{productTitle}}</1> e fare prove in tutta sicurezza. L’ambiente di Produzione è il prodotto in esercizio effettivo.',
+          'Die Testumgebung bietet dir die Möglichkeit, <1>{{productTitle}}</1> kennenzulernen und Tests in aller Sicherheit auszuführen. Die Produktionsumgebung ist das Produkt beim effektiven Betrieb.',
         devEnviromentMessage:
-          'Ti permette di conoscere il prodotto e fare prove in tutta sicurezza',
+          'Sie bietet dir die Möglichkeit, das Produkt kennenzulernen und Tests in aller Sicherheit auszuführen.',
         uatEnviromentMessage: 'Hiermit kannst du das Produkt erkunden',
         prodEnviromentMessage: 'Verwendetes Produkt',
         envDevButton: 'Testumgebung',
@@ -107,17 +112,17 @@ export default {
     adhesionPopup: {
       title: 'Beitritt wird bearbeitet',
       description:
-        'Per questo prodotto c’è già una richiesta di adesione in corso. Vuoi procedere lo stesso?',
+        'Für dieses Produkt steht bereits ein Beitrittsantrag in Bearbeitung. Möchtest du dennoch fortfahren?',
       confirmButton: 'Mit neuem Beitritt fortfahren',
       closeButton: 'Beenden',
     },
     partyLogo: {
-      upload: "Logo der Körperschaft laden",
+      upload: 'Logo der Körperschaft laden',
       modify: 'Anderes Bild wählen',
       uploadError: {
         title: 'Laden fehlgeschlagen',
         description:
-          'Il caricamento del logo non è andato a buon fine. Verifica che il formato e la dimensione siano corretti e caricalo di nuovo',
+          'Das Laden des Logos ist fehlgeschlagen. Prüfe, ob Format und Größe korrekt sind, und lade es erneut',
       },
       modifyError: {
         title: 'Laden fehlgeschlagen',
@@ -150,13 +155,13 @@ export default {
         firstTimeInsertGeographicTaxonomiesModal: {
           title: 'Geografisches Gebiet angeben',
           description:
-            'Seleziona il territorio in cui opera il tuo ente. Se locale, puoi scegliere una o più aree di competenza. La scelta verrà applicata a tutti i prodotti PagoPA a cui l’ente aderirà.',
+            'Wähle das Gebiet, in dem deine Körperschaft tätig ist. Sofern lokal, kannst du ein oder mehrere Zuständigkeitsgebiete wählen. Die Auswahl wird auf alle Produkte von PagoPA angewendet, denen die Körperschaft beitreten wird.',
           add: 'Hinzufügen',
         },
         addNewGeographicTaxonomiesModal: {
           title: 'Geografisches Gebiet ändern',
           description:
-            'Seleziona il territorio in cui opera il tuo ente. Se locale, puoi scegliere una o più aree di competenza. La modifica verrà applicata a tutti i prodotti PagoPA a cui l’ente ha già aderito.',
+            'Wähle das Gebiet, in dem deine Körperschaft tätig ist. Sofern lokal, kannst du ein oder mehrere Zuständigkeitsgebiete wählen. Die Änderung wird auf alle Produkte von PagoPA angewendet, denen die Körperschaft bereits beigetreten ist.',
           modify: 'Ändern',
           back: 'Beenden',
         },
@@ -167,7 +172,7 @@ export default {
       sdiCode: 'SDI-Code',
       aooParentCode: 'Referenz-AOO',
       contactToModify:
-        "<0>Einige Daten können in diesem Abschnitt nicht geändert werden. Gehe hierzu auf die Website des Index der öffentlichen Verwaltung (IPA)</0>",
+        '<0>Einige Daten können in diesem Abschnitt nicht geändert werden. Gehe hierzu auf die Website des Index der öffentlichen Verwaltung (IPA)</0>',
       goToIPA: 'Besuche die Website',
       institutionTypeValue: {
         GSP: 'Betreiber öffentlicher Dienstleistungen',
@@ -184,7 +189,7 @@ export default {
       delegationBanner: {
         title: 'Betraut einen Partner oder Vermittler mit dem Produktmanagement',
         subTitle:
-          'Se ti avvali di figure come Partner o Intermediari tecnologici, puoi delegare la gestione di alcuni prodotti.',
+          'Wenn du Berufsbilder wie Partner oder technologische Vermittler einsetzt, kannst du die Verwaltung bestimmter Produkte bevollmächtigen.',
         goToButton: 'Gehe zu',
       },
       vatNumberGroupValues: {
@@ -214,7 +219,7 @@ export default {
     ptPage: {
       title: 'Verwaltete Körperschaften',
       subTitle:
-        'Qui trovi l’elenco degli enti che ti hanno delegato la gestione di uno o più prodotti. ',
+        'Hier findest du die Liste der Körperschaften, die die Verwaltung eines oder mehrerer Produkte bevollmächtigt haben. ',
       tableEmptyLabel: 'Du wurdest noch von keiner Körperschaft bevollmächtigt.',
       headerPtTableLabels: {
         party: 'Körperschaft',
@@ -236,7 +241,7 @@ export default {
         allProductsLabel: 'Alle Produkte',
         resetFilter: 'Filter entfernen',
         emptyFilterResult:
-          'I filtri che hai applicato non hanno dato nessun risultato. <1>Rimuovi filtri</1>',
+          'Die von dir angewendeten Filter ergaben keine Ergebnisse. <1>Filter entfernen</1>',
       },
     },
     genericError: {

src/locale/en.ts

@@ -1,4 +1,8 @@
 export default {
+  customAlert: {
+    message:
+      'Per migliorare la tua esperienza e offrirti una gestione più mirata, vedrai solo le informazioni e i prodotti di cui sei amministratore.',
+  },
   session: {
     expired: {
       title: 'Session expired',
@@ -8,7 +12,7 @@ export default {
   partySelection: {
     title: 'Select your institution',
     subTitle:
-      'Se operi per più enti, potrai modificare la tua scelta dopo aver <1 /> effettuato l’accesso.',
+      'If you work for multiple institutions, you can change your selection after <1 /> logging in.',
     partyStatus: {
       pending: 'To be completed',
       toBeValidated: 'Wait',
@@ -22,30 +26,31 @@ export default {
     pending: {
       title: 'There are no registration requests <1 /> for this institution',
       description:
-        "Registration may still be in progress. <1 /> Check that all required steps have been completed.",
+        'Registration may still be in progress. <1 /> Check that all required steps have been completed.',
     },
     toBeValidated: {
       title: 'The registration request is <1 />is being validated',
       description:
-        'La richiesta di registrazione per l’ente {{partyName}} deve <3 />essere ancora confermata. Per accedere, attendi la conferma <5 />che arriverà all’indirizzo PEC dell’ente.',
+        'The registration request for the institution {{partyName}} must <3 />still be confirmed. To log in, wait for the confirmation <5 />that will be sent to the PEC address of the institution.',
     },
     close: 'Close',
   },
   noParty: {
     title: 'Access not permitted',
     description:
-      'L’Area Riservata è dedicata agli enti che utilizzano i prodotti <1 /> PagoPA.  Se lavori per un ente, chiedi a un Amministratore <3 /> di aggiungerti nella sezione Utenti.',
+      'The reserved area is dedicated to institutions that use <1 /> PagoPA products.  To work for an institution, ask an Administrator <3 /> to add you in the Users section.',
     backHome: 'Close',
-    addAdmin:'Gli attuali Amministratori non sono più disponibili e hai l’esigenza<1 /> di gestire i prodotti? <3>Aggiungi un nuovo Amministratore</3>',
-    moreInformationOnRoles:'Più informazioni sui ruoli',
+    addAdmin:
+      'Gli attuali Amministratori non sono più disponibili e hai l’esigenza<1 /> di gestire i prodotti? <3>Aggiungi un nuovo Amministratore</3>',
+    moreInformationOnRoles: 'Più informazioni sui ruoli',
   },
   activeProductCard: {
     disableInfo: 'To manage this product, contact one of your administrators',
   },
   overview: {
     title: 'Overview',
     subTitle:
-      'Gestisci i prodotti PagoPA attivi e, se hai i permessi, puoi aderire a nuovi prodotti.',
+      'Manage the active PagoPA products and, if you have permissions, you can register for new products.',
     sideMenu: {
       institutionManagement: {
         title: 'Institution management',
@@ -82,9 +87,9 @@ export default {
         title: 'Which environment do you want to enter?',
         message: `Sei stato abilitato ad operare negli ambienti riportati di seguito per il prodotto <1>{{productTitle}}</1>.`,
         messageProduct:
-          'L’ambiente di test ti permette di conoscere <1>{{productTitle}}</1> e fare prove in tutta sicurezza. L’ambiente di Produzione è il prodotto in esercizio effettivo.',
+          'The test environment allows you to learn about <1>{{productTitle}}</1> and perform tests securely. In the production environment, the product is fully operative.',
         devEnviromentMessage:
-          'Ti permette di conoscere il prodotto e fare prove in tutta sicurezza',
+          'This allows you to learn about the product and perform tests securely',
         uatEnviromentMessage: 'It allows you to explore the product',
         prodEnviromentMessage: 'Product in use',
         envDevButton: 'Test environment',
@@ -107,17 +112,17 @@ export default {
     adhesionPopup: {
       title: 'Registration in progress',
       description:
-        'Per questo prodotto c’è già una richiesta di adesione in corso. Vuoi procedere lo stesso?',
+        'There is already a registration request in progress for this product. Do you still want to proceed?',
       confirmButton: 'Proceed with a new registration',
       closeButton: 'Exit',
     },
     partyLogo: {
-      upload: "Upload your institution’s logo",
+      upload: 'Upload your institution’s logo',
       modify: 'Change image',
       uploadError: {
         title: 'Uploading unsuccessful',
         description:
-          'Il caricamento del logo non è andato a buon fine. Verifica che il formato e la dimensione siano corretti e caricalo di nuovo',
+          'The logo was not uploaded successfully. Check that the format and dimensions are correct and upload it again',
       },
       modifyError: {
         title: 'Uploading unsuccessful',
@@ -150,24 +155,24 @@ export default {
         firstTimeInsertGeographicTaxonomiesModal: {
           title: 'Indicate the geographical area',
           description:
-            'Seleziona il territorio in cui opera il tuo ente. Se locale, puoi scegliere una o più aree di competenza. La scelta verrà applicata a tutti i prodotti PagoPA a cui l’ente aderirà.',
+            'Select the territory in which your institution operates. If local, you can select one or more areas of competence. The selection will be applied to all the PagoPA products for which the institution will register.',
           add: 'Add',
         },
         addNewGeographicTaxonomiesModal: {
           title: 'Change the geographical area',
           description:
-            'Seleziona il territorio in cui opera il tuo ente. Se locale, puoi scegliere una o più aree di competenza. La modifica verrà applicata a tutti i prodotti PagoPA a cui l’ente ha già aderito.',
-          modify: 'Modify',
+            'Select the territory in which your institution operates. If local, you can select one or more areas of competence. The change will be applied to all the PagoPA products for which the institution has already registered.',
+          modify: 'Change',
           back: 'Exit',
         },
       },
-      fiscalCode: 'Fiscal code',
+      fiscalCode: 'Tax code',
       pec: 'Primary PEC address',
       registeredOffice: 'Registered office',
       sdiCode: 'SDI code',
       aooParentCode: 'AOO (Homogeneous Organizational Area) of reference',
       contactToModify:
-        "<0>Some data cannot be changed in this section. To do so, go to the website of the Public Administration Index (IPA)</0>",
+        '<0>Some data cannot be changed in this section. To do so, go to the website of the Public Administration Index (IPA)</0>',
       goToIPA: 'Visit the website',
       institutionTypeValue: {
         GSP: 'Public Service Provider',
@@ -184,7 +189,7 @@ export default {
       delegationBanner: {
         title: 'Delegate the management of products to a Partner or an Intermediary',
         subTitle:
-          'Se ti avvali di figure come Partner o Intermediari tecnologici, puoi delegare la gestione di alcuni prodotti.',
+          'If you use figures such as technical partners or intermediaries, you can delegate the management of some products.',
         goToButton: 'Go',
       },
       vatNumberGroupValues: {
@@ -214,7 +219,7 @@ export default {
     ptPage: {
       title: 'Managed institutions',
       subTitle:
-        'Qui trovi l’elenco degli enti che ti hanno delegato la gestione di uno o più prodotti. ',
+        'Here you can find the list of institutions who delegated the management of one or more products to you. ',
       tableEmptyLabel: 'You do not represent any institution.',
       headerPtTableLabels: {
         party: 'Institution',
@@ -234,9 +239,8 @@ export default {
         productSelectLabel: 'Product',
         buttonLabel: 'Filter',
         allProductsLabel: 'All products',
-        resetFilter: 'Reset filters',
-        emptyFilterResult:
-          'I filtri che hai applicato non hanno dato nessun risultato. <1>Rimuovi filtri</1>',
+        resetFilter: 'Remove filters',
+        emptyFilterResult: 'No result from the filters you used. <1>Remove filters</1>',
       },
     },
     genericError: {
@@ -267,7 +271,7 @@ export default {
       labelName: 'Enter the company name',
       labelFiscalCode: 'Enter the fiscal code',
       groupByName: 'Company name',
-      groupByFiscalCode: 'Fiscal code',
+      groupByFiscalCode: 'Tax code',
       notFoundTechPartnerOptions: 'No result',
       actions: {
         back: 'Go back',