@mirai/core 0.3.138 → 0.3.140

package/build/components/Finder/Finder.compact.js

@@ -0,0 +1,116 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Compact = 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 _Finder = require("./Finder.constants");
+var style = _interopRequireWildcard(require("./Finder.module.css"));
+var _helpers = require("./helpers");
+var _BookingDates = require("../__shared__/BookingDates/BookingDates.l10n");
+var _helpers2 = require("../helpers");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+const DATE_FORMAT_COMPACT = {
+  month: 'short',
+  day: 'numeric'
+};
+const {
+  LEFT
+} = _ui.DIRECTION_TYPE;
+const Compact = function () {
+  let {
+    dataSource: {
+      places = {},
+      placesSource
+    } = {},
+    value: {
+      calendar: [from, to] = [],
+      occupation = [],
+      place: {
+        value: place
+      } = {},
+      promocode
+    } = {},
+    onExpand = () => {},
+    onSubmit = () => {}
+  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  const {
+    isMobile
+  } = (0, _ui.useDevice)();
+  const {
+    dateFormat,
+    translate
+  } = (0, _locale.useLocale)();
+  const {
+    value: {
+      config: {
+        hotels: dataSource,
+        lodgingDenomination: individual
+      } = {},
+      locale
+    }
+  } = (0, _dataSources.useStore)();
+  const hotels = (0, _helpers.getHotels)(placesSource, place);
+  const icon = {
+    className: style.icon
+  };
+  const text = {
+    action: !isMobile,
+    small: isMobile
+  };
+  const direction = _ui.Theme.getDirection();
+  return /*#__PURE__*/_react.default.createElement(_ui.View, {
+    row: true,
+    className: (0, _ui.styles)(style.compact, direction === LEFT ? style.directionLeft : style.directionRight)
+  }, place && /*#__PURE__*/_react.default.createElement(_ui.Pressable, {
+    onPress: () => onExpand(_Finder.VIEW.PLACE)
+  }, /*#__PURE__*/_react.default.createElement(_ui.Icon, _extends({}, icon, {
+    value: _Finder.FIELD.PLACE.icon
+  })), !isMobile && /*#__PURE__*/_react.default.createElement(_ui.Text, text, (0, _helpers.getPlaceCaption)(place, places.options))), /*#__PURE__*/_react.default.createElement(_ui.Pressable, {
+    onPress: () => onExpand(_Finder.VIEW.CALENDAR)
+  }, /*#__PURE__*/_react.default.createElement(_ui.Icon, _extends({}, icon, {
+    value: _Finder.FIELD.CALENDAR.icon
+  })), /*#__PURE__*/_react.default.createElement(_ui.Text, text, "".concat(from ? dateFormat(from, {
+    locale,
+    ...DATE_FORMAT_COMPACT
+  }) : translate(_BookingDates.L10N.LABEL_CHECK_IN), " \u2500 ").concat(to ? dateFormat(to, {
+    locale,
+    ...DATE_FORMAT_COMPACT
+  }) : translate(_BookingDates.L10N.LABEL_CHECK_OUT)))), /*#__PURE__*/_react.default.createElement(_ui.Pressable, {
+    onPress: () => onExpand(_Finder.VIEW.OCCUPATION)
+  }, /*#__PURE__*/_react.default.createElement(_ui.Icon, _extends({}, icon, {
+    value: _Finder.FIELD.OCCUPATION.icon
+  })), /*#__PURE__*/_react.default.createElement(_ui.Text, text, (0, _helpers2.getOccupationSummary)(occupation, translate, !isMobile ? (0, _helpers2.getAccommodationType)({
+    dataSource,
+    hotels,
+    individual
+  }) : undefined)), isMobile && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ui.Icon, _extends({}, icon, {
+    value: _helpers2.ICON.BED_DOUBLE
+  })), /*#__PURE__*/_react.default.createElement(_ui.Text, text, occupation.length || 1))), promocode && !isMobile && /*#__PURE__*/_react.default.createElement(_ui.Pressable, {
+    onPress: () => onExpand(_Finder.VIEW.PROMOCODE)
+  }, /*#__PURE__*/_react.default.createElement(_ui.Icon, _extends({}, icon, {
+    value: _Finder.FIELD.PROMOCODE.icon
+  })), /*#__PURE__*/_react.default.createElement(_ui.Text, text, promocode)), !isMobile && /*#__PURE__*/_react.default.createElement(_ui.Button, {
+    small: true,
+    squared: true,
+    onPress: onSubmit
+  }, /*#__PURE__*/_react.default.createElement(_ui.Icon, {
+    value: _helpers2.ICON.SEARCH
+  })));
+};
+exports.Compact = Compact;
+Compact.propTypes = {
+  dataSource: _propTypes.default.any,
+  value: _propTypes.default.any,
+  onExpand: _propTypes.default.func,
+  onSubmit: _propTypes.default.func
+};
+//# sourceMappingURL=Finder.compact.js.map

package/build/components/Finder/Finder.compact.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Finder.compact.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_Finder","style","_interopRequireWildcard","_helpers","_BookingDates","_helpers2","_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","DATE_FORMAT_COMPACT","month","day","LEFT","DIRECTION_TYPE","Compact","dataSource","places","placesSource","value","calendar","from","to","occupation","place","promocode","onExpand","onSubmit","undefined","isMobile","useDevice","dateFormat","translate","useLocale","config","hotels","lodgingDenomination","individual","locale","useStore","getHotels","icon","className","text","action","small","direction","Theme","getDirection","createElement","View","row","styles","compact","directionLeft","directionRight","Pressable","onPress","VIEW","PLACE","Icon","FIELD","Text","getPlaceCaption","options","CALENDAR","concat","L10N","LABEL_CHECK_IN","LABEL_CHECK_OUT","OCCUPATION","getOccupationSummary","getAccommodationType","Fragment","ICON","BED_DOUBLE","PROMOCODE","Button","squared","SEARCH","exports","propTypes","PropTypes","any","func"],"sources":["../../../src/components/Finder/Finder.compact.jsx"],"sourcesContent":["import { useStore } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\nimport { Button, DIRECTION_TYPE, Icon, Pressable, styles, Text, Theme, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { FIELD } from './Finder.constants';\nimport { VIEW } from './Finder.constants';\nimport * as style from './Finder.module.css';\nimport { getHotels, getPlaceCaption } from './helpers';\nimport { L10N } from '../__shared__/BookingDates/BookingDates.l10n';\nimport { ICON } from '../helpers';\nimport { getAccommodationType, getOccupationSummary } from '../helpers';\n\nconst DATE_FORMAT_COMPACT = { month: 'short', day: 'numeric' };\nconst { LEFT } = DIRECTION_TYPE;\n\nconst Compact = ({\n  dataSource: { places = {}, placesSource } = {},\n  value: { calendar: [from, to] = [], occupation = [], place: { value: place } = {}, promocode } = {},\n  onExpand = () => {},\n  onSubmit = () => {},\n} = {}) => {\n  const { isMobile } = useDevice();\n  const { dateFormat, translate } = useLocale();\n  const {\n    value: { config: { hotels: dataSource, lodgingDenomination: individual } = {}, locale },\n  } = useStore();\n\n  const hotels = getHotels(placesSource, place);\n\n  const icon = { className: style.icon };\n  const text = { action: !isMobile, small: isMobile };\n  const direction = Theme.getDirection();\n\n  return (\n    <View row className={styles(style.compact, direction === LEFT ? style.directionLeft : style.directionRight)}>\n      {place && (\n        <Pressable onPress={() => onExpand(VIEW.PLACE)}>\n          <Icon {...icon} value={FIELD.PLACE.icon} />\n          {!isMobile && <Text {...text}>{getPlaceCaption(place, places.options)}</Text>}\n        </Pressable>\n      )}\n\n      <Pressable onPress={() => onExpand(VIEW.CALENDAR)}>\n        <Icon {...icon} value={FIELD.CALENDAR.icon} />\n        <Text {...text}>\n          {`${from ? dateFormat(from, { locale, ...DATE_FORMAT_COMPACT }) : translate(L10N.LABEL_CHECK_IN)} ─ ${\n            to ? dateFormat(to, { locale, ...DATE_FORMAT_COMPACT }) : translate(L10N.LABEL_CHECK_OUT)\n          }`}\n        </Text>\n      </Pressable>\n\n      <Pressable onPress={() => onExpand(VIEW.OCCUPATION)}>\n        <Icon {...icon} value={FIELD.OCCUPATION.icon} />\n        <Text {...text}>\n          {getOccupationSummary(\n            occupation,\n            translate,\n            !isMobile ? getAccommodationType({ dataSource, hotels, individual }) : undefined,\n          )}\n        </Text>\n        {isMobile && (\n          <>\n            <Icon {...icon} value={ICON.BED_DOUBLE} />\n            <Text {...text}>{occupation.length || 1}</Text>\n          </>\n        )}\n      </Pressable>\n\n      {promocode && !isMobile && (\n        <Pressable onPress={() => onExpand(VIEW.PROMOCODE)}>\n          <Icon {...icon} value={FIELD.PROMOCODE.icon} />\n          <Text {...text}>{promocode}</Text>\n        </Pressable>\n      )}\n\n      {!isMobile && (\n        <Button small squared onPress={onSubmit}>\n          <Icon value={ICON.SEARCH} />\n        </Button>\n      )}\n    </View>\n  );\n};\n\nCompact.propTypes = {\n  dataSource: PropTypes.any,\n  value: PropTypes.any,\n  onExpand: PropTypes.func,\n  onSubmit: PropTypes.func,\n};\n\nexport { Compact };\n"],"mappings":"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"}

package/build/components/Finder/Finder.constants.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.VIEW = exports.TYPE = exports.GAP_SCROLL = exports.FIELD = void 0;
+var _Core = require("../../Core.constants");
+var _helpers = require("../helpers");
+const {
+  CHAIN,
+  HOTEL
+} = _Core.TYPE;
+const FIELD = exports.FIELD = {
+  PLACE: {
+    icon: _helpers.ICON.LOCATION,
+    tabIndex: 0
+  },
+  CALENDAR: {
+    icon: _helpers.ICON.CALENDAR,
+    tabIndex: 1
+  },
+  OCCUPATION: {
+    icon: _helpers.ICON.PEOPLE,
+    tabIndex: 2
+  },
+  PROMOCODE: {
+    icon: _helpers.ICON.LOCK,
+    inputMode: true,
+    tabIndex: 3
+  }
+};
+const GAP_SCROLL = exports.GAP_SCROLL = 16;
+const VIEW = exports.VIEW = {
+  PLACE: 'place',
+  CALENDAR: 'calendar',
+  OCCUPATION: 'occupation',
+  PROMOCODE: 'promocode'
+};
+const TYPE = exports.TYPE = {
+  CHAIN,
+  HOTEL
+};
+//# sourceMappingURL=Finder.constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Finder.constants.js","names":["_Core","require","_helpers","CHAIN","HOTEL","coreTYPE","FIELD","exports","PLACE","icon","ICON","LOCATION","tabIndex","CALENDAR","OCCUPATION","PEOPLE","PROMOCODE","LOCK","inputMode","GAP_SCROLL","VIEW","TYPE"],"sources":["../../../src/components/Finder/Finder.constants.js"],"sourcesContent":["import { TYPE as coreTYPE } from '../../Core.constants';\nimport { ICON } from '../helpers';\n\nconst { CHAIN, HOTEL } = coreTYPE;\n\nconst FIELD = {\n  PLACE: {\n    icon: ICON.LOCATION,\n    tabIndex: 0,\n  },\n  CALENDAR: {\n    icon: ICON.CALENDAR,\n    tabIndex: 1,\n  },\n  OCCUPATION: {\n    icon: ICON.PEOPLE,\n    tabIndex: 2,\n  },\n  PROMOCODE: {\n    icon: ICON.LOCK,\n    inputMode: true,\n    tabIndex: 3,\n  },\n};\n\nconst GAP_SCROLL = 16;\n\nconst VIEW = {\n  PLACE: 'place',\n  CALENDAR: 'calendar',\n  OCCUPATION: 'occupation',\n  PROMOCODE: 'promocode',\n};\n\nconst TYPE = {\n  CHAIN,\n  HOTEL,\n};\n\nexport { FIELD, GAP_SCROLL, TYPE, VIEW };\n"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAEA,MAAM;EAAEE,KAAK;EAAEC;AAAM,CAAC,GAAGC,UAAQ;AAEjC,MAAMC,KAAK,GAAAC,OAAA,CAAAD,KAAA,GAAG;EACZE,KAAK,EAAE;IACLC,IAAI,EAAEC,aAAI,CAACC,QAAQ;IACnBC,QAAQ,EAAE;EACZ,CAAC;EACDC,QAAQ,EAAE;IACRJ,IAAI,EAAEC,aAAI,CAACG,QAAQ;IACnBD,QAAQ,EAAE;EACZ,CAAC;EACDE,UAAU,EAAE;IACVL,IAAI,EAAEC,aAAI,CAACK,MAAM;IACjBH,QAAQ,EAAE;EACZ,CAAC;EACDI,SAAS,EAAE;IACTP,IAAI,EAAEC,aAAI,CAACO,IAAI;IACfC,SAAS,EAAE,IAAI;IACfN,QAAQ,EAAE;EACZ;AACF,CAAC;AAED,MAAMO,UAAU,GAAAZ,OAAA,CAAAY,UAAA,GAAG,EAAE;AAErB,MAAMC,IAAI,GAAAb,OAAA,CAAAa,IAAA,GAAG;EACXZ,KAAK,EAAE,OAAO;EACdK,QAAQ,EAAE,UAAU;EACpBC,UAAU,EAAE,YAAY;EACxBE,SAAS,EAAE;AACb,CAAC;AAED,MAAMK,IAAI,GAAAd,OAAA,CAAAc,IAAA,GAAG;EACXlB,KAAK;EACLC;AACF,CAAC"}

package/build/components/Finder/Finder.js

@@ -0,0 +1,294 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Finder = 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 _components = require("./components");
+var _Finder = require("./Finder.compact");
+var _Finder2 = require("./Finder.constants");
+var _Finder3 = require("./Finder.l10n");
+var style = _interopRequireWildcard(require("./Finder.module.css"));
+var _helpers = require("./helpers");
+var _shared__ = require("../__shared__");
+var _helpers2 = require("../__shared__/Occupation/helpers");
+var _Occupation = require("../__shared__/Occupation/Occupation.constants");
+var _helpers3 = require("../helpers");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+const {
+  HOTEL
+} = _Finder2.TYPE;
+let memoizedScrollY = 0;
+const Finder = _ref => {
+  var _dataSource$places, _dataSource$promo, _dataSource$cta;
+  let {
+    assisted = true,
+    compacted = false,
+    layout,
+    text,
+    onChange = () => {},
+    onSubmit,
+    ...others
+  } = _ref;
+  const {
+    isMobile
+  } = (0, _ui.useDevice)();
+  const {
+    dateFormat,
+    translate
+  } = (0, _locale.useLocale)();
+  const ref = (0, _react.useRef)(null);
+  const {
+    set,
+    value: {
+      currency,
+      finder: storeFinder,
+      forwarder,
+      locale,
+      type = HOTEL,
+      ...store
+    }
+  } = (0, _dataSources.useStore)();
+  const [error, setError] = (0, _react.useState)({});
+  const [focus, setFocus] = (0, _react.useState)();
+  const [value, setValue] = (0, _react.useState)((0, _helpers.parseValue)(storeFinder));
+  const [visited, setVisited] = (0, _react.useState)({});
+  (0, _react.useEffect)(() => {
+    if (!(storeFinder !== null && storeFinder !== void 0 && storeFinder.occupation)) set({
+      finder: {
+        ...storeFinder,
+        occupation: [(0, _helpers2.prepareRoom)(_Occupation.DATASOURCE)]
+      }
+    });
+    if (isMobile) return;
+    const handleClickOutside = function () {
+      var _ref$current;
+      let {
+        target
+      } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+      return !((_ref$current = ref.current) !== null && _ref$current !== void 0 && _ref$current.contains(target)) && setFocus(undefined);
+    };
+    document.addEventListener('click', handleClickOutside, true);
+    return () => document.removeEventListener('click', handleClickOutside, true);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  (0, _react.useEffect)(() => {
+    const callback = function () {
+      let {
+        focus
+      } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+      if (focus) setFocus(focus);
+    };
+    _dataSources.Event.subscribe(_helpers3.EVENT.FINDER, callback);
+    return () => _dataSources.Event.unsubscribe(_helpers3.EVENT.FINDER, callback);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  (0, _react.useEffect)(() => {
+    if (!compacted) return;
+    const handleScroll = () => {
+      const {
+        scrollY
+      } = window;
+      if (scrollY > memoizedScrollY + _Finder2.GAP_SCROLL || scrollY < memoizedScrollY - _Finder2.GAP_SCROLL) {
+        memoizedScrollY = scrollY;
+        setFocus(undefined);
+      }
+    };
+    window.addEventListener('scroll', handleScroll);
+    return () => window.removeEventListener('scroll', handleScroll);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [compacted]);
+  (0, _react.useEffect)(() => JSON.stringify(value) !== JSON.stringify((0, _helpers.parseValue)(storeFinder)) && setValue((0, _helpers.parseValue)(storeFinder)),
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [storeFinder]);
+  (0, _react.useEffect)(() => {
+    focus && setVisited({
+      ...visited,
+      ["".concat(focus)]: true
+    });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [focus]);
+  const handleChange = (field, fieldValue) => {
+    const next = {
+      ...value,
+      [field]: fieldValue
+    };
+    setValue(next);
+    onChange(next, field, fieldValue);
+  };
+  const handleSubmit = () => {
+    const [firstError] = Object.keys(error).filter(key => !!error[key]);
+    if (firstError) return setFocus(firstError);
+    setFocus(undefined);
+    set({
+      finder: value
+    });
+    const forwarderUrl = (0, _helpers.getForwarderUrl)({
+      ...value,
+      currency,
+      forwarder,
+      locale,
+      store,
+      type
+    });
+    if (onSubmit) onSubmit({
+      ...value,
+      forwarderUrl
+    });else window.location.href = forwarderUrl;
+  };
+  const assistant = () => {
+    if (!assisted) return setFocus(undefined);
+    const {
+      calendar = []
+    } = value;
+    if (focus === _Finder2.VIEW.PLACE && !visited.calendar && calendar.length !== 2) setFocus(_Finder2.VIEW.CALENDAR);else if (focus === _Finder2.VIEW.CALENDAR && !visited.occupation) setFocus(_Finder2.VIEW.OCCUPATION);else if (!compacted) setFocus(undefined);
+  };
+  const {
+    place = {},
+    calendar = [],
+    occupation,
+    promocode
+  } = value;
+  const {
+    testId
+  } = others;
+  const dataSource = (0, _helpers.getDataSource)({
+    type,
+    ...store
+  });
+  const {
+    place: {
+      id: ids = [],
+      isHotel
+    } = {}
+  } = value || {};
+  const {
+    hotel: {
+      id: idHotel
+    } = {}
+  } = store;
+  const id = type !== HOTEL ? isHotel && ids.length === 1 ? ids[0] : undefined : idHotel;
+  const isCompacted = compacted && isMobile || compacted && !isMobile && !focus;
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isCompacted && /*#__PURE__*/_react.default.createElement(_Finder.Compact, {
+    value,
+    dataSource,
+    onExpand: setFocus,
+    onSubmit: handleSubmit
+  }), /*#__PURE__*/_react.default.createElement(_ui.View, {
+    role: "finder",
+    ref: ref,
+    row: !isMobile,
+    testId: others.testId,
+    className: (0, _ui.styles)(style.finder, layout && style[layout], others.className)
+  }, dataSource.places && /*#__PURE__*/_react.default.createElement(_shared__.Field, _extends({}, _Finder2.FIELD.PLACE, {
+    caption: (0, _helpers.getPlaceCaption)(place.value, dataSource.places.options),
+    compacted: isCompacted,
+    label: translate(_Finder3.L10N.LABEL_WHERE),
+    placeholder: dataSource.places.placeholder || translate(_Finder3.L10N.LABEL_WHERE_PLACEHOLDER),
+    visible: focus === _Finder2.VIEW.PLACE,
+    onPress: () => setFocus(focus !== _Finder2.VIEW.PLACE ? _Finder2.VIEW.PLACE : undefined),
+    className: {
+      backgroundColor: 'red',
+      maxWidth: 128
+    }
+  }), /*#__PURE__*/_react.default.createElement(_components.Places, {
+    autoColumn: focus === _Finder2.VIEW.PLACE,
+    dataSource: dataSource.places.options,
+    value: place.value,
+    onChange: (place, event) => {
+      handleChange(_Finder2.VIEW.PLACE, place, event);
+      assistant();
+    },
+    onSubmit: isMobile ? assistant : undefined,
+    testId: testId ? "".concat(testId, "-places") : undefined
+  })), /*#__PURE__*/_react.default.createElement(_shared__.Field, _extends({}, _Finder2.FIELD.CALENDAR, {
+    caption: calendar.length ? (0, _helpers3.getCalendarCaption)(calendar, translate, dateFormat) : undefined,
+    centered: type !== HOTEL,
+    compacted: isCompacted,
+    label: translate(_Finder3.L10N.LABEL_WHEN),
+    placeholder: (0, _helpers3.getCalendarCaption)(undefined, translate, dateFormat),
+    visible: focus === _Finder2.VIEW.CALENDAR,
+    onPress: () => setFocus(focus !== _Finder2.VIEW.CALENDAR ? _Finder2.VIEW.CALENDAR : undefined)
+  }), /*#__PURE__*/_react.default.createElement(_components.Calendar, _extends({}, (0, _helpers.parseCalendarProps)(dataSource.calendar, id, type, dataSource.variants), {
+    id: id,
+    currency: currency,
+    locale: locale,
+    text: compacted ? text : undefined,
+    value: calendar,
+    onChange: (calendar, event) => {
+      handleChange(_Finder2.VIEW.CALENDAR, calendar, event);
+      if (calendar.length === 2 && assisted) assistant();
+    },
+    onError: calendar => setError({
+      ...error,
+      calendar
+    }),
+    onValid: () => setError({
+      ...error,
+      calendar: undefined
+    }),
+    onSubmit: isMobile ? compacted ? handleSubmit : assisted ? assistant : undefined : undefined,
+    testId: testId ? "".concat(testId, "-calendar") : undefined
+  }))), /*#__PURE__*/_react.default.createElement(_shared__.FieldOccupation, {
+    compacted: isCompacted,
+    dataSource: (0, _helpers.getOccupationDataSource)({
+      ...dataSource,
+      places: (_dataSource$places = dataSource.places) === null || _dataSource$places === void 0 ? void 0 : _dataSource$places.options,
+      place: place === null || place === void 0 ? void 0 : place.value
+    }),
+    hotels: (0, _helpers.getHotels)(dataSource.placesSource, place.value),
+    maxRooms: dataSource.maxRooms,
+    text: compacted ? text : undefined,
+    value: occupation,
+    visible: focus === _Finder2.VIEW.OCCUPATION,
+    onChange: (occupation, event) => handleChange(_Finder2.VIEW.OCCUPATION, occupation, event),
+    onError: occupation => {
+      if (!isMobile && focus !== _Finder2.VIEW.OCCUPATION) setFocus(_Finder2.VIEW.OCCUPATION);
+      setError({
+        ...error,
+        occupation
+      });
+    },
+    onPress: () => setFocus(focus !== _Finder2.VIEW.OCCUPATION ? _Finder2.VIEW.OCCUPATION : undefined),
+    onSubmit: isMobile && compacted ? handleSubmit : undefined,
+    onValid: () => setError({
+      ...error,
+      occupation: undefined
+    }),
+    testId: testId ? "".concat(testId, "-occupation") : undefined
+  }), /*#__PURE__*/_react.default.createElement(_shared__.FieldPromocode, {
+    compacted: isCompacted,
+    placeholder: (_dataSource$promo = dataSource.promo) === null || _dataSource$promo === void 0 ? void 0 : _dataSource$promo.placeholder,
+    value: promocode,
+    visible: focus === _Finder2.VIEW.PROMOCODE,
+    onChange: (promocode, event) => handleChange(_Finder2.VIEW.PROMOCODE, promocode, event),
+    onEnter: () => setFocus(_Finder2.VIEW.PROMOCODE),
+    onLeave: () => setFocus(undefined),
+    testId: testId ? "".concat(testId, "-promocode") : undefined
+  }), !isCompacted && /*#__PURE__*/_react.default.createElement(_ui.Button, {
+    large: true,
+    wide: isMobile,
+    onPress: handleSubmit,
+    className: style.button,
+    testId: testId ? "".concat(testId, "-submit") : undefined
+  }, text || ((_dataSource$cta = dataSource.cta) === null || _dataSource$cta === void 0 ? void 0 : _dataSource$cta.placeholder) || translate(_Finder3.L10N.ACTION_BOOK))));
+};
+exports.Finder = Finder;
+Finder.displayName = 'Mirai:Core:Finder';
+Finder.propTypes = {
+  assisted: _propTypes.default.bool,
+  compacted: _propTypes.default.bool,
+  layout: _propTypes.default.oneOf(['column']),
+  text: _propTypes.default.string,
+  onChange: _propTypes.default.func,
+  onSubmit: _propTypes.default.func
+};
+//# sourceMappingURL=Finder.js.map

package/build/components/Finder/Finder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Finder.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_components","_Finder","_Finder2","_Finder3","style","_helpers","_shared__","_helpers2","_Occupation","_helpers3","_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","HOTEL","TYPE","memoizedScrollY","Finder","_ref","_dataSource$places","_dataSource$promo","_dataSource$cta","assisted","compacted","layout","text","onChange","onSubmit","others","isMobile","useDevice","dateFormat","translate","useLocale","ref","useRef","value","currency","finder","storeFinder","forwarder","locale","type","store","useStore","error","setError","useState","focus","setFocus","setValue","parseValue","visited","setVisited","useEffect","occupation","prepareRoom","DATASOURCE","handleClickOutside","_ref$current","undefined","current","contains","document","addEventListener","removeEventListener","callback","Event","subscribe","EVENT","FINDER","unsubscribe","handleScroll","scrollY","window","GAP_SCROLL","JSON","stringify","concat","handleChange","field","fieldValue","next","handleSubmit","firstError","keys","filter","forwarderUrl","getForwarderUrl","location","href","assistant","calendar","VIEW","PLACE","CALENDAR","OCCUPATION","place","promocode","testId","dataSource","getDataSource","id","ids","isHotel","hotel","idHotel","isCompacted","createElement","Fragment","Compact","onExpand","View","role","row","className","styles","places","Field","FIELD","caption","getPlaceCaption","options","label","L10N","LABEL_WHERE","placeholder","LABEL_WHERE_PLACEHOLDER","visible","onPress","backgroundColor","maxWidth","Places","autoColumn","event","getCalendarCaption","centered","LABEL_WHEN","Calendar","parseCalendarProps","variants","onError","onValid","FieldOccupation","getOccupationDataSource","hotels","getHotels","placesSource","maxRooms","FieldPromocode","promo","PROMOCODE","onEnter","onLeave","Button","large","wide","button","cta","ACTION_BOOK","exports","displayName","propTypes","PropTypes","bool","oneOf","string","func"],"sources":["../../../src/components/Finder/Finder.jsx"],"sourcesContent":["import { Event, useStore } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\nimport { Button, styles, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useRef, useState } from 'react';\n\nimport { Calendar, Places } from './components';\nimport { Compact } from './Finder.compact';\nimport { FIELD, GAP_SCROLL, TYPE, VIEW } from './Finder.constants';\nimport { L10N } from './Finder.l10n';\nimport * as style from './Finder.module.css';\nimport {\n  getDataSource,\n  getForwarderUrl,\n  getHotels,\n  getOccupationDataSource,\n  getPlaceCaption,\n  parseCalendarProps,\n  parseValue,\n} from './helpers';\nimport { Field, FieldOccupation, FieldPromocode } from '../__shared__';\nimport { prepareRoom } from '../__shared__/Occupation/helpers';\nimport { DATASOURCE } from '../__shared__/Occupation/Occupation.constants';\nimport { getCalendarCaption } from '../helpers';\nimport { EVENT } from '../helpers';\n\nconst { HOTEL } = TYPE;\nlet memoizedScrollY = 0;\n\nconst Finder = ({ assisted = true, compacted = false, layout, text, onChange = () => {}, onSubmit, ...others }) => {\n  const { isMobile } = useDevice();\n  const { dateFormat, translate } = useLocale();\n  const ref = useRef(null);\n  const {\n    set,\n    value: { currency, finder: storeFinder, forwarder, locale, type = HOTEL, ...store },\n  } = useStore();\n\n  const [error, setError] = useState({});\n  const [focus, setFocus] = useState();\n  const [value, setValue] = useState(parseValue(storeFinder));\n  const [visited, setVisited] = useState({});\n\n  useEffect(() => {\n    if (!storeFinder?.occupation) set({ finder: { ...storeFinder, occupation: [prepareRoom(DATASOURCE)] } });\n    if (isMobile) return;\n\n    const handleClickOutside = ({ target } = {}) => !ref.current?.contains(target) && setFocus(undefined);\n    document.addEventListener('click', handleClickOutside, true);\n\n    return () => document.removeEventListener('click', handleClickOutside, true);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffect(() => {\n    const callback = ({ focus } = {}) => {\n      if (focus) setFocus(focus);\n    };\n\n    Event.subscribe(EVENT.FINDER, callback);\n    return () => Event.unsubscribe(EVENT.FINDER, callback);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffect(() => {\n    if (!compacted) return;\n\n    const handleScroll = () => {\n      const { scrollY } = window;\n      if (scrollY > memoizedScrollY + GAP_SCROLL || scrollY < memoizedScrollY - GAP_SCROLL) {\n        memoizedScrollY = scrollY;\n        setFocus(undefined);\n      }\n    };\n    window.addEventListener('scroll', handleScroll);\n\n    return () => window.removeEventListener('scroll', handleScroll);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [compacted]);\n\n  useEffect(\n    () => JSON.stringify(value) !== JSON.stringify(parseValue(storeFinder)) && setValue(parseValue(storeFinder)),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [storeFinder],\n  );\n\n  useEffect(() => {\n    focus && setVisited({ ...visited, [`${focus}`]: true });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [focus]);\n\n  const handleChange = (field, fieldValue) => {\n    const next = { ...value, [field]: fieldValue };\n\n    setValue(next);\n    onChange(next, field, fieldValue);\n  };\n\n  const handleSubmit = () => {\n    const [firstError] = Object.keys(error).filter((key) => !!error[key]);\n    if (firstError) return setFocus(firstError);\n\n    setFocus(undefined);\n    set({ finder: value });\n    const forwarderUrl = getForwarderUrl({ ...value, currency, forwarder, locale, store, type });\n\n    if (onSubmit) onSubmit({ ...value, forwarderUrl });\n    else window.location.href = forwarderUrl;\n  };\n\n  const assistant = () => {\n    if (!assisted) return setFocus(undefined);\n\n    const { calendar = [] } = value;\n    if (focus === VIEW.PLACE && !visited.calendar && calendar.length !== 2) setFocus(VIEW.CALENDAR);\n    else if (focus === VIEW.CALENDAR && !visited.occupation) setFocus(VIEW.OCCUPATION);\n    else if (!compacted) setFocus(undefined);\n  };\n\n  const { place = {}, calendar = [], occupation, promocode } = value;\n  const { testId } = others;\n  const dataSource = getDataSource({ type, ...store });\n  const { place: { id: ids = [], isHotel } = {} } = value || {};\n  const { hotel: { id: idHotel } = {} } = store;\n  const id = type !== HOTEL ? (isHotel && ids.length === 1 ? ids[0] : undefined) : idHotel;\n  const isCompacted = (compacted && isMobile) || (compacted && !isMobile && !focus);\n\n  return (\n    <>\n      {isCompacted && <Compact {...{ value, dataSource }} onExpand={setFocus} onSubmit={handleSubmit} />}\n      <View\n        role=\"finder\"\n        ref={ref}\n        row={!isMobile}\n        testId={others.testId}\n        className={styles(style.finder, layout && style[layout], others.className)}\n      >\n        {dataSource.places && (\n          <Field\n            {...FIELD.PLACE}\n            caption={getPlaceCaption(place.value, dataSource.places.options)}\n            compacted={isCompacted}\n            label={translate(L10N.LABEL_WHERE)}\n            placeholder={dataSource.places.placeholder || translate(L10N.LABEL_WHERE_PLACEHOLDER)}\n            visible={focus === VIEW.PLACE}\n            onPress={() => setFocus(focus !== VIEW.PLACE ? VIEW.PLACE : undefined)}\n            className={{ backgroundColor: 'red', maxWidth: 128 }}\n          >\n            <Places\n              autoColumn={focus === VIEW.PLACE}\n              dataSource={dataSource.places.options}\n              value={place.value}\n              onChange={(place, event) => {\n                handleChange(VIEW.PLACE, place, event);\n                assistant();\n              }}\n              onSubmit={isMobile ? assistant : undefined}\n              testId={testId ? `${testId}-places` : undefined}\n            />\n          </Field>\n        )}\n\n        <Field\n          {...FIELD.CALENDAR}\n          caption={calendar.length ? getCalendarCaption(calendar, translate, dateFormat) : undefined}\n          centered={type !== HOTEL}\n          compacted={isCompacted}\n          label={translate(L10N.LABEL_WHEN)}\n          placeholder={getCalendarCaption(undefined, translate, dateFormat)}\n          visible={focus === VIEW.CALENDAR}\n          onPress={() => setFocus(focus !== VIEW.CALENDAR ? VIEW.CALENDAR : undefined)}\n        >\n          <Calendar\n            {...parseCalendarProps(dataSource.calendar, id, type, dataSource.variants)}\n            id={id}\n            currency={currency}\n            locale={locale}\n            text={compacted ? text : undefined}\n            value={calendar}\n            onChange={(calendar, event) => {\n              handleChange(VIEW.CALENDAR, calendar, event);\n              if (calendar.length === 2 && assisted) assistant();\n            }}\n            onError={(calendar) => setError({ ...error, calendar })}\n            onValid={() => setError({ ...error, calendar: undefined })}\n            onSubmit={isMobile ? (compacted ? handleSubmit : assisted ? assistant : undefined) : undefined}\n            testId={testId ? `${testId}-calendar` : undefined}\n          />\n        </Field>\n\n        <FieldOccupation\n          compacted={isCompacted}\n          dataSource={getOccupationDataSource({\n            ...dataSource,\n            places: dataSource.places?.options,\n            place: place?.value,\n          })}\n          hotels={getHotels(dataSource.placesSource, place.value)}\n          maxRooms={dataSource.maxRooms}\n          text={compacted ? text : undefined}\n          value={occupation}\n          visible={focus === VIEW.OCCUPATION}\n          onChange={(occupation, event) => handleChange(VIEW.OCCUPATION, occupation, event)}\n          onError={(occupation) => {\n            if (!isMobile && focus !== VIEW.OCCUPATION) setFocus(VIEW.OCCUPATION);\n            setError({ ...error, occupation });\n          }}\n          onPress={() => setFocus(focus !== VIEW.OCCUPATION ? VIEW.OCCUPATION : undefined)}\n          onSubmit={isMobile && compacted ? handleSubmit : undefined}\n          onValid={() => setError({ ...error, occupation: undefined })}\n          testId={testId ? `${testId}-occupation` : undefined}\n        />\n\n        <FieldPromocode\n          compacted={isCompacted}\n          placeholder={dataSource.promo?.placeholder}\n          value={promocode}\n          visible={focus === VIEW.PROMOCODE}\n          onChange={(promocode, event) => handleChange(VIEW.PROMOCODE, promocode, event)}\n          onEnter={() => setFocus(VIEW.PROMOCODE)}\n          onLeave={() => setFocus(undefined)}\n          testId={testId ? `${testId}-promocode` : undefined}\n        />\n\n        {!isCompacted && (\n          <Button\n            large\n            wide={isMobile}\n            onPress={handleSubmit}\n            className={style.button}\n            testId={testId ? `${testId}-submit` : undefined}\n          >\n            {text || dataSource.cta?.placeholder || translate(L10N.ACTION_BOOK)}\n          </Button>\n        )}\n      </View>\n    </>\n  );\n};\n\nFinder.displayName = 'Mirai:Core:Finder';\n\nFinder.propTypes = {\n  assisted: PropTypes.bool,\n  compacted: PropTypes.bool,\n  layout: PropTypes.oneOf(['column']),\n  text: PropTypes.string,\n  onChange: PropTypes.func,\n  onSubmit: PropTypes.func,\n};\n\nexport { Finder };\n"],"mappings":"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"}

package/build/components/Finder/Finder.l10n.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.L10N = void 0;
+const L10N = exports.L10N = {
+  ACTION_BOOK: {
+    id: 'finder.place.cta',
+    defaultMessage: '　　　'
+  },
+  LABEL_WHEN: {
+    id: 'finder.label.when',
+    defaultMessage: '　　　　'
+  },
+  LABEL_WHERE: {
+    id: 'finder.label.where',
+    defaultMessage: '　　　　　'
+  },
+  LABEL_WHERE_PLACEHOLDER: {
+    id: 'Dropdown.placeholder'
+  }
+};
+//# sourceMappingURL=Finder.l10n.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Finder.l10n.js","names":["L10N","exports","ACTION_BOOK","id","defaultMessage","LABEL_WHEN","LABEL_WHERE","LABEL_WHERE_PLACEHOLDER"],"sources":["../../../src/components/Finder/Finder.l10n.js"],"sourcesContent":["export const L10N = {\n  ACTION_BOOK: { id: 'finder.place.cta', defaultMessage: '　　　' },\n\n  LABEL_WHEN: { id: 'finder.label.when', defaultMessage: '　　　　' },\n  LABEL_WHERE: { id: 'finder.label.where', defaultMessage: '　　　　　' },\n  LABEL_WHERE_PLACEHOLDER: { id: 'Dropdown.placeholder' },\n};\n"],"mappings":";;;;;;AAAO,MAAMA,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG;EAClBE,WAAW,EAAE;IAAEC,EAAE,EAAE,kBAAkB;IAAEC,cAAc,EAAE;EAAM,CAAC;EAE9DC,UAAU,EAAE;IAAEF,EAAE,EAAE,mBAAmB;IAAEC,cAAc,EAAE;EAAO,CAAC;EAC/DE,WAAW,EAAE;IAAEH,EAAE,EAAE,oBAAoB;IAAEC,cAAc,EAAE;EAAQ,CAAC;EAClEG,uBAAuB,EAAE;IAAEJ,EAAE,EAAE;EAAuB;AACxD,CAAC"}

package/build/components/Finder/Finder.module.css

@@ -0,0 +1,86 @@
+:root {
+  --mirai-finder-background: transparent;
+  --mirai-finder-border-radius: var(--mirai-ui-button-radius);
+  --mirai-finder-padding: 0;
+  --mirai-finder-gap: var(--mirai-ui-space-XS);
+  --mirai-finder-modal-content-max-height: calc(100vh - calc(var(--mirai-ui-space-XXL) + var(--mirai-ui-space-XL)));
+}
+
+.finder {
+  background-color: var(--mirai-finder-background);
+  padding: var(--mirai-finder-padding);
+  flex: 0;
+  flex-wrap: wrap;
+  justify-content: center;
+  gap: var(--mirai-finder-gap);
+}
+
+.button {
+  border-radius: var(--mirai-finder-border-radius);
+  height: var(--mirai-finder-field-height);
+}
+
+.compact {
+  background-color: var(--mirai-ui-base);
+  border: var(--mirai-finder-field-border);
+  border-radius: var(--mirai-finder-field-border-radius);
+}
+
+.compact > [data-role='pressable'] {
+  display: flex;
+  flex-direction: var(--mirai-ui-row-direction);
+  gap: var(--mirai-ui-space-XS);
+}
+
+.compact.directionLeft > [data-role='pressable']:not(:last-of-type) {
+  box-shadow: 1px 0 var(--mirai-ui-content-border);
+}
+
+.compact.directionRight > [data-role='pressable']:not(:last-of-type) {
+  box-shadow: -1px 0 var(--mirai-ui-content-border);
+}
+
+.compact .icon {
+  color: var(--mirai-ui-content-light);
+}
+
+@media only screen and (max-width: 430px) {
+  .finder {
+    width: 100%;
+  }
+
+  .button {
+    margin-top: var(--mirai-ui-space-XS);
+  }
+
+  .compact {
+    padding: var(--mirai-ui-space-XS) 0;
+  }
+
+  .compact > * {
+    padding: calc(var(--mirai-ui-space-XS) / 2) var(--mirai-ui-space-S);
+  }
+}
+
+@media only screen and (min-width: 431px) {
+  .finder {
+    width: fit-content;
+  }
+
+  .finder.column {
+    flex-direction: column;
+  }
+
+  .finder.column > span,
+  .finder.column > button {
+    width: 100%;
+  }
+
+  .compact {
+    padding: var(--mirai-ui-space-XS) var(--mirai-ui-space-XS);
+  }
+
+  .compact > * {
+    padding: calc(var(--mirai-ui-space-XS) / 2) var(--mirai-ui-space-M);
+  }
+}