L'oggetto wr.account
L'oggetto wr.account è il punto di accesso principale per gestire l'esperienza dell'utente autenticato all'interno dell'Area Riservata. Funge da bridge verso l'Account Context, orchestrando la navigazione tra le diverse sezioni del profilo (ordini, wishlist, impostazioni) e la visualizzazione granulare dei dati relativi agli acquisti.
Dove si usa e perché
Viene utilizzato esclusivamente all'interno delle pagine che richiedono autenticazione (dashboard utente). È fondamentale per:
- Navigazione SPA: Passare da una sezione all'altra (es. da "Ordini" a "Impostazioni") senza ricaricare l'intera pagina.
- Dettaglio Ordine: Gestire quale ordine mostrare nel componente di dettaglio quando un utente clicca su un elemento della lista ordini.
- Sincronizzazione Stato: Garantire che tutti i componenti della dashboard reagiscano alla sezione attualmente attiva.
wr.account.state
Ecco come si presenta la struttura dati dell'oggetto wr.account.state quando un utente sta visualizzando il dettaglio di un ordine:
{
"activeAccountSection": "orders",
"selectedOrder": {
"id": "5cdc8d20-a88d-46c2-98fc-f6db458d0b9b",
"storeId": "a7734977-c5b1-49a4-911c-0b0bf745bd4f",
"customerId": "00e72027-3672-4c12-a78f-e9ff744a0892",
"amount": "30.50000000",
"currencyCode": "EUR",
"paymentStatus": "paid",
"shippingStatus": "unassigned",
"stripeInvoiceUrl": "https://invoice.stripe.com/...",
"shippingTrackingUrl": null,
"createdAt": "2025-12-21T18:26:15.899Z",
"updatedAt": "2025-12-21T18:26:15.899Z",
"items": [
{
"productId": "5aa07d67-33e0-459c-ba9d-86b68d202e18",
"variantId": "1057deeb-024f-4a5b-9365-a3131aeb7826",
"skuId": "01e1c35f-8cb2-4c35-bd8b-1fa42dbc6a8c",
"variantName": "Cappellino nero",
"coverUrl": "https://webrounddev.b-cdn.net/rMa8bmEA2Yg9aYk5PgZPejecmIB2/a7734977-c5b1-49a4-911c-0b0bf745bd4f/commerce/images/1765018321978-Solid-Black-Baseball-Cap-Hat-with-Adjustable-Buckle-Back-Unisex_2b2bd9e5-d9df-4432-89e6-e22570e2de9e.bd72dfea18cccbcce241cbf7d35226c5.avif",
"quantity": 1,
"deliveryMethod": "shipping",
"appliedTaxRate": 22,
"unitNet": "17.00000000",
"unitGross": "20.74000000",
"unitTax": "3.74000000",
"totalNet": "17.00000000",
"totalGross": "20.74000000",
"totalTax": "3.74000000"
}
]
}
}
wr.account Utilities
Questi metodi permettono di manipolare lo stato descritto sopra.
Gestione Navigazione e Vista
| Metodo | Argomenti | Descrizione |
|---|---|---|
| setActiveAccountSection | section: AccountSection | Cambia la sezione attiva. Valori: orders, subscriptions, reviews, wishlist, settings. |
| setSelectedOrder | order: Order | null |
Proprietà dello Stato
| Proprietà | Tipo | Descrizione |
|---|---|---|
| activeAccountSection | string | La stringa identificativa della sezione corrente. |
| selectedOrder | Order | null |
L'integrazione di setActiveAccountSection permette di creare interfacce estremamente reattive, dove il cambio di tab è istantaneo e gestito interamente lato client dal motore di webround.com.