Launch The Paysheet

1// Create custom configuration objects
2let attributes = PaymentButtonAttributes(
3    edges: .softEdges,
4    size: .expanded,
5    isEnabled: true
6)
7let payPalUIConfig = PayPalButtonUIConfiguration(
8    color: .blue,
9    label: nil,
10    attributes: attributes
11)
12let payPalCreditUIConfig = PayPalCreditButtonUIConfiguration(
13    color: .white,
14    attributes: attributes
15)
16let payLaterUIConfig = PayLaterButtonUIConfiguration(
17    color: .black,
18    attributes: attributes
19)
20// Instantiate the container passing the configuration objects
21let container = PaymentButtonContainer(
22    payPalButtonUIConfiguration: payPalUIConfig,
23    payPalCreditButtonUIConfiguration: payPalCreditUIConfig,
24    payLaterButtonUIConfiguration: payLaterUIConfig,
25)
26// Display the container
27view.addSubview(container)
28NSLayoutConstraint.activate(
29    [
30        container.centerYAnchor.constraint(equalTo: view.centerYAnchor),
31        container.centerXAnchor.constraint(equalTo: view.centerXAnchor)
32    ]
33)

1let container = PaymentButtonContainer(delegate: self)
2container.createOrder = { action in
3    print("Create order here from (action)")
4}
5container.onCancel = {
6    print("Cancelled")
7}
8container.onError = { error in
9    print("Failed with error: (error)")
10}
11container.onApproval = { approval in
12    print("Got approval: (approval)")
13}
14container.onShippingChange = { change, action in
15    print("Shipping changed: (change) (action)")
16}

1// MARK: - PaymentButtonContainerDelegate
2    func onLoading() {
3        print("PaymentButtonContainer is loading...")
4    }
5    func onFinish(fundingEligibilityState: PaymentFundingEligibilityState?) {
6        print("PaymentButtonContainer finished loading")
7    }

1class CheckoutView: UIView, PaymentButtonDelegate {
2
3    var payPalButton = PayPalButton()
4
5    func configurePayPalButton() {
6        payPalButton.delegate = self
7    }
8
9    func onButtonStart(_ button: PaymentButton) {
10        // Invoked when the button is selected, before the checkout process begins.
11    }
12
13    func onButtonFinish(_ button: PaymentButton) {
14        // Invoked when the checkout process has finished
15    }
16
17    func button(_ button: PaymentButton, changedEligibilityStatus status: PaymentButtonEligibilityStatus) {
18        // Invoked when the eligibility status of the button has changed
19    }
20}

1func triggerPayPalCheckout() {
2    Checkout.start(
3        createOrder: { createOrderAction in
4            let amount = PurchaseUnit.Amount(currencyCode: .usd, value: "10.00")
5            let purchaseUnit = PurchaseUnit(amount: amount)
6            let order = OrderRequest(intent: .capture, purchaseUnits: [purchaseUnit])
7            createOrderAction.create(order: order)
8        }, onApprove: { approval in
9            // Optionally use this closure to respond to the order approval
10        }, onCancel: {
11            // Optionally use this closure to respond to the user canceling the paysheet
12        }, onError: { error in
13            // Optionally use this closure to respond to the user experiencing an error in
14            // the payment experience
15        }
16    )
17}

1paymentButtonContainer.setPayPalButtonUi(
2    paypalButtonUi = PayPalButtonUi(
3        PayPalButtonColor.BLUE,
4        PayPalButtonLabel.CHECKOUT,
5        PaymentButtonAttributes(
6            PaymentButtonShape.ROUNDED,
7            PaymentButtonSize.LARGE,
8            isEnabled =  true
9        )
10    )
11)
12paymentButtonContainer.setup(
13    createOrder = CreateOrder { createOrderActions ->
14        createOrderActions.create(OrderRequest())
15    },
16    onApprove = OnApprove { approval ->
17        Log.d(TAG, "orderId: ${approval.data.orderId}")
18    },
19    onError = OnError { errorInfo ->
20        Log.e(TAG, errorInfo.reason, errorInfo.error)
21    },
22    onCancel = OnCancel {
23        Log.i(TAG, "cancelled")
24    },
25    onShippingChange = OnShippingChange { shippingChangeData, shippingChangeActions ->
26        Log.i(TAG, "Shipping type change: ${shippingChangeData.shippingChangeType}")
27    }
28)

1paymentButtonContainer.viewState = PaymentButtonContainerViewState.invoke(
2    onLoading = {
3        Log.d(TAG, "Loading")
4    },
5    onFinish = { fundingEligibilityState, exception ->
6        fundingEligibilityState?.let { state ->
7            state.paymentsButtonMap?.let { map ->
8                map.entries.forEach {
9                    val paymentFundingType = it.key
10                    val fundingEligibilityItem = it.value
11                    val eligibility = fundingEligibilityItem.eligible
12                    val reasons = fundingEligibilityItem.reasons
13                    val eligibilityStatus = if (eligibility)
14                            "is eligible" else "is not eligible"
15                    Log.d(TAG,
16                        "$paymentFundingType $eligibilityStatus. $reasons"
17                    )
18                }
19            }
20        }
21        exception?.let { e ->
22            Log.e(TAG, "Error", e)
23        }
24    }
25)

1<com.paypal.checkout.paymentbutton.PayPalButton
2    android:id="@+id/payPalButton"
3    android:layout_width="match_parent"
4    android:layout_height="wrap_content"
5    android:layout_marginTop="@dimen/margin_16x"
6    android:tag="PayPal" />
7
8<com.paypal.checkout.paymentbutton.PayPalCreditButton
9    android:id="@+id/payPalCreditButton"
10    android:layout_width="match_parent"
11    android:layout_height="wrap_content"
12    android:layout_marginTop="@dimen/margin_16x"
13    android:tag="PayPal Credit" />
14
15<com.paypal.checkout.paymentbutton.PayLaterButton
16    android:id="@+id/payLaterButton"
17    android:layout_width="match_parent"
18    android:layout_height="wrap_content"
19    android:layout_marginTop="@dimen/margin_16x"
20    android:tag="Pay Later" />

1<com.paypal.checkout.paymentbutton.PaymentButtonContainer
2    android:id="@+id/payment_button_container"
3    android:layout_width="match_parent"
4    android:layout_height="wrap_content"
5    app:pay_later_button_color="silver"
6    app:pay_later_button_enabled="true"
7    app:pay_later_button_shape="pill"
8    app:pay_later_button_size="medium"
9    app:paypal_button_color="silver"
10    app:paypal_button_enabled="true"
11    app:paypal_button_label="pay"
12    app:paypal_button_shape="rectangle"
13    app:paypal_button_size="large"
14    app:paypal_credit_button_color="black"
15    app:paypal_credit_button_enabled="true"
16    app:paypal_credit_button_shape="rounded"
17    app:paypal_credit_button_size="small" />

1payPalButton.setup()
2payLaterButton.setup()
3payPalCreditButton.setup()

1paymentButtonContainer.setup()

1val paymentButton: PaymentButton //...
2// Functional
3paymentButton.onEligibilityStatusChanged = { buttonEligibilityStatus: PaymentButtonEligibilityStatus ->
4    Log.i("PaymentButtonEligibility", "eligibility: $buttonEligibilityStatus")
5}
6// Non-functional
7paymentButton.paymentButtonEligibilityStatusChanged = object : PaymentButtonEligibilityStatusChanged {
8    override fun onPaymentButtonEligibilityStatusChanged(paymentButtonEligibilityStatus: PaymentButtonEligibilityStatus) {
9        Log.i("PaymentButtonEligibility", "$paymentButton : $paymentButtonEligibilityStatus")
10    }
11}

1class YourActivity: Activity {
2    override fun onCreate(savedInstanceState: Bundle?) {
3        PayPalCheckout.registerCallbacks(
4            onApprove = OnApprove { approval ->
5                // Optional callback for when an order is approved
6            },
7            onCancel = OnCancel {
8                // Optional callback for when a buyer cancels the paysheet
9            },
10            onError = OnError { errorInfo ->
11                // Optional error callback
12            },
13            onShippingChange = OnShippingChange { shippingChangeData, shippingChangeActions ->
14                // Optional onShippingChange callback.
15            }
16        )
17        setupButtons()
18    }
19}

1PayPalCheckout.startCheckout(
2    CreateOrder { createOrderActions ->
3        val order = OrderRequest(
4            intent = OrderIntent.CAPTURE,
5            appContext = AppContext(
6                userAction = UserAction.PAY_NOW
7            ),
8            purchaseUnitList = listOf(
9                PurchaseUnit(
10                    amount = Amount(
11                        currencyCode = CurrencyCode.USD,
12                        value = "10.00"
13                    )
14                )
15            )
16        )
17        createOrderActions.create(order)
18    }
19)

1class MyViewModel: ViewModel() {
2    val _message = MutableLiveData<String>()
3    val message: LiveData<String>
4        get() =_message
5    init {
6        PayPalCheckout.registerCallbacks(
7            onApprove = OnApprove { approval ->
8                _message.value = "Order approved"
9            },
10            onCancel = OnCancel {
11                _message.value = "Order cancelled"
12            },
13            onError = OnError { errorInfo ->
14                _message.value = "Error creating order"
15            }
16        )
17    }
18}

1class MyViewModel: ViewModel() {
2    ...
3    fun startCheckout(items: List<PurchaseUnit>) {
4        PayPalCheckout.startCheckout(
5            CreateOrder { createOrderActions ->
6                val order = OrderRequest(
7                    intent = OrderIntent.CAPTURE,
8                    appContext = AppContext(
9                        userAction = UserAction.PAY_NOW
10                    ),
11                    purchaseUnitList = items
12                )
13                createOrderActions.create(order)
14            }
15        )
16    }
17}