@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.
Files changed (105) hide show
  1. package/README.md +52 -12
  2. package/android/build.gradle +5 -3
  3. package/android/gradle.properties +1 -1
  4. package/android/src/main/java/com/evervaultsdk/EvervaultSdkModule.kt +34 -5
  5. package/android/src/main/java/com/evervaultsdk/EvervaultSdkPackage.kt +1 -1
  6. package/evervault-react-native.podspec +1 -1
  7. package/lib/commonjs/components/Card/Card.js +115 -0
  8. package/lib/commonjs/components/Card/Card.js.map +1 -0
  9. package/lib/commonjs/components/Card/CardCVC.js +53 -0
  10. package/lib/commonjs/components/Card/CardCVC.js.map +1 -0
  11. package/lib/commonjs/components/Card/CardExpiry.js +40 -0
  12. package/lib/commonjs/components/Card/CardExpiry.js.map +1 -0
  13. package/lib/commonjs/components/Card/CardHolder.js +38 -0
  14. package/lib/commonjs/components/Card/CardHolder.js.map +1 -0
  15. package/lib/commonjs/components/Card/CardNumber.js +63 -0
  16. package/lib/commonjs/components/Card/CardNumber.js.map +1 -0
  17. package/lib/commonjs/components/Card/context.js +23 -0
  18. package/lib/commonjs/components/Card/context.js.map +1 -0
  19. package/lib/commonjs/components/Card/index.js +20 -0
  20. package/lib/commonjs/components/Card/index.js.map +1 -0
  21. package/lib/commonjs/components/Card/types.js +6 -0
  22. package/lib/commonjs/components/Card/types.js.map +1 -0
  23. package/lib/commonjs/components/Card/utilities.js +85 -0
  24. package/lib/commonjs/components/Card/utilities.js.map +1 -0
  25. package/lib/commonjs/components/Common/Error.js +2 -0
  26. package/lib/commonjs/components/Common/Error.js.map +1 -0
  27. package/lib/commonjs/components/index.js +3 -0
  28. package/lib/commonjs/components/index.js.map +1 -0
  29. package/lib/commonjs/index.js +18 -16
  30. package/lib/commonjs/index.js.map +1 -1
  31. package/lib/commonjs/native.js +17 -0
  32. package/lib/commonjs/native.js.map +1 -0
  33. package/lib/commonjs/sdk.js +22 -0
  34. package/lib/commonjs/sdk.js.map +1 -0
  35. package/lib/module/components/Card/Card.js +110 -0
  36. package/lib/module/components/Card/Card.js.map +1 -0
  37. package/lib/module/components/Card/CardCVC.js +44 -0
  38. package/lib/module/components/Card/CardCVC.js.map +1 -0
  39. package/lib/module/components/Card/CardExpiry.js +34 -0
  40. package/lib/module/components/Card/CardExpiry.js.map +1 -0
  41. package/lib/module/components/Card/CardHolder.js +32 -0
  42. package/lib/module/components/Card/CardHolder.js.map +1 -0
  43. package/lib/module/components/Card/CardNumber.js +57 -0
  44. package/lib/module/components/Card/CardNumber.js.map +1 -0
  45. package/lib/module/components/Card/context.js +16 -0
  46. package/lib/module/components/Card/context.js.map +1 -0
  47. package/lib/module/components/Card/index.js +3 -0
  48. package/lib/module/components/Card/index.js.map +1 -0
  49. package/lib/module/components/Card/types.js +2 -0
  50. package/lib/module/components/Card/types.js.map +1 -0
  51. package/lib/module/components/Card/utilities.js +77 -0
  52. package/lib/module/components/Card/utilities.js.map +1 -0
  53. package/lib/module/components/Common/Error.js +2 -0
  54. package/lib/module/components/Common/Error.js.map +1 -0
  55. package/lib/module/components/index.js +2 -0
  56. package/lib/module/components/index.js.map +1 -0
  57. package/lib/module/index.js +2 -16
  58. package/lib/module/index.js.map +1 -1
  59. package/lib/module/native.js +11 -0
  60. package/lib/module/native.js.map +1 -0
  61. package/lib/module/sdk.js +15 -0
  62. package/lib/module/sdk.js.map +1 -0
  63. package/lib/typescript/src/components/Card/Card.d.ts +30 -0
  64. package/lib/typescript/src/components/Card/Card.d.ts.map +1 -0
  65. package/lib/typescript/src/components/Card/CardCVC.d.ts +6 -0
  66. package/lib/typescript/src/components/Card/CardCVC.d.ts.map +1 -0
  67. package/lib/typescript/src/components/Card/CardExpiry.d.ts +6 -0
  68. package/lib/typescript/src/components/Card/CardExpiry.d.ts.map +1 -0
  69. package/lib/typescript/src/components/Card/CardHolder.d.ts +7 -0
  70. package/lib/typescript/src/components/Card/CardHolder.d.ts.map +1 -0
  71. package/lib/typescript/src/components/Card/CardNumber.d.ts +8 -0
  72. package/lib/typescript/src/components/Card/CardNumber.d.ts.map +1 -0
  73. package/lib/typescript/src/components/Card/context.d.ts +13 -0
  74. package/lib/typescript/src/components/Card/context.d.ts.map +1 -0
  75. package/lib/typescript/src/components/Card/index.d.ts +3 -0
  76. package/lib/typescript/src/components/Card/index.d.ts.map +1 -0
  77. package/lib/typescript/src/components/Card/types.d.ts +13 -0
  78. package/lib/typescript/src/components/Card/types.d.ts.map +1 -0
  79. package/lib/typescript/src/components/Card/utilities.d.ts +8 -0
  80. package/lib/typescript/src/components/Card/utilities.d.ts.map +1 -0
  81. package/lib/typescript/src/components/Common/Error.d.ts +1 -0
  82. package/lib/typescript/src/components/Common/Error.d.ts.map +1 -0
  83. package/lib/typescript/src/components/index.d.ts +1 -0
  84. package/lib/typescript/src/components/index.d.ts.map +1 -0
  85. package/lib/typescript/src/index.d.ts +3 -2
  86. package/lib/typescript/src/index.d.ts.map +1 -1
  87. package/lib/typescript/src/native.d.ts +2 -0
  88. package/lib/typescript/src/native.d.ts.map +1 -0
  89. package/lib/typescript/src/sdk.d.ts +3 -0
  90. package/lib/typescript/src/sdk.d.ts.map +1 -0
  91. package/package.json +29 -23
  92. package/src/components/Card/Card.tsx +156 -0
  93. package/src/components/Card/CardCVC.tsx +47 -0
  94. package/src/components/Card/CardExpiry.tsx +39 -0
  95. package/src/components/Card/CardHolder.tsx +39 -0
  96. package/src/components/Card/CardNumber.tsx +64 -0
  97. package/src/components/Card/context.tsx +26 -0
  98. package/src/components/Card/index.ts +2 -0
  99. package/src/components/Card/types.ts +15 -0
  100. package/src/components/Card/utilities.ts +105 -0
  101. package/src/components/Common/Error.tsx +0 -0
  102. package/src/components/index.ts +1 -0
  103. package/src/index.tsx +3 -26
  104. package/src/native.ts +18 -0
  105. 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":";;;;;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AAUO,eAAeC,aAAaA,CACjCC,OAA2C,EAC3CC,IAA6B,EAC7BC,MAAmB,EACG;EACtB,MAAM;IAAEC,IAAI;IAAEC,MAAM;IAAEC,MAAM;IAAEC;EAAI,CAAC,GAAGL,IAAI,CAACM,MAAM;EACjD,MAAM;IACJC,KAAK;IACLC,WAAW;IACXC,GAAG;IACHC,QAAQ;IACRC,OAAO,EAAEC;EACX,CAAC,GAAG,IAAAC,6BAAc,EAACV,MAAM,CAAC;EAE1B,OAAO;IACLW,IAAI,EAAE;MACJZ,IAAI;MACJK,KAAK;MACLC,WAAW;MACXC,GAAG;MACHC,QAAQ;MACRP,MAAM,EAAES,iBAAiB,GAAG,MAAMG,eAAe,CAAChB,OAAO,EAAEI,MAAM,CAAC,GAAG,IAAI;MACzEC,MAAM,EAAEY,YAAY,CAACZ,MAAM,CAAC;MAC5BC,GAAG,EAAE,MAAMY,YAAY,CAAClB,OAAO,EAAEM,GAAG,EAAEF,MAAM;IAC9C,CAAC;IACDQ,OAAO,EAAEX,IAAI,CAACW,OAAO;IACrBO,UAAU,EAAEA,UAAU,CAAClB,IAAI,EAAEC,MAAM,CAAC;IACpCkB,MAAM,EAAEC,MAAM,CAACC,IAAI,CAACrB,IAAI,CAACmB,MAAM,IAAI,CAAC,CAAC,CAAC,CAACG,MAAM,GAAG,CAAC,GAAGtB,IAAI,CAACmB,MAAM,GAAG;EACpE,CAAC;AACH;AAEO,SAASD,UAAUA,CAAClB,IAA6B,EAAEC,MAAmB,EAAE;EAC7E,IAAIA,MAAM,CAACsB,QAAQ,CAAC,MAAM,CAAC,EAAE;IAC3B,IAAIvB,IAAI,CAACM,MAAM,CAACJ,IAAI,CAACoB,MAAM,KAAK,CAAC,EAAE,OAAO,KAAK;EACjD;EAEA,IAAIrB,MAAM,CAACsB,QAAQ,CAAC,QAAQ,CAAC,EAAE;IAC7B,MAAMC,cAAc,GAAG,IAAAX,6BAAc,EAACb,IAAI,CAACM,MAAM,CAACH,MAAM,CAAC;IACzD,IAAI,CAACqB,cAAc,CAACb,OAAO,EAAE,OAAO,KAAK;EAC3C;EAEA,IAAIV,MAAM,CAACsB,QAAQ,CAAC,QAAQ,CAAC,EAAE;IAC7B,MAAME,gBAAgB,GAAG,IAAAC,6BAAc,EAAC1B,IAAI,CAACM,MAAM,CAACF,MAAM,CAACuB,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;IAC9E,IAAI,CAACF,gBAAgB,CAACd,OAAO,EAAE,OAAO,KAAK;EAC7C;EAEA,IAAIV,MAAM,CAACsB,QAAQ,CAAC,KAAK,CAAC,EAAE;IAC1B,MAAMK,aAAa,GAAG,IAAAC,0BAAW,EAAC7B,IAAI,CAACM,MAAM,CAACD,GAAG,EAAEL,IAAI,CAACM,MAAM,CAACH,MAAM,CAAC;IACtE,IAAI,CAACyB,aAAa,CAACjB,OAAO,EAAE,OAAO,KAAK;EAC1C;EAEA,OAAO,IAAI;AACb;AAEO,SAASmB,eAAeA,CAC7BC,cAA2C,EAC3CC,0BAAsD,EAC7C;EACT,IAAI,CAACD,cAAc,EAAE,OAAO,IAAI;EAChC,MAAM;IAAExB,KAAK;IAAEC;EAAY,CAAC,GAAGwB,0BAA0B;EAEzD,MAAMC,eAAe,GAAG1B,KAAK,KAAK,IAAI,IAAIwB,cAAc,CAACR,QAAQ,CAAChB,KAAK,CAAC;EACxE,MAAM2B,oBAAoB,GAAG1B,WAAW,CAAC2B,IAAI,CAAEC,UAAU,IACvDL,cAAc,CAACR,QAAQ,CAACa,UAAU,CACpC,CAAC;EAED,OAAOH,eAAe,IAAIC,oBAAoB;AAChD;AAEA,SAASlB,YAAYA,CAACZ,MAAc,EAAE;EACpC,MAAMiC,YAAY,GAAG,IAAAX,6BAAc,EAACtB,MAAM,CAACuB,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;EAE9D,OAAO;IACLW,KAAK,EAAED,YAAY,CAACC,KAAK;IACzBC,IAAI,EAAEF,YAAY,CAACE;EACrB,CAAC;AACH;AAEA,eAAexB,eAAeA,CAC5BhB,OAA2C,EAC3CI,MAAc,EACd;EACA,OAAOJ,OAAO,CAACI,MAAM,CAAC;AACxB;AAEA,eAAec,YAAYA,CACzBlB,OAA2C,EAC3CM,GAAW,EACXmC,UAAkB,EAClB;EACA,MAAM;IAAE7B;EAAQ,CAAC,GAAG,IAAAkB,0BAAW,EAACxB,GAAG,EAAEmC,UAAU,CAAC;EAEhD,IAAI,CAAC7B,OAAO,EAAE,OAAO,IAAI;EACzB,OAAOZ,OAAO,CAACM,GAAG,CAAC;AACrB"}
@@ -0,0 +1,2 @@
1
+ "use strict";
2
+ //# sourceMappingURL=Error.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/Common/Error.tsx"],"mappings":""}
@@ -0,0 +1,3 @@
1
+ // export * from './Card';
2
+ "use strict";
3
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":[],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":"AAAA;AAAA"}
@@ -3,22 +3,24 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.encrypt = encrypt;
7
- exports.init = init;
8
- var _reactNative = require("react-native");
9
- const LINKING_ERROR = `The package '@evervault/evervault-react-native' doesn't seem to be linked. Make sure: \n\n` + _reactNative.Platform.select({
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
- async function init(teamUuid, appUuid) {
19
- return EvervaultSdk.initialize(teamUuid, appUuid);
20
- }
21
- async function encrypt(data) {
22
- return EvervaultSdk.encrypt(data);
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":["_reactNative","require","LINKING_ERROR","Platform","select","ios","default","EvervaultSdk","NativeModules","Proxy","get","Error","init","teamUuid","appUuid","initialize","encrypt","data"],"sourceRoot":"../../src","sources":["index.tsx"],"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;AAEjC,MAAMC,YAAY,GAAGC,0BAAa,CAACD,YAAY,GAC3CC,0BAAa,CAACD,YAAY,GAC1B,IAAIE,KAAK,CACP,CAAC,CAAC,EACF;EACEC,GAAGA,CAAA,EAAG;IACJ,MAAM,IAAIC,KAAK,CAACT,aAAa,CAAC;EAChC;AACF,CACF,CAAC;AAEE,eAAeU,IAAIA,CAACC,QAAgB,EAAEC,OAAe,EAAiB;EAC3E,OAAOP,YAAY,CAACQ,UAAU,CAACF,QAAQ,EAAEC,OAAO,CAAC;AACnD;AAEO,eAAeE,OAAOA,CAACC,IAAS,EAAmB;EACxD,OAAOV,YAAY,CAACS,OAAO,CAACC,IAAI,CAAC;AACnC"}
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,3 @@
1
+ export { Card } from './Card';
2
+ export { CardPayload } from 'types';
3
+ //# sourceMappingURL=index.js.map
@@ -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,2 @@
1
+ export {};
2
+ //# sourceMappingURL=types.js.map
@@ -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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"}