@mirai/core 0.3.223 → 0.3.224

package/build/components/Checkout/partials/index.js

@@ -36,7 +36,7 @@ Object.keys(_Checkout3).forEach(function (key) {
     }
   });
 });
-var _Checkout4 = require("./Checkout.Session");
+var _Checkout4 = require("./Checkout.Summary");
 Object.keys(_Checkout4).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _Checkout4[key]) return;
@@ -47,15 +47,4 @@ Object.keys(_Checkout4).forEach(function (key) {
     }
   });
 });
-var _Checkout5 = require("./Checkout.Summary");
-Object.keys(_Checkout5).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Checkout5[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _Checkout5[key];
-    }
-  });
-});
 //# sourceMappingURL=index.js.map

package/build/components/Checkout/partials/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_Checkout","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_Checkout2","_Checkout3","_Checkout4","_Checkout5"],"sources":["../../../../src/components/Checkout/partials/index.js"],"sourcesContent":["export * from './Checkout.Confirmation';\nexport * from './Checkout.Details';\nexport * from './Checkout.Form';\nexport * from './Checkout.Session';\nexport * from './Checkout.Summary';\n"],"mappings":";;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,SAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,SAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,SAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,UAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,UAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,UAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,UAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,UAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,UAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,UAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,UAAA,CAAAN,GAAA;IAAA;EAAA;AAAA;AACA,IAAAO,UAAA,GAAAX,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAS,UAAA,EAAAR,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAO,UAAA,CAAAP,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAG,UAAA,CAAAP,GAAA;IAAA;EAAA;AAAA;AACA,IAAAQ,UAAA,GAAAZ,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAU,UAAA,EAAAT,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAQ,UAAA,CAAAR,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAI,UAAA,CAAAR,GAAA;IAAA;EAAA;AAAA"}
+{"version":3,"file":"index.js","names":["_Checkout","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_Checkout2","_Checkout3","_Checkout4"],"sources":["../../../../src/components/Checkout/partials/index.js"],"sourcesContent":["export * from './Checkout.Confirmation';\nexport * from './Checkout.Details';\nexport * from './Checkout.Form';\nexport * from './Checkout.Summary';\n"],"mappings":";;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,SAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,SAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,SAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,UAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,UAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,UAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,UAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,UAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,UAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,UAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,UAAA,CAAAN,GAAA;IAAA;EAAA;AAAA;AACA,IAAAO,UAAA,GAAAX,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAS,UAAA,EAAAR,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAO,UAAA,CAAAP,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAG,UAAA,CAAAP,GAAA;IAAA;EAAA;AAAA"}

package/build/components/Header/Header.constants.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TRACKING = exports.FEATURE_HEADER_TRACKING = void 0;
+const FEATURE_HEADER_TRACKING = exports.FEATURE_HEADER_TRACKING = 'headerTracking';
+const TRACKING = exports.TRACKING = 'HEADER';
+//# sourceMappingURL=Header.constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Header.constants.js","names":["FEATURE_HEADER_TRACKING","exports","TRACKING"],"sources":["../../../src/components/Header/Header.constants.js"],"sourcesContent":["const FEATURE_HEADER_TRACKING = 'headerTracking';\n\nconst TRACKING = 'HEADER';\n\nexport { FEATURE_HEADER_TRACKING, TRACKING };\n"],"mappings":";;;;;;AAAA,MAAMA,uBAAuB,GAAAC,OAAA,CAAAD,uBAAA,GAAG,gBAAgB;AAEhD,MAAME,QAAQ,GAAAD,OAAA,CAAAC,QAAA,GAAG,QAAQ"}

package/build/components/Header/Header.js

@@ -5,41 +5,84 @@ Object.defineProperty(exports, "__esModule", {
 });
 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 _react = _interopRequireWildcard(require("react"));
 var _components = require("./components");
+var _Header = require("./Header.constants");
+var _Header2 = require("./Header.l10n");
 var style = _interopRequireWildcard(require("./Header.module.css"));
 var _shared__ = require("../__shared__");
-var _Session = require("../Session");
+var _helpers = require("../helpers");
+var _SessionLogin = require("../Session/Session.Login.Modal");
 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); }
+let hasTracking = false;
 const Header = _ref => {
   let {
     currency: showCurrency = false,
-    locale: showLocale = true,
-    login: showLogin = true,
+    locale: showLocale = false,
+    login: showLogin = false,
     ghost,
-    logo = true,
+    name: showName,
     ...others
   } = _ref;
   const {
     isMobile,
     isDesktop
   } = (0, _ui.useDevice)();
+  const {
+    track
+  } = (0, _dataSources.useMetrics)();
+  const {
+    translate
+  } = (0, _locale.useLocale)();
   const {
     value: {
+      finder: {
+        place: {
+          id: [placeId] = [],
+          isHotel,
+          title: placeName
+        } = {}
+      } = {},
       hotel: {
-        image,
-        name,
+        features = {},
         url
-      } = {}
-    } = {}
+      } = {},
+      id
+    } = {},
+    locale
   } = (0, _dataSources.useStore)();
+  const [modal, setModal] = (0, _react.useState)(false);
+  (0, _react.useEffect)(() => {
+    hasTracking = _services.ServiceFeatures.get(_Header.FEATURE_HEADER_TRACKING, id);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  const handleLogin = () => {
+    hasTracking && track("".concat(_Header.TRACKING, ":ACTION:SHOW_LOGIN"), {
+      locale
+    });
+    setModal(true);
+  };
   const handleUrl = () => {
     window.location = url;
   };
+  const {
+    logo,
+    name
+  } = (placeId ? isHotel ? features[placeId] : {
+    name: placeName
+  } : features[id]) || {};
+  const largeName = (name === null || name === void 0 ? void 0 : name.length) > 32;
+  const nameProps = {
+    action: largeName && !isMobile || isMobile && !largeName,
+    small: largeName && isMobile
+  };
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ui.View, {
     wide: true,
     testId: others.testId,
@@ -51,41 +94,61 @@ const Header = _ref => {
   }, /*#__PURE__*/_react.default.createElement(_ui.View, {
     row: true,
     className: style.main
-  }, logo && (ghost || image || name) && /*#__PURE__*/_react.default.createElement(_ui.Pressable, {
+  }, (logo || ghost || !logo && name) && /*#__PURE__*/_react.default.createElement(_ui.Pressable, {
     onPress: url ? handleUrl : undefined
   }, ghost ? /*#__PURE__*/_react.default.createElement(_ui.View, {
     dangerouslySetInnerHTML: {
       __html: ghost.outerHTML
     }
-  }) : image ? /*#__PURE__*/_react.default.createElement(_ui.View, {
-    className: style.image,
-    style: {
-      backgroundImage: "url(".concat(image, ")")
-    }
-  }) : /*#__PURE__*/_react.default.createElement(_ui.Text, {
+  }) : logo ? /*#__PURE__*/_react.default.createElement(_ui.View, {
+    tag: "img",
+    src: logo,
+    className: style.image
+  }) : /*#__PURE__*/_react.default.createElement(_ui.Text, _extends({}, nameProps, {
     bold: true,
-    headline: true,
-    level: 2
-  }, name)), isDesktop && /*#__PURE__*/_react.default.createElement(_components.BookingProcess, null)), /*#__PURE__*/_react.default.createElement(_ui.View, {
+    className: style.name
+  }), name)), isDesktop && /*#__PURE__*/_react.default.createElement(_components.BookingProcess, null)), /*#__PURE__*/_react.default.createElement(_ui.View, {
     row: true,
     className: style.options
-  }, /*#__PURE__*/_react.default.createElement(_ui.View, {
-    row: true
   }, showCurrency && /*#__PURE__*/_react.default.createElement(_shared__.SelectEnvironment, {
+    compacted: isMobile,
+    headerMode: true,
     name: "currency"
   }), showLocale && /*#__PURE__*/_react.default.createElement(_shared__.SelectEnvironment, {
+    compacted: isMobile,
+    headerMode: true,
     name: "locale"
-  })), showLogin && !isMobile && /*#__PURE__*/_react.default.createElement(_Session.Session, {
-    buttonMode: true
-  })))), !isDesktop && /*#__PURE__*/_react.default.createElement(_components.BookingProcess, null));
+  }), showLogin && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ui.Pressable, {
+    onPress: handleLogin,
+    className: style.login
+  }, /*#__PURE__*/_react.default.createElement(_ui.View, {
+    row: true
+  }, /*#__PURE__*/_react.default.createElement(_ui.Icon, {
+    role: "content",
+    value: _helpers.ICON.ACCOUNT
+  }), /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    action: !isMobile,
+    bold: true,
+    small: isMobile
+  }, translate(_Header2.L10N.ACTION_LOGIN)))), /*#__PURE__*/_react.default.createElement(_SessionLogin.Modal, {
+    visible: modal,
+    onClose: () => setModal(false)
+  }))))), showName && logo && name && /*#__PURE__*/_react.default.createElement(_ui.View, {
+    className: (0, _ui.styles)(style.header, style.extra, others.className)
+  }, /*#__PURE__*/_react.default.createElement(_ui.View, {
+    row: true,
+    wide: true,
+    className: style.content
+  }, /*#__PURE__*/_react.default.createElement(_ui.Text, nameProps, name))), !isDesktop && /*#__PURE__*/_react.default.createElement(_components.BookingProcess, null));
 };
 exports.Header = Header;
+Header.displayName = 'Mirai:Core:Header';
 Header.propTypes = {
   currency: _propTypes.default.bool,
   ghost: _propTypes.default.any,
   locale: _propTypes.default.bool,
   login: _propTypes.default.bool,
-  logo: _propTypes.default.bool,
+  name: _propTypes.default.bool,
   skeleton: _propTypes.default.bool
 };
 //# sourceMappingURL=Header.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Header.js","names":["_dataSources","require","_ui","_propTypes","_interopRequireDefault","_react","_components","style","_interopRequireWildcard","_shared__","_Session","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","Header","_ref","currency","showCurrency","locale","showLocale","login","showLogin","ghost","logo","others","isMobile","isDesktop","useDevice","value","hotel","image","name","url","useStore","handleUrl","window","location","createElement","Fragment","View","wide","testId","className","styles","header","row","content","main","Pressable","onPress","undefined","dangerouslySetInnerHTML","__html","outerHTML","backgroundImage","concat","Text","bold","headline","level","BookingProcess","options","SelectEnvironment","Session","buttonMode","exports","propTypes","PropTypes","bool","any","skeleton"],"sources":["../../../src/components/Header/Header.jsx"],"sourcesContent":["import { useStore } from '@mirai/data-sources';\nimport { Pressable, Text, useDevice, styles, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { BookingProcess } from './components';\nimport * as style from './Header.module.css';\nimport { SelectEnvironment } from '../__shared__';\nimport { Session } from '../Session';\n\nconst Header = ({\n  currency: showCurrency = false,\n  locale: showLocale = true,\n  login: showLogin = true,\n  ghost,\n  logo = true,\n  ...others\n}) => {\n  const { isMobile, isDesktop } = useDevice();\n  const { value: { hotel: { image, name, url } = {} } = {} } = useStore();\n\n  const handleUrl = () => {\n    window.location = url;\n  };\n\n  return (\n    <>\n      <View wide testId={others.testId} className={styles(style.header, others.className)}>\n        <View row wide className={style.content}>\n          <View row className={style.main}>\n            {logo && (ghost || image || name) && (\n              <Pressable onPress={url ? handleUrl : undefined}>\n                {ghost ? (\n                  <View dangerouslySetInnerHTML={{ __html: ghost.outerHTML }} />\n                ) : image ? (\n                  <View className={style.image} style={{ backgroundImage: `url(${image})` }} />\n                ) : (\n                  <Text bold headline level={2}>\n                    {name}\n                  </Text>\n                )}\n              </Pressable>\n            )}\n\n            {isDesktop && <BookingProcess />}\n          </View>\n\n          <View row className={style.options}>\n            <View row>\n              {showCurrency && <SelectEnvironment name=\"currency\" />}\n              {showLocale && <SelectEnvironment name=\"locale\" />}\n            </View>\n\n            {showLogin && !isMobile && <Session buttonMode />}\n          </View>\n        </View>\n      </View>\n\n      {!isDesktop && <BookingProcess />}\n    </>\n  );\n};\n\nHeader.propTypes = {\n  currency: PropTypes.bool,\n  ghost: PropTypes.any,\n  locale: PropTypes.bool,\n  login: PropTypes.bool,\n  logo: PropTypes.bool,\n  skeleton: PropTypes.bool,\n};\n\nexport { Header };\n"],"mappings":"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"}
+{"version":3,"file":"Header.js","names":["_dataSources","require","_locale","_services","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_components","_Header","_Header2","style","_shared__","_helpers","_SessionLogin","_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","hasTracking","Header","_ref","currency","showCurrency","locale","showLocale","login","showLogin","ghost","name","showName","others","isMobile","isDesktop","useDevice","track","useMetrics","translate","useLocale","value","finder","place","id","placeId","isHotel","title","placeName","hotel","features","url","useStore","modal","setModal","useState","useEffect","ServiceFeatures","FEATURE_HEADER_TRACKING","handleLogin","concat","TRACKING","handleUrl","window","location","logo","largeName","nameProps","action","small","createElement","Fragment","View","wide","testId","className","styles","header","row","content","main","Pressable","onPress","undefined","dangerouslySetInnerHTML","__html","outerHTML","tag","src","image","Text","bold","BookingProcess","options","SelectEnvironment","compacted","headerMode","Icon","role","ICON","ACCOUNT","L10N","ACTION_LOGIN","Modal","visible","onClose","extra","exports","displayName","propTypes","PropTypes","bool","any","skeleton"],"sources":["../../../src/components/Header/Header.jsx"],"sourcesContent":["import { useMetrics, useStore } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\nimport { ServiceFeatures } from '@mirai/services';\nimport { Icon, Pressable, Text, useDevice, styles, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\n\nimport { BookingProcess } from './components';\nimport { FEATURE_HEADER_TRACKING, TRACKING } from './Header.constants';\nimport { L10N } from './Header.l10n';\nimport * as style from './Header.module.css';\nimport { SelectEnvironment } from '../__shared__';\nimport { ICON } from '../helpers';\nimport { Modal as ModalLogin } from '../Session/Session.Login.Modal';\n\nlet hasTracking = false;\n\nconst Header = ({\n  currency: showCurrency = false,\n  locale: showLocale = false,\n  login: showLogin = false,\n  ghost,\n  name: showName,\n  ...others\n}) => {\n  const { isMobile, isDesktop } = useDevice();\n  const { track } = useMetrics();\n  const { translate } = useLocale();\n  const {\n    value: {\n      finder: { place: { id: [placeId] = [], isHotel, title: placeName } = {} } = {},\n      hotel: { features = {}, url } = {},\n      id,\n    } = {},\n    locale,\n  } = useStore();\n\n  const [modal, setModal] = useState(false);\n\n  useEffect(() => {\n    hasTracking = ServiceFeatures.get(FEATURE_HEADER_TRACKING, id);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const handleLogin = () => {\n    hasTracking && track(`${TRACKING}:ACTION:SHOW_LOGIN`, { locale });\n    setModal(true);\n  };\n\n  const handleUrl = () => {\n    window.location = url;\n  };\n\n  const { logo, name } = (placeId ? (isHotel ? features[placeId] : { name: placeName }) : features[id]) || {};\n  const largeName = name?.length > 32;\n  const nameProps = { action: (largeName && !isMobile) || (isMobile && !largeName), small: largeName && isMobile };\n\n  return (\n    <>\n      <View wide testId={others.testId} className={styles(style.header, others.className)}>\n        <View row wide className={style.content}>\n          <View row className={style.main}>\n            {(logo || ghost || (!logo && name)) && (\n              <Pressable onPress={url ? handleUrl : undefined}>\n                {ghost ? (\n                  <View dangerouslySetInnerHTML={{ __html: ghost.outerHTML }} />\n                ) : logo ? (\n                  <View tag=\"img\" src={logo} className={style.image} />\n                ) : (\n                  <Text {...nameProps} bold className={style.name}>\n                    {name}\n                  </Text>\n                )}\n              </Pressable>\n            )}\n\n            {isDesktop && <BookingProcess />}\n          </View>\n\n          <View row className={style.options}>\n            {showCurrency && <SelectEnvironment compacted={isMobile} headerMode name=\"currency\" />}\n            {showLocale && <SelectEnvironment compacted={isMobile} headerMode name=\"locale\" />}\n            {showLogin && (\n              <>\n                <Pressable onPress={handleLogin} className={style.login}>\n                  <View row>\n                    <Icon role=\"content\" value={ICON.ACCOUNT} />\n                    <Text action={!isMobile} bold small={isMobile}>\n                      {translate(L10N.ACTION_LOGIN)}\n                    </Text>\n                  </View>\n                </Pressable>\n                <ModalLogin visible={modal} onClose={() => setModal(false)} />\n              </>\n            )}\n          </View>\n        </View>\n      </View>\n\n      {showName && logo && name && (\n        <View className={styles(style.header, style.extra, others.className)}>\n          <View row wide className={style.content}>\n            <Text {...nameProps}>{name}</Text>\n          </View>\n        </View>\n      )}\n\n      {!isDesktop && <BookingProcess />}\n    </>\n  );\n};\n\nHeader.displayName = 'Mirai:Core:Header';\n\nHeader.propTypes = {\n  currency: PropTypes.bool,\n  ghost: PropTypes.any,\n  locale: PropTypes.bool,\n  login: PropTypes.bool,\n  name: PropTypes.bool,\n  skeleton: PropTypes.bool,\n};\n\nexport { Header };\n"],"mappings":"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"}

package/build/components/Header/Header.l10n.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.L10N = void 0;
+const L10N = exports.L10N = {
+  ACTION_LOGIN: {
+    id: 'common.action.login'
+  }
+};
+//# sourceMappingURL=Header.l10n.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Header.l10n.js","names":["L10N","exports","ACTION_LOGIN","id"],"sources":["../../../src/components/Header/Header.l10n.js"],"sourcesContent":["export const L10N = {\n  ACTION_LOGIN: { id: 'common.action.login' },\n};\n"],"mappings":";;;;;;AAAO,MAAMA,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG;EAClBE,YAAY,EAAE;IAAEC,EAAE,EAAE;EAAsB;AAC5C,CAAC"}

package/build/components/Header/Header.module.css

@@ -1,11 +1,24 @@
-.header {
-  background-color: var(--mirai-ui-base);
-  border-bottom: solid 1px var(--mirai-ui-content-border);
-  border-top: solid 1px var(--mirai-ui-content-border);
+:root {
+  --mirai-header-accent: var(--mirai-ui-accent);
+  --mirai-header-content: var(--mirai-ui-content);
+  --mirai-header-content-background: var(--mirai-ui-base);
+  --mirai-header-content-border: var(--mirai-ui-content-border);
+  --mirai-header-content-light: var(--mirai-ui-content-light);
+
+  /* --mirai-header-accent: #ffc20e;
+  --mirai-header-content: #ffffff;
+  --mirai-header-content-background: #003b95;
+  --mirai-header-content-border: rgba(255, 255, 255, 0.33);
+  --mirai-header-content-light: rgba(255, 255, 255, 0.66); */
+}
+
+.header:not(.extra) {
+  background-color: var(--mirai-header-content-background);
+  border-bottom: solid 1px var(--mirai-header-content-border);
 }
 
 .content {
-  /* min-height: var(--mirai-ui-space-XXL); */
+  gap: var(--mirai-ui-space-S);
   justify-content: space-between;
   width: 100%;
   margin: 0 auto;
@@ -13,34 +26,70 @@
 }
 
 .header .main {
-  gap: var(--mirai-ui-space-L);
+  gap: var(--mirai-ui-space-XL);
+}
+
+.header .login {
+  border-radius: var(--mirai-ui-border-radius);
+}
+
+.header .login:hover,
+.header .login:active {
+  background-color: var(--mirai-header-content-border);
 }
 
-.main .image {
-  background-size: cover;
-  background-position: center;
-  height: var(--mirai-ui-space-XXL);
-  width: calc(var(--mirai-ui-space-XXL) * 2);
+.header .login > * {
+  gap: calc(var(--mirai-ui-space-XS) / 2);
+  height: var(--mirai-ui-space-XL);
+  line-height: var(--mirai-ui-space-XL);
+  padding: 0 calc(var(--mirai-ui-button-padding-x) / 2);
 }
 
-.header .options {
-  gap: var(--mirai-ui-space-XS);
+.header .login * {
+  color: var(--mirai-header-content);
+}
+
+.header.extra {
+  background-color: var(--mirai-ui-base);
+  border-bottom: solid 1px var(--mirai-ui-content-border);
+}
+
+.header.extra .content {
+  min-height: calc(var(--mirai-ui-space-L) + var(--mirai-ui-space-S));
 }
 
 /* S */
 @media only screen and (max-width: 430px) {
   .header {
-    padding: var(--mirai-ui-space-XS) 0 var(--mirai-ui-space-XS) var(--mirai-ui-space-S);
+    padding: var(--mirai-ui-space-XS) var(--mirai-ui-space-XS) var(--mirai-ui-space-XS) var(--mirai-ui-space-S);
   }
 
   .header .main {
     gap: var(--mirai-ui-space-L);
   }
+
+  .main .image {
+    max-height: var(--mirai-ui-space-XL);
+    max-width: 40vw;
+  }
 }
 
 /* M & L */
 @media only screen and (min-width: 431px) {
   .header {
-    padding: var(--mirai-ui-space-XS) var(--mirai-ui-space-M);
+    padding: var(--mirai-ui-space-S) var(--mirai-ui-space-M);
+  }
+
+  .header .name {
+    max-width: calc(var(--mirai-ui-space-XXL) * 5);
+  }
+
+  .header .options {
+    gap: calc(var(--mirai-ui-space-XS) / 2);
+  }
+
+  .main .image {
+    max-height: var(--mirai-ui-space-XL);
+    max-width: calc(var(--mirai-ui-breakpoint-content) / 8);
   }
 }

package/build/components/Header/components/BookingProcess/BookingProcess.js

@@ -35,9 +35,8 @@ const BookingProcess = _ref => {
     small: isMobile
   };
   const textProps = {
-    small: !isMobile,
-    bold: true,
-    tiny: isMobile
+    action: !isMobile,
+    small: isMobile
   };
   const step = propStep || components.rates ? 1 : components.checkout ? 2 : components.booking ? 3 : undefined;
   return step ? /*#__PURE__*/_react.default.createElement(_ui.View, _extends({}, others, {
@@ -47,33 +46,39 @@ const BookingProcess = _ref => {
     row: true,
     className: style.item
   }, /*#__PURE__*/_react.default.createElement(_ui.Text, _extends({}, textProps, {
+    bold: true,
     className: [style.bullet, style.success]
   }), step > 1 ? /*#__PURE__*/_react.default.createElement(_ui.Icon, _extends({}, iconProps, {
     value: _ui.ICON.CHECK
-  })) : 1), (!isMobile || step === 1) && /*#__PURE__*/_react.default.createElement(_ui.Text, textProps, translate(_BookingProcess.L10N.LABEL_CHOOSE_STAY))), /*#__PURE__*/_react.default.createElement(_ui.View, {
+  })) : 1), (!isMobile || step === 1) && /*#__PURE__*/_react.default.createElement(_ui.Text, _extends({}, textProps, {
+    bold: step === 1,
+    className: style.label
+  }), translate(_BookingProcess.L10N.LABEL_CHOOSE_STAY))), /*#__PURE__*/_react.default.createElement(_ui.View, {
     className: style.divider
   }), /*#__PURE__*/_react.default.createElement(_ui.View, {
     row: true,
     className: style.item
   }, /*#__PURE__*/_react.default.createElement(_ui.Text, _extends({}, textProps, {
-    lighten: step < 2,
+    bold: true,
     className: (0, _ui.styles)(style.bullet, step >= 2 && style.success)
   }), step > 2 ? /*#__PURE__*/_react.default.createElement(_ui.Icon, _extends({}, iconProps, {
     value: _ui.ICON.CHECK
   })) : 2), (!isMobile || step === 2) && /*#__PURE__*/_react.default.createElement(_ui.Text, _extends({}, textProps, {
-    lighten: step < 2
+    bold: step === 2,
+    className: (0, _ui.styles)(style.label, step < 2 && style.disabled)
   }), translate(_BookingProcess.L10N.LABEL_PERSONAL_DETAILS))), /*#__PURE__*/_react.default.createElement(_ui.View, {
     className: style.divider
   }), /*#__PURE__*/_react.default.createElement(_ui.View, {
     row: true,
     className: style.item
   }, /*#__PURE__*/_react.default.createElement(_ui.Text, _extends({}, textProps, {
-    lighten: step < 3,
+    bold: true,
     className: (0, _ui.styles)(style.bullet, step >= 3 && style.success)
   }), step >= 3 ? /*#__PURE__*/_react.default.createElement(_ui.Icon, _extends({}, iconProps, {
     value: _ui.ICON.CHECK
   })) : 3), (!isMobile || step === 3) && /*#__PURE__*/_react.default.createElement(_ui.Text, _extends({}, textProps, {
-    lighten: step < 3
+    bold: step === 3,
+    className: (0, _ui.styles)(style.label, step < 3 && style.disabled)
   }), translate(_BookingProcess.L10N.LABEL_SUMMARY)))) : null;
 };
 exports.BookingProcess = BookingProcess;

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

@@ -1 +1 @@
-{"version":3,"file":"BookingProcess.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_BookingProcess","style","_interopRequireWildcard","_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","BookingProcess","_ref","step","propStep","others","isMobile","useDevice","translate","useLocale","value","components","useStore","iconProps","small","textProps","bold","tiny","rates","checkout","booking","undefined","createElement","View","row","className","bookingProcess","item","Text","bullet","success","Icon","ICON","CHECK","L10N","LABEL_CHOOSE_STAY","divider","lighten","styles","LABEL_PERSONAL_DETAILS","LABEL_SUMMARY","exports","displayName","propTypes","PropTypes","number"],"sources":["../../../../../src/components/Header/components/BookingProcess/BookingProcess.jsx"],"sourcesContent":["import { useStore } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\nimport { Icon, ICON, styles, Text, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { L10N } from './BookingProcess.l10n';\nimport * as style from './BookingProcess.module.css';\n\nconst BookingProcess = ({ step: propStep, ...others }) => {\n  const { isMobile } = useDevice();\n  const { translate } = useLocale();\n  const { value: { components = {} } = {} } = useStore();\n\n  const iconProps = { small: isMobile };\n  const textProps = { small: !isMobile, bold: true, tiny: isMobile };\n  const step = propStep || components.rates ? 1 : components.checkout ? 2 : components.booking ? 3 : undefined;\n\n  return step ? (\n    <View {...others} row className={[style.bookingProcess, others.className]}>\n      <View row className={style.item}>\n        <Text {...textProps} className={[style.bullet, style.success]}>\n          {step > 1 ? <Icon {...iconProps} value={ICON.CHECK} /> : 1}\n        </Text>\n        {(!isMobile || step === 1) && <Text {...textProps}>{translate(L10N.LABEL_CHOOSE_STAY)}</Text>}\n      </View>\n\n      <View className={style.divider} />\n\n      <View row className={style.item}>\n        <Text {...textProps} lighten={step < 2} className={styles(style.bullet, step >= 2 && style.success)}>\n          {step > 2 ? <Icon {...iconProps} value={ICON.CHECK} /> : 2}\n        </Text>\n\n        {(!isMobile || step === 2) && (\n          <Text {...textProps} lighten={step < 2}>\n            {translate(L10N.LABEL_PERSONAL_DETAILS)}\n          </Text>\n        )}\n      </View>\n\n      <View className={style.divider} />\n\n      <View row className={style.item}>\n        <Text {...textProps} lighten={step < 3} className={styles(style.bullet, step >= 3 && style.success)}>\n          {step >= 3 ? <Icon {...iconProps} value={ICON.CHECK} /> : 3}\n        </Text>\n        {(!isMobile || step === 3) && (\n          <Text {...textProps} lighten={step < 3}>\n            {translate(L10N.LABEL_SUMMARY)}\n          </Text>\n        )}\n      </View>\n    </View>\n  ) : null;\n};\n\nBookingProcess.displayName = 'Mirai:Core:Header:BookingProcess';\n\nBookingProcess.propTypes = {\n  step: PropTypes.number,\n};\n\nexport { BookingProcess };\n"],"mappings":"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"}
+{"version":3,"file":"BookingProcess.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_BookingProcess","style","_interopRequireWildcard","_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","BookingProcess","_ref","step","propStep","others","isMobile","useDevice","translate","useLocale","value","components","useStore","iconProps","small","textProps","action","rates","checkout","booking","undefined","createElement","View","row","className","bookingProcess","item","Text","bold","bullet","success","Icon","ICON","CHECK","label","L10N","LABEL_CHOOSE_STAY","divider","styles","disabled","LABEL_PERSONAL_DETAILS","LABEL_SUMMARY","exports","displayName","propTypes","PropTypes","number"],"sources":["../../../../../src/components/Header/components/BookingProcess/BookingProcess.jsx"],"sourcesContent":["import { useStore } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\nimport { Icon, ICON, styles, Text, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { L10N } from './BookingProcess.l10n';\nimport * as style from './BookingProcess.module.css';\n\nconst BookingProcess = ({ step: propStep, ...others }) => {\n  const { isMobile } = useDevice();\n  const { translate } = useLocale();\n  const { value: { components = {} } = {} } = useStore();\n\n  const iconProps = { small: isMobile };\n  const textProps = { action: !isMobile, small: isMobile };\n  const step = propStep || components.rates ? 1 : components.checkout ? 2 : components.booking ? 3 : undefined;\n\n  return step ? (\n    <View {...others} row className={[style.bookingProcess, others.className]}>\n      <View row className={style.item}>\n        <Text {...textProps} bold className={[style.bullet, style.success]}>\n          {step > 1 ? <Icon {...iconProps} value={ICON.CHECK} /> : 1}\n        </Text>\n        {(!isMobile || step === 1) && (\n          <Text {...textProps} bold={step === 1} className={style.label}>\n            {translate(L10N.LABEL_CHOOSE_STAY)}\n          </Text>\n        )}\n      </View>\n\n      <View className={style.divider} />\n\n      <View row className={style.item}>\n        <Text {...textProps} bold className={styles(style.bullet, step >= 2 && style.success)}>\n          {step > 2 ? <Icon {...iconProps} value={ICON.CHECK} /> : 2}\n        </Text>\n\n        {(!isMobile || step === 2) && (\n          <Text {...textProps} bold={step === 2} className={styles(style.label, step < 2 && style.disabled)}>\n            {translate(L10N.LABEL_PERSONAL_DETAILS)}\n          </Text>\n        )}\n      </View>\n\n      <View className={style.divider} />\n\n      <View row className={style.item}>\n        <Text {...textProps} bold className={styles(style.bullet, step >= 3 && style.success)}>\n          {step >= 3 ? <Icon {...iconProps} value={ICON.CHECK} /> : 3}\n        </Text>\n        {(!isMobile || step === 3) && (\n          <Text {...textProps} bold={step === 3} className={styles(style.label, step < 3 && style.disabled)}>\n            {translate(L10N.LABEL_SUMMARY)}\n          </Text>\n        )}\n      </View>\n    </View>\n  ) : null;\n};\n\nBookingProcess.displayName = 'Mirai:Core:Header:BookingProcess';\n\nBookingProcess.propTypes = {\n  step: PropTypes.number,\n};\n\nexport { BookingProcess };\n"],"mappings":"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"}

package/build/components/Header/components/BookingProcess/BookingProcess.module.css

@@ -1,24 +1,17 @@
-.bookingProcess {
-  background-color: var(--mirai-ui-base);
-}
-
 .divider {
-  border: dashed 1px var(--mirai-ui-content-border);
   max-height: 1px;
   margin: 0 var(--mirai-ui-space-XS);
 }
 
 .item .bullet {
   align-items: center;
-  background-color: var(--mirai-ui-content-border);
   border-radius: 50%;
   display: flex;
   justify-content: center;
   text-align: center;
 }
 
-.bullet.success {
-  background-color: var(--mirai-ui-accent);
+.item .bullet.success {
   color: var(--mirai-ui-base);
 }
 
@@ -44,11 +37,33 @@
 /* S & M */
 @media only screen and (max-width: 820px) {
   .bookingProcess {
+    background-color: var(--mirai-ui-base);
     border-bottom: solid 1px var(--mirai-ui-content-border);
     justify-content: center;
     padding: var(--mirai-ui-space-S);
     width: 100%;
   }
+
+  .divider {
+    border: dashed 1px var(--mirai-ui-content-border);
+  }
+
+  .item .bullet {
+    background-color: var(--mirai-ui-content-border);
+    color: var(--mirai-ui-content-light);
+  }
+
+  .item .bullet.success {
+    background-color: var(--mirai-ui-accent);
+  }
+
+  .item .label:not(.disabled) {
+    color: var(--mirai-ui-content);
+  }
+
+  .item .label.disabled {
+    color: var(--mirai-ui-content-light);
+  }
 }
 
 /* M & L */
@@ -68,3 +83,27 @@
     line-height: var(--mirai-ui-space-L);
   }
 }
+
+/* L */
+@media only screen and (min-width: 831px) {
+  .divider {
+    border: dashed 1px var(--mirai-header-content-border);
+  }
+
+  .item .bullet {
+    background-color: var(--mirai-header-content-border);
+    color: var(--mirai-header-content-light);
+  }
+
+  .item .bullet.success {
+    background-color: var(--mirai-header-accent);
+  }
+
+  .item .label:not(.disabled) {
+    color: var(--mirai-header-content);
+  }
+
+  .item .label.disabled {
+    color: var(--mirai-header-content-light);
+  }
+}

package/build/components/Rates/Rates.js

@@ -24,6 +24,7 @@ var _Rates8 = require("./Rates.Unavailability");
 var _helpers2 = require("../../helpers");
 var _services2 = require("../../services");
 var _Finder = require("../Finder");
+var _Header = require("../Header");
 var _helpers3 = require("../helpers");
 var _SessionLogin = require("../Session/Session.Login.Modal");
 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); }
@@ -299,7 +300,12 @@ const Rates = _ref => {
     room,
     onPress: setRoom
   };
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ui.View, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Header.Header, {
+    currency: true,
+    locale: true,
+    login: !isMobile,
+    name: true
+  }), /*#__PURE__*/_react.default.createElement(_ui.View, {
     ref: refRoomSelector,
     className: (0, _ui.styles)(style.finder, style.blur, (!multiRoom || responseError) && style.sticky),
     style: !isMobile ? {