@mirai/core 0.3.134 → 0.3.135-patch

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

@@ -0,0 +1,444 @@
+body {
+  padding: 0;
+  margin: 0;
+  overflow-x: hidden;
+}
+
+.finder {
+  align-items: center;
+  background-color: var(--mirai-ui-base);
+  border-bottom: solid 1px var(--mirai-ui-content-border);
+  padding: var(--mirai-ui-space-XS);
+}
+
+.finder.sticky {
+  position: sticky;
+  top: 0;
+  z-index: var(--mirai-ui-layer-M);
+}
+
+.progress {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  z-index: 1;
+}
+
+.container {
+  align-items: center;
+  background-color: var(--mirai-ui-content-background);
+  position: relative;
+  width: 100vw;
+  z-index: var(--mirai-ui-layer-S);
+}
+
+.container .wrapper {
+  margin: 0 auto;
+  max-width: var(--mirai-ui-breakpoint-content);
+  width: 100%;
+}
+
+.container > .content {
+  width: 100%;
+}
+
+/* -- <Header> ------------------------------------------------------------------------------------------------------ */
+.header {
+  gap: var(--mirai-ui-space-XS);
+  justify-content: flex-end;
+  flex-wrap: wrap;
+}
+
+.header.sticky {
+  backdrop-filter: blur(8px);
+  background-color: var(--mirai-ui-content-background);
+  position: sticky;
+  top: 0;
+  z-index: var(--mirai-ui-layer-M);
+}
+
+.header .input {
+  margin-bottom: 0;
+  align-self: center;
+}
+
+.header .select {
+  position: relative;
+}
+
+.header .currencyValue {
+  background-color: var(--mirai-ui-base);
+  bottom: calc(var(--mirai-ui-border-width) * 2);
+  font-family: var(--mirai-ui-input-font);
+  font-size: var(--mirai-ui-input-font-size);
+  font-weight: inherit;
+  left: calc(var(--mirai-ui-input-text-padding-x) / 2);
+  line-height: var(--mirai-ui-input-min-height);
+  padding-left: calc(var(--mirai-ui-input-text-padding-x) / 2);
+  pointer-events: none;
+  position: absolute;
+  right: calc(var(--mirai-ui-input-text-padding-x) + var(--mirai-ui-space-M));
+  top: calc(var(--mirai-ui-border-width) * 2);
+  z-index: 1;
+
+  appearance: none;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+}
+
+.header .currencyValue.directionRight {
+  left: calc(var(--mirai-ui-input-text-padding-x) + var(--mirai-ui-space-M));
+  padding-right: calc(var(--mirai-ui-input-text-padding-x) / 2);
+  right: calc(var(--mirai-ui-input-text-padding-x) / 2);
+}
+
+.header .selectCurrencies {
+  max-width: calc(var(--mirai-ui-space-XL) * 1.8);
+  min-width: calc(var(--mirai-ui-space-XL) * 1.8);
+}
+
+.header .selectCurrencies [data-role='select'] {
+  color: transparent;
+}
+
+.header .tooltip {
+  padding: var(--mirai-ui-space-S);
+  gap: var(--mirai-ui-space-XS);
+}
+
+.header .tooltip [data-role='text'],
+.header .tooltip [data-role='action'] {
+  color: var(--mirai-ui-tooltip-color);
+}
+
+.header .tooltip .action {
+  display: inline;
+  font-size: inherit;
+  pointer-events: auto;
+  overflow: auto;
+}
+
+.tag {
+  align-items: center;
+  background-color: var(--mirai-ui-base);
+  border: var(--mirai-ui-input-text-border);
+  border-radius: var(--mirai-ui-input-text-radius);
+  display: flex;
+  gap: var(--mirai-ui-space-XS);
+  min-height: var(--mirai-ui-input-min-height);
+  padding-left: var(--mirai-ui-input-text-padding-x);
+  padding-right: var(--mirai-ui-input-text-padding-x);
+}
+
+.tag > [data-role],
+.tag > * > [data-role] {
+  color: var(--mirai-ui-content-light);
+}
+
+.tag.active {
+  background-color: var(--mirai-ui-accent);
+}
+
+.tag.active [data-role] {
+  color: var(--mirai-ui-base);
+}
+
+.tag.active,
+.tag.pressable:hover {
+  border-color: var(--mirai-ui-accent);
+}
+
+.tag.highlight {
+  border-color: var(--mirai-ui-accent);
+}
+
+.tag.highlight > [data-role],
+.tag.highlight > * > [data-role] {
+  color: var(--mirai-ui-accent);
+}
+
+.tag.clubDiscount > * {
+  gap: var(--mirai-ui-space-XS);
+}
+
+.tag.room {
+  min-width: max-content;
+}
+
+.tag.room .guests {
+  gap: calc(var(--mirai-ui-space-XS) / 2);
+}
+
+.tag.room .separator {
+  opacity: 0.33;
+}
+
+/* -- <RoomSelector> ------------------------------------------------------------------------------------------------ */
+.roomSelector {
+  flex: 1;
+  gap: var(--mirai-ui-space-XS);
+  width: fit-content;
+}
+
+.roomSelector > * {
+  min-width: max-content;
+}
+
+/* -- <Items> ------------------------------------------------------------------------------------------------------- */
+.items {
+  gap: var(--mirai-ui-space-M);
+}
+
+.items:not(:last-child) {
+  margin-bottom: var(--mirai-ui-space-M);
+}
+
+/* -- <Footer> ------------------------------------------------------------------------------------------------------ */
+.footer {
+  background-color: var(--mirai-ui-base);
+  bottom: 0;
+  box-shadow: inset 0 1px 0 var(--mirai-ui-content-border), var(--mirai-ui-modal-shadow);
+  position: fixed;
+  transform: translateY(100%);
+  transition: transform var(--mirai-ui-motion-expand) var(--mirai-ui-motion-easing);
+  width: 100vw;
+  z-index: var(--mirai-ui-layer-M);
+}
+
+.footer.visible {
+  transform: translateY(0%);
+}
+
+.footer .cartItem {
+  box-shadow: inset 0 -1px 0 var(--mirai-ui-content-border);
+  gap: var(--mirai-ui-space-XS);
+}
+
+.cartItem .room {
+  align-items: center;
+  background-color: var(--mirai-ui-content-border);
+  border-radius: calc(var(--mirai-ui-border-radius) / 2);
+  gap: calc(var(--mirai-ui-space-XS) / 2);
+  height: var(--mirai-ui-space-L);
+  line-height: var(--mirai-ui-space-L);
+  min-width: var(--mirai-ui-space-XL);
+  padding: 0 var(--mirai-ui-space-XS);
+}
+
+.cartItem .description {
+  flex: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.cartItem .buttonClose {
+  background-color: var(--mirai-ui-content-background);
+}
+
+.footer .summary {
+  gap: var(--mirai-ui-space-S);
+}
+
+.footer .totalPrice {
+  flex: 1;
+  gap: calc(var(--mirai-ui-space-XS) / 2);
+}
+
+/* -- <Unavailability> ------------------------------------------------------ */
+.unavailability {
+  gap: var(--mirai-ui-space-S);
+}
+
+.unavailability .banner {
+  align-items: flex-start;
+  background-color: var(--mirai-ui-content-border);
+  margin: var(--mirai-ui-space-S) 0;
+  border-radius: var(--mirai-ui-border-radius);
+}
+
+.unavailability .banner .texts {
+  flex: 1;
+  gap: calc(var(--mirai-ui-space-XS) / 2);
+}
+
+.unavailability .banner [data-role='icon'] {
+  align-self: center;
+  font-size: var(--mirai-ui-space-XL);
+  height: var(--mirai-ui-space-XL);
+  width: var(--mirai-ui-space-XL);
+}
+
+.unavailability .card {
+  background-color: var(--mirai-ui-base);
+  border-radius: var(--mirai-ui-border-radius);
+  box-shadow: 0 0 1px var(--mirai-ui-content-light);
+}
+
+.unavailability .card > *:not(.distribution) {
+  padding: var(--mirai-ui-space-S) var(--mirai-ui-space-M);
+}
+
+.unavailability .card > *:not(:last-child) {
+  border-bottom: solid 1px var(--mirai-ui-content-border);
+}
+
+.unavailability .card > *:nth-last-child(2) {
+  flex: 1;
+}
+
+.unavailability .card .price {
+  align-items: flex-end;
+  justify-content: space-between;
+}
+
+.unavailability .card .distribution {
+  gap: var(--mirai-ui-space-XS);
+  padding: var(--mirai-ui-space-XS);
+}
+
+.unavailability .card .distribution > * {
+  background-color: var(--mirai-ui-content-background);
+  padding: var(--mirai-ui-space-XS);
+}
+
+.unavailability .card .anchorDates {
+  margin: 0 var(--mirai-ui-space-XS);
+}
+
+/* -- common ---------------------------------------------------------------- */
+.box {
+  background-color: var(--mirai-ui-base);
+  border-radius: var(--mirai-ui-border-radius);
+  box-shadow: 0 0 1px var(--mirai-ui-content-light);
+  padding: var(--mirai-ui-space-M);
+}
+
+/* S */
+@media only screen and (max-width: 430px) {
+  .container {
+    min-height: 100svh;
+    padding: 0 var(--mirai-ui-space-XS) var(--mirai-ui-space-M) var(--mirai-ui-space-XS);
+  }
+
+  .container .content {
+    padding-top: var(--mirai-ui-space-S);
+    gap: var(--mirai-ui-space-S);
+  }
+
+  /* -- <Header> ---------------------------------------------------------------------------------------------------- */
+  .header .tag {
+    justify-content: space-between;
+  }
+
+  .header .tag.experience3D {
+    justify-content: center;
+    flex-grow: 1;
+  }
+
+  .tag.clubDiscount {
+    flex-grow: 1;
+  }
+
+  /* -- <RoomSelector> ---------------------------------------------------------------------------------------------- */
+  .roomSelector {
+    background-color: var(--mirai-ui-base);
+    border-bottom: solid 1px var(--mirai-ui-content-border);
+    left: 0;
+    padding: var(--mirai-ui-space-XS);
+    position: sticky;
+    right: 0;
+    top: 0;
+    width: auto;
+    z-index: var(--mirai-ui-layer-M);
+  }
+
+  .roomSelector .tag {
+    min-height: calc(var(--mirai-ui-space-L) + var(--mirai-ui-space-M));
+    padding-left: calc(var(--mirai-ui-input-text-padding-x) / 2);
+    padding-right: calc(var(--mirai-ui-input-text-padding-x) / 2);
+  }
+
+  /* -- <Unavailability> ------------------------------------------------------ */
+  .unavailability .banner {
+    gap: var(--mirai-ui-space-S);
+    padding: var(--mirai-ui-space-S);
+  }
+
+  .unavailability .texts [data-role='text'] {
+    text-align: center;
+  }
+
+  /* -- <Footer> ---------------------------------------------------------------------------------------------------- */
+  .footer .cartItem {
+    padding: var(--mirai-ui-space-XS) var(--mirai-ui-space-S);
+  }
+
+  .footer .summary {
+    align-items: flex-end;
+    padding: var(--mirai-ui-space-S);
+  }
+}
+
+/* M */
+@media only screen and (min-width: 431px) and (max-width: 1179px) {
+  .items > * {
+    flex-basis: calc(50% - calc(var(--mirai-ui-space-M) / 2));
+  }
+}
+
+/* L */
+@media only screen and (min-width: 1180px) {
+  .items > * {
+    flex-basis: calc(33.33% - calc(calc(var(--mirai-ui-space-M) * 2) / 3));
+  }
+}
+
+/* M & L */
+@media only screen and (min-width: 431px) {
+  .container {
+    min-height: 66svh;
+    padding: 0 var(--mirai-ui-space-M) var(--mirai-ui-space-M) var(--mirai-ui-space-M);
+  }
+
+  .container .content {
+    gap: var(--mirai-ui-space-M);
+    padding-top: var(--mirai-ui-space-M);
+  }
+
+  /* -- <Header> ---------------------------------------------------------------------------------------------------- */
+  .header .tooltip {
+    max-width: calc(var(--mirai-ui-breakpoint-S) - calc(var(--mirai-ui-space-XXL) + var(--mirai-ui-space-M)));
+    padding: var(--mirai-ui-space-M);
+  }
+
+  /* -- <Items> ----------------------------------------------------------------------------------------------------- */
+  .items {
+    align-items: stretch;
+    flex-wrap: wrap;
+  }
+
+  .items > * {
+    box-sizing: border-box;
+  }
+
+  /* -- <Unavailability> -------------------------------------------------------------------------------------------- */
+  .unavailability .banner {
+    gap: var(--mirai-ui-space-M);
+    padding: var(--mirai-ui-space-XL) var(--mirai-ui-space-L);
+  }
+
+  /* -- <Footer> ---------------------------------------------------------------------------------------------------- */
+  .footer {
+    padding: 0 var(--mirai-ui-space-M);
+  }
+
+  .footer .cartItem {
+    padding: var(--mirai-ui-space-S) 0;
+  }
+
+  .footer .summary {
+    padding: var(--mirai-ui-space-M) 0;
+  }
+}

package/build/components/Rates/components/CardHotel/CardHotel.js

@@ -0,0 +1,173 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CardHotel = 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 _CardHotel = require("./CardHotel.l10n");
+var style = _interopRequireWildcard(require("./CardHotel.module.css"));
+var _helpers = require("../../../helpers");
+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 DEFAULT_WIDTH = 374;
+const CardHotel = _ref => {
+  let {
+    discountPercentage = 0,
+    // !
+    features: {
+      distance,
+      location,
+      url
+    } = {},
+    hasDiscountClub = false,
+    // !
+    id,
+    images = [],
+    name,
+    price,
+    stars = 3,
+    // !
+    taxes = true // !
+  } = _ref;
+  const {
+    isMobile,
+    width
+  } = (0, _ui.useDevice)();
+  const {
+    locale,
+    translate
+  } = (0, _locale.useLocale)();
+  const ref = (0, _react.useRef)(null);
+  const {
+    value: {
+      currency,
+      finder,
+      forwarder = {},
+      hotel,
+      tags: {
+        options: places = []
+      } = {},
+      urlParams
+    } = {}
+  } = (0, _dataSources.useStore)();
+  const [sliderWidth, setSliderWidth] = (0, _react.useState)(DEFAULT_WIDTH);
+  (0, _react.useEffect)(() => {
+    var _ref$current;
+    if (ref.current) setSliderWidth(((_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.clientWidth) - 1);
+  }, [width]);
+  const handlePress = () => {
+    const {
+      value: chainSelectorValue
+    } = places.find(function () {
+      let {
+        isHotel,
+        id: ids = []
+      } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+      return isHotel && ids.includes(id.toString());
+    }) || {};
+    window.location.href = "".concat(forwarder.rates).concat((0, _helpers.toUrlParams)({
+      ...(0, _helpers2.getFinderParams)({
+        ...urlParams,
+        ...finder,
+        currency,
+        locale,
+        hotel
+      }),
+      chainSelectorValue,
+      idtokenprovider: id
+    }));
+  };
+  const caption = {
+    action: !isMobile,
+    small: isMobile
+  };
+  return /*#__PURE__*/_react.default.createElement(_ui.View, {
+    ref: ref,
+    className: style.card
+  }, /*#__PURE__*/_react.default.createElement(_ui.Slider, {
+    height: 208,
+    images: images,
+    width: sliderWidth,
+    className: style.slider
+  }), distance && /*#__PURE__*/_react.default.createElement(_ui.View, {
+    row: true,
+    className: [style.offset, style.spaceBetween]
+  }, /*#__PURE__*/_react.default.createElement(_ui.View, {
+    row: true,
+    className: style.row
+  }, /*#__PURE__*/_react.default.createElement(_ui.Icon, {
+    value: _helpers.ICON.LOCATION
+  }), /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    capitalize: true,
+    small: true
+  }, distance))), /*#__PURE__*/_react.default.createElement(_ui.View, {
+    className: style.offset
+  }, /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    bold: true,
+    headline: !isMobile,
+    level: 3
+  }, name), stars > 0 && /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    headline: !isMobile,
+    level: 3
+  }, Array.from({
+    length: stars
+  }, () => '★')), /*#__PURE__*/_react.default.createElement(_ui.Text, caption, location), url && /*#__PURE__*/_react.default.createElement(_ui.Action, {
+    href: url,
+    inline: true,
+    small: isMobile,
+    target: "_blank"
+  }, translate(_CardHotel.L10N.ACTION_VIEW_HOTEL))), /*#__PURE__*/_react.default.createElement(_ui.View, {
+    row: true,
+    className: [style.offset, style.spaceBetween, style.summary]
+  }, /*#__PURE__*/_react.default.createElement(_ui.View, null, /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    accent: true,
+    bold: true,
+    small: true
+  }, hasDiscountClub && "".concat(translate(_CardHotel.L10N.LABEL_CLUB_MEMBERS), " "), translate(_CardHotel.L10N.LABEL_DISCOUNT, {
+    value: "".concat(discountPercentage, "%")
+  })), /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    bold: true,
+    headline: true,
+    level: isMobile || price >= 10000 ? 3 : 2
+  }, (0, _locale.currencyFormat)({
+    currency,
+    locale,
+    maximumFractionDigits: 0,
+    value: price
+  })), /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    capitalize: true,
+    small: !isMobile,
+    tiny: isMobile
+  }, translate(_CardHotel.L10N.LABEL_PER_NIGHT)), /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    lighten: true,
+    small: !isMobile,
+    tiny: isMobile
+  }, translate(taxes ? _CardHotel.L10N.LABEL_EXCLUDES_TAXES_FEES : _CardHotel.L10N.LABEL_INCLUDES_TAXES_FEES))), /*#__PURE__*/_react.default.createElement(_ui.Button, {
+    onPress: handlePress
+  }, translate(_CardHotel.L10N.ACTION_VIEW_MORE))));
+};
+exports.CardHotel = CardHotel;
+CardHotel.displayName = 'Mirai:Core:Rates:CardHotel';
+CardHotel.propTypes = {
+  discountPercentage: _propTypes.default.number,
+  features: _propTypes.default.shape({
+    distance: _propTypes.default.string,
+    location: _propTypes.default.string,
+    url: _propTypes.default.string
+  }),
+  hasDiscountClub: _propTypes.default.bool,
+  id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
+  images: _propTypes.default.arrayOf(_propTypes.default.string),
+  name: _propTypes.default.string,
+  price: _propTypes.default.number,
+  stars: _propTypes.default.number,
+  taxes: _propTypes.default.bool
+};
+//# sourceMappingURL=CardHotel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CardHotel.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_CardHotel","style","_helpers","_helpers2","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","DEFAULT_WIDTH","CardHotel","_ref","discountPercentage","features","distance","location","url","hasDiscountClub","id","images","name","price","stars","taxes","isMobile","width","useDevice","locale","translate","useLocale","ref","useRef","value","currency","finder","forwarder","hotel","tags","options","places","urlParams","useStore","sliderWidth","setSliderWidth","useState","useEffect","_ref$current","current","clientWidth","handlePress","chainSelectorValue","find","isHotel","ids","arguments","length","undefined","includes","toString","window","href","concat","rates","toUrlParams","getFinderParams","idtokenprovider","caption","action","small","createElement","View","className","card","Slider","height","slider","row","offset","spaceBetween","Icon","ICON","LOCATION","Text","capitalize","bold","headline","level","Array","from","Action","inline","target","L10N","ACTION_VIEW_HOTEL","summary","accent","LABEL_CLUB_MEMBERS","LABEL_DISCOUNT","currencyFormat","maximumFractionDigits","tiny","LABEL_PER_NIGHT","lighten","LABEL_EXCLUDES_TAXES_FEES","LABEL_INCLUDES_TAXES_FEES","Button","onPress","ACTION_VIEW_MORE","exports","displayName","propTypes","PropTypes","number","shape","string","bool","oneOfType","arrayOf"],"sources":["../../../../../src/components/Rates/components/CardHotel/CardHotel.jsx"],"sourcesContent":["import { useStore } from '@mirai/data-sources';\nimport { currencyFormat, useLocale } from '@mirai/locale';\nimport { Action, Button, Icon, Slider, Text, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useRef, useState } from 'react';\n\nimport { L10N } from './CardHotel.l10n';\nimport * as style from './CardHotel.module.css';\nimport { ICON, toUrlParams } from '../../../helpers';\nimport { getFinderParams } from '../../helpers';\n\nconst DEFAULT_WIDTH = 374;\n\nconst CardHotel = ({\n  discountPercentage = 0, // !\n  features: { distance, location, url } = {},\n  hasDiscountClub = false, // !\n  id,\n  images = [],\n  name,\n  price,\n  stars = 3, // !\n  taxes = true, // !\n}) => {\n  const { isMobile, width } = useDevice();\n  const { locale, translate } = useLocale();\n  const ref = useRef(null);\n  const { value: { currency, finder, forwarder = {}, hotel, tags: { options: places = [] } = {}, urlParams } = {} } =\n    useStore();\n\n  const [sliderWidth, setSliderWidth] = useState(DEFAULT_WIDTH);\n\n  useEffect(() => {\n    if (ref.current) setSliderWidth(ref.current?.clientWidth - 1);\n  }, [width]);\n\n  const handlePress = () => {\n    const { value: chainSelectorValue } =\n      places.find(({ isHotel, id: ids = [] } = {}) => isHotel && ids.includes(id.toString())) || {};\n\n    window.location.href = `${forwarder.rates}${toUrlParams({\n      ...getFinderParams({ ...urlParams, ...finder, currency, locale, hotel }),\n      chainSelectorValue,\n      idtokenprovider: id,\n    })}`;\n  };\n\n  const caption = { action: !isMobile, small: isMobile };\n\n  return (\n    <View ref={ref} className={style.card}>\n      <Slider height={208} images={images} width={sliderWidth} className={style.slider} />\n\n      {distance && (\n        <View row className={[style.offset, style.spaceBetween]}>\n          <View row className={style.row}>\n            <Icon value={ICON.LOCATION} />\n            <Text capitalize small>\n              {distance}\n            </Text>\n          </View>\n        </View>\n      )}\n\n      <View className={style.offset}>\n        <Text bold headline={!isMobile} level={3}>\n          {name}\n        </Text>\n        {stars > 0 && (\n          <Text headline={!isMobile} level={3}>\n            {Array.from({ length: stars }, () => '★')}\n          </Text>\n        )}\n\n        <Text {...caption}>{location}</Text>\n\n        {url && (\n          <Action href={url} inline small={isMobile} target=\"_blank\">\n            {translate(L10N.ACTION_VIEW_HOTEL)}\n          </Action>\n        )}\n      </View>\n\n      <View row className={[style.offset, style.spaceBetween, style.summary]}>\n        <View>\n          <Text accent bold small>\n            {hasDiscountClub && `${translate(L10N.LABEL_CLUB_MEMBERS)} `}\n            {translate(L10N.LABEL_DISCOUNT, { value: `${discountPercentage}%` })}\n          </Text>\n\n          <Text bold headline level={isMobile || price >= 10000 ? 3 : 2}>\n            {currencyFormat({ currency, locale, maximumFractionDigits: 0, value: price })}\n          </Text>\n\n          <Text capitalize small={!isMobile} tiny={isMobile}>\n            {translate(L10N.LABEL_PER_NIGHT)}\n          </Text>\n\n          <Text lighten small={!isMobile} tiny={isMobile}>\n            {translate(taxes ? L10N.LABEL_EXCLUDES_TAXES_FEES : L10N.LABEL_INCLUDES_TAXES_FEES)}\n          </Text>\n        </View>\n\n        <Button onPress={handlePress}>{translate(L10N.ACTION_VIEW_MORE)}</Button>\n      </View>\n    </View>\n  );\n};\n\nCardHotel.displayName = 'Mirai:Core:Rates:CardHotel';\n\nCardHotel.propTypes = {\n  discountPercentage: PropTypes.number,\n  features: PropTypes.shape({\n    distance: PropTypes.string,\n    location: PropTypes.string,\n    url: PropTypes.string,\n  }),\n  hasDiscountClub: PropTypes.bool,\n  id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  images: PropTypes.arrayOf(PropTypes.string),\n  name: PropTypes.string,\n  price: PropTypes.number,\n  stars: PropTypes.number,\n  taxes: PropTypes.bool,\n};\n\nexport { CardHotel };\n"],"mappings":"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"}

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

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.L10N = void 0;
+const L10N = exports.L10N = {
+  ACTION_VIEW_MORE: {
+    id: 'common.action.view_more'
+  },
+  ACTION_VIEW_HOTEL: {
+    id: 'common.action.view_hotel'
+  },
+  LABEL_CLUB_MEMBERS: {
+    id: 'finder.label.club_members'
+  },
+  LABEL_DISCOUNT: {
+    id: 'finder.label.discount'
+  },
+  LABEL_EXCLUDES_TAXES_FEES: {
+    id: 'finder.label.excludes_taxes_fees'
+  },
+  LABEL_INCLUDES_TAXES_FEES: {
+    id: 'finder.label.includes_taxes_fees'
+  },
+  LABEL_PER_NIGHT: {
+    id: 'finder.label.per_night'
+  }
+};
+//# sourceMappingURL=CardHotel.l10n.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CardHotel.l10n.js","names":["L10N","exports","ACTION_VIEW_MORE","id","ACTION_VIEW_HOTEL","LABEL_CLUB_MEMBERS","LABEL_DISCOUNT","LABEL_EXCLUDES_TAXES_FEES","LABEL_INCLUDES_TAXES_FEES","LABEL_PER_NIGHT"],"sources":["../../../../../src/components/Rates/components/CardHotel/CardHotel.l10n.js"],"sourcesContent":["export const L10N = {\n  ACTION_VIEW_MORE: { id: 'common.action.view_more' },\n  ACTION_VIEW_HOTEL: { id: 'common.action.view_hotel' },\n\n  LABEL_CLUB_MEMBERS: { id: 'finder.label.club_members' },\n  LABEL_DISCOUNT: { id: 'finder.label.discount' },\n  LABEL_EXCLUDES_TAXES_FEES: { id: 'finder.label.excludes_taxes_fees' },\n  LABEL_INCLUDES_TAXES_FEES: { id: 'finder.label.includes_taxes_fees' },\n  LABEL_PER_NIGHT: { id: 'finder.label.per_night' },\n};\n"],"mappings":";;;;;;AAAO,MAAMA,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG;EAClBE,gBAAgB,EAAE;IAAEC,EAAE,EAAE;EAA0B,CAAC;EACnDC,iBAAiB,EAAE;IAAED,EAAE,EAAE;EAA2B,CAAC;EAErDE,kBAAkB,EAAE;IAAEF,EAAE,EAAE;EAA4B,CAAC;EACvDG,cAAc,EAAE;IAAEH,EAAE,EAAE;EAAwB,CAAC;EAC/CI,yBAAyB,EAAE;IAAEJ,EAAE,EAAE;EAAmC,CAAC;EACrEK,yBAAyB,EAAE;IAAEL,EAAE,EAAE;EAAmC,CAAC;EACrEM,eAAe,EAAE;IAAEN,EAAE,EAAE;EAAyB;AAClD,CAAC"}