@mirai/core 0.4.498 → 0.4.500

package/build/components/Session/Session.Login.Modal.js

@@ -84,6 +84,9 @@ const Modal = _ref => {
     setResponse();
     setResponseError();
   }, [resetPassword]);
+  (0, _react.useEffect)(() => () => _dataSources.Event.publish(_helpers2.EVENT.MODAL_VISIBLE, {
+    visible: false
+  }), []);
   (0, _react.useEffect)(() => {
     setResponseError();
     set({

package/build/components/Session/Session.Login.Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Session.Login.Modal.js","names":["_dataSources","require","_locale","_services","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_helpers","_Session","_Session2","style","_helpers2","_excluded","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","ownKeys","keys","getOwnPropertySymbols","filter","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_toPropertyKey","value","configurable","writable","_toPrimitive","Symbol","toPrimitive","TypeError","String","Number","_objectWithoutProperties","_objectWithoutPropertiesLoose","indexOf","propertyIsEnumerable","ACTIVATE","ACTIVATE_ERROR","FINISH_SIGNUP","MODE","Modal","_ref","children","showSignup","title","visible","onClose","onSuccess","onVisible","others","isMobile","useDevice","translate","useLocale","club","forwarder","id","language","urlParams","useStore","busy","setBusy","useState","form","setForm","formError","setFormError","mode","setMode","resetPassword","setResetPassword","response","setResponse","responseError","setResponseError","useEffect","activate","touched","login","params","URL_PARAMS","key","includes","userActivated","undefined","handleClose","handleSubmit","props","idClub","idHotel","method","ServiceUser","catch","error","session","Event","publish","EVENT","LOGGED","event","handleSignup","url","getSignupUrl","document","location","href","handleResetPassword","hasChildren","createElement","fit","portal","L10N","TITLE_WITH_SIGNUP","TITLE","TITLE_RESET","className","modal","ScrollView","scrollview","View","row","wide","styles","Form","validateOnMount","onChange","onError","onSubmit","offset","Notification","info","Text","bold","NOTIFICATION_FINISH_SIGNUP_TITLE","NOTIFICATION_FINISH_SIGNUP_DESCRIPTION","clubName","name","NOTIFICATION_FINISH_SIGNUP_ERROR","description","FORM_DESCRIPTION","FORM_RESET_DESCRIPTION","InputText","autoComplete","label","EMAIL_LABEL","required","type","email","PASSWORD_LABEL","password","actions","Action","tag","disabled","onPress","testId","ACTION_RESET","ACTION_BACK","notification","NOTIFICATION_ERROR","Button","large","button","CTA_RESET","CTA","success","NOTIFICATION_SUCCESS_RESET","transparent","buttonTransparent","ACTION_SIGNUP","exports","displayName","propTypes","PropTypes","bool","node","string","func"],"sources":["../../../src/components/Session/Session.Login.Modal.jsx"],"sourcesContent":["import { Event, useStore } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\nimport { ServiceUser } from '@mirai/services';\nimport {\n  Action,\n  Button,\n  Form,\n  InputText,\n  Modal as ModalBase,\n  Notification,\n  ScrollView,\n  styles,\n  useDevice,\n  Text,\n  View,\n} from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\n\nimport { getSignupUrl } from './helpers';\nimport { MODE, URL_PARAMS } from './Session.constants';\nimport { L10N } from './Session.l10n';\nimport * as style from './Session.module.css';\nimport { EVENT } from '../helpers';\n\nconst { ACTIVATE, ACTIVATE_ERROR, FINISH_SIGNUP } = MODE;\n\nconst Modal = ({\n  children,\n  showSignup = true,\n  title,\n  visible,\n  onClose,\n  onSuccess = () => {},\n  onVisible = () => {},\n  ...others\n}) => {\n  const { isMobile } = useDevice();\n  const { translate } = useLocale();\n  const {\n    set,\n    value: { club = {}, forwarder, id, language, urlParams = {} },\n  } = useStore();\n\n  const [busy, setBusy] = useState(false);\n  const [form, setForm] = useState({});\n  const [formError, setFormError] = useState({});\n  const [mode, setMode] = useState();\n  const [resetPassword, setResetPassword] = useState(false);\n  const [response, setResponse] = useState();\n  const [responseError, setResponseError] = useState();\n\n  useEffect(() => {\n    activate();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffect(() => {\n    if (visible) {\n      setResetPassword(false);\n      setForm({});\n      setFormError({ touched: false });\n    }\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [visible]);\n\n  useEffect(() => {\n    setResponse();\n    setResponseError();\n  }, [resetPassword]);\n\n  useEffect(() => {\n    setResponseError();\n    set({ login: form });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [form]);\n\n  const activate = () => {\n    const params = {};\n\n    Object.keys(URL_PARAMS).forEach(\n      (key) => URL_PARAMS[key].includes(urlParams[key]) && (params[key] = urlParams[key]),\n    );\n\n    if (params.login === FINISH_SIGNUP) {\n      setMode(params.login);\n    }\n\n    if (urlParams.userActivated !== undefined) {\n      setMode(urlParams.userActivated === 'true' ? ACTIVATE : ACTIVATE_ERROR);\n      onVisible();\n    }\n  };\n\n  const handleClose = () => {\n    setMode();\n    onClose();\n  };\n\n  const handleSubmit = async (value) => {\n    setBusy(true);\n    setResponseError(undefined);\n\n    const props = { ...value, idClub: club.id, idHotel: id };\n    const method = resetPassword ? 'resetPassword' : 'login';\n    const response = await ServiceUser[method](props).catch((error) => {\n      setResponseError(error);\n    });\n\n    if (response) {\n      setResponse(response);\n      if (!resetPassword) {\n        set({ session: response });\n        onSuccess();\n\n        Event.publish(EVENT.LOGGED, { event: EVENT.LOGGED, response });\n      }\n    }\n    setBusy(false);\n  };\n\n  const handleSignup = () => {\n    const url = getSignupUrl({ forwarder, id, language, urlParams });\n    if (!url) return;\n\n    document.location.href = url;\n  };\n\n  const handleResetPassword = () => {\n    setResetPassword(!resetPassword);\n  };\n\n  const hasChildren = !!children;\n\n  return (\n    <ModalBase\n      fit={!isMobile && hasChildren}\n      portal\n      visible={visible}\n      title={title || translate(!resetPassword ? (showSignup ? L10N.TITLE_WITH_SIGNUP : L10N.TITLE) : L10N.TITLE_RESET)}\n      onClose={handleClose}\n      className={style.modal}\n    >\n      <ScrollView className={style.scrollview}>\n        <View row={!isMobile} wide className={styles(hasChildren && style.children)}>\n          {children}\n          <View wide className={style.form}>\n            {!(response && resetPassword) ? (\n              <Form\n                {...others}\n                validateOnMount\n                onChange={setForm}\n                onError={setFormError}\n                onSubmit={handleSubmit}\n                className={style.offset}\n              >\n                {[ACTIVATE, FINISH_SIGNUP].includes(mode) && !resetPassword && (\n                  <Notification info className={style.info}>\n                    <Text bold>{translate(L10N.NOTIFICATION_FINISH_SIGNUP_TITLE)}</Text>\n                    <Text>{translate(L10N.NOTIFICATION_FINISH_SIGNUP_DESCRIPTION, { clubName: club.name })}</Text>\n                  </Notification>\n                )}\n\n                {mode === ACTIVATE_ERROR && (\n                  <Notification error className={style.info}>\n                    <Text bold>{translate(L10N.NOTIFICATION_FINISH_SIGNUP_ERROR)}</Text>\n                  </Notification>\n                )}\n\n                {(mode !== FINISH_SIGNUP || resetPassword) && (\n                  <Text className={styles(style.description, style.wide)}>\n                    {translate(!resetPassword ? L10N.FORM_DESCRIPTION : L10N.FORM_RESET_DESCRIPTION)}\n                  </Text>\n                )}\n                <InputText\n                  autoComplete=\"true\"\n                  name=\"email\"\n                  label={translate(L10N.EMAIL_LABEL)}\n                  required\n                  type=\"email\"\n                  value={form.email}\n                />\n\n                {!resetPassword && (\n                  <InputText\n                    autoComplete=\"true\"\n                    name=\"password\"\n                    label={translate(L10N.PASSWORD_LABEL)}\n                    required\n                    type=\"password\"\n                    value={form.password}\n                  />\n                )}\n\n                {showSignup && !resetPassword && (\n                  <View wide className={style.actions}>\n                    <Action tag=\"div\" disabled={busy} onPress={handleResetPassword} testId=\"login-action\">\n                      {translate(!resetPassword ? L10N.ACTION_RESET : L10N.ACTION_BACK)}\n                    </Action>\n                  </View>\n                )}\n\n                {!busy && responseError && (\n                  <Notification error className={style.notification} testId=\"login-notification\">\n                    {translate(L10N.NOTIFICATION_ERROR)}\n                  </Notification>\n                )}\n\n                <Button\n                  busy={busy}\n                  disabled={Object.keys(formError).length !== 0}\n                  large\n                  type=\"submit\"\n                  wide\n                  onPress={() => {}}\n                  className={style.button}\n                  testId=\"login-button\"\n                >\n                  {translate(resetPassword ? L10N.CTA_RESET : L10N.CTA)}\n                </Button>\n              </Form>\n            ) : (\n              <Notification large success className={style.offset}>\n                {translate(L10N.NOTIFICATION_SUCCESS_RESET)}\n              </Notification>\n            )}\n\n            {showSignup ? (\n              (mode !== FINISH_SIGNUP || resetPassword) && (\n                <Button\n                  disabled={busy}\n                  large\n                  transparent\n                  onPress={resetPassword ? handleResetPassword : handleSignup}\n                  className={style.buttonTransparent}\n                  testId=\"login-button-secondary\"\n                >\n                  {translate(resetPassword ? L10N.ACTION_BACK : L10N.ACTION_SIGNUP)}\n                </Button>\n              )\n            ) : (\n              <Button\n                disabled={busy}\n                large\n                transparent\n                onPress={handleResetPassword}\n                className={style.buttonTransparent}\n                testId=\"login-button-secondary\"\n              >\n                {translate(!resetPassword ? L10N.ACTION_RESET : L10N.ACTION_BACK)}\n              </Button>\n            )}\n          </View>\n        </View>\n      </ScrollView>\n    </ModalBase>\n  );\n};\n\nModal.displayName = 'Mirai:Core:Session:Login:Modal';\n\nModal.propTypes = {\n  activate: PropTypes.bool,\n  children: PropTypes.node,\n  showSignup: PropTypes.bool,\n  title: PropTypes.string,\n  visible: PropTypes.bool,\n  onClose: PropTypes.func,\n  onVisible: PropTypes.func,\n  onSuccess: PropTypes.func,\n};\n\nexport { Modal };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Session.Login.Modal.js","names":["_dataSources","require","_locale","_services","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_helpers","_Session","_Session2","style","_helpers2","_excluded","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","ownKeys","keys","getOwnPropertySymbols","filter","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_toPropertyKey","value","configurable","writable","_toPrimitive","Symbol","toPrimitive","TypeError","String","Number","_objectWithoutProperties","_objectWithoutPropertiesLoose","indexOf","propertyIsEnumerable","ACTIVATE","ACTIVATE_ERROR","FINISH_SIGNUP","MODE","Modal","_ref","children","showSignup","title","visible","onClose","onSuccess","onVisible","others","isMobile","useDevice","translate","useLocale","club","forwarder","id","language","urlParams","useStore","busy","setBusy","useState","form","setForm","formError","setFormError","mode","setMode","resetPassword","setResetPassword","response","setResponse","responseError","setResponseError","useEffect","activate","touched","Event","publish","EVENT","MODAL_VISIBLE","login","params","URL_PARAMS","key","includes","userActivated","undefined","handleClose","handleSubmit","props","idClub","idHotel","method","ServiceUser","catch","error","session","LOGGED","event","handleSignup","url","getSignupUrl","document","location","href","handleResetPassword","hasChildren","createElement","fit","portal","L10N","TITLE_WITH_SIGNUP","TITLE","TITLE_RESET","className","modal","ScrollView","scrollview","View","row","wide","styles","Form","validateOnMount","onChange","onError","onSubmit","offset","Notification","info","Text","bold","NOTIFICATION_FINISH_SIGNUP_TITLE","NOTIFICATION_FINISH_SIGNUP_DESCRIPTION","clubName","name","NOTIFICATION_FINISH_SIGNUP_ERROR","description","FORM_DESCRIPTION","FORM_RESET_DESCRIPTION","InputText","autoComplete","label","EMAIL_LABEL","required","type","email","PASSWORD_LABEL","password","actions","Action","tag","disabled","onPress","testId","ACTION_RESET","ACTION_BACK","notification","NOTIFICATION_ERROR","Button","large","button","CTA_RESET","CTA","success","NOTIFICATION_SUCCESS_RESET","transparent","buttonTransparent","ACTION_SIGNUP","exports","displayName","propTypes","PropTypes","bool","node","string","func"],"sources":["../../../src/components/Session/Session.Login.Modal.jsx"],"sourcesContent":["import { Event, useStore } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\nimport { ServiceUser } from '@mirai/services';\nimport {\n  Action,\n  Button,\n  Form,\n  InputText,\n  Modal as ModalBase,\n  Notification,\n  ScrollView,\n  styles,\n  useDevice,\n  Text,\n  View,\n} from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\n\nimport { getSignupUrl } from './helpers';\nimport { MODE, URL_PARAMS } from './Session.constants';\nimport { L10N } from './Session.l10n';\nimport * as style from './Session.module.css';\nimport { EVENT } from '../helpers';\n\nconst { ACTIVATE, ACTIVATE_ERROR, FINISH_SIGNUP } = MODE;\n\nconst Modal = ({\n  children,\n  showSignup = true,\n  title,\n  visible,\n  onClose,\n  onSuccess = () => {},\n  onVisible = () => {},\n  ...others\n}) => {\n  const { isMobile } = useDevice();\n  const { translate } = useLocale();\n  const {\n    set,\n    value: { club = {}, forwarder, id, language, urlParams = {} },\n  } = useStore();\n\n  const [busy, setBusy] = useState(false);\n  const [form, setForm] = useState({});\n  const [formError, setFormError] = useState({});\n  const [mode, setMode] = useState();\n  const [resetPassword, setResetPassword] = useState(false);\n  const [response, setResponse] = useState();\n  const [responseError, setResponseError] = useState();\n\n  useEffect(() => {\n    activate();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffect(() => {\n    if (visible) {\n      setResetPassword(false);\n      setForm({});\n      setFormError({ touched: false });\n    }\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [visible]);\n\n  useEffect(() => {\n    setResponse();\n    setResponseError();\n  }, [resetPassword]);\n\n  useEffect(() => () => Event.publish(EVENT.MODAL_VISIBLE, { visible: false }), []);\n\n  useEffect(() => {\n    setResponseError();\n    set({ login: form });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [form]);\n\n  const activate = () => {\n    const params = {};\n\n    Object.keys(URL_PARAMS).forEach(\n      (key) => URL_PARAMS[key].includes(urlParams[key]) && (params[key] = urlParams[key]),\n    );\n\n    if (params.login === FINISH_SIGNUP) {\n      setMode(params.login);\n    }\n\n    if (urlParams.userActivated !== undefined) {\n      setMode(urlParams.userActivated === 'true' ? ACTIVATE : ACTIVATE_ERROR);\n      onVisible();\n    }\n  };\n\n  const handleClose = () => {\n    setMode();\n    onClose();\n  };\n\n  const handleSubmit = async (value) => {\n    setBusy(true);\n    setResponseError(undefined);\n\n    const props = { ...value, idClub: club.id, idHotel: id };\n    const method = resetPassword ? 'resetPassword' : 'login';\n    const response = await ServiceUser[method](props).catch((error) => {\n      setResponseError(error);\n    });\n\n    if (response) {\n      setResponse(response);\n      if (!resetPassword) {\n        set({ session: response });\n        onSuccess();\n\n        Event.publish(EVENT.LOGGED, { event: EVENT.LOGGED, response });\n      }\n    }\n    setBusy(false);\n  };\n\n  const handleSignup = () => {\n    const url = getSignupUrl({ forwarder, id, language, urlParams });\n    if (!url) return;\n\n    document.location.href = url;\n  };\n\n  const handleResetPassword = () => {\n    setResetPassword(!resetPassword);\n  };\n\n  const hasChildren = !!children;\n\n  return (\n    <ModalBase\n      fit={!isMobile && hasChildren}\n      portal\n      visible={visible}\n      title={title || translate(!resetPassword ? (showSignup ? L10N.TITLE_WITH_SIGNUP : L10N.TITLE) : L10N.TITLE_RESET)}\n      onClose={handleClose}\n      className={style.modal}\n    >\n      <ScrollView className={style.scrollview}>\n        <View row={!isMobile} wide className={styles(hasChildren && style.children)}>\n          {children}\n          <View wide className={style.form}>\n            {!(response && resetPassword) ? (\n              <Form\n                {...others}\n                validateOnMount\n                onChange={setForm}\n                onError={setFormError}\n                onSubmit={handleSubmit}\n                className={style.offset}\n              >\n                {[ACTIVATE, FINISH_SIGNUP].includes(mode) && !resetPassword && (\n                  <Notification info className={style.info}>\n                    <Text bold>{translate(L10N.NOTIFICATION_FINISH_SIGNUP_TITLE)}</Text>\n                    <Text>{translate(L10N.NOTIFICATION_FINISH_SIGNUP_DESCRIPTION, { clubName: club.name })}</Text>\n                  </Notification>\n                )}\n\n                {mode === ACTIVATE_ERROR && (\n                  <Notification error className={style.info}>\n                    <Text bold>{translate(L10N.NOTIFICATION_FINISH_SIGNUP_ERROR)}</Text>\n                  </Notification>\n                )}\n\n                {(mode !== FINISH_SIGNUP || resetPassword) && (\n                  <Text className={styles(style.description, style.wide)}>\n                    {translate(!resetPassword ? L10N.FORM_DESCRIPTION : L10N.FORM_RESET_DESCRIPTION)}\n                  </Text>\n                )}\n                <InputText\n                  autoComplete=\"true\"\n                  name=\"email\"\n                  label={translate(L10N.EMAIL_LABEL)}\n                  required\n                  type=\"email\"\n                  value={form.email}\n                />\n\n                {!resetPassword && (\n                  <InputText\n                    autoComplete=\"true\"\n                    name=\"password\"\n                    label={translate(L10N.PASSWORD_LABEL)}\n                    required\n                    type=\"password\"\n                    value={form.password}\n                  />\n                )}\n\n                {showSignup && !resetPassword && (\n                  <View wide className={style.actions}>\n                    <Action tag=\"div\" disabled={busy} onPress={handleResetPassword} testId=\"login-action\">\n                      {translate(!resetPassword ? L10N.ACTION_RESET : L10N.ACTION_BACK)}\n                    </Action>\n                  </View>\n                )}\n\n                {!busy && responseError && (\n                  <Notification error className={style.notification} testId=\"login-notification\">\n                    {translate(L10N.NOTIFICATION_ERROR)}\n                  </Notification>\n                )}\n\n                <Button\n                  busy={busy}\n                  disabled={Object.keys(formError).length !== 0}\n                  large\n                  type=\"submit\"\n                  wide\n                  onPress={() => {}}\n                  className={style.button}\n                  testId=\"login-button\"\n                >\n                  {translate(resetPassword ? L10N.CTA_RESET : L10N.CTA)}\n                </Button>\n              </Form>\n            ) : (\n              <Notification large success className={style.offset}>\n                {translate(L10N.NOTIFICATION_SUCCESS_RESET)}\n              </Notification>\n            )}\n\n            {showSignup ? (\n              (mode !== FINISH_SIGNUP || resetPassword) && (\n                <Button\n                  disabled={busy}\n                  large\n                  transparent\n                  onPress={resetPassword ? handleResetPassword : handleSignup}\n                  className={style.buttonTransparent}\n                  testId=\"login-button-secondary\"\n                >\n                  {translate(resetPassword ? L10N.ACTION_BACK : L10N.ACTION_SIGNUP)}\n                </Button>\n              )\n            ) : (\n              <Button\n                disabled={busy}\n                large\n                transparent\n                onPress={handleResetPassword}\n                className={style.buttonTransparent}\n                testId=\"login-button-secondary\"\n              >\n                {translate(!resetPassword ? L10N.ACTION_RESET : L10N.ACTION_BACK)}\n              </Button>\n            )}\n          </View>\n        </View>\n      </ScrollView>\n    </ModalBase>\n  );\n};\n\nModal.displayName = 'Mirai:Core:Session:Login:Modal';\n\nModal.propTypes = {\n  activate: PropTypes.bool,\n  children: PropTypes.node,\n  showSignup: PropTypes.bool,\n  title: PropTypes.string,\n  visible: PropTypes.bool,\n  onClose: PropTypes.func,\n  onVisible: PropTypes.func,\n  onSuccess: PropTypes.func,\n};\n\nexport { Modal };\n"],"mappings":"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","ignoreList":[]}

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

@@ -4,16 +4,26 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.FormStripe = 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 _FormStripe = require("./FormStripe.l10n");
 var style = _interopRequireWildcard(require("./FormStripe.module.css"));
+var _herlpes = require("./herlpes");
 var _loadScript = require("../../../../../helpers/loadScript");
-var _trackError = require("../../../../../helpers/trackError");
+var _helpers = require("../../../../helpers");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const AUTO = 'auto';
+const CARD = 'card';
+const DEFAULT_BILLING_DETAILS = {
+  address: {
+    country: 'never'
+  },
+  name: 'never'
+};
 let checkout;
 const FormStripe = _ref => {
   let {
@@ -24,9 +34,12 @@ const FormStripe = _ref => {
     translate
   } = (0, _locale.useLocale)();
   const [busy, setBusy] = (0, _react.useState)();
-  const [error, setError] = (0, _react.useState)();
+  const [country, setCountry] = (0, _react.useState)();
+  const [name, setName] = (0, _react.useState)();
+  const [nameError, setNameError] = (0, _react.useState)();
   const [ready, setReady] = (0, _react.useState)();
   const [stripeReady, setStripeReady] = (0, _react.useState)();
+  const [type, setType] = (0, _react.useState)();
   const refElements = (0, _react.useRef)();
   (0, _react.useEffect)(() => {
     const domain = 'payments';
@@ -36,7 +49,7 @@ const FormStripe = _ref => {
         async: false,
         domain,
         id,
-        src: "https://js.stripe.com/basil/stripe.js",
+        src: "https://js.stripe.com/clover/stripe.js",
         onLoad: handleLoad
       });
     })();
@@ -51,45 +64,86 @@ const FormStripe = _ref => {
     setStripeReady();
     const {
       configuration: {
+        clientCountry,
         clientSecret,
         stripeAccountId: stripeAccount
       } = {}
     } = response;
+    setCountry(clientCountry);
     (async () => {
-      checkout = await window.Stripe(publicKey, {
+      checkout = window.Stripe(publicKey, {
         stripeAccount
       }).initCheckout({
-        fetchClientSecret: () => new Promise(resolve => resolve(clientSecret)),
+        clientSecret,
         elementsOptions: {
           appearance: {
-            theme: 'stripe'
+            theme: 'stripe',
+            variables: (0, _herlpes.getStyle)()
           }
         }
       });
-      const paymentElement = checkout.createPaymentElement();
+      checkout.loadFonts([{
+        cssSrc: 'https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap'
+      }]);
+      const paymentElement = checkout.createPaymentElement({
+        layout: 'tabs',
+        fields: {
+          billingDetails: clientCountry ? DEFAULT_BILLING_DETAILS : AUTO
+        }
+      });
       paymentElement.on('ready', () => {
         setStripeReady(true);
       });
+      paymentElement.on('change', event => {
+        const {
+          value = {}
+        } = event;
+        setType(value.type);
+        checkout.getPaymentElement().update({
+          fields: {
+            billingDetails: value.type === CARD && clientCountry ? DEFAULT_BILLING_DETAILS : AUTO
+          }
+        });
+      });
       paymentElement.mount(refElements.current);
     })();
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [ready, response]);
+  const handleNameChange = value => {
+    if (value) setNameError();
+    setName(value);
+  };
   const handleLoad = async () => {
     setReady(true);
   };
   const handlePress = async () => {
     if (!checkout) return;
     setBusy(true);
-    setError();
-    const {
-      error
-    } = await checkout.confirm();
-    setBusy(false);
-    if (error) {
-      (0, _trackError.trackError)('Stripe', error instanceof Error ? error.stack : error === null || error === void 0 ? void 0 : error.message);
-      setError(true);
-      return;
+    const loadActionsResult = await checkout.loadActions();
+    if (loadActionsResult.type === 'success') {
+      const session = await loadActionsResult.actions.getSession();
+      if (!name && type === CARD && country) {
+        setNameError(true);
+        if (session.canConfirm) return setBusy(false);
+      }
+      const {
+        error
+      } = await loadActionsResult.actions.confirm(name ? {
+        billingAddress: {
+          name,
+          address: {
+            country
+          }
+        }
+      } : undefined);
+      if (session.canConfirm && error) {
+        _dataSources.Event.publish(_helpers.EVENT.NOTIFICATION, {
+          error: true,
+          defaultMessage: translate(_FormStripe.L10N.NOTIFICATION_ERROR)
+        });
+      }
     }
+    setBusy(false);
   };
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ui.Progress, {
     indeterminate: true,
@@ -98,15 +152,24 @@ const FormStripe = _ref => {
     className: style.container
   }, /*#__PURE__*/_react.default.createElement(_ui.View, {
     ref: refElements
-  }, error && /*#__PURE__*/_react.default.createElement(_ui.Notification, {
-    error: true,
-    large: true,
-    wide: true
-  }, translate(_FormStripe.L10N.NOTIFICATION_ERROR))), !!stripeReady && /*#__PURE__*/_react.default.createElement(_ui.Button, {
+  }), type === CARD && country && /*#__PURE__*/_react.default.createElement(_ui.View, {
+    className: style.form
+  }, /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    action: true,
+    "label-for": "name"
+  }, translate(_FormStripe.L10N.LABEL_CARD_NAME)), /*#__PURE__*/_react.default.createElement(_ui.Input, {
+    name: "name",
+    value: name,
+    onChange: handleNameChange,
+    className: (0, _ui.styles)(style.name, nameError && style.error)
+  }), nameError && /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    action: true,
+    error: true
+  }, translate(_FormStripe.L10N.LABEL_CARD_NAME_ERROR)))), !!stripeReady && /*#__PURE__*/_react.default.createElement(_ui.Button, {
     busy: busy,
     onPress: handlePress,
     className: style.button
-  }, translate(_FormStripe.L10N.ACTION_PAY))));
+  }, translate(_FormStripe.L10N.ACTION_PAY)));
 };
 exports.FormStripe = FormStripe;
 FormStripe.displayName = 'Mirai:Payments:ButtonPayment:FormStripe';

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

@@ -1 +1 @@
-{"version":3,"file":"FormStripe.js","names":["_locale","require","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_FormStripe","style","_loadScript","_trackError","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","checkout","FormStripe","_ref","publicKey","response","translate","useLocale","busy","setBusy","useState","error","setError","ready","setReady","stripeReady","setStripeReady","refElements","useRef","useEffect","domain","id","loadScript","async","src","onLoad","handleLoad","el","document","getElementById","concat","parentNode","removeChild","configuration","clientSecret","stripeAccountId","stripeAccount","window","Stripe","initCheckout","fetchClientSecret","Promise","resolve","elementsOptions","appearance","theme","paymentElement","createPaymentElement","on","mount","current","handlePress","confirm","trackError","Error","stack","message","createElement","Fragment","Progress","indeterminate","visible","View","className","container","ref","Notification","large","wide","L10N","NOTIFICATION_ERROR","Button","onPress","button","ACTION_PAY","exports","displayName","propTypes","PropTypes","string","isRequired","object"],"sources":["../../../../../../src/components/__shared__/ButtonPayment/components/FormStripe/FormStripe.jsx"],"sourcesContent":["import { useLocale } from '@mirai/locale';\nimport { Button, Notification, Progress, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState, useRef } from 'react';\n\nimport { L10N } from './FormStripe.l10n';\nimport * as style from './FormStripe.module.css';\nimport { loadScript } from '../../../../../helpers/loadScript';\nimport { trackError } from '../../../../../helpers/trackError';\n\nlet checkout;\n\nexport const FormStripe = ({ publicKey, response }) => {\n  const { translate } = useLocale();\n\n  const [busy, setBusy] = useState();\n  const [error, setError] = useState();\n  const [ready, setReady] = useState();\n  const [stripeReady, setStripeReady] = useState();\n\n  const refElements = useRef();\n\n  useEffect(() => {\n    const domain = 'payments';\n    const id = 'stripeScript';\n    (async () => {\n      await loadScript({\n        async: false,\n        domain,\n        id,\n        src: `https://js.stripe.com/basil/stripe.js`,\n        onLoad: handleLoad,\n      });\n    })();\n\n    return () => {\n      const el = document.getElementById(`${domain}-${id}`);\n      el && el.parentNode.removeChild(el);\n    };\n  }, [response]);\n\n  useEffect(() => {\n    if (!response || !ready) return;\n\n    setBusy();\n    setStripeReady();\n\n    const { configuration: { clientSecret, stripeAccountId: stripeAccount } = {} } = response;\n\n    (async () => {\n      checkout = await window.Stripe(publicKey, { stripeAccount }).initCheckout({\n        fetchClientSecret: () => new Promise((resolve) => resolve(clientSecret)),\n        elementsOptions: { appearance: { theme: 'stripe' } },\n      });\n      const paymentElement = checkout.createPaymentElement();\n\n      paymentElement.on('ready', () => {\n        setStripeReady(true);\n      });\n      paymentElement.mount(refElements.current);\n    })();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [ready, response]);\n\n  const handleLoad = async () => {\n    setReady(true);\n  };\n\n  const handlePress = async () => {\n    if (!checkout) return;\n\n    setBusy(true);\n    setError();\n    const { error } = await checkout.confirm();\n\n    setBusy(false);\n    if (error) {\n      trackError('Stripe', error instanceof Error ? error.stack : error?.message);\n      setError(true);\n      return;\n    }\n  };\n\n  return (\n    <>\n      <Progress indeterminate visible={!stripeReady} />\n      <View className={style.container}>\n        <View ref={refElements}>\n          {error && (\n            <Notification error large wide>\n              {translate(L10N.NOTIFICATION_ERROR)}\n            </Notification>\n          )}\n        </View>\n        {!!stripeReady && (\n          <Button busy={busy} onPress={handlePress} className={style.button}>\n            {translate(L10N.ACTION_PAY)}\n          </Button>\n        )}\n      </View>\n    </>\n  );\n};\n\nFormStripe.displayName = 'Mirai:Payments:ButtonPayment:FormStripe';\n\nFormStripe.propTypes = {\n  publicKey: PropTypes.string.isRequired,\n  response: PropTypes.object,\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"FormStripe.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_FormStripe","style","_herlpes","_loadScript","_helpers","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","AUTO","CARD","DEFAULT_BILLING_DETAILS","address","country","name","checkout","FormStripe","_ref","publicKey","response","translate","useLocale","busy","setBusy","useState","setCountry","setName","nameError","setNameError","ready","setReady","stripeReady","setStripeReady","type","setType","refElements","useRef","useEffect","domain","id","loadScript","async","src","onLoad","handleLoad","el","document","getElementById","concat","parentNode","removeChild","configuration","clientCountry","clientSecret","stripeAccountId","stripeAccount","window","Stripe","initCheckout","elementsOptions","appearance","theme","variables","getStyle","loadFonts","cssSrc","paymentElement","createPaymentElement","layout","fields","billingDetails","on","event","value","getPaymentElement","update","mount","current","handleNameChange","handlePress","loadActionsResult","loadActions","session","actions","getSession","canConfirm","error","confirm","billingAddress","undefined","Event","publish","EVENT","NOTIFICATION","defaultMessage","L10N","NOTIFICATION_ERROR","createElement","Fragment","Progress","indeterminate","visible","View","className","container","ref","form","Text","action","LABEL_CARD_NAME","Input","onChange","styles","LABEL_CARD_NAME_ERROR","Button","onPress","button","ACTION_PAY","exports","displayName","propTypes","PropTypes","string","isRequired","object"],"sources":["../../../../../../src/components/__shared__/ButtonPayment/components/FormStripe/FormStripe.jsx"],"sourcesContent":["import { Event } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\nimport { Button, Input, Progress, styles, Text, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState, useRef } from 'react';\n\nimport { L10N } from './FormStripe.l10n';\nimport * as style from './FormStripe.module.css';\nimport { getStyle } from './herlpes';\nimport { loadScript } from '../../../../../helpers/loadScript';\nimport { EVENT } from '../../../../helpers';\n\nconst AUTO = 'auto';\nconst CARD = 'card';\nconst DEFAULT_BILLING_DETAILS = { address: { country: 'never' }, name: 'never' };\n\nlet checkout;\n\nexport const FormStripe = ({ publicKey, response }) => {\n  const { translate } = useLocale();\n\n  const [busy, setBusy] = useState();\n  const [country, setCountry] = useState();\n  const [name, setName] = useState();\n  const [nameError, setNameError] = useState();\n  const [ready, setReady] = useState();\n  const [stripeReady, setStripeReady] = useState();\n  const [type, setType] = useState();\n\n  const refElements = useRef();\n\n  useEffect(() => {\n    const domain = 'payments';\n    const id = 'stripeScript';\n    (async () => {\n      await loadScript({\n        async: false,\n        domain,\n        id,\n        src: `https://js.stripe.com/clover/stripe.js`,\n        onLoad: handleLoad,\n      });\n    })();\n\n    return () => {\n      const el = document.getElementById(`${domain}-${id}`);\n      el && el.parentNode.removeChild(el);\n    };\n  }, [response]);\n\n  useEffect(() => {\n    if (!response || !ready) return;\n\n    setBusy();\n    setStripeReady();\n\n    const { configuration: { clientCountry, clientSecret, stripeAccountId: stripeAccount } = {} } = response;\n    setCountry(clientCountry);\n\n    (async () => {\n      checkout = window\n        .Stripe(publicKey, { stripeAccount })\n        .initCheckout({ clientSecret, elementsOptions: { appearance: { theme: 'stripe', variables: getStyle() } } });\n      checkout.loadFonts([\n        { cssSrc: 'https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap' },\n      ]);\n\n      const paymentElement = checkout.createPaymentElement({\n        layout: 'tabs',\n        fields: { billingDetails: clientCountry ? DEFAULT_BILLING_DETAILS : AUTO },\n      });\n\n      paymentElement.on('ready', () => {\n        setStripeReady(true);\n      });\n\n      paymentElement.on('change', (event) => {\n        const { value = {} } = event;\n        setType(value.type);\n\n        checkout.getPaymentElement().update({\n          fields: { billingDetails: value.type === CARD && clientCountry ? DEFAULT_BILLING_DETAILS : AUTO },\n        });\n      });\n\n      paymentElement.mount(refElements.current);\n    })();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [ready, response]);\n\n  const handleNameChange = (value) => {\n    if (value) setNameError();\n    setName(value);\n  };\n\n  const handleLoad = async () => {\n    setReady(true);\n  };\n\n  const handlePress = async () => {\n    if (!checkout) return;\n\n    setBusy(true);\n\n    const loadActionsResult = await checkout.loadActions();\n    if (loadActionsResult.type === 'success') {\n      const session = await loadActionsResult.actions.getSession();\n      if (!name && type === CARD && country) {\n        setNameError(true);\n        if (session.canConfirm) return setBusy(false);\n      }\n\n      const { error } = await loadActionsResult.actions.confirm(\n        name ? { billingAddress: { name, address: { country } } } : undefined,\n      );\n\n      if (session.canConfirm && error) {\n        Event.publish(EVENT.NOTIFICATION, {\n          error: true,\n          defaultMessage: translate(L10N.NOTIFICATION_ERROR),\n        });\n      }\n    }\n\n    setBusy(false);\n  };\n\n  return (\n    <>\n      <Progress indeterminate visible={!stripeReady} />\n      <View className={style.container}>\n        <View ref={refElements} />\n        {type === CARD && country && (\n          <View className={style.form}>\n            <Text action label-for=\"name\">\n              {translate(L10N.LABEL_CARD_NAME)}\n            </Text>\n            <Input\n              name=\"name\"\n              value={name}\n              onChange={handleNameChange}\n              className={styles(style.name, nameError && style.error)}\n            />\n            {nameError && (\n              <Text action error>\n                {translate(L10N.LABEL_CARD_NAME_ERROR)}\n              </Text>\n            )}\n          </View>\n        )}\n      </View>\n      {!!stripeReady && (\n        <Button busy={busy} onPress={handlePress} className={style.button}>\n          {translate(L10N.ACTION_PAY)}\n        </Button>\n      )}\n    </>\n  );\n};\n\nFormStripe.displayName = 'Mirai:Payments:ButtonPayment:FormStripe';\n\nFormStripe.propTypes = {\n  publicKey: PropTypes.string.isRequired,\n  response: PropTypes.object,\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -8,6 +8,12 @@ const L10N = exports.L10N = {
   ACTION_PAY: {
     id: 'core.action.pay'
   },
+  LABEL_CARD_NAME: {
+    id: 'core.label.card_name'
+  },
+  LABEL_CARD_NAME_ERROR: {
+    id: 'core.label.card_name_error'
+  },
   NOTIFICATION_ERROR: {
     id: 'common.notification.error_unknown'
   }

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

@@ -1 +1 @@
-{"version":3,"file":"FormStripe.l10n.js","names":["L10N","exports","ACTION_PAY","id","NOTIFICATION_ERROR"],"sources":["../../../../../../src/components/__shared__/ButtonPayment/components/FormStripe/FormStripe.l10n.js"],"sourcesContent":["export const L10N = {\n  ACTION_PAY: { id: 'core.action.pay' },\n\n  NOTIFICATION_ERROR: { id: 'common.notification.error_unknown' },\n};\n"],"mappings":";;;;;;AAAO,MAAMA,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG;EAClBE,UAAU,EAAE;IAAEC,EAAE,EAAE;EAAkB,CAAC;EAErCC,kBAAkB,EAAE;IAAED,EAAE,EAAE;EAAoC;AAChE,CAAC","ignoreList":[]}
+{"version":3,"file":"FormStripe.l10n.js","names":["L10N","exports","ACTION_PAY","id","LABEL_CARD_NAME","LABEL_CARD_NAME_ERROR","NOTIFICATION_ERROR"],"sources":["../../../../../../src/components/__shared__/ButtonPayment/components/FormStripe/FormStripe.l10n.js"],"sourcesContent":["export const L10N = {\n  ACTION_PAY: { id: 'core.action.pay' },\n\n  LABEL_CARD_NAME: { id: 'core.label.card_name' },\n  LABEL_CARD_NAME_ERROR: { id: 'core.label.card_name_error' },\n\n  NOTIFICATION_ERROR: { id: 'common.notification.error_unknown' },\n};\n"],"mappings":";;;;;;AAAO,MAAMA,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG;EAClBE,UAAU,EAAE;IAAEC,EAAE,EAAE;EAAkB,CAAC;EAErCC,eAAe,EAAE;IAAED,EAAE,EAAE;EAAuB,CAAC;EAC/CE,qBAAqB,EAAE;IAAEF,EAAE,EAAE;EAA6B,CAAC;EAE3DG,kBAAkB,EAAE;IAAEH,EAAE,EAAE;EAAoC;AAChE,CAAC","ignoreList":[]}

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

@@ -1,9 +1,38 @@
 .container {
+  gap: var(--mirai-ui-space-M);
+  max-height: calc(100vh - calc(var(--mirai-ui-space-XL) * 4));
   min-height: calc(var(--mirai-ui-space-L) * 4.75);
+  overflow: auto;
   padding: var(--mirai-ui-space-XS);
-  gap: var(--mirai-ui-space-S);
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.form input.name {
+  border-radius: var(--mirai-ui-border-radius);
+  border-width: var(--mirai-ui-border-width);
+  border: var(--mirai-ui-input-text-border);
+  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.03), 0px 3px 6px rgba(0, 0, 0, 0.02);
+  line-height: 42.3984px;
+  min-height: 42.3984px;
+  padding: 0 var(--mirai-ui-space-S) 0 var(--mirai-ui-space-S);
+}
+
+.form input.name:focus {
+  border-color: var(--mirai-ui-accent);
+  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.03), 0px 3px 6px rgba(0, 0, 0, 0.02), 0 0 0 3px hsla(204, 64%, 40%, 25%),
+    0 1px 1px 0 rgba(0, 0, 0, 0.08);
+  outline: 0px;
+}
+
+.form input.name.error {
+  color: var(--mirai-ui-error);
+  border-color: var(--mirai-ui-error);
+  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.03), 0px 3px 6px rgba(0, 0, 0, 0.02), 0 0 0 1px var(--mirai-ui-error);
+  margin-bottom: calc(var(--mirai-ui-space-XXS) / 2);
 }
 
 .button {
   align-self: center;
+  margin: var(--mirai-ui-space-XS) 0 var(--mirai-ui-space-S) 0;
 }

package/build/components/__shared__/ButtonPayment/components/FormStripe/herlpes/getStyle.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getStyle = void 0;
+var _ui = require("@mirai/ui");
+const getStyle = () => {
+  const theme = _ui.Theme.get();
+  const {
+    accent,
+    base,
+    borderColor,
+    borderRadius,
+    content,
+    error,
+    font,
+    fontBoldWeight,
+    fontSizeAction,
+    fontSizeHeadline2,
+    fontSizeHeadline3,
+    fontSizeHeadlinee1,
+    fontSizeParagraph,
+    fontWeight
+  } = theme;
+  return {
+    borderRadius: "".concat(borderRadius, "px"),
+    colorBackground: base,
+    colorBorder: borderColor,
+    colorDanger: error,
+    colorPrimary: accent,
+    colorText: content,
+    fontFamily: font,
+    fontSize2Xs: "".concat(fontSizeHeadline3, "px"),
+    fontSize3Xs: "".concat(fontSizeHeadline2, "px"),
+    fontSizeBase: "".concat(fontSizeParagraph, "px"),
+    fontSizeLg: "".concat(fontSizeHeadlinee1, "px"),
+    fontSizeSm: "".concat(fontSizeAction, "px"),
+    fontSizeXs: "".concat(fontSizeParagraph, "px"),
+    fontWeightBold: fontBoldWeight,
+    fontWeightNormal: "".concat(fontWeight, "px")
+  };
+};
+exports.getStyle = getStyle;
+//# sourceMappingURL=getStyle.js.map

package/build/components/__shared__/ButtonPayment/components/FormStripe/herlpes/getStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getStyle.js","names":["_ui","require","getStyle","theme","Theme","get","accent","base","borderColor","borderRadius","content","error","font","fontBoldWeight","fontSizeAction","fontSizeHeadline2","fontSizeHeadline3","fontSizeHeadlinee1","fontSizeParagraph","fontWeight","concat","colorBackground","colorBorder","colorDanger","colorPrimary","colorText","fontFamily","fontSize2Xs","fontSize3Xs","fontSizeBase","fontSizeLg","fontSizeSm","fontSizeXs","fontWeightBold","fontWeightNormal","exports"],"sources":["../../../../../../../src/components/__shared__/ButtonPayment/components/FormStripe/herlpes/getStyle.js"],"sourcesContent":["import { Theme } from '@mirai/ui';\n\nexport const getStyle = () => {\n  const theme = Theme.get();\n\n  const {\n    accent,\n    base,\n    borderColor,\n    borderRadius,\n    content,\n    error,\n    font,\n    fontBoldWeight,\n    fontSizeAction,\n    fontSizeHeadline2,\n    fontSizeHeadline3,\n    fontSizeHeadlinee1,\n    fontSizeParagraph,\n    fontWeight,\n  } = theme;\n\n  return {\n    borderRadius: `${borderRadius}px`,\n    colorBackground: base,\n    colorBorder: borderColor,\n    colorDanger: error,\n    colorPrimary: accent,\n    colorText: content,\n    fontFamily: font,\n    fontSize2Xs: `${fontSizeHeadline3}px`,\n    fontSize3Xs: `${fontSizeHeadline2}px`,\n    fontSizeBase: `${fontSizeParagraph}px`,\n    fontSizeLg: `${fontSizeHeadlinee1}px`,\n    fontSizeSm: `${fontSizeAction}px`,\n    fontSizeXs: `${fontSizeParagraph}px`,\n    fontWeightBold: fontBoldWeight,\n    fontWeightNormal: `${fontWeight}px`,\n  };\n};\n"],"mappings":";;;;;;AAAA,IAAAA,GAAA,GAAAC,OAAA;AAEO,MAAMC,QAAQ,GAAGA,CAAA,KAAM;EAC5B,MAAMC,KAAK,GAAGC,SAAK,CAACC,GAAG,CAAC,CAAC;EAEzB,MAAM;IACJC,MAAM;IACNC,IAAI;IACJC,WAAW;IACXC,YAAY;IACZC,OAAO;IACPC,KAAK;IACLC,IAAI;IACJC,cAAc;IACdC,cAAc;IACdC,iBAAiB;IACjBC,iBAAiB;IACjBC,kBAAkB;IAClBC,iBAAiB;IACjBC;EACF,CAAC,GAAGhB,KAAK;EAET,OAAO;IACLM,YAAY,KAAAW,MAAA,CAAKX,YAAY,OAAI;IACjCY,eAAe,EAAEd,IAAI;IACrBe,WAAW,EAAEd,WAAW;IACxBe,WAAW,EAAEZ,KAAK;IAClBa,YAAY,EAAElB,MAAM;IACpBmB,SAAS,EAAEf,OAAO;IAClBgB,UAAU,EAAEd,IAAI;IAChBe,WAAW,KAAAP,MAAA,CAAKJ,iBAAiB,OAAI;IACrCY,WAAW,KAAAR,MAAA,CAAKL,iBAAiB,OAAI;IACrCc,YAAY,KAAAT,MAAA,CAAKF,iBAAiB,OAAI;IACtCY,UAAU,KAAAV,MAAA,CAAKH,kBAAkB,OAAI;IACrCc,UAAU,KAAAX,MAAA,CAAKN,cAAc,OAAI;IACjCkB,UAAU,KAAAZ,MAAA,CAAKF,iBAAiB,OAAI;IACpCe,cAAc,EAAEpB,cAAc;IAC9BqB,gBAAgB,KAAAd,MAAA,CAAKD,UAAU;EACjC,CAAC;AACH,CAAC;AAACgB,OAAA,CAAAjC,QAAA,GAAAA,QAAA","ignoreList":[]}

package/build/components/__shared__/ButtonPayment/components/FormStripe/herlpes/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/FormStripe/herlpes/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/FormStripe/herlpes/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","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mirai/core",
-  "version": "0.4.498",
+  "version": "0.4.500",
   "source": "src/index.js",
   "repository": "https://gitlab.com/miraicorp/dev/frontend/core",
   "author": "JΛVI <hello@soyjavi.com>",