@tripian/react 9.3.18 → 9.3.20

package/index.js

@@ -6288,7 +6288,7 @@ var defineProperty = __webpack_require__(61);
 var external_react_ = __webpack_require__(0);
 
 // EXTERNAL MODULE: external "react-dom"
-var external_react_dom_ = __webpack_require__(14);
+var external_react_dom_ = __webpack_require__(13);
 
 // EXTERNAL MODULE: ./node_modules/@floating-ui/dom/dist/floating-ui.dom.esm.js + 3 modules
 var floating_ui_dom_esm = __webpack_require__(124);
@@ -8103,6 +8103,12 @@ exports.MODIFIER_KEY_NAMES = MODIFIER_KEY_NAMES;
 
 /***/ }),
 /* 13 */
+/***/ (function(module, exports) {
+
+module.exports = require("react-dom");
+
+/***/ }),
+/* 14 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -8112,12 +8118,6 @@ exports.MODIFIER_KEY_NAMES = MODIFIER_KEY_NAMES;
 module.exports = TypeError;
 
 
-/***/ }),
-/* 14 */
-/***/ (function(module, exports) {
-
-module.exports = require("react-dom");
-
 /***/ }),
 /* 15 */
 /***/ (function(module, exports, __webpack_require__) {
@@ -8993,7 +8993,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(0);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(14);
+/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(13);
 /* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_dom__WEBPACK_IMPORTED_MODULE_2__);
 
 
@@ -19300,7 +19300,7 @@ var $EvalError = __webpack_require__(607);
 var $RangeError = __webpack_require__(328);
 var $ReferenceError = __webpack_require__(608);
 var $SyntaxError = __webpack_require__(103);
-var $TypeError = __webpack_require__(13);
+var $TypeError = __webpack_require__(14);
 var $URIError = __webpack_require__(609);
 
 var abs = __webpack_require__(329);
@@ -22890,7 +22890,7 @@ function noflip(value) {
 "use strict";
 
 
-var $TypeError = __webpack_require__(13);
+var $TypeError = __webpack_require__(14);
 
 var hasOwn = __webpack_require__(44);
 
@@ -25836,7 +25836,7 @@ exports.canUseDOM = exports.slidesOnLeft = exports.slidesOnRight = exports.sibli
 
 var _react = _interopRequireDefault(__webpack_require__(0));
 
-var _reactDom = _interopRequireDefault(__webpack_require__(14));
+var _reactDom = _interopRequireDefault(__webpack_require__(13));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -26806,7 +26806,7 @@ module.exports = hasPropertyDescriptors;
 
 
 var bind = __webpack_require__(85);
-var $TypeError = __webpack_require__(13);
+var $TypeError = __webpack_require__(14);
 
 var $call = __webpack_require__(142);
 var $actualApply = __webpack_require__(333);
@@ -26852,7 +26852,7 @@ module.exports = polyfill;
 "use strict";
 
 
-var $TypeError = __webpack_require__(13);
+var $TypeError = __webpack_require__(14);
 
 /** @type {import('./RequireObjectCoercible')} */
 module.exports = function RequireObjectCoercible(value) {
@@ -27192,7 +27192,7 @@ function isAfterDay(a, b) {
 "use strict";
 
 
-var $TypeError = __webpack_require__(13);
+var $TypeError = __webpack_require__(14);
 
 var inspect = __webpack_require__(704);
 
@@ -27460,7 +27460,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 /* eslint-disable import/no-extraneous-dependencies */
 const react_1 = __importStar(__webpack_require__(0));
-const react_dom_1 = __webpack_require__(14);
+const react_dom_1 = __webpack_require__(13);
 const react_select_1 = __importDefault(__webpack_require__(161));
 const match_sorter_1 = __webpack_require__(830);
 const CitySearchModal_1 = __importDefault(__webpack_require__(831));
@@ -30991,7 +30991,7 @@ module.exports = __webpack_require__(601);
 var $defineProperty = __webpack_require__(82);
 
 var $SyntaxError = __webpack_require__(103);
-var $TypeError = __webpack_require__(13);
+var $TypeError = __webpack_require__(14);
 
 var gopd = __webpack_require__(53);
 
@@ -32760,7 +32760,7 @@ module.exports = __webpack_require__(386);
 "use strict";
 
 
-var $TypeError = __webpack_require__(13);
+var $TypeError = __webpack_require__(14);
 
 var hasOwn = __webpack_require__(44);
 
@@ -32812,7 +32812,7 @@ module.exports = function SameValue(x, y) {
 "use strict";
 
 
-var $TypeError = __webpack_require__(13);
+var $TypeError = __webpack_require__(14);
 
 var hasOwn = __webpack_require__(44);
 
@@ -33121,7 +33121,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_16___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_16__);
 /* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(18);
 /* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_17___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_17__);
-/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(14);
+/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(13);
 /* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_18___default = /*#__PURE__*/__webpack_require__.n(react_dom__WEBPACK_IMPORTED_MODULE_18__);
 /* harmony import */ var use_isomorphic_layout_effect__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(77);
 
@@ -57475,7 +57475,7 @@ module.exports = function DefineOwnProperty(IsDataDescriptor, SameValue, FromPro
 "use strict";
 
 
-var $TypeError = __webpack_require__(13);
+var $TypeError = __webpack_require__(14);
 
 var isPropertyDescriptor = __webpack_require__(51);
 var fromPropertyDescriptor = __webpack_require__(709);
@@ -57500,7 +57500,7 @@ module.exports = function FromPropertyDescriptor(Desc) {
 
 var hasOwn = __webpack_require__(44);
 
-var $TypeError = __webpack_require__(13);
+var $TypeError = __webpack_require__(14);
 var isObject = __webpack_require__(42);
 
 var IsCallable = __webpack_require__(710);
@@ -57689,7 +57689,7 @@ var callBound = __webpack_require__(36);
 var isRegex = __webpack_require__(728);
 
 var $exec = callBound('RegExp.prototype.exec');
-var $TypeError = __webpack_require__(13);
+var $TypeError = __webpack_require__(14);
 
 /** @type {import('.')} */
 module.exports = function regexTester(regex) {
@@ -57740,7 +57740,7 @@ module.exports = function trim() {
 var GetIntrinsic = __webpack_require__(37);
 
 var $String = GetIntrinsic('%String%');
-var $TypeError = __webpack_require__(13);
+var $TypeError = __webpack_require__(14);
 
 // https://262.ecma-international.org/6.0/#sec-tostring
 
@@ -58220,7 +58220,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 /* eslint-disable jsx-a11y/label-has-associated-control */
 /* eslint-disable import/no-extraneous-dependencies */
 const react_1 = __importStar(__webpack_require__(0));
-const react_dom_1 = __webpack_require__(14);
+const react_dom_1 = __webpack_require__(13);
 const FormTemplateCompanion_1 = __importDefault(__webpack_require__(411));
 const CloseIconButton_1 = __importDefault(__webpack_require__(20));
 const Button_1 = __importDefault(__webpack_require__(10));
@@ -58886,7 +58886,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 /* eslint-disable @typescript-eslint/no-unsafe-member-access */
 /* eslint-disable @typescript-eslint/no-unsafe-assignment */
 // eslint-disable-next-line import/no-extraneous-dependencies
-const react_dom_1 = __importDefault(__webpack_require__(14));
+const react_dom_1 = __importDefault(__webpack_require__(13));
 const react_1 = __importStar(__webpack_require__(0));
 const Button_1 = __importDefault(__webpack_require__(10));
 const CloseIconButton_1 = __importDefault(__webpack_require__(20));
@@ -59999,7 +59999,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(__webpack_require__(0));
 const model_1 = __webpack_require__(9);
-const react_dom_1 = __importDefault(__webpack_require__(14));
+const react_dom_1 = __importDefault(__webpack_require__(13));
 __webpack_require__(33);
 __webpack_require__(34);
 const emptyImage_1 = __importDefault(__webpack_require__(39));
@@ -60821,7 +60821,7 @@ __webpack_require__.d(__webpack_exports__, "Portal", function() { return /* reex
 __webpack_require__.d(__webpack_exports__, "PortalWithState", function() { return /* reexport */ es_PortalWithState; });
 
 // EXTERNAL MODULE: external "react-dom"
-var external_react_dom_ = __webpack_require__(14);
+var external_react_dom_ = __webpack_require__(13);
 var external_react_dom_default = /*#__PURE__*/__webpack_require__.n(external_react_dom_);
 
 // EXTERNAL MODULE: external "react"
@@ -64503,7 +64503,7 @@ exports.InnerSlider = void 0;
 
 var _react = _interopRequireDefault(__webpack_require__(0));
 
-var _reactDom = _interopRequireDefault(__webpack_require__(14));
+var _reactDom = _interopRequireDefault(__webpack_require__(13));
 
 var _initialState = _interopRequireDefault(__webpack_require__(569));
 
@@ -68744,7 +68744,7 @@ var define = __webpack_require__(139);
 var hasDescriptors = __webpack_require__(104)();
 var gOPD = __webpack_require__(53);
 
-var $TypeError = __webpack_require__(13);
+var $TypeError = __webpack_require__(14);
 var $floor = GetIntrinsic('%Math.floor%');
 
 /** @type {import('.')} */
@@ -74554,7 +74554,7 @@ module.exports = boundFlat;
 var GetIntrinsic = __webpack_require__(37);
 
 var $species = GetIntrinsic('%Symbol.species%', true);
-var $TypeError = __webpack_require__(13);
+var $TypeError = __webpack_require__(14);
 var isInteger = __webpack_require__(384);
 var isObject = __webpack_require__(42);
 
@@ -74611,7 +74611,7 @@ var GetIntrinsic = __webpack_require__(37);
 var $ArrayPrototype = GetIntrinsic('%Array.prototype%');
 var $RangeError = __webpack_require__(328);
 var $SyntaxError = __webpack_require__(103);
-var $TypeError = __webpack_require__(13);
+var $TypeError = __webpack_require__(14);
 var isInteger = __webpack_require__(384);
 var MAX_ARRAY_LENGTH = __webpack_require__(699);
 var $setProto = __webpack_require__(700);
@@ -74671,7 +74671,7 @@ var originalSetProto = __webpack_require__(702);
 
 var setDunderProto = __webpack_require__(703);
 
-var $TypeError = __webpack_require__(13);
+var $TypeError = __webpack_require__(14);
 
 /** @type {import('.')} */
 module.exports = reflectSetProto
@@ -74724,7 +74724,7 @@ module.exports = $Object.setPrototypeOf || null;
 
 var callBind = __webpack_require__(105);
 var gOPD = __webpack_require__(53);
-var $TypeError = __webpack_require__(13);
+var $TypeError = __webpack_require__(14);
 
 /** @type {{ __proto__?: object | null }} */
 var obj = {};
@@ -75380,7 +75380,7 @@ module.exports = __webpack_require__(37);
 "use strict";
 
 
-var $TypeError = __webpack_require__(13);
+var $TypeError = __webpack_require__(14);
 var isObject = __webpack_require__(42);
 
 var isPropertyDescriptor = __webpack_require__(51);
@@ -75484,7 +75484,7 @@ module.exports = function ToBoolean(value) { return !!value; };
 "use strict";
 
 
-var $TypeError = __webpack_require__(13);
+var $TypeError = __webpack_require__(14);
 
 var MAX_SAFE_INTEGER = __webpack_require__(390);
 
@@ -75549,7 +75549,7 @@ module.exports = function FlattenIntoArray(target, source, sourceLen, start, dep
 var GetIntrinsic = __webpack_require__(37);
 var callBound = __webpack_require__(36);
 
-var $TypeError = __webpack_require__(13);
+var $TypeError = __webpack_require__(14);
 
 var IsArray = __webpack_require__(153);
 
@@ -75573,7 +75573,7 @@ module.exports = function Call(F, V) {
 "use strict";
 
 
-var $TypeError = __webpack_require__(13);
+var $TypeError = __webpack_require__(14);
 var isObject = __webpack_require__(42);
 
 var CreateDataProperty = __webpack_require__(715);
@@ -75603,7 +75603,7 @@ module.exports = function CreateDataPropertyOrThrow(O, P, V) {
 "use strict";
 
 
-var $TypeError = __webpack_require__(13);
+var $TypeError = __webpack_require__(14);
 var isObject = __webpack_require__(42);
 
 var isPropertyKey = __webpack_require__(57);
@@ -75637,7 +75637,7 @@ module.exports = function CreateDataProperty(O, P, V) {
 
 var $gOPD = __webpack_require__(53);
 var $SyntaxError = __webpack_require__(103);
-var $TypeError = __webpack_require__(13);
+var $TypeError = __webpack_require__(14);
 var isObject = __webpack_require__(42);
 
 var isPropertyDescriptor = __webpack_require__(51);
@@ -75721,7 +75721,7 @@ module.exports = $preventExtensions
 "use strict";
 
 
-var $TypeError = __webpack_require__(13);
+var $TypeError = __webpack_require__(14);
 var isObject = __webpack_require__(42);
 
 var DefineOwnProperty = __webpack_require__(387);
@@ -75916,7 +75916,7 @@ module.exports = function isFullyPopulatedPropertyDescriptor(ES, Desc) {
 "use strict";
 
 
-var $TypeError = __webpack_require__(13);
+var $TypeError = __webpack_require__(14);
 
 var IsAccessorDescriptor = __webpack_require__(156);
 var IsDataDescriptor = __webpack_require__(154);
@@ -75949,7 +75949,7 @@ module.exports = function IsGenericDescriptor(Desc) {
 "use strict";
 
 
-var $TypeError = __webpack_require__(13);
+var $TypeError = __webpack_require__(14);
 var isObject = __webpack_require__(42);
 
 var isPropertyKey = __webpack_require__(57);
@@ -75974,7 +75974,7 @@ module.exports = function HasProperty(O, P) {
 "use strict";
 
 
-var $TypeError = __webpack_require__(13);
+var $TypeError = __webpack_require__(14);
 var isObject = __webpack_require__(42);
 
 var Get = __webpack_require__(113);
@@ -76001,7 +76001,7 @@ module.exports = function LengthOfArrayLike(obj) {
 
 var GetIntrinsic = __webpack_require__(37);
 
-var $TypeError = __webpack_require__(13);
+var $TypeError = __webpack_require__(14);
 var $Number = GetIntrinsic('%Number%');
 var isPrimitive = __webpack_require__(391);
 
@@ -76266,7 +76266,7 @@ module.exports = fn;
 var GetIntrinsic = __webpack_require__(37);
 
 var $RegExp = GetIntrinsic('%RegExp%');
-var $TypeError = __webpack_require__(13);
+var $TypeError = __webpack_require__(14);
 var $parseInteger = GetIntrinsic('%parseInt%');
 
 var callBound = __webpack_require__(36);
@@ -76371,7 +76371,7 @@ module.exports = function shimStringTrim() {
 
 var floor = __webpack_require__(733);
 
-var $TypeError = __webpack_require__(13);
+var $TypeError = __webpack_require__(14);
 
 // https://262.ecma-international.org/14.0/#eqn-truncate
 
@@ -78879,7 +78879,7 @@ function q(c,a,g){var b,d={},e=null,h=null;void 0!==g&&(e=""+g);void 0!==a.key&&
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PopoverPortal = void 0;
 var react_1 = __webpack_require__(0);
-var react_dom_1 = __webpack_require__(14);
+var react_dom_1 = __webpack_require__(13);
 var PopoverPortal = function (_a) {
     var container = _a.container, element = _a.element, scoutElement = _a.scoutElement, children = _a.children;
     (0, react_1.useLayoutEffect)(function () {
@@ -81010,7 +81010,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(__webpack_require__(0));
 const model_1 = __webpack_require__(9);
 const moment_1 = __importDefault(__webpack_require__(1));
-const react_dom_1 = __importDefault(__webpack_require__(14));
+const react_dom_1 = __importDefault(__webpack_require__(13));
 const Button_1 = __importDefault(__webpack_require__(10));
 const PreLoading_1 = __importDefault(__webpack_require__(15));
 // import NumberInput from '../../base/NumberInput/NumberInput';
@@ -92584,6 +92584,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 /* eslint-disable import/no-extraneous-dependencies */
 const react_1 = __importStar(__webpack_require__(0));
+const react_dom_1 = __importDefault(__webpack_require__(13));
 const KiwiHotelSearchBar_scss_1 = __importDefault(__webpack_require__(1126));
 const formatDate = (dateStr) => {
     if (!dateStr)
@@ -92593,14 +92594,44 @@ const formatDate = (dateStr) => {
         return '';
     return d.toLocaleDateString('en-US', { month: 'short', day: 'numeric' });
 };
+const formatDateLong = (dateStr) => {
+    if (!dateStr)
+        return '';
+    const d = new Date(dateStr);
+    if (Number.isNaN(d.getTime()))
+        return '';
+    return d.toLocaleDateString('en-US', { month: 'short', day: 'numeric', year: 'numeric' });
+};
+const formatDateRangeShort = (ci, co) => {
+    if (!ci || !co)
+        return '';
+    const d1 = new Date(ci);
+    const d2 = new Date(co);
+    if (Number.isNaN(d1.getTime()) || Number.isNaN(d2.getTime()))
+        return '';
+    const m1 = d1.toLocaleString('en-US', { month: 'short' });
+    const m2 = d2.toLocaleString('en-US', { month: 'short' });
+    const day1 = d1.getDate();
+    const day2 = d2.getDate();
+    if (m1 === m2)
+        return `${day1}-${day2} ${m1}`;
+    return `${day1} ${m1} - ${day2} ${m2}`;
+};
 const KiwiHotelSearchBar = ({ destination, checkInDate, checkOutDate, adults, children, citySuggestions, onDestinationChange, onCitySelect, onCheckInChange, onCheckOutChange, onAdultsChange, onChildrenChange, onSearch, }) => {
     const checkInRef = (0, react_1.useRef)(null);
     const checkOutRef = (0, react_1.useRef)(null);
     const destRef = (0, react_1.useRef)(null);
     const [guestsOpen, setGuestsOpen] = (0, react_1.useState)(false);
     const [destOpen, setDestOpen] = (0, react_1.useState)(false);
+    const [mobileOpen, setMobileOpen] = (0, react_1.useState)(false);
+    const [mobileDestOpen, setMobileDestOpen] = (0, react_1.useState)(false);
+    const mobileCheckInRef = (0, react_1.useRef)(null);
+    const mobileCheckOutRef = (0, react_1.useRef)(null);
     const guestsRef = (0, react_1.useRef)(null);
     const guestsText = `${adults} ${adults === 1 ? 'Adult' : 'Adults'}${children > 0 ? `, ${children} ${children === 1 ? 'Child' : 'Children'}` : ''}`;
+    const totalGuests = adults + children;
+    const mobileDateRange = formatDateRangeShort(checkInDate, checkOutDate);
+    const mobilePillSubtitle = [mobileDateRange, `${totalGuests} ${totalGuests === 1 ? 'guest' : 'guests'}`].filter(Boolean).join(' · ');
     const hasSuggestions = citySuggestions && citySuggestions.length > 0;
     (0, react_1.useEffect)(() => {
         const handleClick = (e) => {
@@ -92614,51 +92645,129 @@ const KiwiHotelSearchBar = ({ destination, checkInDate, checkOutDate, adults, ch
         document.addEventListener('mousedown', handleClick);
         return () => document.removeEventListener('mousedown', handleClick);
     }, []);
-    return (react_1.default.createElement("div", { className: KiwiHotelSearchBar_scss_1.default.searchBar },
-        react_1.default.createElement("div", { className: `${KiwiHotelSearchBar_scss_1.default.section} ${KiwiHotelSearchBar_scss_1.default.sectionDestination}`, ref: destRef },
-            react_1.default.createElement("span", { className: KiwiHotelSearchBar_scss_1.default.label }, "Destination or Hotel name"),
-            react_1.default.createElement("input", { type: "text", className: KiwiHotelSearchBar_scss_1.default.input, value: destination, onChange: (e) => {
-                    onDestinationChange(e.target.value);
-                    setDestOpen(true);
-                }, onFocus: () => setDestOpen(true), placeholder: "Search..." }),
-            destOpen && hasSuggestions && (react_1.default.createElement("div", { className: KiwiHotelSearchBar_scss_1.default.suggestionsDropdown }, citySuggestions.map((city) => (react_1.default.createElement("div", { key: city.id, className: KiwiHotelSearchBar_scss_1.default.suggestionItem, onClick: () => {
-                    if (onCitySelect)
-                        onCitySelect(city);
-                    onDestinationChange(city.name);
-                    setDestOpen(false);
-                }, role: "button", tabIndex: 0, onKeyDown: () => { } },
-                react_1.default.createElement("span", { className: KiwiHotelSearchBar_scss_1.default.suggestionName }, city.name),
-                react_1.default.createElement("span", { className: KiwiHotelSearchBar_scss_1.default.suggestionParent }, city.parentName))))))),
-        react_1.default.createElement("div", { className: KiwiHotelSearchBar_scss_1.default.section, onClick: () => { var _a, _b; return (_b = (_a = checkInRef.current) === null || _a === void 0 ? void 0 : _a.showPicker) === null || _b === void 0 ? void 0 : _b.call(_a); }, role: "button", tabIndex: 0, onKeyDown: () => { } },
-            react_1.default.createElement("span", { className: KiwiHotelSearchBar_scss_1.default.label }, "Check-in"),
-            react_1.default.createElement("div", { className: KiwiHotelSearchBar_scss_1.default.dateDisplay },
-                react_1.default.createElement("span", { className: checkInDate ? KiwiHotelSearchBar_scss_1.default.value : `${KiwiHotelSearchBar_scss_1.default.value} ${KiwiHotelSearchBar_scss_1.default.valuePlaceholder}` }, checkInDate ? formatDate(checkInDate) : 'Select'),
-                react_1.default.createElement("input", { ref: checkInRef, type: "date", className: KiwiHotelSearchBar_scss_1.default.hiddenDateInput, value: checkInDate, onChange: (e) => onCheckInChange(e.target.value) }))),
-        react_1.default.createElement("div", { className: KiwiHotelSearchBar_scss_1.default.section, onClick: () => { var _a, _b; return (_b = (_a = checkOutRef.current) === null || _a === void 0 ? void 0 : _a.showPicker) === null || _b === void 0 ? void 0 : _b.call(_a); }, role: "button", tabIndex: 0, onKeyDown: () => { } },
-            react_1.default.createElement("span", { className: KiwiHotelSearchBar_scss_1.default.label }, "Check-out"),
-            react_1.default.createElement("div", { className: KiwiHotelSearchBar_scss_1.default.dateDisplay },
-                react_1.default.createElement("span", { className: checkOutDate ? KiwiHotelSearchBar_scss_1.default.value : `${KiwiHotelSearchBar_scss_1.default.value} ${KiwiHotelSearchBar_scss_1.default.valuePlaceholder}` }, checkOutDate ? formatDate(checkOutDate) : 'Select'),
-                react_1.default.createElement("input", { ref: checkOutRef, type: "date", className: KiwiHotelSearchBar_scss_1.default.hiddenDateInput, value: checkOutDate, onChange: (e) => onCheckOutChange(e.target.value) }))),
-        react_1.default.createElement("div", { className: KiwiHotelSearchBar_scss_1.default.section, ref: guestsRef },
-            react_1.default.createElement("span", { className: KiwiHotelSearchBar_scss_1.default.label }, "Guests"),
-            react_1.default.createElement("div", { className: KiwiHotelSearchBar_scss_1.default.dateDisplay, onClick: () => setGuestsOpen((prev) => !prev), role: "button", tabIndex: 0, onKeyDown: () => { } },
-                react_1.default.createElement("span", { className: KiwiHotelSearchBar_scss_1.default.value }, guestsText)),
-            guestsOpen && (react_1.default.createElement("div", { className: KiwiHotelSearchBar_scss_1.default.guestsDropdown },
-                react_1.default.createElement("div", { className: KiwiHotelSearchBar_scss_1.default.guestRow },
-                    react_1.default.createElement("span", { className: KiwiHotelSearchBar_scss_1.default.guestRowLabel }, "Adults"),
-                    react_1.default.createElement("div", { className: KiwiHotelSearchBar_scss_1.default.guestCounter },
-                        react_1.default.createElement("button", { type: "button", className: KiwiHotelSearchBar_scss_1.default.counterBtn, onClick: () => onAdultsChange(Math.max(1, adults - 1)) }, "\u2212"),
-                        react_1.default.createElement("span", { className: KiwiHotelSearchBar_scss_1.default.counterValue }, adults),
-                        react_1.default.createElement("button", { type: "button", className: KiwiHotelSearchBar_scss_1.default.counterBtn, onClick: () => onAdultsChange(Math.min(9, adults + 1)) }, "+"))),
-                react_1.default.createElement("div", { className: KiwiHotelSearchBar_scss_1.default.guestRow },
-                    react_1.default.createElement("span", { className: KiwiHotelSearchBar_scss_1.default.guestRowLabel }, "Children"),
-                    react_1.default.createElement("div", { className: KiwiHotelSearchBar_scss_1.default.guestCounter },
-                        react_1.default.createElement("button", { type: "button", className: KiwiHotelSearchBar_scss_1.default.counterBtn, onClick: () => onChildrenChange(Math.max(0, children - 1)) }, "\u2212"),
-                        react_1.default.createElement("span", { className: KiwiHotelSearchBar_scss_1.default.counterValue }, children),
-                        react_1.default.createElement("button", { type: "button", className: KiwiHotelSearchBar_scss_1.default.counterBtn, onClick: () => onChildrenChange(Math.min(9, children + 1)) }, "+")))))),
-        react_1.default.createElement("button", { type: "button", className: KiwiHotelSearchBar_scss_1.default.searchButton, onClick: onSearch, "aria-label": "Search hotels" },
-            react_1.default.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
-                react_1.default.createElement("path", { d: "M15.5 14h-.79l-.28-.27A6.471 6.471 0 0016 9.5 6.5 6.5 0 109.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z" })))));
+    (0, react_1.useEffect)(() => {
+        if (mobileOpen) {
+            const prevOverflow = document.body.style.overflow;
+            document.body.style.overflow = 'hidden';
+            return () => {
+                document.body.style.overflow = prevOverflow;
+            };
+        }
+        return undefined;
+    }, [mobileOpen]);
+    const handleClearAll = () => {
+        onDestinationChange('');
+        onCheckInChange('');
+        onCheckOutChange('');
+        onAdultsChange(2);
+        onChildrenChange(0);
+    };
+    const handleMobileSearch = () => {
+        setMobileOpen(false);
+        onSearch();
+    };
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("div", { className: KiwiHotelSearchBar_scss_1.default.searchBar },
+            react_1.default.createElement("div", { className: `${KiwiHotelSearchBar_scss_1.default.section} ${KiwiHotelSearchBar_scss_1.default.sectionDestination}`, ref: destRef },
+                react_1.default.createElement("span", { className: KiwiHotelSearchBar_scss_1.default.label }, "Destination or Hotel name"),
+                react_1.default.createElement("input", { type: "text", className: KiwiHotelSearchBar_scss_1.default.input, value: destination, onChange: (e) => {
+                        onDestinationChange(e.target.value);
+                        setDestOpen(true);
+                    }, onFocus: () => setDestOpen(true), placeholder: "Search..." }),
+                destOpen && hasSuggestions && (react_1.default.createElement("div", { className: KiwiHotelSearchBar_scss_1.default.suggestionsDropdown }, citySuggestions.map((city) => (react_1.default.createElement("div", { key: city.id, className: KiwiHotelSearchBar_scss_1.default.suggestionItem, onClick: () => {
+                        if (onCitySelect)
+                            onCitySelect(city);
+                        onDestinationChange(city.name);
+                        setDestOpen(false);
+                    }, role: "button", tabIndex: 0, onKeyDown: () => { } },
+                    react_1.default.createElement("span", { className: KiwiHotelSearchBar_scss_1.default.suggestionName }, city.name),
+                    react_1.default.createElement("span", { className: KiwiHotelSearchBar_scss_1.default.suggestionParent }, city.parentName))))))),
+            react_1.default.createElement("div", { className: KiwiHotelSearchBar_scss_1.default.section, onClick: () => { var _a, _b; return (_b = (_a = checkInRef.current) === null || _a === void 0 ? void 0 : _a.showPicker) === null || _b === void 0 ? void 0 : _b.call(_a); }, role: "button", tabIndex: 0, onKeyDown: () => { } },
+                react_1.default.createElement("span", { className: KiwiHotelSearchBar_scss_1.default.label }, "Check-in"),
+                react_1.default.createElement("div", { className: KiwiHotelSearchBar_scss_1.default.dateDisplay },
+                    react_1.default.createElement("span", { className: checkInDate ? KiwiHotelSearchBar_scss_1.default.value : `${KiwiHotelSearchBar_scss_1.default.value} ${KiwiHotelSearchBar_scss_1.default.valuePlaceholder}` }, checkInDate ? formatDate(checkInDate) : 'Select'),
+                    react_1.default.createElement("input", { ref: checkInRef, type: "date", className: KiwiHotelSearchBar_scss_1.default.hiddenDateInput, value: checkInDate, onChange: (e) => onCheckInChange(e.target.value) }))),
+            react_1.default.createElement("div", { className: KiwiHotelSearchBar_scss_1.default.section, onClick: () => { var _a, _b; return (_b = (_a = checkOutRef.current) === null || _a === void 0 ? void 0 : _a.showPicker) === null || _b === void 0 ? void 0 : _b.call(_a); }, role: "button", tabIndex: 0, onKeyDown: () => { } },
+                react_1.default.createElement("span", { className: KiwiHotelSearchBar_scss_1.default.label }, "Check-out"),
+                react_1.default.createElement("div", { className: KiwiHotelSearchBar_scss_1.default.dateDisplay },
+                    react_1.default.createElement("span", { className: checkOutDate ? KiwiHotelSearchBar_scss_1.default.value : `${KiwiHotelSearchBar_scss_1.default.value} ${KiwiHotelSearchBar_scss_1.default.valuePlaceholder}` }, checkOutDate ? formatDate(checkOutDate) : 'Select'),
+                    react_1.default.createElement("input", { ref: checkOutRef, type: "date", className: KiwiHotelSearchBar_scss_1.default.hiddenDateInput, value: checkOutDate, onChange: (e) => onCheckOutChange(e.target.value) }))),
+            react_1.default.createElement("div", { className: KiwiHotelSearchBar_scss_1.default.section, ref: guestsRef },
+                react_1.default.createElement("span", { className: KiwiHotelSearchBar_scss_1.default.label }, "Guests"),
+                react_1.default.createElement("div", { className: KiwiHotelSearchBar_scss_1.default.dateDisplay, onClick: () => setGuestsOpen((prev) => !prev), role: "button", tabIndex: 0, onKeyDown: () => { } },
+                    react_1.default.createElement("span", { className: KiwiHotelSearchBar_scss_1.default.value }, guestsText)),
+                guestsOpen && (react_1.default.createElement("div", { className: KiwiHotelSearchBar_scss_1.default.guestsDropdown },
+                    react_1.default.createElement("div", { className: KiwiHotelSearchBar_scss_1.default.guestRow },
+                        react_1.default.createElement("span", { className: KiwiHotelSearchBar_scss_1.default.guestRowLabel }, "Adults"),
+                        react_1.default.createElement("div", { className: KiwiHotelSearchBar_scss_1.default.guestCounter },
+                            react_1.default.createElement("button", { type: "button", className: KiwiHotelSearchBar_scss_1.default.counterBtn, onClick: () => onAdultsChange(Math.max(1, adults - 1)) }, "\u2212"),
+                            react_1.default.createElement("span", { className: KiwiHotelSearchBar_scss_1.default.counterValue }, adults),
+                            react_1.default.createElement("button", { type: "button", className: KiwiHotelSearchBar_scss_1.default.counterBtn, onClick: () => onAdultsChange(Math.min(9, adults + 1)) }, "+"))),
+                    react_1.default.createElement("div", { className: KiwiHotelSearchBar_scss_1.default.guestRow },
+                        react_1.default.createElement("span", { className: KiwiHotelSearchBar_scss_1.default.guestRowLabel }, "Children"),
+                        react_1.default.createElement("div", { className: KiwiHotelSearchBar_scss_1.default.guestCounter },
+                            react_1.default.createElement("button", { type: "button", className: KiwiHotelSearchBar_scss_1.default.counterBtn, onClick: () => onChildrenChange(Math.max(0, children - 1)) }, "\u2212"),
+                            react_1.default.createElement("span", { className: KiwiHotelSearchBar_scss_1.default.counterValue }, children),
+                            react_1.default.createElement("button", { type: "button", className: KiwiHotelSearchBar_scss_1.default.counterBtn, onClick: () => onChildrenChange(Math.min(9, children + 1)) }, "+")))))),
+            react_1.default.createElement("button", { type: "button", className: KiwiHotelSearchBar_scss_1.default.searchButton, onClick: onSearch, "aria-label": "Search hotels" },
+                react_1.default.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
+                    react_1.default.createElement("path", { d: "M15.5 14h-.79l-.28-.27A6.471 6.471 0 0016 9.5 6.5 6.5 0 109.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z" })))),
+        react_1.default.createElement("button", { type: "button", className: KiwiHotelSearchBar_scss_1.default.mobilePill, onClick: () => setMobileOpen(true), "aria-label": "Open hotel search" },
+            react_1.default.createElement("span", { className: KiwiHotelSearchBar_scss_1.default.mobilePillIcon },
+                react_1.default.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor" },
+                    react_1.default.createElement("path", { d: "M15.5 14h-.79l-.28-.27A6.471 6.471 0 0016 9.5 6.5 6.5 0 109.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z" }))),
+            react_1.default.createElement("span", { className: KiwiHotelSearchBar_scss_1.default.mobilePillText },
+                react_1.default.createElement("span", { className: KiwiHotelSearchBar_scss_1.default.mobilePillTitle }, destination || 'Where are you going?'),
+                react_1.default.createElement("span", { className: KiwiHotelSearchBar_scss_1.default.mobilePillSubtitle }, mobilePillSubtitle))),
+        mobileOpen && react_dom_1.default.createPortal(react_1.default.createElement("div", { className: KiwiHotelSearchBar_scss_1.default.mobileModal, role: "dialog", "aria-modal": "true" },
+            react_1.default.createElement("button", { type: "button", className: KiwiHotelSearchBar_scss_1.default.mobileCloseBtn, onClick: () => setMobileOpen(false), "aria-label": "Close" },
+                react_1.default.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
+                    react_1.default.createElement("path", { d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z", fill: "currentColor" }))),
+            react_1.default.createElement("div", { className: KiwiHotelSearchBar_scss_1.default.mobileModalContent },
+                react_1.default.createElement("label", { className: KiwiHotelSearchBar_scss_1.default.mobileLabel },
+                    "Where are you going?",
+                    react_1.default.createElement("span", { className: KiwiHotelSearchBar_scss_1.default.mobileRequired }, "*")),
+                react_1.default.createElement("div", { className: KiwiHotelSearchBar_scss_1.default.mobileField },
+                    react_1.default.createElement("input", { type: "text", className: KiwiHotelSearchBar_scss_1.default.mobileInput, value: destination, onChange: (e) => {
+                            onDestinationChange(e.target.value);
+                            setMobileDestOpen(true);
+                        }, onFocus: () => setMobileDestOpen(true), placeholder: "Search..." }),
+                    react_1.default.createElement("svg", { className: KiwiHotelSearchBar_scss_1.default.mobileChevron, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
+                        react_1.default.createElement("path", { d: "M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6z", fill: "currentColor" }))),
+                mobileDestOpen && hasSuggestions && (react_1.default.createElement("div", { className: KiwiHotelSearchBar_scss_1.default.mobileSuggestions }, citySuggestions.map((city) => (react_1.default.createElement("div", { key: city.id, className: KiwiHotelSearchBar_scss_1.default.suggestionItem, onClick: () => {
+                        if (onCitySelect)
+                            onCitySelect(city);
+                        onDestinationChange(city.name);
+                        setMobileDestOpen(false);
+                    }, role: "button", tabIndex: 0, onKeyDown: () => { } },
+                    react_1.default.createElement("span", { className: KiwiHotelSearchBar_scss_1.default.suggestionName }, city.name),
+                    react_1.default.createElement("span", { className: KiwiHotelSearchBar_scss_1.default.suggestionParent }, city.parentName)))))),
+                react_1.default.createElement("label", { className: KiwiHotelSearchBar_scss_1.default.mobileLabel }, "Select dates"),
+                react_1.default.createElement("div", { className: KiwiHotelSearchBar_scss_1.default.mobileDateRange },
+                    react_1.default.createElement("div", { className: KiwiHotelSearchBar_scss_1.default.mobileDateCell, onClick: () => { var _a, _b; return (_b = (_a = mobileCheckInRef.current) === null || _a === void 0 ? void 0 : _a.showPicker) === null || _b === void 0 ? void 0 : _b.call(_a); }, role: "button", tabIndex: 0, onKeyDown: () => { } },
+                        react_1.default.createElement("span", { className: checkInDate ? KiwiHotelSearchBar_scss_1.default.mobileDateText : `${KiwiHotelSearchBar_scss_1.default.mobileDateText} ${KiwiHotelSearchBar_scss_1.default.mobileDatePlaceholder}` }, checkInDate ? formatDateLong(checkInDate) : 'Check-in'),
+                        react_1.default.createElement("input", { ref: mobileCheckInRef, type: "date", className: KiwiHotelSearchBar_scss_1.default.hiddenDateInput, value: checkInDate, onChange: (e) => onCheckInChange(e.target.value) })),
+                    react_1.default.createElement("svg", { className: KiwiHotelSearchBar_scss_1.default.mobileDateArrow, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
+                        react_1.default.createElement("path", { d: "M9.29 6.71a1 1 0 000 1.41L13.17 12l-3.88 3.88a1 1 0 101.42 1.41l4.59-4.59a1 1 0 000-1.41L10.71 6.7a1 1 0 00-1.42.01z", fill: "currentColor" })),
+                    react_1.default.createElement("div", { className: KiwiHotelSearchBar_scss_1.default.mobileDateCell, onClick: () => { var _a, _b; return (_b = (_a = mobileCheckOutRef.current) === null || _a === void 0 ? void 0 : _a.showPicker) === null || _b === void 0 ? void 0 : _b.call(_a); }, role: "button", tabIndex: 0, onKeyDown: () => { } },
+                        react_1.default.createElement("span", { className: checkOutDate ? KiwiHotelSearchBar_scss_1.default.mobileDateText : `${KiwiHotelSearchBar_scss_1.default.mobileDateText} ${KiwiHotelSearchBar_scss_1.default.mobileDatePlaceholder}` }, checkOutDate ? formatDateLong(checkOutDate) : 'Check-out'),
+                        react_1.default.createElement("input", { ref: mobileCheckOutRef, type: "date", className: KiwiHotelSearchBar_scss_1.default.hiddenDateInput, value: checkOutDate, min: checkInDate || undefined, onChange: (e) => onCheckOutChange(e.target.value) }))),
+                react_1.default.createElement("label", { className: KiwiHotelSearchBar_scss_1.default.mobileLabel }, "Travelers"),
+                react_1.default.createElement("div", { className: KiwiHotelSearchBar_scss_1.default.mobileTravelerRow },
+                    react_1.default.createElement("span", { className: KiwiHotelSearchBar_scss_1.default.mobileTravelerLabel }, "Adults"),
+                    react_1.default.createElement("div", { className: KiwiHotelSearchBar_scss_1.default.mobileTravelerCounter },
+                        react_1.default.createElement("button", { type: "button", className: KiwiHotelSearchBar_scss_1.default.mobileCounterBtn, onClick: () => onAdultsChange(Math.max(1, adults - 1)), "aria-label": "Decrease adults" }, "\u2212"),
+                        react_1.default.createElement("span", { className: KiwiHotelSearchBar_scss_1.default.mobileCounterValue }, adults),
+                        react_1.default.createElement("button", { type: "button", className: KiwiHotelSearchBar_scss_1.default.mobileCounterBtn, onClick: () => onAdultsChange(Math.min(9, adults + 1)), "aria-label": "Increase adults" }, "+"))),
+                react_1.default.createElement("div", { className: KiwiHotelSearchBar_scss_1.default.mobileTravelerRow },
+                    react_1.default.createElement("span", { className: KiwiHotelSearchBar_scss_1.default.mobileTravelerLabel }, "Children"),
+                    react_1.default.createElement("div", { className: KiwiHotelSearchBar_scss_1.default.mobileTravelerCounter },
+                        react_1.default.createElement("button", { type: "button", className: KiwiHotelSearchBar_scss_1.default.mobileCounterBtn, onClick: () => onChildrenChange(Math.max(0, children - 1)), "aria-label": "Decrease children" }, "\u2212"),
+                        react_1.default.createElement("span", { className: KiwiHotelSearchBar_scss_1.default.mobileCounterValue }, children),
+                        react_1.default.createElement("button", { type: "button", className: KiwiHotelSearchBar_scss_1.default.mobileCounterBtn, onClick: () => onChildrenChange(Math.min(9, children + 1)), "aria-label": "Increase children" }, "+")))),
+            react_1.default.createElement("div", { className: KiwiHotelSearchBar_scss_1.default.mobileActions },
+                react_1.default.createElement("button", { type: "button", className: KiwiHotelSearchBar_scss_1.default.mobileClearBtn, onClick: handleClearAll }, "Clear all"),
+                react_1.default.createElement("button", { type: "button", className: KiwiHotelSearchBar_scss_1.default.mobileSearchBtn, onClick: handleMobileSearch }, "Search"))), document.body)));
 };
 exports.default = KiwiHotelSearchBar;
 
@@ -92668,7 +92777,7 @@ exports.default = KiwiHotelSearchBar;
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
-module.exports = {"searchBar":"providers-kiwi-KiwiHotelSearchBar-KiwiHotelSearchBar__searchBar--I04AB","section":"providers-kiwi-KiwiHotelSearchBar-KiwiHotelSearchBar__section--_s8n7","sectionDestination":"providers-kiwi-KiwiHotelSearchBar-KiwiHotelSearchBar__sectionDestination--3B5A6","label":"providers-kiwi-KiwiHotelSearchBar-KiwiHotelSearchBar__label--2_xdH","value":"providers-kiwi-KiwiHotelSearchBar-KiwiHotelSearchBar__value--oo_7f","valuePlaceholder":"providers-kiwi-KiwiHotelSearchBar-KiwiHotelSearchBar__valuePlaceholder--1f2GC","input":"providers-kiwi-KiwiHotelSearchBar-KiwiHotelSearchBar__input--ftCAt","dateDisplay":"providers-kiwi-KiwiHotelSearchBar-KiwiHotelSearchBar__dateDisplay--28qnM","hiddenDateInput":"providers-kiwi-KiwiHotelSearchBar-KiwiHotelSearchBar__hiddenDateInput--3-InP","suggestionsDropdown":"providers-kiwi-KiwiHotelSearchBar-KiwiHotelSearchBar__suggestionsDropdown--2UNvi","suggestionItem":"providers-kiwi-KiwiHotelSearchBar-KiwiHotelSearchBar__suggestionItem--3FTWH","suggestionName":"providers-kiwi-KiwiHotelSearchBar-KiwiHotelSearchBar__suggestionName--2-Wip","suggestionParent":"providers-kiwi-KiwiHotelSearchBar-KiwiHotelSearchBar__suggestionParent--1RHM1","guestsDropdown":"providers-kiwi-KiwiHotelSearchBar-KiwiHotelSearchBar__guestsDropdown--3_KUQ","guestRow":"providers-kiwi-KiwiHotelSearchBar-KiwiHotelSearchBar__guestRow--2RTQG","guestRowLabel":"providers-kiwi-KiwiHotelSearchBar-KiwiHotelSearchBar__guestRowLabel--3hORR","guestCounter":"providers-kiwi-KiwiHotelSearchBar-KiwiHotelSearchBar__guestCounter--1IDwQ","counterBtn":"providers-kiwi-KiwiHotelSearchBar-KiwiHotelSearchBar__counterBtn--3E6Cj","counterValue":"providers-kiwi-KiwiHotelSearchBar-KiwiHotelSearchBar__counterValue--1CDcL","searchButton":"providers-kiwi-KiwiHotelSearchBar-KiwiHotelSearchBar__searchButton--3E8le"};
+module.exports = {"searchBar":"providers-kiwi-KiwiHotelSearchBar-KiwiHotelSearchBar__searchBar--I04AB","section":"providers-kiwi-KiwiHotelSearchBar-KiwiHotelSearchBar__section--_s8n7","sectionDestination":"providers-kiwi-KiwiHotelSearchBar-KiwiHotelSearchBar__sectionDestination--3B5A6","label":"providers-kiwi-KiwiHotelSearchBar-KiwiHotelSearchBar__label--2_xdH","value":"providers-kiwi-KiwiHotelSearchBar-KiwiHotelSearchBar__value--oo_7f","valuePlaceholder":"providers-kiwi-KiwiHotelSearchBar-KiwiHotelSearchBar__valuePlaceholder--1f2GC","input":"providers-kiwi-KiwiHotelSearchBar-KiwiHotelSearchBar__input--ftCAt","dateDisplay":"providers-kiwi-KiwiHotelSearchBar-KiwiHotelSearchBar__dateDisplay--28qnM","hiddenDateInput":"providers-kiwi-KiwiHotelSearchBar-KiwiHotelSearchBar__hiddenDateInput--3-InP","suggestionsDropdown":"providers-kiwi-KiwiHotelSearchBar-KiwiHotelSearchBar__suggestionsDropdown--2UNvi","suggestionItem":"providers-kiwi-KiwiHotelSearchBar-KiwiHotelSearchBar__suggestionItem--3FTWH","suggestionName":"providers-kiwi-KiwiHotelSearchBar-KiwiHotelSearchBar__suggestionName--2-Wip","suggestionParent":"providers-kiwi-KiwiHotelSearchBar-KiwiHotelSearchBar__suggestionParent--1RHM1","guestsDropdown":"providers-kiwi-KiwiHotelSearchBar-KiwiHotelSearchBar__guestsDropdown--3_KUQ","guestRow":"providers-kiwi-KiwiHotelSearchBar-KiwiHotelSearchBar__guestRow--2RTQG","guestRowLabel":"providers-kiwi-KiwiHotelSearchBar-KiwiHotelSearchBar__guestRowLabel--3hORR","guestCounter":"providers-kiwi-KiwiHotelSearchBar-KiwiHotelSearchBar__guestCounter--1IDwQ","counterBtn":"providers-kiwi-KiwiHotelSearchBar-KiwiHotelSearchBar__counterBtn--3E6Cj","counterValue":"providers-kiwi-KiwiHotelSearchBar-KiwiHotelSearchBar__counterValue--1CDcL","searchButton":"providers-kiwi-KiwiHotelSearchBar-KiwiHotelSearchBar__searchButton--3E8le","mobilePill":"providers-kiwi-KiwiHotelSearchBar-KiwiHotelSearchBar__mobilePill--3BtdA","mobileModal":"providers-kiwi-KiwiHotelSearchBar-KiwiHotelSearchBar__mobileModal--NdLst","mobilePillIcon":"providers-kiwi-KiwiHotelSearchBar-KiwiHotelSearchBar__mobilePillIcon--2ruLb","mobilePillText":"providers-kiwi-KiwiHotelSearchBar-KiwiHotelSearchBar__mobilePillText--nexM0","mobilePillTitle":"providers-kiwi-KiwiHotelSearchBar-KiwiHotelSearchBar__mobilePillTitle--61I47","mobilePillSubtitle":"providers-kiwi-KiwiHotelSearchBar-KiwiHotelSearchBar__mobilePillSubtitle--2y3wv","mobileCloseBtn":"providers-kiwi-KiwiHotelSearchBar-KiwiHotelSearchBar__mobileCloseBtn--144C-","mobileModalContent":"providers-kiwi-KiwiHotelSearchBar-KiwiHotelSearchBar__mobileModalContent--MKt56","mobileLabel":"providers-kiwi-KiwiHotelSearchBar-KiwiHotelSearchBar__mobileLabel--2Mvda","mobileRequired":"providers-kiwi-KiwiHotelSearchBar-KiwiHotelSearchBar__mobileRequired--3xnJK","mobileField":"providers-kiwi-KiwiHotelSearchBar-KiwiHotelSearchBar__mobileField--16Kz6","mobileInput":"providers-kiwi-KiwiHotelSearchBar-KiwiHotelSearchBar__mobileInput--15Pc-","mobileChevron":"providers-kiwi-KiwiHotelSearchBar-KiwiHotelSearchBar__mobileChevron--3BK0E","mobileSuggestions":"providers-kiwi-KiwiHotelSearchBar-KiwiHotelSearchBar__mobileSuggestions--Wbwl5","mobileDateRange":"providers-kiwi-KiwiHotelSearchBar-KiwiHotelSearchBar__mobileDateRange--2ZOrF","mobileDateCell":"providers-kiwi-KiwiHotelSearchBar-KiwiHotelSearchBar__mobileDateCell--2g6gR","mobileDateText":"providers-kiwi-KiwiHotelSearchBar-KiwiHotelSearchBar__mobileDateText--6CwbD","mobileDatePlaceholder":"providers-kiwi-KiwiHotelSearchBar-KiwiHotelSearchBar__mobileDatePlaceholder--1LGOw","mobileDateArrow":"providers-kiwi-KiwiHotelSearchBar-KiwiHotelSearchBar__mobileDateArrow--38OyG","mobileTravelerRow":"providers-kiwi-KiwiHotelSearchBar-KiwiHotelSearchBar__mobileTravelerRow--1bMBB","mobileTravelerLabel":"providers-kiwi-KiwiHotelSearchBar-KiwiHotelSearchBar__mobileTravelerLabel--10cdS","mobileTravelerCounter":"providers-kiwi-KiwiHotelSearchBar-KiwiHotelSearchBar__mobileTravelerCounter--1UAX1","mobileCounterBtn":"providers-kiwi-KiwiHotelSearchBar-KiwiHotelSearchBar__mobileCounterBtn--1Iej6","mobileCounterValue":"providers-kiwi-KiwiHotelSearchBar-KiwiHotelSearchBar__mobileCounterValue--2IcKc","mobileActions":"providers-kiwi-KiwiHotelSearchBar-KiwiHotelSearchBar__mobileActions--dBd7q","mobileClearBtn":"providers-kiwi-KiwiHotelSearchBar-KiwiHotelSearchBar__mobileClearBtn--3W6Aj","mobileSearchBtn":"providers-kiwi-KiwiHotelSearchBar-KiwiHotelSearchBar__mobileSearchBtn--JNt2V"};
 
 /***/ }),
 /* 1127 */
@@ -92954,7 +93063,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(__webpack_require__(0));
-const react_dom_1 = __importDefault(__webpack_require__(14));
+const react_dom_1 = __importDefault(__webpack_require__(13));
 const KiwiVisaBenefitsModal_scss_1 = __importDefault(__webpack_require__(1132));
 const BENEFITS = [
     'Best available rate guarantee',
@@ -93119,7 +93228,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.EMPTY_FILTERS = void 0;
 /* eslint-disable import/no-extraneous-dependencies */
 const react_1 = __importStar(__webpack_require__(0));
-const react_dom_1 = __importDefault(__webpack_require__(14));
+const react_dom_1 = __importDefault(__webpack_require__(13));
 const KiwiHotelFilterModal_scss_1 = __importDefault(__webpack_require__(1136));
 exports.EMPTY_FILTERS = {
     locations: [],
@@ -93271,7 +93380,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 /* eslint-disable import/no-extraneous-dependencies */
 const react_1 = __importDefault(__webpack_require__(0));
-const react_dom_1 = __importDefault(__webpack_require__(14));
+const react_dom_1 = __importDefault(__webpack_require__(13));
 const KiwiSpecialOffersModal_scss_1 = __importDefault(__webpack_require__(1138));
 const stripHtml = (html) => html.replace(/<[^>]*>/g, '').trim();
 const KiwiSpecialOffersModal = ({ hotelName, specialOffers, onClose }) => react_dom_1.default.createPortal(react_1.default.createElement("div", { className: KiwiSpecialOffersModal_scss_1.default.overlay, onClick: onClose, role: "presentation" },
@@ -102752,7 +102861,7 @@ var taggedTemplateLiteral = __webpack_require__(421);
 var defineProperty = __webpack_require__(18);
 
 // EXTERNAL MODULE: external "react-dom"
-var external_react_dom_ = __webpack_require__(14);
+var external_react_dom_ = __webpack_require__(13);
 
 // EXTERNAL MODULE: ./node_modules/use-isomorphic-layout-effect/dist/use-isomorphic-layout-effect.browser.esm.js
 var use_isomorphic_layout_effect_browser_esm = __webpack_require__(77);