@mirai/core 0.3.133 → 0.3.135-patch

package/build/components/__shared__/ButtonMore/ButtonMore.module.css

@@ -0,0 +1,9 @@
+.container {
+  align-items: center;
+  background: linear-gradient(180deg, rgba(255, 255, 255, 0.6) 0%, var(--mirai-ui-base) 100%);
+  bottom: 0;
+  justify-content: center;
+  left: 0;
+  position: absolute;
+  right: 0;
+}

package/build/components/__shared__/ButtonMore/__tests__/__snapshots__/ButtonMore.test.js.snap

@@ -0,0 +1,110 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`component:<ButtonMore> inherit:className 1`] = `
+<DocumentFragment>
+  <div
+    class="view wide mirai"
+  >
+    <button
+      class="pressable button small secondary"
+    >
+      <span
+        class="icon headline-3"
+      >
+        <svg
+          fill="currentColor"
+          height="1em"
+          stroke="currentColor"
+          stroke-width="0"
+          viewBox="0 0 24 24"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M24 24H0V0h24v24z"
+            fill="none"
+            opacity=".87"
+          />
+          <path
+            d="M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
+          />
+        </svg>
+      </span>
+      common.action.view_more
+    </button>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<ButtonMore> renders 1`] = `
+<DocumentFragment>
+  <div
+    class="view wide"
+  >
+    <button
+      class="pressable button small secondary"
+    >
+      <span
+        class="icon headline-3"
+      >
+        <svg
+          fill="currentColor"
+          height="1em"
+          stroke="currentColor"
+          stroke-width="0"
+          viewBox="0 0 24 24"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M24 24H0V0h24v24z"
+            fill="none"
+            opacity=".87"
+          />
+          <path
+            d="M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
+          />
+        </svg>
+      </span>
+      common.action.view_more
+    </button>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<ButtonMore> testID 1`] = `
+<DocumentFragment>
+  <div
+    class="view wide"
+  >
+    <button
+      class="pressable button small secondary"
+      data-testid="mirai"
+    >
+      <span
+        class="icon headline-3"
+      >
+        <svg
+          fill="currentColor"
+          height="1em"
+          stroke="currentColor"
+          stroke-width="0"
+          viewBox="0 0 24 24"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M24 24H0V0h24v24z"
+            fill="none"
+            opacity=".87"
+          />
+          <path
+            d="M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
+          />
+        </svg>
+      </span>
+      common.action.view_more
+    </button>
+  </div>
+</DocumentFragment>
+`;

package/build/components/__shared__/ButtonMore/index.js

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

package/build/components/__shared__/ButtonMore/index.js.map

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

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

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EVENT_CTA_PRESS = exports.EVENT_APLAZAME_RESPONSE = exports.EVENT_AMAZON_PAY_RESPONSE = exports.ERROR = exports.ENDPOINT = void 0;
+const ENDPOINT = exports.ENDPOINT = {
+  ADDON_TPV: 'redirectToAOPACS.htm',
+  BOOKING: 'forwarder_manage_reservation.htm',
+  CRIPTAN: 'redirectToCriptan.htm',
+  TPV: 'redirectToTPV.htm'
+};
+const EVENT_AMAZON_PAY_RESPONSE = exports.EVENT_AMAZON_PAY_RESPONSE = 'MIRAI:PAYMENT:AMAZON_PAY:RESPONSE';
+const EVENT_APLAZAME_RESPONSE = exports.EVENT_APLAZAME_RESPONSE = 'MIRAI:PAYMENT:APLAZAME:RESPONSE';
+const EVENT_CTA_PRESS = exports.EVENT_CTA_PRESS = 'MIRAI:PAYMENT:CTA:PRESS';
+const ERROR = exports.ERROR = {
+  UNKNOWN: {
+    message: 'Unknown error.'
+  }
+};
+//# sourceMappingURL=ButtonPayment.constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonPayment.constants.js","names":["ENDPOINT","exports","ADDON_TPV","BOOKING","CRIPTAN","TPV","EVENT_AMAZON_PAY_RESPONSE","EVENT_APLAZAME_RESPONSE","EVENT_CTA_PRESS","ERROR","UNKNOWN","message"],"sources":["../../../../src/components/__shared__/ButtonPayment/ButtonPayment.constants.js"],"sourcesContent":["const ENDPOINT = {\n  ADDON_TPV: 'redirectToAOPACS.htm',\n  BOOKING: 'forwarder_manage_reservation.htm',\n  CRIPTAN: 'redirectToCriptan.htm',\n  TPV: 'redirectToTPV.htm',\n};\n\nconst EVENT_AMAZON_PAY_RESPONSE = 'MIRAI:PAYMENT:AMAZON_PAY:RESPONSE';\n\nconst EVENT_APLAZAME_RESPONSE = 'MIRAI:PAYMENT:APLAZAME:RESPONSE';\n\nconst EVENT_CTA_PRESS = 'MIRAI:PAYMENT:CTA:PRESS';\n\nconst ERROR = {\n  UNKNOWN: { message: 'Unknown error.' },\n};\n\nexport { ENDPOINT, EVENT_AMAZON_PAY_RESPONSE, EVENT_APLAZAME_RESPONSE, EVENT_CTA_PRESS, ERROR };\n"],"mappings":";;;;;;AAAA,MAAMA,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAG;EACfE,SAAS,EAAE,sBAAsB;EACjCC,OAAO,EAAE,kCAAkC;EAC3CC,OAAO,EAAE,uBAAuB;EAChCC,GAAG,EAAE;AACP,CAAC;AAED,MAAMC,yBAAyB,GAAAL,OAAA,CAAAK,yBAAA,GAAG,mCAAmC;AAErE,MAAMC,uBAAuB,GAAAN,OAAA,CAAAM,uBAAA,GAAG,iCAAiC;AAEjE,MAAMC,eAAe,GAAAP,OAAA,CAAAO,eAAA,GAAG,yBAAyB;AAEjD,MAAMC,KAAK,GAAAR,OAAA,CAAAQ,KAAA,GAAG;EACZC,OAAO,EAAE;IAAEC,OAAO,EAAE;EAAiB;AACvC,CAAC"}

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

@@ -0,0 +1,200 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ButtonPayment = void 0;
+var _dataSources = require("@mirai/data-sources");
+var _locale = require("@mirai/locale");
+var _ui = require("@mirai/ui");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireWildcard(require("react"));
+var _ButtonPayment = require("./ButtonPayment.constants");
+var _ButtonPayment2 = require("./ButtonPayment.l10n");
+var style = _interopRequireWildcard(require("./ButtonPayment.module.css"));
+var _helpers = require("./helpers");
+var _Payment = require("../Payment");
+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 {
+  AMAZON_PAY,
+  APLAZAME,
+  CARD,
+  PCIPROXY,
+  TPV
+} = _Payment.PAYMENT_METHOD;
+const {
+  ADDON,
+  CHECKOUT,
+  SIPAY,
+  PAYCOMET
+} = _Payment.PAYMENT_PROVIDER;
+const PROVIDERS_WITH_MODAL = [ADDON, CHECKOUT, SIPAY, PAYCOMET];
+const ButtonPayment = _ref => {
+  let {
+    children,
+    config: {
+      currencyDecimals,
+      provider,
+      publicKey
+    } = {},
+    dataSource = {},
+    hotel: {
+      id,
+      ...propHotel
+    } = {},
+    info = {},
+    promise = () => new Promise(resolve => resolve({})),
+    tracking,
+    onError = () => {},
+    onPress = () => {},
+    onSuccess = () => {},
+    ...others
+  } = _ref;
+  const {
+    locale,
+    translate
+  } = (0, _locale.useLocale)();
+  const {
+    value: {
+      forwarder,
+      payment = dataSource || {},
+      hotel = propHotel || {},
+      urlParams
+    } = {}
+  } = (0, _dataSources.useStore)();
+  const [modal, setModal] = (0, _react.useState)(false);
+  const [response, setResponse] = (0, _react.useState)();
+  const handleClose = () => {
+    setModal(false);
+    onError();
+  };
+  (0, _react.useEffect)(() => {
+    const {
+      error,
+      orderRererence,
+      transactionId
+    } = payment;
+    if (orderRererence || transactionId) handleSuccess();else if (error) onError(error);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [payment]);
+  const handlePress = async () => {
+    if (onPress() === false) return;
+    const {
+      method
+    } = payment || {};
+    if ([AMAZON_PAY, PCIPROXY].includes(method)) return document.dispatchEvent(new Event(_ButtonPayment.EVENT_CTA_PRESS));
+    const requireCardValidation = [CARD, PCIPROXY].includes(method) && cardValidation && _Payment.PAYMENT_CARD_VALIDATION_PROVIDER.includes(provider);
+    const withModal = PROVIDERS_WITH_MODAL.includes(provider) && (method === TPV || requireCardValidation);
+    const response = !withModal || isAddon || method === APLAZAME ? await promise().catch(onError) : true;
+    if (!response) return;
+    if (withModal) {
+      setResponse(response);
+      setModal(true);
+    } else if (method === APLAZAME) {
+      document.dispatchEvent(new CustomEvent(_ButtonPayment.EVENT_APLAZAME_RESPONSE, {
+        detail: {
+          ...response,
+          publicKey
+        }
+      }));
+    } else {
+      const url = (0, _helpers.getUrl)({
+        ...response,
+        ...hotel,
+        id,
+        forwarder,
+        locale,
+        tracking,
+        urlParams
+      });
+      if (url) window.location.href = url;
+    }
+  };
+  const handleSuccess = async value => {
+    setModal(false);
+    const response = await promise(value).catch(onError);
+    if (!response) return;
+    if (payment.method === AMAZON_PAY) return document.dispatchEvent(new CustomEvent(_ButtonPayment.EVENT_AMAZON_PAY_RESPONSE, {
+      detail: {
+        response
+      }
+    }));
+    if (response) {
+      const url = (0, _helpers.getUrl)({
+        ...response,
+        ...hotel,
+        id,
+        forwarder,
+        locale,
+        tracking,
+        urlParams
+      });
+      if (url) {
+        onSuccess(url);
+        window.location.href = url;
+      }
+    }
+  };
+  const {
+    method
+  } = payment || {};
+  const {
+    cardValidation
+  } = info || {};
+  const component = (0, _helpers.getComponent)({
+    cardValidation,
+    method,
+    provider
+  });
+  const isAddon = provider === ADDON;
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ui.Button, _extends({}, others, {
+    onPress: handlePress
+  }), children || translate(_ButtonPayment2.L10N.ACTION_PAY_NOW)), /*#__PURE__*/_react.default.createElement(_ui.Modal, {
+    portal: isAddon,
+    title: method,
+    visible: modal,
+    onClose: handleClose
+  }, component && /*#__PURE__*/_react.default.createElement(component, {
+    currencyDecimals,
+    info,
+    method,
+    provider,
+    publicKey,
+    response,
+    onError,
+    onSuccess: handleSuccess,
+    className: style.modalContent
+  })));
+};
+exports.ButtonPayment = ButtonPayment;
+ButtonPayment.displayName = 'Mirai:Core:ButtonPayment';
+ButtonPayment.propTypes = {
+  children: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]),
+  config: _propTypes.default.shape({
+    currencyDecimals: _propTypes.default.number,
+    provider: _propTypes.default.oneOf(Object.values(_Payment.PAYMENT_PROVIDER)),
+    publicKey: _propTypes.default.string,
+    showCVV: _propTypes.default.bool
+  }),
+  dataSource: _propTypes.default.shape({
+    method: _propTypes.default.oneOf(Object.values(_Payment.PAYMENT_METHOD))
+  }),
+  hotel: _propTypes.default.shape({
+    id: _propTypes.default.string,
+    url: _propTypes.default.string
+  }),
+  info: _propTypes.default.shape({
+    amount: _propTypes.default.number,
+    cardValidation: _propTypes.default.bool,
+    date: _propTypes.default.instanceOf(Date)
+  }),
+  promise: _propTypes.default.func,
+  tracking: _propTypes.default.string,
+  onError: _propTypes.default.func,
+  onPress: _propTypes.default.func,
+  onSuccess: _propTypes.default.func
+};
+//# sourceMappingURL=ButtonPayment.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonPayment.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_ButtonPayment","_ButtonPayment2","style","_helpers","_Payment","_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","AMAZON_PAY","APLAZAME","CARD","PCIPROXY","TPV","PAYMENT_METHOD","ADDON","CHECKOUT","SIPAY","PAYCOMET","PAYMENT_PROVIDER","PROVIDERS_WITH_MODAL","ButtonPayment","_ref","children","config","currencyDecimals","provider","publicKey","dataSource","hotel","id","propHotel","info","promise","Promise","resolve","tracking","onError","onPress","onSuccess","others","locale","translate","useLocale","value","forwarder","payment","urlParams","useStore","modal","setModal","useState","response","setResponse","handleClose","useEffect","error","orderRererence","transactionId","handleSuccess","handlePress","method","includes","document","dispatchEvent","Event","EVENT_CTA_PRESS","requireCardValidation","cardValidation","PAYMENT_CARD_VALIDATION_PROVIDER","withModal","isAddon","catch","CustomEvent","EVENT_APLAZAME_RESPONSE","detail","url","getUrl","window","location","href","EVENT_AMAZON_PAY_RESPONSE","component","getComponent","createElement","Fragment","Button","L10N","ACTION_PAY_NOW","Modal","portal","title","visible","onClose","React","className","modalContent","exports","displayName","propTypes","PropTypes","oneOfType","string","node","shape","number","oneOf","values","showCVV","bool","amount","date","instanceOf","Date","func"],"sources":["../../../../src/components/__shared__/ButtonPayment/ButtonPayment.jsx"],"sourcesContent":["import { useStore } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\nimport { Button, Modal } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\n\nimport { EVENT_AMAZON_PAY_RESPONSE, EVENT_APLAZAME_RESPONSE, EVENT_CTA_PRESS } from './ButtonPayment.constants';\nimport { L10N } from './ButtonPayment.l10n';\nimport * as style from './ButtonPayment.module.css';\nimport { getComponent, getUrl } from './helpers';\nimport { PAYMENT_CARD_VALIDATION_PROVIDER, PAYMENT_METHOD, PAYMENT_PROVIDER } from '../Payment';\n\nconst { AMAZON_PAY, APLAZAME, CARD, PCIPROXY, TPV } = PAYMENT_METHOD;\nconst { ADDON, CHECKOUT, SIPAY, PAYCOMET } = PAYMENT_PROVIDER;\n\nconst PROVIDERS_WITH_MODAL = [ADDON, CHECKOUT, SIPAY, PAYCOMET];\n\nconst ButtonPayment = ({\n  children,\n  config: { currencyDecimals, provider, publicKey } = {},\n  dataSource = {},\n  hotel: { id, ...propHotel } = {},\n  info = {},\n  promise = () => new Promise((resolve) => resolve({})),\n  tracking,\n  onError = () => {},\n  onPress = () => {},\n  onSuccess = () => {},\n  ...others\n}) => {\n  const { locale, translate } = useLocale();\n  const { value: { forwarder, payment = dataSource || {}, hotel = propHotel || {}, urlParams } = {} } = useStore();\n\n  const [modal, setModal] = useState(false);\n  const [response, setResponse] = useState();\n\n  const handleClose = () => {\n    setModal(false);\n    onError();\n  };\n\n  useEffect(() => {\n    const { error, orderRererence, transactionId } = payment;\n    if (orderRererence || transactionId) handleSuccess();\n    else if (error) onError(error);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [payment]);\n\n  const handlePress = async () => {\n    if (onPress() === false) return;\n\n    const { method } = payment || {};\n    if ([AMAZON_PAY, PCIPROXY].includes(method)) return document.dispatchEvent(new Event(EVENT_CTA_PRESS));\n\n    const requireCardValidation =\n      [CARD, PCIPROXY].includes(method) && cardValidation && PAYMENT_CARD_VALIDATION_PROVIDER.includes(provider);\n    const withModal = PROVIDERS_WITH_MODAL.includes(provider) && (method === TPV || requireCardValidation);\n    const response = !withModal || isAddon || method === APLAZAME ? await promise().catch(onError) : true;\n    if (!response) return;\n\n    if (withModal) {\n      setResponse(response);\n      setModal(true);\n    } else if (method === APLAZAME) {\n      document.dispatchEvent(new CustomEvent(EVENT_APLAZAME_RESPONSE, { detail: { ...response, publicKey } }));\n    } else {\n      const url = getUrl({ ...response, ...hotel, id, forwarder, locale, tracking, urlParams });\n      if (url) window.location.href = url;\n    }\n  };\n\n  const handleSuccess = async (value) => {\n    setModal(false);\n\n    const response = await promise(value).catch(onError);\n    if (!response) return;\n\n    if (payment.method === AMAZON_PAY)\n      return document.dispatchEvent(new CustomEvent(EVENT_AMAZON_PAY_RESPONSE, { detail: { response } }));\n\n    if (response) {\n      const url = getUrl({ ...response, ...hotel, id, forwarder, locale, tracking, urlParams });\n      if (url) {\n        onSuccess(url);\n        window.location.href = url;\n      }\n    }\n  };\n\n  const { method } = payment || {};\n  const { cardValidation } = info || {};\n  const component = getComponent({ cardValidation, method, provider });\n  const isAddon = provider === ADDON;\n\n  return (\n    <>\n      <Button {...others} onPress={handlePress}>\n        {children || translate(L10N.ACTION_PAY_NOW)}\n      </Button>\n\n      <Modal portal={isAddon} title={method} visible={modal} onClose={handleClose}>\n        {component &&\n          React.createElement(component, {\n            currencyDecimals,\n            info,\n            method,\n            provider,\n            publicKey,\n            response,\n            onError,\n            onSuccess: handleSuccess,\n            className: style.modalContent,\n          })}\n      </Modal>\n    </>\n  );\n};\n\nButtonPayment.displayName = 'Mirai:Core:ButtonPayment';\n\nButtonPayment.propTypes = {\n  children: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n  config: PropTypes.shape({\n    currencyDecimals: PropTypes.number,\n    provider: PropTypes.oneOf(Object.values(PAYMENT_PROVIDER)),\n    publicKey: PropTypes.string,\n    showCVV: PropTypes.bool,\n  }),\n  dataSource: PropTypes.shape({\n    method: PropTypes.oneOf(Object.values(PAYMENT_METHOD)),\n  }),\n  hotel: PropTypes.shape({\n    id: PropTypes.string,\n    url: PropTypes.string,\n  }),\n  info: PropTypes.shape({\n    amount: PropTypes.number,\n    cardValidation: PropTypes.bool,\n    date: PropTypes.instanceOf(Date),\n  }),\n  promise: PropTypes.func,\n  tracking: PropTypes.string,\n  onError: PropTypes.func,\n  onPress: PropTypes.func,\n  onSuccess: PropTypes.func,\n};\n\nexport { ButtonPayment };\n"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonPayment.l10n.js","names":["L10N","exports","ACTION_PAY_NOW","id"],"sources":["../../../../src/components/__shared__/ButtonPayment/ButtonPayment.l10n.js"],"sourcesContent":["export const L10N = {\n  ACTION_PAY_NOW: { id: 'payments.action.pay_now' },\n};\n"],"mappings":";;;;;;AAAO,MAAMA,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG;EAClBE,cAAc,EAAE;IAAEC,EAAE,EAAE;EAA0B;AAClD,CAAC"}

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

@@ -0,0 +1,3 @@
+.modalContent {
+  padding: var(--mirai-ui-space-L);
+}

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

@@ -0,0 +1,195 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`component:<ButtonPayment> inherit:className 1`] = `
+<DocumentFragment>
+  <button
+    class="pressable button mirai"
+  >
+    payments.action.pay_now
+  </button>
+  <div
+    class="pressable container overflow"
+    style="height: 768px;"
+  >
+    <div
+      class="view fit modal calcWidth"
+    >
+      <div
+        class="view forceRow header"
+      >
+        <button
+          class="pressable button small squared transparent button"
+        >
+          <span
+            class="icon headline-3 icon"
+          >
+            <svg
+              fill="currentColor"
+              height="1em"
+              stroke="currentColor"
+              stroke-width="0"
+              viewBox="0 0 24 24"
+              width="1em"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M0 0h24v24H0V0z"
+                fill="none"
+              />
+              <path
+                d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
+              />
+            </svg>
+          </span>
+        </button>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<ButtonPayment> renders 1`] = `
+<DocumentFragment>
+  <button
+    class="pressable button"
+  >
+    payments.action.pay_now
+  </button>
+  <div
+    class="pressable container overflow"
+    style="height: 768px;"
+  >
+    <div
+      class="view fit modal calcWidth"
+    >
+      <div
+        class="view forceRow header"
+      >
+        <button
+          class="pressable button small squared transparent button"
+        >
+          <span
+            class="icon headline-3 icon"
+          >
+            <svg
+              fill="currentColor"
+              height="1em"
+              stroke="currentColor"
+              stroke-width="0"
+              viewBox="0 0 24 24"
+              width="1em"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M0 0h24v24H0V0z"
+                fill="none"
+              />
+              <path
+                d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
+              />
+            </svg>
+          </span>
+        </button>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<ButtonPayment> testID 1`] = `
+<DocumentFragment>
+  <button
+    class="pressable button"
+    data-testid="mirai"
+  >
+    payments.action.pay_now
+  </button>
+  <div
+    class="pressable container overflow"
+    style="height: 768px;"
+  >
+    <div
+      class="view fit modal calcWidth"
+    >
+      <div
+        class="view forceRow header"
+      >
+        <button
+          class="pressable button small squared transparent button"
+        >
+          <span
+            class="icon headline-3 icon"
+          >
+            <svg
+              fill="currentColor"
+              height="1em"
+              stroke="currentColor"
+              stroke-width="0"
+              viewBox="0 0 24 24"
+              width="1em"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M0 0h24v24H0V0z"
+                fill="none"
+              />
+              <path
+                d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
+              />
+            </svg>
+          </span>
+        </button>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<ButtonPayment> using some inherit <Button> properties 1`] = `
+<DocumentFragment>
+  <button
+    class="pressable disabled button large disabled"
+    disabled=""
+  >
+    Pay Now
+  </button>
+  <div
+    class="pressable container overflow"
+    style="height: 768px;"
+  >
+    <div
+      class="view fit modal calcWidth"
+    >
+      <div
+        class="view forceRow header"
+      >
+        <button
+          class="pressable button small squared transparent button"
+        >
+          <span
+            class="icon headline-3 icon"
+          >
+            <svg
+              fill="currentColor"
+              height="1em"
+              stroke="currentColor"
+              stroke-width="0"
+              viewBox="0 0 24 24"
+              width="1em"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M0 0h24v24H0V0z"
+                fill="none"
+              />
+              <path
+                d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
+              />
+            </svg>
+          </span>
+        </button>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;