@evervault/evervault-react-native 0.3.0 → 0.4.3

package/README.md

@@ -1,5 +1,7 @@
 # react-native-evervault-sdk
 
+## [Documentation](https://docs.evervault.com/sdks/react-native)
+Please see our documentation site for a full guide and reference.
 
 ## Installation
 
@@ -12,65 +14,52 @@ yarn add @evervault/evervault-react-native
 ```
 
 ## Usage
-```typescript
-// .tsx
-import { init } from '@evervault/evervault-react-native';
+```tsx
+import { init, Card, type CardPayload } from "@evervault/evervault-react-native"
 
-
-export default function Component() {
-  const [cardData, setCardData] = useState<CardPayload | null>(null);
+export default function App() {
+  const [cardData, setCardData] = useState<CardPayload | undefined>(undefined);
 
   useEffect(() => {
-    async function initEvervault() {
+    async function setupEvervault() {
       try {
-        await init(
-          process.env.EV_TEAM_UUID as string,
-          process.env.EV_APP_UUID as string
-        );
-      } 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();
+    setupEvervault();
   }, []);
 
   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>
+    <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>
   );
 }
 ```
-
-## 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/{lib → dist}/commonjs/components/Card/Card.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.Card = void 0;
 var _cardValidator = require("@evervault/card-validator");
 var _react = require("react");
-var _shared = require("shared");
+var _useForm = require("../useForm");
 var _utilities = require("./utilities");
 var _CardNumber = require("./CardNumber");
 var _context = require("./context");
@@ -24,7 +24,7 @@ function Card({
   style
 }) {
   const [registeredFields, setRegisteredFields] = (0, _react.useState)(new Set());
-  const form = (0, _shared.useForm)({
+  const form = (0, _useForm.useForm)({
     initialValues: initialValue ?? {
       cvc: '',
       expiry: '',

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/{lib → dist}/commonjs/components/Card/CardCVC.js

@@ -9,7 +9,7 @@ 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; }
+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,
@@ -30,6 +30,11 @@ const CardCVC = ({
   } = 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, {
@@ -45,6 +50,7 @@ const CardCVC = ({
     selectTextOnFocus: disabled,
     onBlur: onBlur,
     placeholder: placeholder,
+    inputMode: "numeric",
     autoComplete: "cc-csc",
     readOnly: readOnly
   });

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":"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","ignoreList":[]}

package/{lib → dist}/commonjs/components/Card/CardExpiry.js

@@ -10,7 +10,8 @@ var _react = require("react");
 function CardExpiry({
   disabled,
   placeholder,
-  readOnly
+  readOnly,
+  style
 }) {
   const context = (0, _context.useCardContext)();
   const {
@@ -19,20 +20,29 @@ function CardExpiry({
   } = 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,
-    onChangeText: onChange,
+    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
   });

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/{lib → dist}/commonjs/components/Card/CardHolder.js

@@ -11,7 +11,8 @@ function CardHolder({
   autoFocus,
   disabled,
   placeholder,
-  readOnly
+  readOnly,
+  style
 }) {
   const context = (0, _context.useCardContext)();
   const {
@@ -20,10 +21,16 @@ function CardHolder({
   } = 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,

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/{lib → dist}/commonjs/components/Card/CardNumber.js

@@ -38,6 +38,11 @@ function CardNumber({
   } = 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, {

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/{lib → dist}/commonjs/components/Card/context.js.map

@@ -1 +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"}
+{"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/{lib → dist}/commonjs/components/Card/index.js

@@ -9,12 +9,5 @@ Object.defineProperty(exports, "Card", {
     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/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/{lib → dist}/commonjs/components/Card/types.js.map

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

package/{lib → dist}/commonjs/components/Card/utilities.js

@@ -46,7 +46,7 @@ function isComplete(form, fields) {
     if (!cardValidation.isValid) return false;
   }
   if (fields.includes('expiry')) {
-    const expiryValidation = (0, _cardValidator.validateExpiry)(form.values.expiry.replace(" / ", ""));
+    const expiryValidation = (0, _cardValidator.validateExpiry)(form.values.expiry);
     if (!expiryValidation.isValid) return false;
   }
   if (fields.includes('cvc')) {
@@ -66,7 +66,7 @@ function isAcceptedBrand(acceptedBrands, cardNumberValidationResult) {
   return isBrandAccepted || isLocalBrandAccepted;
 }
 function formatExpiry(expiry) {
-  const parsedExpiry = (0, _cardValidator.validateExpiry)(expiry.replace(" / ", ""));
+  const parsedExpiry = (0, _cardValidator.validateExpiry)(expiry);
   return {
     month: parsedExpiry.month,
     year: parsedExpiry.year

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

@@ -0,0 +1 @@
+{"version":3,"names":["_cardValidator","require","changePayload","encrypt","form","fields","name","number","expiry","cvc","values","brand","localBrands","bin","lastFour","isValid","isValidCardNumber","validateNumber","card","encryptedNumber","formatExpiry","encryptedCVC","isComplete","errors","Object","keys","length","includes","cardValidation","expiryValidation","validateExpiry","cvcValidation","validateCVC","isAcceptedBrand","acceptedBrands","cardNumberValidationResult","isBrandAccepted","isLocalBrandAccepted","some","localBrand","parsedExpiry","month","year","cardNumber"],"sourceRoot":"../../../../src","sources":["components/Card/utilities.ts"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/components/useForm.js

@@ -0,0 +1,116 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useForm = useForm;
+var _react = require("react");
+function useForm({
+  initialValues,
+  validate,
+  onChange
+}) {
+  const validators = (0, _react.useRef)(validate);
+  const triggerChange = (0, _react.useRef)(false);
+  const [values, setValues] = (0, _react.useState)(initialValues);
+  const [errors, setErrors] = (0, _react.useState)({});
+
+  // keep track of latest validation functions in a ref to prevent
+  // re-renders when the function changes.
+  (0, _react.useEffect)(() => {
+    validators.current = validate;
+  }, [validate]);
+  const setError = (0, _react.useCallback)((field, error) => {
+    if (!error) {
+      setErrors(prev => {
+        if (!prev) return prev;
+        return Object.keys(prev).reduce((acc, key) => {
+          if (key === field) return acc;
+          return {
+            ...acc,
+            [key]: prev?.[key]
+          };
+        }, {});
+      });
+      return;
+    }
+    setErrors(prev => ({
+      ...prev,
+      [field]: error
+    }));
+    triggerChange.current = true;
+  }, []);
+  const setValue = (0, _react.useCallback)((field, value) => {
+    if (errors?.[field]) {
+      setError(field, undefined);
+    }
+    setValues(previous => ({
+      ...previous,
+      [field]: value
+    }));
+    triggerChange.current = true;
+  }, [errors, setError]);
+  const isValid = (0, _react.useMemo)(() => Object.keys(errors ?? {}).length === 0, [errors]);
+  const validateForm = (0, _react.useCallback)(() => {
+    const nextErrors = Object.keys(values).reduce((acc, key) => {
+      const validator = validators.current?.[key];
+      if (validator) {
+        const error = validator(values);
+        if (error) {
+          return {
+            ...acc,
+            [key]: error
+          };
+        }
+      }
+      return acc;
+    }, {});
+    const hasErrors = Object.keys(nextErrors).length > 0;
+    setErrors(hasErrors ? nextErrors : null);
+
+    // iterate over the errors and if any of them are different then we should
+    // trigger a change event.
+    const shouldTriggerChange = Object.keys(nextErrors).some(key => {
+      const prevError = errors?.[key];
+      const nextError = nextErrors[key];
+      return prevError !== nextError;
+    });
+    triggerChange.current = shouldTriggerChange;
+  }, [errors, values]);
+  const validateField = (0, _react.useCallback)(field => {
+    const validator = validators.current?.[field];
+    if (validator) {
+      const error = validator(values);
+      setError(field, error);
+    }
+  }, [values, setError]);
+  const register = (0, _react.useCallback)(name => {
+    const handleBlur = () => {
+      validateField(name);
+    };
+    const handleChange = value => {
+      setValue(name, value);
+    };
+    return {
+      onBlur: handleBlur,
+      onChange: handleChange
+    };
+  }, [setValue, validateField]);
+  const form = (0, _react.useMemo)(() => ({
+    values,
+    setValue,
+    errors,
+    setError,
+    isValid,
+    register,
+    setValues,
+    validate: validateForm
+  }), [values, setValue, errors, setError, isValid, register, validateForm]);
+  (0, _react.useEffect)(() => {
+    if (!triggerChange.current) return;
+    triggerChange.current = false;
+    onChange?.(form);
+  }, [form, onChange]);
+  return form;
+}
+//# sourceMappingURL=useForm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","useForm","initialValues","validate","onChange","validators","useRef","triggerChange","values","setValues","useState","errors","setErrors","useEffect","current","setError","useCallback","field","error","prev","Object","keys","reduce","acc","key","setValue","value","undefined","previous","isValid","useMemo","length","validateForm","nextErrors","validator","hasErrors","shouldTriggerChange","some","prevError","nextError","validateField","register","name","handleBlur","handleChange","onBlur","form"],"sourceRoot":"../../../src","sources":["components/useForm.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAyBO,SAASC,OAAOA,CAAmB;EACxCC,aAAa;EACbC,QAAQ;EACRC;AACiB,CAAC,EAAoB;EACtC,MAAMC,UAAU,GAAG,IAAAC,aAAM,EAACH,QAAQ,CAAC;EACnC,MAAMI,aAAa,GAAG,IAAAD,aAAM,EAAC,KAAK,CAAC;EACnC,MAAM,CAACE,MAAM,EAAEC,SAAS,CAAC,GAAG,IAAAC,eAAQ,EAAIR,aAAa,CAAC;EACtD,MAAM,CAACS,MAAM,EAAEC,SAAS,CAAC,GAAG,IAAAF,eAAQ,EAClC,CAAC,CACH,CAAC;;EAED;EACA;EACA,IAAAG,gBAAS,EAAC,MAAM;IACdR,UAAU,CAACS,OAAO,GAAGX,QAAQ;EAC/B,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;EAEd,MAAMY,QAAQ,GAAG,IAAAC,kBAAW,EAC1B,CAAoBC,KAAQ,EAAEC,KAAyB,KAAK;IAC1D,IAAI,CAACA,KAAK,EAAE;MACVN,SAAS,CAAEO,IAAI,IAAK;QAClB,IAAI,CAACA,IAAI,EAAE,OAAOA,IAAI;QACtB,OAAOC,MAAM,CAACC,IAAI,CAACF,IAAI,CAAC,CAACG,MAAM,CAAC,CAACC,GAAG,EAAEC,GAAG,KAAK;UAC5C,IAAIA,GAAG,KAAKP,KAAK,EAAE,OAAOM,GAAG;UAE7B,OAAO;YACL,GAAGA,GAAG;YACN,CAACC,GAAG,GAAGL,IAAI,GAAGK,GAAG;UACnB,CAAC;QACH,CAAC,EAAE,CAAC,CAAC,CAAC;MACR,CAAC,CAAC;MACF;IACF;IAEAZ,SAAS,CAAEO,IAAI,KAAM;MACnB,GAAGA,IAAI;MACP,CAACF,KAAK,GAAGC;IACX,CAAC,CAAC,CAAC;IAEHX,aAAa,CAACO,OAAO,GAAG,IAAI;EAC9B,CAAC,EACD,EACF,CAAC;EAED,MAAMW,QAAQ,GAAG,IAAAT,kBAAW,EAC1B,CAAoBC,KAAQ,EAAES,KAAW,KAAK;IAC5C,IAAIf,MAAM,GAAGM,KAAK,CAAC,EAAE;MACnBF,QAAQ,CAACE,KAAK,EAAEU,SAAS,CAAC;IAC5B;IAEAlB,SAAS,CAAEmB,QAAQ,KAAM;MACvB,GAAGA,QAAQ;MACX,CAACX,KAAK,GAAGS;IACX,CAAC,CAAC,CAAC;IAEHnB,aAAa,CAACO,OAAO,GAAG,IAAI;EAC9B,CAAC,EACD,CAACH,MAAM,EAAEI,QAAQ,CACnB,CAAC;EAED,MAAMc,OAAO,GAAG,IAAAC,cAAO,EACrB,MAAMV,MAAM,CAACC,IAAI,CAACV,MAAM,IAAI,CAAC,CAAC,CAAC,CAACoB,MAAM,KAAK,CAAC,EAC5C,CAACpB,MAAM,CACT,CAAC;EAED,MAAMqB,YAAY,GAAG,IAAAhB,kBAAW,EAAC,MAAM;IACrC,MAAMiB,UAAU,GAAGb,MAAM,CAACC,IAAI,CAACb,MAAM,CAAC,CAACc,MAAM,CAAC,CAACC,GAAG,EAAEC,GAAG,KAAK;MAC1D,MAAMU,SAAS,GAAG7B,UAAU,CAACS,OAAO,GAAGU,GAAG,CAAY;MACtD,IAAIU,SAAS,EAAE;QACb,MAAMhB,KAAK,GAAGgB,SAAS,CAAC1B,MAAM,CAAC;QAC/B,IAAIU,KAAK,EAAE;UACT,OAAO;YACL,GAAGK,GAAG;YACN,CAACC,GAAG,GAAGN;UACT,CAAC;QACH;MACF;MAEA,OAAOK,GAAG;IACZ,CAAC,EAAE,CAAC,CAA4B,CAAC;IAEjC,MAAMY,SAAS,GAAGf,MAAM,CAACC,IAAI,CAACY,UAAU,CAAC,CAACF,MAAM,GAAG,CAAC;IACpDnB,SAAS,CAACuB,SAAS,GAAGF,UAAU,GAAG,IAAI,CAAC;;IAExC;IACA;IACA,MAAMG,mBAAmB,GAAGhB,MAAM,CAACC,IAAI,CAACY,UAAU,CAAC,CAACI,IAAI,CAAEb,GAAG,IAAK;MAChE,MAAMc,SAAS,GAAG3B,MAAM,GAAGa,GAAG,CAAY;MAC1C,MAAMe,SAAS,GAAGN,UAAU,CAACT,GAAG,CAAY;MAC5C,OAAOc,SAAS,KAAKC,SAAS;IAChC,CAAC,CAAC;IAEFhC,aAAa,CAACO,OAAO,GAAGsB,mBAAmB;EAC7C,CAAC,EAAE,CAACzB,MAAM,EAAEH,MAAM,CAAC,CAAC;EAEpB,MAAMgC,aAAa,GAAG,IAAAxB,kBAAW,EACXC,KAAQ,IAAK;IAC/B,MAAMiB,SAAS,GAAG7B,UAAU,CAACS,OAAO,GAAGG,KAAK,CAAC;IAC7C,IAAIiB,SAAS,EAAE;MACb,MAAMhB,KAAK,GAAGgB,SAAS,CAAC1B,MAAM,CAAC;MAC/BO,QAAQ,CAACE,KAAK,EAAEC,KAAK,CAAC;IACxB;EACF,CAAC,EACD,CAACV,MAAM,EAAEO,QAAQ,CACnB,CAAC;EAED,MAAM0B,QAAQ,GAAG,IAAAzB,kBAAW,EACN0B,IAAO,IAAK;IAC9B,MAAMC,UAAU,GAAGA,CAAA,KAAM;MACvBH,aAAa,CAACE,IAAI,CAAC;IACrB,CAAC;IAED,MAAME,YAAY,GAAIlB,KAAW,IAAK;MACpCD,QAAQ,CAACiB,IAAI,EAAEhB,KAAK,CAAC;IACvB,CAAC;IAED,OAAO;MACLmB,MAAM,EAAEF,UAAU;MAClBvC,QAAQ,EAAEwC;IACZ,CAAC;EACH,CAAC,EACD,CAACnB,QAAQ,EAAEe,aAAa,CAC1B,CAAC;EAED,MAAMM,IAAI,GAAG,IAAAhB,cAAO,EAClB,OAAO;IACLtB,MAAM;IACNiB,QAAQ;IACRd,MAAM;IACNI,QAAQ;IACRc,OAAO;IACPY,QAAQ;IACRhC,SAAS;IACTN,QAAQ,EAAE6B;EACZ,CAAC,CAAC,EACF,CAACxB,MAAM,EAAEiB,QAAQ,EAAEd,MAAM,EAAEI,QAAQ,EAAEc,OAAO,EAAEY,QAAQ,EAAET,YAAY,CACtE,CAAC;EAED,IAAAnB,gBAAS,EAAC,MAAM;IACd,IAAI,CAACN,aAAa,CAACO,OAAO,EAAE;IAC5BP,aAAa,CAACO,OAAO,GAAG,KAAK;IAC7BV,QAAQ,GAAG0C,IAAI,CAAC;EAClB,CAAC,EAAE,CAACA,IAAI,EAAE1C,QAAQ,CAAC,CAAC;EAEpB,OAAO0C,IAAI;AACb","ignoreList":[]}

package/{lib → dist}/commonjs/index.js

@@ -21,6 +21,6 @@ Object.defineProperty(exports, "init", {
     return _sdk.init;
   }
 });
-var _Card = require("./components/Card/Card");
+var _Card = require("./components/Card");
 var _sdk = require("./sdk");
 //# sourceMappingURL=index.js.map

package/{lib → dist}/commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Card","require","_sdk"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,IAAA,GAAAD,OAAA"}
+{"version":3,"names":["_Card","require","_sdk"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,IAAA,GAAAD,OAAA","ignoreList":[]}

package/{lib → dist}/commonjs/native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","LINKING_ERROR","Platform","select","ios","default","EvervaultSdk","exports","NativeModules","Proxy","get","Error"],"sourceRoot":"../../src","sources":["native.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEA,MAAMC,aAAa,GAChB,4FAA2F,GAC5FC,qBAAQ,CAACC,MAAM,CAAC;EAAEC,GAAG,EAAE,gCAAgC;EAAEC,OAAO,EAAE;AAAG,CAAC,CAAC,GACvE,sDAAsD,GACtD,+BAA+B;AAE1B,MAAMC,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAGE,0BAAa,CAACF,YAAY,GAClDE,0BAAa,CAACF,YAAY,GAC1B,IAAIG,KAAK,CACT,CAAC,CAAC,EACF;EACEC,GAAGA,CAAA,EAAG;IACJ,MAAM,IAAIC,KAAK,CAACV,aAAa,CAAC;EAChC;AACF,CACF,CAAC"}
+{"version":3,"names":["_reactNative","require","LINKING_ERROR","Platform","select","ios","default","EvervaultSdk","exports","NativeModules","Proxy","get","Error"],"sourceRoot":"../../src","sources":["native.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEA,MAAMC,aAAa,GAChB,4FAA2F,GAC5FC,qBAAQ,CAACC,MAAM,CAAC;EAAEC,GAAG,EAAE,gCAAgC;EAAEC,OAAO,EAAE;AAAG,CAAC,CAAC,GACvE,sDAAsD,GACtD,+BAA+B;AAE1B,MAAMC,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAGE,0BAAa,CAACF,YAAY,GAClDE,0BAAa,CAACF,YAAY,GAC1B,IAAIG,KAAK,CACP,CAAC,CAAC,EACF;EACEC,GAAGA,CAAA,EAAG;IACJ,MAAM,IAAIC,KAAK,CAACV,aAAa,CAAC;EAChC;AACF,CACF,CAAC","ignoreList":[]}

package/{lib → dist}/commonjs/sdk.js

@@ -8,15 +8,21 @@ exports.init = init;
 var _reactNative = require("react-native");
 var _native = require("./native");
 async function init(teamUuid, appUuid) {
+  if (!teamUuid.startsWith('team_')) {
+    throw new Error("Invalid Evervault Team UUID");
+  }
+  if (!appUuid.startsWith('app_')) {
+    throw new Error("Invalid Evervault App UUID");
+  }
   return _native.EvervaultSdk.initialize(teamUuid, appUuid);
 }
 async function encrypt(data) {
-  if (_reactNative.Platform.OS === "android" && typeof data !== "string") {
+  if (_reactNative.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
       type being returned in it's stringified form when decryption occurs.`);
   }
-  return _native.EvervaultSdk.encrypt(data.toString());
+  return _native.EvervaultSdk.encrypt(data);
 }
 //# sourceMappingURL=sdk.js.map

package/dist/commonjs/sdk.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_native","init","teamUuid","appUuid","startsWith","Error","EvervaultSdk","initialize","encrypt","data","Platform","OS"],"sourceRoot":"../../src","sources":["sdk.ts"],"mappings":";;;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAEO,eAAeE,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,OAAOC,oBAAY,CAACC,UAAU,CAACL,QAAQ,EAAEC,OAAO,CAAC;AACnD;AAEO,eAAeK,OAAOA,CAACC,IAAS,EAAmB;EACxD,IAAIC,qBAAQ,CAACC,EAAE,KAAK,SAAS,IAAI,OAAOF,IAAI,KAAK,QAAQ,EAAE;IACzD,MAAM,IAAIJ,KAAK,CAAE;AACrB;AACA;AACA,2EAA2E,CAAC;EAC1E;EAEA,OAAOC,oBAAY,CAACE,OAAO,CAACC,IAAI,CAAC;AACnC","ignoreList":[]}

package/{lib → dist}/module/components/Card/Card.js

@@ -1,6 +1,6 @@
 import { validateNumber, validateCVC, validateExpiry } from '@evervault/card-validator';
 import { useEffect, useState } from 'react';
-import { useForm } from 'shared';
+import { useForm } from '../useForm';
 import { changePayload, isAcceptedBrand, isComplete } from './utilities';
 import { CardNumber } from './CardNumber';
 import { CardContext } from './context';

package/{lib → dist}/module/components/Card/Card.js.map

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

package/{lib → dist}/module/components/Card/CardCVC.js

@@ -22,6 +22,11 @@ export const CardCVC = ({
   } = context.register('cvc');
   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.createElement(TextInputMask, {
@@ -37,6 +42,7 @@ export const CardCVC = ({
     selectTextOnFocus: disabled,
     onBlur: onBlur,
     placeholder: placeholder,
+    inputMode: "numeric",
     autoComplete: "cc-csc",
     readOnly: readOnly
   });

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

@@ -0,0 +1 @@
+{"version":3,"names":["validateNumber","React","useEffect","useMemo","TextInputMask","useCardContext","CardCVC","style","disabled","placeholder","readOnly","context","mask","type","values","number","brand","onChange","onBlur","register","setRegisteredFields","prev","Set","add","next","delete","createElement","options","value","cvc","onChangeText","t","id","editable","selectTextOnFocus","inputMode","autoComplete"],"sourceRoot":"../../../../src","sources":["components/Card/CardCVC.tsx"],"mappings":"AAAA,SAASA,cAAc,QAAQ,2BAA2B;AAC1D,OAAOC,KAAK,IAAIC,SAAS,EAAEC,OAAO,QAAQ,OAAO;AACjD,SAASC,aAAa,QAAQ,0BAA0B;AACxD,SAASC,cAAc,QAAQ,WAAW;AAK1C,OAAO,MAAMC,OAAO,GAAGA,CAAC;EACtBC,KAAK;EACLC,QAAQ;EACRC,WAAW;EACXC;AACQ,CAAC,KAAK;EACd,MAAMC,OAAO,GAAGN,cAAc,CAAC,CAAC;EAChC,MAAMO,IAAI,GAAGT,OAAO,CAAC,MAAM;IACzB,MAAMU,IAAI,GAAGb,cAAc,CAACW,OAAO,CAACG,MAAM,CAACC,MAAM,CAAC,CAACC,KAAK;IACxD,IAAIH,IAAI,KAAK,kBAAkB,EAAE;MAC/B,OAAO,MAAM;IACf;IACA,OAAO,KAAK;EACd,CAAC,EAAE,CAACF,OAAO,CAACG,MAAM,CAACC,MAAM,CAAC,CAAC;EAE3B,MAAM;IAAEE,QAAQ;IAAEC;EAAO,CAAC,GAAGP,OAAO,CAACQ,QAAQ,CAAC,KAAK,CAAC;EAEpDjB,SAAS,CAAC,MAAM;IACdS,OAAO,CAACS,mBAAmB,CAAEC,IAAI,IAAK,IAAIC,GAAG,CAACD,IAAI,CAAC,CAACE,GAAG,CAAC,KAAK,CAAC,CAAC;IAC/D,OAAO,MAAMZ,OAAO,CAACS,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,oBACEvB,KAAA,CAAAyB,aAAA,CAACtB,aAAa;IACZS,IAAI,EAAC,QAAQ;IACbc,OAAO,EAAE;MAAEf;IAAK,CAAE;IAClBL,KAAK,EAAEA,KAAM;IACbqB,KAAK,EAAEjB,OAAO,CAACG,MAAM,CAACe,GAAI;IAC1BC,YAAY,EAAGC,CAAC,IAAKd,QAAQ,CAACc,CAAC,CAAE;IACjCC,EAAE,EAAC,KAAK;IACRC,QAAQ,EAAEzB,QAAS;IACnB0B,iBAAiB,EAAE1B,QAAS;IAC5BU,MAAM,EAAEA,MAAO;IACfT,WAAW,EAAEA,WAAY;IACzB0B,SAAS,EAAC,SAAS;IACnBC,YAAY,EAAC,QAAQ;IACrB1B,QAAQ,EAAEA;EAAS,CACpB,CAAC;AAEN,CAAC","ignoreList":[]}

package/{lib → dist}/module/components/Card/CardExpiry.js

@@ -4,7 +4,8 @@ import { useEffect } from 'react';
 export function CardExpiry({
   disabled,
   placeholder,
-  readOnly
+  readOnly,
+  style
 }) {
   const context = useCardContext();
   const {
@@ -13,20 +14,29 @@ export function CardExpiry({
   } = context.register('expiry');
   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(TextInputMask, {
+    style: style,
     type: "datetime",
     value: context.values.expiry,
     editable: disabled,
-    selectTextOnFocus: disabled,
-    onChangeText: onChange,
+    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
   });