@mirai/core 0.3.53 → 0.3.55

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":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,GAAA,GAAAH,OAAA;AACA,IAAAI,UAAA,GAAAC,sBAAA,CAAAL,OAAA;AACA,IAAAM,MAAA,GAAAC,uBAAA,CAAAP,OAAA;AAEA,IAAAQ,QAAA,GAAAR,OAAA;AACA,IAAAS,SAAA,GAAAT,OAAA;AACA,IAAAU,KAAA,GAAAH,uBAAA,CAAAP,OAAA;AACA,IAAAW,SAAA,GAAAN,sBAAA,CAAAL,OAAA;AACA,IAAAY,QAAA,GAAAZ,OAAA;AACA,IAAAa,SAAA,GAAAb,OAAA;AACA,IAAAc,SAAA,GAAAd,OAAA;AAAwC,SAAAe,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAT,wBAAAS,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAnB,uBAAA+B,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAhB,UAAA,GAAAgB,GAAA,KAAAf,OAAA,EAAAe,GAAA;AAAA,SAAAC,SAAA,IAAAA,QAAA,GAAAV,MAAA,CAAAW,MAAA,GAAAX,MAAA,CAAAW,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAN,CAAA,MAAAA,CAAA,GAAAO,SAAA,CAAAC,MAAA,EAAAR,CAAA,UAAAS,MAAA,GAAAF,SAAA,CAAAP,CAAA,YAAAU,GAAA,IAAAD,MAAA,QAAAhB,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAU,MAAA,EAAAC,GAAA,KAAAJ,MAAA,CAAAI,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAJ,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAJ,SAAA;AAExC,MAAMK,OAAO,GAAGC,IAAA,IAA6B;EAAA,IAAAC,eAAA;EAAA,IAA5B;IAAEC,QAAQ;IAAE,GAAGC;EAAO,CAAC,GAAAH,IAAA;EACtC,MAAM;IAAEI,SAAS;IAAEC;EAAS,CAAC,GAAG,IAAAC,aAAS,EAAC,CAAC;EAC3C,MAAM;IAAEC,MAAM;IAAEC;EAAU,CAAC,GAAG,IAAAC,iBAAS,EAAC,CAAC;EACzC,MAAM;IACJC,KAAK,EAAE;MACLC,KAAK,EAAE;QAAEC;MAAI,CAAC,GAAG,CAAC,CAAC;MACnBC,OAAO,EAAE;QAAEC;MAAO,CAAC,GAAG,CAAC,CAAC;MACxBC,SAAS,EAAE;QAAEC,IAAI,EAAEC,KAAK;QAAEC,eAAe,EAAEC,EAAE;QAAEC,aAAa,EAAEC,QAAQ;QAAE,GAAGN;MAAU,CAAC,GAAG,CAAC;IAC5F;EACF,CAAC,GAAG,IAAAO,qBAAQ,EAAC,CAAC;EAEd,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAG,IAAAC,eAAQ,EAAC,CAAC;EACtC,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAG,IAAAF,eAAQ,EAAC,CAAC;EAC9C,MAAM,CAACG,KAAK,EAAEC,QAAQ,CAAC,GAAG,IAAAJ,eAAQ,EAAC,CAAC,CAAC,CAAC;EACtC,MAAM,CAACK,QAAQ,EAAEC,WAAW,CAAC,GAAG,IAAAN,eAAQ,EAAC,KAAK,CAAC;EAC/C,MAAM,CAACO,aAAa,EAAEC,gBAAgB,CAAC,GAAG,IAAAR,eAAQ,EAAC,CAAC;EAEpD,IAAAS,gBAAS,EAAC,MAAM;IACd,IAAIhC,QAAQ,IAAI,CAACiB,EAAE,IAAI,CAACF,KAAK,EAAE;IAE/B,CAAC,YAAY;MACXU,aAAa,CACX,MAAMQ,wBAAc,CAAC3D,GAAG,CAAC;QAAE2C,EAAE;QAAEZ,MAAM;QAAEU,KAAK;QAAEI,QAAQ;QAAET;MAAI,CAAC,CAAC,CAACwB,KAAK,CAAER,KAAK,IAAKK,gBAAgB,CAACL,KAAK,CAAC,CACzG,CAAC;MACDJ,SAAS,CAAC,CAAC;IACb,CAAC,EAAE,CAAC;IACJ;EACF,CAAC,EAAE,CAACL,EAAE,CAAC,CAAC;EAER,IAAAe,gBAAS,EAAC,MAAM;IACd,IAAI,CAACR,UAAU,EAAE;IAEjB,IAAAW,yBAAgB,EAAC;MAAE,IAAGX,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEL,QAAQ;MAAE,GAAGN,SAAS;MAAEV;IAAS,CAAC,CAAC;IACrE;EACF,CAAC,EAAE,CAACqB,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEY,KAAK,CAAC,CAAC;EAEvB,MAAMC,eAAe,GAAIhB,MAAM,IAAK;IAClC,IAAIA,MAAM,KAAKiB,eAAM,CAACC,KAAK,EAAE;MAC3BV,WAAW,CAAC,IAAI,CAAC;MACjBW,UAAU,CAACC,MAAM,CAACC,KAAK,EAAE,EAAE,CAAC;IAC9B,CAAC,MAAM;MACLpB,SAAS,CAACD,MAAM,CAAC;IACnB;EACF,CAAC;EAED,MAAMsB,cAAc,GAAGA,CAAA,KAAM;IAC3B,MAAM;MAAEC,OAAO,EAAE;QAAEC;MAAS,CAAC,GAAG,CAAC;IAAE,CAAC,GAAGf,aAAa;IAEpDW,MAAM,CAACK,QAAQ,GAAGD,QAAQ,IAAIJ,MAAM,CAACK,QAAQ,CAACC,MAAM;EACtD,CAAC;EAED,MAAM;IAAEC,QAAQ;IAAEvC,KAAK,EAAE;MAAEwC;IAAM,CAAC,GAAG,CAAC,CAAC;IAAEtC,OAAO;IAAEyB;EAAM,CAAC,GAAGZ,UAAU,IAAI,CAAC,CAAC;EAC5E,MAAM;IAAE0B,IAAI,EAAE;MAAEC;IAAK,CAAC,GAAG,CAAC;EAAE,CAAC,GAAGxC,OAAO,IAAI,CAAC,CAAC;EAC7C,MAAMyC,QAAQ,GAAG5B,UAAU,KAAK6B,SAAS;EACzC,MAAMC,QAAQ,GAAG5E,MAAM,CAAC6E,IAAI,CAAC7B,KAAK,IAAI,CAAC,CAAC,CAAC,CAACjC,MAAM,GAAG,CAAC,IAAI,CAACmB,MAAM;EAC/D,MAAM4C,IAAI,GAAGL,IAAI,aAAJA,IAAI,eAAJA,IAAI,CAAE3C,KAAK,GAAG,IAAIiD,IAAI,CAACN,IAAI,CAAC3C,KAAK,CAAC,CAACkD,kBAAkB,CAACrD,MAAM,EAAEsD,8BAAqB,CAAC,GAAGN,SAAS;EAE7G,oBACEhG,MAAA,CAAAe,OAAA,CAAAwF,aAAA,CAAC1G,GAAA,CAAA2G,IAAI,EAAAzE,QAAA,KAAKa,MAAM;IAAE6D,IAAI,EAAC,SAAS;IAACC,SAAS,EAAE,IAAAC,UAAM,EAACvG,KAAK,CAACwG,SAAS,EAAEhE,MAAM,CAAC8D,SAAS;EAAE,iBACpF1G,MAAA,CAAAe,OAAA,CAAAwF,aAAA,CAAC1G,GAAA,CAAAgH,QAAQ;IAACC,aAAa;IAACC,OAAO,EAAE,CAAChB,QAAQ,IAAI,CAACtB,aAAc;IAACiC,SAAS,EAAEtG,KAAK,CAAC4G;EAAS,CAAE,CAAC,EAC1FjB,QAAQ,gBACP/F,MAAA,CAAAe,OAAA,CAAAwF,aAAA,CAAAvG,MAAA,CAAAe,OAAA,CAAAkG,QAAA,qBACEjH,MAAA,CAAAe,OAAA,CAAAwF,aAAA;IAAKW,GAAG,EAAEtB,KAAM;IAACc,SAAS,EAAEtG,KAAK,CAAC+G;EAAK,CAAE,CAAC,eAE1CnH,MAAA,CAAAe,OAAA,CAAAwF,aAAA,CAAC1G,GAAA,CAAA2G,IAAI;IAACY,GAAG,EAAEvE,SAAU;IAAC6D,SAAS,EAAEtG,KAAK,CAACiH;EAAQ,gBAC7CrH,MAAA,CAAAe,OAAA,CAAAwF,aAAA,CAAC1G,GAAA,CAAA2G,IAAI,qBACHxG,MAAA,CAAAe,OAAA,CAAAwF,aAAA,CAAC1G,GAAA,CAAAyH,YAAY;IACXjD,KAAK,EAAEU,KAAK,KAAKwC,cAAK,CAACC,SAAU;IACjC3B,IAAI,EAAEC,IAAI,IAAIf,KAAK,KAAKwC,cAAK,CAACE,SAAU;IACxCC,KAAK,EAAE5E,QAAS;IAChB6E,OAAO,EAAE,CAAC7B,IAAI,IAAIf,KAAK,KAAKwC,cAAK,CAACK,SAAU;IAC5CC,OAAO,EAAE9C,KAAK,KAAKwC,cAAK,CAACO,SAAU;IACnCC,IAAI;EAAA,GAEH9E,SAAS,CAAC6C,IAAI,GAAGkC,cAAI,CAACC,SAAS,GAAGD,cAAI,CAACE,YAAY,CAACnD,KAAK,CAAC,EAAE;IAAEoB;EAAK,CAAC,CACzD,CAAC,EAEd,CAACtD,SAAS,iBAAI7C,MAAA,CAAAe,OAAA,CAAAwF,aAAA,CAAChG,SAAA,CAAA4H,cAAc;IAAChE,UAAU,EAAEA,UAAW;IAACiE,QAAQ,EAAEnC,QAAS;IAACoC,WAAW,EAAExF;EAAU,CAAE,CAAC,EACpGS,OAAO,iBACNtD,MAAA,CAAAe,OAAA,CAAAwF,aAAA,CAAC/F,SAAA,CAAA8H,OAAO,EAAAvG,QAAA,KACGuB,OAAO;IAAEiF,MAAM,EAAE;MAAE,GAAGjF,OAAO,CAACiF,MAAM;MAAEC,SAAS,GAAA9F,eAAA,GAAEY,OAAO,CAACiF,MAAM,cAAA7F,eAAA,uBAAdA,eAAA,CAAgB8F,SAAS,CAACjF,MAAM;IAAE,CAAC;IAC7FoC,QAAQ,EAAEA,QAAS;IACnB8C,OAAO,EAAEnE,QAAS;IAClBoC,SAAS,EAAEtG,KAAK,CAACsI;EAAQ,EAC1B,CACF,eACD1I,MAAA,CAAAe,OAAA,CAAAwF,aAAA,CAAChG,SAAA,CAAAoI,OAAO;IAACxE,UAAU,EAAEA;EAAW,CAAE,CAAC,eACnCnE,MAAA,CAAAe,OAAA,CAAAwF,aAAA,CAAChG,SAAA,CAAAqI,OAAO;IAACzE,UAAU,EAAEA,UAAW;IAACI,QAAQ,EAAEA;EAAS,CAAE,CAAC,eACvDvE,MAAA,CAAAe,OAAA,CAAAwF,aAAA,CAAChG,SAAA,CAAAsI,MAAM;IAAC1E,UAAU,EAAEA,UAAW;IAACuD,KAAK;EAAA,CAAE,CACnC,CAAC,eAEP1H,MAAA,CAAAe,OAAA,CAAAwF,aAAA,CAAC1G,GAAA,CAAA2G,IAAI;IAACE,SAAS,EAAEtG,KAAK,CAAC0I;EAAK,GACzBjG,SAAS,iBAAI7C,MAAA,CAAAe,OAAA,CAAAwF,aAAA,CAAChG,SAAA,CAAA4H,cAAc;IAAChE,UAAU,EAAEA,UAAW;IAACiE,QAAQ,EAAEnC,QAAS;IAACoC,WAAW,EAAExF;EAAU,CAAE,CAAC,eACpG7C,MAAA,CAAAe,OAAA,CAAAwF,aAAA,CAAChG,SAAA,CAAAwI,IAAI;IAAC5E,UAAU,EAAEA,UAAW;IAACiE,QAAQ,EAAEnC,QAAS;IAAC+C,OAAO,EAAEhE;EAAgB,CAAE,CACzE,CACF,CAAC,eAEPhF,MAAA,CAAAe,OAAA,CAAAwF,aAAA,CAAChG,SAAA,CAAA0I,KAAK;IACEjF,MAAM;IAAEG,UAAU,EAAE;MAAE,GAAGA,UAAU;MAAET;IAAM,CAAC;IAClDwF,QAAQ,EAAEC,KAAA;MAAA,IAAC;QAAEpD,QAAQ,EAAE;UAAEjC;QAAS,CAAC,GAAG,CAAC,CAAC;QAAEiB;MAAM,CAAC,GAAAoE,KAAA;MAAA,OAC/CpE,KAAK,IAAIX,aAAa,CAAC;QAAE,GAAGD,UAAU;QAAEL,QAAQ;QAAEiB;MAAM,CAAC,CAAC;IAAA,CAC3D;IACDqE,OAAO,EAAEA,CAAA,KAAMnF,SAAS,CAAC;EAAE,CAC5B,CACD,CAAC,GACDQ,aAAa,gBACfzE,MAAA,CAAAe,OAAA,CAAAwF,aAAA,CAAC1G,GAAA,CAAAyH,YAAY;IAACjD,KAAK;IAACgF,KAAK;IAAC3C,SAAS,EAAEtG,KAAK,CAACiE;EAAM,GAC9CpB,SAAS,CAAC+E,cAAI,CAACsB,KAAK,CAAC,eACtBtJ,MAAA,CAAAe,OAAA,CAAAwF,aAAA,CAAC1G,GAAA,CAAA0J,MAAM;IAACC,SAAS;IAACzB,IAAI;IAACiB,OAAO,EAAE1D;EAAe,GAC5CrC,SAAS,CAAC+E,cAAI,CAACyB,SAAS,CACnB,CACI,CAAC,gBAEfzJ,MAAA,CAAAe,OAAA,CAAAwF,aAAA,CAAClG,SAAA,CAAAU,OAAQ,MAAE,CAET,CAAC;AAEX,CAAC;AAAC2I,OAAA,CAAAlH,OAAA,GAAAA,OAAA;AAEFA,OAAO,CAACmH,SAAS,GAAG;EAClBhH,QAAQ,EAAEiH,kBAAS,CAACC;AACtB,CAAC;AAEDrH,OAAO,CAACsH,WAAW,GAAG,oBAAoB"}

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

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","_partials2","_Booking","_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","others","isDesktop","isMobile","useDevice","translate","useLocale","track","trackRender","useMetrics","value","currency","hotel","id","language","locale","urlParams","useStore","dataSource","setDataSource","useState","error","setError","modalAgency","setModalAgency","responseError","setResponseError","useEffect","ServiceFeatures","FEATURE_CHECKOUT_TRACKING","concat","TRACKING","response","ServiceBooking","checkout","catch","service","method","trackDataSource","window","addEventListener","innerHeight","scrollY","documentElement","scrollHeight","document","handleModalAgency","agency","image","undefined","variant","getVariant","createElement","Fragment","View","role","className","styles","container","Progress","indeterminate","visible","progress","src","logo","row","content","main","Summary","box","Details","Session","name","Notification","small","info","wide","L10N","NOTIFICATION_AGENCY","link","Action","inline","underline","onPress","action","ACTION_MORE_INFO","Form","onError","Others","tracking","Confirmation","disabled","large","NOTIFICATION_ERROR","code","ERROR","UNKNOWN","ModalAgency","onClose","exports","propTypes","PropTypes","bool","skeleton","node"],"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 { ERROR, 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, trackDataSource } from './helpers';\nimport { Confirmation, Details, Form, Session, Summary } from './partials';\nimport { Others } from '../Booking/partials';\nimport { ModalAgency } from '../Booking/partials/Booking.ModalAgency';\n\nlet hasTracking = false;\n\nconst Checkout = ({ session: showSession = 'true', ...others }) => {\n  const { isDesktop, isMobile } = 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 [modalAgency, setModalAgency] = useState(false);\n  const [responseError, setResponseError] = useState();\n\n  useEffect(() => {\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,\n        ...urlParams,\n      }).catch((error) => {\n        setResponseError(error);\n        hasTracking && track(`${TRACKING}:ERROR:SERVICE`, { service: 'Booking', method: 'checkout', error });\n      });\n      setDataSource(response);\n      trackDataSource({ ...response, ...urlParams, isMobile });\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 { agency = {}, hotel: { image } = {} } = dataSource || {};\n  const response = dataSource !== undefined;\n  const variant = getVariant({ id, isMobile, urlParams });\n\n  return (\n    <>\n      <View {...others} role=\"checkout\" 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                {variant === 'B' && <Summary dataSource={dataSource} className={style.box} />}\n\n                {isMobile && <Details dataSource={dataSource} variant={variant} />}\n                {!session && showSession === 'true' && <Session />}\n                {agency.name && (\n                  <Notification {...others} small info wide className={styles(style.agency, others.className)}>\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                <Form dataSource={dataSource} onError={setError} />\n                {!isMobile && <Details dataSource={dataSource} variant={variant} />}\n                <Others dataSource={dataSource} small tracking={TRACKING} />\n              </View>\n\n              <Confirmation dataSource={dataSource} disabled={error} variant={variant} />\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.propTypes = {\n  session: PropTypes.bool,\n  skeleton: PropTypes.node,\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","_partials2","_Booking","_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","isMobile","useDevice","translate","useLocale","track","trackRender","useMetrics","value","currency","hotel","id","language","locale","urlParams","useStore","dataSource","setDataSource","useState","error","setError","modalAgency","setModalAgency","responseError","setResponseError","useEffect","ServiceFeatures","FEATURE_CHECKOUT_TRACKING","concat","TRACKING","response","ServiceBooking","checkout","catch","service","method","trackDataSource","window","addEventListener","innerHeight","scrollY","documentElement","scrollHeight","document","handleModalAgency","agency","image","undefined","variant","getVariant","createElement","Fragment","View","role","className","styles","container","Progress","indeterminate","visible","progress","src","logo","row","content","main","Summary","box","Details","Session","name","Notification","small","info","wide","L10N","NOTIFICATION_AGENCY","link","Action","inline","underline","onPress","action","ACTION_MORE_INFO","Form","onError","Others","tracking","Confirmation","disabled","large","NOTIFICATION_ERROR","code","ERROR","UNKNOWN","ModalAgency","onClose","exports","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 { ERROR, 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, trackDataSource } from './helpers';\nimport { Confirmation, Details, Form, Session, Summary } from './partials';\nimport { Others } from '../Booking/partials';\nimport { ModalAgency } from '../Booking/partials/Booking.ModalAgency';\n\nlet hasTracking = false;\n\nconst Checkout = ({ session: showSession = true, skeleton, ...others }) => {\n  const { isDesktop, isMobile } = 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 [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,\n        ...urlParams,\n      }).catch((error) => {\n        setResponseError(error);\n        hasTracking && track(`${TRACKING}:ERROR:SERVICE`, { service: 'Booking', method: 'checkout', error });\n      });\n      setDataSource(response);\n      trackDataSource({ ...response, ...urlParams, isMobile });\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 { agency = {}, hotel: { image } = {} } = dataSource || {};\n  const response = dataSource !== undefined;\n  const variant = getVariant({ id, isMobile, urlParams });\n\n  return (\n    <>\n      <View {...others} role=\"checkout\" 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                {variant === 'B' && <Summary dataSource={dataSource} className={style.box} />}\n\n                {isMobile && <Details dataSource={dataSource} variant={variant} />}\n                {!session && showSession === 'true' && <Session />}\n                {agency.name && (\n                  <Notification {...others} small info wide className={styles(style.agency, others.className)}>\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                <Form dataSource={dataSource} onError={setError} />\n                {!isMobile && <Details dataSource={dataSource} variant={variant} />}\n                <Others dataSource={dataSource} small tracking={TRACKING} />\n              </View>\n\n              <Confirmation dataSource={dataSource} disabled={error} variant={variant} />\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.propTypes = {\n  session: PropTypes.bool,\n  skeleton: PropTypes.bool,\n};\n\nexport { Checkout };\n"],"mappings":"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"}

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

@@ -18,20 +18,19 @@ var _default = () => {
   };
   return /*#__PURE__*/_react.default.createElement(_ui.View, {
     style: {
-      alignItems: 'start',
-      _padding: '1rem'
+      alignItems: 'start'
     },
     wide: true
   }, /*#__PURE__*/_react.default.createElement(_ui.View, {
     row: true,
+    wide: true,
     style: {
       alignItems: 'start',
       alignSelf: 'center',
       gap: '1rem',
       maxWidth: '1024px',
       marginTop: '2rem'
-    },
-    wide: true
+    }
   }, /*#__PURE__*/_react.default.createElement(_ui.View, {
     style: {
       flex: 1,

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","_padding","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', _padding: '1rem' }} wide>\n      <View\n        row\n        style={{ alignItems: 'start', alignSelf: 'center', gap: '1rem', maxWidth: '1024px', marginTop: '2rem' }}\n        wide\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 && <Skeleton {...props} style={{ flex: 1, maxWidth: '400px', height: '36rem' }} />}\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,OAAO;MAAEC,QAAQ,EAAE;IAAO,CAAE;IAACC,IAAI;EAAA,gBAC1D9B,MAAA,CAAAK,OAAA,CAAAoB,aAAA,CAAC3B,GAAA,CAAA4B,IAAI;IACHK,GAAG;IACHJ,KAAK,EAAE;MAAEC,UAAU,EAAE,OAAO;MAAEI,SAAS,EAAE,QAAQ;MAAEC,GAAG,EAAE,MAAM;MAAEC,QAAQ,EAAE,QAAQ;MAAEC,SAAS,EAAE;IAAO,CAAE;IACxGL,IAAI;EAAA,gBAEJ9B,MAAA,CAAAK,OAAA,CAAAoB,aAAA,CAAC3B,GAAA,CAAA4B,IAAI;IAACC,KAAK,EAAE;MAAES,IAAI,EAAE,CAAC;MAAEH,GAAG,EAAE;IAAO;EAAE,gBACpCjC,MAAA,CAAAK,OAAA,CAAAoB,aAAA,CAACvB,SAAA,CAAAmC,QAAQ,EAAA/B,QAAA,KAAKiB,KAAK;IAAEI,KAAK,EAAE;MAAEW,MAAM,EAAE;IAAQ;EAAE,EAAE,CAAC,eACnDtC,MAAA,CAAAK,OAAA,CAAAoB,aAAA,CAACvB,SAAA,CAAAmC,QAAQ,EAAA/B,QAAA,KAAKiB,KAAK;IAAEI,KAAK,EAAE;MAAEW,MAAM,EAAE;IAAQ;EAAE,EAAE,CAAC,eACnDtC,MAAA,CAAAK,OAAA,CAAAoB,aAAA,CAACvB,SAAA,CAAAmC,QAAQ,EAAA/B,QAAA,KAAKiB,KAAK;IAAEI,KAAK,EAAE;MAAEW,MAAM,EAAE;IAAQ;EAAE,EAAE,CAAC,eACnDtC,MAAA,CAAAK,OAAA,CAAAoB,aAAA,CAACvB,SAAA,CAAAmC,QAAQ,EAAA/B,QAAA,KAAKiB,KAAK;IAAEI,KAAK,EAAE;MAAEW,MAAM,EAAE;IAAQ;EAAE,EAAE,CAC9C,CAAC,EACNjB,SAAS,iBAAIrB,MAAA,CAAAK,OAAA,CAAAoB,aAAA,CAACvB,SAAA,CAAAmC,QAAQ,EAAA/B,QAAA,KAAKiB,KAAK;IAAEI,KAAK,EAAE;MAAES,IAAI,EAAE,CAAC;MAAEF,QAAQ,EAAE,OAAO;MAAEI,MAAM,EAAE;IAAQ;EAAE,EAAE,CACxF,CACF,CAAC;AAEX,CAAC;AAAAC,OAAA,CAAAlC,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","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={{ alignItems: 'start', alignSelf: 'center', gap: '1rem', maxWidth: '1024px', marginTop: '2rem' }}\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 && <Skeleton {...props} style={{ flex: 1, maxWidth: '400px', height: '36rem' }} />}\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;MAAEC,UAAU,EAAE,OAAO;MAAEG,SAAS,EAAE,QAAQ;MAAEC,GAAG,EAAE,MAAM;MAAEC,QAAQ,EAAE,QAAQ;MAAEC,SAAS,EAAE;IAAO;EAAE,gBAExGlC,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,iBAAIrB,MAAA,CAAAK,OAAA,CAAAoB,aAAA,CAACvB,SAAA,CAAAkC,QAAQ,EAAA9B,QAAA,KAAKiB,KAAK;IAAEI,KAAK,EAAE;MAAEQ,IAAI,EAAE,CAAC;MAAEF,QAAQ,EAAE,OAAO;MAAEI,MAAM,EAAE;IAAQ;EAAE,EAAE,CACxF,CACF,CAAC;AAEX,CAAC;AAAAC,OAAA,CAAAjC,OAAA,GAAAe,QAAA"}

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

@@ -206,6 +206,57 @@ exports[`component:<Checkout> prop:session (false) 1`] = `
 </DocumentFragment>
 `;
 
+exports[`component:<Checkout> prop:skeleton 1`] = `
+<DocumentFragment>
+  <div
+    class="view"
+  >
+    <div
+      class="view progress visible"
+    >
+      <div
+        class="view value indeterminate"
+      />
+    </div>
+    <div
+      class="view wide"
+      style="align-items: start;"
+    >
+      <div
+        class="view row wide"
+        style="align-items: start; align-self: center; gap: 1rem; max-width: 1024px; margin-top: 2rem;"
+      >
+        <div
+          class="view"
+          style="flex: 1; gap: 1rem;"
+        >
+          <div
+            class="view"
+            style="height: 32rem;"
+          />
+          <div
+            class="view"
+            style="height: 16rem;"
+          />
+          <div
+            class="view"
+            style="height: 16rem;"
+          />
+          <div
+            class="view"
+            style="height: 12rem;"
+          />
+        </div>
+        <div
+          class="view"
+          style="flex: 1; max-width: 400px; height: 36rem;"
+        />
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
 exports[`component:<Checkout> renders 1`] = `
 <DocumentFragment>
   <div

package/build/components/Checkout/helpers/getFieldProps.js

@@ -36,7 +36,7 @@ const getFieldProps = function () {
     checked: input === 'InputOption' ? value || props.checked || false : undefined,
     children: input === 'Text' && props.children ? (0, _helpers.parseHtml)(props.children) : undefined,
     disabled: field === 'email' && session || undefined,
-    error: (value === null || value === void 0 ? void 0 : value.length) > 0 && !!error,
+    error: field !== 'phone' ? (value === null || value === void 0 ? void 0 : value.length) > 0 && !!error : (value === null || value === void 0 ? void 0 : value.length) > 4 && !!error,
     hint: translate(_Checkout.L10N["".concat(field.toUpperCase(), "_HINT")]),
     key: field,
     label: props.label || translate(_Checkout.L10N["LABEL_".concat(field.toUpperCase())], {
@@ -63,7 +63,7 @@ const getFieldProps = function () {
     name: field,
     showRequired: true,
     small: ['InputOption', 'Text'].includes(input),
-    success: !!value && !error,
+    success: field !== 'phone' ? !!value && !error : (value === null || value === void 0 ? void 0 : value.length) > 4 && !error,
     test: field === 'dni' ? _testDNI.testDNI : undefined,
     value: value || props.value,
     className: ['country', 'company', 'comments'].includes(field) || ['InputOption', 'Text'].includes(input) ? style.wide : style.half

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

@@ -1 +1 @@
-{"version":3,"file":"getFieldProps.js","names":["_ui","require","_react","_interopRequireDefault","_testDNI","_helpers","_Checkout","style","_interopRequireWildcard","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","getFieldProps","field","arguments","length","undefined","input","props","value","error","session","translate","name","url","conditions","checked","children","parseHtml","disabled","hint","L10N","concat","toUpperCase","key","label","club","clubLink","createElement","Action","href","inline","small","target","display","LABEL_TERMS_AND_CONDITIONS","termsLink","ACTION_MORE_INFO","labelPrefix","LABEL_PHONE_PREFIX","showRequired","includes","success","test","testDNI","className","wide","half","exports"],"sources":["../../../../src/components/Checkout/helpers/getFieldProps.js"],"sourcesContent":["import { Action } from '@mirai/ui';\nimport React from 'react';\n\nimport { testDNI } from './testDNI';\nimport { parseHtml } from '../../helpers';\nimport { L10N } from '../Checkout.l10n';\nimport * as style from '../Checkout.module.css';\n\nexport const getFieldProps = (\n  field = '',\n  { input, ...props } = {},\n  { value, error, session, translate = () => {} } = {},\n  { name = '', url: { conditions = '' } = {} } = {},\n) => ({\n  ...props,\n  checked: input === 'InputOption' ? value || props.checked || false : undefined,\n  children: input === 'Text' && props.children ? parseHtml(props.children) : undefined,\n  disabled: (field === 'email' && session) || undefined,\n  error: value?.length > 0 && !!error,\n  hint: translate(L10N[`${field.toUpperCase()}_HINT`]),\n  key: field,\n  label:\n    props.label ||\n    translate(L10N[`LABEL_${field.toUpperCase()}`], {\n      club: name,\n      clubLink: (\n        <Action href={conditions} inline small target=\"_blank\" style={{ display: 'inline' }}>\n          {translate(L10N.LABEL_TERMS_AND_CONDITIONS)}\n        </Action>\n      ),\n      termsLink: (\n        <Action href=\"#terms\" inline small style={{ display: 'inline' }}>\n          {translate(L10N.ACTION_MORE_INFO)}\n        </Action>\n      ),\n    }) ||\n    field,\n  labelPrefix: field === 'phone' ? translate(L10N.LABEL_PHONE_PREFIX) : undefined,\n  name: field,\n  showRequired: true,\n  small: ['InputOption', 'Text'].includes(input),\n  success: !!value && !error,\n  test: field === 'dni' ? testDNI : undefined,\n  value: value || props.value,\n  className:\n    ['country', 'company', 'comments'].includes(field) || ['InputOption', 'Text'].includes(input)\n      ? style.wide\n      : style.half,\n});\n"],"mappings":"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"}
+{"version":3,"file":"getFieldProps.js","names":["_ui","require","_react","_interopRequireDefault","_testDNI","_helpers","_Checkout","style","_interopRequireWildcard","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","getFieldProps","field","arguments","length","undefined","input","props","value","error","session","translate","name","url","conditions","checked","children","parseHtml","disabled","hint","L10N","concat","toUpperCase","key","label","club","clubLink","createElement","Action","href","inline","small","target","display","LABEL_TERMS_AND_CONDITIONS","termsLink","ACTION_MORE_INFO","labelPrefix","LABEL_PHONE_PREFIX","showRequired","includes","success","test","testDNI","className","wide","half","exports"],"sources":["../../../../src/components/Checkout/helpers/getFieldProps.js"],"sourcesContent":["import { Action } from '@mirai/ui';\nimport React from 'react';\n\nimport { testDNI } from './testDNI';\nimport { parseHtml } from '../../helpers';\nimport { L10N } from '../Checkout.l10n';\nimport * as style from '../Checkout.module.css';\n\nexport const getFieldProps = (\n  field = '',\n  { input, ...props } = {},\n  { value, error, session, translate = () => {} } = {},\n  { name = '', url: { conditions = '' } = {} } = {},\n) => ({\n  ...props,\n  checked: input === 'InputOption' ? value || props.checked || false : undefined,\n  children: input === 'Text' && props.children ? parseHtml(props.children) : undefined,\n  disabled: (field === 'email' && session) || undefined,\n  error: field !== 'phone' ? value?.length > 0 && !!error : value?.length > 4 && !!error,\n  hint: translate(L10N[`${field.toUpperCase()}_HINT`]),\n  key: field,\n  label:\n    props.label ||\n    translate(L10N[`LABEL_${field.toUpperCase()}`], {\n      club: name,\n      clubLink: (\n        <Action href={conditions} inline small target=\"_blank\" style={{ display: 'inline' }}>\n          {translate(L10N.LABEL_TERMS_AND_CONDITIONS)}\n        </Action>\n      ),\n      termsLink: (\n        <Action href=\"#terms\" inline small style={{ display: 'inline' }}>\n          {translate(L10N.ACTION_MORE_INFO)}\n        </Action>\n      ),\n    }) ||\n    field,\n  labelPrefix: field === 'phone' ? translate(L10N.LABEL_PHONE_PREFIX) : undefined,\n  name: field,\n  showRequired: true,\n  small: ['InputOption', 'Text'].includes(input),\n  success: field !== 'phone' ? !!value && !error : value?.length > 4 && !error,\n  test: field === 'dni' ? testDNI : undefined,\n  value: value || props.value,\n  className:\n    ['country', 'company', 'comments'].includes(field) || ['InputOption', 'Text'].includes(input)\n      ? style.wide\n      : style.half,\n});\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"Checkout.Form.js","names":["_dataSources","require","_locale","_services","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_shared__","_helpers","_Checkout","_Checkout2","style","_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","storage","Storage","adapter","LocalAdapter","cache","FORM_STORAGE_CACHE","dataSource","concat","FORM_STORAGE_KEY","generateId","JSON","stringify","Form","_ref","currency","repositories","countries","form","schema","variant","onError","others","isDesktop","useDevice","translate","useLocale","track","useMetrics","value","club","id","locale","payment","session","useStore","errorForm","setErrorForm","useState","errorPayment","setErrorPayment","setForm","fromEntries","entries","map","_ref2","formTracked","setFormTracked","useEffect","ServiceFeatures","FEATURE_CHECKOUT_TRACKING","useLayoutEffect","keys","checkout","handleChange","next","country","phone","code","ServiceCountry","info","getCountryCode","handleEnter","field","TRACKING","handleLeave","email","firstName","lastName","trackForm","config","publicKey","createElement","Fragment","autoComplete","validateOnMount","onChange","onEnter","onLeave","className","styles","box","Text","bold","headline","wide","L10N","LABEL_PERSONAL_INFORMATION","TextRequiredFields","filter","_ref3","_ref4","visible","_ref5","React","FIELD","input","InputText","getFieldProps","error","Payment","method","exports","displayName","propTypes","PropTypes","shape","string","func"],"sources":["../../../../src/components/Checkout/partials/Checkout.Form.jsx"],"sourcesContent":["import { LocalAdapter, Storage, useMetrics, useStore } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\nimport { ServiceCountry, ServiceFeatures } from '@mirai/services';\nimport { InputText, Form as FormBase, styles, Text, useDevice } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useLayoutEffect, useState } from 'react';\n\nimport { Payment, TextRequiredFields } from '../../__shared__';\nimport { generateId, getCountryCode } from '../../helpers';\nimport {\n  FEATURE_CHECKOUT_TRACKING,\n  FIELD,\n  FORM_STORAGE_CACHE,\n  FORM_STORAGE_KEY,\n  TRACKING,\n} from '../Checkout.constants';\nimport { L10N } from '../Checkout.l10n';\nimport * as style from '../Checkout.module.css';\nimport { getFieldProps, trackForm } from '../helpers';\n\nlet hasTracking = false;\n\nconst storage = new Storage({ adapter: LocalAdapter, cache: FORM_STORAGE_CACHE });\n\nconst key = (dataSource) => `${FORM_STORAGE_KEY}:${generateId(JSON.stringify(dataSource))}`;\n\nconst Form = ({\n  dataSource: { currency, repositories: { countries } = {}, form: schema = {}, ...dataSource } = {},\n  variant,\n  onError = () => {},\n  ...others\n}) => {\n  const { isDesktop } = useDevice();\n  const { translate } = useLocale();\n  const { track } = useMetrics();\n  const {\n    set,\n    value: { club, id, locale, payment, session },\n  } = useStore();\n\n  const [errorForm, setErrorForm] = useState({});\n  const [errorPayment, setErrorPayment] = useState({});\n  const [form, setForm] = useState(\n    storage.get(key(dataSource)) || Object.fromEntries(Object.entries(schema).map(([key, { value }]) => [key, value])),\n  );\n  const [formTracked, setFormTracked] = useState();\n\n  useEffect(() => {\n    hasTracking = ServiceFeatures.get(FEATURE_CHECKOUT_TRACKING, id);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffect(() => {\n    setForm({ ...form, ...session });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [session]);\n\n  useLayoutEffect(() => {\n    if (Object.keys(form).length) storage.set(key(dataSource), form);\n    set({ checkout: form });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [form]);\n\n  useEffect(() => {\n    onError(Object.keys({ ...errorForm, ...errorPayment }).length > 0);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [errorForm, errorPayment]);\n\n  const handleChange = async (next) => {\n    if (!!schema.country && next.country && !next.phone) {\n      const { code } = await ServiceCountry.info(getCountryCode(next.country, countries));\n      if (code) next.phone = code;\n    }\n\n    setForm(next);\n  };\n\n  const handleEnter = (field) => hasTracking && track(`${TRACKING}:INPUT:${field}`, { field, locale, variant });\n\n  const handleLeave = () => {\n    const { email, firstName, lastName, phone } = errorForm;\n    if (!formTracked && !email && !firstName && !lastName && !phone) {\n      trackForm(form);\n      setFormTracked(true);\n    }\n  };\n\n  const { payment: { config: { publicKey = {}, ...config } = {} } = {} } = dataSource || {};\n\n  return (\n    <>\n      <FormBase\n        {...others}\n        autoComplete=\"off\"\n        validateOnMount\n        onChange={handleChange}\n        onEnter={handleEnter}\n        onError={setErrorForm}\n        onLeave={handleLeave}\n        className={styles(style.form, style.box)}\n      >\n        <Text bold headline={isDesktop} wide>\n          {translate(L10N.LABEL_PERSONAL_INFORMATION)}\n        </Text>\n        <TextRequiredFields wide />\n\n        {Object.entries(schema)\n          .filter(([key]) => !!schema[key])\n          .filter(([, { visible }]) => !visible || visible(form))\n          .map(([key, field = {}]) =>\n            React.createElement(\n              FIELD[field.input] || InputText,\n              getFieldProps(key, field, { value: form[key], error: errorForm[key], session, translate }, club),\n            ),\n          )}\n      </FormBase>\n\n      <Payment\n        {...{ ...dataSource?.payment, config: { ...config, publicKey: publicKey[payment?.method] } }}\n        currency={currency}\n        onError={setErrorPayment}\n      />\n    </>\n  );\n};\n\nForm.displayName = 'Mirai:User:Checkout.Form';\n\nForm.propTypes = {\n  dataSource: PropTypes.shape({\n    form: PropTypes.shape({}),\n  }),\n  variant: PropTypes.string,\n  onError: PropTypes.func,\n};\n\nexport { Form };\n"],"mappings":"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"}
+{"version":3,"file":"Checkout.Form.js","names":["_dataSources","require","_locale","_services","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_shared__","_helpers","_Checkout","_Checkout2","style","_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","storage","Storage","adapter","LocalAdapter","cache","FORM_STORAGE_CACHE","dataSource","concat","FORM_STORAGE_KEY","generateId","JSON","stringify","Form","_ref","currency","repositories","countries","form","schema","variant","onError","others","isDesktop","useDevice","translate","useLocale","track","useMetrics","value","club","id","locale","payment","session","useStore","errorForm","setErrorForm","useState","errorPayment","setErrorPayment","setForm","fromEntries","entries","map","_ref2","formTracked","setFormTracked","useEffect","ServiceFeatures","FEATURE_CHECKOUT_TRACKING","useLayoutEffect","keys","checkout","handleChange","next","country","phone","code","ServiceCountry","info","getCountryCode","handleEnter","field","TRACKING","handleLeave","email","firstName","lastName","trackForm","config","publicKey","createElement","Fragment","autoComplete","validateOnMount","onChange","onEnter","onLeave","className","styles","box","Text","bold","headline","wide","L10N","LABEL_PERSONAL_INFORMATION","TextRequiredFields","filter","_ref3","_ref4","visible","_ref5","React","FIELD","input","InputText","getFieldProps","error","Payment","method","exports","displayName","propTypes","PropTypes","shape","string","func"],"sources":["../../../../src/components/Checkout/partials/Checkout.Form.jsx"],"sourcesContent":["import { LocalAdapter, Storage, useMetrics, useStore } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\nimport { ServiceCountry, ServiceFeatures } from '@mirai/services';\nimport { InputText, Form as FormBase, styles, Text, useDevice } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useLayoutEffect, useState } from 'react';\n\nimport { Payment, TextRequiredFields } from '../../__shared__';\nimport { generateId, getCountryCode } from '../../helpers';\nimport {\n  FEATURE_CHECKOUT_TRACKING,\n  FIELD,\n  FORM_STORAGE_CACHE,\n  FORM_STORAGE_KEY,\n  TRACKING,\n} from '../Checkout.constants';\nimport { L10N } from '../Checkout.l10n';\nimport * as style from '../Checkout.module.css';\nimport { getFieldProps, trackForm } from '../helpers';\n\nlet hasTracking = false;\n\nconst storage = new Storage({ adapter: LocalAdapter, cache: FORM_STORAGE_CACHE });\n\nconst key = (dataSource) => `${FORM_STORAGE_KEY}:${generateId(JSON.stringify(dataSource))}`;\n\nconst Form = ({\n  dataSource: { currency, repositories: { countries } = {}, form: schema = {}, ...dataSource } = {},\n  variant,\n  onError = () => {},\n  ...others\n}) => {\n  const { isDesktop } = useDevice();\n  const { translate } = useLocale();\n  const { track } = useMetrics();\n  const {\n    set,\n    value: { club, id, locale, payment, session },\n  } = useStore();\n\n  const [errorForm, setErrorForm] = useState({});\n  const [errorPayment, setErrorPayment] = useState({});\n  const [form, setForm] = useState(\n    storage.get(key(dataSource)) || Object.fromEntries(Object.entries(schema).map(([key, { value }]) => [key, value])),\n  );\n  const [formTracked, setFormTracked] = useState();\n\n  useEffect(() => {\n    hasTracking = ServiceFeatures.get(FEATURE_CHECKOUT_TRACKING, id);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffect(() => {\n    setForm({ ...form, ...session });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [session]);\n\n  useLayoutEffect(() => {\n    if (Object.keys(form).length) storage.set(key(dataSource), form);\n    set({ checkout: form });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [form]);\n\n  useEffect(() => {\n    onError(Object.keys({ ...errorForm, ...errorPayment }).length > 0);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [errorForm, errorPayment]);\n\n  const handleChange = async (next) => {\n    if (!!schema.country && next.country && !next.phone) {\n      const { code } = await ServiceCountry.info(getCountryCode(next.country, countries));\n      if (code) next.phone = code;\n    }\n\n    setForm(next);\n  };\n\n  const handleEnter = (field) => hasTracking && track(`${TRACKING}:INPUT:${field}`, { field, locale, variant });\n\n  const handleLeave = () => {\n    const { email, firstName, lastName, phone } = errorForm;\n    if (!formTracked && !email && !firstName && !lastName && !phone) {\n      trackForm(form);\n      setFormTracked(true);\n    }\n  };\n\n  const { payment: { config: { publicKey = {}, ...config } = {} } = {} } = dataSource || {};\n\n  return (\n    <>\n      <FormBase\n        {...others}\n        autoComplete=\"off\"\n        validateOnMount\n        onChange={handleChange}\n        onEnter={handleEnter}\n        onError={setErrorForm}\n        onLeave={handleLeave}\n        className={styles(style.form, style.box)}\n      >\n        <Text bold headline={isDesktop} wide>\n          {translate(L10N.LABEL_PERSONAL_INFORMATION)}\n        </Text>\n\n        <TextRequiredFields wide />\n\n        {Object.entries(schema)\n          .filter(([key]) => !!schema[key])\n          .filter(([, { visible }]) => !visible || visible(form))\n          .map(([key, field = {}]) =>\n            React.createElement(\n              FIELD[field.input] || InputText,\n              getFieldProps(key, field, { value: form[key], error: errorForm[key], session, translate }, club),\n            ),\n          )}\n      </FormBase>\n\n      <Payment\n        {...{ ...dataSource?.payment, config: { ...config, publicKey: publicKey[payment?.method] } }}\n        currency={currency}\n        onError={setErrorPayment}\n      />\n    </>\n  );\n};\n\nForm.displayName = 'Mirai:User:Checkout.Form';\n\nForm.propTypes = {\n  dataSource: PropTypes.shape({\n    form: PropTypes.shape({}),\n  }),\n  variant: PropTypes.string,\n  onError: PropTypes.func,\n};\n\nexport { Form };\n"],"mappings":"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"}

package/build/components/Checkout/partials/__tests__/__snapshots__/Checkout.Form.test.js.snap

@@ -121,11 +121,6 @@ exports[`component:<Checkout> partial:<Form> inherit:className 1`] = `
               class="text paragraph text label"
             >
               common.label.phone_prefix
-              <span
-                class="required"
-              >
-                 *
-              </span>
             </span>
             <select
               class="select empty input prefix withLabel empty"
@@ -1541,11 +1536,6 @@ exports[`component:<Checkout> partial:<Form> renders 1`] = `
               class="text paragraph text label"
             >
               common.label.phone_prefix
-              <span
-                class="required"
-              >
-                 *
-              </span>
             </span>
             <select
               class="select empty input prefix withLabel empty"
@@ -2962,11 +2952,6 @@ exports[`component:<Checkout> partial:<Form> testID 1`] = `
               class="text paragraph text label"
             >
               common.label.phone_prefix
-              <span
-                class="required"
-              >
-                 *
-              </span>
             </span>
             <select
               class="select empty input prefix withLabel empty"
@@ -4382,11 +4367,6 @@ exports[`component:<Checkout> partial:<Form> with a store 1`] = `
               class="text paragraph text label"
             >
               common.label.phone_prefix
-              <span
-                class="required"
-              >
-                 *
-              </span>
             </span>
             <select
               class="select empty input prefix withLabel empty"

package/package.json

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