@mirai/core 0.3.330 → 0.3.331

package/build/components/{Checkout/partials/Checkout.Details.js → __shared__/BookingDetails/BookingDetails.js}

@@ -3,26 +3,25 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Details = void 0;
+exports.BookingDetails = 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 = _interopRequireWildcard(require("react"));
-var _shared__ = require("../../__shared__");
+var _BookingDetails = require("./BookingDetails.constants");
+var _BookingDetails2 = require("./BookingDetails.l10n");
+var style = _interopRequireWildcard(require("./BookingDetails.module.css"));
+var _ = require("..");
 var _helpers = require("../../helpers");
-var _Checkout = require("../Checkout.constants");
-var _Checkout2 = require("../Checkout.l10n");
-var style = _interopRequireWildcard(require("../Checkout.module.css"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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 Details = _ref => {
+const BookingDetails = _ref => {
   let {
     dataSource = {},
+    expanded: propExpanded = false,
     ...others
   } = _ref;
   const {
@@ -32,9 +31,6 @@ const Details = _ref => {
   const {
     translate
   } = (0, _locale.useLocale)();
-  const {
-    track
-  } = (0, _dataSources.useMetrics)();
   const {
     value: {
       config: {
@@ -46,30 +42,27 @@ const Details = _ref => {
       hotel: {
         id: hotelId
       } = {},
-      id,
-      locale,
       urlParams: {
         roomNumberBySelectedRoom
       } = {}
     }
   } = (0, _dataSources.useStore)();
-  const [expanded, setExpanded] = (0, _react.useState)(false);
+  const [expanded, setExpanded] = (0, _react.useState)(propExpanded);
   (0, _react.useEffect)(() => {
-    hasTracking = _services.ServiceFeatures.get(_Checkout.FEATURE_CHECKOUT_TRACKING, id);
     const {
       details: [{
         items = []
       } = {}] = [],
       extras = []
     } = dataSource;
-    setExpanded(!isDesktop || items.length <= _Checkout.MAX_VISIBLE_DETAILS && extras.length === 0);
+    setExpanded(!isDesktop || items.length <= _BookingDetails.MAX_VISIBLE_DETAILS && extras.length === 0);
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
+  (0, _react.useEffect)(() => {
+    setExpanded(propExpanded);
+  }, [propExpanded]);
   const handlePress = () => {
-    hasTracking && track("".concat(_Checkout.TRACKING, ":ACTION:DETAILS_EXPAND"), {
-      locale
-    });
     setExpanded(true);
   };
   const {
@@ -78,16 +71,16 @@ const Details = _ref => {
     extras = []
   } = dataSource;
   const propsTable = {
-    currency,
-    tracking: _Checkout.TRACKING
+    currency
   };
   const roomNumber = (0, _helpers.getRoomNumber)(roomNumberBySelectedRoom);
+  const multiRoom = details.length > 1;
   return /*#__PURE__*/_react.default.createElement(_ui.View, _extends({}, others, {
-    className: (0, _ui.styles)(style.details, isDesktop && style.box, others.className)
+    className: (0, _ui.styles)(style.details, others.className)
   }), /*#__PURE__*/_react.default.createElement(_ui.Text, {
     bold: true,
     headline: isDesktop
-  }, translate(_Checkout2.L10N.LABEL_BOOKING_DETAILS)), details.slice(0, expanded ? undefined : 1).map(function () {
+  }, translate(_BookingDetails2.L10N.LABEL_BOOKING_DETAILS)), details.slice(0, expanded ? undefined : 1).map(function () {
     var _variants$find;
     let {
       amount,
@@ -121,11 +114,11 @@ const Details = _ref => {
     }, /*#__PURE__*/_react.default.createElement(_ui.Text, {
       action: isMobile,
       bold: true
-    }, "".concat(type).concat(roomNumber ? " (".concat(translate(_Checkout2.L10N.LABEL_ROOM_NUMBER, {
+    }, "".concat(type).concat(roomNumber ? " (".concat(translate(_BookingDetails2.L10N.LABEL_ROOM_NUMBER, {
       roomNumber
     }), ")") : '', " ").concat(amount > 1 ? " (x".concat(amount, ")") : '')), roomNumber && /*#__PURE__*/_react.default.createElement(_ui.Tooltip, {
       pressable: true,
-      text: translate(_Checkout2.L10N.LABEL_SUBJECT_TO_AVAILABILITY)
+      text: translate(_BookingDetails2.L10N.LABEL_SUBJECT_TO_AVAILABILITY)
     }, /*#__PURE__*/_react.default.createElement(_ui.Icon, {
       value: _ui.ICON.INFO
     }))), /*#__PURE__*/_react.default.createElement(_ui.Text, {
@@ -144,28 +137,33 @@ const Details = _ref => {
         return id === Number(hotelId);
       })) === null || _variants$find === void 0 ? void 0 : _variants$find.occupation) || occupation,
       translate
-    })))), /*#__PURE__*/_react.default.createElement(_shared__.BookingTable, _extends({}, propsTable, {
-      dataSource: items.slice(0, expanded ? undefined : _Checkout.MAX_VISIBLE_DETAILS)
-    })), expanded && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_shared__.BookingTable, _extends({}, propsTable, {
+    })))), /*#__PURE__*/_react.default.createElement(_.BookingTable, _extends({}, propsTable, {
+      dataSource: items.slice(0, expanded ? undefined : _BookingDetails.MAX_VISIBLE_DETAILS),
+      showTotal: multiRoom
+    })), expanded && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_.BookingTable, _extends({}, propsTable, {
       dataSource: extras,
-      label: translate(_Checkout2.L10N.LABEL_EXTRAS)
-    })), observations.length > 0 && /*#__PURE__*/_react.default.createElement(_ui.View, null, /*#__PURE__*/_react.default.createElement(_ui.Text, {
+      label: translate(_BookingDetails2.L10N.LABEL_EXTRAS)
+    })), observations.length > 0 && /*#__PURE__*/_react.default.createElement(_ui.View, {
+      className: style.observations
+    }, /*#__PURE__*/_react.default.createElement(_ui.Text, {
       bold: true,
       small: true
-    }, translate(_Checkout2.L10N.LABEL_OBSERVATIONS)), observations.map((item, index) => /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    }, translate(_BookingDetails2.L10N.LABEL_OBSERVATIONS)), observations.map((item, index) => /*#__PURE__*/_react.default.createElement(_ui.Text, {
       key: index,
       small: true
     }, item)))));
-  }), expanded && /*#__PURE__*/_react.default.createElement(_shared__.BookingTable, _extends({}, propsTable, {
+  }), expanded && /*#__PURE__*/_react.default.createElement(_.BookingTable, _extends({}, propsTable, {
     dataSource: extras,
-    label: translate(_Checkout2.L10N.LABEL_BOOKING_EXTRAS)
-  })), isDesktop && !expanded && /*#__PURE__*/_react.default.createElement(_shared__.ButtonMore, {
+    label: translate(_BookingDetails2.L10N.LABEL_BOOKING_EXTRAS)
+  })), isDesktop && !expanded && /*#__PURE__*/_react.default.createElement(_.ButtonMore, {
     onPress: handlePress,
     className: style.buttonMore
   }));
 };
-exports.Details = Details;
-Details.propTypes = {
-  dataSource: _propTypes.default.shape({})
+exports.BookingDetails = BookingDetails;
+BookingDetails.displayName = 'Mirai:Core:BookingDetails';
+BookingDetails.propTypes = {
+  dataSource: _propTypes.default.shape({}),
+  expanded: _propTypes.default.bool
 };
-//# sourceMappingURL=Checkout.Details.js.map
+//# sourceMappingURL=BookingDetails.js.map

package/build/components/__shared__/BookingDetails/BookingDetails.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BookingDetails.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_BookingDetails","_BookingDetails2","style","_","_helpers","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","_extends","assign","bind","target","arguments","length","source","key","apply","BookingDetails","_ref","dataSource","expanded","propExpanded","others","isDesktop","isMobile","useDevice","translate","useLocale","value","config","accomodation","occupation","variants","hotel","id","hotelId","urlParams","roomNumberBySelectedRoom","useStore","setExpanded","useState","useEffect","details","items","extras","MAX_VISIBLE_DETAILS","handlePress","currency","propsTable","roomNumber","getRoomNumber","multiRoom","createElement","View","className","styles","Text","bold","headline","L10N","LABEL_BOOKING_DETAILS","slice","undefined","map","_variants$find","amount","image","observations","adults","babies","children","rate","type","wide","row","item","backgroundImage","concat","inline","action","LABEL_ROOM_NUMBER","Tooltip","pressable","text","LABEL_SUBJECT_TO_AVAILABILITY","Icon","ICON","INFO","replace","trim","light","small","getRoomOccupationLabel","find","_ref2","Number","BookingTable","showTotal","Fragment","label","LABEL_EXTRAS","LABEL_OBSERVATIONS","index","LABEL_BOOKING_EXTRAS","ButtonMore","onPress","buttonMore","exports","displayName","propTypes","PropTypes","shape","bool"],"sources":["../../../../src/components/__shared__/BookingDetails/BookingDetails.jsx"],"sourcesContent":["import { useStore } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\nimport { Icon, ICON, styles, Text, Tooltip, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\n\nimport { MAX_VISIBLE_DETAILS } from './BookingDetails.constants';\nimport { L10N } from './BookingDetails.l10n';\nimport * as style from './BookingDetails.module.css';\nimport { BookingTable, ButtonMore } from '..';\nimport { getRoomNumber, getRoomOccupationLabel } from '../../helpers';\n\nconst BookingDetails = ({ dataSource = {}, expanded: propExpanded = false, ...others }) => {\n  const { isDesktop, isMobile } = useDevice();\n  const { translate } = useLocale();\n  const {\n    value: {\n      config: { accomodation: { occupation = [], variants = [] } = {} } = {},\n      hotel: { id: hotelId } = {},\n      urlParams: { roomNumberBySelectedRoom } = {},\n    },\n  } = useStore();\n\n  const [expanded, setExpanded] = useState(propExpanded);\n\n  useEffect(() => {\n    const { details: [{ items = [] } = {}] = [], extras = [] } = dataSource;\n    setExpanded(!isDesktop || (items.length <= MAX_VISIBLE_DETAILS && extras.length === 0));\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffect(() => {\n    setExpanded(propExpanded);\n  }, [propExpanded]);\n\n  const handlePress = () => {\n    setExpanded(true);\n  };\n\n  const { currency, details = [], extras = [] } = dataSource;\n  const propsTable = { currency };\n  const roomNumber = getRoomNumber(roomNumberBySelectedRoom);\n  const multiRoom = details.length > 1;\n\n  return (\n    <View {...others} className={styles(style.details, others.className)}>\n      <Text bold headline={isDesktop}>\n        {translate(L10N.LABEL_BOOKING_DETAILS)}\n      </Text>\n\n      {details\n        .slice(0, expanded ? undefined : 1)\n        .map(\n          (\n            {\n              amount,\n              extras = [],\n              image,\n              items = [],\n              observations = [],\n              occupation: { adults, babies, children } = {},\n              rate,\n              type,\n            } = {},\n            key,\n          ) => (\n            <View key={key} wide>\n              <View row className={style.item}>\n                <View className={style.image} style={{ backgroundImage: `url(${image})` }} />\n                <View>\n                  <View row className={style.inline}>\n                    <Text action={isMobile} bold>\n                      {`${type}${roomNumber ? ` (${translate(L10N.LABEL_ROOM_NUMBER, { roomNumber })})` : ''} ${\n                        amount > 1 ? ` (x${amount})` : ''\n                      }`}\n                    </Text>\n                    {roomNumber && (\n                      <Tooltip pressable text={translate(L10N.LABEL_SUBJECT_TO_AVAILABILITY)}>\n                        <Icon value={ICON.INFO} />\n                      </Tooltip>\n                    )}\n                  </View>\n                  <Text action>{rate.replace(`${type}:`, '').trim()}</Text>\n                  <Text light small>\n                    {getRoomOccupationLabel({\n                      adults,\n                      babies,\n                      children,\n                      dataSource: variants.find(({ id }) => id === Number(hotelId))?.occupation || occupation,\n                      translate,\n                    })}\n                  </Text>\n                </View>\n              </View>\n\n              <BookingTable\n                {...propsTable}\n                dataSource={items.slice(0, expanded ? undefined : MAX_VISIBLE_DETAILS)}\n                showTotal={multiRoom}\n              />\n\n              {expanded && (\n                <>\n                  <BookingTable {...propsTable} dataSource={extras} label={translate(L10N.LABEL_EXTRAS)} />\n\n                  {observations.length > 0 && (\n                    <View className={style.observations}>\n                      <Text bold small>\n                        {translate(L10N.LABEL_OBSERVATIONS)}\n                      </Text>\n                      {observations.map((item, index) => (\n                        <Text key={index} small>\n                          {item}\n                        </Text>\n                      ))}\n                    </View>\n                  )}\n                </>\n              )}\n            </View>\n          ),\n        )}\n\n      {expanded && <BookingTable {...propsTable} dataSource={extras} label={translate(L10N.LABEL_BOOKING_EXTRAS)} />}\n\n      {isDesktop && !expanded && <ButtonMore onPress={handlePress} className={style.buttonMore} />}\n    </View>\n  );\n};\n\nBookingDetails.displayName = 'Mirai:Core:BookingDetails';\n\nBookingDetails.propTypes = {\n  dataSource: PropTypes.shape({}),\n  expanded: PropTypes.bool,\n};\n\nexport { BookingDetails };\n"],"mappings":"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"}

package/build/components/__shared__/BookingDetails/BookingDetails.l10n.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.L10N = void 0;
+const L10N = exports.L10N = {
+  LABEL_BOOKING_DETAILS: {
+    id: 'user.label.booking_details'
+  },
+  LABEL_BOOKING_EXTRAS: {
+    id: 'user.label.booking_extras'
+  },
+  LABEL_EXTRAS: {
+    id: 'common.label.extras'
+  },
+  LABEL_OBSERVATIONS: {
+    id: 'common.label.observations'
+  },
+  LABEL_ROOM_NUMBER: {
+    id: 'common.label.room_number'
+  },
+  LABEL_SUBJECT_TO_AVAILABILITY: {
+    id: 'user.label.subject_to_availability'
+  }
+};
+//# sourceMappingURL=BookingDetails.l10n.js.map

package/build/components/__shared__/BookingDetails/BookingDetails.l10n.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BookingDetails.l10n.js","names":["L10N","exports","LABEL_BOOKING_DETAILS","id","LABEL_BOOKING_EXTRAS","LABEL_EXTRAS","LABEL_OBSERVATIONS","LABEL_ROOM_NUMBER","LABEL_SUBJECT_TO_AVAILABILITY"],"sources":["../../../../src/components/__shared__/BookingDetails/BookingDetails.l10n.js"],"sourcesContent":["export const L10N = {\n  LABEL_BOOKING_DETAILS: { id: 'user.label.booking_details' },\n  LABEL_BOOKING_EXTRAS: { id: 'user.label.booking_extras' },\n  LABEL_EXTRAS: { id: 'common.label.extras' },\n  LABEL_OBSERVATIONS: { id: 'common.label.observations' },\n  LABEL_ROOM_NUMBER: { id: 'common.label.room_number' },\n  LABEL_SUBJECT_TO_AVAILABILITY: { id: 'user.label.subject_to_availability' },\n};\n"],"mappings":";;;;;;AAAO,MAAMA,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG;EAClBE,qBAAqB,EAAE;IAAEC,EAAE,EAAE;EAA6B,CAAC;EAC3DC,oBAAoB,EAAE;IAAED,EAAE,EAAE;EAA4B,CAAC;EACzDE,YAAY,EAAE;IAAEF,EAAE,EAAE;EAAsB,CAAC;EAC3CG,kBAAkB,EAAE;IAAEH,EAAE,EAAE;EAA4B,CAAC;EACvDI,iBAAiB,EAAE;IAAEJ,EAAE,EAAE;EAA2B,CAAC;EACrDK,6BAA6B,EAAE;IAAEL,EAAE,EAAE;EAAqC;AAC5E,CAAC"}

package/build/components/__shared__/BookingDetails/BookingDetails.module.css

@@ -0,0 +1,60 @@
+.box {
+  background-color: var(--mirai-ui-base);
+  border-radius: var(--mirai-ui-border-radius);
+  box-shadow: inset 0 0 1px var(--mirai-ui-content-light);
+  padding: var(--mirai-ui-space-M);
+}
+
+.details {
+  gap: var(--mirai-ui-space-M);
+  padding-bottom: 0;
+}
+
+.details .inline {
+  align-items: start;
+  color: var(--mirai-ui-content-light);
+  gap: var(--mirai-ui-space-XS);
+}
+
+.details .item {
+  gap: var(--mirai-ui-space-S);
+  margin-bottom: var(--mirai-ui-space-XS);
+}
+
+.details .item .image {
+  background-color: var(--mirai-ui-content-background);
+  background-size: cover;
+  border-radius: var(--mirai-ui-border-radius);
+  box-shadow: 0 0 0 1px var(--mirai-ui-content-background);
+}
+
+.details .buttonMore {
+  border-top: solid 1px var(--mirai-ui-content-border);
+  margin: calc(var(--mirai-ui-space-M) * -1);
+  padding: var(--mirai-ui-space-XXS) 0;
+  width: auto;
+}
+
+.details .observations {
+  gap: var(--mirai-ui-space-XXS);
+}
+
+/* S */
+@media only screen and (max-width: 480px) {
+  .details .item .image {
+    height: var(--mirai-ui-space-XL);
+    min-height: var(--mirai-ui-space-XL);
+    min-width: var(--mirai-ui-space-XL);
+    width: var(--mirai-ui-space-XL);
+  }
+}
+
+/* M & L */
+@media only screen and (min-width: 481px) {
+  .details .item .image {
+    height: var(--mirai-ui-space-XXL);
+    min-height: var(--mirai-ui-space-XXL);
+    min-width: var(--mirai-ui-space-XXL);
+    width: var(--mirai-ui-space-XXL);
+  }
+}