@mirai/core 0.4.109 → 0.4.111

package/build/components/Deals/Deals.js

@@ -14,6 +14,7 @@ var _Deals = require("./Deals.Calendar");
 var _Deals2 = require("./Deals.constants");
 var _Deals3 = require("./Deals.l10n");
 var style = _interopRequireWildcard(require("./Deals.module.css"));
+var _Deals4 = _interopRequireDefault(require("./Deals.skeleton"));
 var _helpers = require("./helpers");
 var _prepareRoom = require("../../helpers/prepareRoom");
 var _shared__ = require("../__shared__");
@@ -164,20 +165,13 @@ const Deals = _ref => {
     error,
     value
   });
-  return /*#__PURE__*/_react.default.createElement(_ui.View, _extends({}, others, {
+  return !skeleton ? /*#__PURE__*/_react.default.createElement(_ui.View, _extends({}, others, {
     role: "deals",
     className: (0, _ui.styles)(style.deals, others.className)
   }), /*#__PURE__*/_react.default.createElement(_ui.View, {
     row: true,
     className: style.header
-  }, skeleton ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
-    headline: true,
-    level: isMobile ? 3 : 2,
-    words: 3
-  }), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
-    button: true,
-    small: isMobile
-  })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ui.Text, {
+  }, /*#__PURE__*/_react.default.createElement(_ui.Text, {
     bold: true,
     headline: true,
     level: isMobile ? 3 : 2,
@@ -190,7 +184,7 @@ const Deals = _ref => {
     testId: "deals-button-clear"
   }, /*#__PURE__*/_react.default.createElement(_ui.Icon, {
     value: _helpers2.ICON.CLEAR
-  }), translate(_Deals3.L10N.ACTION_CLEAR)))), /*#__PURE__*/_react.default.createElement(_Deals.Calendar, _extends({}, dataSource === null || dataSource === void 0 ? void 0 : dataSource.calendar, {
+  }), translate(_Deals3.L10N.ACTION_CLEAR))), /*#__PURE__*/_react.default.createElement(_Deals.Calendar, _extends({}, dataSource === null || dataSource === void 0 ? void 0 : dataSource.calendar, {
     value: calendar,
     visible: visible === _Deals2.FIELD.CALENDAR,
     visited: visited.calendar,
@@ -230,12 +224,7 @@ const Deals = _ref => {
     testId: "deals-promocode"
   }), !isMobile && /*#__PURE__*/_react.default.createElement(_ui.View, {
     className: style.footer
-  }), skeleton ? /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
-    button: true,
-    large: true,
-    wide: isMobile,
-    words: 2
-  }) : /*#__PURE__*/_react.default.createElement(_ui.Button, {
+  }), /*#__PURE__*/_react.default.createElement(_ui.Button, {
     busy: busy,
     disabled: !isValid,
     large: true,
@@ -243,7 +232,7 @@ const Deals = _ref => {
     onPress: handleSubmit,
     className: style.cta,
     testId: "deals-button"
-  }, translate(_Deals3.L10N.ACTION_SEARCH))));
+  }, translate(_Deals3.L10N.ACTION_SEARCH)))) : /*#__PURE__*/_react.default.createElement(_Deals4.default, null);
 };
 exports.Deals = Deals;
 Deals.propTypes = {

package/build/components/Deals/Deals.js.map

@@ -1 +1 @@
-{"version":3,"file":"Deals.js","names":["_dataSources","require","_locale","_services","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_Deals","_Deals2","_Deals3","style","_helpers","_prepareRoom","_shared__","_toParties","_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","Deals","_ref","id","offerId","others","isMobile","useDevice","translate","useLocale","value","cookies","currency","deals","hotel","language","locale","origin","skeleton","urlParams","store","useStore","ref","useRef","busy","setBusy","useState","dataSource","setDataSource","error","setError","visible","setVisible","visited","setVisited","useEffect","document","addEventListener","handleClickOutside","window","handlePageShow","removeEventListener","getDataSource","occupation","minRooms","handleChange","Array","map","prepareRoom","concat","field","fieldValue","handleClear","undefined","_ref$current","current","contains","type","persisted","handleSubmit","calendar","promoCode","params","idoffers","idtokenprovider","lang","checkin","dateFormat","format","nights","dateDiff","days","clientCode","getCurrency","parties","btoa","JSON","stringify","toParties","hsri","commissionCode","location","href","process","env","SERVICE_BOOKING","REDIRECT_PATH","toQueryString","ServiceDeals","catch","isValid","validate","createElement","View","role","className","styles","row","header","Fragment","Skeleton","headline","level","words","button","small","Text","bold","markdown","text","L10N","LABEL_SELECT_DATES_PERSONS","Button","transparent","onPress","testId","Icon","ICON","CLEAR","ACTION_CLEAR","Calendar","FIELD","CALENDAR","onChange","event","extras","FieldOccupation","hideLabel","hotels","OCCUPATION","onError","onValid","FieldPromocode","PROMOCODE","onEnter","onLeave","footer","large","wide","disabled","cta","ACTION_SEARCH","exports","propTypes","PropTypes","string"],"sources":["../../../src/components/Deals/Deals.jsx"],"sourcesContent":["/* eslint-disable react-hooks/exhaustive-deps */\nimport { useStore } from '@mirai/data-sources';\nimport { dateFormat, dateDiff, useLocale } from '@mirai/locale';\nimport { ServiceDeals } from '@mirai/services';\nimport { Button, Icon, styles, Text, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useRef, useState } from 'react';\n\nimport { Calendar } from './Deals.Calendar';\nimport { FIELD, REDIRECT_PATH } from './Deals.constants';\nimport { L10N } from './Deals.l10n';\nimport * as style from './Deals.module.css';\nimport { getCurrency, validate } from './helpers';\nimport { prepareRoom } from '../../helpers/prepareRoom';\nimport { FieldOccupation, FieldPromocode, Skeleton } from '../__shared__';\nimport { toParties } from '../__shared__/Occupation/helpers/toParties';\nimport { ICON, toQueryString } from '../helpers';\n\nconst Deals = ({ id: offerId, ...others }) => {\n  const { isMobile } = useDevice();\n  const { translate } = useLocale();\n  const {\n    set,\n    value: {\n      cookies = {},\n      currency,\n      deals: value = {},\n      hotel,\n      language,\n      locale,\n      origin,\n      skeleton = false,\n      urlParams = {},\n      ...store\n    },\n  } = useStore();\n  const ref = useRef(null);\n\n  const [busy, setBusy] = useState(false);\n  const [dataSource, setDataSource] = useState();\n  const [error, setError] = useState({});\n  const [visible, setVisible] = useState();\n  const [visited, setVisited] = useState({});\n\n  useEffect(() => {\n    !isMobile && document.addEventListener('click', handleClickOutside, true);\n\n    window.addEventListener('pageshow', handlePageShow);\n\n    return () => {\n      !isMobile && document.removeEventListener('click', handleClickOutside, true);\n      window.removeEventListener('pageshow', handlePageShow);\n    };\n  }, []);\n\n  useEffect(() => {\n    if (skeleton) return;\n\n    (async () => setDataSource(await getDataSource()))();\n  }, [currency, locale]);\n\n  useEffect(() => {\n    const { occupation: { minRooms = 1, dataSource: occupation = [] } = {} } = dataSource || {};\n\n    !value?.occupation &&\n      occupation.length > 0 &&\n      handleChange(\n        'occupation',\n        [...Array(minRooms)].map(() => prepareRoom(occupation)),\n      );\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [dataSource]);\n\n  useEffect(() => {\n    visible && setVisited({ ...visited, [`${visible}`]: true });\n  }, [visible]);\n\n  const handleChange = (field, fieldValue) => {\n    if (!dataSource) return;\n\n    set({ deals: { ...value, [field]: fieldValue } });\n  };\n\n  const handleClear = () => {\n    set({ deals: undefined });\n    setError({});\n    setVisible();\n    setVisited(false);\n  };\n\n  const handleClickOutside = ({ target } = {}) =>\n    !ref.current?.contains(target) && target.type !== 'text' && setVisible();\n\n  const handlePageShow = async ({ persisted } = {}) => {\n    if (!persisted) return;\n\n    setBusy(false);\n    handleClear();\n    setDataSource(await getDataSource());\n  };\n\n  const handleSubmit = () => {\n    setBusy(true);\n    const { calendar, occupation, promoCode } = value;\n\n    const params = {\n      idoffers: offerId,\n      idtokenprovider: hotel.id,\n      lang: language,\n      checkin: dateFormat(calendar[0], { format: 'DD/MM/YYYY' }),\n      nights: dateDiff(calendar[0], calendar[1]).days,\n      clientCode: promoCode || '',\n      currency: getCurrency({ urlParams, cookies, currency }) || '',\n      parties: window.btoa(JSON.stringify(toParties(occupation))),\n      hsri: origin.commissionCode,\n    };\n    window.location.href = `${process.env.SERVICE_BOOKING}/${REDIRECT_PATH}${toQueryString(params)}`;\n\n    setBusy(true);\n  };\n\n  const getDataSource = () =>\n    ServiceDeals.get({\n      ...store,\n      currency: getCurrency({ cookies, currency, urlParams }),\n      hotel,\n      locale,\n      offerId,\n    }).catch(() => {});\n\n  const { calendar = [], occupation, promoCode = '' } = value;\n\n  const isValid = validate({ dataSource, error, value });\n\n  return (\n    <View {...others} role=\"deals\" className={styles(style.deals, others.className)}>\n      <View row className={style.header}>\n        {skeleton ? (\n          <>\n            <Skeleton headline level={isMobile ? 3 : 2} words={3} />\n            <Skeleton button small={isMobile} />\n          </>\n        ) : (\n          <>\n            <Text bold headline level={isMobile ? 3 : 2} markdown={false} className={style.text}>\n              {translate(L10N.LABEL_SELECT_DATES_PERSONS)}\n            </Text>\n\n            <Button small={isMobile} transparent onPress={handleClear} testId=\"deals-button-clear\">\n              <Icon value={ICON.CLEAR} />\n              {translate(L10N.ACTION_CLEAR)}\n            </Button>\n          </>\n        )}\n      </View>\n\n      <Calendar\n        {...dataSource?.calendar}\n        value={calendar}\n        visible={visible === FIELD.CALENDAR}\n        visited={visited.calendar}\n        onChange={(calendar, event) => handleChange('calendar', calendar, event)}\n        onPress={() => setVisible(visible !== FIELD.CALENDAR ? FIELD.CALENDAR : undefined)}\n        testId=\"deals-calendar\"\n      />\n\n      <View row={!isMobile} className={style.extras}>\n        <FieldOccupation\n          {...dataSource?.occupation}\n          error={!!error.occupation}\n          hideLabel={!isMobile}\n          hotels={[hotel?.id]}\n          ref={ref}\n          value={occupation}\n          visible={visible === FIELD.OCCUPATION}\n          onChange={(occupation) => handleChange('occupation', occupation)}\n          onError={(occupation) => {\n            if (!isMobile && visible !== FIELD.OCCUPATION) setVisible(FIELD.OCCUPATION);\n            setError({ ...error, occupation });\n          }}\n          onPress={() => setVisible(visible !== FIELD.OCCUPATION ? FIELD.OCCUPATION : undefined)}\n          onValid={() => setError({ ...error, occupation: undefined })}\n          testId=\"deals-occupation\"\n        />\n\n        <FieldPromocode\n          value={promoCode}\n          visible={visible === FIELD.PROMOCODE}\n          onChange={(promoCode) => handleChange('promoCode', promoCode)}\n          onEnter={() => setVisible(FIELD.PROMOCODE)}\n          onLeave={() => setVisible(undefined)}\n          testId=\"deals-promocode\"\n        />\n\n        {!isMobile && <View className={style.footer} />}\n\n        {skeleton ? (\n          <Skeleton button large wide={isMobile} words={2} />\n        ) : (\n          <Button\n            busy={busy}\n            disabled={!isValid}\n            large\n            wide={isMobile}\n            onPress={handleSubmit}\n            className={style.cta}\n            testId=\"deals-button\"\n          >\n            {translate(L10N.ACTION_SEARCH)}\n          </Button>\n        )}\n      </View>\n    </View>\n  );\n};\n\nDeals.propTypes = {\n  id: PropTypes.string,\n};\n\nexport { Deals };\n"],"mappings":"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"}
+{"version":3,"file":"Deals.js","names":["_dataSources","require","_locale","_services","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_Deals","_Deals2","_Deals3","style","_Deals4","_helpers","_prepareRoom","_shared__","_toParties","_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","Deals","_ref","id","offerId","others","isMobile","useDevice","translate","useLocale","value","cookies","currency","deals","hotel","language","locale","origin","skeleton","urlParams","store","useStore","ref","useRef","busy","setBusy","useState","dataSource","setDataSource","error","setError","visible","setVisible","visited","setVisited","useEffect","document","addEventListener","handleClickOutside","window","handlePageShow","removeEventListener","getDataSource","occupation","minRooms","handleChange","Array","map","prepareRoom","concat","field","fieldValue","handleClear","undefined","_ref$current","current","contains","type","persisted","handleSubmit","calendar","promoCode","params","idoffers","idtokenprovider","lang","checkin","dateFormat","format","nights","dateDiff","days","clientCode","getCurrency","parties","btoa","JSON","stringify","toParties","hsri","commissionCode","location","href","process","env","SERVICE_BOOKING","REDIRECT_PATH","toQueryString","ServiceDeals","catch","isValid","validate","createElement","View","role","className","styles","row","header","Text","bold","headline","level","markdown","text","L10N","LABEL_SELECT_DATES_PERSONS","Button","small","transparent","onPress","testId","Icon","ICON","CLEAR","ACTION_CLEAR","Calendar","FIELD","CALENDAR","onChange","event","extras","FieldOccupation","hideLabel","hotels","OCCUPATION","onError","onValid","FieldPromocode","PROMOCODE","onEnter","onLeave","footer","disabled","large","wide","cta","ACTION_SEARCH","exports","propTypes","PropTypes","string"],"sources":["../../../src/components/Deals/Deals.jsx"],"sourcesContent":["/* eslint-disable react-hooks/exhaustive-deps */\nimport { useStore } from '@mirai/data-sources';\nimport { dateFormat, dateDiff, useLocale } from '@mirai/locale';\nimport { ServiceDeals } from '@mirai/services';\nimport { Button, Icon, styles, Text, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useRef, useState } from 'react';\n\nimport { Calendar } from './Deals.Calendar';\nimport { FIELD, REDIRECT_PATH } from './Deals.constants';\nimport { L10N } from './Deals.l10n';\nimport * as style from './Deals.module.css';\nimport Skeleton from './Deals.skeleton';\nimport { getCurrency, validate } from './helpers';\nimport { prepareRoom } from '../../helpers/prepareRoom';\nimport { FieldOccupation, FieldPromocode } from '../__shared__';\nimport { toParties } from '../__shared__/Occupation/helpers/toParties';\nimport { ICON, toQueryString } from '../helpers';\n\nconst Deals = ({ id: offerId, ...others }) => {\n  const { isMobile } = useDevice();\n  const { translate } = useLocale();\n  const {\n    set,\n    value: {\n      cookies = {},\n      currency,\n      deals: value = {},\n      hotel,\n      language,\n      locale,\n      origin,\n      skeleton = false,\n      urlParams = {},\n      ...store\n    },\n  } = useStore();\n  const ref = useRef(null);\n\n  const [busy, setBusy] = useState(false);\n  const [dataSource, setDataSource] = useState();\n  const [error, setError] = useState({});\n  const [visible, setVisible] = useState();\n  const [visited, setVisited] = useState({});\n\n  useEffect(() => {\n    !isMobile && document.addEventListener('click', handleClickOutside, true);\n\n    window.addEventListener('pageshow', handlePageShow);\n\n    return () => {\n      !isMobile && document.removeEventListener('click', handleClickOutside, true);\n      window.removeEventListener('pageshow', handlePageShow);\n    };\n  }, []);\n\n  useEffect(() => {\n    if (skeleton) return;\n\n    (async () => setDataSource(await getDataSource()))();\n  }, [currency, locale]);\n\n  useEffect(() => {\n    const { occupation: { minRooms = 1, dataSource: occupation = [] } = {} } = dataSource || {};\n\n    !value?.occupation &&\n      occupation.length > 0 &&\n      handleChange(\n        'occupation',\n        [...Array(minRooms)].map(() => prepareRoom(occupation)),\n      );\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [dataSource]);\n\n  useEffect(() => {\n    visible && setVisited({ ...visited, [`${visible}`]: true });\n  }, [visible]);\n\n  const handleChange = (field, fieldValue) => {\n    if (!dataSource) return;\n\n    set({ deals: { ...value, [field]: fieldValue } });\n  };\n\n  const handleClear = () => {\n    set({ deals: undefined });\n    setError({});\n    setVisible();\n    setVisited(false);\n  };\n\n  const handleClickOutside = ({ target } = {}) =>\n    !ref.current?.contains(target) && target.type !== 'text' && setVisible();\n\n  const handlePageShow = async ({ persisted } = {}) => {\n    if (!persisted) return;\n\n    setBusy(false);\n    handleClear();\n    setDataSource(await getDataSource());\n  };\n\n  const handleSubmit = () => {\n    setBusy(true);\n    const { calendar, occupation, promoCode } = value;\n\n    const params = {\n      idoffers: offerId,\n      idtokenprovider: hotel.id,\n      lang: language,\n      checkin: dateFormat(calendar[0], { format: 'DD/MM/YYYY' }),\n      nights: dateDiff(calendar[0], calendar[1]).days,\n      clientCode: promoCode || '',\n      currency: getCurrency({ urlParams, cookies, currency }) || '',\n      parties: window.btoa(JSON.stringify(toParties(occupation))),\n      hsri: origin.commissionCode,\n    };\n    window.location.href = `${process.env.SERVICE_BOOKING}/${REDIRECT_PATH}${toQueryString(params)}`;\n\n    setBusy(true);\n  };\n\n  const getDataSource = () =>\n    ServiceDeals.get({\n      ...store,\n      currency: getCurrency({ cookies, currency, urlParams }),\n      hotel,\n      locale,\n      offerId,\n    }).catch(() => {});\n\n  const { calendar = [], occupation, promoCode = '' } = value;\n\n  const isValid = validate({ dataSource, error, value });\n\n  return !skeleton ? (\n    <View {...others} role=\"deals\" className={styles(style.deals, others.className)}>\n      <View row className={style.header}>\n        <Text bold headline level={isMobile ? 3 : 2} markdown={false} className={style.text}>\n          {translate(L10N.LABEL_SELECT_DATES_PERSONS)}\n        </Text>\n\n        <Button small={isMobile} transparent onPress={handleClear} testId=\"deals-button-clear\">\n          <Icon value={ICON.CLEAR} />\n          {translate(L10N.ACTION_CLEAR)}\n        </Button>\n      </View>\n\n      <Calendar\n        {...dataSource?.calendar}\n        value={calendar}\n        visible={visible === FIELD.CALENDAR}\n        visited={visited.calendar}\n        onChange={(calendar, event) => handleChange('calendar', calendar, event)}\n        onPress={() => setVisible(visible !== FIELD.CALENDAR ? FIELD.CALENDAR : undefined)}\n        testId=\"deals-calendar\"\n      />\n\n      <View row={!isMobile} className={style.extras}>\n        <FieldOccupation\n          {...dataSource?.occupation}\n          error={!!error.occupation}\n          hideLabel={!isMobile}\n          hotels={[hotel?.id]}\n          ref={ref}\n          value={occupation}\n          visible={visible === FIELD.OCCUPATION}\n          onChange={(occupation) => handleChange('occupation', occupation)}\n          onError={(occupation) => {\n            if (!isMobile && visible !== FIELD.OCCUPATION) setVisible(FIELD.OCCUPATION);\n            setError({ ...error, occupation });\n          }}\n          onPress={() => setVisible(visible !== FIELD.OCCUPATION ? FIELD.OCCUPATION : undefined)}\n          onValid={() => setError({ ...error, occupation: undefined })}\n          testId=\"deals-occupation\"\n        />\n\n        <FieldPromocode\n          value={promoCode}\n          visible={visible === FIELD.PROMOCODE}\n          onChange={(promoCode) => handleChange('promoCode', promoCode)}\n          onEnter={() => setVisible(FIELD.PROMOCODE)}\n          onLeave={() => setVisible(undefined)}\n          testId=\"deals-promocode\"\n        />\n\n        {!isMobile && <View className={style.footer} />}\n\n        <Button\n          busy={busy}\n          disabled={!isValid}\n          large\n          wide={isMobile}\n          onPress={handleSubmit}\n          className={style.cta}\n          testId=\"deals-button\"\n        >\n          {translate(L10N.ACTION_SEARCH)}\n        </Button>\n      </View>\n    </View>\n  ) : (\n    <Skeleton />\n  );\n};\n\nDeals.propTypes = {\n  id: PropTypes.string,\n};\n\nexport { Deals };\n"],"mappings":"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"}

package/build/components/Deals/Deals.skeleton.js

@@ -8,98 +8,83 @@ var _ui = require("@mirai/ui");
 var _react = _interopRequireDefault(require("react"));
 var _shared__ = require("../__shared__");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const SPACE = 'var(--mirai-ui-space-M)';
+const BORDER_COLOR = 'var(--mirai-ui-content-background)';
+const BORDER_WIDTH = 'var(--mirai-ui-border-width)';
 var _default = () => {
   const {
     isMobile
   } = (0, _ui.useDevice)();
   return /*#__PURE__*/_react.default.createElement(_ui.View, {
     style: {
-      padding: '1rem',
+      gap: SPACE,
       maxWidth: '720px'
     }
   }, /*#__PURE__*/_react.default.createElement(_ui.View, {
     row: true,
     style: {
-      justifyContent: 'space-between'
+      borderBottom: "solid ".concat(BORDER_WIDTH, " ").concat(BORDER_COLOR),
+      justifyContent: 'space-between',
+      padding: SPACE
     }
   }, /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
     bold: true,
     headline: true,
-    level: 2
-  }, "d Select dates and persons"), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
-    action: true
-  }, "Clear")), isMobile ? /*#__PURE__*/_react.default.createElement(_ui.View, {
-    wide: true,
-    style: {
-      paddingTop: '2rem',
-      gap: '0.5rem'
-    }
-  }, /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
-    wide: true,
-    style: {
-      height: '3.5rem'
-    }
+    level: 2,
+    words: 3
   }), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    button: true,
+    small: true,
+    words: 1
+  })), isMobile ? /*#__PURE__*/_react.default.createElement(_ui.View, {
     wide: true,
     style: {
-      height: '3.5rem'
+      gap: SPACE,
+      padding: "0 ".concat(SPACE)
     }
-  }), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+  }, Array.from({
+    length: 3
+  }).map((_, index) => /*#__PURE__*/_react.default.createElement(_shared__.Field, {
+    key: index
+  })), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    button: true,
     wide: true,
+    words: 1,
     style: {
-      height: '3.5rem'
+      marginBottom: SPACE
     }
-  }), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
-    wide: true,
+  })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ui.View, {
     style: {
-      height: '2.5rem',
-      marginTop: '1rem'
+      padding: "0 ".concat(SPACE)
     }
-  })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ui.View, {
+  }, /*#__PURE__*/_react.default.createElement(_ui.View, {
     row: true,
-    wide: true,
     style: {
-      paddingTop: '1.5rem',
-      gap: '2rem'
+      gap: SPACE,
+      marginBottom: SPACE
     }
-  }, /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+  }, Array.from({
+    length: 2
+  }).map((_, index) => /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    key: index,
     wide: true,
     style: {
       height: '20rem'
     }
+  }))), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    words: 4
   }), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
-    wide: true,
-    style: {
-      height: '20rem'
-    }
+    small: true,
+    words: 19
   })), /*#__PURE__*/_react.default.createElement(_ui.View, {
-    wide: true,
-    style: {
-      paddingTop: '1.5rem',
-      gap: '0.25rem'
-    }
-  }, /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
-    words: 3
-  }), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, null, "Check-in \u2500 Check-out"), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
-    small: true
-  }, "Approximate prices in undefined per 1 room, for undefined nights & undefined adults (Some taxes may not be included)")), /*#__PURE__*/_react.default.createElement(_ui.View, {
     row: true,
     wide: true,
     style: {
-      paddingTop: '1.5rem',
-      gap: '1rem'
-    }
-  }, /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
-    style: {
-      height: '3.5rem',
-      width: '30%'
-    }
-  }), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
-    style: {
-      height: '3.5rem',
-      width: '30%'
+      borderTop: "solid ".concat(BORDER_WIDTH, " ").concat(BORDER_COLOR),
+      padding: SPACE,
+      gap: SPACE
     }
-  }), /*#__PURE__*/_react.default.createElement(_ui.View, {
+  }, /*#__PURE__*/_react.default.createElement(_shared__.Field, null), /*#__PURE__*/_react.default.createElement(_shared__.Field, null), /*#__PURE__*/_react.default.createElement(_ui.View, {
     style: {
       flex: 1
     }

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

@@ -1 +1 @@
-{"version":3,"file":"Deals.skeleton.js","names":["_ui","require","_react","_interopRequireDefault","_shared__","obj","__esModule","default","_default","isMobile","useDevice","createElement","View","style","padding","maxWidth","row","justifyContent","Skeleton","bold","headline","level","action","wide","paddingTop","gap","height","marginTop","Fragment","words","small","width","flex","button","exports"],"sources":["../../../src/components/Deals/Deals.skeleton.jsx"],"sourcesContent":["import { View } from '@mirai/ui';\nimport { useDevice } from '@mirai/ui';\nimport React from 'react';\n\nimport { Skeleton } from '../__shared__';\n\nexport default () => {\n  const { isMobile } = useDevice();\n\n  return (\n    <View style={{ padding: '1rem', maxWidth: '720px' }}>\n      <View row style={{ justifyContent: 'space-between' }}>\n        <Skeleton bold headline level={2}>\n          d Select dates and persons\n        </Skeleton>\n        <Skeleton action>Clear</Skeleton>\n      </View>\n\n      {isMobile ? (\n        <View wide style={{ paddingTop: '2rem', gap: '0.5rem' }}>\n          <Skeleton wide style={{ height: '3.5rem' }} />\n          <Skeleton wide style={{ height: '3.5rem' }} />\n          <Skeleton wide style={{ height: '3.5rem' }} />\n          <Skeleton wide style={{ height: '2.5rem', marginTop: '1rem' }} />\n        </View>\n      ) : (\n        <>\n          <View row wide style={{ paddingTop: '1.5rem', gap: '2rem' }}>\n            <Skeleton wide style={{ height: '20rem' }} />\n            <Skeleton wide style={{ height: '20rem' }} />\n          </View>\n          <View wide style={{ paddingTop: '1.5rem', gap: '0.25rem' }}>\n            <Skeleton words={3} />\n            <Skeleton>Check-in ─ Check-out</Skeleton>\n            <Skeleton small>\n              Approximate prices in undefined per 1 room, for undefined nights & undefined adults (Some taxes may not be\n              included)\n            </Skeleton>\n          </View>\n          <View row wide style={{ paddingTop: '1.5rem', gap: '1rem' }}>\n            <Skeleton style={{ height: '3.5rem', width: '30%' }} />\n            <Skeleton style={{ height: '3.5rem', width: '30%' }} />\n            <View style={{ flex: 1 }} />\n            <Skeleton button words={1} />\n          </View>\n        </>\n      )}\n    </View>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"Deals.skeleton.js","names":["_ui","require","_react","_interopRequireDefault","_shared__","obj","__esModule","default","SPACE","BORDER_COLOR","BORDER_WIDTH","_default","isMobile","useDevice","createElement","View","style","gap","maxWidth","row","borderBottom","concat","justifyContent","padding","Skeleton","bold","headline","level","words","button","small","wide","Array","from","length","map","_","index","Field","key","marginBottom","Fragment","height","borderTop","flex","exports"],"sources":["../../../src/components/Deals/Deals.skeleton.jsx"],"sourcesContent":["import { View } from '@mirai/ui';\nimport { useDevice } from '@mirai/ui';\nimport React from 'react';\n\nimport { Field } from '../__shared__';\nimport { Skeleton } from '../__shared__';\n\nconst SPACE = 'var(--mirai-ui-space-M)';\nconst BORDER_COLOR = 'var(--mirai-ui-content-background)';\nconst BORDER_WIDTH = 'var(--mirai-ui-border-width)';\n\nexport default () => {\n  const { isMobile } = useDevice();\n\n  return (\n    <View style={{ gap: SPACE, maxWidth: '720px' }}>\n      <View\n        row\n        style={{\n          borderBottom: `solid ${BORDER_WIDTH} ${BORDER_COLOR}`,\n          justifyContent: 'space-between',\n          padding: SPACE,\n        }}\n      >\n        <Skeleton bold headline level={2} words={3} />\n        <Skeleton button small words={1} />\n      </View>\n\n      {isMobile ? (\n        <View wide style={{ gap: SPACE, padding: `0 ${SPACE}` }}>\n          {Array.from({ length: 3 }).map((_, index) => (\n            <Field key={index} />\n          ))}\n          <Skeleton button wide words={1} style={{ marginBottom: SPACE }} />\n        </View>\n      ) : (\n        <>\n          <View style={{ padding: `0 ${SPACE}` }}>\n            <View row style={{ gap: SPACE, marginBottom: SPACE }}>\n              {Array.from({ length: 2 }).map((_, index) => (\n                <Skeleton key={index} wide style={{ height: '20rem' }} />\n              ))}\n            </View>\n            <Skeleton words={4} />\n            <Skeleton small words={19} />\n          </View>\n\n          <View\n            row\n            wide\n            style={{\n              borderTop: `solid ${BORDER_WIDTH} ${BORDER_COLOR}`,\n              padding: SPACE,\n              gap: SPACE,\n            }}\n          >\n            <Field />\n            <Field />\n            <View style={{ flex: 1 }} />\n            <Skeleton button words={1} />\n          </View>\n        </>\n      )}\n    </View>\n  );\n};\n"],"mappings":"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"}

package/build/components/Profile/Profile.js

@@ -24,8 +24,7 @@ const Profile = _ref => {
   const [context, setContext] = (0, _react.useState)();
   (0, _react.useEffect)(() => {
     const key = urlParams.context || urlParams.tab;
-    if (!key) return;
-    setContext(_Profile.KEY[key]);
+    setContext(_Profile.KEY[key] || _Profile.CONTEXT.SETTINGS);
   }, [urlParams]);
   return /*#__PURE__*/_react.default.createElement(_ui.View, {
     testId: others.testId,

package/build/components/Profile/Profile.js.map

@@ -1 +1 @@
-{"version":3,"file":"Profile.js","names":["_dataSources","require","_ui","_react","_interopRequireWildcard","_components","_Profile","style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","Profile","_ref","others","value","urlParams","useStore","context","setContext","useState","useEffect","key","tab","KEY","createElement","View","testId","className","container","CONTEXT","SETTINGS","Settings","BOOKINGS","Bookings","exports","displayName","propTypes"],"sources":["../../../src/components/Profile/Profile.jsx"],"sourcesContent":["import { useStore } from '@mirai/data-sources';\nimport { View } from '@mirai/ui';\nimport React, { useEffect, useState } from 'react';\n\nimport { Bookings, Settings } from './components';\nimport { CONTEXT, KEY } from './Profile.constants';\nimport * as style from './Profile.module.css';\n\nconst Profile = ({ ...others }) => {\n  const {\n    value: { urlParams = {} },\n  } = useStore();\n\n  const [context, setContext] = useState();\n\n  useEffect(() => {\n    const key = urlParams.context || urlParams.tab;\n    if (!key) return;\n\n    setContext(KEY[key]);\n  }, [urlParams]);\n\n  return (\n    <View testId={others.testId} className={[style.container, others.className]}>\n      {context === CONTEXT.SETTINGS && <Settings />}\n      {context === CONTEXT.BOOKINGS && <Bookings />}\n    </View>\n  );\n};\n\nProfile.displayName = 'Mirai:Core:Profile';\n\nProfile.propTypes = {};\n\nexport { Profile };\n"],"mappings":"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"}
+{"version":3,"file":"Profile.js","names":["_dataSources","require","_ui","_react","_interopRequireWildcard","_components","_Profile","style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","Profile","_ref","others","value","urlParams","useStore","context","setContext","useState","useEffect","key","tab","KEY","CONTEXT","SETTINGS","createElement","View","testId","className","container","Settings","BOOKINGS","Bookings","exports","displayName","propTypes"],"sources":["../../../src/components/Profile/Profile.jsx"],"sourcesContent":["import { useStore } from '@mirai/data-sources';\nimport { View } from '@mirai/ui';\nimport React, { useEffect, useState } from 'react';\n\nimport { Bookings, Settings } from './components';\nimport { CONTEXT, KEY } from './Profile.constants';\nimport * as style from './Profile.module.css';\n\nconst Profile = ({ ...others }) => {\n  const {\n    value: { urlParams = {} },\n  } = useStore();\n\n  const [context, setContext] = useState();\n\n  useEffect(() => {\n    const key = urlParams.context || urlParams.tab;\n    setContext(KEY[key] || CONTEXT.SETTINGS);\n  }, [urlParams]);\n\n  return (\n    <View testId={others.testId} className={[style.container, others.className]}>\n      {context === CONTEXT.SETTINGS && <Settings />}\n      {context === CONTEXT.BOOKINGS && <Bookings />}\n    </View>\n  );\n};\n\nProfile.displayName = 'Mirai:Core:Profile';\n\nProfile.propTypes = {};\n\nexport { Profile };\n"],"mappings":"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"}

package/build/components/Profile/components/Bookings/Bookings.Skeleton.js

@@ -0,0 +1,95 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _ui = require("@mirai/ui");
+var _react = _interopRequireDefault(require("react"));
+var _shared__ = require("../../../__shared__");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const SPACE = 'var(--mirai-ui-space-M)';
+const BORDER_COLOR = 'var(--mirai-ui-content-background)';
+const BORDER_WIDTH = 'var(--mirai-ui-border-width)';
+var _default = () => {
+  const {
+    isDesktop,
+    isMobile,
+    isTablet
+  } = (0, _ui.useDevice)();
+  return /*#__PURE__*/_react.default.createElement(_ui.View, {
+    wide: true,
+    style: {
+      gap: SPACE
+    }
+  }, /*#__PURE__*/_react.default.createElement(_ui.View, {
+    row: true,
+    style: {
+      justifyContent: 'space-between'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    headline: true,
+    level: 2,
+    words: 2
+  }), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    button: true,
+    small: true,
+    words: 3
+  })), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    headline: isMobile,
+    words: 3
+  }), /*#__PURE__*/_react.default.createElement(_ui.View, {
+    row: !isMobile,
+    style: {
+      gap: SPACE,
+      flexWrap: 'wrap'
+    }
+  }, Array.from({
+    length: 9
+  }).map((_, index) => /*#__PURE__*/_react.default.createElement(_ui.View, {
+    key: index,
+    style: {
+      border: "solid ".concat(BORDER_WIDTH, " ").concat(BORDER_COLOR),
+      flexBasis: isDesktop ? 'calc(33.33% - calc(calc(var(--mirai-ui-space-M) * 2) / 3)) !important' : isTablet ? 'calc(50% - calc(var(--mirai-ui-space-M) / 2))' : undefined
+    }
+  }, /*#__PURE__*/_react.default.createElement(_ui.View, {
+    style: {
+      padding: SPACE
+    }
+  }, /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    headline: !isMobile,
+    words: 2
+  }), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    small: true,
+    words: 5
+  }), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    small: true,
+    words: 2
+  }), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    small: true,
+    words: 2
+  })), /*#__PURE__*/_react.default.createElement(_ui.View, {
+    style: {
+      backgroundColor: BORDER_COLOR,
+      height: BORDER_WIDTH
+    }
+  }), /*#__PURE__*/_react.default.createElement(_ui.View, {
+    row: true,
+    style: {
+      justifyContent: 'space-between',
+      padding: SPACE
+    }
+  }, /*#__PURE__*/_react.default.createElement(_ui.View, null, /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    headline: true,
+    level: isMobile ? 3 : 2,
+    words: 1
+  }), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    small: true,
+    words: 2
+  })), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    button: true,
+    words: 1
+  }))))));
+};
+exports.default = _default;
+//# sourceMappingURL=Bookings.Skeleton.js.map

package/build/components/Profile/components/Bookings/Bookings.Skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Bookings.Skeleton.js","names":["_ui","require","_react","_interopRequireDefault","_shared__","obj","__esModule","default","SPACE","BORDER_COLOR","BORDER_WIDTH","_default","isDesktop","isMobile","isTablet","useDevice","createElement","View","wide","style","gap","row","justifyContent","Skeleton","headline","level","words","button","small","flexWrap","Array","from","length","map","_","index","key","border","concat","flexBasis","undefined","padding","backgroundColor","height","exports"],"sources":["../../../../../src/components/Profile/components/Bookings/Bookings.Skeleton.jsx"],"sourcesContent":["import { useDevice, View } from '@mirai/ui';\nimport React from 'react';\n\nimport { Skeleton } from '../../../__shared__';\n\nconst SPACE = 'var(--mirai-ui-space-M)';\nconst BORDER_COLOR = 'var(--mirai-ui-content-background)';\nconst BORDER_WIDTH = 'var(--mirai-ui-border-width)';\n\nexport default () => {\n  const { isDesktop, isMobile, isTablet } = useDevice();\n\n  return (\n    <View wide style={{ gap: SPACE }}>\n      <View row style={{ justifyContent: 'space-between' }}>\n        <Skeleton headline level={2} words={2} />\n        <Skeleton button small words={3} />\n      </View>\n\n      <Skeleton headline={isMobile} words={3} />\n\n      <View row={!isMobile} style={{ gap: SPACE, flexWrap: 'wrap' }}>\n        {Array.from({ length: 9 }).map((_, index) => (\n          <View\n            key={index}\n            style={{\n              border: `solid ${BORDER_WIDTH} ${BORDER_COLOR}`,\n              flexBasis: isDesktop\n                ? 'calc(33.33% - calc(calc(var(--mirai-ui-space-M) * 2) / 3)) !important'\n                : isTablet\n                ? 'calc(50% - calc(var(--mirai-ui-space-M) / 2))'\n                : undefined,\n            }}\n          >\n            <View style={{ padding: SPACE }}>\n              <Skeleton headline={!isMobile} words={2} />\n              <Skeleton small words={5} />\n              <Skeleton small words={2} />\n              <Skeleton small words={2} />\n            </View>\n\n            <View style={{ backgroundColor: BORDER_COLOR, height: BORDER_WIDTH }} />\n\n            <View row style={{ justifyContent: 'space-between', padding: SPACE }}>\n              <View>\n                <Skeleton headline level={isMobile ? 3 : 2} words={1} />\n                <Skeleton small words={2} />\n              </View>\n              <Skeleton button words={1} />\n            </View>\n          </View>\n        ))}\n      </View>\n    </View>\n  );\n};\n"],"mappings":"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"}

package/build/components/Profile/components/Bookings/Bookings.js

@@ -13,9 +13,11 @@ var _Bookings = require("./Bookings.constants");
 var _Bookings2 = require("./Bookings.l10n");
 var style = _interopRequireWildcard(require("./Bookings.module.css"));
 var _Bookings3 = require("./Bookings.Search");
+var _Bookings4 = _interopRequireDefault(require("./Bookings.Skeleton"));
 var _helpers = require("./helpers");
 var _shared__ = require("../../../__shared__");
 var _helpers2 = require("../../../helpers");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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); }
@@ -28,6 +30,11 @@ const Bookings = () => {
     locale,
     translate
   } = (0, _locale.useLocale)();
+  const {
+    value: {
+      skeleton = false
+    } = {}
+  } = (0, _dataSources.useStore)();
   const [dataSource, setDataSource] = (0, _react.useState)();
   const [search, setSearch] = (0, _react.useState)();
   (0, _react.useEffect)(() => {
@@ -57,7 +64,7 @@ const Bookings = () => {
     bookings: Object.keys(bookings || {}).length > 0 || search,
     dataSource: dataSource !== undefined
   };
-  return /*#__PURE__*/_react.default.createElement(_ui.View, {
+  return !skeleton ? /*#__PURE__*/_react.default.createElement(_ui.View, {
     className: style.container
   }, /*#__PURE__*/_react.default.createElement(_ui.View, {
     row: true,
@@ -156,7 +163,7 @@ const Bookings = () => {
     info: true,
     large: true,
     className: style.notification
-  }, translate(_Bookings2.L10N.LABEL_NO_BOOKINGS)) : null);
+  }, translate(_Bookings2.L10N.LABEL_NO_BOOKINGS)) : null) : /*#__PURE__*/_react.default.createElement(_Bookings4.default, null);
 };
 exports.Bookings = Bookings;
 Bookings.displayName = 'Mirai:Core:Profile:Bookings';

package/build/components/Profile/components/Bookings/Bookings.js.map

@@ -1 +1 @@
-{"version":3,"file":"Bookings.js","names":["_dataSources","require","_locale","_services","_ui","_react","_interopRequireWildcard","_Bookings","_Bookings2","style","_Bookings3","_helpers","_shared__","_helpers2","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","Bookings","isMobile","useDevice","currencyFormat","locale","translate","useLocale","dataSource","setDataSource","useState","search","setSearch","useEffect","storage","Storage","adapter","LocalAdapter","cache","CACHE_LIMIT","STORAGE_KEY","response","ServiceUser","bookings","catch","handleManage","url","document","location","groupDatasource","caption","action","small","keys","undefined","createElement","View","className","container","row","title","Text","bold","headline","level","L10N","ACTION_MY_BOOKINGS","Search","value","onChange","entries","map","_ref","index","id","items","Fragment","num","Cards","booking","checkIn","checkOut","currency","hotel","image","city","price","base","total","text","taxesText","status","manage","site","is","cancelled","past","LABEL_PAST_BOOKINGS","Card","card","backgroundImage","concat","offset","getCalendarCaption","parseDate","Action","href","underline","ACTION_VIEW_HOTEL","spaceBetween","symbol","Tooltip","LABEL_BASE_PRICE_VALUE","accent","medium","LABEL_PRICE_DETAILS","Button","onPress","ACTION_MANAGE_BOOKING","disabled","LABEL_CANCELLED","Notification","info","large","notification","LABEL_NO_BOOKINGS","exports","displayName","propTypes"],"sources":["../../../../../src/components/Profile/components/Bookings/Bookings.jsx"],"sourcesContent":["import { LocalAdapter, Storage } from '@mirai/data-sources';\nimport { parseDate, useLocale } from '@mirai/locale';\nimport { ServiceUser } from '@mirai/services';\nimport { Action, Button, Notification, Text, Tooltip, useDevice, View } from '@mirai/ui';\nimport React, { useEffect, useState } from 'react';\n\nimport { CACHE_LIMIT, STORAGE_KEY } from './Bookings.constants';\nimport { L10N } from './Bookings.l10n';\nimport * as style from './Bookings.module.css';\nimport { Search } from './Bookings.Search';\nimport { groupDatasource } from './helpers';\nimport { Card, Cards } from '../../../__shared__';\nimport { getCalendarCaption } from '../../../helpers';\n\nconst Bookings = () => {\n  const { isMobile } = useDevice();\n  const { currencyFormat, locale, translate } = useLocale();\n\n  const [dataSource, setDataSource] = useState();\n  const [search, setSearch] = useState();\n\n  useEffect(() => {\n    (async () => {\n      // * TODO: We should cache as long as the service responds so slow\n      const storage = new Storage({ adapter: LocalAdapter, cache: CACHE_LIMIT });\n      const cache = storage.get(STORAGE_KEY);\n      if (cache) setDataSource(cache);\n\n      const response = await ServiceUser.bookings().catch(() => {});\n      storage.set(STORAGE_KEY, response);\n\n      setDataSource(response || []);\n    })();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const handleManage = (url) => {\n    document.location = url;\n  };\n\n  const bookings = groupDatasource(dataSource, search);\n  const caption = { action: !isMobile, small: isMobile };\n  const has = {\n    bookings: Object.keys(bookings || {}).length > 0 || search,\n    dataSource: dataSource !== undefined,\n  };\n\n  return (\n    <View className={style.container}>\n      <View row className={style.title}>\n        <Text bold headline level={2}>\n          {translate(L10N.ACTION_MY_BOOKINGS)}\n        </Text>\n        {has.bookings && <Search value={search} onChange={setSearch} />}\n      </View>\n      {has.bookings ? (\n        Object.entries(bookings || {}).map(([id, items = []], index) => (\n          <>\n            <Text key={index} bold headline={!isMobile}>\n              {translate({ id }, { num: items.length })}\n            </Text>\n\n            <Cards>\n              {items.map(\n                ({\n                  booking,\n                  checkIn,\n                  checkOut,\n                  currency,\n                  hotel,\n                  image,\n                  location: { city } = {},\n                  price: { base, total, text: taxesText } = {},\n                  status,\n                  url: { manage, site } = {},\n                } = {}) => {\n                  const is = { cancelled: status === 'CANCELLED', past: id === L10N.LABEL_PAST_BOOKINGS.id };\n\n                  return (\n                    <Card key={booking} className={style.card}>\n                      {!is.past && <View className={style.image} style={{ backgroundImage: `url(${image})` }} />}\n\n                      <View className={style.offset}>\n                        <Text bold headline={!isMobile} level={3}>\n                          {hotel}\n                        </Text>\n                        {checkIn && checkOut && (\n                          <Text {...caption}>\n                            {getCalendarCaption(\n                              [parseDate(checkIn), parseDate(checkOut)],\n                              translate,\n                              undefined,\n                              locale,\n                            )}\n                          </Text>\n                        )}\n                        {city && <Text {...caption}>{city}</Text>}\n\n                        <Action {...caption} href={site} underline>\n                          {translate(L10N.ACTION_VIEW_HOTEL)}\n                        </Action>\n                      </View>\n\n                      <View row className={[style.offset, style.spaceBetween]}>\n                        <View>\n                          <Text bold headline level={isMobile || total >= 10000 ? 3 : 2}>\n                            {currencyFormat({ currency, symbol: true, value: total })}\n                          </Text>\n\n                          <Tooltip\n                            text={`${translate(L10N.LABEL_BASE_PRICE_VALUE, {\n                              value: currencyFormat({ currency, symbol: true, value: base }),\n                            })} ${taxesText}`}\n                          >\n                            <Text accent action={!isMobile} medium small={isMobile}>\n                              {translate(L10N.LABEL_PRICE_DETAILS)}\n                            </Text>\n                          </Tooltip>\n                        </View>\n\n                        {!is.cancelled && !is.past && (\n                          <Button onPress={() => handleManage(manage)}>{translate(L10N.ACTION_MANAGE_BOOKING)}</Button>\n                        )}\n\n                        {is.cancelled && <Button disabled>{translate(L10N.LABEL_CANCELLED)}</Button>}\n                      </View>\n                    </Card>\n                  );\n                },\n              )}\n            </Cards>\n          </>\n        ))\n      ) : has.dataSource ? (\n        <Notification info large className={style.notification}>\n          {translate(L10N.LABEL_NO_BOOKINGS)}\n        </Notification>\n      ) : null}\n    </View>\n  );\n};\n\nBookings.displayName = 'Mirai:Core:Profile:Bookings';\n\nBookings.propTypes = {};\n\nexport { Bookings };\n"],"mappings":"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"}
+{"version":3,"file":"Bookings.js","names":["_dataSources","require","_locale","_services","_ui","_react","_interopRequireWildcard","_Bookings","_Bookings2","style","_Bookings3","_Bookings4","_interopRequireDefault","_helpers","_shared__","_helpers2","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","Bookings","isMobile","useDevice","currencyFormat","locale","translate","useLocale","value","skeleton","useStore","dataSource","setDataSource","useState","search","setSearch","useEffect","storage","Storage","adapter","LocalAdapter","cache","CACHE_LIMIT","STORAGE_KEY","response","ServiceUser","bookings","catch","handleManage","url","document","location","groupDatasource","caption","action","small","keys","undefined","createElement","View","className","container","row","title","Text","bold","headline","level","L10N","ACTION_MY_BOOKINGS","Search","onChange","entries","map","_ref","index","id","items","Fragment","num","Cards","booking","checkIn","checkOut","currency","hotel","image","city","price","base","total","text","taxesText","status","manage","site","is","cancelled","past","LABEL_PAST_BOOKINGS","Card","card","backgroundImage","concat","offset","getCalendarCaption","parseDate","Action","href","underline","ACTION_VIEW_HOTEL","spaceBetween","symbol","Tooltip","LABEL_BASE_PRICE_VALUE","accent","medium","LABEL_PRICE_DETAILS","Button","onPress","ACTION_MANAGE_BOOKING","disabled","LABEL_CANCELLED","Notification","info","large","notification","LABEL_NO_BOOKINGS","exports","displayName","propTypes"],"sources":["../../../../../src/components/Profile/components/Bookings/Bookings.jsx"],"sourcesContent":["import { LocalAdapter, useStore, Storage } from '@mirai/data-sources';\nimport { parseDate, useLocale } from '@mirai/locale';\nimport { ServiceUser } from '@mirai/services';\nimport { Action, Button, Notification, Text, Tooltip, useDevice, View } from '@mirai/ui';\nimport React, { useEffect, useState } from 'react';\n\nimport { CACHE_LIMIT, STORAGE_KEY } from './Bookings.constants';\nimport { L10N } from './Bookings.l10n';\nimport * as style from './Bookings.module.css';\nimport { Search } from './Bookings.Search';\nimport Skeleton from './Bookings.Skeleton';\nimport { groupDatasource } from './helpers';\nimport { Card, Cards } from '../../../__shared__';\nimport { getCalendarCaption } from '../../../helpers';\n\nconst Bookings = () => {\n  const { isMobile } = useDevice();\n  const { currencyFormat, locale, translate } = useLocale();\n  const { value: { skeleton = false } = {} } = useStore();\n\n  const [dataSource, setDataSource] = useState();\n  const [search, setSearch] = useState();\n\n  useEffect(() => {\n    (async () => {\n      // * TODO: We should cache as long as the service responds so slow\n      const storage = new Storage({ adapter: LocalAdapter, cache: CACHE_LIMIT });\n      const cache = storage.get(STORAGE_KEY);\n      if (cache) setDataSource(cache);\n\n      const response = await ServiceUser.bookings().catch(() => {});\n      storage.set(STORAGE_KEY, response);\n\n      setDataSource(response || []);\n    })();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const handleManage = (url) => {\n    document.location = url;\n  };\n\n  const bookings = groupDatasource(dataSource, search);\n  const caption = { action: !isMobile, small: isMobile };\n  const has = {\n    bookings: Object.keys(bookings || {}).length > 0 || search,\n    dataSource: dataSource !== undefined,\n  };\n\n  return !skeleton ? (\n    <View className={style.container}>\n      <View row className={style.title}>\n        <Text bold headline level={2}>\n          {translate(L10N.ACTION_MY_BOOKINGS)}\n        </Text>\n        {has.bookings && <Search value={search} onChange={setSearch} />}\n      </View>\n      {has.bookings ? (\n        Object.entries(bookings || {}).map(([id, items = []], index) => (\n          <>\n            <Text key={index} bold headline={!isMobile}>\n              {translate({ id }, { num: items.length })}\n            </Text>\n\n            <Cards>\n              {items.map(\n                ({\n                  booking,\n                  checkIn,\n                  checkOut,\n                  currency,\n                  hotel,\n                  image,\n                  location: { city } = {},\n                  price: { base, total, text: taxesText } = {},\n                  status,\n                  url: { manage, site } = {},\n                } = {}) => {\n                  const is = { cancelled: status === 'CANCELLED', past: id === L10N.LABEL_PAST_BOOKINGS.id };\n\n                  return (\n                    <Card key={booking} className={style.card}>\n                      {!is.past && <View className={style.image} style={{ backgroundImage: `url(${image})` }} />}\n\n                      <View className={style.offset}>\n                        <Text bold headline={!isMobile} level={3}>\n                          {hotel}\n                        </Text>\n                        {checkIn && checkOut && (\n                          <Text {...caption}>\n                            {getCalendarCaption(\n                              [parseDate(checkIn), parseDate(checkOut)],\n                              translate,\n                              undefined,\n                              locale,\n                            )}\n                          </Text>\n                        )}\n                        {city && <Text {...caption}>{city}</Text>}\n\n                        <Action {...caption} href={site} underline>\n                          {translate(L10N.ACTION_VIEW_HOTEL)}\n                        </Action>\n                      </View>\n\n                      <View row className={[style.offset, style.spaceBetween]}>\n                        <View>\n                          <Text bold headline level={isMobile || total >= 10000 ? 3 : 2}>\n                            {currencyFormat({ currency, symbol: true, value: total })}\n                          </Text>\n\n                          <Tooltip\n                            text={`${translate(L10N.LABEL_BASE_PRICE_VALUE, {\n                              value: currencyFormat({ currency, symbol: true, value: base }),\n                            })} ${taxesText}`}\n                          >\n                            <Text accent action={!isMobile} medium small={isMobile}>\n                              {translate(L10N.LABEL_PRICE_DETAILS)}\n                            </Text>\n                          </Tooltip>\n                        </View>\n\n                        {!is.cancelled && !is.past && (\n                          <Button onPress={() => handleManage(manage)}>{translate(L10N.ACTION_MANAGE_BOOKING)}</Button>\n                        )}\n\n                        {is.cancelled && <Button disabled>{translate(L10N.LABEL_CANCELLED)}</Button>}\n                      </View>\n                    </Card>\n                  );\n                },\n              )}\n            </Cards>\n          </>\n        ))\n      ) : has.dataSource ? (\n        <Notification info large className={style.notification}>\n          {translate(L10N.LABEL_NO_BOOKINGS)}\n        </Notification>\n      ) : null}\n    </View>\n  ) : (\n    <Skeleton />\n  );\n};\n\nBookings.displayName = 'Mirai:Core:Profile:Bookings';\n\nBookings.propTypes = {};\n\nexport { Bookings };\n"],"mappings":"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"}