@mirai/core 0.3.60 → 0.3.61

package/build/components/Finder/helpers/getForwarderUrl.js

@@ -29,7 +29,8 @@ const getForwarderUrl = function () {
       } = {},
       urlParams: {
         miraiId,
-        type
+        type,
+        uid
       }
     } = {}
   } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -49,7 +50,8 @@ const getForwarderUrl = function () {
     miraiId,
     nights: (0, _locale.dateDiff)(dateCheckIn, dateCheckOut).days,
     parties: (0, _helpers.parseToParties)(occupation),
-    type
+    type,
+    uid
     // ? TODO: Is this mandatory?
     // clientCodeStrictSearch: true
     // deviceType: "DESKTOP_TABLET"

package/build/components/Finder/helpers/getForwarderUrl.js.map

@@ -1 +1 @@
-{"version":3,"file":"getForwarderUrl.js","names":["_locale","require","_helpers","getForwarderUrl","calendar","checkIn","checkOut","occupation","place","id","ids","value","promocode","clientCode","locale","DEFAULT_LOCALE","currency","DEFAULT_CURRENCY","forwarder","rates","url","store","hotel","origin","commissionCode","hsri","urlParams","miraiId","type","arguments","length","undefined","dateCheckIn","Date","parseDate","dateCheckOut","hotelId","params","checkin","dateFormat","format","chainSelectorValue","idtokenprovider","lang","split","nights","dateDiff","days","parties","parseToParties","concat","toUrlParams","exports"],"sources":["../../../../src/components/Finder/helpers/getForwarderUrl.js"],"sourcesContent":["import { dateDiff, dateFormat, DEFAULT_CURRENCY, DEFAULT_LOCALE, parseDate } from '@mirai/locale';\n\nimport { parseToParties, toUrlParams } from '../../helpers';\n\nexport const getForwarderUrl = ({\n  calendar: [checkIn, checkOut] = [],\n  occupation = [],\n  place: { id: ids = [], value } = {},\n  promocode: clientCode = '',\n  locale = DEFAULT_LOCALE,\n  currency = DEFAULT_CURRENCY,\n  forwarder: { rates: url } = {},\n  store: { hotel: { id } = {}, origin: { commissionCode: hsri = '' } = {}, urlParams: { miraiId, type } } = {},\n} = {}) => {\n  const dateCheckIn = checkIn instanceof Date ? checkIn : parseDate(checkIn);\n  const dateCheckOut = checkOut instanceof Date ? checkOut : parseDate(checkOut);\n  const hotelId = ids.length === 1 ? ids[0] : id;\n\n  const params = {\n    checkin: dateFormat(dateCheckIn, { format: 'DD/MM/YYYY' }),\n    chainSelectorValue: value,\n    clientCode,\n    currency,\n    hsri,\n    idtokenprovider: hotelId,\n    lang: locale.split('-')[0],\n    miraiId,\n    nights: dateDiff(dateCheckIn, dateCheckOut).days,\n    parties: parseToParties(occupation),\n    type,\n    // ? TODO: Is this mandatory?\n    // clientCodeStrictSearch: true\n    // deviceType: \"DESKTOP_TABLET\"\n    // env: \"mario\"\n    // home: \"https://www.hotel-moderno.com/\"\n  };\n\n  return `${url}${toUrlParams(params)}`;\n};\n"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAEA,IAAAC,QAAA,GAAAD,OAAA;AAEO,MAAME,eAAe,GAAG,SAAAA,CAAA,EASpB;EAAA,IATqB;IAC9BC,QAAQ,EAAE,CAACC,OAAO,EAAEC,QAAQ,CAAC,GAAG,EAAE;IAClCC,UAAU,GAAG,EAAE;IACfC,KAAK,EAAE;MAAEC,EAAE,EAAEC,GAAG,GAAG,EAAE;MAAEC;IAAM,CAAC,GAAG,CAAC,CAAC;IACnCC,SAAS,EAAEC,UAAU,GAAG,EAAE;IAC1BC,MAAM,GAAGC,sBAAc;IACvBC,QAAQ,GAAGC,wBAAgB;IAC3BC,SAAS,EAAE;MAAEC,KAAK,EAAEC;IAAI,CAAC,GAAG,CAAC,CAAC;IAC9BC,KAAK,EAAE;MAAEC,KAAK,EAAE;QAAEb;MAAG,CAAC,GAAG,CAAC,CAAC;MAAEc,MAAM,EAAE;QAAEC,cAAc,EAAEC,IAAI,GAAG;MAAG,CAAC,GAAG,CAAC,CAAC;MAAEC,SAAS,EAAE;QAAEC,OAAO;QAAEC;MAAK;IAAE,CAAC,GAAG,CAAC;EAC7G,CAAC,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;EACJ,MAAMG,WAAW,GAAG3B,OAAO,YAAY4B,IAAI,GAAG5B,OAAO,GAAG,IAAA6B,iBAAS,EAAC7B,OAAO,CAAC;EAC1E,MAAM8B,YAAY,GAAG7B,QAAQ,YAAY2B,IAAI,GAAG3B,QAAQ,GAAG,IAAA4B,iBAAS,EAAC5B,QAAQ,CAAC;EAC9E,MAAM8B,OAAO,GAAG1B,GAAG,CAACoB,MAAM,KAAK,CAAC,GAAGpB,GAAG,CAAC,CAAC,CAAC,GAAGD,EAAE;EAE9C,MAAM4B,MAAM,GAAG;IACbC,OAAO,EAAE,IAAAC,kBAAU,EAACP,WAAW,EAAE;MAAEQ,MAAM,EAAE;IAAa,CAAC,CAAC;IAC1DC,kBAAkB,EAAE9B,KAAK;IACzBE,UAAU;IACVG,QAAQ;IACRS,IAAI;IACJiB,eAAe,EAAEN,OAAO;IACxBO,IAAI,EAAE7B,MAAM,CAAC8B,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;IAC1BjB,OAAO;IACPkB,MAAM,EAAE,IAAAC,gBAAQ,EAACd,WAAW,EAAEG,YAAY,CAAC,CAACY,IAAI;IAChDC,OAAO,EAAE,IAAAC,uBAAc,EAAC1C,UAAU,CAAC;IACnCqB;IACA;IACA;IACA;IACA;IACA;EACF,CAAC;EAED,UAAAsB,MAAA,CAAU9B,GAAG,EAAA8B,MAAA,CAAG,IAAAC,oBAAW,EAACd,MAAM,CAAC;AACrC,CAAC;AAACe,OAAA,CAAAjD,eAAA,GAAAA,eAAA"}
+{"version":3,"file":"getForwarderUrl.js","names":["_locale","require","_helpers","getForwarderUrl","calendar","checkIn","checkOut","occupation","place","id","ids","value","promocode","clientCode","locale","DEFAULT_LOCALE","currency","DEFAULT_CURRENCY","forwarder","rates","url","store","hotel","origin","commissionCode","hsri","urlParams","miraiId","type","uid","arguments","length","undefined","dateCheckIn","Date","parseDate","dateCheckOut","hotelId","params","checkin","dateFormat","format","chainSelectorValue","idtokenprovider","lang","split","nights","dateDiff","days","parties","parseToParties","concat","toUrlParams","exports"],"sources":["../../../../src/components/Finder/helpers/getForwarderUrl.js"],"sourcesContent":["import { dateDiff, dateFormat, DEFAULT_CURRENCY, DEFAULT_LOCALE, parseDate } from '@mirai/locale';\n\nimport { parseToParties, toUrlParams } from '../../helpers';\n\nexport const getForwarderUrl = ({\n  calendar: [checkIn, checkOut] = [],\n  occupation = [],\n  place: { id: ids = [], value } = {},\n  promocode: clientCode = '',\n  locale = DEFAULT_LOCALE,\n  currency = DEFAULT_CURRENCY,\n  forwarder: { rates: url } = {},\n  store: { hotel: { id } = {}, origin: { commissionCode: hsri = '' } = {}, urlParams: { miraiId, type, uid } } = {},\n} = {}) => {\n  const dateCheckIn = checkIn instanceof Date ? checkIn : parseDate(checkIn);\n  const dateCheckOut = checkOut instanceof Date ? checkOut : parseDate(checkOut);\n  const hotelId = ids.length === 1 ? ids[0] : id;\n\n  const params = {\n    checkin: dateFormat(dateCheckIn, { format: 'DD/MM/YYYY' }),\n    chainSelectorValue: value,\n    clientCode,\n    currency,\n    hsri,\n    idtokenprovider: hotelId,\n    lang: locale.split('-')[0],\n    miraiId,\n    nights: dateDiff(dateCheckIn, dateCheckOut).days,\n    parties: parseToParties(occupation),\n    type,\n    uid,\n    // ? TODO: Is this mandatory?\n    // clientCodeStrictSearch: true\n    // deviceType: \"DESKTOP_TABLET\"\n    // env: \"mario\"\n    // home: \"https://www.hotel-moderno.com/\"\n  };\n\n  return `${url}${toUrlParams(params)}`;\n};\n"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAEA,IAAAC,QAAA,GAAAD,OAAA;AAEO,MAAME,eAAe,GAAG,SAAAA,CAAA,EASpB;EAAA,IATqB;IAC9BC,QAAQ,EAAE,CAACC,OAAO,EAAEC,QAAQ,CAAC,GAAG,EAAE;IAClCC,UAAU,GAAG,EAAE;IACfC,KAAK,EAAE;MAAEC,EAAE,EAAEC,GAAG,GAAG,EAAE;MAAEC;IAAM,CAAC,GAAG,CAAC,CAAC;IACnCC,SAAS,EAAEC,UAAU,GAAG,EAAE;IAC1BC,MAAM,GAAGC,sBAAc;IACvBC,QAAQ,GAAGC,wBAAgB;IAC3BC,SAAS,EAAE;MAAEC,KAAK,EAAEC;IAAI,CAAC,GAAG,CAAC,CAAC;IAC9BC,KAAK,EAAE;MAAEC,KAAK,EAAE;QAAEb;MAAG,CAAC,GAAG,CAAC,CAAC;MAAEc,MAAM,EAAE;QAAEC,cAAc,EAAEC,IAAI,GAAG;MAAG,CAAC,GAAG,CAAC,CAAC;MAAEC,SAAS,EAAE;QAAEC,OAAO;QAAEC,IAAI;QAAEC;MAAI;IAAE,CAAC,GAAG,CAAC;EAClH,CAAC,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;EACJ,MAAMG,WAAW,GAAG5B,OAAO,YAAY6B,IAAI,GAAG7B,OAAO,GAAG,IAAA8B,iBAAS,EAAC9B,OAAO,CAAC;EAC1E,MAAM+B,YAAY,GAAG9B,QAAQ,YAAY4B,IAAI,GAAG5B,QAAQ,GAAG,IAAA6B,iBAAS,EAAC7B,QAAQ,CAAC;EAC9E,MAAM+B,OAAO,GAAG3B,GAAG,CAACqB,MAAM,KAAK,CAAC,GAAGrB,GAAG,CAAC,CAAC,CAAC,GAAGD,EAAE;EAE9C,MAAM6B,MAAM,GAAG;IACbC,OAAO,EAAE,IAAAC,kBAAU,EAACP,WAAW,EAAE;MAAEQ,MAAM,EAAE;IAAa,CAAC,CAAC;IAC1DC,kBAAkB,EAAE/B,KAAK;IACzBE,UAAU;IACVG,QAAQ;IACRS,IAAI;IACJkB,eAAe,EAAEN,OAAO;IACxBO,IAAI,EAAE9B,MAAM,CAAC+B,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;IAC1BlB,OAAO;IACPmB,MAAM,EAAE,IAAAC,gBAAQ,EAACd,WAAW,EAAEG,YAAY,CAAC,CAACY,IAAI;IAChDC,OAAO,EAAE,IAAAC,uBAAc,EAAC3C,UAAU,CAAC;IACnCqB,IAAI;IACJC;IACA;IACA;IACA;IACA;IACA;EACF,CAAC;EAED,UAAAsB,MAAA,CAAU/B,GAAG,EAAA+B,MAAA,CAAG,IAAAC,oBAAW,EAACd,MAAM,CAAC;AACrC,CAAC;AAACe,OAAA,CAAAlD,eAAA,GAAAA,eAAA"}

package/build/components/Rates/Rates.Footer.js

@@ -8,7 +8,7 @@ var _dataSources = require("@mirai/data-sources");
 var _locale = require("@mirai/locale");
 var _ui = require("@mirai/ui");
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _helpers = require("./helpers");
 var _Rates = require("./Rates.l10n");
 var style = _interopRequireWildcard(require("./Rates.module.css"));
@@ -18,15 +18,15 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const Footer = _ref => {
   let {
+    cart = [],
     dataSource: {
-      items = []
+      taxes
     } = {},
     filter: {
       clubDiscount = false
     } = {},
+    multiRoom = false,
     occupation = [],
-    selected = {},
-    taxes,
     onChange = () => {}
   } = _ref;
   const {
@@ -42,124 +42,112 @@ const Footer = _ref => {
       urlParams
     } = {}
   } = (0, _dataSources.useStore)();
-  const [expanded, setExpanded] = (0, _react.useState)(false);
-  (0, _react.useEffect)(() => Object.keys(selected).length === 0 && setExpanded(false), [selected]);
   const handlePress = () => {
     document.location.href = (0, _helpers.getForwarderUrl)({
+      cart,
       clubDiscount,
       currency,
       forwarder,
-      selected,
       urlParams
     });
   };
-
-  // ! Should know if didnt expire the storage
-  const {
-    length: options
-  } = Object.keys(selected);
-  const value = Object.values(selected).reduce((value, _ref2) => {
+  const items = cart.filter(item => item !== undefined);
+  const totalPrice = cart.reduce(function (value) {
     let {
-      amount,
       price
-    } = _ref2;
-    return value + amount * price;
+    } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    return value + price;
   }, 0);
-  const rates = items.map(function () {
-    let {
-      rates = [],
-      name: title
-    } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    return rates.map(function () {
-      let rate = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-      return {
-        ...rate,
-        title
-      };
-    });
-  }).flat();
-  const ViewCart = () => !soloRoom ? /*#__PURE__*/_react.default.createElement(_ui.Action, {
-    inline: true,
-    small: isMobile,
-    onPress: () => setExpanded(!expanded)
-  }, translate(expanded ? _Rates.L10N.ACTION_HIDE_CART : _Rates.L10N.ACTION_VIEW_CART, {
-    amount: options
-  })) : null;
-  const soloRoom = occupation.length === 1;
+  const valid = !multiRoom || items.length === occupation.length;
   return /*#__PURE__*/_react.default.createElement(_ui.View, {
-    className: (0, _ui.styles)(style.footer, options && style.visible)
-  }, (expanded || soloRoom) && /*#__PURE__*/_react.default.createElement(_ui.View, {
-    className: [style.wrapper, style.expanded],
+    className: (0, _ui.styles)(style.footer,
+    // ((!multiRoom && items.length) || (multiRoom && items.length === occupation.length)) && style.visible,
+    items.length && style.visible)
+  }, /*#__PURE__*/_react.default.createElement(_ui.View, null, /*#__PURE__*/_react.default.createElement(_ui.View, {
+    className: style.wrapper,
     wide: true
-  }, Object.entries(selected).map(_ref3 => {
-    let [id, {
-      amount,
-      price
-    }] = _ref3;
-    const {
+  }, items.map(function () {
+    let {
+      amount = 1,
+      id,
       name,
-      title
-    } = rates.find(rate => rate.id === id);
+      price,
+      roomName
+    } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    let index = arguments.length > 1 ? arguments[1] : undefined;
     return /*#__PURE__*/_react.default.createElement(_ui.View, {
       row: true,
       key: id,
-      className: style.item
-    }, /*#__PURE__*/_react.default.createElement(_ui.Text, {
+      className: style.cartItem
+    }, multiRoom && /*#__PURE__*/_react.default.createElement(_ui.Text, {
       bold: true,
-      small: true,
-      className: style.amount
-    }, "".concat(amount, "x")), /*#__PURE__*/_react.default.createElement(_ui.Text, {
-      small: true,
-      className: style.description
-    }, "".concat(title, " (").concat(name, ")")), /*#__PURE__*/_react.default.createElement(_ui.Text, {
+      small: !isMobile,
+      tiny: isMobile,
+      upperCase: true,
+      className: style.room
+    }, "Room ".concat(index + 1)), /*#__PURE__*/_react.default.createElement(_ui.Text, {
       bold: true,
+      action: !isMobile,
+      small: isMobile,
+      className: style.description
+    }, "".concat(roomName, " "), /*#__PURE__*/_react.default.createElement(_ui.Text, {
+      lighten: true,
       small: true
+    }, "| ".concat(name))), /*#__PURE__*/_react.default.createElement(_ui.Text, {
+      bold: true,
+      action: !isMobile,
+      small: isMobile
     }, (0, _locale.currencyFormat)({
       currency,
       value: amount * price
-    })), /*#__PURE__*/_react.default.createElement(_ui.Button, {
-      transparent: true,
+    })), !multiRoom && /*#__PURE__*/_react.default.createElement(_ui.Button, {
       small: true,
       squared: true,
-      onPress: () => onChange({
-        id,
-        amount: 0
-      })
+      transparent: true,
+      onPress: () => onChange(undefined, index),
+      className: style.buttonClose
     }, /*#__PURE__*/_react.default.createElement(_ui.Icon, {
       value: _helpers2.ICON.CLOSE
     })));
-  })), /*#__PURE__*/_react.default.createElement(_ui.View, {
+  }))), /*#__PURE__*/_react.default.createElement(_ui.View, {
     row: true,
-    className: style.wrapper
+    className: [style.wrapper, style.summary]
   }, /*#__PURE__*/_react.default.createElement(_ui.View, {
-    className: style.price
-  }, /*#__PURE__*/_react.default.createElement(_ui.View, {
-    row: true,
-    wide: true,
-    className: style.line
+    className: style.totalPrice
   }, /*#__PURE__*/_react.default.createElement(_ui.Text, {
     bold: true,
     headline: true,
-    level: 2
+    level: isMobile ? 3 : 2
   }, (0, _locale.currencyFormat)({
     currency,
-    value
-  })), isMobile && /*#__PURE__*/_react.default.createElement(ViewCart, null)), /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    value: totalPrice
+  })), /*#__PURE__*/_react.default.createElement(_ui.Text, {
     lighten: true,
     small: !isMobile || !taxes,
     tiny: isMobile
-  }, taxes || translate(_Rates.L10N.LABEL_INCLUDES_TAXES_FEES))), !isMobile && /*#__PURE__*/_react.default.createElement(ViewCart, null), /*#__PURE__*/_react.default.createElement(_ui.Button, {
+  }, taxes || translate(_Rates.L10N.LABEL_INCLUDES_TAXES_FEES))), /*#__PURE__*/_react.default.createElement(_ui.View, {
+    row: !isMobile,
+    className: style.buttons
+  }, !isMobile && valid && /*#__PURE__*/_react.default.createElement(_ui.Action, null, /*#__PURE__*/_react.default.createElement(_ui.Icon, {
+    value: _helpers2.ICON.ADD_EXTRAS
+  }), "!Add Extras"), /*#__PURE__*/_react.default.createElement(_ui.Button, {
+    disabled: !valid,
     large: !isMobile,
+    wide: isMobile,
     onPress: handlePress
-  }, translate(_Rates.L10N.ACTION_NEXT))));
+  }, translate(_Rates.L10N.ACTION_RESERVE)))));
 };
 exports.Footer = Footer;
 Footer.propTypes = {
+  cart: _propTypes.default.arrayOf(_propTypes.default.shape({})),
   dataSource: _propTypes.default.shape({}),
   filter: _propTypes.default.shape({}),
-  occupation: _propTypes.default.arrayOf(_propTypes.default.array),
-  selected: _propTypes.default.shape({}),
-  taxes: _propTypes.default.string,
+  multiRoom: _propTypes.default.bool,
+  occupation: _propTypes.default.arrayOf(_propTypes.default.arrayOf(_propTypes.default.shape({
+    ages: _propTypes.default.arrayOf(_propTypes.default.number),
+    amount: _propTypes.default.number,
+    type: _propTypes.default.number
+  }))),
   onChange: _propTypes.default.func
 };
 //# sourceMappingURL=Rates.Footer.js.map

package/build/components/Rates/Rates.Footer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Rates.Footer.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_helpers","_Rates","style","_helpers2","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","Footer","_ref","dataSource","items","filter","clubDiscount","occupation","selected","taxes","onChange","isMobile","useDevice","translate","useLocale","value","currency","forwarder","urlParams","useStore","expanded","setExpanded","useState","useEffect","keys","length","handlePress","document","location","href","getForwarderUrl","options","values","reduce","_ref2","amount","price","rates","map","name","title","arguments","undefined","rate","flat","ViewCart","soloRoom","createElement","Action","inline","small","onPress","L10N","ACTION_HIDE_CART","ACTION_VIEW_CART","View","className","styles","footer","visible","wrapper","wide","entries","_ref3","id","find","row","key","item","Text","bold","concat","description","currencyFormat","Button","transparent","squared","Icon","ICON","CLOSE","line","headline","level","lighten","tiny","LABEL_INCLUDES_TAXES_FEES","large","ACTION_NEXT","exports","propTypes","PropTypes","shape","arrayOf","array","string","func"],"sources":["../../../src/components/Rates/Rates.Footer.jsx"],"sourcesContent":["import { useStore } from '@mirai/data-sources';\nimport { currencyFormat, useLocale } from '@mirai/locale';\nimport { useDevice } from '@mirai/ui';\nimport { Action, Button, Icon, styles, Text, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\n\nimport { getForwarderUrl } from './helpers';\nimport { L10N } from './Rates.l10n';\nimport * as style from './Rates.module.css';\nimport { ICON } from '../helpers';\n\nconst Footer = ({\n  dataSource: { items = [] } = {},\n  filter: { clubDiscount = false } = {},\n  occupation = [],\n  selected = {},\n  taxes,\n  onChange = () => {},\n}) => {\n  const { isMobile } = useDevice();\n  const { translate } = useLocale();\n  const { value: { currency, forwarder, urlParams } = {} } = useStore();\n\n  const [expanded, setExpanded] = useState(false);\n\n  useEffect(() => Object.keys(selected).length === 0 && setExpanded(false), [selected]);\n\n  const handlePress = () => {\n    document.location.href = getForwarderUrl({ clubDiscount, currency, forwarder, selected, urlParams });\n  };\n\n  // ! Should know if didnt expire the storage\n  const { length: options } = Object.keys(selected);\n  const value = Object.values(selected).reduce((value, { amount, price }) => value + amount * price, 0);\n  const rates = items.map(({ rates = [], name: title } = {}) => rates.map((rate = {}) => ({ ...rate, title }))).flat();\n\n  const ViewCart = () =>\n    !soloRoom ? (\n      <Action inline small={isMobile} onPress={() => setExpanded(!expanded)}>\n        {translate(expanded ? L10N.ACTION_HIDE_CART : L10N.ACTION_VIEW_CART, { amount: options })}\n      </Action>\n    ) : null;\n\n  const soloRoom = occupation.length === 1;\n\n  return (\n    <View className={styles(style.footer, options && style.visible)}>\n      {(expanded || soloRoom) && (\n        <View className={[style.wrapper, style.expanded]} wide>\n          {Object.entries(selected).map(([id, { amount, price }]) => {\n            const { name, title } = rates.find((rate) => rate.id === id);\n\n            return (\n              <View row key={id} className={style.item}>\n                <Text bold small className={style.amount}>{`${amount}x`}</Text>\n                <Text small className={style.description}>{`${title} (${name})`}</Text>\n                <Text bold small>\n                  {currencyFormat({ currency, value: amount * price })}\n                </Text>\n\n                <Button transparent small squared onPress={() => onChange({ id, amount: 0 })}>\n                  <Icon value={ICON.CLOSE} />\n                </Button>\n              </View>\n            );\n          })}\n        </View>\n      )}\n\n      <View row className={style.wrapper}>\n        <View className={style.price}>\n          <View row wide className={style.line}>\n            <Text bold headline level={2}>\n              {currencyFormat({ currency, value })}\n            </Text>\n            {isMobile && <ViewCart />}\n          </View>\n\n          <Text lighten small={!isMobile || !taxes} tiny={isMobile}>\n            {taxes || translate(L10N.LABEL_INCLUDES_TAXES_FEES)}\n          </Text>\n        </View>\n\n        {!isMobile && <ViewCart />}\n\n        <Button large={!isMobile} onPress={handlePress}>\n          {translate(L10N.ACTION_NEXT)}\n        </Button>\n      </View>\n    </View>\n  );\n};\n\nFooter.propTypes = {\n  dataSource: PropTypes.shape({}),\n  filter: PropTypes.shape({}),\n  occupation: PropTypes.arrayOf(PropTypes.array),\n  selected: PropTypes.shape({}),\n  taxes: PropTypes.string,\n  onChange: PropTypes.func,\n};\n\nexport { Footer };\n"],"mappings":"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"}
+{"version":3,"file":"Rates.Footer.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_helpers","_Rates","style","_interopRequireWildcard","_helpers2","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","Footer","_ref","cart","dataSource","taxes","filter","clubDiscount","multiRoom","occupation","onChange","isMobile","useDevice","translate","useLocale","value","currency","forwarder","urlParams","useStore","handlePress","document","location","href","getForwarderUrl","items","item","undefined","totalPrice","reduce","price","arguments","length","valid","createElement","View","className","styles","footer","visible","wrapper","wide","map","amount","id","name","roomName","index","row","key","cartItem","Text","bold","small","tiny","upperCase","room","concat","action","description","lighten","currencyFormat","Button","squared","transparent","onPress","buttonClose","Icon","ICON","CLOSE","summary","headline","level","L10N","LABEL_INCLUDES_TAXES_FEES","buttons","Action","ADD_EXTRAS","disabled","large","ACTION_RESERVE","exports","propTypes","PropTypes","arrayOf","shape","bool","ages","number","type","func"],"sources":["../../../src/components/Rates/Rates.Footer.jsx"],"sourcesContent":["import { useStore } from '@mirai/data-sources';\nimport { currencyFormat, useLocale } from '@mirai/locale';\nimport { useDevice } from '@mirai/ui';\nimport { Action, Button, Icon, styles, Text, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { getForwarderUrl } from './helpers';\nimport { L10N } from './Rates.l10n';\nimport * as style from './Rates.module.css';\nimport { ICON } from '../helpers';\n\nconst Footer = ({\n  cart = [],\n  dataSource: { taxes } = {},\n  filter: { clubDiscount = false } = {},\n  multiRoom = false,\n  occupation = [],\n  onChange = () => {},\n}) => {\n  const { isMobile } = useDevice();\n  const { translate } = useLocale();\n  const { value: { currency, forwarder, urlParams } = {} } = useStore();\n\n  const handlePress = () => {\n    document.location.href = getForwarderUrl({ cart, clubDiscount, currency, forwarder, urlParams });\n  };\n\n  const items = cart.filter((item) => item !== undefined);\n  const totalPrice = cart.reduce((value, { price } = {}) => value + price, 0);\n  const valid = !multiRoom || items.length === occupation.length;\n\n  return (\n    <View\n      className={styles(\n        style.footer,\n        // ((!multiRoom && items.length) || (multiRoom && items.length === occupation.length)) && style.visible,\n        items.length && style.visible,\n      )}\n    >\n      <View>\n        <View className={style.wrapper} wide>\n          {items.map(({ amount = 1, id, name, price, roomName } = {}, index) => {\n            return (\n              <View row key={id} className={style.cartItem}>\n                {multiRoom && (\n                  <Text bold small={!isMobile} tiny={isMobile} upperCase className={style.room}>\n                    {`Room ${index + 1}`}\n                  </Text>\n                )}\n\n                <Text bold action={!isMobile} small={isMobile} className={style.description}>\n                  {`${roomName} `}\n                  <Text lighten small>{`| ${name}`}</Text>\n                </Text>\n\n                <Text bold action={!isMobile} small={isMobile}>\n                  {currencyFormat({ currency, value: amount * price })}\n                </Text>\n\n                {!multiRoom && (\n                  <Button\n                    small\n                    squared\n                    transparent\n                    onPress={() => onChange(undefined, index)}\n                    className={style.buttonClose}\n                  >\n                    <Icon value={ICON.CLOSE} />\n                  </Button>\n                )}\n              </View>\n            );\n          })}\n        </View>\n      </View>\n\n      <View row className={[style.wrapper, style.summary]}>\n        <View className={style.totalPrice}>\n          <Text bold headline level={isMobile ? 3 : 2}>\n            {currencyFormat({ currency, value: totalPrice })}\n          </Text>\n\n          <Text lighten small={!isMobile || !taxes} tiny={isMobile}>\n            {taxes || translate(L10N.LABEL_INCLUDES_TAXES_FEES)}\n          </Text>\n        </View>\n\n        <View row={!isMobile} className={style.buttons}>\n          {!isMobile && valid && (\n            <Action>\n              <Icon value={ICON.ADD_EXTRAS} />\n              !Add Extras\n            </Action>\n          )}\n\n          <Button disabled={!valid} large={!isMobile} wide={isMobile} onPress={handlePress}>\n            {translate(L10N.ACTION_RESERVE)}\n          </Button>\n        </View>\n      </View>\n    </View>\n  );\n};\n\nFooter.propTypes = {\n  cart: PropTypes.arrayOf(PropTypes.shape({})),\n  dataSource: PropTypes.shape({}),\n  filter: PropTypes.shape({}),\n  multiRoom: PropTypes.bool,\n  occupation: PropTypes.arrayOf(\n    PropTypes.arrayOf(\n      PropTypes.shape({\n        ages: PropTypes.arrayOf(PropTypes.number),\n        amount: PropTypes.number,\n        type: PropTypes.number,\n      }),\n    ),\n  ),\n  onChange: PropTypes.func,\n};\n\nexport { Footer };\n"],"mappings":"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"}

package/build/components/Rates/{Rates.Filter.js → Rates.Header.js}

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Filter = void 0;
+exports.Header = void 0;
 var _dataSources = require("@mirai/data-sources");
 var _locale = require("@mirai/locale");
 var _ui = require("@mirai/ui");
@@ -11,17 +11,20 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 var _Rates = require("./Rates.l10n");
 var style = _interopRequireWildcard(require("./Rates.module.css"));
+var _helpers = require("../helpers");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const Filter = _ref => {
+const Header = _ref => {
   let {
     dataSource: {
-      items = []
+      clubConditions
     } = {},
+    children,
     value = {},
     onChange = () => {},
-    onCurrency = () => {}
+    onCurrency = () => {},
+    ...others
   } = _ref;
   const {
     isMobile
@@ -41,89 +44,33 @@ const Filter = _ref => {
   } = (0, _dataSources.useStore)();
   const handleChange = function () {
     let {
-      board,
       clubDiscount
     } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const next = {
       ...value
     };
-    if (board !== undefined) next.board = value.board === board ? undefined : board;else if (clubDiscount !== undefined) next.clubDiscount = clubDiscount;
+    if (clubDiscount !== undefined) next.clubDiscount = clubDiscount;
     onChange(next);
   };
-  const Boards = () => {
-    const {
-      board: selectedBoard
-    } = value;
-    return isMobile || boards.length > 3 ? /*#__PURE__*/_react.default.createElement(_ui.InputSelect, {
-      name: "boards",
-      emptyOption: translate(_Rates.L10N.LABEL_SELECT_TYPE_ACCOMMODATION),
-      options: boards,
-      value: selectedBoard,
-      onChange: board => handleChange({
-        board
-      }),
-      className: style.input
-    }) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, boards.map(board => /*#__PURE__*/_react.default.createElement(_ui.Pressable, {
-      key: board,
-      onPress: () => handleChange({
-        board
-      }),
-      className: [style.tag, style.pressable, board === selectedBoard && style.active]
-    }, /*#__PURE__*/_react.default.createElement(_ui.Text, {
-      action: true,
-      bold: board === selectedBoard
-    }, board))));
-  };
-  const Currencies = () => /*#__PURE__*/_react.default.createElement(_ui.View, {
-    style: {
-      position: 'relative'
-    }
-  }, /*#__PURE__*/_react.default.createElement(_ui.Text, {
-    className: style.currencyValue
-  }, currency), /*#__PURE__*/_react.default.createElement(_ui.InputSelect, {
-    name: "currency",
-    options: _locale.CURRENCIES.map(currency => "".concat(currency, " - ").concat(new Intl.DisplayNames(locale, {
-      type: 'currency'
-    }).of(currency))),
-    values: _locale.CURRENCIES,
-    value: currency,
-    onChange: onCurrency,
-    className: [style.input, style.selectCurrencies]
-  }));
   const {
     clubDiscount = false
   } = value;
-  const boards = [...new Set(items.map(_ref2 => {
-    let {
-      rates = []
-    } = _ref2;
-    return rates.map(_ref3 => {
-      let {
-        boardName: name
-      } = _ref3;
-      return name;
-    });
-  }).flat())];
-  const hasBoards = boards.length >= 2;
+  const {
+    contentBackground
+  } = _ui.Theme.get();
   return /*#__PURE__*/_react.default.createElement(_ui.View, {
-    row: !isMobile,
-    className: style.filter
-  }, /*#__PURE__*/_react.default.createElement(_ui.View, {
-    row: true,
-    className: style.fields
-  }, hasBoards && /*#__PURE__*/_react.default.createElement(Boards, null), isMobile && hasBoards && /*#__PURE__*/_react.default.createElement(Currencies, null)), /*#__PURE__*/_react.default.createElement(_ui.View, {
     row: true,
-    className: style.fields
-  }, discount !== undefined && /*#__PURE__*/_react.default.createElement(_ui.View, {
+    className: (0, _ui.styles)(style.header, !isMobile && others.className),
+    style: {
+      backgroundColor: (0, _helpers.opacity)(contentBackground, 0.66)
+    }
+  }, children, discount !== undefined && /*#__PURE__*/_react.default.createElement(_ui.View, {
     row: true,
     wide: isMobile,
-    className: [style.tag, clubDiscount && style.active]
-  }, /*#__PURE__*/_react.default.createElement(_ui.View, {
-    row: true,
-    className: style.clubDiscount
+    className: [style.tag, clubDiscount && style.highlight]
   }, /*#__PURE__*/_react.default.createElement(_ui.Text, {
     action: true,
-    bold: clubDiscount
+    bold: true
   }, translate(_Rates.L10N.LABEL_CLUB_DISCOUNT)), /*#__PURE__*/_react.default.createElement(_ui.Tooltip, {
     pressable: true,
     Template: () => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ui.Text, {
@@ -131,22 +78,49 @@ const Filter = _ref => {
       small: true
     }, translate(_Rates.L10N.LABEL_CLUB_MEMBERS_EXCLUSIVE, {
       club: name
-    })), /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    })), clubConditions ? /*#__PURE__*/_react.default.createElement(_ui.Text, {
       small: true
-    }, translate(_Rates.L10N.LABEL_CLUB_BENEFITS)))
+    }, translate(_Rates.L10N.LABEL_CLUB_CONDITIONS, {
+      conditions: /*#__PURE__*/_react.default.createElement(_ui.Action, {
+        href: clubConditions,
+        inline: true,
+        target: "_blank",
+        className: style.action
+      }, translate(_Rates.L10N.ACTION_CLUB_VIEW_CONDITIONS))
+    })) : /*#__PURE__*/_react.default.createElement(_ui.Text, {
+      small: true
+    }, translate(_Rates.L10N.LABEL_CLUB_BENEFITS))),
+    className: style.tooltip
   }, /*#__PURE__*/_react.default.createElement(_ui.Icon, {
-    value: _ui.ICON.INFO
-  }))), /*#__PURE__*/_react.default.createElement(_ui.Switch, {
+    value: _helpers.ICON.INFO
+  })), /*#__PURE__*/_react.default.createElement(_ui.Switch, {
     checked: clubDiscount,
     name: "clubDiscount",
     onChange: nextValue => handleChange({
       clubDiscount: nextValue
     }),
     className: style.input
-  })), (!isMobile || !hasBoards) && /*#__PURE__*/_react.default.createElement(Currencies, null)));
+  })), /*#__PURE__*/_react.default.createElement(_ui.View, {
+    style: {
+      position: 'relative'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    className: style.currencyValue
+  }, currency), /*#__PURE__*/_react.default.createElement(_ui.InputSelect, {
+    name: "currency",
+    options: _locale.CURRENCIES.map(currency => "".concat(currency, " - ").concat(new Intl.DisplayNames(locale, {
+      type: 'currency'
+    }).of(currency))),
+    values: _locale.CURRENCIES,
+    value: currency,
+    onChange: onCurrency,
+    className: [style.input, style.selectCurrencies]
+  })));
 };
-exports.Filter = Filter;
-Filter.propTypes = {
+exports.Header = Header;
+Header.displayName = 'Mirai:Core:Rates.Header';
+Header.propTypes = {
+  children: _propTypes.default.node,
   dataSource: _propTypes.default.shape({}),
   value: _propTypes.default.shape({
     board: _propTypes.default.string,
@@ -155,5 +129,4 @@ Filter.propTypes = {
   onChange: _propTypes.default.func,
   onCurrency: _propTypes.default.func
 };
-Filter.displayName = 'Mirai:Core:Rates.Filter';
-//# sourceMappingURL=Rates.Filter.js.map
+//# sourceMappingURL=Rates.Header.js.map

package/build/components/Rates/Rates.Header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Rates.Header.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_Rates","style","_interopRequireWildcard","_helpers","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","Header","_ref","dataSource","clubConditions","children","value","onChange","onCurrency","others","isMobile","useDevice","translate","useLocale","club","discount","name","currency","locale","useStore","handleChange","clubDiscount","arguments","length","undefined","next","contentBackground","Theme","createElement","View","row","className","styles","header","backgroundColor","opacity","wide","tag","highlight","Text","action","bold","L10N","LABEL_CLUB_DISCOUNT","Tooltip","pressable","Template","Fragment","small","LABEL_CLUB_MEMBERS_EXCLUSIVE","LABEL_CLUB_CONDITIONS","conditions","Action","href","inline","target","ACTION_CLUB_VIEW_CONDITIONS","LABEL_CLUB_BENEFITS","tooltip","Icon","ICON","INFO","Switch","checked","nextValue","input","position","currencyValue","InputSelect","options","CURRENCIES","map","concat","Intl","DisplayNames","type","of","values","selectCurrencies","exports","displayName","propTypes","PropTypes","node","shape","board","string","bool","func"],"sources":["../../../src/components/Rates/Rates.Header.jsx"],"sourcesContent":["import { useStore } from '@mirai/data-sources';\nimport { CURRENCIES, useLocale } from '@mirai/locale';\nimport { useDevice } from '@mirai/ui';\nimport { Action, Icon, InputSelect, styles, Switch, Text, Theme, Tooltip, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { L10N } from './Rates.l10n';\nimport * as style from './Rates.module.css';\nimport { ICON, opacity } from '../helpers';\n\nconst Header = ({\n  dataSource: { clubConditions } = {},\n  children,\n  value = {},\n  onChange = () => {},\n  onCurrency = () => {},\n  ...others\n}) => {\n  const { isMobile } = useDevice();\n  const { translate } = useLocale();\n  const { value: { club: { discount, name } = {}, currency, locale } = {} } = useStore();\n\n  const handleChange = ({ clubDiscount } = {}) => {\n    const next = { ...value };\n\n    if (clubDiscount !== undefined) next.clubDiscount = clubDiscount;\n\n    onChange(next);\n  };\n\n  const { clubDiscount = false } = value;\n\n  const { contentBackground } = Theme.get();\n\n  return (\n    <View\n      row\n      className={styles(style.header, !isMobile && others.className)}\n      style={{ backgroundColor: opacity(contentBackground, 0.66) }}\n    >\n      {children}\n\n      {discount !== undefined && (\n        <View row wide={isMobile} className={[style.tag, clubDiscount && style.highlight]}>\n          <Text action bold>\n            {translate(L10N.LABEL_CLUB_DISCOUNT)}\n          </Text>\n          <Tooltip\n            pressable\n            Template={() => (\n              <>\n                <Text bold small>\n                  {translate(L10N.LABEL_CLUB_MEMBERS_EXCLUSIVE, { club: name })}\n                </Text>\n                {clubConditions ? (\n                  <Text small>\n                    {translate(L10N.LABEL_CLUB_CONDITIONS, {\n                      conditions: (\n                        <Action href={clubConditions} inline target=\"_blank\" className={style.action}>\n                          {translate(L10N.ACTION_CLUB_VIEW_CONDITIONS)}\n                        </Action>\n                      ),\n                    })}\n                  </Text>\n                ) : (\n                  <Text small>{translate(L10N.LABEL_CLUB_BENEFITS)}</Text>\n                )}\n              </>\n            )}\n            className={style.tooltip}\n          >\n            <Icon value={ICON.INFO} />\n          </Tooltip>\n\n          <Switch\n            checked={clubDiscount}\n            name=\"clubDiscount\"\n            onChange={(nextValue) => handleChange({ clubDiscount: nextValue })}\n            className={style.input}\n          />\n        </View>\n      )}\n\n      <View style={{ position: 'relative' }}>\n        <Text className={style.currencyValue}>{currency}</Text>\n        <InputSelect\n          name=\"currency\"\n          options={CURRENCIES.map(\n            (currency) => `${currency} - ${new Intl.DisplayNames(locale, { type: 'currency' }).of(currency)}`,\n          )}\n          values={CURRENCIES}\n          value={currency}\n          onChange={onCurrency}\n          className={[style.input, style.selectCurrencies]}\n        />\n      </View>\n    </View>\n  );\n};\n\nHeader.displayName = 'Mirai:Core:Rates.Header';\n\nHeader.propTypes = {\n  children: PropTypes.node,\n  dataSource: PropTypes.shape({}),\n  value: PropTypes.shape({\n    board: PropTypes.string,\n    clubDiscount: PropTypes.bool,\n  }),\n  onChange: PropTypes.func,\n  onCurrency: PropTypes.func,\n};\n\nexport { Header };\n"],"mappings":"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"}

package/build/components/Rates/Rates.RoomSelector.js

@@ -0,0 +1,96 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RoomSelector = void 0;
+var _dataSources = require("@mirai/data-sources");
+var _locale = require("@mirai/locale");
+var _ui = require("@mirai/ui");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireDefault(require("react"));
+var _Rates = require("./Rates.l10n");
+var style = _interopRequireWildcard(require("./Rates.module.css"));
+var _helpers = require("../helpers");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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); }
+const RoomSelector = _ref => {
+  let {
+    cart = [],
+    occupation = [],
+    room: roomIndex,
+    onPress = () => {}
+  } = _ref;
+  const {
+    isMobile
+  } = (0, _ui.useDevice)();
+  const {
+    translate
+  } = (0, _locale.useLocale)();
+  const {
+    value: {
+      hotel: {
+        accommodationType
+      } = {}
+    }
+  } = (0, _dataSources.useStore)();
+
+  // const lastRoomIndex = cart.findIndex((item) => )
+
+  return occupation.length >= 2 ? /*#__PURE__*/_react.default.createElement(_ui.ScrollView, {
+    horizontal: true,
+    snap: false,
+    className: style.roomSelector
+  }, occupation.map(function () {
+    let items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+    let index = arguments.length > 1 ? arguments[1] : undefined;
+    const guests = items.reduce(function (total) {
+      let {
+        amount
+      } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+      return total + amount;
+    }, 0);
+    const textProps = {
+      bold: index <= roomIndex,
+      action: !isMobile,
+      small: isMobile
+    };
+    const hasCart = index <= roomIndex || cart[index] !== undefined;
+    return /*#__PURE__*/_react.default.createElement(_ui.Pressable, {
+      disabled: !hasCart,
+      key: index,
+      onPress: () => onPress(index),
+      className: [style.tag, style.room, index === roomIndex ? style.active : hasCart ? style.highlight : undefined]
+    }, index === roomIndex && !cart[index] && /*#__PURE__*/_react.default.createElement(_ui.Text, _extends({}, textProps, {
+      bold: false
+    }), translate(_Rates.L10N.LABEL_SELECT)), /*#__PURE__*/_react.default.createElement(_ui.Text, _extends({}, textProps, {
+      capitalize: true
+    }), "".concat(translate(_Rates.L10N.LABEL_ACCOMMODATION_TYPE, {
+      type: accommodationType
+    }), " ").concat(index + 1)), /*#__PURE__*/_react.default.createElement(_ui.Text, {
+      headline: true,
+      className: style.separator
+    }, "|"), /*#__PURE__*/_react.default.createElement(_ui.Icon, {
+      headline: true,
+      level: isMobile ? 3 : 2,
+      value: guests === 1 || guests > 3 ? _helpers.ICON.PERSON : guests === 2 ? _helpers.ICON.GROUP : _helpers.ICON.GROUPS
+    }), /*#__PURE__*/_react.default.createElement(_ui.Text, _extends({}, textProps, {
+      bold: true
+    }), guests));
+  })) : null;
+};
+exports.RoomSelector = RoomSelector;
+RoomSelector.displayName = 'Mirai:Core:Rates.RoomSelector';
+RoomSelector.propTypes = {
+  cart: _propTypes.default.arrayOf(_propTypes.default.shape({})),
+  occupation: _propTypes.default.arrayOf(_propTypes.default.arrayOf(_propTypes.default.shape({
+    ages: _propTypes.default.arrayOf(_propTypes.default.number),
+    amount: _propTypes.default.number,
+    type: _propTypes.default.number
+  }))),
+  room: _propTypes.default.number,
+  onPress: _propTypes.default.func
+};
+//# sourceMappingURL=Rates.RoomSelector.js.map