@mirai/core 0.2.18 → 0.3.1

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

@@ -0,0 +1,198 @@
+"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.FormCheckout = void 0;
+var _locale = require("@mirai/locale");
+var _ui = require("@mirai/ui");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireWildcard(require("react"));
+var _FormCheckout = require("./FormCheckout.constants");
+var _FormCheckout2 = require("./FormCheckout.l10n");
+var style = _interopRequireWildcard(require("./FormCheckout.module.css"));
+var _helpers = require("./helpers");
+var _helpers2 = require("../../helpers");
+var _InputField = require("../InputField");
+var _excluded = ["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 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 FormCheckout = exports.FormCheckout = function FormCheckout(_ref) {
+  var _ref$publicKey = _ref.publicKey,
+    publicKey = _ref$publicKey === void 0 ? process.env.PROVIDER_CHECKOUT_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)(),
+    translate = _useLocale.translate;
+  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),
+    form = _useState4[0],
+    setForm = _useState4[1];
+  var _useState5 = (0, _react.useState)({}),
+    _useState6 = _slicedToArray(_useState5, 2),
+    formError = _useState6[0],
+    setFormError = _useState6[1];
+  var _useState7 = (0, _react.useState)(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    ready = _useState8[0],
+    setReady = _useState8[1];
+  var _useState9 = (0, _react.useState)(),
+    _useState10 = _slicedToArray(_useState9, 2),
+    responseError = _useState10[0],
+    setResponseError = _useState10[1];
+
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  (0, _react.useEffect)(function () {
+    return (0, _helpers2.loadScript)({
+      id: 'checkoutScript',
+      name: 'framesv2.min.js',
+      onLoad: handleLoad
+    });
+  }, []);
+  (0, _react.useEffect)(function () {
+    if (!ready) return;
+    var _ref2 = window || {},
+      Frames = _ref2.Frames;
+    var handleValidationChanged = function handleValidationChanged(_ref3) {
+      var element = _ref3.element,
+        isValid = _ref3.isValid;
+      return handleError(element, !isValid);
+    };
+    Frames.addEventHandler(Frames.Events.CARD_TOKENIZED, handleCardTokenized);
+    Frames.addEventHandler(Frames.Events.CARD_TOKENIZATION_FAILED, handleCardTokenizedFailed);
+    Frames.addEventHandler(Frames.Events.FRAME_VALIDATION_CHANGED, handleValidationChanged);
+    return function () {
+      Frames.removeEventHandler(Frames.Events.CARD_TOKENIZED, handleCardTokenized);
+      Frames.removeEventHandler(Frames.Events.CARD_TOKENIZATION_FAILED, handleCardTokenizedFailed);
+      Frames.removeEventHandler(Frames.Events.FRAME_VALIDATION_CHANGED, handleValidationChanged);
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [form, formError, ready]);
+  var handleCardTokenized = function handleCardTokenized() {
+    var _window$Frames;
+    var _ref4 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+      token = _ref4.token;
+    setBusy(false);
+    if (!token) return;
+    setForm({});
+    setFormError({});
+    (_window$Frames = window.Frames) === null || _window$Frames === void 0 ? void 0 : _window$Frames.init(_objectSpread({
+      publicKey: publicKey
+    }, _FormCheckout.FRAME));
+    onSuccess(_objectSpread(_objectSpread({}, form), {}, {
+      token: token
+    }));
+  };
+  var handleCardTokenizedFailed = function handleCardTokenizedFailed() {
+    var _window$Frames2;
+    var error = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    setBusy(false);
+    setResponseError(error);
+    (_window$Frames2 = window.Frames) === null || _window$Frames2 === void 0 ? void 0 : _window$Frames2.enableSubmitForm();
+    onError(error);
+  };
+  var handleChange = function handleChange(field) {
+    var value = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+    setForm(_objectSpread(_objectSpread({}, form), {}, _defineProperty({}, field, value)));
+    setFormError(_objectSpread(_objectSpread({}, formError), {}, _defineProperty({}, field, value.length === 0)));
+  };
+  var handleError = function handleError(field, value) {
+    setFormError(_objectSpread(_objectSpread({}, formError), {}, _defineProperty({}, field, value)));
+  };
+  var handleLoad = function handleLoad() {
+    var _window$Frames3;
+    (_window$Frames3 = window.Frames) === null || _window$Frames3 === void 0 ? void 0 : _window$Frames3.init(_objectSpread(_objectSpread({
+      publicKey: publicKey
+    }, _FormCheckout.FRAME), (0, _helpers.getStyle)()));
+    setReady(true);
+  };
+  var handlePress = function handlePress() {
+    var _ref5 = window || {},
+      Frames = _ref5.Frames;
+    setBusy(true);
+    setResponseError();
+    Frames.cardholder = {
+      name: form.name
+    };
+    Frames.submitCard();
+  };
+  var hasError = Object.values(formError).length < _FormCheckout.FIELDS_COUNT || Object.values(formError).some(function (value) {
+    return value === true;
+  });
+  return /*#__PURE__*/_react.default.createElement(_ui.View, others, /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    action: true,
+    className: style.description
+  }, translate(_FormCheckout2.L10N.LABEL_SECURE_PAGE)), /*#__PURE__*/_react.default.createElement(_InputField.InputField, {
+    label: translate(_FormCheckout2.L10N.LABEL_CARD_NAME),
+    error: formError.name,
+    success: formError.name === false
+  }, /*#__PURE__*/_react.default.createElement(_ui.Input, {
+    name: "name",
+    value: form.name,
+    onChange: function onChange(value) {
+      return handleChange('name', value);
+    },
+    className: style.name
+  })), /*#__PURE__*/_react.default.createElement(_InputField.InputField, {
+    label: translate(_FormCheckout2.L10N.LABEL_CARD_NUMBER),
+    error: formError['card-number'],
+    success: formError['card-number'] === false
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _ui.styles)(style.frame, 'card-number-frame')
+  })), /*#__PURE__*/_react.default.createElement(_ui.View, {
+    row: true
+  }, /*#__PURE__*/_react.default.createElement(_InputField.InputField, {
+    label: translate(_FormCheckout2.L10N.LABEL_EXPIRATION),
+    error: formError['expiry-date'],
+    success: formError['expiry-date'] === false
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _ui.styles)(style.frame, 'expiry-date-frame')
+  })), /*#__PURE__*/_react.default.createElement(_InputField.InputField, {
+    label: translate(_FormCheckout2.L10N.LABEL_CVV),
+    error: formError['cvv'],
+    success: formError['cvv'] === false,
+    className: style.inputCVV
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _ui.styles)(style.frame, 'cvv-frame')
+  }))), responseError && /*#__PURE__*/_react.default.createElement(_ui.Notification, {
+    error: true,
+    small: true,
+    wide: true
+  }, translate(_FormCheckout2.L10N.NOTIFICATION_ERROR_CHECKOUT)), /*#__PURE__*/_react.default.createElement(_ui.Button, {
+    busy: busy,
+    disabled: hasError,
+    large: true,
+    wide: true,
+    onPress: handlePress,
+    className: style.button
+  }, translate(_FormCheckout2.L10N.ACTION_PAY)));
+};
+FormCheckout.displayName = 'Mirai:Payments:ButtonPayment:FormCheckout';
+FormCheckout.propTypes = {
+  publicKey: _propTypes.default.string.isRequired,
+  onError: _propTypes.default.func,
+  onSuccess: _propTypes.default.func
+};
+//# sourceMappingURL=FormCheckout.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormCheckout.js","names":["_locale","require","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_FormCheckout","_FormCheckout2","style","_helpers","_helpers2","_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","FormCheckout","exports","_ref","_ref$publicKey","publicKey","process","env","PROVIDER_CHECKOUT_PUBLICKEY","_ref$onError","onError","_ref$onSuccess","onSuccess","others","_useLocale","useLocale","translate","_useState","useState","_useState2","busy","setBusy","_useState3","_useState4","form","setForm","_useState5","_useState6","formError","setFormError","_useState7","_useState8","ready","setReady","_useState9","_useState10","responseError","setResponseError","useEffect","loadScript","id","onLoad","handleLoad","_ref2","window","Frames","handleValidationChanged","_ref3","element","isValid","handleError","addEventHandler","Events","CARD_TOKENIZED","handleCardTokenized","CARD_TOKENIZATION_FAILED","handleCardTokenizedFailed","FRAME_VALIDATION_CHANGED","removeEventHandler","_window$Frames","_ref4","token","init","FRAME","_window$Frames2","error","enableSubmitForm","handleChange","field","_window$Frames3","getStyle","handlePress","_ref5","cardholder","submitCard","hasError","values","FIELDS_COUNT","some","createElement","View","Text","action","className","description","L10N","LABEL_SECURE_PAGE","InputField","label","LABEL_CARD_NAME","success","Input","onChange","LABEL_CARD_NUMBER","styles","frame","row","LABEL_EXPIRATION","LABEL_CVV","inputCVV","Notification","small","wide","NOTIFICATION_ERROR_CHECKOUT","Button","disabled","large","onPress","button","ACTION_PAY","displayName","propTypes","PropTypes","string","isRequired","func"],"sources":["../../../../../../src/components/__shared__/ButtonPayment/components/FormCheckout/FormCheckout.jsx"],"sourcesContent":["import { useLocale } from '@mirai/locale';\nimport { Button, Input, Notification, styles, Text, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\n\nimport { FIELDS_COUNT, FRAME } from './FormCheckout.constants';\nimport { L10N } from './FormCheckout.l10n';\nimport * as style from './FormCheckout.module.css';\nimport { getStyle } from './helpers';\nimport { loadScript } from '../../helpers';\nimport { InputField } from '../InputField';\n\nexport const FormCheckout = ({\n  publicKey = process.env.PROVIDER_CHECKOUT_PUBLICKEY,\n  onError = () => {},\n  onSuccess = () => {},\n  ...others\n}) => {\n  const { translate } = useLocale();\n\n  const [busy, setBusy] = useState(false);\n  const [form, setForm] = useState({});\n  const [formError, setFormError] = useState({});\n  const [ready, setReady] = useState(false);\n  const [responseError, setResponseError] = useState();\n\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  useEffect(() => loadScript({ id: 'checkoutScript', name: 'framesv2.min.js', onLoad: handleLoad }), []);\n\n  useEffect(() => {\n    if (!ready) return;\n\n    const { Frames } = window || {};\n    const handleValidationChanged = ({ element, isValid }) => handleError(element, !isValid);\n\n    Frames.addEventHandler(Frames.Events.CARD_TOKENIZED, handleCardTokenized);\n    Frames.addEventHandler(Frames.Events.CARD_TOKENIZATION_FAILED, handleCardTokenizedFailed);\n    Frames.addEventHandler(Frames.Events.FRAME_VALIDATION_CHANGED, handleValidationChanged);\n\n    return () => {\n      Frames.removeEventHandler(Frames.Events.CARD_TOKENIZED, handleCardTokenized);\n      Frames.removeEventHandler(Frames.Events.CARD_TOKENIZATION_FAILED, handleCardTokenizedFailed);\n      Frames.removeEventHandler(Frames.Events.FRAME_VALIDATION_CHANGED, handleValidationChanged);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [form, formError, ready]);\n\n  const handleCardTokenized = ({ token } = {}) => {\n    setBusy(false);\n    if (!token) return;\n\n    setForm({});\n    setFormError({});\n    window.Frames?.init({ publicKey, ...FRAME });\n    onSuccess({ ...form, token });\n  };\n\n  const handleCardTokenizedFailed = (error = {}) => {\n    setBusy(false);\n    setResponseError(error);\n    window.Frames?.enableSubmitForm();\n    onError(error);\n  };\n\n  const handleChange = (field, value = '') => {\n    setForm({ ...form, [field]: value });\n    setFormError({ ...formError, [field]: value.length === 0 });\n  };\n\n  const handleError = (field, value) => {\n    setFormError({ ...formError, [field]: value });\n  };\n\n  const handleLoad = () => {\n    window.Frames?.init({ publicKey, ...FRAME, ...getStyle() });\n    setReady(true);\n  };\n\n  const handlePress = () => {\n    const { Frames } = window || {};\n    setBusy(true);\n    setResponseError();\n    Frames.cardholder = {\n      name: form.name,\n    };\n    Frames.submitCard();\n  };\n\n  const hasError =\n    Object.values(formError).length < FIELDS_COUNT || Object.values(formError).some((value) => value === true);\n\n  return (\n    <View {...others}>\n      <Text action className={style.description}>\n        {translate(L10N.LABEL_SECURE_PAGE)}\n      </Text>\n\n      <InputField label={translate(L10N.LABEL_CARD_NAME)} error={formError.name} success={formError.name === false}>\n        <Input name=\"name\" value={form.name} onChange={(value) => handleChange('name', value)} className={style.name} />\n      </InputField>\n      <InputField\n        label={translate(L10N.LABEL_CARD_NUMBER)}\n        error={formError['card-number']}\n        success={formError['card-number'] === false}\n      >\n        <div className={styles(style.frame, 'card-number-frame')} />\n      </InputField>\n      <View row>\n        <InputField\n          label={translate(L10N.LABEL_EXPIRATION)}\n          error={formError['expiry-date']}\n          success={formError['expiry-date'] === false}\n        >\n          <div className={styles(style.frame, 'expiry-date-frame')} />\n        </InputField>\n\n        <InputField\n          label={translate(L10N.LABEL_CVV)}\n          error={formError['cvv']}\n          success={formError['cvv'] === false}\n          className={style.inputCVV}\n        >\n          <div className={styles(style.frame, 'cvv-frame')} />\n        </InputField>\n      </View>\n\n      {responseError && (\n        <Notification error small wide>\n          {translate(L10N.NOTIFICATION_ERROR_CHECKOUT)}\n        </Notification>\n      )}\n\n      <Button busy={busy} disabled={hasError} large wide onPress={handlePress} className={style.button}>\n        {translate(L10N.ACTION_PAY)}\n      </Button>\n    </View>\n  );\n};\n\nFormCheckout.displayName = 'Mirai:Payments:ButtonPayment:FormCheckout';\n\nFormCheckout.propTypes = {\n  publicKey: PropTypes.string.isRequired,\n  onError: PropTypes.func,\n  onSuccess: PropTypes.func,\n};\n"],"mappings":"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"}

package/build/components/__shared__/ButtonPayment/components/FormCheckout/FormCheckout.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: {
+    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'
+  },
+  NOTIFICATION_ERROR_CHECKOUT: {
+    id: 'payments.notification.error_checkout'
+  }
+};
+//# sourceMappingURL=FormCheckout.l10n.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormCheckout.l10n.js","names":["L10N","exports","ACTION_PAY","id","LABEL_CARD_NAME","LABEL_CARD_NUMBER","LABEL_CVV","LABEL_EXPIRATION","LABEL_SECURE_PAGE","NOTIFICATION_ERROR_CHECKOUT"],"sources":["../../../../../../src/components/__shared__/ButtonPayment/components/FormCheckout/FormCheckout.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: { 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  NOTIFICATION_ERROR_CHECKOUT: { id: 'payments.notification.error_checkout' },\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,iBAAiB,EAAE;IAAEF,EAAE,EAAE;EAA6B,CAAC;EACvDG,SAAS,EAAE;IAAEH,EAAE,EAAE;EAAqB,CAAC;EACvCI,gBAAgB,EAAE;IAAEJ,EAAE,EAAE;EAA4B,CAAC;EACrDK,iBAAiB,EAAE;IAAEL,EAAE,EAAE;EAA6B,CAAC;EACvDM,2BAA2B,EAAE;IAAEN,EAAE,EAAE;EAAuC;AAC5E,CAAC"}

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

@@ -0,0 +1,27 @@
+.button {
+  margin-top: var(--mirai-ui-space-M);
+}
+
+.description {
+  margin-bottom: var(--mirai-ui-space-M);
+}
+
+.frame,
+.name {
+  font-family: var(--mirai-ui-input-font) !important;
+  font-size: var(--mirai-ui-input-font-size) !important;
+}
+.frame {
+  color: var(--mirai-ui-input-color);
+  direction: var(--mirai-ui-text-direction);
+  padding-top: var(--mirai-ui-space-S) !important;
+  outline: 0;
+}
+
+.frame::placeholder {
+  color: var(--mirai-ui-input-disabled);
+}
+
+.inputCVV {
+  margin-left: var(--mirai-ui-space-M);
+}

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

@@ -0,0 +1,308 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`component:<FormCheckout> inherit:className 1`] = `
+<DocumentFragment>
+  <div
+    class="view mirai"
+  >
+    <span
+      class="text action"
+    >
+      payments.label.secure_page
+    </span>
+    <div
+      class="view"
+    >
+      <div
+        class="view"
+      >
+        <span
+          class="text small"
+        >
+          payments.label.card_name
+        </span>
+        <input
+          class="input"
+          name="name"
+          type="text"
+          value=""
+        />
+      </div>
+    </div>
+    <div
+      class="view"
+    >
+      <div
+        class="view"
+      >
+        <span
+          class="text small"
+        >
+          payments.label.card_number
+        </span>
+        <div
+          class="card-number-frame"
+        />
+      </div>
+    </div>
+    <div
+      class="view row"
+    >
+      <div
+        class="view"
+      >
+        <div
+          class="view"
+        >
+          <span
+            class="text small"
+          >
+            payments.label.expiration
+          </span>
+          <div
+            class="expiry-date-frame"
+          />
+        </div>
+      </div>
+      <div
+        class="view"
+      >
+        <div
+          class="view"
+        >
+          <span
+            class="text small"
+          >
+            payments.label.cvv
+          </span>
+          <div
+            class="cvv-frame"
+          />
+        </div>
+      </div>
+    </div>
+    <button
+      class="pressable disabled button large disabled wide"
+      disabled=""
+    >
+      <div
+        class="view busyContainer"
+      >
+        <div
+          class="view spinner"
+        />
+      </div>
+      <div
+        class="view row children"
+      >
+        payments.action.pay
+      </div>
+    </button>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<FormCheckout> renders 1`] = `
+<DocumentFragment>
+  <div
+    class="view"
+  >
+    <span
+      class="text action"
+    >
+      payments.label.secure_page
+    </span>
+    <div
+      class="view"
+    >
+      <div
+        class="view"
+      >
+        <span
+          class="text small"
+        >
+          payments.label.card_name
+        </span>
+        <input
+          class="input"
+          name="name"
+          type="text"
+          value=""
+        />
+      </div>
+    </div>
+    <div
+      class="view"
+    >
+      <div
+        class="view"
+      >
+        <span
+          class="text small"
+        >
+          payments.label.card_number
+        </span>
+        <div
+          class="card-number-frame"
+        />
+      </div>
+    </div>
+    <div
+      class="view row"
+    >
+      <div
+        class="view"
+      >
+        <div
+          class="view"
+        >
+          <span
+            class="text small"
+          >
+            payments.label.expiration
+          </span>
+          <div
+            class="expiry-date-frame"
+          />
+        </div>
+      </div>
+      <div
+        class="view"
+      >
+        <div
+          class="view"
+        >
+          <span
+            class="text small"
+          >
+            payments.label.cvv
+          </span>
+          <div
+            class="cvv-frame"
+          />
+        </div>
+      </div>
+    </div>
+    <button
+      class="pressable disabled button large disabled wide"
+      disabled=""
+    >
+      <div
+        class="view busyContainer"
+      >
+        <div
+          class="view spinner"
+        />
+      </div>
+      <div
+        class="view row children"
+      >
+        payments.action.pay
+      </div>
+    </button>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<FormCheckout> testID 1`] = `
+<DocumentFragment>
+  <div
+    class="view"
+    data-testid="mirai"
+  >
+    <span
+      class="text action"
+    >
+      payments.label.secure_page
+    </span>
+    <div
+      class="view"
+    >
+      <div
+        class="view"
+      >
+        <span
+          class="text small"
+        >
+          payments.label.card_name
+        </span>
+        <input
+          class="input"
+          name="name"
+          type="text"
+          value=""
+        />
+      </div>
+    </div>
+    <div
+      class="view"
+    >
+      <div
+        class="view"
+      >
+        <span
+          class="text small"
+        >
+          payments.label.card_number
+        </span>
+        <div
+          class="card-number-frame"
+        />
+      </div>
+    </div>
+    <div
+      class="view row"
+    >
+      <div
+        class="view"
+      >
+        <div
+          class="view"
+        >
+          <span
+            class="text small"
+          >
+            payments.label.expiration
+          </span>
+          <div
+            class="expiry-date-frame"
+          />
+        </div>
+      </div>
+      <div
+        class="view"
+      >
+        <div
+          class="view"
+        >
+          <span
+            class="text small"
+          >
+            payments.label.cvv
+          </span>
+          <div
+            class="cvv-frame"
+          />
+        </div>
+      </div>
+    </div>
+    <button
+      class="pressable disabled button large disabled wide"
+      disabled=""
+    >
+      <div
+        class="view busyContainer"
+      >
+        <div
+          class="view spinner"
+        />
+      </div>
+      <div
+        class="view row children"
+      >
+        payments.action.pay
+      </div>
+    </button>
+  </div>
+</DocumentFragment>
+`;

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

@@ -0,0 +1,35 @@
+"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(),
+    inputDisabled = _Theme$get.inputDisabled,
+    inputFont = _Theme$get.inputFont,
+    inputFontSize = _Theme$get.inputFontSize,
+    fontWeight = _Theme$get.fontWeight,
+    content = _Theme$get.content;
+  return {
+    style: {
+      base: {
+        color: content,
+        fontFamily: inputFont,
+        fontSize: inputFontSize,
+        fontWeight: fontWeight,
+        letterSpacing: 0
+      },
+      placeholder: {
+        base: {
+          color: 'transparent'
+        },
+        focus: {
+          color: inputDisabled
+        }
+      }
+    }
+  };
+};
+//# sourceMappingURL=getStyle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getStyle.js","names":["_ui","require","getStyle","exports","_Theme$get","Theme","get","inputDisabled","inputFont","inputFontSize","fontWeight","content","style","base","color","fontFamily","fontSize","letterSpacing","placeholder","focus"],"sources":["../../../../../../../src/components/__shared__/ButtonPayment/components/FormCheckout/helpers/getStyle.js"],"sourcesContent":["import { Theme } from '@mirai/ui';\n\nexport const getStyle = () => {\n  const { inputDisabled, inputFont, inputFontSize, fontWeight, content } = Theme.get();\n\n  return {\n    style: {\n      base: {\n        color: content,\n        fontFamily: inputFont,\n        fontSize: inputFontSize,\n        fontWeight: fontWeight,\n        letterSpacing: 0,\n      },\n      placeholder: {\n        base: {\n          color: 'transparent',\n        },\n        focus: {\n          color: inputDisabled,\n        },\n      },\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,GAAyEC,SAAK,CAACC,GAAG,CAAC,CAAC;IAA5EC,aAAa,GAAAH,UAAA,CAAbG,aAAa;IAAEC,SAAS,GAAAJ,UAAA,CAATI,SAAS;IAAEC,aAAa,GAAAL,UAAA,CAAbK,aAAa;IAAEC,UAAU,GAAAN,UAAA,CAAVM,UAAU;IAAEC,OAAO,GAAAP,UAAA,CAAPO,OAAO;EAEpE,OAAO;IACLC,KAAK,EAAE;MACLC,IAAI,EAAE;QACJC,KAAK,EAAEH,OAAO;QACdI,UAAU,EAAEP,SAAS;QACrBQ,QAAQ,EAAEP,aAAa;QACvBC,UAAU,EAAEA,UAAU;QACtBO,aAAa,EAAE;MACjB,CAAC;MACDC,WAAW,EAAE;QACXL,IAAI,EAAE;UACJC,KAAK,EAAE;QACT,CAAC;QACDK,KAAK,EAAE;UACLL,KAAK,EAAEP;QACT;MACF;IACF;EACF,CAAC;AACH,CAAC"}