@mirai/core 0.3.138 → 0.3.140

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

@@ -0,0 +1,129 @@
+"use strict";
+
+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");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const DATE_FORMAT = 'MM/YY';
+const Card = _ref => {
+  var _form$card, _form$card2, _form$name, _form$name2, _form$expire, _form$expire2, _form$CVV, _form$CVV2;
+  let {
+    error: {
+      card: cardError
+    } = {},
+    showCVV = true,
+    showErrors = false,
+    onChange = () => {},
+    onError = () => {},
+    ...others
+  } = _ref;
+  const {
+    translate
+  } = (0, _locale.useLocale)();
+  const [form, setForm] = (0, _react.useState)({});
+  const [formError, setFormError] = (0, _react.useState)({});
+  (0, _react.useEffect)(() => {
+    onChange(form);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [form]);
+  (0, _react.useEffect)(() => {
+    onError({
+      ...formError
+    });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [formError]);
+  const handleChange = values => setForm((0, _helpers.formatValues)(values));
+  const {
+    testId
+  } = others;
+  const {
+    maxLength,
+    placeholder
+  } = (0, _helpers.getCardConfig)(form.card);
+  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: CVV => (0, _helpers.testCVV)(CVV, maxLength.CVV),
+    className: style.cvv,
+    testId: testId ? "".concat(testId, "-CVV") : undefined
+  }));
+};
+exports.Card = Card;
+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","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","DATE_FORMAT","Card","_ref","_form$card","_form$card2","_form$name","_form$name2","_form$expire","_form$expire2","_form$CVV","_form$CVV2","error","card","cardError","showCVV","showErrors","onChange","onError","others","translate","useLocale","form","setForm","useState","formError","setFormError","useEffect","handleChange","values","formatValues","testId","maxLength","placeholder","getCardConfig","createElement","Form","autoComplete","tag","validateOnMount","className","InputText","length","hint","label","L10N","LABEL_CARD_NUMBER","name","required","showRequired","success","value","test","testCard","concat","undefined","LABEL_CARD_NAME","minLength","InputDate","expire","format","LABEL_EXPIRATION","LABEL_MONTH_FORMAT","LABEL_YEAR_FORMAT","testExpire","type","CVV","LABEL_CVV","testCVV","cvv","exports","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":"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"}

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;
+const 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,MAAMA,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);
+}