# Install Checkout SDK
yarn add `@medipass/checkout-sdk`
Or
npm install `@medipass/checkout-sdk`
# Create Checkout
A payment request URL is passed to the createCheckout function, which opens a secure pop-up window to Tyro Health Online to take the payment.
## Basic Usage
You will need to make a network request to `https://stg-api-au.medipass.io/v3/transactions/invoices` and pass your `app id` as part of the headers under `x-appid` and the `API key` also as part of the headers under `Authorization`.Please see the example below:
```js
import medipassCheckoutSDK from'@medipass/checkout-sdk';
// or: const medipassCheckoutSDK = require('@medipass/checkout-sdk');
medipassCheckoutSDK.init({
env: 'stg',
onSuccess: ({ transactionId }) =\> {
// handle success
},
onFailure: ({ transactionId }) =\> {
// handle failure
},
onCancel: ({ transactionId }) =\> {
// handle cancel
},
onClose: () =\> {
// handle close
}
});
const data = await fetch(`https://${API_ENVS[env]}-api-au.medipass.io/v3/transactions/invoices`, {
method: 'POST',
headers: { 'Content-Type': 'application/json', 'x-appid': 'your-app-id', Authorization: `Bearer ${apiKey}` },
body: { callbackOrigin: window.location.origin, sendReceipt: true, ...otherPayloadAttributes },
});
const checkout = await data?.json();
const url = checkout?.paymentRequestUrl;
medipassCheckoutSDK.createCheckout({
paymentRequestUrl: data.paymentRequestUrl,
});
```
Please note this is just demo code to make a network request. You can implement this in whichever way you prefer.
## With a