1"use strict";(self.webpackChunkcom_komoot=self.webpackChunkcom_komoot||[]).push([["18811"],{20672:function(e,t,s){s.d(t,{L:function(){return o}});var i=s(73749),n=s(3865),r=s(98799),a=s(89383),l=s(54381);const o=({variant:e="white",iconVariant:t="default",labelVariant:s="default",size:o="big",topLabel:c,bottomLabel:d,filterNumber:h,disabled:p=!1,leftIcon:g,rightIcon:x,href:u,onClick:m,"data-test-id":w,showBoxShadow:f=!0})=>{const j=(0,i.useMemo)((()=>{const t={};switch(e){case"primary":t.bg="surfaceFillPrimaryDefault",t["&:hover, &:focus"]={bg:"surfaceFillPrimaryHover"};break;case"white":t.bg="surfaceFillWhiteDefault"}switch(t["&:disabled"]={cursor:"default",bg:"surfaceFillWhiteDefault"},o){case"big":c?(t.px="3",t.py="1-5"):(t.px="3",t.py="3");break;case"small":t.px="3",t.py="2"}return t}),[o,c,e]),k=g,v=x,b=({Icon:e})=>(0,l.jsx)(e,{size:5,className:"filterIcon","aria-hidden":"true"});return(0,l.jsxs)(n.x,{as:"button","data-test-id":w,"aria-label":d,disabled:p,boxShadow:f?"md":"none",onClick:e=>{m?.(e),u&&(window.location.href=u)},position:"relative",alignItems:"center",display:"inline-flex",sx:{...j,".labelText":{color:p?"accent"===s?"textOrangeDisabled":"textPrimaryDisabled":"accent"===s?"textOrangeDefault":"textPrimaryDefault"},".filterIcon":{color:p?"accent"===t?"iconAccentDisabled":"iconSecondaryDisabled":"accent"===t?"iconAccentDefault":"iconSecondaryDefault"},"&:hover:not(:disabled) .labelText":{color:"accent"===s?"textOrangeHover":"white"===e?"textPrimaryHover":"textPrimaryDefault"},"&:hover:not(:disabled) .filterIcon":{color:"accent"===t?"iconAccentHover":"white"===e?"iconSecondaryHover":"iconSecondaryDefault"}},gap:2,borderRadius:"s-m",children:[k&&(0,l.jsx)(b,{Icon:k}),c&&(0,l.jsx)(a.x,{className:"labelText",sx:{variant:"textStyles.label04medium"},children:c}),d&&(0,l.jsx)(a.x,{className:"labelText",sx:{variant:"textStyles.label03medium"},children:d}),v&&(0,l.jsx)(b,{Icon:v}),h?(0,l.jsx)(r.Ht,{"data-test-id":`active-filters-${h}`,position:"absolute",right:-1,top:-1,width:5,height:5,justifyContent:"center",alignItems:"center",borderRadius:"rounded",sx:{backgroundColor:"iconAccentDefault","&:disabled":{backgroundColor:"iconAccentDisabled"}},children:(0,l.jsx)(a.x,{sx:{color:"textWhiteDefault",textAlign:"center",variant:"textStyles.label04medium"},children:h})}):null]})}},48799:function(e,t,s){s.d(t,{o:function(){return d}});var i=s(10227),n=s(41152),r=s(88172),a=s(3865),l=s(15507),o=s(54381);const c={default:{bg:"surfaceFillWhiteDefault",color:"textSecondaryDefault"},input:{bg:"card",color:"text",borderColor:"borderTertiaryDefault","::placeholder":{color:"#000000",opacity:.4}},onDark:{bg:"rgba(255,255,255,0.2)",color:"textInverseStatic",":hover, :focus":{bg:"rgba(255,255,255,0.25)"},"::placeholder":{color:"whisper",opacity:.8}}},d=({variant:e="default",inlineAction:t,onReset:s,onSubmit:d,inProgress:h,sx:p={},"data-test-id":g="search",ref:x,...u})=>{const m=c[e],{"::placeholder":w,...f}=m,j={borderWidth:1,borderColor:"surfaceFillSecondaryDefault",borderStyle:"solid",borderRadius:"rounded",py:3,px:4,...f,...p},k={appearance:"none",display:"block",width:"100%",variant:"textStyles.label02medium",textOverflow:"ellipsis",bg:"transparent",border:"none",outline:"none",p:0,color:"inherit","&:focus-visible":{outline:"none",borderColor:"transparent",boxShadow:"none"},"::placeholder":w??{color:"textSecondaryDefault"}};return(0,o.jsxs)(a.x,{as:"form",display:"flex",alignItems:"center",gap:4,width:"100%",onSubmit:d,sx:j,children:[(0,o.jsx)(a.x,{display:"flex",alignItems:"center",justifyContent:"center",sx:{color:"onDark"===e?"white":"iconSecondaryDefault"},children:h?(0,o.jsx)(i.T,{size:5}):(0,o.jsx)(n.IconSearchLG,{size:5})}),(0,o.jsx)(a.x,{"data-test-id":g,as:"input",autoComplete:"off",ref:x,...u,sx:k}),t?(0,o.jsx)(a.x,{display:"flex",alignItems:"center",children:t}):s&&(u.value?.length||0)>0?(0,o.jsx)(a.x,{display:"flex",alignItems:"center",children:(0,o.jsx)(l.h,{variant:"onDark"===e?"ghost-white":"secondary",icon:r.IconClose,onClick:s,size:"sm"})}):null]})}},71068:function(e,t,s){s.d(t,{D:function(){return l}});var i=s(3865),n=s(92866),r=s(5018),a=s(54381);const l=({as:e,align:t="center",color:s,decoratorColor:l="primary",level:o=2,children:c,...d})=>{const h=e||"div";return(0,a.jsxs)(r.gj,{as:h,space:"md",alignX:t,...d,children:[(0,a.jsx)(i.x,{bg:l,width:"48px",height:"6px"}),(0,a.jsx)(n.X,{level:o,color:s,align:t,children:c})]})}},41152:function(e,t,s){s.r(t),s.d(t,{IconSearchLG:function(){return a}});var i=s(62887),n=s(3865),r=s(54381);const a=({...e})=>{const t=(0,i.Z)(e);return(0,r.jsx)(n.x,{"aria-hidden":"true",role:"presentation",as:"svg",width:"1em",height:"1em",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t,children:(0,r.jsx)("path",{d:"M17.5 17.5L14.5834 14.5833M16.6667 9.58333C16.6667 13.4954 13.4954 16.6667 9.58333 16.6667C5.67132 16.6667 2.5 13.4954 2.5 9.58333C2.5 5.67132 5.67132 2.5 9.58333 2.5C13.4954 2.5 16.6667 5.67132 16.6667 9.58333Z",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})}},24542:function(e,t,s){s.r(t),s.d(t,{default:function(){return pe}});var i=s(83078),n=s(73749),r=s(98799),a=s(46285),l=s(89383),o=s(3865),c=s(71068),d=s(32223),h=s(5018),p=s(10227),g=s(33640),x=s(49118),u=(s(39854),s(55608),s(24433),s(82540),s(72869)),m=s(80051),w=s(49354),f=s(54381);const j=(0,m.mD)("recorded")??[],k=["pioneer","expert"],v=({pioneerRankings:e})=>{const{useTranslate:t,useLocalizeHref:s}=(0,g.A)(),i=t("views/pioneerrankings/PioneerRankingsAchievements"),n=t("pioneer/sports"),a=s(),o={};e.forEach((e=>{const t=String(e.get("sport")),s=String(e.get("rank"));(o[s]??={})[t]??=[],o[s][t].push(e.link("sport_region"))}));const c=[];
1return k.forEach((e=>{j.forEach((t=>{const s=o[e]?.[t];s?.length&&c.push({rank:e,sport:t,regions:s})}))})),0===c.length?null:(0,f.jsx)(r.Ht,{sx:{mx:"auto",maxWidth:"48rem",gap:8,textAlign:"left"},children:c.map((({rank:e,sport:t,regions:s})=>(0,f.jsxs)(r.gq,{gap:[4,6],sx:{flexDirection:["column","row"],alignItems:["center","flex-start"]},children:[(0,f.jsxs)(r.Ht,{sx:{width:["100%","200px"],flexShrink:0,alignItems:"center",gap:2},children:[(0,f.jsx)(w.ZP,{rank:e,sport:t,size:96}),(0,f.jsx)(l.x,{sx:{variant:"textStyles.label01bold",color:"textPrimaryDefault",textAlign:"center"},children:i(e,{sport:n(t)})})]}),(0,f.jsx)(r.gq,{wrap:"wrap",gap:0,sx:{flex:1,columnGap:4,rowGap:2,justifyContent:["center","flex-start"],alignContent:"flex-start"},children:s.map((e=>(0,f.jsx)(u.h,{href:a(`/pioneers/region/${String(e.get("id"))}/${String(e.get("sport"))}`),decoration:"inverted",color:"textSecondaryDefault",hoverColor:"textPrimaryHover",children:String(e.get("name"))},`${String(e.get("id"))}_${String(e.get("sport"))}`)))})]},`${e}_${t}`)))})};v.displayName="PioneerRankingsAchievements";var b=v,y=(s(47721),s(41303)),N=s(92948),S=s(13248);const _=y.G7.create({displayName:"CardTitle",propTypes:{classHeading:y.G7.PropTypes.string},render:function(){return(0,f.jsx)("div",{className:"tw-p-3 "+(this.props.className||""),children:(0,f.jsx)("h3",{className:"tw-text-base tw-text-text sm:tw-text-lg tw-font-bold tw-text-center tw-mb-0 "+(this.props.classHeading||""),children:this.props.children})})}});var R=_,P=s(67051),C=s(37286),Z=s(28718);var T=({id:e,sport:t,className:s,children:i})=>{const{lang:n}=(0,Z.Ye)();return(0,f.jsx)("a",{className:s||"",href:C.dl.localizePath("/pioneers/region/"+e+"/"+t,n),children:i})},D=s(90317);const G=({title:e,subline:t})=>(0,f.jsxs)(r.Ht,{sx:{alignItems:"center",textAlign:"center",gap:3,mx:"auto",maxWidth:"36rem",mb:[8,10]},children:[(0,f.jsx)(o.x,{sx:{width:"100%"},children:(0,f.jsx)(c.D,{children:e})}),t?(0,f.jsx)(l.x,{sx:{variant:"textStyles.label01regular",color:"textSecondaryDefault"},children:t}):null]});G.displayName="PioneerRankingsSectionHeading";var I=G,A=y.G7.create({displayName:"PioneerRankingsAspiringExpert",translationBundle:"views/pioneerrankings/PioneerRankingsAspiringExpert",propTypes:{pioneerRankings:y.G7.PropTypes.instanceOf(N.Z.PioneerRankingsHal).isRequired},renderAspiring:function(){const e=this.props.pioneerRankings.toArray(),t=[];return e.map((e=>{if("aspirant"!==e.get("rank"))return;const s=e.link("sport_region");t.push((0,f.jsx)("div",{className:"o-grid__item tw-w-full sm:tw-w-1/2 lg:tw-w-1/3 tw-mb-6",children:(0,f.jsx)(T,{className:"c-link c-link--no-decoration c-link--inherit",id:s.get("id"),sport:s.get("sport"),children:(0,f.jsxs)(S.Z,{className:"tw-text-center",children:[(0,f.jsx)(R,{classHeading:"tw-truncate",children:(0,f.jsx)(D.Z,{pioneerRegion:s})}),(0,f.jsxs)("div",{className:"tw-bg-grey-light tw-p-3 tw-text-default",children:[(0,f.jsx)("div",{className:"tw-mb-3",style:{opacity:".33",filter:"blur(3px)"},children:(0,f.jsx)(w.ZP,{rank:"expert",sport:s.get("sport")})}),(0,f.jsx)("div",{className:"tw-mb-3",children:this.translate("motivate")}),(0,f.jsx)(P.Z,{pioneerRegion:s})]})]})})},s.get("id")+s.get("sport")))})),t},render:function(){const e=this.renderAspiring();return e.length>0?(0,f.jsx)("div",{className:"tw-p-3 xs:tw-p-6 md:tw-p-12 lg:tw-p-16",children:(0,f.jsxs)("div",{className:"tw-mx-auto tw-max-w-2xl",children:[(0,f.jsx)(I,{title:this.translate("headline"),subline:this.translate("subline")}),(0,f.jsx)("div",{className:"tw-mx-auto tw-max-w-2xl",children:(0,f.jsx)("div",{className:"o-grid o-grid--center o-grid-small",children:e})})]})},"aspiring_pioneer"):null}}),L=s(10366),O=s(44168),H=s(36094),z=y.G7.create({displayName:"PioneerRankingsAspiringPioneer",translationBundle:"views/pioneerrankings/PioneerRankingsAspiringPioneer",propTypes:{pioneerRankings:y.G7.PropTypes.instanceOf(N.Z.PioneerRankingsHal).isRequired},renderAspiring:function(){const e=this.props.pioneerRankings.toArray(),t=[];return e.forEach((e=>{if(2!==e.get("position")||"expert"!==e.get("rank"))return;const s=e.link("sport_region"),i=s.link("rankings").at(s.link("rankings").indexOf(e)-1),n=i.get("points_total")-e.get("points_total")+1;n>0&&t.push((0,f.jsx)("div",{className:"o-grid__item tw-w-full sm:tw-w-1/2 lg:tw-w-1/3 tw-mb-6",children:(0,f.jsx)(T,{className:"c-link c-link--no-decoration c-link--inherit",id:s.get("id"),sport:s.get("sport"),children:(0,f.jsxs)(S.Z,{children:[(0,f.jsx)(R,{classHeading:"tw-truncate",children:(0,f.jsx)(D.Z,{pioneerRegion:s})}),(0,f.jsxs)("div",{className:"tw-p-3 tw-bg-grey-light tw-text-center",children:[(0,f.jsxs)("div",{className:"tw-mb-3",children:[(0,f.jsx)("div",{className:"tw-mb-1",children:(0,f.jsxs)("div",{className:"o-media o-media--small o-media--center o-media--rev",children:[(0,f.jsx)("div",{className:"o-media__img",children:(0,f.jsx)(H.Z,{href:!1,size:32,user:i.link("user"),className:"tw-align-bottom"})}),(0,f.jsx)("div",{className:"o-media__body",children:(0,f.jsx)(O.Z,{className:"tw-bg-gold tw-rounded-full tw-pl-3 tw-pr-3",left:(0,f.jsx)("span",{className:"tw-text-white-80 tw-text-sm",children:"#"+i.get("position")}),right:(0,f.jsx)("span",{className:"tw-text-white-80 tw-text-sm",children:i.get("points_total")})})})]})}),(0,f.jsx)("div",{className:"tw-pr-6",children:(0,f.jsxs)("div",{className:"o-media o-media--small o-media--center o-media--rev",children:[(0,f.jsx)("div",{className:"o-media__img",children:(0,f.jsx)(H.Z,{user:this.getUser(),size:32,href:!1,className:"tw-align-bottom"})}),(0,f.jsx)("div",{className:"o-media__body",children:(0,f.jsx)(O.Z,{className:"tw-bg-silver tw-rounded-full tw-pl-3 tw-pr-3",left:(0,f.jsx)("span",{className:"tw-text-white-80 tw-text-sm",children:"#"+e.get("position")}),right:(0,f.jsx)("span",{className:"tw-text-white-80 tw-text-sm",children:e.get("points_total")})})})]})})]}),(0,f.jsxs)("div",{className:"tw-text-whisper tw-text-center",children:[(0,f.jsx)(L.e,{as:"p",className:"tw-mb-3",difference:(0,f.jsx)("span",{className:"tw-font-bold",children:n}),children:this.translate("difference")}),(0,f.jsx)(P.Z,{pioneerRegion:s})]})]})]})})},s.get("id")+s.get("sport")))})),t},render:function(){const e=this.renderAspiring();return e.length>0?(0,f.jsxs)("div",{className:"tw-p-3 xs:tw-p-6 md:tw-p-12 lg:tw-p-16",children:[(0,f.jsx)(I,{title:this.translate("headline"),subline:this.translate("subline")}),(0,f.jsx)("div",{className:"tw-mx-auto tw-max-w-2xl",children:(0,f.jsx)("div",{className:"o-grid o-grid--center",children:e})})]},"aspiring_expert"):null}}),E=s(64128),F=y.G7.create({displayName:"PioneerRankingsHighlights",translationBundle:"views/pioneerrankings/PioneerRankingsHighlights",propTypes:{highlights:y.G7.PropTypes.instanceOf(N.Z.HighlightsHal).isRequired},render:function(){return this.props.highlights.length>0?(0,f.jsxs)("div",{children:[(0,f.jsx)(I,{title:this.translate("headline"),subline:this.translate("subline")}),(0,f.jsxs)("div",{className:"tw-mx-auto tw-max-w-2xl",children:[(0,f.jsx)("div",{className:"o-grid o-grid--center",children:this.props.highlights.toArray().slice(0,3).map((e=>(0,f.jsx)("div",{className:"o-grid__item tw-w-full sm:tw-w-1/2 md:tw-w-1/3 tw-mb-6",children:(0,f.jsx)(E.Z,{highlight:e,link:"/highlight/"+e.get("id")})},"highlight_"+e.get("id"))))}),(0,f.jsx)("div",{className:"tw-text-center",children:(0,f.jsx)("a",{className:"c-link c-link--inverted",href:C.dl.localizePath("/u
1ser/"+this.getUser().username+"/highlights",this.kmtx.lang),children:this.translate("view_all")})})]})]}):null}}),B=s(78696),$=s(90112),U=s(3838),W=s(95849),M=s(9217),q=s(99406),V=s(54702),X=s(45730),Q=s(4033);var Y=y.G7.create({displayName:"pioneerrankings/PioneerRankingsMap",translationBundle:"views/pioneerrankings/PioneerRankingsMap",events:{"map view:update":"render",map:"render"},propTypes:{pioneerRankings:y.G7.PropTypes.instanceOf(N.Z.PioneerRankingsHal).isRequired},getInitialState:function(){const e=new i.Z.MapHal({zoom:0,scrollZoom:!0},{store:this.kmtx.store});return e.onceUnlocked((()=>{this.handleFitView()})),{map:e,active:null,sport:"all",regions:[]}},componentDidMount:function(){this.delegateEvents(this.events,this.state),this.getRegions()},componentWillUnmount:function(){this.undelegateEvents(this.events,this.state)},isActiveRegion:function(e){return this.state.active&&this.state.active.region.id===e.id},isPioneerOrExpert:function(e){return/(pioneer|expert)/.test(e.userRank)},getRegions:async function(){const e=[],t=[],s=this.state.map.get("zoom"),i=s<8?this.props.pioneerRankings:this.pioneerRegions&&this.pioneerRegions.length?this.pioneerRegions:this.props.pioneerRankings;i.forEach((s=>{const i=s.linksHas("sport_region")?s.link("sport_region"):s,n=s.linksHas("sport_region")?s:i.link("user_ranking"),r=i.link("rankings"),a=i.link("geometry"),l=e.indexOf(a),o=n&&n.get("rank")||"undiscovered";if("all"!==this.state.sport&&i.get("sport")!==this.state.sport)return;let c;if(-1===l){if(c={id:i.get("id"),name:i.get("name"),latlng:i?.getLatLng?.()||a.getLatLng(),discovered:!1,geometry:a,userRank:o,userRankings:[],otherUsers:[],otherRankings:[]},!c.latlng)return;e.push(a),t.push(c)}else c=t[l];if(/(pioneer|expert)/.test(o)&&(c.discovered=!0,c.userRankings.push(n)),/(pioneer|expert|aspirant)/.test(o)&&("pioneer"===o||"expert"===o&&"pioneer"!==c.userRank?(c.discovered=!0,c.userRank=o):"aspirant"===o&&"pioneer"!==c.userRank&&"expert"!==c.userRank&&(c.userRank=o)),r.length>0){const e=r.at(0),t=e.link("user");"pioneer"!==e.get("rank")||this.isUser(t)||-1!==c.otherUsers.indexOf(t)||(c.discovered=!0,c.otherUsers.push(t),c.otherRankings.push(e))}})),await Promise.all(t.map((async e=>{if((!e.discovered||this.isPioneerOrExpert(e))&&!e.geometry.isLoaded()&&!e.geometry.isSync())try{await e.geometry.fetch()}catch{}}))),this.setState({regions:t})},handleSportSelect:function(e,t){t&&t.preventDefault(),this.setState({active:null,sport:e}),this.getRegions()},handleMapClick:function(e){this.setState({active:null})},handleFitView:function(e){const{pioneerRankings:t}=this.props,{map:s}=this.state,i=[];if(t.forEach((e=>{const t=e.link("sport_region"),s=t.link("geometry");if(/(pioneer|expert)/.test(e.get("rank"))){const e=t?.getLatLng?.()||s.getLatLng();e&&i.push(e)}})),i.length>2)s.set({zoom:s.getBoundsZoom(i),center:null,bounds:q.Z.llb(i)});else if(1===i.length)s.set({zoom:8,center:i[0],bounds:null});else if("object"==typeof window){const t=(0,V.ZP)({ip:this.kmtx.device.get("ip"),forceIp:!0===e,lang:this.kmtx.lang});t.then((e=>{s.set({zoom:8,center:[e.location.lat,e.location.lng],bounds:null})})).catch((e=>({})))}else s.set({zoom:8,bounds:null})},handleLocationSelect:function(e){const{map:t}=this.state;t.set({zoom:Math.max(9,t.get("zoom")),center:e.location,bounds:null})},handleRegionClick:function(e,t){const{active:s}=this.state;if(e?.stopPropagation?.(),s?.region?.id===t.id&&!/(pioneer|expert)/.test(t.userRank))return this.handleClose();this.setState({active:{location:q.Z.ll(e.latlng),region:t}})},handlePioneerClick:async function(e,t,s){e?.stopPropagation?.();try{await t.geometry.fetch()}catch{}this.setState({active:{location:q.Z.ll(t.latlng),region:t,otherRanking:s}})},handleClose:function(){this.setState({active:null})},handleTilesUpdate:function(e){const t=this.props.pioneerRankings.store;if(0===Object.values(e||{}).length)return;const s=[];Object.values(e||{}).forEach((e=>{e.forEach((e=>{const i=t.get(e._links.self);if(i.isLoaded()){const t=i.link("rankings");let s=e._embedded.rankings;s=s&&s._embedded,s=s&&s.items,s=s&&s[0],s&&(0===t.length||t.linksHas("prev"))&&(t.add(s,{at:0}),t.linksUnset("prev")),delete e._embedded.rankings}i.set(e),s.includes(i)||s.push(i)}))})),this.pioneerRegions=s,this.getRegions()},render:function(){const e=this.getUser(),{map:t,active:s,regions:i}=this.state;return(0,f.jsxs)("div",{className:"tw-text-center",children:[(0,f.jsx)("div",{className:"tw-p-6 tw-pt-0",children:(0,f.jsx)("div",{className:"tw-mx-auto tw-max-w-lg",children:(0,f.jsxs)("div",{className:"tw-flex tw-items-center tw-justify-center tw-flex-wrap",children:[(0,f.jsx)("div",{className:"tw-flex tw-items-center tw-justify-center tw-p-3",children:(0,f.jsx)(X.L,{sport:this.state.sport,onSelect:e=>this.handleSportSelect(e),translateSport:e=>(0,$.ZP)("pioneer/sports",this.getLocale())(e)})}),(0,f.jsx)("div",{className:"tw-flex-auto tw-flex tw-items-center tw-justify-center",children:(0,f.jsx)("div",{className:"tw-flex-grow tw-p-3",children:(0,f.jsx)(U.Z,{variant:"input",placeholder:this.translate("search_placeholder"),showResults:!0,showGetByDevicePosition:!0,onSelect:this.handleLocationSelect})})})]})})}),(0,f.jsx)("div",{className:"c-preview-map c-preview-map--regions",children:(0,f.jsx)(o.x,{position:"absolute",top:0,right:0,bottom:0,left:0,children:(0,f.jsxs)(W.D5,{map:t,topRight:(0,f.jsx)(M.Z,{children:(0,f.jsxs)(W.VS,{orientation:"vertical",children:[(0,f.jsx)(W.Mk,{onClick:(e,t)=>this.handleFitView(e,t)}),(0,f.jsx)(W.ci,{})]})}),bottomRight:(0,f.jsx)(M.Z,{children:(0,f.jsx)(W.Fc,{})}),bottomLeft:(0,f.jsx)(M.Z,{children:(0,f.jsx)(W.xr,{})}),onClick:this.handleMapClick,children:[(0,f.jsx)(W.Uf,{layers:["sport_regions"],minZoom:9,forceZoom:!0,onUpdate:this.handleTilesUpdate}),t.getBoundsZoom(t.get("bounds"))&&t.get("zoom")>=8?i.map((e=>!e.geometry.isLoaded()||this.isActiveRegion(e)||!this.isPioneerOrExpert(e)&&e.discovered?null:(0,f.jsx)(W.Ki,{region:e,rank:e.userRank||"undiscovered",onClick:t=>this.handleRegionClick(t,e)},`shape_${e.id}
1`))):null,s?.region?.geometry?.isLoaded?.()?(e=>(0,f.jsx)(W.Ki,{region:e,rank:"expert"===e.userRank?"expert":e.discovered?"pioneer":"undiscovered",onClick:t=>this.handleRegionClick(t,e)},`shape_${e.id}_active`))(s.region):null,i.map((e=>(0,f.jsxs)(n.Fragment,{children:["pioneer"===e.userRank||"expert"===e.userRank?(0,f.jsx)(W.dH,{latlng:e.latlng,rank:e.userRank,onClick:t=>this.handleRegionClick(t,e)},`marker_${e.id}`):null,t.get("zoom")>=8&&e.otherRankings.length>0?(0,f.jsx)(W.Jx,{latlng:e.latlng,offset:{x:0,y:52},setOverlapPoint:!1,children:(0,f.jsx)(o.x,{width:20*e.otherRankings.length+12+"px",height:"32px",children:(0,f.jsx)("div",{className:"c-participants",children:e.otherRankings.map(((t,s)=>(0,f.jsx)(H.Z,{className:`c-participants__item${s>0?" c-participants__item--right":""} tw-align-middle tw-opacity-100`,size:32,href:!1,user:t.link("user"),onClick:s=>this.handlePioneerClick(s,e,t)},`avatar_${e.id}_${t.cid}`)))})})},`marker_${e.id}_avatar`):null]},e.id))),s?(t=>(0,f.jsx)(W.GI,{latlng:s.location,minWidth:240,maxWidth:280,autoPan:!0,autoPanPadding:[25,25],onClose:this.handleClose,children:s.otherRanking?(0,f.jsxs)(n.Fragment,{children:[(0,f.jsxs)("div",{className:"tw-flex tw-flex-row tw-items-center tw-mb-3",children:[(0,f.jsx)(H.Z,{className:"tw-flex-initial",size:24,user:s.otherRanking.link("user")}),(0,f.jsx)("h1",{className:"tw-font-bold tw-text-lg tw-text-text tw-mb-0 tw-pl-1",children:(0,f.jsx)("a",{className:"c-link c-link--inherit c-link--inverted",href:C.dl.localizePath("/user/"+s.otherRanking.link("user").get("username"),this.kmtx.lang),children:s.otherRanking.link("user").get("display_name")})})]}),(0,f.jsx)("p",{className:"tw-mb-3",children:this.translate("user_description",{sport:(0,$.ZP)("pioneer/sports",this.getLocale())(s.otherRanking.link("sport_region").get("sport")),region:s.otherRanking.link("sport_region").get("name")})}),(0,f.jsx)("div",{className:"tw-pb-3 tw-mb-3 tw-border-b tw-border-black-10",children:(0,f.jsx)(Q.Z,{user:s.otherRanking.link("user")})}),(0,f.jsx)(T,{className:"c-link c-link--no-decoration tw-font-bold",id:s.otherRanking.link("sport_region").get("id"),sport:s.otherRanking.link("sport_region").get("sport"),children:this.translate("view_region")})]}):t.userRankings?.length>0?(0,f.jsxs)("div",{className:"tw-text-left",children:[(0,f.jsxs)("div",{className:"tw-flex tw-flex-row tw-items-center tw-mb-3",children:[(0,f.jsx)(H.Z,{className:"tw-flex-initial",size:24,user:e}),(0,f.jsx)("h1",{className:"tw-font-bold tw-text-lg tw-text-text tw-mb-0 tw-pl-1",children:e.displayname})]}),(0,f.jsx)("p",{className:"tw-mb-3",children:this.translate("user_description_yourself",{region:t.name})}),(0,f.jsx)("ul",{className:"tw-ml-0 tw-mb-0",children:t.userRankings.map((e=>(t=>(0,f.jsx)("li",{children:(0,f.jsxs)("div",{className:"o-media o-media--small o-media--center",children:[(0,f.jsx)("div",{className:"o-media__img",children:(0,f.jsx)(w.ZP,{size:56,rank:e.get("rank"),sport:t.get("sport")})}),(0,f.jsx)("div",{className:"o-media__body",children:(0,f.jsxs)("div",{className:"o-media o-media--small o-media--center o-media--rev",children:[(0,f.jsx)("div",{className:"o-media__img tw-text-right",children:e.get("points_total")}),(0,f.jsx)("div",{className:"o-media__body",children:(0,f.jsx)("a",{className:"c-link c-link--inverted",href:C.dl.localizePath("/pioneers/region/"+e.link("sport_region").get("id")+"/"+e.link("sport_region").get("sport"),this.kmtx.lang),children:(0,$.ZP)("pioneer/sports",this.getLocale())(e.link("sport_region").get("sport"))})})]})})]})},"region-"+t.get("id")+"-"+t.get("sport")))(e.link("sport_region"))))})]}):(0,f.jsxs)("div",{className:"tw-text-left",children:[(0,f.jsx)("h1",{className:"tw-font-bold tw-text-lg tw-text-text tw-mb-3",children:t.name}),(0,f.jsx)("p",{className:"tw-mb-3",children:this.translate("empty_text",{region:t.name})}),(0,f.jsx)("a",{className:"c-link c-link--no-decoration tw-font-bold",href:C.dl.localizePath(`/community/contribute?region=${t.id}`,this.kmtx.lang),children:this.translate("empty_cta")})]})}))(s.region):null]})})}),(0,f.jsxs)("div",{className:"o-grid tw-text-sm tw-text-left",children:[(0,f.jsx)("div",{className:"o-grid__item tw-w-full md:tw-w-1/3",children:(0,f.jsx)("div",{className:"tw-p-3",children:(0,f.jsxs)("div",{className:"o-media o-media--small",children:[(0,f.jsx)("div",{className:"o-media__img",children:(0,f.jsx)("img",{src:B.SbO,width:"16",height:"16"})}),(0,f.jsx)("div",{className:"o-media__body",children:this.translate("legend_1")})]})})}),(0,f.jsx)("div",{className:"o-grid__item tw-w-full md:tw-w-1/3",children:(0,f.jsx)("div",{className:"tw-p-3",children:(0,f.jsxs)("div",{className:"o-media o-media--small",children:[(0,f.jsx)("div",{className:"o-media__img",children:(0,f.jsx)("img",{src:B.AzP,width:"16",height:"16"})}),(0,f.jsx)("div",{className:"o-media__body",children:this.translate("legend_2")})]})})}),(0,f.jsx)("div",{className:"o-grid__item tw-w-full md:tw-w-1/3",children:(0,f.jsx)("div",{className:"tw-p-3",children:(0,f.jsxs)("div",{className:"o-media o-media--small",children:[(0,f.jsx)("div",{className:"o-media__img",children:(0,f.jsx)("img",{src:B.nVJ,width:"16",height:"16"})}),(0,f.jsx)("div",{className:"o-media__body",children:this.translate("legend_3")})]})})})]})]})}}),K=s(36625),J=s(48293),ee=y.G7.create({displayName:"PioneerRankingsOnboarding",translationBundle:"views/pioneerrankings/PioneerRankingsOnboarding",mixins:[K.Z.mixin],getInitialState:function(){return{onboardingType:"pioneer_ranking"}},render:function(){return this.isLoggedIn()?(0,f.jsx)(K.Z,{onboardingType:this.state.onboardingType,children:(0,f.jsx)(r.kC,{children:(0,f.jsx)(J.Z,{title:this.translate("title"),text:this.translate("text"),button:this.translate("cta"),onClick:this.onboardingOnClickDismiss})})}):null}}),te=s(77264),se=y.G7.create({displayName:"PioneerRankingsPhotos",translationBundle:"views/pioneerrankings/PioneerRankingsPhotos",propTypes:{images:y.G7.PropTypes.instanceOf(N.Z.Photos
1Hal).isRequired},render:function(){return this.props.images.length>0?(0,f.jsxs)("div",{children:[(0,f.jsx)(I,{title:this.translate("headline"),subline:this.translate("subline")}),(0,f.jsx)("div",{className:"tw-mx-auto tw-max-w-2xl",children:(0,f.jsx)("div",{className:"o-grid o-grid--center",children:this.props.images.toArray().slice(0,3).map(((e,t)=>(0,f.jsx)("div",{className:"o-grid__item tw-w-full sm:tw-w-1/2 md:tw-w-1/3 tw-mb-6",children:(0,f.jsx)(te.Z,{highlight:e.link("highlight"),ratio:.6,upvotes:e.get("rating").up,src:e.get("src"),user:e.get("creator")})},"image_"+t)))})})]}):null}}),ie=s(15104),ne=y.G7.create({displayName:"PioneerRankingsTips",translationBundle:"views/pioneerrankings/PioneerRankingsTips",propTypes:{tips:y.G7.PropTypes.instanceOf(N.Z.TipsHal).isRequired},render:function(){return this.props.tips.length>0?(0,f.jsxs)("div",{children:[(0,f.jsx)(I,{title:this.translate("headline"),subline:this.translate("subline")}),(0,f.jsx)("div",{className:"o-grid o-grid--center",children:this.props.tips.toArray().slice(0,3).map(((e,t)=>(0,f.jsx)("div",{className:"o-grid__item tw-w-full sm:tw-w-1/2 md:tw-w-1/3 tw-mb-6",children:(0,f.jsx)(ie.Z,{tip:e})},"tip_"+t)))})]}):null}}),re=s(37425),ae=s(41800),le=y.G7.create({displayName:"PioneerRankingsTop",translationBundle:"views/pioneerrankings/PioneerRankingsTop",propTypes:{pioneerRankings:y.G7.PropTypes.instanceOf(N.Z.PioneerRankingsHal).isRequired},getInitialState:function(){return{showAll:!1}},handleShowAll:function(){this.setState({showAll:!0})},renderRankings:function(){let e=this.props.pioneerRankings.toArray();const t=[];return this.state.showAll||(e=e.slice(0,3)),e.forEach((e=>{if("aspirant"===e.get("rank"))return;const s=e.link("sport_region");let i=s.link("rankings").toArray();const n=e.get("position");let r=i.indexOf(e);n===i.length?r-=2:n>1&&(r-=1),i=i.slice(r,r+3),t.push((0,f.jsx)("div",{className:"o-grid__item tw-w-full sm:tw-w-1/2 lg:tw-w-1/3 tw-mb-6",children:(0,f.jsx)("a",{className:"c-link c-link--no-decoration c-link--inherit",href:C.dl.localizePath("/pioneers/region/"+s.get("id")+"/"+s.get("sport"),this.kmtx.lang),children:(0,f.jsxs)(S.Z,{children:[(0,f.jsx)(R,{classHeading:"tw-truncate",children:(0,f.jsx)(D.Z,{pioneerRegion:s})}),(0,f.jsx)("ul",{className:"o-list-ui o-list-ui--separator tw-border-t tw-border-black-10",children:i.map((e=>{const t=e.link("user"),s=t.get("username")===this.getUser().username;return"aspirant"!==e.get("rank")?(0,f.jsxs)(h.eS,{as:"li",space:"sm",alignY:"center",alignX:"space-between",bg:s?"#F0F0F0":"",sx:{width:"100%","&&":{"h1,h2,h3,h4,h5,h6,p":{marginBottom:0}}},children:[(0,f.jsx)(l.x,{children:e.get("position")}),(0,f.jsx)(ae.Z,{username:t.get("username"),children:(0,f.jsxs)(h.eS,{as:"a",href:C.dl.localizePath(`/user/${t.get("username")}`,this.kmtx.lang),space:"sm",alignX:"space-between",alignY:"center",overflow:"hidden",sx:{width:"100%"},children:[(0,f.jsx)(H.Z,{user:t,size:48,showTooltip:!1,href:!1}),(0,f.jsxs)(h.eS,{space:"sm",alignX:"left",alignY:"center",overflow:"hidden",sx:{width:"100%"},children:[(0,f.jsx)(l.x,{overflow:"hidden",sx:{whiteSpace:"nowrap",textOverflow:"ellipsis"},children:t.get("display_name")}),s?(0,f.jsx)(re.Z,{className:"tw-ml-1"}):null]})]})}),(0,f.jsx)(l.x,{children:e.get("points_total")})]},t.get("username")):null}))})]})})},s.get("id")+s.get("sport")))})),t},render:function(){const e=this.renderRankings();return e.length>0?(0,f.jsxs)("div",{children:[(0,f.jsx)(I,{title:this.translate("headline"),subline:this.translate("subline")}),(0,f.jsxs)("div",{className:"tw-mx-auto tw-max-w-2xl",children:[(0,f.jsx)("div",{className:"o-grid o-grid--center",children:e}),this.state.showAll?null:(0,f.jsx)("div",{className:"tw-text-center",children:(0,f.jsx)("button",{type:"button",className:"c-link c-link--inverted",onClick:this.handleShowAll,children:this.translate("view_all")})})]})]}):null}}),oe=s(89281);const ce="672px",de=({user:e})=>{const{useTranslate:t}=(0,g.A)(),s=t(["global","views/PioneerRankings"]),[i,u]=(0,n.use
1State)(!1),[m,w]=(0,n.useState)(-1),j=e.link("pioneer_rankings");return(0,f.jsx)(x.Z,{activeTab:"regions",footer:(0,f.jsx)(oe.Z,{}),children:(0,f.jsxs)(r.Ht,{sx:{alignItems:"center",textAlign:"center",gap:[8,10],px:[4,4,6],py:[6,8,12]},children:[(0,f.jsx)(a.Ee,{src:"/images/pioneer/pioneer-signet.png",alt:"komoot Pioneers",sizes:["200px"],loading:"eager",sx:{width:"200px",height:"auto",flex:"none"}}),(0,f.jsx)(ee,{user:e}),(0,f.jsxs)(r.Ht,{sx:{maxWidth:ce,gap:3},children:[(0,f.jsx)(l.x,{as:"h1",sx:{variant:"textStyles.heading01medium",color:"textPrimaryDefault"},children:s("headline")}),(0,f.jsx)(l.x,{sx:{variant:"textStyles.label01regular",color:"textSecondaryDefault"},children:s("subline")})]}),(0,f.jsx)(o.x,{sx:{width:"100%"},children:(0,f.jsx)(Y,{pioneerRankings:j})}),j.length>0&&(0,f.jsxs)(n.Fragment,{children:[(0,f.jsxs)(r.Ht,{sx:{width:"100%",maxWidth:ce,alignItems:"center",gap:3},children:[(0,f.jsx)(c.D,{children:s("your_expertise")}),(0,f.jsx)(l.x,{sx:{variant:"textStyles.label01regular",color:"textPrimaryDefault"},children:s("your_expertise_text")})]},"expertise"),(0,f.jsx)(o.x,{sx:{width:"100%"},children:(0,f.jsx)(b,{pioneerRankings:j})},"achievements"),i||-1!==m?i?(0,f.jsxs)(h.gj,{alignX:"center",space:"sm",children:[(0,f.jsx)(p.T,{}),(0,f.jsxs)(l.x,{sx:{variant:"textStyles.label03regular",color:"textSecondaryDefault"},children:[Math.floor(100*m/j.length),"â%"]})]}):(0,f.jsxs)(n.Fragment,{children:[(0,f.jsx)(o.x,{sx:{width:"100%"},children:(0,f.jsx)(le,{pioneerRankings:j})},"top"),(0,f.jsx)(o.x,{sx:{width:"100%"},children:(0,f.jsx)(z,{pioneerRankings:j})}),(0,f.jsx)(o.x,{sx:{width:"100%"},children:(0,f.jsx)(A,{pioneerRankings:j})})]}):(0,f.jsx)(d.c,{variant:"primary",onClick:()=>{(async()=>{u(!0),w(0);const t=e.link("pioneer_rankings");for(let e=0;e<t.length;e++){const s=t.at(e),i=s.link("user"),n=s.link("sport_region"),r=n.link("rankings");if(i.isLoaded()||i.isSync()||await i.fetch(),!r.isLoaded()&&!r.isSync()){await r.fetch({query:{rank:"pioneer,expert",page:Math.ceil(s.get("position")/12)-1,limit:12}});const t=r.indexOf(s);t<=1&&await r.fetchPrev(),t===r.length-1&&await r.fetchNext(),(e+1)%10==0&&w(e+1)}}u(!1)})()},label:s("more_info")}),(0,f.jsx)(o.x,{sx:{width:"100%",maxWidth:ce},children:(0,f.jsx)(F,{highlights:e.link("pioneer_top_highlights")})},"highlight"),(0,f.jsx)(o.x,{sx:{width:"100%",maxWidth:ce},children:(0,f.jsx)(se,{images:e.link("pioneer_top_images")})},"images"),(0,f.jsx)(o.x,{sx:{width:"100%",maxWidth:ce},children:(0,f.jsx)(ne,{tips:e.link("pioneer_top_tips")})},"tips")]})]})})};de.displayName="PioneerRankings";var he=de;function pe(e,t){const s=e.props.kmtx.store;e.props.user=new i.Z.UserProfileEmbeddedHal(e.props.user,{store:s}),e.react.setPage(he,e.props),t()}},3838:function(e,t,s){s.d(t,{Z:function(){return j}});s(55608),s(82540);var i=s(47729),n=s(41303),r=s(63613),a=s(3865),l=s(48799),o=s(34768),c=s(85526),d=s(39147),h=s(99406),p=s(35779),g=s(54702),x=s(54381),u=n.G7.create({displayName:"LocationArrow",propTypes:{onStart:n.G7.PropTypes.func,onSuccess:n.G7.PropTypes.func,onError:n.G7.PropTypes.func},handleLocationSuccess:function(e){this.ref.link?.classList.remove("locating"),this.props.onSuccess&&this.props.onSuccess(e)},handleLocationError:function(e){this.ref.link?.classList.remove("locating"),this.props.onError&&this.props.onError(e)},handleClick:function(e){e&&e.preventDefault();const t=(0,g.ZP)({ip:this.getGlobals("remoteAddress"),lang:this.kmtx.lang});this.ref.link?.classList.add("locating"),this.props.onStart&&this.props.onStart(t),Promise.resolve(t).then(this.handleLocationSuccess).catch(this.handleLocationError)},render:function(){return(0,x.jsx)("button",{ref:this.ref.link,className:this.props.className||"c-link c-link--text-secondary",tabIndex:"-1",onClick:this.handleClick,children:(0,x.jsx)(p.Z,{icon:"waypoint-location"})})}}),m=s(12003),w=s(59882);const f={resultContainer:{position:"absolute",left:0,right:0,top:"calc(100% + 10px)",zIndex:c.Z.zIndices[8]}};var j=n.G7.create({displayName:"Kmt.GeoSearch",translationBundle:"views/GeoSearch",propTypes:{className:n.G7.PropTypes.string,value:n.G7.PropTypes.string,placeholder:n.G7.PropTypes.string.isRequired,minlength:n.G7.PropTypes.number.isRequired,searchCenter:n.G7.PropTypes.object,searchBounds:n.G7.PropTypes.array,showResults:n.G7.PropTypes.bool,showGetByDevicePosition:n.G7.PropTypes.bool,onResults:n.G7.PropTypes.func,onSelect:n.G7.PropTypes.func.isRequired},getDefaultProps:function(){return{variant:"default",minlength:2,showResults:!0,showGetByDevicePosition:!0}},getInitialState:function(){return{searchQuery:"",searchResults:[],searchShow:!1,dirty:!1}},UNSAFE_componentWillMount:function(){this.debounceOnResults=this.props.onResults?(0,r.Ds)(this.props.onResults,500):()=>{}},inputFocus:function(){this.refs.input&&this.refs.input.focus()},inputSelect:function(){this.refs.input&&this.refs.input.select()},selectResult:function(e){const t=this.state.searchResults[e];t&&(d.default.blurActiveElement(),this.updateSearch({searchQuery:"",searchShow:!1,searchResults:[]}),this.props.onSelect?.(t))},sSearch:function(e){this._searchQuery!==e&&(this._abortController&&this._abortController.abort(),h.Z.isDmsCoordinate(e)&&(e=h.Z.convertDmsToDdCoordinates(e)),this.props.onSearch&&this.props.onSearch(e),e.length<this.props.minlength||(clearTimeout(this._searchDebounce),this._searchQuery=e,this._searchDebounce=setTimeout((()=>{let t=0,s=0;if(this.props.searchBounds)try{const e=h.Z.llb(this.props.searchBounds);t=(e[0].lat+e[1].lat)/2,s=(e[0].lng+e[1].lng)/2}catch(e){}else if(this.props.searchCenter)try{const e=h.Z.ll(this.props.searchCenter);t=e.lat,s=e.lng}catch(e){}this._abortController=new AbortController,i.Ue.get(`/discover?lat=${t}&lng=${s}&sport=all&query=${encodeURIComponent(e)}&entities=places&lang=${this.kmtx.lang}`,{signal:this._abortController.signal,timeout:12e3}).then((e=>{this._abortController=null;const t=e.data._embedded?.items||[];this.updateSearch({searchResults:t.map((e=>({id:e.poi_id||`${e.name}-${e.point.x}-${e.point.y}`,name:e.name||"",category:e.category,type:e.poi_id?"poi":"point",location:{lat:e.point.y,lng:e.point.x},address_entry:e.address_entry,extent:e.extent})))})})).catch((e=>{this._abortController=null,"ERR_CANCELED"!==e.code&&"CanceledError"!==e.name&&this.updateSearch({searchResults:[]})}))}),200)))},updateSearch:function(e){this.isMounted()&&this.setState(e,(()=>{"searchResults"in e&&this.debounceOnResults(e.searchResults)}))},handleSearchFocus:function(){this.updateSearch({searchShow:!0})},handleSearchChange:function(e){this.updateSearch({searchQuery:e.target.value,dirty:!0}),this.sSearch(e.target.value.trim())},handleSearchBlur:(0,r.Ds)((function(){this.updateSearch({searchShow:!1})}),500),handleSearchSubmit:function(e){e&&e.preventDefault(),this.state.searchResults.length>0&&this.handleSearchResultSelect(0)},handleSearchResultSelect:function(e){this.selectResult(e),this.updateSearch({dirty:!1})},handleSelectCurrent:function(e){this.props.onSelect(e)},render:function(){return this.props.ref&&(this.props.ref.current=this),(0,x.jsxs)(a.x,{position:"relative",className:"tw-text-left "+(this.props.className||""),children:[(0,x.jsx)(l.o,{variant:this.props.variant,"data-test-id":this.props["data-test-id"],id:this.props.id,ref:this.ref.input,className:"mousetrap-arrow mousetrap-enter",value:this.state.searchShow||this.state.dirty?this.state.searchQuery:this.props.value,placeholder:this.props.placeholder,autoComplete:"off",tabIndex:this.props.tabIndex||null,inlineAction:this.props.showGetByDevicePosition?(0,x.jsx)(u,{className:"c-link c-link--text-secondary c-link--no-decoration",onSuccess:this.handleSelectCurrent}):null,onFocus:this.handleSearchFocus,onChange:this.handleSearchChange,onBlur:this.handleSearchBlur,onSubmit:this.handleSearchSubmit}),this.props.showResults&&this.state.searchShow?(0,x.jsx)(o.Z,{elevation:2,sx:f.resultContainer,width:"100%",children:(0,x.jsx)(w.Z,{className:"o-list-ui--small",onSelect:this.handleSearchResultSelect,children:this.state.searchResults.map((e=>(0,x.jsx)(m.Z,{resultItem:e},`result_${e.id}`)))})}):null]})}})},44168:function(e,t,s){var i=s(20356),n=s.n(i),r=s(41303),a=s(54381);t.Z=r.G7.create({displayName:"Split",propTypes:{className:r.G7.PropTypes.string,leftClassName:r.G7.PropTypes.string,align:r.G7.PropTypes.oneOf(["center","top","bottom"]),wrap:r.G7.PropTypes.bool,left:r.G7.PropTypes.oneOfType([r.G7.PropTypes.arrayOf(r.G7.PropTypes.element),r.G7.PropTypes.string,r.G7.PropTypes.element]),rightClassName:r.G7.PropTypes.string,right:r.G7.PropTypes.oneOfType([r.G7.PropTypes.arrayOf(r.G7.PropTypes.element),r.G7.PropTypes.string,r.G7.PropTypes.element])},getDefaultProps:function(){return{align:"center",wrap:!1}},render:function(){const e=n()("tw-flex tw-justify-between","bottom"===this.props.align?"tw-items-bottom":"top"===this.props.align?"tw-items-top":"tw-items-center",this.props.wrap?"tw-flex-wrap":null,this.props.className);return(0,a.jsxs)("div",{className:e,children:[this.props.left?(0,a.jsx)("div",{className:"tw-flex-none",children:this.props.left}):null,this.props.right?(0,a.jsx)("div",{className:"tw-flex-auto tw-ml-3 tw-text-right",children:this.props.right}):null]})}})},12003:function(e,t,s){var i=s(73749),n=s(78562),r=s(28718),a=s(94539),l=s(87073),o=s(63114),c=s(86861),d=s(3865),h=s(
154381);const p=e=>{const t=e.resultItem,s=t.name,a=t.category,p=t.address_entry,g=(0,r.qM)("common/categories"),x=n.mv[`IconC${a}`];return(0,h.jsxs)(l.o,{alignY:"center","data-test-id":"location_search_results_item",p:["xs","sm","sm"],children:[(0,h.jsx)(o.s,{width:"content",children:(0,h.jsx)(c.C,{bg:"muted",color:"whisper",children:x&&(0,i.createElement)(x)})}),(0,h.jsxs)(o.s,{children:[(0,h.jsx)(d.x,{"data-test-id":"location_search_results_item_title",sx:{overflowWrap:"break-word"},children:s}),p&&(0,h.jsxs)(d.x,{as:"span",className:"tw-text-whisper tw-text-sm",children:[g("c"+a),p&&p.zipcode?(0,h.jsxs)(d.x,{as:"span",children:[", ",p.zipcode]}):null,p&&p.city&&p.city!==s?(0,h.jsxs)(d.x,{as:"span",sx:{overflowWrap:"break-word"},children:[", ",p.city]}):null,p&&p.state&&p.state!==s&&p.city!==p.state?(0,h.jsxs)(d.x,{as:"span",sx:{overflowWrap:"break-word"},children:[", ",p.state]}):null,p&&p.country&&p.country!==s?(0,h.jsxs)(d.x,{as:"span",children:[", ",p.country]}):null]})]})]})};p.propTypes={resultItem:a.object.isRequired},t.Z=p},59882:function(e,t,s){s(55608),s(82540),s(47721);var i=s(73749),n=s(1188),r=s(41303),a=s(63613),l=s(54381);let o=0;const c=r.G7.create({displayName:"discover/SearchResultList",getInitialState:function(){return o+=1,{selectedIndex:-1,keyHash:"result-"+o}},componentDidMount:function(){n.Z.bind("up",this.handleUp),n.Z.bind("down",this.handleDown),n.Z.bind("enter",this.handleEnter)},UNSAFE_componentWillReceiveProps:function(e){const t=i.Children.toArray(this.props.children),s=i.Children.toArray(e.children);let n,r=!1;if(t.length===s.length){for(n=0;n<t.length;n++)if(!(0,a.Xy)(t[n]?.props,s[n]?.props)){r=!0;break}}else r=!0;r&&(o+=1,this.setState({selectedIndex:-1,keyHash:"result-"+o}))},componentWillUnmount:function(){n.Z.unbind("enter",this.handleEnter),n.Z.unbind("down",this.handleDown),n.Z.unbind("up",this.handleUp)},handleUp:function(e){e&&e.preventDefault();let t=this.state.selectedIndex-1;t<=-2&&(t=i.Children.count(this.props.children)-1),this.setState({selectedIndex:t})},handleDown:function(e){e&&e.preventDefault();let t=this.state.selectedIndex+1;t===i.Children.count(this.props.children)&&(t=-1),this.setState({selectedIndex:t})},handleEnter:function(e){this.state.selectedIndex>=0&&(e&&e.preventDefault(),this.props.onSelect&&this.props.onSelect(this.state.selectedIndex))},handleClick:function(e){this.state.selectedIndex>=0&&(e&&e.preventDefault(),this.props.onSelect&&this.props.onSelect(this.state.selectedIndex))},handleMoueOver:function(e){this.setState({selectedIndex:e})},render:function(){return 0===i.Children.count(this.props.children)?null:(0,l.jsx)("ul",{className:"o-list-ui "+this.props.className||"",children:i.Children.map(this.props.children,((e,t)=>(0,l.jsx)("li",{className:t===this.state.selectedIndex?"tw-cursor-pointer tw-bg-black-5":null,onMouseOver:this.handleMoueOver.bind(this,t),onFocus:this.handleMoueOver.bind(this,t),children:(0,l.jsx)("div",{role:"button",tabIndex:0,onClick:this.handleClick,onKeyDown:e=>{" "!==e.key&&"Enter"!==e.key||this.handleClick(e)},children:e})},this.state.keyHash+"-"+t)))})}});t.Z=c},45730:function(e,t,s){s.d(t,{L:function(){return x}});s(55608),s(82540);var i=s(73749),n=s(78562),r=s(20672),a=s(98799),l=s(3865),o=s(89383),c=s(14270),d=s(15821),h=s(
154381);const p=["all","hike","touringbicycle","mtb","racebike","jogging"],g=e=>"all"===e?void 0:n.mZ[e],x=({sport:e,onSelect:t,translateSport:s,sports:n=p})=>{const[x,u]=(0,i.useState)(!1),m="all"!==e;return(0,h.jsx)(d.L,{openOnHover:!1,isOpen:x,setIsOpen:u,contentPadding:0,align:"start",useBottomSheetOnMobile:!0,bottomSheetAutoFit:!0,trigger:t=>(0,h.jsx)(r.L,{size:"small",showBoxShadow:!1,leftIcon:g(e),rightIcon:c.IconChevronDown,bottomLabel:s(e),labelVariant:m?"accent":"default",iconVariant:m?"accent":"default",onClick:t}),children:(0,h.jsx)(a.Ht,{sx:{p:2,minWidth:"220px"},children:n.map((i=>{const n=g(i),r=i===e;return(0,h.jsxs)(a.gq,{as:"button",onClick:()=>{t(i),u(!1)},sx:{width:"100%",alignItems:"center",gap:2,px:3,py:"2-5",border:"none",borderRadius:"s-m",cursor:"pointer",textAlign:"left",bg:r?"surfaceFillSecondaryDefault":"transparent","&:hover":{bg:"surfaceFillSecondaryDefault"}},children:[(0,h.jsx)(l.x,{sx:{flex:"none",color:r?"iconAccentDefault":"iconSecondaryDefault"},children:n?(0,h.jsx)(n,{size:5}):null}),(0,h.jsx)(o.x,{sx:{variant:"textStyles.label02medium",color:r?"textOrangeDefault":"textPrimaryDefault"},children:s(i)})]},i)}))})})}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.