https://tickets.sydneyzoo.com/encounters/www_shared/assets/8337.e0040565c66dcbdbec51.js

1(self.webpackChunk_webcoda_boilerplatev_template=self.webpackChunk_webcoda_boilerplatev_template||[]).push([[8337],{6336:(e,t,a)=>{"use strict";a.d(t,{C:()=>s});var s=function(e){return function(t){if(t.target.value.length===e)return t.preventDefault(),!1}}},8883:(e,t,a)=>{"use strict";a.r(t),a.d(t,{default:()=>r});var s=a(319),i=a.n(s);const n={model:{prop:"modelValue",event:"change"},props:{name:String,label:{type:String},value:[String,Array,Object],type:{type:String,default:"checkbox"},disabled:Boolean,modelValue:{default:!1},trueValue:{default:!0},falseValue:{default:!1},error:{type:String},inputBackgroundColorClass:{type:String,default:"bg-white"}},computed:{isChecked:function(){return"radio"==this.type?this.modelValue==this.value:Array.isArray(this.modelValue)?this.modelValue.includes(this.value):this.modelValue===this.trueValue}},methods:{updateInput:function(e){if("radio"==this.type)this.$emit("change",this.value,e);else{var t=e.target.checked;if(Array.isArray(this.modelValue)){var a=i()(this.modelValue);t?a.push(this.value):a.splice(a.indexOf(this.value),1),this.$emit("change",a,e)}else this.$emit("change",t?this.trueValue:this.falseValue,e)}}}};const r=(0,a(1900).Z)(n,(function(){var e,t=this,a=t.$createElement,s=t._self._c||a;return s("div",{staticClass:"relative BaseInputBox",class:(e={},e["is-"+t.type]=!0,e)},[s("label",{staticClass:"flex"},[s("input",{staticClass:"sr-only sibling-checked",attrs:{type:t.type,name:t.name,disabled:t.disabled},domProps:{value:t.value,checked:t.isChecked},on:{change:t.updateInput,blur:function(e){return t.$emit("blur",e)}}}),t._v(" "),s("span",{staticClass:"relative w-5 h-5 flex-shrink-0 mr-3.5 sibling-checked:bg-yellow BaseInputBox__checkmark",class:[t.inputBackgroundColorClass,{"rounded-full":"radio"===t.type}],attrs:{"aria-hidden":"true"}},[s("span",{staticClass:"left-1/2 top-1 -translate-x-1/2 w-1.5 h-2.5 border-r-2 border-b-2 border-white transform rotate-45 absolute BaseInputBox__checkmarklogo"})]),t._v(" "),s("span",{staticClass:"BaseInputBox__label"},[t.label?s("span",{domProps:{innerHTML:t._s(t.label)}}):t._e(),t._v(" "),t._t("default")],2)]),t._v(" "),t.error?s("div",{staticClass:"text-error BaseInputBox__label md:ml-8.5",domProps:{innerHTML:t._s(t.error)}},[t._t("error")],2):t._e()])}),[],!1,null,null,null).exports},8337:(e,t,a)=>{"use strict";a.r(t),a.d(t,{default:()=>v});var s=a(7757),i=a.n(s),n=a(8926),r=a.n(n),l=a(1170),o=a(7780),d=a(8883),m=a(2455),u=a(6336),c=a(4088);const p={props:{name:Object,indexPos:Number,minAge:Number,validation:Object,isHideMobile:Boolean,isHideEmail:Boolean,isHidePostcode:Boolean},components:{DatePicker:l.Z,Button:o.default,BaseInputBox:d.default,BookingNameInputError:m.default},data:function(){return{isLinkMemberPopupShow:!1,linkedData:null}},computed:{isNotInfantOrChild:function(){var e=this.name;return!e||!(null==e?void 0:e.description)||!e.description.includes("Child")&&!e.description.includes("Infant")},fields:function(){return{firstName:{errorMessages:[{type:"required",msg:"First name is required"},{type:"validname",msg:"Invalid characters"}]},lastName:{errorMessages:[{type:"required",msg:"Last name is required"},{type:"validname",msg:"Invalid characters"}]},emailAddress:{errorMessages:[{type:"required",msg:"Email is required"},{type:"email",msg:"Invalid email address"}]},mobilePhone:{errorMessages:[{type:"required",msg:"Mobile is required"},{type:"minLength",msg:"Min. 10 digits"}]},postcode:{errorMessages:[{type:"required",msg:"Postcode is required"},{type:"minLength",msg:"Min. 4 digits"}]},dateOfBirth:{errorMessages:[{type:"required",msg:"Date of birth is required"},{type:"minValue",msg:"The minimum age for this encounter is ".concat(this.minAge," years of age.")}]}}}},methods:{handlePostcode:(0,u.C)(4),handleMobile:(0,u.C)(10),disableAfterToday:function(e){var t=new Date;return t.setHours(0,0,0,0),e>t},handleInputBlurLinkedName:function(){var e=this;return r()(i().mark((function t(){var a,s,n,r;return i().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if((a=e.name)&&!a.linkedMember){t.next=3;break}return t.abrupt("return");case 3:return t.next=5,(0,c.Fu)({firstName:a.firstName,lastName:a.lastName,emailAddress:a.emailAddress});case 5:s=t.sent,n=s.ok,r=s.data,n&&r&&(e.isLinkMemberPopupShow=r.exist,e.$set(e,"linkedData",r));case 9:case"end":return t.stop()}}),t)})))()},handlePopupLinkAccountClick:function(){var e=this.name,t=this.linkedData;t&&(this.isLinkMemberPopupShow=!1,e.linkedMember=t.exist,e.dateOfBirth=new Date(t.dateOfBirth),e.postcode=t.postcode,e.mobilePhone=t.phonenumber,e.memberCardID=t.membershipnumber,this.$set(this,"linkedData",null))},handlePopupLinkContinueClick:function(){this.name.emailAddress="",this.isLinkMemberPopupShow=!1,this.$set(this,"linkedData",null),this.$refs.email.focus()}}};const v=(0,a(1900).Z)(p,(function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticClass:"relative p-8 pr-20 bg-white border-l-[2rem] sm:border-l-[6rem] rounded-[5px] border-green focus-within:border-yellow transition duration-500"},[a("div",{staticClass:"u-absolute-center w-5 h-5 bg-[#e0deda] left-[-6rem] rounded-full"}),e._v(" "),a("h4",{staticClass:"mt-4 mb-6.5 text-base"},[e._v("\n\t\t"+e._s(e.name.title)+"\n\t\t"),0===e.indexPos?a("span",{staticClass:"font-normal"}

1,[e._v("(Primary)")]):e._e()]),e._v(" "),a("div",{staticClass:"row -mt-4"},[a("div",{staticClass:"md:col-6 mt-4"},[a("label",{staticClass:"block"},[e._m(0),e._v(" "),a("input",{directives:[{name:"model",rawName:"v-model",value:e.name.firstName,expression:"name.firstName"}],staticClass:"w-full",attrs:{type:"text",disabled:e.name.linkedMember},domProps:{value:e.name.firstName},on:{blur:e.handleInputBlurLinkedName,input:function(t){t.target.composing||e.$set(e.name,"firstName",t.target.value)}}})]),e._v(" "),a("BookingNameInputError",{attrs:{validation:e.validation.firstName,messages:e.fields.firstName.errorMessages}})],1),e._v(" "),a("div",{staticClass:"md:col-6 mt-4"},[a("label",{staticClass:"block"},[e._m(1),e._v(" "),a("input",{directives:[{name:"model",rawName:"v-model",value:e.name.lastName,expression:"name.lastName"}],staticClass:"w-full",attrs:{type:"text",disabled:e.name.linkedMember},domProps:{value:e.name.lastName},on:{blur:e.handleInputBlurLinkedName,input:function(t){t.target.composing||e.$set(e.name,"lastName",t.target.value)}}})]),e._v(" "),a("BookingNameInputError",{attrs:{validation:e.validation.lastName,messages:e.fields.lastName.errorMessages}})],1),e._v(" "),e.name.linkedMember?e._e():a("div",{staticClass:"md:col-6 mt-4"},[a("label",{staticClass:"block"},[e._m(2),e._v(" "),a("date-picker",{staticClass:"w-full",attrs:{disabled:e.name.linkedMember,placeholder:"dd/mm/yyyy",autocomplete:"off",lang:"en",format:"DD/MM/YYYY","disabled-date":e.disableAfterToday},on:{blur:e.handleInputBlurLinkedName},model:{value:e.name.dateOfBirth,callback:function(t){e.$set(e.name,"dateOfBirth",t)},expression:"name.dateOfBirth"}})],1),e._v(" "),a("BookingNameInputError",{attrs:{validation:e.validation.dateOfBirth,messages:e.fields.dateOfBirth.errorMessages}})],1),e._v(" "),e.isHideEmail||e.name.linkedMember?e._e():a("div",{staticClass:"md:col-6 mt-4"},[a("label",{staticClass:"block"},[e._m(3),e._v(" "),a("input",{directives:[{name:"model",rawName:"v-model",value:e.name.emailAddress,expression:"name.emailAddress"}],ref:"email",attrs:{type:"email",disabled:e.name.linkedMember},domProps:{value:e.name.emailAddress},on:{blur:e.handleInputBlurLinkedName,input:function(t){t.target.composing||e.$set(e.name,"emailAddress",t.target.value)}}})]),e._v(" "),a("BookingNameInputError",{attrs:{validation:e.validation.emailAddress,messages:e.fields.emailAddress.errorMessages}})],1),e._v(" "),e.isHideMobile||e.name.linkedMember?e._e():a("div",{staticClass:"md:col-6 mt-4"},[a("label",{staticClass:"block"},[e._m(4),e._v(" "),a("input",{directives:[{name:"model",rawName:"v-model",value:e.name.mobilePhone,expression:"name.mobilePhone"}],attrs:{type:"number",disabled:e.name.linkedMember},domProps:{value:e.name.mobilePhone},on:{keypress:e.handleMobile,input:function(t){t.target.composing||e.$set(e.name,"mobilePhone",t.target.value)}}})]),e._v(" "),a("BookingNameInputError",{attrs:{validation:e.validation.mobilePhone,messages:e.fields.mobilePhone.errorMessages}})],1),e._v(" "),e.isHidePostcode||e.name.linkedMember?e._e():a("div",{staticClass:"md:col-6 mt-4"},[a("label",{staticClass:"block"},[e._m(5),e._v(" "),a("input",{directives:[{name:"model",rawName:"v-model",value:e.name.postcode,expression:"name.postcode"}],attrs:{type:"number",disabled:e.name.linkedMember},domProps:{value:e.name.postcode},on:{keypress:e.handlePostcode,input:function(t){t.target.composing||e.$set(e.name,"postcode",t.target.value)}}})]),e._v(" "),a("BookingNameInputError",{attrs:{validation:e.validation.postcode,messages:e.fields.postcode.errorMessages}})],1),e._v(" "),a("div",{staticClass:"col-12 mt-4"},[a("label",{staticClass:"block"},[a("span",{staticClass:"block text-label"},[e._v("Special requirements (dietary/mobility/allergies)")]),e._v(" "),a("textarea",{directives:[{name:"model",rawName:"v-model",value:e.name.notes,expression:"name.notes"}],staticClass:"block w-full",domProps:{value:e.name.notes},on:{input:function(t){t.target.composing||e.$set(e.name,"notes",t.target.value)}}})])]),e._v(" "),a("div",{staticClass:"col-12 text-center mt-4"},[e.name.linkedMember?a("Button",{staticStyle:{width:"auto"},on:{click:function(t){e.name.linkedMember=!1,e.name.emailAddress="",e.name.memberCardID=""}}}

1,[e._v("\n\t\t\t\tUnlink Member\n\t\t\t")]):e._e()],1)]),e._v(" "),a("div",{staticClass:"u-absolute-center left-auto w-5 h-5 bg-[#e0deda] -right-5 rounded-full"}),e._v(" "),e.isLinkMemberPopupShow?a("div",{staticClass:"fixed top-0 left-0 w-full h-full bg-black/80 flex items-center justify-center z-5 overflow-auto"},[a("div",{staticClass:"bg-white text-center relative rounded-10 overflow-hidden",staticStyle:{"max-width":"500px",margin:"3rem auto"}},[a("div",{staticClass:"py-4 px-6 bg-green text-white uppercase font-extrabold tracking-[1.5px]"},[e._v("Link Account")]),e._v(" "),a("div",{staticClass:"p-6"},[a("p",[e._v("Hi "),a("strong",{domProps:{innerHTML:e._s(e.name.firstName)}}),e._v(", we found your account. Would you like to link this purchase to your account, or enter "),a("strong",[e._v("another email address or name")]),e._v(" and continue as a guest?")]),e._v(" "),a("div",{staticClass:"flex space-x-4 mt-6"},[a("Button",{staticClass:"inline-flex !mt-0",on:{click:e.handlePopupLinkAccountClick}},[a("span",[e._v("Yes, Link Account")])]),e._v(" "),a("Button",{staticClass:"inline-flex !mt-0",attrs:{variant:"secondary"},on:{click:e.handlePopupLinkContinueClick}},[a("span",[e._v("No, Continue As Guest")])])],1)])])]):e._e()])}),[function(){var e=this.$createElement,t=this._self._c||e;return t("span",{staticClass:"block text-label"},[this._v("First Name "),t("span",{staticClass:"text-error"},[this._v("*")])])},function(){var e=this.$createElement,t=this._self._c||e;return t("span",{staticClass:"block text-label"},[this._v("Last Name "),t("span",{staticClass:"text-error"},[this._v("*")])])},function(){var e=this.$createElement,t=this._self._c||e;return t("span",{staticClass:"block text-label"},[this._v("Date of Birth "),t("span",{staticClass:"text-error"},[this._v("*")])])},function(){var e=this.$createElement,t=this._self._c||e;return t("span",{staticClass:"block text-label"},[this._v("\n\t\t\t\t\tEmail\n\t\t\t\t\t"),t("span",{staticClass:"text-error"},[this._v("*")])])},function(){var e=this.$createElement,t=this._self._c||e;return t("span",{staticClass:"block text-label"},[this._v("Mobile "),t("span",{staticClass:"text-error"},[this._v("*")])])},function(){var e=this.$createElement,t=this._self._c||e;return t("span",{staticClass:"block text-label"},[this._v("Postcode "),t("span",{staticClass:"text-error"},[this._v("*")])])}],!1,null,null,null).exports},2455:(e,t,a)=>{"use strict";a.r(t),a.d(t,{default:()=>i});const s={props:{validation:Object,messages:Array},computed:{shownMessage:function(){var e=this.messages,t=this.validation;return e.find((function(e){return Object.keys(t).filter((function(e){return!t[e]})).includes(e.type)}))}}};const i=(0,a(1900).Z)(s,(function(){var e=this,t=e.$createElement,a=e._self._c||t;return e.validation?a("div",[e.shownMessage&&e.validation&&!e.validation[e.shownMessage.type]&&e.validation.$dirty?a("small",{staticClass:"text-error block",domProps:{innerHTML:e._s(e.shownMessage.msg)}}):e._e()]):e._e()}),[],!1,null,null,null).exports}}]);