CondoWebAppRequestPayment

Platforms

Parameters

Pay by invoices

Pay by multipayment

Return value

typescript
type RequestPaymentData = {
    multiPaymentId: string  // ID of the created (or provided) multipayment
    success: boolean        // Payment result
}

Usage example

typescript
// pages/index.tsx
import React, { useCallback } from 'react'

import bridge from '@open-condo/bridge'
import { Button } from '@open-condo/ui'

async function registerInvoice (): Promise<string> {
    // Create and publish an invoice on your backend, return its ID
    const response = await fetch('/api/invoices', { method: 'POST' })
    const { invoiceId } = await response.json()
    return invoiceId
}

export default function MiniappPage (): React.ReactNode {
    const handlePayment = useCallback(async () => {
        const invoiceId = await registerInvoice()

        bridge.send('CondoWebAppRequestPayment', { invoiceIds: [invoiceId] }).then(({ success, multiPaymentId }) => {
            if (success) {
                // Payment successful — update the order status on your backend
                console.log('Payment complete, multiPaymentId:', multiPaymentId)
            } else {
                // User cancelled or an error occurred
                console.log('Payment not completed')
            }
        }).catch((error) => {
            console.error(error)
        })
    }, [])

    return (
        <Button type='primary' onClick={handlePayment}>Pay</Button>
    )
}