@mirai/core 0.2.19 → 0.3.2

package/build/components/__shared__/Payment/components/Card/helpers/formatValues.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.formatValues = void 0;
+var _getCardConfig2 = require("./getCardConfig");
+var _getCardType = require("./getCardType");
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+var PARSER = [/[^\d]/g, ''];
+var formatValues = exports.formatValues = function formatValues() {
+  var _card, _CVV;
+  var values = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var _values$card = values.card,
+    card = _values$card === void 0 ? '' : _values$card,
+    _values$CVV = values.CVV,
+    CVV = _values$CVV === void 0 ? '' : _values$CVV,
+    _values$expire = values.expire,
+    expire = _values$expire === void 0 ? '' : _values$expire,
+    _values$name = values.name,
+    name = _values$name === void 0 ? '' : _values$name;
+  card = (_card = card).replace.apply(_card, PARSER);
+  CVV = (_CVV = CVV).replace.apply(_CVV, PARSER);
+  name = name.toUpperCase();
+  var _getCardConfig = (0, _getCardConfig2.getCardConfig)(card),
+    _getCardConfig$placeh = _getCardConfig.placeholder,
+    placeholder = _getCardConfig$placeh === void 0 ? {} : _getCardConfig$placeh;
+  var cardArray = card ? _toConsumableArray(card) : [];
+  card = _toConsumableArray(placeholder.card).map(function () {
+    var char = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+    return char === ' ' ? char : cardArray.length >= 0 ? cardArray.shift() : '';
+  }).join('').trimEnd();
+  return {
+    card: card,
+    CVV: CVV,
+    expire: expire,
+    name: name,
+    type: (0, _getCardType.getCardType)(card)
+  };
+};
+//# sourceMappingURL=formatValues.js.map

package/build/components/__shared__/Payment/components/Card/helpers/formatValues.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatValues.js","names":["_getCardConfig2","require","_getCardType","_toConsumableArray","arr","_arrayWithoutHoles","_iterableToArray","_unsupportedIterableToArray","_nonIterableSpread","TypeError","o","minLen","_arrayLikeToArray","n","Object","prototype","toString","call","slice","constructor","name","Array","from","test","iter","Symbol","iterator","isArray","len","length","i","arr2","PARSER","formatValues","exports","_card","_CVV","values","arguments","undefined","_values$card","card","_values$CVV","CVV","_values$expire","expire","_values$name","replace","apply","toUpperCase","_getCardConfig","getCardConfig","_getCardConfig$placeh","placeholder","cardArray","map","char","shift","join","trimEnd","type","getCardType"],"sources":["../../../../../../../src/components/__shared__/Payment/components/Card/helpers/formatValues.js"],"sourcesContent":["import { getCardConfig } from './getCardConfig';\nimport { getCardType } from './getCardType';\n\nconst PARSER = [/[^\\d]/g, ''];\n\nexport const formatValues = (values = {}) => {\n  let { card = '', CVV = '', expire = '', name = '' } = values;\n\n  card = card.replace(...PARSER);\n  CVV = CVV.replace(...PARSER);\n  name = name.toUpperCase();\n\n  const { placeholder = {} } = getCardConfig(card);\n  const cardArray = card ? [...card] : [];\n  card = [...placeholder.card]\n    .map((char = '') => (char === ' ' ? char : cardArray.length >= 0 ? cardArray.shift() : ''))\n    .join('')\n    .trimEnd();\n\n  return { card, CVV, expire, name, type: getCardType(card) };\n};\n"],"mappings":"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"}

package/build/components/__shared__/Payment/components/Card/helpers/getCardConfig.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getCardConfig = void 0;
+var _Card = require("../Card.constants");
+var REGEX_AMERICAN_EX = /^3[47]/;
+var getCardConfig = exports.getCardConfig = function getCardConfig(card) {
+  return REGEX_AMERICAN_EX.test(card) ? _Card.CARD_CONFIG.AMERICAN_EX : _Card.CARD_CONFIG.DEFAULT;
+};
+//# sourceMappingURL=getCardConfig.js.map

package/build/components/__shared__/Payment/components/Card/helpers/getCardConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getCardConfig.js","names":["_Card","require","REGEX_AMERICAN_EX","getCardConfig","exports","card","test","CARD_CONFIG","AMERICAN_EX","DEFAULT"],"sources":["../../../../../../../src/components/__shared__/Payment/components/Card/helpers/getCardConfig.js"],"sourcesContent":["import { CARD_CONFIG } from '../Card.constants';\n\nconst REGEX_AMERICAN_EX = /^3[47]/;\n\nexport const getCardConfig = (card) => (REGEX_AMERICAN_EX.test(card) ? CARD_CONFIG.AMERICAN_EX : CARD_CONFIG.DEFAULT);\n"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAEA,IAAMC,iBAAiB,GAAG,QAAQ;AAE3B,IAAMC,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,SAAhBA,aAAaA,CAAIE,IAAI;EAAA,OAAMH,iBAAiB,CAACI,IAAI,CAACD,IAAI,CAAC,GAAGE,iBAAW,CAACC,WAAW,GAAGD,iBAAW,CAACE,OAAO;AAAA,CAAC"}

package/build/components/__shared__/Payment/components/Card/helpers/getCardType.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getCardType = void 0;
+var _getCardConfig2 = require("./getCardConfig");
+var _Payment = require("../../../Payment.constants");
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+var getCardType = exports.getCardType = function getCardType(card) {
+  var _cardTypes;
+  var _getCardConfig = (0, _getCardConfig2.getCardConfig)(card),
+    _getCardConfig$maxLen = _getCardConfig.maxLength,
+    maxLength = _getCardConfig$maxLen === void 0 ? {} : _getCardConfig$maxLen;
+  if (!card || maxLength.card !== card.length) return;
+  var cardTypes = (_cardTypes = {}, _defineProperty(_cardTypes, _Payment.CARD.AMERICAN_EXPRESS, /^3[47][0-9]{13}$/), _defineProperty(_cardTypes, _Payment.CARD.DINERS_CLUB, /^3(?:0[0-5]|[68][0-9])[0-9]{11}$/), _defineProperty(_cardTypes, _Payment.CARD.DISCOVER, /^6(?:011|5[0-9]{2})[0-9]{12}$/), _defineProperty(_cardTypes, _Payment.CARD.JCB, /^(?:2131|1800|35\d{3})\d{11}$/), _defineProperty(_cardTypes, _Payment.CARD.MAESTRO, /^(5018|5020|5038|6304|6759|6761|6763)[0-9]{8,15}$/), _defineProperty(_cardTypes, _Payment.CARD.MASTERCARD, /^(?:5[1-5][0-9]{2}|222[1-9]|22[3-9][0-9]|2[3-6][0-9]{2}|27[01][0-9]|2720)[0-9]{12}$/), _defineProperty(_cardTypes, _Payment.CARD.UNIONPAY, /^(62[0-9]{14,17})$/), _defineProperty(_cardTypes, _Payment.CARD.VISA, /^4[0-9]{12}(?:[0-9]{3})?$/), _cardTypes);
+  for (var cardType in cardTypes) {
+    if (card.replaceAll(' ', '').match(cardTypes[cardType])) {
+      return cardType;
+    }
+  }
+};
+//# sourceMappingURL=getCardType.js.map

package/build/components/__shared__/Payment/components/Card/helpers/getCardType.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getCardType.js","names":["_getCardConfig2","require","_Payment","_typeof","o","Symbol","iterator","constructor","prototype","_defineProperty","obj","key","value","_toPropertyKey","Object","defineProperty","enumerable","configurable","writable","arg","_toPrimitive","String","input","hint","prim","toPrimitive","undefined","res","call","TypeError","Number","getCardType","exports","card","_cardTypes","_getCardConfig","getCardConfig","_getCardConfig$maxLen","maxLength","length","cardTypes","CARD","AMERICAN_EXPRESS","DINERS_CLUB","DISCOVER","JCB","MAESTRO","MASTERCARD","UNIONPAY","VISA","cardType","replaceAll","match"],"sources":["../../../../../../../src/components/__shared__/Payment/components/Card/helpers/getCardType.js"],"sourcesContent":["import { getCardConfig } from './getCardConfig';\nimport { CARD } from '../../../Payment.constants';\n\nexport const getCardType = (card) => {\n  const { maxLength = {} } = getCardConfig(card);\n  if (!card || maxLength.card !== card.length) return;\n\n  const cardTypes = {\n    [CARD.AMERICAN_EXPRESS]: /^3[47][0-9]{13}$/,\n    [CARD.DINERS_CLUB]: /^3(?:0[0-5]|[68][0-9])[0-9]{11}$/,\n    [CARD.DISCOVER]: /^6(?:011|5[0-9]{2})[0-9]{12}$/,\n    [CARD.JCB]: /^(?:2131|1800|35\\d{3})\\d{11}$/,\n    [CARD.MAESTRO]: /^(5018|5020|5038|6304|6759|6761|6763)[0-9]{8,15}$/,\n    [CARD.MASTERCARD]: /^(?:5[1-5][0-9]{2}|222[1-9]|22[3-9][0-9]|2[3-6][0-9]{2}|27[01][0-9]|2720)[0-9]{12}$/,\n    [CARD.UNIONPAY]: /^(62[0-9]{14,17})$/,\n    [CARD.VISA]: /^4[0-9]{12}(?:[0-9]{3})?$/,\n  };\n\n  for (const cardType in cardTypes) {\n    if (card.replaceAll(' ', '').match(cardTypes[cardType])) {\n      return cardType;\n    }\n  }\n};\n"],"mappings":";;;;;;AAAA,IAAAA,eAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAAkD,SAAAE,QAAAC,CAAA,sCAAAD,OAAA,wBAAAE,MAAA,uBAAAA,MAAA,CAAAC,QAAA,aAAAF,CAAA,kBAAAA,CAAA,gBAAAA,CAAA,WAAAA,CAAA,yBAAAC,MAAA,IAAAD,CAAA,CAAAG,WAAA,KAAAF,MAAA,IAAAD,CAAA,KAAAC,MAAA,CAAAG,SAAA,qBAAAJ,CAAA,KAAAD,OAAA,CAAAC,CAAA;AAAA,SAAAK,gBAAAC,GAAA,EAAAC,GAAA,EAAAC,KAAA,IAAAD,GAAA,GAAAE,cAAA,CAAAF,GAAA,OAAAA,GAAA,IAAAD,GAAA,IAAAI,MAAA,CAAAC,cAAA,CAAAL,GAAA,EAAAC,GAAA,IAAAC,KAAA,EAAAA,KAAA,EAAAI,UAAA,QAAAC,YAAA,QAAAC,QAAA,oBAAAR,GAAA,CAAAC,GAAA,IAAAC,KAAA,WAAAF,GAAA;AAAA,SAAAG,eAAAM,GAAA,QAAAR,GAAA,GAAAS,YAAA,CAAAD,GAAA,oBAAAhB,OAAA,CAAAQ,GAAA,iBAAAA,GAAA,GAAAU,MAAA,CAAAV,GAAA;AAAA,SAAAS,aAAAE,KAAA,EAAAC,IAAA,QAAApB,OAAA,CAAAmB,KAAA,kBAAAA,KAAA,kBAAAA,KAAA,MAAAE,IAAA,GAAAF,KAAA,CAAAjB,MAAA,CAAAoB,WAAA,OAAAD,IAAA,KAAAE,SAAA,QAAAC,GAAA,GAAAH,IAAA,CAAAI,IAAA,CAAAN,KAAA,EAAAC,IAAA,oBAAApB,OAAA,CAAAwB,GAAA,uBAAAA,GAAA,YAAAE,SAAA,4DAAAN,IAAA,gBAAAF,MAAA,GAAAS,MAAA,EAAAR,KAAA;AAE3C,IAAMS,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,SAAdA,WAAWA,CAAIE,IAAI,EAAK;EAAA,IAAAC,UAAA;EACnC,IAAAC,cAAA,GAA2B,IAAAC,6BAAa,EAACH,IAAI,CAAC;IAAAI,qBAAA,GAAAF,cAAA,CAAtCG,SAAS;IAATA,SAAS,GAAAD,qBAAA,cAAG,CAAC,CAAC,GAAAA,qBAAA;EACtB,IAAI,CAACJ,IAAI,IAAIK,SAAS,CAACL,IAAI,KAAKA,IAAI,CAACM,MAAM,EAAE;EAE7C,IAAMC,SAAS,IAAAN,UAAA,OAAAzB,eAAA,CAAAyB,UAAA,EACZO,aAAI,CAACC,gBAAgB,EAAG,kBAAkB,GAAAjC,eAAA,CAAAyB,UAAA,EAC1CO,aAAI,CAACE,WAAW,EAAG,kCAAkC,GAAAlC,eAAA,CAAAyB,UAAA,EACrDO,aAAI,CAACG,QAAQ,EAAG,+BAA+B,GAAAnC,eAAA,CAAAyB,UAAA,EAC/CO,aAAI,CAACI,GAAG,EAAG,+BAA+B,GAAApC,eAAA,CAAAyB,UAAA,EAC1CO,aAAI,CAACK,OAAO,EAAG,mDAAmD,GAAArC,eAAA,CAAAyB,UAAA,EAClEO,aAAI,CAACM,UAAU,EAAG,qFAAqF,GAAAtC,eAAA,CAAAyB,UAAA,EACvGO,aAAI,CAACO,QAAQ,EAAG,oBAAoB,GAAAvC,eAAA,CAAAyB,UAAA,EACpCO,aAAI,CAACQ,IAAI,EAAG,2BAA2B,GAAAf,UAAA,CACzC;EAED,KAAK,IAAMgB,QAAQ,IAAIV,SAAS,EAAE;IAChC,IAAIP,IAAI,CAACkB,UAAU,CAAC,GAAG,EAAE,EAAE,CAAC,CAACC,KAAK,CAACZ,SAAS,CAACU,QAAQ,CAAC,CAAC,EAAE;MACvD,OAAOA,QAAQ;IACjB;EACF;AACF,CAAC"}

package/build/components/__shared__/Payment/components/Card/helpers/index.js

@@ -0,0 +1,61 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _formatValues = require("./formatValues");
+Object.keys(_formatValues).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _formatValues[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _formatValues[key];
+    }
+  });
+});
+var _getCardConfig = require("./getCardConfig");
+Object.keys(_getCardConfig).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _getCardConfig[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _getCardConfig[key];
+    }
+  });
+});
+var _testCard = require("./testCard");
+Object.keys(_testCard).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _testCard[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _testCard[key];
+    }
+  });
+});
+var _testCVV = require("./testCVV");
+Object.keys(_testCVV).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _testCVV[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _testCVV[key];
+    }
+  });
+});
+var _testExpire = require("./testExpire");
+Object.keys(_testExpire).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _testExpire[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _testExpire[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/build/components/__shared__/Payment/components/Card/helpers/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_formatValues","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_getCardConfig","_testCard","_testCVV","_testExpire"],"sources":["../../../../../../../src/components/__shared__/Payment/components/Card/helpers/index.js"],"sourcesContent":["export * from './formatValues';\nexport * from './getCardConfig';\nexport * from './testCard';\nexport * from './testCVV';\nexport * from './testExpire';\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,aAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,aAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,aAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,cAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,cAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,cAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAC,cAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,SAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,SAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,SAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAE,SAAA,CAAAN,GAAA;IAAA;EAAA;AAAA;AACA,IAAAO,QAAA,GAAAX,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAS,QAAA,EAAAR,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAO,QAAA,CAAAP,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAG,QAAA,CAAAP,GAAA;IAAA;EAAA;AAAA;AACA,IAAAQ,WAAA,GAAAZ,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAU,WAAA,EAAAT,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAQ,WAAA,CAAAR,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAI,WAAA,CAAAR,GAAA;IAAA;EAAA;AAAA"}

package/build/components/__shared__/Payment/components/Card/helpers/testCVV.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.testCVV = void 0;
+var testCVV = exports.testCVV = function testCVV(CVV, maxLength) {
+  return !!CVV && CVV.length === maxLength;
+};
+//# sourceMappingURL=testCVV.js.map

package/build/components/__shared__/Payment/components/Card/helpers/testCVV.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"testCVV.js","names":["testCVV","exports","CVV","maxLength","length"],"sources":["../../../../../../../src/components/__shared__/Payment/components/Card/helpers/testCVV.js"],"sourcesContent":["export const testCVV = (CVV, maxLength) => !!CVV && CVV.length === maxLength;\n"],"mappings":";;;;;;AAAO,IAAMA,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,SAAVA,OAAOA,CAAIE,GAAG,EAAEC,SAAS;EAAA,OAAK,CAAC,CAACD,GAAG,IAAIA,GAAG,CAACE,MAAM,KAAKD,SAAS;AAAA"}

package/build/components/__shared__/Payment/components/Card/helpers/testCard.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.testCard = void 0;
+var _formatValues = require("./formatValues");
+var testCard = exports.testCard = function testCard(card) {
+  return !!(0, _formatValues.formatValues)({
+    card: card
+  }).type;
+};
+//# sourceMappingURL=testCard.js.map

package/build/components/__shared__/Payment/components/Card/helpers/testCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"testCard.js","names":["_formatValues","require","testCard","exports","card","formatValues","type"],"sources":["../../../../../../../src/components/__shared__/Payment/components/Card/helpers/testCard.js"],"sourcesContent":["import { formatValues } from './formatValues';\n\nexport const testCard = (card) => !!formatValues({ card }).type;\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAEO,IAAMC,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAG,SAAXA,QAAQA,CAAIE,IAAI;EAAA,OAAK,CAAC,CAAC,IAAAC,0BAAY,EAAC;IAAED,IAAI,EAAJA;EAAK,CAAC,CAAC,CAACE,IAAI;AAAA"}

package/build/components/__shared__/Payment/components/Card/helpers/testExpire.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.testExpire = void 0;
+var _locale = require("@mirai/locale");
+var testExpire = exports.testExpire = function testExpire(expire) {
+  var now = (0, _locale.UTC)(new Date());
+  return !expire || (expire === null || expire === void 0 ? void 0 : expire.length) === 5 && expire.indexOf('/') === 2 && (0, _locale.UTC)((0, _locale.parseDate)("01".concat(expire.slice(0, 2)).concat(expire.slice(3)), 'DDMMYY')) >= (0, _locale.UTC)(new Date(now.getFullYear(), now.getMonth(), 1));
+};
+//# sourceMappingURL=testExpire.js.map

package/build/components/__shared__/Payment/components/Card/helpers/testExpire.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"testExpire.js","names":["_locale","require","testExpire","exports","expire","now","UTC","Date","length","indexOf","parseDate","concat","slice","getFullYear","getMonth"],"sources":["../../../../../../../src/components/__shared__/Payment/components/Card/helpers/testExpire.js"],"sourcesContent":["import { parseDate, UTC } from '@mirai/locale';\n\nexport const testExpire = (expire) => {\n  const now = UTC(new Date());\n\n  return (\n    !expire ||\n    (expire?.length === 5 &&\n      expire.indexOf('/') === 2 &&\n      UTC(parseDate(`01${expire.slice(0, 2)}${expire.slice(3)}`, 'DDMMYY')) >=\n        UTC(new Date(now.getFullYear(), now.getMonth(), 1)))\n  );\n};\n"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAEO,IAAMC,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG,SAAbA,UAAUA,CAAIE,MAAM,EAAK;EACpC,IAAMC,GAAG,GAAG,IAAAC,WAAG,EAAC,IAAIC,IAAI,CAAC,CAAC,CAAC;EAE3B,OACE,CAACH,MAAM,IACN,CAAAA,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEI,MAAM,MAAK,CAAC,IACnBJ,MAAM,CAACK,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,IACzB,IAAAH,WAAG,EAAC,IAAAI,iBAAS,OAAAC,MAAA,CAAMP,MAAM,CAACQ,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAAD,MAAA,CAAGP,MAAM,CAACQ,KAAK,CAAC,CAAC,CAAC,GAAI,QAAQ,CAAC,CAAC,IACnE,IAAAN,WAAG,EAAC,IAAIC,IAAI,CAACF,GAAG,CAACQ,WAAW,CAAC,CAAC,EAAER,GAAG,CAACS,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAE;AAE5D,CAAC"}

package/build/components/__shared__/Payment/components/Card/index.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _Card = require("./Card");
+Object.keys(_Card).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Card[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Card[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/build/components/__shared__/Payment/components/Card/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_Card","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../../../src/components/__shared__/Payment/components/Card/index.js"],"sourcesContent":["export * from './Card';\n"],"mappings":";;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,KAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,KAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,KAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}

package/build/components/__shared__/Payment/components/PCI/PCI.constants.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SCRIPT_ID = exports.PLACEHOLDER_CVV = exports.PLACEHOLDER_CARD = exports.PCI_CARD = exports.NUMBER_FIELDS = exports.ERROR = void 0;
+var _Payment = require("../../Payment.constants");
+var ERROR = exports.ERROR = {
+  error: true
+};
+var NUMBER_FIELDS = exports.NUMBER_FIELDS = 4;
+var PCI_CARD = exports.PCI_CARD = {
+  VIS: _Payment.CARD.VISA,
+  AMX: _Payment.CARD.AMERICAN_EXPRESS,
+  ECA: _Payment.CARD.MASTERCARD,
+  JCB: _Payment.CARD.JCB,
+  DIS: _Payment.CARD.DISCOVER,
+  DIN: _Payment.CARD.DINERS_CLUB,
+  CUP: _Payment.CARD.UNIONPAY,
+  MAU: _Payment.CARD.MAESTRO
+};
+var PLACEHOLDER_CARD = exports.PLACEHOLDER_CARD = '0000 0000 0000 0000';
+var PLACEHOLDER_CVV = exports.PLACEHOLDER_CVV = '000';
+var SCRIPT_ID = exports.SCRIPT_ID = 'script-pci-proxy';
+//# sourceMappingURL=PCI.constants.js.map

package/build/components/__shared__/Payment/components/PCI/PCI.constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PCI.constants.js","names":["_Payment","require","ERROR","exports","error","NUMBER_FIELDS","PCI_CARD","VIS","CARD","VISA","AMX","AMERICAN_EXPRESS","ECA","MASTERCARD","JCB","DIS","DISCOVER","DIN","DINERS_CLUB","CUP","UNIONPAY","MAU","MAESTRO","PLACEHOLDER_CARD","PLACEHOLDER_CVV","SCRIPT_ID"],"sources":["../../../../../../src/components/__shared__/Payment/components/PCI/PCI.constants.js"],"sourcesContent":["import { CARD } from '../../Payment.constants';\n\nconst ERROR = { error: true };\n\nconst NUMBER_FIELDS = 4;\n\nconst PCI_CARD = {\n  VIS: CARD.VISA,\n  AMX: CARD.AMERICAN_EXPRESS,\n  ECA: CARD.MASTERCARD,\n  JCB: CARD.JCB,\n  DIS: CARD.DISCOVER,\n  DIN: CARD.DINERS_CLUB,\n  CUP: CARD.UNIONPAY,\n  MAU: CARD.MAESTRO,\n};\n\nconst PLACEHOLDER_CARD = '0000 0000 0000 0000';\n\nconst PLACEHOLDER_CVV = '000';\n\nconst SCRIPT_ID = 'script-pci-proxy';\n\nexport { ERROR, NUMBER_FIELDS, PCI_CARD, PLACEHOLDER_CARD, PLACEHOLDER_CVV, SCRIPT_ID };\n"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAEA,IAAMC,KAAK,GAAAC,OAAA,CAAAD,KAAA,GAAG;EAAEE,KAAK,EAAE;AAAK,CAAC;AAE7B,IAAMC,aAAa,GAAAF,OAAA,CAAAE,aAAA,GAAG,CAAC;AAEvB,IAAMC,QAAQ,GAAAH,OAAA,CAAAG,QAAA,GAAG;EACfC,GAAG,EAAEC,aAAI,CAACC,IAAI;EACdC,GAAG,EAAEF,aAAI,CAACG,gBAAgB;EAC1BC,GAAG,EAAEJ,aAAI,CAACK,UAAU;EACpBC,GAAG,EAAEN,aAAI,CAACM,GAAG;EACbC,GAAG,EAAEP,aAAI,CAACQ,QAAQ;EAClBC,GAAG,EAAET,aAAI,CAACU,WAAW;EACrBC,GAAG,EAAEX,aAAI,CAACY,QAAQ;EAClBC,GAAG,EAAEb,aAAI,CAACc;AACZ,CAAC;AAED,IAAMC,gBAAgB,GAAApB,OAAA,CAAAoB,gBAAA,GAAG,qBAAqB;AAE9C,IAAMC,eAAe,GAAArB,OAAA,CAAAqB,eAAA,GAAG,KAAK;AAE7B,IAAMC,SAAS,GAAAtB,OAAA,CAAAsB,SAAA,GAAG,kBAAkB"}

package/build/components/__shared__/Payment/components/PCI/PCI.js

@@ -0,0 +1,317 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PCI = void 0;
+var _dataSources = require("@mirai/data-sources");
+var _locale = require("@mirai/locale");
+var _ui = require("@mirai/ui");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireWildcard(require("react"));
+var _helpers = require("./helpers");
+var _PCI = require("./PCI.constants");
+var _PCI2 = require("./PCI.l10n");
+var style = _interopRequireWildcard(require("./PCI.module.css"));
+var _ButtonPayment = require("../../../ButtonPayment/ButtonPayment.constants");
+var _InputField = require("../../../ButtonPayment/components/InputField");
+var _helpers2 = require("../Card/helpers");
+var _excluded = ["publicKey", "showCVV", "showErrors", "onChange", "onError"];
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var secureFields;
+var PCI = exports.PCI = function PCI(_ref) {
+  var _form$name, _form$expire;
+  var _ref$publicKey = _ref.publicKey,
+    publicKey = _ref$publicKey === void 0 ? process.env.METHOD_PCIPROXY_PUBLICKEY : _ref$publicKey,
+    _ref$showCVV = _ref.showCVV,
+    showCVV = _ref$showCVV === void 0 ? true : _ref$showCVV,
+    _ref$showErrors = _ref.showErrors,
+    showErrors = _ref$showErrors === void 0 ? false : _ref$showErrors,
+    _ref$onChange = _ref.onChange,
+    onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
+    _ref$onError = _ref.onError,
+    onError = _ref$onError === void 0 ? function () {} : _ref$onError,
+    others = _objectWithoutProperties(_ref, _excluded);
+  var _useLocale = (0, _locale.useLocale)(),
+    translate = _useLocale.translate;
+  var _useStore = (0, _dataSources.useStore)(),
+    _useStore$value = _useStore.value,
+    _useStore$value2 = _useStore$value === void 0 ? {} : _useStore$value,
+    _useStore$value2$paym = _useStore$value2.payment,
+    payment = _useStore$value2$paym === void 0 ? {} : _useStore$value2$paym,
+    set = _useStore.set;
+  var _useState = (0, _react.useState)({}),
+    _useState2 = _slicedToArray(_useState, 2),
+    form = _useState2[0],
+    setForm = _useState2[1];
+  var _useState3 = (0, _react.useState)({}),
+    _useState4 = _slicedToArray(_useState3, 2),
+    formError = _useState4[0],
+    setFormError = _useState4[1];
+  var _useState5 = (0, _react.useState)(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    ready = _useState6[0],
+    setReady = _useState6[1];
+  var _useState7 = (0, _react.useState)(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    responseError = _useState8[0],
+    setResponseError = _useState8[1];
+  (0, _react.useEffect)(function () {
+    var exists = document.getElementById(_PCI.SCRIPT_ID);
+    if (!exists) {
+      var script = document.createElement('script');
+      script.id = _PCI.SCRIPT_ID;
+      script.src = process.env.METHOD_PCIPROXY_SCRIPT;
+      script.onload = handleLoad;
+      document.head.appendChild(script);
+    }
+    return function () {
+      var _secureFields;
+      var el = document.getElementById(_PCI.SCRIPT_ID);
+      el.parentNode.removeChild(el);
+      (_secureFields = secureFields) === null || _secureFields === void 0 ? void 0 : _secureFields.destroy();
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  (0, _react.useEffect)(function () {
+    if (!ready) return;
+    // eslint-disable-next-line no-undef
+    secureFields = new SecureFields();
+    secureFields.initTokenize(publicKey, _objectSpread({
+      cardNumber: 'card'
+    }, showCVV ? {
+      cvv: 'cvv'
+    } : undefined), (0, _helpers.getStyle)());
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [publicKey, ready]);
+  (0, _react.useEffect)(function () {
+    if (showErrors === false) return;
+    var error = _objectSpread(_objectSpread({
+      card: !form.card
+    }, showCVV ? {
+      cvv: !form.cvv
+    } : undefined), {}, {
+      expire: !form.expire,
+      name: !form.name
+    });
+    Object.values(error).some(function (value) {
+      return value;
+    }) && setFormError(error);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [showErrors]);
+  (0, _react.useEffect)(function () {
+    var _secureFields2, _secureFields3, _secureFields4, _secureFields5;
+    (_secureFields2 = secureFields) === null || _secureFields2 === void 0 ? void 0 : _secureFields2.on('change', handleChangeSecure);
+    (_secureFields3 = secureFields) === null || _secureFields3 === void 0 ? void 0 : _secureFields3.on('error', handleTokenError);
+    (_secureFields4 = secureFields) === null || _secureFields4 === void 0 ? void 0 : _secureFields4.on('ready', handleReady);
+    (_secureFields5 = secureFields) === null || _secureFields5 === void 0 ? void 0 : _secureFields5.on('success', handleSuccess);
+    document.addEventListener(_ButtonPayment.EVENT_CTA_PRESS, handleButtonPress);
+    if (Object.keys(formError).length === 0) onError(_PCI.ERROR);
+    return function () {
+      return document.removeEventListener(_ButtonPayment.EVENT_CTA_PRESS, handleButtonPress);
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [form, formError, payment, ready, responseError]);
+  (0, _react.useEffect)(function () {
+    onChange({
+      expire: form.expire,
+      name: form.name,
+      type: form.type
+    });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [form]);
+  (0, _react.useEffect)(function () {
+    var error = _objectSpread({}, Object.entries(_objectSpread({}, formError)).filter(function (_ref2) {
+      var _ref3 = _slicedToArray(_ref2, 2),
+        value = _ref3[1];
+      return value;
+    }));
+    var numberFields = showCVV ? _PCI.NUMBER_FIELDS : _PCI.NUMBER_FIELDS - 1;
+    if (responseError || Object.keys(error).length === 0 && Object.keys(formError).length !== numberFields) {
+      error = _PCI.ERROR;
+    }
+    onError(error);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [formError, responseError]);
+  var handleButtonPress = function handleButtonPress() {
+    setResponseError();
+    var _form$expire$split = form.expire.split('/'),
+      _form$expire$split2 = _slicedToArray(_form$expire$split, 2),
+      month = _form$expire$split2[0],
+      year = _form$expire$split2[1];
+    secureFields.submit({
+      expm: month,
+      expy: year
+    });
+  };
+  var handleChange = function handleChange(field) {
+    var value = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+    setResponseError();
+    var _formatValues = (0, _helpers.formatValues)(_objectSpread(_objectSpread({}, {
+        expire: form.expire,
+        name: form.name
+      }), {}, _defineProperty({}, field, value)), form),
+      expire = _formatValues.expire,
+      name = _formatValues.name;
+    setForm(_objectSpread(_objectSpread({}, form), {}, {
+      expire: expire,
+      name: name
+    }));
+    setFormError(function (prevForm) {
+      return _objectSpread(_objectSpread({}, prevForm), {}, _defineProperty({}, field, prevForm[field] || value.length === 0));
+    });
+  };
+  var handleChangeSecure = function handleChangeSecure(_ref4) {
+    var _ref4$fields = _ref4.fields,
+      _ref4$fields2 = _ref4$fields === void 0 ? {} : _ref4$fields,
+      _ref4$fields2$cardNum = _ref4$fields2.cardNumber,
+      cardNumber = _ref4$fields2$cardNum === void 0 ? {} : _ref4$fields2$cardNum,
+      _ref4$fields2$cvv = _ref4$fields2.cvv,
+      cvv = _ref4$fields2$cvv === void 0 ? {} : _ref4$fields2$cvv,
+      _ref4$event = _ref4.event,
+      _ref4$event2 = _ref4$event === void 0 ? {} : _ref4$event,
+      type = _ref4$event2.type,
+      field = _ref4$event2.field;
+    var isKeyUp = type === 'keyUp';
+    var isCardEmpty = field === 'cardNumber' && cardNumber.length === 0 && !form.card;
+    var isCvvEmpty = field === 'cvv' && cvv.length === 0 && !form.cvv;
+    if (!isKeyUp || isKeyUp && (isCardEmpty || isCvvEmpty)) return;
+    setResponseError();
+    if (field === 'cardNumber') {
+      setForm(_objectSpread(_objectSpread({}, form), {}, {
+        card: cardNumber,
+        type: cardNumber.valid ? _PCI.PCI_CARD[cardNumber.paymentMethod] : undefined
+      }));
+      setFormError(_objectSpread(_objectSpread({}, formError), {}, {
+        card: !cardNumber.valid && cardNumber.length > 0 || formError.card !== undefined && cardNumber.length === 0
+      }));
+    } else if (field === 'cvv') {
+      setForm(_objectSpread(_objectSpread({}, form), {}, {
+        cvv: cvv
+      }));
+      setFormError(_objectSpread(_objectSpread({}, formError), {}, {
+        cvv: !cvv.valid && cvv.length > 0 || formError.cvv !== undefined && cvv.length === 0
+      }));
+    }
+  };
+  var handleError = function handleError(field) {
+    var _ref5 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+      required = _ref5.required,
+      test = _ref5.test;
+    setFormError(_objectSpread(_objectSpread({}, formError), {}, _defineProperty({}, field, test || required && !!formError[field])));
+  };
+  var handleLoad = function handleLoad() {
+    setReady(true);
+  };
+  var handleReady = function handleReady() {
+    secureFields.setPlaceholder('cardNumber', _PCI.PLACEHOLDER_CARD);
+    showCVV && secureFields.setPlaceholder('cvv', _PCI.PLACEHOLDER_CVV);
+  };
+  var handleSuccess = function handleSuccess(_ref6) {
+    var transactionId = _ref6.transactionId;
+    set({
+      payment: _objectSpread(_objectSpread({}, payment), {}, {
+        transactionId: transactionId
+      })
+    });
+  };
+  var handleTokenError = function handleTokenError() {
+    setResponseError(_PCI.ERROR);
+    set({
+      payment: _objectSpread(_objectSpread({}, payment), {}, {
+        error: _PCI.ERROR
+      })
+    });
+  };
+  var testId = others.testId;
+  return /*#__PURE__*/_react.default.createElement(_ui.View, others, /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    action: true
+  }, translate(_PCI2.L10N.LABEL_SECURE_PAGE)), /*#__PURE__*/_react.default.createElement(_InputField.InputField, {
+    label: translate(_PCI2.L10N.LABEL_CARD_NUMBER),
+    error: formError.card,
+    showRequired: true,
+    success: formError.card === false,
+    testId: testId ? "".concat(testId, "-PCI-card") : undefined
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    id: "card",
+    className: style.input
+  })), /*#__PURE__*/_react.default.createElement(_InputField.InputField, {
+    error: formError.name,
+    label: translate(_PCI2.L10N.LABEL_CARD_NAME),
+    showRequired: true,
+    success: ((_form$name = form.name) === null || _form$name === void 0 ? void 0 : _form$name.length) > 0 && !formError.name,
+    testId: testId ? "".concat(testId, "-PCI-name") : undefined
+  }, /*#__PURE__*/_react.default.createElement(_ui.Input, {
+    name: "name",
+    required: true,
+    value: form.name,
+    onChange: function onChange(value) {
+      return handleChange('name', value);
+    },
+    onError: function onError(error) {
+      return handleError('name', error);
+    }
+  })), /*#__PURE__*/_react.default.createElement(_ui.View, {
+    row: true
+  }, /*#__PURE__*/_react.default.createElement(_InputField.InputField, {
+    error: !!formError.expire,
+    label: translate(_PCI2.L10N.LABEL_EXPIRATION),
+    showRequired: true,
+    success: ((_form$expire = form.expire) === null || _form$expire === void 0 ? void 0 : _form$expire.length) > 0 && !formError.expire,
+    className: style.expire,
+    testId: testId ? "".concat(testId, "-PCI-expire") : undefined
+  }, /*#__PURE__*/_react.default.createElement(_ui.Input, {
+    maxLength: 5,
+    name: "expire",
+    placeholder: "".concat(translate(_PCI2.L10N.LABEL_MONTH_FORMAT), "/").concat(translate(_PCI2.L10N.LABEL_YEAR_FORMAT)),
+    required: true,
+    test: _helpers2.testExpire,
+    value: form.expire,
+    onChange: function onChange(value) {
+      return handleChange('expire', value);
+    },
+    onError: function onError(error) {
+      return handleError('expire', error);
+    }
+  })), showCVV && /*#__PURE__*/_react.default.createElement(_InputField.InputField, {
+    label: translate(_PCI2.L10N.LABEL_CVV),
+    error: formError.cvv,
+    showRequired: true,
+    success: formError.cvv === false,
+    className: style.cvv,
+    testId: testId ? "".concat(testId, "-PCI-CVV") : undefined
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    id: "cvv",
+    className: style.input
+  }))), responseError && /*#__PURE__*/_react.default.createElement(_ui.Notification, {
+    error: true,
+    small: true,
+    wide: true
+  }, translate(_PCI2.L10N.NOTIFICATION_ERROR_PCI)));
+};
+PCI.displayName = 'Mirai:Payments:PCI';
+PCI.propTypes = {
+  publicKey: _propTypes.default.string,
+  showCVV: _propTypes.default.bool,
+  showErrors: _propTypes.default.bool,
+  onChange: _propTypes.default.func,
+  onError: _propTypes.default.func
+};
+//# sourceMappingURL=PCI.js.map