https://booking.jaegershotel.de/assets/SuccessfulReservation-Dv_posxz.js

1const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=[window.__toCdnUrl("assets/ImageLazyLoader-DY2FSO2o.js"),window.__toCdnUrl("assets/vendor-lxhXACKn.js"),window.__toCdnUrl("assets/formkit.theme-DVbh0M_W.js"),window.__toCdnUrl("assets/globalBasic-DCViCoV8.js")])))=>i.map(i=>d[i]);
2import{_ as X,c as J}from"./CardComponent.vue_vue_type_style_index_0_scoped_6bd02110_lang-BkqsqE_8.js";import{u as ae,f as R,c as ve,_ as U,b as se,a as fe,d as he,R as _e,B as ge,D as be}from"./formkit.theme-DVbh0M_W.js";import{d as T,u as oe,k as p,r as _,o as m,c as L,b as e,t as n,g as $,e as t,x,v as b,D as pe,Y as Q,W as xe,aF as we,z as S,aM as ye,aN as Ce,aO as ke,aJ as Ae,L as Se,l as $e,q as Le,M as Z,i as Ne,a as De,j as Ie,m as Re}from"./vendor-lxhXACKn.js";import{_ as ee}from"./MagicLink.vue_vue_type_script_setup_true_lang-CNTn4hLl.js";import{h as te}from"./computedProperties-CCrZrgkj.js";import"./globalBasic-DCViCoV8.js";import"./light-nUpfvi-t.js";const Oe=["aria-pressed"],Ee={class:"visually-hidden","aria-live":"assertive"},Be={class:"card"},Ue=["aria-hidden","tabindex"],Te={class:"p-3"},Pe={class:"flex flex-col justify-between p-5 pt-0 pb-0 w-11/12"},qe={id:"hotel-name",class:"font-bold text-lg mb-1"},Me={class:"text-sm font-bold"},Ve={class:"flex w-full mt-2 mb-4 justify-between text-xs"},Ge={class:"flex items-center"},Ye={"aria-label":"Check-in date: {{ formatDate(arrival) }}"},je={"aria-label":"Check-out date: {{ formatDate(departure) }}"},Fe={class:"flex items-center"},ze={class:"text-xs"},We={class:"text-sm font-bold mb-2"},Ke={class:"flex"},He={class:"flex mr-4 items-baseline"},Xe={class:"mb-5"},Je={class:"flex items-baseline"},Qe=["aria-label","aria-hidden","tabindex"],Ze=T({__name:"CardComponent",props:{hotelName:{type:String,required:!0},headerImage:{type:Object,required:!1,default:""},headerImageUrl:{type:String,required:!1,default:""},arrival:{type:String,required:!0},departure:{type:String,required:!0},numberOfNights:{type:Number,required:!0},roomsCount:{type:Number,required:!0},guestDetails:{type:String,required:!0}},setup(o){const i=Se(()=>ve(()=>import("./ImageLazyLoader-DY2FSO2o.js"),__vite__mapDeps([0,1,2,3]),import.meta.url)),{t:v}=oe(),w=ae(),y=o;p(()=>R(y.arrival)),p(()=>R(y.departure));const l=_(!1);return(N,s)=>{var C,k,f,A;return m(),L("div",{class:"card-container",role:"button",tabindex:"0","aria-label":"Flip card to see more details","aria-pressed":l.value,onClick:s[0]||(s[0]=D=>l.value=!l.value),onKeyup:[s[1]||(s[1]=Q(D=>l.value=!l.value,["enter"])),s[2]||(s[2]=Q(xe(D=>l.value=!l.value,["prevent"]),["space"]))]},[e("span",Ee,n(l.value?"Card flipped to details":"Card flipped to image"),1),e("div",Be,[e("div",{class:"card-back w-96 bg-surface-primary rounded-xl border shadow-box-shadow2 border-border-primary",role:"region","aria-labelledby":"hotel-name","aria-hidden":!l.value,tabindex:l.value?0:-1},[e("div",Te,[o.headerImageUrl?(m(),$(t(i),{key:0,"data-src":o.headerImageUrl,load:!0,"force-load":!0,"as-background":!0,alt:(k=(C=o.headerImage.sizeOriginal)==null?void 0:C.alt)==null?void 0:k[t(w).language],"animated-bg":!0,class:"w-full rounded-2xl !h-80"},null,8,["data-src","alt"])):x("",!0)]),e("div",Pe,[e("h1",qe,n(o.hotelName),1),e("p",Me,n(t(v)("WBEPLUS.TRAVEL_DATES")),1),e("div",Ve,[e("div",Ge,[b(t(S),{icon:t(we),"aria-hidden":"true",class:"mr-2 ml-0 text-sm"},null,8,["icon"]),e("p",Ye,n(t(R)(o.arrival,"DD.MM.YYYY")),1),b(t(S),{icon:t(ye),"aria-hidden":"true",class:"mx-2 text-sm"},null,8,["icon"]),e("p",je,n(t(R)(o.departure,"DD.MM.YYYY")),1)]),e("div",Fe,[b(t(S),{icon:t(Ce),"aria-hidden":"true",class:"mr-2 text-sm"},null,8,["icon"]),e("p",null,[e("span",null,n(o.numberOfNights),1),pe(" "+n(t(v)("GLOBAL.NIGHTS_PLURAL",o.numberOfNights)),1)])])]),e("div",ze,[e("h1",We,n(t(v)("SELECT.GUESTS")),1),e("div",Ke,[e("div",He,[b(t(S),{icon:t(ke),class:"mr-2","aria-hidden":"true"},null,8,["icon"]),e("p",Xe,n(o.roomsCount)+" "+n(t(v)("GLOBAL.ROOMS_PLURAL",o.roomsCount)),1)]),e("div",Je,[b(t(S),{icon:t(Ae),class:"mr-2 ml-0"},null,8,["icon"]),e("p",null,n(o.guestDetails),1)])])])])],8,Ue),e("div",{role:"img","aria-label":o.hotelName+" featured image","aria-hidden":l.value,tabindex:l.value?-1:0,class:"card-front flex items-center justify-center w-96 min-h-full bg-surface-primary rounded-xl border shadow-box-sha

2dow2 border-border-primary overflow-hidden"},[o.headerImageUrl?(m(),$(t(i),{key:0,"data-src":o.headerImageUrl,alt:(A=(f=o.headerImage.sizeOriginal)==null?void 0:f.alt)==null?void 0:A[t(w).language],"animated-bg":!0,class:"w-full !h-[500px]",load:!0,"force-load":!0,"as-background":!0},null,8,["data-src","alt"])):x("",!0)],8,Qe)])],40,Oe)}}}),et=U(Ze,[["__scopeId","data-v-6bd02110"]]),tt={},at={class:"progress-complete","aria-hidden":"true"};function st(o,i){return m(),L("div",at,i[0]||(i[0]=[e("div",{class:"progress-track"},[e("div",{class:"progress-fill"})],-1),e("div",{class:"progress-label"},"100%",-1)]))}const ot=U(tt,[["render",st],["__scopeId","data-v-f26059b1"]]),rt={class:"brand-animation","aria-hidden":"true"},nt={class:"brand-badge"},it=["src"],lt={class:"brand-name"},dt=T({__name:"ConfirmationBrandAnimation",props:{hotelName:{}},setup(o){const i=se();return(v,w)=>(m(),L("div",rt,[e("div",nt,[e("img",{src:t(i).hotelContent.logo.size600.url,class:"w-40 mr-12",alt:"hotel logo"},null,8,it),e("span",lt,n(v.hotelName),1)])]))}}),ct=U(dt,[["__scopeId","data-v-fcc82960"]]),ut={key:0,class:"lg:bg-surface-md lg:min-h-[92.5vh] text-text-primary",role:"main","aria-label":"Reservation Confirmation Page"},mt={class:"lg:flex hidden w-full lg:pt-40 m-auto"},vt={class:"lg:w-1/2 w-full"},ft={class:"lg:flex lg:justify-center lg:m-auto w-full"},ht={class:"lg:w-1/2 lg:flex-col lg:m-auto"},_t={class:"mb-10"},gt={class:"mb-6"},bt={class:"text-2xl text-text-brand font-bold mb-5","aria-live":"polite"},pt={class:"text-sm text-text-primary w-2/3","aria-live":"polite"},xt={class:"flex mt-5 gap-10 items-baseline"},wt={class:"lg:hidden flex flex-wrap m-auto min-h-[87vh] text-center"},yt={class:"m-auto"},Ct={class:"text-text-brand w-full text-2xl mb-2 font-bold","aria-live":"polite"},kt={"aria-live":"polite"},At={class:"flex w-full justify-center h-40"},St={class:"w-11/12 m-auto flex flex-col gap-6"},$t={class:"flex items-center justify-center"},Lt={class:"flex items-center justify-center"},Ut=T({__name:"SuccessfulReservation",setup(o){const{t:i}=oe(),v=De(),w=ae(),y=se(),l=fe(),N=_(!1),s=_(null),C=_(null),k=_(null),f=Ie(),A=p(()=>{var a;return((a=y.hotelContent)==null?void 0:a.name)||""}),D=p(()=>{var a;return((a=s.value)==null?void 0:a.rooms.length)||0}),re=p(()=>{var a,r,u,h;return`${((a=s.value)==null?void 0:a.totalNumberOfAdults)||0} ${i("GLOBAL.ADULTS_PLURAL",(r=s.value)==null?void 0:r.totalNumberOfAdults)}, ${((u=s.value)==null?void 0:u.totalNumberOfChildren)||0} ${i("GLOBAL.CHILDREN_PLURAL",(h=s.value)==null?void 0:h.totalNumberOfChildren)}`}),P=$e(Re),ne={0:"none",1:"confetti",2:"checkmark",3:"progress",4:"brand"},g=_("none"),O=_(0),E=_(null),q=a=>{v.push({name:a,query:{hotelID:w.hotelId,resID:C.value||"",email:k.value||""}})},ie=()=>{const a=Date.now()+1500,r=["#bb0000","#ffffff"],u=()=>{J({particleCount:2,angle:45,spread:90,origin:{x:0},colors:r}),J({particleCount:2,angle:140,spread:90,origin:{x:1},colors:r}),Date.now()<a&&requestAnimationFrame(u)};u()},le=async()=>{var a,r,u,h,I,V,G,Y,j,F,z,W,K,H;try{N.value=!0;const B=f.params.hotelID,d=await he(B,f.params.resID||f.query.resID,f.params.email||f.query.email),c=(r=(a=d==null?void 0:d.data)==null?void 0:a.value)==null?void 0:r.data;c!=null&&c.reservation&&(s.value=new _e(c==null?void 0:c.reservation),s.value.booker=new ge(c==null?void 0:c.booker),s.value.config=new be(c==null?void 0:c.reservation)),(V=(I=(h=(u=d==null?void 0:d.data)==null?void 0:u.value)==null?void 0:h.meta)==null?void 0:I.other)!=null&&V.resId&&(C.value=(F=(j=(Y=(G=d==null?void 0:d.data)==null?void 0:G.value)==null?void 0:Y.meta)==null?void 0:j.other)==null?void 0:F.resId,k.value=(H=(K=(W=(z=d==null?void 0:d.data)==null?void 0:z.value)==null?void 0:W.meta)==null?void 0:K.other)==null?void 0:H.email),N.value=!1}catch(B){N.value=!1,console.error("Error fetching reservation:",B)}},de={progress:ot,brand:ct},M=p(()=>g.value==="confetti"||g.value==="none"?null:de[g.value]),ce=()=>new Promise(a=>{requestAnimationFrame(()=>a())}),ue=()=>{var a;return ne[(a=y.settings)==null?void 0:a.bookingAnimation]??"confetti"},me=async(a="confetti")=>{g.value="none",await Z(),await ce(),O.value+=1,g.value=a,a==="confetti"&&ie()};return Le(async()=>{l.resetReservation(),await le(),await Z(),window.setTimeout(()=>{var a;(a=E.value)==null||a.play().catch(r=>{console.error("Video playback failed:",r)}),me(ue())},1e3)}),(a,r)=>{var u,h;return s.value?(m(),L("div",ut,[e("div",mt,[e("div",vt,[e("div",ft,[b(et,{"hotel-name":A.value,"header-image-url":(h=(u=t(te)[0])==null?void 0:u.size1000)==null?void 0:h.url,"header-image":t(te)[0],arrival:s.value.arrival,departure:s.value.departure,"number-of-nights":s.value.nights,"travel-dates":a.travelDates,"rooms-count":D.value,"guest-details":re.value,"aria-label":"Reservation Details"},null,8,["hotel-name","header-image-url","header-image","arrival","departure","number-of-nights","travel-dates","rooms-count","guest-details"])])]),e("div",ht,[e("div",_t,[e("div",gt,[g.value==="checkmark"?(m(),L("video",{muted:"",playsinline:"",autoplay:"",preload:"auto",key:O.value,ref_key:"checkVideo",ref:E,class:"h-40"},r[2]||(r[2]=[e("source",{src:X,type:"video/mp4"},null,-1)]))):M.value?(m(),$(Ne(M.value),{key:`${g.value}-${O.value}`,"hotel-name":A.value},null,8,["hotel-name"])):x("",!0)]),e("h2",bt,n(t(i)("WBEPLUS.THANKYOU")),1),e("p",pt,n(t(i)("WBEPLUS.SUCCESS_RESERVATION_CONGR")),1)]),e("div",xt,[t(P).greater("lg").value===!0?(m(),$(ee,{key:0,class:"magiclink","aria-label":"Magic Link to Additional Features","res-id":s.value.resId},null,8,["res-id"])):x("",!0),e("button",{onClick:r[0]||(r[0]=I=>q("reservation_view")),class:"btn-link !text-text-brand","aria-label":"Proceed to Next Step"},n(t(i)("GLOBAL.NEXT")),1)])])]),e("div",wt,[e("div",yt,[e("h2",Ct,n(t(i)("WBEPLUS.THANKYOU")),1),e("p",kt,n(t(i)("WBEPLUS.SUCCESS_RESERVATION_CONGR")),1)]),e("div",At,[e("video",{ref_key:"checkVideo",ref:E,muted:"",playsinline:""},r[3]||(r[3]=[e("source",{src:X,type:"video/mp4"},null,-1)]),512)]),e("div",St,[e("div",$t,[t(P).smaller("lg").value===!0?(m(),$(ee,{key:0,"res-id":s.value.resId,"aria-label":"Magic Link to Additional Features"},null,8,["res-id"])):x("",!0)]),e("div",Lt,[e("button",{onClick:r[1]||(r[1]=I=>q("reservation_view")),class:"btn-link !text-text-brand","aria-label":"Proceed to Next Step"},n(t(i)("GLOBAL.NEXT")),1)])])])])):x("",!0)}}});

2export{Ut as default};