@mirai/core 0.3.138 → 0.3.140

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

@@ -0,0 +1 @@
+{"version":3,"file":"Rates.Footer.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_helpers","_Rates","style","_helpers2","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","Footer","_ref","cart","dataSource","taxesType","extras","occupation","onSubmit","isMobile","useDevice","translate","useLocale","value","currency","useStore","busy","setBusy","useState","useEffect","items","filter","item","undefined","totalPrice","reduce","price","arguments","length","valid","handleSubmit","createElement","View","className","styles","footer","visible","wrapper","wide","map","amount","id","name","boardName","roomName","index","guests","total","row","key","cartItem","room","Icon","ICON","PERSON","GROUP","GROUPS","Text","small","bold","action","description","concat","lighten","currencyFormat","summary","headline","level","tiny","getLabelTaxes","Button","disabled","large","onPress","L10N","ACTION_RESERVE","exports","displayName","propTypes","PropTypes","arrayOf","shape","ages","number","type","func"],"sources":["../../../src/components/Rates/Rates.Footer.jsx"],"sourcesContent":["import { useStore } from '@mirai/data-sources';\nimport { currencyFormat, useLocale } from '@mirai/locale';\nimport { useDevice } from '@mirai/ui';\nimport { Button, Icon, styles, Text, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\n\nimport { getLabelTaxes } from './helpers';\nimport { L10N } from './Rates.l10n';\nimport * as style from './Rates.module.css';\nimport { ICON } from '../helpers';\n\nconst Footer = ({ cart = [], dataSource: { taxesType } = {}, extras, occupation = [], onSubmit = () => {} }) => {\n  const { isMobile } = useDevice();\n  const { translate } = useLocale();\n  const { value: { currency } = {} } = useStore();\n\n  const [busy, setBusy] = useState(false);\n\n  useEffect(() => !extras && setBusy(false), [extras]);\n\n  const items = cart.filter((item) => item !== undefined);\n  const totalPrice = cart.reduce((value, { price } = {}) => value + price, 0);\n  const valid = items.length === occupation.length;\n\n  const handleSubmit = () => {\n    setBusy(true);\n    onSubmit();\n  };\n\n  return (\n    <View className={styles(style.footer, items.length && style.visible)}>\n      <View>\n        <View className={style.wrapper} wide>\n          {items.map(({ amount = 1, id, name: boardName, price, roomName } = {}, index) => {\n            const guests = occupation[index].reduce((total, { amount } = {}) => total + amount, 0);\n\n            return (\n              <View row key={id} className={style.cartItem}>\n                <View row className={style.room}>\n                  <Icon value={guests === 1 ? ICON.PERSON : guests === 2 ? ICON.GROUP : ICON.GROUPS} />\n                  <Text small>{guests}</Text>\n                </View>\n\n                <Text bold action={!isMobile} small={isMobile} className={style.description}>\n                  {`${roomName} `}\n                  <Text lighten small>{`| ${boardName}`}</Text>\n                </Text>\n\n                <Text bold action={!isMobile} small={isMobile}>\n                  {currencyFormat({ currency, value: amount * price })}\n                </Text>\n              </View>\n            );\n          })}\n        </View>\n      </View>\n\n      <View row className={[style.wrapper, style.summary]}>\n        <View className={style.totalPrice}>\n          <Text bold headline level={isMobile ? 3 : 2}>\n            {currencyFormat({ currency, value: totalPrice })}\n          </Text>\n\n          <Text lighten small={!isMobile} tiny={isMobile}>\n            {translate(getLabelTaxes(taxesType))}\n          </Text>\n        </View>\n\n        <Button busy={busy} disabled={!valid} large={!isMobile} onPress={handleSubmit}>\n          {translate(L10N.ACTION_RESERVE)}\n        </Button>\n      </View>\n    </View>\n  );\n};\n\nFooter.displayName = 'Mirai:Core:Rates:Footer';\n\nFooter.propTypes = {\n  cart: PropTypes.arrayOf(PropTypes.shape({})),\n  dataSource: PropTypes.shape({}),\n  extras: PropTypes.arrayOf(PropTypes.shape({})),\n  occupation: PropTypes.arrayOf(\n    PropTypes.arrayOf(\n      PropTypes.shape({\n        ages: PropTypes.arrayOf(PropTypes.number),\n        amount: PropTypes.number,\n        type: PropTypes.number,\n      }),\n    ),\n  ),\n  onSubmit: PropTypes.func,\n};\n\nexport { Footer };\n"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,GAAA,GAAAF,OAAA;AAEA,IAAAG,UAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAC,uBAAA,CAAAN,OAAA;AAEA,IAAAO,QAAA,GAAAP,OAAA;AACA,IAAAQ,MAAA,GAAAR,OAAA;AACA,IAAAS,KAAA,GAAAH,uBAAA,CAAAN,OAAA;AACA,IAAAU,SAAA,GAAAV,OAAA;AAAkC,SAAAW,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,SAAAN,wBAAAM,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,SAAAhB,uBAAA4B,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAhB,UAAA,GAAAgB,GAAA,KAAAf,OAAA,EAAAe,GAAA;AAElC,MAAMC,MAAM,GAAGC,IAAA,IAAiG;EAAA,IAAhG;IAAEC,IAAI,GAAG,EAAE;IAAEC,UAAU,EAAE;MAAEC;IAAU,CAAC,GAAG,CAAC,CAAC;IAAEC,MAAM;IAAEC,UAAU,GAAG,EAAE;IAAEC,QAAQ,GAAGA,CAAA,KAAM,CAAC;EAAE,CAAC,GAAAN,IAAA;EACzG,MAAM;IAAEO;EAAS,CAAC,GAAG,IAAAC,aAAS,EAAC,CAAC;EAChC,MAAM;IAAEC;EAAU,CAAC,GAAG,IAAAC,iBAAS,EAAC,CAAC;EACjC,MAAM;IAAEC,KAAK,EAAE;MAAEC;IAAS,CAAC,GAAG,CAAC;EAAE,CAAC,GAAG,IAAAC,qBAAQ,EAAC,CAAC;EAE/C,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EAEvC,IAAAC,gBAAS,EAAC,MAAM,CAACb,MAAM,IAAIW,OAAO,CAAC,KAAK,CAAC,EAAE,CAACX,MAAM,CAAC,CAAC;EAEpD,MAAMc,KAAK,GAAGjB,IAAI,CAACkB,MAAM,CAAEC,IAAI,IAAKA,IAAI,KAAKC,SAAS,CAAC;EACvD,MAAMC,UAAU,GAAGrB,IAAI,CAACsB,MAAM,CAAC,UAACZ,KAAK;IAAA,IAAE;MAAEa;IAAM,CAAC,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAJ,SAAA,GAAAI,SAAA,MAAG,CAAC,CAAC;IAAA,OAAKd,KAAK,GAAGa,KAAK;EAAA,GAAE,CAAC,CAAC;EAC3E,MAAMG,KAAK,GAAGT,KAAK,CAACQ,MAAM,KAAKrB,UAAU,CAACqB,MAAM;EAEhD,MAAME,YAAY,GAAGA,CAAA,KAAM;IACzBb,OAAO,CAAC,IAAI,CAAC;IACbT,QAAQ,CAAC,CAAC;EACZ,CAAC;EAED,oBACEnC,MAAA,CAAAY,OAAA,CAAA8C,aAAA,CAAC7D,GAAA,CAAA8D,IAAI;IAACC,SAAS,EAAE,IAAAC,UAAM,EAACzD,KAAK,CAAC0D,MAAM,EAAEf,KAAK,CAACQ,MAAM,IAAInD,KAAK,CAAC2D,OAAO;EAAE,gBACnE/D,MAAA,CAAAY,OAAA,CAAA8C,aAAA,CAAC7D,GAAA,CAAA8D,IAAI,qBACH3D,MAAA,CAAAY,OAAA,CAAA8C,aAAA,CAAC7D,GAAA,CAAA8D,IAAI;IAACC,SAAS,EAAExD,KAAK,CAAC4D,OAAQ;IAACC,IAAI;EAAA,GACjClB,KAAK,CAACmB,GAAG,CAAC,YAAsE;IAAA,IAArE;MAAEC,MAAM,GAAG,CAAC;MAAEC,EAAE;MAAEC,IAAI,EAAEC,SAAS;MAAEjB,KAAK;MAAEkB;IAAS,CAAC,GAAAjB,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAJ,SAAA,GAAAI,SAAA,MAAG,CAAC,CAAC;IAAA,IAAEkB,KAAK,GAAAlB,SAAA,CAAAC,MAAA,OAAAD,SAAA,MAAAJ,SAAA;IAC1E,MAAMuB,MAAM,GAAGvC,UAAU,CAACsC,KAAK,CAAC,CAACpB,MAAM,CAAC,UAACsB,KAAK;MAAA,IAAE;QAAEP;MAAO,CAAC,GAAAb,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAJ,SAAA,GAAAI,SAAA,MAAG,CAAC,CAAC;MAAA,OAAKoB,KAAK,GAAGP,MAAM;IAAA,GAAE,CAAC,CAAC;IAEtF,oBACEnE,MAAA,CAAAY,OAAA,CAAA8C,aAAA,CAAC7D,GAAA,CAAA8D,IAAI;MAACgB,GAAG;MAACC,GAAG,EAAER,EAAG;MAACR,SAAS,EAAExD,KAAK,CAACyE;IAAS,gBAC3C7E,MAAA,CAAAY,OAAA,CAAA8C,aAAA,CAAC7D,GAAA,CAAA8D,IAAI;MAACgB,GAAG;MAACf,SAAS,EAAExD,KAAK,CAAC0E;IAAK,gBAC9B9E,MAAA,CAAAY,OAAA,CAAA8C,aAAA,CAAC7D,GAAA,CAAAkF,IAAI;MAACvC,KAAK,EAAEiC,MAAM,KAAK,CAAC,GAAGO,cAAI,CAACC,MAAM,GAAGR,MAAM,KAAK,CAAC,GAAGO,cAAI,CAACE,KAAK,GAAGF,cAAI,CAACG;IAAO,CAAE,CAAC,eACrFnF,MAAA,CAAAY,OAAA,CAAA8C,aAAA,CAAC7D,GAAA,CAAAuF,IAAI;MAACC,KAAK;IAAA,GAAEZ,MAAa,CACtB,CAAC,eAEPzE,MAAA,CAAAY,OAAA,CAAA8C,aAAA,CAAC7D,GAAA,CAAAuF,IAAI;MAACE,IAAI;MAACC,MAAM,EAAE,CAACnD,QAAS;MAACiD,KAAK,EAAEjD,QAAS;MAACwB,SAAS,EAAExD,KAAK,CAACoF;IAAY,MAAAC,MAAA,CACtElB,QAAQ,qBACZvE,MAAA,CAAAY,OAAA,CAAA8C,aAAA,CAAC7D,GAAA,CAAAuF,IAAI;MAACM,OAAO;MAACL,KAAK;IAAA,QAAAI,MAAA,CAAOnB,SAAS,CAAS,CACxC,CAAC,eAEPtE,MAAA,CAAAY,OAAA,CAAA8C,aAAA,CAAC7D,GAAA,CAAAuF,IAAI;MAACE,IAAI;MAACC,MAAM,EAAE,CAACnD,QAAS;MAACiD,KAAK,EAAEjD;IAAS,GAC3C,IAAAuD,sBAAc,EAAC;MAAElD,QAAQ;MAAED,KAAK,EAAE2B,MAAM,GAAGd;IAAM,CAAC,CAC/C,CACF,CAAC;EAEX,CAAC,CACG,CACF,CAAC,eAEPrD,MAAA,CAAAY,OAAA,CAAA8C,aAAA,CAAC7D,GAAA,CAAA8D,IAAI;IAACgB,GAAG;IAACf,SAAS,EAAE,CAACxD,KAAK,CAAC4D,OAAO,EAAE5D,KAAK,CAACwF,OAAO;EAAE,gBAClD5F,MAAA,CAAAY,OAAA,CAAA8C,aAAA,CAAC7D,GAAA,CAAA8D,IAAI;IAACC,SAAS,EAAExD,KAAK,CAAC+C;EAAW,gBAChCnD,MAAA,CAAAY,OAAA,CAAA8C,aAAA,CAAC7D,GAAA,CAAAuF,IAAI;IAACE,IAAI;IAACO,QAAQ;IAACC,KAAK,EAAE1D,QAAQ,GAAG,CAAC,GAAG;EAAE,GACzC,IAAAuD,sBAAc,EAAC;IAAElD,QAAQ;IAAED,KAAK,EAAEW;EAAW,CAAC,CAC3C,CAAC,eAEPnD,MAAA,CAAAY,OAAA,CAAA8C,aAAA,CAAC7D,GAAA,CAAAuF,IAAI;IAACM,OAAO;IAACL,KAAK,EAAE,CAACjD,QAAS;IAAC2D,IAAI,EAAE3D;EAAS,GAC5CE,SAAS,CAAC,IAAA0D,sBAAa,EAAChE,SAAS,CAAC,CAC/B,CACF,CAAC,eAEPhC,MAAA,CAAAY,OAAA,CAAA8C,aAAA,CAAC7D,GAAA,CAAAoG,MAAM;IAACtD,IAAI,EAAEA,IAAK;IAACuD,QAAQ,EAAE,CAAC1C,KAAM;IAAC2C,KAAK,EAAE,CAAC/D,QAAS;IAACgE,OAAO,EAAE3C;EAAa,GAC3EnB,SAAS,CAAC+D,WAAI,CAACC,cAAc,CACxB,CACJ,CACF,CAAC;AAEX,CAAC;AAACC,OAAA,CAAA3E,MAAA,GAAAA,MAAA;AAEFA,MAAM,CAAC4E,WAAW,GAAG,yBAAyB;AAE9C5E,MAAM,CAAC6E,SAAS,GAAG;EACjB3E,IAAI,EAAE4E,kBAAS,CAACC,OAAO,CAACD,kBAAS,CAACE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;EAC5C7E,UAAU,EAAE2E,kBAAS,CAACE,KAAK,CAAC,CAAC,CAAC,CAAC;EAC/B3E,MAAM,EAAEyE,kBAAS,CAACC,OAAO,CAACD,kBAAS,CAACE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;EAC9C1E,UAAU,EAAEwE,kBAAS,CAACC,OAAO,CAC3BD,kBAAS,CAACC,OAAO,CACfD,kBAAS,CAACE,KAAK,CAAC;IACdC,IAAI,EAAEH,kBAAS,CAACC,OAAO,CAACD,kBAAS,CAACI,MAAM,CAAC;IACzC3C,MAAM,EAAEuC,kBAAS,CAACI,MAAM;IACxBC,IAAI,EAAEL,kBAAS,CAACI;EAClB,CAAC,CACH,CACF,CAAC;EACD3E,QAAQ,EAAEuE,kBAAS,CAACM;AACtB,CAAC"}

package/build/components/Rates/Rates.Header.js

@@ -0,0 +1,117 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Header = void 0;
+var _dataSources = require("@mirai/data-sources");
+var _locale = require("@mirai/locale");
+var _services = require("@mirai/services");
+var _ui = require("@mirai/ui");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireDefault(require("react"));
+var _components = require("./components");
+var _Rates = require("./Rates.constants");
+var _Rates2 = require("./Rates.l10n");
+var style = _interopRequireWildcard(require("./Rates.module.css"));
+var _helpers = 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 }; }
+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 Header = _ref => {
+  let {
+    children,
+    clubDiscount = false,
+    dataSource: {
+      clubConditions,
+      items = [],
+      ...dataSource
+    } = {},
+    multiRoom,
+    onClubDiscount = () => {},
+    onSelect = () => {},
+    ...others
+  } = _ref;
+  const {
+    isMobile
+  } = (0, _ui.useDevice)();
+  const {
+    translate
+  } = (0, _locale.useLocale)();
+  const {
+    value: {
+      club: {
+        discount,
+        name
+      } = {},
+      id,
+      session
+    } = {}
+  } = (0, _dataSources.useStore)();
+  const {
+    contentBackground
+  } = _ui.Theme.get();
+  const hasItems = items.length > 0;
+  const expandClubDiscount = clubConditions !== undefined || _services.ServiceFeatures.get(_Rates.FEATURE_SHOW_CLUB_DISCOUNT, id) || clubDiscount === false || false;
+  return /*#__PURE__*/_react.default.createElement(_ui.View, {
+    row: true,
+    className: (0, _ui.styles)(style.header, style.blur, multiRoom && !isMobile && style.sticky, others.className),
+    style: {
+      backgroundColor: (0, _helpers.opacity)(contentBackground, 0.66)
+    }
+  }, children, hasItems && /*#__PURE__*/_react.default.createElement(_components.Hotelverse, _extends({}, dataSource, {
+    items,
+    multiRoom,
+    onSelect
+  }, others, {
+    className: [style.tag, style.highlight]
+  })), discount !== undefined && !session && hasItems && /*#__PURE__*/_react.default.createElement(_ui.View, {
+    row: true,
+    className: [style.tag, style.clubDiscount, clubDiscount && style.highlight]
+  }, /*#__PURE__*/_react.default.createElement(_ui.View, {
+    row: true
+  }, /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    action: true,
+    bold: true
+  }, translate(_Rates2.L10N.LABEL_APPLY_DISCOUNTS)), /*#__PURE__*/_react.default.createElement(_ui.Tooltip, {
+    pressable: true,
+    Template: () => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ui.Text, {
+      bold: true,
+      action: true
+    }, translate(_Rates2.L10N.LABEL_CLUB_MEMBERS_EXCLUSIVE, {
+      club: name
+    })), clubConditions ? /*#__PURE__*/_react.default.createElement(_ui.Text, {
+      small: true
+    }, translate(_Rates2.L10N.LABEL_CLUB_CONDITIONS, {
+      conditions: /*#__PURE__*/_react.default.createElement(_ui.Action, {
+        href: clubConditions,
+        inline: true,
+        target: "_blank",
+        className: style.action
+      }, translate(_Rates2.L10N.ACTION_CLUB_VIEW_CONDITIONS))
+    })) : /*#__PURE__*/_react.default.createElement(_ui.Text, {
+      small: true
+    }, translate(_Rates2.L10N.LABEL_CLUB_BENEFITS))),
+    visible: expandClubDiscount,
+    className: style.tooltip
+  }, /*#__PURE__*/_react.default.createElement(_ui.Icon, {
+    value: _helpers.ICON.INFO
+  }))), /*#__PURE__*/_react.default.createElement(_ui.Switch, {
+    checked: clubDiscount,
+    name: "clubDiscount",
+    onChange: onClubDiscount,
+    className: style.switch
+  })));
+};
+exports.Header = Header;
+Header.displayName = 'Mirai:Core:Rates:Header';
+Header.propTypes = {
+  children: _propTypes.default.node,
+  clubDiscount: _propTypes.default.bool,
+  dataSource: _propTypes.default.shape({}),
+  multiRoom: _propTypes.default.bool,
+  onClubDiscount: _propTypes.default.func,
+  onSelect: _propTypes.default.func
+};
+//# sourceMappingURL=Rates.Header.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Rates.Header.js","names":["_dataSources","require","_locale","_services","_ui","_propTypes","_interopRequireDefault","_react","_components","_Rates","_Rates2","style","_interopRequireWildcard","_helpers","_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","Header","_ref","children","clubDiscount","dataSource","clubConditions","items","multiRoom","onClubDiscount","onSelect","others","isMobile","useDevice","translate","useLocale","value","club","discount","name","id","session","useStore","contentBackground","Theme","hasItems","expandClubDiscount","undefined","ServiceFeatures","FEATURE_SHOW_CLUB_DISCOUNT","createElement","View","row","className","styles","header","blur","sticky","backgroundColor","opacity","Hotelverse","tag","highlight","Text","action","bold","L10N","LABEL_APPLY_DISCOUNTS","Tooltip","pressable","Template","Fragment","LABEL_CLUB_MEMBERS_EXCLUSIVE","small","LABEL_CLUB_CONDITIONS","conditions","Action","href","inline","ACTION_CLUB_VIEW_CONDITIONS","LABEL_CLUB_BENEFITS","visible","tooltip","Icon","ICON","INFO","Switch","checked","onChange","switch","exports","displayName","propTypes","PropTypes","node","bool","shape","func"],"sources":["../../../src/components/Rates/Rates.Header.jsx"],"sourcesContent":["import { useStore } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\nimport { ServiceFeatures } from '@mirai/services';\nimport { Action, Icon, styles, Switch, Text, Theme, Tooltip, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { Hotelverse } from './components';\nimport { FEATURE_SHOW_CLUB_DISCOUNT } from './Rates.constants';\nimport { L10N } from './Rates.l10n';\nimport * as style from './Rates.module.css';\nimport { ICON, opacity } from '../helpers';\n\nconst Header = ({\n  children,\n  clubDiscount = false,\n  dataSource: { clubConditions, items = [], ...dataSource } = {},\n  multiRoom,\n  onClubDiscount = () => {},\n  onSelect = () => {},\n  ...others\n}) => {\n  const { isMobile } = useDevice();\n  const { translate } = useLocale();\n  const { value: { club: { discount, name } = {}, id, session } = {} } = useStore();\n\n  const { contentBackground } = Theme.get();\n  const hasItems = items.length > 0;\n  const expandClubDiscount =\n    clubConditions !== undefined ||\n    ServiceFeatures.get(FEATURE_SHOW_CLUB_DISCOUNT, id) ||\n    clubDiscount === false ||\n    false;\n\n  return (\n    <View\n      row\n      className={styles(style.header, style.blur, multiRoom && !isMobile && style.sticky, others.className)}\n      style={{ backgroundColor: opacity(contentBackground, 0.66) }}\n    >\n      {children}\n\n      {hasItems && (\n        <Hotelverse\n          {...{ ...dataSource, items, multiRoom, onSelect, ...others }}\n          className={[style.tag, style.highlight]}\n        />\n      )}\n\n      {discount !== undefined && !session && hasItems && (\n        <View row className={[style.tag, style.clubDiscount, clubDiscount && style.highlight]}>\n          <View row>\n            <Text action bold>\n              {translate(L10N.LABEL_APPLY_DISCOUNTS)}\n            </Text>\n\n            <Tooltip\n              pressable\n              Template={() => (\n                <>\n                  <Text bold action>\n                    {translate(L10N.LABEL_CLUB_MEMBERS_EXCLUSIVE, { club: name })}\n                  </Text>\n\n                  {clubConditions ? (\n                    <Text small>\n                      {translate(L10N.LABEL_CLUB_CONDITIONS, {\n                        conditions: (\n                          <Action href={clubConditions} inline target=\"_blank\" className={style.action}>\n                            {translate(L10N.ACTION_CLUB_VIEW_CONDITIONS)}\n                          </Action>\n                        ),\n                      })}\n                    </Text>\n                  ) : (\n                    <Text small>{translate(L10N.LABEL_CLUB_BENEFITS)}</Text>\n                  )}\n                </>\n              )}\n              visible={expandClubDiscount}\n              className={style.tooltip}\n            >\n              <Icon value={ICON.INFO} />\n            </Tooltip>\n          </View>\n\n          <Switch checked={clubDiscount} name=\"clubDiscount\" onChange={onClubDiscount} className={style.switch} />\n        </View>\n      )}\n    </View>\n  );\n};\n\nHeader.displayName = 'Mirai:Core:Rates:Header';\n\nHeader.propTypes = {\n  children: PropTypes.node,\n  clubDiscount: PropTypes.bool,\n  dataSource: PropTypes.shape({}),\n  multiRoom: PropTypes.bool,\n  onClubDiscount: PropTypes.func,\n  onSelect: PropTypes.func,\n};\n\nexport { Header };\n"],"mappings":"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"}

package/build/components/Rates/Rates.RoomSelector.js

@@ -0,0 +1,117 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RoomSelector = 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 _Rates = require("./Rates.l10n");
+var style = _interopRequireWildcard(require("./Rates.module.css"));
+var _helpers = 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 }; }
+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 RoomSelector = _ref => {
+  let {
+    cart = [],
+    occupation = [],
+    room: roomIndex,
+    onPress = () => {}
+  } = _ref;
+  const {
+    isMobile
+  } = (0, _ui.useDevice)();
+  const {
+    translate
+  } = (0, _locale.useLocale)();
+  const itemsRef = (0, _react.useRef)([]);
+  const {
+    value: {
+      finder = {},
+      hotel: {
+        accommodationType: hotelAccommodationType,
+        variants = {}
+      } = {}
+    }
+  } = (0, _dataSources.useStore)();
+  const [scrollTo, setScrollTo] = (0, _react.useState)();
+  (0, _react.useEffect)(() => {
+    setScrollTo(0);
+  }, []);
+  (0, _react.useEffect)(() => {
+    var _itemsRef$current$roo;
+    const next = roomIndex === 0 ? 0 : (_itemsRef$current$roo = itemsRef.current[roomIndex]) === null || _itemsRef$current$roo === void 0 ? void 0 : _itemsRef$current$roo.offsetLeft;
+    if (next) setScrollTo(next - (isMobile ? 8 : 0));
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [roomIndex]);
+  const {
+    place: {
+      id: [id] = []
+    } = {}
+  } = finder;
+  const {
+    accommodationType = hotelAccommodationType
+  } = variants[id] || {};
+  return occupation.length >= 2 ? /*#__PURE__*/_react.default.createElement(_ui.ScrollView, {
+    horizontal: true,
+    scrollTo: scrollTo,
+    snap: false,
+    className: style.roomSelector
+  }, occupation.map(function () {
+    let items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+    let index = arguments.length > 1 ? arguments[1] : undefined;
+    const guests = items.reduce(function (total) {
+      let {
+        amount
+      } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+      return total + amount;
+    }, 0);
+    const textProps = {
+      bold: index <= roomIndex,
+      action: !isMobile,
+      small: isMobile
+    };
+    const hasCart = index <= roomIndex || cart[index] !== undefined || cart[index - 1] !== undefined;
+    return /*#__PURE__*/_react.default.createElement(_ui.View, {
+      key: index,
+      ref: el => itemsRef.current[index] = el
+    }, /*#__PURE__*/_react.default.createElement(_ui.Pressable, {
+      disabled: !hasCart,
+      onPress: () => onPress(index),
+      className: [style.tag, style.room, index === roomIndex ? style.active : hasCart ? style.highlight : undefined]
+    }, index === roomIndex && !cart[index] && /*#__PURE__*/_react.default.createElement(_ui.Text, _extends({}, textProps, {
+      bold: false
+    }), translate(_Rates.L10N.LABEL_SELECT)), /*#__PURE__*/_react.default.createElement(_ui.Text, _extends({}, textProps, {
+      capitalize: true
+    }), "".concat(translate(_Rates.L10N.LABEL_ACCOMMODATION_TYPE, {
+      type: accommodationType
+    }), " ").concat(index + 1)), /*#__PURE__*/_react.default.createElement(_ui.Text, {
+      headline: true,
+      className: style.separator
+    }, "|"), /*#__PURE__*/_react.default.createElement(_ui.Icon, {
+      headline: true,
+      level: isMobile ? 3 : 2,
+      value: guests === 1 || guests > 3 ? _helpers.ICON.PERSON : guests === 2 ? _helpers.ICON.GROUP : _helpers.ICON.GROUPS
+    }), /*#__PURE__*/_react.default.createElement(_ui.Text, _extends({}, textProps, {
+      bold: true
+    }), guests)));
+  })) : null;
+};
+exports.RoomSelector = RoomSelector;
+RoomSelector.displayName = 'Mirai:Core:Rates:RoomSelector';
+RoomSelector.propTypes = {
+  cart: _propTypes.default.arrayOf(_propTypes.default.shape({})),
+  occupation: _propTypes.default.arrayOf(_propTypes.default.arrayOf(_propTypes.default.shape({
+    ages: _propTypes.default.arrayOf(_propTypes.default.number),
+    amount: _propTypes.default.number,
+    type: _propTypes.default.number
+  }))),
+  room: _propTypes.default.number,
+  onPress: _propTypes.default.func
+};
+//# sourceMappingURL=Rates.RoomSelector.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Rates.RoomSelector.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_Rates","style","_helpers","_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","RoomSelector","_ref","cart","occupation","room","roomIndex","onPress","isMobile","useDevice","translate","useLocale","itemsRef","useRef","value","finder","hotel","accommodationType","hotelAccommodationType","variants","useStore","scrollTo","setScrollTo","useState","useEffect","_itemsRef$current$roo","next","current","offsetLeft","place","id","createElement","ScrollView","horizontal","snap","className","roomSelector","map","items","undefined","index","guests","reduce","total","amount","textProps","bold","action","small","hasCart","View","ref","el","Pressable","disabled","tag","active","highlight","Text","L10N","LABEL_SELECT","capitalize","concat","LABEL_ACCOMMODATION_TYPE","type","headline","separator","Icon","level","ICON","PERSON","GROUP","GROUPS","exports","displayName","propTypes","PropTypes","arrayOf","shape","ages","number","func"],"sources":["../../../src/components/Rates/Rates.RoomSelector.jsx"],"sourcesContent":["import { useStore } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\nimport { Icon, Pressable, ScrollView, Text, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useRef, useState } from 'react';\n\nimport { L10N } from './Rates.l10n';\nimport * as style from './Rates.module.css';\nimport { ICON } from '../helpers';\n\nconst RoomSelector = ({ cart = [], occupation = [], room: roomIndex, onPress = () => {} }) => {\n  const { isMobile } = useDevice();\n  const { translate } = useLocale();\n  const itemsRef = useRef([]);\n  const {\n    value: { finder = {}, hotel: { accommodationType: hotelAccommodationType, variants = {} } = {} },\n  } = useStore();\n\n  const [scrollTo, setScrollTo] = useState();\n\n  useEffect(() => {\n    setScrollTo(0);\n  }, []);\n\n  useEffect(() => {\n    const next = roomIndex === 0 ? 0 : itemsRef.current[roomIndex]?.offsetLeft;\n    if (next) setScrollTo(next - (isMobile ? 8 : 0));\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [roomIndex]);\n\n  const { place: { id: [id] = [] } = {} } = finder;\n  const { accommodationType = hotelAccommodationType } = variants[id] || {};\n\n  return occupation.length >= 2 ? (\n    <ScrollView horizontal scrollTo={scrollTo} snap={false} className={style.roomSelector}>\n      {occupation.map((items = [], index) => {\n        const guests = items.reduce((total, { amount } = {}) => total + amount, 0);\n        const textProps = { bold: index <= roomIndex, action: !isMobile, small: isMobile };\n        const hasCart = index <= roomIndex || cart[index] !== undefined || cart[index - 1] !== undefined;\n\n        return (\n          <View key={index} ref={(el) => (itemsRef.current[index] = el)}>\n            <Pressable\n              disabled={!hasCart}\n              onPress={() => onPress(index)}\n              className={[\n                style.tag,\n                style.room,\n                index === roomIndex ? style.active : hasCart ? style.highlight : undefined,\n              ]}\n            >\n              {index === roomIndex && !cart[index] && (\n                <Text {...textProps} bold={false}>\n                  {translate(L10N.LABEL_SELECT)}\n                </Text>\n              )}\n              <Text {...textProps} capitalize>{`${translate(L10N.LABEL_ACCOMMODATION_TYPE, {\n                type: accommodationType,\n              })} ${index + 1}`}</Text>\n\n              <Text headline className={style.separator}>\n                |\n              </Text>\n              <Icon\n                headline\n                level={isMobile ? 3 : 2}\n                value={guests === 1 || guests > 3 ? ICON.PERSON : guests === 2 ? ICON.GROUP : ICON.GROUPS}\n              />\n              <Text {...textProps} bold>\n                {guests}\n              </Text>\n            </Pressable>\n          </View>\n        );\n      })}\n    </ScrollView>\n  ) : null;\n};\n\nRoomSelector.displayName = 'Mirai:Core:Rates:RoomSelector';\n\nRoomSelector.propTypes = {\n  cart: PropTypes.arrayOf(PropTypes.shape({})),\n  occupation: PropTypes.arrayOf(\n    PropTypes.arrayOf(\n      PropTypes.shape({\n        ages: PropTypes.arrayOf(PropTypes.number),\n        amount: PropTypes.number,\n        type: PropTypes.number,\n      }),\n    ),\n  ),\n  room: PropTypes.number,\n  onPress: PropTypes.func,\n};\n\nexport { RoomSelector };\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,MAAA,GAAAP,OAAA;AACA,IAAAQ,KAAA,GAAAF,uBAAA,CAAAN,OAAA;AACA,IAAAS,QAAA,GAAAT,OAAA;AAAkC,SAAAU,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,SAAAL,wBAAAK,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;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;AAElC,MAAMK,YAAY,GAAGC,IAAA,IAAyE;EAAA,IAAxE;IAAEC,IAAI,GAAG,EAAE;IAAEC,UAAU,GAAG,EAAE;IAAEC,IAAI,EAAEC,SAAS;IAAEC,OAAO,GAAGA,CAAA,KAAM,CAAC;EAAE,CAAC,GAAAL,IAAA;EACvF,MAAM;IAAEM;EAAS,CAAC,GAAG,IAAAC,aAAS,EAAC,CAAC;EAChC,MAAM;IAAEC;EAAU,CAAC,GAAG,IAAAC,iBAAS,EAAC,CAAC;EACjC,MAAMC,QAAQ,GAAG,IAAAC,aAAM,EAAC,EAAE,CAAC;EAC3B,MAAM;IACJC,KAAK,EAAE;MAAEC,MAAM,GAAG,CAAC,CAAC;MAAEC,KAAK,EAAE;QAAEC,iBAAiB,EAAEC,sBAAsB;QAAEC,QAAQ,GAAG,CAAC;MAAE,CAAC,GAAG,CAAC;IAAE;EACjG,CAAC,GAAG,IAAAC,qBAAQ,EAAC,CAAC;EAEd,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAG,IAAAC,eAAQ,EAAC,CAAC;EAE1C,IAAAC,gBAAS,EAAC,MAAM;IACdF,WAAW,CAAC,CAAC,CAAC;EAChB,CAAC,EAAE,EAAE,CAAC;EAEN,IAAAE,gBAAS,EAAC,MAAM;IAAA,IAAAC,qBAAA;IACd,MAAMC,IAAI,GAAGpB,SAAS,KAAK,CAAC,GAAG,CAAC,IAAAmB,qBAAA,GAAGb,QAAQ,CAACe,OAAO,CAACrB,SAAS,CAAC,cAAAmB,qBAAA,uBAA3BA,qBAAA,CAA6BG,UAAU;IAC1E,IAAIF,IAAI,EAAEJ,WAAW,CAACI,IAAI,IAAIlB,QAAQ,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;IAChD;EACF,CAAC,EAAE,CAACF,SAAS,CAAC,CAAC;EAEf,MAAM;IAAEuB,KAAK,EAAE;MAAEC,EAAE,EAAE,CAACA,EAAE,CAAC,GAAG;IAAG,CAAC,GAAG,CAAC;EAAE,CAAC,GAAGf,MAAM;EAChD,MAAM;IAAEE,iBAAiB,GAAGC;EAAuB,CAAC,GAAGC,QAAQ,CAACW,EAAE,CAAC,IAAI,CAAC,CAAC;EAEzE,OAAO1B,UAAU,CAACP,MAAM,IAAI,CAAC,gBAC3BhC,MAAA,CAAAW,OAAA,CAAAuD,aAAA,CAACrE,GAAA,CAAAsE,UAAU;IAACC,UAAU;IAACZ,QAAQ,EAAEA,QAAS;IAACa,IAAI,EAAE,KAAM;IAACC,SAAS,EAAEnE,KAAK,CAACoE;EAAa,GACnFhC,UAAU,CAACiC,GAAG,CAAC,YAAuB;IAAA,IAAtBC,KAAK,GAAA1C,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAA2C,SAAA,GAAA3C,SAAA,MAAG,EAAE;IAAA,IAAE4C,KAAK,GAAA5C,SAAA,CAAAC,MAAA,OAAAD,SAAA,MAAA2C,SAAA;IAChC,MAAME,MAAM,GAAGH,KAAK,CAACI,MAAM,CAAC,UAACC,KAAK;MAAA,IAAE;QAAEC;MAAO,CAAC,GAAAhD,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAA2C,SAAA,GAAA3C,SAAA,MAAG,CAAC,CAAC;MAAA,OAAK+C,KAAK,GAAGC,MAAM;IAAA,GAAE,CAAC,CAAC;IAC1E,MAAMC,SAAS,GAAG;MAAEC,IAAI,EAAEN,KAAK,IAAIlC,SAAS;MAAEyC,MAAM,EAAE,CAACvC,QAAQ;MAAEwC,KAAK,EAAExC;IAAS,CAAC;IAClF,MAAMyC,OAAO,GAAGT,KAAK,IAAIlC,SAAS,IAAIH,IAAI,CAACqC,KAAK,CAAC,KAAKD,SAAS,IAAIpC,IAAI,CAACqC,KAAK,GAAG,CAAC,CAAC,KAAKD,SAAS;IAEhG,oBACE1E,MAAA,CAAAW,OAAA,CAAAuD,aAAA,CAACrE,GAAA,CAAAwF,IAAI;MAACnD,GAAG,EAAEyC,KAAM;MAACW,GAAG,EAAGC,EAAE,IAAMxC,QAAQ,CAACe,OAAO,CAACa,KAAK,CAAC,GAAGY;IAAI,gBAC5DvF,MAAA,CAAAW,OAAA,CAAAuD,aAAA,CAACrE,GAAA,CAAA2F,SAAS;MACRC,QAAQ,EAAE,CAACL,OAAQ;MACnB1C,OAAO,EAAEA,CAAA,KAAMA,OAAO,CAACiC,KAAK,CAAE;MAC9BL,SAAS,EAAE,CACTnE,KAAK,CAACuF,GAAG,EACTvF,KAAK,CAACqC,IAAI,EACVmC,KAAK,KAAKlC,SAAS,GAAGtC,KAAK,CAACwF,MAAM,GAAGP,OAAO,GAAGjF,KAAK,CAACyF,SAAS,GAAGlB,SAAS;IAC1E,GAEDC,KAAK,KAAKlC,SAAS,IAAI,CAACH,IAAI,CAACqC,KAAK,CAAC,iBAClC3E,MAAA,CAAAW,OAAA,CAAAuD,aAAA,CAACrE,GAAA,CAAAgG,IAAI,EAAAlE,QAAA,KAAKqD,SAAS;MAAEC,IAAI,EAAE;IAAM,IAC9BpC,SAAS,CAACiD,WAAI,CAACC,YAAY,CACxB,CACP,eACD/F,MAAA,CAAAW,OAAA,CAAAuD,aAAA,CAACrE,GAAA,CAAAgG,IAAI,EAAAlE,QAAA,KAAKqD,SAAS;MAAEgB,UAAU;IAAA,OAAAC,MAAA,CAAKpD,SAAS,CAACiD,WAAI,CAACI,wBAAwB,EAAE;MAC3EC,IAAI,EAAE/C;IACR,CAAC,CAAC,OAAA6C,MAAA,CAAItB,KAAK,GAAG,CAAC,CAAS,CAAC,eAEzB3E,MAAA,CAAAW,OAAA,CAAAuD,aAAA,CAACrE,GAAA,CAAAgG,IAAI;MAACO,QAAQ;MAAC9B,SAAS,EAAEnE,KAAK,CAACkG;IAAU,GAAC,GAErC,CAAC,eACPrG,MAAA,CAAAW,OAAA,CAAAuD,aAAA,CAACrE,GAAA,CAAAyG,IAAI;MACHF,QAAQ;MACRG,KAAK,EAAE5D,QAAQ,GAAG,CAAC,GAAG,CAAE;MACxBM,KAAK,EAAE2B,MAAM,KAAK,CAAC,IAAIA,MAAM,GAAG,CAAC,GAAG4B,aAAI,CAACC,MAAM,GAAG7B,MAAM,KAAK,CAAC,GAAG4B,aAAI,CAACE,KAAK,GAAGF,aAAI,CAACG;IAAO,CAC3F,CAAC,eACF3G,MAAA,CAAAW,OAAA,CAAAuD,aAAA,CAACrE,GAAA,CAAAgG,IAAI,EAAAlE,QAAA,KAAKqD,SAAS;MAAEC,IAAI;IAAA,IACtBL,MACG,CACG,CACP,CAAC;EAEX,CAAC,CACS,CAAC,GACX,IAAI;AACV,CAAC;AAACgC,OAAA,CAAAxE,YAAA,GAAAA,YAAA;AAEFA,YAAY,CAACyE,WAAW,GAAG,+BAA+B;AAE1DzE,YAAY,CAAC0E,SAAS,GAAG;EACvBxE,IAAI,EAAEyE,kBAAS,CAACC,OAAO,CAACD,kBAAS,CAACE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;EAC5C1E,UAAU,EAAEwE,kBAAS,CAACC,OAAO,CAC3BD,kBAAS,CAACC,OAAO,CACfD,kBAAS,CAACE,KAAK,CAAC;IACdC,IAAI,EAAEH,kBAAS,CAACC,OAAO,CAACD,kBAAS,CAACI,MAAM,CAAC;IACzCpC,MAAM,EAAEgC,kBAAS,CAACI,MAAM;IACxBhB,IAAI,EAAEY,kBAAS,CAACI;EAClB,CAAC,CACH,CACF,CAAC;EACD3E,IAAI,EAAEuE,kBAAS,CAACI,MAAM;EACtBzE,OAAO,EAAEqE,kBAAS,CAACK;AACrB,CAAC"}

package/build/components/Rates/Rates.Skeleton.js

@@ -0,0 +1,187 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _ui = require("@mirai/ui");
+var _react = _interopRequireDefault(require("react"));
+var _shared__ = require("../__shared__");
+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 RatesSkeleton = () => {
+  const {
+    isMobile,
+    isDesktop,
+    width
+  } = (0, _ui.useDevice)();
+  const isTablet = !isMobile && width <= 1179;
+  const props = {
+    color: 'base'
+  };
+  const section = {
+    borderBottom: 'solid 1px var(--mirai-ui-content-background)',
+    gap: '0.5rem',
+    padding: '1rem'
+  };
+  const option = {
+    row: true,
+    style: {
+      gap: '0.5rem'
+    }
+  };
+  const radio = {
+    height: '1rem',
+    width: '1rem'
+  };
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ui.View, {
+    row: true,
+    style: {
+      alignItems: 'stretch',
+      flexWrap: 'wrap',
+      gap: '1rem',
+      justifyContent: 'space-between',
+      marginTop: !isMobile ? '0.75rem' : undefined
+    }
+  }, Array.from({
+    length: isMobile ? 1 : isTablet ? 2 : 3
+  }).map((_, index) => /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, _extends({
+    key: index
+  }, props, {
+    style: {
+      boxSizing: 'border-box',
+      flex: 1,
+      flexBasis: isTablet ? 'calc(50% - calc(var(--mirai-ui-space-M) / 2))' : isDesktop ? "calc(33.33% - calc(calc(var(--mirai-ui-space-M) * 2) / 3))" : undefined,
+      overflow: 'hidden'
+    }
+  }), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    color: "border",
+    style: {
+      borderRadius: 0,
+      height: '13rem'
+    }
+  }), /*#__PURE__*/_react.default.createElement(_ui.View, {
+    style: {
+      _height: '42rem'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_ui.View, {
+    row: true,
+    style: {
+      ...section,
+      gap: '1rem',
+      padding: '0.75rem 1rem'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    small: true
+  }, "12 m\xB2"), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    small: true
+  }, "2p"), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    small: true
+  }, "King Size")), /*#__PURE__*/_react.default.createElement(_ui.View, {
+    style: {
+      ...section
+    }
+  }, /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    headline: true,
+    level: 2
+  }, "Superior Room"), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    action: true
+  }, "Free wifi internet"), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    action: true
+  }, "Television"), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    action: true
+  }, "Mini-bar"), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    action: true
+  }, "Heating"), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    action: true
+  }, "More Info +")), /*#__PURE__*/_react.default.createElement(_ui.View, {
+    style: {
+      ...section
+    }
+  }, /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    action: true
+  }, "Cancellation type"), /*#__PURE__*/_react.default.createElement(_ui.View, {
+    row: true,
+    style: {
+      justifyContent: 'space-between'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_ui.View, option, /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, radio), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    action: true
+  }, "Free cancelation")), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    action: true
+  }, "$0.00")), /*#__PURE__*/_react.default.createElement(_ui.View, {
+    row: true,
+    style: {
+      justifyContent: 'space-between'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_ui.View, option, /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, radio), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    action: true
+  }, "Free cancelation until apr 10")), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    action: true
+  }, "$19.95"))), /*#__PURE__*/_react.default.createElement(_ui.View, {
+    style: {
+      ...section
+    }
+  }, /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    action: true
+  }, "Extras"), /*#__PURE__*/_react.default.createElement(_ui.View, {
+    row: true,
+    style: {
+      justifyContent: 'space-between'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_ui.View, option, /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, radio), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    action: true
+  }, "Only room")), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    action: true
+  }, "$0.00")), /*#__PURE__*/_react.default.createElement(_ui.View, {
+    row: true,
+    style: {
+      justifyContent: 'space-between'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_ui.View, option, /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, radio), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    action: true
+  }, "Breakfast included")), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    action: true
+  }, "$19.95")), /*#__PURE__*/_react.default.createElement(_ui.View, {
+    row: true,
+    style: {
+      justifyContent: 'space-between'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_ui.View, option, /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, radio), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    action: true
+  }, "All included")), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    action: true
+  }, "$39.95"))), /*#__PURE__*/_react.default.createElement(_ui.View, {
+    row: true,
+    style: {
+      alignItems: 'flex-end',
+      justifyContent: 'space-between',
+      padding: '1rem'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_ui.View, {
+    style: {
+      gap: '0.5rem'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    small: true
+  }, "5% off"), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    headline: true,
+    level: 2
+  }, "$199.50"), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    small: true
+  }, "$19.95 per unit & night"), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    small: true
+  }, "Includes taxes and fees"), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    small: true
+  }, "Price details +")), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    action: true,
+    style: {
+      height: '3rem',
+      width: '7rem'
+    }
+  }, "Reserve")))))));
+};
+RatesSkeleton.displayName = 'Mirai:Core:Rates:Skeleton';
+RatesSkeleton.propTypes = {};
+var _default = exports.default = RatesSkeleton;
+//# sourceMappingURL=Rates.Skeleton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Rates.Skeleton.js","names":["_ui","require","_react","_interopRequireDefault","_shared__","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","RatesSkeleton","isMobile","isDesktop","width","useDevice","isTablet","props","color","section","borderBottom","gap","padding","option","row","style","radio","height","createElement","Fragment","View","alignItems","flexWrap","justifyContent","marginTop","undefined","Array","from","map","_","index","Skeleton","boxSizing","flex","flexBasis","overflow","borderRadius","_height","small","headline","level","action","displayName","propTypes","_default","exports"],"sources":["../../../src/components/Rates/Rates.Skeleton.jsx"],"sourcesContent":["import { useDevice, View } from '@mirai/ui';\nimport React from 'react';\n\nimport { Skeleton } from '../__shared__';\n\nconst RatesSkeleton = () => {\n  const { isMobile, isDesktop, width } = useDevice();\n\n  const isTablet = !isMobile && width <= 1179;\n  const props = { color: 'base' };\n  const section = { borderBottom: 'solid 1px var(--mirai-ui-content-background)', gap: '0.5rem', padding: '1rem' };\n  const option = { row: true, style: { gap: '0.5rem' } };\n  const radio = { height: '1rem', width: '1rem' };\n\n  return (\n    <>\n      <View\n        row\n        style={{\n          alignItems: 'stretch',\n          flexWrap: 'wrap',\n          gap: '1rem',\n          justifyContent: 'space-between',\n          marginTop: !isMobile ? '0.75rem' : undefined,\n        }}\n      >\n        {Array.from({ length: isMobile ? 1 : isTablet ? 2 : 3 }).map((_, index) => (\n          <Skeleton\n            key={index}\n            {...props}\n            style={{\n              boxSizing: 'border-box',\n              flex: 1,\n              flexBasis: isTablet\n                ? 'calc(50% - calc(var(--mirai-ui-space-M) / 2))'\n                : isDesktop\n                ? `calc(33.33% - calc(calc(var(--mirai-ui-space-M) * 2) / 3))`\n                : undefined,\n              overflow: 'hidden',\n            }}\n          >\n            <Skeleton color=\"border\" style={{ borderRadius: 0, height: '13rem' }} />\n\n            <View style={{ _height: '42rem' }}>\n              <View row style={{ ...section, gap: '1rem', padding: '0.75rem 1rem' }}>\n                <Skeleton small>12 m²</Skeleton>\n                <Skeleton small>2p</Skeleton>\n                <Skeleton small>King Size</Skeleton>\n              </View>\n\n              <View style={{ ...section }}>\n                <Skeleton headline level={2}>\n                  Superior Room\n                </Skeleton>\n                <Skeleton action>Free wifi internet</Skeleton>\n                <Skeleton action>Television</Skeleton>\n                <Skeleton action>Mini-bar</Skeleton>\n                <Skeleton action>Heating</Skeleton>\n                <Skeleton action>More Info +</Skeleton>\n              </View>\n\n              <View style={{ ...section }}>\n                <Skeleton action>Cancellation type</Skeleton>\n                <View row style={{ justifyContent: 'space-between' }}>\n                  <View {...option}>\n                    <Skeleton {...radio} />\n                    <Skeleton action>Free cancelation</Skeleton>\n                  </View>\n                  <Skeleton action>$0.00</Skeleton>\n                </View>\n                <View row style={{ justifyContent: 'space-between' }}>\n                  <View {...option}>\n                    <Skeleton {...radio} />\n                    <Skeleton action>Free cancelation until apr 10</Skeleton>\n                  </View>\n                  <Skeleton action>$19.95</Skeleton>\n                </View>\n              </View>\n\n              <View style={{ ...section }}>\n                <Skeleton action>Extras</Skeleton>\n                <View row style={{ justifyContent: 'space-between' }}>\n                  <View {...option}>\n                    <Skeleton {...radio} />\n                    <Skeleton action>Only room</Skeleton>\n                  </View>\n                  <Skeleton action>$0.00</Skeleton>\n                </View>\n                <View row style={{ justifyContent: 'space-between' }}>\n                  <View {...option}>\n                    <Skeleton {...radio} />\n                    <Skeleton action>Breakfast included</Skeleton>\n                  </View>\n                  <Skeleton action>$19.95</Skeleton>\n                </View>\n                <View row style={{ justifyContent: 'space-between' }}>\n                  <View {...option}>\n                    <Skeleton {...radio} />\n                    <Skeleton action>All included</Skeleton>\n                  </View>\n                  <Skeleton action>$39.95</Skeleton>\n                </View>\n              </View>\n\n              <View row style={{ alignItems: 'flex-end', justifyContent: 'space-between', padding: '1rem' }}>\n                <View style={{ gap: '0.5rem' }}>\n                  <Skeleton small>5% off</Skeleton>\n                  <Skeleton headline level={2}>\n                    $199.50\n                  </Skeleton>\n                  <Skeleton small>$19.95 per unit & night</Skeleton>\n                  <Skeleton small>Includes taxes and fees</Skeleton>\n                  <Skeleton small>Price details +</Skeleton>\n                </View>\n\n                <Skeleton action style={{ height: '3rem', width: '7rem' }}>\n                  Reserve\n                </Skeleton>\n              </View>\n            </View>\n          </Skeleton>\n        ))}\n      </View>\n    </>\n  );\n};\n\nRatesSkeleton.displayName = 'Mirai:Core:Rates:Skeleton';\n\nRatesSkeleton.propTypes = {};\n\nexport default RatesSkeleton;\n"],"mappings":"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"}