@mirai/core 0.4.104 → 0.4.106
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/Core.constants.js +110 -1
- package/build/Core.constants.js.map +1 -1
- package/build/Core.js +3 -5
- package/build/Core.js.map +1 -1
- package/build/components/BannerLoyalty/BannerLoyalty.js +3 -4
- package/build/components/BannerLoyalty/BannerLoyalty.js.map +1 -1
- package/build/components/BannerLoyalty/BannerLoyalty.skeleton.js +28 -28
- package/build/components/BannerLoyalty/BannerLoyalty.skeleton.js.map +1 -1
- package/build/components/Booking/Booking.js +3 -6
- package/build/components/Booking/Booking.js.map +1 -1
- package/build/components/Booking/Booking.skeleton.js +219 -27
- package/build/components/Booking/Booking.skeleton.js.map +1 -1
- package/build/components/Chat/Chat.js +2 -3
- package/build/components/Chat/Chat.js.map +1 -1
- package/build/components/Checkout/Checkout.js +3 -6
- package/build/components/Checkout/Checkout.js.map +1 -1
- package/build/components/Checkout/Checkout.skeleton.js +175 -25
- package/build/components/Checkout/Checkout.skeleton.js.map +1 -1
- package/build/components/Deals/Deals.js +17 -6
- package/build/components/Deals/Deals.js.map +1 -1
- package/build/components/Deals/Deals.skeleton.js +7 -7
- package/build/components/Deals/Deals.skeleton.js.map +1 -1
- package/build/components/Finder/Finder.compact.js +30 -13
- package/build/components/Finder/Finder.compact.js.map +1 -1
- package/build/components/Finder/Finder.js +18 -11
- package/build/components/Finder/Finder.js.map +1 -1
- package/build/components/Finder/Finder.l10n.js +4 -3
- package/build/components/Finder/Finder.l10n.js.map +1 -1
- package/build/components/Finder/Finder.module.css +7 -2
- package/build/components/Finder/components/Calendar/Calendar.js +4 -3
- package/build/components/Finder/components/Calendar/Calendar.js.map +1 -1
- package/build/components/Header/Header.js +8 -4
- package/build/components/Header/Header.js.map +1 -1
- package/build/components/Header/components/BookingProcess/BookingProcess.js +4 -2
- package/build/components/Header/components/BookingProcess/BookingProcess.js.map +1 -1
- package/build/components/Header/components/BookingProcess/BookingProcess.skeleton.js +52 -0
- package/build/components/Header/components/BookingProcess/BookingProcess.skeleton.js.map +1 -0
- package/build/components/Rates/Rates.Skeleton.js +92 -77
- package/build/components/Rates/Rates.Skeleton.js.map +1 -1
- package/build/components/Rates/Rates.js +3 -3
- package/build/components/Rates/Rates.js.map +1 -1
- package/build/components/Rates/components/Filters/Filters.Button.js +13 -1
- package/build/components/Rates/components/Filters/Filters.Button.js.map +1 -1
- package/build/components/Session/Session.Login.js +3 -4
- package/build/components/Session/Session.Login.js.map +1 -1
- package/build/components/__shared__/BookingDates/BookingDates.l10n.js +2 -2
- package/build/components/__shared__/BookingDates/BookingDates.l10n.js.map +1 -1
- package/build/components/__shared__/Field/Field.js +25 -7
- package/build/components/__shared__/Field/Field.js.map +1 -1
- package/build/components/__shared__/Field/Field.module.css +4 -0
- package/build/components/__shared__/Footer/Footer.js +7 -2
- package/build/components/__shared__/Footer/Footer.js.map +1 -1
- package/build/components/__shared__/SelectEnvironment/SelectEnvironment.js +11 -5
- package/build/components/__shared__/SelectEnvironment/SelectEnvironment.js.map +1 -1
- package/build/components/__shared__/SelectEnvironment/SelectEnvironment.module.css +4 -0
- package/build/components/__shared__/SelectEnvironment/SelectEnvironment.skeleton.js +30 -0
- package/build/components/__shared__/SelectEnvironment/SelectEnvironment.skeleton.js.map +1 -0
- package/build/components/__shared__/Skeleton/Skeleton.js +18 -6
- package/build/components/__shared__/Skeleton/Skeleton.js.map +1 -1
- package/build/components/__shared__/Skeleton/Skeleton.module.css +36 -19
- package/build/components/helpers/getAccommodationLabel.js +1 -1
- package/build/components/helpers/getAccommodationLabel.js.map +1 -1
- package/build/helpers/consolidateStore.js +1 -2
- package/build/helpers/consolidateStore.js.map +1 -1
- package/build/index.js +3 -2
- package/build/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Header.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_components","_Header","style","_shared__","_helpers","_Session","_SessionLogin","_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","Header","_ref","_ref2","currency","showCurrency","locale","showLocale","login","showLogin","ghost","name","showName","others","isDesktop","isMobile","useDevice","translate","useLocale","value","finder","place","id","placeId","isHotel","title","placeName","hotel","features","url","instanceId","session","useStore","modal","setModal","useState","useEffect","callback","visible","undefined","Event","subscribe","EVENT","LOGIN","unsubscribe","handleClose","handleLogin","publish","METRICS","handleUrl","setTimeout","window","location","SUBMIT_DELAY","logo","type","largeName","nameProps","action","small","fullName","concat","L10N","LABEL_PROPERTY_TYPE","trim","createElement","Fragment","View","tag","wide","testId","className","styles","header","row","content","main","Pressable","onPress","dangerouslySetInnerHTML","__html","outerHTML","alt","src","image","Text","bold","brand","textName","BookingProcess","noPrint","options","SelectEnvironment","compacted","headerMode","metrics","Account","Icon","headline","level","ICON","ACCOUNT","medium","ACTION_LOGIN","Modal","onClose","onSuccess","extra","exports","displayName","propTypes","PropTypes","bool","any","skeleton"],"sources":["../../../src/components/Header/Header.jsx"],"sourcesContent":["import { Event, useStore } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\nimport { Icon, Pressable, Text, useDevice, styles, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\n\nimport { BookingProcess } from './components';\nimport { L10N } from './Header.l10n';\nimport * as style from './Header.module.css';\nimport { SelectEnvironment } from '../__shared__';\nimport { EVENT, ICON, SUBMIT_DELAY } from '../helpers';\nimport { Account } from '../Session/Session.Account';\nimport { Modal as ModalLogin } from '../Session/Session.Login.Modal';\n\nconst Header = ({\n currency: showCurrency = false,\n locale: showLocale = true,\n login: showLogin = false,\n ghost,\n name: showName,\n ...others\n}) => {\n const { isDesktop, isMobile } = useDevice();\n const { translate } = useLocale();\n const {\n value: {\n finder: { place: { id: [placeId] = [], isHotel, title: placeName } = {} } = {},\n hotel: { features = {}, id, url } = {},\n id: instanceId,\n session,\n } = {},\n } = useStore();\n\n const [modal, setModal] = useState(false);\n\n useEffect(() => {\n const callback = ({ visible = true } = {}) => setModal(visible);\n\n Event.subscribe(EVENT.LOGIN, callback);\n return () => Event.unsubscribe(EVENT.LOGIN, callback);\n }, []);\n\n const handleClose = () => setModal(false);\n\n const handleLogin = () => {\n setModal(true);\n Event.publish(EVENT.METRICS, { id: 'HEADER:LOGIN' });\n };\n\n const handleUrl = () => {\n Event.publish(EVENT.METRICS, { id: 'HEADER:GO_TO_HOME' });\n setTimeout(() => (window.location = url), SUBMIT_DELAY / 2);\n };\n\n const { logo, name, type } =\n (placeId ? (isHotel ? features[placeId] : { name: placeName, ...features[instanceId] }) : features[id]) || {};\n const largeName = name?.length > 32;\n const nameProps = { action: (largeName && !isMobile) || (isMobile && !largeName), small: largeName && isMobile };\n const fullName = `${type ? translate(L10N.LABEL_PROPERTY_TYPE, { type }) : ''} ${name}`?.trim();\n\n return (\n <>\n <View tag=\"header\" wide testId={others.testId} className={styles(style.header, others.className)}>\n <View row wide className={style.content}>\n <View row className={style.main}>\n {(logo || ghost || (!logo && name)) && (\n <Pressable onPress={url ? handleUrl : undefined}>\n {ghost ? (\n <View dangerouslySetInnerHTML={{ __html: ghost.outerHTML }} />\n ) : logo ? (\n <View alt={fullName} tag=\"img\" src={logo} className={style.image} />\n ) : (\n <Text {...nameProps} bold brand className={style.textName}>\n {fullName}\n </Text>\n )}\n </Pressable>\n )}\n\n {isDesktop && <BookingProcess className={style.noPrint} />}\n </View>\n\n <View row className={[style.options, style.noPrint]}>\n {showLocale && <SelectEnvironment compacted={isMobile} headerMode metrics=\"HEADER\" name=\"locale\" />}\n {showCurrency && <SelectEnvironment compacted={isMobile} headerMode metrics=\"HEADER\" name=\"currency\" />}\n {showLogin && (\n <>\n {session ? (\n <Account compacted />\n ) : (\n <>\n <Pressable onPress={handleLogin} className={style.login}>\n <View row>\n <Icon headline level={2} value={ICON.ACCOUNT} />\n\n {!isMobile && (\n <Text action medium>\n {translate(L10N.ACTION_LOGIN)}\n </Text>\n )}\n </View>\n </Pressable>\n <ModalLogin visible={modal} onClose={handleClose} onSuccess={handleClose} />\n </>\n )}\n </>\n )}\n </View>\n </View>\n </View>\n\n {showName && logo && name && (\n <View className={styles(style.header, style.extra, others.className)}>\n <View row wide className={style.content}>\n <Text {...nameProps}>{fullName}</Text>\n </View>\n </View>\n )}\n\n {!isDesktop && <BookingProcess />}\n </>\n );\n};\n\nHeader.displayName = 'Mirai:Core:Header';\n\nHeader.propTypes = {\n currency: PropTypes.bool,\n ghost: PropTypes.any,\n locale: PropTypes.bool,\n login: PropTypes.bool,\n name: PropTypes.bool,\n skeleton: PropTypes.bool,\n};\n\nexport { Header };\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Header.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_components","_Header","style","_shared__","_helpers","_Session","_SessionLogin","_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","Header","_ref","_ref2","currency","showCurrency","locale","showLocale","login","showLogin","ghost","name","showName","others","isDesktop","isMobile","useDevice","translate","useLocale","value","finder","place","id","placeId","isHotel","title","placeName","hotel","features","url","instanceId","session","skeleton","useStore","modal","setModal","useState","useEffect","callback","visible","undefined","Event","subscribe","EVENT","LOGIN","unsubscribe","handleClose","handleLogin","publish","METRICS","handleUrl","setTimeout","window","location","SUBMIT_DELAY","logo","type","largeName","nameProps","action","small","fullName","concat","L10N","LABEL_PROPERTY_TYPE","trim","createElement","Fragment","View","tag","wide","testId","className","styles","header","row","content","main","Skeleton","bold","brand","words","Pressable","onPress","dangerouslySetInnerHTML","__html","outerHTML","alt","src","image","Text","textName","BookingProcess","noPrint","options","SelectEnvironment","compacted","headerMode","metrics","Account","Icon","headline","level","ICON","ACCOUNT","medium","ACTION_LOGIN","Modal","onClose","onSuccess","extra","exports","displayName","propTypes","PropTypes","bool","any"],"sources":["../../../src/components/Header/Header.jsx"],"sourcesContent":["import { Event, useStore } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\nimport { Icon, Pressable, Text, useDevice, styles, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\n\nimport { BookingProcess } from './components';\nimport { L10N } from './Header.l10n';\nimport * as style from './Header.module.css';\nimport { Skeleton, SelectEnvironment } from '../__shared__';\nimport { EVENT, ICON, SUBMIT_DELAY } from '../helpers';\nimport { Account } from '../Session/Session.Account';\nimport { Modal as ModalLogin } from '../Session/Session.Login.Modal';\n\nconst Header = ({\n currency: showCurrency = false,\n locale: showLocale = true,\n login: showLogin = false,\n ghost,\n name: showName,\n ...others\n}) => {\n const { isDesktop, isMobile } = useDevice();\n const { translate } = useLocale();\n const {\n value: {\n finder: { place: { id: [placeId] = [], isHotel, title: placeName } = {} } = {},\n hotel: { features = {}, id, url } = {},\n id: instanceId,\n session,\n skeleton = false,\n } = {},\n } = useStore();\n\n const [modal, setModal] = useState(false);\n\n useEffect(() => {\n const callback = ({ visible = true } = {}) => setModal(visible);\n\n Event.subscribe(EVENT.LOGIN, callback);\n return () => Event.unsubscribe(EVENT.LOGIN, callback);\n }, []);\n\n const handleClose = () => setModal(false);\n\n const handleLogin = () => {\n setModal(true);\n Event.publish(EVENT.METRICS, { id: 'HEADER:LOGIN' });\n };\n\n const handleUrl = () => {\n Event.publish(EVENT.METRICS, { id: 'HEADER:GO_TO_HOME' });\n setTimeout(() => (window.location = url), SUBMIT_DELAY / 2);\n };\n\n const { logo, name, type } =\n (placeId ? (isHotel ? features[placeId] : { name: placeName, ...features[instanceId] }) : features[id]) || {};\n const largeName = name?.length > 32;\n const nameProps = { action: (largeName && !isMobile) || (isMobile && !largeName), small: largeName && isMobile };\n const fullName = `${type ? translate(L10N.LABEL_PROPERTY_TYPE, { type }) : ''} ${name}`?.trim();\n\n return (\n <>\n <View tag=\"header\" wide testId={others.testId} className={styles(style.header, others.className)}>\n <View row wide className={style.content}>\n <View row className={style.main}>\n {skeleton ? (\n <Skeleton bold brand words={3} />\n ) : (\n (logo || ghost || (!logo && name)) && (\n <Pressable onPress={url ? handleUrl : undefined}>\n {ghost ? (\n <View dangerouslySetInnerHTML={{ __html: ghost.outerHTML }} />\n ) : logo ? (\n <View alt={fullName} tag=\"img\" src={logo} className={style.image} />\n ) : (\n <Text {...nameProps} bold brand className={style.textName}>\n {fullName}\n </Text>\n )}\n </Pressable>\n )\n )}\n\n {isDesktop && <BookingProcess className={style.noPrint} />}\n </View>\n\n <View row className={[style.options, style.noPrint]}>\n {showLocale && <SelectEnvironment compacted={isMobile} headerMode metrics=\"HEADER\" name=\"locale\" />}\n {showCurrency && <SelectEnvironment compacted={isMobile} headerMode metrics=\"HEADER\" name=\"currency\" />}\n {showLogin && (\n <>\n {session ? (\n <Account compacted />\n ) : (\n <>\n <Pressable onPress={handleLogin} className={style.login}>\n <View row>\n <Icon headline level={2} value={ICON.ACCOUNT} />\n\n {!isMobile && (\n <Text action medium>\n {translate(L10N.ACTION_LOGIN)}\n </Text>\n )}\n </View>\n </Pressable>\n <ModalLogin visible={modal} onClose={handleClose} onSuccess={handleClose} />\n </>\n )}\n </>\n )}\n </View>\n </View>\n </View>\n\n {showName && logo && name && (\n <View className={styles(style.header, style.extra, others.className)}>\n <View row wide className={style.content}>\n <Text {...nameProps}>{fullName}</Text>\n </View>\n </View>\n )}\n\n {!isDesktop && <BookingProcess />}\n </>\n );\n};\n\nHeader.displayName = 'Mirai:Core:Header';\n\nHeader.propTypes = {\n currency: PropTypes.bool,\n ghost: PropTypes.any,\n locale: PropTypes.bool,\n login: PropTypes.bool,\n name: PropTypes.bool,\n};\n\nexport { Header };\n"],"mappings":"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"}
|
|
@@ -11,6 +11,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
|
11
11
|
var _react = _interopRequireWildcard(require("react"));
|
|
12
12
|
var _BookingProcess = require("./BookingProcess.l10n");
|
|
13
13
|
var style = _interopRequireWildcard(require("./BookingProcess.module.css"));
|
|
14
|
+
var _BookingProcess2 = _interopRequireDefault(require("./BookingProcess.skeleton"));
|
|
14
15
|
var _helpers = require("../../../helpers");
|
|
15
16
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
16
17
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
@@ -29,7 +30,8 @@ const BookingProcess = _ref => {
|
|
|
29
30
|
} = (0, _locale.useLocale)();
|
|
30
31
|
const {
|
|
31
32
|
value: {
|
|
32
|
-
components = {}
|
|
33
|
+
components = {},
|
|
34
|
+
skeleton
|
|
33
35
|
} = {}
|
|
34
36
|
} = (0, _dataSources.useStore)();
|
|
35
37
|
const [step, setStep] = (0, _react.useState)(propStep);
|
|
@@ -52,7 +54,7 @@ const BookingProcess = _ref => {
|
|
|
52
54
|
const is = {
|
|
53
55
|
paylater: step === 3
|
|
54
56
|
};
|
|
55
|
-
return step ? /*#__PURE__*/_react.default.createElement(_ui.View, _extends({}, others, {
|
|
57
|
+
return skeleton ? /*#__PURE__*/_react.default.createElement(_BookingProcess2.default, null) : step ? /*#__PURE__*/_react.default.createElement(_ui.View, _extends({}, others, {
|
|
56
58
|
row: true,
|
|
57
59
|
className: [style.bookingProcess, others.className]
|
|
58
60
|
}), /*#__PURE__*/_react.default.createElement(_ui.View, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BookingProcess.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_BookingProcess","style","_helpers","_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","BookingProcess","_ref","step","propStep","others","isMobile","useDevice","translate","useLocale","value","components","useStore","setStep","useState","useEffect","callback","Event","subscribe","EVENT","PAY_LATER","unsubscribe","rates","checkout","booking","undefined","iconProps","small","textProps","action","is","paylater","createElement","View","row","className","bookingProcess","item","Text","bold","bullet","success","Icon","ICON","CHECK","label","L10N","LABEL_CHOOSE_STAY","divider","styles","disabled","LABEL_PERSONAL_DETAILS","Fragment","LABEL_BOOKING","LABEL_CONFIRMATION","exports","displayName","propTypes","PropTypes","number"],"sources":["../../../../../src/components/Header/components/BookingProcess/BookingProcess.jsx"],"sourcesContent":["import { Event, useStore } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\nimport { Icon, ICON, styles, Text, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\n\nimport { L10N } from './BookingProcess.l10n';\nimport * as style from './BookingProcess.module.css';\nimport { EVENT } from '../../../helpers';\n\nconst BookingProcess = ({ step: propStep, ...others }) => {\n const { isMobile } = useDevice();\n const { translate } = useLocale();\n const { value: { components = {} } = {} } = useStore();\n\n const [step, setStep] = useState(propStep);\n\n useEffect(() => {\n const callback = () => setStep(3);\n\n Event.subscribe(EVENT.PAY_LATER, callback);\n return () => Event.unsubscribe(EVENT.PAY_LATER, callback);\n }, []);\n\n useEffect(() => {\n setStep(propStep || components.rates ? 1 : components.checkout ? 2 : components.booking ? 4 : undefined);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [components, propStep]);\n\n const iconProps = { small: isMobile };\n const textProps = { action: !isMobile, small: isMobile };\n const is = { paylater: step === 3 };\n\n return step ? (\n <View {...others} row className={[style.bookingProcess, others.className]}>\n <View row className={style.item}>\n <Text {...textProps} bold className={[style.bullet, style.success]}>\n {step > 1 ? <Icon {...iconProps} value={ICON.CHECK} /> : 1}\n </Text>\n {(!isMobile || step === 1) && (\n <Text {...textProps} bold={step === 1} className={style.label}>\n {translate(L10N.LABEL_CHOOSE_STAY)}\n </Text>\n )}\n </View>\n\n <View className={style.divider} />\n\n <View row className={style.item}>\n <Text {...textProps} bold className={styles(style.bullet, step >= 2 && style.success)}>\n {step > 2 ? <Icon {...iconProps} value={ICON.CHECK} /> : 2}\n </Text>\n\n {(!isMobile || step === 2) && (\n <Text {...textProps} bold={step === 2} className={styles(style.label, step < 2 && style.disabled)}>\n {translate(L10N.LABEL_PERSONAL_DETAILS)}\n </Text>\n )}\n </View>\n\n <View className={style.divider} />\n\n {is.paylater && (\n <>\n <View row className={style.item}>\n <Text {...textProps} bold className={styles(style.bullet, step >= 3 && style.success)}>\n {step > 3 ? <Icon {...iconProps} value={ICON.CHECK} /> : 4}\n </Text>\n\n {(!isMobile || step === 3) && (\n <Text {...textProps} bold={step === 3} className={styles(style.label, step < 3 && style.disabled)}>\n {translate(L10N.LABEL_BOOKING)}\n </Text>\n )}\n </View>\n <View className={style.divider} />\n </>\n )}\n\n <View row className={style.item}>\n <Text {...textProps} bold className={styles(style.bullet, step >= 3 && style.success)}>\n {step >= 4 ? <Icon {...iconProps} value={ICON.CHECK} /> : is.paylater ? 4 : 3}\n </Text>\n {(!isMobile || step === 3) && (\n <Text {...textProps} bold={step === 4} className={styles(style.label, step < 4 && style.disabled)}>\n {translate(L10N.LABEL_CONFIRMATION)}\n </Text>\n )}\n </View>\n </View>\n ) : null;\n};\n\nBookingProcess.displayName = 'Mirai:Core:Header:BookingProcess';\n\nBookingProcess.propTypes = {\n step: PropTypes.number,\n};\n\nexport { BookingProcess };\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"BookingProcess.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_BookingProcess","style","_BookingProcess2","_helpers","_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","BookingProcess","_ref","step","propStep","others","isMobile","useDevice","translate","useLocale","value","components","skeleton","useStore","setStep","useState","useEffect","callback","Event","subscribe","EVENT","PAY_LATER","unsubscribe","rates","checkout","booking","undefined","iconProps","small","textProps","action","is","paylater","createElement","View","row","className","bookingProcess","item","Text","bold","bullet","success","Icon","ICON","CHECK","label","L10N","LABEL_CHOOSE_STAY","divider","styles","disabled","LABEL_PERSONAL_DETAILS","Fragment","LABEL_BOOKING","LABEL_CONFIRMATION","exports","displayName","propTypes","PropTypes","number"],"sources":["../../../../../src/components/Header/components/BookingProcess/BookingProcess.jsx"],"sourcesContent":["import { Event, useStore } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\nimport { Icon, ICON, styles, Text, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\n\nimport { L10N } from './BookingProcess.l10n';\nimport * as style from './BookingProcess.module.css';\nimport Skeleton from './BookingProcess.skeleton';\nimport { EVENT } from '../../../helpers';\n\nconst BookingProcess = ({ step: propStep, ...others }) => {\n const { isMobile } = useDevice();\n const { translate } = useLocale();\n const { value: { components = {}, skeleton } = {} } = useStore();\n\n const [step, setStep] = useState(propStep);\n\n useEffect(() => {\n const callback = () => setStep(3);\n\n Event.subscribe(EVENT.PAY_LATER, callback);\n return () => Event.unsubscribe(EVENT.PAY_LATER, callback);\n }, []);\n\n useEffect(() => {\n setStep(propStep || components.rates ? 1 : components.checkout ? 2 : components.booking ? 4 : undefined);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [components, propStep]);\n\n const iconProps = { small: isMobile };\n const textProps = { action: !isMobile, small: isMobile };\n const is = { paylater: step === 3 };\n\n return skeleton ? (\n <Skeleton />\n ) : step ? (\n <View {...others} row className={[style.bookingProcess, others.className]}>\n <View row className={style.item}>\n <Text {...textProps} bold className={[style.bullet, style.success]}>\n {step > 1 ? <Icon {...iconProps} value={ICON.CHECK} /> : 1}\n </Text>\n {(!isMobile || step === 1) && (\n <Text {...textProps} bold={step === 1} className={style.label}>\n {translate(L10N.LABEL_CHOOSE_STAY)}\n </Text>\n )}\n </View>\n\n <View className={style.divider} />\n\n <View row className={style.item}>\n <Text {...textProps} bold className={styles(style.bullet, step >= 2 && style.success)}>\n {step > 2 ? <Icon {...iconProps} value={ICON.CHECK} /> : 2}\n </Text>\n\n {(!isMobile || step === 2) && (\n <Text {...textProps} bold={step === 2} className={styles(style.label, step < 2 && style.disabled)}>\n {translate(L10N.LABEL_PERSONAL_DETAILS)}\n </Text>\n )}\n </View>\n\n <View className={style.divider} />\n\n {is.paylater && (\n <>\n <View row className={style.item}>\n <Text {...textProps} bold className={styles(style.bullet, step >= 3 && style.success)}>\n {step > 3 ? <Icon {...iconProps} value={ICON.CHECK} /> : 4}\n </Text>\n\n {(!isMobile || step === 3) && (\n <Text {...textProps} bold={step === 3} className={styles(style.label, step < 3 && style.disabled)}>\n {translate(L10N.LABEL_BOOKING)}\n </Text>\n )}\n </View>\n <View className={style.divider} />\n </>\n )}\n\n <View row className={style.item}>\n <Text {...textProps} bold className={styles(style.bullet, step >= 3 && style.success)}>\n {step >= 4 ? <Icon {...iconProps} value={ICON.CHECK} /> : is.paylater ? 4 : 3}\n </Text>\n {(!isMobile || step === 3) && (\n <Text {...textProps} bold={step === 4} className={styles(style.label, step < 4 && style.disabled)}>\n {translate(L10N.LABEL_CONFIRMATION)}\n </Text>\n )}\n </View>\n </View>\n ) : null;\n};\n\nBookingProcess.displayName = 'Mirai:Core:Header:BookingProcess';\n\nBookingProcess.propTypes = {\n step: PropTypes.number,\n};\n\nexport { BookingProcess };\n"],"mappings":"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"}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _ui = require("@mirai/ui");
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
var _shared__ = require("../../../__shared__");
|
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
12
|
+
var _default = () => {
|
|
13
|
+
const {
|
|
14
|
+
isMobile,
|
|
15
|
+
isDesktop
|
|
16
|
+
} = (0, _ui.useDevice)();
|
|
17
|
+
const itemProps = {
|
|
18
|
+
row: true,
|
|
19
|
+
style: {
|
|
20
|
+
gap: 'var(--mirai-ui-space-XS)'
|
|
21
|
+
}
|
|
22
|
+
};
|
|
23
|
+
const iconProps = {
|
|
24
|
+
style: {
|
|
25
|
+
borderRadius: '50%',
|
|
26
|
+
height: 'var(--mirai-ui-space-L)',
|
|
27
|
+
width: 'var(--mirai-ui-space-L)'
|
|
28
|
+
}
|
|
29
|
+
};
|
|
30
|
+
const textProps = {
|
|
31
|
+
action: !isMobile,
|
|
32
|
+
small: isMobile
|
|
33
|
+
};
|
|
34
|
+
return /*#__PURE__*/_react.default.createElement(_ui.View, {
|
|
35
|
+
row: true,
|
|
36
|
+
style: {
|
|
37
|
+
backgroundColor: 'var(--mirai-ui-base)',
|
|
38
|
+
borderBottom: !isDesktop ? 'solid var(--mirai-ui-border-width) var(--mirai-ui-content-border)' : undefined,
|
|
39
|
+
gap: 'var(--mirai-ui-space-XL)',
|
|
40
|
+
justifyContent: !isDesktop ? 'space-between' : undefined,
|
|
41
|
+
padding: !isDesktop ? 'var(--mirai-ui-space-XS) var(--mirai-ui-space-M)' : undefined
|
|
42
|
+
}
|
|
43
|
+
}, /*#__PURE__*/_react.default.createElement(_ui.View, itemProps, /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, iconProps), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, _extends({}, textProps, {
|
|
44
|
+
words: 2
|
|
45
|
+
}))), /*#__PURE__*/_react.default.createElement(_ui.View, itemProps, /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, iconProps), !isMobile && /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, _extends({}, textProps, {
|
|
46
|
+
words: 2
|
|
47
|
+
}))), /*#__PURE__*/_react.default.createElement(_ui.View, itemProps, /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, iconProps), !isMobile && /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, _extends({}, textProps, {
|
|
48
|
+
words: 1
|
|
49
|
+
}))));
|
|
50
|
+
};
|
|
51
|
+
exports.default = _default;
|
|
52
|
+
//# sourceMappingURL=BookingProcess.skeleton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BookingProcess.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","isMobile","isDesktop","useDevice","itemProps","row","style","gap","iconProps","borderRadius","height","width","textProps","action","small","createElement","View","backgroundColor","borderBottom","undefined","justifyContent","padding","Skeleton","words","exports"],"sources":["../../../../../src/components/Header/components/BookingProcess/BookingProcess.skeleton.jsx"],"sourcesContent":["import { useDevice, View } from '@mirai/ui';\nimport React from 'react';\n\nimport { Skeleton } from '../../../__shared__';\n\nexport default () => {\n const { isMobile, isDesktop } = useDevice();\n\n const itemProps = {\n row: true,\n style: {\n gap: 'var(--mirai-ui-space-XS)',\n },\n };\n const iconProps = {\n style: { borderRadius: '50%', height: 'var(--mirai-ui-space-L)', width: 'var(--mirai-ui-space-L)' },\n };\n const textProps = { action: !isMobile, small: isMobile };\n\n return (\n <View\n row\n style={{\n backgroundColor: 'var(--mirai-ui-base)',\n borderBottom: !isDesktop ? 'solid var(--mirai-ui-border-width) var(--mirai-ui-content-border)' : undefined,\n gap: 'var(--mirai-ui-space-XL)',\n justifyContent: !isDesktop ? 'space-between' : undefined,\n padding: !isDesktop ? 'var(--mirai-ui-space-XS) var(--mirai-ui-space-M)' : undefined,\n }}\n >\n <View {...itemProps}>\n <Skeleton {...iconProps} />\n <Skeleton {...textProps} words={2} />\n </View>\n <View {...itemProps}>\n <Skeleton {...iconProps} />\n {!isMobile && <Skeleton {...textProps} words={2} />}\n </View>\n <View {...itemProps}>\n <Skeleton {...iconProps} />\n {!isMobile && <Skeleton {...textProps} words={1} />}\n </View>\n </View>\n );\n};\n"],"mappings":"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"}
|
|
@@ -26,9 +26,6 @@ const RatesSkeleton = () => {
|
|
|
26
26
|
urlParams
|
|
27
27
|
}
|
|
28
28
|
} = (0, _dataSources.useStore)();
|
|
29
|
-
const props = {
|
|
30
|
-
color: 'base'
|
|
31
|
-
};
|
|
32
29
|
const section = {
|
|
33
30
|
borderBottom: 'solid 1px var(--mirai-ui-content-background)',
|
|
34
31
|
gap: '0.5rem',
|
|
@@ -61,13 +58,10 @@ const RatesSkeleton = () => {
|
|
|
61
58
|
padding: '1rem'
|
|
62
59
|
}
|
|
63
60
|
};
|
|
64
|
-
const radio = {
|
|
65
|
-
height: '1rem',
|
|
66
|
-
width: '1rem'
|
|
67
|
-
};
|
|
68
61
|
const {
|
|
69
62
|
columnMode,
|
|
70
|
-
hideRadio
|
|
63
|
+
hideRadio,
|
|
64
|
+
rowMode
|
|
71
65
|
} = (0, _helpers.getFeatures)(features, urlParams, {
|
|
72
66
|
isDesktop,
|
|
73
67
|
isMobile
|
|
@@ -83,20 +77,25 @@ const RatesSkeleton = () => {
|
|
|
83
77
|
}
|
|
84
78
|
}, Array.from({
|
|
85
79
|
length: isMobile ? 1 : isTablet ? 2 : 3
|
|
86
|
-
}).map((_, index) => /*#__PURE__*/_react.default.createElement(_shared__.Skeleton,
|
|
87
|
-
key: index
|
|
88
|
-
|
|
80
|
+
}).map((_, index) => /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
|
|
81
|
+
key: index,
|
|
82
|
+
base: true,
|
|
83
|
+
row: rowMode,
|
|
89
84
|
style: {
|
|
90
85
|
boxSizing: 'border-box',
|
|
91
86
|
flex: 1,
|
|
92
|
-
flexBasis: isTablet || columnMode ? 'calc(50% - calc(var(--mirai-ui-space-M) / 2))' : isDesktop ? "calc(33.33% - calc(calc(var(--mirai-ui-space-M) * 2) / 3))" : '100%',
|
|
87
|
+
flexBasis: isTablet || columnMode ? 'calc(50% - calc(var(--mirai-ui-space-M) / 2))' : isDesktop && !rowMode ? "calc(33.33% - calc(calc(var(--mirai-ui-space-M) * 2) / 3))" : '100%',
|
|
93
88
|
overflow: 'hidden'
|
|
94
89
|
}
|
|
95
|
-
}
|
|
96
|
-
|
|
90
|
+
}, /*#__PURE__*/_react.default.createElement(rowMode ? _ui.View : _react.default.Fragment, rowMode ? {
|
|
91
|
+
style: {
|
|
92
|
+
borderRight: 'solid 1px var(--mirai-ui-content-background)',
|
|
93
|
+
minWidth: '50%'
|
|
94
|
+
}
|
|
95
|
+
} : undefined, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
|
|
97
96
|
style: {
|
|
98
97
|
borderRadius: 0,
|
|
99
|
-
minHeight: !columnMode ? '208px' : "calc(100svh / ".concat(isPortrait ? 5 : 3, ")")
|
|
98
|
+
minHeight: !columnMode && !rowMode ? '208px' : "calc(100svh / ".concat(isPortrait ? 5 : 3, ")")
|
|
100
99
|
}
|
|
101
100
|
}), /*#__PURE__*/_react.default.createElement(_ui.View, {
|
|
102
101
|
row: true,
|
|
@@ -106,29 +105,38 @@ const RatesSkeleton = () => {
|
|
|
106
105
|
padding: '0.75rem 1rem'
|
|
107
106
|
}
|
|
108
107
|
}, /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
|
|
109
|
-
small: true
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
}
|
|
108
|
+
small: true,
|
|
109
|
+
words: 2
|
|
110
|
+
}), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
|
|
111
|
+
small: true,
|
|
112
|
+
words: 1
|
|
113
|
+
}), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
|
|
114
|
+
small: true,
|
|
115
|
+
words: 2
|
|
116
|
+
})), /*#__PURE__*/_react.default.createElement(_ui.View, {
|
|
115
117
|
style: {
|
|
116
118
|
...section
|
|
117
119
|
}
|
|
118
120
|
}, /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
|
|
119
121
|
headline: true,
|
|
120
|
-
level: 2
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
}
|
|
126
|
-
action: true
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
}
|
|
122
|
+
level: 2,
|
|
123
|
+
words: 2
|
|
124
|
+
}), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
|
|
125
|
+
action: true,
|
|
126
|
+
words: 3
|
|
127
|
+
}), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
|
|
128
|
+
action: true,
|
|
129
|
+
words: 1
|
|
130
|
+
}), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
|
|
131
|
+
action: true,
|
|
132
|
+
words: 2
|
|
133
|
+
}), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
|
|
134
|
+
action: true,
|
|
135
|
+
words: 1
|
|
136
|
+
}), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
|
|
137
|
+
action: true,
|
|
138
|
+
words: 2
|
|
139
|
+
})))), /*#__PURE__*/_react.default.createElement(_ui.View, {
|
|
132
140
|
style: {
|
|
133
141
|
height: '100%'
|
|
134
142
|
},
|
|
@@ -138,39 +146,44 @@ const RatesSkeleton = () => {
|
|
|
138
146
|
...section
|
|
139
147
|
}
|
|
140
148
|
}, /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
|
|
141
|
-
action: true
|
|
142
|
-
|
|
149
|
+
action: true,
|
|
150
|
+
words: 2
|
|
151
|
+
}), /*#__PURE__*/_react.default.createElement(_ui.View, {
|
|
143
152
|
row: hideRadio
|
|
144
|
-
},
|
|
145
|
-
|
|
146
|
-
},
|
|
147
|
-
|
|
148
|
-
},
|
|
149
|
-
|
|
150
|
-
}
|
|
151
|
-
action: true
|
|
152
|
-
|
|
153
|
+
}, Array.from({
|
|
154
|
+
length: 2
|
|
155
|
+
}).map((_, index) => /*#__PURE__*/_react.default.createElement(_ui.View, _extends({
|
|
156
|
+
key: index
|
|
157
|
+
}, hideRadio ? tab : optionContainer), /*#__PURE__*/_react.default.createElement(_ui.View, option, !hideRadio && /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
|
|
158
|
+
icon: true
|
|
159
|
+
}), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
|
|
160
|
+
action: true,
|
|
161
|
+
words: 3
|
|
162
|
+
})), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
|
|
163
|
+
action: true,
|
|
164
|
+
words: 1
|
|
165
|
+
}))))), /*#__PURE__*/_react.default.createElement(_ui.View, {
|
|
153
166
|
style: {
|
|
154
|
-
...section
|
|
155
|
-
flex: 1
|
|
167
|
+
...section
|
|
156
168
|
}
|
|
157
169
|
}, /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
|
|
158
|
-
action: true
|
|
159
|
-
|
|
170
|
+
action: true,
|
|
171
|
+
words: 1
|
|
172
|
+
}), /*#__PURE__*/_react.default.createElement(_ui.View, {
|
|
160
173
|
row: hideRadio
|
|
161
|
-
},
|
|
162
|
-
|
|
163
|
-
},
|
|
164
|
-
|
|
165
|
-
},
|
|
166
|
-
|
|
167
|
-
}
|
|
168
|
-
action: true
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
}
|
|
174
|
+
}, Array.from({
|
|
175
|
+
length: 3
|
|
176
|
+
}).map((_, index) => /*#__PURE__*/_react.default.createElement(_ui.View, _extends({
|
|
177
|
+
key: index
|
|
178
|
+
}, hideRadio ? tab : optionContainer), /*#__PURE__*/_react.default.createElement(_ui.View, option, !hideRadio && /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
|
|
179
|
+
icon: true
|
|
180
|
+
}), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
|
|
181
|
+
action: true,
|
|
182
|
+
words: 3
|
|
183
|
+
})), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
|
|
184
|
+
action: true,
|
|
185
|
+
words: 1
|
|
186
|
+
}))))), /*#__PURE__*/_react.default.createElement(_ui.View, {
|
|
174
187
|
row: true,
|
|
175
188
|
style: {
|
|
176
189
|
alignItems: 'flex-end',
|
|
@@ -182,23 +195,25 @@ const RatesSkeleton = () => {
|
|
|
182
195
|
gap: '0.5rem'
|
|
183
196
|
}
|
|
184
197
|
}, /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
|
|
185
|
-
small: true
|
|
186
|
-
|
|
198
|
+
small: true,
|
|
199
|
+
words: 2
|
|
200
|
+
}), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
|
|
187
201
|
headline: true,
|
|
188
|
-
level: 2
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
}
|
|
194
|
-
small: true
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
+
level: 2,
|
|
203
|
+
words: 1
|
|
204
|
+
}), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
|
|
205
|
+
small: true,
|
|
206
|
+
words: 5
|
|
207
|
+
}), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
|
|
208
|
+
small: true,
|
|
209
|
+
words: 4
|
|
210
|
+
}), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
|
|
211
|
+
small: true,
|
|
212
|
+
words: 2
|
|
213
|
+
})), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
|
|
214
|
+
button: true,
|
|
215
|
+
words: 1
|
|
216
|
+
})))))));
|
|
202
217
|
};
|
|
203
218
|
RatesSkeleton.displayName = 'Mirai:Core:Rates:Skeleton';
|
|
204
219
|
RatesSkeleton.propTypes = {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Rates.Skeleton.js","names":["_dataSources","require","_ui","_react","_interopRequireDefault","_helpers","_shared__","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","RatesSkeleton","isDesktop","isMobile","isPortrait","isTablet","useDevice","value","hotel","features","urlParams","useStore","props","color","section","borderBottom","gap","padding","option","row","style","optionContainer","justifyContent","marginBottom","tab","alignItems","alignContent","border","flex","height","radio","width","columnMode","hideRadio","getFeatures","createElement","Fragment","View","flexWrap","marginTop","Array","from","map","_","index","Skeleton","boxSizing","flexBasis","overflow","borderRadius","minHeight","concat","small","headline","level","action","wide","displayName","propTypes","_default","exports"],"sources":["../../../src/components/Rates/Rates.Skeleton.jsx"],"sourcesContent":["import { useStore } from '@mirai/data-sources';\nimport { useDevice, View } from '@mirai/ui';\nimport React from 'react';\n\nimport { getFeatures } from './helpers';\nimport { Skeleton } from '../__shared__';\n\nconst RatesSkeleton = () => {\n const { isDesktop, isMobile, isPortrait, isTablet } = useDevice();\n const {\n value: { hotel: { features } = {}, urlParams },\n } = useStore();\n\n const props = { color: 'base' };\n const section = { borderBottom: 'solid 1px var(--mirai-ui-content-background)', gap: '0.5rem', padding: '1rem' };\n const option = { row: true, style: { gap: '0.5rem' } };\n const optionContainer = {\n row: true,\n style: { gap: '0.5rem', justifyContent: 'space-between', marginBottom: '0.5rem' },\n };\n const tab = {\n row: false,\n style: {\n alignItems: 'center',\n alignContent: 'center',\n justifyContent: 'center',\n border: 'solid 1px var(--mirai-ui-content-background)',\n flex: 1,\n gap: '0.5rem',\n height: '100%',\n padding: '1rem',\n },\n };\n const radio = { height: '1rem', width: '1rem' };\n\n const { columnMode, hideRadio } = getFeatures(features, urlParams, { isDesktop, isMobile });\n\n return (\n <>\n <View\n row\n style={{\n alignItems: 'stretch',\n flexWrap: 'wrap',\n gap: '1rem',\n justifyContent: 'space-between',\n marginTop: isMobile ? 0 : '1rem',\n }}\n >\n {Array.from({ length: isMobile ? 1 : isTablet ? 2 : 3 }).map((_, index) => (\n <Skeleton\n key={index}\n {...props}\n style={{\n boxSizing: 'border-box',\n flex: 1,\n flexBasis:\n isTablet || columnMode\n ? 'calc(50% - calc(var(--mirai-ui-space-M) / 2))'\n : isDesktop\n ? `calc(33.33% - calc(calc(var(--mirai-ui-space-M) * 2) / 3))`\n : '100%',\n overflow: 'hidden',\n }}\n >\n <Skeleton\n color=\"border\"\n style={{\n borderRadius: 0,\n minHeight: !columnMode ? '208px' : `calc(100svh / ${isPortrait ? 5 : 3})`,\n }}\n />\n\n <View row style={{ ...section, gap: '1rem', padding: '0.75rem 1rem' }}>\n <Skeleton small>12 m²</Skeleton>\n <Skeleton small>2p</Skeleton>\n <Skeleton small>King Size</Skeleton>\n </View>\n\n <View style={{ ...section }}>\n <Skeleton headline level={2}>\n Superior Room\n </Skeleton>\n <Skeleton action>Free wifi internet</Skeleton>\n <Skeleton action>Television</Skeleton>\n <Skeleton action>Mini-bar</Skeleton>\n <Skeleton action>Heating</Skeleton>\n <Skeleton action>More Info +</Skeleton>\n </View>\n\n <View style={{ height: '100%' }} wide>\n <View style={{ ...section }}>\n <Skeleton action>Cancellation type</Skeleton>\n <View row={hideRadio}>\n <View {...(hideRadio ? tab : optionContainer)}>\n <View {...option}>\n {!hideRadio && <Skeleton {...radio} />}\n <Skeleton action>Free cancelation</Skeleton>\n </View>\n <Skeleton action>$0.00</Skeleton>\n </View>\n\n <View {...(hideRadio ? tab : optionContainer)}>\n <View {...option}>\n {!hideRadio && <Skeleton {...radio} />}\n <Skeleton action>Free cancelation until apr 10</Skeleton>\n </View>\n <Skeleton action>$19.95</Skeleton>\n </View>\n </View>\n </View>\n\n <View style={{ ...section, flex: 1 }}>\n <Skeleton action>Extras</Skeleton>\n <View row={hideRadio}>\n <View {...(hideRadio ? tab : optionContainer)}>\n <View {...option}>\n {!hideRadio && <Skeleton {...radio} />}\n <Skeleton action>Only room</Skeleton>\n </View>\n <Skeleton action>$0.00</Skeleton>\n </View>\n <View {...(hideRadio ? tab : optionContainer)}>\n <View {...option}>\n {!hideRadio && <Skeleton {...radio} />}\n <Skeleton action>Breakfast included</Skeleton>\n </View>\n <Skeleton action>$19.95</Skeleton>\n </View>\n <View {...(hideRadio ? tab : optionContainer)}>\n <View {...option}>\n {!hideRadio && <Skeleton {...radio} />}\n <Skeleton action>All included</Skeleton>\n </View>\n <Skeleton action>$39.95</Skeleton>\n </View>\n </View>\n </View>\n\n <View row style={{ alignItems: 'flex-end', justifyContent: 'space-between', padding: '1rem' }}>\n <View style={{ gap: '0.5rem' }}>\n <Skeleton small>5% off</Skeleton>\n <Skeleton headline level={2}>\n $199.50\n </Skeleton>\n <Skeleton small>$19.95 per unit & night</Skeleton>\n <Skeleton small>Includes taxes and fees</Skeleton>\n <Skeleton small>Price details +</Skeleton>\n </View>\n\n <Skeleton action style={{ height: '3rem', width: '7rem' }}>\n Reserve\n </Skeleton>\n </View>\n </View>\n </Skeleton>\n ))}\n </View>\n </>\n );\n};\n\nRatesSkeleton.displayName = 'Mirai:Core:Rates:Skeleton';\n\nRatesSkeleton.propTypes = {};\n\nexport default RatesSkeleton;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Rates.Skeleton.js","names":["_dataSources","require","_ui","_react","_interopRequireDefault","_helpers","_shared__","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","RatesSkeleton","isDesktop","isMobile","isPortrait","isTablet","useDevice","value","hotel","features","urlParams","useStore","section","borderBottom","gap","padding","option","row","style","optionContainer","justifyContent","marginBottom","tab","alignItems","alignContent","border","flex","height","columnMode","hideRadio","rowMode","getFeatures","createElement","Fragment","View","flexWrap","marginTop","Array","from","map","_","index","Skeleton","base","boxSizing","flexBasis","overflow","React","borderRight","minWidth","undefined","borderRadius","minHeight","concat","small","words","headline","level","action","wide","icon","button","displayName","propTypes","_default","exports"],"sources":["../../../src/components/Rates/Rates.Skeleton.jsx"],"sourcesContent":["import { useStore } from '@mirai/data-sources';\nimport { useDevice, View } from '@mirai/ui';\nimport React from 'react';\n\nimport { getFeatures } from './helpers';\nimport { Skeleton } from '../__shared__';\n\nconst RatesSkeleton = () => {\n const { isDesktop, isMobile, isPortrait, isTablet } = useDevice();\n const {\n value: { hotel: { features } = {}, urlParams },\n } = useStore();\n\n const section = { borderBottom: 'solid 1px var(--mirai-ui-content-background)', gap: '0.5rem', padding: '1rem' };\n const option = { row: true, style: { gap: '0.5rem' } };\n const optionContainer = {\n row: true,\n style: { gap: '0.5rem', justifyContent: 'space-between', marginBottom: '0.5rem' },\n };\n const tab = {\n row: false,\n style: {\n alignItems: 'center',\n alignContent: 'center',\n justifyContent: 'center',\n border: 'solid 1px var(--mirai-ui-content-background)',\n flex: 1,\n gap: '0.5rem',\n height: '100%',\n padding: '1rem',\n },\n };\n\n const { columnMode, hideRadio, rowMode } = getFeatures(features, urlParams, { isDesktop, isMobile });\n\n return (\n <>\n <View\n row\n style={{\n alignItems: 'stretch',\n flexWrap: 'wrap',\n gap: '1rem',\n justifyContent: 'space-between',\n marginTop: isMobile ? 0 : '1rem',\n }}\n >\n {Array.from({ length: isMobile ? 1 : isTablet ? 2 : 3 }).map((_, index) => (\n <Skeleton\n key={index}\n base\n row={rowMode}\n style={{\n boxSizing: 'border-box',\n flex: 1,\n flexBasis:\n isTablet || columnMode\n ? 'calc(50% - calc(var(--mirai-ui-space-M) / 2))'\n : isDesktop && !rowMode\n ? `calc(33.33% - calc(calc(var(--mirai-ui-space-M) * 2) / 3))`\n : '100%',\n overflow: 'hidden',\n }}\n >\n {React.createElement(\n rowMode ? View : React.Fragment,\n rowMode\n ? {\n style: {\n borderRight: 'solid 1px var(--mirai-ui-content-background)',\n minWidth: '50%',\n },\n }\n : undefined,\n <>\n <Skeleton\n style={{\n borderRadius: 0,\n minHeight: !columnMode && !rowMode ? '208px' : `calc(100svh / ${isPortrait ? 5 : 3})`,\n }}\n />\n\n <View row style={{ ...section, gap: '1rem', padding: '0.75rem 1rem' }}>\n <Skeleton small words={2} />\n <Skeleton small words={1} />\n <Skeleton small words={2} />\n </View>\n\n <View style={{ ...section }}>\n <Skeleton headline level={2} words={2} />\n <Skeleton action words={3} />\n <Skeleton action words={1} />\n <Skeleton action words={2} />\n <Skeleton action words={1} />\n <Skeleton action words={2} />\n </View>\n </>,\n )}\n\n <View style={{ height: '100%' }} wide>\n <View style={{ ...section }}>\n <Skeleton action words={2} />\n <View row={hideRadio}>\n {Array.from({ length: 2 }).map((_, index) => (\n <View key={index} {...(hideRadio ? tab : optionContainer)}>\n <View {...option}>\n {!hideRadio && <Skeleton icon />}\n <Skeleton action words={3} />\n </View>\n <Skeleton action words={1} />\n </View>\n ))}\n </View>\n </View>\n\n <View style={{ ...section }}>\n <Skeleton action words={1} />\n <View row={hideRadio}>\n {Array.from({ length: 3 }).map((_, index) => (\n <View key={index} {...(hideRadio ? tab : optionContainer)}>\n <View {...option}>\n {!hideRadio && <Skeleton icon />}\n <Skeleton action words={3} />\n </View>\n <Skeleton action words={1} />\n </View>\n ))}\n </View>\n </View>\n\n <View row style={{ alignItems: 'flex-end', justifyContent: 'space-between', padding: '1rem' }}>\n <View style={{ gap: '0.5rem' }}>\n <Skeleton small words={2} />\n <Skeleton headline level={2} words={1} />\n <Skeleton small words={5} />\n <Skeleton small words={4} />\n <Skeleton small words={2} />\n </View>\n\n <Skeleton button words={1} />\n </View>\n </View>\n </Skeleton>\n ))}\n </View>\n </>\n );\n};\n\nRatesSkeleton.displayName = 'Mirai:Core:Rates:Skeleton';\n\nRatesSkeleton.propTypes = {};\n\nexport default RatesSkeleton;\n"],"mappings":"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"}
|
|
@@ -35,7 +35,6 @@ let timeoutItemFitsInViewport;
|
|
|
35
35
|
const Rates = _ref => {
|
|
36
36
|
var _select, _dataSource$hotels, _responseError$tracki, _responseError$tracki2, _dataSource$items;
|
|
37
37
|
let {
|
|
38
|
-
skeleton,
|
|
39
38
|
testId,
|
|
40
39
|
...others
|
|
41
40
|
} = _ref;
|
|
@@ -70,6 +69,7 @@ const Rates = _ref => {
|
|
|
70
69
|
meta
|
|
71
70
|
} = {},
|
|
72
71
|
session,
|
|
72
|
+
skeleton = false,
|
|
73
73
|
urlParams,
|
|
74
74
|
variant
|
|
75
75
|
}
|
|
@@ -496,7 +496,8 @@ const Rates = _ref => {
|
|
|
496
496
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Header.Header, {
|
|
497
497
|
currency: true,
|
|
498
498
|
login: club.active,
|
|
499
|
-
name: _services.ServiceFeatures.get(_Rates.FEATURES.SHOW_NAME_IN_HEADER, hotel.id)
|
|
499
|
+
name: _services.ServiceFeatures.get(_Rates.FEATURES.SHOW_NAME_IN_HEADER, hotel.id),
|
|
500
|
+
skeleton: skeleton
|
|
500
501
|
}), /*#__PURE__*/_react.default.createElement(_ui.View, {
|
|
501
502
|
ref: refRoomSelector,
|
|
502
503
|
className: (0, _ui.styles)(style.finder, style.blur, (!multiRoom || responseError) && style.sticky),
|
|
@@ -634,7 +635,6 @@ const Rates = _ref => {
|
|
|
634
635
|
exports.Rates = Rates;
|
|
635
636
|
Rates.displayName = 'Mirai:Core:Rates';
|
|
636
637
|
Rates.propTypes = {
|
|
637
|
-
skeleton: _propTypes.default.bool,
|
|
638
638
|
testId: _propTypes.default.string
|
|
639
639
|
};
|
|
640
640
|
//# sourceMappingURL=Rates.js.map
|