@evervault/evervault-react-native 1.0.1 → 1.1.0

package/dist/module/components/Card/CardCVC.js

@@ -1,28 +1,28 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-import { validateNumber } from '@evervault/card-validator';
-import * as React from 'react';
-import { useEffect, useMemo } from 'react';
-import { TextInputMask } from 'react-native-masked-text';
-import { removeFieldFromSet, useCardContext } from './context';
+import { validateNumber } from "@evervault/card-validator";
+import * as React from "react";
+import { useEffect, useMemo } from "react";
+import { TextInputMask } from "react-native-masked-text";
+import { removeFieldFromSet, useCardContext } from "./context";
 export const CardCVC = props => {
   const context = useCardContext();
   const mask = useMemo(() => {
     if (!context.values.number) {
-      return '9999';
+      return "9999";
     }
     const type = validateNumber(context.values.number).brand;
-    if (type === 'american-express') {
-      return '9999';
+    if (type === "american-express") {
+      return "9999";
     }
-    return '999';
+    return "999";
   }, [context.values.number]);
   const {
     onChange,
     onBlur
-  } = context.register('cvc');
+  } = context.register("cvc");
   useEffect(() => {
-    context.setRegisteredFields(prev => new Set(prev).add('cvc'));
-    return () => context.setRegisteredFields(prev => removeFieldFromSet(prev, 'cvc'));
+    context.setRegisteredFields(prev => new Set(prev).add("cvc"));
+    return () => context.setRegisteredFields(prev => removeFieldFromSet(prev, "cvc"));
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   return /*#__PURE__*/React.createElement(TextInputMask, _extends({}, props, {

package/dist/module/components/Card/CardExpiry.js

@@ -1,17 +1,17 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-import { TextInputMask } from 'react-native-masked-text';
-import { removeFieldFromSet, useCardContext } from './context';
-import * as React from 'react';
-import { useEffect } from 'react';
+import { TextInputMask } from "react-native-masked-text";
+import { removeFieldFromSet, useCardContext } from "./context";
+import * as React from "react";
+import { useEffect } from "react";
 export function CardExpiry(props) {
   const context = useCardContext();
   const {
     onBlur,
     onChange
-  } = context.register('expiry');
+  } = context.register("expiry");
   useEffect(() => {
-    context.setRegisteredFields(prev => new Set(prev).add('expiry'));
-    return () => context.setRegisteredFields(prev => removeFieldFromSet(prev, 'expiry'));
+    context.setRegisteredFields(prev => new Set(prev).add("expiry"));
+    return () => context.setRegisteredFields(prev => removeFieldFromSet(prev, "expiry"));
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   return /*#__PURE__*/React.createElement(TextInputMask, _extends({}, props, {
@@ -19,16 +19,16 @@ export function CardExpiry(props) {
     value: context.values.expiry
     // store the expiry as MMYY not MM / YY
     ,
-    onChangeText: rawExpiry => onChange(rawExpiry.replace(' / ', '')),
+    onChangeText: rawExpiry => onChange(rawExpiry.replace(" / ", "")),
     options: {
-      format: '99 / 99'
+      format: "99 / 99"
     },
     id: "expiry",
     onBlur: e => {
       onBlur(e);
       props.onBlur?.(e);
     },
-    placeholder: props.placeholder ?? 'MM / YY',
+    placeholder: props.placeholder ?? "MM / YY",
     inputMode: "numeric",
     autoComplete: "cc-exp"
   }));

package/dist/module/components/Card/CardHolder.js

@@ -1,17 +1,17 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-import { useEffect } from 'react';
-import * as React from 'react';
-import { Platform, TextInput } from 'react-native';
-import { removeFieldFromSet, useCardContext } from './context';
+import { useEffect } from "react";
+import * as React from "react";
+import { Platform, TextInput } from "react-native";
+import { removeFieldFromSet, useCardContext } from "./context";
 export function CardHolder(props) {
   const context = useCardContext();
   const {
     onBlur,
     onChange
-  } = context.register('name');
+  } = context.register("name");
   useEffect(() => {
-    context.setRegisteredFields(prev => new Set(prev).add('name'));
-    return () => context.setRegisteredFields(prev => removeFieldFromSet(prev, 'name'));
+    context.setRegisteredFields(prev => new Set(prev).add("name"));
+    return () => context.setRegisteredFields(prev => removeFieldFromSet(prev, "name"));
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   return /*#__PURE__*/React.createElement(TextInput, _extends({}, props, {
@@ -22,8 +22,8 @@ export function CardHolder(props) {
       props.onBlur?.(e);
     },
     autoComplete: Platform.select({
-      ios: 'cc-name',
-      android: 'name'
+      ios: "cc-name",
+      android: "name"
     }),
     onChangeText: v => onChange(v)
   }));

package/dist/module/components/Card/CardNumber.js

@@ -1,9 +1,9 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-import { validateNumber } from '@evervault/card-validator';
-import * as React from 'react';
-import { useEffect, useMemo, useRef } from 'react';
-import { TextInputMask } from 'react-native-masked-text';
-import { removeFieldFromSet, useCardContext } from './context';
+import { validateNumber } from "@evervault/card-validator";
+import * as React from "react";
+import { useEffect, useMemo, useRef } from "react";
+import { TextInputMask } from "react-native-masked-text";
+import { removeFieldFromSet, useCardContext } from "./context";
 export function CardNumber(props) {
   const context = useCardContext();
   const ref = useRef(null);
@@ -13,9 +13,9 @@ export function CardNumber(props) {
       brand
     } = validateNumber(value);
     const masks = {
-      'default': '9999 9999 9999 9999',
-      'unionpay': '9999 9999 9999 9999 999',
-      'american-express': '9999 999999 99999'
+      default: "9999 9999 9999 9999",
+      unionpay: "9999 9999 9999 9999 999",
+      "american-express": "9999 999999 99999"
     };
     if (brand && !!masks[brand]) {
       return [value, masks[brand]];
@@ -25,10 +25,10 @@ export function CardNumber(props) {
   const {
     onBlur,
     onChange
-  } = context.register('number');
+  } = context.register("number");
   useEffect(() => {
-    context.setRegisteredFields(prev => new Set(prev).add('number'));
-    return () => context.setRegisteredFields(prev => removeFieldFromSet(prev, 'number'));
+    context.setRegisteredFields(prev => new Set(prev).add("number"));
+    return () => context.setRegisteredFields(prev => removeFieldFromSet(prev, "number"));
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   return /*#__PURE__*/React.createElement(TextInputMask, _extends({}, props, {

package/dist/module/components/Card/CardNumber.js.map

@@ -1 +1 @@
-{"version":3,"names":["validateNumber","React","useEffect","useMemo","useRef","TextInputMask","removeFieldFromSet","useCardContext","CardNumber","props","context","ref","innerValue","mask","value","values","number","brand","masks","default","onBlur","onChange","register","setRegisteredFields","prev","Set","add","createElement","_extends","type","options","id","onChangeText","e","inputMode","autoComplete"],"sourceRoot":"../../../../src","sources":["components/Card/CardNumber.tsx"],"mappings":";AAAA,SAASA,cAAc,QAAQ,2BAA2B;AAC1D,OAAO,KAAKC,KAAK,MAAM,OAAO;AAC9B,SAASC,SAAS,EAAEC,OAAO,EAAEC,MAAM,QAAQ,OAAO;AAClD,SAASC,aAAa,QAAQ,0BAA0B;AACxD,SAASC,kBAAkB,EAAEC,cAAc,QAAQ,WAAW;AAK9D,OAAO,SAASC,UAAUA,CAACC,KAAsB,EAAE;EACjD,MAAMC,OAAO,GAAGH,cAAc,CAAC,CAAC;EAChC,MAAMI,GAAG,GAAGP,MAAM,CAAgB,IAAI,CAAC;EAEvC,MAAM,CAACQ,UAAU,EAAEC,IAAI,CAAC,GAAGV,OAAO,CAAC,MAAM;IACvC,MAAMW,KAAK,GAAGJ,OAAO,CAACK,MAAM,CAACC,MAAM;IAEnC,MAAM;MAAEC;IAAM,CAAC,GAAGjB,cAAc,CAACc,KAAK,CAAC;IAEvC,MAAMI,KAAK,GAAG;MACZ,SAAS,EAAE,qBAAqB;MAChC,UAAU,EAAE,yBAAyB;MACrC,kBAAkB,EAAE;IACtB,CAA2B;IAE3B,IAAID,KAAK,IAAI,CAAC,CAACC,KAAK,CAACD,KAAK,CAAC,EAAE;MAC3B,OAAO,CAACH,KAAK,EAAEI,KAAK,CAACD,KAAK,CAAC,CAAC;IAC9B;IACA,OAAO,CAACH,KAAK,EAAEI,KAAK,CAACC,OAAO,CAAC;EAC/B,CAAC,EAAE,CAACT,OAAO,CAACK,MAAM,CAACC,MAAM,CAAC,CAAC;EAE3B,MAAM;IAAEI,MAAM;IAAEC;EAAS,CAAC,GAAGX,OAAO,CAACY,QAAQ,CAAC,QAAQ,CAAC;EAEvDpB,SAAS,CAAC,MAAM;IACdQ,OAAO,CAACa,mBAAmB,CAAEC,IAAI,IAAK,IAAIC,GAAG,CAACD,IAAI,CAAC,CAACE,GAAG,CAAC,QAAQ,CAAC,CAAC;IAElE,OAAO,MACLhB,OAAO,CAACa,mBAAmB,CAAEC,IAAI,IAAKlB,kBAAkB,CAACkB,IAAI,EAAE,QAAQ,CAAC,CAAC;IAC3E;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,oBACEvB,KAAA,CAAA0B,aAAA,CAACtB,aAAa,EAAAuB,QAAA,KACRnB,KAAK;IACTE,GAAG,EAAEA,GAAI;IACTkB,IAAI,EAAC,QAAQ;IACbC,OAAO,EAAE;MAAEjB;IAAK,CAAE;IAClBkB,EAAE,EAAC,QAAQ;IACXjB,KAAK,EAAEF,UAAW;IAClBoB,YAAY,EAAEX,QAAS;IACvBD,MAAM,EAAGa,CAAC,IAAK;MACbb,MAAM,CAACa,CAAC,CAAC;MACTxB,KAAK,CAACW,MAAM,GAAGa,CAAC,CAAC;IACnB,CAAE;IACFC,SAAS,EAAC,SAAS;IACnBC,YAAY,EAAC;EAAW,EACzB,CAAC;AAEN","ignoreList":[]}
+{"version":3,"names":["validateNumber","React","useEffect","useMemo","useRef","TextInputMask","removeFieldFromSet","useCardContext","CardNumber","props","context","ref","innerValue","mask","value","values","number","brand","masks","default","unionpay","onBlur","onChange","register","setRegisteredFields","prev","Set","add","createElement","_extends","type","options","id","onChangeText","e","inputMode","autoComplete"],"sourceRoot":"../../../../src","sources":["components/Card/CardNumber.tsx"],"mappings":";AAAA,SAASA,cAAc,QAAQ,2BAA2B;AAC1D,OAAO,KAAKC,KAAK,MAAM,OAAO;AAC9B,SAASC,SAAS,EAAEC,OAAO,EAAEC,MAAM,QAAQ,OAAO;AAClD,SAASC,aAAa,QAAQ,0BAA0B;AACxD,SAASC,kBAAkB,EAAEC,cAAc,QAAQ,WAAW;AAK9D,OAAO,SAASC,UAAUA,CAACC,KAAsB,EAAE;EACjD,MAAMC,OAAO,GAAGH,cAAc,CAAC,CAAC;EAChC,MAAMI,GAAG,GAAGP,MAAM,CAAgB,IAAI,CAAC;EAEvC,MAAM,CAACQ,UAAU,EAAEC,IAAI,CAAC,GAAGV,OAAO,CAAC,MAAM;IACvC,MAAMW,KAAK,GAAGJ,OAAO,CAACK,MAAM,CAACC,MAAM;IAEnC,MAAM;MAAEC;IAAM,CAAC,GAAGjB,cAAc,CAACc,KAAK,CAAC;IAEvC,MAAMI,KAAK,GAAG;MACZC,OAAO,EAAE,qBAAqB;MAC9BC,QAAQ,EAAE,yBAAyB;MACnC,kBAAkB,EAAE;IACtB,CAA2B;IAE3B,IAAIH,KAAK,IAAI,CAAC,CAACC,KAAK,CAACD,KAAK,CAAC,EAAE;MAC3B,OAAO,CAACH,KAAK,EAAEI,KAAK,CAACD,KAAK,CAAC,CAAC;IAC9B;IACA,OAAO,CAACH,KAAK,EAAEI,KAAK,CAACC,OAAO,CAAC;EAC/B,CAAC,EAAE,CAACT,OAAO,CAACK,MAAM,CAACC,MAAM,CAAC,CAAC;EAE3B,MAAM;IAAEK,MAAM;IAAEC;EAAS,CAAC,GAAGZ,OAAO,CAACa,QAAQ,CAAC,QAAQ,CAAC;EAEvDrB,SAAS,CAAC,MAAM;IACdQ,OAAO,CAACc,mBAAmB,CAAEC,IAAI,IAAK,IAAIC,GAAG,CAACD,IAAI,CAAC,CAACE,GAAG,CAAC,QAAQ,CAAC,CAAC;IAElE,OAAO,MACLjB,OAAO,CAACc,mBAAmB,CAAEC,IAAI,IAAKnB,kBAAkB,CAACmB,IAAI,EAAE,QAAQ,CAAC,CAAC;IAC3E;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,oBACExB,KAAA,CAAA2B,aAAA,CAACvB,aAAa,EAAAwB,QAAA,KACRpB,KAAK;IACTE,GAAG,EAAEA,GAAI;IACTmB,IAAI,EAAC,QAAQ;IACbC,OAAO,EAAE;MAAElB;IAAK,CAAE;IAClBmB,EAAE,EAAC,QAAQ;IACXlB,KAAK,EAAEF,UAAW;IAClBqB,YAAY,EAAEX,QAAS;IACvBD,MAAM,EAAGa,CAAC,IAAK;MACbb,MAAM,CAACa,CAAC,CAAC;MACTzB,KAAK,CAACY,MAAM,GAAGa,CAAC,CAAC;IACnB,CAAE;IACFC,SAAS,EAAC,SAAS;IACnBC,YAAY,EAAC;EAAW,EACzB,CAAC;AAEN","ignoreList":[]}

package/dist/module/components/Card/context.js

@@ -1,15 +1,15 @@
-import { createContext, useContext } from 'react';
+import { createContext, useContext } from "react";
 export const removeFieldFromSet = (prev, field) => {
   const next = new Set(prev);
-  next.delete('name');
+  next.delete("name");
   return next;
 };
 export const CardContext = /*#__PURE__*/createContext({
   values: {
-    name: '',
-    number: '',
-    cvc: '',
-    expiry: ''
+    name: "",
+    number: "",
+    cvc: "",
+    expiry: ""
   },
   register: () => ({
     onChange: () => {},

package/dist/module/components/Card/index.js

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

package/dist/module/components/Card/utilities.js

@@ -1,4 +1,4 @@
-import { validateNumber, validateExpiry, validateCVC } from '@evervault/card-validator';
+import { validateNumber, validateExpiry, validateCVC } from "@evervault/card-validator";
 export async function changePayload(encrypt, form, fields) {
   const {
     name,
@@ -6,7 +6,7 @@ export async function changePayload(encrypt, form, fields) {
     expiry,
     cvc
   } = form.values;
-  const number = rawNumber.replace(/\s/g, '');
+  const number = rawNumber.replace(/\s/g, "");
   const {
     brand,
     localBrands,
@@ -31,18 +31,18 @@ export async function changePayload(encrypt, form, fields) {
   };
 }
 export function isComplete(form, fields) {
-  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/dist/module/components/EvervaultProvider.js

@@ -0,0 +1,53 @@
+import { createContext, useContext, useEffect } from "react";
+import * as React from "react";
+import { EvervaultSdk } from "../native";
+const Ctx = /*#__PURE__*/createContext({
+  teamUuid: undefined,
+  appUuid: undefined
+});
+
+// this isn't publicly exposed
+export const useEvervault = () => useContext(Ctx);
+/**
+ * @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
+}) => {
+  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 /*#__PURE__*/React.createElement(Ctx.Provider, {
+    value: {
+      teamUuid: teamId,
+      appUuid: appId
+    }
+  }, children);
+};
+export default EvervaultProvider;
+//# sourceMappingURL=EvervaultProvider.js.map

package/dist/module/components/EvervaultProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","useContext","useEffect","React","EvervaultSdk","Ctx","teamUuid","undefined","appUuid","useEvervault","EvervaultProvider","teamId","appId","children","initEvervault","initialize","error","Error","createElement","Provider","value"],"sourceRoot":"../../../src","sources":["components/EvervaultProvider.tsx"],"mappings":"AAAA,SAAoBA,aAAa,EAAEC,UAAU,EAAEC,SAAS,QAAQ,OAAO;AACvE,OAAO,KAAKC,KAAK,MAAM,OAAO;AAC9B,SAASC,YAAY,QAAQ,WAAW;AAOxC,MAAMC,GAAG,gBAAGL,aAAa,CAAmB;EAC1CM,QAAQ,EAAEC,SAAS;EACnBC,OAAO,EAAED;AACX,CAAC,CAAC;;AAEF;AACA,OAAO,MAAME,YAAY,GAAGA,CAAA,KAAMR,UAAU,CAACI,GAAG,CAAC;AAQjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMK,iBAAiB,GAAGA,CAAC;EAAEC,MAAM;EAAEC,KAAK;EAAEC;AAAyB,CAAC,KAAK;EACzEX,SAAS,CAAC,MAAM;IACd,eAAeY,aAAaA,CAAA,EAAG;MAC7B,IAAI;QACF,IAAI,CAACH,MAAM,IAAI,CAACC,KAAK,EAAE;UACrB;QACF;QAEA,OAAOR,YAAY,CAACW,UAAU,CAACJ,MAAM,EAAEC,KAAK,CAAC;MAC/C,CAAC,CAAC,OAAOI,KAAK,EAAE;QACd,MAAM,IAAIC,KAAK,CAAE,0CAAyCD,KAAM,EAAC,CAAC;MACpE;IACF;IAEA,IAAIL,MAAM,IAAIC,KAAK,EAAE;MACnBE,aAAa,CAAC,CAAC;IACjB;EACF,CAAC,EAAE,CAACH,MAAM,EAAEC,KAAK,CAAC,CAAC;EAEnB,oBACET,KAAA,CAAAe,aAAA,CAACb,GAAG,CAACc,QAAQ;IAACC,KAAK,EAAE;MAAEd,QAAQ,EAAEK,MAAM;MAAEH,OAAO,EAAEI;IAAM;EAAE,GACvDC,QACW,CAAC;AAEnB,CAAC;AAED,eAAeH,iBAAiB","ignoreList":[]}

package/dist/module/index.js

@@ -1,3 +1,4 @@
-export { Card } from './components/Card';
-export { init, encrypt } from './sdk';
+export { Card } from "./components/Card";
+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"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":"AAAA,SAAyBA,IAAI,QAAQ,mBAAmB;AACxD,SAASC,IAAI,EAAEC,OAAO,QAAQ,OAAO","ignoreList":[]}
+{"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":[]}

package/dist/module/native.js

@@ -1,8 +1,8 @@
-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';
+  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);

package/dist/module/sdk.js

@@ -1,16 +1,24 @@
-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, appUuid) {
-  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");
   }
   return EvervaultSdk.initialize(teamUuid, appUuid);
 }
 export async function encrypt(data) {
-  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

package/dist/module/sdk.js.map

@@ -1 +1 @@
-{"version":3,"names":["Platform","EvervaultSdk","init","teamUuid","appUuid","startsWith","Error","initialize","encrypt","data","OS"],"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,IAAI,CAACD,QAAQ,CAACE,UAAU,CAAC,OAAO,CAAC,EAAE;IACjC,MAAM,IAAIC,KAAK,CAAC,6BAA6B,CAAC;EAChD;EAEA,IAAI,CAACF,OAAO,CAACC,UAAU,CAAC,MAAM,CAAC,EAAE;IAC/B,MAAM,IAAIC,KAAK,CAAC,4BAA4B,CAAC;EAC/C;EAEA,OAAOL,YAAY,CAACM,UAAU,CAACJ,QAAQ,EAAEC,OAAO,CAAC;AACnD;AAEA,OAAO,eAAeI,OAAOA,CAACC,IAAS,EAAmB;EACxD,IAAIT,QAAQ,CAACU,EAAE,KAAK,SAAS,IAAI,OAAOD,IAAI,KAAK,QAAQ,EAAE;IACzD,MAAM,IAAIH,KAAK,CAAE;AACrB;AACA;AACA,2EAA2E,CAAC;EAC1E;EAEA,OAAOL,YAAY,CAACO,OAAO,CAACC,IAAI,CAAC;AACnC","ignoreList":[]}
+{"version":3,"names":["Platform","EvervaultSdk","init","teamUuid","appUuid","startsWith","Error","initialize","encrypt","data","OS"],"sourceRoot":"../../src","sources":["sdk.ts"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,cAAc;AACvC,SAASC,YAAY,QAAQ,UAAU;;AAEvC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,eAAeC,IAAIA,CAACC,QAAgB,EAAEC,OAAe,EAAiB;EAC3E,IAAI,CAACD,QAAQ,EAAEE,UAAU,CAAC,OAAO,CAAC,EAAE;IAClC,MAAM,IAAIC,KAAK,CAAC,6BAA6B,CAAC;EAChD;EAEA,IAAI,CAACF,OAAO,EAAEC,UAAU,CAAC,MAAM,CAAC,EAAE;IAChC,MAAM,IAAIC,KAAK,CAAC,4BAA4B,CAAC;EAC/C;EAEA,OAAOL,YAAY,CAACM,UAAU,CAACJ,QAAQ,EAAEC,OAAO,CAAC;AACnD;AAEA,OAAO,eAAeI,OAAOA,CAACC,IAAS,EAAmB;EACxD,IAAIT,QAAQ,CAACU,EAAE,KAAK,SAAS,IAAI,OAAOD,IAAI,KAAK,QAAQ,EAAE;IACzD,MAAM,IAAIH,KAAK,CAAE;AACrB;AACA;AACA,2EAA2E,CAAC;EAC1E;EAEA,OAAOL,YAAY,CAACO,OAAO,CAACC,IAAI,CAAC;AACnC","ignoreList":[]}

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";
 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/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,5 @@
-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 { 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,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"}