@mirai/core 0.3.10 → 0.3.12

package/build/components/Rates/components/Item/Item.js

@@ -0,0 +1,276 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Item = void 0;
+var _dataSources = require("@mirai/data-sources");
+var _locale = require("@mirai/locale");
+var _ui = require("@mirai/ui");
+var _Slider = require("@mirai/ui/build/components/Slider");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireWildcard(require("react"));
+var _components = require("./components");
+var _Item = require("./Item.l10n");
+var style = _interopRequireWildcard(require("./Item.module.css"));
+var _shared__ = require("../../../__shared__");
+var _helpers = require("../../../helpers");
+var _excluded = ["availability", "images", "name", "rates", "selected", "onChange", "onMoreInfo", "onRateInfo"];
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+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); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var Item = exports.Item = function Item(_ref) {
+  var _ref$availability = _ref.availability,
+    availability = _ref$availability === void 0 ? 0 : _ref$availability,
+    _ref$images = _ref.images,
+    images = _ref$images === void 0 ? [] : _ref$images,
+    title = _ref.name,
+    _ref$rates = _ref.rates,
+    rates = _ref$rates === void 0 ? [] : _ref$rates,
+    _ref$selected = _ref.selected,
+    selected = _ref$selected === void 0 ? {} : _ref$selected,
+    _onChange = _ref.onChange,
+    onMoreInfo = _ref.onMoreInfo,
+    onRateInfo = _ref.onRateInfo,
+    others = _objectWithoutProperties(_ref, _excluded);
+  var _useDevice = (0, _ui.useDevice)(),
+    isDesktop = _useDevice.isDesktop,
+    width = _useDevice.width;
+  var _useLocale = (0, _locale.useLocale)(),
+    translate = _useLocale.translate;
+  var _useStore = (0, _dataSources.useStore)(),
+    _useStore$value = _useStore.value,
+    _useStore$value2 = _useStore$value === void 0 ? {} : _useStore$value,
+    currency = _useStore$value2.currency,
+    _useStore$value2$hote = _useStore$value2.hotel.warningAvailability,
+    warningAvailability = _useStore$value2$hote === void 0 ? 9999 : _useStore$value2$hote;
+  var previewRef = (0, _react.useRef)(null);
+  var _useState = (0, _react.useState)(rates.length < 3),
+    _useState2 = _slicedToArray(_useState, 2),
+    expanded = _useState2[0],
+    setExpanded = _useState2[1];
+  var _useState3 = (0, _react.useState)([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    expandedRate = _useState4[0],
+    setExpandedRate = _useState4[1];
+  var _useState5 = (0, _react.useState)(320),
+    _useState6 = _slicedToArray(_useState5, 2),
+    sliderWidth = _useState6[0],
+    setSliderWidth = _useState6[1];
+  (0, _react.useEffect)(function () {
+    var _previewRef$current;
+    if (previewRef.current) setSliderWidth((_previewRef$current = previewRef.current) === null || _previewRef$current === void 0 ? void 0 : _previewRef$current.clientWidth);
+  }, [width]);
+  var availableAmount = availability - rates.reduce(function (total, _ref2) {
+    var _selected$id;
+    var id = _ref2.id;
+    return total + (((_selected$id = selected[id]) === null || _selected$id === void 0 ? void 0 : _selected$id.amount) || 0);
+  }, 0);
+  return /*#__PURE__*/_react.default.createElement(_ui.View, {
+    className: [style.box, style.item, others.className]
+  }, /*#__PURE__*/_react.default.createElement(_ui.View, {
+    row: true,
+    className: style.header
+  }, /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    bold: true,
+    headline: true,
+    level: 2,
+    className: style.title
+  }, title), /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    small: true
+  }, "$$TAX Included"), availability <= warningAvailability && /*#__PURE__*/_react.default.createElement(_ui.Notification, {
+    error: true,
+    small: true
+  }, "\xA1Solo quedan ".concat(availability, "!"))), /*#__PURE__*/_react.default.createElement(_ui.View, {
+    row: isDesktop,
+    className: style.info
+  }, /*#__PURE__*/_react.default.createElement(_ui.View, {
+    ref: previewRef,
+    className: style.preview
+  }, /*#__PURE__*/_react.default.createElement(_ui.View, {
+    className: style.slider
+  }, /*#__PURE__*/_react.default.createElement(_Slider.Slider, {
+    captions: images.map(function (_ref3) {
+      var alt = _ref3.alt;
+      return alt;
+    }),
+    height: 220,
+    images: images.map(function (_ref4) {
+      var large = _ref4.large;
+      return large;
+    }),
+    thumbnails: images.map(function (_ref5) {
+      var thumbnail = _ref5.thumbnail;
+      return thumbnail;
+    }),
+    width: sliderWidth,
+    onChange: function onChange() {},
+    className: style.slider
+  })), /*#__PURE__*/_react.default.createElement(_components.Features, _extends({
+    box: true
+  }, others)), isDesktop && /*#__PURE__*/_react.default.createElement(_components.Amenities, _extends({
+    highlight: true
+  }, others)), /*#__PURE__*/_react.default.createElement(_ui.Action, {
+    inline: true,
+    onPress: onMoreInfo
+  }, translate(_Item.L10N.ACTION_MORE_INFO))), /*#__PURE__*/_react.default.createElement(_ui.View, {
+    className: (0, _ui.styles)(style.rates, expanded && style.expanded),
+    wide: true
+  }, rates.map(function () {
+    var rate = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    var boardName = rate.boardName,
+      _rate$cancellation = rate.cancellation,
+      cancellation = _rate$cancellation === void 0 ? {} : _rate$cancellation,
+      _rate$discount = rate.discount,
+      discount = _rate$discount === void 0 ? {} : _rate$discount,
+      _rate$included = rate.included,
+      included = _rate$included === void 0 ? [] : _rate$included,
+      id = rate.id,
+      name = rate.name,
+      dayPrice = rate.dayPrice,
+      price = rate.price,
+      _rate$restrictions = rate.restrictions,
+      restrictions = _rate$restrictions === void 0 ? [] : _rate$restrictions,
+      _rate$amount = rate.amount,
+      _rate$amount2 = _rate$amount === void 0 ? [] : _rate$amount,
+      _rate$amount3 = _slicedToArray(_rate$amount2, 2),
+      _rate$amount3$ = _rate$amount3[0],
+      min = _rate$amount3$ === void 0 ? 1 : _rate$amount3$,
+      _rate$amount3$2 = _rate$amount3[1],
+      max = _rate$amount3$2 === void 0 ? 2 : _rate$amount3$2;
+    var _ref6 = selected[id] || {},
+      _ref6$amount = _ref6.amount,
+      amount = _ref6$amount === void 0 ? 0 : _ref6$amount;
+    var rateAvailability = [0].concat(_toConsumableArray(Array.from({
+      length: max - min + 1
+    }).map(function (_, index) {
+      return index + min;
+    })));
+    return /*#__PURE__*/_react.default.createElement(_ui.View, {
+      key: id,
+      className: (0, _ui.styles)(style.box, style.rate, amount && style.selected)
+    }, /*#__PURE__*/_react.default.createElement(_ui.View, {
+      row: true,
+      className: style.header
+    }, /*#__PURE__*/_react.default.createElement(_ui.Text, {
+      lighten: true,
+      small: true,
+      upperCase: true
+    }, boardName), discount.percentage > 0 && /*#__PURE__*/_react.default.createElement(_components.Discount, rate)), /*#__PURE__*/_react.default.createElement(_ui.View, {
+      row: isDesktop,
+      className: style.content
+    }, /*#__PURE__*/_react.default.createElement(_ui.View, {
+      className: style.texts
+    }, /*#__PURE__*/_react.default.createElement(_ui.Text, {
+      bold: true,
+      headline: true,
+      level: 3
+    }, name), included.length > 0 && /*#__PURE__*/_react.default.createElement(_ui.View, null, included.slice(0, expandedRate.includes(id) ? 3 : 1).map(function (item, index) {
+      return /*#__PURE__*/_react.default.createElement(_ui.Text, {
+        key: index,
+        small: true,
+        lighten: true,
+        wide: true
+      }, item, index === 0 && !expandedRate.includes(id) && /*#__PURE__*/_react.default.createElement(_ui.Action, {
+        inline: true,
+        small: true,
+        onPress: function onPress() {
+          return setExpandedRate([].concat(_toConsumableArray(expandedRate), [id]));
+        },
+        className: style.actionExpand
+      }, "More Info"));
+    })), restrictions.length > 0 && /*#__PURE__*/_react.default.createElement(_ui.Notification, {
+      small: true,
+      warning: true
+    }, restrictions[0])), /*#__PURE__*/_react.default.createElement(isDesktop ? _react.default.Fragment : _ui.View, isDesktop ? undefined : {
+      row: true,
+      wide: true
+    }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ui.View, {
+      className: style.prices
+    }, /*#__PURE__*/_react.default.createElement(_ui.Text, {
+      bold: true,
+      headline: true,
+      level: 2
+    }, (0, _locale.currencyFormat)({
+      currency: currency,
+      value: price * (amount || 1)
+    })), /*#__PURE__*/_react.default.createElement(_ui.View, {
+      row: true,
+      className: style.pricePerDay
+    }, /*#__PURE__*/_react.default.createElement(_ui.Text, {
+      tiny: true
+    }, (0, _locale.currencyFormat)({
+      currency: currency,
+      value: dayPrice
+    })), /*#__PURE__*/_react.default.createElement(_ui.Text, {
+      lighten: true,
+      tiny: true
+    }, translate(_Item.L10N.LABEL_PER_UNIT_NIGHT)))), /*#__PURE__*/_react.default.createElement(_ui.InputSelect, {
+      name: "amount",
+      disabledOptions: rateAvailability.map(function (amount) {
+        return amount > availableAmount;
+      }),
+      options: rateAvailability,
+      value: amount,
+      onChange: function onChange(amount) {
+        return _onChange({
+          id: id,
+          amount: parseInt(amount),
+          name: name,
+          price: price,
+          title: title
+        });
+      },
+      className: style.inputSelect
+    })))), /*#__PURE__*/_react.default.createElement(_ui.View, {
+      row: true,
+      className: style.footer
+    }, /*#__PURE__*/_react.default.createElement(_ui.Text, {
+      small: true
+    }, cancellation.hint), /*#__PURE__*/_react.default.createElement(_ui.Pressable, {
+      onPress: function onPress() {
+        return onRateInfo(rate);
+      }
+    }, /*#__PURE__*/_react.default.createElement(_ui.Icon, {
+      value: _helpers.ICON.INFO
+    }))));
+  }), !expanded && /*#__PURE__*/_react.default.createElement(_shared__.ButtonMore, {
+    text: translate(_Item.L10N.ACTION_MORE_RATES),
+    onPress: function onPress() {
+      return setExpanded(true);
+    },
+    className: style.buttonMore
+  }))));
+};
+Item.propTypes = {
+  availability: _propTypes.default.number,
+  id: _propTypes.default.string,
+  images: _propTypes.default.arrayOf(_propTypes.default.shape({
+    alt: _propTypes.default.string,
+    large: _propTypes.default.string,
+    thumbnail: _propTypes.default.string
+  })),
+  expanded: _propTypes.default.bool,
+  name: _propTypes.default.string,
+  rates: _propTypes.default.arrayOf(_propTypes.default.shape({})),
+  selected: _propTypes.default.shape({}),
+  onChange: _propTypes.default.func,
+  onMoreInfo: _propTypes.default.func,
+  onRateInfo: _propTypes.default.func
+};
+Item.displayName = 'Mirai:Core:Rates:Item';
+//# sourceMappingURL=Item.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Item.js","names":["_dataSources","require","_locale","_ui","_Slider","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_components","_Item","style","_shared__","_helpers","_excluded","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_toConsumableArray","arr","_arrayWithoutHoles","_iterableToArray","_unsupportedIterableToArray","_nonIterableSpread","TypeError","iter","Symbol","iterator","Array","from","isArray","_arrayLikeToArray","_extends","assign","bind","target","i","arguments","length","source","apply","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_nonIterableRest","o","minLen","n","toString","slice","constructor","name","test","len","arr2","r","l","t","e","u","a","f","next","done","push","value","return","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Item","exports","_ref","_ref$availability","availability","_ref$images","images","title","_ref$rates","rates","_ref$selected","selected","onChange","onMoreInfo","onRateInfo","others","_useDevice","useDevice","isDesktop","width","_useLocale","useLocale","translate","_useStore","useStore","_useStore$value","_useStore$value2","currency","_useStore$value2$hote","hotel","warningAvailability","previewRef","useRef","_useState","useState","_useState2","expanded","setExpanded","_useState3","_useState4","expandedRate","setExpandedRate","_useState5","_useState6","sliderWidth","setSliderWidth","useEffect","_previewRef$current","current","clientWidth","availableAmount","reduce","total","_ref2","_selected$id","id","amount","createElement","View","className","box","item","row","header","Text","bold","headline","level","small","Notification","error","concat","info","ref","preview","slider","Slider","captions","map","_ref3","alt","height","_ref4","large","thumbnails","_ref5","thumbnail","Features","Amenities","highlight","Action","inline","onPress","L10N","ACTION_MORE_INFO","styles","wide","rate","undefined","boardName","_rate$cancellation","cancellation","_rate$discount","discount","_rate$included","included","dayPrice","price","_rate$restrictions","restrictions","_rate$amount","_rate$amount2","_rate$amount3","_rate$amount3$","min","_rate$amount3$2","max","_ref6","_ref6$amount","rateAvailability","_","index","lighten","upperCase","percentage","Discount","content","texts","includes","actionExpand","warning","React","Fragment","prices","currencyFormat","pricePerDay","tiny","LABEL_PER_UNIT_NIGHT","InputSelect","disabledOptions","options","parseInt","inputSelect","footer","hint","Pressable","Icon","ICON","INFO","ButtonMore","text","ACTION_MORE_RATES","buttonMore","propTypes","PropTypes","number","string","arrayOf","shape","bool","func","displayName"],"sources":["../../../../../src/components/Rates/components/Item/Item.jsx"],"sourcesContent":["import { useStore } from '@mirai/data-sources';\nimport { currencyFormat, useLocale } from '@mirai/locale';\nimport { Action, Icon, InputSelect, Notification, Pressable, styles, Text, useDevice, View } from '@mirai/ui';\nimport { Slider } from '@mirai/ui/build/components/Slider';\nimport PropTypes from 'prop-types';\nimport React, { useRef, useEffect, useState } from 'react';\n\nimport { Amenities, Discount, Features } from './components';\nimport { L10N } from './Item.l10n';\nimport * as style from './Item.module.css';\nimport { ButtonMore } from '../../../__shared__';\nimport { ICON } from '../../../helpers';\n\nconst Item = ({\n  availability = 0,\n  images = [],\n  name: title,\n  rates = [],\n  selected = {},\n  onChange,\n  onMoreInfo,\n  onRateInfo,\n  ...others\n}) => {\n  const { isDesktop, width } = useDevice();\n  const { translate } = useLocale();\n  const { value: { currency, hotel: { warningAvailability = 9999 } } = {} } = useStore();\n  const previewRef = useRef(null);\n\n  const [expanded, setExpanded] = useState(rates.length < 3);\n  const [expandedRate, setExpandedRate] = useState([]);\n  const [sliderWidth, setSliderWidth] = useState(320);\n\n  useEffect(() => {\n    if (previewRef.current) setSliderWidth(previewRef.current?.clientWidth);\n  }, [width]);\n\n  const availableAmount = availability - rates.reduce((total, { id }) => total + (selected[id]?.amount || 0), 0);\n\n  return (\n    <View className={[style.box, style.item, others.className]}>\n      <View row className={style.header}>\n        <Text bold headline level={2} className={style.title}>\n          {title}\n        </Text>\n        <Text small>$$TAX Included</Text>\n        {availability <= warningAvailability && (\n          <Notification error small>{`¡Solo quedan ${availability}!`}</Notification>\n        )}\n      </View>\n\n      <View row={isDesktop} className={style.info}>\n        <View ref={previewRef} className={style.preview}>\n          <View className={style.slider}>\n            <Slider\n              captions={images.map(({ alt }) => alt)}\n              height={220}\n              images={images.map(({ large }) => large)}\n              thumbnails={images.map(({ thumbnail }) => thumbnail)}\n              width={sliderWidth}\n              onChange={() => {}}\n              className={style.slider}\n            />\n          </View>\n          <Features box {...others} />\n          {isDesktop && <Amenities highlight {...others} />}\n          <Action inline onPress={onMoreInfo}>\n            {translate(L10N.ACTION_MORE_INFO)}\n          </Action>\n        </View>\n\n        <View className={styles(style.rates, expanded && style.expanded)} wide>\n          {rates.map((rate = {}) => {\n            const {\n              boardName,\n              cancellation = {},\n              discount = {},\n              included = [],\n              id,\n              name,\n              dayPrice,\n              price,\n              restrictions = [],\n              amount: [min = 1, max = 2] = [],\n            } = rate;\n\n            const { amount = 0 } = selected[id] || {};\n            const rateAvailability = [0, ...Array.from({ length: max - min + 1 }).map((_, index) => index + min)];\n\n            return (\n              <View key={id} className={styles(style.box, style.rate, amount && style.selected)}>\n                <View row className={style.header}>\n                  <Text lighten small upperCase>\n                    {boardName}\n                  </Text>\n                  {discount.percentage > 0 && <Discount {...rate} />}\n                </View>\n\n                <View row={isDesktop} className={style.content}>\n                  <View className={style.texts}>\n                    <Text bold headline level={3}>\n                      {name}\n                    </Text>\n\n                    {included.length > 0 && (\n                      <View>\n                        {included.slice(0, expandedRate.includes(id) ? 3 : 1).map((item, index) => (\n                          <Text key={index} small lighten wide>\n                            {item}\n\n                            {index === 0 && !expandedRate.includes(id) && (\n                              <Action\n                                inline\n                                small\n                                onPress={() => setExpandedRate([...expandedRate, id])}\n                                className={style.actionExpand}\n                              >\n                                More Info\n                              </Action>\n                            )}\n                          </Text>\n                        ))}\n                      </View>\n                    )}\n\n                    {restrictions.length > 0 && (\n                      <Notification small warning>\n                        {restrictions[0]}\n                      </Notification>\n                    )}\n                  </View>\n\n                  {React.createElement(\n                    isDesktop ? React.Fragment : View,\n                    isDesktop ? undefined : { row: true, wide: true },\n                    <>\n                      <View className={style.prices}>\n                        <Text bold headline level={2}>\n                          {currencyFormat({ currency, value: price * (amount || 1) })}\n                        </Text>\n                        <View row className={style.pricePerDay}>\n                          <Text tiny>{currencyFormat({ currency, value: dayPrice })}</Text>\n                          <Text lighten tiny>\n                            {translate(L10N.LABEL_PER_UNIT_NIGHT)}\n                          </Text>\n                        </View>\n                      </View>\n\n                      <InputSelect\n                        name=\"amount\"\n                        disabledOptions={rateAvailability.map((amount) => amount > availableAmount)}\n                        options={rateAvailability}\n                        value={amount}\n                        onChange={(amount) => onChange({ id, amount: parseInt(amount), name, price, title })}\n                        className={style.inputSelect}\n                      />\n                    </>,\n                  )}\n                </View>\n\n                <View row className={style.footer}>\n                  <Text small>{cancellation.hint}</Text>\n                  <Pressable onPress={() => onRateInfo(rate)}>\n                    <Icon value={ICON.INFO} />\n                  </Pressable>\n                </View>\n              </View>\n            );\n          })}\n\n          {!expanded && (\n            <ButtonMore\n              text={translate(L10N.ACTION_MORE_RATES)}\n              onPress={() => setExpanded(true)}\n              className={style.buttonMore}\n            />\n          )}\n        </View>\n      </View>\n    </View>\n  );\n};\n\nItem.propTypes = {\n  availability: PropTypes.number,\n  id: PropTypes.string,\n  images: PropTypes.arrayOf(\n    PropTypes.shape({\n      alt: PropTypes.string,\n      large: PropTypes.string,\n      thumbnail: PropTypes.string,\n    }),\n  ),\n  expanded: PropTypes.bool,\n  name: PropTypes.string,\n  rates: PropTypes.arrayOf(PropTypes.shape({})),\n  selected: PropTypes.shape({}),\n  onChange: PropTypes.func,\n  onMoreInfo: PropTypes.func,\n  onRateInfo: PropTypes.func,\n};\n\nItem.displayName = 'Mirai:Core:Rates:Item';\n\nexport { Item };\n"],"mappings":"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"}

package/build/components/Rates/components/Item/Item.l10n.js

@@ -0,0 +1,64 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.L10N = void 0;
+var L10N = exports.L10N = {
+  ACTION_MORE_INFO: {
+    id: 'common.action.more_info'
+  },
+  ACTION_MORE_RATES: {
+    id: 'finder.action.more_rates'
+  },
+  LABEL_BED_DISPOSITION: {
+    id: 'finder.label.bed_disposition'
+  },
+  LABEL_BED_TYPE: {
+    1: {
+      id: 'finder.label.bed_type_single'
+    },
+    2: {
+      id: 'finder.label.bed_type_double'
+    }
+  },
+  LABEL_CANCELLATION_POLICY: {
+    id: 'common.label.cancellation_policy'
+  },
+  LABEL_DISCOUNT: {
+    id: 'finder.label.discount'
+  },
+  LABEL_DISCOUNT_INCLUDED: {
+    id: 'finder.label.discount_included'
+  },
+  LABEL_DISCOUNT_TYPE: {
+    0: {
+      id: 'finder.label.discount_club'
+    },
+    1: {
+      id: 'finder.label.discount_deal'
+    },
+    2: {
+      id: 'finder.label.discount_promotion'
+    }
+  },
+  LABEL_MORE_SERVICES: {
+    id: 'finder.label.more_services'
+  },
+  LABEL_OR: {
+    id: 'common.label.or'
+  },
+  LABEL_ORIGINAL_PRICE: {
+    id: 'finder.label.original_price'
+  },
+  LABEL_PAYMENT_TERMS: {
+    id: 'common.label.payment_terms'
+  },
+  LABEL_PER_UNIT_NIGHT: {
+    id: 'finder.label.per_unit_night'
+  },
+  LABEL_TOP_AMENITIES: {
+    id: 'finder.label.top_amenities'
+  }
+};
+//# sourceMappingURL=Item.l10n.js.map

package/build/components/Rates/components/Item/Item.l10n.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Item.l10n.js","names":["L10N","exports","ACTION_MORE_INFO","id","ACTION_MORE_RATES","LABEL_BED_DISPOSITION","LABEL_BED_TYPE","LABEL_CANCELLATION_POLICY","LABEL_DISCOUNT","LABEL_DISCOUNT_INCLUDED","LABEL_DISCOUNT_TYPE","LABEL_MORE_SERVICES","LABEL_OR","LABEL_ORIGINAL_PRICE","LABEL_PAYMENT_TERMS","LABEL_PER_UNIT_NIGHT","LABEL_TOP_AMENITIES"],"sources":["../../../../../src/components/Rates/components/Item/Item.l10n.js"],"sourcesContent":["export const L10N = {\n  ACTION_MORE_INFO: { id: 'common.action.more_info' },\n  ACTION_MORE_RATES: { id: 'finder.action.more_rates' },\n\n  LABEL_BED_DISPOSITION: { id: 'finder.label.bed_disposition' },\n  LABEL_BED_TYPE: {\n    1: { id: 'finder.label.bed_type_single' },\n    2: { id: 'finder.label.bed_type_double' },\n  },\n  LABEL_CANCELLATION_POLICY: { id: 'common.label.cancellation_policy' },\n  LABEL_DISCOUNT: { id: 'finder.label.discount' },\n  LABEL_DISCOUNT_INCLUDED: { id: 'finder.label.discount_included' },\n  LABEL_DISCOUNT_TYPE: {\n    0: { id: 'finder.label.discount_club' },\n    1: { id: 'finder.label.discount_deal' },\n    2: { id: 'finder.label.discount_promotion' },\n  },\n  LABEL_MORE_SERVICES: { id: 'finder.label.more_services' },\n  LABEL_OR: { id: 'common.label.or' },\n  LABEL_ORIGINAL_PRICE: { id: 'finder.label.original_price' },\n  LABEL_PAYMENT_TERMS: { id: 'common.label.payment_terms' },\n  LABEL_PER_UNIT_NIGHT: { id: 'finder.label.per_unit_night' },\n  LABEL_TOP_AMENITIES: { id: 'finder.label.top_amenities' },\n};\n"],"mappings":";;;;;;AAAO,IAAMA,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG;EAClBE,gBAAgB,EAAE;IAAEC,EAAE,EAAE;EAA0B,CAAC;EACnDC,iBAAiB,EAAE;IAAED,EAAE,EAAE;EAA2B,CAAC;EAErDE,qBAAqB,EAAE;IAAEF,EAAE,EAAE;EAA+B,CAAC;EAC7DG,cAAc,EAAE;IACd,CAAC,EAAE;MAAEH,EAAE,EAAE;IAA+B,CAAC;IACzC,CAAC,EAAE;MAAEA,EAAE,EAAE;IAA+B;EAC1C,CAAC;EACDI,yBAAyB,EAAE;IAAEJ,EAAE,EAAE;EAAmC,CAAC;EACrEK,cAAc,EAAE;IAAEL,EAAE,EAAE;EAAwB,CAAC;EAC/CM,uBAAuB,EAAE;IAAEN,EAAE,EAAE;EAAiC,CAAC;EACjEO,mBAAmB,EAAE;IACnB,CAAC,EAAE;MAAEP,EAAE,EAAE;IAA6B,CAAC;IACvC,CAAC,EAAE;MAAEA,EAAE,EAAE;IAA6B,CAAC;IACvC,CAAC,EAAE;MAAEA,EAAE,EAAE;IAAkC;EAC7C,CAAC;EACDQ,mBAAmB,EAAE;IAAER,EAAE,EAAE;EAA6B,CAAC;EACzDS,QAAQ,EAAE;IAAET,EAAE,EAAE;EAAkB,CAAC;EACnCU,oBAAoB,EAAE;IAAEV,EAAE,EAAE;EAA8B,CAAC;EAC3DW,mBAAmB,EAAE;IAAEX,EAAE,EAAE;EAA6B,CAAC;EACzDY,oBAAoB,EAAE;IAAEZ,EAAE,EAAE;EAA8B,CAAC;EAC3Da,mBAAmB,EAAE;IAAEb,EAAE,EAAE;EAA6B;AAC1D,CAAC"}

package/build/components/Rates/components/Item/Item.module.css

@@ -0,0 +1,135 @@
+.item .header {
+  justify-content: space-between;
+  gap: var(--mirai-ui-space-M);
+}
+
+.item .header .title {
+  flex: 1;
+}
+
+.item,
+.item .preview,
+.item .rates {
+  gap: var(--mirai-ui-space-M);
+}
+
+.item .info {
+  align-items: stretch;
+  gap: var(--mirai-ui-space-L);
+}
+
+.item .info .preview {
+  max-width: calc(var(--mirai-ui-breakpoint-S) - var(--mirai-ui-space-M) * 4);
+  top: 0;
+  width: 100%;
+}
+
+.item .info .preview .slider {
+  background-color: var(--mirai-ui-content-background);
+  border-radius: var(--mirai-ui-border-radius);
+  width: 100%;
+}
+
+.item .rates {
+  overflow: hidden;
+  position: relative;
+}
+
+.item .rates.expanded {
+  max-height: 100%;
+  overflow: visible;
+}
+
+.item .rate {
+  gap: var(--mirai-ui-space-S);
+}
+
+.item .rate.selected {
+  box-shadow: inset 0 0 0 1px var(--mirai-ui-accent);
+}
+
+.item .rate .content {
+  align-items: flex-start;
+}
+
+.item .rate .texts {
+  flex: 1;
+  gap: var(--mirai-ui-space-XS);
+}
+
+.item .rate .actionExpand {
+  display: inline;
+  margin-left: calc(var(--mirai-ui-space-XS) / 2);
+}
+
+.item .rate .prices {
+  gap: var(--mirai-ui-space-XS);
+}
+
+.item .rate .pricePerDay {
+  gap: calc(var(--mirai-ui-space-XS) / 2);
+  width: max-content;
+}
+
+.item .rate .inputSelect {
+  margin-bottom: 0;
+  max-width: calc(var(--mirai-ui-space-XXL) + var(--mirai-ui-space-M));
+  min-width: calc(var(--mirai-ui-space-XXL) + var(--mirai-ui-space-M));
+}
+
+.item .rate .footer {
+  border-top: solid 1px var(--mirai-ui-content-border);
+  gap: var(--mirai-ui-space-XS);
+  padding-top: var(--mirai-ui-space-M);
+}
+
+/* -- common */
+.box {
+  background-color: var(--mirai-ui-base);
+  border-radius: var(--mirai-ui-border-radius);
+  box-shadow: inset 0 0 0 1px var(--mirai-ui-content-border);
+  padding: var(--mirai-ui-space-M);
+}
+
+/* S & M */
+@media only screen and (max-width: 820px) {
+  .item .rates {
+    max-height: 55svh;
+  }
+
+  .item .rate .content {
+    gap: var(--mirai-ui-space-M);
+  }
+
+  .item .rate .prices {
+    flex: 2;
+    margin-right: var(--mirai-ui-space-M);
+  }
+
+  .buttonMore {
+    height: calc(var(--mirai-ui-space-XL) * 3);
+  }
+}
+
+/* L */
+@media only screen and (min-width: 821px) {
+  .item .rates {
+    max-height: 600px;
+  }
+
+  .item .rate .content {
+    gap: var(--mirai-ui-space-L);
+  }
+
+  .item .rate:hover {
+    box-shadow: inset 0 0 0 1px var(--mirai-ui-accent);
+  }
+
+  .item .rate .prices {
+    align-items: flex-end;
+  }
+
+  .buttonMore {
+    height: calc(calc(var(--mirai-ui-space-XL) * 3) + var(--mirai-ui-space-M));
+  }
+}

package/build/components/Rates/components/Item/components/Amenities/Amenities.js

@@ -0,0 +1,60 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Amenities = void 0;
+var _ui = require("@mirai/ui");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireDefault(require("react"));
+var style = _interopRequireWildcard(require("./Amenities.module.css"));
+var _helpers = require("../../../../../helpers");
+var _excluded = ["amenities", "highlight"];
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var Amenities = exports.Amenities = function Amenities(_ref) {
+  var _ref$amenities = _ref.amenities,
+    amenities = _ref$amenities === void 0 ? [] : _ref$amenities,
+    _ref$highlight = _ref.highlight,
+    highlight = _ref$highlight === void 0 ? false : _ref$highlight,
+    others = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_ui.View, {
+    row: highlight,
+    className: (0, _ui.styles)(style.amenities, highlight ? style.highlight : style.columns, others.className)
+  }, amenities.filter(function () {
+    var item = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    return !highlight && !item.highlight || highlight && item.highlight;
+  }).map(function () {
+    var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+      id = _ref2.id,
+      text = _ref2.text;
+    var index = arguments.length > 1 ? arguments[1] : undefined;
+    return /*#__PURE__*/_react.default.createElement(_ui.View, {
+      key: index,
+      row: !highlight
+    }, highlight ? /*#__PURE__*/_react.default.createElement(_ui.Icon, {
+      value: _helpers.ICON[id] || _helpers.ICON.AMENITY,
+      headline: true,
+      level: 1
+    }) : /*#__PURE__*/_react.default.createElement(_ui.Text, null, "\u2022"), /*#__PURE__*/_react.default.createElement(_ui.Text, {
+      tiny: highlight,
+      small: !highlight,
+      className: style.text
+    }, text));
+  }));
+};
+Amenities.propTypes = {
+  amenities: _propTypes.default.arrayOf(_propTypes.default.shape({
+    exclusive: _propTypes.default.bool,
+    highlight: _propTypes.default.bool,
+    id: _propTypes.default.number,
+    text: _propTypes.default.string
+  })),
+  highlight: _propTypes.default.bool
+};
+Amenities.displayName = 'Mirai:Core:Rates:Item.Amenities';
+//# sourceMappingURL=Amenities.js.map

package/build/components/Rates/components/Item/components/Amenities/Amenities.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Amenities.js","names":["_ui","require","_propTypes","_interopRequireDefault","_react","style","_interopRequireWildcard","_helpers","_excluded","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_objectWithoutProperties","source","excluded","target","_objectWithoutPropertiesLoose","i","getOwnPropertySymbols","sourceSymbolKeys","length","indexOf","propertyIsEnumerable","sourceKeys","keys","Amenities","exports","_ref","_ref$amenities","amenities","_ref$highlight","highlight","others","createElement","View","row","className","styles","columns","filter","item","arguments","undefined","map","_ref2","id","text","index","Icon","value","ICON","AMENITY","headline","level","Text","tiny","small","propTypes","PropTypes","arrayOf","shape","exclusive","bool","number","string","displayName"],"sources":["../../../../../../../src/components/Rates/components/Item/components/Amenities/Amenities.jsx"],"sourcesContent":["import { Icon, styles, Text, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nimport * as style from './Amenities.module.css';\nimport { ICON } from '../../../../../helpers';\n\nconst Amenities = ({ amenities = [], highlight = false, ...others }) => (\n  <View\n    row={highlight}\n    className={styles(style.amenities, highlight ? style.highlight : style.columns, others.className)}\n  >\n    {amenities\n      .filter((item = {}) => (!highlight && !item.highlight) || (highlight && item.highlight))\n      .map(({ id, text } = {}, index) => (\n        <View key={index} row={!highlight}>\n          {highlight ? <Icon value={ICON[id] || ICON.AMENITY} headline level={1} /> : <Text>•</Text>}\n          <Text tiny={highlight} small={!highlight} className={style.text}>\n            {text}\n          </Text>\n        </View>\n      ))}\n  </View>\n);\n\nAmenities.propTypes = {\n  amenities: PropTypes.arrayOf(\n    PropTypes.shape({\n      exclusive: PropTypes.bool,\n      highlight: PropTypes.bool,\n      id: PropTypes.number,\n      text: PropTypes.string,\n    }),\n  ),\n  highlight: PropTypes.bool,\n};\n\nAmenities.displayName = 'Mirai:Core:Rates:Item.Amenities';\n\nexport { Amenities };\n"],"mappings":"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"}

package/build/components/Rates/components/Item/components/Amenities/Amenities.module.css

@@ -0,0 +1,27 @@
+.amenities {
+  align-items: flex-start;
+  flex-wrap: wrap;
+  flex-direction: row;
+  /* justify-content: space-between; */
+}
+
+.amenities > * {
+  align-items: center;
+}
+
+.columns > * {
+  flex-basis: 45%;
+}
+
+.highlight {
+  gap: var(--mirai-ui-space-S) 3.3%;
+  padding: 0 var(--mirai-ui-space-XS);
+}
+
+.highlight > * {
+  flex-basis: 22.5%;
+}
+
+.highlight .text {
+  text-align: center;
+}