@mirai/core 0.2.18 → 0.3.1

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

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CARD_CONFIG = void 0;
+var CARD_CONFIG = exports.CARD_CONFIG = {
+  DEFAULT: {
+    placeholder: {
+      card: '0000 0000 0000 0000',
+      CVV: '000'
+    },
+    maxLength: {
+      card: 19,
+      CVV: 3
+    }
+  },
+  AMERICAN_EX: {
+    placeholder: {
+      card: '0000 000000 00000',
+      CVV: '0000'
+    },
+    maxLength: {
+      card: 17,
+      CVV: 4
+    }
+  }
+};
+//# sourceMappingURL=Card.constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Card.constants.js","names":["CARD_CONFIG","exports","DEFAULT","placeholder","card","CVV","maxLength","AMERICAN_EX"],"sources":["../../../../../../src/components/__shared__/Payment/components/Card/Card.constants.js"],"sourcesContent":["const CARD_CONFIG = {\n  DEFAULT: {\n    placeholder: {\n      card: '0000 0000 0000 0000',\n      CVV: '000',\n    },\n    maxLength: { card: 19, CVV: 3 },\n  },\n  AMERICAN_EX: {\n    placeholder: {\n      card: '0000 000000 00000',\n      CVV: '0000',\n    },\n    maxLength: { card: 17, CVV: 4 },\n  },\n};\n\nexport { CARD_CONFIG };\n"],"mappings":";;;;;;AAAA,IAAMA,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG;EAClBE,OAAO,EAAE;IACPC,WAAW,EAAE;MACXC,IAAI,EAAE,qBAAqB;MAC3BC,GAAG,EAAE;IACP,CAAC;IACDC,SAAS,EAAE;MAAEF,IAAI,EAAE,EAAE;MAAEC,GAAG,EAAE;IAAE;EAChC,CAAC;EACDE,WAAW,EAAE;IACXJ,WAAW,EAAE;MACXC,IAAI,EAAE,mBAAmB;MACzBC,GAAG,EAAE;IACP,CAAC;IACDC,SAAS,EAAE;MAAEF,IAAI,EAAE,EAAE;MAAEC,GAAG,EAAE;IAAE;EAChC;AACF,CAAC"}

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

@@ -0,0 +1,149 @@
+"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.Card = void 0;
+var _locale = require("@mirai/locale");
+var _ui = require("@mirai/ui");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireWildcard(require("react"));
+var _Card = require("./Card.l10n");
+var style = _interopRequireWildcard(require("./Card.module.css"));
+var _helpers = require("./helpers");
+var _excluded = ["error", "showCVV", "showErrors", "onChange", "onError"];
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var DATE_FORMAT = 'MM/YY';
+var Card = exports.Card = function Card(_ref) {
+  var _form$card, _form$card2, _form$name, _form$name2, _form$expire, _form$expire2, _form$CVV, _form$CVV2;
+  var _ref$error = _ref.error,
+    _ref$error2 = _ref$error === void 0 ? {} : _ref$error,
+    cardError = _ref$error2.card,
+    _ref$showCVV = _ref.showCVV,
+    showCVV = _ref$showCVV === void 0 ? true : _ref$showCVV,
+    _ref$showErrors = _ref.showErrors,
+    showErrors = _ref$showErrors === void 0 ? false : _ref$showErrors,
+    _ref$onChange = _ref.onChange,
+    onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
+    _ref$onError = _ref.onError,
+    onError = _ref$onError === void 0 ? function () {} : _ref$onError,
+    others = _objectWithoutProperties(_ref, _excluded);
+  var _useLocale = (0, _locale.useLocale)(),
+    translate = _useLocale.translate;
+  var _useState = (0, _react.useState)({}),
+    _useState2 = _slicedToArray(_useState, 2),
+    form = _useState2[0],
+    setForm = _useState2[1];
+  var _useState3 = (0, _react.useState)({}),
+    _useState4 = _slicedToArray(_useState3, 2),
+    formError = _useState4[0],
+    setFormError = _useState4[1];
+  (0, _react.useEffect)(function () {
+    onChange(form);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [form]);
+  (0, _react.useEffect)(function () {
+    onError(_objectSpread({}, formError));
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [formError]);
+  var handleChange = function handleChange(values) {
+    return setForm((0, _helpers.formatValues)(values));
+  };
+  var testId = others.testId;
+  var _getCardConfig = (0, _helpers.getCardConfig)(form.card),
+    maxLength = _getCardConfig.maxLength,
+    placeholder = _getCardConfig.placeholder;
+  return /*#__PURE__*/_react.default.createElement(_ui.Form, {
+    autoComplete: "off",
+    showErrors: showErrors,
+    tag: "fieldset",
+    validateOnMount: true,
+    onChange: handleChange,
+    onError: setFormError,
+    className: style.form,
+    testId: testId
+  }, /*#__PURE__*/_react.default.createElement(_ui.InputText, {
+    error: ((_form$card = form.card) === null || _form$card === void 0 ? void 0 : _form$card.length) > 0 && !!formError.card || cardError,
+    hint: cardError,
+    label: translate(_Card.L10N.LABEL_CARD_NUMBER),
+    maxLength: maxLength.card,
+    name: "card",
+    placeholder: placeholder.card,
+    required: true,
+    showRequired: true,
+    success: ((_form$card2 = form.card) === null || _form$card2 === void 0 ? void 0 : _form$card2.length) > 0 && !formError.card,
+    value: form.card,
+    test: _helpers.testCard,
+    className: style.card,
+    testId: testId ? "".concat(testId, "-card") : undefined
+  }), /*#__PURE__*/_react.default.createElement(_ui.InputText, {
+    error: ((_form$name = form.name) === null || _form$name === void 0 ? void 0 : _form$name.length) === 0 && !!formError.name && !formError.card,
+    label: translate(_Card.L10N.LABEL_CARD_NAME),
+    minLength: 3,
+    maxLength: 100,
+    name: "name",
+    required: true,
+    showRequired: true,
+    success: ((_form$name2 = form.name) === null || _form$name2 === void 0 ? void 0 : _form$name2.length) > 0 && !formError.name,
+    value: form.name,
+    className: style.name,
+    testId: testId ? "".concat(testId, "-name") : undefined
+  }), /*#__PURE__*/_react.default.createElement(_ui.InputDate, {
+    error: ((_form$expire = form.expire) === null || _form$expire === void 0 ? void 0 : _form$expire.length) > 0 && !!formError.expire,
+    format: DATE_FORMAT,
+    label: translate(_Card.L10N.LABEL_EXPIRATION),
+    name: "expire",
+    maxLength: 5,
+    placeholder: "".concat(translate(_Card.L10N.LABEL_MONTH_FORMAT), "/").concat(translate(_Card.L10N.LABEL_YEAR_FORMAT)),
+    required: true,
+    showRequired: true,
+    success: ((_form$expire2 = form.expire) === null || _form$expire2 === void 0 ? void 0 : _form$expire2.length) > 0 && !formError.expire,
+    test: _helpers.testExpire,
+    type: "inputDate",
+    value: form.expire,
+    className: style.expire,
+    testId: testId ? "".concat(testId, "-expire") : undefined
+  }), showCVV && /*#__PURE__*/_react.default.createElement(_ui.InputText, {
+    error: ((_form$CVV = form.CVV) === null || _form$CVV === void 0 ? void 0 : _form$CVV.length) > 0 && !!formError.CVV,
+    label: translate(_Card.L10N.LABEL_CVV),
+    maxLength: maxLength.CVV,
+    name: "CVV",
+    placeholder: placeholder.CVV,
+    required: true,
+    showRequired: true,
+    success: ((_form$CVV2 = form.CVV) === null || _form$CVV2 === void 0 ? void 0 : _form$CVV2.length) > 0 && !formError.CVV,
+    value: form.CVV,
+    test: function test(CVV) {
+      return (0, _helpers.testCVV)(CVV, maxLength.CVV);
+    },
+    className: style.cvv,
+    testId: testId ? "".concat(testId, "-CVV") : undefined
+  }));
+};
+Card.displayName = 'Mirai:Payments:Card';
+Card.propTypes = {
+  error: _propTypes.default.shape({
+    card: _propTypes.default.string
+  }),
+  showCVV: _propTypes.default.bool,
+  showErrors: _propTypes.default.bool,
+  onChange: _propTypes.default.func,
+  onError: _propTypes.default.func
+};
+//# sourceMappingURL=Card.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","names":["_locale","require","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_Card","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","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","DATE_FORMAT","Card","exports","_ref","_form$card","_form$card2","_form$name","_form$name2","_form$expire","_form$expire2","_form$CVV","_form$CVV2","_ref$error","error","_ref$error2","cardError","card","_ref$showCVV","showCVV","_ref$showErrors","showErrors","_ref$onChange","onChange","_ref$onError","onError","others","_useLocale","useLocale","translate","_useState","useState","_useState2","form","setForm","_useState3","_useState4","formError","setFormError","useEffect","handleChange","values","formatValues","testId","_getCardConfig","getCardConfig","maxLength","placeholder","createElement","Form","autoComplete","tag","validateOnMount","className","InputText","label","L10N","LABEL_CARD_NUMBER","required","showRequired","success","testCard","concat","LABEL_CARD_NAME","minLength","InputDate","expire","format","LABEL_EXPIRATION","LABEL_MONTH_FORMAT","LABEL_YEAR_FORMAT","testExpire","type","CVV","LABEL_CVV","testCVV","cvv","displayName","propTypes","PropTypes","shape","string","bool","func"],"sources":["../../../../../../src/components/__shared__/Payment/components/Card/Card.jsx"],"sourcesContent":["import { useLocale } from '@mirai/locale';\nimport { InputDate, InputText, Form } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\n\nimport { L10N } from './Card.l10n';\nimport * as style from './Card.module.css';\nimport { formatValues, getCardConfig, testCard, testCVV, testExpire } from './helpers';\n\nconst DATE_FORMAT = 'MM/YY';\n\nconst Card = ({\n  error: { card: cardError } = {},\n  showCVV = true,\n  showErrors = false,\n  onChange = () => {},\n  onError = () => {},\n  ...others\n}) => {\n  const { translate } = useLocale();\n\n  const [form, setForm] = useState({});\n  const [formError, setFormError] = useState({});\n\n  useEffect(() => {\n    onChange(form);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [form]);\n\n  useEffect(() => {\n    onError({ ...formError });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [formError]);\n\n  const handleChange = (values) => setForm(formatValues(values));\n\n  const { testId } = others;\n  const { maxLength, placeholder } = getCardConfig(form.card);\n\n  return (\n    <Form\n      autoComplete=\"off\"\n      showErrors={showErrors}\n      tag=\"fieldset\"\n      validateOnMount\n      onChange={handleChange}\n      onError={setFormError}\n      className={style.form}\n      testId={testId}\n    >\n      <InputText\n        error={(form.card?.length > 0 && !!formError.card) || cardError}\n        hint={cardError}\n        label={translate(L10N.LABEL_CARD_NUMBER)}\n        maxLength={maxLength.card}\n        name=\"card\"\n        placeholder={placeholder.card}\n        required\n        showRequired\n        success={form.card?.length > 0 && !formError.card}\n        value={form.card}\n        test={testCard}\n        className={style.card}\n        testId={testId ? `${testId}-card` : undefined}\n      />\n      <InputText\n        error={form.name?.length === 0 && !!formError.name && !formError.card}\n        label={translate(L10N.LABEL_CARD_NAME)}\n        minLength={3}\n        maxLength={100}\n        name=\"name\"\n        required\n        showRequired\n        success={form.name?.length > 0 && !formError.name}\n        value={form.name}\n        className={style.name}\n        testId={testId ? `${testId}-name` : undefined}\n      />\n      <InputDate\n        error={form.expire?.length > 0 && !!formError.expire}\n        format={DATE_FORMAT}\n        label={translate(L10N.LABEL_EXPIRATION)}\n        name=\"expire\"\n        maxLength={5}\n        placeholder={`${translate(L10N.LABEL_MONTH_FORMAT)}/${translate(L10N.LABEL_YEAR_FORMAT)}`}\n        required\n        showRequired\n        success={form.expire?.length > 0 && !formError.expire}\n        test={testExpire}\n        type=\"inputDate\"\n        value={form.expire}\n        className={style.expire}\n        testId={testId ? `${testId}-expire` : undefined}\n      />\n      {showCVV && (\n        <InputText\n          error={form.CVV?.length > 0 && !!formError.CVV}\n          label={translate(L10N.LABEL_CVV)}\n          maxLength={maxLength.CVV}\n          name=\"CVV\"\n          placeholder={placeholder.CVV}\n          required\n          showRequired\n          success={form.CVV?.length > 0 && !formError.CVV}\n          value={form.CVV}\n          test={(CVV) => testCVV(CVV, maxLength.CVV)}\n          className={style.cvv}\n          testId={testId ? `${testId}-CVV` : undefined}\n        />\n      )}\n    </Form>\n  );\n};\n\nCard.displayName = 'Mirai:Payments:Card';\n\nCard.propTypes = {\n  error: PropTypes.shape({\n    card: PropTypes.string,\n  }),\n  showCVV: PropTypes.bool,\n  showErrors: PropTypes.bool,\n  onChange: PropTypes.func,\n  onError: PropTypes.func,\n};\n\nexport { Card };\n"],"mappings":";;;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,GAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,MAAA,GAAAC,uBAAA,CAAAL,OAAA;AAEA,IAAAM,KAAA,GAAAN,OAAA;AACA,IAAAO,KAAA,GAAAF,uBAAA,CAAAL,OAAA;AACA,IAAAQ,QAAA,GAAAR,OAAA;AAAuF,IAAAS,SAAA;AAAA,SAAAC,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAN,wBAAAU,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,aAAAE,OAAA,CAAAF,GAAA,yBAAAA,GAAA,4BAAAG,OAAA,EAAAH,GAAA,UAAAI,KAAA,GAAAT,wBAAA,CAAAC,WAAA,OAAAQ,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAL,GAAA,YAAAI,KAAA,CAAAE,GAAA,CAAAN,GAAA,SAAAO,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAZ,GAAA,QAAAY,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAf,GAAA,EAAAY,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAX,GAAA,EAAAY,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAZ,GAAA,CAAAY,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAH,GAAA,MAAAI,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAjB,GAAA,EAAAO,MAAA,YAAAA,MAAA;AAAA,SAAAnB,uBAAAY,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAG,OAAA,EAAAH,GAAA;AAAA,SAAAkB,QAAAC,CAAA,EAAAC,CAAA,QAAAC,CAAA,GAAAZ,MAAA,CAAAa,IAAA,CAAAH,CAAA,OAAAV,MAAA,CAAAc,qBAAA,QAAAC,CAAA,GAAAf,MAAA,CAAAc,qBAAA,CAAAJ,CAAA,GAAAC,CAAA,KAAAI,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAAL,CAAA,WAAAX,MAAA,CAAAE,wBAAA,CAAAQ,CAAA,EAAAC,CAAA,EAAAM,UAAA,OAAAL,CAAA,CAAAM,IAAA,CAAAC,KAAA,CAAAP,CAAA,EAAAG,CAAA,YAAAH,CAAA;AAAA,SAAAQ,cAAAV,CAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAU,SAAA,CAAAC,MAAA,EAAAX,CAAA,UAAAC,CAAA,WAAAS,SAAA,CAAAV,CAAA,IAAAU,SAAA,CAAAV,CAAA,QAAAA,CAAA,OAAAF,OAAA,CAAAT,MAAA,CAAAY,CAAA,OAAAW,OAAA,WAAAZ,CAAA,IAAAa,eAAA,CAAAd,CAAA,EAAAC,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAX,MAAA,CAAAyB,yBAAA,GAAAzB,MAAA,CAAA0B,gBAAA,CAAAhB,CAAA,EAAAV,MAAA,CAAAyB,yBAAA,CAAAb,CAAA,KAAAH,OAAA,CAAAT,MAAA,CAAAY,CAAA,GAAAW,OAAA,WAAAZ,CAAA,IAAAX,MAAA,CAAAC,cAAA,CAAAS,CAAA,EAAAC,CAAA,EAAAX,MAAA,CAAAE,wBAAA,CAAAU,CAAA,EAAAD,CAAA,iBAAAD,CAAA;AAAA,SAAAc,gBAAAjC,GAAA,EAAAY,GAAA,EAAAwB,KAAA,IAAAxB,GAAA,GAAAyB,cAAA,CAAAzB,GAAA,OAAAA,GAAA,IAAAZ,GAAA,IAAAS,MAAA,CAAAC,cAAA,CAAAV,GAAA,EAAAY,GAAA,IAAAwB,KAAA,EAAAA,KAAA,EAAAV,UAAA,QAAAY,YAAA,QAAAC,QAAA,oBAAAvC,GAAA,CAAAY,GAAA,IAAAwB,KAAA,WAAApC,GAAA;AAAA,SAAAqC,eAAAG,GAAA,QAAA5B,GAAA,GAAA6B,YAAA,CAAAD,GAAA,oBAAAtC,OAAA,CAAAU,GAAA,iBAAAA,GAAA,GAAA8B,MAAA,CAAA9B,GAAA;AAAA,SAAA6B,aAAAE,KAAA,EAAAC,IAAA,QAAA1C,OAAA,CAAAyC,KAAA,kBAAAA,KAAA,kBAAAA,KAAA,MAAAE,IAAA,GAAAF,KAAA,CAAAG,MAAA,CAAAC,WAAA,OAAAF,IAAA,KAAAG,SAAA,QAAAC,GAAA,GAAAJ,IAAA,CAAA9B,IAAA,CAAA4B,KAAA,EAAAC,IAAA,oBAAA1C,OAAA,CAAA+C,GAAA,uBAAAA,GAAA,YAAAC,SAAA,4DAAAN,IAAA,gBAAAF,MAAA,GAAAS,MAAA,EAAAR,KAAA;AAAA,SAAAS,eAAAC,GAAA,EAAAC,CAAA,WAAAC,eAAA,CAAAF,GAAA,KAAAG,qBAAA,CAAAH,GAAA,EAAAC,CAAA,KAAAG,2BAAA,CAAAJ,GAAA,EAAAC,CAAA,KAAAI,gBAAA;AAAA,SAAAA,iBAAA,cAAAR,SAAA;AAAA,SAAAO,4BAAAjC,CAAA,EAAAmC,MAAA,SAAAnC,CAAA,qBAAAA,CAAA,sBAAAoC,iBAAA,CAAApC,CAAA,EAAAmC,MAAA,OAAAE,CAAA,GAAApD,MAAA,CAAAI,SAAA,CAAAiD,QAAA,CAAA/C,IAAA,CAAAS,CAAA,EAAAuC,KAAA,aAAAF,CAAA,iBAAArC,CAAA,CAAAwC,WAAA,EAAAH,CAAA,GAAArC,CAAA,CAAAwC,WAAA,CAAAC,IAAA,MAAAJ,CAAA,cAAAA,CAAA,mBAAAK,KAAA,CAAAC,IAAA,CAAA3C,CAAA,OAAAqC,CAAA,+DAAAO,IAAA,CAAAP,CAAA,UAAAD,iBAAA,CAAApC,CAAA,EAAAmC,MAAA;AAAA,SAAAC,kBAAAP,GAAA,EAAAgB,GAAA,QAAAA,GAAA,YAAAA,GAAA,GAAAhB,GAAA,CAAAtB,MAAA,EAAAsC,GAAA,GAAAhB,GAAA,CAAAtB,MAAA,WAAAuB,CAAA,MAAAgB,IAAA,OAAAJ,KAAA,CAAAG,GAAA,GAAAf,CAAA,GAAAe,GAAA,EAAAf,CAAA,IAAAgB,IAAA,CAAAhB,CAAA,IAAAD,GAAA,CAAAC,CAAA,UAAAgB,IAAA;AAAA,SAAAd,sBAAApC,CAAA,EAAAmD,CAAA,QAAAlD,CAAA,WAAAD,CAAA,gCAAA0B,MAAA,IAAA1B,CAAA,CAAA0B,MAAA,CAAA0B,QAAA,KAAApD,CAAA,4BAAAC,CAAA,QAAAF,CAAA,EAAA0C,CAAA,EAAAP,CAAA,EAAAmB,CAAA,EAAAC,CAAA,OAAAC,CAAA,OAAAnD,CAAA,iBAAA8B,CAAA,IAAAjC,CAAA,GAAAA,CAAA,CAAAN,IAAA,CAAAK,CAAA,GAAAwD,IAAA,QAAAL,CAAA,QAAA9D,MAAA,CAAAY,CAAA,MAAAA,CAAA,UAAAsD,CAAA,uBAAAA,CAAA,IAAAxD,CAAA,GAAAmC,CAAA,CAAAvC,IAAA,CAAAM,CAAA,GAAAwD,IAAA,MAAAH,CAAA,CAAA/C,IAAA,CAAAR,CAAA,CAAAiB,KAAA,GAAAsC,CAAA,CAAA3C,MAAA,KAAAwC,CAAA,GAAAI,CAAA,iBAAAvD,CAAA,IAAAI,CAAA,OAAAqC,CAAA,GAAAzC,CAAA,yBAAAuD,CAAA,YAAAtD,CAAA,CAAAyD,MAAA,KAAAL,CAAA,GAAApD,CAAA,CAAAyD,MAAA,IAAArE,MAAA,CAAAgE,CAAA,MAAAA,CAAA,2BAAAjD,CAAA,QAAAqC,CAAA,aAAAa,CAAA;AAAA,SAAAnB,gBAAAF,GAAA,QAAAa,KAAA,CAAAa,OAAA,CAAA1B,GAAA,UAAAA,GAAA;AAAA,SAAA2B,yBAAAC,MAAA,EAAAC,QAAA,QAAAD,MAAA,yBAAAE,MAAA,GAAAC,6BAAA,CAAAH,MAAA,EAAAC,QAAA,OAAAtE,GAAA,EAAA0C,CAAA,MAAA7C,MAAA,CAAAc,qBAAA,QAAA8D,gBAAA,GAAA5E,MAAA,CAAAc,qBAAA,CAAA0D,MAAA,QAAA3B,CAAA,MAAAA,CAAA,GAAA+B,gBAAA,CAAAtD,MAAA,EAAAuB,CAAA,MAAA1C,GAAA,GAAAyE,gBAAA,CAAA/B,CAAA,OAAA4B,QAAA,CAAAI,OAAA,CAAA1E,GAAA,uBAAAH,MAAA,CAAAI,SAAA,CAAA0E,oBAAA,CAAAxE,IAAA,CAAAkE,MAAA,EAAArE,GAAA,aAAAuE,MAAA,CAAAvE,GAAA,IAAAqE,MAAA,CAAArE,GAAA,cAAAuE,MAAA;AAAA,SAAAC,8BAAAH,MAAA,EAAAC,QAAA,QAAAD,MAAA,yBAAAE,MAAA,WAAAK,UAAA,GAAA/E,MAAA,CAAAa,IAAA,CAAA2D,MAAA,OAAArE,GAAA,EAAA0C,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAkC,UAAA,CAAAzD,MAAA,EAAAuB,CAAA,MAAA1C,GAAA,GAAA4E,UAAA,CAAAlC,CAAA,OAAA4B,QAAA,CAAAI,OAAA,CAAA1E,GAAA,kBAAAuE,MAAA,CAAAvE,GAAA,IAAAqE,MAAA,CAAArE,GAAA,YAAAuE,MAAA;AAEvF,IAAMM,WAAW,GAAG,OAAO;AAE3B,IAAMC,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG,SAAPA,IAAIA,CAAAE,IAAA,EAOJ;EAAA,IAAAC,UAAA,EAAAC,WAAA,EAAAC,UAAA,EAAAC,WAAA,EAAAC,YAAA,EAAAC,aAAA,EAAAC,SAAA,EAAAC,UAAA;EAAA,IAAAC,UAAA,GAAAT,IAAA,CANJU,KAAK;IAAAC,WAAA,GAAAF,UAAA,cAAwB,CAAC,CAAC,GAAAA,UAAA;IAAhBG,SAAS,GAAAD,WAAA,CAAfE,IAAI;IAAAC,YAAA,GAAAd,IAAA,CACbe,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,IAAI,GAAAA,YAAA;IAAAE,eAAA,GAAAhB,IAAA,CACdiB,UAAU;IAAVA,UAAU,GAAAD,eAAA,cAAG,KAAK,GAAAA,eAAA;IAAAE,aAAA,GAAAlB,IAAA,CAClBmB,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,YAAM,CAAC,CAAC,GAAAA,aAAA;IAAAE,YAAA,GAAApB,IAAA,CACnBqB,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,YAAM,CAAC,CAAC,GAAAA,YAAA;IACfE,MAAM,GAAAlC,wBAAA,CAAAY,IAAA,EAAAlG,SAAA;EAET,IAAAyH,UAAA,GAAsB,IAAAC,iBAAS,EAAC,CAAC;IAAzBC,SAAS,GAAAF,UAAA,CAATE,SAAS;EAEjB,IAAAC,SAAA,GAAwB,IAAAC,eAAQ,EAAC,CAAC,CAAC,CAAC;IAAAC,UAAA,GAAApE,cAAA,CAAAkE,SAAA;IAA7BG,IAAI,GAAAD,UAAA;IAAEE,OAAO,GAAAF,UAAA;EACpB,IAAAG,UAAA,GAAkC,IAAAJ,eAAQ,EAAC,CAAC,CAAC,CAAC;IAAAK,UAAA,GAAAxE,cAAA,CAAAuE,UAAA;IAAvCE,SAAS,GAAAD,UAAA;IAAEE,YAAY,GAAAF,UAAA;EAE9B,IAAAG,gBAAS,EAAC,YAAM;IACdhB,QAAQ,CAACU,IAAI,CAAC;IACd;EACF,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EAEV,IAAAM,gBAAS,EAAC,YAAM;IACdd,OAAO,CAAApF,aAAA,KAAMgG,SAAS,CAAE,CAAC;IACzB;EACF,CAAC,EAAE,CAACA,SAAS,CAAC,CAAC;EAEf,IAAMG,YAAY,GAAG,SAAfA,YAAYA,CAAIC,MAAM;IAAA,OAAKP,OAAO,CAAC,IAAAQ,qBAAY,EAACD,MAAM,CAAC,CAAC;EAAA;EAE9D,IAAQE,MAAM,GAAKjB,MAAM,CAAjBiB,MAAM;EACd,IAAAC,cAAA,GAAmC,IAAAC,sBAAa,EAACZ,IAAI,CAAChB,IAAI,CAAC;IAAnD6B,SAAS,GAAAF,cAAA,CAATE,SAAS;IAAEC,WAAW,GAAAH,cAAA,CAAXG,WAAW;EAE9B,oBACElJ,MAAA,CAAAc,OAAA,CAAAqI,aAAA,CAACtJ,GAAA,CAAAuJ,IAAI;IACHC,YAAY,EAAC,KAAK;IAClB7B,UAAU,EAAEA,UAAW;IACvB8B,GAAG,EAAC,UAAU;IACdC,eAAe;IACf7B,QAAQ,EAAEiB,YAAa;IACvBf,OAAO,EAAEa,YAAa;IACtBe,SAAS,EAAErJ,KAAK,CAACiI,IAAK;IACtBU,MAAM,EAAEA;EAAO,gBAEf9I,MAAA,CAAAc,OAAA,CAAAqI,aAAA,CAACtJ,GAAA,CAAA4J,SAAS;IACRxC,KAAK,EAAG,EAAAT,UAAA,GAAA4B,IAAI,CAAChB,IAAI,cAAAZ,UAAA,uBAATA,UAAA,CAAW9D,MAAM,IAAG,CAAC,IAAI,CAAC,CAAC8F,SAAS,CAACpB,IAAI,IAAKD,SAAU;IAChE5D,IAAI,EAAE4D,SAAU;IAChBuC,KAAK,EAAE1B,SAAS,CAAC2B,UAAI,CAACC,iBAAiB,CAAE;IACzCX,SAAS,EAAEA,SAAS,CAAC7B,IAAK;IAC1BxC,IAAI,EAAC,MAAM;IACXsE,WAAW,EAAEA,WAAW,CAAC9B,IAAK;IAC9ByC,QAAQ;IACRC,YAAY;IACZC,OAAO,EAAE,EAAAtD,WAAA,GAAA2B,IAAI,CAAChB,IAAI,cAAAX,WAAA,uBAATA,WAAA,CAAW/D,MAAM,IAAG,CAAC,IAAI,CAAC8F,SAAS,CAACpB,IAAK;IAClDrE,KAAK,EAAEqF,IAAI,CAAChB,IAAK;IACjBrC,IAAI,EAAEiF,iBAAS;IACfR,SAAS,EAAErJ,KAAK,CAACiH,IAAK;IACtB0B,MAAM,EAAEA,MAAM,MAAAmB,MAAA,CAAMnB,MAAM,aAAUnF;EAAU,CAC/C,CAAC,eACF3D,MAAA,CAAAc,OAAA,CAAAqI,aAAA,CAACtJ,GAAA,CAAA4J,SAAS;IACRxC,KAAK,EAAE,EAAAP,UAAA,GAAA0B,IAAI,CAACxD,IAAI,cAAA8B,UAAA,uBAATA,UAAA,CAAWhE,MAAM,MAAK,CAAC,IAAI,CAAC,CAAC8F,SAAS,CAAC5D,IAAI,IAAI,CAAC4D,SAAS,CAACpB,IAAK;IACtEsC,KAAK,EAAE1B,SAAS,CAAC2B,UAAI,CAACO,eAAe,CAAE;IACvCC,SAAS,EAAE,CAAE;IACblB,SAAS,EAAE,GAAI;IACfrE,IAAI,EAAC,MAAM;IACXiF,QAAQ;IACRC,YAAY;IACZC,OAAO,EAAE,EAAApD,WAAA,GAAAyB,IAAI,CAACxD,IAAI,cAAA+B,WAAA,uBAATA,WAAA,CAAWjE,MAAM,IAAG,CAAC,IAAI,CAAC8F,SAAS,CAAC5D,IAAK;IAClD7B,KAAK,EAAEqF,IAAI,CAACxD,IAAK;IACjB4E,SAAS,EAAErJ,KAAK,CAACyE,IAAK;IACtBkE,MAAM,EAAEA,MAAM,MAAAmB,MAAA,CAAMnB,MAAM,aAAUnF;EAAU,CAC/C,CAAC,eACF3D,MAAA,CAAAc,OAAA,CAAAqI,aAAA,CAACtJ,GAAA,CAAAuK,SAAS;IACRnD,KAAK,EAAE,EAAAL,YAAA,GAAAwB,IAAI,CAACiC,MAAM,cAAAzD,YAAA,uBAAXA,YAAA,CAAalE,MAAM,IAAG,CAAC,IAAI,CAAC,CAAC8F,SAAS,CAAC6B,MAAO;IACrDC,MAAM,EAAElE,WAAY;IACpBsD,KAAK,EAAE1B,SAAS,CAAC2B,UAAI,CAACY,gBAAgB,CAAE;IACxC3F,IAAI,EAAC,QAAQ;IACbqE,SAAS,EAAE,CAAE;IACbC,WAAW,KAAAe,MAAA,CAAKjC,SAAS,CAAC2B,UAAI,CAACa,kBAAkB,CAAC,OAAAP,MAAA,CAAIjC,SAAS,CAAC2B,UAAI,CAACc,iBAAiB,CAAC,CAAG;IAC1FZ,QAAQ;IACRC,YAAY;IACZC,OAAO,EAAE,EAAAlD,aAAA,GAAAuB,IAAI,CAACiC,MAAM,cAAAxD,aAAA,uBAAXA,aAAA,CAAanE,MAAM,IAAG,CAAC,IAAI,CAAC8F,SAAS,CAAC6B,MAAO;IACtDtF,IAAI,EAAE2F,mBAAW;IACjBC,IAAI,EAAC,WAAW;IAChB5H,KAAK,EAAEqF,IAAI,CAACiC,MAAO;IACnBb,SAAS,EAAErJ,KAAK,CAACkK,MAAO;IACxBvB,MAAM,EAAEA,MAAM,MAAAmB,MAAA,CAAMnB,MAAM,eAAYnF;EAAU,CACjD,CAAC,EACD2D,OAAO,iBACNtH,MAAA,CAAAc,OAAA,CAAAqI,aAAA,CAACtJ,GAAA,CAAA4J,SAAS;IACRxC,KAAK,EAAE,EAAAH,SAAA,GAAAsB,IAAI,CAACwC,GAAG,cAAA9D,SAAA,uBAARA,SAAA,CAAUpE,MAAM,IAAG,CAAC,IAAI,CAAC,CAAC8F,SAAS,CAACoC,GAAI;IAC/ClB,KAAK,EAAE1B,SAAS,CAAC2B,UAAI,CAACkB,SAAS,CAAE;IACjC5B,SAAS,EAAEA,SAAS,CAAC2B,GAAI;IACzBhG,IAAI,EAAC,KAAK;IACVsE,WAAW,EAAEA,WAAW,CAAC0B,GAAI;IAC7Bf,QAAQ;IACRC,YAAY;IACZC,OAAO,EAAE,EAAAhD,UAAA,GAAAqB,IAAI,CAACwC,GAAG,cAAA7D,UAAA,uBAARA,UAAA,CAAUrE,MAAM,IAAG,CAAC,IAAI,CAAC8F,SAAS,CAACoC,GAAI;IAChD7H,KAAK,EAAEqF,IAAI,CAACwC,GAAI;IAChB7F,IAAI,EAAE,SAAAA,KAAC6F,GAAG;MAAA,OAAK,IAAAE,gBAAO,EAACF,GAAG,EAAE3B,SAAS,CAAC2B,GAAG,CAAC;IAAA,CAAC;IAC3CpB,SAAS,EAAErJ,KAAK,CAAC4K,GAAI;IACrBjC,MAAM,EAAEA,MAAM,MAAAmB,MAAA,CAAMnB,MAAM,YAASnF;EAAU,CAC9C,CAEC,CAAC;AAEX,CAAC;AAED0C,IAAI,CAAC2E,WAAW,GAAG,qBAAqB;AAExC3E,IAAI,CAAC4E,SAAS,GAAG;EACfhE,KAAK,EAAEiE,kBAAS,CAACC,KAAK,CAAC;IACrB/D,IAAI,EAAE8D,kBAAS,CAACE;EAClB,CAAC,CAAC;EACF9D,OAAO,EAAE4D,kBAAS,CAACG,IAAI;EACvB7D,UAAU,EAAE0D,kBAAS,CAACG,IAAI;EAC1B3D,QAAQ,EAAEwD,kBAAS,CAACI,IAAI;EACxB1D,OAAO,EAAEsD,kBAAS,CAACI;AACrB,CAAC"}

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

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.L10N = void 0;
+var L10N = exports.L10N = {
+  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_MONTH_FORMAT: {
+    id: 'payments.label.month_format'
+  },
+  LABEL_YEAR_FORMAT: {
+    id: 'payments.label.year_format'
+  }
+};
+//# sourceMappingURL=Card.l10n.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Card.l10n.js","names":["L10N","exports","LABEL_CARD_NAME","id","LABEL_CARD_NUMBER","LABEL_CVV","LABEL_EXPIRATION","LABEL_MONTH_FORMAT","LABEL_YEAR_FORMAT"],"sources":["../../../../../../src/components/__shared__/Payment/components/Card/Card.l10n.js"],"sourcesContent":["export const L10N = {\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_MONTH_FORMAT: { id: 'payments.label.month_format' },\n  LABEL_YEAR_FORMAT: { id: 'payments.label.year_format' },\n};\n"],"mappings":";;;;;;AAAO,IAAMA,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG;EAClBE,eAAe,EAAE;IAAEC,EAAE,EAAE;EAA2B,CAAC;EACnDC,iBAAiB,EAAE;IAAED,EAAE,EAAE;EAA6B,CAAC;EACvDE,SAAS,EAAE;IAAEF,EAAE,EAAE;EAAqB,CAAC;EACvCG,gBAAgB,EAAE;IAAEH,EAAE,EAAE;EAA4B,CAAC;EACrDI,kBAAkB,EAAE;IAAEJ,EAAE,EAAE;EAA8B,CAAC;EACzDK,iBAAiB,EAAE;IAAEL,EAAE,EAAE;EAA6B;AACxD,CAAC"}

package/build/components/__shared__/Payment/components/Card/Card.module.css

@@ -0,0 +1,23 @@
+.cvv,
+.expire {
+  margin-right: calc(var(--mirai-ui-space-XS) * 2);
+  max-width: calc(calc(var(--mirai-ui-input-font-size) * 6.25) + calc(var(--mirai-ui-input-text-padding-x) * 2));
+}
+
+.card,
+.name {
+  min-width: 100%;
+}
+
+.form {
+  border: 0;
+  display: flex;
+  flex-flow: wrap;
+  margin: 0;
+  padding: 0;
+}
+
+.form > div {
+  margin-bottom: var(--mirai-ui-space-XS);
+  margin-top: var(--mirai-ui-space-XS);
+}