Betting Entertainment Tools

Widgets Demo

onItemClick

Bet Recommendation widgets provides onItemClick callback prop, which is fired when outcome or event is clicked. This is useful when you want to add selected outcome to bet slip or redirect user to event page.

Type Definitions

# onItemClick(target, data)

On card/event click

function(target: string, data: object) => void

Parameters
Name Type Description
target 'externalEvent'
data Object
externalEvent event Widgets.BetRecommendation.Integration.Data.event
Example
function onItemClick(target: string, data: object) => void {
     if (target === 'externalEvent') {
         // redirect to event page
     }
}

# onItemClick(target, data)

On outcome click

function(target: string, data: object) => void

Parameters
Name Type Description
target 'externalOutcome'
data Object
externalEvent event Widgets.BetRecommendation.Integration.Data.event
externalMarket market Widgets.BetRecommendation.Integration.Data.market
externalOutcome outcome Widgets.BetRecommendation.Integration.Data.outcome
betSlipMode Object

Supported in betRecommendation.swipeBet widget
betSlipMode.value 'multi' | 'single'
Example
function onItemClick(target: string, data: object) => void {
     if (target === 'externalOutcome') {
         // add outcome to bet slip
     }
}

# onItemClick(target, data)

On Bet Slip mode change

function(target: string, data: object) => void

Parameters
Name Type Description
target 'betSlipMode'
data Object
value 'multi' | 'single'
Example
function onItemClick(target: string, data: object) => void {
     if (target === 'betSlipMode') {
         console.log(data); // { value: 'single' }
     }
}

# onItemClick(target, data)

On outcomes click

function(target: string, data: object) => void

Parameters
Name Type Description
target 'externalOutcomes'
data Array.<Object>
externalEvent event Widgets.BetRecommendation.Integration.Data.event
externalMarket market Widgets.BetRecommendation.Integration.Data.market
externalOutcome outcome Widgets.BetRecommendation.Integration.Data.outcome
Example
function onItemClick(target: string, data: object) => void {
     if (target === 'externalOutcomes') {
         // add outcomes to bet slip
     }
}

# onItemClick(target, data)

On competiton click

function(target: string, data: object) => void

Parameters
Name Type Description
target 'externalCompetition'
data Array.<Object>
externalCompetition competiton Widgets.BetRecommendation.Integration.Data.competiton
Example
function onItemClick(target: string, data: object) => void {
     if (target === 'externalCompetition') {
         // redirect to competition page
     }
}

# onItemClick(target)

On Go to BetSlip click

Callback function triggered when the user clicks on the "Go to BetSlip" button in betRecommendation.swipeBet widget. The first action triggered is onItemClick, followed by closing the modal dialog.

function(target: string) => void

Parameters
Name Type Description
target goToBetSlip
Example
function onItemClick(target: string) => void {
     if (target === 'goToBetSlip') {
         // Integrate code here to open your own BetSlip
         // For example, navigate to your BetSlip page
         // Your code implementation here will depend on your application structure
     }
}