@mirai/core 0.3.138 → 0.3.140

package/build/components/Signup/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Signup", {
+  enumerable: true,
+  get: function () {
+    return _Signup.Signup;
+  }
+});
+var _Signup = require("./Signup");
+//# sourceMappingURL=index.js.map

package/build/components/Signup/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_Signup","require"],"sources":["../../../src/components/Signup/index.js"],"sourcesContent":["export { Signup } from './Signup';\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA"}

package/build/components/__shared__/BookingDates/BookingDates.constants.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DATE_FORMAT = void 0;
+const DATE_FORMAT = exports.DATE_FORMAT = {
+  weekday: 'short',
+  month: 'short',
+  day: 'numeric'
+};
+//# sourceMappingURL=BookingDates.constants.js.map

package/build/components/__shared__/BookingDates/BookingDates.constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BookingDates.constants.js","names":["DATE_FORMAT","exports","weekday","month","day"],"sources":["../../../../src/components/__shared__/BookingDates/BookingDates.constants.js"],"sourcesContent":["const DATE_FORMAT = { weekday: 'short', month: 'short', day: 'numeric' };\n\nexport { DATE_FORMAT };\n"],"mappings":";;;;;;AAAA,MAAMA,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG;EAAEE,OAAO,EAAE,OAAO;EAAEC,KAAK,EAAE,OAAO;EAAEC,GAAG,EAAE;AAAU,CAAC"}

package/build/components/__shared__/BookingDates/BookingDates.js

@@ -0,0 +1,73 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BookingDates = void 0;
+var _locale = require("@mirai/locale");
+var _ui = require("@mirai/ui");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireDefault(require("react"));
+var _BookingDates = require("./BookingDates.constants");
+var _BookingDates2 = require("./BookingDates.l10n");
+var style = _interopRequireWildcard(require("./BookingDates.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); }
+const BookingDates = _ref => {
+  let {
+    from,
+    focus,
+    rangeMinDays,
+    to,
+    ...others
+  } = _ref;
+  const {
+    isMobile
+  } = (0, _ui.useDevice)();
+  const {
+    locale,
+    translate
+  } = (0, _locale.useLocale)();
+  const {
+    days: nights
+  } = (0, _locale.dateDiff)(from, to || focus);
+  return /*#__PURE__*/_react.default.createElement(_ui.View, _extends({
+    row: !isMobile
+  }, others, {
+    className: style.nights
+  }), /*#__PURE__*/_react.default.createElement(_ui.View, {
+    row: true
+  }, /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    bold: !!from
+  }, from ? (0, _locale.dateFormat)(from, {
+    locale,
+    ..._BookingDates.DATE_FORMAT
+  }) : translate(_BookingDates2.L10N.LABEL_CHECK_IN)), /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    className: style.anchor
+  }, " \u2500 "), /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    bold: !!to
+  }, to || focus && from ? (0, _locale.dateFormat)(to || focus, {
+    locale,
+    ..._BookingDates.DATE_FORMAT
+  }) : translate(_BookingDates2.L10N.LABEL_CHECK_OUT))), nights && nights > 0 ? /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    small: isMobile
+  }, "(", translate(_BookingDates2.L10N.LABEL_NIGHTS, {
+    value: nights
+  }), ")") : isMobile ? rangeMinDays && /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    small: true,
+    className: style.legend
+  }, "(", translate(_BookingDates2.L10N.LABEL_MIN_NIGHTS, {
+    value: rangeMinDays
+  }), ")") : undefined);
+};
+exports.BookingDates = BookingDates;
+BookingDates.displayName = 'Mirai:Core:BookingDates';
+BookingDates.propTypes = {
+  from: _propTypes.default.any,
+  focus: _propTypes.default.any,
+  rangeMinDays: _propTypes.default.number,
+  to: _propTypes.default.any
+};
+//# sourceMappingURL=BookingDates.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BookingDates.js","names":["_locale","require","_ui","_propTypes","_interopRequireDefault","_react","_BookingDates","_BookingDates2","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","BookingDates","_ref","from","focus","rangeMinDays","to","others","isMobile","useDevice","locale","translate","useLocale","days","nights","dateDiff","createElement","View","row","className","Text","bold","dateFormat","DATE_FORMAT","L10N","LABEL_CHECK_IN","anchor","LABEL_CHECK_OUT","small","LABEL_NIGHTS","value","legend","LABEL_MIN_NIGHTS","undefined","exports","displayName","propTypes","PropTypes","any","number"],"sources":["../../../../src/components/__shared__/BookingDates/BookingDates.jsx"],"sourcesContent":["import { dateDiff, dateFormat, useLocale } from '@mirai/locale';\nimport { Text, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { DATE_FORMAT } from './BookingDates.constants';\nimport { L10N } from './BookingDates.l10n';\nimport * as style from './BookingDates.module.css';\n\nconst BookingDates = ({ from, focus, rangeMinDays, to, ...others }) => {\n  const { isMobile } = useDevice();\n  const { locale, translate } = useLocale();\n\n  const { days: nights } = dateDiff(from, to || focus);\n\n  return (\n    <View row={!isMobile} {...others} className={style.nights}>\n      <View row>\n        <Text bold={!!from}>\n          {from ? dateFormat(from, { locale, ...DATE_FORMAT }) : translate(L10N.LABEL_CHECK_IN)}\n        </Text>\n        <Text className={style.anchor}> ─ </Text>\n        <Text bold={!!to}>\n          {to || (focus && from)\n            ? dateFormat(to || focus, { locale, ...DATE_FORMAT })\n            : translate(L10N.LABEL_CHECK_OUT)}\n        </Text>\n      </View>\n\n      {nights && nights > 0 ? (\n        <Text small={isMobile}>({translate(L10N.LABEL_NIGHTS, { value: nights })})</Text>\n      ) : isMobile ? (\n        rangeMinDays && (\n          <Text small className={style.legend}>\n            ({translate(L10N.LABEL_MIN_NIGHTS, { value: rangeMinDays })})\n          </Text>\n        )\n      ) : undefined}\n    </View>\n  );\n};\n\nBookingDates.displayName = 'Mirai:Core:BookingDates';\n\nBookingDates.propTypes = {\n  from: PropTypes.any,\n  focus: PropTypes.any,\n  rangeMinDays: PropTypes.number,\n  to: PropTypes.any,\n};\n\nexport { BookingDates };\n"],"mappings":"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"}

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

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.L10N = void 0;
+var _helpers = require("../../helpers");
+const L10N = exports.L10N = {
+  LABEL_CHECK_IN: {
+    id: 'common.label.check_in',
+    defaultMessage: !_helpers.IS_JEST ? '　　　　' : undefined
+  },
+  LABEL_CHECK_OUT: {
+    id: 'common.label.check_out',
+    defaultMessage: !_helpers.IS_JEST ? '　　　　　' : undefined
+  },
+  LABEL_NIGHTS: {
+    id: 'finder.label.nights_stay'
+  },
+  LABEL_MIN_NIGHTS: {
+    id: 'finder.label.min_nights'
+  },
+  LABEL_MIN_NIGHTS_DEALS: {
+    id: 'finder.label.min_nights_deals'
+  },
+  LABEL_MIN_NIGHTS_REQUIRED: {
+    id: 'finder.label.min_nights_required'
+  }
+};
+//# sourceMappingURL=BookingDates.l10n.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BookingDates.l10n.js","names":["_helpers","require","L10N","exports","LABEL_CHECK_IN","id","defaultMessage","IS_JEST","undefined","LABEL_CHECK_OUT","LABEL_NIGHTS","LABEL_MIN_NIGHTS","LABEL_MIN_NIGHTS_DEALS","LABEL_MIN_NIGHTS_REQUIRED"],"sources":["../../../../src/components/__shared__/BookingDates/BookingDates.l10n.js"],"sourcesContent":["import { IS_JEST } from '../../helpers';\n\nexport const L10N = {\n  LABEL_CHECK_IN: { id: 'common.label.check_in', defaultMessage: !IS_JEST ? '　　　　' : undefined },\n  LABEL_CHECK_OUT: { id: 'common.label.check_out', defaultMessage: !IS_JEST ? '　　　　　' : undefined },\n  LABEL_NIGHTS: { id: 'finder.label.nights_stay' },\n  LABEL_MIN_NIGHTS: { id: 'finder.label.min_nights' },\n  LABEL_MIN_NIGHTS_DEALS: { id: 'finder.label.min_nights_deals' },\n  LABEL_MIN_NIGHTS_REQUIRED: { id: 'finder.label.min_nights_required' },\n};\n"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAEO,MAAMC,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG;EAClBE,cAAc,EAAE;IAAEC,EAAE,EAAE,uBAAuB;IAAEC,cAAc,EAAE,CAACC,gBAAO,GAAG,MAAM,GAAGC;EAAU,CAAC;EAC9FC,eAAe,EAAE;IAAEJ,EAAE,EAAE,wBAAwB;IAAEC,cAAc,EAAE,CAACC,gBAAO,GAAG,OAAO,GAAGC;EAAU,CAAC;EACjGE,YAAY,EAAE;IAAEL,EAAE,EAAE;EAA2B,CAAC;EAChDM,gBAAgB,EAAE;IAAEN,EAAE,EAAE;EAA0B,CAAC;EACnDO,sBAAsB,EAAE;IAAEP,EAAE,EAAE;EAAgC,CAAC;EAC/DQ,yBAAyB,EAAE;IAAER,EAAE,EAAE;EAAmC;AACtE,CAAC"}

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

@@ -0,0 +1,13 @@
+.anchor {
+  margin: 0 var(--mirai-ui-space-XS);
+}
+
+.legend {
+  color: var(--mirai-ui-content-light);
+}
+
+@media only screen and (min-width: 431px) {
+  .nights {
+    gap: var(--mirai-ui-space-XS);
+  }
+}

package/build/components/__shared__/BookingDates/__tests__/__snapshots__/BookingDates.test.js.snap

@@ -0,0 +1,208 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`component:<BookingDates> inherit:className 1`] = `
+<DocumentFragment>
+  <div
+    class="view row"
+  >
+    <div
+      class="view row"
+    >
+      <span
+        class="text paragraph"
+      >
+        common.label.check_in
+      </span>
+      <span
+        class="text paragraph"
+      >
+         ─ 
+      </span>
+      <span
+        class="text paragraph"
+      >
+        common.label.check_out
+      </span>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<BookingDates> prop:focus 1`] = `
+<DocumentFragment>
+  <div
+    class="view row"
+  >
+    <div
+      class="view row"
+    >
+      <span
+        class="text bold paragraph"
+      >
+        jue, 10 abr
+      </span>
+      <span
+        class="text paragraph"
+      >
+         ─ 
+      </span>
+      <span
+        class="text paragraph"
+      >
+        mar, 5 may
+      </span>
+    </div>
+    <span
+      class="text paragraph"
+    >
+      (finder.label.nights_stay)
+    </span>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<BookingDates> prop:from 1`] = `
+<DocumentFragment>
+  <div
+    class="view row"
+  >
+    <div
+      class="view row"
+    >
+      <span
+        class="text bold paragraph"
+      >
+        jue, 10 abr
+      </span>
+      <span
+        class="text paragraph"
+      >
+         ─ 
+      </span>
+      <span
+        class="text paragraph"
+      >
+        common.label.check_out
+      </span>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<BookingDates> prop:rangeMinDays 1`] = `
+<DocumentFragment>
+  <div
+    class="view row"
+  >
+    <div
+      class="view row"
+    >
+      <span
+        class="text paragraph"
+      >
+        common.label.check_in
+      </span>
+      <span
+        class="text paragraph"
+      >
+         ─ 
+      </span>
+      <span
+        class="text paragraph"
+      >
+        common.label.check_out
+      </span>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<BookingDates> prop:to 1`] = `
+<DocumentFragment>
+  <div
+    class="view row"
+  >
+    <div
+      class="view row"
+    >
+      <span
+        class="text bold paragraph"
+      >
+        jue, 10 abr
+      </span>
+      <span
+        class="text paragraph"
+      >
+         ─ 
+      </span>
+      <span
+        class="text bold paragraph"
+      >
+        mar, 6 dic
+      </span>
+    </div>
+    <span
+      class="text paragraph"
+    >
+      (finder.label.nights_stay)
+    </span>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<BookingDates> renders 1`] = `
+<DocumentFragment>
+  <div
+    class="view row"
+  >
+    <div
+      class="view row"
+    >
+      <span
+        class="text paragraph"
+      >
+        common.label.check_in
+      </span>
+      <span
+        class="text paragraph"
+      >
+         ─ 
+      </span>
+      <span
+        class="text paragraph"
+      >
+        common.label.check_out
+      </span>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<BookingDates> testID 1`] = `
+<DocumentFragment>
+  <div
+    class="view row"
+    data-testid="mirai"
+  >
+    <div
+      class="view row"
+    >
+      <span
+        class="text paragraph"
+      >
+        common.label.check_in
+      </span>
+      <span
+        class="text paragraph"
+      >
+         ─ 
+      </span>
+      <span
+        class="text paragraph"
+      >
+        common.label.check_out
+      </span>
+    </div>
+  </div>
+</DocumentFragment>
+`;

package/build/components/__shared__/BookingDates/index.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _BookingDates = require("./BookingDates");
+Object.keys(_BookingDates).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _BookingDates[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _BookingDates[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/build/components/__shared__/BookingDates/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_BookingDates","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../src/components/__shared__/BookingDates/index.js"],"sourcesContent":["export * from './BookingDates';\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,aAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,aAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,aAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}

package/build/components/__shared__/BookingTable/BookingTable.Row.js

@@ -0,0 +1,106 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Row = void 0;
+var _dataSources = require("@mirai/data-sources");
+var _locale = require("@mirai/locale");
+var _ui = require("@mirai/ui");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireDefault(require("react"));
+var _BookingTable = require("./BookingTable.constants");
+var _BookingTable2 = require("./BookingTable.l10n");
+var style = _interopRequireWildcard(require("./BookingTable.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); }
+const Row = _ref => {
+  let {
+    children,
+    currency,
+    title,
+    description,
+    price,
+    subtitle,
+    summary,
+    tracking,
+    ...others
+  } = _ref;
+  const {
+    isMobile
+  } = (0, _ui.useDevice)();
+  const {
+    locale,
+    translate
+  } = (0, _locale.useLocale)();
+  const {
+    track
+  } = (0, _dataSources.useMetrics)();
+  const priceProps = {
+    ..._BookingTable.FORMAT_CURRENCY,
+    currency,
+    locale
+  };
+  const renderPrice = () => /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    action: true
+  }, price ? (0, _locale.currencyFormat)({
+    ...priceProps,
+    value: price
+  }) : translate(_BookingTable2.L10N.LABEL_FREE));
+  return /*#__PURE__*/_react.default.createElement(_ui.View, _extends({}, others, {
+    row: !isMobile,
+    className: (0, _ui.styles)(style.row, others.className)
+  }), /*#__PURE__*/_react.default.createElement(_ui.View, {
+    className: style.title
+  }, /*#__PURE__*/_react.default.createElement(_ui.View, {
+    row: true
+  }, /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    action: true,
+    className: style.wide
+  }, title), isMobile && renderPrice()), /*#__PURE__*/_react.default.createElement(_ui.View, {
+    row: true,
+    className: style.subtitle
+  }, /*#__PURE__*/_react.default.createElement(_ui.View, {
+    row: true,
+    wide: true
+  }, subtitle && /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    small: true
+  }, subtitle), subtitle && description && /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    small: true,
+    className: (0, _ui.styles)(style.caption, style.separator)
+  }, "-"), description && /*#__PURE__*/_react.default.createElement(_ui.Tooltip, {
+    pressable: true,
+    right: !isMobile,
+    text: description,
+    onPress: () => track("".concat(tracking, ":ACTION:DETAIL_MORE_INFO"))
+  }, /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    small: true,
+    className: (0, _ui.styles)(style.action, style.noPrint)
+  }, translate(_BookingTable2.L10N.ACTION_MORE_INFO)))))), summary && /*#__PURE__*/_react.default.createElement(_ui.View, {
+    className: style.summary
+  }, /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    action: !isMobile,
+    small: isMobile
+  }, summary)), /*#__PURE__*/_react.default.createElement(_ui.View, {
+    className: style.price
+  }, renderPrice()), children);
+};
+exports.Row = Row;
+Row.displayName = 'Mirai:User:components:BookingTable.Row';
+Row.propTypes = {
+  children: _propTypes.default.node,
+  currency: _propTypes.default.string,
+  description: _propTypes.default.string,
+  price: _propTypes.default.shape({
+    description: _propTypes.default.string,
+    previous: _propTypes.default.number,
+    value: _propTypes.default.number
+  }),
+  summary: _propTypes.default.string,
+  subtitle: _propTypes.default.string,
+  title: _propTypes.default.string.isRequired,
+  tracking: _propTypes.default.string
+};
+//# sourceMappingURL=BookingTable.Row.js.map

package/build/components/__shared__/BookingTable/BookingTable.Row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BookingTable.Row.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_BookingTable","_BookingTable2","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","Row","_ref","children","currency","title","description","price","subtitle","summary","tracking","others","isMobile","useDevice","locale","translate","useLocale","track","useMetrics","priceProps","FORMAT_CURRENCY","renderPrice","createElement","Text","action","currencyFormat","value","L10N","LABEL_FREE","View","row","className","styles","wide","small","caption","separator","Tooltip","pressable","right","text","onPress","concat","noPrint","ACTION_MORE_INFO","exports","displayName","propTypes","PropTypes","node","string","shape","previous","number","isRequired"],"sources":["../../../../src/components/__shared__/BookingTable/BookingTable.Row.jsx"],"sourcesContent":["import { useMetrics } from '@mirai/data-sources';\nimport { currencyFormat, useLocale } from '@mirai/locale';\nimport { styles, Text, Tooltip, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { FORMAT_CURRENCY } from './BookingTable.constants';\nimport { L10N } from './BookingTable.l10n';\nimport * as style from './BookingTable.module.css';\n\nconst Row = ({ children, currency, title, description, price, subtitle, summary, tracking, ...others }) => {\n  const { isMobile } = useDevice();\n  const { locale, translate } = useLocale();\n  const { track } = useMetrics();\n\n  const priceProps = { ...FORMAT_CURRENCY, currency, locale };\n\n  const renderPrice = () => (\n    <Text action>{price ? currencyFormat({ ...priceProps, value: price }) : translate(L10N.LABEL_FREE)}</Text>\n  );\n\n  return (\n    <View {...others} row={!isMobile} className={styles(style.row, others.className)}>\n      <View className={style.title}>\n        <View row>\n          <Text action className={style.wide}>\n            {title}\n          </Text>\n          {isMobile && renderPrice()}\n        </View>\n        <View row className={style.subtitle}>\n          <View row wide>\n            {subtitle && <Text small>{subtitle}</Text>}\n            {subtitle && description && (\n              <Text small className={styles(style.caption, style.separator)}>\n                -\n              </Text>\n            )}\n            {description && (\n              <Tooltip\n                pressable\n                right={!isMobile}\n                text={description}\n                onPress={() => track(`${tracking}:ACTION:DETAIL_MORE_INFO`)}\n              >\n                <Text small className={styles(style.action, style.noPrint)}>\n                  {translate(L10N.ACTION_MORE_INFO)}\n                </Text>\n              </Tooltip>\n            )}\n          </View>\n        </View>\n      </View>\n\n      {summary && (\n        <View className={style.summary}>\n          <Text action={!isMobile} small={isMobile}>\n            {summary}\n          </Text>\n        </View>\n      )}\n\n      <View className={style.price}>{renderPrice()}</View>\n\n      {children}\n    </View>\n  );\n};\n\nRow.displayName = 'Mirai:User:components:BookingTable.Row';\n\nRow.propTypes = {\n  children: PropTypes.node,\n  currency: PropTypes.string,\n  description: PropTypes.string,\n  price: PropTypes.shape({\n    description: PropTypes.string,\n    previous: PropTypes.number,\n    value: PropTypes.number,\n  }),\n  summary: PropTypes.string,\n  subtitle: PropTypes.string,\n  title: PropTypes.string.isRequired,\n  tracking: PropTypes.string,\n};\n\nexport { Row };\n"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,GAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAD,sBAAA,CAAAJ,OAAA;AAEA,IAAAM,aAAA,GAAAN,OAAA;AACA,IAAAO,cAAA,GAAAP,OAAA;AACA,IAAAQ,KAAA,GAAAC,uBAAA,CAAAT,OAAA;AAAmD,SAAAU,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAF,wBAAAE,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAf,uBAAA2B,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAhB,UAAA,GAAAgB,GAAA,KAAAf,OAAA,EAAAe,GAAA;AAAA,SAAAC,SAAA,IAAAA,QAAA,GAAAV,MAAA,CAAAW,MAAA,GAAAX,MAAA,CAAAW,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAN,CAAA,MAAAA,CAAA,GAAAO,SAAA,CAAAC,MAAA,EAAAR,CAAA,UAAAS,MAAA,GAAAF,SAAA,CAAAP,CAAA,YAAAU,GAAA,IAAAD,MAAA,QAAAhB,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAU,MAAA,EAAAC,GAAA,KAAAJ,MAAA,CAAAI,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAJ,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAJ,SAAA;AAEnD,MAAMK,GAAG,GAAGC,IAAA,IAA+F;EAAA,IAA9F;IAAEC,QAAQ;IAAEC,QAAQ;IAAEC,KAAK;IAAEC,WAAW;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,OAAO;IAAEC,QAAQ;IAAE,GAAGC;EAAO,CAAC,GAAAT,IAAA;EACpG,MAAM;IAAEU;EAAS,CAAC,GAAG,IAAAC,aAAS,EAAC,CAAC;EAChC,MAAM;IAAEC,MAAM;IAAEC;EAAU,CAAC,GAAG,IAAAC,iBAAS,EAAC,CAAC;EACzC,MAAM;IAAEC;EAAM,CAAC,GAAG,IAAAC,uBAAU,EAAC,CAAC;EAE9B,MAAMC,UAAU,GAAG;IAAE,GAAGC,6BAAe;IAAEhB,QAAQ;IAAEU;EAAO,CAAC;EAE3D,MAAMO,WAAW,GAAGA,CAAA,kBAClBxD,MAAA,CAAAW,OAAA,CAAA8C,aAAA,CAAC5D,GAAA,CAAA6D,IAAI;IAACC,MAAM;EAAA,GAAEjB,KAAK,GAAG,IAAAkB,sBAAc,EAAC;IAAE,GAAGN,UAAU;IAAEO,KAAK,EAAEnB;EAAM,CAAC,CAAC,GAAGQ,SAAS,CAACY,mBAAI,CAACC,UAAU,CAAQ,CAC1G;EAED,oBACE/D,MAAA,CAAAW,OAAA,CAAA8C,aAAA,CAAC5D,GAAA,CAAAmE,IAAI,EAAArC,QAAA,KAAKmB,MAAM;IAAEmB,GAAG,EAAE,CAAClB,QAAS;IAACmB,SAAS,EAAE,IAAAC,UAAM,EAAChE,KAAK,CAAC8D,GAAG,EAAEnB,MAAM,CAACoB,SAAS;EAAE,iBAC/ElE,MAAA,CAAAW,OAAA,CAAA8C,aAAA,CAAC5D,GAAA,CAAAmE,IAAI;IAACE,SAAS,EAAE/D,KAAK,CAACqC;EAAM,gBAC3BxC,MAAA,CAAAW,OAAA,CAAA8C,aAAA,CAAC5D,GAAA,CAAAmE,IAAI;IAACC,GAAG;EAAA,gBACPjE,MAAA,CAAAW,OAAA,CAAA8C,aAAA,CAAC5D,GAAA,CAAA6D,IAAI;IAACC,MAAM;IAACO,SAAS,EAAE/D,KAAK,CAACiE;EAAK,GAChC5B,KACG,CAAC,EACNO,QAAQ,IAAIS,WAAW,CAAC,CACrB,CAAC,eACPxD,MAAA,CAAAW,OAAA,CAAA8C,aAAA,CAAC5D,GAAA,CAAAmE,IAAI;IAACC,GAAG;IAACC,SAAS,EAAE/D,KAAK,CAACwC;EAAS,gBAClC3C,MAAA,CAAAW,OAAA,CAAA8C,aAAA,CAAC5D,GAAA,CAAAmE,IAAI;IAACC,GAAG;IAACG,IAAI;EAAA,GACXzB,QAAQ,iBAAI3C,MAAA,CAAAW,OAAA,CAAA8C,aAAA,CAAC5D,GAAA,CAAA6D,IAAI;IAACW,KAAK;EAAA,GAAE1B,QAAe,CAAC,EACzCA,QAAQ,IAAIF,WAAW,iBACtBzC,MAAA,CAAAW,OAAA,CAAA8C,aAAA,CAAC5D,GAAA,CAAA6D,IAAI;IAACW,KAAK;IAACH,SAAS,EAAE,IAAAC,UAAM,EAAChE,KAAK,CAACmE,OAAO,EAAEnE,KAAK,CAACoE,SAAS;EAAE,GAAC,GAEzD,CACP,EACA9B,WAAW,iBACVzC,MAAA,CAAAW,OAAA,CAAA8C,aAAA,CAAC5D,GAAA,CAAA2E,OAAO;IACNC,SAAS;IACTC,KAAK,EAAE,CAAC3B,QAAS;IACjB4B,IAAI,EAAElC,WAAY;IAClBmC,OAAO,EAAEA,CAAA,KAAMxB,KAAK,IAAAyB,MAAA,CAAIhC,QAAQ,6BAA0B;EAAE,gBAE5D7C,MAAA,CAAAW,OAAA,CAAA8C,aAAA,CAAC5D,GAAA,CAAA6D,IAAI;IAACW,KAAK;IAACH,SAAS,EAAE,IAAAC,UAAM,EAAChE,KAAK,CAACwD,MAAM,EAAExD,KAAK,CAAC2E,OAAO;EAAE,GACxD5B,SAAS,CAACY,mBAAI,CAACiB,gBAAgB,CAC5B,CACC,CAEP,CACF,CACF,CAAC,EAENnC,OAAO,iBACN5C,MAAA,CAAAW,OAAA,CAAA8C,aAAA,CAAC5D,GAAA,CAAAmE,IAAI;IAACE,SAAS,EAAE/D,KAAK,CAACyC;EAAQ,gBAC7B5C,MAAA,CAAAW,OAAA,CAAA8C,aAAA,CAAC5D,GAAA,CAAA6D,IAAI;IAACC,MAAM,EAAE,CAACZ,QAAS;IAACsB,KAAK,EAAEtB;EAAS,GACtCH,OACG,CACF,CACP,eAED5C,MAAA,CAAAW,OAAA,CAAA8C,aAAA,CAAC5D,GAAA,CAAAmE,IAAI;IAACE,SAAS,EAAE/D,KAAK,CAACuC;EAAM,GAAEc,WAAW,CAAC,CAAQ,CAAC,EAEnDlB,QACG,CAAC;AAEX,CAAC;AAAC0C,OAAA,CAAA5C,GAAA,GAAAA,GAAA;AAEFA,GAAG,CAAC6C,WAAW,GAAG,wCAAwC;AAE1D7C,GAAG,CAAC8C,SAAS,GAAG;EACd5C,QAAQ,EAAE6C,kBAAS,CAACC,IAAI;EACxB7C,QAAQ,EAAE4C,kBAAS,CAACE,MAAM;EAC1B5C,WAAW,EAAE0C,kBAAS,CAACE,MAAM;EAC7B3C,KAAK,EAAEyC,kBAAS,CAACG,KAAK,CAAC;IACrB7C,WAAW,EAAE0C,kBAAS,CAACE,MAAM;IAC7BE,QAAQ,EAAEJ,kBAAS,CAACK,MAAM;IAC1B3B,KAAK,EAAEsB,kBAAS,CAACK;EACnB,CAAC,CAAC;EACF5C,OAAO,EAAEuC,kBAAS,CAACE,MAAM;EACzB1C,QAAQ,EAAEwC,kBAAS,CAACE,MAAM;EAC1B7C,KAAK,EAAE2C,kBAAS,CAACE,MAAM,CAACI,UAAU;EAClC5C,QAAQ,EAAEsC,kBAAS,CAACE;AACtB,CAAC"}

package/build/components/__shared__/BookingTable/BookingTable.constants.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TRACKING = exports.FORMAT_DATE = exports.FORMAT_CURRENCY = void 0;
+const FORMAT_CURRENCY = exports.FORMAT_CURRENCY = {
+  currency: 'EUR',
+  symbol: true
+};
+const FORMAT_DATE = exports.FORMAT_DATE = {
+  weekday: 'short',
+  year: 'numeric',
+  month: 'short',
+  day: 'numeric'
+};
+const TRACKING = exports.TRACKING = 'BOOKING';
+//# sourceMappingURL=BookingTable.constants.js.map

package/build/components/__shared__/BookingTable/BookingTable.constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BookingTable.constants.js","names":["FORMAT_CURRENCY","exports","currency","symbol","FORMAT_DATE","weekday","year","month","day","TRACKING"],"sources":["../../../../src/components/__shared__/BookingTable/BookingTable.constants.js"],"sourcesContent":["const FORMAT_CURRENCY = { currency: 'EUR', symbol: true };\nconst FORMAT_DATE = { weekday: 'short', year: 'numeric', month: 'short', day: 'numeric' };\n\nconst TRACKING = 'BOOKING';\n\nexport { FORMAT_CURRENCY, FORMAT_DATE, TRACKING };\n"],"mappings":";;;;;;AAAA,MAAMA,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG;EAAEE,QAAQ,EAAE,KAAK;EAAEC,MAAM,EAAE;AAAK,CAAC;AACzD,MAAMC,WAAW,GAAAH,OAAA,CAAAG,WAAA,GAAG;EAAEC,OAAO,EAAE,OAAO;EAAEC,IAAI,EAAE,SAAS;EAAEC,KAAK,EAAE,OAAO;EAAEC,GAAG,EAAE;AAAU,CAAC;AAEzF,MAAMC,QAAQ,GAAAR,OAAA,CAAAQ,QAAA,GAAG,SAAS"}

package/build/components/__shared__/BookingTable/BookingTable.js

@@ -0,0 +1,76 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BookingTable = void 0;
+var _dataSources = require("@mirai/data-sources");
+var _locale = require("@mirai/locale");
+var _ui = require("@mirai/ui");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireWildcard(require("react"));
+var _BookingTable = require("./BookingTable.constants");
+var style = _interopRequireWildcard(require("./BookingTable.module.css"));
+var _BookingTable2 = require("./BookingTable.Row");
+var _ButtonMore = require("../ButtonMore");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+const UNEXPANDED_ITEMS = 3;
+const BookingTable = _ref => {
+  let {
+    currency,
+    expanded = false,
+    dataSource = [],
+    label,
+    tracking,
+    ...others
+  } = _ref;
+  const {
+    isMobile
+  } = (0, _ui.useDevice)();
+  const {
+    dateFormat
+  } = (0, _locale.useLocale)();
+  const {
+    track
+  } = (0, _dataSources.useMetrics)();
+  const [expand, setExpand] = (0, _react.useState)(dataSource.length <= UNEXPANDED_ITEMS);
+  (0, _react.useEffect)(() => setExpand(dataSource.length <= UNEXPANDED_ITEMS), [dataSource]);
+  const handlePress = () => {
+    track("".concat(tracking, ":ACTION:DETAIL_EXPAND"));
+    setExpand(true);
+  };
+  return dataSource.length > 0 ? /*#__PURE__*/_react.default.createElement(_ui.View, _extends({}, others, {
+    className: (0, _ui.styles)(style.table, !expand && style.collapsed, others.className)
+  }), label && /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    action: isMobile,
+    bold: true
+  }, label), dataSource.slice(0, expanded || expand ? dataSource.length : UNEXPANDED_ITEMS).map((_ref2, index) => {
+    let {
+      date,
+      title = '',
+      ...item
+    } = _ref2;
+    return /*#__PURE__*/_react.default.createElement(_BookingTable2.Row, _extends({}, item, {
+      currency,
+      tracking,
+      title: date ? dateFormat((0, _locale.parseDate)(date), _BookingTable.FORMAT_DATE) : title,
+      key: index
+    }), !expanded && !expand && index === UNEXPANDED_ITEMS - 1 && /*#__PURE__*/_react.default.createElement(_ButtonMore.ButtonMore, {
+      onPress: handlePress,
+      className: style.buttonMore
+    }));
+  })) : null;
+};
+exports.BookingTable = BookingTable;
+BookingTable.displayName = 'Mirai:Core:BookingTable';
+BookingTable.propTypes = {
+  currency: _propTypes.default.string,
+  dataSource: _propTypes.default.arrayOf(_propTypes.default.shape({})),
+  expanded: _propTypes.default.bool,
+  label: _propTypes.default.string,
+  tracking: _propTypes.default.string
+};
+//# sourceMappingURL=BookingTable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BookingTable.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_BookingTable","style","_BookingTable2","_ButtonMore","_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","UNEXPANDED_ITEMS","BookingTable","_ref","currency","expanded","dataSource","label","tracking","others","isMobile","useDevice","dateFormat","useLocale","track","useMetrics","expand","setExpand","useState","useEffect","handlePress","concat","createElement","View","className","styles","table","collapsed","Text","action","bold","slice","map","_ref2","index","date","title","item","Row","parseDate","FORMAT_DATE","ButtonMore","onPress","buttonMore","exports","displayName","propTypes","PropTypes","string","arrayOf","shape","bool"],"sources":["../../../../src/components/__shared__/BookingTable/BookingTable.jsx"],"sourcesContent":["import { useMetrics } from '@mirai/data-sources';\nimport { parseDate, useLocale } from '@mirai/locale';\nimport { styles, Text, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\n\nimport { FORMAT_DATE } from './BookingTable.constants';\nimport * as style from './BookingTable.module.css';\nimport { Row } from './BookingTable.Row';\nimport { ButtonMore } from '../ButtonMore';\n\nconst UNEXPANDED_ITEMS = 3;\n\nconst BookingTable = ({ currency, expanded = false, dataSource = [], label, tracking, ...others }) => {\n  const { isMobile } = useDevice();\n  const { dateFormat } = useLocale();\n  const { track } = useMetrics();\n\n  const [expand, setExpand] = useState(dataSource.length <= UNEXPANDED_ITEMS);\n\n  useEffect(() => setExpand(dataSource.length <= UNEXPANDED_ITEMS), [dataSource]);\n\n  const handlePress = () => {\n    track(`${tracking}:ACTION:DETAIL_EXPAND`);\n    setExpand(true);\n  };\n\n  return dataSource.length > 0 ? (\n    <View {...others} className={styles(style.table, !expand && style.collapsed, others.className)}>\n      {label && (\n        <Text action={isMobile} bold>\n          {label}\n        </Text>\n      )}\n      {dataSource\n        .slice(0, expanded || expand ? dataSource.length : UNEXPANDED_ITEMS)\n        .map(({ date, title = '', ...item }, index) => (\n          <Row\n            {...{ ...item, currency, tracking }}\n            title={date ? dateFormat(parseDate(date), FORMAT_DATE) : title}\n            key={index}\n          >\n            {!expanded && !expand && index === UNEXPANDED_ITEMS - 1 && (\n              <ButtonMore onPress={handlePress} className={style.buttonMore} />\n            )}\n          </Row>\n        ))}\n    </View>\n  ) : null;\n};\n\nBookingTable.displayName = 'Mirai:Core:BookingTable';\n\nBookingTable.propTypes = {\n  currency: PropTypes.string,\n  dataSource: PropTypes.arrayOf(PropTypes.shape({})),\n  expanded: PropTypes.bool,\n  label: PropTypes.string,\n  tracking: PropTypes.string,\n};\n\nexport { BookingTable };\n"],"mappings":"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"}