@mirai/core 0.3.59 → 0.3.61

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

@@ -0,0 +1,96 @@
+"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 = _interopRequireDefault(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 {
+    value: {
+      hotel: {
+        accommodationType
+      } = {}
+    }
+  } = (0, _dataSources.useStore)();
+
+  // const lastRoomIndex = cart.findIndex((item) => )
+
+  return occupation.length >= 2 ? /*#__PURE__*/_react.default.createElement(_ui.ScrollView, {
+    horizontal: true,
+    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;
+    return /*#__PURE__*/_react.default.createElement(_ui.Pressable, {
+      disabled: !hasCart,
+      key: index,
+      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","_Rates","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","RoomSelector","_ref","cart","occupation","room","roomIndex","onPress","isMobile","useDevice","translate","useLocale","value","hotel","accommodationType","useStore","createElement","ScrollView","horizontal","snap","className","roomSelector","map","items","undefined","index","guests","reduce","total","amount","textProps","bold","action","small","hasCart","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 } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React 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 {\n    value: { hotel: { accommodationType } = {} },\n  } = useStore();\n\n  // const lastRoomIndex = cart.findIndex((item) => )\n\n  return occupation.length >= 2 ? (\n    <ScrollView horizontal 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;\n\n        return (\n          <Pressable\n            disabled={!hasCart}\n            key={index}\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        );\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":"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"}

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

@@ -16,6 +16,11 @@ var _default = () => {
   const props = {
     color: 'base'
   };
+  const section = {
+    borderBottom: 'solid 1px var(--mirai-ui-content-background)',
+    gap: '0.5rem',
+    padding: '1rem'
+  };
   const field = {
     wide: true,
     style: {
@@ -28,79 +33,150 @@ var _default = () => {
     row: !isMobile,
     style: {
       gap: '1rem',
-      justifyContent: 'space-between'
+      justifyContent: 'space-between',
+      padding: '1rem 0'
     }
-  }, /*#__PURE__*/_react.default.createElement(_ui.View, {
+  }, /*#__PURE__*/_react.default.createElement(_ui.View, null), /*#__PURE__*/_react.default.createElement(_ui.View, {
     row: true,
     style: {
       gap: '1rem'
     }
-  }, /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, _extends({}, props, field), !isMobile ? 'Room Only' : null), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, _extends({}, props, field), !isMobile ? 'Breakfast included' : 'Euro')), /*#__PURE__*/_react.default.createElement(_ui.View, {
+  }, /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, _extends({}, props, field), !isMobile ? 'Club discount (info)' : null), !isMobile && /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, _extends({}, props, field), "Euro"))), /*#__PURE__*/_react.default.createElement(_ui.View, {
     row: true,
     style: {
-      gap: '1rem'
+      alignItems: 'stretch',
+      flexWrap: 'wrap',
+      gap: '1rem',
+      justifyContent: 'space-between'
     }
-  }, /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, _extends({}, props, field), !isMobile ? 'Club discount (info)' : null), !isMobile && /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, _extends({}, props, field), "Euro"))), Array.from({
-    length: 2
-  }).map((_, index) => /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, _extends({}, props, {
-    key: index,
-    wide: true,
+  }, Array.from({
+    length: isMobile ? 1 : 3
+  }).map((_, index) => /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, _extends({
+    key: index
+  }, props, {
     style: {
-      height: !isMobile ? '40rem' : 'auto',
-      gap: '1rem',
-      overflow: 'hidden',
-      padding: '1rem'
+      boxSizing: 'border-box',
+      flex: 1,
+      flexBasis: "calc(33.33% - calc(calc(var(--mirai-ui-space-M) * 2) / 3))",
+      overflow: 'hidden'
     }
-  }), /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ui.View, {
-    row: true,
+  }), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    color: "border",
     style: {
-      justifyContent: 'space-between'
+      borderRadius: 0,
+      height: '13rem'
+    }
+  }), /*#__PURE__*/_react.default.createElement(_ui.View, {
+    style: {
+      height: '42rem'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_ui.View, {
+    style: {
+      ...section
     }
   }, /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
-    bold: true,
+    style: {
+      height: '3rem'
+    }
+  }), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
     headline: true,
     level: 2
-  }, !isMobile ? 'Room className' : 'Room'), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
-    small: !isMobile,
-    tiny: isMobile
-  }, "Included taxes and fees")), /*#__PURE__*/_react.default.createElement(_ui.View, {
-    row: !isMobile,
-    wide: true,
+  }, "Room name"), /*#__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: {
-      alignItems: 'flex-start',
-      gap: '1rem'
+      ...section
     }
-  }, /*#__PURE__*/_react.default.createElement(_ui.View, {
+  }, /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    action: true
+  }, "Cancellation type"), /*#__PURE__*/_react.default.createElement(_ui.View, {
+    row: true,
     style: {
-      gap: '1rem',
-      minWidth: !isMobile ? '23rem' : '100%'
+      justifyContent: 'space-between'
     }
   }, /*#__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: {
-      height: '14rem'
+      justifyContent: 'space-between'
     }
-  }), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+  }, /*#__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: {
-      height: '3rem'
+      ...section
     }
-  })), /*#__PURE__*/_react.default.createElement(_ui.View, {
-    wide: true,
+  }, /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+    action: true
+  }, "Extras"), /*#__PURE__*/_react.default.createElement(_ui.View, {
+    row: true,
     style: {
-      gap: '1rem'
+      justifyContent: 'space-between'
     }
   }, /*#__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: {
-      height: '10rem'
+      justifyContent: 'space-between'
     }
-  }), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+  }, /*#__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: {
-      height: '10rem'
+      justifyContent: 'space-between'
     }
-  }), /*#__PURE__*/_react.default.createElement(_shared__.Skeleton, {
+  }, /*#__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: '10rem'
+      height: '3rem',
+      width: '8rem'
     }
-  })))))));
+  }, "Select")))))));
 };
 exports.default = _default;
 //# sourceMappingURL=Rates.Skeleton.js.map

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

@@ -1 +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","_default","isMobile","useDevice","props","color","field","wide","style","action","height","padding","createElement","Fragment","View","row","gap","justifyContent","Skeleton","Array","from","map","_","index","overflow","bold","headline","level","small","tiny","alignItems","minWidth","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\nexport default () => {\n  const { isMobile } = useDevice();\n\n  const props = { color: 'base' };\n  const field = { wide: true, style: { action: true, height: '3.5rem', padding: '0 0.5rem' } };\n\n  return (\n    <>\n      <View row={!isMobile} style={{ gap: '1rem', justifyContent: 'space-between' }}>\n        <View row style={{ gap: '1rem' }}>\n          <Skeleton {...props} {...field}>\n            {!isMobile ? 'Room Only' : null}\n          </Skeleton>\n          <Skeleton {...props} {...field}>\n            {!isMobile ? 'Breakfast included' : 'Euro'}\n          </Skeleton>\n        </View>\n\n        <View row style={{ gap: '1rem' }}>\n          <Skeleton {...props} {...field}>\n            {!isMobile ? 'Club discount (info)' : null}\n          </Skeleton>\n          {!isMobile && (\n            <Skeleton {...props} {...field}>\n              Euro\n            </Skeleton>\n          )}\n        </View>\n      </View>\n\n      {Array.from({ length: 2 }).map((_, index) => (\n        <Skeleton\n          {...props}\n          key={index}\n          wide\n          style={{ height: !isMobile ? '40rem' : 'auto', gap: '1rem', overflow: 'hidden', padding: '1rem' }}\n        >\n          <>\n            <View row style={{ justifyContent: 'space-between' }}>\n              <Skeleton bold headline level={2}>\n                {!isMobile ? 'Room className' : 'Room'}\n              </Skeleton>\n              <Skeleton small={!isMobile} tiny={isMobile}>\n                Included taxes and fees\n              </Skeleton>\n            </View>\n            <View row={!isMobile} wide style={{ alignItems: 'flex-start', gap: '1rem' }}>\n              <View style={{ gap: '1rem', minWidth: !isMobile ? '23rem' : '100%' }}>\n                <Skeleton style={{ height: '14rem' }} />\n                <Skeleton style={{ height: '3rem' }} />\n              </View>\n\n              <View wide style={{ gap: '1rem' }}>\n                <Skeleton style={{ height: '10rem' }} />\n                <Skeleton style={{ height: '10rem' }} />\n                <Skeleton style={{ height: '10rem' }} />\n              </View>\n            </View>\n          </>\n        </Skeleton>\n      ))}\n    </>\n  );\n};\n"],"mappings":"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"}
+{"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","_default","isMobile","useDevice","props","color","section","borderBottom","gap","padding","field","wide","style","action","height","createElement","Fragment","View","row","justifyContent","Skeleton","alignItems","flexWrap","Array","from","map","_","index","boxSizing","flex","flexBasis","overflow","borderRadius","headline","level","small","width","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\nexport default () => {\n  const { isMobile } = useDevice();\n\n  const props = { color: 'base' };\n  const section = { borderBottom: 'solid 1px var(--mirai-ui-content-background)', gap: '0.5rem', padding: '1rem' };\n  const field = { wide: true, style: { action: true, height: '3.5rem', padding: '0 0.5rem' } };\n\n  return (\n    <>\n      <View row={!isMobile} style={{ gap: '1rem', justifyContent: 'space-between', padding: '1rem 0' }}>\n        <View />\n\n        <View row style={{ gap: '1rem' }}>\n          <Skeleton {...props} {...field}>\n            {!isMobile ? 'Club discount (info)' : null}\n          </Skeleton>\n          {!isMobile && (\n            <Skeleton {...props} {...field}>\n              Euro\n            </Skeleton>\n          )}\n        </View>\n      </View>\n\n      <View row style={{ alignItems: 'stretch', flexWrap: 'wrap', gap: '1rem', justifyContent: 'space-between' }}>\n        {Array.from({ length: isMobile ? 1 : 3 }).map((_, index) => (\n          <Skeleton\n            key={index}\n            {...props}\n            style={{\n              boxSizing: 'border-box',\n              flex: 1,\n              flexBasis: `calc(33.33% - calc(calc(var(--mirai-ui-space-M) * 2) / 3))`,\n              overflow: 'hidden',\n            }}\n          >\n            <Skeleton color=\"border\" style={{ borderRadius: 0, height: '13rem' }} />\n\n            <View style={{ height: '42rem' }}>\n              <View style={{ ...section }}>\n                <Skeleton style={{ height: '3rem' }} />\n                <Skeleton headline level={2}>\n                  Room name\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                  <Skeleton action>Free cancelation</Skeleton>\n                  <Skeleton action>$0.00</Skeleton>\n                </View>\n                <View row style={{ justifyContent: 'space-between' }}>\n                  <Skeleton action>Free cancelation until apr 10</Skeleton>\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                  <Skeleton action>Only room</Skeleton>\n                  <Skeleton action>$0.00</Skeleton>\n                </View>\n                <View row style={{ justifyContent: 'space-between' }}>\n                  <Skeleton action>Breakfast included</Skeleton>\n                  <Skeleton action>$19.95</Skeleton>\n                </View>\n                <View row style={{ justifyContent: 'space-between' }}>\n                  <Skeleton action>All included</Skeleton>\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: '8rem' }}>\n                  Select\n                </Skeleton>\n              </View>\n            </View>\n          </Skeleton>\n        ))}\n      </View>\n    </>\n  );\n};\n"],"mappings":"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"}

package/build/components/Rates/Rates.constants.js

@@ -3,7 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.RATES_STORAGE_KEY = exports.RATES_STORAGE_CACHE = void 0;
+exports.RATES_STORAGE_KEY = exports.RATES_STORAGE_CACHE = exports.EXPIRATION_ENDPOINT = exports.DISCOUNT_TYPE = void 0;
+const DISCOUNT_TYPE = exports.DISCOUNT_TYPE = {
+  CLUB: 0,
+  DEAL: 1,
+  PROMOTION: 2
+};
+const EXPIRATION_ENDPOINT = exports.EXPIRATION_ENDPOINT = 'club/v1/forwarder/expiration';
 const RATES_STORAGE_CACHE = exports.RATES_STORAGE_CACHE = 1000 * 60 * 5; // 5 minutes
 
 const RATES_STORAGE_KEY = exports.RATES_STORAGE_KEY = 'MIRAI:RATES';

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

@@ -1 +1 @@
-{"version":3,"file":"Rates.constants.js","names":["RATES_STORAGE_CACHE","exports","RATES_STORAGE_KEY"],"sources":["../../../src/components/Rates/Rates.constants.js"],"sourcesContent":["const RATES_STORAGE_CACHE = 1000 * 60 * 5; // 5 minutes\n\nconst RATES_STORAGE_KEY = 'MIRAI:RATES';\n\nexport { RATES_STORAGE_CACHE, RATES_STORAGE_KEY };\n"],"mappings":";;;;;;AAAA,MAAMA,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,GAAG,IAAI,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;;AAE3C,MAAME,iBAAiB,GAAAD,OAAA,CAAAC,iBAAA,GAAG,aAAa"}
+{"version":3,"file":"Rates.constants.js","names":["DISCOUNT_TYPE","exports","CLUB","DEAL","PROMOTION","EXPIRATION_ENDPOINT","RATES_STORAGE_CACHE","RATES_STORAGE_KEY"],"sources":["../../../src/components/Rates/Rates.constants.js"],"sourcesContent":["const DISCOUNT_TYPE = {\n  CLUB: 0,\n  DEAL: 1,\n  PROMOTION: 2,\n};\n\nconst EXPIRATION_ENDPOINT = 'club/v1/forwarder/expiration';\n\nconst RATES_STORAGE_CACHE = 1000 * 60 * 5; // 5 minutes\n\nconst RATES_STORAGE_KEY = 'MIRAI:RATES';\n\nexport { DISCOUNT_TYPE, EXPIRATION_ENDPOINT, RATES_STORAGE_CACHE, RATES_STORAGE_KEY };\n"],"mappings":";;;;;;AAAA,MAAMA,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG;EACpBE,IAAI,EAAE,CAAC;EACPC,IAAI,EAAE,CAAC;EACPC,SAAS,EAAE;AACb,CAAC;AAED,MAAMC,mBAAmB,GAAAJ,OAAA,CAAAI,mBAAA,GAAG,8BAA8B;AAE1D,MAAMC,mBAAmB,GAAAL,OAAA,CAAAK,mBAAA,GAAG,IAAI,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;;AAE3C,MAAMC,iBAAiB,GAAAN,OAAA,CAAAM,iBAAA,GAAG,aAAa"}

package/build/components/Rates/Rates.js

@@ -12,11 +12,12 @@ var _react = _interopRequireWildcard(require("react"));
 var _components = require("./components");
 var _helpers = require("./helpers");
 var _Rates = require("./Rates.constants");
-var _Rates2 = require("./Rates.Filter");
-var _Rates3 = require("./Rates.Footer");
+var _Rates2 = require("./Rates.Footer");
+var _Rates3 = require("./Rates.Header");
 var _Rates4 = require("./Rates.l10n");
 var style = _interopRequireWildcard(require("./Rates.module.css"));
-var _Rates5 = _interopRequireDefault(require("./Rates.Skeleton"));
+var _Rates5 = require("./Rates.RoomSelector");
+var _Rates6 = _interopRequireDefault(require("./Rates.Skeleton"));
 var _services = require("../../services");
 var _Finder = require("../Finder/Finder");
 var _helpers2 = require("../helpers");
@@ -29,25 +30,32 @@ const Rates = _ref => {
     skeleton,
     ...others
   } = _ref;
+  const {
+    isMobile
+  } = (0, _ui.useDevice)();
   const {
     translate
   } = (0, _locale.useLocale)();
+  const refRoomSelector = (0, _react.useRef)();
   const {
     set,
     value: {
       club: {
-        discount
+        discount,
+        ...club
       } = {},
       currency,
       finder: {
-        occupation
+        occupation = []
       } = {},
       hotel = {},
+      language,
       locale,
       session,
       urlParams
     }
   } = (0, _dataSources.useStore)();
+  const [cart, setCart] = (0, _react.useState)([]);
   const [compact, setCompact] = (0, _react.useState)(true);
   const [dataSource, setDataSource] = (0, _react.useState)();
   const [fetching, setFetching] = (0, _react.useState)(undefined);
@@ -58,68 +66,82 @@ const Rates = _ref => {
   const [itemRateInfo, setItemRateInfo] = (0, _react.useState)();
   const [itemUrl, setItemUrl] = (0, _react.useState)();
   const [responseError, setResponseError] = (0, _react.useState)();
-  const [selected, setSelected] = (0, _react.useState)({});
+  const [room, setRoom] = (0, _react.useState)();
   const storage = new _dataSources.Storage({
     adapter: _dataSources.LocalAdapter,
     cache: _Rates.RATES_STORAGE_CACHE
   });
   (0, _react.useEffect)(() => {
     if (skeleton) return setFetching(true);
-    if (urlParams) {
-      const nextSelected = storage.get(key(urlParams));
-      if (nextSelected) setSelected(nextSelected);
-    }
     const handleScroll = () => setCompact(true);
     window.addEventListener('scroll', handleScroll);
     return () => window.removeEventListener('scroll', handleScroll);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   (0, _react.useEffect)(() => {
-    fetch(currency);
+    if (!urlParams || !dataSource) return;
+
+    // ! Should know if didnt expire the storage
+    // const storedCart = storage.get(key(urlParams));
+    // if (storedCart) setCart(storedCart.map((item) => (item !== null ? item : undefined)));
+    if (dataSource !== null && dataSource !== void 0 && dataSource.externalLogoff && club !== null && club !== void 0 && club.id) document.location.href = "".concat(process.env.SERVICE_USER, "/").concat(_Rates.EXPIRATION_ENDPOINT, "?idClub=").concat(club.id, "&lang=").concat(language);
+    if (room == undefined && occupation.length > 1) setRoom(0);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [dataSource]);
+  (0, _react.useEffect)(() => {
+    if (multiRoom && room > 0) {
+      const {
+        current: {
+          offsetHeight = 0,
+          offsetTop = 0
+        } = {}
+      } = refRoomSelector || {};
+      document.documentElement.scrollTo({
+        top: offsetTop + (isMobile ? offsetHeight : 0),
+        behavior: 'smooth'
+      });
+      setDataSource();
+    }
+    fetch(currency, undefined, undefined, room);
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [currency, locale, session]);
+  }, [locale, room, session]);
   const fetch = async function (currency) {
     let clubDiscount = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : filter.clubDiscount;
     let params = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : urlParams;
+    let room = arguments.length > 3 ? arguments[3] : undefined;
     if (skeleton) return;
     setFetching(true);
+    setResponseError();
     const nextParams = {
       ...params,
+      club,
+      clubDiscount,
       currency,
       locale,
-      session,
-      clubDiscount
+      session
     };
+    if (room !== undefined) nextParams.parties = (0, _helpers2.parseToParties)([occupation[room]]);
     setDataSource(await _services.ServiceRates.get(nextParams).catch(setResponseError));
     setFetching(false);
   };
   const key = dataSource => "".concat(_Rates.RATES_STORAGE_KEY, ":").concat((0, _helpers2.generateId)(JSON.stringify(dataSource)));
-  const handleChange = function () {
-    let {
-      amount = 0,
-      id,
-      standalone = false,
-      ...others
-    } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    const next = standalone ? {} : {
-      ...selected
-    };
-    if (amount === 0) delete next[id];else next[id] = {
-      amount,
-      ...others
-    };
-    setSelected(next);
-    storage.set(key(urlParams), next);
+  const handleChange = board => {
+    const nextCart = [...cart];
+    nextCart[room || 0] = board;
+    setCart(nextCart);
+    storage.set(key(urlParams), nextCart);
+    if (multiRoom && board && room < occupation.length - 1) return setRoom(room + 1);
   };
   const handleChangeCurrency = async nextCurrency => {
-    await fetch(nextCurrency);
+    await fetch(nextCurrency, undefined, undefined, room);
+    setCart([]);
     set({
       currency: nextCurrency
     });
   };
   const handleChangeFilter = async nextFilter => {
     setFilter(nextFilter);
-    if (nextFilter.clubDiscount !== filter.clubDiscount) await fetch(currency, nextFilter.clubDiscount);
+    if (nextFilter.clubDiscount !== filter.clubDiscount) await fetch(currency, nextFilter.clubDiscount, undefined, room);
   };
   const handleFinderSubmit = values => {
     setCompact(true);
@@ -132,32 +154,48 @@ const Rates = _ref => {
       hotel
     });
     history.replaceState({}, '', (0, _helpers2.toUrlParams)(params));
+    // ! TODO: Restart the process?
+    setCart([]);
+    setRoom(undefined);
     fetch(currency, filter.clubDiscount, params);
   };
+  const multiRoom = (occupation === null || occupation === void 0 ? void 0 : occupation.length) > 1;
   const response = dataSource !== undefined;
+  const roomSelectorProps = {
+    cart,
+    occupation,
+    room,
+    onPress: setRoom
+  };
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ui.View, {
-    className: style.finder
+    ref: refRoomSelector,
+    className: (0, _ui.styles)(style.finder, !multiRoom && style.sticky)
   }, /*#__PURE__*/_react.default.createElement(_Finder.Finder, {
     assisted: false,
     compact: compact,
     text: translate(_Rates4.L10N.ACTION_SEARCH),
     onExpand: () => setCompact(false),
     onSubmit: handleFinderSubmit
-  })), /*#__PURE__*/_react.default.createElement(_ui.View, _extends({}, others, {
-    role: "rates",
-    className: (0, _ui.styles)(style.container, others.className)
-  }), /*#__PURE__*/_react.default.createElement(_ui.Progress, {
+  })), /*#__PURE__*/_react.default.createElement(_ui.Progress, {
     indeterminate: true,
     visible: fetching && !responseError,
     className: style.progress
+  }), isMobile && /*#__PURE__*/_react.default.createElement(_Rates5.RoomSelector, roomSelectorProps), /*#__PURE__*/_react.default.createElement(_ui.View, _extends({}, others, {
+    role: "rates",
+    className: (0, _ui.styles)(style.container, others.className)
   }), /*#__PURE__*/_react.default.createElement(_ui.View, {
     className: [style.wrapper, style.content]
-  }, response ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Rates2.Filter, {
-    dataSource: dataSource,
+  }, response && /*#__PURE__*/_react.default.createElement(_Rates3.Header, {
+    dataSource,
+    occupation,
     value: filter,
     onChange: handleChangeFilter,
-    onCurrency: handleChangeCurrency
-  }), dataSource.items.map((_ref2, index) => {
+    onCurrency: handleChangeCurrency,
+    className: multiRoom ? style.sticky : undefined
+  }, !isMobile && /*#__PURE__*/_react.default.createElement(_Rates5.RoomSelector, roomSelectorProps)), response ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ui.View, {
+    row: !isMobile,
+    className: style.items
+  }, dataSource.items.map((_ref2, index) => {
     let {
       id,
       ...item
@@ -167,20 +205,26 @@ const Rates = _ref => {
       id
     }, item, {
       filter,
-      occupation,
-      selected,
+      multiRoom,
       taxes: dataSource.taxes,
+      cart: cart[room || 0],
       onChange: handleChange,
       onMoreInfo: () => setItemInfo(item),
       onRateInfo: rate => setItemRateInfo(rate),
       onViewUrl: info => setItemUrl(info)
     }));
-  })) : /*#__PURE__*/_react.default.createElement(_Rates5.default, null)), response && /*#__PURE__*/_react.default.createElement(_Rates3.Footer, {
+  }))) : responseError ? /*#__PURE__*/_react.default.createElement(_ui.Notification, {
+    error: true,
+    large: true
+  }, /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    align: "center",
+    markdown: false
+  }, JSON.stringify(responseError))) : /*#__PURE__*/_react.default.createElement(_Rates6.default, null)), /*#__PURE__*/_react.default.createElement(_Rates2.Footer, {
+    cart,
     dataSource,
     filter,
+    multiRoom,
     occupation,
-    selected,
-    taxes: dataSource === null || dataSource === void 0 ? void 0 : dataSource.taxes,
     onChange: handleChange
   })), /*#__PURE__*/_react.default.createElement(_components.ModalItemInfo, _extends({}, itemInfo, {
     visible: !!itemInfo,
@@ -194,7 +238,6 @@ const Rates = _ref => {
   })));
 };
 exports.Rates = Rates;
-Rates.displayName = 'Mirai:User:Rates';
 Rates.propTypes = {
   skeleton: _propTypes.default.bool
 };