@mirai/core 0.4.58 → 0.4.60

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

@@ -1 +1 @@
-{"version":3,"file":"Item.Summary.js","names":["_dataSources","require","_locale","_ui","_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","Summary","_ref","availableRates","features","showPricePerNight","id","roomId","isSoldOut","multiRoom","name","roomName","nights","priceFactor","selected","selectedBoard","taxesType","onSelect","others","isMobile","useDevice","currencyFormat","translate","useLocale","value","currency","useStore","busy","setBusy","useState","useEffect","keys","length","basePrice","cancellationId","checkoutPrice","confidential","dayPrice","deals","discount","fees","originalPrice","price","rateId","taxes","totalPriceRaw","isSelected","handlePress","undefined","percentage","discountPercentage","clubOffer","getClubRate","board","rate","find","_ref2","testId","createElement","Fragment","View","className","offset","summary","row","Text","bold","small","tag","highlight","L10N","LABEL_ONLY_MEMBERS","accent","LABEL_DISCOUNT","concat","gap","content","end","headline","level","maximumFractionDigits","action","light","lineThrough","tiny","LABEL_FOR_NIGHTS","LABEL_PER_NIGHT","getLabelTaxes","PriceDetails","priceDetails","Button","disabled","secondary","onPress","LABEL_NOT_AVAILABLE","LABEL_DESELECT","LABEL_SELECT","ACTION_RESERVE","exports","displayName","propTypes","PropTypes","arrayOf","any","shape","bool","number","string","func"],"sources":["../../../../../src/components/Rates/components/Item/Item.Summary.jsx"],"sourcesContent":["import { useStore } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\nimport { Button, Text, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\n\nimport { PriceDetails } from './components';\nimport { L10N } from './Item.l10n';\nimport * as style from './Item.module.css';\nimport { getLabelTaxes, getClubRate } from '../../helpers';\n\nconst Summary = ({\n  availableRates = [],\n  features: { showPricePerNight = false } = {},\n  id: roomId,\n  isSoldOut = false,\n  multiRoom = false,\n  name: roomName,\n  nights = 2,\n  priceFactor = 1,\n  selected = {},\n  selectedBoard = {},\n  taxesType,\n  onSelect,\n  ...others\n}) => {\n  const { isMobile } = useDevice();\n  const { currencyFormat, translate } = useLocale();\n  const { value: { currency } = {} } = useStore();\n\n  const [busy, setBusy] = useState(false);\n\n  useEffect(() => Object.keys(selected).length === 0 && setBusy(false), [selected]);\n\n  const {\n    basePrice,\n    cancellationId,\n    checkoutPrice,\n    confidential,\n    dayPrice,\n    deals,\n    discount,\n    fees,\n    id,\n    name,\n    originalPrice = 0,\n    price = 0,\n    rateId,\n    taxes,\n    totalPriceRaw,\n  } = selectedBoard;\n\n  const isSelected = selected.id === id;\n\n  const handlePress = () => {\n    if (!multiRoom) setBusy(true);\n    onSelect(\n      !isSelected\n        ? {\n            basePrice,\n            cancellationId,\n            checkoutPrice,\n            confidential,\n            deals,\n            discount,\n            fees,\n            id,\n            name,\n            price,\n            rateId,\n            roomId,\n            roomName,\n            taxes,\n            totalPriceRaw,\n          }\n        : undefined,\n    );\n  };\n\n  const { percentage: discountPercentage = 0 } = discount || {};\n\n  const clubOffer = getClubRate({\n    board: selectedBoard,\n    rate: availableRates.find(({ id }) => rateId === id),\n  });\n\n  const { testId } = others;\n\n  return (\n    <>\n      <View className={[style.offset, style.summary]}>\n        <View row>\n          {clubOffer && (\n            <Text bold small className={[style.tag, style.highlight]}>\n              {translate(L10N.LABEL_ONLY_MEMBERS)}\n            </Text>\n          )}\n\n          {!isSoldOut && discountPercentage > 0 && (\n            <Text accent bold small>\n              {translate(L10N.LABEL_DISCOUNT, { value: `${discountPercentage}%` })}\n            </Text>\n          )}\n        </View>\n\n        <View row className={[style.gap, style.content, isSoldOut && style.end]}>\n          {!isSoldOut && (\n            <View>\n              <View row className={style.price}>\n                <Text bold headline level={isMobile || multiRoom || price >= 10000 ? 3 : 2}>\n                  {currencyFormat({ currency, maximumFractionDigits: 0, value: price / priceFactor })}\n                </Text>\n\n                {price !== originalPrice && (\n                  <Text action light className={style.lineThrough}>\n                    {currencyFormat({ currency, maximumFractionDigits: 0, value: originalPrice / priceFactor })}\n                  </Text>\n                )}\n              </View>\n\n              {nights > 1 && (\n                <Text small={!isMobile} tiny={isMobile}>{`${currencyFormat({\n                  currency,\n                  value: showPricePerNight ? price : dayPrice,\n                })} ${translate(showPricePerNight ? L10N.LABEL_FOR_NIGHTS : L10N.LABEL_PER_NIGHT, { nights })}`}</Text>\n              )}\n\n              {!!taxesType && (\n                <Text light small={!isMobile} tiny={isMobile}>\n                  {translate(getLabelTaxes(taxesType))}\n                </Text>\n              )}\n\n              {(discountPercentage > 0 || fees > 0 || taxes > 0) && (\n                <PriceDetails {...{ board: selectedBoard }} className={style.priceDetails} />\n              )}\n            </View>\n          )}\n\n          <Button\n            busy={busy}\n            disabled={isSoldOut}\n            secondary={multiRoom && isSelected}\n            onPress={handlePress}\n            testId={testId ? `${testId}-select` : undefined}\n          >\n            {translate(\n              isSoldOut\n                ? L10N.LABEL_NOT_AVAILABLE\n                : multiRoom\n                ? isSelected\n                  ? L10N.LABEL_DESELECT\n                  : L10N.LABEL_SELECT\n                : L10N.ACTION_RESERVE,\n            )}\n          </Button>\n        </View>\n      </View>\n    </>\n  );\n};\n\nSummary.displayName = 'Mirai:Core:Rates:Item:Summary';\n\nSummary.propTypes = {\n  availableRates: PropTypes.arrayOf(PropTypes.any),\n  features: PropTypes.shape({\n    showPricePerNight: PropTypes.bool,\n  }),\n  id: PropTypes.number,\n  isSoldOut: PropTypes.bool,\n  multiRoom: PropTypes.bool,\n  name: PropTypes.string,\n  nights: PropTypes.number,\n  priceFactor: PropTypes.number,\n  selected: PropTypes.shape({}),\n  selectedBoard: PropTypes.shape({}),\n  taxesType: PropTypes.number,\n  onSelect: PropTypes.func,\n};\n\nexport { Summary };\n"],"mappings":"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"}
+{"version":3,"file":"Item.Summary.js","names":["_dataSources","require","_locale","_ui","_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","Summary","_ref","availableRates","features","showPricePerNight","id","roomId","isSoldOut","multiRoom","name","roomName","nights","priceFactor","selected","selectedBoard","taxesType","onSelect","others","isMobile","useDevice","currencyFormat","translate","useLocale","value","currency","useStore","busy","setBusy","useState","useEffect","keys","length","basePrice","cancellationId","checkoutPrice","confidential","dayPrice","deals","discount","fees","originalPrice","price","rateId","taxes","totalPriceRaw","isSelected","handlePress","undefined","percentage","discountPercentage","clubOffer","getClubRate","board","rate","find","_ref2","testId","createElement","Fragment","View","className","offset","summary","row","Text","bold","small","tag","highlight","L10N","LABEL_ONLY_MEMBERS","accent","LABEL_DISCOUNT","concat","gap","content","end","headline","level","maximumFractionDigits","minimumFractionDigits","action","light","lineThrough","tiny","LABEL_FOR_NIGHTS","LABEL_PER_NIGHT","getLabelTaxes","PriceDetails","priceDetails","Button","disabled","secondary","onPress","LABEL_NOT_AVAILABLE","LABEL_DESELECT","LABEL_SELECT","ACTION_RESERVE","exports","displayName","propTypes","PropTypes","arrayOf","any","shape","bool","number","string","func"],"sources":["../../../../../src/components/Rates/components/Item/Item.Summary.jsx"],"sourcesContent":["import { useStore } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\nimport { Button, Text, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\n\nimport { PriceDetails } from './components';\nimport { L10N } from './Item.l10n';\nimport * as style from './Item.module.css';\nimport { getLabelTaxes, getClubRate } from '../../helpers';\n\nconst Summary = ({\n  availableRates = [],\n  features: { showPricePerNight = false } = {},\n  id: roomId,\n  isSoldOut = false,\n  multiRoom = false,\n  name: roomName,\n  nights = 2,\n  priceFactor = 1,\n  selected = {},\n  selectedBoard = {},\n  taxesType,\n  onSelect,\n  ...others\n}) => {\n  const { isMobile } = useDevice();\n  const { currencyFormat, translate } = useLocale();\n  const { value: { currency } = {} } = useStore();\n\n  const [busy, setBusy] = useState(false);\n\n  useEffect(() => Object.keys(selected).length === 0 && setBusy(false), [selected]);\n\n  const {\n    basePrice,\n    cancellationId,\n    checkoutPrice,\n    confidential,\n    dayPrice,\n    deals,\n    discount,\n    fees,\n    id,\n    name,\n    originalPrice = 0,\n    price = 0,\n    rateId,\n    taxes,\n    totalPriceRaw,\n  } = selectedBoard;\n\n  const isSelected = selected.id === id;\n\n  const handlePress = () => {\n    if (!multiRoom) setBusy(true);\n    onSelect(\n      !isSelected\n        ? {\n            basePrice,\n            cancellationId,\n            checkoutPrice,\n            confidential,\n            deals,\n            discount,\n            fees,\n            id,\n            name,\n            price,\n            rateId,\n            roomId,\n            roomName,\n            taxes,\n            totalPriceRaw,\n          }\n        : undefined,\n    );\n  };\n\n  const { percentage: discountPercentage = 0 } = discount || {};\n\n  const clubOffer = getClubRate({\n    board: selectedBoard,\n    rate: availableRates.find(({ id }) => rateId === id),\n  });\n\n  const { testId } = others;\n\n  return (\n    <>\n      <View className={[style.offset, style.summary]}>\n        <View row>\n          {clubOffer && (\n            <Text bold small className={[style.tag, style.highlight]}>\n              {translate(L10N.LABEL_ONLY_MEMBERS)}\n            </Text>\n          )}\n\n          {!isSoldOut && discountPercentage > 0 && (\n            <Text accent bold small>\n              {translate(L10N.LABEL_DISCOUNT, { value: `${discountPercentage}%` })}\n            </Text>\n          )}\n        </View>\n\n        <View row className={[style.gap, style.content, isSoldOut && style.end]}>\n          {!isSoldOut && (\n            <View>\n              <View row className={style.price}>\n                <Text bold headline level={isMobile || multiRoom || price >= 10000 ? 3 : 2}>\n                  {currencyFormat({\n                    currency,\n                    maximumFractionDigits: 0,\n                    minimumFractionDigits: 0,\n                    value: price / priceFactor,\n                  })}\n                </Text>\n\n                {price !== originalPrice && (\n                  <Text action light className={style.lineThrough}>\n                    {currencyFormat({\n                      currency,\n                      maximumFractionDigits: 0,\n                      minimumFractionDigits: 0,\n                      value: originalPrice / priceFactor,\n                    })}\n                  </Text>\n                )}\n              </View>\n\n              {nights > 1 && (\n                <Text small={!isMobile} tiny={isMobile}>{`${currencyFormat({\n                  currency,\n                  value: showPricePerNight ? price : dayPrice,\n                })} ${translate(showPricePerNight ? L10N.LABEL_FOR_NIGHTS : L10N.LABEL_PER_NIGHT, { nights })}`}</Text>\n              )}\n\n              {!!taxesType && (\n                <Text light small={!isMobile} tiny={isMobile}>\n                  {translate(getLabelTaxes(taxesType))}\n                </Text>\n              )}\n\n              {(discountPercentage > 0 || fees > 0 || taxes > 0) && (\n                <PriceDetails {...{ board: selectedBoard }} className={style.priceDetails} />\n              )}\n            </View>\n          )}\n\n          <Button\n            busy={busy}\n            disabled={isSoldOut}\n            secondary={multiRoom && isSelected}\n            onPress={handlePress}\n            testId={testId ? `${testId}-select` : undefined}\n          >\n            {translate(\n              isSoldOut\n                ? L10N.LABEL_NOT_AVAILABLE\n                : multiRoom\n                ? isSelected\n                  ? L10N.LABEL_DESELECT\n                  : L10N.LABEL_SELECT\n                : L10N.ACTION_RESERVE,\n            )}\n          </Button>\n        </View>\n      </View>\n    </>\n  );\n};\n\nSummary.displayName = 'Mirai:Core:Rates:Item:Summary';\n\nSummary.propTypes = {\n  availableRates: PropTypes.arrayOf(PropTypes.any),\n  features: PropTypes.shape({\n    showPricePerNight: PropTypes.bool,\n  }),\n  id: PropTypes.number,\n  isSoldOut: PropTypes.bool,\n  multiRoom: PropTypes.bool,\n  name: PropTypes.string,\n  nights: PropTypes.number,\n  priceFactor: PropTypes.number,\n  selected: PropTypes.shape({}),\n  selectedBoard: PropTypes.shape({}),\n  taxesType: PropTypes.number,\n  onSelect: PropTypes.func,\n};\n\nexport { Summary };\n"],"mappings":"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"}

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

@@ -0,0 +1,231 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Extras = 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");
+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 Extras = _ref => {
+  let {
+    extras: propExtras = [],
+    onChange = () => {}
+  } = _ref;
+  const {
+    isMobile,
+    isTablet,
+    width
+  } = (0, _ui.useDevice)();
+  const {
+    currencyFormat,
+    translate
+  } = (0, _locale.useLocale)();
+  const {
+    value: {
+      currency,
+      finder = {},
+      hotel: {
+        accommodationType: hotelAccommodationType,
+        variants = {}
+      } = {}
+    } = {}
+  } = (0, _dataSources.useStore)();
+  const [extras, setExtras] = (0, _react.useState)(propExtras);
+  const handleChange = function () {
+    let {
+      id,
+      field,
+      value
+    } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    // ! Why parse Number()? should come from the service.
+    setExtras(extras.map(extra => ({
+      ...extra,
+      [field]: extra.id === id ? parseInt(value) : extra[field]
+    })));
+  };
+  const handleSelect = id => {
+    const next = extras.map(_ref2 => {
+      let {
+        selected = false,
+        ...extra
+      } = _ref2;
+      return {
+        ...extra,
+        selected: extra.id === id ? !selected : selected
+      };
+    });
+    setExtras(next);
+    onChange(next.filter(_ref3 => {
+      let {
+        selected
+      } = _ref3;
+      return !!selected;
+    }));
+    _dataSources.Event.publish(_helpers2.EVENT.METRICS, {
+      id: "RATES:EXTRAS:".concat(next.filter(_ref4 => {
+        let {
+          selected
+        } = _ref4;
+        return selected;
+      }).length > extras.filter(_ref5 => {
+        let {
+          selected
+        } = _ref5;
+        return selected;
+      }).length ? 'ADD' : 'REMOVE')
+    });
+  };
+  const hasSelected = extras.filter(item => !!item.selected).length > 0;
+  const {
+    place: {
+      id: [id] = []
+    } = {}
+  } = finder;
+  const {
+    accommodationType = hotelAccommodationType
+  } = variants[id] || {};
+  const standaloneCard = extras.length === 1;
+  const spaceM = 16;
+  const cardWidth = isMobile ? width - spaceM * 4 : isTablet ? width / 2 - spaceM * 2 : 320;
+  return /*#__PURE__*/_react.default.createElement(_ui.Slider, {
+    visibleItems: isMobile ? 1 : isTablet ? 2 : 2.5,
+    width: cardWidth,
+    className: style.slider
+  }, extras.map(function () {
+    let {
+      accommodationThreshold = 0,
+      amount = 0,
+      conditions,
+      frequency,
+      guestThreshold = 0,
+      guestType,
+      id,
+      image,
+      included = false,
+      inputGuests = false,
+      inputNights = false,
+      nights = 0,
+      selected = false,
+      text,
+      title,
+      type,
+      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, standaloneCard && style.standalone, hasSelected && selected ? style.selected : undefined),
+      style: {
+        maxWidth: cardWidth,
+        minWidth: cardWidth
+      }
+    }, /*#__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, {
+      light: 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, {
+      capitalize: true,
+      name: "guests",
+      label: (0, _helpers2.getGuestLabel)({
+        plural: true,
+        type: guestType
+      }, translate),
+      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 ? currencyFormat({
+      currency,
+      maximumFractionDigits: 0,
+      value: total
+    }) : translate(_ModalExtras.L10N.LABEL_FREE)), /*#__PURE__*/_react.default.createElement(_ui.Text, {
+      light: true,
+      small: true
+    }, (0, _helpers.getCaption)({
+      accommodationType,
+      amount,
+      frequency,
+      guestType,
+      inputGuests,
+      type,
+      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))));
+  }));
+};
+exports.Extras = Extras;
+Extras.propTypes = {
+  extras: _propTypes.default.any,
+  onChange: _propTypes.default.func
+};
+Extras.displayName = 'Mirai:Core:Rates:Extras';
+//# sourceMappingURL=Extras.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Extras.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_helpers","_ModalExtras","style","_helpers2","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","Extras","_ref","extras","propExtras","onChange","isMobile","isTablet","width","useDevice","currencyFormat","translate","useLocale","value","currency","finder","hotel","accommodationType","hotelAccommodationType","variants","useStore","setExtras","useState","handleChange","id","field","arguments","length","undefined","map","extra","parseInt","handleSelect","next","_ref2","selected","filter","_ref3","Event","publish","EVENT","METRICS","concat","_ref4","_ref5","hasSelected","item","place","standaloneCard","spaceM","cardWidth","createElement","Slider","visibleItems","className","slider","accommodationThreshold","amount","conditions","frequency","guestThreshold","guestType","image","included","inputGuests","inputNights","nights","text","title","type","valueAmount","valueNights","price","total","View","key","wide","styles","card","standalone","maxWidth","minWidth","backgroundImage","gap","offset","anchor","Text","bold","small","Notification","inline","warning","L10N","LABEL_APPLIES_SELECTED_ROOMS","LABEL_APPLIES_INDIVIDUALS_RESERVATION","light","tiny","row","inputs","InputSelect","capitalize","name","label","getGuestLabel","plural","options","Array","from","_","index","toString","LABEL_NIGHTS","spaceBetween","headline","maximumFractionDigits","LABEL_FREE","getCaption","Button","secondary","onPress","LABEL_INCLUDED","ACTION_REMOVE","ACTION_ADD","exports","propTypes","PropTypes","any","func","displayName"],"sources":["../../../../../src/components/Rates/components/ModalExtras/Extras.jsx"],"sourcesContent":["import { Event, useStore } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\nimport { Button, InputSelect, Notification, Slider, styles, Text, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useState } from 'react';\n\nimport { getCaption } from './helpers';\nimport { L10N } from './ModalExtras.l10n';\nimport * as style from './ModalExtras.module.css';\nimport { getGuestLabel } from '../../../helpers';\nimport { EVENT } from '../../../helpers';\n\nconst Extras = ({ extras: propExtras = [], onChange = () => {} }) => {\n  const { isMobile, isTablet, width } = useDevice();\n  const { currencyFormat, translate } = useLocale();\n  const {\n    value: { currency, finder = {}, hotel: { accommodationType: hotelAccommodationType, variants = {} } = {} } = {},\n  } = useStore();\n\n  const [extras, setExtras] = useState(propExtras);\n\n  const handleChange = ({ id, field, value } = {}) => {\n    // ! Why parse Number()? should come from the service.\n    setExtras(extras.map((extra) => ({ ...extra, [field]: extra.id === id ? parseInt(value) : extra[field] })));\n  };\n\n  const handleSelect = (id) => {\n    const next = extras.map(({ selected = false, ...extra }) => ({\n      ...extra,\n      selected: extra.id === id ? !selected : selected,\n    }));\n\n    setExtras(next);\n\n    onChange(next.filter(({ selected }) => !!selected));\n\n    Event.publish(EVENT.METRICS, {\n      id: `RATES:EXTRAS:${\n        next.filter(({ selected }) => selected).length > extras.filter(({ selected }) => selected).length\n          ? 'ADD'\n          : 'REMOVE'\n      }`,\n    });\n  };\n\n  const hasSelected = extras.filter((item) => !!item.selected).length > 0;\n  const { place: { id: [id] = [] } = {} } = finder;\n  const { accommodationType = hotelAccommodationType } = variants[id] || {};\n  const standaloneCard = extras.length === 1;\n\n  const spaceM = 16;\n  const cardWidth = isMobile ? width - spaceM * 4 : isTablet ? width / 2 - spaceM * 2 : 320;\n\n  return (\n    <Slider visibleItems={isMobile ? 1 : isTablet ? 2 : 2.5} width={cardWidth} className={style.slider}>\n      {extras.map(\n        ({\n          accommodationThreshold = 0,\n          amount = 0,\n          conditions,\n          frequency,\n          guestThreshold = 0,\n          guestType,\n          id,\n          image,\n          included = false,\n          inputGuests = false,\n          inputNights = false,\n          nights = 0,\n          selected = false,\n          text,\n          title,\n          type,\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(\n                style.card,\n                standaloneCard && style.standalone,\n                hasSelected && selected ? style.selected : undefined,\n              )}\n              style={{ maxWidth: cardWidth, minWidth: cardWidth }}\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 light 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                        capitalize\n                        name=\"guests\"\n                        label={getGuestLabel({ plural: true, type: guestType }, translate)}\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\n                      ? currencyFormat({ currency, maximumFractionDigits: 0, value: total })\n                      : translate(L10N.LABEL_FREE)}\n                  </Text>\n                  <Text light small>\n                    {getCaption(\n                      {\n                        accommodationType,\n                        amount,\n                        frequency,\n                        guestType,\n                        inputGuests,\n                        type,\n                        valueAmount,\n                        valueNights,\n                      },\n                      translate,\n                    )}\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    </Slider>\n  );\n};\n\nExtras.propTypes = {\n  extras: PropTypes.any,\n  onChange: PropTypes.func,\n};\n\nExtras.displayName = 'Mirai:Core:Rates:Extras';\n\nexport { Extras };\n"],"mappings":"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"}

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

@@ -188,7 +188,7 @@ const ModalExtras = _ref => {
     return /*#__PURE__*/_react.default.createElement(_ui.View, {
       key: id,
       wide: true,
-      className: (0, _ui.styles)(style.card, standaloneCard && style.standalone, hasSelected ? selected ? style.selected : style.unselected : undefined)
+      className: (0, _ui.styles)(style.card, standaloneCard && style.standalone, hasSelected && selected ? style.selected : undefined)
     }, /*#__PURE__*/_react.default.createElement(_ui.View, {
       className: style.image,
       style: {
@@ -257,6 +257,7 @@ const ModalExtras = _ref => {
     }, total ? currencyFormat({
       currency,
       maximumFractionDigits: 0,
+      minimumFractionDigits: 0,
       value: total
     }) : translate(_ModalExtras.L10N.LABEL_FREE)), /*#__PURE__*/_react.default.createElement(_ui.Text, {
       light: true,
@@ -287,6 +288,7 @@ const ModalExtras = _ref => {
   }, currencyFormat({
     currency,
     maximumFractionDigits: 0,
+    minimumFractionDigits: 0,
     value: total + totalExtras
   })), !!taxesType && /*#__PURE__*/_react.default.createElement(_ui.Text, {
     light: true,

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

@@ -1 +1 @@
-{"version":3,"file":"ModalExtras.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_helpers","_ModalExtras","style","_helpers2","_helpers3","_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","busy","cart","extras","propExtras","taxesType","visible","onCancel","onSubmit","others","isMobile","useDevice","currencyFormat","translate","useLocale","value","currency","finder","hotel","accommodationType","hotelAccommodationType","variants","useStore","setExtras","useState","useEffect","Event","publish","EVENT","METRICS","id","handleChange","field","undefined","map","extra","parseInt","handleSelect","next","_ref2","selected","concat","filter","_ref3","_ref4","handleSubmit","item","included","_ref5","_baseValue","amount","baseValue","nights","valueAmount","valueNights","price","hasSelected","total","reduce","totalExtras","_value","place","standaloneCard","testId","createElement","Modal","fit","title","L10N","LABEL_ENHANCED_YOUR_STAY","onClose","className","modal","ScrollView","scrollIndicator","scrollTo","snap","scrollView","View","row","container","accommodationThreshold","conditions","frequency","guestThreshold","guestType","image","inputGuests","inputNights","text","type","wide","styles","card","standalone","unselected","backgroundImage","gap","offset","anchor","Text","bold","small","Notification","inline","warning","LABEL_APPLIES_SELECTED_ROOMS","LABEL_APPLIES_INDIVIDUALS_RESERVATION","light","tiny","inputs","InputSelect","capitalize","name","label","getGuestLabel","plural","options","Array","from","_","index","toString","onChange","LABEL_NIGHTS","spaceBetween","headline","maximumFractionDigits","LABEL_FREE","getCaption","Button","secondary","onPress","LABEL_INCLUDED","ACTION_REMOVE","ACTION_ADD","footer","level","getLabelTaxes","PriceDetails","_ref6","metrics","priceDetails","ACTION_RESERVE","ACTION_NEXT","exports","propTypes","PropTypes","bool","arrayOf","shape","number","func","displayName"],"sources":["../../../../../src/components/Rates/components/ModalExtras/ModalExtras.jsx"],"sourcesContent":["import { Event, useStore } from '@mirai/data-sources';\nimport { 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 { getGuestLabel } from '../../../helpers';\nimport { EVENT } from '../../../helpers';\nimport { getLabelTaxes } from '../../helpers';\nimport { PriceDetails } from '../Item/components';\n\nconst ModalExtras = ({\n  busy,\n  cart = [],\n  extras: propExtras = [],\n  taxesType,\n  visible = false,\n  onCancel = () => {},\n  onSubmit = () => {},\n  ...others\n}) => {\n  const { isMobile } = useDevice();\n  const { currencyFormat, translate } = useLocale();\n  const {\n    value: { currency, finder = {}, hotel: { accommodationType: hotelAccommodationType, variants = {} } = {} } = {},\n  } = useStore();\n\n  const [extras, setExtras] = useState(propExtras);\n\n  useEffect(() => {\n    if (visible) {\n      setExtras(propExtras);\n      Event.publish(EVENT.METRICS, { id: 'RATES:EXTRAS' });\n    }\n  }, [propExtras, visible]);\n\n  const handleChange = ({ id, field, value } = {}) => {\n    // ! Why parse Number()? should come from the service.\n    setExtras(extras.map((extra) => ({ ...extra, [field]: extra.id === id ? parseInt(value) : extra[field] })));\n  };\n\n  const handleSelect = (id) => {\n    const next = extras.map(({ selected = false, ...extra }) => ({\n      ...extra,\n      selected: extra.id === id ? !selected : selected,\n    }));\n\n    setExtras(next);\n\n    Event.publish(EVENT.METRICS, {\n      id: `RATES:EXTRAS:${\n        next.filter(({ selected }) => selected).length > extras.filter(({ selected }) => selected).length\n          ? 'ADD'\n          : 'REMOVE'\n      }`,\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  const { place: { id: [id] = [] } = {} } = finder;\n  const { accommodationType = hotelAccommodationType } = variants[id] || {};\n  const standaloneCard = extras.length === 1;\n  const { testId } = others;\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      testId={testId}\n    >\n      <ScrollView scrollIndicator scrollTo={visible ? 0.5 : undefined} snap={false} className={style.scrollView}>\n        <View row className={style.container}>\n          {extras.map(\n            ({\n              accommodationThreshold = 0,\n              amount = 0,\n              conditions,\n              frequency,\n              guestThreshold = 0,\n              guestType,\n              id,\n              image,\n              included = false,\n              inputGuests = false,\n              inputNights = false,\n              nights = 0,\n              selected = false,\n              text,\n              title,\n              type,\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(\n                    style.card,\n                    standaloneCard && style.standalone,\n                    hasSelected ? (selected ? style.selected : style.unselected) : undefined,\n                  )}\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 light 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                            capitalize\n                            name=\"guests\"\n                            label={getGuestLabel({ plural: true, type: guestType }, translate)}\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\n                          ? currencyFormat({ currency, maximumFractionDigits: 0, value: total })\n                          : translate(L10N.LABEL_FREE)}\n                      </Text>\n                      <Text light small>\n                        {getCaption(\n                          {\n                            accommodationType,\n                            amount,\n                            frequency,\n                            guestType,\n                            inputGuests,\n                            type,\n                            valueAmount,\n                            valueNights,\n                          },\n                          translate,\n                        )}\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        </View>\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            {!!taxesType && (\n              <Text light small={!isMobile} tiny={isMobile}>\n                {translate(getLabelTaxes(taxesType))}\n              </Text>\n            )}\n\n            <PriceDetails\n              extras={extras.filter(({ selected }) => selected)}\n              cart={cart}\n              metrics=\"RATES:EXTRAS\"\n              {...others}\n              className={style.priceDetails}\n            />\n          </View>\n        )}\n\n        <Button busy={busy} onPress={handleSubmit} testId={testId ? `${testId}-submit` : undefined}>\n          {translate(hasSelected ? L10N.ACTION_RESERVE : L10N.ACTION_NEXT)}\n        </Button>\n      </View>\n    </Modal>\n  );\n};\n\nModalExtras.propTypes = {\n  busy: PropTypes.bool,\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":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,GAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAC,uBAAA,CAAAN,OAAA;AAEA,IAAAO,QAAA,GAAAP,OAAA;AACA,IAAAQ,YAAA,GAAAR,OAAA;AACA,IAAAS,KAAA,GAAAH,uBAAA,CAAAN,OAAA;AACA,IAAAU,SAAA,GAAAV,OAAA;AAEA,IAAAW,SAAA,GAAAX,OAAA;AACA,IAAAY,WAAA,GAAAZ,OAAA;AAAkD,SAAAa,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAR,wBAAAQ,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAlB,uBAAA8B,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAhB,UAAA,GAAAgB,GAAA,KAAAf,OAAA,EAAAe,GAAA;AAAA,SAAAC,SAAA,IAAAA,QAAA,GAAAV,MAAA,CAAAW,MAAA,GAAAX,MAAA,CAAAW,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAN,CAAA,MAAAA,CAAA,GAAAO,SAAA,CAAAC,MAAA,EAAAR,CAAA,UAAAS,MAAA,GAAAF,SAAA,CAAAP,CAAA,YAAAU,GAAA,IAAAD,MAAA,QAAAhB,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAU,MAAA,EAAAC,GAAA,KAAAJ,MAAA,CAAAI,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAJ,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAJ,SAAA;AAElD,MAAMK,WAAW,GAAGC,IAAA,IASd;EAAA,IATe;IACnBC,IAAI;IACJC,IAAI,GAAG,EAAE;IACTC,MAAM,EAAEC,UAAU,GAAG,EAAE;IACvBC,SAAS;IACTC,OAAO,GAAG,KAAK;IACfC,QAAQ,GAAGA,CAAA,KAAM,CAAC,CAAC;IACnBC,QAAQ,GAAGA,CAAA,KAAM,CAAC,CAAC;IACnB,GAAGC;EACL,CAAC,GAAAT,IAAA;EACC,MAAM;IAAEU;EAAS,CAAC,GAAG,IAAAC,aAAS,EAAC,CAAC;EAChC,MAAM;IAAEC,cAAc;IAAEC;EAAU,CAAC,GAAG,IAAAC,iBAAS,EAAC,CAAC;EACjD,MAAM;IACJC,KAAK,EAAE;MAAEC,QAAQ;MAAEC,MAAM,GAAG,CAAC,CAAC;MAAEC,KAAK,EAAE;QAAEC,iBAAiB,EAAEC,sBAAsB;QAAEC,QAAQ,GAAG,CAAC;MAAE,CAAC,GAAG,CAAC;IAAE,CAAC,GAAG,CAAC;EAChH,CAAC,GAAG,IAAAC,qBAAQ,EAAC,CAAC;EAEd,MAAM,CAACnB,MAAM,EAAEoB,SAAS,CAAC,GAAG,IAAAC,eAAQ,EAACpB,UAAU,CAAC;EAEhD,IAAAqB,gBAAS,EAAC,MAAM;IACd,IAAInB,OAAO,EAAE;MACXiB,SAAS,CAACnB,UAAU,CAAC;MACrBsB,kBAAK,CAACC,OAAO,CAACC,eAAK,CAACC,OAAO,EAAE;QAAEC,EAAE,EAAE;MAAe,CAAC,CAAC;IACtD;EACF,CAAC,EAAE,CAAC1B,UAAU,EAAEE,OAAO,CAAC,CAAC;EAEzB,MAAMyB,YAAY,GAAG,SAAAA,CAAA,EAA+B;IAAA,IAA9B;MAAED,EAAE;MAAEE,KAAK;MAAEjB;IAAM,CAAC,GAAArB,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAuC,SAAA,GAAAvC,SAAA,MAAG,CAAC,CAAC;IAC7C;IACA6B,SAAS,CAACpB,MAAM,CAAC+B,GAAG,CAAEC,KAAK,KAAM;MAAE,GAAGA,KAAK;MAAE,CAACH,KAAK,GAAGG,KAAK,CAACL,EAAE,KAAKA,EAAE,GAAGM,QAAQ,CAACrB,KAAK,CAAC,GAAGoB,KAAK,CAACH,KAAK;IAAE,CAAC,CAAC,CAAC,CAAC;EAC7G,CAAC;EAED,MAAMK,YAAY,GAAIP,EAAE,IAAK;IAC3B,MAAMQ,IAAI,GAAGnC,MAAM,CAAC+B,GAAG,CAACK,KAAA;MAAA,IAAC;QAAEC,QAAQ,GAAG,KAAK;QAAE,GAAGL;MAAM,CAAC,GAAAI,KAAA;MAAA,OAAM;QAC3D,GAAGJ,KAAK;QACRK,QAAQ,EAAEL,KAAK,CAACL,EAAE,KAAKA,EAAE,GAAG,CAACU,QAAQ,GAAGA;MAC1C,CAAC;IAAA,CAAC,CAAC;IAEHjB,SAAS,CAACe,IAAI,CAAC;IAEfZ,kBAAK,CAACC,OAAO,CAACC,eAAK,CAACC,OAAO,EAAE;MAC3BC,EAAE,kBAAAW,MAAA,CACAH,IAAI,CAACI,MAAM,CAACC,KAAA;QAAA,IAAC;UAAEH;QAAS,CAAC,GAAAG,KAAA;QAAA,OAAKH,QAAQ;MAAA,EAAC,CAAC7C,MAAM,GAAGQ,MAAM,CAACuC,MAAM,CAACE,KAAA;QAAA,IAAC;UAAEJ;QAAS,CAAC,GAAAI,KAAA;QAAA,OAAKJ,QAAQ;MAAA,EAAC,CAAC7C,MAAM,GAC7F,KAAK,GACL,QAAQ;IAEhB,CAAC,CAAC;EACJ,CAAC;EAED,MAAMkD,YAAY,GAAGA,CAAA,KAAM;IACzBrC,QAAQ,CACNL,MAAM,CACHuC,MAAM,CAAEI,IAAI,IAAKA,IAAI,CAACN,QAAQ,IAAIM,IAAI,CAACC,QAAQ,CAAC,CAChDb,GAAG,CAACc,KAAA;MAAA,IAAAC,UAAA;MAAA,IAAC;QAAEC,MAAM;QAAEC,SAAS;QAAEC,MAAM;QAAEtB,EAAE;QAAEiB,QAAQ;QAAEM,WAAW;QAAEC;MAAY,CAAC,GAAAN,KAAA;MAAA,OAAM;QAC/ElB,EAAE;QACFiB,QAAQ;QACRG,MAAM,EAAEd,QAAQ,CAACiB,WAAW,IAAIH,MAAM,CAAC;QACvCE,MAAM,EAAEhB,QAAQ,CAACkB,WAAW,IAAIF,MAAM,CAAC;QACvCrC,KAAK,GAAAkC,UAAA,GAAEE,SAAS,CAACE,WAAW,IAAIH,MAAM,CAAC,CAACI,WAAW,IAAIF,MAAM,CAAC,cAAAH,UAAA,uBAAvDA,UAAA,CAAyDM;MAClE,CAAC;IAAA,CAAC,CACN,CAAC;EACH,CAAC;EAED,MAAMC,WAAW,GAAGrD,MAAM,CAACuC,MAAM,CAAEI,IAAI,IAAK,CAAC,CAACA,IAAI,CAACN,QAAQ,CAAC,CAAC7C,MAAM,GAAG,CAAC;EACvE,MAAM8D,KAAK,GAAGvD,IAAI,CAACwD,MAAM,CAAC,UAAC3C,KAAK;IAAA,IAAE;MAAEwC;IAAM,CAAC,GAAA7D,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAuC,SAAA,GAAAvC,SAAA,MAAG,CAAC,CAAC;IAAA,OAAKqB,KAAK,GAAGwC,KAAK;EAAA,GAAE,CAAC,CAAC;EACtE,MAAMI,WAAW,GAAGxD,MAAM,CACvBuC,MAAM,CAAEI,IAAI,IAAKA,IAAI,CAACN,QAAQ,CAAC,CAC/BkB,MAAM,CACL,UAACD,KAAK;IAAA,IAAAG,MAAA;IAAA,IAAE;MAAEV,MAAM;MAAEE,MAAM;MAAEC,WAAW;MAAEC,WAAW;MAAEvC,KAAK,GAAG,CAAC;IAAE,CAAC,GAAArB,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAuC,SAAA,GAAAvC,SAAA,MAAG,CAAC,CAAC;IAAA,OACnE+D,KAAK,IAAI,EAAAG,MAAA,GAAA7C,KAAK,CAACsC,WAAW,IAAIH,MAAM,CAAC,CAACI,WAAW,IAAIF,MAAM,CAAC,cAAAQ,MAAA,uBAAnDA,MAAA,CAAqDL,KAAK,KAAI,CAAC,CAAC;EAAA,GAC3E,CACF,CAAC;EACH,MAAM;IAAEM,KAAK,EAAE;MAAE/B,EAAE,EAAE,CAACA,EAAE,CAAC,GAAG;IAAG,CAAC,GAAG,CAAC;EAAE,CAAC,GAAGb,MAAM;EAChD,MAAM;IAAEE,iBAAiB,GAAGC;EAAuB,CAAC,GAAGC,QAAQ,CAACS,EAAE,CAAC,IAAI,CAAC,CAAC;EACzE,MAAMgC,cAAc,GAAG3D,MAAM,CAACR,MAAM,KAAK,CAAC;EAC1C,MAAM;IAAEoE;EAAO,CAAC,GAAGtD,MAAM;EAEzB,oBACEjD,MAAA,CAAAc,OAAA,CAAA0F,aAAA,CAAC3G,GAAA,CAAA4G,KAAK;IACJC,GAAG;IACHC,KAAK,EAAEtD,SAAS,CAACuD,iBAAI,CAACC,wBAAwB,CAAE;IAChD/D,OAAO,EAAEA,OAAQ;IACjBgE,OAAO,EAAE/D,QAAS;IAClBgE,SAAS,EAAE3G,KAAK,CAAC4G,KAAM;IACvBT,MAAM,EAAEA;EAAO,gBAEfvG,MAAA,CAAAc,OAAA,CAAA0F,aAAA,CAAC3G,GAAA,CAAAoH,UAAU;IAACC,eAAe;IAACC,QAAQ,EAAErE,OAAO,GAAG,GAAG,GAAG2B,SAAU;IAAC2C,IAAI,EAAE,KAAM;IAACL,SAAS,EAAE3G,KAAK,CAACiH;EAAW,gBACxGrH,MAAA,CAAAc,OAAA,CAAA0F,aAAA,CAAC3G,GAAA,CAAAyH,IAAI;IAACC,GAAG;IAACR,SAAS,EAAE3G,KAAK,CAACoH;EAAU,GAClC7E,MAAM,CAAC+B,GAAG,CACT,YAoBW;IAAA,IApBV;MACC+C,sBAAsB,GAAG,CAAC;MAC1B/B,MAAM,GAAG,CAAC;MACVgC,UAAU;MACVC,SAAS;MACTC,cAAc,GAAG,CAAC;MAClBC,SAAS;MACTvD,EAAE;MACFwD,KAAK;MACLvC,QAAQ,GAAG,KAAK;MAChBwC,WAAW,GAAG,KAAK;MACnBC,WAAW,GAAG,KAAK;MACnBpC,MAAM,GAAG,CAAC;MACVZ,QAAQ,GAAG,KAAK;MAChBiD,IAAI;MACJtB,KAAK;MACLuB,IAAI;MACJ3E,KAAK,GAAG,CAAC,CAAC;MACVsC,WAAW,GAAGH,MAAM;MACpBI,WAAW,GAAGF;IAChB,CAAC,GAAA1D,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAuC,SAAA,GAAAvC,SAAA,MAAG,CAAC,CAAC;IACJ,MAAM;MAAE6D,KAAK,EAAEE;IAAM,CAAC,GAAG1C,KAAK,CAACsC,WAAW,CAAC,CAACC,WAAW,CAAC,IAAI,CAAC,CAAC;IAE9D,oBACE9F,MAAA,CAAAc,OAAA,CAAA0F,aAAA,CAAC3G,GAAA,CAAAyH,IAAI;MACHjF,GAAG,EAAEiC,EAAG;MACR6D,IAAI;MACJpB,SAAS,EAAE,IAAAqB,UAAM,EACfhI,KAAK,CAACiI,IAAI,EACV/B,cAAc,IAAIlG,KAAK,CAACkI,UAAU,EAClCtC,WAAW,GAAIhB,QAAQ,GAAG5E,KAAK,CAAC4E,QAAQ,GAAG5E,KAAK,CAACmI,UAAU,GAAI9D,SACjE;IAAE,gBAEFzE,MAAA,CAAAc,OAAA,CAAA0F,aAAA,CAAC3G,GAAA,CAAAyH,IAAI;MAACP,SAAS,EAAE3G,KAAK,CAAC0H,KAAM;MAAC1H,KAAK,EAAE;QAAEoI,eAAe,SAAAvD,MAAA,CAAS6C,KAAK;MAAI;IAAE,CAAE,CAAC,eAE7E9H,MAAA,CAAAc,OAAA,CAAA0F,aAAA,CAAC3G,GAAA,CAAAyH,IAAI;MAACa,IAAI;MAACpB,SAAS,EAAE,CAAC3G,KAAK,CAACqI,GAAG,EAAErI,KAAK,CAACsI,MAAM,EAAEtI,KAAK,CAACuI,MAAM;IAAE,gBAC5D3I,MAAA,CAAAc,OAAA,CAAA0F,aAAA,CAAC3G,GAAA,CAAA+I,IAAI;MAACC,IAAI;IAAA,GAAElC,KAAY,CAAC,EACxBsB,IAAI,iBAAIjI,MAAA,CAAAc,OAAA,CAAA0F,aAAA,CAAC3G,GAAA,CAAA+I,IAAI;MAACE,KAAK;IAAA,GAAEb,IAAW,CAAC,EAEjCR,sBAAsB,GAAG,CAAC,iBACzBzH,MAAA,CAAAc,OAAA,CAAA0F,aAAA,CAAC3G,GAAA,CAAAkJ,YAAY;MAACC,MAAM;MAACF,KAAK;MAACG,OAAO;IAAA,GAC/B5F,SAAS,CAACuD,iBAAI,CAACsC,4BAA4B,EAAE;MAAE3F,KAAK,EAAEkE;IAAuB,CAAC,CACnE,CACf,EAEAG,cAAc,GAAG,CAAC,iBACjB5H,MAAA,CAAAc,OAAA,CAAA0F,aAAA,CAAC3G,GAAA,CAAAkJ,YAAY;MAACC,MAAM;MAACF,KAAK;MAACG,OAAO;IAAA,GAC/B5F,SAAS,CAACuD,iBAAI,CAACuC,qCAAqC,EAAE;MAAE5F,KAAK,EAAEqE;IAAe,CAAC,CACpE,CACf,EAEAF,UAAU,iBACT1H,MAAA,CAAAc,OAAA,CAAA0F,aAAA,CAAC3G,GAAA,CAAA+I,IAAI;MAACQ,KAAK;MAACN,KAAK,EAAE,CAAC5F,QAAS;MAACmG,IAAI,EAAEnG;IAAS,GAC1CwE,UACG,CACP,EAEA,CAACK,WAAW,IAAIC,WAAW,kBAC1BhI,MAAA,CAAAc,OAAA,CAAA0F,aAAA,CAAC3G,GAAA,CAAAyH,IAAI;MAACC,GAAG;MAACR,SAAS,EAAE,IAAAqB,UAAM,EAAChI,KAAK,CAACqI,GAAG,EAAErI,KAAK,CAACkJ,MAAM;IAAE,GAClDvB,WAAW,iBACV/H,MAAA,CAAAc,OAAA,CAAA0F,aAAA,CAAC3G,GAAA,CAAA0J,WAAW;MACVC,UAAU;MACVC,IAAI,EAAC,QAAQ;MACbC,KAAK,EAAE,IAAAC,uBAAa,EAAC;QAAEC,MAAM,EAAE,IAAI;QAAE1B,IAAI,EAAEL;MAAU,CAAC,EAAExE,SAAS,CAAE;MACnEwG,OAAO,EAAEC,KAAK,CAACC,IAAI,CAAC;QAAE5H,MAAM,EAAEuD;MAAO,CAAC,CAAC,CAAChB,GAAG,CAAC,CAACsF,CAAC,EAAEC,KAAK,KAAKA,KAAK,GAAG,CAAC,CAAE;MACrE1G,KAAK,EAAEsC,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAEqE,QAAQ,CAAC,CAAE;MAC/BC,QAAQ,EAAG5G,KAAK,IAAKgB,YAAY,CAAC;QAAED,EAAE;QAAEE,KAAK,EAAE,aAAa;QAAEjB;MAAM,CAAC;IAAE,CACxE,CACF,EACAyE,WAAW,iBACVhI,MAAA,CAAAc,OAAA,CAAA0F,aAAA,CAAC3G,GAAA,CAAA0J,WAAW;MACVE,IAAI,EAAC,QAAQ;MACbC,KAAK,EAAErG,SAAS,CAACuD,iBAAI,CAACwD,YAAY,CAAE;MACpCP,OAAO,EAAEC,KAAK,CAACC,IAAI,CAAC;QAAE5H,MAAM,EAAEyD;MAAO,CAAC,CAAC,CAAClB,GAAG,CAAC,CAACsF,CAAC,EAAEC,KAAK,KAAKA,KAAK,GAAG,CAAC,CAAE;MACrE1G,KAAK,EAAEuC,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAEoE,QAAQ,CAAC,CAAE;MAC/BC,QAAQ,EAAG5G,KAAK,IAAKgB,YAAY,CAAC;QAAED,EAAE;QAAEE,KAAK,EAAE,aAAa;QAAEjB;MAAM,CAAC;IAAE,CACxE,CAEC,CAEJ,CAAC,eAEPvD,MAAA,CAAAc,OAAA,CAAA0F,aAAA,CAAC3G,GAAA,CAAAyH,IAAI;MAACC,GAAG;MAACR,SAAS,EAAE,CAAC3G,KAAK,CAACsI,MAAM,EAAEtI,KAAK,CAACiK,YAAY;IAAE,gBACtDrK,MAAA,CAAAc,OAAA,CAAA0F,aAAA,CAAC3G,GAAA,CAAAyH,IAAI,qBACHtH,MAAA,CAAAc,OAAA,CAAA0F,aAAA,CAAC3G,GAAA,CAAA+I,IAAI;MAACC,IAAI;MAACyB,QAAQ;IAAA,GAChBrE,KAAK,GACF7C,cAAc,CAAC;MAAEI,QAAQ;MAAE+G,qBAAqB,EAAE,CAAC;MAAEhH,KAAK,EAAE0C;IAAM,CAAC,CAAC,GACpE5C,SAAS,CAACuD,iBAAI,CAAC4D,UAAU,CACzB,CAAC,eACPxK,MAAA,CAAAc,OAAA,CAAA0F,aAAA,CAAC3G,GAAA,CAAA+I,IAAI;MAACQ,KAAK;MAACN,KAAK;IAAA,GACd,IAAA2B,mBAAU,EACT;MACE9G,iBAAiB;MACjB+B,MAAM;MACNiC,SAAS;MACTE,SAAS;MACTE,WAAW;MACXG,IAAI;MACJrC,WAAW;MACXC;IACF,CAAC,EACDzC,SACF,CACI,CACF,CAAC,eAEPrD,MAAA,CAAAc,OAAA,CAAA0F,aAAA,CAAC3G,GAAA,CAAA6K,MAAM;MACL5B,KAAK;MACL6B,SAAS,EAAE,CAAC3F,QAAQ,IAAI,CAACO,QAAS;MAClCqF,OAAO,EAAE,CAACrF,QAAQ,GAAG,MAAMV,YAAY,CAACP,EAAE,CAAC,GAAGG;IAAU,GAEvDpB,SAAS,CAACkC,QAAQ,GAAGqB,iBAAI,CAACiE,cAAc,GAAG7F,QAAQ,GAAG4B,iBAAI,CAACkE,aAAa,GAAGlE,iBAAI,CAACmE,UAAU,CACrF,CACJ,CACF,CAAC;EAEX,CACF,CACI,CACI,CAAC,eAEb/K,MAAA,CAAAc,OAAA,CAAA0F,aAAA,CAAC3G,GAAA,CAAAyH,IAAI;IAACC,GAAG;IAACR,SAAS,EAAE3G,KAAK,CAAC4K;EAAO,GAC/B/E,KAAK,GAAG,CAAC,iBACRjG,MAAA,CAAAc,OAAA,CAAA0F,aAAA,CAAC3G,GAAA,CAAAyH,IAAI;IAACP,SAAS,EAAE3G,KAAK,CAAC6F;EAAM,gBAC3BjG,MAAA,CAAAc,OAAA,CAAA0F,aAAA,CAAC3G,GAAA,CAAA+I,IAAI;IAACC,IAAI;IAACyB,QAAQ;IAACW,KAAK,EAAE/H,QAAQ,GAAG,CAAC,GAAG;EAAE,GACzCE,cAAc,CAAC;IAAEI,QAAQ;IAAE+G,qBAAqB,EAAE,CAAC;IAAEhH,KAAK,EAAE0C,KAAK,GAAGE;EAAY,CAAC,CAC9E,CAAC,EAEN,CAAC,CAACtD,SAAS,iBACV7C,MAAA,CAAAc,OAAA,CAAA0F,aAAA,CAAC3G,GAAA,CAAA+I,IAAI;IAACQ,KAAK;IAACN,KAAK,EAAE,CAAC5F,QAAS;IAACmG,IAAI,EAAEnG;EAAS,GAC1CG,SAAS,CAAC,IAAA6H,uBAAa,EAACrI,SAAS,CAAC,CAC/B,CACP,eAED7C,MAAA,CAAAc,OAAA,CAAA0F,aAAA,CAACjG,WAAA,CAAA4K,YAAY,EAAArJ,QAAA;IACXa,MAAM,EAAEA,MAAM,CAACuC,MAAM,CAACkG,KAAA;MAAA,IAAC;QAAEpG;MAAS,CAAC,GAAAoG,KAAA;MAAA,OAAKpG,QAAQ;IAAA,EAAE;IAClDtC,IAAI,EAAEA,IAAK;IACX2I,OAAO,EAAC;EAAc,GAClBpI,MAAM;IACV8D,SAAS,EAAE3G,KAAK,CAACkL;EAAa,EAC/B,CACG,CACP,eAEDtL,MAAA,CAAAc,OAAA,CAAA0F,aAAA,CAAC3G,GAAA,CAAA6K,MAAM;IAACjI,IAAI,EAAEA,IAAK;IAACmI,OAAO,EAAEvF,YAAa;IAACkB,MAAM,EAAEA,MAAM,MAAAtB,MAAA,CAAMsB,MAAM,eAAY9B;EAAU,GACxFpB,SAAS,CAAC2C,WAAW,GAAGY,iBAAI,CAAC2E,cAAc,GAAG3E,iBAAI,CAAC4E,WAAW,CACzD,CACJ,CACD,CAAC;AAEZ,CAAC;AAACC,OAAA,CAAAlJ,WAAA,GAAAA,WAAA;AAEFA,WAAW,CAACmJ,SAAS,GAAG;EACtBjJ,IAAI,EAAEkJ,kBAAS,CAACC,IAAI;EACpBlJ,IAAI,EAAEiJ,kBAAS,CAACE,OAAO,CAACF,kBAAS,CAACG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;EAC5CnJ,MAAM,EAAEgJ,kBAAS,CAACE,OAAO,CAACF,kBAAS,CAACG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;EAC9CjJ,SAAS,EAAE8I,kBAAS,CAACI,MAAM;EAC3BjJ,OAAO,EAAE6I,kBAAS,CAACC,IAAI;EACvB7I,QAAQ,EAAE4I,kBAAS,CAACK,IAAI;EACxBhJ,QAAQ,EAAE2I,kBAAS,CAACK;AACtB,CAAC;AAEDzJ,WAAW,CAAC0J,WAAW,GAAG,8BAA8B"}
+{"version":3,"file":"ModalExtras.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_helpers","_ModalExtras","style","_helpers2","_helpers3","_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","busy","cart","extras","propExtras","taxesType","visible","onCancel","onSubmit","others","isMobile","useDevice","currencyFormat","translate","useLocale","value","currency","finder","hotel","accommodationType","hotelAccommodationType","variants","useStore","setExtras","useState","useEffect","Event","publish","EVENT","METRICS","id","handleChange","field","undefined","map","extra","parseInt","handleSelect","next","_ref2","selected","concat","filter","_ref3","_ref4","handleSubmit","item","included","_ref5","_baseValue","amount","baseValue","nights","valueAmount","valueNights","price","hasSelected","total","reduce","totalExtras","_value","place","standaloneCard","testId","createElement","Modal","fit","title","L10N","LABEL_ENHANCED_YOUR_STAY","onClose","className","modal","ScrollView","scrollIndicator","scrollTo","snap","scrollView","View","row","container","accommodationThreshold","conditions","frequency","guestThreshold","guestType","image","inputGuests","inputNights","text","type","wide","styles","card","standalone","backgroundImage","gap","offset","anchor","Text","bold","small","Notification","inline","warning","LABEL_APPLIES_SELECTED_ROOMS","LABEL_APPLIES_INDIVIDUALS_RESERVATION","light","tiny","inputs","InputSelect","capitalize","name","label","getGuestLabel","plural","options","Array","from","_","index","toString","onChange","LABEL_NIGHTS","spaceBetween","headline","maximumFractionDigits","minimumFractionDigits","LABEL_FREE","getCaption","Button","secondary","onPress","LABEL_INCLUDED","ACTION_REMOVE","ACTION_ADD","footer","level","getLabelTaxes","PriceDetails","_ref6","metrics","priceDetails","ACTION_RESERVE","ACTION_NEXT","exports","propTypes","PropTypes","bool","arrayOf","shape","number","func","displayName"],"sources":["../../../../../src/components/Rates/components/ModalExtras/ModalExtras.jsx"],"sourcesContent":["import { Event, useStore } from '@mirai/data-sources';\nimport { 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 { getGuestLabel } from '../../../helpers';\nimport { EVENT } from '../../../helpers';\nimport { getLabelTaxes } from '../../helpers';\nimport { PriceDetails } from '../Item/components';\n\nconst ModalExtras = ({\n  busy,\n  cart = [],\n  extras: propExtras = [],\n  taxesType,\n  visible = false,\n  onCancel = () => {},\n  onSubmit = () => {},\n  ...others\n}) => {\n  const { isMobile } = useDevice();\n  const { currencyFormat, translate } = useLocale();\n  const {\n    value: { currency, finder = {}, hotel: { accommodationType: hotelAccommodationType, variants = {} } = {} } = {},\n  } = useStore();\n\n  const [extras, setExtras] = useState(propExtras);\n\n  useEffect(() => {\n    if (visible) {\n      setExtras(propExtras);\n      Event.publish(EVENT.METRICS, { id: 'RATES:EXTRAS' });\n    }\n  }, [propExtras, visible]);\n\n  const handleChange = ({ id, field, value } = {}) => {\n    // ! Why parse Number()? should come from the service.\n    setExtras(extras.map((extra) => ({ ...extra, [field]: extra.id === id ? parseInt(value) : extra[field] })));\n  };\n\n  const handleSelect = (id) => {\n    const next = extras.map(({ selected = false, ...extra }) => ({\n      ...extra,\n      selected: extra.id === id ? !selected : selected,\n    }));\n\n    setExtras(next);\n\n    Event.publish(EVENT.METRICS, {\n      id: `RATES:EXTRAS:${\n        next.filter(({ selected }) => selected).length > extras.filter(({ selected }) => selected).length\n          ? 'ADD'\n          : 'REMOVE'\n      }`,\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  const { place: { id: [id] = [] } = {} } = finder;\n  const { accommodationType = hotelAccommodationType } = variants[id] || {};\n  const standaloneCard = extras.length === 1;\n  const { testId } = others;\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      testId={testId}\n    >\n      <ScrollView scrollIndicator scrollTo={visible ? 0.5 : undefined} snap={false} className={style.scrollView}>\n        <View row className={style.container}>\n          {extras.map(\n            ({\n              accommodationThreshold = 0,\n              amount = 0,\n              conditions,\n              frequency,\n              guestThreshold = 0,\n              guestType,\n              id,\n              image,\n              included = false,\n              inputGuests = false,\n              inputNights = false,\n              nights = 0,\n              selected = false,\n              text,\n              title,\n              type,\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(\n                    style.card,\n                    standaloneCard && style.standalone,\n                    hasSelected && selected ? style.selected : undefined,\n                  )}\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 light 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                            capitalize\n                            name=\"guests\"\n                            label={getGuestLabel({ plural: true, type: guestType }, translate)}\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\n                          ? currencyFormat({\n                              currency,\n                              maximumFractionDigits: 0,\n                              minimumFractionDigits: 0,\n                              value: total,\n                            })\n                          : translate(L10N.LABEL_FREE)}\n                      </Text>\n                      <Text light small>\n                        {getCaption(\n                          {\n                            accommodationType,\n                            amount,\n                            frequency,\n                            guestType,\n                            inputGuests,\n                            type,\n                            valueAmount,\n                            valueNights,\n                          },\n                          translate,\n                        )}\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        </View>\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({\n                currency,\n                maximumFractionDigits: 0,\n                minimumFractionDigits: 0,\n                value: total + totalExtras,\n              })}\n            </Text>\n\n            {!!taxesType && (\n              <Text light small={!isMobile} tiny={isMobile}>\n                {translate(getLabelTaxes(taxesType))}\n              </Text>\n            )}\n\n            <PriceDetails\n              extras={extras.filter(({ selected }) => selected)}\n              cart={cart}\n              metrics=\"RATES:EXTRAS\"\n              {...others}\n              className={style.priceDetails}\n            />\n          </View>\n        )}\n\n        <Button busy={busy} onPress={handleSubmit} testId={testId ? `${testId}-submit` : undefined}>\n          {translate(hasSelected ? L10N.ACTION_RESERVE : L10N.ACTION_NEXT)}\n        </Button>\n      </View>\n    </Modal>\n  );\n};\n\nModalExtras.propTypes = {\n  busy: PropTypes.bool,\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.module.css

@@ -3,6 +3,16 @@
   width: initial;
 }
 
+.slider {
+  margin-top: var(--mirai-ui-space-M);
+  background-color: transparent;
+}
+
+.slider > ui-scrollview {
+  align-items: stretch;
+  gap: var(--mirai-ui-space-M);
+}
+
 .container {
   align-items: stretch;
   flex-wrap: wrap;
@@ -16,9 +26,7 @@
   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);
+  transition: box-shadow var(--mirai-ui-motion-expand) var(--mirai-ui-motion-easing);
 }
 
 /* !TODO: Use <Card> */
@@ -26,13 +34,6 @@
   box-shadow: 0 0 0 var(--mirai-ui-border-width) var(--mirai-ui-focus-color), var(--mirai-ui-focus-shadow);
 }
 
-.card.unselected:not(:hover) {
-  opacity: 1;
-  /* ! TODO: Should determine best approach */
-  /* opacity: 0.66; */
-  /* filter: grayscale(1); */
-}
-
 .card .anchor {
   border-bottom: solid 1px var(--mirai-ui-content-border);
 }
@@ -74,6 +75,15 @@
   margin-bottom: 0;
 }
 
+.slider .card.selected {
+  box-shadow: inset 0 0 0 var(--mirai-ui-border-width) var(--mirai-ui-focus-color);
+}
+
+.slider .card .image {
+  margin: var(--mirai-ui-border-width);
+  width: auto;
+}
+
 .footer {
   box-shadow: inset 0 1px 0 var(--mirai-ui-content-border);
   gap: var(--mirai-ui-space-S);

package/build/components/Rates/components/ModalMapView/ModalMapView.js

@@ -261,6 +261,7 @@ const ModalMapView = _ref => {
     currency,
     locale,
     maximumFractionDigits: 0,
+    minimumFractionDigits: 0,
     value: selected === null || selected === void 0 ? void 0 : selected.price
   })), /*#__PURE__*/_react.default.createElement(_ui.Text, {
     light: true,