Rewarded Ads

const isDespia = navigator.userAgent.toLowerCase().includes('despia')

if (isDespia) {
    despia('displayrewardedad://')
}

window.updateRewardedStatus = function (status) {
    const isDespia = navigator.userAgent.toLowerCase().includes('despia')
    if (!isDespia) return

    if (status === 'true') {
        grantReward()
    }
    // any other status: ad was skipped, dismissed, or failed, do nothing
}

function grantReward() {
    // your in-app reward logic, e.g. add 100 coins, refill lives, unlock content
}

import { useEffect, useState } from 'react'
import despia from 'despia-native'

export default function WatchAdButton() {
    const [coins, setCoins] = useState(0)

    useEffect(() => {
        window.updateRewardedStatus = (status) => {
            if (!navigator.userAgent.toLowerCase().includes('despia')) return
            if (status === 'true') {
                setCoins(c => c + 100)
            }
        }
    }, [])

    function watchAd() {
        if (navigator.userAgent.toLowerCase().includes('despia')) {
            despia('displayrewardedad://')
        }
    }

    return (
        <button onClick={watchAd}>
            Watch ad for 100 coins ({coins} total)
        </button>
    )
}

const DAILY_LIMIT = 5
const STORAGE_KEY = 'rewardedAdsToday'

function canWatchAd() {
    const today = new Date().toISOString().slice(0, 10)
    const data  = JSON.parse(localStorage.getItem(STORAGE_KEY) || '{}')

    if (data.date !== today) return true
    return (data.count || 0) < DAILY_LIMIT
}

function recordAdWatched() {
    const today = new Date().toISOString().slice(0, 10)
    const data  = JSON.parse(localStorage.getItem(STORAGE_KEY) || '{}')
    const next  = data.date === today
        ? { date: today, count: (data.count || 0) + 1 }
        : { date: today, count: 1 }

    localStorage.setItem(STORAGE_KEY, JSON.stringify(next))
}

window.updateRewardedStatus = function (status) {
    if (!navigator.userAgent.toLowerCase().includes('despia')) return

    if (status === 'true' && canWatchAd()) {
        recordAdWatched()
        grantReward()
    }
}