https://www.wtatennis.com/resources/v7.50.45/scripts/search-results.js

1import{r as e,R as t}from"./index.js";import{c as a}from"./client.js";import{l as s,R as r,H as i,m as n,S as l,I as c,T as o,J as m,P as d,s as u}from"./store.js";import{P as p}from"./index2.js";import{c as g,k as h,t as _,e as y,al as f,v as b,E,b as w}from"./bundle-es.js";import{F as N}from"./favourite-player-button.js";import{F as v}from"./flag.js";import{m as k}from"./moment.js";import{T as R}from"./tennis-tournament.js";import{L as T}from"./loader.js";import{S as C}from"./svg-icon.js";import{p as q}from"./tennis.js";import{f as j,t as x,d as S}from"./date.js";import{k as A}from"./content.js";import{L}from"./lazy-image.js";import{u as z}from"./use-window-resize.js";import{m as $}from"./measurements.js";import{S as M}from"./search-filter-list.js";import"./_commonjsHelpers.js";import"./tournament-player-service.js";import"./api-client.js";import"./content-api.js";import"./search-api.js";import"./index3.js";function I({player:a,widgetName:s,widgetType:r,index:i}){const n=e.useRef(null),l=a.id,c=a.fullName,o=g(l,c),m=a.countryCode;return e.useEffect(()=>{n?.current&&h("player-headshot/player-headshot",n?.current)},[]),t.createElement("div",{className:"players-list__item js-player-item-favourite","data-player-id":l,"data-player-name":a.fullName},t.createElement(N,{className:"players-list__favourite-button",iconClassName:"players-list__favourite-button-icon",playerId:l,playerName:c,widgetName:s,widgetType:r}),t.createElement("a",{className:"players-list__url",href:o,"data-tracking":"true","data-tracking-event":"click_track","data-tracking-component":"card click","data-tracking-category":"player card","data-tracking-widget-type":r,"data-tracking-widget-name":s,"data-tracking-player-id":l,"data-tracking-player-name":c,"data-tracking-index":i,"data-tracking-favorite-player":"false"},t.createElement("div",{className:"players-list__image theme-purple"},t.createElement("div",{ref:n,className:"player-headshot player-headshot--thumbnail players-list__player-picture u-observed has-placeholder","data-init-when-visible":"true","data-player":l,"data-size":"THUMBNAIL","data-object-fit":"false","data-picture-in-view":"false"})),t.createElement("div",{className:"players-list__body"},t.createElement("span",{className:"players-list__name h-s-sb","aria-label":a.fullName},a.fullName),m&&t.createElement("div",{className:"tournament-player-list__countries"},t.createElement("div",{className:`players-list__country players-list__country--${m}`},t.createElement("span",{className:"players-list__country-flag"},t.createElement(v,{countryCode:m,cssClass:"players-list__flag"})),t.createElement("span",{className:"players-list__country-text l-m-m"},m))))))}function F(e){return"live"===e?"badge--live":"inProgress"===e?"badge--light":""}function O({tournament:a}){const s=e.useRef(null),r=new R(a),{link:i,tournamentGroup:n,year:l,status:c,startDate:o,endDate:m,title:d,city:u,country:p,surface:g}=r||{},b=n.level,E=k(o).month()===k(m).month(),[w,N,v]=o,T=k([w,N-1,v]).format("D MMM"),C=k([w,N-1,v]).format("D"),[q,j,x]=m,S=k([q,j-1,x]).format("D MMM");return e.useEffect(()=>{s?.current&&h("tournament-list/tournament-background-image",s?.current)},[]),t.createElement("a",{href:i.url,className:"featured-events__outer"},t.createElement("div",{className:"featured-events__card theme-chalk"},t.createElement("figure",{className:"tournament-thumbnail__image-container placeholder"},t.createElement("div",{className:`tournament-background-image tournament-background-image--${void 0!==g?g.toLowerCase():"hard"}`,"data-init-when-visible":"true","data-tournament-group-id":n,"data-year":l,"data-object-fit":"true","data-size":"MEDIUM"})),t.createElement("span",{className:`featured-events__label badge l-s-m ${F(c)}`},t.createElement("span",{className:"badge__label"},_.lookup(`label.tournament.status.${c}`))),t.createElement("div",{className:"featured-events__info"},t.createElement("div",{className:"badge featured-events__label--date"},t.createElement("h3",{className:"featured-events__date l-s-m"},t.createElement("time",{dateTime:o},E?C+"-":T+" - "),t.createElement("time",{dateTime:m},S))),t.createElement("h2",{className:"featured-events__title h-s-b"},d),t.createElement("div",{className:"featured-events__location-container"},t.createElement("h3",{className:"featured-events__location l-m-m"},u),t.createElement("span",{className:"featured-events__dot"}),t.createElement("h3",{className:"featured-events__location l-m-m"},p)),t.createElement("div",{className:"featured-events__surface-container"},t.createElement("h3",{className:"l-m-m"},g),t.createElement("div",{className:"featured-events__tournament-icon"},"ITF"===b?t.createElement("h3",{className:"l-m-m"},_.lookupKey("label.tournament.itf")):t.createElement("img",{className:"featured-events__tournament-level",src:`${y.cdn}i/elements/${f[b]}.svg`,alt:b}))))),t.createElement("div",{className:"featured-events__end"},t.createElement("p",{className:"l-m-m"},_.lookupKey("label.view.tournament"))))}function D({isGrid:a,cssClass:s="",railCssClass:r="",children:i,widgetName:n,widgetType:l}){const c=e.useRef(null);return e.useEffect(()=>{c.current&&h("rail-slider/rail-slider",c.current)},[]),t.createElement("div",{className:`rail-slider ${a?"rail-slider--gri

1d":""} fill-page-grid ${s}`,ref:c},t.createElement("button",{className:"slider-button slider-button--prev rail-slider__slider-button rail-slider__slider-button--prev js-prev-btn u-hide","aria-label":_.lookup("label.previous"),"data-tracking":"true","data-tracking-component":"button click","data-tracking-category":"control","data-tracking-type":"slide direction","data-tracking-event":"click_track","data-tracking-detail":"left","data-tracking-widget-name":n,"data-tracking-widget-type":l},t.createElement(C,{name:"arrow-right",cssClass:"slider-button__icon slider-button__icon--prev rail-slider__button-icon rail-slider__button-icon--prev"})),t.createElement("ul",{className:`rail-slider__rail js-rail-slider page-grid ${r}`},i),t.createElement("button",{className:"slider-button slider-button--next rail-slider__slider-button rail-slider__slider-button--next js-next-btn u-hide","aria-label":_.lookup("label.next"),"data-tracking":"true","data-tracking-component":"button click","data-tracking-category":"control","data-tracking-type":"slide direction","data-tracking-event":"click_track","data-tracking-detail":"right","data-tracking-widget-name":n,"data-tracking-widget-type":l},t.createElement(C,{name:"arrow-right",cssClass:"slider-button__icon slider-button__icon--next rail-slider__button-icon rail-slider__button-icon--next"})))}function P({cssClass:e="",children:a,size:s="quarter"}){return t.createElement("li",{className:`rail-slider__item rail-slider__item--${s} ${e} js-rail-slider-item`},a)}function K({title:a="",linkTo:s="",linkToLabel:r="",backupTitle:i="",headingTag:n="h2",modifierClass:l="",logoClass:c="",srText:o="",children:m}){return(a||s||i)&&t.createElement("header",{className:`widget-header ${l} ${s?"":"widget-header__no-link-to"}`},c?t.createElement("span",{className:`widget-header__logo ${c}`}):e.createElement(n,{className:"widget-header__title h-m-sb"},a||i),s?t.createElement("a",{href:s,className:"widget-header__link sbtn sbtn--grad sbtn--small","data-text":r||_.lookup("label.showMore")},t.createElement("span",{className:"sbtn__label"},r||_.lookup("label.showMore")),o&&t.createElement("span",{className:"u-screen-reader"},o)):m)}function V({title:e,cssClass:a,buttonLabel:s,buttonAction:r,children:i}){return t.createElement("div",{className:`${a} widget page-grid theme-chalk has-bg dont-connect-bg`},t.createElement(K,{title:e},r&&t.createElement("button",{onClick:r,className:"widget-header__link sbtn sbtn--grad sbtn--small","data-text":s||_.lookup("label.showMore")},t.createElement("span",{className:"sbtn__label"},s||_.lookup("label.showMore")),t.createElement("span",{className:"u-screen-reader"},s))),i)}function W({type:e}){const a=s();return t.createElement("div",{className:"search-results__no-results widget page-grid theme-chalk has-bg dont-connect-bg"},t.createElement("div",{className:"search-results__no-results-container"},t.createElement(C,{name:"no-results",cssClass:"search-results__no-results-icon"}),t.createElement("h2",{className:"search-results__no-results-title h-m-sb"},e?_.lookup(`label.search.noResults.${e}.title`):_.lookup("label.search.noResults.title")),t.createElement("p",{className:"search-results__no-results-message b-m-m"},e?_.lookup(`label.search.noResults.${e}.message`):_.lookup("label.search.noResults.message")),t.createElement("button",{onClick:()=>{a(r())},className:"sbtn sbtn--med dt:sbtn--large sbtn--gt"},_.lookup("label.search.noResults.resetSearch"))))}function U(t,a,s,r){const{value:n,type:l,tags:c,pageSize:o,showIfAll:m}=t,[d,u]=e.useState([]),[p,{isUninitialized:g,isSuccess:h,isLoading:_,isFetching:y}]=i();e.useEffect(()=>{if(a&&s.referenceTypes?.includes(l)){const e={terms:a,size:o,start:0,fullObjectResponse:!0};if(c){const t=c.split(",").map(e=>e.trim()).reverse(),a=l.split(",").map(e=>e.trim()).map((a,s)=>p({params:{...e,type:a,tags:t[s]}}));Promise.all(a).then(e=>{const t=e.flatMap(e=>e?.data?.hits||[]);u(t)})}else{const t={...e,type:l};p({params:t}).then(e=>{u(e?.data?.hits||[])})}}},[o,s.referenceTypes,a,c,p,l]);const f=_||y;e.useEffect(()=>{const e=!f&&h&&m;r(t=>{const a=e?{...t,[l]:d?.length||0}:{[l]:d?.length||0},s=Object.entries(a).filter(([e])=>"total"!==e).reduce((e,[,t])=>e+(t||0),0);return{...a,total:s}})},[d]);const b=!g&&"ALL"===s.value&&m,E=s.value===n,w=!f&&h&&!d?.length;return{isSearching:f,isSuccess:h,data:d,shouldRender:b,isCurrentFilter:E,noResults:w,isCurrentFilterNoResults:E&&(""===a||w)}}function Y({railSection:a,searchTerm:s,searchFilter:r,gridMode:i,setResultCount:n,widgetName:l,widgetType:c}){const{value:o,type:m,title:d,buttonLabel:u,buttonAction:p,CardComponent:g,contentReferenceKey:h}=a,{isSearching:_,data:y,shouldRender:f,isCurrentFilter:w,noResults:N,isCurrentFilterNoResults:v}=U(a,s,r,n),R=k().format("YYYY"),C="TOURNAMENTGROUP"===a.type?y.filter(e=>!q(e.contentReference,R)):y,j=C?.length>0;return e.useEffect(()=>{b(E.PLAYERS.RENDERED)},[C]),w||f?v?t.createElement(W,{type:o?.toLowerCase()}):N||!j?null:t.createElement(V,{key:m,title:d,cssClass:`search-results__${o?.toLowerCase()} ${r.value===o?"search-results__section-active":""}`,buttonLabel:u,buttonAction:p},_?t.createElement(T,{loadText:`Loading ${d}`}):t.createElement(D,{isGrid:i,railCssClass:"search-results__rail",widgetName:l,widgetType:c},C?.map(({data:e,contentReference:a},s)=>t.createElement(P,{key:`${m}-${a?.[h]||e?.objectId}-${s}`}

1,t.createElement(g,{player:a,tournament:a,coach:a,widgetName:l,widgetType:c,index:s+1}))))):null}function G({newsSection:e,searchTerm:a,searchFilter:s,setResultCount:r}){const{value:i,type:n,title:l,CardComponent:c,contentReferenceKey:o,showIfAll:m}=e,{isSearching:d,data:u,shouldRender:p,isCurrentFilter:g,noResults:h,isCurrentFilterNoResults:_}=U(e,a,s,r);return g||p?_?t.createElement(W,{type:i?.toLowerCase()}):h?null:t.createElement(V,{key:n,title:l,cssClass:`search-results__${i?.toLowerCase()} ${s.value===i?"search-results__section-active":""}`},d?t.createElement(T,{loadText:`Loading ${l}`}):u?.map(({data:e,contentReference:a},s)=>a&&t.createElement(c,{key:`${n}-${a?.[o]||e?.objectId}-${s}`,newsVideo:a,isNewsVideo:m,index:s}))):null}I.propTypes={player:p.shape({id:p.number.isRequired,fullName:p.string.isRequired,countryCode:p.string}).isRequired,widgetName:p.string,widgetType:p.string,index:p.number},O.propTypes={tournament:p.shape({link:p.shape({url:p.string.isRequired}),tournamentGroup:p.shape({level:p.string.isRequired}).isRequired,year:p.number,status:p.string,startDate:p.oneOfType([p.string,p.array]),endDate:p.oneOfType([p.string,p.array]),title:p.string,city:p.string,country:p.string,surface:p.string}).isRequired},D.propTypes={isGrid:p.bool,cssClass:p.string,railCssClass:p.string,children:p.node,widgetName:p.string,widgetType:p.string},P.propTypes={cssClass:p.string,children:p.node,size:p.string},K.propTypes={title:p.string,linkTo:p.string,linkToLabel:p.string,backupTitle:p.string,headingTag:p.string,modifierClass:p.str

1ing,logoClass:p.string,srText:p.string,children:p.node},V.propTypes={title:p.string.isRequired,cssClass:p.string,buttonLabel:p.string,buttonAction:p.func,children:p.node},W.propTypes={type:p.string},U.propTypes={config:p.shape({type:p.string.isRequired,tags:p.arrayOf(p.string),pageSize:p.number,showIfAll:p.bool}).isRequired,searchTerm:p.string,searchFilter:p.shape({referenceTypes:p.arrayOf(p.string)}).isRequired,setResultCount:p.func.isRequired},Y.propTypes={railSection:p.shape({value:p.string.isRequired,type:p.string.isRequired,tags:p.string,title:p.string.isRequired,buttonLabel:p.string,buttonAction:p.func,CardComponent:p.elementType.isRequired,contentReferenceKey:p.string.isRequired,pageSize:p.number.isRequired,showIfAll:p.bool}).isRequired,searchTerm:p.string,searchFilter:p.shape({value:p.string.isRequired,referenceTypes:p.array}).isRequired,gridMode:p.bool.isRequired,setResultCount:p.func.isRequired,widgetName:p.string,widgetType:p.string},G.propTypes={newsSection:p.shape({value:p.string.isRequired,type:p.string.isRequired,tags:p.string.isRequired,title:p.string.isRequired,CardComponent:p.elementType.isRequired,contentReferenceKey:p.string.isRequired,pageSize:p.number.isRequired,showIfAll:p.bool}).isRequired,searchTerm:p.string,searchFilter:p.shape({value:p.string.isRequired,referenceTypes:p.array,tags:p.string}).isRequired,setResultCount:p.func.isRequired};const H=[{name:"thumbnailMobile",maxWidth:640,size:{width:470,height:350},multipliers:[1,2,3]},{name:"thumbnailTablet",maxWidth:839,size:{width:600,height:450},multipliers:[1,2,3]},{name:"thumbnailDesktop",minWidth:840,size:{width:600,height:450},multipliers:[1,2,3]},{name:"default",size:{width:600,height:450},multipliers:[1],cssClass:""}],B=[{name:"mobile",maxWidth:840,size:{width:382,height:214},multipliers:[1,2]},{name:"desktop",min:840,size:{width:284,height:160},multipliers:[1,2]},{name:"default",size:{width:382,height:214},cssClass:"row-article__img"}],Q=[{name:"mobile",maxWidth:840,size:{width:160,height:160},multipliers:[1,2]},{name:"desktop",min:840,size:{width:466,height:262},multipliers:[1,2]},{name:"default",size:{width:160,height:160},cssClass:"row-article__img"}];function X({newsVideo:a,isNewsVideo:s,index:r}){const{title:i,subtitle:n,summary:l,date:c,duration:o,type:m}=a,d=w(a),u=x(o),p=e.useMemo(()=>j(c),[c]),g=A(a),h=z(),_=e.useMemo(()=>h.width>=$.desktop&&s?Q:0===r||2===r?H:1===r?B:Q,[h.width,s,r]);return t.createElement("a",{className:"row-article row-article--text page-grid featured-content__col-item",href:d},t.createElement("div",{className:"row-article__text"},n&&t.createElement("span",{className:"row-article__subtitle badge badge--dark"},t.createElement("span",{className:"badge__label"},n)),t.createElement("h3",{className:"row-article__title b-m-sb dt:sh-xs"},i),l&&t.createElement("p",{className:"row-article__summary b-l-m u-hide-desktop"},l),t.createElement("div",{className:"row-article__meta"},t.createElement("div",{className:"row-article__reading-time b-xs-m"},t.createElement(C,{name:"clock"}),u),t.createElement("div",{className:"row-article__publishedAgo b-xs-m"},p))),t.createElement("div",{className:"row-article__image-container placeholder"},t.createElement(C,{name:"placeholder",cssClass:"placeholder__svg"}),t.createElement(L,{image:g,mediaQueryConfig:_,cssClass:"row-article__picture",objectFit:!0}),"video"===m&&t.createElement("div",{className:"row-article__duration badge badge--label-icon theme-chalk"},t.createElement(C,{name:"play-duration"}),t.createElement("span",{className:"badge__label"},S(o)))))}X.propTypes={newsVideo:p.object.isRequired,isNewsVideo:p.bool,index:p.number.isRequired};const J=[{name:"mobile",maxWidth:510,size:{width:382,height:214},multipliers:[1,2]},{name:"tablet",maxWidth:839,size:{width:469,height:264},multipliers:[1,2]},{name:"desktop",min:840,size:{width:284,height:160},multipliers:[1,2]},{name:"default",size:{width:382,height:214},cssClass:"row-article__img"}];function Z({coach:a,widgetName:s,widgetType:r,index:i}){const n=e.useRef(null),l=a.fullName||`${a.forename} ${a.surname}`,c=w({...a,type:"tennis_coach"}),o=a.nationality;return e.useEffect(()=>{n?.current&&h("player-headshot/player-headshot",n?.current)},[]),t.createElement("div",{className:"players-list__item players-list__item--coac

1h no-event-added"},t.createElement("a",{className:"players-list__url",href:c,"data-tracking":"true","data-tracking-event":"click_track","data-tracking-component":"card click","data-tracking-category":"coach card","data-tracking-widget-type":r,"data-tracking-widget-name":s,"data-tracking-player-id":a.id,"data-tracking-player-name":l,"data-tracking-index":i},t.createElement("div",{className:"players-list__image theme-purple"},t.createElement(C,{name:"placeholder",cssClass:"placeholder__svg"}),t.createElement(L,{image:a.headshot,mediaQueryConfig:J})),t.createElement("div",{className:"players-list__body"},t.createElement("span",{className:"players-list__name h-s-sb","aria-label":l},l),o&&t.createElement("div",{className:"tournament-player-list__countries"},t.createElement("div",{className:`players-list__country players-list__country--${o}`},t.createElement("span",{className:"players-list__country-flag"},t.createElement(v,{countryCode:o,cssClass:"players-list__flag"})),t.createElement("span",{className:"players-list__country-text l-m-m"},o))))))}Z.propTypes={coach:p.shape({id:p.number.isRequired,fullName:p.string,forename:p.string.isRequired,surname:p.string.isRequired,nationality:p.string.isRequired,headshot:p.object}).isRequired,widgetName:p.string,widgetType:p.string,index:p.number};const ee=100;function te({widgetName:a,widgetType:r}){const i=s(),d=n(l),u=n(c),[p,g]=e.useState(null);e.useEffect(()=>{p&&i(o(p))},[i,p]);const h="PLAYERS"===u.value||"TOURNAMENTS"===u.value,y=[{value:"PLAYERS",type:"PLAYER",title:"Players",buttonLabel:_.lookup("label.search.showAllPlayers"),buttonAction:()=>i(m(M.find(e=>"PLAYERS"===e.value))),CardComponent:I,contentReferenceKey:"id",pageSize:"ALL"===u.value?12:ee,showIfAll:!0},{value:"TOURNAMENTS",type:"TOURNAMENTGROUP",title:"Tournaments",buttonLabel:_.lookup("label.search.showAllTournaments"),buttonAction:()=>i(m(M.find(e=>"TOURNAMENTS"===e.value))),CardComponent:O,contentReferenceKey:"tournamentGroup.id",pageSize:"ALL"===u.value?12:ee,showIfAll:!0},{value:"COACHES",type:"BIO",tags:"tennis-coach",title:"Coaches",CardComponent:Z,contentReferenceKey:"id",pageSize:ee,showIfAll:!1}],f=[{value:"NEWSVIDEO",type:"TEXT, VIDEO",tags:"-live-video, news",title:"News & Video",CardComponent:X,contentReferenceKey:"id",pageSize:ee,showIfAll:!0},{value:"NEWS",type:"TEXT",tags:"news",title:"News",CardComponent:X,contentReferenceKey:"id",pageSize:ee,showIfAll:!1},{value:"VIDEO",type:"VIDEO",tags:"-live-video",title:"Video",CardComponent:X,contentReferenceKey:"id",pageSize:ee,showIfAll:!1}];return t.createElement(t.Fragment,null,y.map(e=>t.createElement(Y,{key:e.type,railSection:e,searchTerm:d,searchFilter:u,gridMode:h,setResultCount:g,widgetName:a,widgetType:r})),f.map(e=>t.createElement(G,{key:e.type,newsSection:e,searchTerm:d,searchFilter:u,setResultCount:g})),"ALL"===u.value&&d&&0===p?.total&&t.createElement(W,null))}te.propTypes={widgetName:p.string,widgetType:p.string};class ae{constructor(e){this.container=e,this.containerRoot=a.createRoot(this.container),this.widgetName=this.container.dataset.trackingWidgetName,this.widgetType=this.container.dataset.trackingWidgetType,this.renderSearchResults()}renderSearchResults(){this.containerRoot.render(t.createElement(d,{store:u},t.createElement(te,{widgetName:this.widgetName,widgetType:this.widgetType})))}}export{ae as default};