https://lp.achtsamkeitsakademie.de/_next/static/chunks/pages/_w/[w…/view/[[...slug]]-02865f5820012ca3.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[20],{7509:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/_w/[webinarId]/view/[[...slug]]",function(){return r(1506)}])},6046:function(e,t,r){"use strict";var n=r(2322);r(2784),t.Z=e=>{let{color:t,size:r="16px"}=e;return(0,n.jsx)("div",{className:"flex justify-center items-center",children:(0,n.jsx)("div",{className:"animate-spin rounded-full mr-1 border-b-2 ".concat(t),style:{width:r,height:r}})})}},8993:function(e,t,r){"use strict";r.d(t,{w:function(){return o}});var n=r(2322);r(2784);var s=r(8233),a=r(6629);let c=e=>{let{progressCurrent:t,progressTotal:r}=e;return t&&r?(0,n.jsxs)("div",{className:"text-sm text-gray-600 font-medium",children:[t," / ",r]}):(0,n.jsx)("div",{className:"w-10"})},o=e=>{var t,r,o,i;let{onBack:l,showBackButton:u=!1,progressCurrent:d,progressTotal:f,appId:m,startPageLogoUrl:x,navBarLogoUrl:h,discount:p,discountLabel:v}=e,{t:w}=(0,s.$G)(),g=m?"/".concat(m,"/logo.svg"):"/logo.svg",y=(0,a.A)({days:null!==(t=null==p?void 0:p.days)&&void 0!==t?t:0,hours:null!==(r=null==p?void 0:p.hours)&&void 0!==r?r:0,minutes:null!==(o=null==p?void 0:p.minutes)&&void 0!==o?o:0,seconds:null!==(i=null==p?void 0:p.seconds)&&void 0!==i?i:0},w.countdownUnits);return u?(0,n.jsxs)("nav",{className:"w-full bg-white shadow-sm py-1 px-6 flex items-center justify-between relative",children:[(0,n.jsx)("button",{onClick:l,className:"p-2 hover:bg-gray-100 rounded-full transition-colors","aria-label":"Zur\xfcck",children:(0,n.jsx)("svg",{className:"w-6 h-6 text-black",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,n.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M15 19l-7-7 7-7"})})}),(0,n.jsx)("div",{className:"absolute left-1/2 transform -translate-x-1/2",children:(0,n.jsx)("img",{src:null!=h?h:g,alt:"Logo",className:"h-10"})}),d&&f?(0,n.jsxs)("div",{className:"text-sm text-gray-600 font-medium",children:[d," / ",f]}):(0,n.jsx)("div",{className:"w-10"})]}):(0,n.jsxs)("nav",{className:"w-full bg-white shadow-sm py-2 px-3 sm:px-6 flex items-center justify-between gap-2 overflow-x-hidden",children:[(0,n.jsx)("img",{src:null!=x?x:g,alt:"Logo",className:"h-8 sm:h-12 shrink min-w-0 object-contain"}),p?(0,n.jsxs)("div",{className:"flex items-center gap-2 sm:gap-3 shrink-0",children:[(0,n.jsxs)("span",{className:"text-sm text-[var(--bodyTextColor)] hidden sm:inline",children:[v,":"]}),(0,n.jsx)("span",{className:"text-sm sm:text-xl font-bold text-[var(--primaryColor)] tabular-nums whitespace-nowrap",children:y}),(0,n.jsx)("button",{onClick:p.onCtaClick,className:"px-3 sm:px-4 py-2 bg-[var(--primaryColor)] text-white font-semibold rounded-full text-sm whitespace-nowrap shrink-0 hover:opacity-90 transition-opacity",children:p.ctaLabel})]}):(0,n.jsx)(c,{progressCurrent:d,progressTotal:f})]})}},6629:function(e,t,r){"use strict";r.d(t,{A:function(){return a},b:function(){return c}});let n=e=>e.toString().padStart(2,"0"),s=(e,t,r)=>"".concat(e," ").concat(1===e?t:r),a=(e,t)=>{let{days:r,hours:a,minutes:c,seconds:o}=e;return r>0?"".concat(s(r,t.day,t.days),", ").concat(s(a,t.hour,t.hours)):a>0?"".concat(n(a),":").concat(n(c),":").concat(n(o)):"".concat(n(c),":").concat(n(o))},c=(e,t)=>{let{days:r,hours:n,minutes:a,seconds:c}=e,o=s(r,t.day,t.days),i=s(n,t.hour,t.hours),l=s(a,t.minute,t.minutes),u=s(c,t.second,t.seconds);return r>0?"".concat(o,", ").concat(i,", ").concat(l):n>0?"".concat(i,", ").concat(l,", ").concat(u):"".concat(l,", ").concat(u)}},8837:function(e,t,r){"use strict";r.d(t,{f:function(){return s}});var n=r(2784);let s=e=>{(0,n.useEffect)(()=>{if(!e)return;let t=Object.keys(e).filter(e=>e.endsWith("Color"));return t.forEach(t=>document.documentElement.style.setProperty("--".concat(t),e[t])),()=>t.forEach(e=>document.documentElement.style.removeProperty("--".concat(e)))},[e])}},1506:function(e,t,r){"use strict";r.r(t),r.d(t,{__N_SSG:function(){return R},default:function(){return _}});var n=r(2322),s=r(2784),a=r(5632),c=r(3913),o=r(9272),i=r(9428),l=r(6046),u=r(3927),d=r(562),f=r(7729),m=r.n(f),x=r(3110),h=r(2009),p=r(8993),v=r(7772),w=r(1500),g=r(8233),y=r(8837);let b=864e5,j=(e,t)=>{let r=Math.max(0,e-t);return{days:Math.floor(r/b),hours:Math.floor(r%b/36e5),minutes:Math.floor(r%36e5/6e4),seconds:Math.floor(r%6e4/1e3)}},k=new Intl.DateTimeFormat("de-DE",{timeZone:"Europe/Berlin",day:"2-digit",month:"2-digit",year:"numeric",hour:"2-digit",minute:"2-digit"}),N=(e,t)=>(null==t?void 0:t.trim())?t:k.format(new Date(e)).replace(",",""),E={days:"Tage",hours:"Std",minutes:"Min",seconds:"Sek"},C=e=>e.toString().padStart(2,"0"),I=e=>{let{targetTimestamp:t,onExpire:r}

1=e,[a,c]=(0,s.useState)(()=>Date.now()),o=(0,s.useRef)(!1);(0,s.useEffect)(()=>{let e=setInterval(()=>c(Date.now()),1e3);return()=>clearInterval(e)},[]),(0,s.useEffect)(()=>{o.current||a<t||(o.current=!0,r())},[a,t,r]);let{days:i,hours:l,minutes:u,seconds:d}=j(t,a),f=[...i>0?[{key:"days",value:i}]:[],{key:"hours",value:l},{key:"minutes",value:u},{key:"seconds",value:d}];return(0,n.jsx)("div",{className:"flex justify-center gap-3 sm:gap-6","aria-live":"off",children:f.map(e=>{let{key:t,value:r}=e;return(0,n.jsxs)("div",{className:"flex flex-col items-center min-w-[64px] sm:min-w-[80px]",children:[(0,n.jsx)("span",{className:"text-3xl sm:text-5xl font-bold tabular-nums text-[var(--primaryColor)]",children:C(r)}),(0,n.jsx)("span",{className:"text-xs sm:text-sm uppercase tracking-wide text-[var(--bodyTextColor)] opacity-70",children:E[t]})]},t)})})},S=()=>{},D=(e,t)=>{if(!t)return e;try{let r=new URL(e);return r.searchParams.set("voucher",t),r.toString()}catch(n){let r=e.includes("?")?"&":"?";return"".concat(e).concat(r,"voucher=").concat(encodeURIComponent(t))}},T=e=>{let{webinar:t,videoConfig:r,webAppConfig:c,voucherId:o,webinarParticipantId:i,startsAt:l,startTimeString:u,onCountdownExpire:d}=e,f=(0,a.useRouter)(),[b,j]=(0,s.useState)(0),[k,E]=(0,s.useState)(),[C,T]=(0,s.useState)(!1),[A,R]=(0,s.use

1State)(!1),_=(0,s.useRef)(!1),U=(0,s.useRef)(Date.now()),P=(0,s.useRef)(!1);(0,y.f)(c);let L=(0,s.useCallback)((e,t)=>{j(e),t&&E(t),R(!1)},[]),O=(0,s.useCallback)(()=>{!P.current&&i&&(P.current=!0,(0,h.r)(i))},[i]),B=(0,s.useCallback)(e=>{"EVENT_CHAIN_DEAD"===e&&R(!0),"PLAYBACK_STARTED"===e&&O()},[O]);(0,s.useEffect)(()=>{l||(U.current=Date.now())},[l]),(0,s.useEffect)(()=>{null!=t.pitchOffsetSeconds&&b>=t.pitchOffsetSeconds&&T(!0)},[b,t.pitchOffsetSeconds]),(0,s.useEffect)(()=>{let e;if(A&&!C&&null!=t.pitchOffsetSeconds){let r=1e3*t.pitchOffsetSeconds-(Date.now()-U.current);r<=0?T(!0):e=window.setTimeout(()=>T(!0),r)}return()=>{e&&window.clearTimeout(e)}},[A,C,t.pitchOffsetSeconds]);let M=(0,s.useCallback)(()=>{if(!t.checkoutUrl)return;let e=D(t.checkoutUrl,o);/^https?:\/\//i.test(e)?window.location.href=e:f.push(e)},[t.checkoutUrl,o,f]),Z=(0,s.useCallback)(()=>{!_.current&&!1!==t.autoRedirectAtEnd&&t.checkoutUrl&&(_.current=!0,M())},[t.autoRedirectAtEnd,t.checkoutUrl,M]);(0,s.useEffect)(()=>{!A&&k&&b>=k-1&&Z()},[A,b,k,Z]);let K="apps/".concat(t.appId);return(0,n.jsxs)(g.$j,{language:void 0,children:[(0,n.jsxs)(m(),{children:[(0,n.jsx)("title",{children:t.title}),(0,n.jsx)("meta",{name:"robots",content:"noindex"}),(0,n.jsx)("link",{rel:"shortcut icon",href:"/".concat(K,"/favicon.ico")})]}),(0,n.jsxs)("div",{className:"w-full min-h-screen bg-[var(--backgroundColor)]",children:[(0,n.jsx)(p.w,{showBackButton:!1,appId:t.appId,startPageLogoUrl:(0,w.V)(null==c?void 0:c.startPageLogo),navBarLogoUrl:(0,w.V)(null==c?void 0:c.navBarLogo)}),l?(0,n.jsxs)("div",{className:"w-full flex flex-col items-center gap-4 px-4 sm:px-8 pt-12 pb-16 text-center",children:[(0,n.jsx)("p",{className:"text-sm font-semibold uppercase tracking-wide text-[var(--primaryColor)]",children:"Deine Masterclass"}),(0,n.jsx)("h1",{className:"text-2xl sm:text-4xl font-bold text-[var(--bodyTextColor)]",children:t.title}),(0,n.jsxs)("p",{className:"text-base sm:text-lg text-[var(--bodyTextColor)]",children:["startet am ",N(l,u)," Uhr"]}),(0,n.jsx)("div",{className:"pt-4",children:(0,n.jsx)(I,{targetTimestamp:l,onExpire:null!=d?d:S})})]}):(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("div",{className:"w-full pt-8 px-4 sm:px-0",children:r?(0,n.jsx)(x.Z,{videoConfig:r,onVideoSecondUpdate:L,onEnded:Z,onPlayerStatus:B}):(0,n.jsx)("div",{className:"w-full flex justify-center p-8 text-[var(--bodyTextColor)]",children:"Video nicht verf\xfcgbar."})}),C&&t.checkoutUrl&&(0,n.jsx)("div",{className:"w-full flex justify-center px-4 py-8",children:(0,n.jsx)("button",{type:"button",onClick:M,className:"rounded-lg px-8 py-4 text-lg font-semibold text-white bg-[var(--primaryColor)] shadow-lg hover:opacity-90",children:"Zum Angebot"})})]}),(0,n.jsx)(v.A,{webAppConfig:c})]})]})},A=[3e3,5e3,1e4,3e4];var R=!0,_=e=>{let{webinar:t,webAppConfig:r}=e,f=(0,a.useRouter)(),m=(0,o.w)(),{wpt:x}

1=f.query,[h,p]=(0,s.useState)("LOADING"),[v,w]=(0,s.useState)(),[g,y]=(0,s.useState)(),[b,j]=(0,s.useState)(),[k,N]=(0,s.useState)(),[E,C]=(0,s.useState)(),I=(0,s.useRef)(0),S=(0,s.useRef)(0),D=(0,s.useRef)(),R=(0,s.useRef)(()=>{}),_=(0,s.useRef)(0),U=(0,s.useRef)(!0),P=Array.isArray(x)?x[0]:x,L=(0,s.useCallback)(()=>{let e=I.current;if(0===e||Date.now()>=S.current)return!1;I.current=e+1;let t=Math.min(e-1,A.length-1);return window.clearTimeout(D.current),D.current=window.setTimeout(()=>R.current(),A[t]),!0},[]),O=(0,s.useCallback)(async()=>{let e;if(!t||!P)return;_.current+=1;let r=_.current;try{e=await c.E.frontend.webinarParticipants.getWebinarParticipant(P)}catch(e){!U.current||_.current!==r||L()||p("DENIED");return}if(!U.current||_.current!==r)return;let n=null==e?void 0:e.webinarParticipant;if(!n||n.webinarId!==t.webinarId){p("DENIED");return}n.profileId&&m((0,i.kM)(n.profileId));let s=n.startTime||Date.now();if(Date.now()>s+2592e5){p("DENIED");return}if(w(null==e?void 0:e.videoConfig),j(n.webinarParticipantId),y(n.voucherId),s>Date.now()){N(s),C(n.startTimeString),p("WAITING");return}!(null==e?void 0:e.videoConfig)&&L()||(N(void 0),p("OK"))},[t,P,m,L]);(0,s.useEffect)(()=>{R.current=O},[O]),(0,s.useEffect)(()=>{I.current=0,S.current=0,window.clearTimeout(D.current)},[P]),(0,s.useEffect)(()=>{if(f.isReady&&t){if(!P){p("DENIED");return}O()}},[f.isReady,t,P,O]),(0,s.useEffect)(()=>()=>{U.current=!1,window.clearTimeout(D.current)},[]);let B=(0,s.useCallback)(()=>{I.current>0||(I.current=1,S.current=Date.now()+3e5,O())},[O]);return"LOADING"===h?(0,n.jsx)("div",{className:"flex items-center justify-center min-h-screen",children:(0,n.jsx)(l.Z,{color:"border-gray-500",size:"48px"})}):t?"DENIED"===h?(0,n.jsx)("div",{className:"flex items-center justify-center min-h-screen px-4 text-center",children:(0,n.jsx)("p",{className:"text-lg text-gray-700",children:"Kein Zugriff auf dieses Webinar. Bitte melde dich erneut \xfcber die Anmeldeseite an."})}):(0,n.jsxs)(n.Fragment,{children:[(null==r?void 0:r.gtmId)&&(0,n.jsx)(u.Z,{gtmId:r.gtmId}),(null==r?void 0:r.facebookPixelId)&&(0,n.jsx)(d.Z,{pixelId:r.facebookPixelId}),(0,n.jsx)(T,{webinar:t,videoConfig:v,webAppConfig:r,voucherId:g,webinarParticipantId:b,startsAt:"WAITING"===h?k:void 0,startTimeString:E,onCountdownExpire:B})]}):(0,n.jsx)("h1",{children:"Webinar not found"})}},1500:function(e,t,r){"use strict";r.d(t,{K:function(){return a},V:function(){return c}});let n=(()=>{try{var e;return new URL((e="https://prod-assets.achtsamkeitsakademie.de",void 0!==e)?e:"").hostname}catch(e){return null}})(),s=[/\.achtsamkeitsakademie\.de$/,/\.coasy\.io$/,/\.s3\..*\.amazonaws\.com$/,/\.s3\.amazonaws\.com$/],a=e=>{try{let{hostname:t}=new URL(e);if(n&&t===n)return!0;return s.some(e=>e.test(t))}catch(e){return!1}},c=e=>{if(e){if(e.accessUrl)return e.accessUrl;if(e.s3Key){if(e.s3Bucket)return"https://".concat(e.s3Bucket,"/").concat(e.s3Key);let t="https://prod-assets.achtsamkeitsakademie.de";if(t)return"".concat(t,"/").concat(e.s3Key)}}}},7729:function(e,t,r){e.exports=r(501)}},function(e){e.O(0,[501,774,888,179],function(){return e(e.s=7509)}),_N_E=e.O()}]);