@mirai/core 0.3.272 → 0.3.273

package/build/components/Checkout/partials/__tests__/__snapshots__/Checkout.Confirmation.test.js.snap

@@ -7,7 +7,7 @@ exports[`component:<Checkout> partial:<Confirmation> Test A/B variant A 1`] = `
     variant="A"
   >
     <div
-      class="view"
+      class="view wide"
     >
       <div
         class="view"
@@ -104,12 +104,10 @@ exports[`component:<Checkout> partial:<Confirmation> Test A/B variant A 1`] = `
           >
             Lugar Padriñan 25, Sanxenxo, España
           </span>
+          <span
+            class="text light small"
+          />
         </div>
-        <button
-          class="pressable action inline"
-        >
-          user.action.change_selection
-        </button>
       </div>
       <div
         class="view"
@@ -191,6 +189,42 @@ exports[`component:<Checkout> partial:<Confirmation> Test A/B variant A 1`] = `
             </span>
           </div>
         </div>
+        <div
+          class="view row notification warning inline small"
+        >
+          <span
+            class="icon paragraph"
+          >
+            <svg
+              fill="currentColor"
+              height="1em"
+              stroke="currentColor"
+              stroke-width="0"
+              viewBox="0 0 24 24"
+              width="1em"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M12 5.99 19.53 19H4.47L12 5.99M12 2 1 21h22L12 2zm1 14h-2v2h2v-2zm0-6h-2v4h2v-4z"
+              />
+            </svg>
+          </span>
+          <div
+            class="view texts"
+          >
+            <span
+              class="text small"
+            >
+              common.label.base
+              <span
+                style="text-decoration: underline;"
+              >
+                price
+              </span>
+              value (Impuestos incluidos)
+            </span>
+          </div>
+        </div>
       </div>
     </div>
     <div
@@ -268,7 +302,7 @@ exports[`component:<Checkout> partial:<Confirmation> Test A/B variant B 1`] = `
     variant="B"
   >
     <div
-      class="view"
+      class="view wide"
     >
       <div
         class="view"
@@ -365,12 +399,10 @@ exports[`component:<Checkout> partial:<Confirmation> Test A/B variant B 1`] = `
           >
             Lugar Padriñan 25, Sanxenxo, España
           </span>
+          <span
+            class="text light small"
+          />
         </div>
-        <button
-          class="pressable action inline"
-        >
-          user.action.change_selection
-        </button>
       </div>
       <div
         class="view"
@@ -452,6 +484,42 @@ exports[`component:<Checkout> partial:<Confirmation> Test A/B variant B 1`] = `
             </span>
           </div>
         </div>
+        <div
+          class="view row notification warning inline small"
+        >
+          <span
+            class="icon paragraph"
+          >
+            <svg
+              fill="currentColor"
+              height="1em"
+              stroke="currentColor"
+              stroke-width="0"
+              viewBox="0 0 24 24"
+              width="1em"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M12 5.99 19.53 19H4.47L12 5.99M12 2 1 21h22L12 2zm1 14h-2v2h2v-2zm0-6h-2v4h2v-4z"
+              />
+            </svg>
+          </span>
+          <div
+            class="view texts"
+          >
+            <span
+              class="text small"
+            >
+              common.label.base
+              <span
+                style="text-decoration: underline;"
+              >
+                price
+              </span>
+              value (Impuestos incluidos)
+            </span>
+          </div>
+        </div>
       </div>
     </div>
     <div
@@ -528,7 +596,7 @@ exports[`component:<Checkout> partial:<Confirmation> inherit:className 1`] = `
     class="view"
   >
     <div
-      class="view"
+      class="view wide"
     >
       <div
         class="view"
@@ -625,12 +693,10 @@ exports[`component:<Checkout> partial:<Confirmation> inherit:className 1`] = `
           >
             Lugar Padriñan 25, Sanxenxo, España
           </span>
+          <span
+            class="text light small"
+          />
         </div>
-        <button
-          class="pressable action inline"
-        >
-          user.action.change_selection
-        </button>
       </div>
       <div
         class="view"
@@ -712,6 +778,42 @@ exports[`component:<Checkout> partial:<Confirmation> inherit:className 1`] = `
             </span>
           </div>
         </div>
+        <div
+          class="view row notification warning inline small"
+        >
+          <span
+            class="icon paragraph"
+          >
+            <svg
+              fill="currentColor"
+              height="1em"
+              stroke="currentColor"
+              stroke-width="0"
+              viewBox="0 0 24 24"
+              width="1em"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M12 5.99 19.53 19H4.47L12 5.99M12 2 1 21h22L12 2zm1 14h-2v2h2v-2zm0-6h-2v4h2v-4z"
+              />
+            </svg>
+          </span>
+          <div
+            class="view texts"
+          >
+            <span
+              class="text small"
+            >
+              common.label.base
+              <span
+                style="text-decoration: underline;"
+              >
+                price
+              </span>
+              value (Impuestos incluidos)
+            </span>
+          </div>
+        </div>
       </div>
     </div>
     <div
@@ -788,7 +890,7 @@ exports[`component:<Checkout> partial:<Confirmation> renders 1`] = `
     class="view"
   >
     <div
-      class="view"
+      class="view wide"
     >
       <div
         class="view"
@@ -885,12 +987,10 @@ exports[`component:<Checkout> partial:<Confirmation> renders 1`] = `
           >
             Lugar Padriñan 25, Sanxenxo, España
           </span>
+          <span
+            class="text light small"
+          />
         </div>
-        <button
-          class="pressable action inline"
-        >
-          user.action.change_selection
-        </button>
       </div>
       <div
         class="view"
@@ -972,6 +1072,42 @@ exports[`component:<Checkout> partial:<Confirmation> renders 1`] = `
             </span>
           </div>
         </div>
+        <div
+          class="view row notification warning inline small"
+        >
+          <span
+            class="icon paragraph"
+          >
+            <svg
+              fill="currentColor"
+              height="1em"
+              stroke="currentColor"
+              stroke-width="0"
+              viewBox="0 0 24 24"
+              width="1em"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M12 5.99 19.53 19H4.47L12 5.99M12 2 1 21h22L12 2zm1 14h-2v2h2v-2zm0-6h-2v4h2v-4z"
+              />
+            </svg>
+          </span>
+          <div
+            class="view texts"
+          >
+            <span
+              class="text small"
+            >
+              common.label.base
+              <span
+                style="text-decoration: underline;"
+              >
+                price
+              </span>
+              value (Impuestos incluidos)
+            </span>
+          </div>
+        </div>
       </div>
     </div>
     <div
@@ -1049,7 +1185,7 @@ exports[`component:<Checkout> partial:<Confirmation> testID 1`] = `
     data-testid="mirai"
   >
     <div
-      class="view"
+      class="view wide"
     >
       <div
         class="view"
@@ -1146,12 +1282,10 @@ exports[`component:<Checkout> partial:<Confirmation> testID 1`] = `
           >
             Lugar Padriñan 25, Sanxenxo, España
           </span>
+          <span
+            class="text light small"
+          />
         </div>
-        <button
-          class="pressable action inline"
-        >
-          user.action.change_selection
-        </button>
       </div>
       <div
         class="view"
@@ -1233,6 +1367,42 @@ exports[`component:<Checkout> partial:<Confirmation> testID 1`] = `
             </span>
           </div>
         </div>
+        <div
+          class="view row notification warning inline small"
+        >
+          <span
+            class="icon paragraph"
+          >
+            <svg
+              fill="currentColor"
+              height="1em"
+              stroke="currentColor"
+              stroke-width="0"
+              viewBox="0 0 24 24"
+              width="1em"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M12 5.99 19.53 19H4.47L12 5.99M12 2 1 21h22L12 2zm1 14h-2v2h2v-2zm0-6h-2v4h2v-4z"
+              />
+            </svg>
+          </span>
+          <div
+            class="view texts"
+          >
+            <span
+              class="text small"
+            >
+              common.label.base
+              <span
+                style="text-decoration: underline;"
+              >
+                price
+              </span>
+              value (Impuestos incluidos)
+            </span>
+          </div>
+        </div>
       </div>
     </div>
     <div
@@ -1309,7 +1479,7 @@ exports[`component:<Checkout> partial:<Confirmation> with a store 1`] = `
     class="view"
   >
     <div
-      class="view"
+      class="view wide"
     >
       <div
         class="view"
@@ -1406,12 +1576,10 @@ exports[`component:<Checkout> partial:<Confirmation> with a store 1`] = `
           >
             Lugar Padriñan 25, Sanxenxo, España
           </span>
+          <span
+            class="text light small"
+          />
         </div>
-        <button
-          class="pressable action inline"
-        >
-          user.action.change_selection
-        </button>
       </div>
       <div
         class="view"
@@ -1493,6 +1661,42 @@ exports[`component:<Checkout> partial:<Confirmation> with a store 1`] = `
             </span>
           </div>
         </div>
+        <div
+          class="view row notification warning inline small"
+        >
+          <span
+            class="icon paragraph"
+          >
+            <svg
+              fill="currentColor"
+              height="1em"
+              stroke="currentColor"
+              stroke-width="0"
+              viewBox="0 0 24 24"
+              width="1em"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M12 5.99 19.53 19H4.47L12 5.99M12 2 1 21h22L12 2zm1 14h-2v2h2v-2zm0-6h-2v4h2v-4z"
+              />
+            </svg>
+          </span>
+          <div
+            class="view texts"
+          >
+            <span
+              class="text small"
+            >
+              common.label.base
+              <span
+                style="text-decoration: underline;"
+              >
+                price
+              </span>
+              value (Impuestos incluidos)
+            </span>
+          </div>
+        </div>
       </div>
     </div>
     <div

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

@@ -36,15 +36,4 @@ Object.keys(_Checkout3).forEach(function (key) {
     }
   });
 });
-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;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _Checkout4[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"],"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"}
+{"version":3,"file":"index.js","names":["_Checkout","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_Checkout2","_Checkout3"],"sources":["../../../../src/components/Checkout/partials/index.js"],"sourcesContent":["export * from './Checkout.Confirmation';\nexport * from './Checkout.Details';\nexport * from './Checkout.Form';\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"}

package/build/components/Header/Header.js

@@ -114,9 +114,11 @@ const Header = _ref => {
     className: style.image
   }) : /*#__PURE__*/_react.default.createElement(_ui.Text, _extends({}, nameProps, {
     bold: true
-  }), fullName)), isDesktop && /*#__PURE__*/_react.default.createElement(_components.BookingProcess, null)), /*#__PURE__*/_react.default.createElement(_ui.View, {
+  }), fullName)), isDesktop && /*#__PURE__*/_react.default.createElement(_components.BookingProcess, {
+    className: style.noPrint
+  })), /*#__PURE__*/_react.default.createElement(_ui.View, {
     row: true,
-    className: style.options
+    className: [style.options, style.noPrint]
   }, showLocale && /*#__PURE__*/_react.default.createElement(_shared__.SelectEnvironment, {
     compacted: isMobile,
     headerMode: true,

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

@@ -1 +1 @@
-{"version":3,"file":"Header.js","names":["_dataSources","require","_locale","_services","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_components","_Header","_Header2","style","_shared__","_helpers","_Session","_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","_ref2","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","session","useStore","modal","setModal","useState","useEffect","ServiceFeatures","FEATURE_HEADER_TRACKING","handleClose","handleLogin","concat","TRACKING","handleUrl","window","location","logo","type","largeName","nameProps","action","small","fullName","L10N","LABEL_PROPERTY_TYPE","trim","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","Account","Icon","headline","level","role","ICON","ACCOUNT","ACTION_LOGIN","Modal","visible","onClose","onSuccess","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 { Account } from '../Session/Session.Account';\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      locale,\n      session,\n    } = {},\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 handleClose = () => setModal(false);\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, type } = (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  const fullName = `${type ? translate(L10N.LABEL_PROPERTY_TYPE, { type }) : ''} ${name}`?.trim();\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>\n                    {fullName}\n                  </Text>\n                )}\n              </Pressable>\n            )}\n\n            {isDesktop && <BookingProcess />}\n          </View>\n\n          <View row className={style.options}>\n            {showLocale && <SelectEnvironment compacted={isMobile} headerMode name=\"locale\" />}\n            {showCurrency && <SelectEnvironment compacted={isMobile} headerMode name=\"currency\" />}\n            {showLogin && (\n              <>\n                {session ? (\n                  <Account compacted />\n                ) : (\n                  <>\n                    <Pressable onPress={handleLogin} className={style.login}>\n                      <View row>\n                        {isMobile ? (\n                          <Icon headline level={2} role=\"content\" value={ICON.ACCOUNT} />\n                        ) : (\n                          <Text action={!isMobile} bold small={isMobile}>\n                            {translate(L10N.ACTION_LOGIN)}\n                          </Text>\n                        )}\n                      </View>\n                    </Pressable>\n                    <ModalLogin visible={modal} onClose={handleClose} onSuccess={handleClose} />\n                  </>\n                )}\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}>{fullName}</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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"}
+{"version":3,"file":"Header.js","names":["_dataSources","require","_locale","_services","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_components","_Header","_Header2","style","_shared__","_helpers","_Session","_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","_ref2","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","session","useStore","modal","setModal","useState","useEffect","ServiceFeatures","FEATURE_HEADER_TRACKING","handleClose","handleLogin","concat","TRACKING","handleUrl","window","location","logo","type","largeName","nameProps","action","small","fullName","L10N","LABEL_PROPERTY_TYPE","trim","createElement","Fragment","View","wide","testId","className","styles","header","row","content","main","Pressable","onPress","undefined","dangerouslySetInnerHTML","__html","outerHTML","tag","src","image","Text","bold","BookingProcess","noPrint","options","SelectEnvironment","compacted","headerMode","Account","Icon","headline","level","role","ICON","ACCOUNT","ACTION_LOGIN","Modal","visible","onClose","onSuccess","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 { Account } from '../Session/Session.Account';\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      locale,\n      session,\n    } = {},\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 handleClose = () => setModal(false);\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, type } = (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  const fullName = `${type ? translate(L10N.LABEL_PROPERTY_TYPE, { type }) : ''} ${name}`?.trim();\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>\n                    {fullName}\n                  </Text>\n                )}\n              </Pressable>\n            )}\n\n            {isDesktop && <BookingProcess className={style.noPrint} />}\n          </View>\n\n          <View row className={[style.options, style.noPrint]}>\n            {showLocale && <SelectEnvironment compacted={isMobile} headerMode name=\"locale\" />}\n            {showCurrency && <SelectEnvironment compacted={isMobile} headerMode name=\"currency\" />}\n            {showLogin && (\n              <>\n                {session ? (\n                  <Account compacted />\n                ) : (\n                  <>\n                    <Pressable onPress={handleLogin} className={style.login}>\n                      <View row>\n                        {isMobile ? (\n                          <Icon headline level={2} role=\"content\" value={ICON.ACCOUNT} />\n                        ) : (\n                          <Text action={!isMobile} bold small={isMobile}>\n                            {translate(L10N.ACTION_LOGIN)}\n                          </Text>\n                        )}\n                      </View>\n                    </Pressable>\n                    <ModalLogin visible={modal} onClose={handleClose} onSuccess={handleClose} />\n                  </>\n                )}\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}>{fullName}</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.module.css

@@ -4,12 +4,6 @@
   --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 {
@@ -101,3 +95,17 @@
     max-width: calc(var(--mirai-ui-breakpoint-content) / 8);
   }
 }
+
+@media print {
+  .noPrint {
+    display: none;
+  }
+
+  .header:not(.extra) {
+    border-bottom: none;
+  }
+
+  .main .image {
+    max-height: var(--mirai-ui-space-L);
+  }
+}

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

@@ -8,9 +8,10 @@ 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 _react = _interopRequireWildcard(require("react"));
 var _BookingProcess = require("./BookingProcess.l10n");
 var style = _interopRequireWildcard(require("./BookingProcess.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 }; }
@@ -31,6 +32,15 @@ const BookingProcess = _ref => {
       components = {}
     } = {}
   } = (0, _dataSources.useStore)();
+  const [step, setStep] = (0, _react.useState)(propStep);
+  (0, _react.useEffect)(() => {
+    const callback = () => setStep(2.5);
+    _dataSources.Event.subscribe(_helpers.EVENT.PAY_LATER, callback);
+    return () => _dataSources.Event.unsubscribe(_helpers.EVENT.PAY_LATER, callback);
+  }, []);
+  (0, _react.useEffect)(() => {
+    setStep(propStep || components.rates ? 1 : components.checkout ? 2 : components.booking ? 3 : undefined);
+  }, [components, propStep]);
   const iconProps = {
     small: isMobile
   };
@@ -38,7 +48,7 @@ const BookingProcess = _ref => {
     action: !isMobile,
     small: isMobile
   };
-  const step = propStep || components.rates ? 1 : components.checkout ? 2 : components.booking ? 3 : undefined;
+  const isPayLater = step === 2.5;
   return step ? /*#__PURE__*/_react.default.createElement(_ui.View, _extends({}, others, {
     row: true,
     className: [style.bookingProcess, others.className]
@@ -68,7 +78,20 @@ const BookingProcess = _ref => {
     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, {
+  }), isPayLater && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ui.View, {
+    row: true,
+    className: style.item
+  }, /*#__PURE__*/_react.default.createElement(_ui.Text, _extends({}, textProps, {
+    bold: true,
+    className: (0, _ui.styles)(style.bullet, step >= 2.5 && style.success)
+  }), step > 2.5 ? /*#__PURE__*/_react.default.createElement(_ui.Icon, _extends({}, iconProps, {
+    value: _ui.ICON.CHECK
+  })) : 3), (!isMobile || step === 2.5) && /*#__PURE__*/_react.default.createElement(_ui.Text, _extends({}, textProps, {
+    bold: step === 2.5,
+    className: (0, _ui.styles)(style.label, step < 2.5 && style.disabled)
+  }), translate(_BookingProcess.L10N.LABEL_BOOKING))), /*#__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, {
@@ -76,10 +99,10 @@ const BookingProcess = _ref => {
     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, {
+  })) : isPayLater ? 4 : 3), (!isMobile || step === 3) && /*#__PURE__*/_react.default.createElement(_ui.Text, _extends({}, textProps, {
     bold: step === 3,
     className: (0, _ui.styles)(style.label, step < 3 && style.disabled)
-  }), translate(_BookingProcess.L10N.LABEL_SUMMARY)))) : null;
+  }), translate(_BookingProcess.L10N.LABEL_CONFIRMATION)))) : null;
 };
 exports.BookingProcess = BookingProcess;
 BookingProcess.displayName = 'Mirai:Core:Header:BookingProcess';