@evervault/evervault-react-native 1.1.0 → 1.2.0

package/dist/module/components/3DS/threeDSSession.js

@@ -0,0 +1,100 @@
+import { EV_API_DOMAIN } from "./config";
+const stopPolling = (intervalRef, setIsVisible) => {
+  setIsVisible(false);
+  clearInterval(intervalRef.current);
+  intervalRef.current = null;
+};
+export const startSession = async (session, callbacks, intervalRef, setIsVisible) => {
+  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, callbacks, intervalRef, setIsVisible, interval = 3000) => {
+  intervalRef.current = setInterval(async () => {
+    try {
+      const pollResponse = 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
+}) {
+  const get = async () => {
+    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();
+      return result;
+    } catch (error) {
+      console.error("Error fetching 3DS session status", error);
+      throw error;
+    }
+  };
+  const cancel = async () => {
+    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
+  };
+}
+//# sourceMappingURL=threeDSSession.js.map

package/dist/module/components/3DS/threeDSSession.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["EV_API_DOMAIN","stopPolling","intervalRef","setIsVisible","clearInterval","current","startSession","session","callbacks","sessionState","get","status","onSuccess","onFailure","Error","pollSession","error","console","onError","interval","setInterval","pollResponse","threeDSecureSession","sessionId","appId","response","fetch","headers","result","json","cancel","method","body","JSON","stringify","outcome"],"sourceRoot":"../../../../src","sources":["components/3DS/threeDSSession.ts"],"mappings":"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","ignoreList":[]}

package/dist/module/components/3DS/types.js

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

package/dist/module/components/3DS/types.js.map

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

package/dist/module/components/3DS/useThreeDSecure.js

@@ -0,0 +1,40 @@
+import { useState } from "react";
+import { useRef } from "react";
+import { useEvervault } from "../EvervaultProvider";
+import { startSession, threeDSecureSession } from "./threeDSSession";
+export const useThreeDSecure = () => {
+  const {
+    appUuid
+  } = useEvervault();
+  const intervalRef = useRef(null);
+  const [session, setSession] = useState(null);
+  const [isVisible, setIsVisible] = useState(false);
+  if (!appUuid) {
+    throw new Error("useThreeDSecure must be used within an Evervault Provider");
+  }
+  const start = (sessionId, callbacks) => {
+    const session = threeDSecureSession({
+      sessionId,
+      appId: appUuid,
+      callbacks,
+      intervalRef,
+      setIsVisible
+    });
+    setSession(session);
+    startSession(session, callbacks, intervalRef, setIsVisible);
+  };
+  const cancel = async () => {
+    if (session) {
+      await session.cancel();
+    } else {
+      console.warn("No 3DS session to cancel");
+    }
+  };
+  return {
+    start,
+    cancel,
+    session,
+    isVisible: isVisible
+  };
+};
+//# sourceMappingURL=useThreeDSecure.js.map

package/dist/module/components/3DS/useThreeDSecure.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useState","useRef","useEvervault","startSession","threeDSecureSession","useThreeDSecure","appUuid","intervalRef","session","setSession","isVisible","setIsVisible","Error","start","sessionId","callbacks","appId","cancel","console","warn"],"sourceRoot":"../../../../src","sources":["components/3DS/useThreeDSecure.tsx"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,OAAO;AAChC,SAASC,MAAM,QAAQ,OAAO;AAC9B,SAASC,YAAY,QAAQ,sBAAsB;AACnD,SAASC,YAAY,EAAEC,mBAAmB,QAAQ,kBAAkB;AAOpE,OAAO,MAAMC,eAAe,GAAGA,CAAA,KAAyB;EACtD,MAAM;IAAEC;EAAQ,CAAC,GAAGJ,YAAY,CAAC,CAAC;EAClC,MAAMK,WAAW,GAAGN,MAAM,CAAwB,IAAI,CAAC;EACvD,MAAM,CAACO,OAAO,EAAEC,UAAU,CAAC,GAAGT,QAAQ,CAA6B,IAAI,CAAC;EACxE,MAAM,CAACU,SAAS,EAAEC,YAAY,CAAC,GAAGX,QAAQ,CAAC,KAAK,CAAC;EAEjD,IAAI,CAACM,OAAO,EAAE;IACZ,MAAM,IAAIM,KAAK,CACb,2DACF,CAAC;EACH;EAEA,MAAMC,KAAK,GAAGA,CAACC,SAAiB,EAAEC,SAAgC,KAAK;IACrE,MAAMP,OAAO,GAAGJ,mBAAmB,CAAC;MAClCU,SAAS;MACTE,KAAK,EAAEV,OAAO;MACdS,SAAS;MACTR,WAAW;MACXI;IACF,CAAC,CAAC;IAEFF,UAAU,CAACD,OAAO,CAAC;IAEnBL,YAAY,CAACK,OAAO,EAAEO,SAAS,EAAER,WAAW,EAAEI,YAAY,CAAC;EAC7D,CAAC;EAED,MAAMM,MAAM,GAAG,MAAAA,CAAA,KAAY;IACzB,IAAIT,OAAO,EAAE;MACX,MAAMA,OAAO,CAACS,MAAM,CAAC,CAAC;IACxB,CAAC,MAAM;MACLC,OAAO,CAACC,IAAI,CAAC,0BAA0B,CAAC;IAC1C;EACF,CAAC;EAED,OAAO;IACLN,KAAK;IACLI,MAAM;IACNT,OAAO;IACPE,SAAS,EAAEA;EACb,CAAC;AACH,CAAC","ignoreList":[]}

package/dist/module/index.js

@@ -1,4 +1,5 @@
 export { Card } from "./components/Card";
+export { ThreeDSecure, useThreeDSecure } from "./components/3DS";
 export { init, encrypt } from "./sdk";
 export { default as EvervaultProvider } from "./components/EvervaultProvider";
 //# sourceMappingURL=index.js.map

package/dist/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["Card","init","encrypt","default","EvervaultProvider"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":"AAAA,SAAyBA,IAAI,QAAQ,mBAAmB;AACxD,SAASC,IAAI,EAAEC,OAAO,QAAQ,OAAO;AASrC,SAASC,OAAO,IAAIC,iBAAiB,QAAQ,gCAAgC","ignoreList":[]}
+{"version":3,"names":["Card","ThreeDSecure","useThreeDSecure","init","encrypt","default","EvervaultProvider"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":"AAAA,SAAyBA,IAAI,QAAQ,mBAAmB;AACxD,SAASC,YAAY,EAAEC,eAAe,QAAQ,kBAAkB;AAChE,SAASC,IAAI,EAAEC,OAAO,QAAQ,OAAO;AASrC,SAASC,OAAO,IAAIC,iBAAiB,QAAQ,gCAAgC","ignoreList":[]}

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

@@ -0,0 +1,8 @@
+import React from "react";
+import { ThreeDSecureProviderProps } from "./types";
+import { ThreeDSecureFrame } from "./ThreeDSecureFrame";
+declare const ThreeDSecureNamespace: (({ state, children }: ThreeDSecureProviderProps) => React.JSX.Element | null) & {
+    Frame: typeof ThreeDSecureFrame;
+};
+export { ThreeDSecureNamespace as ThreeDSecure };
+//# sourceMappingURL=ThreeDSecure.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ThreeDSecure.d.ts","sourceRoot":"","sources":["../../../../../src/components/3DS/ThreeDSecure.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAC;AAEpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAwBxD,QAAA,MAAM,qBAAqB,yBApBgB,yBAAyB;;CAsBlE,CAAC;AAEH,OAAO,EAAE,qBAAqB,IAAI,YAAY,EAAE,CAAC"}

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

@@ -0,0 +1,3 @@
+import React from "react";
+export declare function ThreeDSecureFrame(): React.JSX.Element | null;
+//# sourceMappingURL=ThreeDSecureFrame.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ThreeDSecureFrame.d.ts","sourceRoot":"","sources":["../../../../../src/components/3DS/ThreeDSecureFrame.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAQpD,wBAAgB,iBAAiB,6BA8BhC"}

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

@@ -0,0 +1,3 @@
+export declare const EV_API_DOMAIN: string;
+export declare const CHALLENGE_DOMAIN_3DS: string;
+//# sourceMappingURL=config.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../../../../src/components/3DS/config.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,QAAmD,CAAC;AAC9E,eAAO,MAAM,oBAAoB,QAA0F,CAAC"}

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { ThreeDSecureState } from "./types";
+export declare const ThreeDSecureContext: import("react").Context<ThreeDSecureState | null>;
+//# sourceMappingURL=context.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../../src/components/3DS/context.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE5C,eAAO,MAAM,mBAAmB,mDAAgD,CAAC"}

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

@@ -0,0 +1,3 @@
+export { ThreeDSecure } from "./ThreeDSecure";
+export { useThreeDSecure } from "./useThreeDSecure";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/3DS/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}

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

@@ -0,0 +1,57 @@
+declare const defaultModalStyles: {
+    modalContainer: {
+        flex: number;
+        justifyContent: "flex-end";
+        backgroundColor: string;
+    };
+    modalContent: {
+        width: "100%";
+        height: "95%";
+        backgroundColor: string;
+        padding: number;
+        justifyContent: "flex-start";
+        borderTopLeftRadius: number;
+        borderTopRightRadius: number;
+    };
+    titleBar: {
+        justifyContent: "center";
+        alignItems: "center";
+        padding: number;
+        backgroundColor: string;
+        borderBottomWidth: number;
+        borderBottomColor: string;
+        position: "relative";
+        width: "100%";
+        borderTopLeftRadius: number;
+        borderTopRightRadius: number;
+    };
+    titleText: {
+        fontSize: number;
+        fontWeight: "bold";
+    };
+    closeButton: {
+        position: "absolute";
+        left: number;
+        padding: number;
+    };
+    closeButtonText: {
+        fontSize: number;
+        fontWeight: "bold";
+        color: string;
+    };
+};
+declare const defaultThreeDSecureFrameStyles: {
+    threeDSFrame: {
+        flex: number;
+    };
+    webView: {
+        flex: number;
+    };
+    spinnerOverlay: {
+        flex: number;
+        justifyContent: "center";
+        alignItems: "center";
+    };
+};
+export { defaultModalStyles, defaultThreeDSecureFrameStyles };
+//# sourceMappingURL=styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/3DS/styles.tsx"],"names":[],"mappings":"AAEA,QAAA,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyCtB,CAAC;AAEH,QAAA,MAAM,8BAA8B;;;;;;;;;;;;CAYlC,CAAC;AAEH,OAAO,EACH,kBAAkB,EAClB,8BAA8B,EACjC,CAAA"}

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

@@ -0,0 +1,10 @@
+/// <reference types="node" />
+/// <reference types="node" />
+/// <reference types="node" />
+/// <reference types="node" />
+/// <reference types="node" />
+import { ThreeDSecureCallbacks, ThreeDSecureSessionsParams, ThreeDSecureSession } from "./types";
+export declare const startSession: (session: ThreeDSecureSession, callbacks: ThreeDSecureCallbacks, intervalRef: React.MutableRefObject<NodeJS.Timeout | null>, setIsVisible: (show: boolean) => void) => Promise<void>;
+export declare const pollSession: (session: ThreeDSecureSession, callbacks: ThreeDSecureCallbacks, intervalRef: React.MutableRefObject<NodeJS.Timeout | null>, setIsVisible: (show: boolean) => void, interval?: number) => void;
+export declare function threeDSecureSession({ sessionId, appId, callbacks, intervalRef, setIsVisible, }: ThreeDSecureSessionsParams): ThreeDSecureSession;
+//# sourceMappingURL=threeDSSession.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"threeDSSession.d.ts","sourceRoot":"","sources":["../../../../../src/components/3DS/threeDSSession.ts"],"names":[],"mappings":";;;;;AAAA,OAAO,EACL,qBAAqB,EACrB,0BAA0B,EAC1B,mBAAmB,EAEpB,MAAM,SAAS,CAAC;AAYjB,eAAO,MAAM,YAAY,YACd,mBAAmB,aACjB,qBAAqB,eACnB,MAAM,gBAAgB,CAAC,OAAO,OAAO,GAAG,IAAI,CAAC,gBAC5C,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,kBAyBtC,CAAC;AAEF,eAAO,MAAM,WAAW,YACb,mBAAmB,aACjB,qBAAqB,eACnB,MAAM,gBAAgB,CAAC,OAAO,OAAO,GAAG,IAAI,CAAC,gBAC5C,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,aAC3B,MAAM,SAoBjB,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,EAClC,SAAS,EACT,KAAK,EACL,SAAS,EACT,WAAW,EACX,YAAY,GACb,EAAE,0BAA0B,GAAG,mBAAmB,CAkDlD"}

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/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[];
 }

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/index.d.ts

@@ -1,4 +1,5 @@
 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";

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;AACjC,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,gCAAgC,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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@evervault/evervault-react-native",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "description": "Evervault react native sdk",
   "main": "./dist/commonjs/index.js",
   "module": "./dist/module/index.js",
@@ -47,7 +47,8 @@
   "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",

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
+}