https://www.travala.com/_next/static/chunks/22397-e6f0aa4ea3bf2cb6.js

1try{let e="u">typeof window?window:"u">typeof global?global:"u">typeof globalThis?globalThis:"u">typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="b4c38ed7-44e0-43b4-b33a-09b13426c619",e._sentryDebugIdIdentifier="sentry-dbid-b4c38ed7-44e0-43b4-b33a-09b13426c619")}catch(e){}(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[22397],{22397:(e,t,a)=>{"use strict";a.r(t),a.d(t,{default:()=>J});var s=a(37876),r=a(11110),o=a(2171),c=a(14232),i=a(18847),n=a.n(i),h=a(52457),l=a(47507),d=a.n(l),p=a(40528),u=a(56557),g=a.n(u),S=a(55667),m=a(39978),f=a(30381),_=a(95062),y=a.n(_),R=a(904),k=a(15039),v=a.n(k),P=a(89099),D=a(15568),x=a(63849),w=a(76757),C=a(18334),b=a(33210),T=a(26095),B=a(25881),I=a(16911);let A=c.forwardRef(function({t:e,hidePlaceSearch:t,searchKey:a,searching:r,searchPlaceholder:o,defaultSuggestions:c,showSearch:i,showDefaultSuggestions:n,isBetaRebranding:h,onShowSearch:l,onSearchInputChange:p,onSelectAllText:u,onClearSearch:g,inputRef:S,children:m,applyHomepageSearchTypography:f=!1},_){return(0,s.jsxs)("div",{className:v()(d().block,d().searchPlaceBlock),style:{display:t?"none":"flex"},onClick:l,ref:_,children:[(0,s.jsx)(B.A,{className:d().blockIcon,src:h?"https://static.travala.com/resources/images-pc/rebranding/icon/search-icon.svg":"https://static.travala.com/frontend/images-pc/icon/magnifying-glass.svg",width:24,height:24,alt:"","aria-hidden":"true"}),(0,s.jsx)("input",{"data-testid":"search-box-search-input",ref:S,type:"text",autoComplete:"off",role:"combobox","aria-label":o||e("Search for Places or Properties"),"aria-expanded":i||n,"aria-controls":i?"search-box-results-list":void 0,"aria-autocomplete":"list",className:v()(d().searchInput,c&&d().disableSearchInput,(0,I.At)(f,"location")),value:(0,x.kG)(a),placeholder:o||e("Search for Places or Properties"),onChange:p,onKeyDown:e=>{("ArrowDown"===e.code||"ArrowUp"===e.code)&&e.preventDefault()},onFocus:u}),r&&(0,s.jsx)(b.g,{icon:T.z1,className:"fa-spin"}),a&&!r&&(0,s.jsx)("span",{role:"button","aria-label":e("common:clearSearch")||"Clear search",className:d().closeSearch,onClick:g,"data-testid":"search-box-clear-input-button",children:(0,s.jsx)(B.A,{src:h?"https://static.travala.com/resources/images-pc/rebranding/icon/close.svg":"https://static.travala.com/resources/images-pc/close.svg",width:24,height:24,alt:"","aria-hidden":"true"})}),m]})}),N=c.forwardRef(function({hidePlaceSearch:e,children:t},a){return(0,s.jsx)("div",{className:v()(d().block,d().dateBlock),ref:a,style:e?{paddingLeft:0,borderLeft:0}:{},children:t})});function j({t:e,startDate:t,endDate:a,shortDateFormat:r,isBetaRebranding:o,binanceBitcoinexchange:c,onToggleStart:i,onToggleEnd:n,applyHomepageSearchTypography:h=!1}){let l=o?"https://static.travala.com/resources/images-pc/rebranding/icon/datepicker.svg":`https://static.travala.com/frontend/images-pc/${c?"binance/datepicker.png":"icon/calender.png"}`;return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)("div",{className:d().date,onClick:i,"data-testid":"search-box-start-date",role:"button","aria-label":`${e("common:checkIn")||"Check-in"}: ${g()(t).format(r)}`,children:[(0,s.jsx)(B.A,{className:d().blockIcon,width:24,height:24,alt:"","aria-hidden":"true",src:l}),(0,s.jsxs)("div",{children:[(0,s.jsx)("div",{className:v()(d().fullDate,(0,I.At)(h,"primaryValue")),"data-testid":"search-box-date-checkin-display-date",children:g()(t).format(r)}),(0,s.jsx)("div",{className:v()(d().day,(0,I.At)(h,"secondaryValue")),"data-testid":"search-box-date-checkin-display-dayinweek",children:g()(t).format("dddd")})]})]}),(0,s.jsxs)("div",{className:d().date,onClick:n,"data-testid":"search-box-end-date",role:"button","aria-label":`${e("common:checkOut")||"Check-out"}: ${g()(a).format(r)}`,children:[(0,s.jsx)(B.A,{width:24,height:24,className:d().blockIcon,alt:"","aria-hidden":"true",src:l}),(0,s.jsxs)("div",{children:[(0,s.jsx)("div",{className:v()(d().fullDate,(0,I.At)(h,"primaryValue")),"data-testid":"search-box-date-checkout-display-date",children:g()(a).format(r)}),(0,s.jsx)("div",{className:v()(d().day,(0,I.At)(h,"secondaryValue")),"data-testid":"search-box-date-checkout-display-dayinweek",children:g()(a).format("dddd")})]})]})]})}let Y=c.forwardRef(function({t:e,rooms:t,totalAdult:a,totalChild:r,isBetaRebranding:o,binanceBitcoinexchange:c,onToggleRoomPicker:i,children:n,applyHomepageSearchTypography:h=!1},l){let p=o?"https://static.travala.com/resources/images-pc/rebranding/icon/user.svg":`https://static.travala.com/frontend/images-pc/${c?"binance/user.png":"icon/people.png"}`;return(0,s.jsxs)("div",{className:v()(d().block,d().fullRoomInfo),ref:l,onClick:i,"data-testid":"search-box-room-picker",role:"button","aria-label":e("common:guestsAndRooms")||`Guests and rooms: ${a} adults, ${r} children`,children:[(0,s.jsx)(B.A,{width:24,height:24,className:d().blockIcon,alt:"","aria-hidden":"true",src:p}),(0,s.jsxs)("div",{children:[(0,s.jsxs)("div",{className:v()(d().roomTitle,(0,I.At)(h,"primaryValue")),"data-testid":"search-box-room-person-count",children:[a," ",e(a>1?"home:flightSearch.adults":"home:flightSearch.adult")," ","- ",r," ",e(r>1?"home:flightSearch.children":"home:flightSearch.child")]}),(0,s.jsx)("div",{className:v()(d().roomCount,(0,I.At)(h,"secondaryValue")),"data-testid":"search-box-room-count",children:e(`searchBox.roomCount${t.length>1?"_plural":""}`,{count:t.length})})]}),n]})});var M=a(21141),O=a(58664);async function L(e,t=5){if(!e)return{cities:[],properties:[]};let a=await (0,M.fB)(e,t),s=a.data.cities;s=s.map(e=>({...e,general_type:(0,m.e0)(e.types),location_type:r.cD.CITY}));let o=a.data.properties;return{cities:s,properties:o=o.map(e=>({...e,general_type:e.category.toLowerCase(),location_type:r.cD.PROPERTY,accent_name:(0,O.nm)(e)}))}}var q=a(38412);function K({t:e,rangeSelection:t,rangeSelectionPreview:a,focusedRangeStep:r,previewEndDate:o,startDate:c,endDate:i,diffDate:n,minDate:h,maxDate:l,isSearchPage:d,onChange:p,onPreviewChange:u,applyHomepageSearchTypography:S=!1}){return(0,s.jsxs)("div",{className:v()("tvlDateRangeWrapper","tvlDateRangeWrapperNew",(0,I.XI)(S),{endDateFocused:"end"===r,isSearchPage:d}),children:[(0,s.jsx)(q.ad,{ranges:t,onChange:p,months:2,color:"#2d2d4f",direction:"horizontal",locale:(0,f.L7)(),minDate:h,maxDate:l,showDateDisplay:!1,showMonthAndYearPickers:!1,retainEndDateOnFirstSelection:!1,dragSelectionEnabled:!1,onPreviewChange:u,preview:a,preventSnapRefocu

1s:!0,ariaLabels:{prevButton:e("common:calendarPreviousMonth"),nextButton:e("common:calendarNextMonth")}}),(0,s.jsxs)("p",{children:[g()(c).format("dddd DD MMMM YYYY")," - ",o&&"end"===r?g()(o).format("dddd DD MMMM YYYY"):g()(i).format("dddd DD MMMM YYYY")," (",e(`common:totalNight${(o&&"end"===r?g()(o).diff(c,"days"):n)>1?"_plural":""}`,{count:o&&"end"===r?g()(o).diff(c,"days"):n}),")"]})]})}var E=a(14577);let H=n()(()=>Promise.all([a.e(7261),a.e(12945)]).then(a.bind(a,12945)),{loadableGenerated:{webpack:()=>[12945]},ssr:!1}),U=n()(()=>Promise.all([a.e(15187),a.e(19637),a.e(26925),a.e(80086)]).then(a.bind(a,26925)),{loadableGenerated:{webpack:()=>[26925]},ssr:!1}),$=n()(()=>a.e(18882).then(a.bind(a,18882)),{loadableGenerated:{webpack:()=>[18882]},ssr:!1});class F extends c.Component{constructor(e){super(e),this.absoluteMinDate=g()().toDate(),this.absoluteMaxDate=g()().add(1,"years").toDate(),this.toggleRoomPicker=()=>{this.setState({showRoomPicker:!this.state.showRoomPicker})},this.toggleDateRange=(e="start")=>{this.setState({isShowDateRange:!0,focusedRangeStep:e})},this.handleCheckFocusSearch=()=>{if(this.state.showDefaultSuggestions||this.state.showSearch||this.state.hasShownFocusOnSearch)return;let e=new URL(window.location.href),t=new URLSearchParams(e.search);if("search"!==t.get("focus"))return;this.handleSelectAllText(),this.onShowSearch(),t.delete("focus");let a=e.origin+e.pathname+(t.toString()?"?"+t.toString():"");window.history.replaceState({},"",a),this.setState({hasShownFocusOnSearch:!0})},this.handleClickOutside=e=>{if(this.setState({hasShownFocusOnSearch:!1}),this.searchBlockRef&&this.searchBlockRef.current&&!this.searchBlockRef.current.contains(e.target)){let{cities:t,properties:a,showSearch:s,searchKey:r,selectedPlace:o,showDefaultSuggestions:c}=this.state;if(c&&this.setState({showDefaultSuggestions:!1}),s&&!this.searchPlaceBlock?.current?.contains(e.target)&&this.setState({showSearch:!1}),s&&r!==o?.accent_name&&!this.searchPlaceBlock?.current?.contains(e.target)){if(t.length)return void this.onSearchResultItemClick(t[0]);if(a.length)return void this.onSearchResultItemClick(a[0])}}this.dateRangeBlockRef&&!this.dateRangeBlockRef.current.contains(e.target)&&this.setState({isShowDateRange:!1,focusedRangeStep:null}),this.roomPickerBlockRef&&!this.roomPickerBlockRef.current.contains(e.target)&&((0,m.u8)(this.state.rooms)?this.setState({showRoomPicker:!1,showAgeRequiredMsg:!1}):this.setState({showAgeRequiredMsg:!0}))},this.calcTotalChild=()=>this.state.rooms.reduce((e,t)=>e+t.children,0),this.calcTotalAdult=()=>this.state.rooms.reduce((e,t)=>e+t.adults,0),this.handleSelect=e=>{let t=this.state.rangeSelection?this.state.rangeSelection[0]:{};if(e&&e.selection){let a=e.selection.startDate,s=e.selection.endDate;"end"===this.state.focusedRangeStep&&(0,m.s$)("DatePicker_End");let r={};"start"===this.state.focusedRangeStep?(a=a!==t?.startDate?e.selection.startDate:e.selection.endDate,s=g()(t?.endDate).diff(g()(a),"days")>0&&28>g()(t?.endDate).diff(g()(a),"days")&&g()(a).diff(0>g()(t?.endDate))?t?.endDate:g()(a).add(1,"days").toDate(),r={...r,focusedRangeStep:"end",selectedDateTmp:s}):(a=t?.startDate,0===g()(a).diff(g()(s))&&(s=g()(a).add(1,"days").toDate()),r={...r,isShowDateRange:!1,focusedRangeStep:null}),this.setState({...r,rangeSelection:[{startDate:a,endDate:s,key:"selection"}],rangeSelectionPreview:{startDate:a,endDate:s}}),"end"===this.state.focusedRangeStep&&setTimeout(()=>{this.setState({showRoomPicker:!0})},100),this.props.onSelectDate({startDate:a,endDate:s})}},this.onDoneChoosingRoom=e=>{this.setState({rooms:e}),this.props.onSelectRoom(e)},this.search=()=>{let{saveSelectedSearchPlace:e,saveSearchParams:t,onSearch:a,t:s,router:o,currentUser:c,customTracking:i}=this.props,{selectedPlace:n,rangeSelection:l,rooms:d}=this.state,{startDate:p,endDate:u}=l[0],g={adults:this.calcTotalAdult(),children:this.calcTotalChild(),selectedPlace:n,startDate:(0,m.N7)(p,"string"),endDate:(0,m.YP)(p,u,"string")};if(!n?.location_type)return void this.setState({popupConfirm:{open:!0,content:s("home:enterLocationName")}});this.props.disableTriggerEvent||(0,R.HR)(g,c,i),this.saveRecentSearch(),e(n);try{let e,s=(0,m.DQ)(p,u,d),c=(0,m.K2)(n?.types);e=n?.location_type===r.cD.CITY?{...s,location:n?.id,place_types:n?.types?n?.types.join(","):"",..."airport"===c?{iata_airport_metro_code:n?.iata_airport_metro_code||""}:{}}:n?.location_type===r.cD.PROPERTY?{...s,location:n?.code||n?.id,search_type:"HOTEL"}:{...s,slug:n?.code},"marriott-brands"===o.query.slug&&(e={...e,popular:"MP"}),t(e),n?.has_country_page&&n?.slug?o.push({pathname:"/hotels/[slug]",query:{slug:n?.slug}},`/hotels/${n?.slug}`,{locale:h.Ru.language}):(a?a(n,e):n?.location_type===r.cD.CITY||n?.location_type===r.cD.PROPERTY?window.location.href=(0,E.H)(`/search?${w.stringify(e)}`,h.Ru.language):this.props.router.push({pathname:"/hotel/[slug]",query:{...e,slug:n?.slug}},`/hotel/${n?.slug}?${w.stringify(e)}`,{locale:h.Ru.language}),this.setState({initRooms:d,initRangeSelection:l}))}catch(e){console.error(e)}},this.getRecentSearch=()=>{let e=function(e=3){try{let t=(0,m.c7)("recent_search","object");

1if(t)return(0,m.Az)(t,e);return[]}catch(e){return console.error("Error loading search history:",e),[]}}();this.setState({recentSearchData:e})},this.saveRecentSearch=()=>{let{selectedPlace:e,rangeSelection:t,rooms:a}=this.state,s=function(e,t,a){let s={selectedPlace:e,rangeSelection:t,rooms:a},r=(0,m.c7)("recent_search","object");if(r){let e=(0,m.J6)(r,s);-1!==e&&r.splice(e,1),r.length>2&&r.splice(2);let t=[s,...r].slice(0,3);return(0,m.cT)("recent_search",JSON.stringify(t)),t}let o=[s];return(0,m.cT)("recent_search",JSON.stringify(o)),o}(e,t,a);this.setState({recentSearchData:s})},this.removeRecentSearch=(e,t)=>{let a;e.stopPropagation();let{recentSearchData:s}=this.state,r=((a=[...s]).splice(t,1),a.length>0?(0,m.cT)("recent_search",JSON.stringify(a)):(0,m.N1)("recent_search"),a);this.setState({recentSearchData:r})},this.applyRecentSearchBox=e=>{let{selectedPlace:t,rangeSelection:a,rooms:s}=e,{startDate:r,endDate:o}=a[0];setTimeout(()=>{this.setState({selectedPlace:t,rooms:s,searchKey:t?.accent_name,showSearch:!1,showDefaultSuggestions:!1,rangeSelection:[{startDate:(0,m.N7)(r),endDate:(0,m.YP)(r,o),key:"selection"}],rangeSelectionPreview:{startDate:(0,m.N7)(r),endDate:(0,m.YP)(r,o)}})})},this.onSearchInputChange=e=>{let t=e.target.value;this.setState({searchKey:t,searching:!0,showSearch:!1}),this.timerId&&clearTimeout(this.timerId),this.timerId=setTimeout(()=>{this.fetchSearchResults(t),this.timerId=0},300)},this.fetchSearchResults=e=>{if(!e)return void this.setState({searching:!1,cities:[],properties:[]});let t=Date.now();this.lastRequestId=t,L(e).then(({cities:e,properties:a})=>{t===this.lastRequestId&&this.setState({cities:e,properties:a,searching:!1,showSearch:!0})},()=>{t===this.lastRequestId&&this.setState({searching:!1})}).catch(e=>{console.error(e),t===this.lastRequestId&&this.setState({searching:!1})})},this.onSearchResultItemClick=(e={},t=!1)=>{let a=(0,x.kG)(e?.accent_name),s={...e,accent_name:a};setTimeout(()=>{this.props.saveSelectedSearchPlace(s),this.setState({selectedPlace:s,searchKey:a,showSearch:!1,isShowDateRange:t,focusedRangeStep:"start"})})},this.onDefaultSuggestionClick=(e={})=>{let t=(0,x.kG)(e?.accent_name),a={accent_name:t,id:e?.id,name:t,location_type:"CITY",types:["MULTICITY"],general_type:"city"};this.props.saveSelectedSearchPlace(a),this.setState({selectedPlace:a,searchKey:t,showDefaultSuggestions:!1,isShowDateRange:!0,focusedRangeStep:"start"})},this.disableBtnSearch=(e,t)=>{let{allowDisableBtnSearch:a,initPlace:s}=this.props,{initRooms:r,initRangeSelection:o,selectedPlace:c,showAgeRequiredMsg:i}=this.state;return!!i||a&&!i&&JSON.stringify(r)+JSON.stringify(o)===JSON.stringify(e)+JSON.stringify(t)&&s.accent_name===c?.accent_name},this.onShowSearch=()=>{let{defaultSuggestions:e}=this.props;e?.length>0?this.setState({showDefaultSuggestions:!0}):this.state.recentSearchData?.length>0&&this.setState({showSearch:!0})},this.clearAllSearchState=()=>{this.setState({searchKey:"",cities:[],properties:[]}),this.inputSearchRef.current?.focus()},this.handlePreviewCalendar=e=>{"end"!==this.state.focusedRangeStep||e||this.setState({rangeSelectionPreview:{startDate:this?.state?.rangeSelection?.[0]?.startDate,endDate:this?.state?.selectedDateTmp}}),"end"===this.state.focusedRangeStep&&e&&g()(e).isAfter(g()(this.state?.rangeSelection?.[0]?.startDate))&&this.setState({rangeSelectionPreview:{startDate:this?.state?.rangeSelection?.[0]?.startDate,endDate:e},previewEndDate:e})},this.handleSelectAllText=()=>{setTimeout(()=>this.inputSearchRef.current?.select(),1)},this.handleShowAgeRequired=(e=!1)=>{this.setState({showAgeRequiredMsg:e})},this.handleValidateAge=(e=[])=>{try{this.roomPickerBlockRef&&this.handleShowAgeRequired(!(0,m.u8)(e))}catch(e){console.error("Error validating age requirement ",e),(0,C.Cp)(e)}},this.searchBlockRef=c.createRef(),this.dateRangeBlockRef=c.createRef(),this.roomPickerBlockRef=c.createRef(),this.searchPlaceBlock=c.createRef(),this.inputSearchRef=c.createRef(),this.lastRequestId=0;const{rooms:t,selectedPlace:a,checkIn:s,checkOut:o,defaultShowDateRange:i}=e,n=t?.length>0?t:[r.$_];this.state={showRoomPicker:!1,showAgeRequiredMsg:!1,showSearch:!1,showDefaultSuggestions:!1,hasShownFocusOnSearch:!1,rooms:n,searchKey:a?.accent_name||"",selectedPlace:a,searchPlaceHolder:"",isShowDateRange:i||!1,minDate:g()().toDate(),maxDate:g()().add(1,"years").toDate(),rangeSelection:[{startDate:(0,m.N7)(s),endDate:(0,m.YP)(s,o),key:"selection"}],rangeSelectionPreview:{startDate:(0,m.N7)(s),endDate:(0,m.YP)(s,o)},popupConfirm:{open:!1,title:null,content:null},searching:!1,cities:[],properties:[],initRooms:n,initRangeSelection:[{startDate:(0,m.N7)(s),endDate:(0,m.YP)(s,o),key:"selection"}],recentSearchData:[],selectedResult:"",focusedRangeStep:"start",selectedDateTmp:null}}componentDidMount(){document.addEventListener("mousedown",this.handleClickOutside),document.addEventListener("keydown",e=>this.handleKeyPressSearch(e)),this.getRecentSearch()}componentWillUnmount(){document.removeEventListener("mousedown",this.handleClickOutside),document.removeEventListener("keydown",e=>this.handleKeyPressSearch(e))}componentDidUpdate(e,t,a){!t.selectedPlace?.location_type&&this.props.selectedPlace?.location_type&&this.setState({selectedPlace:this.props.selectedPlace,searchKey:this.props.selectedPlace?.accent_name,...this.props.rooms?.length>0?{rooms:this.props.rooms}:{}}),0===t.rooms.length&&this.props.rooms.length>0&&this.setState({rooms:this.props.rooms}),(e.checkOut!==this.props.checkOut||e.checkIn!==this.props.checkIn)&&this.setState({rangeSelection:[{startDate:(0,m.N7)(this.props.checkIn),endDate:(0,m.YP)(this.props.checkIn,this.props.checkOut),key:"selection"}],rangeSelectionPreview:{startDate:(0,m.N7)(this.props.checkIn),endDate:(0,m.YP)(this.props.checkIn,this.props.checkOut)},...this.props.rooms?.length>0?{rooms:this.props.rooms}:{}}),t.isShowDateRange!==this.state.isShowDateRange&&this.setState({selectedDateTmp:this.state.isShowDateRange?this.state?.rangeSelection?.[0]?.endDate:null}),t.focusedRangeStep!==this.state.focusedRangeStep&&"start"===this.state.focusedRangeStep&&(0,m.s$)("DatePicker_Start"),e.isSticky!==this.props.isSticky&&this.setState({isShowDateRange:!1,showRoomPicker:!1,showDefaultSuggestions:!1}),t.searchKey!==this.state.searchKey&&this.state.searchKey&&this.setState({showDefaultSuggestions:!1}),this.handleCheckFocusSearch()}handleKeyPressSearch(e){let{showSearch:t,recentSearchData:a,cities:s,properties:r}=this.state;

1if(t){if(27===e.keyCode)return void this.setState({showSearch:!1});if(this.searchBlockRef.current&&(40===e.keyCode||38===e.keyCode)){let t=this.searchBlockRef.current.querySelectorAll("li"),a=this.searchBlockRef.current.querySelector("li.searchResultActive"),s=40===e.keyCode?1:-1;if(!a&&t.length>0)t[0].classList.add("searchResultActive");else for(let e=0;e<t.length;++e)if(t[e].classList.contains("searchResultActive")&&e+s<t.length&&e+s>=0){t[e].classList.remove("searchResultActive"),t[e+s].classList.add("searchResultActive");break}}if(13===e.keyCode&&this.searchBlockRef.current){let e=this.searchBlockRef.current.querySelector("li.searchResultActive");if(!e)return;let t=e.id.split("-")[0],o=e.id.split("-")[1];"recentSearchData"===t?this.applyRecentSearchBox(a[o]):this.onSearchResultItemClick(("cities"===t?s:r)[o],!0)}}}render(){let{t:e,hidePlaceSearch:t,searchText:a,customDateFormat:r,className:o,isMapView:c,color:i,textColor:n,isFixed:h,defaultSuggestions:l,searchPlaceholder:p,isSearchPage:u,applyHomepageSearchTypography:m}=this.props,{rooms:_,popupConfirm:y,isShowDateRange:R,showRoomPicker:k,searchKey:P,cities:x,properties:w,showSearch:C,searching:b,rangeSelection:T,rangeSelectionPreview:B,minDate:M,recentSearchData:O,focusedRangeStep:L,showDefaultSuggestions:q,showAgeRequiredMsg:E,previewEndDate:F}=this.state,{startDate:J,endDate:V}=T[0],G=["BinancePage","Bitcoinexchange"].indexOf(o)>-1,W=r||(0,f.of)(),z=g()(V).diff(J,"days"),Q="start"===this.state.focusedRangeStep?M:J,X="start"===this.state.focusedRangeStep||g()(J).add(27,"days").isAfter(this.absoluteMaxDate)?this.absoluteMaxDate:g()(J).add(27,"days").toDate(),Z=["/","/[accommodationSlug]","/flights","/activities"].includes(this.props.router.pathname);return(0,s.jsx)(s.Fragment,{children:(0,s.jsxs)("div",{className:v()(d().wrap,o,{[d().mapView]:c},d().newUI,Z&&d().rebreanding),style:{borderColor:i,zIndex:C?4:3},"data-testid":"search-box-pc-container",children:[(0,s.jsx)(S.A,{open:y.open,infoPopup:y.content,title:y.title,contentClass:d().emptyKeySearch,onClose:()=>{this.setState({popupConfirm:{...y,open:!1}})}}),(0,s.jsx)(A,{ref:this.searchPlaceBlock,inputRef:this.inputSearchRef,t:e,hidePlaceSearch:t,searchKey:P,searching:b,searchPlaceholder:p,defaultSuggestions:l,showSearch:C,showDefaultSuggestions:q,isBetaRebranding:Z,onShowSearch:this.onShowSearch,onSearchInputChange:this.onSearchInputChange,onSelectAllText:this.handleSelectAllText,onClearSearch:this.clearAllSearchState,applyHomepageSearchTypography:m,children:C&&(0,s.jsx)(H,{rootRef:this.searchBlockRef,t:e,searchKey:P,searching:b,cities:x,properties:w,recentSearchData:O,isSearchPage:u,disableHighlight:G,onResultClick:this.onSearchResultItemClick,onApplyRecentSearch:this.applyRecentSearchBox,onRemoveRecentSearch:this.removeRecentSearch,applyHomepageSearchTypography:m})}),(0,s.jsxs)(N,{ref:this.dateRangeBlockRef,hidePlaceSearch:t,children:[R&&(0,s.jsx)(K,{t:e,rangeSelection:T,rangeSelectionPreview:B,focusedRangeStep:L,previewEndDate:F,startDate:J,endDate:V,diffDate:z,minDate:Q,maxDate:X,isSearchPage:u,onChange:this.handleSelect,onPreviewChange:this.handlePreviewCalendar,applyHomepageSearchTypography:m}),(0,s.jsx)(j,{t:e,startDate:J,endDate:V,shortDateFormat:W,isBetaRebranding:Z,binanceBitcoinexchange:G,onToggleStart:()=>this.toggleDateRange("start"),onToggleEnd:()=>this.toggleDateRange("end"),applyHomepageSearchTypography:m})]}),(0,s.jsx)(Y,{ref:this.roomPickerBlockRef,t:e,rooms:_,totalAdult:this.calcTotalAdult(),totalChild:this.calcTotalChild(),isBetaRebranding:Z,binanceBitcoinexchange:G,onToggleRoomPicker:this.toggleRoomPicker,applyHomepageSearchTypography:m,children:k&&(0,s.jsx)(U,{isMapView:c,className:v()(d().roomPicker,{[d().isSearchPage]:u}),t:e,rooms:_,onDone:this.onDoneChoosingRoom,toggleRoomPicker:this.toggleRoomPicker,isFixed:h,showAgeRequiredMsg:E,showRoomPicker:k,onShowAgeRequired:this.handleShowAgeRequired,onValidateAge:this.handleValidateAge,applyHomepageSearchTypography:m})}),(0,s.jsx)(D.A,{"data-testid":"search-box-search-button",className:v()(d().btnSearch,"tvl-seach-box"),disabled:this.disableBtnSearch(_,T),onClick:this.search,style:{backgroundColor:i,

1color:n},size:"lg",...this.props.searchBtnProps,children:(0,s.jsx)("div",{className:(0,I.At)(m,"button"),children:a||e("common:Search")})}),q&&(0,s.jsx)($,{rootRef:this.searchBlockRef,t:e,defaultSuggestions:l,onSuggestionClick:this.onDefaultSuggestionClick,applyHomepageSearchTypography:m})]})})}}F.propTypes={onSelectDate:y().func,onSelectRoom:y().func,allowDisableBtnSearch:y().bool,applyHomepageSearchTypography:y().bool},F.defaultProps={onSelectDate:()=>{},onSelectRoom:()=>{},allowDisableBtnSearch:!1,applyHomepageSearchTypography:!1};let J=(0,o.Ng)(e=>({searchParams:e.searchParams,currentUser:e.currentUser}),e=>({saveSelectedSearchPlace:t=>e((0,p.K8)(t)),saveSearchParams:t=>e((0,p.As)(t))}))((0,h.CI)(["common","home"])((0,P.withRouter)(F)))},47507:e=>{e.exports={wrap:"TvlSearchBoxPC_wrap__yv65P",block:"TvlSearchBoxPC_block__SGB9I",newUI:"TvlSearchBoxPC_newUI__aWJws",btnSearch:"TvlSearchBoxPC_btnSearch__ZaNOI",searchPlaceBlock:"TvlSearchBoxPC_searchPlaceBlock__UvSyS",fullRoomInfo:"TvlSearchBoxPC_fullRoomInfo__sfpMI",blockIcon:"TvlSearchBoxPC_blockIcon__oHq6b",roomCount:"TvlSearchBoxPC_roomCount__KWHqL",roomPicker:"TvlSearchBoxPC_roomPicker__pA1NV",isSearchPage:"TvlSearchBoxPC_isSearchPage__wwJvR",dateBlock:"TvlSearchBoxPC_dateBlock__FeieO",date:"TvlSearchBoxPC_date__Op6sW",day:"TvlSearchBoxPC_day__x7Ta6",closeSearch:"TvlSearchBoxPC_closeSearch__xsUAT",searchInput:"TvlSearchBoxPC_searchInput__H349M",searchResults:"TvlSearchBoxPC_searchResults__cgTQ0",blockResults:"TvlSearchBoxPC_blockResults__1rKNh",blockSearch:"TvlSearchBoxPC_blockSearch__E7PJj",recentItem:"TvlSearchBoxPC_recentItem__63v6f",emptyKeySearch:"TvlSearchBoxPC_emptyKeySearch__hIjtD",notResults:"TvlSearchBoxPC_notResults__xw_GL",searchResultsCate:"TvlSearchBoxPC_searchResultsCate__6EHx5",popular:"TvlSearchBoxPC_popular___wY5T",searchResultsList:"TvlSearchBoxPC_searchResultsList__GJSal",searchResultsListTypeahead:"TvlSearchBoxPC_searchResultsListTypeahead__Ed3pw",property:"TvlSearchBoxPC_property__A_1tb",searchResultsType:"TvlSearchBoxPC_searchResultsType__KsMQH",searchResultsListTypographyB:"TvlSearchBoxPC_searchResultsListTypographyB__NHxwA",TvlStarRating:"TvlSearchBoxPC_TvlStarRating__o6nYd",country:"TvlSearchBoxPC_country__lU95i",city:"TvlSearchBoxPC_city__G5fSX",landmark:"TvlSearchBoxPC_landmark__2CgYy",searchBtn:"TvlSearchBoxPC_searchBtn__amCfx",contentBlock:"TvlSearchBoxPC_contentBlock__50pyF",defaultSuggestions:"TvlSearchBoxPC_defaultSuggestions__uLnbf",title:"TvlSearchBoxPC_title__OJNrT",list:"TvlSearchBoxPC_list__LBUah",image:"TvlSearchBoxPC_image__6CjA2",item:"TvlSearchBoxPC_item__F6g9J",disableSearchInput:"TvlSearchBoxPC_disableSearchInput__KHV1b",rebreanding:"TvlSearchBoxPC_rebreanding__k65we",fullDate:"TvlSearchBoxPC_fullDate__TwZsf",roomTitle:"TvlSearchBoxPC_roomTitle__2_lUj",region:"TvlSearchBoxPC_region__hwjqD",hotel:"TvlSearchBoxPC_hotel__a1_Se",icon:"TvlSearchBoxPC_icon___3Uy2"}}}]);