@mirai/core 0.2.19 → 0.3.2

package/build/components/__shared__/ButtonPayment/components/FormCheckout/helpers/index.js

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

package/build/components/__shared__/ButtonPayment/components/FormCheckout/helpers/index.js.map

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

package/build/components/__shared__/ButtonPayment/components/FormCheckout/index.js

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

package/build/components/__shared__/ButtonPayment/components/FormCheckout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_FormCheckout","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../../../src/components/__shared__/ButtonPayment/components/FormCheckout/index.js"],"sourcesContent":["export * from './FormCheckout';\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"}

package/build/components/__shared__/ButtonPayment/components/FormPaycomet/FormPaycomet.constants.js

@@ -0,0 +1,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SCRIPT_ID = void 0;
+var SCRIPT_ID = exports.SCRIPT_ID = 'paycomet_script';
+//# sourceMappingURL=FormPaycomet.constants.js.map

package/build/components/__shared__/ButtonPayment/components/FormPaycomet/FormPaycomet.constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormPaycomet.constants.js","names":["SCRIPT_ID","exports"],"sources":["../../../../../../src/components/__shared__/ButtonPayment/components/FormPaycomet/FormPaycomet.constants.js"],"sourcesContent":["const SCRIPT_ID = 'paycomet_script';\n\nexport { SCRIPT_ID };\n"],"mappings":";;;;;;AAAA,IAAMA,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,iBAAiB"}

package/build/components/__shared__/ButtonPayment/components/FormPaycomet/FormPaycomet.js

@@ -0,0 +1,230 @@
+"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.FormPaycomet = void 0;
+var _locale = require("@mirai/locale");
+var _ui = require("@mirai/ui");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireWildcard(require("react"));
+var _FormPaycomet = require("./FormPaycomet.constants");
+var _FormPaycomet2 = require("./FormPaycomet.l10n");
+var style = _interopRequireWildcard(require("./FormPaycomet.module.css"));
+var _helpers = require("./helpers");
+var _InputField = require("../InputField");
+var _excluded = ["currencyDecimals", "info", "publicKey", "onSuccess"];
+/* eslint-disable react/no-unknown-property */
+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 FormPaycomet = exports.FormPaycomet = function FormPaycomet(_ref) {
+  var _ref$currencyDecimals = _ref.currencyDecimals,
+    currencyDecimals = _ref$currencyDecimals === void 0 ? 2 : _ref$currencyDecimals,
+    _ref$info = _ref.info,
+    _ref$info2 = _ref$info === void 0 ? {} : _ref$info,
+    amount = _ref$info2.amount,
+    _ref$publicKey = _ref.publicKey,
+    publicKey = _ref$publicKey === void 0 ? process.env.PROVIDER_PAYCOMET_PUBLICKEY : _ref$publicKey,
+    _ref$onSuccess = _ref.onSuccess,
+    onSuccess = _ref$onSuccess === void 0 ? function () {} : _ref$onSuccess,
+    others = _objectWithoutProperties(_ref, _excluded);
+  var _useLocale = (0, _locale.useLocale)(),
+    locale = _useLocale.locale,
+    translate = _useLocale.translate;
+  var formRef = (0, _react.useRef)();
+  var tokenRef = (0, _react.useRef)();
+  var errorRef = (0, _react.useRef)();
+  (0, _helpers.useMutationObserver)(tokenRef.current, function () {
+    var _ref2 = document.getElementById('paytpvToken') || {},
+      _ref2$value = _ref2.value,
+      nextToken = _ref2$value === void 0 ? '' : _ref2$value;
+    if (nextToken.length > 0) setToken(nextToken);
+  }, {
+    attributes: true
+  });
+  (0, _helpers.useMutationObserver)(errorRef.current, function () {
+    var _ref3 = document.getElementById('paymentErrorMsg') || {},
+      _ref3$textContent = _ref3.textContent,
+      nextError = _ref3$textContent === void 0 ? '' : _ref3$textContent;
+    if ((nextError === null || nextError === void 0 ? void 0 : nextError.length) > 0) {
+      setError(nextError);
+      setBusy(false);
+    }
+  });
+  var _useState = (0, _react.useState)(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    busy = _useState2[0],
+    setBusy = _useState2[1];
+  var _useState3 = (0, _react.useState)(),
+    _useState4 = _slicedToArray(_useState3, 2),
+    token = _useState4[0],
+    setToken = _useState4[1];
+  var _useState5 = (0, _react.useState)(),
+    _useState6 = _slicedToArray(_useState5, 2),
+    error = _useState6[0],
+    setError = _useState6[1];
+  var _useState7 = (0, _react.useState)({}),
+    _useState8 = _slicedToArray(_useState7, 2),
+    expire = _useState8[0],
+    setExpire = _useState8[1];
+  (0, _react.useEffect)(function () {
+    var exists = document.getElementById(_FormPaycomet.SCRIPT_ID);
+    if (!exists) {
+      var script = document.createElement('script');
+      script.id = _FormPaycomet.SCRIPT_ID;
+      script.src = "".concat(process.env.PROVIDER_PAYCOMET_SCRIPT, "?lang=").concat(locale.split('-')[0]);
+      document.head.appendChild(script);
+    }
+    return function () {
+      var el = document.getElementById(_FormPaycomet.SCRIPT_ID);
+      if (el) el.parentNode.removeChild(el);
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  (0, _react.useEffect)(function () {
+    if (!token) return;
+    setBusy(false);
+    setError();
+    onSuccess({
+      token: token
+    });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [token]);
+  var handleExpireChange = function handleExpireChange(event) {
+    var _ref4 = event.target || {},
+      name = _ref4.name,
+      _ref4$value = _ref4.value,
+      value = _ref4$value === void 0 ? '' : _ref4$value;
+    setExpire(_objectSpread(_objectSpread({}, expire), {}, _defineProperty({}, name, value.replace(/[^\d]/g, ''))));
+  };
+  var handleCardTokenized = function handleCardTokenized(event) {
+    event.preventDefault();
+    setBusy(true);
+  };
+  var handlePress = function handlePress(event) {
+    event.stopPropagation();
+    formRef.current.submit();
+  };
+  var getInlineStyle = function getInlineStyle() {
+    var _Theme$get = _ui.Theme.get(),
+      inputColor = _Theme$get.inputColor,
+      inputFontSize = _Theme$get.inputFontSize,
+      inputNumberValueWidth = _Theme$get.inputNumberValueWidth,
+      font = _Theme$get.font;
+    return {
+      cvv: "border:0px;color:".concat(inputColor, ";font-family:").concat(font, ";font-size:").concat(inputFontSize, ";height:").concat(inputNumberValueWidth, ";padding:0!important;"),
+      card_number: "border:0px;background-image:none;color:".concat(inputColor, ";font-family:").concat(font, ";font-size:").concat(inputFontSize, ";height:").concat(inputNumberValueWidth, ";outline: 0;padding:0!important;")
+    };
+  };
+  var _getInlineStyle = getInlineStyle(),
+    card_number = _getInlineStyle.card_number,
+    cvv = _getInlineStyle.cvv;
+  return /*#__PURE__*/_react.default.createElement(_ui.View, others, /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    action: true
+  }, translate(_FormPaycomet2.L10N.LABEL_SECURE_PAGE)), /*#__PURE__*/_react.default.createElement("form", {
+    ref: formRef,
+    id: "paycometPaymentForm",
+    onSubmit: handleCardTokenized,
+    action: "javascript:void(0)"
+  }, /*#__PURE__*/_react.default.createElement("input", {
+    type: "hidden",
+    name: "amount",
+    value: (amount * Math.pow(10, currencyDecimals)).toFixed()
+  }), /*#__PURE__*/_react.default.createElement("input", {
+    type: "hidden",
+    "data-paycomet": "jetID",
+    value: publicKey
+  }), /*#__PURE__*/_react.default.createElement("input", {
+    ref: tokenRef,
+    type: "hidden",
+    id: "paytpvToken",
+    name: "paytpvToken",
+    value: ""
+  }), /*#__PURE__*/_react.default.createElement(_InputField.InputField, {
+    label: translate(_FormPaycomet2.L10N.LABEL_CARD_NAME)
+  }, /*#__PURE__*/_react.default.createElement("input", {
+    "data-paycomet": "cardHolderName",
+    className: style.inputName
+  })), /*#__PURE__*/_react.default.createElement(_InputField.InputField, {
+    label: translate(_FormPaycomet2.L10N.LABEL_CARD_NUMBER)
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    id: "paycomet-pan",
+    className: style.inputName
+  }), /*#__PURE__*/_react.default.createElement("input", {
+    "paycomet-style": card_number,
+    "paycomet-name": "pan",
+    "paycomet-placeholder": translate(_FormPaycomet2.L10N.LABEL_CARD_NUMBER_PLACEHOLDER)
+  })), /*#__PURE__*/_react.default.createElement(_ui.View, {
+    row: true
+  }, /*#__PURE__*/_react.default.createElement(_InputField.InputField, {
+    label: translate(_FormPaycomet2.L10N.LABEL_EXPIRATION)
+  }, /*#__PURE__*/_react.default.createElement(_ui.View, {
+    row: true,
+    className: style.inputName
+  }, /*#__PURE__*/_react.default.createElement("input", {
+    onChange: handleExpireChange,
+    value: expire.month,
+    name: "month",
+    "data-paycomet": "dateMonth",
+    maxLength: 2,
+    className: style.inputExpire
+  }), "/", /*#__PURE__*/_react.default.createElement("input", {
+    onChange: handleExpireChange,
+    value: expire.year,
+    name: "year",
+    "data-paycomet": "dateYear",
+    maxLength: 2,
+    className: style.inputExpire
+  }))), /*#__PURE__*/_react.default.createElement(_InputField.InputField, {
+    label: translate(_FormPaycomet2.L10N.LABEL_CVV),
+    className: style.inputCVV
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    id: "paycomet-cvc2",
+    "data-paycomet": "cvc2",
+    className: style.inputName
+  }), /*#__PURE__*/_react.default.createElement("input", {
+    "paycomet-name": "cvc2",
+    "paycomet-style": cvv
+  }))), /*#__PURE__*/_react.default.createElement(_ui.Button, {
+    busy: busy,
+    large: true,
+    wide: true,
+    onPress: handlePress,
+    preventDefault: false
+  }, translate(_FormPaycomet2.L10N.ACTION_PAY))), error && /*#__PURE__*/_react.default.createElement(_ui.Notification, {
+    className: style.error,
+    error: true,
+    wide: true
+  }, error), /*#__PURE__*/_react.default.createElement("div", {
+    ref: errorRef,
+    id: "paymentErrorMsg",
+    style: {
+      display: 'none'
+    }
+  }));
+};
+FormPaycomet.displayName = 'Mirai:Payments:ButtonPayment:FormPaycomet';
+FormPaycomet.propTypes = {
+  currencyDecimals: _propTypes.default.number,
+  info: _propTypes.default.shape({
+    amount: _propTypes.default.number
+  }),
+  publicKey: _propTypes.default.string.isRequired,
+  onSuccess: _propTypes.default.func
+};
+//# sourceMappingURL=FormPaycomet.js.map

package/build/components/__shared__/ButtonPayment/components/FormPaycomet/FormPaycomet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormPaycomet.js","names":["_locale","require","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_FormPaycomet","_FormPaycomet2","style","_helpers","_InputField","_excluded","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ownKeys","e","r","t","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","l","iterator","u","a","f","next","done","return","isArray","_objectWithoutProperties","source","excluded","target","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","FormPaycomet","exports","_ref","_ref$currencyDecimals","currencyDecimals","_ref$info","info","_ref$info2","amount","_ref$publicKey","publicKey","process","env","PROVIDER_PAYCOMET_PUBLICKEY","_ref$onSuccess","onSuccess","others","_useLocale","useLocale","locale","translate","formRef","useRef","tokenRef","errorRef","useMutationObserver","current","_ref2","document","getElementById","_ref2$value","nextToken","setToken","attributes","_ref3","_ref3$textContent","textContent","nextError","setError","setBusy","_useState","useState","_useState2","busy","_useState3","_useState4","token","_useState5","_useState6","error","_useState7","_useState8","expire","setExpire","useEffect","exists","SCRIPT_ID","script","createElement","id","src","concat","PROVIDER_PAYCOMET_SCRIPT","split","head","appendChild","el","parentNode","removeChild","handleExpireChange","event","_ref4","_ref4$value","replace","handleCardTokenized","preventDefault","handlePress","stopPropagation","submit","getInlineStyle","_Theme$get","Theme","inputColor","inputFontSize","inputNumberValueWidth","font","cvv","card_number","_getInlineStyle","View","Text","action","L10N","LABEL_SECURE_PAGE","ref","onSubmit","type","Math","pow","toFixed","InputField","label","LABEL_CARD_NAME","className","inputName","LABEL_CARD_NUMBER","LABEL_CARD_NUMBER_PLACEHOLDER","row","LABEL_EXPIRATION","onChange","month","maxLength","inputExpire","year","LABEL_CVV","inputCVV","Button","large","wide","onPress","ACTION_PAY","Notification","display","displayName","propTypes","PropTypes","number","shape","string","isRequired","func"],"sources":["../../../../../../src/components/__shared__/ButtonPayment/components/FormPaycomet/FormPaycomet.jsx"],"sourcesContent":["/* eslint-disable react/no-unknown-property */\nimport { useLocale } from '@mirai/locale';\nimport { Button, Notification, Text, Theme, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useRef, useState } from 'react';\n\nimport { SCRIPT_ID } from './FormPaycomet.constants';\nimport { L10N } from './FormPaycomet.l10n';\nimport * as style from './FormPaycomet.module.css';\nimport { useMutationObserver } from './helpers';\nimport { InputField } from '../InputField';\n\nexport const FormPaycomet = ({\n  currencyDecimals = 2,\n  info: { amount } = {},\n  publicKey = process.env.PROVIDER_PAYCOMET_PUBLICKEY,\n  onSuccess = () => {},\n  ...others\n}) => {\n  const { locale, translate } = useLocale();\n\n  const formRef = useRef();\n  const tokenRef = useRef();\n  const errorRef = useRef();\n\n  useMutationObserver(\n    tokenRef.current,\n    () => {\n      const { value: nextToken = '' } = document.getElementById('paytpvToken') || {};\n      if (nextToken.length > 0) setToken(nextToken);\n    },\n    { attributes: true },\n  );\n\n  useMutationObserver(errorRef.current, () => {\n    const { textContent: nextError = '' } = document.getElementById('paymentErrorMsg') || {};\n    if (nextError?.length > 0) {\n      setError(nextError);\n      setBusy(false);\n    }\n  });\n\n  const [busy, setBusy] = useState(false);\n  const [token, setToken] = useState();\n  const [error, setError] = useState();\n  const [expire, setExpire] = useState({});\n\n  useEffect(() => {\n    const exists = document.getElementById(SCRIPT_ID);\n    if (!exists) {\n      const script = document.createElement('script');\n      script.id = SCRIPT_ID;\n      script.src = `${process.env.PROVIDER_PAYCOMET_SCRIPT}?lang=${locale.split('-')[0]}`;\n\n      document.head.appendChild(script);\n    }\n    return () => {\n      const el = document.getElementById(SCRIPT_ID);\n      if (el) el.parentNode.removeChild(el);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffect(() => {\n    if (!token) return;\n\n    setBusy(false);\n    setError();\n    onSuccess({ token });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [token]);\n\n  const handleExpireChange = (event) => {\n    const { name, value = '' } = event.target || {};\n    setExpire({ ...expire, [name]: value.replace(/[^\\d]/g, '') });\n  };\n\n  const handleCardTokenized = (event) => {\n    event.preventDefault();\n    setBusy(true);\n  };\n\n  const handlePress = (event) => {\n    event.stopPropagation();\n    formRef.current.submit();\n  };\n\n  const getInlineStyle = () => {\n    const { inputColor, inputFontSize, inputNumberValueWidth, font } = Theme.get();\n    return {\n      cvv: `border:0px;color:${inputColor};font-family:${font};font-size:${inputFontSize};height:${inputNumberValueWidth};padding:0!important;`,\n      card_number: `border:0px;background-image:none;color:${inputColor};font-family:${font};font-size:${inputFontSize};height:${inputNumberValueWidth};outline: 0;padding:0!important;`,\n    };\n  };\n  const { card_number, cvv } = getInlineStyle();\n\n  return (\n    <View {...others}>\n      <Text action>{translate(L10N.LABEL_SECURE_PAGE)}</Text>\n      <form ref={formRef} id=\"paycometPaymentForm\" onSubmit={handleCardTokenized} action=\"javascript:void(0)\">\n        <input type=\"hidden\" name=\"amount\" value={(amount * Math.pow(10, currencyDecimals)).toFixed()} />\n        <input type=\"hidden\" data-paycomet=\"jetID\" value={publicKey} />\n        <input ref={tokenRef} type=\"hidden\" id=\"paytpvToken\" name=\"paytpvToken\" value=\"\" />\n        <InputField label={translate(L10N.LABEL_CARD_NAME)}>\n          <input data-paycomet=\"cardHolderName\" className={style.inputName} />\n        </InputField>\n        <InputField label={translate(L10N.LABEL_CARD_NUMBER)}>\n          <div id=\"paycomet-pan\" className={style.inputName}></div>\n          <input\n            paycomet-style={card_number}\n            paycomet-name=\"pan\"\n            paycomet-placeholder={translate(L10N.LABEL_CARD_NUMBER_PLACEHOLDER)}\n          />\n        </InputField>\n        <View row>\n          <InputField label={translate(L10N.LABEL_EXPIRATION)}>\n            <View row className={style.inputName}>\n              <input\n                onChange={handleExpireChange}\n                value={expire.month}\n                name=\"month\"\n                data-paycomet=\"dateMonth\"\n                maxLength={2}\n                className={style.inputExpire}\n              />\n              /\n              <input\n                onChange={handleExpireChange}\n                value={expire.year}\n                name=\"year\"\n                data-paycomet=\"dateYear\"\n                maxLength={2}\n                className={style.inputExpire}\n              />\n            </View>\n          </InputField>\n\n          <InputField label={translate(L10N.LABEL_CVV)} className={style.inputCVV}>\n            <div id=\"paycomet-cvc2\" data-paycomet=\"cvc2\" className={style.inputName}></div>\n            <input paycomet-name=\"cvc2\" paycomet-style={cvv} />\n          </InputField>\n        </View>\n        <Button busy={busy} large wide onPress={handlePress} preventDefault={false}>\n          {translate(L10N.ACTION_PAY)}\n        </Button>\n      </form>\n      {error && (\n        <Notification className={style.error} error wide>\n          {error}\n        </Notification>\n      )}\n      <div ref={errorRef} id=\"paymentErrorMsg\" style={{ display: 'none' }}></div>\n    </View>\n  );\n};\n\nFormPaycomet.displayName = 'Mirai:Payments:ButtonPayment:FormPaycomet';\n\nFormPaycomet.propTypes = {\n  currencyDecimals: PropTypes.number,\n  info: PropTypes.shape({\n    amount: PropTypes.number,\n  }),\n  publicKey: PropTypes.string.isRequired,\n  onSuccess: PropTypes.func,\n};\n"],"mappings":"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"}

package/build/components/__shared__/ButtonPayment/components/FormPaycomet/FormPaycomet.l10n.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.L10N = void 0;
+var L10N = exports.L10N = {
+  ACTION_PAY: {
+    id: 'payments.action.pay'
+  },
+  LABEL_CARD_NAME: {
+    id: 'payments.label.card_name'
+  },
+  LABEL_CARD_NUMBER_PLACEHOLDER: {
+    id: 'payments.label.card_number_placeholder'
+  },
+  LABEL_CARD_NUMBER: {
+    id: 'payments.label.card_number'
+  },
+  LABEL_CVV: {
+    id: 'payments.label.cvv'
+  },
+  LABEL_EXPIRATION: {
+    id: 'payments.label.expiration'
+  },
+  LABEL_SECURE_PAGE: {
+    id: 'payments.label.secure_page'
+  }
+};
+//# sourceMappingURL=FormPaycomet.l10n.js.map

package/build/components/__shared__/ButtonPayment/components/FormPaycomet/FormPaycomet.l10n.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormPaycomet.l10n.js","names":["L10N","exports","ACTION_PAY","id","LABEL_CARD_NAME","LABEL_CARD_NUMBER_PLACEHOLDER","LABEL_CARD_NUMBER","LABEL_CVV","LABEL_EXPIRATION","LABEL_SECURE_PAGE"],"sources":["../../../../../../src/components/__shared__/ButtonPayment/components/FormPaycomet/FormPaycomet.l10n.js"],"sourcesContent":["export const L10N = {\n  ACTION_PAY: { id: 'payments.action.pay' },\n  LABEL_CARD_NAME: { id: 'payments.label.card_name' },\n  LABEL_CARD_NUMBER_PLACEHOLDER: { id: 'payments.label.card_number_placeholder' },\n  LABEL_CARD_NUMBER: { id: 'payments.label.card_number' },\n  LABEL_CVV: { id: 'payments.label.cvv' },\n  LABEL_EXPIRATION: { id: 'payments.label.expiration' },\n  LABEL_SECURE_PAGE: { id: 'payments.label.secure_page' },\n};\n"],"mappings":";;;;;;AAAO,IAAMA,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG;EAClBE,UAAU,EAAE;IAAEC,EAAE,EAAE;EAAsB,CAAC;EACzCC,eAAe,EAAE;IAAED,EAAE,EAAE;EAA2B,CAAC;EACnDE,6BAA6B,EAAE;IAAEF,EAAE,EAAE;EAAyC,CAAC;EAC/EG,iBAAiB,EAAE;IAAEH,EAAE,EAAE;EAA6B,CAAC;EACvDI,SAAS,EAAE;IAAEJ,EAAE,EAAE;EAAqB,CAAC;EACvCK,gBAAgB,EAAE;IAAEL,EAAE,EAAE;EAA4B,CAAC;EACrDM,iBAAiB,EAAE;IAAEN,EAAE,EAAE;EAA6B;AACxD,CAAC"}

package/build/components/__shared__/ButtonPayment/components/FormPaycomet/FormPaycomet.module.css

@@ -0,0 +1,26 @@
+.error {
+  margin-top: var(--mirai-ui-space-M);
+}
+
+.inputCVV {
+  margin-left: var(--mirai-ui-space-M);
+}
+
+.inputExpire {
+  border: 0;
+  color: inherit;
+  font-family: inherit;
+  font-size: inherit;
+  outline: 0;
+  width: 12%;
+}
+
+.inputName {
+  border: 0;
+  box-sizing: content-box;
+  color: var(--mirai-ui-input-color);
+  font-family: var(--mirai-ui-input-font);
+  font-size: var(--mirai-ui-input-font-size);
+  height: calc(var(--mirai-ui-input-min-height) - var(--mirai-ui-space-S)) !important;
+  outline: 0;
+}

package/build/components/__shared__/ButtonPayment/components/FormPaycomet/__tests__/__snapshots__/FormPaycomet.test.js.snap

@@ -0,0 +1,148 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`component:<FormCheckout> renders 1`] = `
+<DocumentFragment>
+  <div
+    class="view"
+  >
+    <span
+      class="text action"
+    >
+      payments.label.secure_page
+    </span>
+    <form
+      action="javascript:void(0)"
+      id="paycometPaymentForm"
+    >
+      <input
+        name="amount"
+        type="hidden"
+        value="1025"
+      />
+      <input
+        data-paycomet="jetID"
+        type="hidden"
+        value=""
+      />
+      <input
+        id="paytpvToken"
+        name="paytpvToken"
+        type="hidden"
+        value=""
+      />
+      <div
+        class="view"
+      >
+        <div
+          class="view"
+        >
+          <span
+            class="text small"
+          >
+            payments.label.card_name
+          </span>
+          <input
+            data-paycomet="cardHolderName"
+          />
+        </div>
+      </div>
+      <div
+        class="view"
+      >
+        <div
+          class="view"
+        >
+          <span
+            class="text small"
+          >
+            payments.label.card_number
+          </span>
+          <div
+            id="paycomet-pan"
+          />
+          <input
+            paycomet-name="pan"
+            paycomet-placeholder="payments.label.card_number_placeholder"
+            paycomet-style="border:0px;background-image:none;color:undefined;font-family:undefined;font-size:undefined;height:undefined;outline: 0;padding:0!important;"
+          />
+        </div>
+      </div>
+      <div
+        class="view row"
+      >
+        <div
+          class="view"
+        >
+          <div
+            class="view"
+          >
+            <span
+              class="text small"
+            >
+              payments.label.expiration
+            </span>
+            <div
+              class="view row"
+            >
+              <input
+                data-paycomet="dateMonth"
+                maxlength="2"
+                name="month"
+                value=""
+              />
+              /
+              <input
+                data-paycomet="dateYear"
+                maxlength="2"
+                name="year"
+                value=""
+              />
+            </div>
+          </div>
+        </div>
+        <div
+          class="view"
+        >
+          <div
+            class="view"
+          >
+            <span
+              class="text small"
+            >
+              payments.label.cvv
+            </span>
+            <div
+              data-paycomet="cvc2"
+              id="paycomet-cvc2"
+            />
+            <input
+              paycomet-name="cvc2"
+              paycomet-style="border:0px;color:undefined;font-family:undefined;font-size:undefined;height:undefined;padding:0!important;"
+            />
+          </div>
+        </div>
+      </div>
+      <button
+        class="pressable button large wide"
+      >
+        <div
+          class="view busyContainer"
+        >
+          <div
+            class="view spinner"
+          />
+        </div>
+        <div
+          class="view row children"
+        >
+          payments.action.pay
+        </div>
+      </button>
+    </form>
+    <div
+      id="paymentErrorMsg"
+      style="display: none;"
+    />
+  </div>
+</DocumentFragment>
+`;

package/build/components/__shared__/ButtonPayment/components/FormPaycomet/helpers/index.js

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

package/build/components/__shared__/ButtonPayment/components/FormPaycomet/helpers/index.js.map

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

package/build/components/__shared__/ButtonPayment/components/FormPaycomet/helpers/useMutationObserver.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useMutationObserver = void 0;
+var _react = require("react");
+var DEFAULT = {
+  attributes: true,
+  childList: true,
+  subtree: true
+};
+var useMutationObserver = exports.useMutationObserver = function useMutationObserver(element, callback) {
+  var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : DEFAULT;
+  (0, _react.useEffect)(function () {
+    if (!element) return;
+    var observer = new MutationObserver(callback);
+    observer.observe(element, options);
+    return function () {
+      return observer.disconnect();
+    };
+  }, [callback, element, options]);
+};
+//# sourceMappingURL=useMutationObserver.js.map

package/build/components/__shared__/ButtonPayment/components/FormPaycomet/helpers/useMutationObserver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMutationObserver.js","names":["_react","require","DEFAULT","attributes","childList","subtree","useMutationObserver","exports","element","callback","options","arguments","length","undefined","useEffect","observer","MutationObserver","observe","disconnect"],"sources":["../../../../../../../src/components/__shared__/ButtonPayment/components/FormPaycomet/helpers/useMutationObserver.jsx"],"sourcesContent":["import { useEffect } from 'react';\n\nconst DEFAULT = { attributes: true, childList: true, subtree: true };\n\nexport const useMutationObserver = (element, callback, options = DEFAULT) => {\n  useEffect(() => {\n    if (!element) return;\n\n    const observer = new MutationObserver(callback);\n    observer.observe(element, options);\n\n    return () => observer.disconnect();\n  }, [callback, element, options]);\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAMC,OAAO,GAAG;EAAEC,UAAU,EAAE,IAAI;EAAEC,SAAS,EAAE,IAAI;EAAEC,OAAO,EAAE;AAAK,CAAC;AAE7D,IAAMC,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,GAAG,SAAtBA,mBAAmBA,CAAIE,OAAO,EAAEC,QAAQ,EAAwB;EAAA,IAAtBC,OAAO,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAGT,OAAO;EACtE,IAAAY,gBAAS,EAAC,YAAM;IACd,IAAI,CAACN,OAAO,EAAE;IAEd,IAAMO,QAAQ,GAAG,IAAIC,gBAAgB,CAACP,QAAQ,CAAC;IAC/CM,QAAQ,CAACE,OAAO,CAACT,OAAO,EAAEE,OAAO,CAAC;IAElC,OAAO;MAAA,OAAMK,QAAQ,CAACG,UAAU,CAAC,CAAC;IAAA;EACpC,CAAC,EAAE,CAACT,QAAQ,EAAED,OAAO,EAAEE,OAAO,CAAC,CAAC;AAClC,CAAC"}

package/build/components/__shared__/ButtonPayment/components/FormPaycomet/index.js

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

package/build/components/__shared__/ButtonPayment/components/FormPaycomet/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_FormPaycomet","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../../../src/components/__shared__/ButtonPayment/components/FormPaycomet/index.js"],"sourcesContent":["export * from './FormPaycomet';\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"}