Safe

Crack the safe — light up green LEDs for escalating multipliers!

Import


import { SafeGameSDK } from '@maktubbet/sdk/safe'
import '@maktubbet/sdk/safe/styles.css'

You can also import from the root package:


import { SafeGameSDK } from '@maktubbet/sdk'

Usage


'use client'
 
import { SafeGameSDK } from '@maktubbet/sdk/safe'
import '@maktubbet/sdk/safe/styles.css'
 
export default function SafePage() {
  return (
    <SafeGameSDK
      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>}
      theme={{
        backgroundDark: '#0D1117',
        backgroundDarkLight: '#161B22',
        inputBackground: '#0D1117',
        actionButtonColor: '#1C2333',
        buttonColor: '#FFFFFF',
      }}
    />
  )
}

Features

4 LED discs — each lights up green or stays red based on probability
4 difficulty levels — Easy, Medium, Hard, Expert with different payout tables
Multiplier legend — bottom row shows payouts per green count
Safe SVG — theme-aware safe graphic with animated LED indicators
Autobet & Advanced — automated and conditional betting strategies
Difficulty selector — change difficulty to adjust risk/reward

Props

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`	—	—
`onToast`	`(toast: ToastData) => void`	—	—
`theme`	`GameTheme`	—	—