@mirai/core 0.3.326 → 0.3.328

package/build/components/Rates/components/Filters/Filters.js

@@ -0,0 +1,370 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Filters = 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 _Filters = require("./Filters.Amenity");
+var _Filters2 = require("./Filters.BookingOption");
+var _Filters3 = require("./Filters.Button");
+var _Filters4 = require("./Filters.constants");
+var _Filters5 = require("./Filters.l10n");
+var style = _interopRequireWildcard(require("./Filters.module.css"));
+var _helpers = require("./helpers");
+var _helpers2 = require("../../../helpers");
+var _helpers3 = require("../../helpers");
+var _components2 = require("../Item/components");
+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 }; }
+let memoizeForm;
+const Filters = _ref => {
+  let {
+    clubConditions,
+    items = [],
+    onSubmit = () => {},
+    ...others
+  } = _ref;
+  const {
+    isMobile
+  } = (0, _ui.useDevice)();
+  const {
+    translate
+  } = (0, _locale.useLocale)();
+  const {
+    value: {
+      currency,
+      club = {},
+      finder = {},
+      hotel,
+      id,
+      locale,
+      occupation: {
+        maxRooms
+      } = {},
+      session,
+      urlParams: {
+        idoffers,
+        roomTypeId
+      }
+    } = {}
+  } = (0, _dataSources.useStore)();
+  const {
+    discount
+  } = club;
+  const {
+    promocode
+  } = finder;
+  const [allAmenities, setAllAmenities] = (0, _react.useState)(false);
+  const [busy, setBusy] = (0, _react.useState)(false);
+  const [counter, setCounter] = (0, _react.useState)(0);
+  const [filters, setFilters] = (0, _react.useState)((0, _helpers.getAvailableFilters)(items));
+  const [form, setForm] = (0, _react.useState)(_Filters4.DEFAULT_FORM);
+  const [visible, setVisible] = (0, _react.useState)(false);
+  (0, _react.useEffect)(() => {
+    const nextForm = memoizeForm || {
+      ..._Filters4.DEFAULT_FORM,
+      clubDiscount: !session && discount !== undefined ? !!discount : undefined,
+      offer: idoffers ? !!idoffers : undefined,
+      promocode: promocode ? !!promocode : undefined,
+      roomType: roomTypeId ? !!roomTypeId : undefined
+    };
+    setForm(nextForm);
+    setCounter((0, _helpers.countFilters)(nextForm));
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  (0, _react.useEffect)(() => {
+    if (!form.priceRange) return;
+    const nextForm = {
+      ...form,
+      priceRange: undefined
+    };
+    setForm(nextForm);
+    setCounter((0, _helpers.countFilters)(nextForm));
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [currency]);
+  (0, _react.useEffect)(() => {
+    const callback = clubDiscount => {
+      const nextForm = {
+        ...form,
+        clubDiscount
+      };
+      setForm(nextForm);
+      setCounter((0, _helpers.countFilters)(nextForm));
+    };
+    _dataSources.Event.subscribe(_helpers2.EVENT.RATES_FILTER_CLUB, callback);
+    return () => _dataSources.Event.unsubscribe(_helpers2.EVENT.RATES_FILTER_CLUB, callback);
+  }, [form]);
+  (0, _react.useEffect)(() => {
+    const nextFilters = (0, _helpers.getAvailableFilters)(items);
+    if (JSON.stringify(nextFilters) !== JSON.stringify(filters)) setFilters(nextFilters);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [items]);
+  const handleAmenity = (id, value) => setForm({
+    ...form,
+    amenities: value ? [...form.amenities, id] : form.amenities.filter(item => item !== id)
+  });
+  const handleOption = (field, id) => setForm({
+    ...form,
+    [field]: form[field] === id ? undefined : id
+  });
+  const handleBookingOption = async (field, value) => {
+    const next = {
+      ...form,
+      [field]: value
+    };
+    setForm(next);
+    if (field !== 'freeCancellation') {
+      setBusy(true);
+      const {
+        clubDiscount
+      } = next;
+      const strictSearch = (0, _helpers.getStrictSearch)(next);
+      const cart = []; // ! TODO: [MF-2006] Store should get the current cart of <Rates>
+      const params = {
+        cart,
+        club,
+        clubDiscount,
+        finder,
+        hotel,
+        id,
+        locale,
+        maxRooms,
+        session,
+        strictSearch
+      };
+      const {
+        items: nextItems
+      } = (await (0, _helpers3.fetchRates)(params).catch(() => {})) || {};
+      if (nextItems) setFilters((0, _helpers.getAvailableFilters)(nextItems));
+      setBusy(false);
+    }
+  };
+  const handleClearAll = () => {
+    setAllAmenities(false);
+    setForm(_Filters4.DEFAULT_FORM);
+  };
+  const handleSubmit = () => {
+    memoizeForm = form;
+    setVisible(false);
+    setCounter((0, _helpers.countFilters)(form));
+    onSubmit({
+      ...form,
+      strictSearch: (0, _helpers.getStrictSearch)(form)
+    });
+  };
+  const has = {
+    clubDiscount: (discount || clubConditions !== undefined) && !session,
+    freeCancellation: true || !!filters.freeCancellation,
+    // * We'll activate freeCancellation filter always.
+    offer: !!idoffers,
+    promocode: !!promocode,
+    roomType: !!roomTypeId
+  };
+  const filteredItems = (0, _helpers3.select)(items, form).filter(function () {
+    let {
+      availability = 0
+    } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    return availability > 0;
+  });
+  const {
+    length: boardsLength
+  } = filters.boards;
+  const inlineBoards = !isMobile || isMobile && boardsLength <= _Filters4.MAX_BOARDS - 1;
+  const {
+    name: roomTypeName
+  } = items.find(function () {
+    let {
+      id
+    } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    return id === parseInt(roomTypeId);
+  }) || {};
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Filters3.Button, {
+    counter,
+    onPress: () => setVisible(true)
+  }), /*#__PURE__*/_react.default.createElement(_ui.Modal, {
+    fit: true,
+    portal: true,
+    title: translate(_Filters5.L10N.LABEL_FILTERS),
+    visible: visible,
+    onClose: () => setVisible(false),
+    className: [style.modal, others.className]
+  }, /*#__PURE__*/_react.default.createElement(_ui.ScrollView, {
+    scrollTo: 0,
+    snap: false,
+    className: style.scrollView
+  }, /*#__PURE__*/_react.default.createElement(_ui.View, {
+    className: style.section
+  }, /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    bold: true,
+    headline: true
+  }, translate(_Filters5.L10N.LABEL_BOOKING_OPTIONS)), has.clubDiscount && /*#__PURE__*/_react.default.createElement(_Filters2.BookingOption, {
+    caption: clubConditions ? translate(_Filters5.L10N.LABEL_CLUB_CONDITIONS, {
+      conditions: /*#__PURE__*/_react.default.createElement(_ui.Action, {
+        small: true,
+        href: clubConditions,
+        target: "_blank",
+        className: style.textInline
+      }, translate(_Filters5.L10N.ACTION_CLUB_VIEW_CONDITIONS))
+    }) : translate(_Filters5.L10N.LABEL_CLUB_BENEFITS),
+    checked: form.clubDiscount,
+    club: club.name,
+    field: "clubDiscount",
+    title: _Filters5.L10N.LABEL_CLUB_MEMBERS_EXCLUSIVE,
+    onChange: handleBookingOption
+  }), _Filters4.BOOKING_OPTIONS.filter(function () {
+    let {
+      field
+    } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    return has[field];
+  }).map(function () {
+    let {
+      field,
+      title
+    } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    return /*#__PURE__*/_react.default.createElement(_Filters2.BookingOption, {
+      key: field,
+      checked: form[field],
+      field,
+      title,
+      roomName: roomTypeName,
+      promocode: promocode === null || promocode === void 0 ? void 0 : promocode.toUpperCase(),
+      onChange: handleBookingOption
+    });
+  })), boardsLength > 1 && /*#__PURE__*/_react.default.createElement(_ui.View, {
+    className: style.section
+  }, /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    bold: true,
+    headline: true
+  }, translate(_Filters5.L10N.LABEL_ACCOMMODATION_PLAN)), /*#__PURE__*/_react.default.createElement(_ui.View, {
+    row: inlineBoards,
+    className: (0, _ui.styles)(style.boards, inlineBoards && style.inline)
+  }, filters.boards.map(_ref2 => {
+    let {
+      id,
+      text
+    } = _ref2;
+    return /*#__PURE__*/_react.default.createElement(_components2.Option, {
+      checked: form.board === text,
+      key: "board:".concat(id),
+      inline: inlineBoards,
+      outlined: true,
+      title: text,
+      onPress: () => handleOption('board', text),
+      className: style.option
+    });
+  }))), filters.prices.length > 1 && /*#__PURE__*/_react.default.createElement(_components.InputRange, {
+    caption: translate(_Filters5.L10N.LABEL_SET_PRICE_RANGE),
+    dataSource: filters.prices,
+    resolution: isMobile ? 12 : 24,
+    title: translate(_Filters5.L10N.LABEL_PRICE_RANGE),
+    unit: (0, _locale.currencySymbol)(currency, {
+      locale
+    }),
+    value: form.priceRange,
+    onChange: priceRange => setForm({
+      ...form,
+      priceRange
+    }),
+    className: style.section
+  }), /*#__PURE__*/_react.default.createElement(_ui.View, {
+    className: style.section
+  }, /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    bold: true,
+    headline: true,
+    wide: true
+  }, translate(_Filters5.L10N.LABEL_AMENITIES)), /*#__PURE__*/_react.default.createElement(_ui.View, null, /*#__PURE__*/_react.default.createElement(_ui.View, {
+    row: true,
+    className: style.amenities
+  }, filters.amenities.filter(item => item.highlight).map(_ref3 => {
+    let {
+      id,
+      text
+    } = _ref3;
+    return /*#__PURE__*/_react.default.createElement(_Filters.Amenity, {
+      checked: form.amenities.includes(id),
+      id: id,
+      key: id,
+      label: text,
+      onChange: handleAmenity
+    });
+  })), allAmenities ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    action: true,
+    bold: true,
+    wide: true,
+    className: style.textOthers
+  }, translate(_Filters5.L10N.LABEL_OTHERS)), /*#__PURE__*/_react.default.createElement(_ui.View, {
+    row: true,
+    className: style.amenities
+  }, filters.amenities.filter(item => !item.highlight).map(_ref4 => {
+    let {
+      id,
+      text
+    } = _ref4;
+    return /*#__PURE__*/_react.default.createElement(_Filters.Amenity, {
+      checked: form.amenities.includes(id),
+      id: id,
+      key: id,
+      label: text,
+      onChange: handleAmenity
+    });
+  }))) : /*#__PURE__*/_react.default.createElement(_ui.Action, {
+    underline: true,
+    onPress: () => setAllAmenities(true)
+  }, translate(_Filters5.L10N.ACTION_VIEW_MORE)))), filters.bedTypes.length > 1 && /*#__PURE__*/_react.default.createElement(_ui.View, {
+    className: style.section
+  }, /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    bold: true,
+    headline: true,
+    wide: true
+  }, translate(_Filters5.L10N.LABEL_BED_TYPE)), /*#__PURE__*/_react.default.createElement(_ui.View, {
+    row: true
+  }, filters.bedTypes.map(bedType => /*#__PURE__*/_react.default.createElement(_components2.Option, {
+    key: "bedType:".concat(bedType),
+    checked: form.bedType === bedType,
+    icon: bedType === 1 ? _helpers2.ICON.BED_SINGLE : _helpers2.ICON.BED_DOUBLE,
+    inline: true,
+    outlined: true,
+    title: translate(bedType === 1 ? _Filters5.L10N.LABEL_BED_TYPE_SINGLE : _Filters5.L10N.LABEL_BED_TYPE_DOUBLE),
+    onPress: () => handleOption('bedType', bedType),
+    className: style.option
+  })))), filters.sizes.length > 1 && /*#__PURE__*/_react.default.createElement(_components.InputRange, {
+    dataSource: filters.sizes,
+    resolution: isMobile ? 4 : 6,
+    title: translate(_Filters5.L10N.LABEL_ROOM_SIZE),
+    unit: filters.sizeUnit,
+    value: form.sizeRange,
+    onChange: sizeRange => setForm({
+      ...form,
+      sizeRange
+    }),
+    className: style.section
+  })), /*#__PURE__*/_react.default.createElement(_ui.View, {
+    row: true,
+    className: [style.footer, style.spaceBetween]
+  }, /*#__PURE__*/_react.default.createElement(_ui.Button, {
+    transparent: true,
+    onPress: handleClearAll
+  }, translate(_Filters5.L10N.ACTION_CLEAR_ALL)), /*#__PURE__*/_react.default.createElement(_ui.Button, {
+    busy: busy,
+    disabled: !filteredItems.length,
+    onPress: handleSubmit
+  }, translate(filteredItems.length ? _Filters5.L10N.LABEL_SHOW_COUNT_RESULTS : _Filters5.L10N.LABEL_NO_EXACT_MATCHES, {
+    count: filteredItems.length
+  })))));
+};
+exports.Filters = Filters;
+Filters.displayName = 'Mirai:Core:Rates:Filters';
+Filters.propTypes = {
+  clubDiscount: _propTypes.default.bool,
+  clubConditions: _propTypes.default.string,
+  items: _propTypes.default.arrayOf(_propTypes.default.shape({})),
+  onSubmit: _propTypes.default.func
+};
+//# sourceMappingURL=Filters.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Filters.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_components","_Filters","_Filters2","_Filters3","_Filters4","_Filters5","style","_helpers","_helpers2","_helpers3","_components2","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","memoizeForm","Filters","_ref","clubConditions","items","onSubmit","others","isMobile","useDevice","translate","useLocale","value","currency","club","finder","hotel","id","locale","occupation","maxRooms","session","urlParams","idoffers","roomTypeId","useStore","discount","promocode","allAmenities","setAllAmenities","useState","busy","setBusy","counter","setCounter","filters","setFilters","getAvailableFilters","form","setForm","DEFAULT_FORM","visible","setVisible","useEffect","nextForm","clubDiscount","undefined","offer","roomType","countFilters","priceRange","callback","Event","subscribe","EVENT","RATES_FILTER_CLUB","unsubscribe","nextFilters","JSON","stringify","handleAmenity","amenities","filter","item","handleOption","field","handleBookingOption","next","strictSearch","getStrictSearch","cart","params","nextItems","fetchRates","catch","handleClearAll","handleSubmit","freeCancellation","filteredItems","select","availability","arguments","length","boardsLength","boards","inlineBoards","MAX_BOARDS","name","roomTypeName","find","parseInt","createElement","Fragment","Button","onPress","Modal","fit","portal","title","L10N","LABEL_FILTERS","onClose","className","modal","ScrollView","scrollTo","snap","scrollView","View","section","Text","bold","headline","LABEL_BOOKING_OPTIONS","BookingOption","caption","LABEL_CLUB_CONDITIONS","conditions","Action","small","href","target","textInline","ACTION_CLUB_VIEW_CONDITIONS","LABEL_CLUB_BENEFITS","checked","LABEL_CLUB_MEMBERS_EXCLUSIVE","onChange","BOOKING_OPTIONS","map","key","roomName","toUpperCase","LABEL_ACCOMMODATION_PLAN","row","styles","inline","_ref2","text","Option","board","concat","outlined","option","prices","InputRange","LABEL_SET_PRICE_RANGE","dataSource","resolution","LABEL_PRICE_RANGE","unit","currencySymbol","wide","LABEL_AMENITIES","highlight","_ref3","Amenity","includes","label","action","textOthers","LABEL_OTHERS","_ref4","underline","ACTION_VIEW_MORE","bedTypes","LABEL_BED_TYPE","bedType","icon","ICON","BED_SINGLE","BED_DOUBLE","LABEL_BED_TYPE_SINGLE","LABEL_BED_TYPE_DOUBLE","sizes","LABEL_ROOM_SIZE","sizeUnit","sizeRange","footer","spaceBetween","transparent","ACTION_CLEAR_ALL","disabled","LABEL_SHOW_COUNT_RESULTS","LABEL_NO_EXACT_MATCHES","count","exports","displayName","propTypes","PropTypes","bool","string","arrayOf","shape","func"],"sources":["../../../../../src/components/Rates/components/Filters/Filters.jsx"],"sourcesContent":["import { Event, useStore } from '@mirai/data-sources';\nimport { currencySymbol, useLocale } from '@mirai/locale';\nimport { Action, Button, Modal, ScrollView, styles, useDevice, Text, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\n\nimport { InputRange } from './components';\nimport { Amenity } from './Filters.Amenity';\nimport { BookingOption } from './Filters.BookingOption';\nimport { Button as ButtonFilters } from './Filters.Button';\nimport { BOOKING_OPTIONS, DEFAULT_FORM, MAX_BOARDS } from './Filters.constants';\nimport { L10N } from './Filters.l10n';\nimport * as style from './Filters.module.css';\nimport { countFilters, getAvailableFilters, getStrictSearch } from './helpers';\nimport { EVENT, ICON } from '../../../helpers';\nimport { fetchRates, select } from '../../helpers';\nimport { Option } from '../Item/components';\n\nlet memoizeForm;\n\nconst Filters = ({ clubConditions, items = [], onSubmit = () => {}, ...others }) => {\n  const { isMobile } = useDevice();\n  const { translate } = useLocale();\n  const {\n    value: {\n      currency,\n      club = {},\n      finder = {},\n      hotel,\n      id,\n      locale,\n      occupation: { maxRooms } = {},\n      session,\n      urlParams: { idoffers, roomTypeId },\n    } = {},\n  } = useStore();\n\n  const { discount } = club;\n  const { promocode } = finder;\n\n  const [allAmenities, setAllAmenities] = useState(false);\n  const [busy, setBusy] = useState(false);\n  const [counter, setCounter] = useState(0);\n  const [filters, setFilters] = useState(getAvailableFilters(items));\n  const [form, setForm] = useState(DEFAULT_FORM);\n  const [visible, setVisible] = useState(false);\n\n  useEffect(() => {\n    const nextForm = memoizeForm || {\n      ...DEFAULT_FORM,\n      clubDiscount: !session && discount !== undefined ? !!discount : undefined,\n      offer: idoffers ? !!idoffers : undefined,\n      promocode: promocode ? !!promocode : undefined,\n      roomType: roomTypeId ? !!roomTypeId : undefined,\n    };\n\n    setForm(nextForm);\n    setCounter(countFilters(nextForm));\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffect(() => {\n    if (!form.priceRange) return;\n    const nextForm = { ...form, priceRange: undefined };\n\n    setForm(nextForm);\n    setCounter(countFilters(nextForm));\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [currency]);\n\n  useEffect(() => {\n    const callback = (clubDiscount) => {\n      const nextForm = { ...form, clubDiscount };\n      setForm(nextForm);\n      setCounter(countFilters(nextForm));\n    };\n\n    Event.subscribe(EVENT.RATES_FILTER_CLUB, callback);\n\n    return () => Event.unsubscribe(EVENT.RATES_FILTER_CLUB, callback);\n  }, [form]);\n\n  useEffect(() => {\n    const nextFilters = getAvailableFilters(items);\n    if (JSON.stringify(nextFilters) !== JSON.stringify(filters)) setFilters(nextFilters);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [items]);\n\n  const handleAmenity = (id, value) =>\n    setForm({ ...form, amenities: value ? [...form.amenities, id] : form.amenities.filter((item) => item !== id) });\n\n  const handleOption = (field, id) => setForm({ ...form, [field]: form[field] === id ? undefined : id });\n\n  const handleBookingOption = async (field, value) => {\n    const next = { ...form, [field]: value };\n    setForm(next);\n\n    if (field !== 'freeCancellation') {\n      setBusy(true);\n\n      const { clubDiscount } = next;\n      const strictSearch = getStrictSearch(next);\n      const cart = []; // ! TODO: [MF-2006] Store should get the current cart of <Rates>\n      const params = { cart, club, clubDiscount, finder, hotel, id, locale, maxRooms, session, strictSearch };\n      const { items: nextItems } = (await fetchRates(params).catch(() => {})) || {};\n\n      if (nextItems) setFilters(getAvailableFilters(nextItems));\n\n      setBusy(false);\n    }\n  };\n\n  const handleClearAll = () => {\n    setAllAmenities(false);\n    setForm(DEFAULT_FORM);\n  };\n\n  const handleSubmit = () => {\n    memoizeForm = form;\n    setVisible(false);\n    setCounter(countFilters(form));\n    onSubmit({ ...form, strictSearch: getStrictSearch(form) });\n  };\n\n  const has = {\n    clubDiscount: (discount || clubConditions !== undefined) && !session,\n    freeCancellation: true || !!filters.freeCancellation, // * We'll activate freeCancellation filter always.\n    offer: !!idoffers,\n    promocode: !!promocode,\n    roomType: !!roomTypeId,\n  };\n\n  const filteredItems = select(items, form).filter(({ availability = 0 } = {}) => availability > 0);\n  const { length: boardsLength } = filters.boards;\n  const inlineBoards = !isMobile || (isMobile && boardsLength <= MAX_BOARDS - 1);\n  const { name: roomTypeName } = items.find(({ id } = {}) => id === parseInt(roomTypeId)) || {};\n\n  return (\n    <>\n      <ButtonFilters {...{ counter }} onPress={() => setVisible(true)} />\n\n      <Modal\n        fit\n        portal\n        title={translate(L10N.LABEL_FILTERS)}\n        visible={visible}\n        onClose={() => setVisible(false)}\n        className={[style.modal, others.className]}\n      >\n        <ScrollView scrollTo={0} snap={false} className={style.scrollView}>\n          <View className={style.section}>\n            <Text bold headline>\n              {translate(L10N.LABEL_BOOKING_OPTIONS)}\n            </Text>\n\n            {has.clubDiscount && (\n              <BookingOption\n                caption={\n                  clubConditions\n                    ? translate(L10N.LABEL_CLUB_CONDITIONS, {\n                        conditions: (\n                          <Action small href={clubConditions} target=\"_blank\" className={style.textInline}>\n                            {translate(L10N.ACTION_CLUB_VIEW_CONDITIONS)}\n                          </Action>\n                        ),\n                      })\n                    : translate(L10N.LABEL_CLUB_BENEFITS)\n                }\n                checked={form.clubDiscount}\n                club={club.name}\n                field=\"clubDiscount\"\n                title={L10N.LABEL_CLUB_MEMBERS_EXCLUSIVE}\n                onChange={handleBookingOption}\n              />\n            )}\n\n            {BOOKING_OPTIONS.filter(({ field } = {}) => has[field]).map(({ field, title } = {}) => (\n              <BookingOption\n                key={field}\n                checked={form[field]}\n                {...{ field, title, roomName: roomTypeName, promocode: promocode?.toUpperCase() }}\n                onChange={handleBookingOption}\n              />\n            ))}\n          </View>\n\n          {boardsLength > 1 && (\n            <View className={style.section}>\n              <Text bold headline>\n                {translate(L10N.LABEL_ACCOMMODATION_PLAN)}\n              </Text>\n\n              <View row={inlineBoards} className={styles(style.boards, inlineBoards && style.inline)}>\n                {filters.boards.map(({ id, text }) => (\n                  <Option\n                    checked={form.board === text}\n                    key={`board:${id}`}\n                    inline={inlineBoards}\n                    outlined\n                    title={text}\n                    onPress={() => handleOption('board', text)}\n                    className={style.option}\n                  />\n                ))}\n              </View>\n            </View>\n          )}\n\n          {filters.prices.length > 1 && (\n            <InputRange\n              caption={translate(L10N.LABEL_SET_PRICE_RANGE)}\n              dataSource={filters.prices}\n              resolution={isMobile ? 12 : 24}\n              title={translate(L10N.LABEL_PRICE_RANGE)}\n              unit={currencySymbol(currency, { locale })}\n              value={form.priceRange}\n              onChange={(priceRange) => setForm({ ...form, priceRange })}\n              className={style.section}\n            />\n          )}\n\n          <View className={style.section}>\n            <Text bold headline wide>\n              {translate(L10N.LABEL_AMENITIES)}\n            </Text>\n\n            <View>\n              <View row className={style.amenities}>\n                {filters.amenities\n                  .filter((item) => item.highlight)\n                  .map(({ id, text }) => (\n                    <Amenity\n                      checked={form.amenities.includes(id)}\n                      id={id}\n                      key={id}\n                      label={text}\n                      onChange={handleAmenity}\n                    />\n                  ))}\n              </View>\n\n              {allAmenities ? (\n                <>\n                  <Text action bold wide className={style.textOthers}>\n                    {translate(L10N.LABEL_OTHERS)}\n                  </Text>\n\n                  <View row className={style.amenities}>\n                    {filters.amenities\n                      .filter((item) => !item.highlight)\n                      .map(({ id, text }) => (\n                        <Amenity\n                          checked={form.amenities.includes(id)}\n                          id={id}\n                          key={id}\n                          label={text}\n                          onChange={handleAmenity}\n                        />\n                      ))}\n                  </View>\n                </>\n              ) : (\n                <Action underline onPress={() => setAllAmenities(true)}>\n                  {translate(L10N.ACTION_VIEW_MORE)}\n                </Action>\n              )}\n            </View>\n          </View>\n\n          {filters.bedTypes.length > 1 && (\n            <View className={style.section}>\n              <Text bold headline wide>\n                {translate(L10N.LABEL_BED_TYPE)}\n              </Text>\n\n              <View row>\n                {filters.bedTypes.map((bedType) => (\n                  <Option\n                    key={`bedType:${bedType}`}\n                    checked={form.bedType === bedType}\n                    icon={bedType === 1 ? ICON.BED_SINGLE : ICON.BED_DOUBLE}\n                    inline\n                    outlined\n                    title={translate(bedType === 1 ? L10N.LABEL_BED_TYPE_SINGLE : L10N.LABEL_BED_TYPE_DOUBLE)}\n                    onPress={() => handleOption('bedType', bedType)}\n                    className={style.option}\n                  />\n                ))}\n              </View>\n            </View>\n          )}\n\n          {filters.sizes.length > 1 && (\n            <InputRange\n              dataSource={filters.sizes}\n              resolution={isMobile ? 4 : 6}\n              title={translate(L10N.LABEL_ROOM_SIZE)}\n              unit={filters.sizeUnit}\n              value={form.sizeRange}\n              onChange={(sizeRange) => setForm({ ...form, sizeRange })}\n              className={style.section}\n            />\n          )}\n        </ScrollView>\n\n        <View row className={[style.footer, style.spaceBetween]}>\n          <Button transparent onPress={handleClearAll}>\n            {translate(L10N.ACTION_CLEAR_ALL)}\n          </Button>\n          <Button busy={busy} disabled={!filteredItems.length} onPress={handleSubmit}>\n            {translate(filteredItems.length ? L10N.LABEL_SHOW_COUNT_RESULTS : L10N.LABEL_NO_EXACT_MATCHES, {\n              count: filteredItems.length,\n            })}\n          </Button>\n        </View>\n      </Modal>\n    </>\n  );\n};\n\nFilters.displayName = 'Mirai:Core:Rates:Filters';\n\nFilters.propTypes = {\n  clubDiscount: PropTypes.bool,\n  clubConditions: PropTypes.string,\n  items: PropTypes.arrayOf(PropTypes.shape({})),\n  onSubmit: PropTypes.func,\n};\n\nexport { Filters };\n"],"mappings":"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"}

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

@@ -0,0 +1,78 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.L10N = void 0;
+const L10N = exports.L10N = {
+  ACTION_CLEAR_ALL: {
+    id: 'common.action.clear_all'
+  },
+  ACTION_CLUB_VIEW_CONDITIONS: {
+    id: 'finder.action.club_view_conditions'
+  },
+  ACTION_VIEW_MORE: {
+    id: 'common.action.view_more'
+  },
+  LABEL_ACCOMMODATION_PLAN: {
+    id: 'finder.label.accommodation_plan'
+  },
+  LABEL_AMENITIES: {
+    id: 'finder.label.amenities'
+  },
+  LABEL_BED_TYPE: {
+    id: 'finder.label.bed_type'
+  },
+  LABEL_BED_TYPE_DOUBLE: {
+    id: 'finder.label.bed_type_double'
+  },
+  LABEL_BED_TYPE_SINGLE: {
+    id: 'finder.label.bed_type_single'
+  },
+  LABEL_BOOKING_OPTIONS: {
+    id: 'finder.label.booking_options'
+  },
+  LABEL_CLUB_MEMBERS_EXCLUSIVE: {
+    id: 'finder.label.club_members_exclusive'
+  },
+  LABEL_CLUB_BENEFITS: {
+    id: 'finder.label.club_benefits'
+  },
+  LABEL_CLUB_CONDITIONS: {
+    id: 'finder.label.club_conditions'
+  },
+  LABEL_FREE_CANCELLATION: {
+    id: 'finder.label.free_cancellation'
+  },
+  LABEL_FILTERS: {
+    id: 'common.label.filters'
+  },
+  LABEL_NO_EXACT_MATCHES: {
+    id: 'finder.label.no_exact_matches'
+  },
+  LABEL_OTHERS: {
+    id: 'common.label.others'
+  },
+  LABEL_PRICE_RANGE: {
+    id: 'finder.label.price_range'
+  },
+  LABEL_ROOM_SIZE: {
+    id: 'common.label.room_size'
+  },
+  LABEL_SET_PRICE_RANGE: {
+    id: 'finder.label.set_price_range'
+  },
+  LABEL_SHOW_COUNT_RESULTS: {
+    id: 'finder.label.show_count_results'
+  },
+  LABEL_SHOW_ONLY_DEALS: {
+    id: 'common.label.show_only_deals'
+  },
+  LABEL_SHOW_ONLY_PROMOTION: {
+    id: 'common.label.show_only_promotion'
+  },
+  LABEL_SHOW_ONLY_ROOM: {
+    id: 'common.label.show_only_room'
+  }
+};
+//# sourceMappingURL=Filters.l10n.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Filters.l10n.js","names":["L10N","exports","ACTION_CLEAR_ALL","id","ACTION_CLUB_VIEW_CONDITIONS","ACTION_VIEW_MORE","LABEL_ACCOMMODATION_PLAN","LABEL_AMENITIES","LABEL_BED_TYPE","LABEL_BED_TYPE_DOUBLE","LABEL_BED_TYPE_SINGLE","LABEL_BOOKING_OPTIONS","LABEL_CLUB_MEMBERS_EXCLUSIVE","LABEL_CLUB_BENEFITS","LABEL_CLUB_CONDITIONS","LABEL_FREE_CANCELLATION","LABEL_FILTERS","LABEL_NO_EXACT_MATCHES","LABEL_OTHERS","LABEL_PRICE_RANGE","LABEL_ROOM_SIZE","LABEL_SET_PRICE_RANGE","LABEL_SHOW_COUNT_RESULTS","LABEL_SHOW_ONLY_DEALS","LABEL_SHOW_ONLY_PROMOTION","LABEL_SHOW_ONLY_ROOM"],"sources":["../../../../../src/components/Rates/components/Filters/Filters.l10n.js"],"sourcesContent":["export const L10N = {\n  ACTION_CLEAR_ALL: { id: 'common.action.clear_all' },\n  ACTION_CLUB_VIEW_CONDITIONS: { id: 'finder.action.club_view_conditions' },\n  ACTION_VIEW_MORE: { id: 'common.action.view_more' },\n\n  LABEL_ACCOMMODATION_PLAN: { id: 'finder.label.accommodation_plan' },\n  LABEL_AMENITIES: { id: 'finder.label.amenities' },\n  LABEL_BED_TYPE: { id: 'finder.label.bed_type' },\n  LABEL_BED_TYPE_DOUBLE: { id: 'finder.label.bed_type_double' },\n  LABEL_BED_TYPE_SINGLE: { id: 'finder.label.bed_type_single' },\n  LABEL_BOOKING_OPTIONS: { id: 'finder.label.booking_options' },\n  LABEL_CLUB_MEMBERS_EXCLUSIVE: { id: 'finder.label.club_members_exclusive' },\n  LABEL_CLUB_BENEFITS: { id: 'finder.label.club_benefits' },\n  LABEL_CLUB_CONDITIONS: { id: 'finder.label.club_conditions' },\n  LABEL_FREE_CANCELLATION: { id: 'finder.label.free_cancellation' },\n  LABEL_FILTERS: { id: 'common.label.filters' },\n  LABEL_NO_EXACT_MATCHES: { id: 'finder.label.no_exact_matches' },\n  LABEL_OTHERS: { id: 'common.label.others' },\n  LABEL_PRICE_RANGE: { id: 'finder.label.price_range' },\n  LABEL_ROOM_SIZE: { id: 'common.label.room_size' },\n  LABEL_SET_PRICE_RANGE: { id: 'finder.label.set_price_range' },\n  LABEL_SHOW_COUNT_RESULTS: { id: 'finder.label.show_count_results' },\n  LABEL_SHOW_ONLY_DEALS: { id: 'common.label.show_only_deals' },\n  LABEL_SHOW_ONLY_PROMOTION: { id: 'common.label.show_only_promotion' },\n  LABEL_SHOW_ONLY_ROOM: { id: 'common.label.show_only_room' },\n};\n"],"mappings":";;;;;;AAAO,MAAMA,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG;EAClBE,gBAAgB,EAAE;IAAEC,EAAE,EAAE;EAA0B,CAAC;EACnDC,2BAA2B,EAAE;IAAED,EAAE,EAAE;EAAqC,CAAC;EACzEE,gBAAgB,EAAE;IAAEF,EAAE,EAAE;EAA0B,CAAC;EAEnDG,wBAAwB,EAAE;IAAEH,EAAE,EAAE;EAAkC,CAAC;EACnEI,eAAe,EAAE;IAAEJ,EAAE,EAAE;EAAyB,CAAC;EACjDK,cAAc,EAAE;IAAEL,EAAE,EAAE;EAAwB,CAAC;EAC/CM,qBAAqB,EAAE;IAAEN,EAAE,EAAE;EAA+B,CAAC;EAC7DO,qBAAqB,EAAE;IAAEP,EAAE,EAAE;EAA+B,CAAC;EAC7DQ,qBAAqB,EAAE;IAAER,EAAE,EAAE;EAA+B,CAAC;EAC7DS,4BAA4B,EAAE;IAAET,EAAE,EAAE;EAAsC,CAAC;EAC3EU,mBAAmB,EAAE;IAAEV,EAAE,EAAE;EAA6B,CAAC;EACzDW,qBAAqB,EAAE;IAAEX,EAAE,EAAE;EAA+B,CAAC;EAC7DY,uBAAuB,EAAE;IAAEZ,EAAE,EAAE;EAAiC,CAAC;EACjEa,aAAa,EAAE;IAAEb,EAAE,EAAE;EAAuB,CAAC;EAC7Cc,sBAAsB,EAAE;IAAEd,EAAE,EAAE;EAAgC,CAAC;EAC/De,YAAY,EAAE;IAAEf,EAAE,EAAE;EAAsB,CAAC;EAC3CgB,iBAAiB,EAAE;IAAEhB,EAAE,EAAE;EAA2B,CAAC;EACrDiB,eAAe,EAAE;IAAEjB,EAAE,EAAE;EAAyB,CAAC;EACjDkB,qBAAqB,EAAE;IAAElB,EAAE,EAAE;EAA+B,CAAC;EAC7DmB,wBAAwB,EAAE;IAAEnB,EAAE,EAAE;EAAkC,CAAC;EACnEoB,qBAAqB,EAAE;IAAEpB,EAAE,EAAE;EAA+B,CAAC;EAC7DqB,yBAAyB,EAAE;IAAErB,EAAE,EAAE;EAAmC,CAAC;EACrEsB,oBAAoB,EAAE;IAAEtB,EAAE,EAAE;EAA8B;AAC5D,CAAC"}

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

@@ -0,0 +1,107 @@
+.button {
+  gap: var(--mirai-ui-space-XXS);
+  overflow: visible !important;
+}
+
+.button .counter {
+  background-color: var(--mirai-ui-accent);
+  border: solid var(--mirai-ui-border-width) var(--mirai-ui-base);
+  color: var(--mirai-ui-base);
+  height: var(--mirai-ui-space-S);
+  width: var(--mirai-ui-space-S);
+  line-height: var(--mirai-ui-space-S);
+  text-align: center;
+  border-radius: 50%;
+  position: absolute;
+  top: calc(var(--mirai-ui-space-S) * -0.5);
+  padding: var(--mirai-ui-space-XXS);
+  right: calc(var(--mirai-ui-space-S) * -0.5);
+}
+
+.scrollView {
+  padding: 0 var(--mirai-ui-space-M);
+  max-width: calc(100% - calc(var(--mirai-ui-space-M) * 2));
+  width: 100%;
+}
+
+.section {
+  gap: var(--mirai-ui-space-M);
+  padding: var(--mirai-ui-space-L) 0;
+  width: 100%;
+}
+
+.section:not(:last-child) {
+  border-bottom: solid var(--mirai-ui-border-width) var(--mirai-ui-content-border);
+}
+
+.section .boards {
+  align-items: stretch;
+}
+
+.section .boards:not(.inline) {
+  gap: var(--mirai-ui-space-XS);
+}
+
+.section .amenities {
+  flex-wrap: wrap;
+}
+
+.section .textOthers + .amenities {
+  margin-top: var(--mirai-ui-space-M);
+}
+
+.section [data-role='input-option'] [data-role='text'] {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  max-width: 90%;
+}
+
+.textInline {
+  display: inline;
+}
+
+.spaceBetween {
+  gap: var(--mirai-ui-space-M);
+  justify-content: space-between;
+}
+
+.footer {
+  border-top: solid var(--mirai-ui-border-width) var(--mirai-ui-content-border);
+  padding: var(--mirai-ui-space-M);
+}
+
+/* S */
+@media only screen and (max-width: 480px) {
+  .modal {
+    max-height: 100svh;
+  }
+
+  .section [data-role='input-option'] {
+    width: 90%;
+  }
+}
+
+/* M & L */
+@media only screen and (min-width: 481px) {
+  .button:hover .counter {
+    background-color: var(--mirai-ui-accent-dark);
+  }
+
+  .modal {
+    max-height: 90svh;
+    width: 768px;
+  }
+
+  .section .amenities [data-role='input-option'] {
+    max-width: 49%;
+  }
+
+  .section .amenities > :nth-child(odd) {
+    margin-right: 2%;
+  }
+
+  .section .boards.inline .option {
+    padding: var(--mirai-ui-space-L) var(--mirai-ui-space-M);
+  }
+}