@mirai/core 0.3.135-patch → 0.3.136

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

@@ -1,308 +0,0 @@
-// 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

@@ -1,37 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

@@ -1,17 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

@@ -1,17 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

@@ -1,8 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

@@ -1,210 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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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"}