@mirai/core 0.3.223 → 0.3.224

package/build/components/Checkout/Checkout.js

@@ -19,6 +19,7 @@ var _partials = require("./partials");
 var _Core = require("../../Core.constants");
 var _shared__ = require("../__shared__");
 var _Booking = require("../Booking/partials/Booking.ModalAgency");
+var _Header = require("../Header");
 var _helpers2 = require("../helpers");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -27,7 +28,6 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 let hasTracking = false;
 const Checkout = _ref => {
   let {
-    session: showSession = false,
     skeleton,
     ...others
   } = _ref;
@@ -43,7 +43,6 @@ const Checkout = _ref => {
   } = (0, _dataSources.useMetrics)();
   const {
     value: {
-      club = {},
       currency,
       hotel,
       id,
@@ -113,9 +112,6 @@ const Checkout = _ref => {
   };
   const {
     agency = {},
-    hotel: {
-      image
-    } = {},
     payment
   } = dataSource || {};
   const response = dataSource !== undefined;
@@ -124,14 +120,10 @@ const Checkout = _ref => {
     isDesktop,
     urlParams
   });
-  const {
-    active,
-    authentication: {
-      type
-    } = {}
-  } = club;
   const hasRequiredFields = Object.keys(requiredFields || {}).length > 0;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ui.View, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Header.Header, {
+    locale: true
+  }), /*#__PURE__*/_react.default.createElement(_ui.View, {
     role: "checkout",
     testId: others.testId,
     className: (0, _ui.styles)(style.container, others.className)
@@ -139,10 +131,7 @@ const Checkout = _ref => {
     indeterminate: true,
     visible: !response && !responseError,
     className: style.progress
-  }), response ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("img", {
-    src: image,
-    className: style.logo
-  }), /*#__PURE__*/_react.default.createElement(_ui.View, {
+  }), response ? /*#__PURE__*/_react.default.createElement(_ui.View, {
     row: isDesktop,
     className: style.content
   }, /*#__PURE__*/_react.default.createElement(_ui.View, {
@@ -157,7 +146,7 @@ const Checkout = _ref => {
   }), !isDesktop && /*#__PURE__*/_react.default.createElement(_partials.Details, {
     dataSource: dataSource,
     variant: variant
-  }), active && !session && showSession && type === _Core.AUTH_TYPE.MIRAI && /*#__PURE__*/_react.default.createElement(_partials.Session, null), (agency.name || !payment) && /*#__PURE__*/_react.default.createElement(_ui.Notification, {
+  }), (agency.name || !payment) && /*#__PURE__*/_react.default.createElement(_ui.Notification, {
     small: true,
     info: true,
     wide: true,
@@ -188,7 +177,7 @@ const Checkout = _ref => {
     variant: variant,
     onError: handleErrorConfirmation,
     onValid: () => setRequiredFields()
-  }))) : responseError ? /*#__PURE__*/_react.default.createElement(_ui.Notification, {
+  })) : responseError ? /*#__PURE__*/_react.default.createElement(_ui.Notification, {
     error: true,
     large: true
   }, translate(_Checkout2.L10N.NOTIFICATION_ERROR[(responseError === null || responseError === void 0 ? void 0 : responseError.code) || _Core.ERROR.UNKNOWN])) : /*#__PURE__*/_react.default.createElement(_Checkout3.default, null)), agency.name && /*#__PURE__*/_react.default.createElement(_Booking.ModalAgency, _extends({}, agency, {
@@ -199,7 +188,6 @@ const Checkout = _ref => {
 exports.Checkout = Checkout;
 Checkout.displayName = 'Mirai:Core:Checkout';
 Checkout.propTypes = {
-  session: _propTypes.default.bool,
   skeleton: _propTypes.default.bool
 };
 //# sourceMappingURL=Checkout.js.map

package/build/components/Checkout/Checkout.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkout.js","names":["_dataSources","require","_locale","_services","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_Checkout","_Checkout2","style","_Checkout3","_helpers","_partials","_Core","_shared__","_Booking","_helpers2","_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","hasTracking","Checkout","_ref","session","showSession","skeleton","others","isDesktop","useDevice","translate","useLocale","track","trackRender","useMetrics","value","club","currency","hotel","id","language","locale","urlParams","useStore","dataSource","setDataSource","useState","error","setError","requiredFields","setRequiredFields","modalAgency","setModalAgency","responseError","setResponseError","useEffect","ServiceFeatures","FEATURE_CHECKOUT_TRACKING","concat","TRACKING","response","ServiceBooking","checkout","applyClubDiscount","undefined","catch","service","method","trace","tracking","chainId","idchain","window","addEventListener","innerHeight","scrollY","documentElement","scrollHeight","document","handleModalAgency","handleErrorConfirmation","scrollTo","top","behavior","agency","image","payment","variant","getVariant","active","authentication","type","hasRequiredFields","keys","createElement","Fragment","View","role","testId","className","styles","container","Progress","indeterminate","visible","progress","src","logo","row","content","main","NotificationRequiredFields","form","values","Summary","box","Details","AUTH_TYPE","MIRAI","Session","name","Notification","small","info","wide","L10N","NOTIFICATION_NO_CARD","NOTIFICATION_AGENCY","link","Action","inline","underline","onPress","action","ACTION_MORE_INFO","Form","showErrors","onError","BookingTerms","Confirmation","onValid","large","NOTIFICATION_ERROR","code","ERROR","UNKNOWN","ModalAgency","onClose","exports","displayName","propTypes","PropTypes","bool"],"sources":["../../../src/components/Checkout/Checkout.jsx"],"sourcesContent":["import { useMetrics, useStore } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\nimport { ServiceBooking, ServiceFeatures } from '@mirai/services';\nimport { Action, Notification, Progress, styles, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\n\nimport { FEATURE_CHECKOUT_TRACKING, TRACKING } from './Checkout.constants';\nimport { L10N } from './Checkout.l10n';\nimport * as style from './Checkout.module.css';\nimport Skeleton from './Checkout.skeleton';\nimport { getVariant } from './helpers';\nimport { Confirmation, Details, Form, Session, Summary } from './partials';\nimport { ERROR } from '../../Core.constants';\nimport { AUTH_TYPE } from '../../Core.constants';\nimport { BookingTerms, NotificationRequiredFields } from '../__shared__';\nimport { ModalAgency } from '../Booking/partials/Booking.ModalAgency';\nimport { trace } from '../helpers';\n\nlet hasTracking = false;\n\nconst Checkout = ({ session: showSession = false, skeleton, ...others }) => {\n  const { isDesktop } = useDevice();\n  const { translate } = useLocale();\n  const { track, trackRender } = useMetrics();\n  const {\n    value: { club = {}, currency, hotel, id, language, locale, session, urlParams = {} },\n  } = useStore();\n\n  const [dataSource, setDataSource] = useState();\n  const [error, setError] = useState();\n  const [requiredFields, setRequiredFields] = useState();\n  const [modalAgency, setModalAgency] = useState(false);\n  const [responseError, setResponseError] = useState();\n\n  useEffect(() => {\n    if (skeleton) return;\n\n    hasTracking = ServiceFeatures.get(FEATURE_CHECKOUT_TRACKING, id);\n    hasTracking && trackRender(`${TRACKING}:RENDER`, { locale });\n\n    (async () => {\n      const response = await ServiceBooking.checkout({\n        currency,\n        hotel,\n        language,\n        locale,\n        session: urlParams.applyClubDiscount === 'true' ? session : undefined,\n        ...urlParams,\n      }).catch((error) => {\n        setResponseError(error);\n        hasTracking && track(`${TRACKING}:ERROR:SERVICE`, { service: 'Booking', method: 'checkout', error });\n      });\n      setDataSource(response);\n      response && trace({ ...response.tracking, chainId: urlParams.idchain });\n    })();\n\n    window.addEventListener('scroll', () => {\n      if (!hasTracking) return;\n      const { innerHeight = 0, scrollY } = window;\n      const { documentElement: { scrollHeight = 0 } = {} } = document;\n\n      if (scrollY >= scrollHeight - innerHeight) track(`${TRACKING}:SCROLL:BOTTOM`);\n      else if (scrollY === 0) track(`${TRACKING}:SCROLL:TOP`);\n    });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [session]);\n\n  const handleModalAgency = () => {\n    setModalAgency(true);\n  };\n\n  const handleErrorConfirmation = () => {\n    window.scrollTo({ top: 0, behavior: 'smooth' });\n    setRequiredFields(error);\n  };\n\n  const { agency = {}, hotel: { image } = {}, payment } = dataSource || {};\n  const response = dataSource !== undefined;\n  const variant = getVariant({ id, isDesktop, urlParams });\n  const { active, authentication: { type } = {} } = club;\n  const hasRequiredFields = Object.keys(requiredFields || {}).length > 0;\n\n  return (\n    <>\n      <View role=\"checkout\" testId={others.testId} className={styles(style.container, others.className)}>\n        <Progress indeterminate visible={!response && !responseError} className={style.progress} />\n        {response ? (\n          <>\n            <img src={image} className={style.logo} />\n\n            <View row={isDesktop} className={style.content}>\n              <View className={style.main}>\n                {hasRequiredFields && <NotificationRequiredFields form=\"checkout\" values={requiredFields} />}\n\n                {variant === 'B' && <Summary dataSource={dataSource} variant={variant} className={style.box} />}\n\n                {!isDesktop && <Details dataSource={dataSource} variant={variant} />}\n\n                {active && !session && showSession && type === AUTH_TYPE.MIRAI && <Session />}\n\n                {(agency.name || !payment) && (\n                  <Notification small info wide className={styles(style.agency, others.className)}>\n                    {!payment && `${translate(L10N.NOTIFICATION_NO_CARD)} `}\n                    {agency.name &&\n                      translate(L10N.NOTIFICATION_AGENCY, {\n                        agency: agency.name,\n                        link: (\n                          <>\n                            <Action inline underline small onPress={handleModalAgency} className={styles(style.action)}>\n                              {translate(L10N.ACTION_MORE_INFO)}\n                            </Action>\n                          </>\n                        ),\n                      })}\n                  </Notification>\n                )}\n\n                <Form dataSource={dataSource} showErrors={hasRequiredFields} onError={setError} />\n\n                {isDesktop && <Details dataSource={dataSource} variant={variant} />}\n                <BookingTerms dataSource={dataSource} small tracking={TRACKING} />\n              </View>\n\n              <Confirmation\n                dataSource={dataSource}\n                error={Object.keys(error || {}).length > 0}\n                variant={variant}\n                onError={handleErrorConfirmation}\n                onValid={() => setRequiredFields()}\n              />\n            </View>\n          </>\n        ) : responseError ? (\n          <Notification error large>\n            {translate(L10N.NOTIFICATION_ERROR[responseError?.code || ERROR.UNKNOWN])}\n          </Notification>\n        ) : (\n          <Skeleton />\n        )}\n      </View>\n      {agency.name && <ModalAgency {...agency} visible={modalAgency} onClose={() => setModalAgency(false)} />}\n    </>\n  );\n};\n\nCheckout.displayName = 'Mirai:Core:Checkout';\n\nCheckout.propTypes = {\n  session: PropTypes.bool,\n  skeleton: PropTypes.bool,\n};\n\nexport { Checkout };\n"],"mappings":"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"}
+{"version":3,"file":"Checkout.js","names":["_dataSources","require","_locale","_services","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_Checkout","_Checkout2","style","_Checkout3","_helpers","_partials","_Core","_shared__","_Booking","_Header","_helpers2","_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","hasTracking","Checkout","_ref","skeleton","others","isDesktop","useDevice","translate","useLocale","track","trackRender","useMetrics","value","currency","hotel","id","language","locale","session","urlParams","useStore","dataSource","setDataSource","useState","error","setError","requiredFields","setRequiredFields","modalAgency","setModalAgency","responseError","setResponseError","useEffect","ServiceFeatures","FEATURE_CHECKOUT_TRACKING","concat","TRACKING","response","ServiceBooking","checkout","applyClubDiscount","undefined","catch","service","method","trace","tracking","chainId","idchain","window","addEventListener","innerHeight","scrollY","documentElement","scrollHeight","document","handleModalAgency","handleErrorConfirmation","scrollTo","top","behavior","agency","payment","variant","getVariant","hasRequiredFields","keys","createElement","Fragment","Header","View","role","testId","className","styles","container","Progress","indeterminate","visible","progress","row","content","main","NotificationRequiredFields","form","values","Summary","box","Details","name","Notification","small","info","wide","L10N","NOTIFICATION_NO_CARD","NOTIFICATION_AGENCY","link","Action","inline","underline","onPress","action","ACTION_MORE_INFO","Form","showErrors","onError","BookingTerms","Confirmation","onValid","large","NOTIFICATION_ERROR","code","ERROR","UNKNOWN","ModalAgency","onClose","exports","displayName","propTypes","PropTypes","bool"],"sources":["../../../src/components/Checkout/Checkout.jsx"],"sourcesContent":["import { useMetrics, useStore } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\nimport { ServiceBooking, ServiceFeatures } from '@mirai/services';\nimport { Action, Notification, Progress, styles, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\n\nimport { FEATURE_CHECKOUT_TRACKING, TRACKING } from './Checkout.constants';\nimport { L10N } from './Checkout.l10n';\nimport * as style from './Checkout.module.css';\nimport Skeleton from './Checkout.skeleton';\nimport { getVariant } from './helpers';\nimport { Confirmation, Details, Form, Summary } from './partials';\nimport { ERROR } from '../../Core.constants';\nimport { BookingTerms, NotificationRequiredFields } from '../__shared__';\nimport { ModalAgency } from '../Booking/partials/Booking.ModalAgency';\nimport { Header } from '../Header';\nimport { trace } from '../helpers';\n\nlet hasTracking = false;\n\nconst Checkout = ({ skeleton, ...others }) => {\n  const { isDesktop } = useDevice();\n  const { translate } = useLocale();\n  const { track, trackRender } = useMetrics();\n  const {\n    value: { currency, hotel, id, language, locale, session, urlParams = {} },\n  } = useStore();\n\n  const [dataSource, setDataSource] = useState();\n  const [error, setError] = useState();\n  const [requiredFields, setRequiredFields] = useState();\n  const [modalAgency, setModalAgency] = useState(false);\n  const [responseError, setResponseError] = useState();\n\n  useEffect(() => {\n    if (skeleton) return;\n\n    hasTracking = ServiceFeatures.get(FEATURE_CHECKOUT_TRACKING, id);\n    hasTracking && trackRender(`${TRACKING}:RENDER`, { locale });\n\n    (async () => {\n      const response = await ServiceBooking.checkout({\n        currency,\n        hotel,\n        language,\n        locale,\n        session: urlParams.applyClubDiscount === 'true' ? session : undefined,\n        ...urlParams,\n      }).catch((error) => {\n        setResponseError(error);\n        hasTracking && track(`${TRACKING}:ERROR:SERVICE`, { service: 'Booking', method: 'checkout', error });\n      });\n      setDataSource(response);\n      response && trace({ ...response.tracking, chainId: urlParams.idchain });\n    })();\n\n    window.addEventListener('scroll', () => {\n      if (!hasTracking) return;\n      const { innerHeight = 0, scrollY } = window;\n      const { documentElement: { scrollHeight = 0 } = {} } = document;\n\n      if (scrollY >= scrollHeight - innerHeight) track(`${TRACKING}:SCROLL:BOTTOM`);\n      else if (scrollY === 0) track(`${TRACKING}:SCROLL:TOP`);\n    });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [session]);\n\n  const handleModalAgency = () => {\n    setModalAgency(true);\n  };\n\n  const handleErrorConfirmation = () => {\n    window.scrollTo({ top: 0, behavior: 'smooth' });\n    setRequiredFields(error);\n  };\n\n  const { agency = {}, payment } = dataSource || {};\n  const response = dataSource !== undefined;\n  const variant = getVariant({ id, isDesktop, urlParams });\n  const hasRequiredFields = Object.keys(requiredFields || {}).length > 0;\n\n  return (\n    <>\n      <Header locale />\n\n      <View role=\"checkout\" testId={others.testId} className={styles(style.container, others.className)}>\n        <Progress indeterminate visible={!response && !responseError} className={style.progress} />\n        {response ? (\n          <View row={isDesktop} className={style.content}>\n            <View className={style.main}>\n              {hasRequiredFields && <NotificationRequiredFields form=\"checkout\" values={requiredFields} />}\n\n              {variant === 'B' && <Summary dataSource={dataSource} variant={variant} className={style.box} />}\n\n              {!isDesktop && <Details dataSource={dataSource} variant={variant} />}\n\n              {(agency.name || !payment) && (\n                <Notification small info wide className={styles(style.agency, others.className)}>\n                  {!payment && `${translate(L10N.NOTIFICATION_NO_CARD)} `}\n                  {agency.name &&\n                    translate(L10N.NOTIFICATION_AGENCY, {\n                      agency: agency.name,\n                      link: (\n                        <>\n                          <Action inline underline small onPress={handleModalAgency} className={styles(style.action)}>\n                            {translate(L10N.ACTION_MORE_INFO)}\n                          </Action>\n                        </>\n                      ),\n                    })}\n                </Notification>\n              )}\n\n              <Form dataSource={dataSource} showErrors={hasRequiredFields} onError={setError} />\n\n              {isDesktop && <Details dataSource={dataSource} variant={variant} />}\n              <BookingTerms dataSource={dataSource} small tracking={TRACKING} />\n            </View>\n\n            <Confirmation\n              dataSource={dataSource}\n              error={Object.keys(error || {}).length > 0}\n              variant={variant}\n              onError={handleErrorConfirmation}\n              onValid={() => setRequiredFields()}\n            />\n          </View>\n        ) : responseError ? (\n          <Notification error large>\n            {translate(L10N.NOTIFICATION_ERROR[responseError?.code || ERROR.UNKNOWN])}\n          </Notification>\n        ) : (\n          <Skeleton />\n        )}\n      </View>\n      {agency.name && <ModalAgency {...agency} visible={modalAgency} onClose={() => setModalAgency(false)} />}\n    </>\n  );\n};\n\nCheckout.displayName = 'Mirai:Core:Checkout';\n\nCheckout.propTypes = {\n  skeleton: PropTypes.bool,\n};\n\nexport { Checkout };\n"],"mappings":"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"}

package/build/components/Checkout/Checkout.module.css

@@ -38,13 +38,6 @@ body {
   flex: 1;
 }
 
-.logo {
-  height: 100%;
-  margin-bottom: var(--mirai-ui-space-L);
-  max-height: calc(var(--mirai-ui-space-XL) * 2);
-  max-width: calc(var(--mirai-ui-space-XXL) * 3);
-}
-
 .box {
   background-color: var(--mirai-ui-base);
   border-radius: var(--mirai-ui-border-radius);

package/build/components/Checkout/Checkout.skeleton.js

@@ -28,8 +28,7 @@ var _default = () => {
       alignItems: 'start',
       alignSelf: 'center',
       gap: '1rem',
-      maxWidth: 'var(--mirai-ui-breakpoint-content)',
-      marginTop: '2rem'
+      maxWidth: 'var(--mirai-ui-breakpoint-content)'
     }
   }, /*#__PURE__*/_react.default.createElement(_ui.View, {
     style: {

package/build/components/Checkout/Checkout.skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkout.skeleton.js","names":["_ui","require","_react","_interopRequireDefault","_shared__","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_default","isDesktop","useDevice","props","color","createElement","View","style","alignItems","wide","row","alignSelf","gap","maxWidth","marginTop","flex","Skeleton","height","exports"],"sources":["../../../src/components/Checkout/Checkout.skeleton.jsx"],"sourcesContent":["import { useDevice } from '@mirai/ui';\nimport { View } from '@mirai/ui';\nimport React from 'react';\n\nimport { Skeleton } from '../__shared__';\n\nexport default () => {\n  const { isDesktop } = useDevice();\n\n  const props = { color: 'base' };\n\n  return (\n    <View style={{ alignItems: 'start' }} wide>\n      <View\n        row\n        wide\n        style={{\n          alignItems: 'start',\n          alignSelf: 'center',\n          gap: '1rem',\n          maxWidth: 'var(--mirai-ui-breakpoint-content)',\n          marginTop: '2rem',\n        }}\n      >\n        <View style={{ flex: 1, gap: '1rem' }}>\n          <Skeleton {...props} style={{ height: '32rem' }} />\n          <Skeleton {...props} style={{ height: '16rem' }} />\n          <Skeleton {...props} style={{ height: '16rem' }} />\n          <Skeleton {...props} style={{ height: '12rem' }} />\n        </View>\n        {isDesktop && (\n          <Skeleton\n            {...props}\n            style={{\n              flex: 1,\n              maxWidth: 'calc(var(--mirai-ui-breakpoint-S) - var(--mirai-ui-space-M) * 2)',\n              height: '36rem',\n            }}\n          />\n        )}\n      </View>\n    </View>\n  );\n};\n"],"mappings":";;;;;;AAAA,IAAAA,GAAA,GAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,SAAA,GAAAH,OAAA;AAAyC,SAAAE,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAAA,IAAAQ,QAAA,GAE1BA,CAAA,KAAM;EACnB,MAAM;IAAEC;EAAU,CAAC,GAAG,IAAAC,aAAS,EAAC,CAAC;EAEjC,MAAMC,KAAK,GAAG;IAAEC,KAAK,EAAE;EAAO,CAAC;EAE/B,oBACExB,MAAA,CAAAK,OAAA,CAAAoB,aAAA,CAAC3B,GAAA,CAAA4B,IAAI;IAACC,KAAK,EAAE;MAAEC,UAAU,EAAE;IAAQ,CAAE;IAACC,IAAI;EAAA,gBACxC7B,MAAA,CAAAK,OAAA,CAAAoB,aAAA,CAAC3B,GAAA,CAAA4B,IAAI;IACHI,GAAG;IACHD,IAAI;IACJF,KAAK,EAAE;MACLC,UAAU,EAAE,OAAO;MACnBG,SAAS,EAAE,QAAQ;MACnBC,GAAG,EAAE,MAAM;MACXC,QAAQ,EAAE,oCAAoC;MAC9CC,SAAS,EAAE;IACb;EAAE,gBAEFlC,MAAA,CAAAK,OAAA,CAAAoB,aAAA,CAAC3B,GAAA,CAAA4B,IAAI;IAACC,KAAK,EAAE;MAAEQ,IAAI,EAAE,CAAC;MAAEH,GAAG,EAAE;IAAO;EAAE,gBACpChC,MAAA,CAAAK,OAAA,CAAAoB,aAAA,CAACvB,SAAA,CAAAkC,QAAQ,EAAA9B,QAAA,KAAKiB,KAAK;IAAEI,KAAK,EAAE;MAAEU,MAAM,EAAE;IAAQ;EAAE,EAAE,CAAC,eACnDrC,MAAA,CAAAK,OAAA,CAAAoB,aAAA,CAACvB,SAAA,CAAAkC,QAAQ,EAAA9B,QAAA,KAAKiB,KAAK;IAAEI,KAAK,EAAE;MAAEU,MAAM,EAAE;IAAQ;EAAE,EAAE,CAAC,eACnDrC,MAAA,CAAAK,OAAA,CAAAoB,aAAA,CAACvB,SAAA,CAAAkC,QAAQ,EAAA9B,QAAA,KAAKiB,KAAK;IAAEI,KAAK,EAAE;MAAEU,MAAM,EAAE;IAAQ;EAAE,EAAE,CAAC,eACnDrC,MAAA,CAAAK,OAAA,CAAAoB,aAAA,CAACvB,SAAA,CAAAkC,QAAQ,EAAA9B,QAAA,KAAKiB,KAAK;IAAEI,KAAK,EAAE;MAAEU,MAAM,EAAE;IAAQ;EAAE,EAAE,CAC9C,CAAC,EACNhB,SAAS,iBACRrB,MAAA,CAAAK,OAAA,CAAAoB,aAAA,CAACvB,SAAA,CAAAkC,QAAQ,EAAA9B,QAAA,KACHiB,KAAK;IACTI,KAAK,EAAE;MACLQ,IAAI,EAAE,CAAC;MACPF,QAAQ,EAAE,kEAAkE;MAC5EI,MAAM,EAAE;IACV;EAAE,EACH,CAEC,CACF,CAAC;AAEX,CAAC;AAAAC,OAAA,CAAAjC,OAAA,GAAAe,QAAA"}
+{"version":3,"file":"Checkout.skeleton.js","names":["_ui","require","_react","_interopRequireDefault","_shared__","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_default","isDesktop","useDevice","props","color","createElement","View","style","alignItems","wide","row","alignSelf","gap","maxWidth","flex","Skeleton","height","exports"],"sources":["../../../src/components/Checkout/Checkout.skeleton.jsx"],"sourcesContent":["import { useDevice } from '@mirai/ui';\nimport { View } from '@mirai/ui';\nimport React from 'react';\n\nimport { Skeleton } from '../__shared__';\n\nexport default () => {\n  const { isDesktop } = useDevice();\n\n  const props = { color: 'base' };\n\n  return (\n    <View style={{ alignItems: 'start' }} wide>\n      <View\n        row\n        wide\n        style={{\n          alignItems: 'start',\n          alignSelf: 'center',\n          gap: '1rem',\n          maxWidth: 'var(--mirai-ui-breakpoint-content)',\n        }}\n      >\n        <View style={{ flex: 1, gap: '1rem' }}>\n          <Skeleton {...props} style={{ height: '32rem' }} />\n          <Skeleton {...props} style={{ height: '16rem' }} />\n          <Skeleton {...props} style={{ height: '16rem' }} />\n          <Skeleton {...props} style={{ height: '12rem' }} />\n        </View>\n        {isDesktop && (\n          <Skeleton\n            {...props}\n            style={{\n              flex: 1,\n              maxWidth: 'calc(var(--mirai-ui-breakpoint-S) - var(--mirai-ui-space-M) * 2)',\n              height: '36rem',\n            }}\n          />\n        )}\n      </View>\n    </View>\n  );\n};\n"],"mappings":";;;;;;AAAA,IAAAA,GAAA,GAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,SAAA,GAAAH,OAAA;AAAyC,SAAAE,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAAA,IAAAQ,QAAA,GAE1BA,CAAA,KAAM;EACnB,MAAM;IAAEC;EAAU,CAAC,GAAG,IAAAC,aAAS,EAAC,CAAC;EAEjC,MAAMC,KAAK,GAAG;IAAEC,KAAK,EAAE;EAAO,CAAC;EAE/B,oBACExB,MAAA,CAAAK,OAAA,CAAAoB,aAAA,CAAC3B,GAAA,CAAA4B,IAAI;IAACC,KAAK,EAAE;MAAEC,UAAU,EAAE;IAAQ,CAAE;IAACC,IAAI;EAAA,gBACxC7B,MAAA,CAAAK,OAAA,CAAAoB,aAAA,CAAC3B,GAAA,CAAA4B,IAAI;IACHI,GAAG;IACHD,IAAI;IACJF,KAAK,EAAE;MACLC,UAAU,EAAE,OAAO;MACnBG,SAAS,EAAE,QAAQ;MACnBC,GAAG,EAAE,MAAM;MACXC,QAAQ,EAAE;IACZ;EAAE,gBAEFjC,MAAA,CAAAK,OAAA,CAAAoB,aAAA,CAAC3B,GAAA,CAAA4B,IAAI;IAACC,KAAK,EAAE;MAAEO,IAAI,EAAE,CAAC;MAAEF,GAAG,EAAE;IAAO;EAAE,gBACpChC,MAAA,CAAAK,OAAA,CAAAoB,aAAA,CAACvB,SAAA,CAAAiC,QAAQ,EAAA7B,QAAA,KAAKiB,KAAK;IAAEI,KAAK,EAAE;MAAES,MAAM,EAAE;IAAQ;EAAE,EAAE,CAAC,eACnDpC,MAAA,CAAAK,OAAA,CAAAoB,aAAA,CAACvB,SAAA,CAAAiC,QAAQ,EAAA7B,QAAA,KAAKiB,KAAK;IAAEI,KAAK,EAAE;MAAES,MAAM,EAAE;IAAQ;EAAE,EAAE,CAAC,eACnDpC,MAAA,CAAAK,OAAA,CAAAoB,aAAA,CAACvB,SAAA,CAAAiC,QAAQ,EAAA7B,QAAA,KAAKiB,KAAK;IAAEI,KAAK,EAAE;MAAES,MAAM,EAAE;IAAQ;EAAE,EAAE,CAAC,eACnDpC,MAAA,CAAAK,OAAA,CAAAoB,aAAA,CAACvB,SAAA,CAAAiC,QAAQ,EAAA7B,QAAA,KAAKiB,KAAK;IAAEI,KAAK,EAAE;MAAES,MAAM,EAAE;IAAQ;EAAE,EAAE,CAC9C,CAAC,EACNf,SAAS,iBACRrB,MAAA,CAAAK,OAAA,CAAAoB,aAAA,CAACvB,SAAA,CAAAiC,QAAQ,EAAA7B,QAAA,KACHiB,KAAK;IACTI,KAAK,EAAE;MACLO,IAAI,EAAE,CAAC;MACPD,QAAQ,EAAE,kEAAkE;MAC5EG,MAAM,EAAE;IACV;EAAE,EACH,CAEC,CACF,CAAC;AAEX,CAAC;AAAAC,OAAA,CAAAhC,OAAA,GAAAe,QAAA"}