@mirai/core 0.3.59 → 0.3.61

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

@@ -1,10 +1,10 @@
 .amenities {
   align-items: flex-start;
-  flex-wrap: wrap;
-  flex-direction: row;
 }
 
 .columns {
+  flex-direction: row;
+  flex-wrap: wrap;
   gap: 5%;
 }
 
@@ -23,7 +23,7 @@
   flex-basis: 22.5%;
 }
 
-.highlight .content {
+.content {
   gap: calc(var(--mirai-ui-space-XS) / 2);
 }
 
@@ -47,6 +47,10 @@
   .columns > * {
     flex-basis: 47.5%;
   }
+
+  .preview {
+    gap: calc(var(--mirai-ui-space-XS) / 2);
+  }
 }
 
 /* L */
@@ -54,4 +58,8 @@
   .columns > * {
     flex-basis: 30%;
   }
+
+  .preview {
+    gap: var(--mirai-ui-space-XS);
+  }
 }

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

@@ -14,13 +14,14 @@ var _Item = require("../../Item.l10n");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 const Discount = _ref => {
   let {
     discount: {
-      breakdown = [],
-      percentage
+      breakdown = []
     },
-    originalPrice
+    originalPrice,
+    ...others
   } = _ref;
   const {
     isMobile
@@ -42,10 +43,11 @@ const Discount = _ref => {
       row: true,
       className: style.item
     }, /*#__PURE__*/_react.default.createElement(_ui.Text, {
-      tiny: true,
+      action: true,
       className: style.type
     }, translate(_Item.L10N.LABEL_ORIGINAL_PRICE)), /*#__PURE__*/_react.default.createElement(_ui.Text, {
-      tiny: true
+      action: true,
+      bold: true
     }, (0, _locale.currencyFormat)({
       currency,
       value: originalPrice
@@ -61,22 +63,21 @@ const Discount = _ref => {
         key: type,
         className: style.item
       }, /*#__PURE__*/_react.default.createElement(_ui.Text, {
-        tiny: true,
+        action: true,
         className: style.type
       }, translate(_Item.L10N.LABEL_DISCOUNT_TYPE[type])), /*#__PURE__*/_react.default.createElement(_ui.Text, {
-        tiny: true
+        action: true,
+        bold: true
       }, (0, _locale.currencyFormat)({
         currency,
         value: -value
       })));
     }))
-  }, /*#__PURE__*/_react.default.createElement(_ui.Text, {
-    bold: true,
+  }, /*#__PURE__*/_react.default.createElement(_ui.Text, _extends({
     accent: true,
-    small: true
-  }, translate(!isMobile ? _Item.L10N.LABEL_DISCOUNT_INCLUDED : _Item.L10N.LABEL_DISCOUNT, {
-    value: "".concat(percentage, "%")
-  })));
+    action: !isMobile,
+    small: isMobile
+  }, others), "".concat(translate(_Item.L10N.LABEL_PRICE_DETAILS), " >")));
 };
 exports.Discount = Discount;
 Discount.displayName = 'Mirai:Core:Rates:Item.Discount';

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

@@ -1 +1 @@
-{"version":3,"file":"Discount.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","style","_interopRequireWildcard","_Item","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","Discount","_ref","discount","breakdown","percentage","originalPrice","isMobile","useDevice","value","currency","useStore","translate","useLocale","createElement","Tooltip","bottom","pressable","Template","View","className","row","item","Text","tiny","type","L10N","LABEL_ORIGINAL_PRICE","currencyFormat","anchor","map","_ref2","key","LABEL_DISCOUNT_TYPE","bold","accent","small","LABEL_DISCOUNT_INCLUDED","LABEL_DISCOUNT","concat","exports","displayName","propTypes","PropTypes","shape","arrayOf","number"],"sources":["../../../../../../../src/components/Rates/components/Item/components/Discount/Discount.jsx"],"sourcesContent":["import { useStore } from '@mirai/data-sources';\nimport { currencyFormat, useLocale } from '@mirai/locale';\nimport { Text, Tooltip, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nimport * as style from './Discount.module.css';\nimport { L10N } from '../../Item.l10n';\n\nconst Discount = ({ discount: { breakdown = [], percentage }, originalPrice }) => {\n  const { isMobile } = useDevice();\n  const { value: { currency } = {} } = useStore();\n  const { translate } = useLocale();\n\n  return (\n    <Tooltip\n      bottom\n      pressable\n      Template={() => (\n        <View className={style.breakdown}>\n          <View row className={style.item}>\n            <Text tiny className={style.type}>\n              {translate(L10N.LABEL_ORIGINAL_PRICE)}\n            </Text>\n            <Text tiny>{currencyFormat({ currency, value: originalPrice })}</Text>\n          </View>\n          <View className={style.anchor} />\n          {breakdown?.map(({ type, value }) => (\n            <View row key={type} className={style.item}>\n              <Text tiny className={style.type}>\n                {translate(L10N.LABEL_DISCOUNT_TYPE[type])}\n              </Text>\n              <Text tiny>{currencyFormat({ currency, value: -value })}</Text>\n            </View>\n          ))}\n        </View>\n      )}\n    >\n      <Text bold accent small>\n        {translate(!isMobile ? L10N.LABEL_DISCOUNT_INCLUDED : L10N.LABEL_DISCOUNT, { value: `${percentage}%` })}\n      </Text>\n    </Tooltip>\n  );\n};\n\nDiscount.displayName = 'Mirai:Core:Rates:Item.Discount';\n\nDiscount.propTypes = {\n  discount: PropTypes.shape({\n    breakdown: PropTypes.arrayOf(\n      PropTypes.shape({\n        type: PropTypes.number,\n        value: PropTypes.number,\n      }),\n    ),\n    percentage: PropTypes.number,\n  }),\n  originalPrice: PropTypes.number,\n};\n\nexport { Discount };\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,GAAAD,sBAAA,CAAAJ,OAAA;AAEA,IAAAM,KAAA,GAAAC,uBAAA,CAAAP,OAAA;AACA,IAAAQ,KAAA,GAAAR,OAAA;AAAuC,SAAAS,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,SAAAH,wBAAAG,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,SAAAd,uBAAA0B,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAhB,UAAA,GAAAgB,GAAA,KAAAf,OAAA,EAAAe,GAAA;AAEvC,MAAMC,QAAQ,GAAGC,IAAA,IAAiE;EAAA,IAAhE;IAAEC,QAAQ,EAAE;MAAEC,SAAS,GAAG,EAAE;MAAEC;IAAW,CAAC;IAAEC;EAAc,CAAC,GAAAJ,IAAA;EAC3E,MAAM;IAAEK;EAAS,CAAC,GAAG,IAAAC,aAAS,EAAC,CAAC;EAChC,MAAM;IAAEC,KAAK,EAAE;MAAEC;IAAS,CAAC,GAAG,CAAC;EAAE,CAAC,GAAG,IAAAC,qBAAQ,EAAC,CAAC;EAC/C,MAAM;IAAEC;EAAU,CAAC,GAAG,IAAAC,iBAAS,EAAC,CAAC;EAEjC,oBACEtC,MAAA,CAAAU,OAAA,CAAA6B,aAAA,CAAC1C,GAAA,CAAA2C,OAAO;IACNC,MAAM;IACNC,SAAS;IACTC,QAAQ,EAAEA,CAAA,kBACR3C,MAAA,CAAAU,OAAA,CAAA6B,aAAA,CAAC1C,GAAA,CAAA+C,IAAI;MAACC,SAAS,EAAE5C,KAAK,CAAC4B;IAAU,gBAC/B7B,MAAA,CAAAU,OAAA,CAAA6B,aAAA,CAAC1C,GAAA,CAAA+C,IAAI;MAACE,GAAG;MAACD,SAAS,EAAE5C,KAAK,CAAC8C;IAAK,gBAC9B/C,MAAA,CAAAU,OAAA,CAAA6B,aAAA,CAAC1C,GAAA,CAAAmD,IAAI;MAACC,IAAI;MAACJ,SAAS,EAAE5C,KAAK,CAACiD;IAAK,GAC9Bb,SAAS,CAACc,UAAI,CAACC,oBAAoB,CAChC,CAAC,eACPpD,MAAA,CAAAU,OAAA,CAAA6B,aAAA,CAAC1C,GAAA,CAAAmD,IAAI;MAACC,IAAI;IAAA,GAAE,IAAAI,sBAAc,EAAC;MAAElB,QAAQ;MAAED,KAAK,EAAEH;IAAc,CAAC,CAAQ,CACjE,CAAC,eACP/B,MAAA,CAAAU,OAAA,CAAA6B,aAAA,CAAC1C,GAAA,CAAA+C,IAAI;MAACC,SAAS,EAAE5C,KAAK,CAACqD;IAAO,CAAE,CAAC,EAChCzB,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAE0B,GAAG,CAACC,KAAA;MAAA,IAAC;QAAEN,IAAI;QAAEhB;MAAM,CAAC,GAAAsB,KAAA;MAAA,oBAC9BxD,MAAA,CAAAU,OAAA,CAAA6B,aAAA,CAAC1C,GAAA,CAAA+C,IAAI;QAACE,GAAG;QAACW,GAAG,EAAEP,IAAK;QAACL,SAAS,EAAE5C,KAAK,CAAC8C;MAAK,gBACzC/C,MAAA,CAAAU,OAAA,CAAA6B,aAAA,CAAC1C,GAAA,CAAAmD,IAAI;QAACC,IAAI;QAACJ,SAAS,EAAE5C,KAAK,CAACiD;MAAK,GAC9Bb,SAAS,CAACc,UAAI,CAACO,mBAAmB,CAACR,IAAI,CAAC,CACrC,CAAC,eACPlD,MAAA,CAAAU,OAAA,CAAA6B,aAAA,CAAC1C,GAAA,CAAAmD,IAAI;QAACC,IAAI;MAAA,GAAE,IAAAI,sBAAc,EAAC;QAAElB,QAAQ;QAAED,KAAK,EAAE,CAACA;MAAM,CAAC,CAAQ,CAC1D,CAAC;IAAA,CACR,CACG;EACN,gBAEFlC,MAAA,CAAAU,OAAA,CAAA6B,aAAA,CAAC1C,GAAA,CAAAmD,IAAI;IAACW,IAAI;IAACC,MAAM;IAACC,KAAK;EAAA,GACpBxB,SAAS,CAAC,CAACL,QAAQ,GAAGmB,UAAI,CAACW,uBAAuB,GAAGX,UAAI,CAACY,cAAc,EAAE;IAAE7B,KAAK,KAAA8B,MAAA,CAAKlC,UAAU;EAAI,CAAC,CAClG,CACC,CAAC;AAEd,CAAC;AAACmC,OAAA,CAAAvC,QAAA,GAAAA,QAAA;AAEFA,QAAQ,CAACwC,WAAW,GAAG,gCAAgC;AAEvDxC,QAAQ,CAACyC,SAAS,GAAG;EACnBvC,QAAQ,EAAEwC,kBAAS,CAACC,KAAK,CAAC;IACxBxC,SAAS,EAAEuC,kBAAS,CAACE,OAAO,CAC1BF,kBAAS,CAACC,KAAK,CAAC;MACdnB,IAAI,EAAEkB,kBAAS,CAACG,MAAM;MACtBrC,KAAK,EAAEkC,kBAAS,CAACG;IACnB,CAAC,CACH,CAAC;IACDzC,UAAU,EAAEsC,kBAAS,CAACG;EACxB,CAAC,CAAC;EACFxC,aAAa,EAAEqC,kBAAS,CAACG;AAC3B,CAAC"}
+{"version":3,"file":"Discount.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","style","_interopRequireWildcard","_Item","_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","Discount","_ref","discount","breakdown","originalPrice","others","isMobile","useDevice","value","currency","useStore","translate","useLocale","createElement","Tooltip","bottom","pressable","Template","View","className","row","item","Text","action","type","L10N","LABEL_ORIGINAL_PRICE","bold","currencyFormat","anchor","map","_ref2","LABEL_DISCOUNT_TYPE","accent","small","concat","LABEL_PRICE_DETAILS","exports","displayName","propTypes","PropTypes","shape","arrayOf","number","percentage"],"sources":["../../../../../../../src/components/Rates/components/Item/components/Discount/Discount.jsx"],"sourcesContent":["import { useStore } from '@mirai/data-sources';\nimport { currencyFormat, useLocale } from '@mirai/locale';\nimport { Text, Tooltip, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nimport * as style from './Discount.module.css';\nimport { L10N } from '../../Item.l10n';\n\nconst Discount = ({ discount: { breakdown = [] }, originalPrice, ...others }) => {\n  const { isMobile } = useDevice();\n  const { value: { currency } = {} } = useStore();\n  const { translate } = useLocale();\n\n  return (\n    <Tooltip\n      bottom\n      pressable\n      Template={() => (\n        <View className={style.breakdown}>\n          <View row className={style.item}>\n            <Text action className={style.type}>\n              {translate(L10N.LABEL_ORIGINAL_PRICE)}\n            </Text>\n            <Text action bold>\n              {currencyFormat({ currency, value: originalPrice })}\n            </Text>\n          </View>\n          <View className={style.anchor} />\n          {breakdown?.map(({ type, value }) => (\n            <View row key={type} className={style.item}>\n              <Text action className={style.type}>\n                {translate(L10N.LABEL_DISCOUNT_TYPE[type])}\n              </Text>\n              <Text action bold>\n                {currencyFormat({ currency, value: -value })}\n              </Text>\n            </View>\n          ))}\n        </View>\n      )}\n    >\n      <Text accent action={!isMobile} small={isMobile} {...others}>\n        {`${translate(L10N.LABEL_PRICE_DETAILS)} >`}\n      </Text>\n    </Tooltip>\n  );\n};\n\nDiscount.displayName = 'Mirai:Core:Rates:Item.Discount';\n\nDiscount.propTypes = {\n  discount: PropTypes.shape({\n    breakdown: PropTypes.arrayOf(\n      PropTypes.shape({\n        type: PropTypes.number,\n        value: PropTypes.number,\n      }),\n    ),\n    percentage: PropTypes.number,\n  }),\n  originalPrice: PropTypes.number,\n};\n\nexport { Discount };\n"],"mappings":"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"}

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

@@ -1,20 +1,21 @@
 .breakdown {
   gap: var(--mirai-ui-space-XS);
-  padding: var(--mirai-ui-space-XS) 0;
+  padding: calc(var(--mirai-ui-space-XS) / 2) 0;
 }
 
 .breakdown .item {
   justify-content: space-between;
   gap: var(--mirai-ui-space-M);
+  padding: calc(var(--mirai-ui-space-XS) / 2) var(--mirai-ui-space-XS);
 }
 
-.breakdown .item * {
+.breakdown .item [data-role='text'] {
   color: var(--mirai-ui-base);
 }
 
 .breakdown .anchor {
   border-bottom: solid 1px var(--mirai-ui-base);
-  opacity: 0.25;
+  opacity: 0.33;
 }
 
 .breakdown .type {

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

@@ -38,17 +38,11 @@ const Features = _ref => {
     small: true
   }, size)), /*#__PURE__*/_react.default.createElement(_ui.View, {
     row: true
-  }, /*#__PURE__*/_react.default.createElement(_ui.View, {
-    row: true,
-    className: style.maxOccupation
-  }, Array.from({
-    length: maxOccupation
-  }).map((_, index) => /*#__PURE__*/_react.default.createElement(_ui.Icon, {
-    key: index,
-    value: _helpers.ICON.PERSON,
+  }, /*#__PURE__*/_react.default.createElement(_ui.Icon, {
     headline: true,
-    level: 2
-  }))), /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    level: 2,
+    value: maxOccupation === 1 ? _helpers.ICON.PERSON : maxOccupation === 2 ? _helpers.ICON.GROUP : _helpers.ICON.GROUPS
+  }), /*#__PURE__*/_react.default.createElement(_ui.Text, {
     small: true
   }, maxOccupation)), bedTypes.length > 0 && /*#__PURE__*/_react.default.createElement(_ui.View, {
     row: true

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

@@ -1 +1 @@
-{"version":3,"file":"Features.js","names":["_locale","require","_ui","_propTypes","_interopRequireDefault","_react","style","_interopRequireWildcard","_helpers","_Item","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","Features","_ref","bedTypes","box","maxOccupation","size","others","translate","useLocale","createElement","View","row","className","styles","features","Icon","value","ICON","SIZE","headline","level","Text","small","Array","from","length","map","_","index","key","PERSON","BED_DOUBLE","type","L10N","LABEL_BED_TYPE","join","concat","LABEL_OR","exports","propTypes","PropTypes","arrayOf","number","bool","string","displayName"],"sources":["../../../../../../../src/components/Rates/components/Item/components/Features/Features.jsx"],"sourcesContent":["import { useLocale } from '@mirai/locale';\nimport { Icon, styles, Text, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nimport * as style from './Features.module.css';\nimport { ICON } from '../../../../../helpers';\nimport { L10N } from '../../Item.l10n';\n\nconst Features = ({ bedTypes = [], box = false, maxOccupation = 2, size, ...others }) => {\n  const { translate } = useLocale();\n\n  return (\n    <View row className={styles(style.features, box && style.box, others.className)}>\n      {size && (\n        <View row>\n          <Icon value={ICON.SIZE} headline level={2} />\n          <Text small>{size}</Text>\n        </View>\n      )}\n\n      <View row>\n        <View row className={style.maxOccupation}>\n          {Array.from({ length: maxOccupation }).map((_, index) => (\n            <Icon key={index} value={ICON.PERSON} headline level={2} />\n          ))}\n        </View>\n        <Text small>{maxOccupation}</Text>\n      </View>\n\n      {bedTypes.length > 0 && (\n        <View row>\n          <Icon value={ICON.BED_DOUBLE} headline level={2} />\n          <Text small>\n            {bedTypes.map((type) => translate(L10N.LABEL_BED_TYPE[type])).join(` ${translate(L10N.LABEL_OR)} `)}\n          </Text>\n        </View>\n      )}\n    </View>\n  );\n};\n\nFeatures.propTypes = {\n  bedTypes: PropTypes.arrayOf(PropTypes.number),\n  box: PropTypes.bool,\n  maxOccupation: PropTypes.number,\n  size: PropTypes.string,\n};\n\nFeatures.displayName = 'Mirai:Core:Rates:Item.Features';\n\nexport { Features };\n"],"mappings":"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"}
+{"version":3,"file":"Features.js","names":["_locale","require","_ui","_propTypes","_interopRequireDefault","_react","style","_interopRequireWildcard","_helpers","_Item","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","Features","_ref","bedTypes","box","maxOccupation","size","others","translate","useLocale","createElement","View","row","className","styles","features","Icon","value","ICON","SIZE","headline","level","Text","small","PERSON","GROUP","GROUPS","length","BED_DOUBLE","map","type","L10N","LABEL_BED_TYPE","join","concat","LABEL_OR","exports","propTypes","PropTypes","arrayOf","number","bool","string","displayName"],"sources":["../../../../../../../src/components/Rates/components/Item/components/Features/Features.jsx"],"sourcesContent":["import { useLocale } from '@mirai/locale';\nimport { Icon, styles, Text, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nimport * as style from './Features.module.css';\nimport { ICON } from '../../../../../helpers';\nimport { L10N } from '../../Item.l10n';\n\nconst Features = ({ bedTypes = [], box = false, maxOccupation = 2, size, ...others }) => {\n  const { translate } = useLocale();\n\n  return (\n    <View row className={styles(style.features, box && style.box, others.className)}>\n      {size && (\n        <View row>\n          <Icon value={ICON.SIZE} headline level={2} />\n          <Text small>{size}</Text>\n        </View>\n      )}\n\n      <View row>\n        <Icon\n          headline\n          level={2}\n          value={maxOccupation === 1 ? ICON.PERSON : maxOccupation === 2 ? ICON.GROUP : ICON.GROUPS}\n        />\n        <Text small>{maxOccupation}</Text>\n      </View>\n\n      {bedTypes.length > 0 && (\n        <View row>\n          <Icon value={ICON.BED_DOUBLE} headline level={2} />\n          <Text small>\n            {bedTypes.map((type) => translate(L10N.LABEL_BED_TYPE[type])).join(` ${translate(L10N.LABEL_OR)} `)}\n          </Text>\n        </View>\n      )}\n    </View>\n  );\n};\n\nFeatures.propTypes = {\n  bedTypes: PropTypes.arrayOf(PropTypes.number),\n  box: PropTypes.bool,\n  maxOccupation: PropTypes.number,\n  size: PropTypes.string,\n};\n\nFeatures.displayName = 'Mirai:Core:Rates:Item.Features';\n\nexport { Features };\n"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,GAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,MAAA,GAAAD,sBAAA,CAAAH,OAAA;AAEA,IAAAK,KAAA,GAAAC,uBAAA,CAAAN,OAAA;AACA,IAAAO,QAAA,GAAAP,OAAA;AACA,IAAAQ,KAAA,GAAAR,OAAA;AAAuC,SAAAS,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,SAAAJ,wBAAAI,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,SAAAf,uBAAA2B,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAhB,UAAA,GAAAgB,GAAA,KAAAf,OAAA,EAAAe,GAAA;AAEvC,MAAMC,QAAQ,GAAGC,IAAA,IAAwE;EAAA,IAAvE;IAAEC,QAAQ,GAAG,EAAE;IAAEC,GAAG,GAAG,KAAK;IAAEC,aAAa,GAAG,CAAC;IAAEC,IAAI;IAAE,GAAGC;EAAO,CAAC,GAAAL,IAAA;EAClF,MAAM;IAAEM;EAAU,CAAC,GAAG,IAAAC,iBAAS,EAAC,CAAC;EAEjC,oBACEnC,MAAA,CAAAW,OAAA,CAAAyB,aAAA,CAACvC,GAAA,CAAAwC,IAAI;IAACC,GAAG;IAACC,SAAS,EAAE,IAAAC,UAAM,EAACvC,KAAK,CAACwC,QAAQ,EAAEX,GAAG,IAAI7B,KAAK,CAAC6B,GAAG,EAAEG,MAAM,CAACM,SAAS;EAAE,GAC7EP,IAAI,iBACHhC,MAAA,CAAAW,OAAA,CAAAyB,aAAA,CAACvC,GAAA,CAAAwC,IAAI;IAACC,GAAG;EAAA,gBACPtC,MAAA,CAAAW,OAAA,CAAAyB,aAAA,CAACvC,GAAA,CAAA6C,IAAI;IAACC,KAAK,EAAEC,aAAI,CAACC,IAAK;IAACC,QAAQ;IAACC,KAAK,EAAE;EAAE,CAAE,CAAC,eAC7C/C,MAAA,CAAAW,OAAA,CAAAyB,aAAA,CAACvC,GAAA,CAAAmD,IAAI;IAACC,KAAK;EAAA,GAAEjB,IAAW,CACpB,CACP,eAEDhC,MAAA,CAAAW,OAAA,CAAAyB,aAAA,CAACvC,GAAA,CAAAwC,IAAI;IAACC,GAAG;EAAA,gBACPtC,MAAA,CAAAW,OAAA,CAAAyB,aAAA,CAACvC,GAAA,CAAA6C,IAAI;IACHI,QAAQ;IACRC,KAAK,EAAE,CAAE;IACTJ,KAAK,EAAEZ,aAAa,KAAK,CAAC,GAAGa,aAAI,CAACM,MAAM,GAAGnB,aAAa,KAAK,CAAC,GAAGa,aAAI,CAACO,KAAK,GAAGP,aAAI,CAACQ;EAAO,CAC3F,CAAC,eACFpD,MAAA,CAAAW,OAAA,CAAAyB,aAAA,CAACvC,GAAA,CAAAmD,IAAI;IAACC,KAAK;EAAA,GAAElB,aAAoB,CAC7B,CAAC,EAENF,QAAQ,CAACwB,MAAM,GAAG,CAAC,iBAClBrD,MAAA,CAAAW,OAAA,CAAAyB,aAAA,CAACvC,GAAA,CAAAwC,IAAI;IAACC,GAAG;EAAA,gBACPtC,MAAA,CAAAW,OAAA,CAAAyB,aAAA,CAACvC,GAAA,CAAA6C,IAAI;IAACC,KAAK,EAAEC,aAAI,CAACU,UAAW;IAACR,QAAQ;IAACC,KAAK,EAAE;EAAE,CAAE,CAAC,eACnD/C,MAAA,CAAAW,OAAA,CAAAyB,aAAA,CAACvC,GAAA,CAAAmD,IAAI;IAACC,KAAK;EAAA,GACRpB,QAAQ,CAAC0B,GAAG,CAAEC,IAAI,IAAKtB,SAAS,CAACuB,UAAI,CAACC,cAAc,CAACF,IAAI,CAAC,CAAC,CAAC,CAACG,IAAI,KAAAC,MAAA,CAAK1B,SAAS,CAACuB,UAAI,CAACI,QAAQ,CAAC,MAAG,CAC9F,CACF,CAEJ,CAAC;AAEX,CAAC;AAACC,OAAA,CAAAnC,QAAA,GAAAA,QAAA;AAEFA,QAAQ,CAACoC,SAAS,GAAG;EACnBlC,QAAQ,EAAEmC,kBAAS,CAACC,OAAO,CAACD,kBAAS,CAACE,MAAM,CAAC;EAC7CpC,GAAG,EAAEkC,kBAAS,CAACG,IAAI;EACnBpC,aAAa,EAAEiC,kBAAS,CAACE,MAAM;EAC/BlC,IAAI,EAAEgC,kBAAS,CAACI;AAClB,CAAC;AAEDzC,QAAQ,CAAC0C,WAAW,GAAG,gCAAgC"}

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

@@ -13,8 +13,3 @@
   gap: calc(var(--mirai-ui-space-XS) / 2);
   width: max-content;
 }
-
-.maxOccupation > * {
-  margin-left: calc(var(--mirai-ui-space-XS) * -0.8);
-  margin-right: calc(var(--mirai-ui-space-XS) * -0.4);
-}

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

@@ -21,9 +21,13 @@ const ModalInfo = _ref => {
   let {
     bedDisposition = [],
     description,
+    images = [],
     name,
     ...others
   } = _ref;
+  const {
+    isMobile
+  } = (0, _ui.useDevice)();
   const {
     translate
   } = (0, _locale.useLocale)();
@@ -35,6 +39,10 @@ const ModalInfo = _ref => {
   } = others;
   const highlightAmenities = [];
   const amenities = [];
+  const textProps = {
+    action: !isMobile,
+    small: isMobile
+  };
   baseAmenities.forEach(function () {
     let item = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     item.highlight ? highlightAmenities.push(item) : amenities.push(item);
@@ -47,10 +55,25 @@ const ModalInfo = _ref => {
     title: name,
     className: style.modal
   }, /*#__PURE__*/_react.default.createElement(_ui.ScrollView, {
-    className: style.content
-  }, /*#__PURE__*/_react.default.createElement(_Features.Features, others), /*#__PURE__*/_react.default.createElement(_ui.Text, {
-    small: true
-  }, description), bedDisposition.length > 0 && /*#__PURE__*/_react.default.createElement(_ui.View, null, /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    className: style.content,
+    scrollTo: visible ? 0 : undefined
+  }, !isMobile && /*#__PURE__*/_react.default.createElement(_ui.Slider, {
+    captions: images.map(_ref2 => {
+      let {
+        alt
+      } = _ref2;
+      return alt;
+    }),
+    height: 400,
+    images: images.map(_ref3 => {
+      let {
+        large
+      } = _ref3;
+      return large;
+    }),
+    width: 706,
+    className: style.slider
+  }), /*#__PURE__*/_react.default.createElement(_Features.Features, others), /*#__PURE__*/_react.default.createElement(_ui.Text, textProps, description), bedDisposition.length > 0 && /*#__PURE__*/_react.default.createElement(_ui.View, null, /*#__PURE__*/_react.default.createElement(_ui.Text, {
     bold: true,
     upperCase: true,
     className: style.title
@@ -63,11 +86,11 @@ const ModalInfo = _ref => {
       key: index,
       row: true,
       className: [style.box, style.bedDisposition]
-    }, arrangments.map(_ref2 => {
+    }, arrangments.map(_ref4 => {
       let {
         amount,
         type
-      } = _ref2;
+      } = _ref4;
       return /*#__PURE__*/_react.default.createElement(_ui.View, {
         key: "".concat(index, "-").concat(type),
         row: true
@@ -107,6 +130,11 @@ ModalInfo.propTypes = {
     type: _propTypes.default.number
   }))),
   description: _propTypes.default.string,
+  images: _propTypes.default.arrayOf(_propTypes.default.shape({
+    alt: _propTypes.default.string,
+    large: _propTypes.default.string,
+    thumbnail: _propTypes.default.string
+  })),
   name: _propTypes.default.string,
   visible: _propTypes.default.bool
 };

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

@@ -1 +1 @@
-{"version":3,"file":"ModalInfo.js","names":["_locale","require","_ui","_propTypes","_interopRequireDefault","_react","style","_interopRequireWildcard","_helpers","_Item","_Amenities","_Features","_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","ModalInfo","_ref","bedDisposition","description","name","others","translate","useLocale","amenities","baseAmenities","visible","title","onClose","highlightAmenities","forEach","item","undefined","highlight","push","createElement","Modal","fit","className","modal","ScrollView","content","Features","Text","small","View","bold","upperCase","L10N","LABEL_BED_DISPOSITION","row","map","arrangments","index","box","_ref2","amount","type","concat","Icon","headline","level","value","ICON","BED_SINGLE","BED_DOUBLE","action","wide","LABEL_TOP_AMENITIES","Amenities","LABEL_MORE_SERVICES","exports","displayName","propTypes","PropTypes","arrayOf","shape","number","string","bool"],"sources":["../../../../../../../src/components/Rates/components/Item/components/ModalInfo/ModalInfo.jsx"],"sourcesContent":["import { useLocale } from '@mirai/locale';\nimport { Modal, Icon, ScrollView, Text, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nimport * as style from './ModalInfo.module.css';\nimport { ICON } from '../../../../../helpers';\nimport { L10N } from '../../Item.l10n';\nimport { Amenities } from '../Amenities';\nimport { Features } from '../Features';\n\nconst ModalInfo = ({ bedDisposition = [], description, name, ...others }) => {\n  const { translate } = useLocale();\n\n  const { amenities: baseAmenities = [], visible, title, onClose } = others;\n  const highlightAmenities = [];\n  const amenities = [];\n\n  baseAmenities.forEach((item = {}) => {\n    item.highlight ? highlightAmenities.push(item) : amenities.push(item);\n  });\n\n  return (\n    <Modal {...{ title, visible, onClose }} fit title={name} className={style.modal}>\n      <ScrollView className={style.content}>\n        <Features {...others} />\n\n        <Text small>{description}</Text>\n\n        {bedDisposition.length > 0 && (\n          <View>\n            <Text bold upperCase className={style.title}>\n              {translate(L10N.LABEL_BED_DISPOSITION)}\n            </Text>\n            <View row>\n              {bedDisposition.map((arrangments = [], index) => (\n                <View key={index} row className={[style.box, style.bedDisposition]}>\n                  {arrangments.map(({ amount, type }) => (\n                    <View key={`${index}-${type}`} row>\n                      <Icon headline level={2} value={type === 1 ? ICON.BED_SINGLE : ICON.BED_DOUBLE} />\n                      <Text action>{`x${amount}`}</Text>\n                    </View>\n                  ))}\n                </View>\n              ))}\n            </View>\n          </View>\n        )}\n\n        {highlightAmenities.length > 0 && (\n          <View wide>\n            <Text bold upperCase className={style.title}>\n              {translate(L10N.LABEL_TOP_AMENITIES)}\n            </Text>\n            <Amenities amenities={highlightAmenities} highlight className={style.box} />\n          </View>\n        )}\n\n        {amenities.length > 0 && (\n          <View wide>\n            <Text bold upperCase className={style.title}>\n              {translate(L10N.LABEL_MORE_SERVICES)}\n            </Text>\n            <Amenities amenities={amenities} {...others} />\n          </View>\n        )}\n      </ScrollView>\n    </Modal>\n  );\n};\n\nModalInfo.displayName = 'Mirai:Core:Rates:Item.ModalInfo';\n\nModalInfo.propTypes = {\n  bedDisposition: PropTypes.arrayOf(\n    PropTypes.arrayOf(\n      PropTypes.shape({\n        amount: PropTypes.number,\n        type: PropTypes.number,\n      }),\n    ),\n  ),\n  description: PropTypes.string,\n  name: PropTypes.string,\n  visible: PropTypes.bool,\n};\n\nexport { ModalInfo };\n"],"mappings":"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"}
+{"version":3,"file":"ModalInfo.js","names":["_locale","require","_ui","_propTypes","_interopRequireDefault","_react","style","_interopRequireWildcard","_helpers","_Item","_Amenities","_Features","_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","ModalInfo","_ref","bedDisposition","description","images","name","others","isMobile","useDevice","translate","useLocale","amenities","baseAmenities","visible","title","onClose","highlightAmenities","textProps","action","small","forEach","item","undefined","highlight","push","createElement","Modal","fit","className","modal","ScrollView","content","scrollTo","Slider","captions","map","_ref2","alt","height","_ref3","large","width","slider","Features","Text","View","bold","upperCase","L10N","LABEL_BED_DISPOSITION","row","arrangments","index","box","_ref4","amount","type","concat","Icon","headline","level","value","ICON","BED_SINGLE","BED_DOUBLE","wide","LABEL_TOP_AMENITIES","Amenities","LABEL_MORE_SERVICES","exports","displayName","propTypes","PropTypes","arrayOf","shape","number","string","thumbnail","bool"],"sources":["../../../../../../../src/components/Rates/components/Item/components/ModalInfo/ModalInfo.jsx"],"sourcesContent":["import { useLocale } from '@mirai/locale';\nimport { Modal, Icon, ScrollView, Slider, Text, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nimport * as style from './ModalInfo.module.css';\nimport { ICON } from '../../../../../helpers';\nimport { L10N } from '../../Item.l10n';\nimport { Amenities } from '../Amenities';\nimport { Features } from '../Features';\n\nconst ModalInfo = ({ bedDisposition = [], description, images = [], name, ...others }) => {\n  const { isMobile } = useDevice();\n  const { translate } = useLocale();\n\n  const { amenities: baseAmenities = [], visible, title, onClose } = others;\n  const highlightAmenities = [];\n  const amenities = [];\n  const textProps = { action: !isMobile, small: isMobile };\n\n  baseAmenities.forEach((item = {}) => {\n    item.highlight ? highlightAmenities.push(item) : amenities.push(item);\n  });\n\n  return (\n    <Modal {...{ title, visible, onClose }} fit title={name} className={style.modal}>\n      <ScrollView className={style.content} scrollTo={visible ? 0 : undefined}>\n        {!isMobile && (\n          <Slider\n            captions={images.map(({ alt }) => alt)}\n            height={400}\n            images={images.map(({ large }) => large)}\n            width={706}\n            className={style.slider}\n          />\n        )}\n\n        <Features {...others} />\n\n        <Text {...textProps}>{description}</Text>\n\n        {bedDisposition.length > 0 && (\n          <View>\n            <Text bold upperCase className={style.title}>\n              {translate(L10N.LABEL_BED_DISPOSITION)}\n            </Text>\n            <View row>\n              {bedDisposition.map((arrangments = [], index) => (\n                <View key={index} row className={[style.box, style.bedDisposition]}>\n                  {arrangments.map(({ amount, type }) => (\n                    <View key={`${index}-${type}`} row>\n                      <Icon headline level={2} value={type === 1 ? ICON.BED_SINGLE : ICON.BED_DOUBLE} />\n                      <Text action>{`x${amount}`}</Text>\n                    </View>\n                  ))}\n                </View>\n              ))}\n            </View>\n          </View>\n        )}\n\n        {highlightAmenities.length > 0 && (\n          <View wide>\n            <Text bold upperCase className={style.title}>\n              {translate(L10N.LABEL_TOP_AMENITIES)}\n            </Text>\n            <Amenities amenities={highlightAmenities} highlight className={style.box} />\n          </View>\n        )}\n\n        {amenities.length > 0 && (\n          <View wide>\n            <Text bold upperCase className={style.title}>\n              {translate(L10N.LABEL_MORE_SERVICES)}\n            </Text>\n            <Amenities amenities={amenities} {...others} />\n          </View>\n        )}\n      </ScrollView>\n    </Modal>\n  );\n};\n\nModalInfo.displayName = 'Mirai:Core:Rates:Item.ModalInfo';\n\nModalInfo.propTypes = {\n  bedDisposition: PropTypes.arrayOf(\n    PropTypes.arrayOf(\n      PropTypes.shape({\n        amount: PropTypes.number,\n        type: PropTypes.number,\n      }),\n    ),\n  ),\n  description: PropTypes.string,\n  images: PropTypes.arrayOf(\n    PropTypes.shape({\n      alt: PropTypes.string,\n      large: PropTypes.string,\n      thumbnail: PropTypes.string,\n    }),\n  ),\n  name: PropTypes.string,\n  visible: PropTypes.bool,\n};\n\nexport { ModalInfo };\n"],"mappings":"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"}

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

@@ -22,6 +22,13 @@
   margin-bottom: var(--mirai-ui-space-XS);
 }
 
+.slider {
+  border-radius: var(--mirai-ui-border-radius);
+  /* min-height: 400px; */
+  min-height: 400px;
+  min-width: 706px;
+}
+
 /* S & M */
 @media only screen and (max-width: 820px) {
 }

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

@@ -24,26 +24,35 @@ const ModalRateInfo = _ref => {
     paymentConditions,
     ...others
   } = _ref;
+  const {
+    isMobile
+  } = (0, _ui.useDevice)();
   const {
     translate
   } = (0, _locale.useLocale)();
+  const textProps = {
+    action: !isMobile,
+    small: isMobile
+  };
   return /*#__PURE__*/_react.default.createElement(_ui.Modal, _extends({}, others, {
-    title: name
+    fit: true,
+    title: name,
+    className: style.modal
   }), /*#__PURE__*/_react.default.createElement(_ui.View, {
     className: style.content
-  }, paymentConditions && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ui.Text, {
+  }, paymentConditions && /*#__PURE__*/_react.default.createElement(_ui.View, {
+    className: style.section
+  }, /*#__PURE__*/_react.default.createElement(_ui.Text, {
     bold: true,
     upperCase: true
-  }, translate(_Item.L10N.LABEL_PAYMENT_TERMS)), /*#__PURE__*/_react.default.createElement(_ui.Text, {
-    small: true
-  }, paymentConditions)), /*#__PURE__*/_react.default.createElement(_ui.Text, {
+  }, translate(_Item.L10N.LABEL_PAYMENT_TERMS)), /*#__PURE__*/_react.default.createElement(_ui.Text, textProps, paymentConditions)), /*#__PURE__*/_react.default.createElement(_ui.View, {
+    className: style.section
+  }, /*#__PURE__*/_react.default.createElement(_ui.Text, {
     bold: true,
     upperCase: true
-  }, translate(_Item.L10N.LABEL_CANCELLATION_POLICY)), /*#__PURE__*/_react.default.createElement(_ui.Text, {
+  }, translate(_Item.L10N.LABEL_CANCELLATION_POLICY)), /*#__PURE__*/_react.default.createElement(_ui.Text, _extends({
     bold: true
-  }, title), /*#__PURE__*/_react.default.createElement(_ui.Text, {
-    small: true
-  }, text)));
+  }, textProps), title), /*#__PURE__*/_react.default.createElement(_ui.Text, textProps, text))));
 };
 exports.ModalRateInfo = ModalRateInfo;
 ModalRateInfo.propTypes = {

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

@@ -1 +1 @@
-{"version":3,"file":"ModalRateInfo.js","names":["_locale","require","_ui","_propTypes","_interopRequireDefault","_react","style","_interopRequireWildcard","_Item","_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","ModalRateInfo","_ref","cancellation","title","text","name","paymentConditions","others","translate","useLocale","createElement","Modal","View","className","content","Fragment","Text","bold","upperCase","L10N","LABEL_PAYMENT_TERMS","small","LABEL_CANCELLATION_POLICY","exports","propTypes","PropTypes","shape","string","visible","bool","displayName"],"sources":["../../../../../../../src/components/Rates/components/Item/components/ModalRateInfo/ModalRateInfo.jsx"],"sourcesContent":["import { useLocale } from '@mirai/locale';\nimport { Modal, Text, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nimport * as style from './ModalRateInfo.module.css';\nimport { L10N } from '../../Item.l10n';\n\nconst ModalRateInfo = ({ cancellation: { title, text } = {}, name, paymentConditions, ...others }) => {\n  const { translate } = useLocale();\n\n  return (\n    <Modal {...others} title={name}>\n      <View className={style.content}>\n        {paymentConditions && (\n          <>\n            <Text bold upperCase>\n              {translate(L10N.LABEL_PAYMENT_TERMS)}\n            </Text>\n            <Text small>{paymentConditions}</Text>\n          </>\n        )}\n        <Text bold upperCase>\n          {translate(L10N.LABEL_CANCELLATION_POLICY)}\n        </Text>\n        <Text bold>{title}</Text>\n        <Text small>{text}</Text>\n      </View>\n    </Modal>\n  );\n};\n\nModalRateInfo.propTypes = {\n  cancellation: PropTypes.shape({\n    text: PropTypes.string,\n    title: PropTypes.string,\n  }),\n  name: PropTypes.string,\n  paymentConditions: PropTypes.string,\n  visible: PropTypes.bool,\n};\n\nModalRateInfo.displayName = 'Mirai:Core:Rates:Item.ModalRateInfo';\n\nexport { ModalRateInfo };\n"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,GAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,MAAA,GAAAD,sBAAA,CAAAH,OAAA;AAEA,IAAAK,KAAA,GAAAC,uBAAA,CAAAN,OAAA;AACA,IAAAO,KAAA,GAAAP,OAAA;AAAuC,SAAAQ,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,SAAAH,wBAAAG,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,SAAAd,uBAAA0B,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;AAEvC,MAAMK,aAAa,GAAGC,IAAA,IAAgF;EAAA,IAA/E;IAAEC,YAAY,EAAE;MAAEC,KAAK;MAAEC;IAAK,CAAC,GAAG,CAAC,CAAC;IAAEC,IAAI;IAAEC,iBAAiB;IAAE,GAAGC;EAAO,CAAC,GAAAN,IAAA;EAC/F,MAAM;IAAEO;EAAU,CAAC,GAAG,IAAAC,iBAAS,EAAC,CAAC;EAEjC,oBACE5C,MAAA,CAAAU,OAAA,CAAAmC,aAAA,CAAChD,GAAA,CAAAiD,KAAK,EAAApB,QAAA,KAAKgB,MAAM;IAAEJ,KAAK,EAAEE;EAAK,iBAC7BxC,MAAA,CAAAU,OAAA,CAAAmC,aAAA,CAAChD,GAAA,CAAAkD,IAAI;IAACC,SAAS,EAAE/C,KAAK,CAACgD;EAAQ,GAC5BR,iBAAiB,iBAChBzC,MAAA,CAAAU,OAAA,CAAAmC,aAAA,CAAA7C,MAAA,CAAAU,OAAA,CAAAwC,QAAA,qBACElD,MAAA,CAAAU,OAAA,CAAAmC,aAAA,CAAChD,GAAA,CAAAsD,IAAI;IAACC,IAAI;IAACC,SAAS;EAAA,GACjBV,SAAS,CAACW,UAAI,CAACC,mBAAmB,CAC/B,CAAC,eACPvD,MAAA,CAAAU,OAAA,CAAAmC,aAAA,CAAChD,GAAA,CAAAsD,IAAI;IAACK,KAAK;EAAA,GAAEf,iBAAwB,CACrC,CACH,eACDzC,MAAA,CAAAU,OAAA,CAAAmC,aAAA,CAAChD,GAAA,CAAAsD,IAAI;IAACC,IAAI;IAACC,SAAS;EAAA,GACjBV,SAAS,CAACW,UAAI,CAACG,yBAAyB,CACrC,CAAC,eACPzD,MAAA,CAAAU,OAAA,CAAAmC,aAAA,CAAChD,GAAA,CAAAsD,IAAI;IAACC,IAAI;EAAA,GAAEd,KAAY,CAAC,eACzBtC,MAAA,CAAAU,OAAA,CAAAmC,aAAA,CAAChD,GAAA,CAAAsD,IAAI;IAACK,KAAK;EAAA,GAAEjB,IAAW,CACpB,CACD,CAAC;AAEZ,CAAC;AAACmB,OAAA,CAAAvB,aAAA,GAAAA,aAAA;AAEFA,aAAa,CAACwB,SAAS,GAAG;EACxBtB,YAAY,EAAEuB,kBAAS,CAACC,KAAK,CAAC;IAC5BtB,IAAI,EAAEqB,kBAAS,CAACE,MAAM;IACtBxB,KAAK,EAAEsB,kBAAS,CAACE;EACnB,CAAC,CAAC;EACFtB,IAAI,EAAEoB,kBAAS,CAACE,MAAM;EACtBrB,iBAAiB,EAAEmB,kBAAS,CAACE,MAAM;EACnCC,OAAO,EAAEH,kBAAS,CAACI;AACrB,CAAC;AAED7B,aAAa,CAAC8B,WAAW,GAAG,qCAAqC"}
+{"version":3,"file":"ModalRateInfo.js","names":["_locale","require","_ui","_propTypes","_interopRequireDefault","_react","style","_interopRequireWildcard","_Item","_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","ModalRateInfo","_ref","cancellation","title","text","name","paymentConditions","others","isMobile","useDevice","translate","useLocale","textProps","action","small","createElement","Modal","fit","className","modal","View","content","section","Text","bold","upperCase","L10N","LABEL_PAYMENT_TERMS","LABEL_CANCELLATION_POLICY","exports","propTypes","PropTypes","shape","string","visible","bool","displayName"],"sources":["../../../../../../../src/components/Rates/components/Item/components/ModalRateInfo/ModalRateInfo.jsx"],"sourcesContent":["import { useLocale } from '@mirai/locale';\nimport { Modal, Text, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nimport * as style from './ModalRateInfo.module.css';\nimport { L10N } from '../../Item.l10n';\n\nconst ModalRateInfo = ({ cancellation: { title, text } = {}, name, paymentConditions, ...others }) => {\n  const { isMobile } = useDevice();\n  const { translate } = useLocale();\n\n  const textProps = { action: !isMobile, small: isMobile };\n\n  return (\n    <Modal {...others} fit title={name} className={style.modal}>\n      <View className={style.content}>\n        {paymentConditions && (\n          <View className={style.section}>\n            <Text bold upperCase>\n              {translate(L10N.LABEL_PAYMENT_TERMS)}\n            </Text>\n            <Text {...textProps}>{paymentConditions}</Text>\n          </View>\n        )}\n\n        <View className={style.section}>\n          <Text bold upperCase>\n            {translate(L10N.LABEL_CANCELLATION_POLICY)}\n          </Text>\n          <Text bold {...textProps}>\n            {title}\n          </Text>\n          <Text {...textProps}>{text}</Text>\n        </View>\n      </View>\n    </Modal>\n  );\n};\n\nModalRateInfo.propTypes = {\n  cancellation: PropTypes.shape({\n    text: PropTypes.string,\n    title: PropTypes.string,\n  }),\n  name: PropTypes.string,\n  paymentConditions: PropTypes.string,\n  visible: PropTypes.bool,\n};\n\nModalRateInfo.displayName = 'Mirai:Core:Rates:Item.ModalRateInfo';\n\nexport { ModalRateInfo };\n"],"mappings":"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"}

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

@@ -1,4 +1,20 @@
 .content {
-  gap: var(--mirai-ui-space-M);
+  gap: var(--mirai-ui-space-L);
   margin: var(--mirai-ui-space-M);
 }
+
+.section {
+  gap: calc(var(--mirai-ui-space-XS) / 2);
+}
+
+/* S & M */
+@media only screen and (max-width: 820px) {
+}
+
+/* L */
+@media only screen and (min-width: 821px) {
+  .modal {
+    max-height: 90svh;
+    max-width: calc(var(--mirai-ui-breakpoint-M) * 0.9);
+  }
+}

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

@@ -14,7 +14,7 @@
 /* L */
 @media only screen and (min-width: 821px) {
   .modal {
-    height: 60svh;
+    height: 80svh;
     width: 80svw;
   }
 }

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

@@ -0,0 +1,72 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Option = 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 = _interopRequireDefault(require("react"));
+var style = _interopRequireWildcard(require("./Option.module.css"));
+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 Option = _ref => {
+  let {
+    caption,
+    checked = false,
+    children,
+    title,
+    value = 0,
+    onPress,
+    ...others
+  } = _ref;
+  const {
+    isMobile
+  } = (0, _ui.useDevice)();
+  const {
+    value: {
+      currency
+    } = {}
+  } = (0, _dataSources.useStore)();
+  return /*#__PURE__*/_react.default.createElement(_ui.Pressable, {
+    preventDefault: false,
+    onPress: onPress,
+    className: [style.option, others.className]
+  }, onPress && /*#__PURE__*/_react.default.createElement(_ui.Radio, {
+    checked: checked
+  }), /*#__PURE__*/_react.default.createElement(_ui.View, {
+    className: style.texts
+  }, /*#__PURE__*/_react.default.createElement(_ui.View, {
+    row: true,
+    className: style.content
+  }, /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    action: !isMobile,
+    small: isMobile,
+    className: style.title
+  }, "".concat(title.charAt(0).toUpperCase()).concat(title.slice(1).toLowerCase())), children), caption && /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    lighten: true,
+    small: !isMobile,
+    tiny: isMobile
+  }, caption)), onPress && /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    action: !isMobile,
+    small: isMobile,
+    lighten: value === 0
+  }, "+ ".concat((0, _locale.currencyFormat)({
+    currency,
+    value
+  }))));
+};
+exports.Option = Option;
+Option.displayName = 'Mirai:Core:Rates:Item.Option';
+Option.propTypes = {
+  caption: _propTypes.default.string,
+  checked: _propTypes.default.bool,
+  children: _propTypes.default.node,
+  title: _propTypes.default.string,
+  value: _propTypes.default.number,
+  onPress: _propTypes.default.func
+};
+//# sourceMappingURL=Option.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Option.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","style","_interopRequireWildcard","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","Option","_ref","caption","checked","children","title","value","onPress","others","isMobile","useDevice","currency","useStore","createElement","Pressable","preventDefault","className","option","Radio","View","texts","row","content","Text","action","small","concat","charAt","toUpperCase","slice","toLowerCase","lighten","tiny","currencyFormat","exports","displayName","propTypes","PropTypes","string","bool","node","number","func"],"sources":["../../../../../../../src/components/Rates/components/Item/components/Option/Option.jsx"],"sourcesContent":["import { useStore } from '@mirai/data-sources';\nimport { currencyFormat } from '@mirai/locale';\nimport { Pressable, Text, Radio, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nimport * as style from './Option.module.css';\n\nconst Option = ({ caption, checked = false, children, title, value = 0, onPress, ...others }) => {\n  const { isMobile } = useDevice();\n  const { value: { currency } = {} } = useStore();\n\n  return (\n    <Pressable preventDefault={false} onPress={onPress} className={[style.option, others.className]}>\n      {onPress && <Radio checked={checked} />}\n      <View className={style.texts}>\n        <View row className={style.content}>\n          <Text action={!isMobile} small={isMobile} className={style.title}>\n            {`${title.charAt(0).toUpperCase()}${title.slice(1).toLowerCase()}`}\n          </Text>\n          {children}\n        </View>\n        {caption && (\n          <Text lighten small={!isMobile} tiny={isMobile}>\n            {caption}\n          </Text>\n        )}\n      </View>\n      {onPress && (\n        <Text action={!isMobile} small={isMobile} lighten={value === 0}>\n          {`+ ${currencyFormat({ currency, value })}`}\n        </Text>\n      )}\n    </Pressable>\n  );\n};\n\nOption.displayName = 'Mirai:Core:Rates:Item.Option';\n\nOption.propTypes = {\n  caption: PropTypes.string,\n  checked: PropTypes.bool,\n  children: PropTypes.node,\n  title: PropTypes.string,\n  value: PropTypes.number,\n  onPress: PropTypes.func,\n};\n\nexport { Option };\n"],"mappings":"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"}

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

@@ -0,0 +1,24 @@
+.option {
+  align-items: center;
+  display: flex;
+  gap: var(--mirai-ui-space-XS);
+  flex-direction: row;
+  width: 100%;
+}
+
+.option .texts {
+  flex: 1;
+}
+
+.option .content {
+  gap: calc(var(--mirai-ui-space-XS) / 2);
+}
+
+.title {
+  height: var(--mirai-ui-line-height-action);
+  max-width: 90%;
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+}