@mirai/core 0.3.138 → 0.3.139

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

@@ -0,0 +1,30 @@
+"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'
+  },
+  NOTIFICATION_ERROR_PCI: {
+    id: 'payments.notification.error_pci'
+  }
+};
+//# sourceMappingURL=PCI.l10n.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PCI.l10n.js","names":["L10N","exports","LABEL_CARD_NAME","id","LABEL_CARD_NUMBER","LABEL_CVV","LABEL_EXPIRATION","LABEL_MONTH_FORMAT","LABEL_YEAR_FORMAT","NOTIFICATION_ERROR_PCI"],"sources":["../../../../../../src/components/__shared__/Payment/components/PCI/PCI.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  NOTIFICATION_ERROR_PCI: { id: 'payments.notification.error_pci' },\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,CAAC;EACvDM,sBAAsB,EAAE;IAAEN,EAAE,EAAE;EAAkC;AAClE,CAAC"}

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

@@ -0,0 +1,9 @@
+.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));
+}
+
+.input {
+  box-sizing: border-box;
+}

package/build/components/__shared__/Payment/components/PCI/__tests__/__snapshots__/PCI.test.js.snap

@@ -0,0 +1,399 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`component:<PCI> inherit:className 1`] = `
+<DocumentFragment>
+  <div
+    class="view mirai"
+  >
+    <span
+      class="text action"
+    />
+    <div
+      class="view"
+    >
+      <div
+        class="view"
+      >
+        <span
+          class="text small"
+        >
+          payments.label.card_number
+          <span>
+             *
+          </span>
+        </span>
+        <div
+          id="card"
+        />
+      </div>
+    </div>
+    <div
+      class="view"
+    >
+      <div
+        class="view"
+      >
+        <span
+          class="text small"
+        >
+          payments.label.card_name
+          <span>
+             *
+          </span>
+        </span>
+        <input
+          class="input"
+          name="name"
+          required=""
+          type="text"
+          value=""
+        />
+      </div>
+    </div>
+    <div
+      class="view row"
+    >
+      <div
+        class="view"
+      >
+        <div
+          class="view"
+        >
+          <span
+            class="text small"
+          >
+            payments.label.expiration
+            <span>
+               *
+            </span>
+          </span>
+          <input
+            class="input"
+            maxlength="5"
+            name="expire"
+            placeholder="payments.label.month_format/payments.label.year_format"
+            required=""
+            type="text"
+            value=""
+          />
+        </div>
+      </div>
+      <div
+        class="view"
+      >
+        <div
+          class="view"
+        >
+          <span
+            class="text small"
+          >
+            payments.label.cvv
+            <span>
+               *
+            </span>
+          </span>
+          <div
+            id="cvv"
+          />
+        </div>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<PCI> prop:showCVV 1`] = `
+<DocumentFragment>
+  <div
+    class="view"
+    data-testid="showCVV"
+  >
+    <span
+      class="text action"
+    />
+    <div
+      class="view"
+      data-testid="showCVV-PCI-card"
+    >
+      <div
+        class="view"
+      >
+        <span
+          class="text small"
+        >
+          payments.label.card_number
+          <span>
+             *
+          </span>
+        </span>
+        <div
+          id="card"
+        />
+      </div>
+    </div>
+    <div
+      class="view"
+      data-testid="showCVV-PCI-name"
+    >
+      <div
+        class="view"
+      >
+        <span
+          class="text small"
+        >
+          payments.label.card_name
+          <span>
+             *
+          </span>
+        </span>
+        <input
+          class="input"
+          name="name"
+          required=""
+          type="text"
+          value=""
+        />
+      </div>
+    </div>
+    <div
+      class="view row"
+    >
+      <div
+        class="view"
+        data-testid="showCVV-PCI-expire"
+      >
+        <div
+          class="view"
+        >
+          <span
+            class="text small"
+          >
+            payments.label.expiration
+            <span>
+               *
+            </span>
+          </span>
+          <input
+            class="input"
+            maxlength="5"
+            name="expire"
+            placeholder="payments.label.month_format/payments.label.year_format"
+            required=""
+            type="text"
+            value=""
+          />
+        </div>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<PCI> renders 1`] = `
+<DocumentFragment>
+  <div
+    class="view"
+  >
+    <span
+      class="text action"
+    />
+    <div
+      class="view"
+    >
+      <div
+        class="view"
+      >
+        <span
+          class="text small"
+        >
+          payments.label.card_number
+          <span>
+             *
+          </span>
+        </span>
+        <div
+          id="card"
+        />
+      </div>
+    </div>
+    <div
+      class="view"
+    >
+      <div
+        class="view"
+      >
+        <span
+          class="text small"
+        >
+          payments.label.card_name
+          <span>
+             *
+          </span>
+        </span>
+        <input
+          class="input"
+          name="name"
+          required=""
+          type="text"
+          value=""
+        />
+      </div>
+    </div>
+    <div
+      class="view row"
+    >
+      <div
+        class="view"
+      >
+        <div
+          class="view"
+        >
+          <span
+            class="text small"
+          >
+            payments.label.expiration
+            <span>
+               *
+            </span>
+          </span>
+          <input
+            class="input"
+            maxlength="5"
+            name="expire"
+            placeholder="payments.label.month_format/payments.label.year_format"
+            required=""
+            type="text"
+            value=""
+          />
+        </div>
+      </div>
+      <div
+        class="view"
+      >
+        <div
+          class="view"
+        >
+          <span
+            class="text small"
+          >
+            payments.label.cvv
+            <span>
+               *
+            </span>
+          </span>
+          <div
+            id="cvv"
+          />
+        </div>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<PCI> testID 1`] = `
+<DocumentFragment>
+  <div
+    class="view"
+    data-testid="mirai"
+  >
+    <span
+      class="text action"
+    />
+    <div
+      class="view"
+      data-testid="mirai-PCI-card"
+    >
+      <div
+        class="view"
+      >
+        <span
+          class="text small"
+        >
+          payments.label.card_number
+          <span>
+             *
+          </span>
+        </span>
+        <div
+          id="card"
+        />
+      </div>
+    </div>
+    <div
+      class="view"
+      data-testid="mirai-PCI-name"
+    >
+      <div
+        class="view"
+      >
+        <span
+          class="text small"
+        >
+          payments.label.card_name
+          <span>
+             *
+          </span>
+        </span>
+        <input
+          class="input"
+          name="name"
+          required=""
+          type="text"
+          value=""
+        />
+      </div>
+    </div>
+    <div
+      class="view row"
+    >
+      <div
+        class="view"
+        data-testid="mirai-PCI-expire"
+      >
+        <div
+          class="view"
+        >
+          <span
+            class="text small"
+          >
+            payments.label.expiration
+            <span>
+               *
+            </span>
+          </span>
+          <input
+            class="input"
+            maxlength="5"
+            name="expire"
+            placeholder="payments.label.month_format/payments.label.year_format"
+            required=""
+            type="text"
+            value=""
+          />
+        </div>
+      </div>
+      <div
+        class="view"
+        data-testid="mirai-PCI-CVV"
+      >
+        <div
+          class="view"
+        >
+          <span
+            class="text small"
+          >
+            payments.label.cvv
+            <span>
+               *
+            </span>
+          </span>
+          <div
+            id="cvv"
+          />
+        </div>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;

package/build/components/__shared__/Payment/components/PCI/helpers/formatValues.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.formatValues = void 0;
+const PARSER = [/[^\d]/g, ''];
+const SLASH = '/';
+const formatValues = function () {
+  let values = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  let {
+    expire: currentExpire = ''
+  } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  let {
+    expire = '',
+    name = ''
+  } = values;
+  expire = "".concat(expire.substr(0, 2).replace(...PARSER)).concat(expire.substr(2, 1) ? SLASH : '').concat(expire.substr(3, 2).replace(...PARSER));
+  name = name.toUpperCase();
+  expire = expire.length === 2 ? expire.length > currentExpire.length ? "".concat(expire).concat(SLASH) : expire[0] : expire;
+  return {
+    expire,
+    name
+  };
+};
+exports.formatValues = formatValues;
+//# sourceMappingURL=formatValues.js.map

package/build/components/__shared__/Payment/components/PCI/helpers/formatValues.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatValues.js","names":["PARSER","SLASH","formatValues","values","arguments","length","undefined","expire","currentExpire","name","concat","substr","replace","toUpperCase","exports"],"sources":["../../../../../../../src/components/__shared__/Payment/components/PCI/helpers/formatValues.js"],"sourcesContent":["const PARSER = [/[^\\d]/g, ''];\nconst SLASH = '/';\n\nexport const formatValues = (values = {}, { expire: currentExpire = '' } = {}) => {\n  let { expire = '', name = '' } = values;\n\n  expire = `${expire.substr(0, 2).replace(...PARSER)}${expire.substr(2, 1) ? SLASH : ''}${expire\n    .substr(3, 2)\n    .replace(...PARSER)}`;\n  name = name.toUpperCase();\n\n  expire = expire.length === 2 ? (expire.length > currentExpire.length ? `${expire}${SLASH}` : expire[0]) : expire;\n\n  return { expire, name };\n};\n"],"mappings":";;;;;;AAAA,MAAMA,MAAM,GAAG,CAAC,QAAQ,EAAE,EAAE,CAAC;AAC7B,MAAMC,KAAK,GAAG,GAAG;AAEV,MAAMC,YAAY,GAAG,SAAAA,CAAA,EAAsD;EAAA,IAArDC,MAAM,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;EAAA,IAAE;IAAEG,MAAM,EAAEC,aAAa,GAAG;EAAG,CAAC,GAAAJ,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;EAC3E,IAAI;IAAEG,MAAM,GAAG,EAAE;IAAEE,IAAI,GAAG;EAAG,CAAC,GAAGN,MAAM;EAEvCI,MAAM,MAAAG,MAAA,CAAMH,MAAM,CAACI,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAACC,OAAO,CAAC,GAAGZ,MAAM,CAAC,EAAAU,MAAA,CAAGH,MAAM,CAACI,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,GAAGV,KAAK,GAAG,EAAE,EAAAS,MAAA,CAAGH,MAAM,CAC3FI,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CACZC,OAAO,CAAC,GAAGZ,MAAM,CAAC,CAAE;EACvBS,IAAI,GAAGA,IAAI,CAACI,WAAW,CAAC,CAAC;EAEzBN,MAAM,GAAGA,MAAM,CAACF,MAAM,KAAK,CAAC,GAAIE,MAAM,CAACF,MAAM,GAAGG,aAAa,CAACH,MAAM,MAAAK,MAAA,CAAMH,MAAM,EAAAG,MAAA,CAAGT,KAAK,IAAKM,MAAM,CAAC,CAAC,CAAC,GAAIA,MAAM;EAEhH,OAAO;IAAEA,MAAM;IAAEE;EAAK,CAAC;AACzB,CAAC;AAACK,OAAA,CAAAZ,YAAA,GAAAA,YAAA"}

package/build/components/__shared__/Payment/components/PCI/helpers/getStyle.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getStyle = void 0;
+var _ui = require("@mirai/ui");
+const getStyle = () => {
+  const {
+    content,
+    font,
+    fontWeight,
+    inputDisabled,
+    inputFontSize
+  } = _ui.Theme.get();
+  return {
+    styles: {
+      '*': {
+        color: content,
+        fontFamily: font,
+        fontSize: inputFontSize,
+        fontWeight: fontWeight,
+        letterSpacing: 0
+      },
+      '*::placeholder': 'color:' + inputDisabled,
+      cardNumber: 'padding: 0;',
+      cvv: 'padding: 0;'
+    }
+  };
+};
+exports.getStyle = getStyle;
+//# sourceMappingURL=getStyle.js.map

package/build/components/__shared__/Payment/components/PCI/helpers/getStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getStyle.js","names":["_ui","require","getStyle","content","font","fontWeight","inputDisabled","inputFontSize","Theme","get","styles","color","fontFamily","fontSize","letterSpacing","cardNumber","cvv","exports"],"sources":["../../../../../../../src/components/__shared__/Payment/components/PCI/helpers/getStyle.js"],"sourcesContent":["import { Theme } from '@mirai/ui';\n\nexport const getStyle = () => {\n  const { content, font, fontWeight, inputDisabled, inputFontSize } = Theme.get();\n\n  return {\n    styles: {\n      '*': {\n        color: content,\n        fontFamily: font,\n        fontSize: inputFontSize,\n        fontWeight: fontWeight,\n        letterSpacing: 0,\n      },\n      '*::placeholder': 'color:' + inputDisabled,\n      cardNumber: 'padding: 0;',\n      cvv: 'padding: 0;',\n    },\n  };\n};\n"],"mappings":";;;;;;AAAA,IAAAA,GAAA,GAAAC,OAAA;AAEO,MAAMC,QAAQ,GAAGA,CAAA,KAAM;EAC5B,MAAM;IAAEC,OAAO;IAAEC,IAAI;IAAEC,UAAU;IAAEC,aAAa;IAAEC;EAAc,CAAC,GAAGC,SAAK,CAACC,GAAG,CAAC,CAAC;EAE/E,OAAO;IACLC,MAAM,EAAE;MACN,GAAG,EAAE;QACHC,KAAK,EAAER,OAAO;QACdS,UAAU,EAAER,IAAI;QAChBS,QAAQ,EAAEN,aAAa;QACvBF,UAAU,EAAEA,UAAU;QACtBS,aAAa,EAAE;MACjB,CAAC;MACD,gBAAgB,EAAE,QAAQ,GAAGR,aAAa;MAC1CS,UAAU,EAAE,aAAa;MACzBC,GAAG,EAAE;IACP;EACF,CAAC;AACH,CAAC;AAACC,OAAA,CAAAf,QAAA,GAAAA,QAAA"}

package/build/components/__shared__/Payment/components/PCI/helpers/index.js

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

package/build/components/__shared__/Payment/components/PCI/helpers/index.js.map

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

package/build/components/__shared__/Payment/components/PCI/index.js

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

package/build/components/__shared__/Payment/components/PCI/index.js.map

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

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

@@ -0,0 +1,58 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Tpv = void 0;
+var _locale = require("@mirai/locale");
+var _ui = require("@mirai/ui");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireWildcard(require("react"));
+var _Tpv = require("./Tpv.l10n");
+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 }; }
+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); }
+const Tpv = _ref => {
+  let {
+    showErrors = false,
+    onChange = () => {},
+    onError = () => {},
+    ...others
+  } = _ref;
+  const {
+    translate
+  } = (0, _locale.useLocale)();
+  const [error, setError] = (0, _react.useState)({});
+  const [value, setValue] = (0, _react.useState)();
+  (0, _react.useEffect)(() => onError(error), [error, onError]);
+  const handleChange = (next, event) => {
+    setValue(next);
+    onChange({
+      name: next
+    }, event);
+  };
+  const handleError = function () {
+    let next = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    if (JSON.stringify(next) !== JSON.stringify(error)) setError(next);
+  };
+  return /*#__PURE__*/_react.default.createElement(_ui.InputText, _extends({}, others, {
+    error: (value === null || value === void 0 ? void 0 : value.length) === 0 || showErrors && Object.keys(error).length,
+    label: translate(_Tpv.L10N.LABEL_CARD_NAME),
+    maxLength: 48,
+    name: "name",
+    required: true,
+    success: (value === null || value === void 0 ? void 0 : value.length) > 0 && !Object.keys(error).length,
+    value: value,
+    onChange: handleChange,
+    onError: handleError
+  }));
+};
+exports.Tpv = Tpv;
+Tpv.displayName = 'Mirai:Payments:Tpv';
+Tpv.propTypes = {
+  showErrors: _propTypes.default.bool,
+  onChange: _propTypes.default.func,
+  onError: _propTypes.default.func
+};
+//# sourceMappingURL=Tpv.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tpv.js","names":["_locale","require","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_Tpv","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","_extends","assign","bind","target","arguments","length","source","key","apply","Tpv","_ref","showErrors","onChange","onError","others","translate","useLocale","error","setError","useState","value","setValue","useEffect","handleChange","next","event","name","handleError","undefined","JSON","stringify","createElement","InputText","keys","label","L10N","LABEL_CARD_NAME","maxLength","required","success","exports","displayName","propTypes","PropTypes","bool","func"],"sources":["../../../../../../src/components/__shared__/Payment/components/Tpv/Tpv.jsx"],"sourcesContent":["import { useLocale } from '@mirai/locale';\nimport { InputText } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\n\nimport { L10N } from './Tpv.l10n';\n\nconst Tpv = ({ showErrors = false, onChange = () => {}, onError = () => {}, ...others }) => {\n  const { translate } = useLocale();\n\n  const [error, setError] = useState({});\n  const [value, setValue] = useState();\n\n  useEffect(() => onError(error), [error, onError]);\n\n  const handleChange = (next, event) => {\n    setValue(next);\n    onChange({ name: next }, event);\n  };\n\n  const handleError = (next = {}) => {\n    if (JSON.stringify(next) !== JSON.stringify(error)) setError(next);\n  };\n\n  return (\n    <InputText\n      {...others}\n      error={value?.length === 0 || (showErrors && Object.keys(error).length)}\n      label={translate(L10N.LABEL_CARD_NAME)}\n      maxLength={48}\n      name=\"name\"\n      required\n      success={value?.length > 0 && !Object.keys(error).length}\n      value={value}\n      onChange={handleChange}\n      onError={handleError}\n    />\n  );\n};\n\nTpv.displayName = 'Mirai:Payments:Tpv';\n\nTpv.propTypes = {\n  showErrors: PropTypes.bool,\n  onChange: PropTypes.func,\n  onError: PropTypes.func,\n};\n\nexport { Tpv };\n"],"mappings":"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"}

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

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.L10N = void 0;
+const L10N = exports.L10N = {
+  LABEL_CARD_NAME: {
+    id: 'payments.label.card_name'
+  }
+};
+//# sourceMappingURL=Tpv.l10n.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tpv.l10n.js","names":["L10N","exports","LABEL_CARD_NAME","id"],"sources":["../../../../../../src/components/__shared__/Payment/components/Tpv/Tpv.l10n.js"],"sourcesContent":["export const L10N = {\n  LABEL_CARD_NAME: { id: 'payments.label.card_name' },\n};\n"],"mappings":";;;;;;AAAO,MAAMA,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG;EAClBE,eAAe,EAAE;IAAEC,EAAE,EAAE;EAA2B;AACpD,CAAC"}