https://www.fifa.com/static/js/8807.2e43ef14.chunk.js

1"use strict";(globalThis.webpackChunkfifaplus||=[]).push([[8807],{12209(e,t,i){i.r(t),i.d(t,{default:()=>N});var l=i(9950),s=i(26890),o=i(45365),n=i(48383),a=i.n(n);const d="confederation-filter_carousel__OtX1W",c="confederation-filter_carouselItemWrapper__i63HS",r="confederation-filter_carouselItem__q2LqA",u="confederation-filter_selected__OWJEu",m="confederation-filter_logo__uSmv1";var v=i(44414);const f=({title:e,logo:t,onClick:i,isSelected:l})=>(0,v.jsx)("div",{className:c,children:(0,v.jsxs)("div",{className:a()(r,l&&u),onClick:i,children:[t&&(0,v.jsx)("img",{src:t,className:m,alt:""}),(0,v.jsx)("div",{children:e})]})}),_=({uniqueConfederations:e,selected:t,onSelect:i,onReset:l})=>{var o;const n=(0,s.b)("matchCentreLabels");return(null===e||void 0===e?void 0:e.length)<=1?null:(0,v.jsxs)("div",{className:d,children:[(0,v.jsx)(f,{title:null!==(o=n.allLabel)&&void 0!==o?o:"All",onClick:l,isSelected:0===t.length}),e.map((e,l)=>(0,v.jsx)(f,{title:e.id,logo:e.logo,onClick:()=>i(e),isSelected:t===e.id},l))]})};var h=i(72773),x=i(24788);const S="teams-grid_teamsGrid__nXQtb",g="teams-grid_title__EogQP",j="teams-grid_grid__SddEf",p=({title:e,teams:t,tournamentState:i,selectedConfederation:l})=>{const s=l?t.filter(e=>(null===e||void 0===e?void 0:e.confederationId)===l):t;return s.length?(0,v.jsxs)("div",{className:S,children:[(0,v.jsx)(h.D,{className:g,size:h.l.H3,text:null!==e&&void 0!==e?e:""}),(0,v.jsx)("div",{className:j,children:s.map(e=>(0,v.jsx)(x.K,{team:e,tournamentState:i},null===e||void 0===e?void 0:e.teamId))})]}):(0,v.jsx)(v.Fragment,{})},C="teams-module-expanded-view_teamsExpandedView__4QFqA",b="teams-module-expanded-view_grids__oRsx8",L=(e,t)=>(null===e||void 0===e?void 0:e.id)>(null===t||void 0===t?void 0:t.id)?1:(null===e||void 0===e?void 0:e.id)<(null===t||void 0===t?void 0:t.id)?-1:0,N=({teams:e,tournamentState:t,hostTeams:i,nonHostTeams:n})=>{const a=(0,s.b)("teamsSectionLabels"),[d,c]=(0,l.useState)(""),{currentURL:r,goToSpecificRoute:u}=(0,o.A)(),[m,f]=(0,l.useState)([]),h=m.length<=1;return(0,l.useEffect)(()=>{const t=e.map(e=>({id:(null===e||void 0===e?void 0:e.confederationId)||"",logo:e.confederationLogo||""})),i=new Set,l=t.filter(({id:e})=>!i.has(e)&&i.add(e)).sort(L);f(l)},[e]),(0,l.useEffect)(()=>{const e=new URLSearchParams(window.location.search);if(e.has("filter")){const t=e.get("filter");t&&c(t)}},[]),(0,l.useEffect)(()=>{let e="";d&&(e+=d),u(e?`?filter=${e}`:r)},[d]),(0,v.jsxs)("div",{className:C,children:[(0,v.jsx)(_,{uniqueConfederations:m,selected:d,onSelect:e=>{d===(null===e||void 0===e?void 0:e.id)?c(""):c(e.id)},onReset:()=>{c("")}}),(0,v.jsxs)("div",{className:b,children:[(0,v.jsx)(p,{title:null===a||void 0===a?void 0:a["teamsSectionLabels.hostCountries"],teams:i,tournamentState:t,selectedConfederation:d}),(0,v.jsx)(p,{title:h?null===a||void 0===a?void 0:a["teamsSectionLabels.allTeams"]:null===a||void 0===a?void 0:a["teamsSectionLabels.qualifiedTeams"],teams:n,tournamentState:t,selectedConfederation:d})]})]})}}}]);