https://www.werkstatt-verlag.de/_next/static/chunks/TourPCSTeamsOverview.f405c8c1c2053b33.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[29320],{89175:(e,t,s)=>{s.r(t),s.d(t,{OverviewTitle:()=>O,TeamOverviewWithContext:()=>y,TeamsFilterButtons:()=>$,TeamsList:()=>k,TeamsOverview:()=>E,TeamsSkeleton:()=>I});var a=s(6029),l=s(13301),i=s(683),r=s(5700),n=s(91694),d=s(95669),c=s.n(d),m=s(81278),o=s(55729),x=s(49037),u=s.n(x),h=s(42691),f=s(43340);s(17555),s(44888);let p={filters:{activeGender:"male",activeType:"WorldTeams"}},j=(0,o.createContext)(p),g=({children:e})=>{let[t,s]=(0,o.useReducer)(v,p);return(0,a.jsx)(j.Provider,{value:[t,s],children:e})},v=(e,t)=>"SET_FILTER"===t.type?{...e,filters:{...e.filters,...t.payload}}:e;var T=s(33364),N=s(90052),_=s(90687),b=s(19844),S=s(86049),w=s(89895),C=s(36790),P=s(95139);let E=()=>(0,a.jsx)(g,{children:(0,a.jsx)("div",{className:"flex flex-col gap-4 px-4",children:(0,a.jsx)(y,{})})}),y=()=>{let e=(0,r.c)("common"),t=(0,n.Ym)(),s=(0,P.getPcsSegments)(t),[l]=(0,o.useContext)(j),{activeGender:i}=l.filters;return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("div",{className:"my-2 md:mb-4",children:"male"===i?(0,a.jsx)(w.Breadcrumb,{}):(0,a.jsx)(w.Breadcrumb,{currentPage:e("PCS_WOMEN"),breadcrumb:[{title:e("PCS_PRO_CYCLING"),slug:s.base},{title:e("PCS_TEAMS"),slug:`${s.base}/teams`}]})}),(0,a.jsx)(O,{}),(0,a.jsx)(A,{})]})},O=()=>{let[e]=(0,o.useContext)(j),t=(0,r.c)("common"),{activeGender:s,activeType:l}=e.filters,i=`${t("PCS_RADSPORT_UCI")} ${t("WorldTeams"===l?"PCS_WORLD_TEAMS":"ProTeams"===l?"PCS_PRO_TEAMS":"PCS_CONTINENTAL_TEAMS")} - ${t("female"===s?"PCS_WOMEN":"PCS_MEN")}`;return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(c(),{children:(0,a.jsxs)("title",{children:[i," ",t("META_TITLE_ADDITION")]})}),(0,a.jsx)("div",{className:"mt-6",children:(0,a.jsx)(N.A,{headlineText:i,headlineHeading:"h1",className:"mt-4 text-lg md:mt-0 md:px-0 md:text-xl"})})]})},A=()=>{let e=(0,m.useRouter)(),[,t]=(0,o.useContext)(j);return(0,o.useEffect)(()=>{if(!e)return;let s=e?.asPath?.split("/").filter(Boolean);t({type:"SET_FILTER",payload:{activeGender:"frauen"===s[s.length-1]?"female":"male"}})},[e,t]),(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)($,{}),(0,a.jsx)(k,{})]})},k=()=>{let e=(0,r.c)("common"),t=(0,n.Ym)(),s=(0,P.getPcsSegments)(t),[d]=(0,o.useContext)(j),{activeGender:c,activeType:m}=d.filters,x=(0,o.useRef)(),[h,f]=(0,o.useState)(0);(0,o.useEffect)(()=>{f(0)},[m]);let{data:p,isFetching:g}=(0,l.I)(["tourpcs/teamsoverview",c,m],async()=>{let e=`/api/loader/?${new URLSearchParams({portal:(0,i.getActive)()?.id,block:"TourPCS/TeamsOverview",variables:JSON.stringify({activeGender:c,activeType:m})})}`,t=await fetch(e);if(!t.ok)throw Error("Failed to fetch teams data");return t.json()},{keepPreviousData:!0});if(g)return(0,a.jsx)(I,{});if(!p||0===p.entries.length)return(0,a.jsx)("p",{children:"No teams available"});let v=16*h,T=p.entries.slice(v,v+16),w=p.entries.length,E=[];p.idsAndImages&&(E=p.idsAndImages.tourTeamCollection.items);let y=e=>{let t=u()(e.team_title);return"female"===c?`${s.base}/teams/${s.women}/${t}-${e.team_id}`:`${s.base}/teams/${t}-${e.team_id}`};return"WorldTeams"!==m?(0,a.jsxs)("div",{children:[(0,a.jsx)("div",{className:"text-bases bg-skin-primary-ultradark px-4 py-2 text-left font-bold text-white",children:e("PCS_TEAM_NAME")}),(0,a.jsx)("div",{className:"grid grid-cols-1 gap-2 md:grid-cols-2",children:p.entries.map(e=>(0,a.jsx)("div",{className:"border-skin-primary-ultralight text-skin-primary-ultradark hover:bg-skin-primary-ultralight/50 border-b p-2 text-base font-medium transition-colors",children:(0,a.jsx)(b.default,{href:y(e),className:"block text-base hover:underline",children:e.team_title})},e._id))})]}):(0,a.jsxs)("div",{children:[(0,a.jsx)("div",{ref:x}),(0,a.jsx)("div",{className:"grid grid-cols-2 gap-4 md:grid-cols-4",children:T.map((e,t)=>{let s=E.find(t=>t.teamId===String(e.team_id)),l=s?.image?.[0];return(0,a.jsxs)(o.Fragment,{children:[(0,a.jsxs)(b.default,{href:y(e),className:"col-span-1 flex flex-col gap-2",children:[(0,a.jsx)("div",{className:"relative",children:(0,a.jsx)(_._V,{cloudinary:l,alt:e.team_title,crop:"fill_pad",height:192,width:255,className:"h-auto w-full"})}),(0,a.jsx)("div",{className:"flex flex-col text-center",children:(0,a.jsx)(N.A,{headlineHeading:"h3",headlineSize:"sm",className:"px-4 md:px-0",children:e.team_title})})]}),7===t&&(0,a.jsx)("div",{className:"col-span-2 block md:hidden",children:(0,a.jsx)(S.Ad,{ad:"banner",mobileOnly:!0})})]},e._id)})}),w>16&&(0,a.jsx)("div",{className:"mt-8",children:(0,a.jsx)(C.Pagination,{limit:16,active:h,total:w,setPage:e=>{f(e),x.current&&x.current.scrollIntoView({behavior:"smooth"})}})})]})},$=()=>{let e=(0,r.c)("common"),t=(0,n.Ym)(),s=(0,P.getPcsSegments)(t),[l,i]=(0,o.useContext)(j),{activeGender:d,activeType:c}=l.filters;return(0,a.jsx)("div",{className:"flex flex-col gap-10",children:(0,a.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,a.jsxs)("div",{className:"flex flex-wrap gap-4",children:[(0,a.jsx)(T.$,{buttonSize:"sm",link:`${s.base}/teams/`,buttonOutline:"male"!==d,fullWidth:!1,className:"justify-center whitespace-nowrap text-center",children:e("PCS_MEN")}),(0,a.jsx)(T.$,{buttonSize:"sm",buttonOutline:"female"!==d,link:`${s.base}/teams/${s.women}`,fullWidth:!1,className:"justify-center whitespace-nowrap text-center",children:e("PCS_WOMEN")})]}),(0,a.jsx)("div",{className:"flex flex-wrap gap-4",children:(0,a.jsxs)(h.R,{slidesPerView:"auto",breakpoints:{768:{spaceBetween:16,slidesOffsetBefore:0,slidesOffsetAfter:0},1024:{spaceBetween:16,slidesOffsetBefore:0,slidesOffsetAfter:0}},allowTouchMove:!0,autoHeight:!1,observer:!0,spaceBetween:16,slidesOffsetBefore:16,slidesOffsetAfter:16,className:"!-mx-4 mb-4 md:!-mx-0 [&_.swiper-slide]:w-auto",children:[(0,a.jsx)(f.q,{children:(0,a.jsx)(T.$,{buttonSize:"sm",buttonOutline:"WorldTeam

1s"!==c,fullWidth:!1,onClick:()=>i({type:"SET_FILTER",payload:{activeType:"WorldTeams"}}),className:"justify-center whitespace-nowrap text-center",children:e("PCS_WORLD_TEAMS")})}),(0,a.jsx)(f.q,{children:(0,a.jsx)(T.$,{buttonSize:"sm",buttonOutline:"ProTeams"!==c,fullWidth:!1,onClick:()=>i({type:"SET_FILTER",payload:{activeType:"ProTeams"}}),className:"justify-center whitespace-nowrap text-center",children:e("PCS_PRO_TEAMS")})}),(0,a.jsx)(f.q,{children:(0,a.jsx)(T.$,{buttonSize:"sm",buttonOutline:"ContinentalTeams"!==c,fullWidth:!1,onClick:()=>i({type:"SET_FILTER",payload:{activeType:"ContinentalTeams"}}),className:"justify-center whitespace-nowrap text-center",children:e("PCS_CONTINENTAL_TEAMS")})})]})})]})})},I=()=>(0,a.jsx)("div",{className:"grid grid-cols-1 gap-4 sm:grid-cols-2 md:grid-cols-4",children:[...Array(16)].map((e,t)=>(0,a.jsxs)("div",{className:"flex animate-pulse flex-col gap-2",children:[(0,a.jsx)("div",{className:"relative h-48 rounded-md bg-gray-300"}),(0,a.jsx)("div",{className:"mx-auto h-6 w-3/4 rounded-md bg-gray-300"})]},t))})}}]);