@mirai/core 0.2.19 → 0.3.2

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

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SCRIPT_ID = exports.BUTTON_PROPS = void 0;
+var _BUTTON_PROPS;
+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 BUTTON_PROPS = exports.BUTTON_PROPS = (_BUTTON_PROPS = {
+  id: 'button-sipay'
+}, _defineProperty(_BUTTON_PROPS, 'data-notab', 1), _defineProperty(_BUTTON_PROPS, 'data-cardholdername', 'true'), _defineProperty(_BUTTON_PROPS, 'data-theme', 'blue'), _defineProperty(_BUTTON_PROPS, 'data-hiddenprice', 'true'), _defineProperty(_BUTTON_PROPS, 'data-template', 'embedded'), _defineProperty(_BUTTON_PROPS, 'data-autosave', 'true'), _defineProperty(_BUTTON_PROPS, "type", 'button'), _BUTTON_PROPS);
+var SCRIPT_ID = exports.SCRIPT_ID = 'script-sipay';
+//# sourceMappingURL=FormSipay.constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormSipay.constants.js","names":["BUTTON_PROPS","exports","_BUTTON_PROPS","id","_defineProperty","SCRIPT_ID"],"sources":["../../../../../../src/components/__shared__/ButtonPayment/components/FormSipay/FormSipay.constants.js"],"sourcesContent":["const BUTTON_PROPS = {\n  id: 'button-sipay',\n  ['data-notab']: 1,\n  ['data-cardholdername']: 'true',\n  ['data-theme']: 'blue',\n  ['data-hiddenprice']: 'true',\n  ['data-template']: 'embedded',\n  ['data-autosave']: 'true',\n  type: 'button',\n};\n\nconst SCRIPT_ID = 'script-sipay';\n\nexport { BUTTON_PROPS, SCRIPT_ID };\n"],"mappings":";;;;;;;;;;;AAAA,IAAMA,YAAY,GAAAC,OAAA,CAAAD,YAAA,IAAAE,aAAA;EAChBC,EAAE,EAAE;AAAc,GAAAC,eAAA,CAAAF,aAAA,EACjB,YAAY,EAAG,CAAC,GAAAE,eAAA,CAAAF,aAAA,EAChB,qBAAqB,EAAG,MAAM,GAAAE,eAAA,CAAAF,aAAA,EAC9B,YAAY,EAAG,MAAM,GAAAE,eAAA,CAAAF,aAAA,EACrB,kBAAkB,EAAG,MAAM,GAAAE,eAAA,CAAAF,aAAA,EAC3B,eAAe,EAAG,UAAU,GAAAE,eAAA,CAAAF,aAAA,EAC5B,eAAe,EAAG,MAAM,GAAAE,eAAA,CAAAF,aAAA,UACnB,QAAQ,GAAAA,aAAA,CACf;AAED,IAAMG,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAG,cAAc"}

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

@@ -0,0 +1,136 @@
+"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.FormSipay = void 0;
+var _locale = require("@mirai/locale");
+var _ui = require("@mirai/ui");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireWildcard(require("react"));
+var _FormSipay = require("./FormSipay.constants");
+var _FormSipay2 = require("./FormSipay.l10n");
+var style = _interopRequireWildcard(require("./FormSipay.module.css"));
+var _helpers = require("./helpers");
+var _excluded = ["currencyDecimals", "info", "publicKey", "onError", "onSuccess"];
+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 _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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 FormSipay = exports.FormSipay = function FormSipay(_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,
+    _ref$info2$cardValida = _ref$info2.cardValidation,
+    cardValidation = _ref$info2$cardValida === void 0 ? false : _ref$info2$cardValida,
+    _ref$info2$amount = _ref$info2.amount,
+    amount = _ref$info2$amount === void 0 ? 0 : _ref$info2$amount,
+    _ref$publicKey = _ref.publicKey,
+    publicKey = _ref$publicKey === void 0 ? process.env.PROVIDER_SIPAY_PUBLICKEY : _ref$publicKey,
+    _ref$onError = _ref.onError,
+    onError = _ref$onError === void 0 ? function () {} : _ref$onError,
+    _ref$onSuccess = _ref.onSuccess,
+    onSuccess = _ref$onSuccess === void 0 ? function () {} : _ref$onSuccess,
+    others = _objectWithoutProperties(_ref, _excluded);
+  var _useLocale = (0, _locale.useLocale)(),
+    currency = _useLocale.currency,
+    translate = _useLocale.translate;
+  var _useState = (0, _react.useState)(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    ready = _useState2[0],
+    setReady = _useState2[1];
+  var _useState3 = (0, _react.useState)({}),
+    _useState4 = _slicedToArray(_useState3, 2),
+    success = _useState4[0],
+    setSuccess = _useState4[1];
+  (0, _react.useEffect)(function () {
+    var exists = document.getElementById(_FormSipay.SCRIPT_ID);
+    var script = exists || document.createElement('script');
+    script.id = _FormSipay.SCRIPT_ID;
+    script.src = process.env.PROVIDER_SIPAY_SCRIPT;
+    script.onload = handleLoad;
+    document.head.appendChild(script);
+    return function () {
+      var el = document.getElementById(_FormSipay.SCRIPT_ID);
+      el.parentNode.removeChild(el);
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  (0, _react.useEffect)(function () {
+    window.FastpayCallback = handleSuccess;
+    return function () {
+      return window.FastpayCallback = undefined;
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [ready, success]);
+  (0, _react.useEffect)(function () {
+    var _ref2 = success || {},
+      name = _ref2.name,
+      token = _ref2.token,
+      type = _ref2.type;
+    if (type === 'success') onSuccess({
+      name: name,
+      token: token
+    });else onError({});
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [success]);
+  var handleLoad = function handleLoad() {
+    var el = document.getElementById(_FormSipay.BUTTON_PROPS.id);
+    window.Fastpay.loadButton(el);
+    window.Fastpay.customize((0, _helpers.getStyle)());
+    el.click();
+    setReady(true);
+  };
+  var handleSuccess = function handleSuccess(_ref3) {
+    var type = _ref3.type,
+      token = _ref3.request_id,
+      _ref3$payload = _ref3.payload,
+      _ref3$payload2 = _ref3$payload === void 0 ? {} : _ref3$payload,
+      name = _ref3$payload2.cadholder_name;
+    return setSuccess({
+      name: name,
+      token: token,
+      type: type
+    });
+  };
+  return /*#__PURE__*/_react.default.createElement(_ui.View, _extends({}, others, {
+    className: (0, _ui.styles)(style.container, ready && style.ready, others.className)
+  }), ready ? /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    action: true
+  }, translate(_FormSipay2.L10N.LABEL_SECURE_PAGE)) : /*#__PURE__*/_react.default.createElement(_ui.Notification, {
+    inline: true,
+    large: true,
+    warning: true,
+    wide: true
+  }, translate(_FormSipay2.L10N.NOTIFICATION_LOADING)), /*#__PURE__*/_react.default.createElement("button", _extends({}, _FormSipay.BUTTON_PROPS, {
+    "data-amount": cardValidation ? 1 : (amount * Math.pow(10, currencyDecimals)).toFixed(),
+    "data-currency": currency,
+    "data-callback": "FastpayCallback",
+    "data-paymentbutton": translate(cardValidation ? _FormSipay2.L10N.ACTION_AUTHORIZE : _FormSipay2.L10N.ACTION_PAY),
+    "data-key": publicKey,
+    className: style.button
+  })));
+};
+FormSipay.displayName = 'Mirai:Payments:ButtonPayment:FormSipay';
+FormSipay.propTypes = {
+  currencyDecimals: _propTypes.default.number,
+  info: _propTypes.default.shape({
+    amount: _propTypes.default.number,
+    cardValidation: _propTypes.default.bool,
+    date: _propTypes.default.instanceOf(Date)
+  }),
+  publicKey: _propTypes.default.string,
+  onError: _propTypes.default.func,
+  onSuccess: _propTypes.default.func
+};
+//# sourceMappingURL=FormSipay.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormSipay.js","names":["_locale","require","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_FormSipay","_FormSipay2","style","_helpers","_excluded","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","r","l","t","Symbol","iterator","e","u","a","f","next","done","push","value","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","FormSipay","exports","_ref","_ref$currencyDecimals","currencyDecimals","_ref$info","info","_ref$info2","_ref$info2$cardValida","cardValidation","_ref$info2$amount","amount","_ref$publicKey","publicKey","process","env","PROVIDER_SIPAY_PUBLICKEY","_ref$onError","onError","_ref$onSuccess","onSuccess","others","_useLocale","useLocale","currency","translate","_useState","useState","_useState2","ready","setReady","_useState3","_useState4","success","setSuccess","useEffect","exists","document","getElementById","SCRIPT_ID","script","createElement","id","src","PROVIDER_SIPAY_SCRIPT","onload","handleLoad","head","appendChild","el","parentNode","removeChild","window","FastpayCallback","handleSuccess","undefined","_ref2","token","type","BUTTON_PROPS","Fastpay","loadButton","customize","getStyle","click","_ref3","request_id","_ref3$payload","payload","_ref3$payload2","cadholder_name","View","className","styles","container","Text","action","L10N","LABEL_SECURE_PAGE","Notification","inline","large","warning","wide","NOTIFICATION_LOADING","Math","pow","toFixed","ACTION_AUTHORIZE","ACTION_PAY","button","displayName","propTypes","PropTypes","number","shape","bool","date","instanceOf","Date","string","func"],"sources":["../../../../../../src/components/__shared__/ButtonPayment/components/FormSipay/FormSipay.jsx"],"sourcesContent":["import { useLocale } from '@mirai/locale';\nimport { Notification, styles, Text, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\n\nimport { BUTTON_PROPS, SCRIPT_ID } from './FormSipay.constants';\nimport { L10N } from './FormSipay.l10n';\nimport * as style from './FormSipay.module.css';\nimport { getStyle } from './helpers';\n\nexport const FormSipay = ({\n  currencyDecimals = 2,\n  info: { cardValidation = false, amount = 0 } = {},\n  publicKey = process.env.PROVIDER_SIPAY_PUBLICKEY,\n  onError = () => {},\n  onSuccess = () => {},\n  ...others\n}) => {\n  const { currency, translate } = useLocale();\n\n  const [ready, setReady] = useState(false);\n  const [success, setSuccess] = useState({});\n\n  useEffect(() => {\n    const exists = document.getElementById(SCRIPT_ID);\n    const script = exists || document.createElement('script');\n    script.id = SCRIPT_ID;\n    script.src = process.env.PROVIDER_SIPAY_SCRIPT;\n    script.onload = handleLoad;\n\n    document.head.appendChild(script);\n\n    return () => {\n      const el = document.getElementById(SCRIPT_ID);\n      el.parentNode.removeChild(el);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffect(() => {\n    window.FastpayCallback = handleSuccess;\n\n    return () => (window.FastpayCallback = undefined);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [ready, success]);\n\n  useEffect(() => {\n    const { name, token, type } = success || {};\n\n    if (type === 'success') onSuccess({ name, token });\n    else onError({});\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [success]);\n\n  const handleLoad = () => {\n    const el = document.getElementById(BUTTON_PROPS.id);\n\n    window.Fastpay.loadButton(el);\n\n    window.Fastpay.customize(getStyle());\n\n    el.click();\n\n    setReady(true);\n  };\n\n  const handleSuccess = ({ type, request_id: token, payload: { cadholder_name: name } = {} }) =>\n    setSuccess({ name, token, type });\n\n  return (\n    <View {...others} className={styles(style.container, ready && style.ready, others.className)}>\n      {ready ? (\n        <Text action>{translate(L10N.LABEL_SECURE_PAGE)}</Text>\n      ) : (\n        <Notification inline large warning wide>\n          {translate(L10N.NOTIFICATION_LOADING)}\n        </Notification>\n      )}\n\n      <button\n        {...BUTTON_PROPS}\n        data-amount={cardValidation ? 1 : (amount * Math.pow(10, currencyDecimals)).toFixed()}\n        data-currency={currency}\n        data-callback=\"FastpayCallback\"\n        data-paymentbutton={translate(cardValidation ? L10N.ACTION_AUTHORIZE : L10N.ACTION_PAY)}\n        data-key={publicKey}\n        className={style.button}\n      />\n    </View>\n  );\n};\n\nFormSipay.displayName = 'Mirai:Payments:ButtonPayment:FormSipay';\n\nFormSipay.propTypes = {\n  currencyDecimals: PropTypes.number,\n  info: PropTypes.shape({\n    amount: PropTypes.number,\n    cardValidation: PropTypes.bool,\n    date: PropTypes.instanceOf(Date),\n  }),\n  publicKey: PropTypes.string,\n  onError: PropTypes.func,\n  onSuccess: PropTypes.func,\n};\n"],"mappings":"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"}

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

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.L10N = void 0;
+var L10N = exports.L10N = {
+  ACTION_AUTHORIZE: {
+    id: 'payments.action.authorize'
+  },
+  ACTION_PAY: {
+    id: 'payments.action.pay'
+  },
+  LABEL_SECURE_PAGE: {
+    id: 'payments.label.secure_page'
+  },
+  NOTIFICATION_LOADING: {
+    id: 'payments.notification.loading'
+  }
+};
+//# sourceMappingURL=FormSipay.l10n.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormSipay.l10n.js","names":["L10N","exports","ACTION_AUTHORIZE","id","ACTION_PAY","LABEL_SECURE_PAGE","NOTIFICATION_LOADING"],"sources":["../../../../../../src/components/__shared__/ButtonPayment/components/FormSipay/FormSipay.l10n.js"],"sourcesContent":["export const L10N = {\n  ACTION_AUTHORIZE: { id: 'payments.action.authorize' },\n  ACTION_PAY: { id: 'payments.action.pay' },\n  LABEL_SECURE_PAGE: { id: 'payments.label.secure_page' },\n  NOTIFICATION_LOADING: { id: 'payments.notification.loading' },\n};\n"],"mappings":";;;;;;AAAO,IAAMA,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG;EAClBE,gBAAgB,EAAE;IAAEC,EAAE,EAAE;EAA4B,CAAC;EACrDC,UAAU,EAAE;IAAED,EAAE,EAAE;EAAsB,CAAC;EACzCE,iBAAiB,EAAE;IAAEF,EAAE,EAAE;EAA6B,CAAC;EACvDG,oBAAoB,EAAE;IAAEH,EAAE,EAAE;EAAgC;AAC9D,CAAC"}

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

@@ -0,0 +1,17 @@
+.container {
+}
+
+.container > iframe {
+  border: 0px;
+  height: 0px;
+  margin: 0px;
+  padding: 0px;
+}
+
+.container.ready > iframe {
+  height: 460px;
+}
+
+.button {
+  display: none;
+}

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

@@ -0,0 +1,149 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`component:<FormSipay> inherit:className 1`] = `
+<DocumentFragment>
+  <div
+    class="view mirai"
+  >
+    <div
+      class="view row notification warning inline inline large wide"
+    >
+      <span
+        class="icon headline-1 icon"
+      >
+        <svg
+          fill="currentColor"
+          height="1em"
+          stroke="currentColor"
+          stroke-width="0"
+          viewBox="0 0 24 24"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M12 5.99L19.53 19H4.47L12 5.99M12 2L1 21h22L12 2zm1 14h-2v2h2v-2zm0-6h-2v4h2v-4z"
+          />
+        </svg>
+      </span>
+      <span
+        class="text paragraph text warning"
+      >
+        payments.notification.loading
+      </span>
+    </div>
+    <button
+      data-amount="0"
+      data-autosave="true"
+      data-callback="FastpayCallback"
+      data-cardholdername="true"
+      data-currency="EUR"
+      data-hiddenprice="true"
+      data-notab="1"
+      data-paymentbutton="payments.action.pay"
+      data-template="embedded"
+      data-theme="blue"
+      id="button-sipay"
+      type="button"
+    />
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<FormSipay> renders 1`] = `
+<DocumentFragment>
+  <div
+    class="view"
+  >
+    <div
+      class="view row notification warning inline inline large wide"
+    >
+      <span
+        class="icon headline-1 icon"
+      >
+        <svg
+          fill="currentColor"
+          height="1em"
+          stroke="currentColor"
+          stroke-width="0"
+          viewBox="0 0 24 24"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M12 5.99L19.53 19H4.47L12 5.99M12 2L1 21h22L12 2zm1 14h-2v2h2v-2zm0-6h-2v4h2v-4z"
+          />
+        </svg>
+      </span>
+      <span
+        class="text paragraph text warning"
+      >
+        payments.notification.loading
+      </span>
+    </div>
+    <button
+      data-amount="0"
+      data-autosave="true"
+      data-callback="FastpayCallback"
+      data-cardholdername="true"
+      data-currency="EUR"
+      data-hiddenprice="true"
+      data-notab="1"
+      data-paymentbutton="payments.action.pay"
+      data-template="embedded"
+      data-theme="blue"
+      id="button-sipay"
+      type="button"
+    />
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<FormSipay> testID 1`] = `
+<DocumentFragment>
+  <div
+    class="view"
+    data-testid="mirai"
+  >
+    <div
+      class="view row notification warning inline inline large wide"
+    >
+      <span
+        class="icon headline-1 icon"
+      >
+        <svg
+          fill="currentColor"
+          height="1em"
+          stroke="currentColor"
+          stroke-width="0"
+          viewBox="0 0 24 24"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M12 5.99L19.53 19H4.47L12 5.99M12 2L1 21h22L12 2zm1 14h-2v2h2v-2zm0-6h-2v4h2v-4z"
+          />
+        </svg>
+      </span>
+      <span
+        class="text paragraph text warning"
+      >
+        payments.notification.loading
+      </span>
+    </div>
+    <button
+      data-amount="0"
+      data-autosave="true"
+      data-callback="FastpayCallback"
+      data-cardholdername="true"
+      data-currency="EUR"
+      data-hiddenprice="true"
+      data-notab="1"
+      data-paymentbutton="payments.action.pay"
+      data-template="embedded"
+      data-theme="blue"
+      id="button-sipay"
+      type="button"
+    />
+  </div>
+</DocumentFragment>
+`;

package/build/components/__shared__/ButtonPayment/components/FormSipay/helpers/getStyle.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getStyle = void 0;
+var _ui = require("@mirai/ui");
+var getStyle = exports.getStyle = function getStyle() {
+  var _Theme$get = _ui.Theme.get(),
+    accent = _Theme$get.accent,
+    base = _Theme$get.base,
+    content = _Theme$get.content;
+  return {
+    colors: {
+      icon: base,
+      inputs_lines: content,
+      button: accent,
+      cvv_info: content
+    }
+  };
+};
+//# sourceMappingURL=getStyle.js.map

package/build/components/__shared__/ButtonPayment/components/FormSipay/helpers/getStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getStyle.js","names":["_ui","require","getStyle","exports","_Theme$get","Theme","get","accent","base","content","colors","icon","inputs_lines","button","cvv_info"],"sources":["../../../../../../../src/components/__shared__/ButtonPayment/components/FormSipay/helpers/getStyle.js"],"sourcesContent":["import { Theme } from '@mirai/ui';\n\nexport const getStyle = () => {\n  const { accent, base, content } = Theme.get();\n\n  return {\n    colors: {\n      icon: base,\n      inputs_lines: content,\n      button: accent,\n      cvv_info: content,\n    },\n  };\n};\n"],"mappings":";;;;;;AAAA,IAAAA,GAAA,GAAAC,OAAA;AAEO,IAAMC,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAG,SAAXA,QAAQA,CAAA,EAAS;EAC5B,IAAAE,UAAA,GAAkCC,SAAK,CAACC,GAAG,CAAC,CAAC;IAArCC,MAAM,GAAAH,UAAA,CAANG,MAAM;IAAEC,IAAI,GAAAJ,UAAA,CAAJI,IAAI;IAAEC,OAAO,GAAAL,UAAA,CAAPK,OAAO;EAE7B,OAAO;IACLC,MAAM,EAAE;MACNC,IAAI,EAAEH,IAAI;MACVI,YAAY,EAAEH,OAAO;MACrBI,MAAM,EAAEN,MAAM;MACdO,QAAQ,EAAEL;IACZ;EACF,CAAC;AACH,CAAC"}

package/build/components/__shared__/ButtonPayment/components/FormSipay/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/FormSipay/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/FormSipay/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/FormSipay/index.js

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

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

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

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

@@ -0,0 +1,54 @@
+"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.InputField = void 0;
+var _ui = require("@mirai/ui");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireDefault(require("react"));
+var style = _interopRequireWildcard(require("./InputField.module.css"));
+var _excluded = ["children", "error", "hint", "label", "showRequired", "success"];
+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 _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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 InputField = exports.InputField = function InputField(_ref) {
+  var children = _ref.children,
+    error = _ref.error,
+    hint = _ref.hint,
+    label = _ref.label,
+    _ref$showRequired = _ref.showRequired,
+    showRequired = _ref$showRequired === void 0 ? false : _ref$showRequired,
+    success = _ref.success,
+    others = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_ui.View, _extends({}, others, {
+    className: (0, _ui.styles)(style.container, others.className)
+  }), /*#__PURE__*/_react.default.createElement(_ui.View, {
+    className: (0, _ui.styles)(style.border, error && style.error)
+  }, label && /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    small: true,
+    className: (0, _ui.styles)(style.label)
+  }, label, showRequired && /*#__PURE__*/_react.default.createElement("span", {
+    className: style.required
+  }, " *")), children, (error || success) && /*#__PURE__*/_react.default.createElement(_ui.Icon, {
+    value: error ? _ui.ICON.ERROR : _ui.ICON.SUCCESS,
+    className: (0, _ui.styles)(style.icon, error && style.error, success && style.success)
+  })), hint && /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    small: true,
+    className: (0, _ui.styles)(style.text, style.hint)
+  }, hint));
+};
+InputField.displayName = 'Mirai:Payments:InputField';
+InputField.propTypes = {
+  children: _propTypes.default.node.isRequired,
+  error: _propTypes.default.bool,
+  hint: _propTypes.default.string,
+  label: _propTypes.default.string.isRequired,
+  showRequired: _propTypes.default.bool,
+  success: _propTypes.default.bool
+};
+//# sourceMappingURL=InputField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputField.js","names":["_ui","require","_propTypes","_interopRequireDefault","_react","style","_interopRequireWildcard","_excluded","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","InputField","exports","_ref","children","error","hint","label","_ref$showRequired","showRequired","success","others","createElement","View","className","styles","container","border","Text","small","required","Icon","value","ICON","ERROR","SUCCESS","icon","text","displayName","propTypes","PropTypes","node","isRequired","bool","string"],"sources":["../../../../../../src/components/__shared__/ButtonPayment/components/InputField/InputField.jsx"],"sourcesContent":["import { Icon, ICON, styles, Text, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nimport * as style from './InputField.module.css';\n\nconst InputField = ({ children, error, hint, label, showRequired = false, success, ...others }) => (\n  <View {...others} className={styles(style.container, others.className)}>\n    <View className={styles(style.border, error && style.error)}>\n      {label && (\n        <Text small className={styles(style.label)}>\n          {label}\n          {showRequired && <span className={style.required}> *</span>}\n        </Text>\n      )}\n      {children}\n      {(error || success) && (\n        <Icon\n          value={error ? ICON.ERROR : ICON.SUCCESS}\n          className={styles(style.icon, error && style.error, success && style.success)}\n        />\n      )}\n    </View>\n    {hint && (\n      <Text small className={styles(style.text, style.hint)}>\n        {hint}\n      </Text>\n    )}\n  </View>\n);\n\nInputField.displayName = 'Mirai:Payments:InputField';\n\nInputField.propTypes = {\n  children: PropTypes.node.isRequired,\n  error: PropTypes.bool,\n  hint: PropTypes.string,\n  label: PropTypes.string.isRequired,\n  showRequired: PropTypes.bool,\n  success: PropTypes.bool,\n};\n\nexport { InputField };\n"],"mappings":"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"}

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

@@ -0,0 +1,60 @@
+.container {
+  margin-bottom: var(--mirai-ui-space-M);
+  width: 100%;
+}
+
+.border {
+  border: var(--mirai-ui-input-text-border);
+  border-radius: var(--mirai-ui-input-text-radius);
+  position: relative;
+}
+
+.border.error {
+  border-color: var(--mirai-ui-input-text-error);
+}
+
+.border > *:not(.label):not(.icon) {
+  border-radius: var(--mirai-ui-input-text-radius);
+  height: var(--mirai-ui-input-min-height);
+  padding: var(--mirai-ui-space-S) var(--mirai-ui-input-text-padding-x) 0 var(--mirai-ui-input-text-padding-x);
+}
+
+.hint {
+  color: var(--mirai-ui-content-light);
+}
+
+.icon {
+  font-size: var(--mirai-ui-input-text-icon);
+  height: var(--mirai-ui-input-text-icon);
+  line-height: var(--mirai-ui-input-text-icon);
+  margin: 0;
+  padding: 0;
+  position: absolute;
+  right: var(--mirai-ui-input-text-padding-x);
+  top: calc(calc(var(--mirai-ui-input-min-height) - var(--mirai-ui-input-text-icon)) / 2);
+  width: var(--mirai-ui-input-text-icon);
+}
+
+.icon.error {
+  color: var(--mirai-ui-input-text-error);
+}
+
+.icon.success {
+  color: var(--mirai-ui-success);
+}
+
+.label {
+  color: var(--mirai-ui-content-light);
+  left: var(--mirai-ui-input-text-padding-x);
+  pointer-events: none;
+  position: absolute;
+  top: var(--mirai-ui-space-XS);
+}
+
+.text {
+  margin: calc(var(--mirai-ui-input-text-padding-y) / 4) var(--mirai-ui-input-text-padding-x);
+}
+
+.text .required {
+  color: var(--mirai-ui-error);
+}