Widget properties

The product and checkout widgets both support the following properties.

merchantId

Constant, provided by Raylo.

Type: string.

JWTToken

JWT value created by your backend, with the right properties to render the widget.

Type: string.

onPriceLoaded

Callback invoked by the widgets when a price is loaded. The values are formatted as £0 or £0.00.

This callback may be not be invoked at all (for example if a price could not be found, in which case onCheckoutUnavailable is invoked).

Type:

function({
    initialAmount: string,
    recurringAmount: string
}) : void

onWidgetLoaded

Callback invoked by the widgets when the widget is loaded and dimensions are known.

This callback may be invoked more than once (for example if the widget detects that the internal dimensions changed after the Raylo Pay fonts load), or not at all (for example if a price could not be found, in which case onCheckoutUnavailable is invoked).

Type:

function({
    available: boolean,
    price: {
        initialAmount: string,
        recurringAmount: string
    },
    dimensions: {
        height: number,
        width: number
    }
}) : void

onCheckoutUnavailable

Callback invoked by the widgets when checkout with Raylo Pay is not available for the provided JWT.

Type:

function() : void