https://booking.thehoxton.com/_next/static/chunks/pages/availability-d1c2bf4469ab2e5e.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[840],{83151:function(e,i,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/availability",function(){return t(16412)}])},16412:function(e,i,t){"use strict";t.r(i),t.d(i,{__N_SSP:function(){return H},default:function(){return pages_availability}});var o=t(60589),n=t(223),a=t.n(n),l=t(17706),r=t.n(l),d=t(50959),s=t(82810),c=t(40290);let BackgroundVideo=e=>(0,o.tZ)(c.Z,{...e,disableTracking:!0}),HeroVideo=e=>{let{asset:i}=e;return(0,o.tZ)(BackgroundVideo,{src:i.src,height:i.height,style:{aspectRatio:"auto"}})};var u=t(49257),v=t(29758),h=t(41494),m=t(93611),g=t(89063);function LiveBookingWarningModal(){let[e,i]=(0,d.useState)(!0);return"true"!==(0,v.LC)().NEXT_PUBLIC_LIVE_BOOKING_WARNING?null:(0,o.tZ)(u.Uc,{isOpen:e,onRequestClose:()=>{},contentMaxWidth:700,children:(0,o.BX)(m.Kq,{s:"xs",children:[(0,o.tZ)(g.X6,{as:"h5",style:"heading5",children:"This preview environment points to staging!"}),(0,o.tZ)(m.Kq,{s:"xs",children:(0,o.tZ)(g.Iy,{children:"Creating bookings in this preview environment may be made against a live\n      instance of Opera. They will be marked accordingly. Please exercise\n      extra caution when booking."})}),(0,o.tZ)(h.zx,{onClick:()=>i(!1),variant:"destructive",children:"I understand"})]})})}var p=t(89659),f=t(79129),b=t(51455),S=t(30490);t(41561);var y=t(49532),C=t(81542),k=t(84627),w=t(94183),Z=t(14648);let useCreateBookingMutation=()=>{let e=(0,Z.s)(),i=(0,C.pD)();return(0,y.useMutation)(async t=>{let{body:o,dialect:n}=t,a="ows"===n?new w.r(i):new k.e(i);return await a.createBooking({...o,sessionId:e})})};var P=t(11263),x=t(22768);let useCreateBooking=()=>{let{mutateAsync:e,isLoading:i,isSuccess:t,data:o}=useCreateBookingMutation(),[n,a]=(0,d.useState)(),l=(0,P.AI)(),r=(0,x.bU)(),[,s]=(0,S.sz)();return{async createBooking(i){let{query:t,rooms:o}=i,{referenceId:n,dialect:d}=(0,P.vR)(l,t.hotelCode);try{let i=await e({body:{hotelReferenceId:n,locale:{language:r.baseName},rooms:o,discountCode:t.rateCode,discountCodeType:t.rateCode?"CORPORATE":void 0},dialect:d});return s(i.bookingId,t),i}catch(e){a(e),console.log(e);return}},isLoading:i,error:n,createdBooking:o,isSuccess:t,clearError(){a(void 0)}}};var _=t(28343),F=t(7679),I=t(59654),T=t(31973),R=t(60050),E=t(28955),A=t(77614),B=t(33157),N=t(8426),O=t(66648),z=t(20796),X=t(12997),H=!0,pages_availability=function(e){var i,t,n,l,d,c;let{successType:u,validData:v,invalidData:h}=(0,s.DW)(),g=(0,P.AI)(),y="full"===u?v:void 0,C=(0,s.TL)(),k=(null==y?void 0:y.hotelCode)?(0,B.jf)(y.hotelCode):void 0,w=(0,s.o2)(y,k),Z=(0,A.w8)(k),H=y&&k&&!w,{t:j}=(0,x.$G)("search"),M=(0,P.Tt)(j("title")),G=useCreateBooking(),{heroVideo:L,heroImage:D,forms:U}=(0,X.Fg)();return(0,N.P)(null==Z?void 0:null===(i=Z.theme)||void 0===i?void 0:i.key),(0,R.zU)(null==Z?void 0:Z.payments.currencyCode),(0,o.BX)(E.Vt,{initialFlags:e.experiments,context:{hotelReferenceId:null==Z?void 0:Z.referenceId,dialect:null==Z?void 0:Z.dialect},children:[(0,o.tZ)(a(),{children:(0,o.tZ)("title",{children:M})}),(0,o.tZ)(F.D,{currentPage:H?S.as.RoomSelection:S.as.SearchForm}),!H&&L&&(0,o.tZ)(HeroVideo,{asset:L}),!H&&D&&(0,o.tZ)(r(),{src:D.src,alt:D.alt,width:D.width,height:D.height,css:{width:"100%",objectFit:"cover",height:D.height,"@media all and (max-width: 730px)":D.mobile}}),(0,o.tZ)(LiveBookingWarningModal,{}),(0,o.tZ)(z.I,{children:(0,o.tZ)(z.FE,{isFlushOnMobile:!0,children:H?(0,o.tZ)(s.$M,{query:y,hotelReferenceId:k,onRequestRedirect:e=>{window.location.href=e},title:j("title"),onSearchQueryChange:e=>{G.clearError(),C({query:e,placement:"booking engine modify search"}),(0,f.v)(e)},onRoomSelectionComplete:async e=>{let i=await G.createBooking({query:y,rooms:e});i&&(0,T.rE)({bookingId:null==i?void 0:i.bookingId,hotelSlug:(0,P.vR)(g,y.hotelCode).referenceId})},isCreatingBooking:G.isLoading||G.isSuccess,createBookingError:G.error,mobileStepProgress:(0,o.tZ)(I.K,{total:3,current:1})}):(0,o.BX)(o.HY,{children:[(0,o.tZ)(z.k1,{children:(0,o.tZ)(_.Z,{children:j("titleOnSearchPage")||j("title")})}),(0,o.BX)(m.Kq,{children:[Z&&(0,o.tZ)(p.Fb,{hotelSlug:Z.referenceId}),(0,o.tZ)(z.Zb,{css:{backgroundColor:null==U?void 0:null===(t=U.searchForm)||void 0===t?void 0:t.backgroundColor,display:null==U?void 0:null===(n=U.searchForm)||void 0===n?void 0:n.display,justifyContent:null==U?void 0:null===(l=U.searchForm)||void 0===l?void 0:l.justifyContent,padding:null==U?void 0:null===(d=U.searchForm)||void 0===d?void 0:d.padding,"@media all and (max-width: 730px)":null==U?void 0:null===(c=U.searchForm)||void 0===c?void 0:c.mobile},children:(0,o.tZ)(p.pk,{initialQuery:{...v,rooms:v.rooms?v.rooms:h.rooms},onSubmit:e=>{C({query:e,placement:"booking engine search"}),(0,f.v)(e)},error:w?new b.dA({code:"EXCEEDED_NUMBER_OF_GUESTS_PER_ROOM"}):void 0})})]})]})})}),(0,o.tZ)(O.Z,{})]})}},7679:function(e,i,t){"use strict";t.d(i,{D:function(){return C}});var o=t(21262),n=t(60589),a=t(75847),l=t(48583),r=t(67920),d=t.n(r);t(50959);

1var s=t(586),c=t(51455),u=t(30490),v=t(31973),h=t(30795),m=t(20762),g=t(22768),p=t(41494),f=t(82083),b=t(20796),S=t(12997),y=t(51757);function _templateObject(){let e=(0,o._)(["\n                position: relative;\n              "]);return _templateObject=function(){return e},e}function _templateObject1(){let e=(0,o._)(["\n                  position: absolute;\n                  height: 40px;\n                  /* Align center vertically */\n                  top: calc(50% - 18px);\n                  inline-start: 14px;\n                  transform: rotate(\n                    calc((1 - var(--content-direction-factor)) * 90deg)\n                  );\n                  color: ",";\n\n                  /* Hides if on the search form (first) or confirmation (last) page in wizard */\n                  display: ",";\n                "]);return _templateObject1=function(){return e},e}let getStepTitle=(e,i)=>{switch(e){case u.as.SearchForm:case u.as.RoomSelection:return i("roomSelectionTitle");case u.as.AdditionalInfo:return i("additionalInfoTitle");case u.as.Payment:return i("paymentTitle");case u.as.Confirmation:return i("confirmationTitle")}},C=(0,l.Pi)(e=>{var i,t,o,l,r,C,k,w,Z,P,x;let{bookingId:_,hotelSlug:F,currentPage:I}=e,{t:T}=(0,g.$G)("wizard"),R=(0,m.Es)(),{colors:E,componentProperties:A}=(0,S.Fg)(),[,B]=(0,s.ay)(),[N]=(0,u.sz)(),O=_?N(_):void 0,z=O?(0,c.DR)(O).resultsURL():void 0,X=z||"/availability",pushToAdditionalInformationPage=()=>{if(_&&F)return(0,v.rE)({hotelSlug:F,bookingId:_})},pushToPaymentPage=()=>{if(_&&F)return(0,v.$7)({hotelSlug:F,bookingId:_})},pushToSearchFormPage=()=>d().push("/availability"),pushToSearchResultsPage=()=>window.location.href=X,emitNavigationEvent=e=>R.emit("navigation",{originator:e,location:"Checkout Step Navigation"}),handleStepSelection=e=>{switch(e){case u.as.SearchForm:return emitNavigationEvent("Select Room"),pushToSearchFormPage();case u.as.RoomSelection:return emitNavigationEvent("Select Room"),pushToSearchResultsPage();case u.as.AdditionalInfo:return emitNavigationEvent("Additional Information"),pushToAdditionalInformationPage();case u.as.Payment:return emitNavigationEvent("Payment"),pushToPaymentPage();case u.as.Confirmation:return}},H=I===u.as.SearchForm||I===u.as.RoomSelection;return(0,n.tZ)(b.CH,{css:{backgroundColor:I===u.as.SearchForm?null===(t=A.searchPage)||void 0===t?void 0:null===(i=t.header)||void 0===i?void 0:i.backgroundColor:void 0,"@media all and (max-width: 730px)":{backgroundColor:I===u.as.SearchForm?null===(r=A.searchPage)||void 0===r?void 0:null===(l=r.header)||void 0===l?void 0:null===(o=l.mobile)||void 0===o?void 0:o.backgroundColor:void 0}},children:(0,n.tZ)(h.Z,{desktop:(0,n.tZ)(b.eG,{css:{display:I===u.as.Confirmation?"none":"flex",gap:"40px"},children:I===u.as.Confirmation?(0,n.tZ)(y.H,{title:getStepTitle(u.as.Confirmation,T),onClick:()=>void handleStepSelection(u.as.Confirmation),isActive:!0}):(0,n.BX)(n.HY,{children:[(0,n.tZ)(y.H,{stepNumber:1,title:getStepTitle(u.as.RoomSelection,T),onClick:H?void 0:()=>handleStepSelection(u.as.RoomSelection),isActive:H}),(0,n.tZ)(y.H,{stepNumber:2,title:getStepTitle(u.as.AdditionalInfo,T),onClick:()=>void handleStepSelection(u.as.AdditionalInfo),isActive:I===u.as.AdditionalInfo}),(0,n.tZ)(y.H,{stepNumber:3,title:getStepTitle(u.as.Payment,T),onClick:()=>void handleStepSelection(u.as.Payment),isActive:I===u.as.Payment})]})}),mobile:(0,n.BX)("div",{css:(0,a.iv)(_templateObject()),children:[(0,n.tZ)("div",{css:(0,a.iv)(_templateObject1(),null!==(x=null!==(P=null===(k=A.header)||void 0===k?void 0:null===(C=k.wizard)||void 0===C?void 0:C.step.color)&&void 0!==P?P:E.textPrimary)&&void 0!==x?x:"#3d3937",I===u.as.SearchForm||I===u.as.Confirmation?"none":"block"),children:(0,n.tZ)(p.xE,{onClick:()=>{switch(I){case u.as.SearchForm:return;case u.as.RoomSelection:return B(e=>!e);case u.as.AdditionalInfo:return pushToSearchResultsPage();case u.as.Payment:return pushToAdditionalInformationPage();case u.as.Confirmation:return}}})}),(0,n.tZ)(b.eG,{alignContent:I===u.as.Confirmation?"left":"center",css:(0,a.iv)({backgroundColor:I===u.as.SearchForm?null===(Z=A.searchPage)||void 0===Z?void 0:null===(w=Z.header)||void 0===w?void 0:w.backgroundColor:void 0}),children:I===u.as.Confirmation?(0,n.tZ)(f.Z,{}):(0,n.tZ)(y.H,{title:getStepTitle(I,T),isActive:!0})})]})})})})},51757:function(e,i,t){"use strict";t.d(i,{H:function(){return WizardStep}});var o=t(60589);t(50959);var n=t(89063),a=t(12997);let WizardStep=e=>{var i,t,l,r,d,s,c,u,v,h,m,g,p,f,b,S,y,C,k,w,Z,P;let{colors:x,componentProperties:{header:_}}=(0,a.Fg)(),F=e.onClick;return(0,o.BX)("button",{css:{display:"flex",gap:"16px",cursor:"pointer",position:"relative",touchAction:"manipulation","&:focus:after":{transform:"scaleX(1)",transformOrigin:"right",'[dir="rtl"] &':{transformOrigin:"left"}},"&:after":{content:"''",display:"block",position:"absolute",backgroundColor:"".concat(x.textPrimary),height:"1px",width:"100%",bottom:"-4px",willChange:"transform",transform:"scaleX(0)",transformOrigin:"left",insetInlineStart:"0",transition:"transform 0.3s ease-in-out",'[dir="rtl"] &':{transformOrigin:"right"}},"@media all and (max-width: 730px)":null==_?void 0:null===(t=_.wizard)||void 0===t?void 0:null===(i=t.step)||void 0===i?void 0:i.mobile,"@media all and (max-width: 359px)":{display:"none"},span:{opacity:e.isActive?1:.8,...null==_?void 0:null===(l=_.wizard)||void 0===l?void 0:l.step,"@media all and (max-width: 730px)":null==_?void 0:null===(d=_.wizard)||void 0===d?void 0:null===(r=d.step)||void 0===r?void 0:r.mobile,...e.isActive?null==_?void 0:null===(c=_.wizard)||void 0===c?void 0:null===(s=c.step)||void 0===s?void 0:s.active:{}},...null==_?void 0:null===(u=_.wizard)||void 0===u?void 0:u.step,...e.isActive?null==_?void 0:null===(h=_.wizard)||void 0===h?void 0:null===(v=h.step)||void 0===v?void 0:v.active:{},opacity:1},role:"button",onClick:F,"aria-label":"Go to ".concat(e.title),tabIndex:0,children:[e.stepNumber&&(0,o.tZ)(n.xv,{style:"bodySmall",fontFamily:(null!==(Z=null==_?void 0:null===(g=_.wizard)||void 0===g?void 0:null===(m=g.step)||void 0===m?void 0:m.fontFamily)&&void 0!==Z?Z:null==_?void 0:null===(b=_.wizard)||void 0===b?void 0:null===(f=b.step)||void 0===f?void 0:null===(p=f.active)||void 0===p?void 0:p.fontFamily)?"inherit":void 0,children:e.stepNumber}),(0,o.tZ)(n.xv,{style:"bodySmall",fontFamily:(null!==(P=null==_?void 0:null===(y=_.wizard)||void 0===y?void 0:null===(S=y.step)||void 0===S?void 0:S.fontFamily)&&void 0!==P?P:null==_?void 0:null===(w=_.wizard)||void 0===w?void 0:null===(k=w.step)||void 0===k?void 0:null===(C=k.active)||void 0===C?void 0:C.fontFamily)?"inherit":void 0,children:e.title})]})}}},function(e){e.O(0,[530,290,774,888,179],function(){return e(e.s=83151)}),_N_E=e.O()}]);
2//# sourceMappingURL=availability-d1c2bf4469ab2e5e.js.map