Data Adapter

This type of integration offers more flexibility but does require more work on the client side. How and when you fetch data is up to you, we only expect that the data returned is in correct format.

1. Widget will request data by executing functions provided to widget by DataAdapterProviderConfig parameter. Detailed flow of data can be seen in chart below.
2. Widget will call getOffering function every 30s to update offering.
3. Transform offering data to OfferingResponse format, then execute callback from getOffering function getOfferingCallback in order to pass data back to widget.
4. Widget will call calculate function whenever selection within widget is updated.
5. Calculate odds and remaining markets available for selection
6. Transform calculated data to CalculateResponse format, then execute callback from getOffering function calculateCallback in order to pass data back to widget.
7. When user clicks on "Add to bet slip" button, addToBetSlip function is executed.
8. We recommend that you check if provided selection is still valid. See Handling Selections and Odds for validation, re-pricing, and rejection handling.
9. If validation passed, add outcomes to your bet slip and execute addToBetSlip setting succeeded property to true.
10. If you wish to reject adding selection, set succeeded property to false and add localized reason to be displayed in the widget.

#Data Flow Chart

#Custom Views Integration Tutorial

For a comprehensive step-by-step guide on creating custom views for the Custom Bet widget using Data Adapter functions, check out the Creating Custom Views tutorial. This tutorial will walk you through the process, making it easier to design and implement custom views.

#Integration Example

Data Adapter Integration Example - for dataProviderConfig example check DataAdapterProviderConfig

<script>
    (function (a, b, c, d, e, f, g, h, i) {
      a[e] || (i = a[e] = function () {
        (a[e].

#Type Definitions

#CalculateResponse

Type: Object

#Example

{
    cbMarkets: [
    {
        // id: 267674245,
        id: '1',
        status: {
            isActive: true
        },
        srMarket: {
            id: '1'
        },
        outcomes: [
        {
            // id: 619793109,

#CalculationMarket

Type: Object

The calculate function is called whenever a selection within the widget is updated. The cbMarkets array in CalculateResponse must be populated with CalculationMarket entries to display available markets and outcomes in Custom Bet views. For markets and outcomes to appear, every entry must define at minimum a status and an outcomes array.

#Example

{
    id: "99",
    status: {
        isActive: true
    },
    outcomes: [
        { id: "1", status: { isActive: true } },
        { id: "2", status: { isActive: true } }
    ]
}

#CalculationOutcome

Type: Object

#DataAdapterProviderConfig

Type: Object

Collection of functions used for communication between widget and client code. Examples can be found in corresponding type definitions.

#Market

Type: Object

#Example

{
 id: oneXtwo,
 status: { isActive: true }
 name: '1x2',
 outcomes: [{ id: 1, status: { isActive: true }, name: 'Luton Town' }, ...]
 srMarket: { id: '1' }
}

#MarketCategory

Type: Object

#Example

{
 id: 1,
 name: 'Top Markets',
 cbCategoryItems: ['3way_market_UniqueId', 'doubleChance_market_UniqueId', ...]
}

#MarketMapping

Type: Object

Market mapping is configuration object that combines multiple markets into one view.

#OfferingResponse

Type: Object

#Example

{
    teams: {
        home: England,
        away: Germany

#Outcome

Type: Object

#Example

Outcome 'Other' will be placed in draw column:

{
 id: 'cs_other',
 status: { isActive: true }
 name: 'Other',
 cbColumn: 'Draw'
 srOutcomeId: '324'
}

#SRCalculationOutcome

Type: Object

#Callbacks

#calculate

#Example

function calculate(args, callback) {
    // Args parameter has data needed to call CustomBet calculate api.
    // Parse and convert calculate api response.
    callback(undefined, dataObject]
    });
};

#calculateCallback

#getOffering

#Example

function getOffering(args, callback) {
    // Get and convert data
    callback(undefined, dataObject]
    });
};

#getOfferingCallback