@mirai/core 0.3.52 → 0.3.54

package/build/Core.js

@@ -81,9 +81,10 @@ const Core = _ref => {
     if (!ghosts[index]) ghosts[index] = (0, _helpers.getGhost)(el);
     return /*#__PURE__*/_reactDom.default.createPortal( /*#__PURE__*/_react.default.createElement(_components.COMPONENTS[component], {
       ...props,
-      ['data-testid']: process.env.NODE_ENV === 'production' ? component : undefined,
+      el,
       ghost: ghosts[index],
-      el
+      skeleton,
+      ['data-testid']: process.env.NODE_ENV === 'production' ? component : undefined
     }), el);
   })), children);
 };

package/build/Core.js.map

@@ -1 +1 @@
-{"version":3,"file":"Core.js","names":["_dataSources","require","_locale","_services","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_reactDom","_components","_Core","_helpers","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","ghosts","EVENT_INTENT_LOCALE","Core","_ref","children","components","skeleton","isMobile","isDesktop","useDevice","value","currency","locale","DEFAULT_LOCALE","useStore","dictionary","setDictionary","useState","ServiceDictionary","cache","undefined","useEffect","handleIntentLocale","_ref2","fetchDictionary","Event","subscribe","unsubscribe","cached","next","createElement","LocaleProvider","Fragment","Notifications","filter","_ref3","desktop","mobile","map","_ref4","index","el","component","props","getGhost","ReactDOM","createPortal","React","COMPONENTS","process","env","NODE_ENV","ghost","exports","propTypes","PropTypes","node","arrayOf","shape","oneOf","keys","any","bool"],"sources":["../src/Core.jsx"],"sourcesContent":["import { Event, useStore } from '@mirai/data-sources';\nimport { DEFAULT_LOCALE, LocaleProvider } from '@mirai/locale';\nimport { ServiceDictionary } from '@mirai/services';\nimport { useDevice } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\nimport ReactDOM from 'react-dom';\n\nimport { COMPONENTS } from './components';\nimport { Notifications } from './Core.Notifications';\nimport { getGhost } from './helpers';\n\nconst ghosts = {};\n\nconst EVENT_INTENT_LOCALE = 'intentLocale';\n\nconst Core = ({ children, components = [], skeleton }) => {\n  const { isMobile, isDesktop } = useDevice();\n  const {\n    set,\n    value: { currency, locale = DEFAULT_LOCALE },\n  } = useStore();\n\n  const [dictionary, setDictionary] = useState(!skeleton ? ServiceDictionary.cache(locale) : undefined);\n\n  useEffect(() => {\n    const handleIntentLocale = async ({ locale }) => {\n      const dictionary = await fetchDictionary(locale);\n      if (dictionary) set({ locale });\n    };\n\n    Event.subscribe(EVENT_INTENT_LOCALE, handleIntentLocale);\n    return () => Event.unsubscribe(EVENT_INTENT_LOCALE, handleIntentLocale);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffect(() => {\n    if (!skeleton) fetchDictionary(locale);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [locale]);\n\n  const fetchDictionary = async (locale) => {\n    const cached = ServiceDictionary.cache(locale);\n    if (cached) setDictionary(cached);\n\n    const next = await ServiceDictionary.get(locale);\n    if (next) setDictionary(next);\n\n    return next;\n  };\n\n  return (\n    <LocaleProvider {...{ currency, dictionary, locale }}>\n      <>\n        <Notifications />\n\n        {components\n          .filter(({ desktop, mobile }) => !(isMobile && mobile === 'false') && !(isDesktop && desktop === 'false'))\n          .map(({ el, component, ...props }, index) => {\n            if (!ghosts[index]) ghosts[index] = getGhost(el);\n\n            return ReactDOM.createPortal(\n              React.createElement(COMPONENTS[component], {\n                ...props,\n                ['data-testid']: process.env.NODE_ENV === 'production' ? component : undefined,\n                ghost: ghosts[index],\n                el,\n              }),\n              el,\n            );\n          })}\n      </>\n      {children}\n    </LocaleProvider>\n  );\n};\n\nCore.propTypes = {\n  children: PropTypes.node,\n  components: PropTypes.arrayOf(\n    PropTypes.shape({\n      component: PropTypes.oneOf(Object.keys(COMPONENTS)),\n      el: PropTypes.any,\n    }),\n  ),\n  skeleton: PropTypes.bool,\n};\n\nexport { Core };\n"],"mappings":"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"}
+{"version":3,"file":"Core.js","names":["_dataSources","require","_locale","_services","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_reactDom","_components","_Core","_helpers","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","ghosts","EVENT_INTENT_LOCALE","Core","_ref","children","components","skeleton","isMobile","isDesktop","useDevice","value","currency","locale","DEFAULT_LOCALE","useStore","dictionary","setDictionary","useState","ServiceDictionary","cache","undefined","useEffect","handleIntentLocale","_ref2","fetchDictionary","Event","subscribe","unsubscribe","cached","next","createElement","LocaleProvider","Fragment","Notifications","filter","_ref3","desktop","mobile","map","_ref4","index","el","component","props","getGhost","ReactDOM","createPortal","React","COMPONENTS","ghost","process","env","NODE_ENV","exports","propTypes","PropTypes","node","arrayOf","shape","oneOf","keys","any","bool"],"sources":["../src/Core.jsx"],"sourcesContent":["import { Event, useStore } from '@mirai/data-sources';\nimport { DEFAULT_LOCALE, LocaleProvider } from '@mirai/locale';\nimport { ServiceDictionary } from '@mirai/services';\nimport { useDevice } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\nimport ReactDOM from 'react-dom';\n\nimport { COMPONENTS } from './components';\nimport { Notifications } from './Core.Notifications';\nimport { getGhost } from './helpers';\n\nconst ghosts = {};\n\nconst EVENT_INTENT_LOCALE = 'intentLocale';\n\nconst Core = ({ children, components = [], skeleton }) => {\n  const { isMobile, isDesktop } = useDevice();\n  const {\n    set,\n    value: { currency, locale = DEFAULT_LOCALE },\n  } = useStore();\n\n  const [dictionary, setDictionary] = useState(!skeleton ? ServiceDictionary.cache(locale) : undefined);\n\n  useEffect(() => {\n    const handleIntentLocale = async ({ locale }) => {\n      const dictionary = await fetchDictionary(locale);\n      if (dictionary) set({ locale });\n    };\n\n    Event.subscribe(EVENT_INTENT_LOCALE, handleIntentLocale);\n    return () => Event.unsubscribe(EVENT_INTENT_LOCALE, handleIntentLocale);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffect(() => {\n    if (!skeleton) fetchDictionary(locale);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [locale]);\n\n  const fetchDictionary = async (locale) => {\n    const cached = ServiceDictionary.cache(locale);\n    if (cached) setDictionary(cached);\n\n    const next = await ServiceDictionary.get(locale);\n    if (next) setDictionary(next);\n\n    return next;\n  };\n\n  return (\n    <LocaleProvider {...{ currency, dictionary, locale }}>\n      <>\n        <Notifications />\n\n        {components\n          .filter(({ desktop, mobile }) => !(isMobile && mobile === 'false') && !(isDesktop && desktop === 'false'))\n          .map(({ el, component, ...props }, index) => {\n            if (!ghosts[index]) ghosts[index] = getGhost(el);\n\n            return ReactDOM.createPortal(\n              React.createElement(COMPONENTS[component], {\n                ...props,\n                el,\n                ghost: ghosts[index],\n                skeleton,\n                ['data-testid']: process.env.NODE_ENV === 'production' ? component : undefined,\n              }),\n              el,\n            );\n          })}\n      </>\n      {children}\n    </LocaleProvider>\n  );\n};\n\nCore.propTypes = {\n  children: PropTypes.node,\n  components: PropTypes.arrayOf(\n    PropTypes.shape({\n      component: PropTypes.oneOf(Object.keys(COMPONENTS)),\n      el: PropTypes.any,\n    }),\n  ),\n  skeleton: PropTypes.bool,\n};\n\nexport { Core };\n"],"mappings":"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"}

package/build/components/Booking/Booking.js

@@ -13,6 +13,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _Booking = require("./Booking.constants");
 var _Booking2 = require("./Booking.l10n");
 var style = _interopRequireWildcard(require("./Booking.module.css"));
+var _Booking3 = _interopRequireDefault(require("./Booking.skeleton"));
 var _helpers = require("./helpers");
 var _partials = require("./partials");
 var _shared__ = require("../__shared__");
@@ -56,7 +57,7 @@ const Booking = _ref => {
   const [expanded, setExpanded] = (0, _react.useState)(false);
   const [responseError, setResponseError] = (0, _react.useState)();
   (0, _react.useEffect)(() => {
-    if (!id || !token) return;
+    if (skeleton || !id || !token) return;
     (async () => {
       setDataSource(await _services.ServiceBooking.get({
         id,
@@ -190,11 +191,11 @@ const Booking = _ref => {
     underline: true,
     wide: true,
     onPress: handleBackHome
-  }, translate(_Booking2.L10N.BACK_HOME))) : skeleton || null);
+  }, translate(_Booking2.L10N.BACK_HOME))) : /*#__PURE__*/_react.default.createElement(_Booking3.default, null));
 };
 exports.Booking = Booking;
 Booking.propTypes = {
-  skeleton: _propTypes.default.node
+  skeleton: _propTypes.default.bool
 };
 Booking.displayName = 'Mirai:User:Booking';
 //# sourceMappingURL=Booking.js.map

package/build/components/Booking/Booking.js.map

@@ -1 +1 @@
-{"version":3,"file":"Booking.js","names":["_dataSources","require","_locale","_services","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_Booking","_Booking2","style","_helpers","_partials","_shared__","_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","Booking","_ref","_payment$config","skeleton","others","isDesktop","isMobile","useDevice","locale","translate","useLocale","value","hotel","url","payment","method","urlParams","code","token","reservationCode","id","hasToTracking","tracking","useStore","action","setAction","useState","dataSource","setDataSource","error","setError","expanded","setExpanded","responseError","setResponseError","useEffect","ServiceBooking","catch","trackStateChange","state","handleMenuPress","ACTION","PRINT","setTimeout","window","print","handleBackHome","payload","hotelUrl","location","origin","currency","image","info","time","response","undefined","hasError","keys","date","Date","toLocaleDateString","FORMAT_PAY_LATER_DATE","createElement","View","role","className","styles","container","Progress","indeterminate","visible","progress","Fragment","src","logo","row","content","Notification","STATE","CANCELLED","COMPLETED","small","success","CONFIRMED","warning","POSTPONED","wide","L10N","PAY_LATER","NOTIFICATION","PriceBreakdown","disabled","showPayment","Payment","config","publicKey","onError","noPrint","Summary","Details","Others","side","Menu","onPress","Modal","onChange","_ref2","onClose","large","ERROR","Action","underline","BACK_HOME","exports","propTypes","PropTypes","node","displayName"],"sources":["../../../src/components/Booking/Booking.jsx"],"sourcesContent":["import { useStore } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\nimport { ServiceBooking } 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 { ACTION, FORMAT_PAY_LATER_DATE, STATE } from './Booking.constants';\nimport { L10N } from './Booking.l10n';\nimport * as style from './Booking.module.css';\nimport { trackStateChange } from './helpers';\nimport { Details, Menu, Modal, Others, PriceBreakdown, Summary } from './partials';\nimport { Payment } from '../__shared__';\n\nconst Booking = ({ skeleton, ...others }) => {\n  const { isDesktop, isMobile } = useDevice();\n  const { locale, translate } = useLocale();\n  const {\n    value: {\n      hotel: { url } = {},\n      payment: { method } = {},\n      urlParams: { code: token, reservationCode: id, hasToTracking: tracking, ...urlParams } = {},\n    },\n  } = useStore();\n\n  const [action, setAction] = useState();\n  const [dataSource, setDataSource] = useState();\n  const [error, setError] = useState({});\n  const [expanded, setExpanded] = useState(false);\n  const [responseError, setResponseError] = useState();\n\n  useEffect(() => {\n    if (!id || !token) return;\n    (async () => {\n      setDataSource(\n        await ServiceBooking.get({ id, locale, token, tracking, url }).catch((error) => setResponseError(error)),\n      );\n      setAction();\n    })();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [id]);\n\n  useEffect(() => {\n    if (!dataSource) return;\n\n    trackStateChange({ ...dataSource?.tracking, ...urlParams, isMobile });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [dataSource?.state]);\n\n  const handleMenuPress = (action) => {\n    if (action === ACTION.PRINT) {\n      setExpanded(true);\n      setTimeout(window.print, 10);\n    } else {\n      setAction(action);\n    }\n  };\n\n  const handleBackHome = () => {\n    const { payload: { hotelUrl } = {} } = responseError;\n\n    window.location = hotelUrl || window.location.origin;\n  };\n\n  const { currency, hotel: { image } = {}, payment, state } = dataSource || {};\n  const { info: { time } = {} } = payment || {};\n  const response = dataSource !== undefined;\n  const hasError = Object.keys(error || {}).length > 0 || !method;\n  const date = time?.value ? new Date(time.value).toLocaleDateString(locale, FORMAT_PAY_LATER_DATE) : undefined;\n\n  return (\n    <View {...others} role=\"booking\" 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>\n              <Notification\n                error={state === STATE.CANCELLED}\n                info={time || state === STATE.COMPLETED}\n                small={isMobile}\n                success={!time && state === STATE.CONFIRMED}\n                warning={state === STATE.POSTPONED}\n                wide\n              >\n                {translate(time ? L10N.PAY_LATER : L10N.NOTIFICATION[state], { date })}\n              </Notification>\n\n              {!isDesktop && <PriceBreakdown dataSource={dataSource} disabled={hasError} showPayment={isDesktop} />}\n              {payment && (\n                <Payment\n                  {...{ ...payment, config: { ...payment.config, publicKey: payment.config?.publicKey[method] } }}\n                  currency={currency}\n                  onError={setError}\n                  className={style.noPrint}\n                />\n              )}\n              <Summary dataSource={dataSource} />\n              <Details dataSource={dataSource} expanded={expanded} />\n              <Others dataSource={dataSource} small />\n            </View>\n\n            <View className={style.side}>\n              {isDesktop && <PriceBreakdown dataSource={dataSource} disabled={hasError} showPayment={isDesktop} />}\n              <Menu dataSource={dataSource} disabled={hasError} onPress={handleMenuPress} />\n            </View>\n          </View>\n\n          <Modal\n            {...{ action, dataSource: { ...dataSource, token } }}\n            onChange={({ response: { tracking } = {}, state }) =>\n              state && setDataSource({ ...dataSource, tracking, state })\n            }\n            onClose={() => setAction()}\n          />\n        </>\n      ) : responseError ? (\n        <Notification error large className={style.error}>\n          {translate(L10N.ERROR)}\n          <Action underline wide onPress={handleBackHome}>\n            {translate(L10N.BACK_HOME)}\n          </Action>\n        </Notification>\n      ) : (\n        skeleton || null\n      )}\n    </View>\n  );\n};\n\nBooking.propTypes = {\n  skeleton: PropTypes.node,\n};\n\nBooking.displayName = 'Mirai:User:Booking';\n\nexport { Booking };\n"],"mappings":"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"}
+{"version":3,"file":"Booking.js","names":["_dataSources","require","_locale","_services","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_Booking","_Booking2","style","_Booking3","_helpers","_partials","_shared__","_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","Booking","_ref","_payment$config","skeleton","others","isDesktop","isMobile","useDevice","locale","translate","useLocale","value","hotel","url","payment","method","urlParams","code","token","reservationCode","id","hasToTracking","tracking","useStore","action","setAction","useState","dataSource","setDataSource","error","setError","expanded","setExpanded","responseError","setResponseError","useEffect","ServiceBooking","catch","trackStateChange","state","handleMenuPress","ACTION","PRINT","setTimeout","window","print","handleBackHome","payload","hotelUrl","location","origin","currency","image","info","time","response","undefined","hasError","keys","date","Date","toLocaleDateString","FORMAT_PAY_LATER_DATE","createElement","View","role","className","styles","container","Progress","indeterminate","visible","progress","Fragment","src","logo","row","content","Notification","STATE","CANCELLED","COMPLETED","small","success","CONFIRMED","warning","POSTPONED","wide","L10N","PAY_LATER","NOTIFICATION","PriceBreakdown","disabled","showPayment","Payment","config","publicKey","onError","noPrint","Summary","Details","Others","side","Menu","onPress","Modal","onChange","_ref2","onClose","large","ERROR","Action","underline","BACK_HOME","exports","propTypes","PropTypes","bool","displayName"],"sources":["../../../src/components/Booking/Booking.jsx"],"sourcesContent":["import { useStore } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\nimport { ServiceBooking } 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 { ACTION, FORMAT_PAY_LATER_DATE, STATE } from './Booking.constants';\nimport { L10N } from './Booking.l10n';\nimport * as style from './Booking.module.css';\nimport Skeleton from './Booking.skeleton';\nimport { trackStateChange } from './helpers';\nimport { Details, Menu, Modal, Others, PriceBreakdown, Summary } from './partials';\nimport { Payment } from '../__shared__';\n\nconst Booking = ({ skeleton, ...others }) => {\n  const { isDesktop, isMobile } = useDevice();\n  const { locale, translate } = useLocale();\n  const {\n    value: {\n      hotel: { url } = {},\n      payment: { method } = {},\n      urlParams: { code: token, reservationCode: id, hasToTracking: tracking, ...urlParams } = {},\n    },\n  } = useStore();\n\n  const [action, setAction] = useState();\n  const [dataSource, setDataSource] = useState();\n  const [error, setError] = useState({});\n  const [expanded, setExpanded] = useState(false);\n  const [responseError, setResponseError] = useState();\n\n  useEffect(() => {\n    if (skeleton || !id || !token) return;\n\n    (async () => {\n      setDataSource(\n        await ServiceBooking.get({ id, locale, token, tracking, url }).catch((error) => setResponseError(error)),\n      );\n      setAction();\n    })();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [id]);\n\n  useEffect(() => {\n    if (!dataSource) return;\n\n    trackStateChange({ ...dataSource?.tracking, ...urlParams, isMobile });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [dataSource?.state]);\n\n  const handleMenuPress = (action) => {\n    if (action === ACTION.PRINT) {\n      setExpanded(true);\n      setTimeout(window.print, 10);\n    } else {\n      setAction(action);\n    }\n  };\n\n  const handleBackHome = () => {\n    const { payload: { hotelUrl } = {} } = responseError;\n\n    window.location = hotelUrl || window.location.origin;\n  };\n\n  const { currency, hotel: { image } = {}, payment, state } = dataSource || {};\n  const { info: { time } = {} } = payment || {};\n  const response = dataSource !== undefined;\n  const hasError = Object.keys(error || {}).length > 0 || !method;\n  const date = time?.value ? new Date(time.value).toLocaleDateString(locale, FORMAT_PAY_LATER_DATE) : undefined;\n\n  return (\n    <View {...others} role=\"booking\" 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>\n              <Notification\n                error={state === STATE.CANCELLED}\n                info={time || state === STATE.COMPLETED}\n                small={isMobile}\n                success={!time && state === STATE.CONFIRMED}\n                warning={state === STATE.POSTPONED}\n                wide\n              >\n                {translate(time ? L10N.PAY_LATER : L10N.NOTIFICATION[state], { date })}\n              </Notification>\n\n              {!isDesktop && <PriceBreakdown dataSource={dataSource} disabled={hasError} showPayment={isDesktop} />}\n              {payment && (\n                <Payment\n                  {...{ ...payment, config: { ...payment.config, publicKey: payment.config?.publicKey[method] } }}\n                  currency={currency}\n                  onError={setError}\n                  className={style.noPrint}\n                />\n              )}\n              <Summary dataSource={dataSource} />\n              <Details dataSource={dataSource} expanded={expanded} />\n              <Others dataSource={dataSource} small />\n            </View>\n\n            <View className={style.side}>\n              {isDesktop && <PriceBreakdown dataSource={dataSource} disabled={hasError} showPayment={isDesktop} />}\n              <Menu dataSource={dataSource} disabled={hasError} onPress={handleMenuPress} />\n            </View>\n          </View>\n\n          <Modal\n            {...{ action, dataSource: { ...dataSource, token } }}\n            onChange={({ response: { tracking } = {}, state }) =>\n              state && setDataSource({ ...dataSource, tracking, state })\n            }\n            onClose={() => setAction()}\n          />\n        </>\n      ) : responseError ? (\n        <Notification error large className={style.error}>\n          {translate(L10N.ERROR)}\n          <Action underline wide onPress={handleBackHome}>\n            {translate(L10N.BACK_HOME)}\n          </Action>\n        </Notification>\n      ) : (\n        <Skeleton />\n      )}\n    </View>\n  );\n};\n\nBooking.propTypes = {\n  skeleton: PropTypes.bool,\n};\n\nBooking.displayName = 'Mirai:User:Booking';\n\nexport { Booking };\n"],"mappings":"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"}

package/build/components/Booking/Booking.skeleton.js

@@ -14,65 +14,70 @@ var _default = () => {
     isDesktop
   } = (0, _ui.useDevice)();
   const props = {
-    color: 'border'
+    color: 'base'
   };
   return /*#__PURE__*/_react.default.createElement(_ui.View, {
     wide: true,
     style: {
-      alignItems: 'center'
+      alignItems: 'center',
+      gap: '2rem'
     }
-  }, /*#__PURE__*/_react.default.createElement(_ui.View, {
-    wide: true,
+  }, /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, _extends({}, props, {
+    style: {
+      height: '5rem',
+      width: '8rem'
+    }
+  })), /*#__PURE__*/_react.default.createElement(_ui.View, {
     row: true,
+    wide: true,
     style: {
       alignItems: 'start',
-      maxWidth: '960px'
+      alignSelf: 'center',
+      gap: '1rem',
+      maxWidth: '1024px'
     }
   }, /*#__PURE__*/_react.default.createElement(_ui.View, {
     style: {
-      gap: '0.5rem',
-      marginTop: '2rem',
-      minWidth: '100%'
+      flex: 1,
+      gap: '1rem'
     }
   }, /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, _extends({}, props, {
     style: {
-      alignSelf: 'center',
-      height: '5rem',
-      width: '8rem'
-    }
-  })), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, _extends({}, props, {
-    style: {
-      height: '3.5rem'
+      height: '3rem'
     }
   })), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, _extends({}, props, {
     style: {
-      height: '4.5rem'
+      height: '7rem'
     }
   })), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, _extends({}, props, {
     style: {
-      height: '11rem'
+      height: '12rem'
     }
   })), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, _extends({}, props, {
     style: {
-      height: '7.5rem'
+      height: '10rem'
     }
   })), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, _extends({}, props, {
     style: {
-      height: '30rem'
+      height: '28rem'
     }
   })), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, _extends({}, props, {
     style: {
-      height: '5.5rem'
+      height: '28rem'
     }
   }))), isDesktop && /*#__PURE__*/_react.default.createElement(_ui.View, {
     style: {
-      marginTop: '7.5rem',
-      marginLeft: '1rem'
+      flex: 1,
+      gap: '1rem',
+      maxWidth: '400px'
     }
   }, /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, _extends({}, props, {
     style: {
-      height: '9.5rem',
-      width: '8rem'
+      height: '16rem'
+    }
+  })), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, _extends({}, props, {
+    style: {
+      height: '8rem'
     }
   })))));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Booking.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","wide","style","alignItems","row","maxWidth","gap","marginTop","minWidth","Skeleton","alignSelf","height","width","marginLeft","exports"],"sources":["../../../src/components/Booking/Booking.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: 'border' };\n\n  return (\n    <View wide style={{ alignItems: 'center' }}>\n      <View wide row style={{ alignItems: 'start', maxWidth: '960px' }}>\n        <View style={{ gap: '0.5rem', marginTop: '2rem', minWidth: '100%' }}>\n          <Skeleton {...props} style={{ alignSelf: 'center', height: '5rem', width: '8rem' }} />\n          <Skeleton {...props} style={{ height: '3.5rem' }} />\n          <Skeleton {...props} style={{ height: '4.5rem' }} />\n          <Skeleton {...props} style={{ height: '11rem' }} />\n          <Skeleton {...props} style={{ height: '7.5rem' }} />\n          <Skeleton {...props} style={{ height: '30rem' }} />\n          <Skeleton {...props} style={{ height: '5.5rem' }} />\n        </View>\n        {isDesktop && (\n          <View style={{ marginTop: '7.5rem', marginLeft: '1rem' }}>\n            <Skeleton {...props} style={{ height: '9.5rem', width: '8rem' }} />\n          </View>\n        )}\n      </View>\n    </View>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"Booking.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","wide","style","alignItems","gap","Skeleton","height","width","row","alignSelf","maxWidth","flex","exports"],"sources":["../../../src/components/Booking/Booking.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 wide style={{ alignItems: 'center', gap: '2rem' }}>\n      <Skeleton {...props} style={{ height: '5rem', width: '8rem' }} />\n\n      <View row wide style={{ alignItems: 'start', alignSelf: 'center', gap: '1rem', maxWidth: '1024px' }}>\n        <View style={{ flex: 1, gap: '1rem' }}>\n          <Skeleton {...props} style={{ height: '3rem' }} />\n          <Skeleton {...props} style={{ height: '7rem' }} />\n          <Skeleton {...props} style={{ height: '12rem' }} />\n          <Skeleton {...props} style={{ height: '10rem' }} />\n          <Skeleton {...props} style={{ height: '28rem' }} />\n          <Skeleton {...props} style={{ height: '28rem' }} />\n        </View>\n\n        {isDesktop && (\n          <View style={{ flex: 1, gap: '1rem', maxWidth: '400px' }}>\n            <Skeleton {...props} style={{ height: '16rem' }} />\n            <Skeleton {...props} style={{ height: '8rem' }} />\n          </View>\n        )}\n      </View>\n    </View>\n  );\n};\n"],"mappings":"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"}

package/build/components/Booking/__tests__/__snapshots__/Booking.test.js.snap

@@ -12,6 +12,62 @@ exports[`component:<Booking> inherit:className 1`] = `
         class="view value indeterminate"
       />
     </div>
+    <div
+      class="view wide"
+      style="align-items: center; gap: 2rem;"
+    >
+      <div
+        class="view"
+        style="height: 5rem; width: 8rem;"
+      />
+      <div
+        class="view row wide"
+        style="align-items: start; align-self: center; gap: 1rem; max-width: 1024px;"
+      >
+        <div
+          class="view"
+          style="flex: 1; gap: 1rem;"
+        >
+          <div
+            class="view"
+            style="height: 3rem;"
+          />
+          <div
+            class="view"
+            style="height: 7rem;"
+          />
+          <div
+            class="view"
+            style="height: 12rem;"
+          />
+          <div
+            class="view"
+            style="height: 10rem;"
+          />
+          <div
+            class="view"
+            style="height: 28rem;"
+          />
+          <div
+            class="view"
+            style="height: 28rem;"
+          />
+        </div>
+        <div
+          class="view"
+          style="flex: 1; gap: 1rem; max-width: 400px;"
+        >
+          <div
+            class="view"
+            style="height: 16rem;"
+          />
+          <div
+            class="view"
+            style="height: 8rem;"
+          />
+        </div>
+      </div>
+    </div>
   </div>
 </DocumentFragment>
 `;
@@ -28,7 +84,62 @@ exports[`component:<Booking> prop:skeleton 1`] = `
         class="view value indeterminate"
       />
     </div>
-    Skeleton
+    <div
+      class="view wide"
+      style="align-items: center; gap: 2rem;"
+    >
+      <div
+        class="view"
+        style="height: 5rem; width: 8rem;"
+      />
+      <div
+        class="view row wide"
+        style="align-items: start; align-self: center; gap: 1rem; max-width: 1024px;"
+      >
+        <div
+          class="view"
+          style="flex: 1; gap: 1rem;"
+        >
+          <div
+            class="view"
+            style="height: 3rem;"
+          />
+          <div
+            class="view"
+            style="height: 7rem;"
+          />
+          <div
+            class="view"
+            style="height: 12rem;"
+          />
+          <div
+            class="view"
+            style="height: 10rem;"
+          />
+          <div
+            class="view"
+            style="height: 28rem;"
+          />
+          <div
+            class="view"
+            style="height: 28rem;"
+          />
+        </div>
+        <div
+          class="view"
+          style="flex: 1; gap: 1rem; max-width: 400px;"
+        >
+          <div
+            class="view"
+            style="height: 16rem;"
+          />
+          <div
+            class="view"
+            style="height: 8rem;"
+          />
+        </div>
+      </div>
+    </div>
   </div>
 </DocumentFragment>
 `;
@@ -45,6 +156,62 @@ exports[`component:<Booking> renders 1`] = `
         class="view value indeterminate"
       />
     </div>
+    <div
+      class="view wide"
+      style="align-items: center; gap: 2rem;"
+    >
+      <div
+        class="view"
+        style="height: 5rem; width: 8rem;"
+      />
+      <div
+        class="view row wide"
+        style="align-items: start; align-self: center; gap: 1rem; max-width: 1024px;"
+      >
+        <div
+          class="view"
+          style="flex: 1; gap: 1rem;"
+        >
+          <div
+            class="view"
+            style="height: 3rem;"
+          />
+          <div
+            class="view"
+            style="height: 7rem;"
+          />
+          <div
+            class="view"
+            style="height: 12rem;"
+          />
+          <div
+            class="view"
+            style="height: 10rem;"
+          />
+          <div
+            class="view"
+            style="height: 28rem;"
+          />
+          <div
+            class="view"
+            style="height: 28rem;"
+          />
+        </div>
+        <div
+          class="view"
+          style="flex: 1; gap: 1rem; max-width: 400px;"
+        >
+          <div
+            class="view"
+            style="height: 16rem;"
+          />
+          <div
+            class="view"
+            style="height: 8rem;"
+          />
+        </div>
+      </div>
+    </div>
   </div>
 </DocumentFragment>
 `;
@@ -62,6 +229,62 @@ exports[`component:<Booking> testID 1`] = `
         class="view value indeterminate"
       />
     </div>
+    <div
+      class="view wide"
+      style="align-items: center; gap: 2rem;"
+    >
+      <div
+        class="view"
+        style="height: 5rem; width: 8rem;"
+      />
+      <div
+        class="view row wide"
+        style="align-items: start; align-self: center; gap: 1rem; max-width: 1024px;"
+      >
+        <div
+          class="view"
+          style="flex: 1; gap: 1rem;"
+        >
+          <div
+            class="view"
+            style="height: 3rem;"
+          />
+          <div
+            class="view"
+            style="height: 7rem;"
+          />
+          <div
+            class="view"
+            style="height: 12rem;"
+          />
+          <div
+            class="view"
+            style="height: 10rem;"
+          />
+          <div
+            class="view"
+            style="height: 28rem;"
+          />
+          <div
+            class="view"
+            style="height: 28rem;"
+          />
+        </div>
+        <div
+          class="view"
+          style="flex: 1; gap: 1rem; max-width: 400px;"
+        >
+          <div
+            class="view"
+            style="height: 16rem;"
+          />
+          <div
+            class="view"
+            style="height: 8rem;"
+          />
+        </div>
+      </div>
+    </div>
   </div>
 </DocumentFragment>
 `;
@@ -78,6 +301,62 @@ exports[`component:<Booking> with a store 1`] = `
         class="view value indeterminate"
       />
     </div>
+    <div
+      class="view wide"
+      style="align-items: center; gap: 2rem;"
+    >
+      <div
+        class="view"
+        style="height: 5rem; width: 8rem;"
+      />
+      <div
+        class="view row wide"
+        style="align-items: start; align-self: center; gap: 1rem; max-width: 1024px;"
+      >
+        <div
+          class="view"
+          style="flex: 1; gap: 1rem;"
+        >
+          <div
+            class="view"
+            style="height: 3rem;"
+          />
+          <div
+            class="view"
+            style="height: 7rem;"
+          />
+          <div
+            class="view"
+            style="height: 12rem;"
+          />
+          <div
+            class="view"
+            style="height: 10rem;"
+          />
+          <div
+            class="view"
+            style="height: 28rem;"
+          />
+          <div
+            class="view"
+            style="height: 28rem;"
+          />
+        </div>
+        <div
+          class="view"
+          style="flex: 1; gap: 1rem; max-width: 400px;"
+        >
+          <div
+            class="view"
+            style="height: 16rem;"
+          />
+          <div
+            class="view"
+            style="height: 8rem;"
+          />
+        </div>
+      </div>
+    </div>
   </div>
 </DocumentFragment>
 `;

package/build/components/Checkout/Checkout.js

@@ -25,7 +25,8 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 let hasTracking = false;
 const Checkout = _ref => {
   let {
-    session: showSession = 'true',
+    session: showSession = true,
+    skeleton,
     ...others
   } = _ref;
   const {
@@ -55,6 +56,7 @@ const Checkout = _ref => {
   const [modalAgency, setModalAgency] = (0, _react.useState)(false);
   const [responseError, setResponseError] = (0, _react.useState)();
   (0, _react.useEffect)(() => {
+    if (skeleton) return;
     hasTracking = _services.ServiceFeatures.get(_Checkout.FEATURE_CHECKOUT_TRACKING, id);
     hasTracking && trackRender("".concat(_Checkout.TRACKING, ":RENDER"), {
       locale
@@ -172,6 +174,6 @@ const Checkout = _ref => {
 exports.Checkout = Checkout;
 Checkout.propTypes = {
   session: _propTypes.default.bool,
-  skeleton: _propTypes.default.node
+  skeleton: _propTypes.default.bool
 };
 //# sourceMappingURL=Checkout.js.map