@internetarchive/donation-form 1.0.2 → 1.0.3-alpha-webdev7960.1

package/src/braintree-manager/payment-clients.ts

@@ -1,146 +1,146 @@
-import { LazyLoaderServiceInterface } from '@internetarchive/lazy-loader-service';
-import { PromisedSingleton } from '@internetarchive/promised-singleton';
-import { HostingEnvironment } from './braintree-interfaces';
-
-export interface PaymentClientsInterface {
-  braintreeClient: PromisedSingleton<braintree.Client>;
-  dataCollector: PromisedSingleton<braintree.DataCollector>;
-  hostedFields: PromisedSingleton<braintree.HostedFields>;
-  venmo: PromisedSingleton<braintree.Venmo>;
-  payPal: PromisedSingleton<braintree.PayPalCheckout>;
-  applePay: PromisedSingleton<braintree.ApplePay>;
-  googlePayBraintreeClient: PromisedSingleton<braintree.GooglePayment>;
-
-  googlePaymentsClient: PromisedSingleton<google.payments.api.PaymentsClient>;
-  recaptchaLibrary: PromisedSingleton<ReCaptchaV2.ReCaptcha>;
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  paypalLibrary: PromisedSingleton<any>;
-}
-
-/**
- * The PaymentClients class is responsible for loading and passing around
- * all of the payment libraries. Internally it uses the LazyLoaderService to lazy load
- * the javascript clients.
- *
- * For instance, it carries around the braintree and paypal libraries, as well as the specific
- * payment-provider clients for each of the providers. This allows us to pass around typed
- * objects instead of the untyped libraries we get from the providers.
- *
- * @export
- * @class PaymentClients
- * @implements {PaymentClientsInterface}
- */
-export class PaymentClients implements PaymentClientsInterface {
-  braintreeClient = new PromisedSingleton<braintree.Client>({
-    generator: async (): Promise<braintree.Client> => {
-      await this.loadBraintreeScript('client');
-      return window.braintree.client;
-    },
-  });
-
-  dataCollector = new PromisedSingleton<braintree.DataCollector>({
-    generator: async (): Promise<braintree.DataCollector> => {
-      await this.loadBraintreeScript('data-collector');
-      return window.braintree.dataCollector;
-    },
-  });
-
-  hostedFields = new PromisedSingleton<braintree.HostedFields>({
-    generator: async (): Promise<braintree.HostedFields> => {
-      await this.loadBraintreeScript('hosted-fields');
-      return window.braintree.hostedFields;
-    },
-  });
-
-  venmo = new PromisedSingleton<braintree.Venmo>({
-    generator: async (): Promise<braintree.Venmo> => {
-      await this.loadBraintreeScript('venmo');
-      return window.braintree.venmo;
-    },
-  });
-
-  payPal = new PromisedSingleton<braintree.PayPalCheckout>({
-    generator: async (): Promise<braintree.PayPalCheckout> => {
-      await this.loadBraintreeScript('paypal-checkout');
-      return window.braintree.paypalCheckout;
-    },
-  });
-
-  applePay = new PromisedSingleton<braintree.ApplePay>({
-    generator: async (): Promise<braintree.ApplePay> => {
-      await this.loadBraintreeScript('apple-pay');
-      return window.braintree.applePay;
-    },
-  });
-
-  googlePayBraintreeClient = new PromisedSingleton<braintree.GooglePayment>({
-    generator: async (): Promise<braintree.GooglePayment> => {
-      await this.loadBraintreeScript('google-payment');
-      return window.braintree.googlePayment;
-    },
-  });
-
-  googlePaymentsClient = new PromisedSingleton<google.payments.api.PaymentsClient>({
-    generator: async (): Promise<google.payments.api.PaymentsClient> => {
-      await this.lazyLoader.loadScript({ src: 'https://pay.google.com/gp/p/js/pay.js' });
-      return new google.payments.api.PaymentsClient({
-        environment: this.environment === HostingEnvironment.Development ? 'TEST' : 'PRODUCTION',
-      });
-    },
-  });
-
-  recaptchaLibrary = new PromisedSingleton<ReCaptchaV2.ReCaptcha>({
-    generator: (): Promise<ReCaptchaV2.ReCaptcha> =>
-      new Promise(resolve => {
-        // The loader for the recaptcha library is relying on an onload callback from the recaptcha
-        // library because even when the library has loaded, it is still not ready
-        // As recommended by Recaptcha, we attach a callback to the window object before starting
-        // the load and remove it once the load is complete and resolve the promise.
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        (window as any).donationFormGrecaptchaLoadedCallback = (): void => {
-          setTimeout(() => {
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            delete (window as any).donationFormGrecaptchaLoadedCallback;
-          }, 10);
-          resolve(window.grecaptcha);
-        };
-
-        this.lazyLoader.loadScript({
-          src: 'https://www.google.com/recaptcha/api.js?onload=donationFormGrecaptchaLoadedCallback&render=explicit',
-        });
-      }),
-  });
-
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  paypalLibrary = new PromisedSingleton<any>({
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    generator: async (): Promise<any> => {
-      await this.lazyLoader.loadScript({
-        src: 'https://www.paypalobjects.com/api/checkout.js',
-        attributes: {
-          'data-version-4': '',
-          'log-level': 'warn',
-        },
-      });
-      return window.paypal;
-    },
-  });
-
-  constructor(lazyLoader: LazyLoaderServiceInterface, environment: HostingEnvironment) {
-    this.lazyLoader = lazyLoader;
-    this.environment = environment;
-  }
-
-  private async loadBraintreeScript(scriptName: string): Promise<void> {
-    const extension = this.environment === HostingEnvironment.Production ? 'min.js' : 'js';
-    const scriptWithSuffix = `${scriptName}.${extension}`;
-    const url = `https://js.braintreegateway.com/web/${this.braintreeVersion}/js/${scriptWithSuffix}`;
-    await this.lazyLoader.loadScript({ src: url });
-  }
-
-  private braintreeVersion = '3.62.2';
-
-  private environment: HostingEnvironment = HostingEnvironment.Development;
-
-  private lazyLoader: LazyLoaderServiceInterface;
-}
+import { LazyLoaderServiceInterface } from '@internetarchive/lazy-loader-service';
+import { PromisedSingleton } from '@internetarchive/promised-singleton';
+import { HostingEnvironment } from './braintree-interfaces';
+
+export interface PaymentClientsInterface {
+  braintreeClient: PromisedSingleton<braintree.Client>;
+  dataCollector: PromisedSingleton<braintree.DataCollector>;
+  hostedFields: PromisedSingleton<braintree.HostedFields>;
+  venmo: PromisedSingleton<braintree.Venmo>;
+  payPal: PromisedSingleton<braintree.PayPalCheckout>;
+  applePay: PromisedSingleton<braintree.ApplePay>;
+  googlePayBraintreeClient: PromisedSingleton<braintree.GooglePayment>;
+
+  googlePaymentsClient: PromisedSingleton<google.payments.api.PaymentsClient>;
+  recaptchaLibrary: PromisedSingleton<ReCaptchaV2.ReCaptcha>;
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  paypalLibrary: PromisedSingleton<any>;
+}
+
+/**
+ * The PaymentClients class is responsible for loading and passing around
+ * all of the payment libraries. Internally it uses the LazyLoaderService to lazy load
+ * the javascript clients.
+ *
+ * For instance, it carries around the braintree and paypal libraries, as well as the specific
+ * payment-provider clients for each of the providers. This allows us to pass around typed
+ * objects instead of the untyped libraries we get from the providers.
+ *
+ * @export
+ * @class PaymentClients
+ * @implements {PaymentClientsInterface}
+ */
+export class PaymentClients implements PaymentClientsInterface {
+  braintreeClient = new PromisedSingleton<braintree.Client>({
+    generator: async (): Promise<braintree.Client> => {
+      await this.loadBraintreeScript('client');
+      return window.braintree.client;
+    },
+  });
+
+  dataCollector = new PromisedSingleton<braintree.DataCollector>({
+    generator: async (): Promise<braintree.DataCollector> => {
+      await this.loadBraintreeScript('data-collector');
+      return window.braintree.dataCollector;
+    },
+  });
+
+  hostedFields = new PromisedSingleton<braintree.HostedFields>({
+    generator: async (): Promise<braintree.HostedFields> => {
+      await this.loadBraintreeScript('hosted-fields');
+      return window.braintree.hostedFields;
+    },
+  });
+
+  venmo = new PromisedSingleton<braintree.Venmo>({
+    generator: async (): Promise<braintree.Venmo> => {
+      await this.loadBraintreeScript('venmo');
+      return window.braintree.venmo;
+    },
+  });
+
+  payPal = new PromisedSingleton<braintree.PayPalCheckout>({
+    generator: async (): Promise<braintree.PayPalCheckout> => {
+      await this.loadBraintreeScript('paypal-checkout');
+      return window.braintree.paypalCheckout;
+    },
+  });
+
+  applePay = new PromisedSingleton<braintree.ApplePay>({
+    generator: async (): Promise<braintree.ApplePay> => {
+      await this.loadBraintreeScript('apple-pay');
+      return window.braintree.applePay;
+    },
+  });
+
+  googlePayBraintreeClient = new PromisedSingleton<braintree.GooglePayment>({
+    generator: async (): Promise<braintree.GooglePayment> => {
+      await this.loadBraintreeScript('google-payment');
+      return window.braintree.googlePayment;
+    },
+  });
+
+  googlePaymentsClient = new PromisedSingleton<google.payments.api.PaymentsClient>({
+    generator: async (): Promise<google.payments.api.PaymentsClient> => {
+      await this.lazyLoader.loadScript({ src: 'https://pay.google.com/gp/p/js/pay.js' });
+      return new google.payments.api.PaymentsClient({
+        environment: this.environment === HostingEnvironment.Development ? 'TEST' : 'PRODUCTION',
+      });
+    },
+  });
+
+  recaptchaLibrary = new PromisedSingleton<ReCaptchaV2.ReCaptcha>({
+    generator: (): Promise<ReCaptchaV2.ReCaptcha> =>
+      new Promise(resolve => {
+        // The loader for the recaptcha library is relying on an onload callback from the recaptcha
+        // library because even when the library has loaded, it is still not ready
+        // As recommended by Recaptcha, we attach a callback to the window object before starting
+        // the load and remove it once the load is complete and resolve the promise.
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        (window as any).donationFormGrecaptchaLoadedCallback = (): void => {
+          setTimeout(() => {
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            delete (window as any).donationFormGrecaptchaLoadedCallback;
+          }, 10);
+          resolve(window.grecaptcha);
+        };
+
+        this.lazyLoader.loadScript({
+          src: 'https://www.google.com/recaptcha/api.js?onload=donationFormGrecaptchaLoadedCallback&render=explicit',
+        });
+      }),
+  });
+
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  paypalLibrary = new PromisedSingleton<any>({
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    generator: async (): Promise<any> => {
+      await this.lazyLoader.loadScript({
+        src: 'https://www.paypalobjects.com/api/checkout.js',
+        attributes: {
+          'data-version-4': '',
+          'log-level': 'warn',
+        },
+      });
+      return window.paypal;
+    },
+  });
+
+  constructor(lazyLoader: LazyLoaderServiceInterface, environment: HostingEnvironment) {
+    this.lazyLoader = lazyLoader;
+    this.environment = environment;
+  }
+
+  private async loadBraintreeScript(scriptName: string): Promise<void> {
+    const extension = this.environment === HostingEnvironment.Production ? 'min.js' : 'js';
+    const scriptWithSuffix = `${scriptName}.${extension}`;
+    const url = `https://js.braintreegateway.com/web/${this.braintreeVersion}/js/${scriptWithSuffix}`;
+    await this.lazyLoader.loadScript({ src: url });
+  }
+
+  private braintreeVersion = '3.62.2';
+
+  private environment: HostingEnvironment = HostingEnvironment.Development;
+
+  private lazyLoader: LazyLoaderServiceInterface;
+}

package/src/braintree-manager/payment-providers/apple-pay/apple-pay-interface.ts

@@ -1,13 +1,13 @@
-import { PromisedSingleton } from '@internetarchive/promised-singleton';
-import { DonationPaymentInfo } from '@internetarchive/donation-form-data-models';
-import { ApplePaySessionDataSourceInterface } from './apple-pay-session-datasource-interface';
-
-export interface ApplePayHandlerInterface {
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  instance: PromisedSingleton<any | undefined>;
-  isAvailable(): Promise<boolean>;
-  createPaymentRequest(
-    e: Event,
-    donationInfo: DonationPaymentInfo,
-  ): Promise<ApplePaySessionDataSourceInterface>;
-}
+import { PromisedSingleton } from '@internetarchive/promised-singleton';
+import { DonationPaymentInfo } from '@internetarchive/donation-form-data-models';
+import { ApplePaySessionDataSourceInterface } from './apple-pay-session-datasource-interface';
+
+export interface ApplePayHandlerInterface {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  instance: PromisedSingleton<any | undefined>;
+  isAvailable(): Promise<boolean>;
+  createPaymentRequest(
+    e: Event,
+    donationInfo: DonationPaymentInfo,
+  ): Promise<ApplePaySessionDataSourceInterface>;
+}

package/src/braintree-manager/payment-providers/apple-pay/apple-pay-session-datasource-delegate.ts

@@ -1,8 +1,8 @@
-import { DonationResponse } from '@internetarchive/donation-form-data-models';
-
-export interface ApplePaySessionDataSourceDelegate {
-  paymentComplete(response: DonationResponse): void;
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  paymentFailed(error: any): void;
-  paymentCancelled(): void;
-}
+import { DonationResponse } from '@internetarchive/donation-form-data-models';
+
+export interface ApplePaySessionDataSourceDelegate {
+  paymentComplete(response: DonationResponse): void;
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  paymentFailed(error: any): void;
+  paymentCancelled(): void;
+}

package/src/braintree-manager/payment-providers/apple-pay/apple-pay-session-datasource-interface.ts

@@ -1,10 +1,10 @@
-import { DonationPaymentInfo } from '@internetarchive/donation-form-data-models';
-import { ApplePaySessionDataSourceDelegate } from './apple-pay-session-datasource-delegate';
-
-export interface ApplePaySessionDataSourceInterface {
-  delegate?: ApplePaySessionDataSourceDelegate;
-  donationInfo: DonationPaymentInfo;
-  onvalidatemerchant(event: ApplePayJS.ApplePayValidateMerchantEvent): Promise<void>;
-  onpaymentauthorized(event: ApplePayJS.ApplePayPaymentAuthorizedEvent): Promise<void>;
-  oncancel(): Promise<void>;
-}
+import { DonationPaymentInfo } from '@internetarchive/donation-form-data-models';
+import { ApplePaySessionDataSourceDelegate } from './apple-pay-session-datasource-delegate';
+
+export interface ApplePaySessionDataSourceInterface {
+  delegate?: ApplePaySessionDataSourceDelegate;
+  donationInfo: DonationPaymentInfo;
+  onvalidatemerchant(event: ApplePayJS.ApplePayValidateMerchantEvent): Promise<void>;
+  onpaymentauthorized(event: ApplePayJS.ApplePayPaymentAuthorizedEvent): Promise<void>;
+  oncancel(): Promise<void>;
+}

package/src/braintree-manager/payment-providers/apple-pay/apple-pay-session-datasource.ts

@@ -1,119 +1,119 @@
-import {
-  DonationPaymentInfo,
-  BillingInfo,
-  CustomerInfo,
-  PaymentProvider,
-} from '@internetarchive/donation-form-data-models';
-import { BraintreeManagerInterface } from '../../braintree-interfaces';
-import { ApplePaySessionDataSourceInterface } from './apple-pay-session-datasource-interface';
-import { ApplePaySessionDataSourceDelegate } from './apple-pay-session-datasource-delegate';
-
-export class ApplePaySessionDataSource implements ApplePaySessionDataSourceInterface {
-  delegate?: ApplePaySessionDataSourceDelegate;
-  donationInfo: DonationPaymentInfo;
-
-  private session: ApplePaySession;
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  private applePayInstance: any;
-  private braintreeManager: BraintreeManagerInterface;
-
-  constructor(options: {
-    donationInfo: DonationPaymentInfo;
-    session: ApplePaySession;
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    applePayInstance: any;
-    braintreeManager: BraintreeManagerInterface;
-  }) {
-    this.session = options.session;
-    this.donationInfo = options.donationInfo;
-    this.applePayInstance = options.applePayInstance;
-    this.braintreeManager = options.braintreeManager;
-  }
-
-  async onvalidatemerchant(event: ApplePayJS.ApplePayValidateMerchantEvent): Promise<void> {
-    return new Promise((resolve, reject) => {
-      this.applePayInstance.performValidation(
-        {
-          validationURL: event.validationURL,
-          displayName: 'Internet Archive',
-        },
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        (validationErr: any, validationData: any) => {
-          if (validationErr) {
-            this.delegate?.paymentFailed(validationErr);
-            this.session.abort();
-            reject(`Merchant validation error: ${validationErr}`);
-          } else {
-            this.session.completeMerchantValidation(validationData);
-            resolve();
-          }
-        },
-      );
-    });
-  }
-
-  async oncancel(): Promise<void> {
-    this.delegate?.paymentCancelled();
-  }
-
-  async onpaymentauthorized(event: ApplePayJS.ApplePayPaymentAuthorizedEvent): Promise<void> {
-    let payload;
-    try {
-      payload = await this.applePayInstance.tokenize({
-        token: event.payment.token,
-      });
-    } catch (err) {
-      this.delegate?.paymentFailed(err);
-      this.session.completePayment(ApplePaySession.STATUS_FAILURE);
-      return;
-    }
-
-    const payment = event.payment;
-    const billingContact = payment.billingContact;
-    const shippingContact = payment.shippingContact;
-    const addressLines = billingContact?.addressLines;
-
-    let line1: string | undefined = undefined;
-    let line2: string | undefined = undefined;
-
-    if (addressLines) {
-      line1 = addressLines[0];
-      line2 = addressLines[1];
-    }
-
-    const billingInfo = new BillingInfo({
-      streetAddress: line1,
-      extendedAddress: line2,
-      locality: billingContact?.locality,
-      region: billingContact?.administrativeArea,
-      postalCode: billingContact?.postalCode,
-      countryCodeAlpha2: billingContact?.countryCode,
-    });
-
-    const customerInfo = new CustomerInfo({
-      email: shippingContact?.emailAddress,
-      firstName: shippingContact?.givenName,
-      lastName: shippingContact?.familyName,
-    });
-
-    try {
-      const donationResponse = await this.braintreeManager.submitDonation({
-        nonce: payload.nonce,
-        paymentProvider: PaymentProvider.ApplePay,
-        donationInfo: this.donationInfo,
-        billingInfo: billingInfo,
-        customerInfo: customerInfo,
-      });
-      if (donationResponse.success) {
-        this.delegate?.paymentComplete(donationResponse);
-        this.session.completePayment(ApplePaySession.STATUS_SUCCESS);
-      } else {
-        this.delegate?.paymentFailed('Failure submitting data');
-        this.session.completePayment(ApplePaySession.STATUS_FAILURE);
-      }
-    } catch (err) {
-      this.delegate?.paymentFailed(err);
-      this.session.completePayment(ApplePaySession.STATUS_FAILURE);
-    }
-  }
-}
+import {
+  DonationPaymentInfo,
+  BillingInfo,
+  CustomerInfo,
+  PaymentProvider,
+} from '@internetarchive/donation-form-data-models';
+import { BraintreeManagerInterface } from '../../braintree-interfaces';
+import { ApplePaySessionDataSourceInterface } from './apple-pay-session-datasource-interface';
+import { ApplePaySessionDataSourceDelegate } from './apple-pay-session-datasource-delegate';
+
+export class ApplePaySessionDataSource implements ApplePaySessionDataSourceInterface {
+  delegate?: ApplePaySessionDataSourceDelegate;
+  donationInfo: DonationPaymentInfo;
+
+  private session: ApplePaySession;
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  private applePayInstance: any;
+  private braintreeManager: BraintreeManagerInterface;
+
+  constructor(options: {
+    donationInfo: DonationPaymentInfo;
+    session: ApplePaySession;
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    applePayInstance: any;
+    braintreeManager: BraintreeManagerInterface;
+  }) {
+    this.session = options.session;
+    this.donationInfo = options.donationInfo;
+    this.applePayInstance = options.applePayInstance;
+    this.braintreeManager = options.braintreeManager;
+  }
+
+  async onvalidatemerchant(event: ApplePayJS.ApplePayValidateMerchantEvent): Promise<void> {
+    return new Promise((resolve, reject) => {
+      this.applePayInstance.performValidation(
+        {
+          validationURL: event.validationURL,
+          displayName: 'Internet Archive',
+        },
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        (validationErr: any, validationData: any) => {
+          if (validationErr) {
+            this.delegate?.paymentFailed(validationErr);
+            this.session.abort();
+            reject(`Merchant validation error: ${validationErr}`);
+          } else {
+            this.session.completeMerchantValidation(validationData);
+            resolve();
+          }
+        },
+      );
+    });
+  }
+
+  async oncancel(): Promise<void> {
+    this.delegate?.paymentCancelled();
+  }
+
+  async onpaymentauthorized(event: ApplePayJS.ApplePayPaymentAuthorizedEvent): Promise<void> {
+    let payload;
+    try {
+      payload = await this.applePayInstance.tokenize({
+        token: event.payment.token,
+      });
+    } catch (err) {
+      this.delegate?.paymentFailed(err);
+      this.session.completePayment(ApplePaySession.STATUS_FAILURE);
+      return;
+    }
+
+    const payment = event.payment;
+    const billingContact = payment.billingContact;
+    const shippingContact = payment.shippingContact;
+    const addressLines = billingContact?.addressLines;
+
+    let line1: string | undefined = undefined;
+    let line2: string | undefined = undefined;
+
+    if (addressLines) {
+      line1 = addressLines[0];
+      line2 = addressLines[1];
+    }
+
+    const billingInfo = new BillingInfo({
+      streetAddress: line1,
+      extendedAddress: line2,
+      locality: billingContact?.locality,
+      region: billingContact?.administrativeArea,
+      postalCode: billingContact?.postalCode,
+      countryCodeAlpha2: billingContact?.countryCode,
+    });
+
+    const customerInfo = new CustomerInfo({
+      email: shippingContact?.emailAddress,
+      firstName: shippingContact?.givenName,
+      lastName: shippingContact?.familyName,
+    });
+
+    try {
+      const donationResponse = await this.braintreeManager.submitDonation({
+        nonce: payload.nonce,
+        paymentProvider: PaymentProvider.ApplePay,
+        donationInfo: this.donationInfo,
+        billingInfo: billingInfo,
+        customerInfo: customerInfo,
+      });
+      if (donationResponse.success) {
+        this.delegate?.paymentComplete(donationResponse);
+        this.session.completePayment(ApplePaySession.STATUS_SUCCESS);
+      } else {
+        this.delegate?.paymentFailed('Failure submitting data');
+        this.session.completePayment(ApplePaySession.STATUS_FAILURE);
+      }
+    } catch (err) {
+      this.delegate?.paymentFailed(err);
+      this.session.completePayment(ApplePaySession.STATUS_FAILURE);
+    }
+  }
+}

package/src/braintree-manager/payment-providers/apple-pay/apple-pay-session-manager.ts

@@ -1,21 +1,21 @@
-export interface ApplePaySessionManagerInterface {
-  canMakePayments(): boolean;
-  createNewPaymentSession(paymentRequest: ApplePayJS.ApplePayPaymentRequest): ApplePaySession;
-}
-
-export class ApplePaySessionManager implements ApplePaySessionManagerInterface {
-  static VERSION = 3;
-
-  canMakePayments(): boolean {
-    return (
-      'ApplePaySession' in window &&
-      ApplePaySession.supportsVersion(ApplePaySessionManager.VERSION) &&
-      ApplePaySession.canMakePayments()
-    );
-  }
-
-  createNewPaymentSession(paymentRequest: ApplePayJS.ApplePayPaymentRequest): ApplePaySession {
-    const session = new ApplePaySession(ApplePaySessionManager.VERSION, paymentRequest);
-    return session;
-  }
-}
+export interface ApplePaySessionManagerInterface {
+  canMakePayments(): boolean;
+  createNewPaymentSession(paymentRequest: ApplePayJS.ApplePayPaymentRequest): ApplePaySession;
+}
+
+export class ApplePaySessionManager implements ApplePaySessionManagerInterface {
+  static VERSION = 3;
+
+  canMakePayments(): boolean {
+    return (
+      'ApplePaySession' in window &&
+      ApplePaySession.supportsVersion(ApplePaySessionManager.VERSION) &&
+      ApplePaySession.canMakePayments()
+    );
+  }
+
+  createNewPaymentSession(paymentRequest: ApplePayJS.ApplePayPaymentRequest): ApplePaySession {
+    const session = new ApplePaySession(ApplePaySessionManager.VERSION, paymentRequest);
+    return session;
+  }
+}