# Modificare l'oggetto della pratica o di un pagamento

## Inserisci il componente 

All'interno del modulo, trascina un [componente nascosto](https://docs.opencityitalia.it/guida-alla-creazione-dei-servizi-digitali/creare-un-servizio/le-funzioni/nascondere-i-componenti) o un [campo textfield](https://docs.opencityitalia.it/guida-alla-creazione-dei-servizi-digitali/creare-un-servizio/i-componenti/il-textfield) nascosto.

<figure><img src="https://4252442743-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrdV0mwA7iy2c3I7wu5BX%2Fuploads%2FyVeKpJa93XVtUHoVJ725%2FScreen%20recording%202025-10-16%2014.53.19.gif?alt=media&#x26;token=9e970002-441c-45c9-b4a9-4ac88b3a039e" alt=""><figcaption></figcaption></figure>

## Configura l'oggetto con dati statici

Nella sezione "API", compila il campo "Property name" con la voce "`application_subject`".

<figure><img src="https://4252442743-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrdV0mwA7iy2c3I7wu5BX%2Fuploads%2F9ZLVBls2Qq16rlMNaOrA%2Fimage.png?alt=media&#x26;token=72bdc901-e5da-435b-9373-308e4e5e9b05" alt=""><figcaption></figcaption></figure>

Successivamente, nella sezione "Data" compila il campo "Default value" con l'oggetto della pratica personalizzato.

<figure><img src="https://4252442743-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrdV0mwA7iy2c3I7wu5BX%2Fuploads%2FAuUc3CJ4MgWRM8v2LF9b%2Fimage.png?alt=media&#x26;token=65a2b918-9c5a-4779-8e35-8d116eb947be" alt=""><figcaption></figcaption></figure>

## Indicare l'ID della pratica nell'oggetto

Puoi modificare l'oggetto della pratica in modo tale che venga mostrato anche l'identificativo che è stato associato.

Nella sezione "API", compila il campo "Property name" con la voce "`application_subject`".

<figure><img src="https://4252442743-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrdV0mwA7iy2c3I7wu5BX%2Fuploads%2F9ZLVBls2Qq16rlMNaOrA%2Fimage.png?alt=media&#x26;token=72bdc901-e5da-435b-9373-308e4e5e9b05" alt=""><figcaption></figcaption></figure>

Nella sezione "Data", compila il campo "Default value" con l'oggetto della pratica modificato e placeholder `%application_id%` .

<figure><img src="https://4252442743-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrdV0mwA7iy2c3I7wu5BX%2Fuploads%2F4cs0SC9TL5HIx0tdYcoP%2Fimage.png?alt=media&#x26;token=fcf192e8-8218-49b3-88d8-c17588929fb3" alt=""><figcaption></figcaption></figure>

## Configurare l'oggetto della pratica con dati dinamici

Nella sezione "API", compila il campo "Property name" con la voce "application\_subject".

<figure><img src="https://4252442743-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrdV0mwA7iy2c3I7wu5BX%2Fuploads%2F4Ex4pt92zfw293GwfexU%2Fimage.png?alt=media&#x26;token=6eb3cfc9-af8d-41b6-8c7f-e11ab653bec9" alt=""><figcaption></figcaption></figure>

Successivamente, nella sezione "Data", accedi alla voce "Calculated value" e inserisci il codice JavaScript per la configurazione con dati dinamici.

<figure><img src="https://4252442743-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrdV0mwA7iy2c3I7wu5BX%2Fuploads%2Fp7mXKT80X0gOcw1PLd8O%2Fimage.png?alt=media&#x26;token=81d07fff-df07-40cd-8eaa-517ff560d4fa" alt=""><figcaption></figcaption></figure>

Nell'esempio riportato, il codice inserito :

* prende la persona richiedente (`applicant`) dal modulo;
* cerca dentro quei dati il nome completo della persona (`completeName`);
* estrae separatamente il nome e il cognome (`name e surname`);
* li inserisce nell'oggetto della pratica assieme al placeholder `%application_id%` (``value = `Richiesta accesso agli atti di ${surname} ${name} - pratica n. %application_id%`).``

```javascript
const applicant = data.applicant
const completeName = applicant?.data?.completename?.data
const {name, surname} = completeName

value = `Richiesta accesso agli atti di ${surname} ${name} - pratica n. %application_id%`
```

## Configurare l'oggetto del pagamento con dati statici

Nella sezione "API", compila il campo "Property name" con la voce "payment\_description".

<figure><img src="https://4252442743-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrdV0mwA7iy2c3I7wu5BX%2Fuploads%2FMKIcuHRzlkje8v72zNdy%2Fimage.png?alt=media&#x26;token=a8d0d521-962a-436b-a63b-5daa05e32fd7" alt=""><figcaption></figcaption></figure>

Successivamente, nella sezione "Data" compila il campo "Default value" con l'oggetto personalizzato del pagamento.

<figure><img src="https://4252442743-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrdV0mwA7iy2c3I7wu5BX%2Fuploads%2Fl3z4L6VmMYCFGjwgkZS7%2Fimage.png?alt=media&#x26;token=24e46c47-b1c6-48a6-aa7c-0f1996e057f1" alt=""><figcaption></figcaption></figure>

## Configurare l'oggetto del pagamento con dati dinamici

Nella sezione "API", compila il campo "Property name" con la voce "payment\_description".

<figure><img src="https://4252442743-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrdV0mwA7iy2c3I7wu5BX%2Fuploads%2FfbAPQ9wY6WeArVR9kGT0%2Fimage.png?alt=media&#x26;token=672fa8d8-5c37-4654-9441-768bbaa905e4" alt=""><figcaption></figcaption></figure>

Successivamente, nella sezione "Data", accedi alla voce "Calculated value" e inserisci il codice JavaScript per la configurazione con dati dinamici.

<figure><img src="https://4252442743-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrdV0mwA7iy2c3I7wu5BX%2Fuploads%2FKRfOSwZCPmujY5bhE3bd%2Fimage.png?alt=media&#x26;token=177402cb-c8ac-4f7b-987c-cc02ae06b74e" alt=""><figcaption></figcaption></figure>

Nell'esempio riportato, il codice inserito :

* **prende i dati del richiedente** (`applicant`).
* all’interno di quei dati cerca il **nome completo** della persona (`completeName`).
* estrae separatamente il nome e il cognome (`name` e `surname`).
* li inserisce nell'oggetto del pagamento (`` value = 'Diritti di segreteria per ${surname} ${name}` ``)

```javascript
const applicant = data.applicant
const completeName = applicant?.data?.completename?.data
const {name, surname} = completeName

value = `Diritti di segreteria per ${surname} ${name}`
```