@mirai/core 0.4.599 → 0.4.600

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

@@ -40,6 +40,7 @@ const FormStripe = _ref => {
   const [ready, setReady] = (0, _react.useState)();
   const [stripeReady, setStripeReady] = (0, _react.useState)();
   const [type, setType] = (0, _react.useState)();
+  const refAdaptivePricing = (0, _react.useRef)();
   const refElements = (0, _react.useRef)();
   (0, _react.useEffect)(() => {
     const domain = 'payments';
@@ -64,6 +65,7 @@ const FormStripe = _ref => {
     setStripeReady();
     const {
       configuration: {
+        adaptivePricing,
         cardHolderName,
         clientCountry,
         clientSecret,
@@ -76,6 +78,7 @@ const FormStripe = _ref => {
       checkout = window.Stripe(publicKey, {
         stripeAccount
       }).initCheckoutElementsSdk({
+        adaptivePricing,
         clientSecret,
         elementsOptions: {
           appearance: {
@@ -107,6 +110,7 @@ const FormStripe = _ref => {
           }
         });
       });
+      if (adaptivePricing !== null && adaptivePricing !== void 0 && adaptivePricing.allowed) checkout.createCurrencySelectorElement().mount(refAdaptivePricing.current);
       paymentElement.mount(refElements.current);
     })();
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -153,6 +157,8 @@ const FormStripe = _ref => {
   }), /*#__PURE__*/_react.default.createElement(_ui.View, {
     className: style.container
   }, /*#__PURE__*/_react.default.createElement(_ui.View, {
+    ref: refAdaptivePricing
+  }), /*#__PURE__*/_react.default.createElement(_ui.View, {
     ref: refElements
   }), type === CARD && country && /*#__PURE__*/_react.default.createElement(_ui.View, {
     className: style.form

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

@@ -1 +1 @@
-{"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","cardHolderName","clientCountry","clientSecret","stripeAccountId","stripeAccount","window","Stripe","initCheckoutElementsSdk","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/dahlia/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: { cardHolderName, clientCountry, clientSecret, stripeAccountId: stripeAccount } = {} } =\n      response;\n    setCountry(clientCountry);\n    if (cardHolderName) setName(cardHolderName);\n\n    (async () => {\n      checkout = window.Stripe(publicKey, { stripeAccount }).initCheckoutElementsSdk({\n        clientSecret,\n        elementsOptions: { appearance: { theme: 'stripe', variables: getStyle() } },\n      });\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":[]}
+{"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","refAdaptivePricing","useRef","refElements","useEffect","domain","id","loadScript","async","src","onLoad","handleLoad","el","document","getElementById","concat","parentNode","removeChild","configuration","adaptivePricing","cardHolderName","clientCountry","clientSecret","stripeAccountId","stripeAccount","window","Stripe","initCheckoutElementsSdk","elementsOptions","appearance","theme","variables","getStyle","loadFonts","cssSrc","paymentElement","createPaymentElement","layout","fields","billingDetails","on","event","value","getPaymentElement","update","allowed","createCurrencySelectorElement","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 refAdaptivePricing = useRef();\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/dahlia/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 {\n      configuration: {\n        adaptivePricing,\n        cardHolderName,\n        clientCountry,\n        clientSecret,\n        stripeAccountId: stripeAccount,\n      } = {},\n    } = response;\n    setCountry(clientCountry);\n    if (cardHolderName) setName(cardHolderName);\n\n    (async () => {\n      checkout = window.Stripe(publicKey, { stripeAccount }).initCheckoutElementsSdk({\n        adaptivePricing,\n        clientSecret,\n        elementsOptions: { appearance: { theme: 'stripe', variables: getStyle() } },\n      });\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      if (adaptivePricing?.allowed) checkout.createCurrencySelectorElement().mount(refAdaptivePricing.current);\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={refAdaptivePricing} />\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/herlpes/getStyle.js

@@ -17,8 +17,6 @@ const getStyle = () => {
     font,
     fontBoldWeight,
     fontSizeAction,
-    fontSizeHeadline2,
-    fontSizeHeadline3,
     fontSizeHeadlinee1,
     fontSizeParagraph,
     fontWeight
@@ -31,8 +29,8 @@ const getStyle = () => {
     colorPrimary: accent,
     colorText: content,
     fontFamily: font,
-    fontSize2Xs: "".concat(fontSizeHeadline3, "px"),
-    fontSize3Xs: "".concat(fontSizeHeadline2, "px"),
+    fontSize2Xs: "".concat(fontSizeParagraph, "px"),
+    fontSize3Xs: "".concat(fontSizeParagraph, "px"),
     fontSizeBase: "".concat(fontSizeParagraph, "px"),
     fontSizeLg: "".concat(fontSizeHeadlinee1, "px"),
     fontSizeSm: "".concat(fontSizeAction, "px"),

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

@@ -1 +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":[]}
+{"version":3,"file":"getStyle.js","names":["_ui","require","getStyle","theme","Theme","get","accent","base","borderColor","borderRadius","content","error","font","fontBoldWeight","fontSizeAction","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    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: `${fontSizeParagraph}px`,\n    fontSize3Xs: `${fontSizeParagraph}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,kBAAkB;IAClBC,iBAAiB;IACjBC;EACF,CAAC,GAAGd,KAAK;EAET,OAAO;IACLM,YAAY,KAAAS,MAAA,CAAKT,YAAY,OAAI;IACjCU,eAAe,EAAEZ,IAAI;IACrBa,WAAW,EAAEZ,WAAW;IACxBa,WAAW,EAAEV,KAAK;IAClBW,YAAY,EAAEhB,MAAM;IACpBiB,SAAS,EAAEb,OAAO;IAClBc,UAAU,EAAEZ,IAAI;IAChBa,WAAW,KAAAP,MAAA,CAAKF,iBAAiB,OAAI;IACrCU,WAAW,KAAAR,MAAA,CAAKF,iBAAiB,OAAI;IACrCW,YAAY,KAAAT,MAAA,CAAKF,iBAAiB,OAAI;IACtCY,UAAU,KAAAV,MAAA,CAAKH,kBAAkB,OAAI;IACrCc,UAAU,KAAAX,MAAA,CAAKJ,cAAc,OAAI;IACjCgB,UAAU,KAAAZ,MAAA,CAAKF,iBAAiB,OAAI;IACpCe,cAAc,EAAElB,cAAc;IAC9BmB,gBAAgB,KAAAd,MAAA,CAAKD,UAAU;EACjC,CAAC;AACH,CAAC;AAACgB,OAAA,CAAA/B,QAAA,GAAAA,QAAA","ignoreList":[]}

package/package.json

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