@evervault/evervault-react-native 0.2.2 → 0.3.0

package/README.md

@@ -1,36 +1,76 @@
 # react-native-evervault-sdk
 
-Evervault react native sdk
 
 ## 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';
+```typescript
+// .tsx
+import { init } from '@evervault/evervault-react-native';
+
 
 export default function Component() {
-  const [encObject, setEncObject] = React.useState<string | undefined>();
-  const testEncObject = { key: 'value', boolKey: true, number: 123};
+  const [cardData, setCardData] = useState<CardPayload | null>(null);
 
-  React.useEffect(() => {
+  useEffect(() => {
     async function initEvervault() {
       try {
-        await init('TEAM_UUID', 'APP_UUID');
+        await init(
+          process.env.EV_TEAM_UUID as string,
+          process.env.EV_APP_UUID as string
+        );
       } catch (error) {
         console.error(error);
       }
     }
     initEvervault();
-    encrypt(testEncObject).then(setEncObject);
   }, []);
+
+  return (
+    <Card onChange={setCardData} onComplete={() => console.log("Form Complete!")} style={{ gap: 24 }}>
+      <Card.Number placeholder="4242 4242 4242 4242" style={{ padding: 24 }}/>
+      <Card.CVC placeholder="123" />
+      <Card.Holder placeholder="Mark Doyle" />
+    </Card>
+  );
 }
 ```
+
+## Reference
+### `init(teamUuid, appUuid)`
+
+Initialize the Evervault SDK, this must be called before `encrypt` to set your Apps keys on the device.
+
+### Options
+
+| Type     | Type   | Required |
+| -------- | ------ | -------- |
+| teamUuid | string | yes      |
+| appUuid  | string | yes      |
+
+### Returns
+
+`Promise<void>`
+
+### `encrypt(data)`
+Encrypts data using [Evervault Encryption](https://docs.evervault.com/security/evervault-encryption).
+
+To encrypt strings using the React Native SDK, simply pass a String or an Object into the `encrypt()` function.
+
+### Options
+
+| Type | Type                          | Required |
+| ---- | ----------------------------- | -------- |
+| data | String, Number, Object, Array | yes      |
+
+### Returns
+
+`Promise<string>`

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/evervault-react-native.podspec

@@ -13,7 +13,7 @@ Pod::Spec.new do |s|
   s.platforms    = { :ios => "13.0" }
   s.source       = { :git => "https://github.com/evervault/evervault-react-native.git", :tag => "#{s.version}" }
 
-  s.source_files = "ios/**/*.{h,m,mm}"
+  s.source_files = "ios/**/*.{h,m,mm,swift}"
 
   s.dependency "React-Core"
   s.dependency "Evervault", '~> 0.3.2'

package/lib/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 _shared = require("shared");
+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, _shared.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/lib/commonjs/components/Card/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_cardValidator","require","_react","_shared","_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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"}

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

@@ -0,0 +1,53 @@
+"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 && Object.prototype.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'));
+    // 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,
+    autoComplete: "cc-csc",
+    readOnly: readOnly
+  });
+};
+exports.CardCVC = CardCVC;
+//# sourceMappingURL=CardCVC.js.map

package/lib/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","prototype","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","createElement","TextInputMask","options","value","cvc","onChangeText","id","editable","selectTextOnFocus","autoComplete","exports"],"sourceRoot":"../../../../src","sources":["components/Card/CardCVC.tsx"],"mappings":"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"}

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

@@ -0,0 +1,40 @@
+"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
+}) {
+  const context = (0, _context.useCardContext)();
+  const {
+    onBlur,
+    onChange
+  } = context.register('expiry');
+  (0, _react.useEffect)(() => {
+    context.setRegisteredFields(prev => new Set(prev).add('expiry'));
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  return /*#__PURE__*/React.createElement(_reactNativeMaskedText.TextInputMask, {
+    type: "datetime",
+    value: context.values.expiry,
+    editable: disabled,
+    selectTextOnFocus: disabled,
+    onChangeText: onChange,
+    options: {
+      format: '99 / 99'
+    },
+    id: "expiry",
+    onBlur: onBlur,
+    placeholder: placeholder ?? 'MM / YY',
+    autoComplete: "cc-exp",
+    readOnly: readOnly
+  });
+}
+//# sourceMappingURL=CardExpiry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNativeMaskedText","require","_context","_react","CardExpiry","disabled","placeholder","readOnly","context","useCardContext","onBlur","onChange","register","useEffect","setRegisteredFields","prev","Set","add","React","createElement","TextInputMask","type","value","values","expiry","editable","selectTextOnFocus","onChangeText","options","format","id","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;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;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,oBACEC,KAAA,CAAAC,aAAA,CAACnB,sBAAA,CAAAoB,aAAa;IACZC,IAAI,EAAC,UAAU;IACfC,KAAK,EAAEd,OAAO,CAACe,MAAM,CAACC,MAAO;IAC7BC,QAAQ,EAAEpB,QAAS;IACnBqB,iBAAiB,EAAErB,QAAS;IAC5BsB,YAAY,EAAEhB,QAAS;IACvBiB,OAAO,EAAE;MACPC,MAAM,EAAE;IACV,CAAE;IACFC,EAAE,EAAC,QAAQ;IACXpB,MAAM,EAAEA,MAAO;IACfJ,WAAW,EAAEA,WAAW,IAAI,SAAU;IACtCyB,YAAY,EAAC,QAAQ;IACrBxB,QAAQ,EAAEA;EAAS,CACpB,CAAC;AAEN"}

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

@@ -0,0 +1,38 @@
+"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
+}) {
+  const context = (0, _context.useCardContext)();
+  const {
+    onBlur,
+    onChange
+  } = context.register('name');
+  (0, _react.useEffect)(() => {
+    context.setRegisteredFields(prev => new Set(prev).add('name'));
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  return /*#__PURE__*/React.createElement(_reactNative.TextInput, {
+    id: "name",
+    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/lib/commonjs/components/Card/CardHolder.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_context","CardHolder","autoFocus","disabled","placeholder","readOnly","context","useCardContext","onBlur","onChange","register","useEffect","setRegisteredFields","prev","Set","add","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;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;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,oBACEC,KAAA,CAAAC,aAAA,CAAClB,YAAA,CAAAmB,SAAS;IACRC,EAAE,EAAC,MAAM;IACTC,KAAK,EAAEd,OAAO,CAACe,MAAM,CAACC,IAAK;IAC3BjB,QAAQ,EAAEA,QAAS;IACnBG,MAAM,EAAEA,MAAO;IACfN,SAAS,EAAEA,SAAU;IACrBqB,QAAQ,EAAEpB,QAAS;IACnBqB,iBAAiB,EAAErB,QAAS;IAC5BC,WAAW,EAAEA,WAAY;IACzBqB,YAAY,EAAC,SAAS;IACtBC,YAAY,EAAGC,CAAC,IAAKlB,QAAQ,CAACkB,CAAC;EAAE,CAClC,CAAC;AAEN"}

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

@@ -0,0 +1,63 @@
+"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'));
+    // 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/lib/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","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;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,oBACEC,KAAA,CAAAC,aAAA,CAAC/B,sBAAA,CAAAgC,aAAa;IACZzB,KAAK,EAAEA,KAAM;IACbG,GAAG,EAAEA,GAAI;IACTuB,IAAI,EAAC,QAAQ;IACbC,OAAO,EAAE;MAAErB;IAAK,CAAE;IAClBsB,EAAE,EAAC,QAAQ;IACXpB,KAAK,EAAEH,UAAW;IAClBwB,YAAY,EAAEb,QAAS;IACvBD,MAAM,EAAEA,MAAO;IACfhB,QAAQ,EAAEA,QAAS;IACnB+B,SAAS,EAAC,SAAS;IACnBlC,SAAS,EAAEA,SAAU;IACrBE,WAAW,EAAEA,WAAY;IACzBiC,QAAQ,EAAElC,QAAS;IACnBmC,iBAAiB,EAAEnC,QAAS;IAC5BoC,YAAY,EAAC;EAAW,CACzB,CAAC;AAEN"}

package/lib/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/lib/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;AAUO,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,CAAE,CAAC;IACnBC,MAAM,EAAEA,CAAA,KAAM,CAAE;EAClB,CAAC,CAAC;EACFC,mBAAmB,EAAEA,CAAA,KAAM,CAAE;AAC/B,CAAC,CAAC;AAEK,MAAMC,cAAc,GAAGA,CAAA,KAAM,IAAAC,iBAAU,EAACb,WAAW,CAAC;AAACC,OAAA,CAAAW,cAAA,GAAAA,cAAA"}

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

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

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

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

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

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=types.js.map

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

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