apple-pay-react-native-expo

Installation

``
npx expo install apple-pay-react-native-expo
`

Setting up Apple Pay

Before you can start accepting payments in your App, you'll need to setup Apple Pay.
1. Register as an Apple Developer
2. Obtain a merchant ID

Apple has a documentation on how to do this in their _Configuring your Environment_ guide.

Configuration in app.json / app.config.js

app.json
`json
{
"plugins": [
[
"apple-pay-react-native-expo",
{
"merchantIdentifiers": "merchant.",
}
]
]
}
`

or

app.config.js
`js
export default {
...
plugins: [
[
"apple-pay-react-native-expo",
{
merchantIdentifiers: "merchant.",
}
]
]
};
`

$3

You can pass props to the plugin config object to configure:

| Plugin Prop|||
|---------------------|----------|-----------------------------------------|
| merchantIdentifiers | required | The merchant identifiers you registered with Apple for use with Apple Pay.
||||

Usage

`js
import ApplePay, {
MerchantCapability,
PaymentNetwork,
CompleteStatus,
} from "apple-pay-react-native-expo";
`


Show Apple pay dialog
`js
ApplePay.show({
merchantIdentifier: "merchant...",
countryCode: "US",
currencyCode: "USD",
merchantCapabilities: [MerchantCapability["3DS"]],
supportedNetworks: [PaymentNetwork.masterCard, PaymentNetwork.visa],
paymentSummaryItems: [
{
label: "Ice",
amount: 0.51,
},
{
label: "Expo",
amount: 0.51,
},
],
})
.then((paymentData) => {
// process paymentData on your server
// then complete the payment process
ApplePay.complete(
CompleteStatus.success
);
// or
ApplePay.complete(
CompleteStatus.failure
);

})
.catch((err) => {

});
`
You can dismiss the dialog
`js
ApplePay.dismiss();
``

TODO:

- requiredShippingContactFields
- shippingType
- shippingMethods