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

package/src/braintree-manager/payment-providers/credit-card/hosted-field-container.ts

@@ -1,85 +1,85 @@
-import { BadgedInput } from '../../../form-elements/badged-input';
-
-export enum HostedFieldName {
-  Number = 'number',
-  CVV = 'cvv',
-  ExpirationDate = 'expirationDate',
-}
-
-export interface HostedFieldContainerInterface {
-  fieldFor(field: HostedFieldName): HTMLDivElement;
-  markFieldErrors(fields: HostedFieldName[]): void;
-  removeFieldErrors(fields: HostedFieldName[]): void;
-  showErrorMessage(message?: string): void;
-  hideErrorMessage(): void;
-  /**
-   * Reset the hosted fields to retry in case of timeout
-   */
-  resetHostedFields(): void;
-}
-
-export class HostedFieldContainer implements HostedFieldContainerInterface {
-  private number: HTMLDivElement;
-
-  private cvv: HTMLDivElement;
-
-  private expirationDate: HTMLDivElement;
-
-  private errorContainer: HTMLDivElement;
-
-  fieldFor(field: HostedFieldName): HTMLDivElement {
-    switch (field) {
-      case HostedFieldName.Number:
-        return this.number;
-      case HostedFieldName.CVV:
-        return this.cvv;
-      case HostedFieldName.ExpirationDate:
-        return this.expirationDate;
-    }
-  }
-
-  markFieldErrors(fields: HostedFieldName[]): void {
-    fields.forEach(field => {
-      const input = this.fieldFor(field);
-      (input.parentElement as BadgedInput).error = true;
-    });
-  }
-
-  removeFieldErrors(fields: HostedFieldName[]): void {
-    fields.forEach(field => {
-      const input = this.fieldFor(field);
-      (input.parentElement as BadgedInput).error = false;
-    });
-  }
-
-  showErrorMessage(message?: string): void {
-    const error = message ?? 'Some payment information below is missing or incorrect.';
-    this.errorContainer.innerHTML = error;
-    this.errorContainer.style.display = 'block';
-  }
-
-  hideErrorMessage(): void {
-    this.errorContainer.style.display = 'none';
-  }
-
-  resetHostedFields(): void {
-    const elements = [this.number, this.cvv, this.expirationDate];
-    elements.forEach(element => {
-      while (element.firstChild) {
-        element.firstChild.remove();
-      }
-    });
-  }
-
-  constructor(options: {
-    number: HTMLDivElement;
-    cvv: HTMLDivElement;
-    expirationDate: HTMLDivElement;
-    errorContainer: HTMLDivElement;
-  }) {
-    this.number = options.number;
-    this.cvv = options.cvv;
-    this.expirationDate = options.expirationDate;
-    this.errorContainer = options.errorContainer;
-  }
-}
+import { BadgedInput } from '../../../form-elements/badged-input';
+
+export enum HostedFieldName {
+  Number = 'number',
+  CVV = 'cvv',
+  ExpirationDate = 'expirationDate',
+}
+
+export interface HostedFieldContainerInterface {
+  fieldFor(field: HostedFieldName): HTMLDivElement;
+  markFieldErrors(fields: HostedFieldName[]): void;
+  removeFieldErrors(fields: HostedFieldName[]): void;
+  showErrorMessage(message?: string): void;
+  hideErrorMessage(): void;
+  /**
+   * Reset the hosted fields to retry in case of timeout
+   */
+  resetHostedFields(): void;
+}
+
+export class HostedFieldContainer implements HostedFieldContainerInterface {
+  private number: HTMLDivElement;
+
+  private cvv: HTMLDivElement;
+
+  private expirationDate: HTMLDivElement;
+
+  private errorContainer: HTMLDivElement;
+
+  fieldFor(field: HostedFieldName): HTMLDivElement {
+    switch (field) {
+      case HostedFieldName.Number:
+        return this.number;
+      case HostedFieldName.CVV:
+        return this.cvv;
+      case HostedFieldName.ExpirationDate:
+        return this.expirationDate;
+    }
+  }
+
+  markFieldErrors(fields: HostedFieldName[]): void {
+    fields.forEach(field => {
+      const input = this.fieldFor(field);
+      (input.parentElement as BadgedInput).error = true;
+    });
+  }
+
+  removeFieldErrors(fields: HostedFieldName[]): void {
+    fields.forEach(field => {
+      const input = this.fieldFor(field);
+      (input.parentElement as BadgedInput).error = false;
+    });
+  }
+
+  showErrorMessage(message?: string): void {
+    const error = message ?? 'Some payment information below is missing or incorrect.';
+    this.errorContainer.innerHTML = error;
+    this.errorContainer.style.display = 'block';
+  }
+
+  hideErrorMessage(): void {
+    this.errorContainer.style.display = 'none';
+  }
+
+  resetHostedFields(): void {
+    const elements = [this.number, this.cvv, this.expirationDate];
+    elements.forEach(element => {
+      while (element.firstChild) {
+        element.firstChild.remove();
+      }
+    });
+  }
+
+  constructor(options: {
+    number: HTMLDivElement;
+    cvv: HTMLDivElement;
+    expirationDate: HTMLDivElement;
+    errorContainer: HTMLDivElement;
+  }) {
+    this.number = options.number;
+    this.cvv = options.cvv;
+    this.expirationDate = options.expirationDate;
+    this.errorContainer = options.errorContainer;
+  }
+}

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

@@ -1,8 +1,8 @@
-import { PromisedSingleton } from '@internetarchive/promised-singleton';
-
-export interface GooglePayHandlerInterface {
-  paymentsClient: google.payments.api.PaymentsClient;
-  instance: PromisedSingleton<braintree.GooglePayment>;
-
-  isBrowserSupported(): Promise<boolean>;
-}
+import { PromisedSingleton } from '@internetarchive/promised-singleton';
+
+export interface GooglePayHandlerInterface {
+  paymentsClient: google.payments.api.PaymentsClient;
+  instance: PromisedSingleton<braintree.GooglePayment>;
+
+  isBrowserSupported(): Promise<boolean>;
+}

package/src/braintree-manager/payment-providers/google-pay.ts

@@ -1,59 +1,59 @@
-import { PromisedSingleton } from '@internetarchive/promised-singleton';
-
-import { BraintreeManagerInterface } from '../braintree-interfaces';
-import { GooglePayHandlerInterface } from './google-pay-interface';
-
-export class GooglePayHandler implements GooglePayHandlerInterface {
-  paymentsClient: google.payments.api.PaymentsClient;
-
-  instance: PromisedSingleton<braintree.GooglePayment>;
-
-  async isBrowserSupported(): Promise<boolean> {
-    return this.paymentsClient
-      .isReadyToPay({
-        // see https://developers.google.com/pay/api/web/reference/object#IsReadyToPayRequest for all options
-        apiVersion: 2,
-        apiVersionMinor: 0,
-        allowedPaymentMethods: [
-          {
-            type: 'CARD',
-            parameters: {
-              allowedAuthMethods: ['PAN_ONLY'],
-              allowedCardNetworks: ['AMEX', 'DISCOVER', 'INTERAC', 'JCB', 'MASTERCARD', 'VISA'],
-            },
-          },
-        ],
-        existingPaymentMethodRequired: false,
-      })
-      .then(isReadyToPay => isReadyToPay.result);
-  }
-
-  constructor(options: {
-    braintreeManager: BraintreeManagerInterface;
-    googlePayMerchantId?: string;
-    googlePayBraintreeClient: braintree.GooglePayment;
-    googlePaymentsClient: google.payments.api.PaymentsClient;
-  }) {
-    this.braintreeManager = options.braintreeManager;
-    this.googlePayMerchantId = options.googlePayMerchantId;
-    this.googlePayBraintreeClient = options.googlePayBraintreeClient;
-    this.paymentsClient = options.googlePaymentsClient;
-
-    this.instance = new PromisedSingleton<braintree.GooglePayment>({
-      generator: (): Promise<braintree.GooglePayment> =>
-        this.braintreeManager.instance.get().then((braintreeInstance: braintree.Client) => {
-          return this.googlePayBraintreeClient.create({
-            client: braintreeInstance,
-            googlePayVersion: 2,
-            googleMerchantId: this.googlePayMerchantId,
-          });
-        }),
-    });
-  }
-
-  private braintreeManager: BraintreeManagerInterface;
-
-  private googlePayMerchantId?: string;
-
-  private googlePayBraintreeClient: braintree.GooglePayment;
-}
+import { PromisedSingleton } from '@internetarchive/promised-singleton';
+
+import { BraintreeManagerInterface } from '../braintree-interfaces';
+import { GooglePayHandlerInterface } from './google-pay-interface';
+
+export class GooglePayHandler implements GooglePayHandlerInterface {
+  paymentsClient: google.payments.api.PaymentsClient;
+
+  instance: PromisedSingleton<braintree.GooglePayment>;
+
+  async isBrowserSupported(): Promise<boolean> {
+    return this.paymentsClient
+      .isReadyToPay({
+        // see https://developers.google.com/pay/api/web/reference/object#IsReadyToPayRequest for all options
+        apiVersion: 2,
+        apiVersionMinor: 0,
+        allowedPaymentMethods: [
+          {
+            type: 'CARD',
+            parameters: {
+              allowedAuthMethods: ['PAN_ONLY'],
+              allowedCardNetworks: ['AMEX', 'DISCOVER', 'INTERAC', 'JCB', 'MASTERCARD', 'VISA'],
+            },
+          },
+        ],
+        existingPaymentMethodRequired: false,
+      })
+      .then(isReadyToPay => isReadyToPay.result);
+  }
+
+  constructor(options: {
+    braintreeManager: BraintreeManagerInterface;
+    googlePayMerchantId?: string;
+    googlePayBraintreeClient: braintree.GooglePayment;
+    googlePaymentsClient: google.payments.api.PaymentsClient;
+  }) {
+    this.braintreeManager = options.braintreeManager;
+    this.googlePayMerchantId = options.googlePayMerchantId;
+    this.googlePayBraintreeClient = options.googlePayBraintreeClient;
+    this.paymentsClient = options.googlePaymentsClient;
+
+    this.instance = new PromisedSingleton<braintree.GooglePayment>({
+      generator: (): Promise<braintree.GooglePayment> =>
+        this.braintreeManager.instance.get().then((braintreeInstance: braintree.Client) => {
+          return this.googlePayBraintreeClient.create({
+            client: braintreeInstance,
+            googlePayVersion: 2,
+            googleMerchantId: this.googlePayMerchantId,
+          });
+        }),
+    });
+  }
+
+  private braintreeManager: BraintreeManagerInterface;
+
+  private googlePayMerchantId?: string;
+
+  private googlePayBraintreeClient: braintree.GooglePayment;
+}