https://campuscoach.netlify.app/_next/static/chunks/6553.ae6679bfeb0970c2.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6553],{8331:(e,s,a)=>{a.d(s,{A:()=>b});var l=a(4848),r=a(9965),n=a.n(r),t=a(3607),i=a(8871),c=a(4164),d=a(2215),o=a(4527),m=a(8376),x=a(9785),u=a(1822),p=a(1391),h=a(9575),v=a(4490),j=a(7824),f=a(7217);function b(e){var s,a,r,d,m;let{onBack:b,gatedContent:g}=e,{t:y}=(0,t.Bd)(),{isLoading:k,subscribeSuccess:w,subscribeError:C,onSubmit:E}=(0,j.f)({fieldId:null!==(m=null==g?void 0:g.fieldId)&&void 0!==m?m:""}),A=null===(s=(0,j.PC)())||void 0===s?void 0:s.tosLink,{register:Y,handleSubmit:B,formState:{errors:F}}=(0,x.mN)({resolver:(0,i.u)(u.DH)});return g?(0,l.jsxs)("div",{className:"grid grid-cols-1 px-5 py-8 sm:p-12 md:grid-cols-2 xl:p-20",children:[(0,l.jsxs)("div",{className:"md:border-r md:border-stroke-primary/15 md:pr-10 xl:pr-20",children:[b&&(0,l.jsx)("button",{onClick:b,children:(0,l.jsx)(v.EY,{variant:"xsmall",className:(0,c.A)("relative inline pb-1 text-left font-bold whitespace-nowrap uppercase",'before:content-[" "] relative pb-1 text-left font-bold uppercase before:absolute before:bottom-0 before:left-0 before:h-px before:w-full before:origin-left before:scale-x-100 before:bg-current before:transition-transform before:duration-500 hover:before:scale-x-0'),children:y("content.gated.backToCalculator")})}),(0,l.jsxs)("div",{className:"mt-8 flex flex-col gap-8 md:mt-10 md:flex-row md:items-center",children:[g.asset&&(0,l.jsx)("div",{className:"basis-1/2",children:(0,l.jsx)(n(),{...(0,f.vs)(g.asset),alt:(0,f.Us)(g.asset),className:"rounded-3xl"})}),(0,l.jsx)(v.DZ,{as:"h2",variant:"small",children:g.headline})]}),(0,l.jsx)("div",{className:"mt-8 md:mt-10",children:(0,l.jsx)(v.EY,{variant:"medium",className:"text-content-secondary",children:g.description})})]}),w?(0,l.jsx)("div",{className:"mt-8 flex flex-col items-start gap-6 md:mt-0 md:pl-10 xl:pl-20",children:(0,l.jsx)(o.d6,{data:g.confirmationMessage,customMarkRules:[...(0,p.UE)()],customNodeRules:[...N()],renderBlock:e=>{let{record:s}=e;return"ButtonRecord"===s.__typename?(0,l.jsx)(h.Iu,{button:s}):null}})}):(0,l.jsxs)("form",{className:"mt-8 md:mt-0 md:pl-10 xl:pl-20",onSubmit:B(E),children:[(0,l.jsxs)("div",{className:"flex flex-col gap-8 md:flex-row md:gap-4",children:[(0,l.jsx)("div",{className:"flex-1",children:(0,l.jsx)(v.pd,{required:!0,label:y("global.firstName"),...Y("firstName",{required:!0}),message:(null===(a=F.firstName)||void 0===a?void 0:a.message)&&y(F.firstName.message)})}),(0,l.jsx)("div",{className:"flex-1",children:(0,l.jsx)(v.pd,{required:!0,label:y("global.lastName"),...Y("lastName",{required:!0}),message:(null===(r=F.lastName)||void 0===r?void 0:r.message)&&y(F.lastName.message)})})]}),(0,l.jsx)("div",{className:"mt-8",children:(0,l.jsx)(v.pd,{required:!0,label:y("global.emailAddress"),type:"email",...Y("email",{required:!0}),message:(null===(d=F.email)||void 0===d?void 0:d.message)&&y(F.email.message)})}),(0,l.jsxs)("div",{className:"mt-8",children:[(0,l.jsxs)("div",{className:"flex items-center gap-3",children:[(0,l.jsx)(v.Sc,{checked:!0,register:Y("optIn",{required:!0})}),(0,l.jsx)(v.EY,{children:y("global.contentConsent")})]}),F.optIn&&(0,l.jsx)("div",{className:"mt-2",children:(0,l.jsx)("p",{className:"text-sm text-error",children:y("content.gated.guideConsent")})})]}),(0,l.jsxs)("div",{className:"mt-8",children:[(0,l.jsxs)("div",{className:"flex items-center gap-3",children:[(0,l.jsx)(v.Sc,{checked:!1,register:Y("conditions",{required:!0})}),(0,l.jsxs)(v.EY,{children:[y("global.readAndAccept")," ",A&&(0,l.jsx)(v.nq,{link:A,className:"underline",forceNewTab:!0,children:y("global.termsOfUse")})," Campus"]})]}),F.conditions&&(0,l.jsx)("div",{className:"mt-2",children:(0,l.jsx)("p",{className:"text-sm text-error",children:y("global.termsOfUseConsent")})})]}),(0,l.jsxs)("div",{className:"mt-10",children:[C&&(0,l.jsx)(v.EY,{variant:"small",className:"mb-4 text-error",children:C}),(0,l.jsx)(v.$n,{variant:"secondary",isLoading:k,disabled:k,children:y("content.gated.getMyGuide")})]})]})]}):null}let N=()=>[(0,m.bq)(d.Vq,e=>{let{children:s,key:a}=e;return(0,l.jsx)(v.DZ,{as:"h2",variant:"small",children:s},a)})]},6553:(e,s,a)=>{a.r(s),a.d(s,{default:()=>N});var l=a(4848),r=a(6540),n=a(9965),t=a.n(n),i=a(4164),c=a(3607),d=a(4490),o=a(7824);function m(){let{distanceTarget:e,setDistanceTarget:s}=(0,o.i5)(),[a,n]=(0,r.useState)(!1);return(0,l.jsx)("div",{className:(0,i.A)("flex w-full max-w-[400px] justify-center rounded-full border transition-all duration-200 sm:gap-8",a?"border-stroke-primary":"border-stroke-primary/15"),children:(0,l.jsxs)("label",{htmlFor:"custom-target-distance",className:"flex w-full cursor-pointer items-center justify-center gap-[10px] px-4 pt-4 pb-3 sm:px-11 sm:pt-4 sm:pb-3",children:[(0,l.jsx)("input",{className:(0,i.A)("inline-block w-[132px] text-center outline-hidden","font-display text-[clamp(22px,calc(1.19rem+0.78vw),34px)] leading-[1.05] uppercase"),type:"number",min:"1",max:"500",id:"custom-target-distance",placeholder:"0",step:"1",value:e,onCh

1ange:e=>{let a=e.target.value;a.length<=3&&(parseFloat(a)>500?s(500):1>parseFloat(a)?s(1):s(parseFloat(a)))},onFocus:()=>{n(!0)},onBlur:()=>{n(!1)}}),(0,l.jsx)(d.DZ,{variant:"small",children:"km"})]})})}function x(){let{setReferenceTimeSeconds:e}=(0,o.i5)(),s=(0,r.useRef)(null),a=(0,r.useRef)(null),n=(0,r.useRef)(null),[t,c]=(0,r.useState)(!1),[m,x]=(0,r.useState)({seconds:"",minutes:"",hours:""}),u=(e,s,a)=>{e.length<=2?x(a=>({...a,[s]:e})):a&&(a.focus(),2==a.value.length&&a.select())};return(0,r.useEffect)(()=>{e((""===m.seconds?0:+m.seconds)+60*(""===m.minutes?0:+m.minutes)+3600*(""===m.hours?0:+m.hours))},[m,e]),(0,l.jsxs)("div",{className:(0,i.A)("flex justify-between rounded-full border px-8 py-4 transition-all duration-200 sm:justify-start sm:gap-8 sm:px-11 sm:py-5",t?"border-stroke-primary":"border-stroke-primary/15"),children:[(0,l.jsxs)("label",{htmlFor:"hours",className:"flex cursor-pointer items-center gap-[10px] p-0",children:[(0,l.jsx)("input",{className:"inline-block max-w-[20px] outline-hidden",type:"number",min:"0",max:"23",id:"hours",ref:n,placeholder:"00",value:m.hours,onChange:e=>{u(e.currentTarget.valueAsNumber<0||e.currentTarget.valueAsNumber>23?"":e.currentTarget.value,"hours",a.current)},onFocus:()=>{c(!0)},onBlur:()=>{c(!1)}}),(0,l.jsx)(d.EY,{variant:"xsmall",className:"font-bold uppercase",children:"HR"})]}),(0,l.jsx)("div",{children:":"}),(0,l.jsxs)("label",{htmlFor:"minutes",className:"flex cursor-pointer items-center gap-[10px] p-0",children:[(0,l.jsx)("input",{className:"inline-block max-w-[20px] outline-hidden",type:"number",min:"0",max:"59",id:"minutes",ref:a,placeholder:"00",value:m.minutes,onChange:e=>{u(e.currentTarget.valueAsNumber<0||e.currentTarget.valueAsNumber>59?"":e.currentTarget.value,"minutes",s.current)},onFocus:()=>{c(!0)},onBlur:()=>{c(!1)}}),(0,l.jsx)(d.EY,{variant:"xsmall",className:"font-bold uppercase",children:"MIN"})]}),(0,l.jsx)("div",{children:":"}),(0,l.jsxs)("label",{htmlFor:"seconds",className:"flex cursor-pointer items-center gap-[10px] p-0",children:[(0,l.jsx)("input",{className:"inline-block max-w-[20px] outline-hidden",type:"number",min:"0",max:"23",id:"seconds",ref:s,placeholder:"00",value:m.seconds,onChange:e=>{u(e.currentTarget.valueAsNumber<0||e.currentTarget.valueAsNumber>59?"":e.currentTarget.value,"seconds",n.current)},onFocus:()=>{c(!0)},onBlur:()=>{c(!1)}}),(0,l.jsx)(d.EY,{variant:"xsmall",className:"font-bold uppercase",children:"SEC"})]})]})}var u=a(6056);function p(e){let{preferencesHeadline:s,referenceDistanceTitle:a,referenceTimeTitle:r,targetDistanceTitle:n,planDurationTitle:t}=e,{t:p}=(0,c.Bd)(),{setDistanceReference:h,distanceReference:v,setDistanceTarget:j,distanceTarget:f,isDistanceTargetCustom:b,setIsDistanceTargetCustom:N,setPlanDuration:g,planDuration:y}=(0,o.i5)();return(0,l.jsxs)("div",{className:"lg:col-span-6 lg:pr-8 xl:col-span-5 xl:pr-0",children:[(0,l.jsx)(d.DZ,{as:"h2",variant:"medium",children:s}),(0,l.jsxs)("div",{className:"mt-8 flex flex-col items-start gap-8 md:mt-10 md:gap-10",children:[(0,l.jsxs)("div",{children:[(0,l.jsx)(d.EY,{variant:"small",className:"font-bold uppercase",children:a}),(0,l.jsx)("ul",{className:"mt-3 flex flex-wrap gap-[10px]",children:u.eK.map((e,s)=>(0,l.jsx)("li",{children:(0,l.jsx)(d.$n,{onClick:()=>{h(e)},variant:v===e?"secondary":"outline",className:(0,i.A)(v===e&&"pointer-events-none"),children:"".concat(e.toFixed(0)," km")})},s))})]}),(0,l.jsxs)("div",{children:[(0,l.jsx)(d.EY,{variant:"small",className:"font-bold uppercase",children:r}),(0,l.jsx)("div",{className:"mt-3",children:(0,l.jsx)(x,{})})]}),(0,l.jsxs)("div",{children:[(0,l.jsx)(d.EY,{variant:"small",className:"font-bold uppercase",children:n}),(0,l.jsxs)("ul",{className:"mt-3 flex flex-wrap gap-3",children:[u.ek.map((e,s)=>(0,l.jsx)("li",{children:(0,l.jsx)(d.$n,{onClick:()=>{N(!1),j(e)},variant:f===e?"secondary":"outline",className:(0,i.A)(f===e&&"pointer-events-none"),children:"".concat(e.toFixed(0)," km")})},s)),(0,l.jsx)("li",{children:(0,l.jsx)(d.$n,{onClick:()=>{N(!0),j(1)},variant:b?"secondary":"outline",className:(0,i.A)(b&&"pointer-events-none"),children:p("global.other")})})]}),b&&(0,l.jsx)("div",{className:"mt-5",children:(0,l.jsx)(m,{})})]}),(0,l.jsxs)("div",{children:[(0,l.jsx)(d.EY,{variant:"small",className:"font-bold uppercase",children:t}),(0,l.jsx)("ul",{className:"mt-3 flex flex-wrap gap-2 md:gap-3",children:u.Jn.map((e,s)=>(0,l.jsx)("li",{children:(0,l.jsx)(d.$n,{onClick:()=>{g(e)},variant:y===e?"secondary":"outline",className:(0,i.A)(y===e&&"pointer-events-none"),children:"".concat(e," ").concat(p("global.week_other"))})},s))})]})]})]})}var h=a(9575);function v(e){let{startNowButton:s}=e,{t:a}=(0,c.Bd)(),{estimatedTime:r,setEstimatedTime:n}=(0,o.i5)(),t=e=>{n(s=>({...s,unit:e}))};return(0,l.jsxs)("div",{children:[(0,l.jsx)("div",{className:"flex justify-center pt-6 lg:pt-0 lg:pb-6",children:(0,l.jsxs)("ul",{className:"flex items-center rounded-full border border-stroke-primary/15 bg-surface-primary p-1",children:[(0,l.jsx)("li",{children:(0,l.jsx)(d.$n,{onClick:()=>t("min/km"),size:"small",variant:"min/km"===r.unit?"secondary":"white",className:(0,i.A)("min/km"===r.unit?"pointer-events-none":"cursor-pointer hover:text-content-primary/75"),children:"min/km"})},"pace"),(0,l.jsx)("li",{children:(0,l.jsx)(d.$n,{onClick:()=>t("km/h"),size:"small",variant:"km/h"===r.unit?"secondary":"white",className:(0,i.A)("km/h"===r.unit?"pointer-events-none":"cursor-pointer hover:text-content-primary/75"),children:"km/h"})},"speed")]})}),(0,l.jsxs)("div",{className:"lg:grid lg:grid-cols-2",children:[(0,l.jsxs)("div",{className:"px-4 py-8 text-center md:py-8 xl:px-8",children:[(0,l.jsx)("div",{className:"border-b border-stroke-primary/15 pb-6",children:(0,l.jsx)(d.DZ,{as:"h3",variant:"xsmall",children:a("content.calculator.withoutCampus")})}),(0,l.jsxs)("div",{className:"border-b border-stroke-primary/15 py-6",children:[(0,l.jsx)(d.EY,{variant:"small",className:"font-mono font-bold uppercase",children:a("content.calculator.estimatedTime")}),(0,l.jsx)(d.DZ,{as:"p",variant:"small",className:"mt-3",children:r.alone})]}),(0,l.jsxs)("div",{className:"pt-6",children:[(0,l.jsx)(d.EY,{variant:"small",className:"font-mono font-bold uppercase",children:a("min/km"===r.unit?"content.calculator.pace":"content.calculator.speed")}),(0,l.jsx)(d.DZ,{as:"p",variant:"small",className:"mt-3",children:r.paceAlone})]})]}),(0,l.jsxs)("div",{className:"bg-surface-secondary px-4 py-8 text-center xl:px-8",children:[(0,l.jsxs)("div",{className:"flex items-center justify-center gap-2 border-b border-stroke-secondary pb-6",children:[(0,l.jsx)(d.DZ,{as:"h3",variant:"xsmall",children:(0,l.jsx)("span",{className:"",children:a("global.with")})}),(0,l.jsx)(d.ER,{})]}),(0,l.jsxs)("div",{className:"border-b border-stroke-secondary py-6",children:[(0,l.jsx)(d.EY,{variant:"small",className:"font-mono font-bold uppercase",children:a("content.calculator.estimatedTime")}),(0,l.jsx)(d.DZ,{as:"p",variant:"small",className:"mt-3",children:r.campus})]}),(0,l.jsxs)("div",{className:"pt-6",children:[(0,l.jsx)(d.EY,{variant:"small",className:"font-mono font-bold uppercase",children:a("min/km"===r.unit?"content.calculator.pace":"content.calculator.speed")}),(0,l.jsx)(d.DZ,{as:"p",variant:"small",className:"mt-3",children:r.paceCampus})]})]})]}),s&&s.length>0&&(0,l.jsx)("div",{className:"flex items-center justify-center bg-surface-secondary pb-6 md:pt-8 md:pb-8",children:(0,l.jsx)(h.Iu,{button:s[0]})})]})}var j=a(8331),f=a(8752),b=a(7217);function N(e){var s,a;let[n,c]=(0,r.useState)(1),o=(0,r.useCallback)(e=>{c(e);let s=document.getElementById("calculator");s&&s.scrollIntoView({behavior:"smooth"})},[]);return(0,l.jsx)("div",{className:"relative",id:"calculator",children:(0,l.jsx)("div",{className:"mx-auto max-w-wide px-4 xl:max-w-screen-xl",children:(0,l.jsx)(f.zg,{children:(0,l.jsx)("div",{className:"relative z-10 rounded-4xl bg-surface-primary",children:1==n?(0,l.jsxs)("div",{className:(0,i.A)("grid grid-cols-1 gap-y-8 md:gap-y-14 lg:grid-cols-12 xl:gap-x-10","px-5 py-8 sm:p-12 xl:p-20"),children:[(0,l.jsx)(p,{...e}),(0,l.jsxs)("div",{className:"border-t border-stroke-primary/15 lg:col-span-6 lg:border-t-0 lg:border-l lg:pl-8 xl:col-span-7 xl:pl-14",children:[(0,l.jsx)(v,{startNowButton:e.startNowButton}),e.gatedContent&&(0,l.jsxs)("div",{className:"mt-10 flex flex-col gap-8 md:flex-row md:items-center",children:[e.gatedContent.asset&&(0,l.jsx)("div",{className:"max-w-[50%] min-w-[50%] md:max-w-[25%] md:min-w-[25%]",children:(0,l.jsx)(t(),{...(0,b.vs)(e.gatedContent.asset),alt:(0,b.Us)(e.gatedContent.asset),className:"rounded-3xl"})}),(0,l.jsxs)("div",{children:[(0,l.jsx)(d.DZ,{as:"h3",variant:"xsmall",children:null===(s=e.gatedContent)||void 0===s?void 0:s.headline}),(0,l.jsx)(d.EY,{className:"mt-2 text-content-secondary",children:null===(a=e.gatedContent)||void 0===a?void 0:a.excerpt}),(0,l.jsx)(d.$n,{variant:"secondary",size:"small",className:"mt-3",onClick:()=>{o(2)},children:e.openGuideSectionButtonLabel})]})]})]})]}):(0,l.jsx)(j.A,{onBack:()=>o(1),gatedContent:e.gatedContent})})})})})}}}]);