@evervault/evervault-react-native 1.0.0 → 1.1.0

package/src/components/Card/utilities.ts

@@ -3,9 +3,9 @@ import {
   validateExpiry,
   validateCVC,
   CardNumberValidationResult,
-} from '@evervault/card-validator';
-import type { CardForm, CardBrandName, CardField, CardPayload } from './types';
-import { UseFormReturn } from '../useForm';
+} from "@evervault/card-validator";
+import type { CardForm, CardBrandName, CardField, CardPayload } from "./types";
+import { UseFormReturn } from "../useForm";
 
 export async function changePayload(
   encrypt: (value: string) => Promise<string>,
@@ -14,7 +14,7 @@ export async function changePayload(
 ): Promise<CardPayload> {
   const { name, number: rawNumber, expiry, cvc } = form.values;
 
-  const number = rawNumber.replace(/\s/g, '');
+  const number = rawNumber.replace(/\s/g, "");
 
   const {
     brand,
@@ -41,21 +41,21 @@ export async function changePayload(
 }
 
 export function isComplete(form: UseFormReturn<CardForm>, fields: CardField[]) {
-  if (fields.includes('name')) {
+  if (fields.includes("name")) {
     if (form.values.name.length === 0) return false;
   }
 
-  if (fields.includes('number')) {
+  if (fields.includes("number")) {
     const cardValidation = validateNumber(form.values.number);
     if (!cardValidation.isValid) return false;
   }
 
-  if (fields.includes('expiry')) {
+  if (fields.includes("expiry")) {
     const expiryValidation = validateExpiry(form.values.expiry);
     if (!expiryValidation.isValid) return false;
   }
 
-  if (fields.includes('cvc')) {
+  if (fields.includes("cvc")) {
     const cvcValidation = validateCVC(form.values.cvc, form.values.number);
     if (!cvcValidation.isValid) return false;
   }

package/src/components/EvervaultProvider.tsx

@@ -0,0 +1,64 @@
+import { ReactNode, createContext, useContext, useEffect } from "react";
+import * as React from "react";
+import { EvervaultSdk } from "../native";
+
+export interface EvervaultContext {
+  teamUuid?: string;
+  appUuid?: string;
+}
+
+const Ctx = createContext<EvervaultContext>({
+  teamUuid: undefined,
+  appUuid: undefined,
+});
+
+// this isn't publicly exposed
+export const useEvervault = () => useContext(Ctx);
+
+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>
+ *  );
+ * }
+ * ```
+ */
+const EvervaultProvider = ({ teamId, appId, children }: EvervaultProps) => {
+  useEffect(() => {
+    async function initEvervault() {
+      try {
+        if (!teamId || !appId) {
+          return;
+        }
+
+        return EvervaultSdk.initialize(teamId, appId);
+      } catch (error) {
+        throw new Error(`Failed to initialize the Evervault SDK ${error}`);
+      }
+    }
+
+    if (teamId || appId) {
+      initEvervault();
+    }
+  }, [teamId, appId]);
+
+  return (
+    <Ctx.Provider value={{ teamUuid: teamId, appUuid: appId }}>
+      {children}
+    </Ctx.Provider>
+  );
+};
+
+export default EvervaultProvider;

package/src/index.tsx

@@ -1,5 +1,5 @@
-export { type CardProps, Card } from './components/Card';
-export { init, encrypt } from './sdk';
+export { type CardProps, Card } from "./components/Card";
+export { init, encrypt } from "./sdk";
 export type {
   CardPayload,
   CardExpiry,
@@ -7,4 +7,5 @@ export type {
   CardConfig,
   CardForm,
   CardField,
-} from './components/Card/types';
+} from "./components/Card/types";
+export { default as EvervaultProvider } from "./components/EvervaultProvider";

package/src/native.ts

@@ -1,10 +1,10 @@
-import { NativeModules, Platform } from 'react-native';
+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';
+  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

package/src/sdk.ts

@@ -1,12 +1,19 @@
-import { Platform } from 'react-native';
-import { EvervaultSdk } from './native';
+import { Platform } from "react-native";
+import { EvervaultSdk } from "./native";
 
+/**
+ * @deprecated Deprecated since version 1.1.0. Use `EvervaultProvider` instead.
+ * @see `EvervaultProvider` instead
+ * ```tsx
+ * import { EvervaultProvider } from "@evervault/evervault-react-native";
+ * ```
+ */
 export async function init(teamUuid: string, appUuid: string): Promise<void> {
-  if (!teamUuid.startsWith('team_')) {
+  if (!teamUuid?.startsWith("team_")) {
     throw new Error("Invalid Evervault Team UUID");
   }
 
-  if (!appUuid.startsWith('app_')) {
+  if (!appUuid?.startsWith("app_")) {
     throw new Error("Invalid Evervault App UUID");
   }
 
@@ -14,7 +21,7 @@ export async function init(teamUuid: string, appUuid: string): Promise<void> {
 }
 
 export async function encrypt(data: any): Promise<string> {
-  if (Platform.OS === 'android' && typeof data !== 'string') {
+  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