Function initApplePayButton

Introduction

Function to render the Apple Pay button and initialize an instance of ICardApplePay.

⚠️ To use the Apple Pay integration, you must first configure a secure domain in the Kushki Backoffice console and coordinate with Kushki to integrate the required certificates on your website for the payment flow to function properly.

For this method to work correctly, you must include the following container in your project’s HTML:

<div id="kushki-apple-pay-button"></div>
Copy

Throws

• ERRORS.E024: Apple Pay resources were not created.
• ERRORS.E025: Apple Pay payments are not available.

Example

HTML container:

<div id="kushki-apple-pay-button"></div>
Copy

Initialize Kushki instance:

const kushkiOptions: KushkiOptions = {
  publicCredentialId: 'public-merchant-id',
  inTest: true
};
Copy

Initialize CardApplePay instance:

const options: ApplePayOptions = {
  style: "black",
  locale: "es-MX",
  type: "pay"
};

try {
  const kushkiInstance: IKushki = await init(kushkiOptions);
  const cardApplePay: ICardApplePay = await initApplePayButton(kushkiInstance, options);
} catch (e: any) {
  console.error(e.message);
}
Copy

Example

Using events and requesting the Apple Pay token:

try {
  const cardApplePay: ICardApplePay = await initApplePayButton(kushkiInstance, options);

  cardApplePay.onCancel(() => {
    console.log("Payment canceled");
  });

  cardApplePay.onClick(async () => {
    try {
      const token = await cardApplePay.requestApplePayToken({
        displayName: "DEMO",
        countryCode: "EC",
        currencyCode: "USD",
        amount: 20
      });

      console.log(token);
    } catch (error) {
      console.log("Error requesting token: ", error);
    }
  });
} catch (e: any) {
  console.error(e.message);
}
Copy