@evervault/evervault-react-native 0.2.3 → 0.4.2

package/README.md

@@ -1,36 +1,65 @@
 # react-native-evervault-sdk
 
-Evervault react native sdk
+## [Documentation](https://docs.evervault.com/sdks/react-native)
+Please see our documentation site for a full guide and reference.
 
 ## Installation
 
 ```sh
 npm install @evervault/evervault-react-native
 ```
-
-## Setup iOS + React Native v0.60
-```
-pod install
+or
+```sh
+yarn add @evervault/evervault-react-native
 ```
 
 ## Usage
-```js
-import { init, encrypt } from '@evervault/evervault-react-native';
+```tsx
+import { init, Card, type CardPayload } from "@evervault/evervault-react-native"
 
-export default function Component() {
-  const [encObject, setEncObject] = React.useState<string | undefined>();
-  const testEncObject = { key: 'value', boolKey: true, number: 123};
+export default function App() {
+  const [cardData, setCardData] = useState<CardPayload | undefined>(undefined);
 
-  React.useEffect(() => {
-    async function initEvervault() {
+  useEffect(() => {
+    async function setupEvervault() {
       try {
-        await init('TEAM_UUID', 'APP_UUID');
-      } catch (error) {
-        console.error(error);
+        await init(process.env.EXPO_PUBLIC_EV_TEAM_UUID, process.env.EXPO_PUBLIC_EV_APP_UUID);
+      } catch (err) {
+        throw new Error("Failed to initialize Evervault", err);
       }
     }
-    initEvervault();
-    encrypt(testEncObject).then(setEncObject);
+    setupEvervault();
   }, []);
+
+  return (
+    <ScrollView contentContainerStyle={styles.container}>
+      <Text style={styles.title}>evervault react native</Text>
+      <Card
+        onChange={setCardData}
+        onComplete={(payload) => console.log("Card Complete!", payload)}
+        style={styles.card}
+      >
+        <Text>Card Number</Text>
+        <Card.Number
+          placeholder="4242 4242 4242 4242"
+          style={styles.input}
+        />
+        <Card.Expiry
+          placeholder="MM / YY"
+          style={styles.input}
+        />
+        <Card.Holder
+          placeholder="John Doe"
+          style={styles.input}
+        />
+        <Card.CVC
+          placeholder="523"
+          style={styles.input}
+        />
+      </Card>
+      <Text style={styles.details}>{JSON.stringify(cardData, null, 2)}</Text>
+      <StatusBar style="auto" />
+    </ScrollView>
+  );
 }
 ```

package/android/build.gradle

@@ -8,7 +8,7 @@ buildscript {
   }
 
   dependencies {
-    classpath "com.android.tools.build:gradle:7.2.1"
+    classpath "com.android.tools.build:gradle:8.4.0"
     // noinspection DifferentKotlinGradleVersion
     classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlin_version"
   }
@@ -43,6 +43,7 @@ def supportsNamespace() {
 }
 
 android {
+  ndkVersion "27.0.11718014"
   if (supportsNamespace()) {
     namespace "com.evervaultsdk"
 
@@ -88,7 +89,8 @@ dependencies {
   // For < 0.71, this will be from the local maven repo
   // For > 0.71, this will be replaced by `com.facebook.react:react-android:$version` by react gradle plugin
   //noinspection GradleDynamicVersion
-  implementation "com.facebook.react:react-native:+"
-  implementation "org.jetbrains.kotlin:kotlin-stdlib:$kotlin_version"
+  implementation("com.evervault.sdk:evervault-core:1.1")
+  implementation("com.facebook.react:react-android:0.74.1")
+  implementation("org.jetbrains.kotlin:kotlin-stdlib:$kotlin_version")
 }
 

package/android/gradle.properties

@@ -2,4 +2,4 @@ EvervaultSdk_kotlinVersion=1.7.0
 EvervaultSdk_minSdkVersion=21
 EvervaultSdk_targetSdkVersion=31
 EvervaultSdk_compileSdkVersion=31
-EvervaultSdk_ndkversion=21.4.7075529
+EvervaultSdk_ndkversion=27.0.11718014

package/android/src/main/java/com/evervaultsdk/EvervaultSdkModule.kt

@@ -1,22 +1,51 @@
 package com.evervaultsdk
 
+import com.evervault.sdk.Evervault
+import com.facebook.react.bridge.Arguments
+import com.facebook.react.bridge.Promise
 import com.facebook.react.bridge.ReactApplicationContext
 import com.facebook.react.bridge.ReactContextBaseJavaModule
 import com.facebook.react.bridge.ReactMethod
-import com.facebook.react.bridge.Promise
+import com.facebook.react.bridge.ReadableMap
+import com.facebook.react.bridge.WritableMap
+import kotlinx.coroutines.CoroutineScope
+import kotlinx.coroutines.Dispatchers
+import kotlinx.coroutines.SupervisorJob
+import kotlinx.coroutines.launch
+import kotlinx.coroutines.withContext
+
 
 class EvervaultSdkModule(reactContext: ReactApplicationContext) :
   ReactContextBaseJavaModule(reactContext) {
+  private val evervaultScope = CoroutineScope(SupervisorJob() + Dispatchers.Main.immediate)
 
   override fun getName(): String {
     return NAME
   }
 
-  // Example method
-  // See https://reactnative.dev/docs/native-modules-android
   @ReactMethod
-  fun multiply(a: Double, b: Double, promise: Promise) {
-    promise.resolve(a * b)
+  fun initialize(teamUuid: String, appUuid: String, promise: Promise) {
+    try {
+      Evervault.shared.configure(teamUuid, appUuid)
+      promise.resolve(null)
+    } catch (e: Exception) {
+      promise.reject("InitializationError", "Failed to initialize Evervault SDK", e)
+    }
+  }
+
+  @ReactMethod
+  fun encrypt(value: String, promise: Promise) {
+    evervaultScope.launch {
+      try {
+        val encrypted = withContext(context = Dispatchers.IO) {
+          Evervault.shared.encrypt(value)
+        }
+
+        promise.resolve(encrypted)
+      } catch (e: Exception) {
+        promise.reject("EncryptionError", "Failed to encrypt with the Evervault SDK $e")
+      }
+    }
   }
 
   companion object {

package/android/src/main/java/com/evervaultsdk/EvervaultSdkPackage.kt

@@ -1,11 +1,11 @@
 package com.evervaultsdk
 
 import com.facebook.react.ReactPackage
+import com.facebook.react.bridge.JavaScriptModule
 import com.facebook.react.bridge.NativeModule
 import com.facebook.react.bridge.ReactApplicationContext
 import com.facebook.react.uimanager.ViewManager
 
-
 class EvervaultSdkPackage : ReactPackage {
   override fun createNativeModules(reactContext: ReactApplicationContext): List<NativeModule> {
     return listOf(EvervaultSdkModule(reactContext))

package/dist/commonjs/components/Card/Card.js

@@ -0,0 +1,115 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Card = void 0;
+var _cardValidator = require("@evervault/card-validator");
+var _react = require("react");
+var _useForm = require("../useForm");
+var _utilities = require("./utilities");
+var _CardNumber = require("./CardNumber");
+var _context = require("./context");
+var _sdk = require("../../sdk");
+var _CardCVC = require("./CardCVC");
+var _CardHolder = require("./CardHolder");
+var _CardExpiry = require("./CardExpiry");
+var _reactNative = require("react-native");
+function Card({
+  initialValue,
+  config,
+  children,
+  onChange,
+  onComplete,
+  style
+}) {
+  const [registeredFields, setRegisteredFields] = (0, _react.useState)(new Set());
+  const form = (0, _useForm.useForm)({
+    initialValues: initialValue ?? {
+      cvc: '',
+      expiry: '',
+      number: '',
+      name: ''
+    },
+    validate: {
+      name: values => {
+        if (!registeredFields.has('name')) {
+          return undefined;
+        }
+        if (values.name.length === 0) {
+          return 'invalid';
+        }
+        return undefined;
+      },
+      number: values => {
+        if (!registeredFields.has('number')) {
+          return undefined;
+        }
+        const cardValidation = (0, _cardValidator.validateNumber)(values.number);
+        if (!cardValidation.isValid) {
+          return 'invalid';
+        }
+        if (!(0, _utilities.isAcceptedBrand)(config?.acceptedBrands, cardValidation)) {
+          return 'unsupportedBrand';
+        }
+        return undefined;
+      },
+      expiry: values => {
+        if (!registeredFields.has('expiry')) {
+          return undefined;
+        }
+        const expiryValidation = (0, _cardValidator.validateExpiry)(values.expiry);
+        if (!expiryValidation.isValid) {
+          return 'invalid';
+        }
+        return undefined;
+      },
+      cvc: values => {
+        if (!registeredFields.has('cvc')) {
+          return undefined;
+        }
+        const cvcValidation = (0, _cardValidator.validateCVC)(values.cvc, values.number);
+        if (!cvcValidation.isValid) {
+          return 'invalid';
+        }
+        return undefined;
+      }
+    },
+    onChange: formState => {
+      const triggerChange = async () => {
+        const cardData = await (0, _utilities.changePayload)(_sdk.encrypt, formState, Array.from(registeredFields));
+        if (onChange) {
+          onChange(cardData);
+        }
+      };
+      triggerChange();
+    }
+  });
+  (0, _react.useEffect)(() => {
+    const getCardData = async () => {
+      const cardData = await (0, _utilities.changePayload)(_sdk.encrypt, form, Array.from(registeredFields));
+      if (onComplete) {
+        onComplete(cardData);
+      }
+    };
+    if ((0, _utilities.isComplete)(form, Array.from(registeredFields))) {
+      getCardData();
+    }
+  }, [form, onComplete, registeredFields]);
+  return /*#__PURE__*/React.createElement(_context.CardContext.Provider, {
+    value: {
+      values: form.values,
+      register: form.register,
+      setRegisteredFields
+    }
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: style
+  }, children));
+}
+const CardNamespace = exports.Card = Object.assign(Card, {
+  Number: _CardNumber.CardNumber,
+  CVC: _CardCVC.CardCVC,
+  Holder: _CardHolder.CardHolder,
+  Expiry: _CardExpiry.CardExpiry
+});
+//# sourceMappingURL=Card.js.map

package/dist/commonjs/components/Card/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_cardValidator","require","_react","_useForm","_utilities","_CardNumber","_context","_sdk","_CardCVC","_CardHolder","_CardExpiry","_reactNative","Card","initialValue","config","children","onChange","onComplete","style","registeredFields","setRegisteredFields","useState","Set","form","useForm","initialValues","cvc","expiry","number","name","validate","values","has","undefined","length","cardValidation","validateNumber","isValid","isAcceptedBrand","acceptedBrands","expiryValidation","validateExpiry","cvcValidation","validateCVC","formState","triggerChange","cardData","changePayload","encrypt","Array","from","useEffect","getCardData","isComplete","React","createElement","CardContext","Provider","value","register","View","CardNamespace","exports","Object","assign","Number","CardNumber","CVC","CardCVC","Holder","CardHolder","Expiry","CardExpiry"],"sourceRoot":"../../../../src","sources":["components/Card/Card.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CardCVC = void 0;
+var _cardValidator = require("@evervault/card-validator");
+var _react = _interopRequireWildcard(require("react"));
+var _reactNativeMaskedText = require("react-native-masked-text");
+var _context = require("./context");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const CardCVC = ({
+  style,
+  disabled,
+  placeholder,
+  readOnly
+}) => {
+  const context = (0, _context.useCardContext)();
+  const mask = (0, _react.useMemo)(() => {
+    const type = (0, _cardValidator.validateNumber)(context.values.number).brand;
+    if (type === 'american-express') {
+      return '9999';
+    }
+    return '999';
+  }, [context.values.number]);
+  const {
+    onChange,
+    onBlur
+  } = context.register('cvc');
+  (0, _react.useEffect)(() => {
+    context.setRegisteredFields(prev => new Set(prev).add('cvc'));
+    return () => context.setRegisteredFields(prev => {
+      const next = new Set(prev);
+      next.delete('cvc');
+      return next;
+    });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  return /*#__PURE__*/_react.default.createElement(_reactNativeMaskedText.TextInputMask, {
+    type: "custom",
+    options: {
+      mask
+    },
+    style: style,
+    value: context.values.cvc,
+    onChangeText: t => onChange(t),
+    id: "cvc",
+    editable: disabled,
+    selectTextOnFocus: disabled,
+    onBlur: onBlur,
+    placeholder: placeholder,
+    inputMode: "numeric",
+    autoComplete: "cc-csc",
+    readOnly: readOnly
+  });
+};
+exports.CardCVC = CardCVC;
+//# sourceMappingURL=CardCVC.js.map

package/dist/commonjs/components/Card/CardCVC.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_cardValidator","require","_react","_interopRequireWildcard","_reactNativeMaskedText","_context","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","CardCVC","style","disabled","placeholder","readOnly","context","useCardContext","mask","useMemo","type","validateNumber","values","number","brand","onChange","onBlur","register","useEffect","setRegisteredFields","prev","Set","add","next","delete","createElement","TextInputMask","options","value","cvc","onChangeText","id","editable","selectTextOnFocus","inputMode","autoComplete","exports"],"sourceRoot":"../../../../src","sources":["components/Card/CardCVC.tsx"],"mappings":";;;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,sBAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AAA2C,SAAAK,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAJ,wBAAAI,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAKpC,MAAMW,OAAO,GAAGA,CAAC;EACtBC,KAAK;EACLC,QAAQ;EACRC,WAAW;EACXC;AACQ,CAAC,KAAK;EACd,MAAMC,OAAO,GAAG,IAAAC,uBAAc,EAAC,CAAC;EAChC,MAAMC,IAAI,GAAG,IAAAC,cAAO,EAAC,MAAM;IACzB,MAAMC,IAAI,GAAG,IAAAC,6BAAc,EAACL,OAAO,CAACM,MAAM,CAACC,MAAM,CAAC,CAACC,KAAK;IACxD,IAAIJ,IAAI,KAAK,kBAAkB,EAAE;MAC/B,OAAO,MAAM;IACf;IACA,OAAO,KAAK;EACd,CAAC,EAAE,CAACJ,OAAO,CAACM,MAAM,CAACC,MAAM,CAAC,CAAC;EAE3B,MAAM;IAAEE,QAAQ;IAAEC;EAAO,CAAC,GAAGV,OAAO,CAACW,QAAQ,CAAC,KAAK,CAAC;EAEpD,IAAAC,gBAAS,EAAC,MAAM;IACdZ,OAAO,CAACa,mBAAmB,CAAEC,IAAI,IAAK,IAAIC,GAAG,CAACD,IAAI,CAAC,CAACE,GAAG,CAAC,KAAK,CAAC,CAAC;IAC/D,OAAO,MAAMhB,OAAO,CAACa,mBAAmB,CAAEC,IAAI,IAAK;MACjD,MAAMG,IAAI,GAAG,IAAIF,GAAG,CAACD,IAAI,CAAC;MAC1BG,IAAI,CAACC,MAAM,CAAC,KAAK,CAAC;MAClB,OAAOD,IAAI;IACb,CAAC,CAAC;IACF;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,oBACE9C,MAAA,CAAAU,OAAA,CAAAsC,aAAA,CAAC9C,sBAAA,CAAA+C,aAAa;IACZhB,IAAI,EAAC,QAAQ;IACbiB,OAAO,EAAE;MAAEnB;IAAK,CAAE;IAClBN,KAAK,EAAEA,KAAM;IACb0B,KAAK,EAAEtB,OAAO,CAACM,MAAM,CAACiB,GAAI;IAC1BC,YAAY,EAAG7C,CAAC,IAAK8B,QAAQ,CAAC9B,CAAC,CAAE;IACjC8C,EAAE,EAAC,KAAK;IACRC,QAAQ,EAAE7B,QAAS;IACnB8B,iBAAiB,EAAE9B,QAAS;IAC5Ba,MAAM,EAAEA,MAAO;IACfZ,WAAW,EAAEA,WAAY;IACzB8B,SAAS,EAAC,SAAS;IACnBC,YAAY,EAAC,QAAQ;IACrB9B,QAAQ,EAAEA;EAAS,CACpB,CAAC;AAEN,CAAC;AAAC+B,OAAA,CAAAnC,OAAA,GAAAA,OAAA","ignoreList":[]}

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

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CardExpiry = CardExpiry;
+var _reactNativeMaskedText = require("react-native-masked-text");
+var _context = require("./context");
+var _react = require("react");
+function CardExpiry({
+  disabled,
+  placeholder,
+  readOnly,
+  style
+}) {
+  const context = (0, _context.useCardContext)();
+  const {
+    onBlur,
+    onChange
+  } = context.register('expiry');
+  (0, _react.useEffect)(() => {
+    context.setRegisteredFields(prev => new Set(prev).add('expiry'));
+    return () => context.setRegisteredFields(prev => {
+      const next = new Set(prev);
+      next.delete('expiry');
+      return next;
+    });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  return /*#__PURE__*/React.createElement(_reactNativeMaskedText.TextInputMask, {
+    style: style,
+    type: "datetime",
+    value: context.values.expiry,
+    editable: disabled,
+    selectTextOnFocus: disabled
+    // store the expiry as MMYY not MM / YY
+    ,
+    onChangeText: rawExpiry => onChange(rawExpiry.replace(' / ', '')),
+    options: {
+      format: '99 / 99'
+    },
+    id: "expiry",
+    onBlur: onBlur,
+    placeholder: placeholder ?? 'MM / YY',
+    inputMode: "numeric",
+    autoComplete: "cc-exp",
+    readOnly: readOnly
+  });
+}
+//# sourceMappingURL=CardExpiry.js.map

package/dist/commonjs/components/Card/CardExpiry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNativeMaskedText","require","_context","_react","CardExpiry","disabled","placeholder","readOnly","style","context","useCardContext","onBlur","onChange","register","useEffect","setRegisteredFields","prev","Set","add","next","delete","React","createElement","TextInputMask","type","value","values","expiry","editable","selectTextOnFocus","onChangeText","rawExpiry","replace","options","format","id","inputMode","autoComplete"],"sourceRoot":"../../../../src","sources":["components/Card/CardExpiry.tsx"],"mappings":";;;;;;AAAA,IAAAA,sBAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAKO,SAASG,UAAUA,CAAC;EACzBC,QAAQ;EACRC,WAAW;EACXC,QAAQ;EACRC;AACe,CAAC,EAAE;EAClB,MAAMC,OAAO,GAAG,IAAAC,uBAAc,EAAC,CAAC;EAEhC,MAAM;IAAEC,MAAM;IAAEC;EAAS,CAAC,GAAGH,OAAO,CAACI,QAAQ,CAAC,QAAQ,CAAC;EAEvD,IAAAC,gBAAS,EAAC,MAAM;IACdL,OAAO,CAACM,mBAAmB,CAAEC,IAAI,IAAK,IAAIC,GAAG,CAACD,IAAI,CAAC,CAACE,GAAG,CAAC,QAAQ,CAAC,CAAC;IAClE,OAAO,MAAMT,OAAO,CAACM,mBAAmB,CAAEC,IAAI,IAAK;MACjD,MAAMG,IAAI,GAAG,IAAIF,GAAG,CAACD,IAAI,CAAC;MAC1BG,IAAI,CAACC,MAAM,CAAC,QAAQ,CAAC;MACrB,OAAOD,IAAI;IACb,CAAC,CAAC;IACF;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,oBACEE,KAAA,CAAAC,aAAA,CAACtB,sBAAA,CAAAuB,aAAa;IACZf,KAAK,EAAEA,KAAM;IACbgB,IAAI,EAAC,UAAU;IACfC,KAAK,EAAEhB,OAAO,CAACiB,MAAM,CAACC,MAAO;IAC7BC,QAAQ,EAAEvB,QAAS;IACnBwB,iBAAiB,EAAExB;IACnB;IAAA;IACAyB,YAAY,EAAGC,SAAS,IAAKnB,QAAQ,CAACmB,SAAS,CAACC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAE;IACpEC,OAAO,EAAE;MACPC,MAAM,EAAE;IACV,CAAE;IACFC,EAAE,EAAC,QAAQ;IACXxB,MAAM,EAAEA,MAAO;IACfL,WAAW,EAAEA,WAAW,IAAI,SAAU;IACtC8B,SAAS,EAAC,SAAS;IACnBC,YAAY,EAAC,QAAQ;IACrB9B,QAAQ,EAAEA;EAAS,CACpB,CAAC;AAEN","ignoreList":[]}

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

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CardHolder = CardHolder;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _context = require("./context");
+function CardHolder({
+  autoFocus,
+  disabled,
+  placeholder,
+  readOnly,
+  style
+}) {
+  const context = (0, _context.useCardContext)();
+  const {
+    onBlur,
+    onChange
+  } = context.register('name');
+  (0, _react.useEffect)(() => {
+    context.setRegisteredFields(prev => new Set(prev).add('name'));
+    return () => context.setRegisteredFields(prev => {
+      const next = new Set(prev);
+      next.delete('name');
+      return next;
+    });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  return /*#__PURE__*/React.createElement(_reactNative.TextInput, {
+    id: "name",
+    style: style,
+    value: context.values.name,
+    readOnly: readOnly,
+    onBlur: onBlur,
+    autoFocus: autoFocus,
+    editable: disabled,
+    selectTextOnFocus: disabled,
+    placeholder: placeholder,
+    autoComplete: "cc-name",
+    onChangeText: v => onChange(v)
+  });
+}
+//# sourceMappingURL=CardHolder.js.map

package/dist/commonjs/components/Card/CardHolder.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_context","CardHolder","autoFocus","disabled","placeholder","readOnly","style","context","useCardContext","onBlur","onChange","register","useEffect","setRegisteredFields","prev","Set","add","next","delete","React","createElement","TextInput","id","value","values","name","editable","selectTextOnFocus","autoComplete","onChangeText","v"],"sourceRoot":"../../../../src","sources":["components/Card/CardHolder.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAOO,SAASG,UAAUA,CAAC;EACzBC,SAAS;EACTC,QAAQ;EACRC,WAAW;EACXC,QAAQ;EACRC;AACe,CAAC,EAAE;EAClB,MAAMC,OAAO,GAAG,IAAAC,uBAAc,EAAC,CAAC;EAEhC,MAAM;IAAEC,MAAM;IAAEC;EAAS,CAAC,GAAGH,OAAO,CAACI,QAAQ,CAAC,MAAM,CAAC;EAErD,IAAAC,gBAAS,EAAC,MAAM;IACdL,OAAO,CAACM,mBAAmB,CAAEC,IAAI,IAAK,IAAIC,GAAG,CAACD,IAAI,CAAC,CAACE,GAAG,CAAC,MAAM,CAAC,CAAC;IAChE,OAAO,MAAMT,OAAO,CAACM,mBAAmB,CAAEC,IAAI,IAAK;MACjD,MAAMG,IAAI,GAAG,IAAIF,GAAG,CAACD,IAAI,CAAC;MAC1BG,IAAI,CAACC,MAAM,CAAC,MAAM,CAAC;MACnB,OAAOD,IAAI;IACb,CAAC,CAAC;IACF;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,oBACEE,KAAA,CAAAC,aAAA,CAACrB,YAAA,CAAAsB,SAAS;IACRC,EAAE,EAAC,MAAM;IACThB,KAAK,EAAEA,KAAM;IACbiB,KAAK,EAAEhB,OAAO,CAACiB,MAAM,CAACC,IAAK;IAC3BpB,QAAQ,EAAEA,QAAS;IACnBI,MAAM,EAAEA,MAAO;IACfP,SAAS,EAAEA,SAAU;IACrBwB,QAAQ,EAAEvB,QAAS;IACnBwB,iBAAiB,EAAExB,QAAS;IAC5BC,WAAW,EAAEA,WAAY;IACzBwB,YAAY,EAAC,SAAS;IACtBC,YAAY,EAAGC,CAAC,IAAKpB,QAAQ,CAACoB,CAAC;EAAE,CAClC,CAAC;AAEN","ignoreList":[]}

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

@@ -0,0 +1,68 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CardNumber = CardNumber;
+var _cardValidator = require("@evervault/card-validator");
+var _react = require("react");
+var _reactNativeMaskedText = require("react-native-masked-text");
+var _context = require("./context");
+function CardNumber({
+  autoFocus,
+  disabled,
+  placeholder,
+  readOnly,
+  style
+}) {
+  const context = (0, _context.useCardContext)();
+  const ref = (0, _react.useRef)(null);
+  const [innerValue, mask] = (0, _react.useMemo)(() => {
+    const value = context.values.number;
+    const {
+      brand
+    } = (0, _cardValidator.validateNumber)(value);
+    const masks = {
+      'default': '9999 9999 9999 9999',
+      'unionpay': '9999 9999 9999 9999 999',
+      'american-express': '9999 999999 99999'
+    };
+    if (brand && !!masks[brand]) {
+      return [value, masks[brand]];
+    }
+    return [value, masks.default];
+  }, [context.values.number]);
+  const {
+    onBlur,
+    onChange
+  } = context.register('number');
+  (0, _react.useEffect)(() => {
+    context.setRegisteredFields(prev => new Set(prev).add('number'));
+    return () => context.setRegisteredFields(prev => {
+      const next = new Set(prev);
+      next.delete('name');
+      return next;
+    });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  return /*#__PURE__*/React.createElement(_reactNativeMaskedText.TextInputMask, {
+    style: style,
+    ref: ref,
+    type: "custom",
+    options: {
+      mask
+    },
+    id: "number",
+    value: innerValue,
+    onChangeText: onChange,
+    onBlur: onBlur,
+    readOnly: readOnly,
+    inputMode: "numeric",
+    autoFocus: autoFocus,
+    placeholder: placeholder,
+    editable: disabled,
+    selectTextOnFocus: disabled,
+    autoComplete: "cc-number"
+  });
+}
+//# sourceMappingURL=CardNumber.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_cardValidator","require","_react","_reactNativeMaskedText","_context","CardNumber","autoFocus","disabled","placeholder","readOnly","style","context","useCardContext","ref","useRef","innerValue","mask","useMemo","value","values","number","brand","validateNumber","masks","default","onBlur","onChange","register","useEffect","setRegisteredFields","prev","Set","add","next","delete","React","createElement","TextInputMask","type","options","id","onChangeText","inputMode","editable","selectTextOnFocus","autoComplete"],"sourceRoot":"../../../../src","sources":["components/Card/CardNumber.tsx"],"mappings":";;;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,sBAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AAOO,SAASI,UAAUA,CAAC;EACzBC,SAAS;EACTC,QAAQ;EACRC,WAAW;EACXC,QAAQ;EACRC;AACe,CAAC,EAAE;EAClB,MAAMC,OAAO,GAAG,IAAAC,uBAAc,EAAC,CAAC;EAChC,MAAMC,GAAG,GAAG,IAAAC,aAAM,EAAgB,IAAI,CAAC;EAEvC,MAAM,CAACC,UAAU,EAAEC,IAAI,CAAC,GAAG,IAAAC,cAAO,EAAC,MAAM;IACvC,MAAMC,KAAK,GAAGP,OAAO,CAACQ,MAAM,CAACC,MAAM;IAEnC,MAAM;MAAEC;IAAM,CAAC,GAAG,IAAAC,6BAAc,EAACJ,KAAK,CAAC;IAEvC,MAAMK,KAAK,GAAG;MACZ,SAAS,EAAE,qBAAqB;MAChC,UAAU,EAAE,yBAAyB;MACrC,kBAAkB,EAAE;IACtB,CAA2B;IAE3B,IAAIF,KAAK,IAAI,CAAC,CAACE,KAAK,CAACF,KAAK,CAAC,EAAE;MAC3B,OAAO,CAACH,KAAK,EAAEK,KAAK,CAACF,KAAK,CAAC,CAAC;IAC9B;IACA,OAAO,CAACH,KAAK,EAAEK,KAAK,CAACC,OAAO,CAAC;EAC/B,CAAC,EAAE,CAACb,OAAO,CAACQ,MAAM,CAACC,MAAM,CAAC,CAAC;EAE3B,MAAM;IAAEK,MAAM;IAAEC;EAAS,CAAC,GAAGf,OAAO,CAACgB,QAAQ,CAAC,QAAQ,CAAC;EAEvD,IAAAC,gBAAS,EAAC,MAAM;IACdjB,OAAO,CAACkB,mBAAmB,CAAEC,IAAI,IAAK,IAAIC,GAAG,CAACD,IAAI,CAAC,CAACE,GAAG,CAAC,QAAQ,CAAC,CAAC;IAClE,OAAO,MAAMrB,OAAO,CAACkB,mBAAmB,CAAEC,IAAI,IAAK;MACjD,MAAMG,IAAI,GAAG,IAAIF,GAAG,CAACD,IAAI,CAAC;MAC1BG,IAAI,CAACC,MAAM,CAAC,MAAM,CAAC;MACnB,OAAOD,IAAI;IACb,CAAC,CAAC;IACF;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,oBACEE,KAAA,CAAAC,aAAA,CAACjC,sBAAA,CAAAkC,aAAa;IACZ3B,KAAK,EAAEA,KAAM;IACbG,GAAG,EAAEA,GAAI;IACTyB,IAAI,EAAC,QAAQ;IACbC,OAAO,EAAE;MAAEvB;IAAK,CAAE;IAClBwB,EAAE,EAAC,QAAQ;IACXtB,KAAK,EAAEH,UAAW;IAClB0B,YAAY,EAAEf,QAAS;IACvBD,MAAM,EAAEA,MAAO;IACfhB,QAAQ,EAAEA,QAAS;IACnBiC,SAAS,EAAC,SAAS;IACnBpC,SAAS,EAAEA,SAAU;IACrBE,WAAW,EAAEA,WAAY;IACzBmC,QAAQ,EAAEpC,QAAS;IACnBqC,iBAAiB,EAAErC,QAAS;IAC5BsC,YAAY,EAAC;EAAW,CACzB,CAAC;AAEN","ignoreList":[]}

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

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useCardContext = exports.CardContext = void 0;
+var _react = require("react");
+const CardContext = exports.CardContext = /*#__PURE__*/(0, _react.createContext)({
+  values: {
+    name: '',
+    number: '',
+    cvc: '',
+    expiry: ''
+  },
+  register: () => ({
+    onChange: () => {},
+    onBlur: () => {}
+  }),
+  setRegisteredFields: () => {}
+});
+const useCardContext = () => (0, _react.useContext)(CardContext);
+exports.useCardContext = useCardContext;
+//# sourceMappingURL=context.js.map

package/dist/commonjs/components/Card/context.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","CardContext","exports","createContext","values","name","number","cvc","expiry","register","onChange","onBlur","setRegisteredFields","useCardContext","useContext"],"sourceRoot":"../../../../src","sources":["components/Card/context.tsx"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AASO,MAAMC,WAAW,GAAAC,OAAA,CAAAD,WAAA,gBAAG,IAAAE,oBAAa,EAAoB;EAC1DC,MAAM,EAAE;IACNC,IAAI,EAAE,EAAE;IACRC,MAAM,EAAE,EAAE;IACVC,GAAG,EAAE,EAAE;IACPC,MAAM,EAAE;EACV,CAAC;EACDC,QAAQ,EAAEA,CAAA,MAAO;IACfC,QAAQ,EAAEA,CAAA,KAAM,CAAC,CAAC;IAChBC,MAAM,EAAEA,CAAA,KAAM,CAAC;EACf,CAAC,CAAC;EACNC,mBAAmB,EAAEA,CAAA,KAAM,CAAC;AAC5B,CAAC,CAAC;AAEG,MAAMC,cAAc,GAAGA,CAAA,KAAM,IAAAC,iBAAU,EAACb,WAAW,CAAC;AAACC,OAAA,CAAAW,cAAA,GAAAA,cAAA","ignoreList":[]}

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

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Card", {
+  enumerable: true,
+  get: function () {
+    return _Card.Card;
+  }
+});
+var _Card = require("./Card");
+//# sourceMappingURL=index.js.map

package/dist/commonjs/components/Card/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_Card","require"],"sourceRoot":"../../../../src","sources":["components/Card/index.ts"],"mappings":";;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA","ignoreList":[]}

package/dist/commonjs/components/Card/types.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=types.js.map

package/dist/commonjs/components/Card/types.js.map

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