# react-native-apple-payment

Apple Pay implementation for React Native (Only IOS)

<div style="display: flex;">
    <img style="margin-right: 20px" src="images/img1.png" width="250" height="530" alt="img1" />
    <img style="margin-right: 20px" src="images/img2.png" width="250" height="530" alt="img2" />
    <img style="margin-right: 20px" src="images/img3.png" width="250" height="530" alt="img3" />
</div>

## Installation

```sh
yarn add react-native-apple-payment

cd ios && pod install
```

## Usage

### Types

```ts

type Network = 'Visa' | 'MasterCard' | 'AmEx';

export type SupportedNetworks = Network[];

export interface MethodData {
    countryCode: string;
    currencyCode: string;
    supportedNetworks: SupportedNetworks;
    merchantIdentifier: string;
}

export interface Detail {
    label: string;
    amount: number;
}

export interface DetailsData {
    total: Detail;
}

export type TransactionIdentifier = string;

```

### Code
```ts

import ApplePay, { MethodData, DetailsData } from "react-native-apple-payment";

const payment = new ApplePay(method as MethodData, details as DetailsData);

const canMakePayment: boolean = await payment.canMakePayments()

const paymentResponse: TransactionIdentifier = await payment.initApplePay()

```

### Shipping

```ts
import ApplePay, { MethodData, DetailsData } from "react-native-apple-payment";
type ShippingType = 'delivery' | 'servicePickup' | 'shipping' | 'storePickup'
type ShippingContact = {
  name: 'Yevhenii Onipko',
  postalAddress: '01111',
  phoneNumber: '380971234567',
  emailAddress: 'dummy@gmail.com',
}
type ShippingMethods = {
  identifier: 'test',
  detail: 'Arrives, Friday 7 Apr.'
}
const shippingDetails = {
  type: ShippingType,
  contact: ShippingContact,
  methods: ShippingMethods,
}

const payment = new ApplePay(method as MethodData, details as DetailsData, shippingDetails);

```


## Contributing

See the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow.

## License

MIT