@mirai/core 0.3.52 → 0.3.53

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

@@ -0,0 +1,127 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Preview = void 0;
+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 _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 Preview = _ref => {
+  let {
+    images = [],
+    media: {
+      url3D,
+      urlVideo
+    } = {},
+    onMoreInfo,
+    onViewUrl = () => {},
+    ...others
+  } = _ref;
+  const {
+    isDesktop,
+    width
+  } = (0, _ui.useDevice)();
+  const {
+    translate
+  } = (0, _locale.useLocale)();
+  const ref = (0, _react.useRef)(null);
+  const [sliderWidth, setSliderWidth] = (0, _react.useState)(320);
+  (0, _react.useEffect)(() => {
+    var _ref$current;
+    if (ref.current) setSliderWidth((_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.clientWidth);
+  }, [width]);
+  return /*#__PURE__*/_react.default.createElement(_ui.View, {
+    ref: ref,
+    className: style.preview
+  }, /*#__PURE__*/_react.default.createElement(_ui.View, {
+    className: style.slider
+  }, /*#__PURE__*/_react.default.createElement(_Slider.Slider, {
+    captions: images.map(_ref2 => {
+      let {
+        alt
+      } = _ref2;
+      return alt;
+    }),
+    height: 220,
+    images: images.map(_ref3 => {
+      let {
+        large
+      } = _ref3;
+      return large;
+    }),
+    thumbnails: images.map(_ref4 => {
+      let {
+        thumbnail
+      } = _ref4;
+      return thumbnail;
+    }),
+    width: sliderWidth,
+    onChange: () => {},
+    className: style.slider
+  }), (url3D || urlVideo) && /*#__PURE__*/_react.default.createElement(_ui.View, {
+    row: true,
+    className: style.buttons
+  }, urlVideo && /*#__PURE__*/_react.default.createElement(_ui.Button, {
+    rounded: true,
+    squared: true,
+    tooltip: translate(_Item.L10N.LABEL_VIEW_VIDEO),
+    transparent: true,
+    onPress: () => onViewUrl({
+      title: translate(_Item.L10N.LABEL_VIEW_VIDEO),
+      url: urlVideo
+    }),
+    className: style.button
+  }, /*#__PURE__*/_react.default.createElement(_ui.Icon, {
+    headline: true,
+    level: 2,
+    value: _helpers.ICON.PLAY
+  })), url3D && /*#__PURE__*/_react.default.createElement(_ui.Button, {
+    rounded: true,
+    squared: true,
+    tooltip: translate(_Item.L10N.LABEL_3D_VIEW),
+    transparent: true,
+    onPress: () => onViewUrl({
+      title: translate(_Item.L10N.LABEL_3D_VIEW),
+      url: url3D
+    }),
+    className: style.button
+  }, /*#__PURE__*/_react.default.createElement(_ui.Icon, {
+    headline: true,
+    level: 2,
+    value: _helpers.ICON.THREE_D
+  })))), /*#__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)));
+};
+exports.Preview = Preview;
+Preview.propTypes = {
+  images: _propTypes.default.arrayOf(_propTypes.default.shape({
+    alt: _propTypes.default.string,
+    large: _propTypes.default.string,
+    thumbnail: _propTypes.default.string
+  })),
+  media: _propTypes.default.shape({
+    url3D: _propTypes.default.string,
+    urlVideo: _propTypes.default.string
+  }),
+  onMoreInfo: _propTypes.default.func,
+  onViewUrl: _propTypes.default.func
+};
+Preview.displayName = 'Mirai:Core:Rates:Item.Preview';
+//# sourceMappingURL=Item.Preview.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Item.Preview.js","names":["_locale","require","_ui","_Slider","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_components","_Item","style","_helpers","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","_extends","assign","bind","target","arguments","length","source","key","apply","Preview","_ref","images","media","url3D","urlVideo","onMoreInfo","onViewUrl","others","isDesktop","width","useDevice","translate","useLocale","ref","useRef","sliderWidth","setSliderWidth","useState","useEffect","_ref$current","current","clientWidth","createElement","View","className","preview","slider","Slider","captions","map","_ref2","alt","height","_ref3","large","thumbnails","_ref4","thumbnail","onChange","row","buttons","Button","rounded","squared","tooltip","L10N","LABEL_VIEW_VIDEO","transparent","onPress","title","url","button","Icon","headline","level","value","ICON","PLAY","LABEL_3D_VIEW","THREE_D","Features","box","Amenities","highlight","Action","inline","ACTION_MORE_INFO","exports","propTypes","PropTypes","arrayOf","shape","string","func","displayName"],"sources":["../../../../../src/components/Rates/components/Item/Item.Preview.jsx"],"sourcesContent":["import { useLocale } from '@mirai/locale';\nimport { Action, Button, Icon, 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, Features } from './components';\nimport { L10N } from './Item.l10n';\nimport * as style from './Item.module.css';\nimport { ICON } from '../../../helpers';\n\nconst Preview = ({ images = [], media: { url3D, urlVideo } = {}, onMoreInfo, onViewUrl = () => {}, ...others }) => {\n  const { isDesktop, width } = useDevice();\n  const { translate } = useLocale();\n  const ref = useRef(null);\n\n  const [sliderWidth, setSliderWidth] = useState(320);\n\n  useEffect(() => {\n    if (ref.current) setSliderWidth(ref.current?.clientWidth);\n  }, [width]);\n\n  return (\n    <View ref={ref} 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\n        {(url3D || urlVideo) && (\n          <View row className={style.buttons}>\n            {urlVideo && (\n              <Button\n                rounded\n                squared\n                tooltip={translate(L10N.LABEL_VIEW_VIDEO)}\n                transparent\n                onPress={() => onViewUrl({ title: translate(L10N.LABEL_VIEW_VIDEO), url: urlVideo })}\n                className={style.button}\n              >\n                <Icon headline level={2} value={ICON.PLAY} />\n              </Button>\n            )}\n\n            {url3D && (\n              <Button\n                rounded\n                squared\n                tooltip={translate(L10N.LABEL_3D_VIEW)}\n                transparent\n                onPress={() => onViewUrl({ title: translate(L10N.LABEL_3D_VIEW), url: url3D })}\n                className={style.button}\n              >\n                <Icon headline level={2} value={ICON.THREE_D} />\n              </Button>\n            )}\n          </View>\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};\n\nPreview.propTypes = {\n  images: PropTypes.arrayOf(\n    PropTypes.shape({\n      alt: PropTypes.string,\n      large: PropTypes.string,\n      thumbnail: PropTypes.string,\n    }),\n  ),\n  media: PropTypes.shape({\n    url3D: PropTypes.string,\n    urlVideo: PropTypes.string,\n  }),\n  onMoreInfo: PropTypes.func,\n  onViewUrl: PropTypes.func,\n};\n\nPreview.displayName = 'Mirai:Core:Rates:Item.Preview';\n\nexport { Preview };\n"],"mappings":"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"}

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

@@ -0,0 +1,185 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Rates = 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 = _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");
+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 Rates = _ref => {
+  let {
+    availability = 0,
+    filter = {},
+    occupation = [],
+    rates = [],
+    selected = {},
+    onChange,
+    onRateInfo
+  } = _ref;
+  const {
+    isDesktop
+  } = (0, _ui.useDevice)();
+  const {
+    translate
+  } = (0, _locale.useLocale)();
+  const {
+    value: {
+      currency
+    } = {}
+  } = (0, _dataSources.useStore)();
+  const [expanded, setExpanded] = (0, _react.useState)(rates.length < 3);
+  const [expandedRate, setExpandedRate] = (0, _react.useState)([]);
+  const availableAmount = availability - rates.reduce((total, _ref2) => {
+    var _selected$id;
+    let {
+      id
+    } = _ref2;
+    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: (0, _ui.styles)(style.rates, expanded && style.expanded),
+    wide: true
+  }, rates.filter(function () {
+    let rate = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    return filter.board ? rate.boardName === filter.board : true;
+  }).map(function () {
+    let rate = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    const {
+      basePrice,
+      boardName,
+      cancellation = {},
+      discount = {},
+      included = [],
+      id,
+      name,
+      dayPrice,
+      price,
+      restrictions = [],
+      amount: [min = 1, max = 2] = []
+    } = rate;
+    const {
+      amount = 0
+    } = selected[id] || {};
+    const rateAvailability = [0, ...Array.from({
+      length: max - min + 1
+    }).map((_, index) => index + min)];
+    const expandedContent = included.length === 1 || expandedRate.includes(id);
+    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, expandedContent ? undefined : 1).map((item, index) => /*#__PURE__*/_react.default.createElement(_ui.Text, {
+      key: index,
+      small: true,
+      lighten: true,
+      wide: true
+    }, item, index === 0 && !expandedContent && /*#__PURE__*/_react.default.createElement(_ui.Action, {
+      inline: true,
+      small: true,
+      onPress: () => setExpandedRate([...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,
+      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,
+      value: dayPrice
+    })), /*#__PURE__*/_react.default.createElement(_ui.Text, {
+      lighten: true,
+      tiny: true
+    }, translate(_Item.L10N.LABEL_PER_UNIT_NIGHT)))), occupation.length === 1 ? /*#__PURE__*/_react.default.createElement(_ui.Button, {
+      large: true,
+      secondary: amount > 0,
+      onPress: () => onChange({
+        id,
+        amount: amount > 0 ? 0 : 1,
+        basePrice,
+        price,
+        standalone: true
+      }),
+      className: style.button
+    }, translate(amount > 0 ? _Item.L10N.LABEL_DESELECT : _Item.L10N.LABEL_SELECT)) : /*#__PURE__*/_react.default.createElement(_ui.InputSelect, {
+      name: "amount",
+      disabledOptions: rateAvailability.map(amount => amount > availableAmount),
+      options: rateAvailability,
+      value: amount,
+      onChange: amount => onChange({
+        id,
+        amount: parseInt(amount),
+        basePrice,
+        price
+      }),
+      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: () => 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: () => setExpanded(true),
+    className: style.buttonMore
+  }));
+};
+exports.Rates = Rates;
+Rates.displayName = 'Mirai:Core:Rates:Item.Rates';
+Rates.propTypes = {
+  availability: _propTypes.default.number,
+  filter: _propTypes.default.shape({
+    board: _propTypes.default.string
+  }),
+  occupation: _propTypes.default.arrayOf(_propTypes.default.array),
+  rates: _propTypes.default.arrayOf(_propTypes.default.shape({})),
+  selected: _propTypes.default.shape({}),
+  onChange: _propTypes.default.func,
+  onRateInfo: _propTypes.default.func
+};
+//# sourceMappingURL=Item.Rates.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Item.Rates.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_components","_Item","style","_shared__","_helpers","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","Rates","_ref","availability","filter","occupation","rates","selected","onChange","onRateInfo","isDesktop","useDevice","translate","useLocale","value","currency","useStore","expanded","setExpanded","useState","length","expandedRate","setExpandedRate","availableAmount","reduce","total","_ref2","_selected$id","id","amount","createElement","View","className","styles","wide","rate","arguments","undefined","board","boardName","map","basePrice","cancellation","discount","included","name","dayPrice","price","restrictions","min","max","rateAvailability","Array","from","_","index","expandedContent","includes","key","box","row","header","Text","lighten","small","upperCase","percentage","Discount","content","texts","bold","headline","level","slice","item","Action","inline","onPress","actionExpand","Notification","warning","React","Fragment","prices","currencyFormat","pricePerDay","tiny","L10N","LABEL_PER_UNIT_NIGHT","Button","large","secondary","standalone","button","LABEL_DESELECT","LABEL_SELECT","InputSelect","disabledOptions","options","parseInt","inputSelect","footer","hint","Pressable","Icon","ICON","INFO","ButtonMore","text","ACTION_MORE_RATES","buttonMore","exports","displayName","propTypes","PropTypes","number","shape","string","arrayOf","array","func"],"sources":["../../../../../src/components/Rates/components/Item/Item.Rates.jsx"],"sourcesContent":["import { useStore } from '@mirai/data-sources';\nimport { currencyFormat, useLocale } from '@mirai/locale';\nimport { Action, Button, Icon, InputSelect, Notification, Pressable, styles, Text, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useState } from 'react';\n\nimport { Discount } from './components';\nimport { L10N } from './Item.l10n';\nimport * as style from './Item.module.css';\nimport { ButtonMore } from '../../../__shared__';\nimport { ICON } from '../../../helpers';\n\nconst Rates = ({ availability = 0, filter = {}, occupation = [], rates = [], selected = {}, onChange, onRateInfo }) => {\n  const { isDesktop } = useDevice();\n  const { translate } = useLocale();\n  const { value: { currency } = {} } = useStore();\n\n  const [expanded, setExpanded] = useState(rates.length < 3);\n  const [expandedRate, setExpandedRate] = useState([]);\n\n  const availableAmount = availability - rates.reduce((total, { id }) => total + (selected[id]?.amount || 0), 0);\n\n  return (\n    <View className={styles(style.rates, expanded && style.expanded)} wide>\n      {rates\n        .filter((rate = {}) => (filter.board ? rate.boardName === filter.board : true))\n        .map((rate = {}) => {\n          const {\n            basePrice,\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          const expandedContent = included.length === 1 || expandedRate.includes(id);\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, expandedContent ? undefined : 1).map((item, index) => (\n                        <Text key={index} small lighten wide>\n                          {item}\n\n                          {index === 0 && !expandedContent && (\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                    {occupation.length === 1 ? (\n                      <Button\n                        large\n                        secondary={amount > 0}\n                        onPress={() => onChange({ id, amount: amount > 0 ? 0 : 1, basePrice, price, standalone: true })}\n                        className={style.button}\n                      >\n                        {translate(amount > 0 ? L10N.LABEL_DESELECT : L10N.LABEL_SELECT)}\n                      </Button>\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), basePrice, price })}\n                        className={style.inputSelect}\n                      />\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  );\n};\n\nRates.displayName = 'Mirai:Core:Rates:Item.Rates';\n\nRates.propTypes = {\n  availability: PropTypes.number,\n  filter: PropTypes.shape({\n    board: PropTypes.string,\n  }),\n  occupation: PropTypes.arrayOf(PropTypes.array),\n  rates: PropTypes.arrayOf(PropTypes.shape({})),\n  selected: PropTypes.shape({}),\n  onChange: PropTypes.func,\n  onRateInfo: PropTypes.func,\n};\n\nexport { Rates };\n"],"mappings":"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"}

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

@@ -7,14 +7,12 @@ 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 _react = _interopRequireDefault(require("react"));
 var _Item = require("./Item.l10n");
 var style = _interopRequireWildcard(require("./Item.module.css"));
-var _shared__ = require("../../../__shared__");
-var _helpers = require("../../../helpers");
+var _Item2 = require("./Item.Preview");
+var _Item3 = require("./Item.Rates");
 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 }; }
@@ -22,48 +20,24 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 const Item = _ref => {
   let {
     availability = 0,
-    filter = {},
-    images = [],
     name: title,
-    occupation = [],
-    rates = [],
-    selected = {},
     taxes,
-    onChange,
-    onMoreInfo,
-    onRateInfo,
     ...others
   } = _ref;
   const {
     isDesktop,
-    width
+    isMobile
   } = (0, _ui.useDevice)();
   const {
     translate
   } = (0, _locale.useLocale)();
   const {
     value: {
-      currency,
       hotel: {
         warningAvailability = 9999
       }
     } = {}
   } = (0, _dataSources.useStore)();
-  const previewRef = (0, _react.useRef)(null);
-  const [expanded, setExpanded] = (0, _react.useState)(rates.length < 3);
-  const [expandedRate, setExpandedRate] = (0, _react.useState)([]);
-  const [sliderWidth, setSliderWidth] = (0, _react.useState)(320);
-  (0, _react.useEffect)(() => {
-    var _previewRef$current;
-    if (previewRef.current) setSliderWidth((_previewRef$current = previewRef.current) === null || _previewRef$current === void 0 ? void 0 : _previewRef$current.clientWidth);
-  }, [width]);
-  const availableAmount = availability - rates.reduce((total, _ref2) => {
-    var _selected$id;
-    let {
-      id
-    } = _ref2;
-    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, {
@@ -74,7 +48,7 @@ const Item = _ref => {
     headline: true,
     level: 2,
     className: style.title
-  }, title), /*#__PURE__*/_react.default.createElement(_ui.Text, {
+  }, title), !isMobile && /*#__PURE__*/_react.default.createElement(_ui.Text, {
     small: true
   }, translate(taxes ? _Item.L10N.LABEL_EXCLUDES_TAXES_FEES : _Item.L10N.LABEL_INCLUDES_TAXES_FEES)), availability <= warningAvailability && /*#__PURE__*/_react.default.createElement(_ui.Notification, {
     error: true,
@@ -84,162 +58,9 @@ const Item = _ref => {
   }))), /*#__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(_ref3 => {
-      let {
-        alt
-      } = _ref3;
-      return alt;
-    }),
-    height: 220,
-    images: images.map(_ref4 => {
-      let {
-        large
-      } = _ref4;
-      return large;
-    }),
-    thumbnails: images.map(_ref5 => {
-      let {
-        thumbnail
-      } = _ref5;
-      return thumbnail;
-    }),
-    width: sliderWidth,
-    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.filter(function () {
-    let rate = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    return filter.board ? rate.boardName === filter.board : true;
-  }).map(function () {
-    let rate = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    const {
-      basePrice,
-      boardName,
-      cancellation = {},
-      discount = {},
-      included = [],
-      id,
-      name,
-      dayPrice,
-      price,
-      restrictions = [],
-      amount: [min = 1, max = 2] = []
-    } = rate;
-    const {
-      amount = 0
-    } = selected[id] || {};
-    const rateAvailability = [0, ...Array.from({
-      length: max - min + 1
-    }).map((_, index) => index + min)];
-    const expandedContent = included.length === 1 || expandedRate.includes(id);
-    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, expandedContent ? undefined : 1).map((item, index) => /*#__PURE__*/_react.default.createElement(_ui.Text, {
-      key: index,
-      small: true,
-      lighten: true,
-      wide: true
-    }, item, index === 0 && !expandedContent && /*#__PURE__*/_react.default.createElement(_ui.Action, {
-      inline: true,
-      small: true,
-      onPress: () => setExpandedRate([...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,
-      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,
-      value: dayPrice
-    })), /*#__PURE__*/_react.default.createElement(_ui.Text, {
-      lighten: true,
-      tiny: true
-    }, translate(_Item.L10N.LABEL_PER_UNIT_NIGHT)))), occupation.length === 1 ? /*#__PURE__*/_react.default.createElement(_ui.Button, {
-      large: true,
-      secondary: amount > 0,
-      onPress: () => onChange({
-        id,
-        amount: amount > 0 ? 0 : 1,
-        basePrice,
-        price,
-        standalone: true
-      }),
-      className: style.button
-    }, translate(amount > 0 ? _Item.L10N.LABEL_DESELECT : _Item.L10N.LABEL_SELECT)) : /*#__PURE__*/_react.default.createElement(_ui.InputSelect, {
-      name: "amount",
-      disabledOptions: rateAvailability.map(amount => amount > availableAmount),
-      options: rateAvailability,
-      value: amount,
-      onChange: amount => onChange({
-        id,
-        amount: parseInt(amount),
-        basePrice,
-        price
-      }),
-      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: () => 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: () => setExpanded(true),
-    className: style.buttonMore
-  }))));
+  }, /*#__PURE__*/_react.default.createElement(_Item2.Preview, others), /*#__PURE__*/_react.default.createElement(_Item3.Rates, _extends({
+    availability
+  }, others))));
 };
 exports.Item = Item;
 Item.propTypes = {
@@ -261,7 +82,8 @@ Item.propTypes = {
   taxes: _propTypes.default.string,
   onChange: _propTypes.default.func,
   onMoreInfo: _propTypes.default.func,
-  onRateInfo: _propTypes.default.func
+  onRateInfo: _propTypes.default.func,
+  onViewUrl: _propTypes.default.func
 };
 Item.displayName = 'Mirai:Core:Rates:Item';
 //# sourceMappingURL=Item.js.map