@mirai/core 0.3.138 → 0.3.140

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,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getStyle = void 0;
+var _ui = require("@mirai/ui");
+const getStyle = () => {
+  const {
+    inputDisabled,
+    inputFont,
+    inputFontSize,
+    fontWeight,
+    content
+  } = _ui.Theme.get();
+  return {
+    style: {
+      base: {
+        color: content,
+        fontFamily: inputFont,
+        fontSize: inputFontSize,
+        fontWeight: fontWeight,
+        letterSpacing: 0
+      },
+      placeholder: {
+        base: {
+          color: 'transparent'
+        },
+        focus: {
+          color: inputDisabled
+        }
+      }
+    }
+  };
+};
+exports.getStyle = getStyle;
+//# 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","inputDisabled","inputFont","inputFontSize","fontWeight","content","Theme","get","style","base","color","fontFamily","fontSize","letterSpacing","placeholder","focus","exports"],"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,MAAMC,QAAQ,GAAGA,CAAA,KAAM;EAC5B,MAAM;IAAEC,aAAa;IAAEC,SAAS;IAAEC,aAAa;IAAEC,UAAU;IAAEC;EAAQ,CAAC,GAAGC,SAAK,CAACC,GAAG,CAAC,CAAC;EAEpF,OAAO;IACLC,KAAK,EAAE;MACLC,IAAI,EAAE;QACJC,KAAK,EAAEL,OAAO;QACdM,UAAU,EAAET,SAAS;QACrBU,QAAQ,EAAET,aAAa;QACvBC,UAAU,EAAEA,UAAU;QACtBS,aAAa,EAAE;MACjB,CAAC;MACDC,WAAW,EAAE;QACXL,IAAI,EAAE;UACJC,KAAK,EAAE;QACT,CAAC;QACDK,KAAK,EAAE;UACLL,KAAK,EAAET;QACT;MACF;IACF;EACF,CAAC;AACH,CAAC;AAACe,OAAA,CAAAhB,QAAA,GAAAA,QAAA"}

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_FormCheckout","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../../../src/components/__shared__/ButtonPayment/components/FormCheckout/index.js"],"sourcesContent":["export * from './FormCheckout';\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"}

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

@@ -0,0 +1,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SCRIPT_ID = void 0;
+const SCRIPT_ID = exports.SCRIPT_ID = 'paycomet_script';
+//# sourceMappingURL=FormPaycomet.constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormPaycomet.constants.js","names":["SCRIPT_ID","exports"],"sources":["../../../../../../src/components/__shared__/ButtonPayment/components/FormPaycomet/FormPaycomet.constants.js"],"sourcesContent":["const SCRIPT_ID = 'paycomet_script';\n\nexport { SCRIPT_ID };\n"],"mappings":";;;;;;AAAA,MAAMA,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,iBAAiB"}

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

@@ -0,0 +1,210 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FormPaycomet = void 0;
+var _locale = require("@mirai/locale");
+var _ui = require("@mirai/ui");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireWildcard(require("react"));
+var _FormPaycomet = require("./FormPaycomet.constants");
+var _FormPaycomet2 = require("./FormPaycomet.l10n");
+var style = _interopRequireWildcard(require("./FormPaycomet.module.css"));
+var _helpers = require("./helpers");
+var _InputField = require("../InputField");
+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 }; }
+/* eslint-disable react/no-unknown-property */
+
+const FormPaycomet = _ref => {
+  let {
+    currencyDecimals = 2,
+    info: {
+      amount
+    } = {},
+    publicKey = process.env.PROVIDER_PAYCOMET_PUBLICKEY,
+    onSuccess = () => {},
+    ...others
+  } = _ref;
+  const {
+    locale,
+    translate
+  } = (0, _locale.useLocale)();
+  const formRef = (0, _react.useRef)();
+  const tokenRef = (0, _react.useRef)();
+  const errorRef = (0, _react.useRef)();
+  (0, _helpers.useMutationObserver)(tokenRef.current, () => {
+    const {
+      value: nextToken = ''
+    } = document.getElementById('paytpvToken') || {};
+    if (nextToken.length > 0) setToken(nextToken);
+  }, {
+    attributes: true
+  });
+  (0, _helpers.useMutationObserver)(errorRef.current, () => {
+    const {
+      textContent: nextError = ''
+    } = document.getElementById('paymentErrorMsg') || {};
+    if ((nextError === null || nextError === void 0 ? void 0 : nextError.length) > 0) {
+      setError(nextError);
+      setBusy(false);
+    }
+  });
+  const [busy, setBusy] = (0, _react.useState)(false);
+  const [token, setToken] = (0, _react.useState)();
+  const [error, setError] = (0, _react.useState)();
+  const [expire, setExpire] = (0, _react.useState)({});
+  (0, _react.useEffect)(() => {
+    const exists = document.getElementById(_FormPaycomet.SCRIPT_ID);
+    if (!exists) {
+      const script = document.createElement('script');
+      script.id = _FormPaycomet.SCRIPT_ID;
+      script.src = "".concat(process.env.PROVIDER_PAYCOMET_SCRIPT, "?lang=").concat(locale.split('-')[0]);
+      document.head.appendChild(script);
+    }
+    return () => {
+      const el = document.getElementById(_FormPaycomet.SCRIPT_ID);
+      if (el) el.parentNode.removeChild(el);
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  (0, _react.useEffect)(() => {
+    if (!token) return;
+    setBusy(false);
+    setError();
+    onSuccess({
+      token
+    });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [token]);
+  const handleExpireChange = event => {
+    const {
+      name,
+      value = ''
+    } = event.target || {};
+    setExpire({
+      ...expire,
+      [name]: value.replace(/[^\d]/g, '')
+    });
+  };
+  const handleCardTokenized = event => {
+    event.preventDefault();
+    setBusy(true);
+  };
+  const handlePress = event => {
+    event.stopPropagation();
+    formRef.current.submit();
+  };
+  const getInlineStyle = () => {
+    const {
+      inputColor,
+      inputFontSize,
+      inputNumberValueWidth,
+      font
+    } = _ui.Theme.get();
+    return {
+      cvv: "border:0px;color:".concat(inputColor, ";font-family:").concat(font, ";font-size:").concat(inputFontSize, ";height:").concat(inputNumberValueWidth, ";padding:0!important;"),
+      card_number: "border:0px;background-image:none;color:".concat(inputColor, ";font-family:").concat(font, ";font-size:").concat(inputFontSize, ";height:").concat(inputNumberValueWidth, ";outline: 0;padding:0!important;")
+    };
+  };
+  const {
+    card_number,
+    cvv
+  } = getInlineStyle();
+  return /*#__PURE__*/_react.default.createElement(_ui.View, others, /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    action: true
+  }, translate(_FormPaycomet2.L10N.LABEL_SECURE_PAGE)), /*#__PURE__*/_react.default.createElement("form", {
+    ref: formRef,
+    id: "paycometPaymentForm",
+    onSubmit: handleCardTokenized,
+    action: "javascript:void(0)"
+  }, /*#__PURE__*/_react.default.createElement("input", {
+    type: "hidden",
+    name: "amount",
+    value: (amount * Math.pow(10, currencyDecimals)).toFixed()
+  }), /*#__PURE__*/_react.default.createElement("input", {
+    type: "hidden",
+    "data-paycomet": "jetID",
+    value: publicKey
+  }), /*#__PURE__*/_react.default.createElement("input", {
+    ref: tokenRef,
+    type: "hidden",
+    id: "paytpvToken",
+    name: "paytpvToken",
+    value: ""
+  }), /*#__PURE__*/_react.default.createElement(_InputField.InputField, {
+    label: translate(_FormPaycomet2.L10N.LABEL_CARD_NAME)
+  }, /*#__PURE__*/_react.default.createElement("input", {
+    "data-paycomet": "cardHolderName",
+    className: style.inputName
+  })), /*#__PURE__*/_react.default.createElement(_InputField.InputField, {
+    label: translate(_FormPaycomet2.L10N.LABEL_CARD_NUMBER)
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    id: "paycomet-pan",
+    className: style.inputName
+  }), /*#__PURE__*/_react.default.createElement("input", {
+    "paycomet-style": card_number,
+    "paycomet-name": "pan",
+    "paycomet-placeholder": translate(_FormPaycomet2.L10N.LABEL_CARD_NUMBER_PLACEHOLDER)
+  })), /*#__PURE__*/_react.default.createElement(_ui.View, {
+    row: true
+  }, /*#__PURE__*/_react.default.createElement(_InputField.InputField, {
+    label: translate(_FormPaycomet2.L10N.LABEL_EXPIRATION)
+  }, /*#__PURE__*/_react.default.createElement(_ui.View, {
+    row: true,
+    className: style.inputName
+  }, /*#__PURE__*/_react.default.createElement("input", {
+    onChange: handleExpireChange,
+    value: expire.month,
+    name: "month",
+    "data-paycomet": "dateMonth",
+    maxLength: 2,
+    className: style.inputExpire
+  }), "/", /*#__PURE__*/_react.default.createElement("input", {
+    onChange: handleExpireChange,
+    value: expire.year,
+    name: "year",
+    "data-paycomet": "dateYear",
+    maxLength: 2,
+    className: style.inputExpire
+  }))), /*#__PURE__*/_react.default.createElement(_InputField.InputField, {
+    label: translate(_FormPaycomet2.L10N.LABEL_CVV),
+    className: style.inputCVV
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    id: "paycomet-cvc2",
+    "data-paycomet": "cvc2",
+    className: style.inputName
+  }), /*#__PURE__*/_react.default.createElement("input", {
+    "paycomet-name": "cvc2",
+    "paycomet-style": cvv
+  }))), /*#__PURE__*/_react.default.createElement(_ui.Button, {
+    busy: busy,
+    large: true,
+    wide: true,
+    onPress: handlePress,
+    preventDefault: false
+  }, translate(_FormPaycomet2.L10N.ACTION_PAY))), error && /*#__PURE__*/_react.default.createElement(_ui.Notification, {
+    className: style.error,
+    error: true,
+    wide: true
+  }, error), /*#__PURE__*/_react.default.createElement("div", {
+    ref: errorRef,
+    id: "paymentErrorMsg",
+    style: {
+      display: 'none'
+    }
+  }));
+};
+exports.FormPaycomet = FormPaycomet;
+FormPaycomet.displayName = 'Mirai:Payments:ButtonPayment:FormPaycomet';
+FormPaycomet.propTypes = {
+  currencyDecimals: _propTypes.default.number,
+  info: _propTypes.default.shape({
+    amount: _propTypes.default.number
+  }),
+  publicKey: _propTypes.default.string.isRequired,
+  onSuccess: _propTypes.default.func
+};
+//# sourceMappingURL=FormPaycomet.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormPaycomet.js","names":["_locale","require","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_FormPaycomet","_FormPaycomet2","style","_helpers","_InputField","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","FormPaycomet","_ref","currencyDecimals","info","amount","publicKey","process","env","PROVIDER_PAYCOMET_PUBLICKEY","onSuccess","others","locale","translate","useLocale","formRef","useRef","tokenRef","errorRef","useMutationObserver","current","value","nextToken","document","getElementById","length","setToken","attributes","textContent","nextError","setError","setBusy","busy","useState","token","error","expire","setExpire","useEffect","exists","SCRIPT_ID","script","createElement","id","src","concat","PROVIDER_PAYCOMET_SCRIPT","split","head","appendChild","el","parentNode","removeChild","handleExpireChange","event","name","target","replace","handleCardTokenized","preventDefault","handlePress","stopPropagation","submit","getInlineStyle","inputColor","inputFontSize","inputNumberValueWidth","font","Theme","cvv","card_number","View","Text","action","L10N","LABEL_SECURE_PAGE","ref","onSubmit","type","Math","pow","toFixed","InputField","label","LABEL_CARD_NAME","className","inputName","LABEL_CARD_NUMBER","LABEL_CARD_NUMBER_PLACEHOLDER","row","LABEL_EXPIRATION","onChange","month","maxLength","inputExpire","year","LABEL_CVV","inputCVV","Button","large","wide","onPress","ACTION_PAY","Notification","display","exports","displayName","propTypes","PropTypes","number","shape","string","isRequired","func"],"sources":["../../../../../../src/components/__shared__/ButtonPayment/components/FormPaycomet/FormPaycomet.jsx"],"sourcesContent":["/* eslint-disable react/no-unknown-property */\nimport { useLocale } from '@mirai/locale';\nimport { Button, Notification, Text, Theme, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useRef, useState } from 'react';\n\nimport { SCRIPT_ID } from './FormPaycomet.constants';\nimport { L10N } from './FormPaycomet.l10n';\nimport * as style from './FormPaycomet.module.css';\nimport { useMutationObserver } from './helpers';\nimport { InputField } from '../InputField';\n\nexport const FormPaycomet = ({\n  currencyDecimals = 2,\n  info: { amount } = {},\n  publicKey = process.env.PROVIDER_PAYCOMET_PUBLICKEY,\n  onSuccess = () => {},\n  ...others\n}) => {\n  const { locale, translate } = useLocale();\n\n  const formRef = useRef();\n  const tokenRef = useRef();\n  const errorRef = useRef();\n\n  useMutationObserver(\n    tokenRef.current,\n    () => {\n      const { value: nextToken = '' } = document.getElementById('paytpvToken') || {};\n      if (nextToken.length > 0) setToken(nextToken);\n    },\n    { attributes: true },\n  );\n\n  useMutationObserver(errorRef.current, () => {\n    const { textContent: nextError = '' } = document.getElementById('paymentErrorMsg') || {};\n    if (nextError?.length > 0) {\n      setError(nextError);\n      setBusy(false);\n    }\n  });\n\n  const [busy, setBusy] = useState(false);\n  const [token, setToken] = useState();\n  const [error, setError] = useState();\n  const [expire, setExpire] = useState({});\n\n  useEffect(() => {\n    const exists = document.getElementById(SCRIPT_ID);\n    if (!exists) {\n      const script = document.createElement('script');\n      script.id = SCRIPT_ID;\n      script.src = `${process.env.PROVIDER_PAYCOMET_SCRIPT}?lang=${locale.split('-')[0]}`;\n\n      document.head.appendChild(script);\n    }\n    return () => {\n      const el = document.getElementById(SCRIPT_ID);\n      if (el) el.parentNode.removeChild(el);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffect(() => {\n    if (!token) return;\n\n    setBusy(false);\n    setError();\n    onSuccess({ token });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [token]);\n\n  const handleExpireChange = (event) => {\n    const { name, value = '' } = event.target || {};\n    setExpire({ ...expire, [name]: value.replace(/[^\\d]/g, '') });\n  };\n\n  const handleCardTokenized = (event) => {\n    event.preventDefault();\n    setBusy(true);\n  };\n\n  const handlePress = (event) => {\n    event.stopPropagation();\n    formRef.current.submit();\n  };\n\n  const getInlineStyle = () => {\n    const { inputColor, inputFontSize, inputNumberValueWidth, font } = Theme.get();\n    return {\n      cvv: `border:0px;color:${inputColor};font-family:${font};font-size:${inputFontSize};height:${inputNumberValueWidth};padding:0!important;`,\n      card_number: `border:0px;background-image:none;color:${inputColor};font-family:${font};font-size:${inputFontSize};height:${inputNumberValueWidth};outline: 0;padding:0!important;`,\n    };\n  };\n  const { card_number, cvv } = getInlineStyle();\n\n  return (\n    <View {...others}>\n      <Text action>{translate(L10N.LABEL_SECURE_PAGE)}</Text>\n      <form ref={formRef} id=\"paycometPaymentForm\" onSubmit={handleCardTokenized} action=\"javascript:void(0)\">\n        <input type=\"hidden\" name=\"amount\" value={(amount * Math.pow(10, currencyDecimals)).toFixed()} />\n        <input type=\"hidden\" data-paycomet=\"jetID\" value={publicKey} />\n        <input ref={tokenRef} type=\"hidden\" id=\"paytpvToken\" name=\"paytpvToken\" value=\"\" />\n        <InputField label={translate(L10N.LABEL_CARD_NAME)}>\n          <input data-paycomet=\"cardHolderName\" className={style.inputName} />\n        </InputField>\n        <InputField label={translate(L10N.LABEL_CARD_NUMBER)}>\n          <div id=\"paycomet-pan\" className={style.inputName}></div>\n          <input\n            paycomet-style={card_number}\n            paycomet-name=\"pan\"\n            paycomet-placeholder={translate(L10N.LABEL_CARD_NUMBER_PLACEHOLDER)}\n          />\n        </InputField>\n        <View row>\n          <InputField label={translate(L10N.LABEL_EXPIRATION)}>\n            <View row className={style.inputName}>\n              <input\n                onChange={handleExpireChange}\n                value={expire.month}\n                name=\"month\"\n                data-paycomet=\"dateMonth\"\n                maxLength={2}\n                className={style.inputExpire}\n              />\n              /\n              <input\n                onChange={handleExpireChange}\n                value={expire.year}\n                name=\"year\"\n                data-paycomet=\"dateYear\"\n                maxLength={2}\n                className={style.inputExpire}\n              />\n            </View>\n          </InputField>\n\n          <InputField label={translate(L10N.LABEL_CVV)} className={style.inputCVV}>\n            <div id=\"paycomet-cvc2\" data-paycomet=\"cvc2\" className={style.inputName}></div>\n            <input paycomet-name=\"cvc2\" paycomet-style={cvv} />\n          </InputField>\n        </View>\n        <Button busy={busy} large wide onPress={handlePress} preventDefault={false}>\n          {translate(L10N.ACTION_PAY)}\n        </Button>\n      </form>\n      {error && (\n        <Notification className={style.error} error wide>\n          {error}\n        </Notification>\n      )}\n      <div ref={errorRef} id=\"paymentErrorMsg\" style={{ display: 'none' }}></div>\n    </View>\n  );\n};\n\nFormPaycomet.displayName = 'Mirai:Payments:ButtonPayment:FormPaycomet';\n\nFormPaycomet.propTypes = {\n  currencyDecimals: PropTypes.number,\n  info: PropTypes.shape({\n    amount: PropTypes.number,\n  }),\n  publicKey: PropTypes.string.isRequired,\n  onSuccess: PropTypes.func,\n};\n"],"mappings":"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"}