@evervault/evervault-react-native 0.5.0 → 0.5.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/android/build.gradle +2 -2
- package/dist/commonjs/components/Card/CardCVC.js +3 -0
- package/dist/commonjs/components/Card/CardCVC.js.map +1 -1
- package/dist/commonjs/components/Card/CardHolder.js +4 -1
- package/dist/commonjs/components/Card/CardHolder.js.map +1 -1
- package/dist/module/components/Card/CardCVC.js +3 -0
- package/dist/module/components/Card/CardCVC.js.map +1 -1
- package/dist/module/components/Card/CardHolder.js +5 -2
- package/dist/module/components/Card/CardHolder.js.map +1 -1
- package/dist/typescript/src/components/Card/CardCVC.d.ts.map +1 -1
- package/dist/typescript/src/components/Card/CardHolder.d.ts +1 -1
- package/dist/typescript/src/components/Card/CardHolder.d.ts.map +1 -1
- package/package.json +2 -2
- package/src/components/Card/CardCVC.tsx +3 -0
- package/src/components/Card/CardHolder.tsx +12 -8
package/android/build.gradle
CHANGED
|
@@ -92,7 +92,7 @@ dependencies {
|
|
|
92
92
|
implementation("com.evervault.sdk:evervault-core:1.1")
|
|
93
93
|
implementation("com.facebook.react:react-android:0.74.1")
|
|
94
94
|
implementation("org.jetbrains.kotlin:kotlin-stdlib:$kotlin_version")
|
|
95
|
-
implementation("org.jetbrains.kotlinx:kotlinx-coroutines-android
|
|
96
|
-
implementation("org.jetbrains.kotlinx:kotlinx-coroutines-core
|
|
95
|
+
implementation("org.jetbrains.kotlinx:kotlinx-coroutines-android:1.8.1")
|
|
96
|
+
implementation("org.jetbrains.kotlinx:kotlinx-coroutines-core:1.8.1")
|
|
97
97
|
}
|
|
98
98
|
|
|
@@ -19,6 +19,9 @@ const CardCVC = ({
|
|
|
19
19
|
}) => {
|
|
20
20
|
const context = (0, _context.useCardContext)();
|
|
21
21
|
const mask = (0, _react.useMemo)(() => {
|
|
22
|
+
if (!context.values.number) {
|
|
23
|
+
return '9999';
|
|
24
|
+
}
|
|
22
25
|
const type = (0, _cardValidator.validateNumber)(context.values.number).brand;
|
|
23
26
|
if (type === 'american-express') {
|
|
24
27
|
return '9999';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_cardValidator","require","_react","_interopRequireWildcard","React","_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","
|
|
1
|
+
{"version":3,"names":["_cardValidator","require","_react","_interopRequireWildcard","React","_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","values","number","type","validateNumber","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":[]}
|
|
@@ -41,7 +41,10 @@ function CardHolder({
|
|
|
41
41
|
editable: disabled,
|
|
42
42
|
selectTextOnFocus: disabled,
|
|
43
43
|
placeholder: placeholder,
|
|
44
|
-
autoComplete:
|
|
44
|
+
autoComplete: _reactNative.Platform.select({
|
|
45
|
+
ios: 'cc-name',
|
|
46
|
+
android: 'name'
|
|
47
|
+
}),
|
|
45
48
|
onChangeText: v => onChange(v)
|
|
46
49
|
});
|
|
47
50
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","React","_reactNative","_context","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","CardHolder","autoFocus","disabled","placeholder","readOnly","style","context","useCardContext","onBlur","onChange","register","useEffect","setRegisteredFields","prev","Set","add","next","delete","createElement","TextInput","id","value","values","name","editable","selectTextOnFocus","autoComplete","onChangeText","v"],"sourceRoot":"../../../../src","sources":["components/Card/CardHolder.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAAkC,IAAAC,KAAA,GAAAH,MAAA;AAElC,IAAAI,YAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AAA2C,SAAAI,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,SAAAN,wBAAAM,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;AAOpC,SAASW,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,
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","React","_reactNative","_context","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","CardHolder","autoFocus","disabled","placeholder","readOnly","style","context","useCardContext","onBlur","onChange","register","useEffect","setRegisteredFields","prev","Set","add","next","delete","createElement","TextInput","id","value","values","name","editable","selectTextOnFocus","autoComplete","Platform","select","ios","android","onChangeText","v"],"sourceRoot":"../../../../src","sources":["components/Card/CardHolder.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAAkC,IAAAC,KAAA,GAAAH,MAAA;AAElC,IAAAI,YAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AAA2C,SAAAI,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,SAAAN,wBAAAM,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;AAOpC,SAASW,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,MACLT,OAAO,CAACM,mBAAmB,CAAEC,IAAI,IAAK;MACpC,MAAMG,IAAI,GAAG,IAAIF,GAAG,CAACD,IAAI,CAAC;MAC1BG,IAAI,CAACC,MAAM,CAAC,MAAM,CAAC;MACnB,OAAOD,IAAI;IACb,CAAC,CAAC;IACJ;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,oBACEvC,KAAA,CAAAyC,aAAA,CAACxC,YAAA,CAAAyC,SAAS;IACRC,EAAE,EAAC,MAAM;IACTf,KAAK,EAAEA,KAAM;IACbgB,KAAK,EAAEf,OAAO,CAACgB,MAAM,CAACC,IAAK;IAC3BnB,QAAQ,EAAEA,QAAS;IACnBI,MAAM,EAAEA,MAAO;IACfP,SAAS,EAAEA,SAAU;IACrBuB,QAAQ,EAAEtB,QAAS;IACnBuB,iBAAiB,EAAEvB,QAAS;IAC5BC,WAAW,EAAEA,WAAY;IACzBuB,YAAY,EAAEC,qBAAQ,CAACC,MAAM,CAAC;MAC5BC,GAAG,EAAE,SAAS;MACdC,OAAO,EAAE;IACX,CAAC,CAAE;IACHC,YAAY,EAAGC,CAAC,IAAKvB,QAAQ,CAACuB,CAAC;EAAE,CAClC,CAAC;AAEN","ignoreList":[]}
|
|
@@ -11,6 +11,9 @@ export const CardCVC = ({
|
|
|
11
11
|
}) => {
|
|
12
12
|
const context = useCardContext();
|
|
13
13
|
const mask = useMemo(() => {
|
|
14
|
+
if (!context.values.number) {
|
|
15
|
+
return '9999';
|
|
16
|
+
}
|
|
14
17
|
const type = validateNumber(context.values.number).brand;
|
|
15
18
|
if (type === 'american-express') {
|
|
16
19
|
return '9999';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["validateNumber","React","useEffect","useMemo","TextInputMask","useCardContext","CardCVC","style","disabled","placeholder","readOnly","context","mask","
|
|
1
|
+
{"version":3,"names":["validateNumber","React","useEffect","useMemo","TextInputMask","useCardContext","CardCVC","style","disabled","placeholder","readOnly","context","mask","values","number","type","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,OAAO,KAAKC,KAAK,MAAM,OAAO;AAC9B,SAASC,SAAS,EAAEC,OAAO,QAAQ,OAAO;AAC1C,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,IAAI,CAACQ,OAAO,CAACE,MAAM,CAACC,MAAM,EAAE;MAC1B,OAAO,MAAM;IACf;IACA,MAAMC,IAAI,GAAGf,cAAc,CAACW,OAAO,CAACE,MAAM,CAACC,MAAM,CAAC,CAACE,KAAK;IACxD,IAAID,IAAI,KAAK,kBAAkB,EAAE;MAC/B,OAAO,MAAM;IACf;IACA,OAAO,KAAK;EACd,CAAC,EAAE,CAACJ,OAAO,CAACE,MAAM,CAACC,MAAM,CAAC,CAAC;EAE3B,MAAM;IAAEG,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;IACZW,IAAI,EAAC,QAAQ;IACbY,OAAO,EAAE;MAAEf;IAAK,CAAE;IAClBL,KAAK,EAAEA,KAAM;IACbqB,KAAK,EAAEjB,OAAO,CAACE,MAAM,CAACgB,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":[]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { useEffect } from 'react';
|
|
2
2
|
import * as React from 'react';
|
|
3
|
-
import { TextInput } from 'react-native';
|
|
3
|
+
import { Platform, TextInput } from 'react-native';
|
|
4
4
|
import { useCardContext } from './context';
|
|
5
5
|
export function CardHolder({
|
|
6
6
|
autoFocus,
|
|
@@ -33,7 +33,10 @@ export function CardHolder({
|
|
|
33
33
|
editable: disabled,
|
|
34
34
|
selectTextOnFocus: disabled,
|
|
35
35
|
placeholder: placeholder,
|
|
36
|
-
autoComplete:
|
|
36
|
+
autoComplete: Platform.select({
|
|
37
|
+
ios: 'cc-name',
|
|
38
|
+
android: 'name'
|
|
39
|
+
}),
|
|
37
40
|
onChangeText: v => onChange(v)
|
|
38
41
|
});
|
|
39
42
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useEffect","React","TextInput","useCardContext","CardHolder","autoFocus","disabled","placeholder","readOnly","style","context","onBlur","onChange","register","setRegisteredFields","prev","Set","add","next","delete","createElement","id","value","values","name","editable","selectTextOnFocus","autoComplete","onChangeText","v"],"sourceRoot":"../../../../src","sources":["components/Card/CardHolder.tsx"],"mappings":"AAAA,SAASA,SAAS,QAAQ,OAAO;AACjC,OAAO,KAAKC,KAAK,MAAM,OAAO;AAC9B,SAASC,SAAS,QAAQ,cAAc;
|
|
1
|
+
{"version":3,"names":["useEffect","React","Platform","TextInput","useCardContext","CardHolder","autoFocus","disabled","placeholder","readOnly","style","context","onBlur","onChange","register","setRegisteredFields","prev","Set","add","next","delete","createElement","id","value","values","name","editable","selectTextOnFocus","autoComplete","select","ios","android","onChangeText","v"],"sourceRoot":"../../../../src","sources":["components/Card/CardHolder.tsx"],"mappings":"AAAA,SAASA,SAAS,QAAQ,OAAO;AACjC,OAAO,KAAKC,KAAK,MAAM,OAAO;AAC9B,SAASC,QAAQ,EAAEC,SAAS,QAAQ,cAAc;AAClD,SAASC,cAAc,QAAQ,WAAW;AAO1C,OAAO,SAASC,UAAUA,CAAC;EACzBC,SAAS;EACTC,QAAQ;EACRC,WAAW;EACXC,QAAQ;EACRC;AACe,CAAC,EAAE;EAClB,MAAMC,OAAO,GAAGP,cAAc,CAAC,CAAC;EAEhC,MAAM;IAAEQ,MAAM;IAAEC;EAAS,CAAC,GAAGF,OAAO,CAACG,QAAQ,CAAC,MAAM,CAAC;EAErDd,SAAS,CAAC,MAAM;IACdW,OAAO,CAACI,mBAAmB,CAAEC,IAAI,IAAK,IAAIC,GAAG,CAACD,IAAI,CAAC,CAACE,GAAG,CAAC,MAAM,CAAC,CAAC;IAChE,OAAO,MACLP,OAAO,CAACI,mBAAmB,CAAEC,IAAI,IAAK;MACpC,MAAMG,IAAI,GAAG,IAAIF,GAAG,CAACD,IAAI,CAAC;MAC1BG,IAAI,CAACC,MAAM,CAAC,MAAM,CAAC;MACnB,OAAOD,IAAI;IACb,CAAC,CAAC;IACJ;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,oBACElB,KAAA,CAAAoB,aAAA,CAAClB,SAAS;IACRmB,EAAE,EAAC,MAAM;IACTZ,KAAK,EAAEA,KAAM;IACba,KAAK,EAAEZ,OAAO,CAACa,MAAM,CAACC,IAAK;IAC3BhB,QAAQ,EAAEA,QAAS;IACnBG,MAAM,EAAEA,MAAO;IACfN,SAAS,EAAEA,SAAU;IACrBoB,QAAQ,EAAEnB,QAAS;IACnBoB,iBAAiB,EAAEpB,QAAS;IAC5BC,WAAW,EAAEA,WAAY;IACzBoB,YAAY,EAAE1B,QAAQ,CAAC2B,MAAM,CAAC;MAC5BC,GAAG,EAAE,SAAS;MACdC,OAAO,EAAE;IACX,CAAC,CAAE;IACHC,YAAY,EAAGC,CAAC,IAAKpB,QAAQ,CAACoB,CAAC;EAAE,CAClC,CAAC;AAEN","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardCVC.d.ts","sourceRoot":"","sources":["../../../../../src/components/Card/CardCVC.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAEnC,MAAM,WAAW,QAAS,SAAQ,SAAS;CAAI;AAE/C,eAAO,MAAM,OAAO,gDAKjB,QAAQ,
|
|
1
|
+
{"version":3,"file":"CardCVC.d.ts","sourceRoot":"","sources":["../../../../../src/components/Card/CardCVC.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAEnC,MAAM,WAAW,QAAS,SAAQ,SAAS;CAAI;AAE/C,eAAO,MAAM,OAAO,gDAKjB,QAAQ,sBA0CV,CAAC"}
|
|
@@ -3,5 +3,5 @@ import { BaseProps } from './Card';
|
|
|
3
3
|
export interface CardHolderProps extends BaseProps {
|
|
4
4
|
autoFocus?: boolean;
|
|
5
5
|
}
|
|
6
|
-
export declare function CardHolder({ autoFocus, disabled, placeholder, readOnly, style }: CardHolderProps): React.JSX.Element;
|
|
6
|
+
export declare function CardHolder({ autoFocus, disabled, placeholder, readOnly, style, }: CardHolderProps): React.JSX.Element;
|
|
7
7
|
//# sourceMappingURL=CardHolder.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardHolder.d.ts","sourceRoot":"","sources":["../../../../../src/components/Card/CardHolder.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAEnC,MAAM,WAAW,eAAgB,SAAQ,SAAS;IAChD,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,KAAK,
|
|
1
|
+
{"version":3,"file":"CardHolder.d.ts","sourceRoot":"","sources":["../../../../../src/components/Card/CardHolder.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAEnC,MAAM,WAAW,eAAgB,SAAQ,SAAS;IAChD,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,KAAK,GACN,EAAE,eAAe,qBAkCjB"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@evervault/evervault-react-native",
|
|
3
|
-
"version": "0.5.
|
|
3
|
+
"version": "0.5.2",
|
|
4
4
|
"description": "Evervault react native sdk",
|
|
5
5
|
"main": "./dist/commonjs/index.js",
|
|
6
6
|
"module": "./dist/module/index.js",
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
},
|
|
47
47
|
"dependencies": {
|
|
48
48
|
"react-native-masked-text": "^1.13.0",
|
|
49
|
-
"@evervault/card-validator": "1.0.
|
|
49
|
+
"@evervault/card-validator": "1.0.5"
|
|
50
50
|
},
|
|
51
51
|
"devDependencies": {
|
|
52
52
|
"@commitlint/config-conventional": "^17.0.2",
|
|
@@ -15,6 +15,9 @@ export const CardCVC = ({
|
|
|
15
15
|
}: CVCProps) => {
|
|
16
16
|
const context = useCardContext();
|
|
17
17
|
const mask = useMemo(() => {
|
|
18
|
+
if (!context.values.number) {
|
|
19
|
+
return '9999';
|
|
20
|
+
}
|
|
18
21
|
const type = validateNumber(context.values.number).brand;
|
|
19
22
|
if (type === 'american-express') {
|
|
20
23
|
return '9999';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { useEffect } from 'react';
|
|
2
2
|
import * as React from 'react';
|
|
3
|
-
import { TextInput } from 'react-native';
|
|
3
|
+
import { Platform, TextInput } from 'react-native';
|
|
4
4
|
import { useCardContext } from './context';
|
|
5
5
|
import { BaseProps } from './Card';
|
|
6
6
|
|
|
@@ -13,7 +13,7 @@ export function CardHolder({
|
|
|
13
13
|
disabled,
|
|
14
14
|
placeholder,
|
|
15
15
|
readOnly,
|
|
16
|
-
style
|
|
16
|
+
style,
|
|
17
17
|
}: CardHolderProps) {
|
|
18
18
|
const context = useCardContext();
|
|
19
19
|
|
|
@@ -21,11 +21,12 @@ export function CardHolder({
|
|
|
21
21
|
|
|
22
22
|
useEffect(() => {
|
|
23
23
|
context.setRegisteredFields((prev) => new Set(prev).add('name'));
|
|
24
|
-
return () =>
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
24
|
+
return () =>
|
|
25
|
+
context.setRegisteredFields((prev) => {
|
|
26
|
+
const next = new Set(prev);
|
|
27
|
+
next.delete('name');
|
|
28
|
+
return next;
|
|
29
|
+
});
|
|
29
30
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
30
31
|
}, []);
|
|
31
32
|
|
|
@@ -40,7 +41,10 @@ export function CardHolder({
|
|
|
40
41
|
editable={disabled}
|
|
41
42
|
selectTextOnFocus={disabled}
|
|
42
43
|
placeholder={placeholder}
|
|
43
|
-
autoComplete=
|
|
44
|
+
autoComplete={Platform.select({
|
|
45
|
+
ios: 'cc-name',
|
|
46
|
+
android: 'name',
|
|
47
|
+
})}
|
|
44
48
|
onChangeText={(v) => onChange(v)}
|
|
45
49
|
/>
|
|
46
50
|
);
|