https://www.komoot.com/assets/13938.0da8186f47ec8556.js

1"use strict";(self.webpackChunkcom_komoot=self.webpackChunkcom_komoot||[]).push([["13938"],{14677:function(e,t,n){n.d(t,{Z:function(){return c}});n(55608),n(82540);var s=n(73749),a=n(98799),r=n(3865),i=n(66448),o=n(45639),l=n(54381);const c=({value:e,defaultValue:t=0,numberOfStars:n=5,selectedColor:c="rating",unselectedColor:d="whisper",gap:h=3,iconSize:m=8,onChange:u})=>{const[p,g]=(0,s.useState)(Math.max(0,e||t)),[x,f]=(0,s.useState)(Math.max(0,e||t)),w=(0,s.useCallback)((e=>{f(e)}),[]),b=(0,s.useCallback)((e=>{const t=e.relatedTarget;t?.tagName?.match?.(/button/i)&&t?.classList?.contains?.("js-star")&&f(0)}),[]);return(0,s.useEffect)((()=>{g(t),f(t)}),[t]),(0,s.useEffect)((()=>{e&&(g(e),f(e))}),[e]),(0,l.jsx)(a.kC,{as:"ol",variant:"row",alignX:"center",alignY:"center",gap:h,pointerEvents:e?"none":"auto",onPointerLeave:()=>{f(p)},children:Array.from({length:n}).map(((t,s)=>{const h=x-s;let v;switch(!0){case h>=1:v=i.IconRatingValue;break;case h>0:v=o.IconRatingValueFractional;break;default:v=i.IconRatingValue}return(0,l.jsx)(a.kC,{as:"li",alignX:"center",alignY:"center",gap:"none",sx:{width:m,height:m},children:(0,l.jsx)(r.x,{as:"button",className:"js-star",value:s+1,px:1===n?0:3,onPointerEnter:()=>w(s+1),onPointerLeave:b,onClick:t=>((t,n)=>{t.preventDefault(),e||(x===p&&p===n?(g(0),f(0),u?.(0)):(g(n),f(n),u?.(n)))})(t,s+1),sx:{transition:"transform 0.1s ease-in-out","&:hover":{transform:"scale(1.25)"}},children:h>0&&h<1?(0,l.jsx)(v,{fraction:h,color:c,inactiveColor:d,size:m}):(0,l.jsx)(v,{color:h>=1?c:d,size:m})})},`star-rating-${s+1}`)}))})}},66448:function(e,t,n){n.r(t),n.d(t,{IconRatingValue:function(){return i}});var s=n(62887),a=n(3865),r=n(54381);const i=({...e})=>{const t=(0,s.Z)(e);return(0,r.jsx)(a.x,{"aria-hidden":"true",role:"presentation",as:"svg",width:"1em",height:"1em",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t,children:(0,r.jsx)("path",{d:"M6.50769 1.85588C6.70891 1.44815 7.29031 1.44815 7.49153 1.85588L8.75288 4.41166C8.83279 4.57356 8.98725 4.68579 9.16593 4.71175L11.9864 5.12159C12.4363 5.18697 12.616 5.73991 12.2904 6.05728L10.2495 8.04668C10.1202 8.17271 10.0612 8.35428 10.0917 8.53224L10.5735 11.3413C10.6504 11.7894 10.18 12.1312 9.77759 11.9196L7.25488 10.5933C7.09507 10.5093 6.90415 10.5093 6.74434 10.5933L4.22163 11.9196C3.81918 12.1312 3.34882 11.7894 3.42568 11.3413L3.90748 8.53224C3.938 8.35428 3.879 8.17271 3.74971 8.04668L1.7088 6.05728C1.38321 5.73991 1.56287 5.18697 2.01282 5.12159L4.83329 4.71175C5.01197 4.68579 5.16643 4.57356 5.24633 4.41166L6.50769 1.85588Z",fill:"currentColor"})})}},45639:function(e,t,n){n.r(t),n.d(t,{IconRatingValueFractional:function(){return l}});var s=n(62887),a=n(19733),r=n(3865),i=n(73749),o=n(54381);const l=({fraction:e=0,inactiveColor:t="whisper",...n})=>{const l=(0,s.Z)(n),{getColor:c}=(0,a._)(),d=Math.max(0,Math.min(1,e)),h=c(Array.isArray(t)?t[0]:t),m=`star-clip-${(0,i.useId)()}`,u="M6.50769 1.85588C6.70891 1.44815 7.29031 1.44815 7.49153 1.85588L8.75288 4.41166C8.83279 4.57356 8.98725 4.68579 9.16593 4.71175L11.9864 5.12159C12.4363 5.18697 12.616 5.73991 12.2904 6.05728L10.2495 8.04668C10.1202 8.17271 10.0612 8.35428 10.0917 8.53224L10.5735 11.3413C10.6504 11.7894 10.18 12.1312 9.77759 11.9196L7.25488 10.5933C7.09507 10.5093 6.90415 10.5093 6.74434 10.5933L4.22163 11.9196C3.81918 12.1312 3.34882 11.7894 3.42568 11.3413L3.90748 8.53224C3.938 8.35428 3.879 8.17271 3.74971 8.04668L1.7088 6.05728C1.38321 5.73991 1.56287 5.18697 2.01282 5.12159L4.83329 4.71175C5.01197 4.68579 5.16643 4.57356 5.24633 4.41166L6.50769 1.85588Z";return(0,o.jsxs)(r.x,{"aria-hidden":"true",role:"presentation",as:"svg",width:"1em",height:"1em",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",...l,children:[(0,o.jsx)("defs",{children:(0,o.jsx)("clipPath",{id:m,children:(0,o.jsx)("path",{d:u})})}),(0,o.jsx)("path",{d:u,fill:h}),d>0&&(0,o.jsx)("rect",{x:"0",y:"0",width:""+14*d,height:"14",fill:"currentColor",clipPath:`url(#${m})`})]})}},30248:function(e,t,n){n.r(t),n.d(t,{IconUpload:function(){return i}});var s=n(62887),a=n(3865),r=n(54381);const i=({...e})=>{const t=(0,s.Z)(e);return(0,r.jsx)(a.x,{"aria-hidden":"true",role:"presentation",as:"svg",width:"1em",height:"1em",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t,children:(0,r.jsx)("path",{d:"M16.006 19.5h3.25C21.426 18.888 23 16.87 23 14.75c0-2.154-1.625-3.973-3.851-4.555.07-.305.106-.621.106-.945 0-2.623-2.41-4.75-

15.383-4.75-2.668 0-4.883 1.713-5.309 3.961A3.439 3.439 0 006.851 8C4.927 8 4.26 9.63 3.89 11.796 1.797 11.796 1 13.827 1 15.25c0 2.056 1.608 3.771 3.745 4.165v.085H10.5v-3H8.707a.5.5 0 01-.353-.854l3.292-3.292a.5.5 0 01.708 0l3.292 3.292a.5.5 0 01-.353.854H13.5v3H16.006z",fill:"currentColor"})})}},67272:function(e,t,n){n.r(t),n.d(t,{default:function(){return A}});var s=n(83078),a=(n(55608),n(82540),n(25881)),r=n.n(a),i=n(73749),o=n(37286),l=n(86436),c=n(41303),d=n(33226),h=n(35779),m=n(54381),u=c.G7.create({displayName:"Checkmark",propTypes:{isChecked:c.G7.PropTypes.bool.isRequired,isCanceled:c.G7.PropTypes.bool},render:function(){const e=this.props.isChecked,t=this.props.isCanceled,n=this.props.isDisabled,s=`${n?null:"tw-cursor-pointer"}`;let a;return a=n?"tw-bg-grey-light tw-border-grey-light tw-border-solid tw-text-white":t?"tw-bg-card tw-border-grey tw-border-dotted":e?"tw-bg-green tw-border-green tw-border-solid":"tw-bg-grey tw-border-grey tw-border-solid tw-text-white",(0,m.jsx)("span",{className:`tw-text-sm tw-font-bold tw-w-6 tw-h-6 tw-inline-flex tw-items-center tw-justify-center tw-rounded-full tw-border ${this.props.className||""} ${s} ${a}`,children:t?(0,m.jsx)(h.Z,{size:16,icon:"action-dismiss",className:"tw-text-default"}):e?(0,m.jsx)(h.Z,{size:16,icon:"action-selected",className:"tw-text-white"}):this.props.children})}}),p=n(36625),g=n(69899),x=n(89281),f=n(6121),w=n(4033),b=n(31358),v=n(83819),j=n(13624),_=n(53265),C=n(87007),y=n(36094),S=c.G7.create({displayName:"onboarding/ChangeAvatar",translationBundle:"views/OnboardingSignupAvatar",propTypes:{user:c.G7.PropTypes.instanceOf(s.Z.UserProfileHal).isRequired,onChange:c.G7.PropTypes.func},getInitialState:function(){return{error:!1,spinner:!1}},aChangeAvatar:function(e){const t="/users/{username}/content/image".replace("{username}",this.props.user.get("username"));e&&(e.type.match("image.*")?(this.setState({spinner:!0}),b.hi.put(t).set("Content-Type",e.type).timeout(6e4).send(e).on("progress",(t=>{Math.round(100*(t.progress||0));e.name})).promise().then((()=>{this.setState({error:!1,spinner:!1});const e=this.kmtx.user;e&&e.fetch(),this.props.onChange&&this.props.onChange()})).catch((e=>{this.setState({error:400===e?.status?"error_not_an_image":"error_unknown",spinner:!1})})).catch((()=>{}))):this.setState({error:"error_not_an_image"}))},handlePhotoDrop:function(e){this.aChangeAvatar(e.dataTransfer.files[0])},handleChangeAvatar:function(e){this.aChangeAvatar(e.target.files[0])},render:function(){return(0,m.jsxs)("div",{children:[(0,m.jsx)(j.Z,{onDrop:this.handlePhotoDrop}),this.state.error?(0,m.jsx)(_.Z,{type:"error",animated:!0,text:this.translate(this.state.error)}):null,(0,m.jsxs)("label",{className:"tw-inline-block tw-relative tw-cursor-pointer",htmlFor:"upload",children:[(0,m.jsx)("div",{className:"tw-mb-6",children:(0,m.jsx)("button",{className:"tw-inline-block tw-align-bottom tw-w-16 tw-h-16",onClick:this.handleClick,children:this.state.spinner?(0,m.jsx)("div",{className:"tw-bg-grey-light tw-inline-block tw-overflow-hidden tw-rounded-full tw-w-full tw-h-full",children:(0,m.jsx)(C.Z,{className:"tw-h-full",options:{}})}):(0,m.jsx)(y.Z,{user:this.kmtx.user,size:72,href:!1})})}),(0,m.jsx)(v.zx,{as:"span",variant:"basic",children:this.translate("button_upload")}),(0,m.jsx)("input",{className:"tw-absolute tw-opacity-0 tw-inset-0 tw-w-full tw-cursor-pointer",id:"upload",type:"file",accept:".jpg,.jpeg,.png",onChange:this.handleChangeAvatar})]})]})}}),k=n(64688),N=n(99208),L=c.G7.create({displayName:"onboarding/ConfirmEmail",translationBundle:"views/onboarding/ConfirmEmail",propTypes:{account:c.G7.PropTypes.instanceOf(s.Z.Account).isRequired,onSent:c.G7.PropTypes.func},getInitialState:function(){return this.isValid={email:!1,equal:!1,same:!1},{email:"",emailConfirm:"",emailChange:!1,sendSuccess:!1,spinner:!1,error:""}},_validateEmail:function(){this.isValid.email=N.Z.email(this.state.email,!0),this.isValid.equal=this.state.email===this.state.emailConfirm,this.isValid.same=this.state.email!==this.props.account.get("email")},handleToggleEmailChange:function(e){e&&e.preventDefault(),this.setState({emailChange:!this.state.emailChange})},handleResend:function(e){e.preventDefault();const t=this.isLoggedIn();this.setState({spinner:!0}),b.hi.post(`/v006/account/activation/username/${t}/reset`).promise().then((()=>{this.setState({sendSuccess:!0,spinner:!1,error:null}),this.props.onSent&&this.props.onSent()})).catch((()=>{this.setState({spinner:!1,error:this.translate("error_unknown")})}))},handleChange:function(e){const t={error:null};

1t[e.target.name]=e.target.value,this.setState(t,this._validateEmail)},handleSubmit:function(e){return e.preventDefault(),this.isValid.email?this.isValid.equal?this.isValid.same?(this.setState({spinner:!0}),this.props.account.set("email",this.state.email.toLowerCase()),void this.props.account.patch(["email"]).then((()=>{this.setState({sendSuccess:!0,emailChange:!1,spinner:!1,error:null}),this.props.onSent&&this.props.onSent()})).catch((()=>{this.setState({spinner:!1,error:this.translate("error_unknown")}),this.props.account.reset(["email"])})).catch((()=>{}))):this.setState({error:"error_email_not_changed"}):this.setState({error:"error_email_not_equal"}):this.setState({error:"error_email_not_valid"})},render:function(){return(0,m.jsx)("div",{children:this.state.emailChange?(0,m.jsxs)("form",{onSubmit:this.handleSubmit,children:[(0,m.jsx)("p",{children:this.translate("email_change_text")}),this.state.error?(0,m.jsx)(_.Z,{type:"error",animated:!0,text:this.translate(this.state.error)}):null,(0,m.jsx)("div",{className:"tw-mb-3",children:(0,m.jsx)(k.I,{label:this.translate("email_change_label"),ref:this.ref.email,id:"email",type:"email",name:"email",value:this.state.email,placeholder:this.translate("email_change_label_placeholder"),onChange:this.handleChange})}),(0,m.jsx)("div",{className:"tw-mb-6",children:(0,m.jsx)(k.I,{label:this.translate("email_change_confirm_label"),ref:this.ref.emailConfirm,id:"emailConfirm",type:"email",name:"emailConfirm",value:this.state.emailConfirm,placeholder:this.translate("email_change_confirm_label_placeholder"),onChange:this.handleChange})}),(0,m.jsx)(d.Z,{variation:"secondary",className:"tw-mb-6",type:"submit",label:this.translate("email_change_cta"),loading:this.state.spinner,onClick:this.handleSubmit}),(0,m.jsx)("div",{children:(0,m.jsx)("button",{className:"c-link c-link--inverted",onClick:this.handleToggleEmailChange,children:this.translate("email_do_not_change")})})]}):this.state.sendSuccess?(0,m.jsxs)(i.Fragment,{children:[(0,m.jsx)("p",{children:this.translate("email_sent",{email:this.props.account.get("email")})}),(0,m.jsxs)("div",{className:"o-media o-media--center o-media--tiny tw-text-green",children:[(0,m.jsx)("div",{className:"o-media__img",children:(0,m.jsx)(h.Z,{icon:"action-following"})}),(0,m.jsx)("div",{className:"o-media__body",children:this.translate("email_resend_success")})]}),(0,m.jsx)("div",{className:"tw-mt-6",children:(0,m.jsx)("button",{className:"c-link c-link--inherit c-link--inverted",onClick:this.handleToggleEmailChange,children:this.translate("email_change")})})]}):(0,m.jsxs)(i.Fragment,{children:[(0,m.jsx)("p",{children:this.translate("email_sent",{email:this.props.account.get("email")})}),(0,m.jsx)("p",{className:"tw-mb-1",children:this.translate("did_not_work")}),(0,m.jsx)(d.Z,{variation:"secondary",href:"#",label:this.translate("email_resend"),loading:this.state.spinner,onClick:this.handleResend}),(0,m.jsx)("div",{className:"tw-mt-6",children:(0,m.jsx)("button",{className:"c-link c-link--inherit c-link--inverted",onClick:this.handleToggleEmailChange,children:this.translate("email_change")})})]})})}}),Z=n(95724),T=n(73048),D=n(84310),P=c.G7.create({displayName:"OnboardingGettingStarted",translationBundle:"views/OnboardingGettingStarted",events:{"user.activation_summary":"render"},mixins:[p.Z.mixin,T.Z],propTypes:{user:c.G7.PropTypes.instanceOf(s.Z.UserProfileHal).isRequired,account:c.G7.PropTypes.instanceOf(s.Z.Account).isRequired,location:c.G7.PropTypes.instanceOf(s.Z.GeoLocation).isRequired},getInitialState:function(){return{section:null,onboardingType:"getting_started"}},componentWillUnmount:function(){clearTimeout(this.timeout)},updateSummary:function(){this.kmtx.profile.result("link(activation_summary).fetch",Promise.resolve()).catch((e=>{l.kg.error({code:"fetch-activation-summary",error:e,meta:{req_url:this.kmtx.profile.result("link(activation_summary).links.self.href"),req_status:e?.status||null}})}))},handleUpdateSummary:function(e){clearTimeout(this.timeout),this.timeout=setTimeout(this.updateSummary,e||0)},handleChangeSection:function(e,t){t&&t.preventDefault(),this.updateSummary(),this.setState({section:e})},handleDismiss:function(e){this.onboardingOnClickDismiss(e).then((()=>{r().show(`/user/${this.kmtx.username}`)}))},render:function(){const e=this.props.user,t=this.kmtx.profile.link("activation_summary"),n=this.kmtx.profile.link("user_recommendations"),s=this.getStatus(t);return(0,m.jsxs)("div",{className:"tw-bg-canvas tw-min-h-screen",children:[(0,m.jsxs)("div",{className:"tw-p-3 sm:tw-p-12",children:[(0,m.jsxs)("div",{className:"tw-mx-auto tw-max-w-md tw-text-center tw-mb-12",children:[(0,m.jsx)("h1",{className:"tw-text-text tw-text-2xl md:tw-text-3xl tw-font-bold",children:!0===s.completedAll?this.translate("headline_completed"):this.translate("headline")}),(0,m.jsx)("div",{className:"tw-text-lg",children:(0,m.jsx)("p",{children:!0===s.completedAll?this.translate("intro_completed"):this.translate("intro")})})]}),(0,m.jsx)("div",{className:"tw-mx-auto tw-max-w-lg tw-mb-6",children:(0,m.jsxs)("div",{className:"tw-shadow-xl tw-p-6 tw-bg-card tw-relative",children:[!0===s.gcompletedAll?(0,m.jsx)("div",{className:"tw-absolute tw-inset-x-0 tw-bottom-0 tw-top-0",style:{backgroundColor:"rgba(255,255,255,.66)"},children:(0,m.jsx)("img",{src:`/images/onboarding/completed-${this.getLocale()}.png`,alt:"",className:"tw-absolute tw-top-5 tw-right-6",style:{width:"200px",transform:"rotate(15deg)"}})}):null,(0,m.jsx)("h2",{className:"tw-text-text tw-text-lg md:tw-text-xl tw-text-default tw-font-bold",children:this.translate("checklist-headline")}),(0,m.jsx)("ol",{className:"o-list-ui o-list-ui--large o-list-ui--border o-list-ui--flush-vert

1ical o-list-ui--separator",children:s.orderedList.map(((t,a)=>(0,m.jsx)("li",{className:t.done?"":"tw-cursor-pointer",children:(0,m.jsxs)("div",{className:"o-media o-media--small",children:[(0,m.jsx)("div",{className:"o-media__img",children:(0,m.jsx)(u,{isChecked:t.done,children:a+1})}),(0,m.jsx)("div",{className:"o-media__body tw-cursor-default",children:(0,m.jsxs)("div",{className:"o-media o-media--small o-media--rev",children:[(0,m.jsxs)("div",{className:"o-media__body",children:[(0,m.jsx)("button",{onClick:this.handleChangeSection.bind(this,this.state.section===t.name?null:t.name),children:t.done?(0,m.jsx)("span",{className:"tw-line-through tw-cursor-default tw-text-green",children:this.translate(t.name)}):this.state.section===t.name?(0,m.jsx)("span",{className:"tw-font-bold tw-text-text tw-cursor-default",children:this.translate(t.name)}):(0,m.jsx)("span",{className:"c-link c-link--inverted",children:this.translate(t.name)})}),t.done||this.state.section!==t.name?null:"email_confirmed"===t.name?(0,m.jsx)("div",{className:"tw-mt-6",children:(0,m.jsx)(L,{account:this.props.account,onSent:this.handleUpdateSummary.bind(this,9e4)})}):"avatar"===t.name?(0,m.jsx)("div",{className:"tw-mt-6",children:(0,m.jsx)(S,{user:e,onChange:this.handleUpdateSummary})}):"favorite_sports"===t.name?(0,m.jsxs)("div",{className:"tw-mt-6",children:[(0,m.jsx)("p",{children:this.translate("favorite_sports_text")}),(0,m.jsx)(D.Z,{onChange:this.handleUpdateSummary.bind(this,1e4)})]}):"following"===t.name?(0,m.jsxs)("div",{className:"tw-mt-6",children:[(0,m.jsx)("div",{className:n.length>0?"tw-mb-12":"",children:(0,m.jsx)(g.Z,{classHeading:"tw-text-base"})}),n.length>0?(0,m.jsxs)(i.Fragment,{children:[(0,m.jsx)("h1",{className:"tw-text-base tw-text-text tw-font-bold tw-mb-1",children:this.translate("following_recommended_headline")}),(0,m.jsx)("p",{children:this.translate("following_headline_intro")}),(0,m.jsx)("div",{className:"tw-text-left",children:(0,m.jsx)("ul",{className:"o-list-ui o-list-ui--border o-list-ui--separator",children:n.map((e=>(0,m.jsx)("li",{children:(0,m.jsxs)(f.Z,{user:e.link("user"),children:[(0,m.jsx)("p",{className:"tw-text-whisper tw-mb-0",children:e.get("description")}),(0,m.jsx)(w.Z,{user:e.link("user")})]})},e.link("user").cid)))})})]}):null]}):"app"===t.name?(0,m.jsxs)("div",{className:"tw-mt-6",children:[(0,m.jsx)("p",{children:this.translate("app_text")}),(0,m.jsx)(Z.Z,{source:"ongs",onDark:!1,containerProps:{sx:{"& *":{margin:"0 !important"},"& > div":{alignItems:"center !important"}}}})]}):"tour_planned"===t.name?(0,m.jsxs)("div",{className:"tw-mt-6",children:[(0,m.jsx)("p",{children:this.translate("tour_planned_text")}),(0,m.jsx)(d.Z,{variation:"primary",href:o.dl.localizePath("/plan",this.kmtx.lang),label:this.translate("tour_planned_cta")})]}):"tour_recorded"===t.name?(0,m.jsx)("div",{className:"tw-mt-6",children:s.app.done?(0,m.jsx)("p",{className:"tw-mb-0",children:this.translate("tour_recorded_text")}):(0,m.jsx)("p",{className:"tw-mb-0",children:this.translate("tour_recorded_text_download")})}):null]}),t.done?(0,m.jsx)("div",{className:"o-media__img tw-text-right",children:(0,m.jsx)("span",{className:"tw-text-whisper",children:this.translate("completed")})}):null]})})]})},t.name)))})]})})]}),(0,m.jsx)("div",{className:"tw-p-3 sm:tw-p-12 tw-text-center tw-pt-0",children:(0,m.jsx)("button",{className:"c-link c-link--inverted",onClick:this.handleDismiss,children:this.translate("decline")})}),(0,m.jsx)(x.Z,{})]})}});function A(e,t){const n=e.props.kmtx.store;e.props.user=new s.Z.UserProfileHal(e.props.user,{store:n}),e.props.account=new s.Z.Account(e.props.account,{url:{username:n.option("username")}}),e.props.location=new s.Z.GeoLocation(e.props.location,{url:{remoteAddress:e.props.kmtx.device.get("ip")}}),e.react.setPage(P,e.props),t()}},36625:function(e,t,n){var s=n(41303),a=n(94228),r=n(54381);const i={onboardingKeyName:function(e){return"onboarding_"+(e||this.props.onboardingType||this.state.onboardingType)},onboardingShouldShow:function(e){const t=this.onboardingKeyName(e),n=this.getGlobals("configWeb");return!n||!n.get(t)},onboardingIsDismissed:function(e){const t=this.onboardingKeyName(e),n=this.getGlobals("configWeb");return!(!n||!n.get(t))},onboardingDismiss:function(e){return new Promise(((t,n)=>{const s=this.getGlobals("configWeb");s?s.onLoaded((s=>{const a=this.onboardingKeyName(e);s.set(a,!0),s.save().then((e=>t())).catch((e=>n())),this.isMounted()&&this.forceUpdate()})):n()}))},onboardingOnClickDismiss:function(e){return e?.preventDefault(),this.onboardingDismiss()}},o=s.G7.create({displayName:"Kmt.Onboarding",mixins:[i],propTypes:{onboardingType:s.G7.PropTypes.string},componentDidMount:function(){this.setState({_onboarding_show:this.onboardingShouldShow()})},UNSAFE_componentWillReceiveProps:function(){this.setState({_onboarding_show:this.onboardingShouldShow()})},render:function(){const{onboardingType:e,...t}=this.props;return this.state._onboarding_show?(0,r.jsx)(a.Z,{...t,children:this.props.children}):null}});o.mixin=i,t.Z=o},13624:function(e,t,n){var s=n(73749),a=n(24156),r=n(28718),i=n(94539),o=n.n(i),l=n(13575),c=n(5018),d=n(92866),h=n(19733),m=n(30248),u=n(54381);const p=e=>{try{return document.querySelector(e)}catch{return document.querySelector("body")}},g=({element:e="body",message:t,onDrop:n})=>{const i=(0,r.qM)("components/UploadOverlay"),{alpha:o}=(0,h._)(),g=(0,s.useRef)();g.current=n;

1const[x,f]=(0,s.useState)(),w=(0,s.useCallback)((t=>{if(document.body.classList.contains("lightbox-open"))return;t.preventDefault(),t.stopPropagation(),p(e).classList.add("dragover");const n=t.dataTransfer&&t.dataTransfer.dropEffect,s=t.dataTransfer&&t.dataTransfer.effectAllowed;"none"===n&&"none"!==s&&(t.dataTransfer.dropEffect="copy")}),[e]),b=(0,s.useCallback)((t=>{t.preventDefault(),t.stopPropagation(),p(e).classList.remove("dragover")}),[e]),v=(0,s.useCallback)((e=>{g.current?.(e)}),[e]);if((0,l.LI)((()=>{try{const t=document.querySelector(".js-upload-container");f(t);const n=p(e);return n.addEventListener("dragover",w),n.addEventListener("dragend",b),n.addEventListener("dragleave",b),n.addEventListener("drop",b),n.addEventListener("drop",v),()=>{n.removeEventListener("dragover",w),n.removeEventListener("dragend",b),n.removeEventListener("dragleave",b),n.removeEventListener("drop",b),n.removeEventListener("drop",v)}}catch{}}),[e]),!x)return null;const j=o("black",.9),_=o("textOnDark",.85);return(0,a.createPortal)((0,u.jsx)(c.gj,{p:6,alignX:"center",alignY:"stretch",bg:j,pointerEvents:"none",className:"c-upload-overlay",children:(0,u.jsxs)(c.gj,{p:3,height:"100%",alignX:"center",alignY:"center",space:1,className:"c-upload-overlay__content",sx:{borderColor:_,borderStyle:"dashed",borderWidth:"1px",borderRadius:"md"},children:[(0,u.jsx)(m.IconUpload,{size:20,color:_}),(0,u.jsx)(d.X,{level:2,size:5,color:_,children:t||i("drop_prompt")})]})}),x)};g.propTypes={element:o().string,message:o().string,onDrop:o().func},t.Z=g},53265:function(e,t,n){var s=n(94539),a=n.n(s),r=n(3865),i=n(44217),o=n(54381);const l=({type:e="info",dismissable:t=!1,animated:n=!1,text:s,mb:a=6,children:l,...c})=>(0,o.jsx)(r.x,{sx:{mb:a,p:{mb:"0 !important"}},children:(0,o.jsx)(i.b,{variant:e,dismissable:t,animated:n,...c,children:s||l})});l.propTypes={children:a().node,dismissable:a().bool,mb:a().string,text:a().string,type:a().oneOf(["success","warning","info"])},t.Z=l},20842:function(e,t,n){var s=n(98799),a=n(3865),r=n(14677),i=n(89383),o=n(31289),l=n(54381);t.Z=()=>(0,l.jsxs)(s.gq,{alignItems:"center",gap:"1-5",children:[(0,l.jsx)(a.x,{display:"flex",alignItems:"center",justifyContent:"center",width:6,height:6,bg:"actionContentFillGreenDefault",borderRadius:"s",p:1,sx:{alignSelf:"center",borderWidth:"0.28px",borderStyle:"solid",borderColor:"actionBaseFillPrimaryDefault"},children:(0,l.jsx)(o.IconLogo,{sx:{width:5,height:5,color:"headerLogoIcon"}})}),(0,l.jsx)(r.Z,{value:4.7,selectedColor:"actionBaseFillPrimaryDefault",unselectedColor:"surfaceFillAccentGreenHover",gap:0,iconSize:4}),(0,l.jsx)(i.x,{sx:{variant:"textStyles.heading05medium",color:"actionBaseFillPrimaryDefault"},children:"4.7/5"})]})},95724:function(e,t,n){var s=n(28718),a=n(98799),r=n(3865),i=n(40830),o=n(89383),l=n(33640),c=n(97448),d=n(20842),h=n(62939),m=n(54381);t.Z=({containerProps:e={},source:t="on"})=>{const{username:n}=(0,s.Ye)(),{useTranslate:u}=(0,l.A)(),p=u(["views/OnboardingSignupApp"]),g="ongs"===t?"profile_gettingstarted_qr":"onboarding_signup_qr",x=(0,c.e)(n||null,t,void 0,g);return(0,m.jsxs)(a.gq,{p:6,gap:8,alignItems:"center",alignSelf:"stretch",borderRadius:"xl",border:"1.5px solid surfaceStrokePrimaryDefault",bg:"surfaceFillSecondaryDefault",sx:{boxShadow:"sm-bottom"},...e,children:[(0,m.jsx)(r.x,{p:5,bg:"surfaceFillWhiteDefault",borderRadius:"xl",children:(0,m.jsx)(i.Z,{data:x,size:"130px"})}),(0,m.jsxs)(a.Ht,{gap:2,children:[(0,m.jsx)(o.x,{sx:{alignSelf:"stretch",variant:"textStyles.heading03medium",mb:2},children:p("qr_cta")}),(0,m.jsx)(d.Z,{}),(0,m.jsx)(h.ZP,{..."ongs"===t&&{iosReferrer:"profile_gettingstarted_ios",androidReferrer:"profile_gettingstarted_android"}})]})]})}},84310:function(e,t,n){n.d(t,{Z:function(){return u}});n(55608),n(82540),n(34645),n(42801),n(20357),n(96055),n(70100),n(27165),n(61955);var s=n(49104),a=n(60102),r=n(28718),i=n(3865),o=n(78562),l=n(98799),c=n(89383),d=n(33640),h=n(54381);var m=({sport:e,selected:t=!1,onChange:n})=>{const{useTranslate:s}=(0,d.A)(),a=s("tour/sports"),r=o.mZ[e];return(0,h.jsxs)(l.gq,{as:"button",type:"button",onClick:()=>{n?.(e,!t)},"aria-label":a(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?"surfaceStrokeSecondary

1Default":"transparent",bg:t?"surfaceFillAccentGreenDefault":"surfaceFillWhiteDefault","&:hover":{bg:t?"surfaceFillAccentGreenHover":"surfaceFillWhiteHover"}},children:[(0,h.jsx)(l.kC,{width:10,height:10,alignItems:"center",justifyContent:"center",bg:t?"surfaceFillAccentGreenHover":"surfaceFillSecondaryDefault",borderRadius:"s",sx:{flexShrink:0},children:r&&(0,h.jsx)(r,{sx:{width:5,height:5,color:t?"iconGreenDefault":"iconSecondaryDefault"}})}),(0,h.jsx)(i.x,{children:(0,h.jsx)(c.x,{sx:{variant:"textStyles.label03medium",color:"textPrimaryDefault"},children:a(e)})})]})};var u=e=>{const{username:t}=(0,r.Ye)(),n=(0,a.Dt)(t||""),o=(0,a.G5)(t||"");if(!n?.data?.sports)return null;const l=(t,s)=>{const a=new Set(n.data.sports);s?a.add(t):a.delete(t),o.mutateAsync({sports:Array.from(a)}).then((()=>{e.onSportChange?.(t,s),e.onChange?.()}))};return(0,h.jsx)(i.x,{sx:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:2},children:s.sV.map((e=>(0,h.jsx)(m,{sport:e,selected:n.data.sports.includes(e),onChange:l},e)))})}},73048:function(e,t,n){n(55608),n(69770);t.Z={getStatus:function(e){const t={email_confirmed:{name:"email_confirmed",done:e.get("confirmed_mail")||!1},avatar:{name:"avatar",done:e.get("has_avatar")||!1},favorite_sports:{name:"favorite_sports",done:(e.get("favorite_sports")?.length||0)>0},following:{name:"following",done:(e.get("following")?.total||0)>0},app:{name:"app",done:(e.get("used_clients")||[]).filter((e=>"web"!==e)).length>0},tour_planned:{name:"tour_planned",done:(e.get("routes")?.total||0)>0},tour_recorded:{name:"tour_recorded",done:(e.get("tours")?.total||0)>0},completedAll:!1};return t.orderedList=[t.email_confirmed,t.avatar,t.favorite_sports,t.following,t.app,t.tour_planned,t.tour_recorded],t.completedAll=t.orderedList.filter((e=>e.done)).length===t.orderedList.length,t}}}}]);