Hosted Payment Page

import SwiftUI
import PayablMerchant
import Combine

class CartViewModel: ObservableObject {
    @Published var isLoading = false

    // In your server, this endpoint should call the /mobile/init API
    let backendCheckoutUrl = URL(string: "backend_endpoint/payment_page")!

    func prepareOrder() async -> PBLConfiguration? {
        var request = URLRequest(url: backendCheckoutUrl)
        request.httpMethod = "POST"

        return await withCheckedContinuation { continuation in
            let task = URLSession.shared.dataTask(with: request) { data, response, error in
                guard let data = data,
                      let json = try? JSONSerialization.jsonObject(with: data) as? [String: Any]
                else { return }

                let sessionId = json["sessionId"] as! String
                let ephemeralKey = json["empheralKey"] as! String
                let transactionId = json["transactionId"] as! Int

                continuation.resume(
                    returning: PBLConfiguration(
                        sessionId: sessionId,
                        ephemeralKey: ephemeralKey,
                        customerId: "your_stable_customer_id",
                        environment: .sandbox, // use .production when going live
                        transactionId: transactionId,
                        appleMerchantId: "merchant.payabl.isdk" // your Apple Merchant ID
                    )
                )
            }
            task.resume()
        }
    }
}

extension CartViewModel: PBLPaymentPageTapDelegate {
    // Called when the user taps Pay — load the session, then hand the config back to the SDK
    func paymentPageTapped(onLoadSessionCompleted: @escaping (PBLConfiguration) -> Void) {
        Task {
            guard let config = await prepareOrder() else { return }
            onLoadSessionCompleted(config)
        }
    }

    // Called with the final result of the payment
    func paymentPageCompleted(result: PBLPaymentResult) {
        handlePaymentResult(result)
    }

    // Required if Instant Bank Transfer is enabled — must match the redirect URLs sent in /mobile/init
    func instantBankTransferRedirectionUrl() -> String {
        return "payabl://payment-callback"
    }
}

struct ContentView: View {
    @StateObject var cartVM = CartViewModel()

    var body: some View {
        VStack {
            PBLPaymentButton(delegate: cartVM, errorDelegate: cartVM) {
                Text("Checkout")
                    .foregroundStyle(.white)
                    .font(.body)
                    .frame(maxWidth: .infinity, minHeight: 45)
            }
        }
        .foregroundStyle(.white)
        .background(.black)
        .clipShape(RoundedRectangle(cornerRadius: 10))
        .padding()
    }
}

func handlePaymentResult(result: PBLPaymentResult) {
    switch result {
    case .completed:
        // Payment successful — update order status
        break
    case .canceled:
        // User cancelled the payment
        break
    case .failed:
        // Payment failed — inspect the result for the error code
        break
    }
}

extension CartViewModel: PBLErrorDelegate {
    func errorOccured(error: any Error) {
        // Handle SDK errors (e.g., configuration or session issues)
        print("error from sdk: ", error)
    }
}