Betting Entertainment Tools

Widgets Demo

Data

The widget gets its data from the client's API. The required data structure is listed below. This data is also passed through onItemClick callback function.

Type Definitions

Object

# competiton

Properties:
Name Type Attributes Description
tournament Object <required>

Tournament.
id string <required>

The ID of the tournament.
name string <required>

The name of the tournament.
category Object <required>

Category.
id string <required>

The ID of the category.
name string <required>

The name of the category.
cc Object

The country code details.
cc.a2 string <required>

The ISO 3166-1 alpha-2 country code.
sport Object <required>

Sport.
id string <required>

The ID of the sport.
name string <required>

The name of the sport.
Example
{
    "tournament": {
        "id": "35",
        "name": "tournament"
    },
    "category": {
        "id": "30",
        "name": "Germany",
        "cc": {
            "a2": "de"
        }
    },
    "sport": {
        "id": "1",
        "name": "Soccer"
    }
}
Object

# event

Event data is used to display information inside the card / event component.

Properties:
Name Type Attributes Description
id string | number <required>

Sportradar ID of the event.
externalId string | number

Client ID of the event.
date string <required>

This is used to display date inside the component.
sport Object <required>

Sport
id string | number <required>

The ID of the sport.
If you aren't using Sportradar entities, refer to the sportsMapping property of the widget.
name string <required>

The name of the sport.
category Object <required>

Category
id string | number

The ID of the category.
name string <required>

The name of the category.
tournament Object <required>

Tournament
id string | number

The ID of the tournament.
name string <required>

The name of the tournament.
teams Array.<Object, Object> <required>

Array for home and away competitors.
id string | number

The ID of the competitor.
name string <required>

The name of the competitor.
isLive boolean <required>

Live status of event.
liveCurrentTime string <required>

Live time of the event.
This data is displayed inside the component. Can be also used for displaying minutes, current period or any other information relevant event time.
result1 result1 Widgets.BetRecommendation.Integration.Results.result1

Data appears in the last result column. For more information check Result1.
result2 result2 Widgets.BetRecommendation.Integration.Results.result2

Data appears in the last result column. For more information check Result2.
result3 result3 Widgets.BetRecommendation.Integration.Results.result3

Data appears in the last result column. For more information check Result3.
Example
{
    "id": "36613889",
    "date": "12/10/22, 05:20",
    "sport": {
        "id": "5",
        "name": "Tennis"
    },
    "category": {
        "id": "213",
        "name": "ITF Women"
    },
    "tournament": {
        "id": "121685",
        "name": "Hua Hin, Singles Main, W-ITF-THA-14A"
    },
    "teams": [
        {
            "id": "13917823",
            "name": "Costoulas, Sofia"
        },
        {
            "id": "1228969",
            "name": "Sema, Erika"
        }
    ],
    "isLive": true,
    "liveCurrentTime": "2nd set",
    "result1": {
        "result": [
            0,
            1
        ]
    },
    "result2": {
        "result": [
            5,
            3
        ]
    },
    "result3": {
        "result": [
            30,
            30
        ]
    }
}
Object

# market

Properties:
Name Type Attributes Description
id string | number <required>

The ID of the market.
name string

The name of the market.
status Object
isActive boolean

The status of the market.
If set to false: see widget behavior
Example
{
    "id": "13",
    "name": "Win tennis match",
    "status": {
        "isActive": true
    }
}
Object

# outcome

Outcome data is used to display outcomes buttons.

Properties:
Name Type Attributes Description
name string <required>

The name of the outcome.
id string | number <required>

The ID of the outcome.
odds string | number <required>

Value displayed inside outcome button.
To display odds change indicator (up/down) value must be in number format.
Client can request changing odds format via adapter, which can be then set from global SIR API with oddsType option.
specifier Object
value string | number

Specifies an additional value associated with the outcome.
status Object
isActive boolean

The status of the outcome.
If set to false: see widget behavior
Example
{
    "name": "1",
    "id": "19628406267",
    "odds": "1.78",
    "specifier": {
        value: "-2.50"
    }
    "status": {
        "isActive": true
    }
}
Object

# result

Properties:
Name Type Description
result Array.<(number|string)>

home and away competitors.
Example
[
    5, // Home competitor result
    3 // Away competitor result
]