@nativescript/payments #

// This sets up the internal system of the plugin
init();
// Connect the RxJS Observable
paymentEvents.connect();
// Establish the Subscription with your event handling
paymentEvents.pipe(toMainThread()).subscribe((event: PaymentEvent.Type) => {...

// fetchItems(['item.id', ...]) will query the store for the items requested.
// Handle these items inside the PaymentEvent.Context.RETRIEVING_ITEMS event.
fetchItems(['item.id']);

// buyItem('item.id') will start the purchase flow on Android & iOS.
// Next handle the PaymentEvent.Context.PROCESSING_ORDER for SUCCESS or FAILURE.
// If SUCCESS then you can call the last method to the `finalizeOrder(payload)` method.
buyItem('item.id');

// finalizeOrder(payload) will complete the purchase flow.
// The payload argument here is provided in the PaymentEvent.Context.PROCESSING_ORDER - SUCCESS event (see below example for detailed usage).
finalizeOrder(payload)

// at this point you would process the order with your backend given the receiptToken from the purchase flow

import {
  buyItem,
  BuyItemOptions,
  canMakePayments,
  fetchItems,
  finalizeOrder,
  init as initPayments,
  Item,
  PaymentEvent,
  paymentEvents,
  toMainThread
} from '@nativescript/payments'

export class SomeViewModel {
  private item: Item

  pageLoaded() {
    // Connect to the RxJS Observable
    paymentEvents.connect()

    // Subscribe to the RxJS Observable
    // You do not have to handle all of the events
    // RETRIEVING_ITEMS && PROCESSING_ORDER are the ones you'll want to use to handle the purchase flow
    const subscription = paymentEvents
      .pipe(toMainThread())
      .subscribe((event: PaymentEvent.Type) => {
        switch (event.context) {
          case PaymentEvent.Context.CONNECTING_STORE:
            console.log('Store Status: ' + event.result)
            if (event.result === PaymentEvent.Result.SUCCESS) {
              const canPay = canMakePayments()
              if (canPay) {
                // pass in your product IDs here that you want to query for
                fetchItems([
                  'io.nstudio.iapdemo.coinsfive',
                  'io.nstudio.iapdemo.coinsone',
                  'io.nstudio.iapdemo.coinsonethousand'
                ])
              }
            }
            break
          case PaymentEvent.Context.RETRIEVING_ITEMS:
            if (event.result === PaymentEvent.Result.SUCCESS) {
              // if you passed multiple items you will need to handle accordingly for your app
              this.item = event.payload
            }
            break
          case PaymentEvent.Context.PROCESSING_ORDER:
            if (event.result === PaymentEvent.Result.FAILURE) {
              console.log(`🛑 Payment Failure - ${event.payload.description} 🛑`)
              // handle the failure of the purchase
            } else if (event.result === PaymentEvent.Result.SUCCESS) {
              // handle the successful purchase
              console.log('🟢 Payment Success 🟢')
              console.log(`Order Date: ${event.payload.orderDate}`)
              console.log(`Receipt Token: ${event.payload.receiptToken}`)
              finalizeOrder(event.payload)
            }
            break
          case PaymentEvent.Context.FINALIZING_ORDER:
            if (event.result === PaymentEvent.Result.SUCCESS) {
              console.log('Order Finalized')
            }
            break
          case PaymentEvent.Context.RESTORING_ORDERS:
            console.log(event)
            break
          default:
            console.log(`Invalid EventContext: ${event}`)
            break
        }
      })

    // This initializes the internal payment system for the plugin
    initPayments()
  }

  buttonTap() {
    const opts: BuyItemOptions = {
      accountUserName: '[email protected]',
      android: {
        vrPurchase: true
      },
      ios: {
        quantity: 1,
        simulatesAskToBuyInSandbox: true
      }
    }

    // This method will kick off the platform purchase flow
    // We are passing the item and an optional object with some configuration
    buyItem(this.item, opts)
  }
}