Tyylittely

Oletustyylitiedosto voidaan lisätä sivulle asettamalla installCSS-ominaisuus widgetin konfiguraatiossa tai kutsumalla installCSS-metodia widget-instanssissa. Lisätyn tyylitiedoston lähde SASS-tiedostona on saatavilla osoitteessa:

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

Käyttäjän vuorovaikutus

Widgettiin vaikuttavia käyttäjän vuorovaikutuksen tyyppejä on kaksi:

• Ulkopuoliset muutokset
• Sisäiset muutokset

Ulkopuoliset muutokset

Kun widget luodaan ensimmäistä kertaa ja aina kun käyttäjä tekee muutoksia johonkin /delivery-checkouts API:lle lähetetyistä syötearvoista, tulisi tapahtua seuraava toimintajärjestys:

• Poista widget käytöstä kutsumalla disable metodia.
• Suorita AJAX-pyyntö /delivery-checkouts API:lle. Verkkokaupan taustajärjestelmä toimii yleensä tällaisen kutsun välittäjänä, jotta salainen API-avain voidaan lähettää REST API:lle.
• Kun vastaus saapuu, kutsu updateList-metodia ja ota widget käyttöön kutsumalla enable metodia.

// Poista widget käytöstä AJAX-pyynnön aikana.
widget.disable();
fetch(url).then(function(response) {
    return response.json();
}).then(function(data) {
    // Päivitä widget uusilla tiedoilla.
    widget.updateList(data);
}).catch(function() {
    // Käsittele virhe
}).then(function() {
    // Ota widget aina käyttöön
    widget.enable();
});

Sisäiset muutokset

Aina kun käyttäjä valitsee jonkin Delivery Checkout -vaihtoehdoista tai päivittää minkä tahansa valittuun vaihtoehtoon liittyvän arvon, kutsutaan widgetin konfiguraatiossa määriteltyä resultCallback funktiota. Callback-funktio saa yhden argumentin JavaScript-objektina, jolla on seuraavat ominaisuudet: