Styling

Et standard stilark kan injiseres på siden ved å sette installCSS-egenskapen i widget-konfigurasjonen eller ved å kalle installCSS-metoden på widget-instansen. Kilden til det injiserte stilarket i form av en SASS-fil kan nås på:

https://api.unifaun.com/rs-extapi/v1/delivery-checkouts-widget/unifaun-checkout.scss

Brukerinteraksjon

Det finnes to typer brukerinteraksjon som påvirker widgeten:

• Eksterne endringer
• Interne endringer

Eksterne endringer

Når widgeten først opprettes og hver gang brukeren gjør endringer i en av inputvariablene som sendes til /delivery-checkouts API, bør denne sekvensen av handlinger skje:

• Deaktiver widgeten med et kall til disable metoden.
• Utfør en AJAX-forespørsel til /delivery-checkouts API. Nettbutikkens backend vil normalt fungere som en proxy for denne typen kall slik at en hemmelig API-nøkkel kan sendes til REST API-et.
• Når et svar mottas, kall updateList-metoden og aktiver deretter widgeten med et kall til enable metoden.

// Deaktiver widget mens AJAX-forespørsel pågår.
widget.disable();
fetch(url).then(function(response) {
    return response.json();
}).then(function(data) {
    //Oppdater widgeten med nye data.
    widget.updateList(data);
}).catch(function() {
    //Håndter feil
}).then(function() {
    //Alltid aktiver widget
    widget.enable();
});

Interne endringer

Hver gang brukeren velger et av leveringsutsjekkingsalternativene eller oppdaterer en verdi knyttet til det valgte alternativet, vil resultCallback funksjonen i widget-konfigurasjonen bli kalt. Tilbakekallingsfunksjonen vil motta ett argument i form av et JavaScript-objekt med følgende egenskaper: