@primer-io/react-native 2.29.0 → 2.30.1

package/src/HeadlessUniversalCheckout/Managers/PaymentMethodManagers/AchManager.ts

@@ -1,158 +1,154 @@
+import { NativeEventEmitter, NativeModules, EmitterSubscription } from 'react-native';
 import {
-    NativeEventEmitter,
-    NativeModules,
-    EmitterSubscription,
-} from 'react-native';
-import { PrimerComponentDataValidationError, PrimerInvalidComponentData, PrimerValidComponentData, PrimerValidatingComponentData } from 'src/models/PrimerComponentDataValidation';
+  PrimerComponentDataValidationError,
+  PrimerInvalidComponentData,
+  PrimerValidComponentData,
+  PrimerValidatingComponentData,
+} from 'src/models/PrimerComponentDataValidation';
 import { PrimerError } from 'src/models/PrimerError';
 import { EventType, eventTypes } from './Utils/EventType';
-import { AchStep, UserDetailsRetrieved } from 'src/models/ach/AchSteps';
+import { AchStep } from 'src/models/ach/AchSteps';
 import { AchValidatableData } from 'src/models/ach/AchCollectableData';
 
 const { RNTPrimerHeadlessUniversalCheckoutStripeAchUserDetailsComponent } = NativeModules;
 
 const eventEmitter = new NativeEventEmitter(RNTPrimerHeadlessUniversalCheckoutStripeAchUserDetailsComponent);
 export interface AchManagerProps {
-    paymentMethodType: string;
-    onStep?: (data: AchStep) => void;
-    onError?: (error: PrimerError) => void;
-    onInvalid?: (data: PrimerInvalidComponentData<AchValidatableData>) => void;
-    onValid?: (data: PrimerValidComponentData<AchValidatableData>) => void;
-    onValidating?: (data: PrimerValidatingComponentData<AchValidatableData>) => void;
-    onValidationError?: (data: PrimerComponentDataValidationError<AchValidatableData>) => void;
+  paymentMethodType: string;
+  onStep?: (data: AchStep) => void;
+  onError?: (error: PrimerError) => void;
+  onInvalid?: (data: PrimerInvalidComponentData<AchValidatableData>) => void;
+  onValid?: (data: PrimerValidComponentData<AchValidatableData>) => void;
+  onValidating?: (data: PrimerValidatingComponentData<AchValidatableData>) => void;
+  onValidationError?: (data: PrimerComponentDataValidationError<AchValidatableData>) => void;
 }
 
 export interface StripeAchUserDetailsComponent {
-    /**
-     * Starts the component, causing the {@link UserDetailsRetrieved} step
-     * to be emitted.
-     */
-    start(): Promise<void>;
-
-    /**
-     * Sets the customer's first name.
-     * @param value The customer's first name.
-     */
-    handleFirstNameChange(value: String): Promise<void>;
-
-    /**
-     * Sets the customer's last name.
-     * @param value The customer's last name.
-     */
-    handleLastNameChange(value: String): Promise<void>;
-
-    /**
-     * Sets the customer's email address.
-     * @param value The customer's email address.
-     */
-    handleEmailAddressChange(value: String): Promise<void>;
-
-    /**
-     * Submits the component, initiating the payment authorization process. 
-     * This function should only be called after setting the customer first name, 
-     * last name and email address.
-     */
-    submit(): Promise<void>;
+  /**
+   * Starts the component, causing the {@link UserDetailsRetrieved} step
+   * to be emitted.
+   */
+  start(): Promise<void>;
+
+  /**
+   * Sets the customer's first name.
+   * @param value The customer's first name.
+   */
+  handleFirstNameChange(value: String): Promise<void>;
+
+  /**
+   * Sets the customer's last name.
+   * @param value The customer's last name.
+   */
+  handleLastNameChange(value: String): Promise<void>;
+
+  /**
+   * Sets the customer's email address.
+   * @param value The customer's email address.
+   */
+  handleEmailAddressChange(value: String): Promise<void>;
+
+  /**
+   * Submits the component, initiating the payment authorization process.
+   * This function should only be called after setting the customer first name,
+   * last name and email address.
+   */
+  submit(): Promise<void>;
 }
 
 export class PrimerHeadlessUniversalCheckoutAchManager {
-    ///////////////////////////////////////////
-    // Init
-    ///////////////////////////////////////////
-    constructor() { }
-
-    ///////////////////////////////////////////
-    // API
-    ///////////////////////////////////////////
-
-    async provide(props: AchManagerProps): Promise<StripeAchUserDetailsComponent | any> {
-        await this.configureListeners(props);
-
-        if (props.paymentMethodType == "STRIPE_ACH") {
-            const component: StripeAchUserDetailsComponent = {
-                start: async () => {
-                    RNTPrimerHeadlessUniversalCheckoutStripeAchUserDetailsComponent.start();
-                },
-                submit: async () => {
-                    RNTPrimerHeadlessUniversalCheckoutStripeAchUserDetailsComponent.submit();
-                },
-                handleFirstNameChange: async (value: String) => {
-                    RNTPrimerHeadlessUniversalCheckoutStripeAchUserDetailsComponent.onSetFirstName(value);
-                },
-                handleLastNameChange: async (value: String) => {
-                    RNTPrimerHeadlessUniversalCheckoutStripeAchUserDetailsComponent.onSetLastName(value);
-                },
-                handleEmailAddressChange: async (value: String) => {
-                    RNTPrimerHeadlessUniversalCheckoutStripeAchUserDetailsComponent.onSetEmailAddress(value);
-                }
-            }
-            await RNTPrimerHeadlessUniversalCheckoutStripeAchUserDetailsComponent.configure();
-            return component;
-        } else {
-            return null;
-        }
+  ///////////////////////////////////////////
+  // Init
+  ///////////////////////////////////////////
+  constructor() {}
+
+  ///////////////////////////////////////////
+  // API
+  ///////////////////////////////////////////
+
+  async provide(props: AchManagerProps): Promise<StripeAchUserDetailsComponent | any> {
+    await this.configureListeners(props);
+
+    if (props.paymentMethodType === 'STRIPE_ACH') {
+      const component: StripeAchUserDetailsComponent = {
+        start: async () => {
+          RNTPrimerHeadlessUniversalCheckoutStripeAchUserDetailsComponent.start();
+        },
+        submit: async () => {
+          RNTPrimerHeadlessUniversalCheckoutStripeAchUserDetailsComponent.submit();
+        },
+        handleFirstNameChange: async (value: String) => {
+          RNTPrimerHeadlessUniversalCheckoutStripeAchUserDetailsComponent.onSetFirstName(value);
+        },
+        handleLastNameChange: async (value: String) => {
+          RNTPrimerHeadlessUniversalCheckoutStripeAchUserDetailsComponent.onSetLastName(value);
+        },
+        handleEmailAddressChange: async (value: String) => {
+          RNTPrimerHeadlessUniversalCheckoutStripeAchUserDetailsComponent.onSetEmailAddress(value);
+        },
+      };
+      await RNTPrimerHeadlessUniversalCheckoutStripeAchUserDetailsComponent.configure();
+      return component;
+    } else {
+      return null;
     }
+  }
 
-    private async configureListeners(props: AchManagerProps): Promise<void> {
-        if (props?.onStep) {
-            this.addListener('onStep', (data) => {
-                props.onStep?.(data);
-            });
-        }
-
-        if (props?.onInvalid) {
-            this.addListener('onInvalid', (data) => {
-                props.onInvalid?.(data);
-            });
-        }
-
-        if (props?.onError) {
-            this.addListener('onError', (data) => {
-                props.onError?.(data);
-            });
-        }
-
-        if (props?.onValid) {
-            this.addListener('onValid', (data) => {
-                props.onValid?.(data);
-            });
-        }
-
-        if (props?.onValidating) {
-            this.addListener('onValidating', (data) => {
-                props.onValidating?.(data);
-            });
-        }
-
-        if (props?.onValidationError) {
-            this.addListener('onValidationError', (data) => {
-                props.onValidationError?.(data);
-            });
-        }
+  private async configureListeners(props: AchManagerProps): Promise<void> {
+    if (props?.onStep) {
+      this.addListener('onStep', (data) => {
+        props.onStep?.(data);
+      });
     }
 
-    ///////////////////////////////////////////
-    // HELPERS
-    ///////////////////////////////////////////
+    if (props?.onInvalid) {
+      this.addListener('onInvalid', (data) => {
+        props.onInvalid?.(data);
+      });
+    }
 
-    async addListener(
-        eventType: EventType,
-        listener: (...args: any[]) => any
-    ): Promise<EmitterSubscription> {
-        return eventEmitter.addListener(eventType, listener);
+    if (props?.onError) {
+      this.addListener('onError', (data) => {
+        props.onError?.(data);
+      });
     }
 
-    removeListener(subscription: EmitterSubscription): void {
-        return subscription.remove();
+    if (props?.onValid) {
+      this.addListener('onValid', (data) => {
+        props.onValid?.(data);
+      });
     }
 
-    removeAllListenersForEvent(eventType: EventType) {
-        eventEmitter.removeAllListeners(eventType);
+    if (props?.onValidating) {
+      this.addListener('onValidating', (data) => {
+        props.onValidating?.(data);
+      });
     }
 
-    removeAllListeners() {
-        eventTypes.forEach((eventType) =>
-            this.removeAllListenersForEvent(eventType)
-        );
+    if (props?.onValidationError) {
+      this.addListener('onValidationError', (data) => {
+        props.onValidationError?.(data);
+      });
     }
-}
+  }
+
+  ///////////////////////////////////////////
+  // HELPERS
+  ///////////////////////////////////////////
+
+  async addListener(eventType: EventType, listener: (...args: any[]) => any): Promise<EmitterSubscription> {
+    return eventEmitter.addListener(eventType, listener);
+  }
+
+  removeListener(subscription: EmitterSubscription): void {
+    return subscription.remove();
+  }
+
+  removeAllListenersForEvent(eventType: EventType) {
+    eventEmitter.removeAllListeners(eventType);
+  }
+
+  removeAllListeners() {
+    eventTypes.forEach((eventType) => this.removeAllListenersForEvent(eventType));
+  }
+}

package/src/HeadlessUniversalCheckout/Managers/PaymentMethodManagers/AchMandateManager.ts

@@ -1,32 +1,30 @@
-import {
-    NativeModules
-} from 'react-native';
+import { NativeModules } from 'react-native';
 
 const { RNTAchMandateManager } = NativeModules;
 
 export class PrimerHeadlessUniversalCheckoutAchMandateManager {
-    ///////////////////////////////////////////
-    // Init
-    ///////////////////////////////////////////
-    constructor() { }
+  ///////////////////////////////////////////
+  // Init
+  ///////////////////////////////////////////
+  constructor() {}
 
-    ///////////////////////////////////////////
-    // API
-    ///////////////////////////////////////////
+  ///////////////////////////////////////////
+  // API
+  ///////////////////////////////////////////
 
-    /**
-     * Accepts the ACH mandate, completing the payment.
-     */
-    async acceptMandate(): Promise<void> {
-        console.log("Accepting mandate");
-        await RNTAchMandateManager.acceptMandate();
-    }
+  /**
+   * Accepts the ACH mandate, completing the payment.
+   */
+  async acceptMandate(): Promise<void> {
+    console.log('Accepting mandate');
+    await RNTAchMandateManager.acceptMandate();
+  }
 
-    /**
-     * Declines the ACH mandate, cancelling the payment.
-     */
-    async declineMandate(): Promise<void> {
-        console.log("Declining mandate");
-        await RNTAchMandateManager.declineMandate();
-    }
-}
+  /**
+   * Declines the ACH mandate, cancelling the payment.
+   */
+  async declineMandate(): Promise<void> {
+    console.log('Declining mandate');
+    await RNTAchMandateManager.declineMandate();
+  }
+}

package/src/HeadlessUniversalCheckout/Managers/PaymentMethodManagers/ComponentWithRedirectManager.ts

@@ -1,22 +1,18 @@
-import {
-  NativeEventEmitter,
-  NativeModules,
-  EmitterSubscription,
-} from 'react-native';
+import { NativeEventEmitter, NativeModules, EmitterSubscription } from 'react-native';
 import { BanksValidatableData } from 'src/models/banks/BanksCollectableData';
-import { NamedComponentStep } from 'src/models/NamedComponentStep';
-import { IssuingBank } from 'src/models/IssuingBank';
-import { PrimerComponentDataValidationError, PrimerInvalidComponentData, PrimerValidComponentData, PrimerValidatingComponentData } from 'src/models/PrimerComponentDataValidation';
+import {
+  PrimerComponentDataValidationError,
+  PrimerInvalidComponentData,
+  PrimerValidComponentData,
+  PrimerValidatingComponentData,
+} from 'src/models/PrimerComponentDataValidation';
 import { PrimerError } from 'src/models/PrimerError';
 import { BanksStep } from 'src/models/banks/BanksSteps';
 import { EventType, eventTypes } from './Utils/EventType';
 
-const { RNTPrimerHeadlessUniversalCheckoutBanksComponent } =
-  NativeModules;
+const { RNTPrimerHeadlessUniversalCheckoutBanksComponent } = NativeModules;
 
-const eventEmitter = new NativeEventEmitter(
-  RNTPrimerHeadlessUniversalCheckoutBanksComponent
-);
+const eventEmitter = new NativeEventEmitter(RNTPrimerHeadlessUniversalCheckoutBanksComponent);
 
 export interface ComponentWithRedirectManagerProps {
   paymentMethodType: string;
@@ -30,10 +26,10 @@ export interface ComponentWithRedirectManagerProps {
 
 export interface BanksComponent {
   /**
-   * Starts the component, causing step emissions. 
-   * First, with a {@link NamedComponentStep} instance  where 
-   * {@link NamedComponentStep.name} has a value of 'loading', followed 
-   * by another emission that contains the list of banks in the form of an 
+   * Starts the component, causing step emissions.
+   * First, with a {@link NamedComponentStep} instance  where
+   * {@link NamedComponentStep.name} has a value of 'loading', followed
+   * by another emission that contains the list of banks in the form of an
    * {@link IssuingBank} array.
    */
   start(): Promise<void>;
@@ -71,8 +67,8 @@ export interface BanksComponent {
   handleBankFilterChange(filter: string): Promise<void>;
 
   /**
-   * Submits the component, triggering tokenization and a redirect to the 
-   * bank's page for finalizing the payment. This function should only be 
+   * Submits the component, triggering tokenization and a redirect to the
+   * bank's page for finalizing the payment. This function should only be
    * called after selecting a bank via {@link handleBankChange}.
    */
   submit(): Promise<void>;
@@ -82,7 +78,7 @@ export class PrimerHeadlessUniversalCheckoutComponentWithRedirectManager {
   ///////////////////////////////////////////
   // Init
   ///////////////////////////////////////////
-  constructor() { }
+  constructor() {}
 
   ///////////////////////////////////////////
   // API
@@ -91,7 +87,7 @@ export class PrimerHeadlessUniversalCheckoutComponentWithRedirectManager {
   async provide(props: ComponentWithRedirectManagerProps): Promise<BanksComponent | any> {
     await this.configureListeners(props);
 
-    if (props.paymentMethodType == "ADYEN_IDEAL") {
+    if (props.paymentMethodType === 'ADYEN_IDEAL') {
       const banksComponent: BanksComponent = {
         start: async () => {
           RNTPrimerHeadlessUniversalCheckoutBanksComponent.start();
@@ -111,7 +107,7 @@ export class PrimerHeadlessUniversalCheckoutComponentWithRedirectManager {
         handleBankChange: async (bankId: String) => {
           RNTPrimerHeadlessUniversalCheckoutBanksComponent.onBankSelected(bankId);
         },
-      }
+      };
       await RNTPrimerHeadlessUniversalCheckoutBanksComponent.configure(props.paymentMethodType);
       return banksComponent;
     } else {
@@ -161,10 +157,7 @@ export class PrimerHeadlessUniversalCheckoutComponentWithRedirectManager {
   // HELPERS
   ///////////////////////////////////////////
 
-  async addListener(
-    eventType: EventType,
-    listener: (...args: any[]) => any
-  ): Promise<EmitterSubscription> {
+  async addListener(eventType: EventType, listener: (...args: any[]) => any): Promise<EmitterSubscription> {
     return eventEmitter.addListener(eventType, listener);
   }
 
@@ -177,8 +170,6 @@ export class PrimerHeadlessUniversalCheckoutComponentWithRedirectManager {
   }
 
   removeAllListeners() {
-    eventTypes.forEach((eventType) =>
-      this.removeAllListenersForEvent(eventType)
-    );
+    eventTypes.forEach((eventType) => this.removeAllListenersForEvent(eventType));
   }
-}
+}