@evervault/evervault-react-native 0.2.3 → 0.3.0

package/lib/module/components/Common/Error.js

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

package/lib/module/components/Common/Error.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/Common/Error.tsx"],"mappings":""}

package/lib/module/components/index.js

@@ -0,0 +1,2 @@
+// export * from './Card';
+//# sourceMappingURL=index.js.map

package/lib/module/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":"AAAA"}

package/lib/module/index.js

@@ -1,17 +1,3 @@
-import { NativeModules, Platform } from 'react-native';
-const LINKING_ERROR = `The package '@evervault/evervault-react-native' doesn't seem to be linked. Make sure: \n\n` + Platform.select({
-  ios: "- You have run 'pod install'\n",
-  default: ''
-}) + '- You rebuilt the app after installing the package\n' + '- You are not using Expo Go\n';
-const EvervaultSdk = NativeModules.EvervaultSdk ? NativeModules.EvervaultSdk : new Proxy({}, {
-  get() {
-    throw new Error(LINKING_ERROR);
-  }
-});
-export async function init(teamUuid, appUuid) {
-  return EvervaultSdk.initialize(teamUuid, appUuid);
-}
-export async function encrypt(data) {
-  return EvervaultSdk.encrypt(data);
-}
+export { Card } from './components/Card/Card';
+export { init, encrypt } from './sdk';
 //# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["NativeModules","Platform","LINKING_ERROR","select","ios","default","EvervaultSdk","Proxy","get","Error","init","teamUuid","appUuid","initialize","encrypt","data"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":"AAAA,SAASA,aAAa,EAAEC,QAAQ,QAAQ,cAAc;AAEtD,MAAMC,aAAa,GAChB,4FAA2F,GAC5FD,QAAQ,CAACE,MAAM,CAAC;EAAEC,GAAG,EAAE,gCAAgC;EAAEC,OAAO,EAAE;AAAG,CAAC,CAAC,GACvE,sDAAsD,GACtD,+BAA+B;AAEjC,MAAMC,YAAY,GAAGN,aAAa,CAACM,YAAY,GAC3CN,aAAa,CAACM,YAAY,GAC1B,IAAIC,KAAK,CACP,CAAC,CAAC,EACF;EACEC,GAAGA,CAAA,EAAG;IACJ,MAAM,IAAIC,KAAK,CAACP,aAAa,CAAC;EAChC;AACF,CACF,CAAC;AAEL,OAAO,eAAeQ,IAAIA,CAACC,QAAgB,EAAEC,OAAe,EAAiB;EAC3E,OAAON,YAAY,CAACO,UAAU,CAACF,QAAQ,EAAEC,OAAO,CAAC;AACnD;AAEA,OAAO,eAAeE,OAAOA,CAACC,IAAS,EAAmB;EACxD,OAAOT,YAAY,CAACQ,OAAO,CAACC,IAAI,CAAC;AACnC"}
+{"version":3,"names":["Card","init","encrypt"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":"AAAA,SAAyBA,IAAI,QAAQ,wBAAwB;AAC7D,SAASC,IAAI,EAAEC,OAAO,QAAQ,OAAO"}

package/lib/module/native.js

@@ -0,0 +1,11 @@
+import { NativeModules, Platform } from 'react-native';
+const LINKING_ERROR = `The package '@evervault/evervault-react-native' doesn't seem to be linked. Make sure: \n\n` + Platform.select({
+  ios: "- You have run 'pod install'\n",
+  default: ''
+}) + '- You rebuilt the app after installing the package\n' + '- You are not using Expo Go\n';
+export const EvervaultSdk = NativeModules.EvervaultSdk ? NativeModules.EvervaultSdk : new Proxy({}, {
+  get() {
+    throw new Error(LINKING_ERROR);
+  }
+});
+//# sourceMappingURL=native.js.map

package/lib/module/native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["NativeModules","Platform","LINKING_ERROR","select","ios","default","EvervaultSdk","Proxy","get","Error"],"sourceRoot":"../../src","sources":["native.ts"],"mappings":"AAAA,SAASA,aAAa,EAAEC,QAAQ,QAAQ,cAAc;AAEtD,MAAMC,aAAa,GAChB,4FAA2F,GAC5FD,QAAQ,CAACE,MAAM,CAAC;EAAEC,GAAG,EAAE,gCAAgC;EAAEC,OAAO,EAAE;AAAG,CAAC,CAAC,GACvE,sDAAsD,GACtD,+BAA+B;AAEjC,OAAO,MAAMC,YAAY,GAAGN,aAAa,CAACM,YAAY,GAClDN,aAAa,CAACM,YAAY,GAC1B,IAAIC,KAAK,CACT,CAAC,CAAC,EACF;EACEC,GAAGA,CAAA,EAAG;IACJ,MAAM,IAAIC,KAAK,CAACP,aAAa,CAAC;EAChC;AACF,CACF,CAAC"}

package/lib/module/sdk.js

@@ -0,0 +1,15 @@
+import { Platform } from "react-native";
+import { EvervaultSdk } from "./native";
+export async function init(teamUuid, appUuid) {
+  return EvervaultSdk.initialize(teamUuid, appUuid);
+}
+export async function encrypt(data) {
+  if (Platform.OS === "android" && typeof data !== "string") {
+    throw new Error(`The Evervault SDK does not currently support encrypting non-string data on Android.
+      If this is required for your use case, please get in touch with us at support@evervault.com. Please do not
+      serialize other data types to strings and pass them to this method as this will result in the data
+      type being returned in it's stringified form when decryption occurs.`);
+  }
+  return EvervaultSdk.encrypt(data.toString());
+}
+//# sourceMappingURL=sdk.js.map

package/lib/module/sdk.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Platform","EvervaultSdk","init","teamUuid","appUuid","initialize","encrypt","data","OS","Error","toString"],"sourceRoot":"../../src","sources":["sdk.ts"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,cAAc;AACvC,SAASC,YAAY,QAAQ,UAAU;AAEvC,OAAO,eAAeC,IAAIA,CAACC,QAAgB,EAAEC,OAAe,EAAiB;EAC3E,OAAOH,YAAY,CAACI,UAAU,CAACF,QAAQ,EAAEC,OAAO,CAAC;AACnD;AAEA,OAAO,eAAeE,OAAOA,CAACC,IAAS,EAAmB;EACxD,IAAIP,QAAQ,CAACQ,EAAE,KAAK,SAAS,IAAI,OAAOD,IAAI,KAAK,QAAQ,EAAE;IACzD,MAAM,IAAIE,KAAK,CAAE;AACrB;AACA;AACA,2EAA2E,CAAC;EAC1E;EAEA,OAAOR,YAAY,CAACK,OAAO,CAACC,IAAI,CAACG,QAAQ,CAAC,CAAC,CAAC;AAC9C"}

package/lib/typescript/src/components/Card/Card.d.ts

@@ -0,0 +1,30 @@
+import { ReactNode } from 'react';
+import type { CardForm, CardConfig } from './types';
+import { CardNumber } from './CardNumber';
+import { CardPayload } from 'types';
+import { CardHolder } from './CardHolder';
+import { CardExpiry } from './CardExpiry';
+import { StyleProp, TextStyle } from 'react-native';
+export interface BaseProps {
+    disabled?: boolean;
+    placeholder?: string;
+    readOnly?: boolean;
+    style?: StyleProp<TextStyle>;
+}
+export interface CardProps {
+    initialValue?: CardForm;
+    config?: CardConfig;
+    children: ReactNode;
+    onChange?: (payload: CardPayload) => void;
+    onComplete?: (payload: CardPayload) => void;
+    style?: StyleProp<TextStyle>;
+}
+declare function Card({ initialValue, config, children, onChange, onComplete, style, }: CardProps): import("react").JSX.Element;
+declare const CardNamespace: typeof Card & {
+    Number: typeof CardNumber;
+    CVC: ({ style, disabled, placeholder, readOnly, }: import("./CardCVC").CVCProps) => import("react").JSX.Element;
+    Holder: typeof CardHolder;
+    Expiry: typeof CardExpiry;
+};
+export { CardNamespace as Card };
+//# sourceMappingURL=Card.d.ts.map

package/lib/typescript/src/components/Card/Card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAC;AAGvD,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EAAa,WAAW,EAAE,MAAM,OAAO,CAAC;AAG/C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,SAAS,EAAQ,MAAM,cAAc,CAAC;AAE1D,MAAM,WAAW,SAAS;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,MAAM,WAAW,SAAS;IACxB,YAAY,CAAC,EAAE,QAAQ,CAAC;IACxB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IAC1C,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IAC5C,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,iBAAS,IAAI,CAAC,EACZ,YAAY,EACZ,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,KAAK,GACN,EAAE,SAAS,+BAyGX;AAED,QAAA,MAAM,aAAa;;;;;CAKjB,CAAC;AAEH,OAAO,EAAE,aAAa,IAAI,IAAI,EAAE,CAAC"}

package/lib/typescript/src/components/Card/CardCVC.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { BaseProps } from './Card';
+export interface CVCProps extends BaseProps {
+}
+export declare const CardCVC: ({ style, disabled, placeholder, readOnly, }: CVCProps) => React.JSX.Element;
+//# sourceMappingURL=CardCVC.d.ts.map

package/lib/typescript/src/components/Card/CardCVC.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardCVC.d.ts","sourceRoot":"","sources":["../../../../../src/components/Card/CardCVC.tsx"],"names":[],"mappings":"AACA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAGlD,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAEnC,MAAM,WAAW,QAAS,SAAQ,SAAS;CAAG;AAE9C,eAAO,MAAM,OAAO,gDAKjB,QAAQ,sBAiCV,CAAC"}

package/lib/typescript/src/components/Card/CardExpiry.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { BaseProps } from './Card';
+export interface CardExpiryProps extends BaseProps {
+}
+export declare function CardExpiry({ disabled, placeholder, readOnly, }: CardExpiryProps): import("react").JSX.Element;
+//# sourceMappingURL=CardExpiry.d.ts.map

package/lib/typescript/src/components/Card/CardExpiry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardExpiry.d.ts","sourceRoot":"","sources":["../../../../../src/components/Card/CardExpiry.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAEnC,MAAM,WAAW,eAAgB,SAAQ,SAAS;CAAG;AAErD,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,WAAW,EACX,QAAQ,GACT,EAAE,eAAe,+BA2BjB"}

package/lib/typescript/src/components/Card/CardHolder.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { BaseProps } from './Card';
+export interface CardHolderProps extends BaseProps {
+    autoFocus?: boolean;
+}
+export declare function CardHolder({ autoFocus, disabled, placeholder, readOnly, }: CardHolderProps): import("react").JSX.Element;
+//# sourceMappingURL=CardHolder.d.ts.map

package/lib/typescript/src/components/Card/CardHolder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardHolder.d.ts","sourceRoot":"","sources":["../../../../../src/components/Card/CardHolder.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAEnC,MAAM,WAAW,eAAgB,SAAQ,SAAS;IAChD,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,QAAQ,EACR,WAAW,EACX,QAAQ,GACT,EAAE,eAAe,+BAwBjB"}

package/lib/typescript/src/components/Card/CardNumber.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { BaseProps } from './Card';
+interface CardNumberProps extends BaseProps {
+    autoFocus?: boolean;
+}
+export declare function CardNumber({ autoFocus, disabled, placeholder, readOnly, style, }: CardNumberProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=CardNumber.d.ts.map

package/lib/typescript/src/components/Card/CardNumber.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardNumber.d.ts","sourceRoot":"","sources":["../../../../../src/components/Card/CardNumber.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAEnC,UAAU,eAAgB,SAAQ,SAAS;IACzC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,KAAK,GACN,EAAE,eAAe,+BA+CjB"}

package/lib/typescript/src/components/Card/context.d.ts

@@ -0,0 +1,13 @@
+import { UseFormReturn } from 'shared';
+import { Dispatch, SetStateAction } from 'react';
+import { CardForm } from './types';
+import { CardField } from 'types';
+type Context<T> = {
+    values: CardForm;
+    register: UseFormReturn<T>['register'];
+    setRegisteredFields: Dispatch<SetStateAction<Set<CardField>>>;
+};
+export declare const CardContext: import("react").Context<Context<CardForm>>;
+export declare const useCardContext: () => Context<CardForm>;
+export {};
+//# sourceMappingURL=context.d.ts.map

package/lib/typescript/src/components/Card/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../../src/components/Card/context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,cAAc,EAA6B,MAAM,OAAO,CAAC;AAC5E,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACnC,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,KAAK,OAAO,CAAC,CAAC,IAAI;IAChB,MAAM,EAAE,QAAQ,CAAC;IACjB,QAAQ,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC;IACvC,mBAAmB,EAAE,QAAQ,CAAC,cAAc,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;CAC/D,CAAC;AAEF,eAAO,MAAM,WAAW,4CAYtB,CAAC;AAEH,eAAO,MAAM,cAAc,yBAAgC,CAAC"}

package/lib/typescript/src/components/Card/index.d.ts

@@ -0,0 +1,3 @@
+export { Card, type CardProps } from './Card';
+export { CardPayload } from 'types';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/Card/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC"}

package/lib/typescript/src/components/Card/types.d.ts

@@ -0,0 +1,13 @@
+import type { CardBrandName } from 'types';
+export interface CardConfig {
+    autoFocus?: boolean;
+    acceptedBrands?: CardBrandName[];
+}
+export interface CardForm {
+    name: string;
+    number: string;
+    cvc: string;
+    expiry: string;
+}
+export { CardBrandName };
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/src/components/Card/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Card/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,MAAM,WAAW,UAAU;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,aAAa,EAAE,CAAC;CAClC;AAED,MAAM,WAAW,QAAQ;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/lib/typescript/src/components/Card/utilities.d.ts

@@ -0,0 +1,8 @@
+import { CardNumberValidationResult } from '@evervault/card-validator';
+import type { CardForm } from './types';
+import type { CardBrandName, CardField, CardPayload } from 'types';
+import { UseFormReturn } from 'shared';
+export declare function changePayload(encrypt: (value: string) => Promise<string>, form: UseFormReturn<CardForm>, fields: CardField[]): Promise<CardPayload>;
+export declare function isComplete(form: UseFormReturn<CardForm>, fields: CardField[]): boolean;
+export declare function isAcceptedBrand(acceptedBrands: CardBrandName[] | undefined, cardNumberValidationResult: CardNumberValidationResult): boolean;
+//# sourceMappingURL=utilities.d.ts.map

package/lib/typescript/src/components/Card/utilities.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utilities.d.ts","sourceRoot":"","sources":["../../../../../src/components/Card/utilities.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,0BAA0B,EAC3B,MAAM,2BAA2B,CAAC;AACnC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAEvC,wBAAsB,aAAa,CACjC,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,CAAC,EAC3C,IAAI,EAAE,aAAa,CAAC,QAAQ,CAAC,EAC7B,MAAM,EAAE,SAAS,EAAE,GAClB,OAAO,CAAC,WAAW,CAAC,CAyBtB;AAED,wBAAgB,UAAU,CAAC,IAAI,EAAE,aAAa,CAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,WAqB5E;AAED,wBAAgB,eAAe,CAC7B,cAAc,EAAE,aAAa,EAAE,GAAG,SAAS,EAC3C,0BAA0B,EAAE,0BAA0B,GACrD,OAAO,CAUT"}

package/lib/typescript/src/components/Common/Error.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=Error.d.ts.map

package/lib/typescript/src/components/Common/Error.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Error.d.ts","sourceRoot":"","sources":["../../../../../src/components/Common/Error.tsx"],"names":[],"mappings":""}

package/lib/typescript/src/components/index.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":""}

package/lib/typescript/src/index.d.ts

@@ -1,3 +1,4 @@
-export declare function init(teamUuid: string, appUuid: string): Promise<void>;
-export declare function encrypt(data: any): Promise<string>;
+export { type CardProps, Card } from './components/Card/Card';
+export { init, encrypt } from './sdk';
+export type { CardPayload, CardExpiry } from 'types';
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAmBA,wBAAsB,IAAI,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAE3E;AAED,wBAAsB,OAAO,CAAC,IAAI,EAAE,GAAG,GAAG,OAAO,CAAC,MAAM,CAAC,CAExD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACtC,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC"}

package/lib/typescript/src/native.d.ts

@@ -0,0 +1,2 @@
+export declare const EvervaultSdk: any;
+//# sourceMappingURL=native.d.ts.map

package/lib/typescript/src/native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"native.d.ts","sourceRoot":"","sources":["../../../src/native.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,YAAY,KAStB,CAAC"}

package/lib/typescript/src/sdk.d.ts

@@ -0,0 +1,3 @@
+export declare function init(teamUuid: string, appUuid: string): Promise<void>;
+export declare function encrypt(data: any): Promise<string>;
+//# sourceMappingURL=sdk.d.ts.map

package/lib/typescript/src/sdk.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sdk.d.ts","sourceRoot":"","sources":["../../../src/sdk.ts"],"names":[],"mappings":"AAGA,wBAAsB,IAAI,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAE3E;AAED,wBAAsB,OAAO,CAAC,IAAI,EAAE,GAAG,GAAG,OAAO,CAAC,MAAM,CAAC,CASxD"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@evervault/evervault-react-native",
-  "version": "0.2.3",
+  "version": "0.3.0",
   "description": "Evervault react native sdk",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -25,14 +25,6 @@
     "!**/__mocks__",
     "!**/.*"
   ],
-  "scripts": {
-    "example": "yarn workspace react-native-evervault-sdk-example",
-    "test": "jest",
-    "typecheck": "tsc --noEmit",
-    "clean": "del-cli android/build example/android/build example/android/app/build example/ios/build lib",
-    "prepare": "bob build",
-    "release": "release-it"
-  },
   "keywords": [
     "react-native",
     "ios",
@@ -40,14 +32,14 @@
   ],
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/evervault/evervault-react-native-sdk.git"
+    "url": "git+https://github.com/evervault/evervault-js.git"
   },
   "author": "Eoin Boylan <eoin@evervault.com> (https://evervault.com)",
   "license": "MIT",
   "bugs": {
-    "url": "https://github.com/evervault/evervault-react-native-sdk/issues"
+    "url": "https://github.com/evervault/evervault-js/issues"
   },
-  "homepage": "https://github.com/evervault/evervault-react-native-sdk",
+  "homepage": "https://github.com/evervault/evervault-js",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",
     "access": "public"
@@ -57,8 +49,7 @@
     "@react-native/eslint-config": "^0.72.2",
     "@release-it/conventional-changelog": "^5.0.0",
     "@types/jest": "^28.1.2",
-    "@types/react": "~17.0.21",
-    "@types/react-native": "0.70.0",
+    "@types/react": "~18.2.45",
     "commitlint": "^17.0.2",
     "del-cli": "^5.0.0",
     "eslint": "^8.4.1",
@@ -68,30 +59,30 @@
     "pod-install": "^0.1.0",
     "prettier": "^2.0.5",
     "react": "18.2.0",
-    "react-native": "0.73.3",
+    "react-native": "0.74.1",
     "react-native-builder-bob": "^0.23.2",
+    "react-native-mask-input": "^1.2.3",
     "release-it": "^16.1.3",
     "turbo": "^1.10.7",
-    "typescript": "^5.0.2"
-  },
-  "resolutions": {
-    "@types/react": "17.0.21"
+    "typescript": "^5.3.3",
+    "@evervault/card-validator": "1.0.1",
+    "shared": "1.0.0",
+    "types": "0.0.0"
   },
   "peerDependencies": {
     "react": "*",
     "react-native": "*"
   },
   "workspaces": [
-    "example"
+    "example-usage"
   ],
-  "packageManager": "yarn@3.6.1",
   "engines": {
     "node": ">= 18.0.0"
   },
   "jest": {
     "preset": "react-native",
     "modulePathIgnorePatterns": [
-      "<rootDir>/example/node_modules",
+      "<rootDir>/example-usage/node_modules",
       "<rootDir>/lib/"
     ]
   },
@@ -124,6 +115,7 @@
       "prettier"
     ],
     "rules": {
+      "react/react-in-jsx-scope": "off",
       "prettier/prettier": [
         "error",
         {
@@ -150,6 +142,12 @@
   "react-native-builder-bob": {
     "source": "src",
     "output": "lib",
+    "exclude": "example-usage/**",
+    "typescript": [
+      {
+        "project": "tsconfig.build.json"
+      }
+    ],
     "targets": [
       "commonjs",
       "module",
@@ -160,5 +158,13 @@
         }
       ]
     ]
+  },
+  "dependencies": {
+    "react-native-masked-text": "^1.13.0"
+  },
+  "scripts": {
+    "typecheck": "tsc --noEmit",
+    "clean": "del-cli android/build example-usage/android/build example-usage/android/app/build example-usage/ios/build lib",
+    "release": "release-it"
   }
-}
+}

package/src/components/Card/Card.tsx

@@ -0,0 +1,156 @@
+import {
+  validateNumber,
+  validateCVC,
+  validateExpiry,
+} from '@evervault/card-validator';
+import { ReactNode, useEffect, useState } from 'react';
+import { useForm } from 'shared';
+import { changePayload, isAcceptedBrand, isComplete } from './utilities';
+import type { CardForm, CardConfig } from './types';
+import { CardNumber } from './CardNumber';
+import { CardContext } from './context';
+import { CardField, CardPayload } from 'types';
+import { encrypt } from '../../sdk';
+import { CardCVC } from './CardCVC';
+import { CardHolder } from './CardHolder';
+import { CardExpiry } from './CardExpiry';
+import { StyleProp, TextStyle, View } from 'react-native';
+
+export interface BaseProps {
+  disabled?: boolean;
+  placeholder?: string;
+  readOnly?: boolean;
+  style?: StyleProp<TextStyle>;
+}
+
+export interface CardProps {
+  initialValue?: CardForm;
+  config?: CardConfig;
+  children: ReactNode;
+  onChange?: (payload: CardPayload) => void;
+  onComplete?: (payload: CardPayload) => void;
+  style?: StyleProp<TextStyle>;
+}
+
+function Card({
+  initialValue,
+  config,
+  children,
+  onChange,
+  onComplete,
+  style,
+}: CardProps) {
+  const [registeredFields, setRegisteredFields] = useState<Set<CardField>>(
+    new Set()
+  );
+
+  const form = useForm<CardForm>({
+    initialValues: initialValue ?? {
+      cvc: '',
+      expiry: '',
+      number: '',
+      name: '',
+    },
+    validate: {
+      name: (values) => {
+        if (!registeredFields.has('name')) {
+          return undefined;
+        }
+
+        if (values.name.length === 0) {
+          return 'invalid';
+        }
+
+        return undefined;
+      },
+      number: (values) => {
+        if (!registeredFields.has('number')) {
+          return undefined;
+        }
+        const cardValidation = validateNumber(values.number);
+        if (!cardValidation.isValid) {
+          return 'invalid';
+        }
+
+        if (!isAcceptedBrand(config?.acceptedBrands, cardValidation)) {
+          return 'unsupportedBrand';
+        }
+
+        return undefined;
+      },
+      expiry: (values) => {
+        if (!registeredFields.has('expiry')) {
+          return undefined;
+        }
+        const expiryValidation = validateExpiry(values.expiry);
+        if (!expiryValidation.isValid) {
+          return 'invalid';
+        }
+
+        return undefined;
+      },
+      cvc: (values) => {
+        if (!registeredFields.has('cvc')) {
+          return undefined;
+        }
+        const cvcValidation = validateCVC(values.cvc, values.number);
+        if (!cvcValidation.isValid) {
+          return 'invalid';
+        }
+
+        return undefined;
+      },
+    },
+    onChange: (formState) => {
+      const triggerChange = async () => {
+        const cardData = await changePayload(
+          encrypt,
+          formState,
+          Array.from(registeredFields)
+        );
+        if (onChange) {
+          onChange(cardData);
+        }
+      };
+
+      triggerChange();
+    },
+  });
+
+  useEffect(() => {
+    const getCardData = async () => {
+      const cardData = await changePayload(
+        encrypt,
+        form,
+        Array.from(registeredFields)
+      );
+      if (onComplete) {
+        onComplete(cardData);
+      }
+    };
+    if (isComplete(form, Array.from(registeredFields))) {
+      getCardData();
+    }
+  }, [form, onComplete, registeredFields]);
+
+  return (
+    <CardContext.Provider
+      value={{
+        values: form.values,
+        register: form.register,
+        setRegisteredFields,
+      }}
+    >
+      <View style={style}>{children}</View>
+    </CardContext.Provider>
+  );
+}
+
+const CardNamespace = Object.assign(Card, {
+  Number: CardNumber,
+  CVC: CardCVC,
+  Holder: CardHolder,
+  Expiry: CardExpiry,
+});
+
+export { CardNamespace as Card };

package/src/components/Card/CardCVC.tsx

@@ -0,0 +1,47 @@
+import { validateNumber } from '@evervault/card-validator';
+import React, { useEffect, useMemo } from 'react';
+import { TextInputMask } from 'react-native-masked-text';
+import { useCardContext } from './context';
+import { BaseProps } from './Card';
+
+export interface CVCProps extends BaseProps {}
+
+export const CardCVC = ({
+  style,
+  disabled,
+  placeholder,
+  readOnly,
+}: CVCProps) => {
+  const context = useCardContext();
+  const mask = useMemo(() => {
+    const type = validateNumber(context.values.number).brand;
+    if (type === 'american-express') {
+      return '9999';
+    }
+    return '999';
+  }, [context.values.number]);
+
+  const { onChange, onBlur } = context.register('cvc');
+
+  useEffect(() => {
+    context.setRegisteredFields((prev) => new Set(prev).add('cvc'));
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  return (
+    <TextInputMask
+      type="custom"
+      options={{ mask }}
+      style={style}
+      value={context.values.cvc}
+      onChangeText={(t) => onChange(t)}
+      id="cvc"
+      editable={disabled}
+      selectTextOnFocus={disabled}
+      onBlur={onBlur}
+      placeholder={placeholder}
+      autoComplete="cc-csc"
+      readOnly={readOnly}
+    />
+  );
+};

package/src/components/Card/CardExpiry.tsx

@@ -0,0 +1,39 @@
+import { TextInputMask } from 'react-native-masked-text';
+import { useCardContext } from './context';
+import { useEffect } from 'react';
+import { BaseProps } from './Card';
+
+export interface CardExpiryProps extends BaseProps {}
+
+export function CardExpiry({
+  disabled,
+  placeholder,
+  readOnly,
+}: CardExpiryProps) {
+  const context = useCardContext();
+
+  const { onBlur, onChange } = context.register('expiry');
+
+  useEffect(() => {
+    context.setRegisteredFields((prev) => new Set(prev).add('expiry'));
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  return (
+    <TextInputMask
+      type="datetime"
+      value={context.values.expiry}
+      editable={disabled}
+      selectTextOnFocus={disabled}
+      onChangeText={onChange}
+      options={{
+        format: '99 / 99',
+      }}
+      id="expiry"
+      onBlur={onBlur}
+      placeholder={placeholder ?? 'MM / YY'}
+      autoComplete="cc-exp"
+      readOnly={readOnly}
+    />
+  );
+}