PIN-9124: changed text on create purpose page, added required on autocomplete input (PIN-9124) (#1657)

* feat: changed text on create purpose page, added required on autocomplete input (PIN-9124)

* feat: added consumer purpose create page tests (PIN-9124)

Author: l-giacomini

src/components/shared/react-hook-form-inputs/RHFAutocomplete/_RHFAutocompleteBase.tsx

@@ -118,6 +118,7 @@ export function _RHFAutocompleteBase<
                 <TextField
                   variant={variant}
                   error={!!error}
+                  required={Boolean(rules?.required)}
                   placeholder={placeholder ?? '...'}
                   {...params}
                   autoFocus={focusOnMount}

src/pages/ConsumerPurposeCreatePage/ConsumerPurposeCreate.page.tsx

@@ -3,6 +3,7 @@ import { PageContainer } from '@/components/layout/containers'
 import { useTranslation } from 'react-i18next'
 import { PurposeCreateForm } from './components/PurposeCreateForm'
 import { useParams } from '@/router'
+import { Typography } from '@mui/material'
 
 const ConsumerPurposeCreatePage: React.FC = () => {
   const { t } = useTranslation('purpose')
@@ -16,6 +17,15 @@ const ConsumerPurposeCreatePage: React.FC = () => {
         to: 'SUBSCRIBE_PURPOSE_LIST',
       }}
     >
+      <Typography
+        sx={{
+          fontSize: 16,
+          fontWeight: 700,
+          color: 'text.secondary',
+        }}
+      >
+        {t('create.requiredLabel')}
+      </Typography>
       <PurposeCreateForm purposeTemplateId={purposeTemplateId} />
     </PageContainer>
   )

src/pages/ConsumerPurposeCreatePage/__tests__/ConsumerPurposeCreate.page.test.tsx

@@ -0,0 +1,34 @@
+import { describe, it, expect, vi } from 'vitest'
+import { screen } from '@testing-library/react'
+import ConsumerPurposeCreatePage from '../ConsumerPurposeCreate.page'
+import { mockUseJwt, renderWithApplicationContext } from '@/utils/testing.utils'
+
+mockUseJwt()
+const useQueryMock = vi.fn()
+
+describe('ConsumerPurposeCreatePage', () => {
+  it('renders page title', () => {
+    useQueryMock.mockReturnValue({
+      isLoading: false,
+    })
+
+    renderWithApplicationContext(<ConsumerPurposeCreatePage />, {
+      withReactQueryContext: true,
+      withRouterContext: true,
+    })
+
+    expect(screen.getByText('create.emptyTitle')).toBeInTheDocument()
+  })
+  it('renders required label', () => {
+    useQueryMock.mockReturnValue({
+      isLoading: false,
+    })
+
+    renderWithApplicationContext(<ConsumerPurposeCreatePage />, {
+      withReactQueryContext: true,
+      withRouterContext: true,
+    })
+
+    expect(screen.getByText('create.requiredLabel')).toBeInTheDocument()
+  })
+})

src/static/locales/en/purpose.json

@@ -2,7 +2,8 @@
   "backToListBtn": "Back to purposes",
   "create": {
     "emptyTitle": "Create purpose",
-    "preliminaryInformationSectionTitle": "Preliminary information",
+    "requiredLabel": "*Required fields.",
+    "preliminaryInformationSectionTitle": "Purpose informations",
     "isTemplateField": {
       "label": "Clone from template"
     },
@@ -13,11 +14,11 @@
     },
     "consumerField": {
       "label": "Consumer",
-      "infoLabel": "Among the members, you can only select your organization or the members for whom you have an active delegation"
+      "infoLabel": "Select your organization or the organization for which you have an active delegation as a consumer"
     },
     "eserviceField": {
       "label": "Choose e-service",
-      "infoLabel": "You can only select the e-services for which the selected user has an active request for use",
+      "infoLabel": "Here you will find only the e-services for which the consumer has an active request",
       "alert": {
         "label": "The facilitated compilation feature is available for the selected e-service!"
       }
@@ -44,7 +45,7 @@
     "riskAnalysisPreviewTitle": "Risk analysis",
     "purposeTemplateField": {
       "title": "Facilitated purpose compilation",
-      "description": "The facilitated compilation feature provides annotations, supporting documents, and some pre-filled answers to help you formulate the risk analysis. The template is made available for reuse by other participating organizations and can be used without restrictions.",
+      "description": "This feature guides you through the risk analysis with annotations, supporting documents, and some pre-populated responses. The simplified template is available for reuse by other producers and can be used without restrictions.",
       "usePurposeTemplateSwitch": {
         "label": "Use the facilitated compilation feature",
         "disabledTooltip": "It is not possible to use the feature for the selected \n e-service because the producer has not indicated how personal data will be processed",

src/static/locales/en/shared-components.json

@@ -481,7 +481,7 @@
     "SUBSCRIBE_PURPOSE_EDIT": "Edit Purpose",
     "SUBSCRIBE_PURPOSE_SUMMARY": "Purpose Summary",
     "SUBSCRIBE_PURPOSE_DETAILS": "Manage Purpose",
-    "SUBSCRIBE_PURPOSE_LIST": "Submitted Purposes",
+    "SUBSCRIBE_PURPOSE_LIST": "Your Purposes",
     "SUBSCRIBE_CLIENT_OPERATOR_EDIT": "Manage E-service Client Operator",
     "SUBSCRIBE_CLIENT_KEY_EDIT": "Manage E-service Client Public Key",
     "SUBSCRIBE_CLIENT_CREATE": "Create E-service Client",

src/static/locales/it/purpose.json

@@ -2,7 +2,8 @@
   "backToListBtn": "Torna alle finalità",
   "create": {
     "emptyTitle": "Crea finalità",
-    "preliminaryInformationSectionTitle": "Informazioni preliminari",
+    "requiredLabel": "*Campi obbligatori.",
+    "preliminaryInformationSectionTitle": "Informazioni sulla finalità",
     "isTemplateField": {
       "label": "Usa un template precompilato"
     },
@@ -13,11 +14,11 @@
     },
     "consumerField": {
       "label": "Fruitore",
-      "infoLabel": "Tra gli aderenti, puoi selezionare solo il tuo ente o gli aderenti per i quali hai una delega in fruizione attiva"
+      "infoLabel": "Seleziona il tuo ente o l'ente per cui hai una delega attiva come fruitore"
     },
     "eserviceField": {
       "label": "E-service da associare",
-      "infoLabel": "Puoi selezionare solo gli e-service per i quali il fruitore selezionato ha una richiesta di fruizione attiva",
+      "infoLabel": "Qui trovi solo gli e-service per cui il fruitore ha una richiesta attiva",
       "alert": {
         "label": "Per l’e-service selezionato è possibile utilizzare la funzionalità di compilazione agevolata!"
       }
@@ -44,9 +45,9 @@
     "riskAnalysisPreviewTitle": "Analisi del rischio",
     "purposeTemplateField": {
       "title": "Compilazione agevolata della finalità",
-      "description": "La funzionalità di compilazione agevolata mette a disposizione annotazioni, documenti di supporto e alcune risposte precompilate per facilitare la formulazione dell’analisi del rischio. Il modello è reso disponibile per il riuso da altri enti aderenti e può essere utilizzato senza vincoli.",
+      "description": "Questa funzionalità ti guida durante l'analisi del rischio con annotazioni, documenti di supporto e alcune risposte precompilate. Il modello agevolato è reso disponibile per il riuso da altri enti e può essere usato senza vincoli.",
       "usePurposeTemplateSwitch": {
-        "label": "Utilizza la funzionalità di compilazione agevolata",
+        "label": "Usa la compilazione agevolata",
         "disabledTooltip": "Non è possibile utilizzare la funzionalità per \n l’e-service selezionato in quanto l’erogatore non ha indicato come verranno trattati i dati personali",
         "selectPurposeTemplate": {
           "title": "Scegli il modello di compilazione agevolata della finalità",

src/static/locales/it/shared-components.json

@@ -481,7 +481,7 @@
     "SUBSCRIBE_PURPOSE_EDIT": "Modifica finalità",
     "SUBSCRIBE_PURPOSE_SUMMARY": "Riepilogo finalità",
     "SUBSCRIBE_PURPOSE_DETAILS": "Gestisci singola finalità",
-    "SUBSCRIBE_PURPOSE_LIST": "Finalità inoltrate",
+    "SUBSCRIBE_PURPOSE_LIST": "Le tue finalità",
     "SUBSCRIBE_CLIENT_OPERATOR_EDIT": "Gestisci operatore del client e-service",
     "SUBSCRIBE_CLIENT_KEY_EDIT": "Gestisci chiave pubblica del client e-service",
     "SUBSCRIBE_CLIENT_CREATE": "Crea client e-service",