@primer-io/react-native 0.15.4 → 0.16.0

package/lib/module/headless_checkout/PrimerHeadlessUniversalCheckout.js

@@ -0,0 +1,100 @@
+import NativePrimerHeadlessUniversalCheckout from './NativePrimerHeadlessUniversalCheckout';
+let callbacks;
+
+class PrimerHeadlessUniversalCheckoutClass {
+  ///////////////////////////////////////////
+  // Init
+  ///////////////////////////////////////////
+  constructor() {}
+
+  configureListeners() {
+    NativePrimerHeadlessUniversalCheckout.removeAllListeners();
+    NativePrimerHeadlessUniversalCheckout.addListener('preparationStarted', () => {
+      var _callbacks, _callbacks$onPreparat;
+
+      console.log('preparationStarted');
+      (_callbacks = callbacks) === null || _callbacks === void 0 ? void 0 : (_callbacks$onPreparat = _callbacks.onPreparationStarted) === null || _callbacks$onPreparat === void 0 ? void 0 : _callbacks$onPreparat.call(_callbacks);
+    });
+    NativePrimerHeadlessUniversalCheckout.addListener('paymentMethodPresented', () => {
+      var _callbacks2, _callbacks2$onPayment;
+
+      console.log('paymentMethodPresented');
+      (_callbacks2 = callbacks) === null || _callbacks2 === void 0 ? void 0 : (_callbacks2$onPayment = _callbacks2.onPaymentMethodPresented) === null || _callbacks2$onPayment === void 0 ? void 0 : _callbacks2$onPayment.call(_callbacks2);
+    });
+    NativePrimerHeadlessUniversalCheckout.addListener('tokenizationStarted', () => {
+      var _callbacks3, _callbacks3$onTokeniz;
+
+      console.log('tokenizationStarted');
+      (_callbacks3 = callbacks) === null || _callbacks3 === void 0 ? void 0 : (_callbacks3$onTokeniz = _callbacks3.onTokenizeStart) === null || _callbacks3$onTokeniz === void 0 ? void 0 : _callbacks3$onTokeniz.call(_callbacks3);
+    });
+    NativePrimerHeadlessUniversalCheckout.addListener('tokenizationSucceeded', data => {
+      console.log('tokenizationSucceeded', data);
+
+      if (data.paymentMethodToken) {
+        var _callbacks4, _callbacks4$onTokeniz;
+
+        const paymentMethodTokenObj = JSON.parse(data.paymentMethodToken);
+        (_callbacks4 = callbacks) === null || _callbacks4 === void 0 ? void 0 : (_callbacks4$onTokeniz = _callbacks4.onTokenizeSuccess) === null || _callbacks4$onTokeniz === void 0 ? void 0 : _callbacks4$onTokeniz.call(_callbacks4, paymentMethodTokenObj);
+      } else {
+        var _callbacks5, _callbacks5$onFailure;
+
+        const err = {
+          name: 'ParseJsonFailed',
+          description: 'Failed to parse payment method token'
+        }; //@ts-ignore
+
+        (_callbacks5 = callbacks) === null || _callbacks5 === void 0 ? void 0 : (_callbacks5$onFailure = _callbacks5.onFailure) === null || _callbacks5$onFailure === void 0 ? void 0 : _callbacks5$onFailure.call(_callbacks5, err);
+      }
+    });
+    NativePrimerHeadlessUniversalCheckout.addListener('resume', data => {
+      var _callbacks6, _callbacks6$onResumeS;
+
+      console.log('resume', data);
+      (_callbacks6 = callbacks) === null || _callbacks6 === void 0 ? void 0 : (_callbacks6$onResumeS = _callbacks6.onResumeSuccess) === null || _callbacks6$onResumeS === void 0 ? void 0 : _callbacks6$onResumeS.call(_callbacks6, data.resumeToken);
+    });
+    NativePrimerHeadlessUniversalCheckout.addListener('error', data => {
+      var _callbacks7, _callbacks7$onFailure;
+
+      console.log('error', data);
+      (_callbacks7 = callbacks) === null || _callbacks7 === void 0 ? void 0 : (_callbacks7$onFailure = _callbacks7.onFailure) === null || _callbacks7$onFailure === void 0 ? void 0 : _callbacks7$onFailure.call(_callbacks7, data.error);
+    });
+  } ///////////////////////////////////////////
+  // API
+  ///////////////////////////////////////////
+
+
+  startWithClientToken(clientToken, settings) {
+    // Copy callback
+    callbacks = {
+      onPreparationStarted: settings.onPreparationStarted,
+      onPaymentMethodPresented: settings.onPaymentMethodPresented,
+      onTokenizeStart: settings.onTokenizeStart,
+      onTokenizeSuccess: settings.onTokenizeSuccess,
+      onResumeSuccess: settings.onResumeSuccess,
+      onFailure: settings.onFailure
+    };
+    return NativePrimerHeadlessUniversalCheckout.startWithClientToken(clientToken, settings);
+  }
+
+  showPaymentMethod(paymentMethod) {
+    this.configureListeners();
+    return NativePrimerHeadlessUniversalCheckout.showPaymentMethod(paymentMethod);
+  }
+
+  resumeWithClientToken(resumeToken) {
+    return NativePrimerHeadlessUniversalCheckout.resumeWithClientToken(resumeToken);
+  }
+
+  getAssetForPaymentMethod(paymentMethodType, assetType) {
+    return NativePrimerHeadlessUniversalCheckout.getAssetForPaymentMethod(paymentMethodType, assetType);
+  }
+
+  getAssetForCardNetwork(cardNetwork, assetType) {
+    return NativePrimerHeadlessUniversalCheckout.getAssetForCardNetwork(cardNetwork, assetType);
+  }
+
+}
+
+const PrimerHeadlessUniversalCheckout = new PrimerHeadlessUniversalCheckoutClass();
+export default PrimerHeadlessUniversalCheckout;
+//# sourceMappingURL=PrimerHeadlessUniversalCheckout.js.map

package/lib/module/headless_checkout/PrimerHeadlessUniversalCheckout.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["PrimerHeadlessUniversalCheckout.ts"],"names":["NativePrimerHeadlessUniversalCheckout","callbacks","PrimerHeadlessUniversalCheckoutClass","constructor","configureListeners","removeAllListeners","addListener","console","log","onPreparationStarted","onPaymentMethodPresented","onTokenizeStart","data","paymentMethodToken","paymentMethodTokenObj","JSON","parse","onTokenizeSuccess","err","name","description","onFailure","onResumeSuccess","resumeToken","error","startWithClientToken","clientToken","settings","showPaymentMethod","paymentMethod","resumeWithClientToken","getAssetForPaymentMethod","paymentMethodType","assetType","getAssetForCardNetwork","cardNetwork","PrimerHeadlessUniversalCheckout"],"mappings":"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","sourcesContent":["import type { PaymentInstrumentToken } from 'src/models/payment-instrument-token';\nimport type { PrimerError } from 'src/models/primer-error';\nimport type { PrimerSettings } from 'src/models/primer-settings';\nimport NativePrimerHeadlessUniversalCheckout from './NativePrimerHeadlessUniversalCheckout';\nimport type {\n  PrimerHeadlessUniversalCheckoutStartResponse,\n  PrimerHeadlessUniversalCheckoutCallbacks,\n} from './types';\n\nlet callbacks: PrimerHeadlessUniversalCheckoutCallbacks | undefined;\n\nclass PrimerHeadlessUniversalCheckoutClass {\n\n  ///////////////////////////////////////////\n  // Init\n  ///////////////////////////////////////////\n  constructor() {\n\n  }\n\n  private configureListeners() {\n    NativePrimerHeadlessUniversalCheckout.removeAllListeners();\n\n    NativePrimerHeadlessUniversalCheckout.addListener(\n      'preparationStarted',\n      () => {\n        console.log('preparationStarted');\n        callbacks?.onPreparationStarted?.();\n      }\n    );\n\n    NativePrimerHeadlessUniversalCheckout.addListener(\n      'paymentMethodPresented',\n      () => {\n        console.log('paymentMethodPresented');\n        callbacks?.onPaymentMethodPresented?.();\n      }\n    );\n\n    NativePrimerHeadlessUniversalCheckout.addListener(\n      'tokenizationStarted',\n      () => {\n        console.log('tokenizationStarted');\n        callbacks?.onTokenizeStart?.();\n      }\n    );\n\n    NativePrimerHeadlessUniversalCheckout.addListener(\n      'tokenizationSucceeded',\n      (data) => {\n        console.log('tokenizationSucceeded', data);\n\n        if (data.paymentMethodToken) {\n          const paymentMethodTokenObj: PaymentInstrumentToken = JSON.parse(\n            data.paymentMethodToken\n          );\n          callbacks?.onTokenizeSuccess?.(paymentMethodTokenObj);\n        } else {\n          const err: PrimerError = {\n            name: 'ParseJsonFailed',\n            description: 'Failed to parse payment method token',\n          };\n          //@ts-ignore\n          callbacks?.onFailure?.(err);\n        }\n      }\n    );\n\n    NativePrimerHeadlessUniversalCheckout.addListener('resume', (data) => {\n      console.log('resume', data);\n      callbacks?.onResumeSuccess?.(data.resumeToken);\n    });\n\n    NativePrimerHeadlessUniversalCheckout.addListener('error', (data) => {\n      console.log('error', data);\n      callbacks?.onFailure?.(data.error);\n    });\n  }\n\n  ///////////////////////////////////////////\n  // API\n  ///////////////////////////////////////////\n  startWithClientToken(\n    clientToken: string,\n    settings: PrimerSettings & PrimerHeadlessUniversalCheckoutCallbacks\n  ): Promise<PrimerHeadlessUniversalCheckoutStartResponse> {\n    // Copy callback\n    callbacks = {\n      onPreparationStarted: settings.onPreparationStarted,\n      onPaymentMethodPresented: settings.onPaymentMethodPresented,\n      onTokenizeStart: settings.onTokenizeStart,\n      onTokenizeSuccess: settings.onTokenizeSuccess,\n      onResumeSuccess: settings.onResumeSuccess,\n      onFailure: settings.onFailure,\n    };\n\n    return NativePrimerHeadlessUniversalCheckout.startWithClientToken(\n      clientToken,\n      settings\n    );\n  }\n\n  showPaymentMethod(paymentMethod: string) {\n    this.configureListeners();\n\n    return NativePrimerHeadlessUniversalCheckout.showPaymentMethod(\n      paymentMethod\n    );\n  }\n\n  resumeWithClientToken(resumeToken: string) {\n    return NativePrimerHeadlessUniversalCheckout.resumeWithClientToken(\n      resumeToken\n    );\n  }\n\n  getAssetForPaymentMethod(\n    paymentMethodType: string,\n    assetType: 'logo' | 'icon'\n  ): Promise<string> {\n    return NativePrimerHeadlessUniversalCheckout.getAssetForPaymentMethod(\n      paymentMethodType,\n      assetType\n    );\n  }\n\n  getAssetForCardNetwork(\n    cardNetwork: string,\n    assetType: 'logo' | 'icon'\n  ): Promise<string> {\n    return NativePrimerHeadlessUniversalCheckout.getAssetForCardNetwork(\n      cardNetwork,\n      assetType\n    );\n  }\n}\n\nconst PrimerHeadlessUniversalCheckout = new PrimerHeadlessUniversalCheckoutClass();\n\nexport default PrimerHeadlessUniversalCheckout;\n"]}

package/lib/module/headless_checkout/types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.js.map

package/lib/module/headless_checkout/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}

package/lib/module/index.js

@@ -1,5 +1,6 @@
-import { PrimerNativeMapping } from './Primer'; // import type { IPrimerConfig as PrimerConfig } from './models/primer-config';
-
+import PrimerHeadlessUniversalCheckout from './headless_checkout/PrimerHeadlessUniversalCheckout';
+import { PrimerNativeMapping } from './Primer';
+export * from './PrimerInput';
 const Primer = PrimerNativeMapping;
-export { Primer };
+export { Primer, PrimerHeadlessUniversalCheckout as HeadlessUniversalCheckout };
 //# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.tsx"],"names":["PrimerNativeMapping","Primer"],"mappings":"AACA,SAASA,mBAAT,QAAoC,UAApC,C,CACA;;AAEA,MAAMC,MAAe,GAAGD,mBAAxB;AAEA,SAASC,MAAT","sourcesContent":["import type { IPrimer } from './models/primer';\nimport { PrimerNativeMapping } from './Primer';\n// import type { IPrimerConfig as PrimerConfig } from './models/primer-config';\n\nconst Primer: IPrimer = PrimerNativeMapping;\n\nexport { Primer };\n"]}
+{"version":3,"sources":["index.tsx"],"names":["PrimerHeadlessUniversalCheckout","PrimerNativeMapping","Primer","HeadlessUniversalCheckout"],"mappings":"AAAA,OAAOA,+BAAP,MAA4C,qDAA5C;AAEA,SAASC,mBAAT,QAAoC,UAApC;AACA,cAAc,eAAd;AAEA,MAAMC,MAAe,GAAGD,mBAAxB;AAEA,SAASC,MAAT,EAAiBF,+BAA+B,IAAIG,yBAApD","sourcesContent":["import PrimerHeadlessUniversalCheckout from './headless_checkout/PrimerHeadlessUniversalCheckout';\nimport type { IPrimer } from './models/primer';\nimport { PrimerNativeMapping } from './Primer';\nexport * from './PrimerInput';\n\nconst Primer: IPrimer = PrimerNativeMapping;\n\nexport { Primer, PrimerHeadlessUniversalCheckout as HeadlessUniversalCheckout };\n"]}

package/lib/module/models/primer-callbacks.js

@@ -1,2 +1,2 @@
-
+export {};
 //# sourceMappingURL=primer-callbacks.js.map

package/lib/module/models/primer-config.js

@@ -1,2 +1,2 @@
-
+export {};
 //# sourceMappingURL=primer-config.js.map

package/lib/module/models/primer-settings.js

@@ -1,2 +1,2 @@
-
+export {};
 //# sourceMappingURL=primer-settings.js.map

package/lib/module/models/primer.js

@@ -1,2 +1,2 @@
-
+export {};
 //# sourceMappingURL=primer.js.map

package/lib/typescript/PrimerInput.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { ViewProps } from 'react-native';
+export declare const PrimerCardNumberEditTextRaw: import("react-native").HostComponent<{}>;
+declare type PrimerCardNumberEditTextProps = ViewProps;
+export declare const PrimerCardNumberEditText: React.FC<PrimerCardNumberEditTextProps>;
+export declare const PrimerCardholderNameEditTextRaw: import("react-native").HostComponent<{}>;
+declare type PrimerCardholderNameEditTextProps = ViewProps;
+export declare const PrimerCardholderNameEditText: React.FC<PrimerCardholderNameEditTextProps>;
+export declare const PrimerExpiryEditTextRaw: import("react-native").HostComponent<{}>;
+declare type PrimerExpiryEditTextProps = ViewProps;
+export declare const PrimerExpiryEditText: React.FC<PrimerExpiryEditTextProps>;
+export declare const PrimerCvvEditTextRaw: import("react-native").HostComponent<{}>;
+declare type PrimerCvvEditTextProps = ViewProps;
+export declare const PrimerCvvEditText: React.FC<PrimerCvvEditTextProps>;
+export {};

package/lib/typescript/RNTPrimerHeadlessUniversalCheckoutCardFormUIManager.d.ts

@@ -0,0 +1 @@
+export declare const PrimerHeadlessUniversalCheckoutCardFormUIManager: any;

package/lib/typescript/headless_checkout/NativePrimerHeadlessUniversalCheckout.d.ts

@@ -0,0 +1,13 @@
+declare type EventType = 'preparationStarted' | 'paymentMethodPresented' | 'tokenizationStarted' | 'tokenizationSucceeded' | 'resume' | 'error';
+declare const NativePrimerHeadlessUniversalCheckout: {
+    addListener: (eventType: EventType, listener: (...args: any[]) => any) => void;
+    removeListener: (eventType: EventType, listener: (...args: any[]) => any) => void;
+    removeAllListenersForEvent(eventType: EventType): void;
+    removeAllListeners(): void;
+    getAssetForPaymentMethod: (paymentMethodType: string, assetType: 'logo' | 'icon') => Promise<string>;
+    getAssetForCardNetwork: (cardNetwork: string, assetType: 'logo' | 'icon') => Promise<string>;
+    startWithClientToken(clientToken: string, settings: any): Promise<any>;
+    showPaymentMethod: (paymentMethod: string) => Promise<void>;
+    resumeWithClientToken(resumeToken: string): void;
+};
+export default NativePrimerHeadlessUniversalCheckout;

package/lib/typescript/headless_checkout/PrimerHeadlessUniversalCheckout.d.ts

@@ -0,0 +1,13 @@
+import type { PrimerSettings } from 'src/models/primer-settings';
+import type { PrimerHeadlessUniversalCheckoutStartResponse, PrimerHeadlessUniversalCheckoutCallbacks } from './types';
+declare class PrimerHeadlessUniversalCheckoutClass {
+    constructor();
+    private configureListeners;
+    startWithClientToken(clientToken: string, settings: PrimerSettings & PrimerHeadlessUniversalCheckoutCallbacks): Promise<PrimerHeadlessUniversalCheckoutStartResponse>;
+    showPaymentMethod(paymentMethod: string): Promise<void>;
+    resumeWithClientToken(resumeToken: string): void;
+    getAssetForPaymentMethod(paymentMethodType: string, assetType: 'logo' | 'icon'): Promise<string>;
+    getAssetForCardNetwork(cardNetwork: string, assetType: 'logo' | 'icon'): Promise<string>;
+}
+declare const PrimerHeadlessUniversalCheckout: PrimerHeadlessUniversalCheckoutClass;
+export default PrimerHeadlessUniversalCheckout;

package/lib/typescript/headless_checkout/types.d.ts

@@ -0,0 +1,16 @@
+export interface PrimerHeadlessUniversalCheckoutStartResponse {
+    paymentMethodTypes: string[];
+}
+export interface PrimerError {
+    errorId: string;
+    description: string;
+    recoverySuggestion?: string;
+}
+export interface PrimerHeadlessUniversalCheckoutCallbacks {
+    onPreparationStarted?: () => void;
+    onPaymentMethodPresented?: () => void;
+    onTokenizeStart?: () => void;
+    onTokenizeSuccess?: (paymentMethod: any) => void;
+    onResumeSuccess?: (resumeToken: string) => void;
+    onFailure?: (error: PrimerError) => void;
+}

package/lib/typescript/index.d.ts

@@ -1,3 +1,5 @@
+import PrimerHeadlessUniversalCheckout from './headless_checkout/PrimerHeadlessUniversalCheckout';
 import type { IPrimer } from './models/primer';
+export * from './PrimerInput';
 declare const Primer: IPrimer;
-export { Primer };
+export { Primer, PrimerHeadlessUniversalCheckout as HeadlessUniversalCheckout };

package/lib/typescript/models/primer-config.d.ts

@@ -17,6 +17,10 @@ export interface IPrimerConfig {
      * Use this callback to grab a Primer payment instrument and complete a payment.
      */
     onTokenizeSuccess?: (paymentInstrument: PaymentInstrumentToken, resumeHandler: PrimerResumeHandler) => void;
+    /**
+     * Use this callback to grab a Primer payment instrument and complete a payment.
+     */
+    onVaultSuccess?: (paymentInstrument: PaymentInstrumentToken) => void;
     /**
      * Use this callback to resume a PENDING payment with the token provided.
      */

package/lib/typescript/models/primer-settings.d.ts

@@ -1,6 +1,5 @@
 import type { CountryCode } from './utils/countryCode';
 import type { CurrencyCode } from './utils/currencyCode';
-import type { RedirectScheme } from './utils/redirectScheme';
 export declare type PrimerSettings = IPrimerSettings;
 interface IPrimerSettings {
     order?: IOrder;
@@ -45,13 +44,16 @@ interface IOptions {
     is3DSDevelopmentModeEnabled?: boolean;
     locale?: string;
     ios?: IIosOptions;
-    redirectScheme?: RedirectScheme;
+    android?: IAndroidOptions;
 }
 interface IIosOptions {
     urlScheme?: string;
     urlSchemeIdentifier?: string;
     merchantIdentifier?: string;
 }
+interface IAndroidOptions {
+    redirectScheme?: string;
+}
 interface IAddress {
     line1?: String;
     line2?: String;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer-io/react-native",
-  "version": "0.15.4",
+  "version": "0.16.0",
   "description": "Primer SDK for RN",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",

package/primer-io-react-native.podspec

@@ -17,5 +17,5 @@ Pod::Spec.new do |s|
   s.source_files = "ios/**/*.{h,m,mm,swift}"
 
   s.dependency "React-Core"
-  s.dependency "PrimerSDK", "1.32.5"
+  s.dependency "PrimerSDK", "1.36.0"
 end

package/src/Primer.ts

@@ -87,136 +87,97 @@ interface IBinData {
   network: string;
 }
 
-export const PrimerNativeMapping: IPrimer = {
+function configureListeners(config: IPrimerConfig) {
+  RNPrimer.removeAllListeners();
 
-  showUniversalCheckout(clientToken: string, config: IPrimerConfig): void {
-    RNPrimer.removeAllListeners();
+  RNPrimer.addListener('onVaultSuccess', data => {
+    const paymentInstrumentToken: PaymentInstrumentToken = data;
+    if (config.onVaultSuccess) {
+      config.onVaultSuccess(paymentInstrumentToken);
+    }
+  });
 
-    if (config.settings || config.theme) {
-      RNPrimer.configure(config.settings || null, config.theme || null);
-
-      let implementedRNCallbacks: any = {
-        // isClientTokenCallbackImplemented: (config.onClientTokenCallback !== undefined),
-        isTokenAddedToVaultImplemented: (config.onTokenAddedToVault !== undefined),
-        isOnResumeSuccessImplemented: (config.onResumeSuccess !== undefined),
-        isOnResumeErrorImplemented: (config.onError !== undefined),
-        isOnCheckoutDismissedImplemented: (config.onDismiss !== undefined),
-        isCheckoutFailedImplemented: (config.onError !== undefined),
-        isClientSessionActionsImplemented: (config.onClientSessionActions !== undefined)
-      };
-
-      RNPrimer.setImplementedRNCallbacks(implementedRNCallbacks)
-        .then(() => {
-          RNPrimer.addListener('onClientSessionActions', data => {
-            const clientSessionActions: IClientSessionAction[] = data;
-            if (config.onClientSessionActions) {
-              config.onClientSessionActions(clientSessionActions, resumeHandler);
-            }
-          });
-
-          RNPrimer.addListener('onTokenizeSuccessCallback', data => {
-            const paymentInstrumentToken: PaymentInstrumentToken = data;
-            if (config.onTokenizeSuccess) {
-              config.onTokenizeSuccess(paymentInstrumentToken, resumeHandler);
-            }
-          });
-
-          RNPrimer.addListener('onResumeSuccess', data => {
-            const resumeToken: string = data.resumeToken;
-            if (config.onResumeSuccess) {
-              config.onResumeSuccess(resumeToken, resumeHandler);
-            }
-          });
-
-          RNPrimer.addListener('onCheckoutDismissed', _ => {
-            if (config.onDismiss) {
-              config.onDismiss();
-            }
-          });
-
-          RNPrimer.addListener('onError', data => {
-            const err: IPrimerError = data.error;
-            if (config.onError) {
-              config.onError(err, resumeHandler);
-            }
-          });
-
-          RNPrimer.showUniversalCheckout(clientToken);
-        })
-        .catch( err => {
-          console.error(err);
-        })
-      }
+  RNPrimer.addListener('onClientSessionActions', data => {
+    const clientSessionActions: IClientSessionAction[] = data;
+    if (config.onClientSessionActions) {
+      config.onClientSessionActions(clientSessionActions, resumeHandler);
+    }
+  });
 
-    // RNPrimer.addListener('onClientTokenCallback', _ => {
-    //   if (config.onClientTokenCallback) {
-    //     config.onClientTokenCallback(resumeHandler);
-    //   }
-    // });
-  },
+  RNPrimer.addListener('onTokenizeSuccessCallback', data => {
+    const paymentInstrumentToken: PaymentInstrumentToken = data;
+    if (config.onTokenizeSuccess) {
+      config.onTokenizeSuccess(paymentInstrumentToken, resumeHandler);
+    }
+  });
 
-  showVaultManager(clientToken: string, config: IPrimerConfig): void {
-    RNPrimer.removeAllListeners();
+  RNPrimer.addListener('onResumeSuccess', data => {
+    const resumeToken: string = data.resumeToken;
+    if (config.onResumeSuccess) {
+      config.onResumeSuccess(resumeToken, resumeHandler);
+    }
+  });
 
-    if (config.settings || config.theme) {
-      RNPrimer.configure(config.settings || null, config.theme || null);
+  RNPrimer.addListener('onCheckoutDismissed', _ => {
+    if (config.onDismiss) {
+      config.onDismiss();
+    }
 
-      let implementedRNCallbacks: any = {
-        // isClientTokenCallbackImplemented: (config.onClientTokenCallback !== undefined),
-        isTokenAddedToVaultImplemented: (config.onTokenAddedToVault !== undefined),
-        isOnResumeSuccessImplemented: (config.onResumeSuccess !== undefined),
-        isOnResumeErrorImplemented: (config.onError !== undefined),
-        isOnCheckoutDismissedImplemented: (config.onDismiss !== undefined),
-        isCheckoutFailedImplemented: (config.onError !== undefined),
-        isClientSessionActionsImplemented: (config.onClientSessionActions !== undefined)
-      };
+    RNPrimer.removeAllListeners();
+  });
 
-      RNPrimer.setImplementedRNCallbacks(implementedRNCallbacks);
+  RNPrimer.addListener('onError', data => {
+    const err: IPrimerError = data.error;
+    if (config.onError) {
+      config.onError(err, resumeHandler);
     }
+  });
+}
 
-    // RNPrimer.addListener('onClientTokenCallback', _ => {
-    //   if (config.onClientTokenCallback) {
-    //     config.onClientTokenCallback(resumeHandler);
-    //   }
-    // });
+export const PrimerNativeMapping: IPrimer = {
 
-    RNPrimer.addListener('onClientSessionActions', data => {
-      const clientSessionActions: IClientSessionAction[] = data;
-      if (config.onClientSessionActions) {
-        config.onClientSessionActions(clientSessionActions, resumeHandler);
-      } else {
-        RNPrimer.handleSuccess();
-      }
-    });
+  showUniversalCheckout(clientToken: string, config: IPrimerConfig): void {
+    RNPrimer.configure(config.settings || null, config.theme || null);
 
-    RNPrimer.addListener('onTokenizeSuccessCallback', data => {
-      const paymentInstrumentToken: PaymentInstrumentToken = data;
-      if (config.onTokenizeSuccess) {
-        config.onTokenizeSuccess(paymentInstrumentToken, resumeHandler);
-      }
-    });
+    let implementedRNCallbacks: any = {
+      isTokenAddedToVaultImplemented: (config.onVaultSuccess !== undefined),
+      isOnResumeSuccessImplemented: (config.onResumeSuccess !== undefined),
+      isOnResumeErrorImplemented: (config.onError !== undefined),
+      isOnCheckoutDismissedImplemented: (config.onDismiss !== undefined),
+      isCheckoutFailedImplemented: (config.onError !== undefined),
+      isClientSessionActionsImplemented: (config.onClientSessionActions !== undefined)
+    };
 
-    RNPrimer.addListener('onResumeSuccess', data => {
-      const resumeToken: string = data.resumeToken;
-      if (config.onResumeSuccess) {
-        config.onResumeSuccess(resumeToken, resumeHandler);
-      }
-    });
+    RNPrimer.setImplementedRNCallbacks(implementedRNCallbacks)
+      .then(() => {
+        configureListeners(config);
+        RNPrimer.showUniversalCheckout(clientToken);
+      })
+      .catch(err => {
+        console.error(err);
+      })
+  },
 
-    RNPrimer.addListener('onCheckoutDismissed', () => {
-      if (config.onDismiss) {
-        config.onDismiss();
-      }
-    });
+  showVaultManager(clientToken: string, config: IPrimerConfig): void {
+    RNPrimer.configure(config.settings || null, config.theme || null);
 
-    RNPrimer.addListener('onError', data => {
-      const err: IPrimerError = data.error;
-      if (config.onError) {
-        config.onError(err, resumeHandler);
-      }
-    });
+    let implementedRNCallbacks: any = {
+      isTokenAddedToVaultImplemented: (config.onVaultSuccess !== undefined),
+      isOnResumeSuccessImplemented: (config.onResumeSuccess !== undefined),
+      isOnResumeErrorImplemented: (config.onError !== undefined),
+      isOnCheckoutDismissedImplemented: (config.onDismiss !== undefined),
+      isCheckoutFailedImplemented: (config.onError !== undefined),
+      isClientSessionActionsImplemented: (config.onClientSessionActions !== undefined)
+    };
 
-    RNPrimer.showVaultManager(clientToken);
+    RNPrimer.setImplementedRNCallbacks(implementedRNCallbacks)
+      .then((() => {
+        configureListeners(config);
+        RNPrimer.showVaultManager(clientToken);
+      }))
+      .catch(err => {
+        console.error(err);
+      })
   },
 
   showPaymentMethod(
@@ -224,15 +185,10 @@ export const PrimerNativeMapping: IPrimer = {
     intent: PrimerPaymentMethodIntent,
     config: IPrimerConfig
   ): void {
-    RNPrimer.removeAllListeners();
-
-    if (config.settings || config.theme) {
-      RNPrimer.configure(config.settings || null, config.theme || null);
-    }
+    RNPrimer.configure(config.settings || null, config.theme || null);
 
     let implementedRNCallbacks: any = {
-      // isClientTokenCallbackImplemented: (config.onClientTokenCallback !== undefined),
-      isTokenAddedToVaultImplemented: (config.onTokenAddedToVault !== undefined),
+      isTokenAddedToVaultImplemented: (config.onVaultSuccess !== undefined),
       isOnResumeSuccessImplemented: (config.onResumeSuccess !== undefined),
       isOnResumeErrorImplemented: (config.onError !== undefined),
       isOnCheckoutDismissedImplemented: (config.onDismiss !== undefined),
@@ -240,8 +196,14 @@ export const PrimerNativeMapping: IPrimer = {
       isClientSessionActionsImplemented: (config.onClientSessionActions !== undefined)
     };
 
-    RNPrimer.setImplementedRNCallbacks(implementedRNCallbacks);
-    RNPrimer.showPaymentMethod(clientToken, intent.paymentMethod, intent.vault === true ? "vault" : "checkout");
+    RNPrimer.setImplementedRNCallbacks(implementedRNCallbacks)
+      .then(() => {
+        configureListeners(config);
+        RNPrimer.showPaymentMethod(clientToken, intent.paymentMethod, intent.vault === true ? "vault" : "checkout");
+      })
+      .catch(err => {
+        console.error(err);
+      })
   },
 
   dispose(): void {

package/src/PrimerInput.tsx

@@ -0,0 +1,73 @@
+import { PrimerHeadlessUniversalCheckoutCardFormUIManager } from './RNTPrimerHeadlessUniversalCheckoutCardFormUIManager';
+import React, { useEffect, useRef } from 'react';
+import { NativeModules, requireNativeComponent, ViewProps } from 'react-native';
+
+
+// PrimerCardNumberEditText
+export const PrimerCardNumberEditTextRaw = requireNativeComponent<{}>(
+  'PrimerCardNumberEditText'
+);
+
+type PrimerCardNumberEditTextProps = ViewProps;
+
+const { PrimerRN } = NativeModules;
+
+export const PrimerCardNumberEditText: React.FC<PrimerCardNumberEditTextProps> = (props) => {
+  const ref = useRef(React.createRef<any>());
+
+  useEffect(() => {
+    const tag = ref.current.current._nativeTag;
+    PrimerHeadlessUniversalCheckoutCardFormUIManager.addInput(tag);
+    return () => PrimerRN.removeInput(tag);
+  }, []);
+
+  const rawComponent = (
+    <PrimerCardNumberEditTextRaw ref={ref.current} {...props} />
+  );
+
+  return rawComponent;
+};
+
+// PrimerCardholderNameEditText
+export const PrimerCardholderNameEditTextRaw = requireNativeComponent<{}>(
+  'PrimerCardholderNameEditText'
+);
+
+type PrimerCardholderNameEditTextProps = ViewProps;
+
+export const PrimerCardholderNameEditText: React.FC<PrimerCardholderNameEditTextProps> = (
+  props
+) => {
+  const ref = useRef(React.createRef<any>());
+
+  useEffect(() => {
+    const tag = ref.current.current._nativeTag;
+    PrimerRN.addInput(tag);
+    return () => PrimerRN.removeInput(tag);
+  }, []);
+  return <PrimerCardholderNameEditTextRaw ref={ref.current} {...props} />;
+};
+
+// PrimerExpiryEditText
+export const PrimerExpiryEditTextRaw = requireNativeComponent<{}>(
+  'PrimerExpiryEditText'
+);
+
+type PrimerExpiryEditTextProps = ViewProps;
+
+export const PrimerExpiryEditText: React.FC<PrimerExpiryEditTextProps> = (
+  props
+) => {
+  return <PrimerExpiryEditTextRaw {...props} />;
+};
+
+// cvv
+export const PrimerCvvEditTextRaw = requireNativeComponent<{}>(
+  'PrimerCvvEditText'
+);
+
+type PrimerCvvEditTextProps = ViewProps;
+
+export const PrimerCvvEditText: React.FC<PrimerCvvEditTextProps> = (props) => {
+  return <PrimerCvvEditTextRaw {...props} />;
+};

package/src/RNPrimer.ts

@@ -41,6 +41,7 @@ const RNPrimer = {
     eventEmitter.removeAllListeners('onClientTokenCallback');
     eventEmitter.removeAllListeners('onClientSessionActions');
     eventEmitter.removeAllListeners('onTokenizeSuccessCallback');
+    eventEmitter.removeAllListeners('onVaultSuccess');
     eventEmitter.removeAllListeners('onResumeSuccess');
     eventEmitter.removeAllListeners('onCheckoutDismissed');
     eventEmitter.removeAllListeners('onError');

package/src/RNTPrimerHeadlessUniversalCheckoutCardFormUIManager.tsx

@@ -0,0 +1,2 @@
+import { NativeModules } from 'react-native';
+export const { PrimerHeadlessUniversalCheckoutCardFormUIManager } = NativeModules;