@evervault/evervault-react-native 0.2.2 → 0.3.0
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/README.md +52 -12
- package/android/build.gradle +5 -3
- package/android/gradle.properties +1 -1
- package/android/src/main/java/com/evervaultsdk/EvervaultSdkModule.kt +34 -5
- package/android/src/main/java/com/evervaultsdk/EvervaultSdkPackage.kt +1 -1
- package/evervault-react-native.podspec +1 -1
- package/lib/commonjs/components/Card/Card.js +115 -0
- package/lib/commonjs/components/Card/Card.js.map +1 -0
- package/lib/commonjs/components/Card/CardCVC.js +53 -0
- package/lib/commonjs/components/Card/CardCVC.js.map +1 -0
- package/lib/commonjs/components/Card/CardExpiry.js +40 -0
- package/lib/commonjs/components/Card/CardExpiry.js.map +1 -0
- package/lib/commonjs/components/Card/CardHolder.js +38 -0
- package/lib/commonjs/components/Card/CardHolder.js.map +1 -0
- package/lib/commonjs/components/Card/CardNumber.js +63 -0
- package/lib/commonjs/components/Card/CardNumber.js.map +1 -0
- package/lib/commonjs/components/Card/context.js +23 -0
- package/lib/commonjs/components/Card/context.js.map +1 -0
- package/lib/commonjs/components/Card/index.js +20 -0
- package/lib/commonjs/components/Card/index.js.map +1 -0
- package/lib/commonjs/components/Card/types.js +6 -0
- package/lib/commonjs/components/Card/types.js.map +1 -0
- package/lib/commonjs/components/Card/utilities.js +85 -0
- package/lib/commonjs/components/Card/utilities.js.map +1 -0
- package/lib/commonjs/components/Common/Error.js +2 -0
- package/lib/commonjs/components/Common/Error.js.map +1 -0
- package/lib/commonjs/components/index.js +3 -0
- package/lib/commonjs/components/index.js.map +1 -0
- package/lib/commonjs/index.js +18 -16
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/native.js +17 -0
- package/lib/commonjs/native.js.map +1 -0
- package/lib/commonjs/sdk.js +22 -0
- package/lib/commonjs/sdk.js.map +1 -0
- package/lib/module/components/Card/Card.js +110 -0
- package/lib/module/components/Card/Card.js.map +1 -0
- package/lib/module/components/Card/CardCVC.js +44 -0
- package/lib/module/components/Card/CardCVC.js.map +1 -0
- package/lib/module/components/Card/CardExpiry.js +34 -0
- package/lib/module/components/Card/CardExpiry.js.map +1 -0
- package/lib/module/components/Card/CardHolder.js +32 -0
- package/lib/module/components/Card/CardHolder.js.map +1 -0
- package/lib/module/components/Card/CardNumber.js +57 -0
- package/lib/module/components/Card/CardNumber.js.map +1 -0
- package/lib/module/components/Card/context.js +16 -0
- package/lib/module/components/Card/context.js.map +1 -0
- package/lib/module/components/Card/index.js +3 -0
- package/lib/module/components/Card/index.js.map +1 -0
- package/lib/module/components/Card/types.js +2 -0
- package/lib/module/components/Card/types.js.map +1 -0
- package/lib/module/components/Card/utilities.js +77 -0
- package/lib/module/components/Card/utilities.js.map +1 -0
- package/lib/module/components/Common/Error.js +2 -0
- package/lib/module/components/Common/Error.js.map +1 -0
- package/lib/module/components/index.js +2 -0
- package/lib/module/components/index.js.map +1 -0
- package/lib/module/index.js +2 -16
- package/lib/module/index.js.map +1 -1
- package/lib/module/native.js +11 -0
- package/lib/module/native.js.map +1 -0
- package/lib/module/sdk.js +15 -0
- package/lib/module/sdk.js.map +1 -0
- package/lib/typescript/src/components/Card/Card.d.ts +30 -0
- package/lib/typescript/src/components/Card/Card.d.ts.map +1 -0
- package/lib/typescript/src/components/Card/CardCVC.d.ts +6 -0
- package/lib/typescript/src/components/Card/CardCVC.d.ts.map +1 -0
- package/lib/typescript/src/components/Card/CardExpiry.d.ts +6 -0
- package/lib/typescript/src/components/Card/CardExpiry.d.ts.map +1 -0
- package/lib/typescript/src/components/Card/CardHolder.d.ts +7 -0
- package/lib/typescript/src/components/Card/CardHolder.d.ts.map +1 -0
- package/lib/typescript/src/components/Card/CardNumber.d.ts +8 -0
- package/lib/typescript/src/components/Card/CardNumber.d.ts.map +1 -0
- package/lib/typescript/src/components/Card/context.d.ts +13 -0
- package/lib/typescript/src/components/Card/context.d.ts.map +1 -0
- package/lib/typescript/src/components/Card/index.d.ts +3 -0
- package/lib/typescript/src/components/Card/index.d.ts.map +1 -0
- package/lib/typescript/src/components/Card/types.d.ts +13 -0
- package/lib/typescript/src/components/Card/types.d.ts.map +1 -0
- package/lib/typescript/src/components/Card/utilities.d.ts +8 -0
- package/lib/typescript/src/components/Card/utilities.d.ts.map +1 -0
- package/lib/typescript/src/components/Common/Error.d.ts +1 -0
- package/lib/typescript/src/components/Common/Error.d.ts.map +1 -0
- package/lib/typescript/src/components/index.d.ts +1 -0
- package/lib/typescript/src/components/index.d.ts.map +1 -0
- package/lib/typescript/src/index.d.ts +3 -2
- package/lib/typescript/src/index.d.ts.map +1 -1
- package/lib/typescript/src/native.d.ts +2 -0
- package/lib/typescript/src/native.d.ts.map +1 -0
- package/lib/typescript/src/sdk.d.ts +3 -0
- package/lib/typescript/src/sdk.d.ts.map +1 -0
- package/package.json +29 -23
- package/src/components/Card/Card.tsx +156 -0
- package/src/components/Card/CardCVC.tsx +47 -0
- package/src/components/Card/CardExpiry.tsx +39 -0
- package/src/components/Card/CardHolder.tsx +39 -0
- package/src/components/Card/CardNumber.tsx +64 -0
- package/src/components/Card/context.tsx +26 -0
- package/src/components/Card/index.ts +2 -0
- package/src/components/Card/types.ts +15 -0
- package/src/components/Card/utilities.ts +105 -0
- package/src/components/Common/Error.tsx +0 -0
- package/src/components/index.ts +1 -0
- package/src/index.tsx +3 -26
- package/src/native.ts +18 -0
- package/src/sdk.ts +17 -0
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.changePayload = changePayload;
|
|
7
|
+
exports.isAcceptedBrand = isAcceptedBrand;
|
|
8
|
+
exports.isComplete = isComplete;
|
|
9
|
+
var _cardValidator = require("@evervault/card-validator");
|
|
10
|
+
async function changePayload(encrypt, form, fields) {
|
|
11
|
+
const {
|
|
12
|
+
name,
|
|
13
|
+
number,
|
|
14
|
+
expiry,
|
|
15
|
+
cvc
|
|
16
|
+
} = form.values;
|
|
17
|
+
const {
|
|
18
|
+
brand,
|
|
19
|
+
localBrands,
|
|
20
|
+
bin,
|
|
21
|
+
lastFour,
|
|
22
|
+
isValid: isValidCardNumber
|
|
23
|
+
} = (0, _cardValidator.validateNumber)(number);
|
|
24
|
+
return {
|
|
25
|
+
card: {
|
|
26
|
+
name,
|
|
27
|
+
brand,
|
|
28
|
+
localBrands,
|
|
29
|
+
bin,
|
|
30
|
+
lastFour,
|
|
31
|
+
number: isValidCardNumber ? await encryptedNumber(encrypt, number) : null,
|
|
32
|
+
expiry: formatExpiry(expiry),
|
|
33
|
+
cvc: await encryptedCVC(encrypt, cvc, number)
|
|
34
|
+
},
|
|
35
|
+
isValid: form.isValid,
|
|
36
|
+
isComplete: isComplete(form, fields),
|
|
37
|
+
errors: Object.keys(form.errors ?? {}).length > 0 ? form.errors : null
|
|
38
|
+
};
|
|
39
|
+
}
|
|
40
|
+
function isComplete(form, fields) {
|
|
41
|
+
if (fields.includes('name')) {
|
|
42
|
+
if (form.values.name.length === 0) return false;
|
|
43
|
+
}
|
|
44
|
+
if (fields.includes('number')) {
|
|
45
|
+
const cardValidation = (0, _cardValidator.validateNumber)(form.values.number);
|
|
46
|
+
if (!cardValidation.isValid) return false;
|
|
47
|
+
}
|
|
48
|
+
if (fields.includes('expiry')) {
|
|
49
|
+
const expiryValidation = (0, _cardValidator.validateExpiry)(form.values.expiry.replace(" / ", ""));
|
|
50
|
+
if (!expiryValidation.isValid) return false;
|
|
51
|
+
}
|
|
52
|
+
if (fields.includes('cvc')) {
|
|
53
|
+
const cvcValidation = (0, _cardValidator.validateCVC)(form.values.cvc, form.values.number);
|
|
54
|
+
if (!cvcValidation.isValid) return false;
|
|
55
|
+
}
|
|
56
|
+
return true;
|
|
57
|
+
}
|
|
58
|
+
function isAcceptedBrand(acceptedBrands, cardNumberValidationResult) {
|
|
59
|
+
if (!acceptedBrands) return true;
|
|
60
|
+
const {
|
|
61
|
+
brand,
|
|
62
|
+
localBrands
|
|
63
|
+
} = cardNumberValidationResult;
|
|
64
|
+
const isBrandAccepted = brand !== null && acceptedBrands.includes(brand);
|
|
65
|
+
const isLocalBrandAccepted = localBrands.some(localBrand => acceptedBrands.includes(localBrand));
|
|
66
|
+
return isBrandAccepted || isLocalBrandAccepted;
|
|
67
|
+
}
|
|
68
|
+
function formatExpiry(expiry) {
|
|
69
|
+
const parsedExpiry = (0, _cardValidator.validateExpiry)(expiry.replace(" / ", ""));
|
|
70
|
+
return {
|
|
71
|
+
month: parsedExpiry.month,
|
|
72
|
+
year: parsedExpiry.year
|
|
73
|
+
};
|
|
74
|
+
}
|
|
75
|
+
async function encryptedNumber(encrypt, number) {
|
|
76
|
+
return encrypt(number);
|
|
77
|
+
}
|
|
78
|
+
async function encryptedCVC(encrypt, cvc, cardNumber) {
|
|
79
|
+
const {
|
|
80
|
+
isValid
|
|
81
|
+
} = (0, _cardValidator.validateCVC)(cvc, cardNumber);
|
|
82
|
+
if (!isValid) return null;
|
|
83
|
+
return encrypt(cvc);
|
|
84
|
+
}
|
|
85
|
+
//# sourceMappingURL=utilities.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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","replace","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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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/Common/Error.tsx"],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":"AAAA;AAAA"}
|
package/lib/commonjs/index.js
CHANGED
|
@@ -3,22 +3,24 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
ios: "- You have run 'pod install'\n",
|
|
11
|
-
default: ''
|
|
12
|
-
}) + '- You rebuilt the app after installing the package\n' + '- You are not using Expo Go\n';
|
|
13
|
-
const EvervaultSdk = _reactNative.NativeModules.EvervaultSdk ? _reactNative.NativeModules.EvervaultSdk : new Proxy({}, {
|
|
14
|
-
get() {
|
|
15
|
-
throw new Error(LINKING_ERROR);
|
|
6
|
+
Object.defineProperty(exports, "Card", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function () {
|
|
9
|
+
return _Card.Card;
|
|
16
10
|
}
|
|
17
11
|
});
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
}
|
|
12
|
+
Object.defineProperty(exports, "encrypt", {
|
|
13
|
+
enumerable: true,
|
|
14
|
+
get: function () {
|
|
15
|
+
return _sdk.encrypt;
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
Object.defineProperty(exports, "init", {
|
|
19
|
+
enumerable: true,
|
|
20
|
+
get: function () {
|
|
21
|
+
return _sdk.init;
|
|
22
|
+
}
|
|
23
|
+
});
|
|
24
|
+
var _Card = require("./components/Card/Card");
|
|
25
|
+
var _sdk = require("./sdk");
|
|
24
26
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["_Card","require","_sdk"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,IAAA,GAAAD,OAAA"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.EvervaultSdk = void 0;
|
|
7
|
+
var _reactNative = require("react-native");
|
|
8
|
+
const LINKING_ERROR = `The package '@evervault/evervault-react-native' doesn't seem to be linked. Make sure: \n\n` + _reactNative.Platform.select({
|
|
9
|
+
ios: "- You have run 'pod install'\n",
|
|
10
|
+
default: ''
|
|
11
|
+
}) + '- You rebuilt the app after installing the package\n' + '- You are not using Expo Go\n';
|
|
12
|
+
const EvervaultSdk = exports.EvervaultSdk = _reactNative.NativeModules.EvervaultSdk ? _reactNative.NativeModules.EvervaultSdk : new Proxy({}, {
|
|
13
|
+
get() {
|
|
14
|
+
throw new Error(LINKING_ERROR);
|
|
15
|
+
}
|
|
16
|
+
});
|
|
17
|
+
//# sourceMappingURL=native.js.map
|
|
@@ -0,0 +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"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.encrypt = encrypt;
|
|
7
|
+
exports.init = init;
|
|
8
|
+
var _reactNative = require("react-native");
|
|
9
|
+
var _native = require("./native");
|
|
10
|
+
async function init(teamUuid, appUuid) {
|
|
11
|
+
return _native.EvervaultSdk.initialize(teamUuid, appUuid);
|
|
12
|
+
}
|
|
13
|
+
async function encrypt(data) {
|
|
14
|
+
if (_reactNative.Platform.OS === "android" && typeof data !== "string") {
|
|
15
|
+
throw new Error(`The Evervault SDK does not currently support encrypting non-string data on Android.
|
|
16
|
+
If this is required for your use case, please get in touch with us at support@evervault.com. Please do not
|
|
17
|
+
serialize other data types to strings and pass them to this method as this will result in the data
|
|
18
|
+
type being returned in it's stringified form when decryption occurs.`);
|
|
19
|
+
}
|
|
20
|
+
return _native.EvervaultSdk.encrypt(data.toString());
|
|
21
|
+
}
|
|
22
|
+
//# sourceMappingURL=sdk.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_native","init","teamUuid","appUuid","EvervaultSdk","initialize","encrypt","data","Platform","OS","Error","toString"],"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,OAAOC,oBAAY,CAACC,UAAU,CAACH,QAAQ,EAAEC,OAAO,CAAC;AACnD;AAEO,eAAeG,OAAOA,CAACC,IAAS,EAAmB;EACxD,IAAIC,qBAAQ,CAACC,EAAE,KAAK,SAAS,IAAI,OAAOF,IAAI,KAAK,QAAQ,EAAE;IACzD,MAAM,IAAIG,KAAK,CAAE;AACrB;AACA;AACA,2EAA2E,CAAC;EAC1E;EAEA,OAAON,oBAAY,CAACE,OAAO,CAACC,IAAI,CAACI,QAAQ,CAAC,CAAC,CAAC;AAC9C"}
|
|
@@ -0,0 +1,110 @@
|
|
|
1
|
+
import { validateNumber, validateCVC, validateExpiry } from '@evervault/card-validator';
|
|
2
|
+
import { useEffect, useState } from 'react';
|
|
3
|
+
import { useForm } from 'shared';
|
|
4
|
+
import { changePayload, isAcceptedBrand, isComplete } from './utilities';
|
|
5
|
+
import { CardNumber } from './CardNumber';
|
|
6
|
+
import { CardContext } from './context';
|
|
7
|
+
import { encrypt } from '../../sdk';
|
|
8
|
+
import { CardCVC } from './CardCVC';
|
|
9
|
+
import { CardHolder } from './CardHolder';
|
|
10
|
+
import { CardExpiry } from './CardExpiry';
|
|
11
|
+
import { View } from 'react-native';
|
|
12
|
+
function Card({
|
|
13
|
+
initialValue,
|
|
14
|
+
config,
|
|
15
|
+
children,
|
|
16
|
+
onChange,
|
|
17
|
+
onComplete,
|
|
18
|
+
style
|
|
19
|
+
}) {
|
|
20
|
+
const [registeredFields, setRegisteredFields] = useState(new Set());
|
|
21
|
+
const form = useForm({
|
|
22
|
+
initialValues: initialValue ?? {
|
|
23
|
+
cvc: '',
|
|
24
|
+
expiry: '',
|
|
25
|
+
number: '',
|
|
26
|
+
name: ''
|
|
27
|
+
},
|
|
28
|
+
validate: {
|
|
29
|
+
name: values => {
|
|
30
|
+
if (!registeredFields.has('name')) {
|
|
31
|
+
return undefined;
|
|
32
|
+
}
|
|
33
|
+
if (values.name.length === 0) {
|
|
34
|
+
return 'invalid';
|
|
35
|
+
}
|
|
36
|
+
return undefined;
|
|
37
|
+
},
|
|
38
|
+
number: values => {
|
|
39
|
+
if (!registeredFields.has('number')) {
|
|
40
|
+
return undefined;
|
|
41
|
+
}
|
|
42
|
+
const cardValidation = validateNumber(values.number);
|
|
43
|
+
if (!cardValidation.isValid) {
|
|
44
|
+
return 'invalid';
|
|
45
|
+
}
|
|
46
|
+
if (!isAcceptedBrand(config?.acceptedBrands, cardValidation)) {
|
|
47
|
+
return 'unsupportedBrand';
|
|
48
|
+
}
|
|
49
|
+
return undefined;
|
|
50
|
+
},
|
|
51
|
+
expiry: values => {
|
|
52
|
+
if (!registeredFields.has('expiry')) {
|
|
53
|
+
return undefined;
|
|
54
|
+
}
|
|
55
|
+
const expiryValidation = validateExpiry(values.expiry);
|
|
56
|
+
if (!expiryValidation.isValid) {
|
|
57
|
+
return 'invalid';
|
|
58
|
+
}
|
|
59
|
+
return undefined;
|
|
60
|
+
},
|
|
61
|
+
cvc: values => {
|
|
62
|
+
if (!registeredFields.has('cvc')) {
|
|
63
|
+
return undefined;
|
|
64
|
+
}
|
|
65
|
+
const cvcValidation = validateCVC(values.cvc, values.number);
|
|
66
|
+
if (!cvcValidation.isValid) {
|
|
67
|
+
return 'invalid';
|
|
68
|
+
}
|
|
69
|
+
return undefined;
|
|
70
|
+
}
|
|
71
|
+
},
|
|
72
|
+
onChange: formState => {
|
|
73
|
+
const triggerChange = async () => {
|
|
74
|
+
const cardData = await changePayload(encrypt, formState, Array.from(registeredFields));
|
|
75
|
+
if (onChange) {
|
|
76
|
+
onChange(cardData);
|
|
77
|
+
}
|
|
78
|
+
};
|
|
79
|
+
triggerChange();
|
|
80
|
+
}
|
|
81
|
+
});
|
|
82
|
+
useEffect(() => {
|
|
83
|
+
const getCardData = async () => {
|
|
84
|
+
const cardData = await changePayload(encrypt, form, Array.from(registeredFields));
|
|
85
|
+
if (onComplete) {
|
|
86
|
+
onComplete(cardData);
|
|
87
|
+
}
|
|
88
|
+
};
|
|
89
|
+
if (isComplete(form, Array.from(registeredFields))) {
|
|
90
|
+
getCardData();
|
|
91
|
+
}
|
|
92
|
+
}, [form, onComplete, registeredFields]);
|
|
93
|
+
return /*#__PURE__*/React.createElement(CardContext.Provider, {
|
|
94
|
+
value: {
|
|
95
|
+
values: form.values,
|
|
96
|
+
register: form.register,
|
|
97
|
+
setRegisteredFields
|
|
98
|
+
}
|
|
99
|
+
}, /*#__PURE__*/React.createElement(View, {
|
|
100
|
+
style: style
|
|
101
|
+
}, children));
|
|
102
|
+
}
|
|
103
|
+
const CardNamespace = Object.assign(Card, {
|
|
104
|
+
Number: CardNumber,
|
|
105
|
+
CVC: CardCVC,
|
|
106
|
+
Holder: CardHolder,
|
|
107
|
+
Expiry: CardExpiry
|
|
108
|
+
});
|
|
109
|
+
export { CardNamespace as Card };
|
|
110
|
+
//# sourceMappingURL=Card.js.map
|
|
@@ -0,0 +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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"}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import { validateNumber } from '@evervault/card-validator';
|
|
2
|
+
import React, { useEffect, useMemo } from 'react';
|
|
3
|
+
import { TextInputMask } from 'react-native-masked-text';
|
|
4
|
+
import { useCardContext } from './context';
|
|
5
|
+
export const CardCVC = ({
|
|
6
|
+
style,
|
|
7
|
+
disabled,
|
|
8
|
+
placeholder,
|
|
9
|
+
readOnly
|
|
10
|
+
}) => {
|
|
11
|
+
const context = useCardContext();
|
|
12
|
+
const mask = useMemo(() => {
|
|
13
|
+
const type = validateNumber(context.values.number).brand;
|
|
14
|
+
if (type === 'american-express') {
|
|
15
|
+
return '9999';
|
|
16
|
+
}
|
|
17
|
+
return '999';
|
|
18
|
+
}, [context.values.number]);
|
|
19
|
+
const {
|
|
20
|
+
onChange,
|
|
21
|
+
onBlur
|
|
22
|
+
} = context.register('cvc');
|
|
23
|
+
useEffect(() => {
|
|
24
|
+
context.setRegisteredFields(prev => new Set(prev).add('cvc'));
|
|
25
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
26
|
+
}, []);
|
|
27
|
+
return /*#__PURE__*/React.createElement(TextInputMask, {
|
|
28
|
+
type: "custom",
|
|
29
|
+
options: {
|
|
30
|
+
mask
|
|
31
|
+
},
|
|
32
|
+
style: style,
|
|
33
|
+
value: context.values.cvc,
|
|
34
|
+
onChangeText: t => onChange(t),
|
|
35
|
+
id: "cvc",
|
|
36
|
+
editable: disabled,
|
|
37
|
+
selectTextOnFocus: disabled,
|
|
38
|
+
onBlur: onBlur,
|
|
39
|
+
placeholder: placeholder,
|
|
40
|
+
autoComplete: "cc-csc",
|
|
41
|
+
readOnly: readOnly
|
|
42
|
+
});
|
|
43
|
+
};
|
|
44
|
+
//# sourceMappingURL=CardCVC.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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","createElement","options","value","cvc","onChangeText","t","id","editable","selectTextOnFocus","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;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,oBACEtB,KAAA,CAAAuB,aAAA,CAACpB,aAAa;IACZS,IAAI,EAAC,QAAQ;IACbY,OAAO,EAAE;MAAEb;IAAK,CAAE;IAClBL,KAAK,EAAEA,KAAM;IACbmB,KAAK,EAAEf,OAAO,CAACG,MAAM,CAACa,GAAI;IAC1BC,YAAY,EAAGC,CAAC,IAAKZ,QAAQ,CAACY,CAAC,CAAE;IACjCC,EAAE,EAAC,KAAK;IACRC,QAAQ,EAAEvB,QAAS;IACnBwB,iBAAiB,EAAExB,QAAS;IAC5BU,MAAM,EAAEA,MAAO;IACfT,WAAW,EAAEA,WAAY;IACzBwB,YAAY,EAAC,QAAQ;IACrBvB,QAAQ,EAAEA;EAAS,CACpB,CAAC;AAEN,CAAC"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { TextInputMask } from 'react-native-masked-text';
|
|
2
|
+
import { useCardContext } from './context';
|
|
3
|
+
import { useEffect } from 'react';
|
|
4
|
+
export function CardExpiry({
|
|
5
|
+
disabled,
|
|
6
|
+
placeholder,
|
|
7
|
+
readOnly
|
|
8
|
+
}) {
|
|
9
|
+
const context = useCardContext();
|
|
10
|
+
const {
|
|
11
|
+
onBlur,
|
|
12
|
+
onChange
|
|
13
|
+
} = context.register('expiry');
|
|
14
|
+
useEffect(() => {
|
|
15
|
+
context.setRegisteredFields(prev => new Set(prev).add('expiry'));
|
|
16
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
17
|
+
}, []);
|
|
18
|
+
return /*#__PURE__*/React.createElement(TextInputMask, {
|
|
19
|
+
type: "datetime",
|
|
20
|
+
value: context.values.expiry,
|
|
21
|
+
editable: disabled,
|
|
22
|
+
selectTextOnFocus: disabled,
|
|
23
|
+
onChangeText: onChange,
|
|
24
|
+
options: {
|
|
25
|
+
format: '99 / 99'
|
|
26
|
+
},
|
|
27
|
+
id: "expiry",
|
|
28
|
+
onBlur: onBlur,
|
|
29
|
+
placeholder: placeholder ?? 'MM / YY',
|
|
30
|
+
autoComplete: "cc-exp",
|
|
31
|
+
readOnly: readOnly
|
|
32
|
+
});
|
|
33
|
+
}
|
|
34
|
+
//# sourceMappingURL=CardExpiry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["TextInputMask","useCardContext","useEffect","CardExpiry","disabled","placeholder","readOnly","context","onBlur","onChange","register","setRegisteredFields","prev","Set","add","React","createElement","type","value","values","expiry","editable","selectTextOnFocus","onChangeText","options","format","id","autoComplete"],"sourceRoot":"../../../../src","sources":["components/Card/CardExpiry.tsx"],"mappings":"AAAA,SAASA,aAAa,QAAQ,0BAA0B;AACxD,SAASC,cAAc,QAAQ,WAAW;AAC1C,SAASC,SAAS,QAAQ,OAAO;AAKjC,OAAO,SAASC,UAAUA,CAAC;EACzBC,QAAQ;EACRC,WAAW;EACXC;AACe,CAAC,EAAE;EAClB,MAAMC,OAAO,GAAGN,cAAc,CAAC,CAAC;EAEhC,MAAM;IAAEO,MAAM;IAAEC;EAAS,CAAC,GAAGF,OAAO,CAACG,QAAQ,CAAC,QAAQ,CAAC;EAEvDR,SAAS,CAAC,MAAM;IACdK,OAAO,CAACI,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,CAAChB,aAAa;IACZiB,IAAI,EAAC,UAAU;IACfC,KAAK,EAAEX,OAAO,CAACY,MAAM,CAACC,MAAO;IAC7BC,QAAQ,EAAEjB,QAAS;IACnBkB,iBAAiB,EAAElB,QAAS;IAC5BmB,YAAY,EAAEd,QAAS;IACvBe,OAAO,EAAE;MACPC,MAAM,EAAE;IACV,CAAE;IACFC,EAAE,EAAC,QAAQ;IACXlB,MAAM,EAAEA,MAAO;IACfH,WAAW,EAAEA,WAAW,IAAI,SAAU;IACtCsB,YAAY,EAAC,QAAQ;IACrBrB,QAAQ,EAAEA;EAAS,CACpB,CAAC;AAEN"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { useEffect } from 'react';
|
|
2
|
+
import { TextInput } from 'react-native';
|
|
3
|
+
import { useCardContext } from './context';
|
|
4
|
+
export function CardHolder({
|
|
5
|
+
autoFocus,
|
|
6
|
+
disabled,
|
|
7
|
+
placeholder,
|
|
8
|
+
readOnly
|
|
9
|
+
}) {
|
|
10
|
+
const context = useCardContext();
|
|
11
|
+
const {
|
|
12
|
+
onBlur,
|
|
13
|
+
onChange
|
|
14
|
+
} = context.register('name');
|
|
15
|
+
useEffect(() => {
|
|
16
|
+
context.setRegisteredFields(prev => new Set(prev).add('name'));
|
|
17
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
18
|
+
}, []);
|
|
19
|
+
return /*#__PURE__*/React.createElement(TextInput, {
|
|
20
|
+
id: "name",
|
|
21
|
+
value: context.values.name,
|
|
22
|
+
readOnly: readOnly,
|
|
23
|
+
onBlur: onBlur,
|
|
24
|
+
autoFocus: autoFocus,
|
|
25
|
+
editable: disabled,
|
|
26
|
+
selectTextOnFocus: disabled,
|
|
27
|
+
placeholder: placeholder,
|
|
28
|
+
autoComplete: "cc-name",
|
|
29
|
+
onChangeText: v => onChange(v)
|
|
30
|
+
});
|
|
31
|
+
}
|
|
32
|
+
//# sourceMappingURL=CardHolder.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useEffect","TextInput","useCardContext","CardHolder","autoFocus","disabled","placeholder","readOnly","context","onBlur","onChange","register","setRegisteredFields","prev","Set","add","React","createElement","id","value","values","name","editable","selectTextOnFocus","autoComplete","onChangeText","v"],"sourceRoot":"../../../../src","sources":["components/Card/CardHolder.tsx"],"mappings":"AAAA,SAASA,SAAS,QAAQ,OAAO;AACjC,SAASC,SAAS,QAAQ,cAAc;AACxC,SAASC,cAAc,QAAQ,WAAW;AAO1C,OAAO,SAASC,UAAUA,CAAC;EACzBC,SAAS;EACTC,QAAQ;EACRC,WAAW;EACXC;AACe,CAAC,EAAE;EAClB,MAAMC,OAAO,GAAGN,cAAc,CAAC,CAAC;EAEhC,MAAM;IAAEO,MAAM;IAAEC;EAAS,CAAC,GAAGF,OAAO,CAACG,QAAQ,CAAC,MAAM,CAAC;EAErDX,SAAS,CAAC,MAAM;IACdQ,OAAO,CAACI,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,CAAChB,SAAS;IACRiB,EAAE,EAAC,MAAM;IACTC,KAAK,EAAEX,OAAO,CAACY,MAAM,CAACC,IAAK;IAC3Bd,QAAQ,EAAEA,QAAS;IACnBE,MAAM,EAAEA,MAAO;IACfL,SAAS,EAAEA,SAAU;IACrBkB,QAAQ,EAAEjB,QAAS;IACnBkB,iBAAiB,EAAElB,QAAS;IAC5BC,WAAW,EAAEA,WAAY;IACzBkB,YAAY,EAAC,SAAS;IACtBC,YAAY,EAAGC,CAAC,IAAKhB,QAAQ,CAACgB,CAAC;EAAE,CAClC,CAAC;AAEN"}
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import { validateNumber } from '@evervault/card-validator';
|
|
2
|
+
import { useEffect, useMemo, useRef } from 'react';
|
|
3
|
+
import { TextInputMask } from 'react-native-masked-text';
|
|
4
|
+
import { useCardContext } from './context';
|
|
5
|
+
export function CardNumber({
|
|
6
|
+
autoFocus,
|
|
7
|
+
disabled,
|
|
8
|
+
placeholder,
|
|
9
|
+
readOnly,
|
|
10
|
+
style
|
|
11
|
+
}) {
|
|
12
|
+
const context = useCardContext();
|
|
13
|
+
const ref = useRef(null);
|
|
14
|
+
const [innerValue, mask] = useMemo(() => {
|
|
15
|
+
const value = context.values.number;
|
|
16
|
+
const {
|
|
17
|
+
brand
|
|
18
|
+
} = validateNumber(value);
|
|
19
|
+
const masks = {
|
|
20
|
+
'default': '9999 9999 9999 9999',
|
|
21
|
+
'unionpay': '9999 9999 9999 9999 999',
|
|
22
|
+
'american-express': '9999 999999 99999'
|
|
23
|
+
};
|
|
24
|
+
if (brand && !!masks[brand]) {
|
|
25
|
+
return [value, masks[brand]];
|
|
26
|
+
}
|
|
27
|
+
return [value, masks.default];
|
|
28
|
+
}, [context.values.number]);
|
|
29
|
+
const {
|
|
30
|
+
onBlur,
|
|
31
|
+
onChange
|
|
32
|
+
} = context.register('number');
|
|
33
|
+
useEffect(() => {
|
|
34
|
+
context.setRegisteredFields(prev => new Set(prev).add('number'));
|
|
35
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
36
|
+
}, []);
|
|
37
|
+
return /*#__PURE__*/React.createElement(TextInputMask, {
|
|
38
|
+
style: style,
|
|
39
|
+
ref: ref,
|
|
40
|
+
type: "custom",
|
|
41
|
+
options: {
|
|
42
|
+
mask
|
|
43
|
+
},
|
|
44
|
+
id: "number",
|
|
45
|
+
value: innerValue,
|
|
46
|
+
onChangeText: onChange,
|
|
47
|
+
onBlur: onBlur,
|
|
48
|
+
readOnly: readOnly,
|
|
49
|
+
inputMode: "numeric",
|
|
50
|
+
autoFocus: autoFocus,
|
|
51
|
+
placeholder: placeholder,
|
|
52
|
+
editable: disabled,
|
|
53
|
+
selectTextOnFocus: disabled,
|
|
54
|
+
autoComplete: "cc-number"
|
|
55
|
+
});
|
|
56
|
+
}
|
|
57
|
+
//# sourceMappingURL=CardNumber.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["validateNumber","useEffect","useMemo","useRef","TextInputMask","useCardContext","CardNumber","autoFocus","disabled","placeholder","readOnly","style","context","ref","innerValue","mask","value","values","number","brand","masks","default","onBlur","onChange","register","setRegisteredFields","prev","Set","add","React","createElement","type","options","id","onChangeText","inputMode","editable","selectTextOnFocus","autoComplete"],"sourceRoot":"../../../../src","sources":["components/Card/CardNumber.tsx"],"mappings":"AAAA,SAASA,cAAc,QAAQ,2BAA2B;AAC1D,SAASC,SAAS,EAAEC,OAAO,EAAEC,MAAM,QAAQ,OAAO;AAClD,SAASC,aAAa,QAAQ,0BAA0B;AACxD,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;EAChC,MAAMQ,GAAG,GAAGV,MAAM,CAAgB,IAAI,CAAC;EAEvC,MAAM,CAACW,UAAU,EAAEC,IAAI,CAAC,GAAGb,OAAO,CAAC,MAAM;IACvC,MAAMc,KAAK,GAAGJ,OAAO,CAACK,MAAM,CAACC,MAAM;IAEnC,MAAM;MAAEC;IAAM,CAAC,GAAGnB,cAAc,CAACgB,KAAK,CAAC;IAEvC,MAAMI,KAAK,GAAG;MACZ,SAAS,EAAE,qBAAqB;MAChC,UAAU,EAAE,yBAAyB;MACrC,kBAAkB,EAAE;IACtB,CAA2B;IAE3B,IAAID,KAAK,IAAI,CAAC,CAACC,KAAK,CAACD,KAAK,CAAC,EAAE;MAC3B,OAAO,CAACH,KAAK,EAAEI,KAAK,CAACD,KAAK,CAAC,CAAC;IAC9B;IACA,OAAO,CAACH,KAAK,EAAEI,KAAK,CAACC,OAAO,CAAC;EAC/B,CAAC,EAAE,CAACT,OAAO,CAACK,MAAM,CAACC,MAAM,CAAC,CAAC;EAE3B,MAAM;IAAEI,MAAM;IAAEC;EAAS,CAAC,GAAGX,OAAO,CAACY,QAAQ,CAAC,QAAQ,CAAC;EAEvDvB,SAAS,CAAC,MAAM;IACdW,OAAO,CAACa,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,CAAC1B,aAAa;IACZO,KAAK,EAAEA,KAAM;IACbE,GAAG,EAAEA,GAAI;IACTkB,IAAI,EAAC,QAAQ;IACbC,OAAO,EAAE;MAAEjB;IAAK,CAAE;IAClBkB,EAAE,EAAC,QAAQ;IACXjB,KAAK,EAAEF,UAAW;IAClBoB,YAAY,EAAEX,QAAS;IACvBD,MAAM,EAAEA,MAAO;IACfZ,QAAQ,EAAEA,QAAS;IACnByB,SAAS,EAAC,SAAS;IACnB5B,SAAS,EAAEA,SAAU;IACrBE,WAAW,EAAEA,WAAY;IACzB2B,QAAQ,EAAE5B,QAAS;IACnB6B,iBAAiB,EAAE7B,QAAS;IAC5B8B,YAAY,EAAC;EAAW,CACzB,CAAC;AAEN"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { createContext, useContext } from 'react';
|
|
2
|
+
export const CardContext = /*#__PURE__*/createContext({
|
|
3
|
+
values: {
|
|
4
|
+
name: '',
|
|
5
|
+
number: '',
|
|
6
|
+
cvc: '',
|
|
7
|
+
expiry: ''
|
|
8
|
+
},
|
|
9
|
+
register: () => ({
|
|
10
|
+
onChange: () => {},
|
|
11
|
+
onBlur: () => {}
|
|
12
|
+
}),
|
|
13
|
+
setRegisteredFields: () => {}
|
|
14
|
+
});
|
|
15
|
+
export const useCardContext = () => useContext(CardContext);
|
|
16
|
+
//# sourceMappingURL=context.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["createContext","useContext","CardContext","values","name","number","cvc","expiry","register","onChange","onBlur","setRegisteredFields","useCardContext"],"sourceRoot":"../../../../src","sources":["components/Card/context.tsx"],"mappings":"AACA,SAAmCA,aAAa,EAAEC,UAAU,QAAQ,OAAO;AAU3E,OAAO,MAAMC,WAAW,gBAAGF,aAAa,CAAoB;EAC1DG,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;AAEF,OAAO,MAAMC,cAAc,GAAGA,CAAA,KAAMX,UAAU,CAACC,WAAW,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["Card","CardPayload"],"sourceRoot":"../../../../src","sources":["components/Card/index.ts"],"mappings":"AAAA,SAASA,IAAI,QAAwB,QAAQ;AAC7C,SAASC,WAAW,QAAQ,OAAO"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/Card/types.ts"],"mappings":""}
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
import { validateNumber, validateExpiry, validateCVC } from '@evervault/card-validator';
|
|
2
|
+
export async function changePayload(encrypt, form, fields) {
|
|
3
|
+
const {
|
|
4
|
+
name,
|
|
5
|
+
number,
|
|
6
|
+
expiry,
|
|
7
|
+
cvc
|
|
8
|
+
} = form.values;
|
|
9
|
+
const {
|
|
10
|
+
brand,
|
|
11
|
+
localBrands,
|
|
12
|
+
bin,
|
|
13
|
+
lastFour,
|
|
14
|
+
isValid: isValidCardNumber
|
|
15
|
+
} = validateNumber(number);
|
|
16
|
+
return {
|
|
17
|
+
card: {
|
|
18
|
+
name,
|
|
19
|
+
brand,
|
|
20
|
+
localBrands,
|
|
21
|
+
bin,
|
|
22
|
+
lastFour,
|
|
23
|
+
number: isValidCardNumber ? await encryptedNumber(encrypt, number) : null,
|
|
24
|
+
expiry: formatExpiry(expiry),
|
|
25
|
+
cvc: await encryptedCVC(encrypt, cvc, number)
|
|
26
|
+
},
|
|
27
|
+
isValid: form.isValid,
|
|
28
|
+
isComplete: isComplete(form, fields),
|
|
29
|
+
errors: Object.keys(form.errors ?? {}).length > 0 ? form.errors : null
|
|
30
|
+
};
|
|
31
|
+
}
|
|
32
|
+
export function isComplete(form, fields) {
|
|
33
|
+
if (fields.includes('name')) {
|
|
34
|
+
if (form.values.name.length === 0) return false;
|
|
35
|
+
}
|
|
36
|
+
if (fields.includes('number')) {
|
|
37
|
+
const cardValidation = validateNumber(form.values.number);
|
|
38
|
+
if (!cardValidation.isValid) return false;
|
|
39
|
+
}
|
|
40
|
+
if (fields.includes('expiry')) {
|
|
41
|
+
const expiryValidation = validateExpiry(form.values.expiry.replace(" / ", ""));
|
|
42
|
+
if (!expiryValidation.isValid) return false;
|
|
43
|
+
}
|
|
44
|
+
if (fields.includes('cvc')) {
|
|
45
|
+
const cvcValidation = validateCVC(form.values.cvc, form.values.number);
|
|
46
|
+
if (!cvcValidation.isValid) return false;
|
|
47
|
+
}
|
|
48
|
+
return true;
|
|
49
|
+
}
|
|
50
|
+
export function isAcceptedBrand(acceptedBrands, cardNumberValidationResult) {
|
|
51
|
+
if (!acceptedBrands) return true;
|
|
52
|
+
const {
|
|
53
|
+
brand,
|
|
54
|
+
localBrands
|
|
55
|
+
} = cardNumberValidationResult;
|
|
56
|
+
const isBrandAccepted = brand !== null && acceptedBrands.includes(brand);
|
|
57
|
+
const isLocalBrandAccepted = localBrands.some(localBrand => acceptedBrands.includes(localBrand));
|
|
58
|
+
return isBrandAccepted || isLocalBrandAccepted;
|
|
59
|
+
}
|
|
60
|
+
function formatExpiry(expiry) {
|
|
61
|
+
const parsedExpiry = validateExpiry(expiry.replace(" / ", ""));
|
|
62
|
+
return {
|
|
63
|
+
month: parsedExpiry.month,
|
|
64
|
+
year: parsedExpiry.year
|
|
65
|
+
};
|
|
66
|
+
}
|
|
67
|
+
async function encryptedNumber(encrypt, number) {
|
|
68
|
+
return encrypt(number);
|
|
69
|
+
}
|
|
70
|
+
async function encryptedCVC(encrypt, cvc, cardNumber) {
|
|
71
|
+
const {
|
|
72
|
+
isValid
|
|
73
|
+
} = validateCVC(cvc, cardNumber);
|
|
74
|
+
if (!isValid) return null;
|
|
75
|
+
return encrypt(cvc);
|
|
76
|
+
}
|
|
77
|
+
//# sourceMappingURL=utilities.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["validateNumber","validateExpiry","validateCVC","changePayload","encrypt","form","fields","name","number","expiry","cvc","values","brand","localBrands","bin","lastFour","isValid","isValidCardNumber","card","encryptedNumber","formatExpiry","encryptedCVC","isComplete","errors","Object","keys","length","includes","cardValidation","expiryValidation","replace","cvcValidation","isAcceptedBrand","acceptedBrands","cardNumberValidationResult","isBrandAccepted","isLocalBrandAccepted","some","localBrand","parsedExpiry","month","year","cardNumber"],"sourceRoot":"../../../../src","sources":["components/Card/utilities.ts"],"mappings":"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"}
|