Spirit of Cadeau via Thunes: Drop In Guide

​

Show Universal Checkout

Spirit of Cadeau via Thunes is automatically presented to the customer when calling Primer.showUniversalCheckout.

try {
  await Primer.showUniversalCheckout(clientToken, {
    container: '#checkout-container',
    options,
    onCheckoutComplete({ payment }) {
      console.log('Checkout complete.', payment)
    },
  })
} catch (e) {
  // handle error
}

​

Customization

Check the customization guide to learn how to customize payment method buttons.

const options = {
  /* Other options ... */
  style: {
    paymentMethodButton: {
      background: string,
      borderRadius: number | string,
      boxShadow: string,
      borderColor: string,
      height: number,
      primaryText: TextStyle,
      logoColor: logoColor,
      marginTop: string,
    },
  },
}

​

Go live

You don’t need to do anything particular to go live — just make sure to use production credentials.

​

Pre-requisites

Handling redirects is required for Payment Methods that present a webpage or open a 3rd party application for the customer to enter their credentials and validate their payment.

To enable this feature, ensure that you include the urlScheme parameter when configuring the PrimerPaymentMethodOptions object.

Set up redirects

let settings = PrimerSettings(
  // ...
  paymentMethodOptions: PrimerPaymentMethodOptions(
    urlScheme: "{url scheme}", // e.g. primer://, yourscheme://
  ),
  // ...
)

​

Handle redirects

When the user is redirected back to the main app, the function application(_ application: UIApplication, continue userActivity: NSUserActivity, restorationHandler: @escaping ([UIUserActivityRestoring]?) -> Void) -> Bool is automatically called by iOS. Make sure to call Primer.shared.application... to forward this information to the SDK so that Universal Checkout can continue the flow.

import PrimerSDK
import UIKit
@UIApplicationMain
class AppDelegate: UIResponder, UIApplicationDelegate {
  // ...
  func application(_ application: UIApplication, continue userActivity: NSUserActivity, restorationHandler: @escaping ([UIUserActivityRestoring]?) -> Void) -> Bool {
    return Primer.shared.application(application, continue: userActivity, restorationHandler: restorationHandler)
  }
}

​

Show Universal Checkout

Spirit of Cadeau via Thunes is automatically presented to the customer when calling Primer.shared.showUniversalCheckout.

class MyViewController: UIViewController {
  func startUniversalCheckout() {
    Primer.shared.showUniversalCheckout(clientToken: self.clientToken)
  }
}

​

Customization

Check the customization guide to learn how to customize payment method buttons.

​

Go live

You don’t need to do anything particular to go live — just make sure to use production credentials.

​

Show Universal Checkout

Spirit of Cadeau via Thunes is automatically presented to the customer when calling Primer.showUniversalCheckout.

const CheckoutScreen = async (props: any) => {
  const onUniversalCheckoutButtonTapped = async () => {
    try {
      await Primer.showUniversalCheckout(clientToken)
    } catch (err) {
      // handle error
    }
  }
}

​

Customization

Check the customization guide to learn how to customize payment method buttons.

​

Go live

You don’t need to do anything particular to go live — just make sure to use production credentials.

​

Show Universal Checkout

Spirit of Cadeau via Thunes is automatically presented to the customer when calling Primer.showUniversalCheckout.

const CheckoutScreen = async (props: any) => {
  const onUniversalCheckoutButtonTapped = async () => {
    try {
      await Primer.showUniversalCheckout(clientToken)
    } catch (err) {
      // handle error
    }
  }
}

​

Customization

Check the customization guide to learn how to customize payment method buttons.