@roomstay/frontend 1.5.7 → 1.5.8

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@roomstay/frontend",
-    "version": "1.5.7",
+    "version": "1.5.8",
     "author": {
         "name": "Roomstay",
         "email": "rob@roomstay.io",

package/dist/103.bundle.js

@@ -1 +0,0 @@
-(("undefined"!=typeof self?self:this).webpackChunkroomstay=("undefined"!=typeof self?self:this).webpackChunkroomstay||[]).push([[103],{5032:function(e,t,n){"use strict";n.d(t,{z:function(){return c}});var r=n(5671),a=n(3144),o=n(136),l=n(2963),i=n(1120);var c=function(e){(0,o.Z)(s,e);var t,n,c=(t=s,n=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}(),function(){var e,r=(0,i.Z)(t);if(n){var a=(0,i.Z)(this).constructor;e=Reflect.construct(r,arguments,a)}else e=r.apply(this,arguments);return(0,l.Z)(this,e)});function s(e){var t;return(0,r.Z)(this,s),(t=c.call(this)).basketRows=void 0,t.basketRows=e,t}return(0,a.Z)(s,null,[{key:"getLabel",value:function(){return"View/Checkout"}}]),s}(n(7112).x)},5103:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return Ve}});var r=n(7294),a=n(3010),o=n(5692),l=n(3933),i=n(3727),c=n(9874),s=n(3821),u=n(9478),m=n(370),d=n(292),f=n(8279),p=n(7462),v=n(5861),g=n(885),h=n(4687),E=n.n(h),y=n(584),b=n(7754),Z=n(7536),S=n(5987),C=n(5993),w=n(1432),N=n(4478),x=n(1944),P=n(5762),k=n(3261),I=n(7933),A=n(9740),R=n(4544),T=n(4942),W=n(6617),D=n(4184),G=n.n(D),F=n(5891),M=n(3784);function O(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}n(4126);var _=function(e){var t=(0,N.$)().t,n=(0,r.useMemo)((function(){return F.T.sort((function(e,t){return"".concat((e.suggested?"000":"")+e.label).localeCompare("".concat((t.suggested?"000":"")+t.label))}))}),[F.T]),a=(0,r.useState)(!1),o=(0,g.Z)(a,2),l=o[0],i=o[1],c=(0,r.useRef)(null),s=e.validationStatus,m=e.name,d=e.onChange,f=e.value,p=(0,r.useMemo)((function(){var e,t,r=null!==(e=null==f?void 0:f.split(" "))&&void 0!==e?e:[],a=(0,g.Z)(r,2),o=a[0],l=a[1];if(o){var i,c=function(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=function(e,t){if(e){if("string"==typeof e)return O(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?O(e,t):void 0}}(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,a=function(){};return{s:a,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){function t(t){return e.apply(this,arguments)}return t.toString=function(){return e.toString()},t}((function(e){throw e})),f:a}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o,l=!0,i=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return l=e.done,e},e:function(e){function t(t){return e.apply(this,arguments)}return t.toString=function(){return e.toString()},t}((function(e){i=!0,o=e})),f:function(){try{l||null==n.return||n.return()}finally{if(i)throw o}}}}(n);try{for(c.s();!(i=c.n()).done;){var s=i.value;if(o==="".concat(s.phone)){t=s;break}}}catch(e){c.e(e)}finally{c.f()}return t||(t=n[0]),[t,l]}return[n[0],""]}),[f]),v=(0,g.Z)(p,2),h=v[0],E=v[1];(0,r.useEffect)((function(){var e=function(e){setTimeout((function(){l&&i(!1)}),5)};return document.body.addEventListener("click",e),function(){document.body.removeEventListener("click",e)}}),[l]);var y=function(e,t){var n,r=null!=t?t:E;r.startsWith("0")&&(r=r.substring(1));var a="".concat(null!==(n=null==e?void 0:e.phone)&&void 0!==n?n:h.phone).concat(" ").concat(r);f!=a&&d({target:{name:m,value:a}})},b=G()("rs-enhanced-phone-field",(0,T.Z)({},"--".concat(s),!!s));return r.createElement("div",{className:b},r.createElement("div",{className:"rs-enhanced-phone-field--country",onClick:function(e){e.preventDefault(),e.stopPropagation(),i((function(e){return!e}))}},r.createElement("div",{className:"rs-enhanced-phone-field--country-icon"},(0,F.H)(h.code)),r.createElement(x.ZP,{icon:x.Tu.Dropdown})),r.createElement("div",{className:"rs-enhanced-phone-field--number"},r.createElement("span",{className:"rs-enhanced-phone-field--number-prefix"},"+",h.phone),r.createElement("input",{placeholder:t(u.W.Step.Confirmation.Inputs.Phone)+" *",type:"number",style:{paddingLeft:8*h.phone.length+20+"px"},onChange:function(e){y(void 0,e.target.value)},value:E}),r.createElement("div",{className:"rs-enhanced-phone-field--number-status"})),r.createElement("div",{className:"rs-enhanced-phone-field--anchor",ref:c}),r.createElement(W.Z,{container:M.ZP.EngineContainer,anchorEl:null==c?void 0:c.current,placement:"bottom-start",disablePortal:!1,open:l,className:"rs-enhanced-phone-field--suggest-list",role:"presentation",modifiers:{flip:{enabled:!0},preventOverflow:{enabled:!1,boundariesElement:"scrollParent"}}},n.map((function(e){var t=e.code===h.code;return r.createElement("div",{className:"rs-enhanced-phone-field--suggest-list-item ".concat(t?"--selected":""),onClick:function(t){!function(e){y(e,void 0)}(e),i(!1)}},r.createElement("div",{className:"rs-enhanced-phone-field--suggest-list-country-icon"},(0,F.H)(e.code)),r.createElement("div",{className:"rs-enhanced-phone-field--suggest-list-country-name"},e.label," ",r.createElement("span",null,"+",e.phone)),t&&r.createElement("span",{className:"rs-enhanced-phone-field--suggest-list-selected"},r.createElement(x.ZP,{icon:x.Tu.Check})))}))))},L=n(1248),q=/^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/,V=["ref"];function j(e){var t=(0,Z.Gc)(),n=t.register,o=t.formState,l=t.getValues,i=t.control,s=o.errors,m=(0,N.$)().t,d=(0,r.useState)(1===e.roomNumber),f=(0,g.Z)(d,2),v=f[0],h=f[1],E=e.basketRow,T=-1!==Object.keys(s).join("").indexOf(""+e.roomNumber),W=function(t){var n=D(t);return s&&(o.touchedFields[n]||e.showErrors)?s[n]?"error":"success":null};T&&!v&&h(!0);var D=function(t){return"".concat(t).concat(e.roomNumber)},G=Object.keys(l()),F=function(){R.ZP.instance.sendInteraction("Phone - Contact Info",R.s_.FORM_FIELD,R._J.GUEST_DETAILS)};return r.createElement(r.Fragment,null,r.createElement("div",{className:"u-marg-bottom",onClick:function(){e.expandable&&h(!v)}},r.createElement("div",{className:"u-flex u-marg-bottom align-items-center"},r.createElement(a.Z,{bold:!0},m(u.W.Misc.Room)," ",e.roomNumber),e.expandable&&r.createElement(x.ZP,{icon:v?x.Tu.ArrowDown2:x.Tu.ArrowUp2,color:b.I.Grey})),r.createElement("div",{className:"u-marg-bottom"},r.createElement(y.ZP,null,r.createElement("strong",{className:"u-block@l-"},E.getRoom().name)," for ",k.Z.pluralWithDictAndCount(E.getAdults(),u.W.Step.Date.Adult,m),", ",k.Z.pluralWithDictAndCount(E.getChildren(),u.W.Step.Date.Child,m)),r.createElement("div",{className:"step-one-status--dates u-flex justify-content-start"},r.createElement(y.ZP,{type:y.yG.Small,color:b.I.Accent},r.createElement("strong",null,E.getStartDate().format("ddd, MMM D"))),r.createElement(x.ZP,{icon:x.Tu.ArrowRight2,size:"18px"}),r.createElement(y.ZP,{type:y.yG.Small,color:b.I.Accent},r.createElement("strong",null,E.getEndDate().format("ddd, MMM D"))))),G.map((function(t,n){if(t.endsWith("".concat(e.roomNumber))){var a,o,l=null!==(a=null===(o=s[t])||void 0===o?void 0:o.message)&&void 0!==a?a:"";return l=l||t.replace("".concat(e.roomNumber),"")+" is required",r.createElement(A.Z,{key:t,open:e.showErrors&&T&&!!s[t]},r.createElement("div",{className:"u-flex"},r.createElement(I.Z,{icon:x.Tu.Error,type:I.N.Danger,noMargin:n===G.length-1},r.createElement(y.ZP,{type:y.yG.Small},l))))}}))),r.createElement("div",{className:"room-contact-details--row",style:{maxHeight:v?"":0}},r.createElement("div",{className:"u-marg-bottom--heavy"},r.createElement("div",{className:"u-marg-bottom--light"},r.createElement(y.ZP,{type:y.yG.Small},r.createElement("strong",null,m(u.W.Step.Confirmation.ContactInfo)))),r.createElement(C.Z,{dimensions:"2/2"},r.createElement(w.Z,(0,p.Z)({placeholder:m(u.W.Step.Confirmation.Inputs.Forename)+" *",wide:!0,required:!0,validationStatus:W("Forename")},n(D("Forename"),{onChange:function(){R.ZP.instance.sendInteraction("Forename - Contact Info",R.s_.FORM_FIELD,R._J.GUEST_DETAILS)},required:{value:!0,message:m(u.W.Step.Confirmation.Inputs.Required,{field:m(u.W.Step.Confirmation.Inputs.Forename)})}}))),r.createElement(w.Z,(0,p.Z)({placeholder:m(u.W.Step.Confirmation.Inputs.Surname)+" *",wide:!0,required:!0,validationStatus:W("Surname")},n(D("Surname"),{onChange:function(){R.ZP.instance.sendInteraction("Surname - Contact Info",R.s_.FORM_FIELD,R._J.GUEST_DETAILS)},required:{value:!0,message:m(u.W.Step.Confirmation.Inputs.Required,{field:m(u.W.Step.Confirmation.Inputs.Surname)})}})))),r.createElement(C.Z,{dimensions:"2/2"},r.createElement(w.Z,(0,p.Z)({placeholder:m(u.W.Step.Confirmation.Inputs.Email)+" *",wide:!0,validationStatus:W("Email"),required:!0},n(D("Email"),{onChange:function(){R.ZP.instance.sendInteraction("Email - Contact Info",R.s_.FORM_FIELD,R._J.GUEST_DETAILS)},required:{value:!0,message:m(u.W.Step.Confirmation.Inputs.Required,{field:m(u.W.Step.Confirmation.Inputs.Email)})},pattern:{value:q,message:m(u.W.Step.Confirmation.Inputs.InvalidEmail)}}))),L.Z.isActive()?r.createElement(Z.Qr,{control:i,name:D("Phone"),rules:{required:{value:!0,message:m(u.W.Step.Confirmation.Inputs.Required,{field:m(u.W.Step.Confirmation.Inputs.Phone)})},minLength:{value:5,message:"Phone number is required"},maxLength:{value:17,message:"Phone number is too long"},pattern:{value:/^[1-9](\ |\d){1,15}$/g,message:"Incorrect phone number entered"}},render:function(e){var t=e.field;return e.fieldState,r.createElement(_,(0,p.Z)({validationStatus:W("Phone")},t,{onChange:function(e){t.onChange(e),F()}}))}}):r.createElement(w.Z,(0,p.Z)({placeholder:m(u.W.Step.Confirmation.Inputs.Phone)+" *",wide:!0,required:!0,validationStatus:W("Phone")},n(D("Phone"),{onChange:F,required:{value:!0,message:m(u.W.Step.Confirmation.Inputs.Required,{field:m(u.W.Step.Confirmation.Inputs.Phone)})}}))))),r.createElement("div",{className:""},r.createElement("div",{className:"u-marg-bottom--light"},r.createElement(y.ZP,{type:y.yG.Small},r.createElement("strong",null,m(u.W.Step.Confirmation.Address)))),r.createElement(C.Z,{dimensions:"3/1"},r.createElement(w.Z,(0,p.Z)({placeholder:m(u.W.Step.Confirmation.Inputs.Address)+" *",wide:!0,required:!0,validationStatus:W("Address")},n(D("Address"),{onChange:function(){R.ZP.instance.sendInteraction("Address - Address",R.s_.FORM_FIELD,R._J.GUEST_DETAILS)},required:{value:!0,message:m(u.W.Step.Confirmation.Inputs.Required,{field:m(u.W.Step.Confirmation.Inputs.Address)})}}))),r.createElement(w.Z,(0,p.Z)({placeholder:m(u.W.Step.Confirmation.Inputs.City)+" *",wide:!0,required:!0,validationStatus:W("City")},n(D("City"),{onChange:function(){R.ZP.instance.sendInteraction("City - Address",R.s_.FORM_FIELD,R._J.GUEST_DETAILS)},required:{value:!0,message:m(u.W.Step.Confirmation.Inputs.Required,{field:m(u.W.Step.Confirmation.Inputs.City)})}})))),r.createElement(C.Z,{dimensions:"2/2"},r.createElement(w.Z,(0,p.Z)({placeholder:m(u.W.Step.Confirmation.Inputs.PostCode)+" *",wide:!0,required:!0,validationStatus:W("PostCode")},n(D("PostCode"),{onChange:function(){R.ZP.instance.sendInteraction("PostCode - Address",R.s_.FORM_FIELD,R._J.GUEST_DETAILS)},required:{value:!0,message:m(u.W.Step.Confirmation.Inputs.Required,{field:m(u.W.Step.Confirmation.Inputs.PostCode)})}}))),r.createElement(Z.Qr,{control:i,name:D("Country"),rules:{required:{value:!0,message:m(u.W.Step.Confirmation.Inputs.Required,{field:m(u.W.Step.Confirmation.Inputs.Country)})}},render:function(e){var t=e.field,n=(t.ref,(0,S.Z)(t,V));return r.createElement(P.Z,(0,p.Z)({validationStatus:W("Country")},n,{defaultValue:null}))}})))),r.createElement(c.Z,null))}var z=n(3144),U=n(5671),J={VI:"visa",MC:"mastercard",JC:"jcb",DS:"dinersclub",AX:"amex",DN:"dinersclub",UP:"unionpay"},$=n(7832),B=n(8324),Q=function(){return{focusElement:function(e){var t,n;window.scrollTo({top:window.scrollY+(null==e||null===(t=e.getBoundingClientRect)||void 0===t||null===(n=t.call(e))||void 0===n?void 0:n.top)-window.innerHeight/2,behavior:"smooth"})}}};function Y(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function H(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Y(Object(n),!0).forEach((function(t){(0,T.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Y(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}window.VGSCollect=window.VGSCollect||{};var K=(0,z.Z)((function e(t,n,r,a){(0,U.Z)(this,e),this.ref=void 0,this.vgsProps=void 0,this.name=void 0,this.type=void 0,this.isFocused=void 0,this.isValid=void 0,this.name=t,this.ref=r,this.type=n,this.vgsProps=a,this.isValid=null,this.isFocused=!1}));function X(e,t){var n,a=(0,B.WP)().hotel,o=(0,r.useState)(null),l=(0,g.Z)(o,2),i=l[0],c=l[1],s=(0,r.useState)({}),m=(0,g.Z)(s,2),d=m[0],f=m[1],p=(0,r.useState)(!1),v=(0,g.Z)(p,2),h=v[0],E=v[1],b=Q().focusElement,Z=function(e){var t={};Object.keys(e).forEach((function(n){var r="";switch(n){case"credit-card":r="Credit Card";break;case"expiration-date":r="Expiration Date";break;case"security-code":r="Security Code";break;default:r="Card Name"}t[n]=r+" "+e[n].errorMessages[e[n].errorMessages.length-1]})),f(t)};(0,r.useEffect)((function(){var e,t;d&&d!=={}&&null!=_&&null!==(e=_.ref)&&void 0!==e&&e.current&&b(null==_||null===(t=_.ref)||void 0===t?void 0:t.current)}),[d]),(0,r.useImperativeHandle)(t,(function(){return{getTokenizedCode:function(){return new Promise((function(e,t){i?i.submit("/post",{serializer:"deep",methods:"POST"},(function(n,r){var a=JSON.parse(r.data),o=a["expiration-date"].match(/^(\d+)\s*\/\s*(\d+)$/);if(!o||o[1].length>2||4!==o[2].length&&2!==o[2].length)return Z({"expiration-date":{errorMessages:["Invalid - it must be in the format MM / YY or MM / YYYY"]}}),void t("invalid expiration date");var l=(1===o[1].length?"0":"")+o[1]+(2===o[2].length?o[2]:o[2].substr(2)),i={CVV:a["security-code"],Expiry:l,Name:a["card-name"],Number:a["credit-card"],Type:window.VGSCollect.enteredCardType};e(i)}),(function(e){Z(e),t(e)})):console.error("VGS not on element, problem has occurred")}))}}}));var S=(0,r.useRef)(null),w=function(e){var t=["c-input"];return e.isFocused&&t.push("--selected"),null!==e.isValid&&(e.isValid?t.push("--success"):t.push("--error")),t.join(" ")},P={fontSize:"13px",lineHeight:"18px","&::placeholder":{color:"#8B8F9A",opacity:1}},k=(0,N.$)().t,T=k(u.W.Step.Confirmation.Inputs.CardNumber),W=k(u.W.Step.Confirmation.Inputs.NameOnCard),D=k(u.W.Step.Confirmation.Inputs.SecurityCode),G=k(u.W.Step.Confirmation.Inputs.CardExpiry),F=(0,r.useState)(new K("credit-card","card-number",(0,r.useRef)(null),{autoComplete:["cc-number"],successColor:"#4F8A10",errorColor:"#D8000C",showCardIcon:!1,placeholder:T+" *",validations:["required","validCardNumber"],css:P})),O=(0,g.Z)(F,2),_=O[0],L=O[1],q=(0,r.useState)(new K("card-name","text",(0,r.useRef)(null),{placeholder:W+" *",validations:["required"],css:P})),V=(0,g.Z)(q,2),j=V[0],z=V[1],U=(0,r.useState)(new K("expiration-date","card-expiration-date",(0,r.useRef)(null),{placeholder:G+" *",validations:["required","validCardExpirationDate"],css:P})),Y=(0,g.Z)(U,2),X=Y[0],ee=Y[1],te=(0,r.useState)(new K("security-code","card-security-code",(0,r.useRef)(null),{placeholder:D+" *",validations:["required","validCardSecurityCode"],css:P})),ne=(0,g.Z)(te,2),re=ne[0],ae=ne[1],oe=[[_,L],[j,z],[X,ee],[re,ae]],le=(0,r.useState)(String),ie=(0,g.Z)(le,2),ce=ie[0],se=ie[1],ue=(null!==(n=null==a?void 0:a.paymentCardTypes)&&void 0!==n?n:[]).map((function(e){return J[e]?{name:J[e],status:!1}:null})).filter((function(e){return e}));return(0,r.useEffect)((function(){var e=!1;return M.ZP.loadScript("https://js.verygoodvault.com/vgs-collect/1/AC7dReJwJ6EWF1L9FHdcCw7n.js","vgs-collect").then((function(){e||E(!0)})),function(){e=!0}}),[]),(0,r.useEffect)((function(){h&&c(window.VGSCollect.create(null==a?void 0:a.vgsVaultName,(function(e){var t,n;R.ZP.instance.sendInteraction("Payment Info",R.s_.FORM_FIELD,R._J.GUEST_DETAILS),window.VGSCollect.enteredCardType=null===(t=e["credit-card"])||void 0===t?void 0:t.cardType,se(null===(n=e["credit-card"])||void 0===n?void 0:n.cardType),oe.forEach((function(t){var n=H({},t[0]),r=t[0],a=e[t[0].name];a&&(r.isFocused=a.isFocused,r.isValid=a.isEmpty?null:a.isValid),n!==H({},r)&&t[1](H({},r))}))})))}),[h]),(0,r.useEffect)((function(){i&&oe.forEach((function(e){var t=e[0];i.field(t.ref.current,function(e){return H({name:e.name,type:e.type},e.vgsProps)}(t))}))}),[i]),h?r.createElement(r.Fragment,null,["credit-card","card-name","expiration-date","security-code"].map((function(e){var t=d[e];return r.createElement(A.Z,{open:!!t,key:e},r.createElement("div",{className:"u-flex"},r.createElement(I.Z,{type:I.N.Danger,icon:x.Tu.Error},r.createElement(y.ZP,{type:y.yG.Small},t))))})),r.createElement("div",{className:"u-flex flex-row justify-content-start u-marg-bottom"},Object.keys(ue).map((function(e){return r.createElement("div",{key:e,id:ue[e].name,className:"cc-icon u-flex u-marg-right--light"+(null!==ce?ue[e].name===ce?" -current":"":" -default"),style:{backgroundImage:"url('".concat(M.ZP.getAssetUrl()+"assets/img/"+ue[e].name+".png","')")}})}))),r.createElement("form",{ref:S},r.createElement(C.Z,{dimensions:"2/2"},r.createElement("div",{className:w(_),ref:_.ref}),r.createElement(C.Z,{dimensions:"2/2"},r.createElement("div",{className:w(X),ref:X.ref}),r.createElement("div",{className:w(re),ref:re.ref}))),r.createElement(C.Z,{dimensions:"1"},r.createElement("div",{className:w(j),ref:j.ref})))):r.createElement($.Z,null)}var ee=(0,r.forwardRef)(X);function te(){var e=(0,N.$)().t,t=(0,B.WP)().hotel;return r.createElement(r.Fragment,null,r.createElement("div",{className:"u-marg-bottom"},r.createElement(a.Z,{bold:!0},e(u.W.Step.Confirmation.Policies))),r.createElement("div",{className:"u-marg-bottom"},r.createElement("div",{className:"row"},r.createElement("div",{className:"col-6 col-md-3"},r.createElement(y.ZP,{type:y.yG.Small},r.createElement("strong",null,e(u.W.Misc.CheckIn))),r.createElement(y.ZP,{type:y.yG.Small},e(u.W.Misc.After)," ",t.checkInTime)),r.createElement("div",{className:"col-6 col-md-3"},r.createElement(y.ZP,{type:y.yG.Small},r.createElement("strong",null,e(u.W.Misc.CheckOut))),r.createElement(y.ZP,{type:y.yG.Small},e(u.W.Misc.Before)," ",t.checkOutTime)))))}var ne=n(8029),re=n(966),ae=n(3103),oe=n(7988),le=n(2460);function ie(){return r.createElement(le.Z,{title:"Shop without worries! This site is protected by high level encryption, to ensure every purchase is always safe & secure"},r.createElement("img",{src:M.ZP.getAssetUrl()+"assets/img/ssl-secure-connection.png"}))}var ce=n(5128),se=n(4854),ue=n(858),me=n(7484);function de(e){var t=(0,r.useState)(e.endTimeDate.diff(me(),"second")),n=(0,g.Z)(t,2),a=n[0],o=n[1];return(0,r.useEffect)((function(){var t=!1,n=setTimeout((function(){t||(a>0?o((function(e){return e-1})):(e.onEnd&&e.onEnd(),t=!0,clearTimeout(n)))}),1e3);return function(){t=!0,clearTimeout(n)}}),[a]),(0,r.useMemo)((function(){var e=[Math.floor(a/60/60),Math.floor(a/60%60),Math.floor(a%60)];return r.createElement(r.Fragment,null,e.map((function(e){return e.toString().padStart(2,"0")})).join(":"))}),[a])}var fe=n(3409);function pe(e){var t,n,o=(0,r.useContext)(re.hy),l=(0,r.useState)(me().add(14,"minute")),i=(0,g.Z)(l,2),s=i[0];i[1],(0,r.useEffect)((function(){var t,n=!1,r=null;return(e.differences.length||null!==(t=e.warnings)&&void 0!==t&&t.length)&&(r=setTimeout((function(){n||e.onClose()}),74e4)),function(){n=!0,clearTimeout(r)}}),[e.differences.length,null===(t=e.warnings)||void 0===t?void 0:t.length]);var u=r.createElement("div",{className:"u-flex"},r.createElement(se.Z,{isText:!0,size:"small",icon:x.Tu.ArrowLeft,onClick:e.onClose,isLoading:e.isLoading},"Take me back"),r.createElement(se.Z,{primary:!0,filled:!0,icon:x.Tu.ArrowRight,iconPosition:"right",onClick:e.onProceed,isLoading:e.isLoading},"Continue with reservation"));return r.createElement(ce.Z,{open:!!e.differences.length||!(null===(n=e.warnings)||void 0===n||!n.length),title:"Your total price has Changed!",mobileFooter:u,desktopFooter:r.createElement("div",{className:"u-marg-heavy u-marg@m-"},u),size:ce.g.Small,alignCenter:!0},r.createElement("div",{className:"u-marg-heavy u-marg@m-"},r.createElement("div",{className:"row"},r.createElement("div",{className:"col-md-8"},r.createElement(y.ZP,{type:y.yG.Small},"We apologize for any inconvenience, but the price for your selected reservation has changed during your checkout, please confirm that you accept the new total shown below.")),r.createElement("div",{className:"col-md-4"},r.createElement(fe.Z,{icon:x.Tu.Time,type:fe.R.Primary},r.createElement("span",{className:"u-marg-right--light"},"Reverts in"),r.createElement(de,{endTimeDate:s})))),r.createElement(c.Z,null),!(!e.differences||!e.differences.length)&&e.differences.map((function(e){var t=o.getAllValidRows().find((function(t){return t.getID()===e.id}));return r.createElement("div",{key:e.id},!!t&&r.createElement("div",{className:"u-marg-bottom--heavy"},r.createElement("div",{className:"u-marg-bottom--light"},r.createElement(a.Z,null,t.getRoom().name)),r.createElement(y.ZP,null,t.getRate().name)),r.createElement("div",{className:"u-flex u-marg-bottom--light"},r.createElement(y.ZP,{type:y.yG.Body},r.createElement("strong",null,"Displayed price:")),r.createElement(y.ZP,{color:b.I.Alert},r.createElement(ue.Z,null,e.totalPrice.before))),r.createElement("div",{className:"u-flex"},r.createElement(y.ZP,{type:y.yG.Body},r.createElement("strong",null,"Actual price:")),r.createElement(y.ZP,{color:b.I.Success},r.createElement(ue.Z,null,e.totalPrice.after))),r.createElement(c.Z,null))})),!(!e.warnings||!e.warnings.length)&&e.warnings.map((function(e,t){return r.createElement(y.ZP,{key:t},e)}))))}var ve=n(6550),ge=n(1625),he=n(9666),Ee=n(9007);function ye(){var e=(0,r.useContext)(re.hy),t=(0,N.$)().t,n=t(u.W.Misc.Room);return(0,r.useMemo)((function(){var a={},o=e.getAllValidRows(),l=0;return o.length>1?o.forEach((function(e){l++;var t=e.getRate(),n=a["".concat(t.cancelPolicyCode,"-").concat(t.guaranteeCode)];n||(n=a["".concat(t.cancelPolicyCode,"-").concat(t.guaranteeCode)]={rooms:[]}),n.rooms.push({index:l,room:e})})):a[0]={rooms:[{index:1,room:o[0]}]},r.createElement("div",{className:"u-marg-bottom"},Object.values(a).map((function(e,a){var o=e.rooms[0];return r.createElement("div",{className:"u-marg-bottom--heavy",key:a},r.createElement("div",{className:"u-marg-bottom"},e.rooms.map((function(e){return r.createElement(y.ZP,{key:e.index,type:y.yG.Small},r.createElement("strong",null,n," ",e.index)," ",e.room.getRoom().name," - ",e.room.getRate().name)}))),r.createElement("div",{className:"u-marg-bottom"},r.createElement(y.ZP,{type:y.yG.Small,bold:!0},t(u.W.Misc.GuaranteePolicy)),r.createElement(y.ZP,{type:y.yG.Small,preformatted:!0},r.createElement("span",{dangerouslySetInnerHTML:{__html:o.room.getRate().getGuaranteePolicy()}}))),r.createElement(y.ZP,{type:y.yG.Small,bold:!0},t(u.W.Misc.CancellationPolicy)),r.createElement(y.ZP,{type:y.yG.Small,preformatted:!0},r.createElement("span",{dangerouslySetInnerHTML:{__html:o.room.getRate().getCancellationPolicy()}})))})))}),[e.currentBasketRows])}var be=n(5732),Ze=r.forwardRef((function(e,t){var n=(0,N.$)().t,o=e.confirmationPolicyError,l=(0,B.WP)().hotel;return r.createElement(r.Fragment,null,r.createElement("div",{className:"u-marg-bottom"},r.createElement(a.Z,{bold:!0},n(u.W.Step.Confirmation.Acknowledgement))),r.createElement("div",null,r.createElement(ae.Z,{label:n(u.W.Step.Confirmation.EmailSpecialOffers)})),r.createElement("div",{className:"u-marg-top--light"},r.createElement(ae.Z,{ref:t,label:r.createElement("div",null,n(u.W.Step.Confirmation.IHaveUnderstoodPrivacyPolicy)," ",r.createElement("a",{style:{color:b.I.Accent},className:"--underlined",href:l.privacyPolicyUrl,target:"_blank",rel:"noreferrer"},n(u.W.Step.Confirmation.PrivacyPolicy)))})),r.createElement(A.Z,{open:o},r.createElement("div",{className:"u-flex u-marg-top"},r.createElement(I.Z,{type:I.N.Danger,icon:x.Tu.Error},r.createElement(y.ZP,{type:y.yG.Small},n(u.W.Step.Confirmation.PrivacyPolicyError))))))})),Se=n(4707),Ce=n(2912),we=n(2710),Ne=n(6326),xe=n(6222),Pe=n(8016);function ke(){var e,t=(0,N.$)().t,n=(0,B.WP)().hotel,o=(0,r.useContext)(re.g7),l=(0,r.useContext)(Ne.Z),i=(0,r.useState)(""),s=(0,g.Z)(i,2),m=s[0],d=s[1];o.engine.getSessionProvider().getSession().then((function(e){d(e.source)}));var f=(0,r.useContext)(re.hy),h=(0,r.useState)(!1),S=(0,g.Z)(h,2),C=S[0],P=S[1],k=(0,r.useState)([]),A=(0,g.Z)(k,2),T=A[0],W=A[1],D=(0,r.useState)([]),G=(0,g.Z)(D,2),F=G[0],M=G[1],O=(0,r.useState)(null),_=(0,g.Z)(O,2),L=_[0],q=_[1],V=(0,r.useState)(""),z=(0,g.Z)(V,2),U=z[0],J=z[1],$=(0,r.useState)(!1),Y=(0,g.Z)($,2),H=Y[0],K=Y[1],X=(0,r.useRef)(null),le=(0,r.useRef)(null),ce=(0,r.useRef)(null),ue=Q().focusElement,me=(0,ve.k6)(),de=(0,Z.cI)({mode:"onChange",reValidateMode:"onChange"}),fe=function(e){var t;return null==e||null===(t=e.reservations)||void 0===t?void 0:t.map((function(e){return e.reservationNumber}))},ke=function(){var e=(0,v.Z)(E().mark((function e(t){var r,a;return E().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:r=null!=L?L:t,P(!0),r&&((a=fe(r)).length?oe.Z.Reservation.commit(a,n.hotelID).then((function(e){try{R.ZP.instance.sendReservationConfirmed(f.getAllValidRows(),f.basketAddonRows,e)}catch(e){he.Tb("Failed to read reservations from GTM code: "+JSON.stringify(e))}f.checkedOut(e)})).catch((function(e){console.log(e),P(!1)})):(P(!1),be.qL.add({message:"Committing reservation failed due to an unexpected error"}),he.Tb("No reservation IDs found when attempting to commit: "+JSON.stringify(r))));case 3:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}(),Ie=function(){var e=(0,v.Z)(E().mark((function e(){var t;return E().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!(t=fe(L)).length){e.next=8;break}return P(!0),e.next=5,oe.Z.Reservation.rollback(t,n.hotelID);case 5:P(!1),e.next=9;break;case 8:he.Tb("No reservation IDs found when attempting to rollback: "+JSON.stringify(L));case 9:me.push(Ce.Z.getStepUrl());case 10:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),Ae=function(){var e=(0,v.Z)(E().mark((function e(){return E().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:me.push(Ce.Z.getStepUrl());case 1:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),Re=function(){var e=(0,v.Z)(E().mark((function e(){var t,r,a,o,i;return E().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!xe.Z.isActive()||null!=ce&&null!==(t=ce.current)&&void 0!==t&&t.checked){e.next=3;break}return K(!0),e.abrupt("return");case 3:if(r=!0,l.errorChecks.forEach((function(e){e().validate()||(r=!1)})),r){e.next=7;break}return e.abrupt("return");case 7:return K(!1),P(!0),e.prev=9,e.next=12,le.current.getTokenizedCode();case 12:a=e.sent,o=de.getValues(),i=We.map((function(e,t){var n,r,a=t+1;return{FirstName:o["Forename".concat(a)],LastName:o["Surname".concat(a)],Phone:null===(n=o["Phone".concat(a)])||void 0===n?void 0:n.replace(" ",""),Email:o["Email".concat(a)],Address:{Line1:o["Address".concat(a)],City:o["City".concat(a)],PostalCode:o["PostCode".concat(a)],Country:null===(r=o["Country".concat(a)])||void 0===r?void 0:r.label},MarketingOptIn:!1}})),R.ZP.instance.sendInteraction("Complete Booking",R.s_.BUTTON,R._J.GUEST_DETAILS),oe.Z.Reservation.bookNow(We,i,a,De,X.current.value,o.IATANumber,n.hotelID).then((function(e){q(e);var t=[];if(!e.reservations)throw he.n_({level:Ee.z.Error,message:"No reservation data: "+JSON.stringify(e)}),new Error("The reservation could not be completed due to an unexpected issue, please try again");e.reservations.forEach((function(e,n){var r=f.currentBasketRows[n].checkDiffFromReservation(e);r&&t.push(r)})),t.length||e.warnings&&e.warnings.length?(P(!1),W(t),M(e.warnings)):ke(e)})).catch((function(e){var t;P(!1),J(null!==(t=null==e?void 0:e.Message)&&void 0!==t?t:"Unexpected error returned from the booking database.")})),e.next=22;break;case 19:e.prev=19,e.t0=e.catch(9),P(!1);case 22:case"end":return e.stop()}}),e,null,[[9,19]])})));return function(){return e.apply(this,arguments)}}(),Te=function(){var e=(0,v.Z)(E().mark((function e(){return E().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Re();case 2:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),We=f.getAllValidRows(),De=f.basketAddonRows,Ge=(0,r.useState)(!0),Fe=(0,g.Z)(Ge,2),Me=Fe[0],Oe=Fe[1],_e=(0,r.useState)(!1),Le=(0,g.Z)(_e,2),qe=Le[0],Ve=Le[1];(0,r.useEffect)((function(){["Forename","Surname","Email","Phone","Country","City","Address","PostCode"].forEach((function(e){je(e,de.getValues("".concat(e,"1")))}))}),[Me]),(0,r.useEffect)((function(){R.ZP.instance.sendCheckoutView(We,De);var e=de.watch((function(e,t){var n=t.name;"change"===t.type&&ze(n,e[n])})).unsubscribe;return function(){e()}}),[]),(0,r.useEffect)((function(){Ue()}),[null==de||null===(e=de.formState)||void 0===e?void 0:e.errors]);var je=function(e,t){if(We.length>=2)for(var n=2;n<=We.length;n++)de.setValue("".concat(e).concat(n),t)},ze=function(e,t){null!=e&&e.endsWith("1")&&Me&&je(e.replace("1",""),t)},Ue=function(){var e;null!=de&&null!==(e=de.formState)&&void 0!==e&&e.errors&&setTimeout((function(){var e,t,n=Object.values(null==de||null===(e=de.formState)||void 0===e?void 0:e.errors);n.length>0&&null!==(t=n[0])&&void 0!==t&&t.ref&&ue(n[0].ref)}),350)},Je=function(){var e=(0,v.Z)(E().mark((function e(){return E().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,de.handleSubmit(Te)();case 2:return Ue(),Ve(!0),e.abrupt("return",!1);case 5:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}();return r.createElement(r.Fragment,null,r.createElement("div",{className:"u-marg-bottom--heavy"},r.createElement("div",{className:"u-marg-bottom--light"},r.createElement(a.Z,{bold:!0},t(u.W.Step.Confirmation.GuestDetails))),r.createElement(y.ZP,{type:y.yG.Small,color:b.I.Success},r.createElement("strong",null,t(u.W.Step.Confirmation.AlmostDone,{required:"*"})))),r.createElement(Z.RV,de,r.createElement("form",{onSubmit:de.handleSubmit(Te)},We.map((function(e,n){return r.createElement("div",{key:e.getID()},r.createElement("div",{className:0===n?"":"u-marg-bottom--heavy"},r.createElement(j,{showErrors:qe,basketRow:e,roomNumber:n+1,expandable:1!==We.length})),We.length>1&&0===n?r.createElement("div",{className:"u-marg-bottom--heavy"},r.createElement(ae.Z,{label:t(u.W.Step.Confirmation.ApplySameInfoToOtherRooms),checked:Me,onChange:function(e){Oe(e)}})):null)})))),"inline"===m?r.createElement(I.Z,{type:I.N.Accent2,heavyPadding:!0},r.createElement("div",{className:"u-flex u-w-100 flex-wrap flex-xl-nowrap"},r.createElement("div",null,r.createElement(y.ZP,{color:b.I.Accent,bold:!0},t(u.W.Step.Confirmation.WantMoreRooms)),r.createElement(y.ZP,{color:b.I.Navy},t(u.W.Step.Confirmation.YouCanAddAndEditRooms))),r.createElement("div",{className:"d-flex align-items-center u-marg-top@xl-"},r.createElement(se.Z,{filled:!0,primary:!0,icon:x.Tu.Add,iconPosition:"left",onClick:Ae},t(u.W.Step.Confirmation.AddMoreRooms))))):r.createElement(r.Fragment,null),r.createElement("div",{className:"u-marg-bottom--heavy"},r.createElement("div",{className:"u-marg-bottom"},r.createElement(a.Z,{bold:!0},t(u.W.Step.Confirmation.PaymentInformation))),r.createElement(ee,{ref:le}),r.createElement("div",{className:"u-marg-top u-flex align-items-center"},r.createElement("div",{className:"u-flex align-items-center justify-content-start"},r.createElement(x.ZP,{icon:x.Tu.Lock,color:b.I.Success}),r.createElement("div",{className:"u-marg-left--light"},r.createElement(y.ZP,{type:y.yG.Small,color:b.I.Success},r.createElement("strong",null,"Secured")))),r.createElement(ie,null))),Pe.Z.isActive()&&r.createElement("div",{className:"u-marg-bottom--heavy"},r.createElement("div",{className:"u-marg-bottom"},r.createElement(a.Z,{bold:!0},"Travel Agent")),r.createElement("div",{className:"u-marg-bottom--light"},r.createElement(y.ZP,{type:y.yG.Small},r.createElement("strong",null,t(u.W.Step.Confirmation.Inputs.IATANumber)))),r.createElement("div",{className:"u-marg-bottom--light"},r.createElement(y.ZP,{type:y.yG.Small},t(u.W.Step.Confirmation.Inputs.IATANumberGuide))),r.createElement(w.Z,(0,p.Z)({placeholder:t(u.W.Step.Confirmation.Inputs.IATANumber),wide:!0},de.register("IATANumber")))),r.createElement(we.h,{inputRef:X}),r.createElement(c.Z,null),r.createElement(te,null),r.createElement("div",{className:"u-pad-top--light u-marg-bottom"},r.createElement(ye,null)),xe.Z.isActive()&&r.createElement(r.Fragment,null,r.createElement(c.Z,null),r.createElement("div",null,r.createElement(Ze,{ref:ce,confirmationPolicyError:H}))),r.createElement("div",{className:"u-flex u-marg-top--heavy justify-content-end"},r.createElement(ne.Z,{text:t(u.W.Step.Confirmation.ConfirmReservation),history:null,isLoading:C,currentStep:Se.Z,onClick:Je})),r.createElement(ge.default,{open:!!U,onClose:function(){return J("")}},r.createElement(y.ZP,null,U)),r.createElement(pe,{differences:T,warnings:F,isLoading:C,onClose:function(){try{Ie()}catch(e){console.log("Failed to rollback reservations"),he.Tb(e)}},onProceed:function(){try{ke()}catch(e){console.log("Failed to commit reservation"),he.Tb(e)}}}))}function Ie(e){var t=e.addon;return r.createElement("div",{className:"additional-offers--column "+(e.selected?"--selected":""),style:{backgroundImage:"url('".concat(t.image,"')")},onClick:function(){e.cardClicked()}},r.createElement("div",{className:"additional-offers--column-body"},r.createElement(y.ZP,{type:y.yG.Small,color:b.I.White},r.createElement("strong",null,t.name)),r.createElement("div",{className:"u-flex"},r.createElement(y.ZP,{inline:!0,type:y.yG.Small,color:b.I.White},"See details"),r.createElement(x.ZP,{icon:x.Tu.ArrowRight,color:b.I.White}))))}var Ae=n(1472),Re=n(3460),Te=n(7582),We=n(6380),De=n(3122);function Ge(e){var t,n=e.addon,o=((0,N.$)().t,(0,r.useContext)(re.hy)),l=(0,r.useState)(e.basketAddonRow?e.basketAddonRow.getSelectedDate():""),i=(0,g.Z)(l,2),c=i[0],s=i[1],u=(0,r.useState)(e.basketAddonRow?e.basketAddonRow.getSelectedTime():""),m=(0,g.Z)(u,2),d=m[0],f=m[1],p=(0,r.useState)({quantity:1}),v=(0,g.Z)(p,2),h=v[0],E=v[1],Z=(0,r.useState)(e.basketAddonRow?e.basketAddonRow.getQuantity():1),S=(0,g.Z)(Z,2),C=S[0],w=S[1],P=(0,r.useState)(e.basketAddonRow?e.basketAddonRow.getAdultQuantity():1),k=(0,g.Z)(P,2),I=k[0],A=k[1],R=(0,r.useState)(e.basketAddonRow?e.basketAddonRow.getChildQuantity():0),T=(0,g.Z)(R,2),W=T[0],D=T[1];return r.useEffect((function(){var t,r,a,o,l,i;if(n)return e.basketAddonRow?(E(null!==(t=n.availability[e.basketAddonRow.getSelectedDate()])&&void 0!==t?t:n.availability[n.firstDate]),s(null!==(r=e.basketAddonRow.getSelectedDate())&&void 0!==r?r:n.firstDate),f(null!==(a=e.basketAddonRow.getSelectedTime())&&void 0!==a?a:""),w(e.basketAddonRow.getQuantity()),A(e.basketAddonRow.getAdultQuantity()),D(e.basketAddonRow.getChildQuantity())):(E(n.availability[n.firstDate]),s(n.firstDate),f(null===(o=n.availability[n.firstDate])||void 0===o||null===(l=o.selectorTimes)||void 0===l||null===(i=l[0])||void 0===i?void 0:i.value)),function(){w(1),A(1),D(0)}}),[n]),r.createElement(ce.Z,{open:e.isOpen,onClose:e.onClose,size:ce.g.Small,title:n?n.name:""},n&&r.createElement(r.Fragment,null,r.createElement("div",{style:{height:"350px",width:"100%",backgroundImage:'url("'.concat(n.image,'")'),backgroundPosition:"center",backgroundRepeat:"no-repeat",backgroundSize:"cover"}}),r.createElement("div",{className:"u-marg-heavy u-marg@m-"},r.createElement("div",{className:"u-marg-bottom"},r.createElement(a.Z,{bold:!0},n.name)),r.createElement("div",{className:"u-marg-bottom--heavy"},r.createElement(y.ZP,{type:y.yG.Small,color:b.I.DarkGrey},n.description)),r.createElement("div",{className:"row u-marg-top"},r.createElement("div",{className:"u-flex col-md-6"},r.createElement(y.ZP,null,"Date"),r.createElement(De.Z,{className:"u-flex align-items-center",onChange:function(e){var t,r,a,o;t=e,E(n.availability[t]),s(t),f(null===(r=n.availability[t])||void 0===r||null===(a=r.selectorTimes)||void 0===a||null===(o=a[0])||void 0===o?void 0:o.value),n.availability[t].quantity<C&&w(n.availability[t].quantity)},selectedValue:c,iconComponent:x.Tf,items:n.selectorDates}))),0!==(null==h||null===(t=h.selectorTimes)||void 0===t?void 0:t.length)&&r.createElement("div",{className:"row u-marg-top"},r.createElement("div",{className:"u-flex col-md-6"},r.createElement(y.ZP,null,"Time"),r.createElement(De.Z,{className:"u-flex align-items-center",onChange:function(e){f(e)},selectedValue:d,iconComponent:x.Tf,items:null==h?void 0:h.selectorTimes}))),h.price&&r.createElement("div",{className:"row u-marg-top"},r.createElement("div",{className:"u-flex col-md-6"},r.createElement(y.ZP,null,"Quantity"),r.createElement(We.Z,{number:C,min:1,max:h.quantity,onChange:function(e){w(e)}}))),h.adultPrice&&r.createElement("div",{className:"row u-marg-top"},r.createElement("div",{className:"u-flex col-md-6"},r.createElement(y.ZP,null,"Adults"),r.createElement(We.Z,{number:I,min:0,max:h.quantity-W,onChange:function(e){A(e)}}))),h.childPrice&&r.createElement("div",{className:"row u-marg-top"},r.createElement("div",{className:"u-flex col-md-6"},r.createElement(y.ZP,null,"Children"),r.createElement(We.Z,{number:W,min:0,max:h.quantity-I,onChange:function(e){D(e)}}))),r.createElement("div",{className:"u-flex align-items-center u-marg-top"},h.price&&r.createElement("h2",{className:"u-marg-none u-flex u-flex-align-center"},r.createElement(ue.Z,null,h.price),"/ Qty"),h.adultPrice&&h.childPrice&&r.createElement("h2",{className:"u-marg-none"},r.createElement("div",{className:"u-marg-none u-flex u-flex-align-center"},r.createElement(ue.Z,null,h.adultPrice)," / Adult"),r.createElement("br",null),r.createElement("div",{className:"u-marg-none u-flex u-flex-align-center"},r.createElement(ue.Z,null,h.childPrice)," / Child")),h.adultPrice&&!h.childPrice&&r.createElement("h2",{className:"u-marg-none u-flex u-flex-align-center"},r.createElement(ue.Z,null,h.adultPrice)," / Adult"),h.childPrice&&!h.adultPrice&&r.createElement("h2",{className:"u-marg-none u-flex u-flex-align-center"},r.createElement(ue.Z,null,h.childPrice)," / Child"),r.createElement(se.Z,{filled:!0,primary:!0,onClick:function(){o.setAddonQuantities(n,{quantity:C,adult:I,child:W},c,d),e.onClose()}},e.basketAddonRow?"Update Cart":"Add to Cart")),n.guaranteeDescription&&r.createElement(r.Fragment,null,r.createElement("h4",{className:"u-marg-bottom--light u-marg-top"},"Guarantee"),r.createElement("div",{className:"u-marg-bot--heavy"},r.createElement(y.ZP,{type:y.yG.Small},n.guaranteeDescription))),n.cancelPenalty&&r.createElement(r.Fragment,null,r.createElement("h4",{className:"u-marg-bottom--light u-marg-top"},"Cancellation Policy"),r.createElement("div",{className:"u-marg-bot--heavy"},r.createElement(y.ZP,{type:y.yG.Small},n.cancelPenalty))))))}function Fe(){var e=(0,r.useContext)(re.hy),t=(0,r.useContext)(re.Qm),n=(0,B.WP)().hotel,o=(0,Ae.useSpring)((function(){return{x:0}})),l=(0,g.Z)(o,2),i=l[0].x,c=l[1],s=(0,Re.Z)(),m=(0,g.Z)(s,2),d=m[0],f=m[1],v=(0,N.$)().t,h=r.useState([]),E=(0,g.Z)(h,2),Z=E[0],S=E[1],C=(0,r.useState)(!1),w=(0,g.Z)(C,2),P=w[0],k=w[1],I=(0,r.useState)(null),R=(0,g.Z)(I,2),T=R[0],W=R[1],D=(0,r.useState)(!1),G=(0,g.Z)(D,2),F=G[0],M=G[1],O=(0,r.useState)(0),_=(0,g.Z)(O,2),L=_[0],q=_[1],V=(0,r.useState)(0),j=(0,g.Z)(V,2),z=(j[0],j[1]),U=(0,r.useState)(-1),J=(0,g.Z)(U,2),Q=J[0],Y=J[1];r.useEffect((function(){var t=!1,r=e.getAllValidRows();return M(!0),oe.Z.Addons.findAddons(r,n.hotelID).then((function(e){t||(M(!1),S(e))})),function(){M(!1),t=!0}}),[t.currentLanguage]);var H=222,K=H*Z.length>=f.width,X=(0,Te.c0)((function(e){var t=e.down,n=(0,g.Z)(e.movement,1)[0];ee(t,n)})),ee=function(e,t){if(K)if(e)c({x:L+1.5*t});else{var n=L+t,r=(Z.length-1)*H,a=0;if(n>0)a=0,Y(-1);else if(n<-(r-f.width+H))a=-(r-f.width+H),Y(1);else{var o=-n/H,l=n%H>-111?Math.floor(o):Math.ceil(o);a=-l*H,z(l),Y(0)}c({x:a}),q(a)}};return r.createElement(A.Z,{open:!F&&0!==(null==Z?void 0:Z.length)||(null==n?void 0:n.showAddonLoader)},r.createElement("div",{className:"u-pad-bottom--heavy "},r.createElement("div",{className:"u-marg-bottom"},r.createElement(a.Z,{bold:!0},v(u.W.Step.Confirmation.AdditionalOfferings))),F&&null!=n&&n.showAddonLoader?r.createElement($.Z,null):0===(null==Z?void 0:Z.length)?r.createElement("div",null,r.createElement(y.ZP,{color:b.I.DarkGrey},"Sorry, there are currently no additional offerings available.")):r.createElement("div",{className:"additional-offers"+(Z.length>2?"":" --wide"),ref:d},K&&r.createElement("div",{className:"additional-offers--navigation"},r.createElement(x.ZP,{icon:x.Tu.ArrowLeft2,onClick:function(){ee(!1,H)},color:-1===Q?b.I.DarkGrey:b.I.White,backgroundColor:b.I.Navy,borderRadius:"round",size:"24px"}),r.createElement(x.ZP,{icon:x.Tu.ArrowRight2,onClick:function(){ee(!1,-222)},color:1===Q?b.I.DarkGrey:b.I.White,backgroundColor:b.I.Navy,borderRadius:"round",size:"24px"})),r.createElement("div",{className:"additional-offers--track-container"},r.createElement(Ae.animated.div,(0,p.Z)({className:"additional-offers--track"},X(),{style:{left:i}}),Z.map((function(t,n){return r.createElement(Ie,{selected:!!e.getRowForAddon(t),key:n,addon:t,cardClicked:function(){k(!0),W(t)}})}))))),r.createElement(Ge,{isOpen:P&&!!T,addon:T,basketAddonRow:e.getRowForAddon(T),onClose:function(){k(!1)}})))}function Me(e){var t=(0,r.useState)(!1),n=(0,g.Z)(t,2),o=n[0],l=n[1];return r.createElement(I.Z,{type:I.N.Accent1},r.createElement("div",{className:"u-flex w-100 flex-wrap align-items-center"},r.createElement("div",null,r.createElement(y.ZP,null,r.createElement("strong",null,"Your room is")),r.createElement(y.ZP,null,r.createElement("strong",null,"being held for"))),r.createElement("div",{className:o?"a-flash":""},r.createElement(a.Z,{size:"large",bold:!0,color:b.I.White},r.createElement(de,{endTimeDate:e.endDate,onEnd:function(){R.ZP.instance.sendInteraction("Countdown End Seen",R.s_.LINK,R._J.GUEST_DETAILS),l(!0)}})))))}var Oe=n(4511),_e=n(5400),Le=n(6337),qe=n(5032),Ve=function(){var e=(0,r.useContext)(re.g7),t=(0,r.useContext)(re.aN).currentStep,n=(0,r.useContext)(re.hy).currentBasketRows,p=(0,N.$)().t,v=(0,Le.z)().raise;return(0,r.useEffect)((function(){var e=new qe.z(n);v(e)}),[]),r.createElement("div",{className:"container"},r.createElement(m.default,null),r.createElement("div",{className:"row"+(e.screenSize>d.Z.ExtraLarge?" no-gutters":"")},r.createElement("div",{className:"col-md-7 col-xl-8"},e.screenSize>d.Z.Medium&&r.createElement(r.Fragment,null,r.createElement(i.rU,{to:o.Z.getPreviousStepUrl(t)},r.createElement(s.Z,null)),r.createElement("div",{className:"u-marg-top--light u-marg-bottom--heavy"},r.createElement(a.Z,{bold:!0},p(u.W.Navigation.Steps.Confirmation)))),r.createElement("div",{className:"u-marg-top@m-"},r.createElement(Oe.Z,null))),e.screenSize>d.Z.Medium&&r.createElement("div",{className:"offset-xl-1 col-md-4 col-xl-3 align-self-end"},r.createElement(f.Z,null))),r.createElement(c.Z,null),r.createElement("div",{className:"row"+(e.screenSize>d.Z.ExtraLarge?" no-gutters":"")},r.createElement("div",{className:"col-md-7 col-xl-8 d-table"},r.createElement("div",{className:"block-container"},!_e.Z.isActive()&&r.createElement(Fe,null),r.createElement(Ne.s,null,r.createElement(ke,null)))),e.screenSize>d.Z.Medium&&r.createElement("div",{className:"col-xl-3 col-md-5 offset-xl-1"},r.createElement(Me,{endDate:me().add(10,"minute")}),r.createElement(l.v,{showImages:!0}))))}},4646:function(e,t,n){(t=n(3645)(!1)).push([e.id,".rs-enhanced-phone-field{--color-input-border: var(--color-light-grey);display:flex;flex-direction:row;position:relative;border:1px solid var(--color-input-border);border-radius:4px;transition:0.2s border}.rs-enhanced-phone-field:hover{--color-input-border: var(--color-accent-1)}.rs-enhanced-phone-field.--error{--color-input-border: var(--color-alert)}.rs-enhanced-phone-field.--success{--color-input-border: var(--color-success)}.rs-enhanced-phone-field--country{display:flex;flex-direction:row;align-items:center;justify-items:center;padding:8px 8px 8px 12px;cursor:pointer;background-color:transparent;transition:background-color 0.2s;border-right:1px solid var(--color-input-border)}.rs-enhanced-phone-field--country:hover{background-color:var(--color-snow)}.rs-enhanced-phone-field--country-icon{margin-right:7.5px}.rs-enhanced-phone-field--country *{z-index:5}.rs-enhanced-phone-field--number{flex-grow:1;position:relative}.rs-enhanced-phone-field--number-prefix{position:absolute;top:50%;left:8px;transform:translateY(-50%);font-size:14px;line-height:18px;color:var(--color-dark-grey)}.rs-enhanced-phone-field--number input{border:none;width:100%;height:100%;appearance:none;outline:none;font-size:14px;line-height:18px;padding-left:40px;-moz-appearance:textfield}.rs-enhanced-phone-field--number input::-webkit-outer-spin-button,.rs-enhanced-phone-field--number input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.rs-enhanced-phone-field--anchor{position:absolute;left:0;top:100%;width:100%;z-index:5000}.rs-enhanced-phone-field--suggest-list{background-color:white;border:1px solid var(--color-light-grey);max-height:400px;max-width:395px;overflow-y:scroll;display:flex;flex-direction:column}.rs-enhanced-phone-field--suggest-list-item{padding:8px 12px;position:relative;display:flex;flex-direction:row;transition:background-color 0.2s;cursor:pointer}.rs-enhanced-phone-field--suggest-list-item.--selected{background-color:var(--color-light-grey)}.rs-enhanced-phone-field--suggest-list-item:hover{background-color:var(--color-light-grey)}.rs-enhanced-phone-field--suggest-list-selected{position:absolute;right:16px;top:50%;transform:translateY(-50%)}.rs-enhanced-phone-field--suggest-list-country-icon{margin-right:8px}.rs-enhanced-phone-field--suggest-list-country-name span{color:var(--color-dark-grey)}\n",""]),e.exports=t},4126:function(e,t,n){var r=n(3379),a=n(4646);"string"==typeof(a=a.__esModule?a.default:a)&&(a=[[e.id,a,""]]);r(a,{insert:"head",singleton:!1}),e.exports=a.locals||{}}}]);