Swift with Node Backend

//Create a card element view and pay button.
lazy var hyperCardTextField: PaymentCardTextField = {
    let cardTextField = PaymentCardTextField()
    return cardTextField
}()

lazy var payButton: UIButton = {
    let button = UIButton(type: .custom)
    button.layer.cornerRadius = 5
    button.backgroundColor = .systemBlue
    button.setTitle("Pay", for: .normal)
    button.addTarget(self, action: #selector(pay), for: .touchUpInside)
    return button
}()

@objc
func pay() {
    guard let paymentIntentClientSecret = model.paymentIntentClientSecret else {
        return
    }
    
    let paymentIntentParams = PaymentIntentParams(clientSecret: paymentIntentClientSecret)
    let paymentHandler = PaymentHandler.shared()

    paymentHandler.confirmPayment(paymentIntentParams, with: self) { (status, paymentIntent, error) in
        switch status {
        case .failed:
            // Handle failed payment
            break
        case .canceled:
            // Handle canceled payment
            break
        case .succeeded:
            // Handle successful payment
            break
        @unknown default:
            fatalError()
        }
    }
}

struct CardElementView: View {
    @State private var paymentIntentClientSecret: String?
    
    var body: some View {
        VStack(spacing: 20) {
            PaymentCardTextFieldRepresentable()
                .frame(height: 50)
            
            Button("Pay") {
                handlePayment()
            }
            .frame(maxWidth: .infinity)
            .padding()
            .background(Color.blue)
            .foregroundColor(.white)
            .cornerRadius(8)
        }
        .padding()
    }
    
    private func handlePayment() {
        guard let paymentIntentClientSecret = paymentIntentClientSecret else {
            return
        }
        
        let paymentIntentParams = PaymentIntentParams(clientSecret: paymentIntentClientSecret)
        let paymentHandler = PaymentHandler.shared()
        
        paymentHandler.confirmPayment(paymentIntentParams, with: self) { (status, paymentIntent, error) in
            switch status {
            case .failed:
                // Handle failed payment
                break
            case .canceled:
                // Handle canceled payment
                break
            case .succeeded:
                // Handle successful payment
                break
            @unknown default:
                fatalError()
            }
        }
    }
}