@evervault/evervault-react-native 1.0.1 → 1.2.0

package/dist/typescript/src/components/3DS/types.d.ts

@@ -0,0 +1,42 @@
+/// <reference types="react" />
+/// <reference types="node" />
+export interface ThreeDSecureCallbacks {
+    onError: (error: Error) => void;
+    onFailure: (error: Error) => void;
+    onSuccess: () => void;
+}
+export interface ThreeDSecureInitialState {
+    session: ThreeDSecureSession | null;
+    isVisible: boolean;
+}
+export interface ThreeDSecureProviderProps {
+    children: React.ReactNode;
+    state: ThreeDSecureState;
+}
+export interface ThreeDSecureSession {
+    cancel: () => Promise<void>;
+    get: () => Promise<ThreeDSecureSessionResponse>;
+    sessionId: string;
+}
+export interface ThreeDSecureSessionResponse {
+    nextAction: {
+        creq?: string;
+        type: string;
+        url?: string;
+    };
+    status: SessionStatus;
+}
+export interface ThreeDSecureSessionsParams {
+    appId: string;
+    callbacks: ThreeDSecureCallbacks;
+    intervalRef: React.MutableRefObject<NodeJS.Timeout | null>;
+    sessionId: string;
+    setIsVisible: (show: boolean) => void;
+}
+export interface ThreeDSecureState extends ThreeDSecureInitialState {
+    cancel: () => Promise<void>;
+    start: (sessionId: string, callbacks: ThreeDSecureCallbacks) => void;
+}
+type SessionStatus = "action-required" | "failure" | "success";
+export {};
+//# sourceMappingURL=types.d.ts.map

package/dist/typescript/src/components/3DS/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/3DS/types.ts"],"names":[],"mappings":";;AACA,MAAM,WAAW,qBAAqB;IACpC,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAChC,SAAS,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAClC,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,wBAAwB;IACvC,OAAO,EAAE,mBAAmB,GAAG,IAAI,CAAC;IACpC,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,yBAAyB;IACxC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,iBAAiB,CAAC;CAC1B;AAED,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5B,GAAG,EAAE,MAAM,OAAO,CAAC,2BAA2B,CAAC,CAAC;IAChD,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,2BAA2B;IAC1C,UAAU,EAAE;QACV,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,GAAG,CAAC,EAAE,MAAM,CAAC;KACd,CAAC;IACF,MAAM,EAAE,aAAa,CAAC;CACvB;AAED,MAAM,WAAW,0BAA0B;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,qBAAqB,CAAC;IACjC,WAAW,EAAE,KAAK,CAAC,gBAAgB,CAAC,MAAM,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC;IAC3D,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACvC;AAED,MAAM,WAAW,iBAAkB,SAAQ,wBAAwB;IACjE,MAAM,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5B,KAAK,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACtE;AAED,KAAK,aAAa,GAAG,iBAAiB,GAAG,SAAS,GAAG,SAAS,CAAC"}

package/dist/typescript/src/components/3DS/useThreeDSecure.d.ts

@@ -0,0 +1,3 @@
+import { ThreeDSecureState } from "./types";
+export declare const useThreeDSecure: () => ThreeDSecureState;
+//# sourceMappingURL=useThreeDSecure.d.ts.map

package/dist/typescript/src/components/3DS/useThreeDSecure.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useThreeDSecure.d.ts","sourceRoot":"","sources":["../../../../../src/components/3DS/useThreeDSecure.tsx"],"names":[],"mappings":"AAIA,OAAO,EAGL,iBAAiB,EAClB,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,eAAe,QAAO,iBAwClC,CAAC"}

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

@@ -1,11 +1,11 @@
-import * as React from 'react';
-import { ReactNode } from 'react';
-import type { CardForm, CardConfig, CardPayload } from './types';
-import { CardNumber } from './CardNumber';
-import { CardHolder } from './CardHolder';
-import { CardExpiry } from './CardExpiry';
-import { StyleProp, TextInputProps, TextStyle } from 'react-native';
-export interface BaseProps extends Omit<TextInputProps, 'onChange' | 'onChangeText' | 'inputMode' | 'autoComplete' | 'value'> {
+import * as React from "react";
+import { ReactNode } from "react";
+import type { CardForm, CardConfig, CardPayload } from "./types";
+import { CardNumber } from "./CardNumber";
+import { CardHolder } from "./CardHolder";
+import { CardExpiry } from "./CardExpiry";
+import { StyleProp, TextInputProps, TextStyle } from "react-native";
+export interface BaseProps extends Omit<TextInputProps, "onChange" | "onChangeText" | "inputMode" | "autoComplete" | "value"> {
 }
 export interface CardProps {
     initialValue?: CardForm;

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

@@ -1 +1 @@
-{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAC;AAGvD,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAa,WAAW,EAAE,MAAM,SAAS,CAAC;AAC5E,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAI1C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,SAAS,EAAQ,MAAM,cAAc,CAAC;AAE1E,MAAM,WAAW,SACf,SAAQ,IAAI,CACV,cAAc,EACd,UAAU,GAAG,cAAc,GAAG,WAAW,GAAG,cAAc,GAAG,OAAO,CACrE;CAAG;AAEN,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,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,iBAAS,IAAI,CAAC,EAAE,YAAY,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,SAAS,qBAyF3E;AAED,QAAA,MAAM,aAAa;;;;;CAKjB,CAAC;AAEH,OAAO,EAAE,aAAa,IAAI,IAAI,EAAE,CAAC"}
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAG5C,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAa,WAAW,EAAE,MAAM,SAAS,CAAC;AAC5E,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAI1C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,SAAS,EAAQ,MAAM,cAAc,CAAC;AAE1E,MAAM,WAAW,SACf,SAAQ,IAAI,CACV,cAAc,EACd,UAAU,GAAG,cAAc,GAAG,WAAW,GAAG,cAAc,GAAG,OAAO,CACrE;CAAG;AAEN,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,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,iBAAS,IAAI,CAAC,EAAE,YAAY,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,SAAS,qBAyF3E;AAED,QAAA,MAAM,aAAa;;;;;CAKjB,CAAC;AAEH,OAAO,EAAE,aAAa,IAAI,IAAI,EAAE,CAAC"}

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

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { BaseProps } from './Card';
+import * as React from "react";
+import { BaseProps } from "./Card";
 export interface CVCProps extends BaseProps {
 }
 export declare const CardCVC: (props: CVCProps) => React.JSX.Element;

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

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { BaseProps } from './Card';
+import * as React from "react";
+import { BaseProps } from "./Card";
 export interface CardExpiryProps extends BaseProps {
 }
 export declare function CardExpiry(props: CardExpiryProps): React.JSX.Element;

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

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { BaseProps } from './Card';
+import * as React from "react";
+import { BaseProps } from "./Card";
 export interface CardHolderProps extends BaseProps {
 }
 export declare function CardHolder(props: CardHolderProps): React.JSX.Element;

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

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { BaseProps } from './Card';
+import * as React from "react";
+import { BaseProps } from "./Card";
 interface CardNumberProps extends BaseProps {
 }
 export declare function CardNumber(props: CardNumberProps): React.JSX.Element;

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

@@ -1,9 +1,9 @@
-import { UseFormReturn } from '../useForm';
-import { Dispatch, SetStateAction } from 'react';
-import { CardForm, CardField } from './types';
+import { UseFormReturn } from "../useForm";
+import { Dispatch, SetStateAction } from "react";
+import { CardForm, CardField } from "./types";
 type Context<T> = {
     values: CardForm;
-    register: UseFormReturn<T>['register'];
+    register: UseFormReturn<T>["register"];
     setRegisteredFields: Dispatch<SetStateAction<Set<CardField>>>;
 };
 export declare const removeFieldFromSet: (prev: Set<CardField>, field: CardField) => Set<CardField>;

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

@@ -1,2 +1,2 @@
-export { Card, type CardProps } from './Card';
+export { Card, type CardProps } from "./Card";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1,4 +1,4 @@
-export type CardBrandName = 'american-express' | 'visa' | 'mastercard' | 'discover' | 'jcb' | 'diners-club' | 'unionpay' | 'maestro' | 'mir' | 'elo' | 'hipercard' | 'hiper' | 'szep';
+export type CardBrandName = "american-express" | "visa" | "mastercard" | "discover" | "jcb" | "diners-club" | "unionpay" | "maestro" | "mir" | "elo" | "hipercard" | "hiper" | "szep" | "uatp";
 export interface CardConfig {
     acceptedBrands?: CardBrandName[];
 }
@@ -8,7 +8,7 @@ export interface CardForm {
     cvc: string;
     expiry: string;
 }
-export type CardField = 'name' | 'number' | 'expiry' | 'cvc';
+export type CardField = "name" | "number" | "expiry" | "cvc";
 export interface CardExpiry {
     month: string | null;
     year: string | null;

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Card/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GACrB,kBAAkB,GAClB,MAAM,GACN,YAAY,GACZ,UAAU,GACV,KAAK,GACL,aAAa,GACb,UAAU,GACV,SAAS,GACT,KAAK,GACL,KAAK,GACL,WAAW,GACX,OAAO,GACP,MAAM,CAAC;AAEX,MAAM,WAAW,UAAU;IACzB,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,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,KAAK,CAAC;AAE7D,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;CACrB;AAED,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE;QACJ,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;QACpB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;QACrB,WAAW,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;QAC7B,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;QACtB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;QACxB,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;QACnB,MAAM,EAAE,UAAU,CAAC;QACnB,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;KACpB,CAAC;IACF,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,OAAO,CAAC;IACpB,MAAM,EAAE,IAAI,GAAG,OAAO,CAAC;QACrB,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC,CAAC;CACJ"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Card/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GACrB,kBAAkB,GAClB,MAAM,GACN,YAAY,GACZ,UAAU,GACV,KAAK,GACL,aAAa,GACb,UAAU,GACV,SAAS,GACT,KAAK,GACL,KAAK,GACL,WAAW,GACX,OAAO,GACP,MAAM,GACN,MAAM,CAAC;AAEX,MAAM,WAAW,UAAU;IACzB,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,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,KAAK,CAAC;AAE7D,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;CACrB;AAED,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE;QACJ,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;QACpB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;QACrB,WAAW,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;QAC7B,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;QACtB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;QACxB,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;QACnB,MAAM,EAAE,UAAU,CAAC;QACnB,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;KACpB,CAAC;IACF,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,OAAO,CAAC;IACpB,MAAM,EAAE,IAAI,GAAG,OAAO,CAAC;QACrB,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC,CAAC;CACJ"}

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

@@ -1,6 +1,6 @@
-import { CardNumberValidationResult } from '@evervault/card-validator';
-import type { CardForm, CardBrandName, CardField, CardPayload } from './types';
-import { UseFormReturn } from '../useForm';
+import { CardNumberValidationResult } from "@evervault/card-validator";
+import type { CardForm, CardBrandName, CardField, CardPayload } from "./types";
+import { UseFormReturn } from "../useForm";
 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;

package/dist/typescript/src/components/EvervaultProvider.d.ts

@@ -0,0 +1,29 @@
+import { ReactNode } from "react";
+import * as React from "react";
+export interface EvervaultContext {
+    teamUuid?: string;
+    appUuid?: string;
+}
+export declare const useEvervault: () => EvervaultContext;
+interface EvervaultProps {
+    appId: string;
+    teamId: string;
+    children: ReactNode;
+}
+/**
+ * @example
+ * ```tsx
+ * function App() {
+ *  return (
+ *    <EvervaultProvider teamId="team_123" appId="app_123">
+ *      <Card onChange={(card) => console.log(card)}>
+ *        <Card.Number />
+ *      </Card>
+ *    </EvervaultProvider>
+ *  );
+ * }
+ * ```
+ */
+declare const EvervaultProvider: ({ teamId, appId, children }: EvervaultProps) => React.JSX.Element;
+export default EvervaultProvider;
+//# sourceMappingURL=EvervaultProvider.d.ts.map

package/dist/typescript/src/components/EvervaultProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvervaultProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/EvervaultProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAwC,MAAM,OAAO,CAAC;AACxE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAQD,eAAO,MAAM,YAAY,wBAAwB,CAAC;AAElD,UAAU,cAAc;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;;;GAaG;AACH,QAAA,MAAM,iBAAiB,gCAAiC,cAAc,sBAwBrE,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

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

@@ -1,4 +1,6 @@
-export { type CardProps, Card } from './components/Card';
-export { init, encrypt } from './sdk';
-export type { CardPayload, CardExpiry, CardBrandName, CardConfig, CardForm, CardField, } from './components/Card/types';
+export { type CardProps, Card } from "./components/Card";
+export { ThreeDSecure, useThreeDSecure } from "./components/3DS";
+export { init, encrypt } from "./sdk";
+export type { CardPayload, CardExpiry, CardBrandName, CardConfig, CardForm, CardField, } from "./components/Card/types";
+export { default as EvervaultProvider } from "./components/EvervaultProvider";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACtC,YAAY,EACV,WAAW,EACX,UAAU,EACV,aAAa,EACb,UAAU,EACV,QAAQ,EACR,SAAS,GACV,MAAM,yBAAyB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACjE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACtC,YAAY,EACV,WAAW,EACX,UAAU,EACV,aAAa,EACb,UAAU,EACV,QAAQ,EACR,SAAS,GACV,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,gCAAgC,CAAC"}

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

@@ -1,3 +1,10 @@
+/**
+ * @deprecated Deprecated since version 1.1.0. Use `EvervaultProvider` instead.
+ * @see `EvervaultProvider` instead
+ * ```tsx
+ * import { EvervaultProvider } from "@evervault/evervault-react-native";
+ * ```
+ */
 export declare function init(teamUuid: string, appUuid: string): Promise<void>;
 export declare function encrypt(data: any): Promise<string>;
 //# sourceMappingURL=sdk.d.ts.map

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

@@ -1 +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,CAU3E;AAED,wBAAsB,OAAO,CAAC,IAAI,EAAE,GAAG,GAAG,OAAO,CAAC,MAAM,CAAC,CASxD"}
+{"version":3,"file":"sdk.d.ts","sourceRoot":"","sources":["../../../src/sdk.ts"],"names":[],"mappings":"AAGA;;;;;;GAMG;AACH,wBAAsB,IAAI,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAU3E;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": "1.0.1",
+  "version": "1.2.0",
   "description": "Evervault react native sdk",
   "main": "./dist/commonjs/index.js",
   "module": "./dist/module/index.js",
@@ -45,8 +45,10 @@
     "access": "public"
   },
   "dependencies": {
+    "nodemon": "^3.1.4",
     "react-native-masked-text": "^1.13.0",
-    "@evervault/card-validator": "1.0.5"
+    "react-native-webview": "^13.12.0",
+    "@evervault/card-validator": "1.1.0"
   },
   "devDependencies": {
     "@commitlint/config-conventional": "^17.0.2",
@@ -77,87 +79,11 @@
   "engines": {
     "node": ">= 18.0.0"
   },
-  "jest": {
-    "preset": "react-native",
-    "modulePathIgnorePatterns": [
-      "<rootDir>/dist/"
-    ]
-  },
-  "commitlint": {
-    "extends": [
-      "@commitlint/config-conventional"
-    ]
-  },
-  "release-it": {
-    "git": {
-      "commitMessage": "chore: release ${version}",
-      "tagName": "v${version}"
-    },
-    "npm": {
-      "publish": true
-    },
-    "github": {
-      "release": true
-    },
-    "plugins": {
-      "@release-it/conventional-changelog": {
-        "preset": "angular"
-      }
-    }
-  },
-  "eslintConfig": {
-    "root": true,
-    "extends": [
-      "@react-native",
-      "prettier"
-    ],
-    "rules": {
-      "prettier/prettier": [
-        "error",
-        {
-          "quoteProps": "consistent",
-          "singleQuote": true,
-          "tabWidth": 2,
-          "trailingComma": "es5",
-          "useTabs": false
-        }
-      ]
-    }
-  },
-  "eslintIgnore": [
-    "node_modules/",
-    "dist/"
-  ],
-  "prettier": {
-    "quoteProps": "consistent",
-    "singleQuote": true,
-    "tabWidth": 2,
-    "trailingComma": "es5",
-    "useTabs": false
-  },
-  "react-native-builder-bob": {
-    "source": "src",
-    "output": "dist",
-    "typescript": [
-      {
-        "project": "tsconfig.build.json"
-      }
-    ],
-    "targets": [
-      "module",
-      "commonjs",
-      [
-        "typescript",
-        {
-          "project": "tsconfig.build.json"
-        }
-      ]
-    ]
-  },
   "scripts": {
+    "dev": "nodemon --watch ./src --exec 'bob build' --ext ts,tsx",
     "build": "bob build",
     "typecheck": "tsc --noEmit",
     "clean": "del-cli android/build dist",
-    "release": "release-it"
+    "format": "prettier --write ."
   }
 }

package/src/components/3DS/ThreeDSecure.tsx

@@ -0,0 +1,32 @@
+import React, { createContext, useContext } from "react";
+import { ThreeDSecureProviderProps } from "./types";
+import { useEvervault } from "../EvervaultProvider";
+import { ThreeDSecureFrame } from "./ThreeDSecureFrame";
+import { ThreeDSecureContext } from "./context";
+
+
+const ThreeDSecure = ({ state, children }: ThreeDSecureProviderProps) => {
+  const { appUuid } = useEvervault();
+
+  if (!appUuid) {
+    throw new Error("ThreeDSecure must be used within an Evervault Provider");
+  }
+
+  const { session, isVisible } = state;
+
+  if (!session) return null;
+
+  return (
+    <ThreeDSecureContext.Provider value={state}>
+      {isVisible && children}
+    </ThreeDSecureContext.Provider>
+  );
+};
+
+
+
+const ThreeDSecureNamespace = Object.assign(ThreeDSecure, {
+  Frame: ThreeDSecureFrame
+});
+
+export { ThreeDSecureNamespace as ThreeDSecure };

package/src/components/3DS/ThreeDSecureFrame.tsx

@@ -0,0 +1,39 @@
+import React, { useContext, useState } from "react";
+import { View, StyleSheet } from "react-native";
+import { useEvervault } from "../EvervaultProvider";
+import WebView from "react-native-webview";
+import { CHALLENGE_DOMAIN_3DS } from "./config";
+import { defaultThreeDSecureFrameStyles as defaultStyles } from "./styles";
+import { ThreeDSecureContext } from "./context";
+
+export function ThreeDSecureFrame() {
+  const { teamUuid, appUuid } = useEvervault();
+  const context = useContext(ThreeDSecureContext);
+
+
+  if (!teamUuid || !appUuid) {
+    throw new Error('Missing Evervault Team or App Uuid. Make sure the ThreeDSecureFrame is nested within the Evervault Provider');
+  }
+
+  if (!context) {
+    throw new Error("ThreeDSecure.Frame must be used within an Evervault ThreeDSecure provider component");
+  }
+
+  const { session } = context;
+
+  if (!session) {
+    return null; // 3DS Session not started yet
+  }
+
+  return (
+    <View style={defaultStyles.threeDSFrame}>
+      <WebView
+        source={{
+          uri: `https://${CHALLENGE_DOMAIN_3DS}/?session=${session.sessionId}&app=${appUuid}&team=${teamUuid}`,
+        }}
+        containerStyle={defaultStyles.webView}
+        overScrollMode="content"
+      />
+    </View>
+  );
+}

package/src/components/3DS/config.ts

@@ -0,0 +1,2 @@
+export const EV_API_DOMAIN = process.env.EV_API_DOMAIN || 'api.evervault.com';
+export const CHALLENGE_DOMAIN_3DS = process.env.CHALLENGE_DOMAIN_3DS || 'c713-2a09-bac5-3a69-ebe-00-178-198.ngrok-free.app';

package/src/components/3DS/context.tsx

@@ -0,0 +1,4 @@
+import { createContext } from "react";
+import { ThreeDSecureState } from "./types";
+  
+export const ThreeDSecureContext = createContext<ThreeDSecureState | null>(null);

package/src/components/3DS/index.ts

@@ -0,0 +1,2 @@
+export { ThreeDSecure } from "./ThreeDSecure";
+export { useThreeDSecure } from "./useThreeDSecure";

package/src/components/3DS/styles.tsx

@@ -0,0 +1,63 @@
+import { StyleSheet } from 'react-native';
+
+const defaultModalStyles = StyleSheet.create({
+    modalContainer: {
+        flex: 1,
+        justifyContent: "flex-end",
+        backgroundColor: "rgba(0, 0, 0, 0.5)",
+    },
+    modalContent: {
+        width: "100%",
+        height: "95%",
+        backgroundColor: "#fff",
+        padding: 0,
+        justifyContent: "flex-start",
+        borderTopLeftRadius: 20,
+        borderTopRightRadius: 20, 
+    },
+    titleBar: {
+        justifyContent: "center",
+        alignItems: "center",
+        padding: 10,
+        backgroundColor: "#f5f5f5",
+        borderBottomWidth: 1,
+        borderBottomColor: "#ccc",
+        position: "relative",
+        width: "100%",
+        borderTopLeftRadius: 20,
+        borderTopRightRadius: 20,
+    },
+    titleText: {
+        fontSize: 18,
+        fontWeight: "bold",
+    },
+    closeButton: {
+        position: "absolute",
+        left: 10,
+        padding: 10,
+    },
+    closeButtonText: {
+        fontSize: 18,
+        fontWeight: "bold",
+        color: "black",
+    },
+});
+
+const defaultThreeDSecureFrameStyles = StyleSheet.create({
+  threeDSFrame: {
+    flex: 1,
+  },
+  webView: {
+    flex: 1,
+  },
+  spinnerOverlay: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+  },
+});
+
+export {
+    defaultModalStyles,
+    defaultThreeDSecureFrameStyles
+}

package/src/components/3DS/threeDSSession.ts

@@ -0,0 +1,132 @@
+import {
+  ThreeDSecureCallbacks,
+  ThreeDSecureSessionsParams,
+  ThreeDSecureSession,
+  ThreeDSecureSessionResponse,
+} from "./types";
+import { EV_API_DOMAIN } from "./config";
+
+const stopPolling = (
+  intervalRef: React.MutableRefObject<NodeJS.Timeout | null>,
+  setIsVisible: (show: boolean) => void,
+) => {
+  setIsVisible(false);
+  clearInterval(intervalRef.current!);
+  intervalRef.current = null;
+}
+
+export const startSession = async (
+  session: ThreeDSecureSession,
+  callbacks: ThreeDSecureCallbacks,
+  intervalRef: React.MutableRefObject<NodeJS.Timeout | null>,
+  setIsVisible: (show: boolean) => void
+) => {
+  try {
+    const sessionState = await session.get();
+
+    switch (sessionState.status) {
+      case "success":
+        stopPolling(intervalRef, setIsVisible);
+        callbacks.onSuccess();
+        break;
+      case "failure":
+        stopPolling(intervalRef, setIsVisible);
+        callbacks.onFailure(new Error("3DS session failed"));
+        break;
+      case "action-required":
+        setIsVisible(true);
+        pollSession(session, callbacks, intervalRef, setIsVisible);
+        break;
+      default:
+        break;
+    }
+  } catch (error) {
+    console.error("Error checking session state", error);
+    callbacks.onError(new Error("Failed to check 3DS session state"));
+  }
+};
+
+export const pollSession = (
+  session: ThreeDSecureSession,
+  callbacks: ThreeDSecureCallbacks,
+  intervalRef: React.MutableRefObject<NodeJS.Timeout | null>,
+  setIsVisible: (show: boolean) => void,
+  interval: number = 3000
+) => {
+  intervalRef.current = setInterval(async () => {
+    try {
+      const pollResponse: ThreeDSecureSessionResponse = await session.get();
+      if (pollResponse.status === "success") {
+        stopPolling(intervalRef, setIsVisible);
+        callbacks.onSuccess();
+      } else if (pollResponse.status === "failure") {
+        stopPolling(intervalRef, setIsVisible);
+        callbacks.onFailure(new Error("3DS session failed"));
+      } else {
+        setIsVisible(true);
+      }
+    } catch (error) {
+      stopPolling(intervalRef, setIsVisible);
+      console.error("Error polling session", error);
+      callbacks.onError(new Error("Error polling 3DS session"));
+    }
+  }, interval);
+};
+
+export function threeDSecureSession({
+  sessionId,
+  appId,
+  callbacks,
+  intervalRef,
+  setIsVisible,
+}: ThreeDSecureSessionsParams): ThreeDSecureSession {
+  const get = async (): Promise<ThreeDSecureSessionResponse> => {
+    try {
+      const response = await fetch(
+        `https://${EV_API_DOMAIN}/frontend/3ds/browser-sessions/${sessionId}`,
+        {
+          headers: {
+            "x-evervault-app-id": appId,
+          },
+        }
+      );
+
+      const result = (await response.json()) as ThreeDSecureSessionResponse;
+      return result;
+    } catch (error) {
+      console.error("Error fetching 3DS session status", error);
+      throw error;
+    }
+  };
+
+  const cancel = async (): Promise<void> => {
+    try {
+      await fetch(
+        `https://${EV_API_DOMAIN}/frontend/3ds/browser-sessions/${sessionId}`,
+        {
+          method: "PATCH",
+          headers: {
+            "Content-Type": "application/json",
+            "x-evervault-app-id": appId,
+          },
+          body: JSON.stringify({ outcome: "cancelled" }),
+        }
+      );
+
+      callbacks.onFailure(new Error("3DS session cancelled by user"));
+      setIsVisible(false);
+      if (intervalRef.current) {
+        clearInterval(intervalRef.current);
+      }
+    } catch (error) {
+      console.error("Error cancelling 3DS session", error);
+      throw error;
+    }
+  };
+
+  return {
+    sessionId,
+    get,
+    cancel,
+  } as ThreeDSecureSession;
+}