Boxo Payments

    curl --location --request POST '[YOUR_SERVER_URL]/api/create-order-payment/'\
    --header 'Content-Type: application/json' \
    --header 'Authorization: Basic {{BASE64_ENCODED_CLIENT_ID_AND_CLIENT_SECRET}}' \
    --data-raw '{ "app_id": "{{MINIAPP_ID}}", "order": {
        "amount": "100.00",
        "currency": "USD",
        "miniapp_order_id": "{{ MINIAPP_ORDER_ID }}",
        "hostapp_user_id": "{{ HOSTAPP_USER_ID }}"
    }}'

    curl --location --request POST '[YOUR_SERVER_URL]/api/get-order-payment-status/'\
    --header 'Content-Type: application/json' \
    --header 'Authorization: Basic {{BASE64_ENCODED_CLIENT_ID_AND_CLIENT_SECRET}}' \
    --data-raw '{ "app_id": "{{MINIAPP_ID}}", "client_id": "{{CLIENT_ID}}", "order_payment_id": "{{ORDER_PAYMENT_ID}}"}'

    curl --location --request POST '[BOXO_PLATFORM_SERVER_URL]/api/v1/orders/complete-order/' \
    --header 'Content-Type: application/json' \
    --data-raw '{
        "order_payment_id": "{{ORDER_PAYMENT_ID}}",
        "payment_status": "paid",
        "client_id": "{{CLIENT_ID}}",
        "app_id": "{{MINIAPP_ID}}"
    }'

    {
        "code": "SUCCESS",
        "message": "Success"
    }

    {
        "error_code": "ORDER_NOT_FOUND",
        "error_message": "No Order matches the given query."
    }

miniapp.delegate = self
...
extension ViewController : MiniappDelegate {
    func didReceivePaymentEvent(miniapp: Miniapp, paymentData: PaymentData) {
        // Show payment processing screen and handle payment according to paymentData 
        // paymentData.amount
        // paymentData.miniappOrderId 
        // paymentData.currency
        // Once payment is done, modify payment data and send result to mini app: 
        paymentData.status = "success" // change the payment status. "failed" in case payment failed, "cancelled" in case payment cancelled
        miniapp.sendPaymentEvent(paymentData: paymentData)
    }
}

    Boxo.getMiniapp("[APP_ID]")
        .setPaymentEventListener { boxoActivity: BoxoActivity, miniapp, paymentData ->
            // Show payment processing screen and handle payment according to paymentData 
            // paymentData.amount
            // paymentData.miniappOrderId 
            // paymentData.currency
            // Once payment is done, modify payment data and send result to mini app: 
            paymentData.status = "success" // change the payment status. "failed" in case payment failed, "cancelled" in case payment cancelled
            miniapp.sendPaymentResult(paymentData)
        }.open(this)

  @override
  void initState() {
    paymentSubscription = Boxo.paymentEvents().listen((PaymentEvent payment) async {
      Boxo.hideMiniapps(); // need to hide the miniapp before showing the payment page or popup
      // Show payment processing screen and handle payment according to paymentData
      // payment.amount
      // payment.miniappOrderId 
      // payment.currency
      // payment.transactionToken
      // Once payment is done, modify payment data and send result to miniapp: 
      NDialog(
        dialogStyle: DialogStyle(titleDivider: true),
        title: Text("Payment"),
        content: Text("Confirm payment"),
        actions: <Widget>[
          TextButton(
              child: Text("Confirm"),
              onPressed: () {
                Navigator.pop(context);
                //.. send request to handle payment to your backend
                payment.status = 'success'; // change the payment status. "failed" in case payment failed, "cancelled" in case payment cancelled
                Boxo.sendPaymentEvent(payment); // send payment result to miniapp
                Boxo.openMiniapp(payment.appId); // need to open the miniapp
              }),
          TextButton(
              child: Text("Cancel"),
              onPressed: () {
                Navigator.pop(context);
                payment.status = 'cancelled';
                Boxo.sendPaymentEvent(payment);
                Boxo.openMiniapp(payment.appId);
              }),
        ],
      ).show(context);
    });
    Boxo.openMiniapp('[APP_ID]');
    super.initState();
  }

  useEffect(() => {
    const paymentEventsSubscription = Boxo.paymentEvents.subscribe(
          (event) => {
              // hide miniapp to return to the react-native app page
             Boxo.hideMiniapps();
              //payment data
             const appId = event.app_id;
             const paymentEvent = event.payment_event;
             const transactionToken = paymentEvent.transaction_token;
             const amount = paymentEvent.amount;
             const currency = paymentEvent.currency;
             const extraParams = paymentEvent.extra_params;

             // display payment screen
             // after payment is completed
             // open hidden miniapp 
             Boxo.openMiniapp(appId);

             //send payment result to miniapp
             const newEvent = {
               app_id: appId,
               payment_event: {
                 ...event.payment_event,
                 status: // change the payment status. "failed" in case payment failed, "cancelled" in case payment cancelled
               },
             };
             Boxo.paymentEvents.send(newEvent);
          },
          () => {},
        );
    return () => {
            ...
            paymentEventsSubscription();
        };
  }, []);

Boxo.addPaymentEventListener((paymentData) => {
  // Show payment processing screen and handle payment according to paymentData 
  // paymentData.amount
  // paymentData.miniappOrderId 
  // paymentData.currency
  // Once payment is done, modify payment data and send result to mini app: 
  Boxo.hideMiniapps();
  paymentData.status = "success"; // change the payment status. "failed" in case payment failed, "cancelled" in case payment cancelled
  Boxo.sendPaymentEvent(paymentData);
  Boxo.openMiniapp({ appId: paymentData.appId })
});