@mirai/core 0.3.133 → 0.3.135-patch

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

@@ -0,0 +1,80 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FormAddon = void 0;
+var _locale = require("@mirai/locale");
+var _ui = require("@mirai/ui");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireWildcard(require("react"));
+var _FormAddon = require("./FormAddon.l10n");
+var style = _interopRequireWildcard(require("./FormAddon.module.css"));
+var _helpers = require("./helpers");
+var _helpers2 = 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 BUTTON = 'addonInitButton';
+const IFRAME = 'addonIframe';
+const FormAddon = _ref => {
+  let {
+    info: {
+      date
+    } = {},
+    method,
+    provider,
+    response,
+    ...others
+  } = _ref;
+  const {
+    translate
+  } = (0, _locale.useLocale)();
+  const el = (0, _react.useRef)();
+  const [currentResponse, setCurrentResponse] = (0, _react.useState)(response);
+  (0, _react.useEffect)(() => (0, _helpers2.loadScript)({
+    id: 'addonScript',
+    name: 'rxp-hpp.js',
+    onLoad: handleLoad
+  }), []);
+  (0, _react.useEffect)(() => {
+    var _window$RealexHpp, _el$current;
+    if (!response || JSON.stringify(response) === JSON.stringify(currentResponse)) return;
+    setCurrentResponse(response);
+    (_window$RealexHpp = window.RealexHpp) === null || _window$RealexHpp === void 0 ? void 0 : _window$RealexHpp.embedded.init(BUTTON, IFRAME, response.MERCHANT_RESPONSE_URL, {
+      ...response,
+      CARD_PAYMENT_BUTTON: translate((0, _helpers.getCtaKey)(date, method, provider))
+    });
+    (_el$current = el.current) === null || _el$current === void 0 ? void 0 : _el$current.click();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [response]);
+  const handleLoad = () => {
+    var _window$RealexHpp2;
+    return (_window$RealexHpp2 = window.RealexHpp) === null || _window$RealexHpp2 === void 0 ? void 0 : _window$RealexHpp2.setHppUrl(process.env.PROVIDER_ADDON_SCRIPT);
+  };
+  return /*#__PURE__*/_react.default.createElement(_ui.View, others, /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    action: true,
+    className: style.description
+  }, translate(_FormAddon.L10N.LABEL_SECURE_PAGE)), /*#__PURE__*/_react.default.createElement("input", {
+    hidden: true,
+    id: BUTTON,
+    ref: el,
+    type: "submit"
+  }), /*#__PURE__*/_react.default.createElement("iframe", {
+    id: IFRAME,
+    className: style.iframe
+  }));
+};
+exports.FormAddon = FormAddon;
+FormAddon.displayName = 'Mirai:Payments:ButtonPayment:FormAddon';
+FormAddon.propTypes = {
+  info: _propTypes.default.shape({
+    cardValidation: _propTypes.default.bool,
+    date: _propTypes.default.instanceOf(Date),
+    amount: _propTypes.default.number
+  }),
+  method: _propTypes.default.string,
+  provider: _propTypes.default.string,
+  response: _propTypes.default.object
+};
+//# sourceMappingURL=FormAddon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormAddon.js","names":["_locale","require","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_FormAddon","style","_helpers","_helpers2","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","BUTTON","IFRAME","FormAddon","_ref","info","date","method","provider","response","others","translate","useLocale","el","useRef","currentResponse","setCurrentResponse","useState","useEffect","loadScript","id","name","onLoad","handleLoad","_window$RealexHpp","_el$current","JSON","stringify","window","RealexHpp","embedded","init","MERCHANT_RESPONSE_URL","CARD_PAYMENT_BUTTON","getCtaKey","current","click","_window$RealexHpp2","setHppUrl","process","env","PROVIDER_ADDON_SCRIPT","createElement","View","Text","action","className","description","L10N","LABEL_SECURE_PAGE","hidden","ref","type","iframe","exports","displayName","propTypes","PropTypes","shape","cardValidation","bool","instanceOf","Date","amount","number","string","object"],"sources":["../../../../../../src/components/__shared__/ButtonPayment/components/FormAddon/FormAddon.jsx"],"sourcesContent":["import { useLocale } from '@mirai/locale';\nimport { Text, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useRef, useState } from 'react';\n\nimport { L10N } from './FormAddon.l10n';\nimport * as style from './FormAddon.module.css';\nimport { getCtaKey } from './helpers';\nimport { loadScript } from '../../helpers';\n\nconst BUTTON = 'addonInitButton';\nconst IFRAME = 'addonIframe';\n\nexport const FormAddon = ({ info: { date } = {}, method, provider, response, ...others }) => {\n  const { translate } = useLocale();\n\n  const el = useRef();\n\n  const [currentResponse, setCurrentResponse] = useState(response);\n\n  useEffect(() => loadScript({ id: 'addonScript', name: 'rxp-hpp.js', onLoad: handleLoad }), []);\n\n  useEffect(() => {\n    if (!response || JSON.stringify(response) === JSON.stringify(currentResponse)) return;\n\n    setCurrentResponse(response);\n    window.RealexHpp?.embedded.init(BUTTON, IFRAME, response.MERCHANT_RESPONSE_URL, {\n      ...response,\n      CARD_PAYMENT_BUTTON: translate(getCtaKey(date, method, provider)),\n    });\n    el.current?.click();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [response]);\n\n  const handleLoad = () => window.RealexHpp?.setHppUrl(process.env.PROVIDER_ADDON_SCRIPT);\n\n  return (\n    <View {...others}>\n      <Text action className={style.description}>\n        {translate(L10N.LABEL_SECURE_PAGE)}\n      </Text>\n\n      <input hidden id={BUTTON} ref={el} type=\"submit\" />\n      <iframe id={IFRAME} className={style.iframe} />\n    </View>\n  );\n};\n\nFormAddon.displayName = 'Mirai:Payments:ButtonPayment:FormAddon';\n\nFormAddon.propTypes = {\n  info: PropTypes.shape({\n    cardValidation: PropTypes.bool,\n    date: PropTypes.instanceOf(Date),\n    amount: PropTypes.number,\n  }),\n  method: PropTypes.string,\n  provider: PropTypes.string,\n  response: PropTypes.object,\n};\n"],"mappings":"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"}

package/build/components/__shared__/ButtonPayment/components/FormAddon/FormAddon.l10n.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.L10N = void 0;
+const L10N = exports.L10N = {
+  ACTION_BOOK: {
+    id: 'payments.action.book'
+  },
+  ACTION_FINAL_DETAILS: {
+    id: 'payments.action.final_details'
+  },
+  ACTION_PROCEED_TO_PAYMENT: {
+    id: 'payments.action.proceed_to_payment'
+  },
+  LABEL_SECURE_PAGE: {
+    id: 'payments.label.secure_page'
+  }
+};
+//# sourceMappingURL=FormAddon.l10n.js.map

package/build/components/__shared__/ButtonPayment/components/FormAddon/FormAddon.l10n.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormAddon.l10n.js","names":["L10N","exports","ACTION_BOOK","id","ACTION_FINAL_DETAILS","ACTION_PROCEED_TO_PAYMENT","LABEL_SECURE_PAGE"],"sources":["../../../../../../src/components/__shared__/ButtonPayment/components/FormAddon/FormAddon.l10n.js"],"sourcesContent":["export const L10N = {\n  ACTION_BOOK: { id: 'payments.action.book' },\n  ACTION_FINAL_DETAILS: { id: 'payments.action.final_details' },\n  ACTION_PROCEED_TO_PAYMENT: { id: 'payments.action.proceed_to_payment' },\n  LABEL_SECURE_PAGE: { id: 'payments.label.secure_page' },\n};\n"],"mappings":";;;;;;AAAO,MAAMA,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG;EAClBE,WAAW,EAAE;IAAEC,EAAE,EAAE;EAAuB,CAAC;EAC3CC,oBAAoB,EAAE;IAAED,EAAE,EAAE;EAAgC,CAAC;EAC7DE,yBAAyB,EAAE;IAAEF,EAAE,EAAE;EAAqC,CAAC;EACvEG,iBAAiB,EAAE;IAAEH,EAAE,EAAE;EAA6B;AACxD,CAAC"}

package/build/components/__shared__/ButtonPayment/components/FormAddon/FormAddon.module.css

@@ -0,0 +1,9 @@
+.description {
+  margin-bottom: var(--mirai-ui-space-M);
+}
+
+.iframe {
+  border: none;
+  height: calc(var(--mirai-ui-space-XXL) * 9);
+  width: 100%;
+}

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

@@ -0,0 +1,68 @@
+// 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>
+    <input
+      hidden=""
+      id="addonInitButton"
+      type="submit"
+    />
+    <iframe
+      id="addonIframe"
+    />
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<FormCheckout> renders 1`] = `
+<DocumentFragment>
+  <div
+    class="view"
+  >
+    <span
+      class="text action"
+    >
+      payments.label.secure_page
+    </span>
+    <input
+      hidden=""
+      id="addonInitButton"
+      type="submit"
+    />
+    <iframe
+      id="addonIframe"
+    />
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<FormCheckout> testID 1`] = `
+<DocumentFragment>
+  <div
+    class="view"
+    data-testid="mirai"
+  >
+    <span
+      class="text action"
+    >
+      payments.label.secure_page
+    </span>
+    <input
+      hidden=""
+      id="addonInitButton"
+      type="submit"
+    />
+    <iframe
+      id="addonIframe"
+    />
+  </div>
+</DocumentFragment>
+`;

package/build/components/__shared__/ButtonPayment/components/FormAddon/helpers/getCtaKey.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getCtaKey = void 0;
+var _locale = require("@mirai/locale");
+var _Payment = require("../../../../Payment/Payment.constants");
+var _FormAddon = require("../FormAddon.l10n");
+const {
+  CARD,
+  TPV
+} = _Payment.METHOD;
+const {
+  ACTION_BOOK,
+  ACTION_FINAL_DETAILS,
+  ACTION_PROCEED_TO_PAYMENT
+} = _FormAddon.L10N;
+const getCtaKey = (date, method, provider) => method === TPV ? date && (0, _locale.dateDiff)((0, _locale.UTC)(new Date()), date).days > 0 ? ACTION_BOOK : ACTION_PROCEED_TO_PAYMENT : method === CARD && provider === _Payment.PROVIDER.ADDON ? ACTION_FINAL_DETAILS : ACTION_BOOK;
+exports.getCtaKey = getCtaKey;
+//# sourceMappingURL=getCtaKey.js.map

package/build/components/__shared__/ButtonPayment/components/FormAddon/helpers/getCtaKey.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getCtaKey.js","names":["_locale","require","_Payment","_FormAddon","CARD","TPV","METHOD","ACTION_BOOK","ACTION_FINAL_DETAILS","ACTION_PROCEED_TO_PAYMENT","L10N","getCtaKey","date","method","provider","dateDiff","UTC","Date","days","PROVIDER","ADDON","exports"],"sources":["../../../../../../../src/components/__shared__/ButtonPayment/components/FormAddon/helpers/getCtaKey.js"],"sourcesContent":["import { dateDiff, UTC } from '@mirai/locale';\n\nimport { METHOD, PROVIDER } from '../../../../Payment/Payment.constants';\nimport { L10N } from '../FormAddon.l10n';\n\nconst { CARD, TPV } = METHOD;\nconst { ACTION_BOOK, ACTION_FINAL_DETAILS, ACTION_PROCEED_TO_PAYMENT } = L10N;\n\nconst getCtaKey = (date, method, provider) =>\n  method === TPV\n    ? date && dateDiff(UTC(new Date()), date).days > 0\n      ? ACTION_BOOK\n      : ACTION_PROCEED_TO_PAYMENT\n    : method === CARD && provider === PROVIDER.ADDON\n    ? ACTION_FINAL_DETAILS\n    : ACTION_BOOK;\n\nexport { getCtaKey };\n"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAEA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AAEA,MAAM;EAAEG,IAAI;EAAEC;AAAI,CAAC,GAAGC,eAAM;AAC5B,MAAM;EAAEC,WAAW;EAAEC,oBAAoB;EAAEC;AAA0B,CAAC,GAAGC,eAAI;AAE7E,MAAMC,SAAS,GAAGA,CAACC,IAAI,EAAEC,MAAM,EAAEC,QAAQ,KACvCD,MAAM,KAAKR,GAAG,GACVO,IAAI,IAAI,IAAAG,gBAAQ,EAAC,IAAAC,WAAG,EAAC,IAAIC,IAAI,CAAC,CAAC,CAAC,EAAEL,IAAI,CAAC,CAACM,IAAI,GAAG,CAAC,GAC9CX,WAAW,GACXE,yBAAyB,GAC3BI,MAAM,KAAKT,IAAI,IAAIU,QAAQ,KAAKK,iBAAQ,CAACC,KAAK,GAC9CZ,oBAAoB,GACpBD,WAAW;AAACc,OAAA,CAAAV,SAAA,GAAAA,SAAA"}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FRAME = exports.FIELDS_COUNT = void 0;
+const FIELDS_COUNT = exports.FIELDS_COUNT = 4;
+const FRAME = exports.FRAME = {
+  localization: {
+    cardNumberPlaceholder: '0000 0000 0000 0000',
+    expiryMonthPlaceholder: 'MM',
+    expiryYearPlaceholder: 'YY',
+    cvvPlaceholder: '000'
+  },
+  style: {
+    base: {
+      color: '#484848',
+      //  --mirai-ui-content
+      fontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'",
+      // --mirai-ui-input-font
+      fontSize: '16px',
+      // --mirai-ui-input-font-size
+      fontWeight: 400,
+      // --mirai-ui-font-
+      letterSpacing: 0
+    },
+    placeholder: {
+      base: {
+        color: 'transparent'
+      },
+      focus: {
+        color: '#999999' // --mirai-ui-input-disabled
+      }
+    }
+  }
+};
+//# sourceMappingURL=FormCheckout.constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormCheckout.constants.js","names":["FIELDS_COUNT","exports","FRAME","localization","cardNumberPlaceholder","expiryMonthPlaceholder","expiryYearPlaceholder","cvvPlaceholder","style","base","color","fontFamily","fontSize","fontWeight","letterSpacing","placeholder","focus"],"sources":["../../../../../../src/components/__shared__/ButtonPayment/components/FormCheckout/FormCheckout.constants.js"],"sourcesContent":["const FIELDS_COUNT = 4;\n\nconst FRAME = {\n  localization: {\n    cardNumberPlaceholder: '0000 0000 0000 0000',\n    expiryMonthPlaceholder: 'MM',\n    expiryYearPlaceholder: 'YY',\n    cvvPlaceholder: '000',\n  },\n  style: {\n    base: {\n      color: '#484848', //  --mirai-ui-content\n      fontFamily:\n        \"-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'\", // --mirai-ui-input-font\n      fontSize: '16px', // --mirai-ui-input-font-size\n      fontWeight: 400, // --mirai-ui-font-\n      letterSpacing: 0,\n    },\n    placeholder: {\n      base: {\n        color: 'transparent',\n      },\n      focus: {\n        color: '#999999', // --mirai-ui-input-disabled\n      },\n    },\n  },\n};\n\nexport { FIELDS_COUNT, FRAME };\n"],"mappings":";;;;;;AAAA,MAAMA,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG,CAAC;AAEtB,MAAME,KAAK,GAAAD,OAAA,CAAAC,KAAA,GAAG;EACZC,YAAY,EAAE;IACZC,qBAAqB,EAAE,qBAAqB;IAC5CC,sBAAsB,EAAE,IAAI;IAC5BC,qBAAqB,EAAE,IAAI;IAC3BC,cAAc,EAAE;EAClB,CAAC;EACDC,KAAK,EAAE;IACLC,IAAI,EAAE;MACJC,KAAK,EAAE,SAAS;MAAE;MAClBC,UAAU,EACR,+IAA+I;MAAE;MACnJC,QAAQ,EAAE,MAAM;MAAE;MAClBC,UAAU,EAAE,GAAG;MAAE;MACjBC,aAAa,EAAE;IACjB,CAAC;IACDC,WAAW,EAAE;MACXN,IAAI,EAAE;QACJC,KAAK,EAAE;MACT,CAAC;MACDM,KAAK,EAAE;QACLN,KAAK,EAAE,SAAS,CAAE;MACpB;IACF;EACF;AACF,CAAC"}

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

@@ -0,0 +1,181 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FormCheckout = void 0;
+var _locale = require("@mirai/locale");
+var _ui = require("@mirai/ui");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireWildcard(require("react"));
+var _FormCheckout = require("./FormCheckout.constants");
+var _FormCheckout2 = require("./FormCheckout.l10n");
+var style = _interopRequireWildcard(require("./FormCheckout.module.css"));
+var _helpers = require("./helpers");
+var _helpers2 = 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 }; }
+const FormCheckout = _ref => {
+  let {
+    publicKey = process.env.PROVIDER_CHECKOUT_PUBLICKEY,
+    onError = () => {},
+    onSuccess = () => {},
+    ...others
+  } = _ref;
+  const {
+    translate
+  } = (0, _locale.useLocale)();
+  const [busy, setBusy] = (0, _react.useState)(false);
+  const [form, setForm] = (0, _react.useState)({});
+  const [formError, setFormError] = (0, _react.useState)({});
+  const [ready, setReady] = (0, _react.useState)(false);
+  const [responseError, setResponseError] = (0, _react.useState)();
+
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  (0, _react.useEffect)(() => (0, _helpers2.loadScript)({
+    id: 'checkoutScript',
+    name: 'framesv2.min.js',
+    onLoad: handleLoad
+  }), []);
+  (0, _react.useEffect)(() => {
+    if (!ready) return;
+    const {
+      Frames
+    } = window || {};
+    const handleValidationChanged = _ref2 => {
+      let {
+        element,
+        isValid
+      } = _ref2;
+      return handleError(element, !isValid);
+    };
+    Frames.addEventHandler(Frames.Events.CARD_TOKENIZED, handleCardTokenized);
+    Frames.addEventHandler(Frames.Events.CARD_TOKENIZATION_FAILED, handleCardTokenizedFailed);
+    Frames.addEventHandler(Frames.Events.FRAME_VALIDATION_CHANGED, handleValidationChanged);
+    return () => {
+      Frames.removeEventHandler(Frames.Events.CARD_TOKENIZED, handleCardTokenized);
+      Frames.removeEventHandler(Frames.Events.CARD_TOKENIZATION_FAILED, handleCardTokenizedFailed);
+      Frames.removeEventHandler(Frames.Events.FRAME_VALIDATION_CHANGED, handleValidationChanged);
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [form, formError, ready]);
+  const handleCardTokenized = function () {
+    var _window$Frames;
+    let {
+      token
+    } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    setBusy(false);
+    if (!token) return;
+    setForm({});
+    setFormError({});
+    (_window$Frames = window.Frames) === null || _window$Frames === void 0 ? void 0 : _window$Frames.init({
+      publicKey,
+      ..._FormCheckout.FRAME
+    });
+    onSuccess({
+      ...form,
+      token
+    });
+  };
+  const handleCardTokenizedFailed = function () {
+    var _window$Frames2;
+    let error = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    setBusy(false);
+    setResponseError(error);
+    (_window$Frames2 = window.Frames) === null || _window$Frames2 === void 0 ? void 0 : _window$Frames2.enableSubmitForm();
+    onError(error);
+  };
+  const handleChange = function (field) {
+    let value = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+    setForm({
+      ...form,
+      [field]: value
+    });
+    setFormError({
+      ...formError,
+      [field]: value.length === 0
+    });
+  };
+  const handleError = (field, value) => {
+    setFormError({
+      ...formError,
+      [field]: value
+    });
+  };
+  const handleLoad = () => {
+    var _window$Frames3;
+    (_window$Frames3 = window.Frames) === null || _window$Frames3 === void 0 ? void 0 : _window$Frames3.init({
+      publicKey,
+      ..._FormCheckout.FRAME,
+      ...(0, _helpers.getStyle)()
+    });
+    setReady(true);
+  };
+  const handlePress = () => {
+    const {
+      Frames
+    } = window || {};
+    setBusy(true);
+    setResponseError();
+    Frames.cardholder = {
+      name: form.name
+    };
+    Frames.submitCard();
+  };
+  const hasError = Object.values(formError).length < _FormCheckout.FIELDS_COUNT || Object.values(formError).some(value => value === true);
+  return /*#__PURE__*/_react.default.createElement(_ui.View, others, /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    action: true,
+    className: style.description
+  }, translate(_FormCheckout2.L10N.LABEL_SECURE_PAGE)), /*#__PURE__*/_react.default.createElement(_InputField.InputField, {
+    label: translate(_FormCheckout2.L10N.LABEL_CARD_NAME),
+    error: formError.name,
+    success: formError.name === false
+  }, /*#__PURE__*/_react.default.createElement(_ui.Input, {
+    name: "name",
+    value: form.name,
+    onChange: value => handleChange('name', value),
+    className: style.name
+  })), /*#__PURE__*/_react.default.createElement(_InputField.InputField, {
+    label: translate(_FormCheckout2.L10N.LABEL_CARD_NUMBER),
+    error: formError['card-number'],
+    success: formError['card-number'] === false
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _ui.styles)(style.frame, 'card-number-frame')
+  })), /*#__PURE__*/_react.default.createElement(_ui.View, {
+    row: true
+  }, /*#__PURE__*/_react.default.createElement(_InputField.InputField, {
+    label: translate(_FormCheckout2.L10N.LABEL_EXPIRATION),
+    error: formError['expiry-date'],
+    success: formError['expiry-date'] === false
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _ui.styles)(style.frame, 'expiry-date-frame')
+  })), /*#__PURE__*/_react.default.createElement(_InputField.InputField, {
+    label: translate(_FormCheckout2.L10N.LABEL_CVV),
+    error: formError['cvv'],
+    success: formError['cvv'] === false,
+    className: style.inputCVV
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _ui.styles)(style.frame, 'cvv-frame')
+  }))), responseError && /*#__PURE__*/_react.default.createElement(_ui.Notification, {
+    error: true,
+    small: true,
+    wide: true
+  }, translate(_FormCheckout2.L10N.NOTIFICATION_ERROR_CHECKOUT)), /*#__PURE__*/_react.default.createElement(_ui.Button, {
+    busy: busy,
+    disabled: hasError,
+    large: true,
+    wide: true,
+    onPress: handlePress,
+    className: style.button
+  }, translate(_FormCheckout2.L10N.ACTION_PAY)));
+};
+exports.FormCheckout = FormCheckout;
+FormCheckout.displayName = 'Mirai:Payments:ButtonPayment:FormCheckout';
+FormCheckout.propTypes = {
+  publicKey: _propTypes.default.string.isRequired,
+  onError: _propTypes.default.func,
+  onSuccess: _propTypes.default.func
+};
+//# sourceMappingURL=FormCheckout.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormCheckout.js","names":["_locale","require","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_FormCheckout","_FormCheckout2","style","_helpers","_helpers2","_InputField","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","FormCheckout","_ref","publicKey","process","env","PROVIDER_CHECKOUT_PUBLICKEY","onError","onSuccess","others","translate","useLocale","busy","setBusy","useState","form","setForm","formError","setFormError","ready","setReady","responseError","setResponseError","useEffect","loadScript","id","name","onLoad","handleLoad","Frames","window","handleValidationChanged","_ref2","element","isValid","handleError","addEventHandler","Events","CARD_TOKENIZED","handleCardTokenized","CARD_TOKENIZATION_FAILED","handleCardTokenizedFailed","FRAME_VALIDATION_CHANGED","removeEventHandler","_window$Frames","token","arguments","length","undefined","init","FRAME","_window$Frames2","error","enableSubmitForm","handleChange","field","value","_window$Frames3","getStyle","handlePress","cardholder","submitCard","hasError","values","FIELDS_COUNT","some","createElement","View","Text","action","className","description","L10N","LABEL_SECURE_PAGE","InputField","label","LABEL_CARD_NAME","success","Input","onChange","LABEL_CARD_NUMBER","styles","frame","row","LABEL_EXPIRATION","LABEL_CVV","inputCVV","Notification","small","wide","NOTIFICATION_ERROR_CHECKOUT","Button","disabled","large","onPress","button","ACTION_PAY","exports","displayName","propTypes","PropTypes","string","isRequired","func"],"sources":["../../../../../../src/components/__shared__/ButtonPayment/components/FormCheckout/FormCheckout.jsx"],"sourcesContent":["import { useLocale } from '@mirai/locale';\nimport { Button, Input, Notification, styles, Text, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\n\nimport { FIELDS_COUNT, FRAME } from './FormCheckout.constants';\nimport { L10N } from './FormCheckout.l10n';\nimport * as style from './FormCheckout.module.css';\nimport { getStyle } from './helpers';\nimport { loadScript } from '../../helpers';\nimport { InputField } from '../InputField';\n\nexport const FormCheckout = ({\n  publicKey = process.env.PROVIDER_CHECKOUT_PUBLICKEY,\n  onError = () => {},\n  onSuccess = () => {},\n  ...others\n}) => {\n  const { translate } = useLocale();\n\n  const [busy, setBusy] = useState(false);\n  const [form, setForm] = useState({});\n  const [formError, setFormError] = useState({});\n  const [ready, setReady] = useState(false);\n  const [responseError, setResponseError] = useState();\n\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  useEffect(() => loadScript({ id: 'checkoutScript', name: 'framesv2.min.js', onLoad: handleLoad }), []);\n\n  useEffect(() => {\n    if (!ready) return;\n\n    const { Frames } = window || {};\n    const handleValidationChanged = ({ element, isValid }) => handleError(element, !isValid);\n\n    Frames.addEventHandler(Frames.Events.CARD_TOKENIZED, handleCardTokenized);\n    Frames.addEventHandler(Frames.Events.CARD_TOKENIZATION_FAILED, handleCardTokenizedFailed);\n    Frames.addEventHandler(Frames.Events.FRAME_VALIDATION_CHANGED, handleValidationChanged);\n\n    return () => {\n      Frames.removeEventHandler(Frames.Events.CARD_TOKENIZED, handleCardTokenized);\n      Frames.removeEventHandler(Frames.Events.CARD_TOKENIZATION_FAILED, handleCardTokenizedFailed);\n      Frames.removeEventHandler(Frames.Events.FRAME_VALIDATION_CHANGED, handleValidationChanged);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [form, formError, ready]);\n\n  const handleCardTokenized = ({ token } = {}) => {\n    setBusy(false);\n    if (!token) return;\n\n    setForm({});\n    setFormError({});\n    window.Frames?.init({ publicKey, ...FRAME });\n    onSuccess({ ...form, token });\n  };\n\n  const handleCardTokenizedFailed = (error = {}) => {\n    setBusy(false);\n    setResponseError(error);\n    window.Frames?.enableSubmitForm();\n    onError(error);\n  };\n\n  const handleChange = (field, value = '') => {\n    setForm({ ...form, [field]: value });\n    setFormError({ ...formError, [field]: value.length === 0 });\n  };\n\n  const handleError = (field, value) => {\n    setFormError({ ...formError, [field]: value });\n  };\n\n  const handleLoad = () => {\n    window.Frames?.init({ publicKey, ...FRAME, ...getStyle() });\n    setReady(true);\n  };\n\n  const handlePress = () => {\n    const { Frames } = window || {};\n    setBusy(true);\n    setResponseError();\n    Frames.cardholder = {\n      name: form.name,\n    };\n    Frames.submitCard();\n  };\n\n  const hasError =\n    Object.values(formError).length < FIELDS_COUNT || Object.values(formError).some((value) => value === true);\n\n  return (\n    <View {...others}>\n      <Text action className={style.description}>\n        {translate(L10N.LABEL_SECURE_PAGE)}\n      </Text>\n\n      <InputField label={translate(L10N.LABEL_CARD_NAME)} error={formError.name} success={formError.name === false}>\n        <Input name=\"name\" value={form.name} onChange={(value) => handleChange('name', value)} className={style.name} />\n      </InputField>\n      <InputField\n        label={translate(L10N.LABEL_CARD_NUMBER)}\n        error={formError['card-number']}\n        success={formError['card-number'] === false}\n      >\n        <div className={styles(style.frame, 'card-number-frame')} />\n      </InputField>\n      <View row>\n        <InputField\n          label={translate(L10N.LABEL_EXPIRATION)}\n          error={formError['expiry-date']}\n          success={formError['expiry-date'] === false}\n        >\n          <div className={styles(style.frame, 'expiry-date-frame')} />\n        </InputField>\n\n        <InputField\n          label={translate(L10N.LABEL_CVV)}\n          error={formError['cvv']}\n          success={formError['cvv'] === false}\n          className={style.inputCVV}\n        >\n          <div className={styles(style.frame, 'cvv-frame')} />\n        </InputField>\n      </View>\n\n      {responseError && (\n        <Notification error small wide>\n          {translate(L10N.NOTIFICATION_ERROR_CHECKOUT)}\n        </Notification>\n      )}\n\n      <Button busy={busy} disabled={hasError} large wide onPress={handlePress} className={style.button}>\n        {translate(L10N.ACTION_PAY)}\n      </Button>\n    </View>\n  );\n};\n\nFormCheckout.displayName = 'Mirai:Payments:ButtonPayment:FormCheckout';\n\nFormCheckout.propTypes = {\n  publicKey: PropTypes.string.isRequired,\n  onError: PropTypes.func,\n  onSuccess: PropTypes.func,\n};\n"],"mappings":"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"}

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

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.L10N = void 0;
+const L10N = exports.L10N = {
+  ACTION_PAY: {
+    id: 'payments.action.pay'
+  },
+  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_SECURE_PAGE: {
+    id: 'payments.label.secure_page'
+  },
+  NOTIFICATION_ERROR_CHECKOUT: {
+    id: 'payments.notification.error_checkout'
+  }
+};
+//# sourceMappingURL=FormCheckout.l10n.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormCheckout.l10n.js","names":["L10N","exports","ACTION_PAY","id","LABEL_CARD_NAME","LABEL_CARD_NUMBER","LABEL_CVV","LABEL_EXPIRATION","LABEL_SECURE_PAGE","NOTIFICATION_ERROR_CHECKOUT"],"sources":["../../../../../../src/components/__shared__/ButtonPayment/components/FormCheckout/FormCheckout.l10n.js"],"sourcesContent":["export const L10N = {\n  ACTION_PAY: { id: 'payments.action.pay' },\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_SECURE_PAGE: { id: 'payments.label.secure_page' },\n  NOTIFICATION_ERROR_CHECKOUT: { id: 'payments.notification.error_checkout' },\n};\n"],"mappings":";;;;;;AAAO,MAAMA,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG;EAClBE,UAAU,EAAE;IAAEC,EAAE,EAAE;EAAsB,CAAC;EACzCC,eAAe,EAAE;IAAED,EAAE,EAAE;EAA2B,CAAC;EACnDE,iBAAiB,EAAE;IAAEF,EAAE,EAAE;EAA6B,CAAC;EACvDG,SAAS,EAAE;IAAEH,EAAE,EAAE;EAAqB,CAAC;EACvCI,gBAAgB,EAAE;IAAEJ,EAAE,EAAE;EAA4B,CAAC;EACrDK,iBAAiB,EAAE;IAAEL,EAAE,EAAE;EAA6B,CAAC;EACvDM,2BAA2B,EAAE;IAAEN,EAAE,EAAE;EAAuC;AAC5E,CAAC"}

package/build/components/__shared__/ButtonPayment/components/FormCheckout/FormCheckout.module.css

@@ -0,0 +1,27 @@
+.button {
+  margin-top: var(--mirai-ui-space-M);
+}
+
+.description {
+  margin-bottom: var(--mirai-ui-space-M);
+}
+
+.frame,
+.name {
+  font-family: var(--mirai-ui-input-font) !important;
+  font-size: var(--mirai-ui-input-font-size) !important;
+}
+.frame {
+  color: var(--mirai-ui-input-color);
+  direction: var(--mirai-ui-text-direction);
+  padding-top: var(--mirai-ui-space-S) !important;
+  outline: 0;
+}
+
+.frame::placeholder {
+  color: var(--mirai-ui-input-disabled);
+}
+
+.inputCVV {
+  margin-left: var(--mirai-ui-space-M);
+}