https://www.komoot.com/assets/13448.cbcc2367d8795339.js

1"use strict";(self.webpackChunkcom_komoot=self.webpackChunkcom_komoot||[]).push([["13448"],{90854:function(e,t,n){n.d(t,{C:function(){return d}});var r=n(23551),o=n(3865),i=n(54381);const s=(0,r.z)((e=>e?"s":"sm")),a=(0,r.z)((e=>e?"1.5em":"2em")),l=(0,r.z)((e=>e?"0.75em":"0.5em")),c=(0,r.z)((e=>e?"uppercase":"inherit")),d=({bg:e="secondary",color:t="textOnDark",size:n="xxs",round:r=!1,uppercase:d=!1,sx:u={},children:p,as:x,...g})=>{const h=s(r),f=a(r),m=l(r),b=c(d),L=x??"div";return(0,i.jsx)(o.x,{as:L,...g,sx:{alignItems:"center",bg:e,borderRadius:h,color:t,display:"inline-flex",fontSize:n,fontWeight:"bold",justifyContent:"center",minWidth:f,px:m,py:"0.25em",textAlign:"center",textTransform:b,...u},children:p})};d.displayName="ui/components/Badge"},67521:function(e,t,n){n.r(t),n.d(t,{IconCheckCircleBroken:function(){return s}});var r=n(62887),o=n(3865),i=n(54381);const s=({...e})=>{const t=(0,r.Z)(e);return(0,i.jsx)(o.x,{"aria-hidden":"true",role:"presentation",as:"svg",width:"1em",height:"1em",viewBox:"0 0 21 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t,children:(0,i.jsx)("path",{d:"M18.8327 9.23812V10.0048C18.8317 11.8018 18.2498 13.5504 17.1738 14.9896C16.0978 16.4289 14.5854 17.4819 12.8621 17.9914C11.1389 18.5009 9.29707 18.4397 7.61141 17.8169C5.92575 17.1942 4.48656 16.0432 3.50848 14.5357C2.5304 13.0282 2.06584 11.2448 2.18408 9.45172C2.30232 7.65859 2.99702 5.95173 4.16458 4.58568C5.33214 3.21964 6.91 2.26761 8.66284 1.87158C10.4157 1.47555 12.2496 1.65674 13.891 2.38812M18.8327 3.33335L10.4993 11.675L7.99935 9.17502",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})}},5946:function(e,t,n){n.r(t),n.d(t,{IconArrowNarrowUpRight12:function(){return s}});var r=n(62887),o=n(3865),i=n(54381);const s=({...e})=>{const t=(0,r.Z)(e);return(0,i.jsx)(o.x,{"aria-hidden":"true",role:"presentation",as:"svg",width:"1em",height:"1em",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t,children:(0,i.jsx)("path",{d:"M3.5 9L9.5 3M9.5 3H5.5M9.5 3V7",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"})})}},63827:function(e,t,n){n.r(t),n.d(t,{IconIllustrationSun:function(){return s}});var r=n(62887),o=n(3865),i=n(54381);const s=({...e})=>{const t=(0,r.Z)(e);return(0,i.jsx)(o.x,{"aria-hidden":"true",role:"presentation",as:"svg",width:"1em",height:"1em",viewBox:"0 0 81 81",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t,children:(0,i.jsx)("path",{d:"M41.2287 11.1203L42.8357 29.4886L50.518 13.0152L50.6295 12.776L50.8676 12.8875L55.6484 15.1161L55.8866 15.2276L55.7752 15.4667L48.0929 31.9411L62.9851 21.5156L63.2002 21.3645L63.3515 21.5806L66.3772 25.9007L66.5285 26.1169L66.3123 26.2681L51.4221 36.6935L69.7914 35.0864L70.2968 40.8631L51.9275 42.4702L68.4018 50.1515L68.641 50.2629L68.5296 50.5021L66.3 55.282L66.1886 55.5211L65.9504 55.4096L49.474 47.7275L59.9004 62.6186L60.0517 62.8348L59.8365 62.9859L55.5153 66.0108L55.3001 66.162L55.1489 65.9458L44.7226 51.0557L46.3297 69.4249L40.5519 69.9304L38.9448 51.5611L31.2636 68.0355L31.1521 68.2746L30.913 68.1632L26.1332 65.9346L25.8941 65.8232L26.0055 65.584L33.6867 49.1087L18.7965 59.535L18.5804 59.6863L18.4291 59.4701L15.4034 55.15L15.2521 54.9339L15.4683 54.7826L30.3595 44.3572L11.9922 45.9641L11.4868 40.1874L29.856 38.5803L13.3814 30.8961L13.1423 30.7846L13.2537 30.5455L15.4833 25.7656L15.5947 25.5265L15.8329 25.638L32.3082 33.3192L21.8829 18.429L21.7317 18.2138L21.9469 18.0626L26.268 15.0368L26.4832 14.8856L26.6344 15.1018L37.0597 29.991L35.4739 11.8885L35.4509 11.6258L41.2287 11.1203Z",fill:"currentColor"})})}},35732:function(e,t,n){n.r(t),n.d(t,{default:function(){return f}});var r=n(83078),o=n(73749),i=n(92615),s=n(98799),a=n(89383),l=n(33640),c=n(74379),d=n(56166),u=n(59379),p=n(50662),x=n(84310),g=n(54381);var h=({user:e,stepsCurrent:t,stepsTotal:n,isLastStep:r,nextUrl:h})=>{const f=(0,i.Sm)(),{useTranslate:m}=(0,l.A)(),b=m("views/OnboardingSignupSports"),L=(0,c.q)(),w=0===L?"textStyles.heading01medium":"textStyles.display02medium",v=(0,d.$)("onboarding");return(0,o.useEffect)((()=>{f?.trackUserAction(i.hO.onboardingSportSurveyPageDisplayed)}),[f]),(0,o.useEffect)((()=>

1{if(!v.is_trigger_enabled)return;const e=v.onboarding_placement;"homepage_overlay"===e?window.localStorage.setItem("show_home_paywall","true"):"tour_overlay"===e&&window.localStorage.setItem("show_paywall_at_route_preview","true")}),[v]),(0,g.jsx)(p.Z,{user:e.link("profile_embedded"),stepsCurrent:t,stepsTotal:n,isLastStep:r,nextUrl:h,children:(0,g.jsxs)(s.Ht,{gap:8,alignX:"stretch",children:[(0,g.jsxs)(s.Ht,{gap:[0,3],alignX:"stretch",children:[(0,g.jsx)(u.U,{delay:300,children:(0,g.jsx)(a.x,{align:["left","center"],sx:{variant:w,color:"textPrimaryDefault"},children:b("headline")})}),(0,g.jsx)(u.U,{delay:600,children:(0,g.jsx)(a.x,{align:["left","center"],sx:{variant:"textStyles.label02medium",color:"textSecondaryDefault"},children:b("intro")})})]}),(0,g.jsx)(u.U,{delay:900,children:(0,g.jsx)(x.Z,{})})]})})};function f(e,t){const n=e.props.kmtx.store;e.props.user=new r.Z.UserProfileHal(e.props.user,{store:n}),e.react.setPage(h,e.props),t()}},26440:function(e,t,n){n.d(t,{Z:function(){return r.ZP}});var r=n(87892)},59379:function(e,t,n){n.d(t,{U:function(){return s}});var r=n(73749),o=n(3865),i=n(54381);const s=({children:e,delay:t=0,sx:n})=>{const{ref:s,isVisible:a}=((e=.1)=>{const t=(0,r.useRef)(null),[n,o]=(0,r.useState)(!1);return(0,r.useEffect)((()=>{const n=t.current;if(!n)return;const r=new IntersectionObserver((([e])=>{e.isIntersecting&&(o(!0),r.unobserve(n))}),{threshold:e});return r.observe(n),()=>r.disconnect()}),[e]),{ref:t,isVisible:n}})(.1);return(0,i.jsx)(o.x,{ref:s,sx:{opacity:a?1:0,transform:a?"translate(0)":"translateY(40px)",transition:`opacity 700ms cubic-bezier(0.16, 1, 0.3, 1) ${t}ms, transform 700ms cubic-bezier(0.16, 1, 0.3, 1) ${t}ms`,willChange:"opacity, transform",...n},children:e})}},50662:function(e,t,n){var r=n(73749),o=n(60102),i=n(28718),s=n(92615),a=n(32223),l=n(3865),c=n(90854),d=n(98799),u=n(46285),p=n(89383),x=n(33640),g=n(67521),h=n(5946),f=n(63827),m=n(26440),b=n(54381);t.Z=({stepsCurrent:e,stepsTotal:t,isLastStep:n,nextUrl:L,children:w,nextLabel:v,onBeforeNext:y,nextDisabled:j=!1,buttonIcon:C,bottomPadding:S,topPadding:k,fillViewport:D=!1,nextButtonPosition:I="fixed",nextButtonHasBackground:z=!0,nextButtonAnimationDelayMs:_})=>{const{useTranslate:A}=(0,x.A)(),F=A(["views/OnboardingSignupApp","views/OnboardingSignupPageWrap"]),U=(0,i.Ye)(),Z=U.username,H=(0,o.Dt)(Z||"");let P=null;L&&(P=(0,m.Z)(L));const T="string"==typeof e?e:void 0!==e&&void 0!==t?F("step_counter",{stepsCurrent:e,stepsTotal:t}):void 0,B=(0,s.Sm)(),[W,O]=(0,r.useState)(void 0===_);(0,r.useEffect)((()=>{if(void 0===_)return void O(!0);O(!1);const e=window.setTimeout((()=>{O(!0)}),_);return()=>{window.clearTimeout(e)}}),[_,P?.toString()]);const E=()=>(0,b.jsx)(a.c,{size:"big",href:P?.toString(),onClick:e=>{let t;window.location.pathname.endsWith("/onboarding/signup/sports")?t=s.hO.onboardingSportsSurveyCompleted(H?.data?.sports||[]):window.location.pathname.endsWith("/onboarding/signup/connect")&&(t=s.hO.onboardingConnectDeviceContinueTapped),t&&B.trackUserAction(t),n&&B.trackUserAction(s.hO.onboardingCompleted),(e=>{if(y){const t=y();!1===t&&e.preventDefault()}})(e)},iconLeft:()=>C?(0,b.jsx)(C,{}):n?(0,b.jsx)(g.IconCheckCircleBroken,{}):(0,b.jsx)(l.x,{sx:{transform:"rotate(45deg)"},children:(0,b.jsx)(h.IconArrowNarrowUpRight12,{})}),disabled:j,label:v||F(n?"finish_setup":"next_label")});return(0,b.jsxs)(l.x,{sx:D?{height:"calc(100dvh - 66px)",overflow:"hidden",display:"flex",flexDirection:"column"}:void 0,children:[void 0!==T&&(0,b.jsx)(c.C,{bg:"surfaceFillGreenDefault",round:!0,sx:{fontWeight:"medium",fontFamily:"heading",display:["block",null,null,null,"none"],position:"fixed",top:"8-5",left:"50%",transform:"translate(-50%, -50%)",zIndex:7},children:T}),(0,b.jsxs)(d.Ht,{pt:k??[5,14],pb:S??[32,40],width:[null,112],mx:[5,"auto"],alignX:"stretch",alignItems:"center",gap:6,sx:D?{flex:1,minHeight:0}:void 0,children:[void 0!==T&&(0,b.jsx)(c.C,{bg:"surfaceFillGreenDefault",round:!0,sx:{fontWeight:"medium",fontFamily:"heading",display:["none",null,null,null,"block"]},children:T}),w,!!P&&"flow"===I&&(0,b.jsx)(l.x,{width:"100%",pt:3,sx:{mt:"auto",mb:[3,14],opacity:W?1:0,transform:W?"translateY(0)":"translateY(16px)",transition:"opacity 600ms cubic-bezier(0.16, 1, 0.3, 1), transform 600ms cubic-bezier(0.16, 1, 0.3, 1)"},bg:z?"surfaceFillPrimaryDefault":void 0,children:E()})]}),!!P&&"fixed"===I&&(0,b.jsx)(l.x,{width:[null,112],mx:[5,"auto"],pt:3,sx:{position:"fixed",bottom:0,left:0,right:0,zIndex:8,pb:[3,14],"&::before":{content:'""',position:"absolute",top:z?"-20px":"-60px",left:0,right:0,height:z?"20px":"60px",background:"linear-gradient(180deg, rgba(245, 243, 236, 0.00) 0%, #F

15F3EC 100%)",pointerEvents:"none"},opacity:W?1:0,transform:W?"translateY(0)":"translateY(16px)",transition:"opacity 600ms cubic-bezier(0.16, 1, 0.3, 1), transform 600ms cubic-bezier(0.16, 1, 0.3, 1)"},bg:"surfaceFillPrimaryDefault",children:E()}),(0,b.jsxs)(l.x,{display:["none",null,null,null,"block"],children:[(0,b.jsx)(u.Ee,{src:"/images/onboarding/page-wrap/arrow-top-right.webp",width:162,loading:"eager",sizes:["15vw"],alt:"",sx:{position:"fixed",right:"68-5",top:"31"}}),(0,b.jsxs)(d.Ht,{alignItems:"center",gap:5,width:33,sx:{transform:"rotate(-5deg)",position:"fixed",left:18,top:"61-5"},children:[(0,b.jsx)(f.IconIllustrationSun,{size:74,color:"iconAccentDefault"}),(0,b.jsx)(p.x,{sx:{textAlign:"center",variant:"textStyles.caption01regular",lineHeight:"normal",alignSelf:"stretch",color:"textOrangeDefault"},children:F("ready_to_explore")})]}),(0,b.jsx)(u.Ee,{src:"/images/onboarding/page-wrap/arrow-bottom-left.webp",width:160,loading:"eager",sizes:["15vw"],alt:"",sx:{position:"fixed",left:"58",bottom:"58"}}),(0,b.jsx)(u.Ee,{src:"/images/onboarding/page-wrap/customize-experience.webp",width:333,loading:"eager",sizes:["15vw"],alt:"",sx:{position:"fixed",right:"17-5",bottom:"38"}})]})]})}},84310:function(e,t,n){n.d(t,{Z:function(){return x}});n(55608),n(82540),n(34645),n(42801),n(20357),n(96055),n(70100),n(27165),n(61955);var r=n(49104),o=n(60102),i=n(28718),s=n(3865),a=n(78562),l=n(98799),c=n(89383),d=n(33640),u=n(54381);var p=({sport:e,selected:t=!1,onChange:n})=>{const{useTranslate:r}=(0,d.A)(),o=r("tour/sports"),i=a.mZ[e];return(0,u.jsxs)(l.gq,{as:"button",type:"button",onClick:()=>{n?.(e,!t)},"aria-label":o(e),"aria-pressed":t,alignItems:"center",gap:3,sx:{width:"100%",height:14,padding:2,cursor:"pointer",alignItems:"center",borderRadius:"s-m",borderWidth:1.5,borderStyle:"solid",borderColor:t?"surfaceStrokeSecondaryDefault":"transparent",bg:t?"surfaceFillAccentGreenDefault":"surfaceFillWhiteDefault","&:hover":{bg:t?"surfaceFillAccentGreenHover":"surfaceFillWhiteHover"}},children:[(0,u.jsx)(l.kC,{width:10,height:10,alignItems:"center",justifyContent:"center",bg:t?"surfaceFillAccentGreenHover":"surfaceFillSecondaryDefault",borderRadius:"s",sx:{flexShrink:0},children:i&&(0,u.jsx)(i,{sx:{width:5,height:5,color:t?"iconGreenDefault":"iconSecondaryDefault"}})}),(0,u.jsx)(s.x,{children:(0,u.jsx)(c.x,{sx:{variant:"textStyles.label03medium",color:"textPrimaryDefault"},children:o(e)})})]})};var x=e=>{const{username:t}=(0,i.Ye)(),n=(0,o.Dt)(t||""),a=(0,o.G5)(t||"");if(!n?.data?.sports)return null;const l=(t,r)=>{const o=new Set(n.data.sports);r?o.add(t):o.delete(t),a.mutateAsync({sports:Array.from(o)}).then((()=>{e.onSportChange?.(t,r),e.onChange?.()}))};return(0,u.jsx)(s.x,{sx:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:2},children:r.sV.map((e=>(0,u.jsx)(p,{sport:e,selected:n.data.sports.includes(e),onChange:l},e)))})}}}]);