Passa al contenuto principale

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

MetodoArgomentiDescrizione
setActiveAccountSectionsection: AccountSectionCambia la sezione attiva. Valori: orders, subscriptions, reviews, wishlist, settings.
setSelectedOrderorder: Ordernull

Proprietà dello Stato

ProprietàTipoDescrizione
activeAccountSectionstringLa stringa identificativa della sezione corrente.
selectedOrderOrdernull

Navigazione Fluida

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.