Video Poker

Classic five-card draw video poker — deal your hand, hold the cards you want, and draw replacements to make the best poker hand.

Import


import { VideoPokerGameSDK } from '@maktubbet/sdk/videopoker'
import '@maktubbet/sdk/videopoker/styles.css'

Usage


'use client'
 
import { useState } from 'react'
import { VideoPokerGameSDK } from '@maktubbet/sdk/videopoker'
import '@maktubbet/sdk/videopoker/styles.css'
 
export default function VideoPokerPage() {
 
  return (
    <VideoPokerGameSDK
      accessToken="user-jwt-token"
      user={{ betCount: 0, isAuthenticated: true }}
      updateBalance={(newBalance) => console.log(newBalance)}
      onAuthRequired={() => console.log('Auth required')}
      currency={{ code: 'USD', prefix: '$', rate: 1 }}
      language="en"
      logo={<span>MY LOGO</span>}
      cardLogo={<img src="/card-logo.svg" alt="Card logo" />}
      onToast={(t) => console.log('Toast:', t.title)}
      theme={{
        backgroundDark: '#0D1117',
        backgroundDarkLight: '#161B22',
        inputBackground: '#0D1117',
        actionButtonColor: '#1C2333',
        buttonColor: '#FFFFFF',
      }}
    />
  )
}

Demo Mode

Demo mode is automatically enabled when a user places a bet with a $0 amount. To run the game entirely client-side without a backend session, pass isDemo — see Demo Mode.

Features

Classic 5-card draw — deal, hold, and draw
Hold selection — tap cards to hold before drawing replacements
Paytable display — see all winning hands and their multipliers
Jacks or Better — standard video poker rules

Paytable

Hand	Multiplier
Royal Flush	800x
Straight Flush	60x
4 of a Kind	22x
Full House	9x
Flush	6x
Straight	4x
3 of a Kind	3x
Two Pair	2x
Jacks or Better	1x

Props

See Shared Props — VideoPokerGameSDK accepts the standard VideoPokerGameSDKProps interface.

Prop	Type	Required	Default
`accessToken`	`string \| null`	✅	—
`user`	`GameUser`	✅	—
`updateBalance`	`(balance: number) => void`	✅	—
`onAuthRequired`	`() => void`	✅	—
`currency`	`GameCurrency`	—	`{ code: 'USD', prefix: '$', rate: 1 }`
`language`	`string`	—	`'en'`
`logo`	`ReactNode`	—	—
`cardLogo`	`ReactNode`	—	—
`onToast`	`(toast: ToastData) => void`	—	—
`theme`	`GameTheme`	—	—

logo renders in the game’s bottom bar and on the back of the cards. Pass cardLogo to use a different logo on the card backs only — it overrides logo there and falls back to logo when omitted.