چگونه با استفاده از sumup-ecom-php-sdk پیوند پرداخت را از SumUp دریافت کنیم؟

$sumup = new \SumUp\SumUp([
    'app_id' => '...',
    'app_secret' => '...',
    'grant_type' => 'client_credentials',
]);

$checkoutService = $sumup->getCheckoutService();
$amount =$invoice->amount;
$currency = $invoice->currency;
$checkoutRef = $invoice->number;
$payToEmail = $invoice->recipient;
$description = $invoice->description;

$checkoutResponse = $checkoutService->create($amount, $currency, $checkoutRef, $payToEmail, $description);
$checkoutId = $checkoutResponse->getBody()->id;

$redirectUrl="http://127.0.0.1:8000/sumup/checkout?ref=".$checkoutRef.'&token='.$checkoutId

Route::get('/sumup/checkout', [SumupPayController::class, 'index']);

public function index(Request $request)
{
    $invoiceNumber = $request->query('ref');
    $checkoutId = $request->query('token');
    return view('sumup_checkout', compact('invoiceNumber','checkoutId'));
}

<script src="https://gateway.sumup.com/gateway/ecom/card/v2/sdk.js"></script>

@extends('layout.app_layout_client')
@section('body')
    <div id="sumup-card"></div>
@endsection
@push('post-body-script')
    <script>
        const checkoutId = @json($checkoutId);
        const invoiceNumber = @json($invoiceNumber);
        console.log(checkoutId, invoiceNumber);

        var sumupCard = SumUpCard.mount({
            checkoutId: checkoutId,
            showFooter: true,
            currency: "EUR",
            locale: "de-DE",
            onResponse: function (type, body) {
                switch(type) {
                    case "sent":
                        break;
                    case "invalid":
                        break;
                    case "auth-screen":
                        break;
                    case "error":
                        break;
                    case "success":
                        break;
                    default:
                        break;
                }
            },
        });
    </script>
@endpush