Widget Installation

<script src="https://cdn.stg.magiccheckout.com/widget/magic-widget.js"></script>

<magic-checkout
    mode="product"
    merchant-token='xxx-xxx-xxx-xxxxxxx-xxxx'
    language='it'
    country='IT'
></magic-checkout>

<script>
  class MagicError extends Error {
    constructor(code, message) {
    super(message);
    this.code = code;
  }
}
var magicCheckout = magicCheckout ||  {
    onExpressCheckout: function() {
        /*
        * Express checkout on product page
        * Get the product details on the current product page
        * returns the current product details and order amount details
        * throw error where is an exception
        */
    },
    onCheckout: function () {
        /*
        * Checkout on cart page
        * Get products details on the cart page
        * returns cart products details and order amount details
        * throw error when exceptions happen
        */
    },
    onShippingAddressChange: function (data) {
        /* 
        * Get shipping options with a given address and checkoutId
        * returns a list of shipping options with checkoutId
        * throw error when exceptions happen
        */
    },
    onShippingMethodChange: function (data) {
        /*
        * Get order amount details with selected shipping method
        * throw error when exceptions happen
        */
    },
    onCouponCodeAdd: function (data) {
        /*
        * Get updated checkout items, orderAmount and shippingMethods incorporating with adding the coupon code
        * throw error when exceptions happen
        */
    },
    onCouponCodeRemove: function (data) {
        /*
        * Get updated checkout items, orderAmount and shippingMethods incorporating with removing the coupon code
        * throw error when exceptions happen
        */
    },
    onCustomerUpdate: function(data) {
        /*
        * Send customer information (name, email and phone number) to e-commerce platform to save for abandon cart
        * throw error when exceptions happen
        */
    },
    onOrderCreate: function (data) {
        /* 
        * Request that the order get created on the e-commerce platform as well as the magic server
        * Retreive the orderId and the magicOrderToken
        * throw error when exceptions happen
        */
    },
    onOrderComplete: function (data) {
        /*
        * This is used to capture the order on e-commerce platform and the magic server backend after sucesfully taking payment
        * throw error when exceptions happen
        */
    }
}
</script>