@mirai/core 0.3.138 → 0.3.140

package/build/components/Rates/components/ModalExtras/ModalExtras.js

@@ -0,0 +1,261 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ModalExtras = 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 _helpers = require("./helpers");
+var _ModalExtras = require("./ModalExtras.l10n");
+var style = _interopRequireWildcard(require("./ModalExtras.module.css"));
+var _helpers2 = require("../../helpers");
+var _components = 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 }; }
+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 ModalExtras = _ref => {
+  let {
+    cart = [],
+    extras: propExtras = [],
+    taxesType,
+    visible = false,
+    onCancel = () => {},
+    onSubmit = () => {},
+    ...others
+  } = _ref;
+  const {
+    isMobile
+  } = (0, _ui.useDevice)();
+  const {
+    translate
+  } = (0, _locale.useLocale)();
+  const {
+    value: {
+      currency
+    } = {}
+  } = (0, _dataSources.useStore)();
+  const [extras, setExtras] = (0, _react.useState)(propExtras);
+  (0, _react.useEffect)(() => {
+    if (visible) setExtras(propExtras);
+  }, [propExtras, visible]);
+  const handleChange = function () {
+    let {
+      id,
+      field,
+      value
+    } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    setExtras(extras.map(extra => ({
+      ...extra,
+      [field]: extra.id === id ? value : extra[field]
+    })));
+  };
+  const handleSelect = id => {
+    setExtras(extras.map(_ref2 => {
+      let {
+        selected = false,
+        ...extra
+      } = _ref2;
+      return {
+        ...extra,
+        selected: extra.id === id ? !selected : selected
+      };
+    }));
+  };
+  const handleSubmit = () => {
+    onSubmit(extras.filter(item => item.selected || item.included).map(_ref3 => {
+      var _baseValue;
+      let {
+        amount,
+        baseValue,
+        nights,
+        id,
+        included,
+        valueAmount,
+        valueNights
+      } = _ref3;
+      return {
+        id,
+        included,
+        amount: parseInt(valueAmount || amount),
+        nights: parseInt(valueNights || nights),
+        value: (_baseValue = baseValue[valueAmount || amount][valueNights || nights]) === null || _baseValue === void 0 ? void 0 : _baseValue.price
+      };
+    }));
+  };
+  const hasSelected = extras.filter(item => !!item.selected).length > 0;
+  const total = cart.reduce(function (value) {
+    let {
+      price
+    } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    return value + price;
+  }, 0);
+  const totalExtras = extras.filter(item => item.selected).reduce(function (total) {
+    var _value;
+    let {
+      amount,
+      nights,
+      valueAmount,
+      valueNights,
+      value = {}
+    } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    return total + (((_value = value[valueAmount || amount][valueNights || nights]) === null || _value === void 0 ? void 0 : _value.price) || 0);
+  }, 0);
+  return /*#__PURE__*/_react.default.createElement(_ui.Modal, {
+    fit: true,
+    title: translate(_ModalExtras.L10N.LABEL_ENHANCED_YOUR_STAY),
+    visible: visible,
+    onClose: onCancel,
+    className: style.modal
+  }, /*#__PURE__*/_react.default.createElement(_ui.ScrollView, {
+    horizontal: true,
+    snap: false,
+    className: style.scrollView
+  }, extras.map(function () {
+    let {
+      accommodationThreshold = 0,
+      amount = 0,
+      inputGuests = false,
+      inputNights = false,
+      conditions,
+      guestThreshold = 0,
+      id,
+      included = false,
+      image,
+      nights = 0,
+      selected = false,
+      text,
+      title,
+      value = {},
+      valueAmount = amount,
+      valueNights = nights
+    } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    const {
+      price: total
+    } = value[valueAmount][valueNights] || {};
+    return /*#__PURE__*/_react.default.createElement(_ui.View, {
+      key: id,
+      wide: true,
+      className: (0, _ui.styles)(style.card, hasSelected ? selected ? style.selected : style.unselected : undefined)
+    }, /*#__PURE__*/_react.default.createElement(_ui.View, {
+      className: style.image,
+      style: {
+        backgroundImage: "url(".concat(image, ")")
+      }
+    }), /*#__PURE__*/_react.default.createElement(_ui.View, {
+      wide: true,
+      className: [style.gap, style.offset, style.anchor]
+    }, /*#__PURE__*/_react.default.createElement(_ui.Text, {
+      bold: true
+    }, title), text && /*#__PURE__*/_react.default.createElement(_ui.Text, {
+      small: true
+    }, text), accommodationThreshold > 0 && /*#__PURE__*/_react.default.createElement(_ui.Notification, {
+      inline: true,
+      small: true,
+      warning: true
+    }, translate(_ModalExtras.L10N.LABEL_APPLIES_SELECTED_ROOMS, {
+      value: accommodationThreshold
+    })), guestThreshold > 0 && /*#__PURE__*/_react.default.createElement(_ui.Notification, {
+      inline: true,
+      small: true,
+      warning: true
+    }, translate(_ModalExtras.L10N.LABEL_APPLIES_INDIVIDUALS_RESERVATION, {
+      value: guestThreshold
+    })), conditions && /*#__PURE__*/_react.default.createElement(_ui.Text, {
+      lighten: true,
+      small: !isMobile,
+      tiny: isMobile
+    }, conditions), (inputGuests || inputNights) && /*#__PURE__*/_react.default.createElement(_ui.View, {
+      row: true,
+      className: (0, _ui.styles)(style.gap, style.inputs)
+    }, inputGuests && /*#__PURE__*/_react.default.createElement(_ui.InputSelect, {
+      name: "guests",
+      label: translate(_ModalExtras.L10N.LABEL_GUESTS),
+      options: Array.from({
+        length: amount
+      }).map((_, index) => index + 1),
+      value: valueAmount === null || valueAmount === void 0 ? void 0 : valueAmount.toString(),
+      onChange: value => handleChange({
+        id,
+        field: 'valueAmount',
+        value
+      })
+    }), inputNights && /*#__PURE__*/_react.default.createElement(_ui.InputSelect, {
+      name: "nights",
+      label: translate(_ModalExtras.L10N.LABEL_NIGHTS),
+      options: Array.from({
+        length: nights
+      }).map((_, index) => index + 1),
+      value: valueNights === null || valueNights === void 0 ? void 0 : valueNights.toString(),
+      onChange: value => handleChange({
+        id,
+        field: 'valueNights',
+        value
+      })
+    }))), /*#__PURE__*/_react.default.createElement(_ui.View, {
+      row: true,
+      className: [style.offset, style.spaceBetween]
+    }, /*#__PURE__*/_react.default.createElement(_ui.View, null, /*#__PURE__*/_react.default.createElement(_ui.Text, {
+      bold: true,
+      headline: true
+    }, total ? (0, _locale.currencyFormat)({
+      currency,
+      value: total
+    }) : translate(_ModalExtras.L10N.LABEL_FREE)), /*#__PURE__*/_react.default.createElement(_ui.Text, {
+      lighten: true,
+      small: true
+    }, (0, _helpers.getCaption)({
+      inputGuests,
+      inputNights,
+      valueAmount,
+      valueNights
+    }, translate))), /*#__PURE__*/_react.default.createElement(_ui.Button, {
+      small: true,
+      secondary: !selected && !included,
+      onPress: !included ? () => handleSelect(id) : undefined
+    }, translate(included ? _ModalExtras.L10N.LABEL_INCLUDED : selected ? _ModalExtras.L10N.ACTION_REMOVE : _ModalExtras.L10N.ACTION_ADD))));
+  })), /*#__PURE__*/_react.default.createElement(_ui.View, {
+    row: true,
+    className: style.footer
+  }, total > 0 && /*#__PURE__*/_react.default.createElement(_ui.View, {
+    className: style.total
+  }, /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    bold: true,
+    headline: true,
+    level: isMobile ? 3 : 2
+  }, (0, _locale.currencyFormat)({
+    currency,
+    maximumFractionDigits: 0,
+    value: total + totalExtras
+  })), /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    lighten: true,
+    small: !isMobile,
+    tiny: isMobile
+  }, translate((0, _helpers2.getLabelTaxes)(taxesType))), /*#__PURE__*/_react.default.createElement(_components.PriceDetails, _extends({
+    extras: extras.filter(_ref4 => {
+      let {
+        selected
+      } = _ref4;
+      return selected;
+    }),
+    cart: cart
+  }, others))), /*#__PURE__*/_react.default.createElement(_ui.Button, {
+    large: !isMobile,
+    onPress: handleSubmit
+  }, translate(hasSelected ? _ModalExtras.L10N.ACTION_RESERVE : _ModalExtras.L10N.ACTION_NEXT))));
+};
+exports.ModalExtras = ModalExtras;
+ModalExtras.propTypes = {
+  cart: _propTypes.default.arrayOf(_propTypes.default.shape({})),
+  extras: _propTypes.default.arrayOf(_propTypes.default.shape({})),
+  taxesType: _propTypes.default.number,
+  visible: _propTypes.default.bool,
+  onCancel: _propTypes.default.func,
+  onSubmit: _propTypes.default.func
+};
+ModalExtras.displayName = 'Mirai:Core:Rates:ModalExtras';
+//# sourceMappingURL=ModalExtras.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModalExtras.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_helpers","_ModalExtras","style","_helpers2","_components","_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","ModalExtras","_ref","cart","extras","propExtras","taxesType","visible","onCancel","onSubmit","others","isMobile","useDevice","translate","useLocale","value","currency","useStore","setExtras","useState","useEffect","handleChange","id","field","undefined","map","extra","handleSelect","_ref2","selected","handleSubmit","filter","item","included","_ref3","_baseValue","amount","baseValue","nights","valueAmount","valueNights","parseInt","price","hasSelected","total","reduce","totalExtras","_value","createElement","Modal","fit","title","L10N","LABEL_ENHANCED_YOUR_STAY","onClose","className","modal","ScrollView","horizontal","snap","scrollView","accommodationThreshold","inputGuests","inputNights","conditions","guestThreshold","image","text","View","wide","styles","card","unselected","backgroundImage","concat","gap","offset","anchor","Text","bold","small","Notification","inline","warning","LABEL_APPLIES_SELECTED_ROOMS","LABEL_APPLIES_INDIVIDUALS_RESERVATION","lighten","tiny","row","inputs","InputSelect","name","label","LABEL_GUESTS","options","Array","from","_","index","toString","onChange","LABEL_NIGHTS","spaceBetween","headline","currencyFormat","LABEL_FREE","getCaption","Button","secondary","onPress","LABEL_INCLUDED","ACTION_REMOVE","ACTION_ADD","footer","level","maximumFractionDigits","getLabelTaxes","PriceDetails","_ref4","large","ACTION_RESERVE","ACTION_NEXT","exports","propTypes","PropTypes","arrayOf","shape","number","bool","func","displayName"],"sources":["../../../../../src/components/Rates/components/ModalExtras/ModalExtras.jsx"],"sourcesContent":["import { useStore } from '@mirai/data-sources';\nimport { currencyFormat, useLocale } from '@mirai/locale';\nimport { Button, InputSelect, Modal, Notification, ScrollView, styles, Text, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\n\nimport { getCaption } from './helpers';\nimport { L10N } from './ModalExtras.l10n';\nimport * as style from './ModalExtras.module.css';\nimport { getLabelTaxes } from '../../helpers';\nimport { PriceDetails } from '../Item/components';\n\nconst ModalExtras = ({\n  cart = [],\n  extras: propExtras = [],\n  taxesType,\n  visible = false,\n  onCancel = () => {},\n  onSubmit = () => {},\n  ...others\n}) => {\n  const { isMobile } = useDevice();\n  const { translate } = useLocale();\n  const { value: { currency } = {} } = useStore();\n\n  const [extras, setExtras] = useState(propExtras);\n\n  useEffect(() => {\n    if (visible) setExtras(propExtras);\n  }, [propExtras, visible]);\n\n  const handleChange = ({ id, field, value } = {}) => {\n    setExtras(extras.map((extra) => ({ ...extra, [field]: extra.id === id ? value : extra[field] })));\n  };\n\n  const handleSelect = (id) => {\n    setExtras(\n      extras.map(({ selected = false, ...extra }) => ({ ...extra, selected: extra.id === id ? !selected : selected })),\n    );\n  };\n\n  const handleSubmit = () => {\n    onSubmit(\n      extras\n        .filter((item) => item.selected || item.included)\n        .map(({ amount, baseValue, nights, id, included, valueAmount, valueNights }) => ({\n          id,\n          included,\n          amount: parseInt(valueAmount || amount),\n          nights: parseInt(valueNights || nights),\n          value: baseValue[valueAmount || amount][valueNights || nights]?.price,\n        })),\n    );\n  };\n\n  const hasSelected = extras.filter((item) => !!item.selected).length > 0;\n  const total = cart.reduce((value, { price } = {}) => value + price, 0);\n  const totalExtras = extras\n    .filter((item) => item.selected)\n    .reduce(\n      (total, { amount, nights, valueAmount, valueNights, value = {} } = {}) =>\n        total + (value[valueAmount || amount][valueNights || nights]?.price || 0),\n      0,\n    );\n\n  return (\n    <Modal\n      fit\n      title={translate(L10N.LABEL_ENHANCED_YOUR_STAY)}\n      visible={visible}\n      onClose={onCancel}\n      className={style.modal}\n    >\n      <ScrollView horizontal snap={false} className={style.scrollView}>\n        {extras.map(\n          ({\n            accommodationThreshold = 0,\n            amount = 0,\n            inputGuests = false,\n            inputNights = false,\n            conditions,\n            guestThreshold = 0,\n            id,\n            included = false,\n            image,\n            nights = 0,\n            selected = false,\n            text,\n            title,\n            value = {},\n            valueAmount = amount,\n            valueNights = nights,\n          } = {}) => {\n            const { price: total } = value[valueAmount][valueNights] || {};\n\n            return (\n              <View\n                key={id}\n                wide\n                className={styles(style.card, hasSelected ? (selected ? style.selected : style.unselected) : undefined)}\n              >\n                <View className={style.image} style={{ backgroundImage: `url(${image})` }} />\n\n                <View wide className={[style.gap, style.offset, style.anchor]}>\n                  <Text bold>{title}</Text>\n                  {text && <Text small>{text}</Text>}\n\n                  {accommodationThreshold > 0 && (\n                    <Notification inline small warning>\n                      {translate(L10N.LABEL_APPLIES_SELECTED_ROOMS, { value: accommodationThreshold })}\n                    </Notification>\n                  )}\n\n                  {guestThreshold > 0 && (\n                    <Notification inline small warning>\n                      {translate(L10N.LABEL_APPLIES_INDIVIDUALS_RESERVATION, { value: guestThreshold })}\n                    </Notification>\n                  )}\n\n                  {conditions && (\n                    <Text lighten small={!isMobile} tiny={isMobile}>\n                      {conditions}\n                    </Text>\n                  )}\n\n                  {(inputGuests || inputNights) && (\n                    <View row className={styles(style.gap, style.inputs)}>\n                      {inputGuests && (\n                        <InputSelect\n                          name=\"guests\"\n                          label={translate(L10N.LABEL_GUESTS)}\n                          options={Array.from({ length: amount }).map((_, index) => index + 1)}\n                          value={valueAmount?.toString()}\n                          onChange={(value) => handleChange({ id, field: 'valueAmount', value })}\n                        />\n                      )}\n                      {inputNights && (\n                        <InputSelect\n                          name=\"nights\"\n                          label={translate(L10N.LABEL_NIGHTS)}\n                          options={Array.from({ length: nights }).map((_, index) => index + 1)}\n                          value={valueNights?.toString()}\n                          onChange={(value) => handleChange({ id, field: 'valueNights', value })}\n                        />\n                      )}\n                    </View>\n                  )}\n                </View>\n\n                <View row className={[style.offset, style.spaceBetween]}>\n                  <View>\n                    <Text bold headline>\n                      {total ? currencyFormat({ currency, value: total }) : translate(L10N.LABEL_FREE)}\n                    </Text>\n                    <Text lighten small>\n                      {getCaption({ inputGuests, inputNights, valueAmount, valueNights }, translate)}\n                    </Text>\n                  </View>\n\n                  <Button\n                    small\n                    secondary={!selected && !included}\n                    onPress={!included ? () => handleSelect(id) : undefined}\n                  >\n                    {translate(included ? L10N.LABEL_INCLUDED : selected ? L10N.ACTION_REMOVE : L10N.ACTION_ADD)}\n                  </Button>\n                </View>\n              </View>\n            );\n          },\n        )}\n      </ScrollView>\n\n      <View row className={style.footer}>\n        {total > 0 && (\n          <View className={style.total}>\n            <Text bold headline level={isMobile ? 3 : 2}>\n              {currencyFormat({ currency, maximumFractionDigits: 0, value: total + totalExtras })}\n            </Text>\n\n            <Text lighten small={!isMobile} tiny={isMobile}>\n              {translate(getLabelTaxes(taxesType))}\n            </Text>\n\n            <PriceDetails extras={extras.filter(({ selected }) => selected)} cart={cart} {...others} />\n          </View>\n        )}\n\n        <Button large={!isMobile} onPress={handleSubmit}>\n          {translate(hasSelected ? L10N.ACTION_RESERVE : L10N.ACTION_NEXT)}\n        </Button>\n      </View>\n    </Modal>\n  );\n};\n\nModalExtras.propTypes = {\n  cart: PropTypes.arrayOf(PropTypes.shape({})),\n  extras: PropTypes.arrayOf(PropTypes.shape({})),\n  taxesType: PropTypes.number,\n  visible: PropTypes.bool,\n  onCancel: PropTypes.func,\n  onSubmit: PropTypes.func,\n};\n\nModalExtras.displayName = 'Mirai:Core:Rates:ModalExtras';\n\nexport { ModalExtras };\n"],"mappings":"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"}

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

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.L10N = void 0;
+const L10N = exports.L10N = {
+  ACTION_ADD: {
+    id: 'common.action.add'
+  },
+  ACTION_NEXT: {
+    id: 'finder.action.next'
+  },
+  ACTION_REMOVE: {
+    id: 'common.action.remove'
+  },
+  ACTION_RESERVE: {
+    id: 'common.action.reserve'
+  },
+  LABEL_APPLIES_SELECTED_ROOMS: {
+    id: 'common.label.applies_selected_rooms'
+  },
+  LABEL_APPLIES_INDIVIDUALS_RESERVATION: {
+    id: 'common.label.applies_individuals_reservation'
+  },
+  LABEL_ENHANCED_YOUR_STAY: {
+    id: 'common.label.enhance_your_stay'
+  },
+  LABEL_FREE: {
+    id: 'common.label.free'
+  },
+  LABEL_GUESTS: {
+    id: 'common.label.guests'
+  },
+  LABEL_INCLUDED: {
+    id: 'common.label.included'
+  },
+  LABEL_NIGHTS: {
+    id: 'common.label.nights'
+  },
+  LABEL_FOR_ENTIRE_STAY: {
+    id: 'common.label.for_entire_stay'
+  },
+  LABEL_FOR_GUEST_AND_NIGHT: {
+    id: 'common.label.for_guest_and_night'
+  }
+};
+//# sourceMappingURL=ModalExtras.l10n.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModalExtras.l10n.js","names":["L10N","exports","ACTION_ADD","id","ACTION_NEXT","ACTION_REMOVE","ACTION_RESERVE","LABEL_APPLIES_SELECTED_ROOMS","LABEL_APPLIES_INDIVIDUALS_RESERVATION","LABEL_ENHANCED_YOUR_STAY","LABEL_FREE","LABEL_GUESTS","LABEL_INCLUDED","LABEL_NIGHTS","LABEL_FOR_ENTIRE_STAY","LABEL_FOR_GUEST_AND_NIGHT"],"sources":["../../../../../src/components/Rates/components/ModalExtras/ModalExtras.l10n.js"],"sourcesContent":["export const L10N = {\n  ACTION_ADD: { id: 'common.action.add' },\n  ACTION_NEXT: { id: 'finder.action.next' },\n  ACTION_REMOVE: { id: 'common.action.remove' },\n  ACTION_RESERVE: { id: 'common.action.reserve' },\n\n  LABEL_APPLIES_SELECTED_ROOMS: { id: 'common.label.applies_selected_rooms' },\n  LABEL_APPLIES_INDIVIDUALS_RESERVATION: { id: 'common.label.applies_individuals_reservation' },\n  LABEL_ENHANCED_YOUR_STAY: { id: 'common.label.enhance_your_stay' },\n  LABEL_FREE: { id: 'common.label.free' },\n  LABEL_GUESTS: { id: 'common.label.guests' },\n  LABEL_INCLUDED: { id: 'common.label.included' },\n  LABEL_NIGHTS: { id: 'common.label.nights' },\n  LABEL_FOR_ENTIRE_STAY: { id: 'common.label.for_entire_stay' },\n  LABEL_FOR_GUEST_AND_NIGHT: { id: 'common.label.for_guest_and_night' },\n};\n"],"mappings":";;;;;;AAAO,MAAMA,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG;EAClBE,UAAU,EAAE;IAAEC,EAAE,EAAE;EAAoB,CAAC;EACvCC,WAAW,EAAE;IAAED,EAAE,EAAE;EAAqB,CAAC;EACzCE,aAAa,EAAE;IAAEF,EAAE,EAAE;EAAuB,CAAC;EAC7CG,cAAc,EAAE;IAAEH,EAAE,EAAE;EAAwB,CAAC;EAE/CI,4BAA4B,EAAE;IAAEJ,EAAE,EAAE;EAAsC,CAAC;EAC3EK,qCAAqC,EAAE;IAAEL,EAAE,EAAE;EAA+C,CAAC;EAC7FM,wBAAwB,EAAE;IAAEN,EAAE,EAAE;EAAiC,CAAC;EAClEO,UAAU,EAAE;IAAEP,EAAE,EAAE;EAAoB,CAAC;EACvCQ,YAAY,EAAE;IAAER,EAAE,EAAE;EAAsB,CAAC;EAC3CS,cAAc,EAAE;IAAET,EAAE,EAAE;EAAwB,CAAC;EAC/CU,YAAY,EAAE;IAAEV,EAAE,EAAE;EAAsB,CAAC;EAC3CW,qBAAqB,EAAE;IAAEX,EAAE,EAAE;EAA+B,CAAC;EAC7DY,yBAAyB,EAAE;IAAEZ,EAAE,EAAE;EAAmC;AACtE,CAAC"}

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

@@ -0,0 +1,104 @@
+.modal {
+  max-height: 100svh;
+}
+
+.scrollView {
+  gap: var(--mirai-ui-space-M);
+  padding: var(--mirai-ui-space-M);
+
+  align-items: stretch;
+  flex-wrap: wrap;
+}
+
+.card {
+  border-radius: var(--mirai-ui-border-radius);
+  box-shadow: inset 0 0 0 1px var(--mirai-ui-content-border);
+  box-sizing: border-box;
+  transition: box-shadow var(--mirai-ui-motion-expand) var(--mirai-ui-motion-easing),
+    filter var(--mirai-ui-motion-expand) var(--mirai-ui-motion-easing),
+    opacity var(--mirai-ui-motion-expand) var(--mirai-ui-motion-easing);
+}
+
+.card.selected {
+  box-shadow: inset 0 0 0 1px var(--mirai-ui-accent);
+}
+
+.card.unselected:not(:hover) {
+  opacity: 0.66;
+  filter: grayscale(1);
+}
+
+.card .anchor {
+  border-bottom: solid 1px var(--mirai-ui-content-border);
+}
+
+.card .gap {
+  gap: var(--mirai-ui-space-XS);
+}
+
+.card .offset {
+  padding: var(--mirai-ui-space-S) var(--mirai-ui-space-M);
+}
+
+.card > .offset:nth-last-child(2) {
+  flex: 1;
+}
+
+.card .spaceBetween {
+  align-items: center;
+  justify-content: space-between;
+}
+
+.card .image {
+  background-color: var(--mirai-ui-content-border);
+  background-position: center;
+  background-size: cover;
+  border-top-left-radius: var(--mirai-ui-border-radius);
+  border-top-right-radius: var(--mirai-ui-border-radius);
+  height: 192px;
+  width: 100%;
+}
+
+.card .inputs {
+  align-items: flex-end;
+  flex: 1;
+  margin: calc(var(--mirai-ui-space-XS) / 2) 0;
+}
+
+.card .inputs > * {
+  margin-bottom: 0;
+}
+
+.footer {
+  box-shadow: inset 0 1px 0 var(--mirai-ui-content-border);
+  gap: var(--mirai-ui-space-S);
+  justify-content: flex-end;
+  padding: var(--mirai-ui-space-M);
+}
+
+.footer .total {
+  flex: 1;
+}
+
+/* S */
+@media only screen and (max-width: 430px) {
+  .card .gap {
+    gap: calc(var(--mirai-ui-space-XS) / 2);
+  }
+}
+
+/* M & L */
+@media only screen and (min-width: 431px) {
+  .modal {
+    max-height: 90svh;
+    max-width: calc(var(--mirai-ui-breakpoint-M) * 0.9);
+  }
+
+  .card {
+    flex-basis: calc(50% - calc(var(--mirai-ui-space-M) / 2));
+  }
+
+  .card .gap {
+    gap: var(--mirai-ui-space-XS);
+  }
+}

package/build/components/Rates/components/ModalExtras/helpers/getCaption.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getCaption = void 0;
+var _locale = require("@mirai/locale");
+var _ModalExtras = require("../ModalExtras.l10n");
+const getCaption = function () {
+  let {
+    inputGuests = false,
+    inputNights = false,
+    valueAmount: guests = 0,
+    valueNights: nights = 0
+  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  let translate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _locale.translate;
+  return inputGuests || inputNights ? translate(_ModalExtras.L10N.LABEL_FOR_GUEST_AND_NIGHT, {
+    guests,
+    nights
+  }) : translate(_ModalExtras.L10N.LABEL_FOR_ENTIRE_STAY);
+};
+exports.getCaption = getCaption;
+//# sourceMappingURL=getCaption.js.map

package/build/components/Rates/components/ModalExtras/helpers/getCaption.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getCaption.js","names":["_locale","require","_ModalExtras","getCaption","inputGuests","inputNights","valueAmount","guests","valueNights","nights","arguments","length","undefined","translate","translateBase","L10N","LABEL_FOR_GUEST_AND_NIGHT","LABEL_FOR_ENTIRE_STAY","exports"],"sources":["../../../../../../src/components/Rates/components/ModalExtras/helpers/getCaption.js"],"sourcesContent":["import { translate as translateBase } from '@mirai/locale';\n\nimport { L10N } from '../ModalExtras.l10n';\n\nexport const getCaption = (\n  { inputGuests = false, inputNights = false, valueAmount: guests = 0, valueNights: nights = 0 } = {},\n  translate = translateBase,\n) =>\n  inputGuests || inputNights\n    ? translate(L10N.LABEL_FOR_GUEST_AND_NIGHT, { guests, nights })\n    : translate(L10N.LABEL_FOR_ENTIRE_STAY);\n"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAEA,IAAAC,YAAA,GAAAD,OAAA;AAEO,MAAME,UAAU,GAAG,SAAAA,CAAA;EAAA,IACxB;IAAEC,WAAW,GAAG,KAAK;IAAEC,WAAW,GAAG,KAAK;IAAEC,WAAW,EAAEC,MAAM,GAAG,CAAC;IAAEC,WAAW,EAAEC,MAAM,GAAG;EAAE,CAAC,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;EAAA,IACnGG,SAAS,GAAAH,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAGI,iBAAa;EAAA,OAEzBV,WAAW,IAAIC,WAAW,GACtBQ,SAAS,CAACE,iBAAI,CAACC,yBAAyB,EAAE;IAAET,MAAM;IAAEE;EAAO,CAAC,CAAC,GAC7DI,SAAS,CAACE,iBAAI,CAACE,qBAAqB,CAAC;AAAA;AAACC,OAAA,CAAAf,UAAA,GAAAA,UAAA"}

package/build/components/Rates/components/ModalExtras/helpers/index.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _getCaption = require("./getCaption");
+Object.keys(_getCaption).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _getCaption[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _getCaption[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/build/components/Rates/components/ModalExtras/helpers/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_getCaption","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../../../src/components/Rates/components/ModalExtras/helpers/index.js"],"sourcesContent":["export * from './getCaption';\n"],"mappings":";;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,WAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,WAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,WAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}

package/build/components/Rates/components/ModalExtras/index.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _ModalExtras = require("./ModalExtras");
+Object.keys(_ModalExtras).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ModalExtras[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ModalExtras[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/build/components/Rates/components/ModalExtras/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_ModalExtras","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../../src/components/Rates/components/ModalExtras/index.js"],"sourcesContent":["export * from './ModalExtras';\n"],"mappings":";;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,YAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,YAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,YAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}

package/build/components/Rates/components/index.js

@@ -0,0 +1,61 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _CardHotel = require("./CardHotel");
+Object.keys(_CardHotel).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _CardHotel[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _CardHotel[key];
+    }
+  });
+});
+var _ClubRate = require("./ClubRate");
+Object.keys(_ClubRate).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ClubRate[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ClubRate[key];
+    }
+  });
+});
+var _Hotelverse = require("./Hotelverse");
+Object.keys(_Hotelverse).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Hotelverse[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Hotelverse[key];
+    }
+  });
+});
+var _Item = require("./Item");
+Object.keys(_Item).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Item[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Item[key];
+    }
+  });
+});
+var _ModalExtras = require("./ModalExtras");
+Object.keys(_ModalExtras).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ModalExtras[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ModalExtras[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_CardHotel","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_ClubRate","_Hotelverse","_Item","_ModalExtras"],"sources":["../../../../src/components/Rates/components/index.js"],"sourcesContent":["export * from './CardHotel';\nexport * from './ClubRate';\nexport * from './Hotelverse';\nexport * from './Item';\nexport * from './ModalExtras';\n"],"mappings":";;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,UAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,UAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,UAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,SAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,SAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,SAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,SAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,WAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,WAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,WAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,WAAA,CAAAN,GAAA;IAAA;EAAA;AAAA;AACA,IAAAO,KAAA,GAAAX,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAS,KAAA,EAAAR,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAO,KAAA,CAAAP,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAG,KAAA,CAAAP,GAAA;IAAA;EAAA;AAAA;AACA,IAAAQ,YAAA,GAAAZ,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAU,YAAA,EAAAT,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAQ,YAAA,CAAAR,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAI,YAAA,CAAAR,GAAA;IAAA;EAAA;AAAA"}