https://www.deepingrangersfc.co.uk/_next/static/chunks/pages/matches-b18100e567c2d9f0.js

1
2!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="f9e0f57a-5f44-5f6f-a3b9-97e3a3fc4f35")}catch(e){}}();
3(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2999],{21859:(e,t,n)=>{"use strict";n.d(t,{A:()=>d});var l=n(12461),a=n(74055),r=n(35027),o=n(38008),i=n(14232);n(70470);var m=n(74163),s=n(52486);let c=({club:e,date:t,sortedData:n,standalone:c})=>0===n.length?null:i.createElement(l.A,{fill:"white",style:{border:"1px solid #d9d9d9",borderBottom:c?"1px solid #d9d9d9":"0",overflow:"hidden",marginTop:c?"0":"10px"},responsive:[{minWidth:"fullHeader",props:{radius:"rounded"}}]},i.createElement(l.A,{fill:"#fafafa",borderBottom:"1px solid #d9d9d9"},i.createElement(a.A,{all:"small"},i.createElement(r.A,{size:16,weight:"bold",color:"black",align:"center",component:"h3"},o.c9.fromISO(t,{zone:e.timezone}).toFormat("ccc dd LLL")))),n.map((t,l)=>{let a=c&&l===n.length-1;return"training"===t.sortType?i.createElement(s.A,{key:t.id,club:e,session:t,isLast:a}):"fixture"===t.sortType?i.createElement(m.A,{key:`${t.id}-${t.teamId}`,match:t,club:e,type:t.hasOutcome?"result":"fixture",isLast:a,isMobile:!0}):null}));c.defaultProps={standalone:!1};let d=c},46880:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>X});var l=n(14232),a=n(2171),r=n(38008),o=n(82851);n(70470);var i=n(23200),m=n(55437),s=n(34917);n(41730);var c=n(20008),d=n(35027),u=n(74055),p=n(12461),h=n(30842),y=n(47104),f=n(5617),E=n(75826),g=n(79905),v=n(70564),A=n(74854),b=n(82868),x=n(31661),w=n.n(x),C=n(27416),T=n(78714),I=n(4439),_=n(11164),k=n(7975),M=n(35865),O=n(27976),D=n(63017);let F={transition:"opacity 0.3s linear",opacity:1,height:"auto"},L={transition:"opacity 0.3s linear",opacity:0,height:0},P=({club:e,eventType:t,eventTypeFilters:n,sections:a,openFilter:r,onChangeEventType:i,onChangeTeam:m,t:s,teamId:c})=>{let d=c?(0,o.find)((0,o.flatMap)(a,e=>e.teams),{id:c}):null;return l.createElement(l.Fragment,null,l.createElement("div",{style:"team"===r?F:L},l.createElement(O.A,{name:"team",club:e,sections:a,selected:c,label:d?d.name:s("common:team_filter_label"),onChange:m})),l.createElement("div",{style:"category"===r?F:L},l.createElement(D.A,{name:"category",selected:t,categories:n,label:s("common:events_filter_label"),onChange:i})))};P.defaultProps={eventType:null,openFilter:null,teamId:null};let z=({club:e,eventType:t,teamId:n,onChangeEventType:a,onChangeTeam:r,t:i})=>{let[m,s]=(0,l.useState)(null),c=["fixtures","training"].map(e=>({label:i(`common:calendar_event_type_${e}`),value:e})),d=n?(0,o.get)((0,o.find)((0,o.flatMap)(e.sections,e=>e.teams),{id:n}),"name"):null;d&&(c=(0,o.reject)(c,{value:"events"}));let y=e=>{m===e?s(null):s(e)};return l.createElement(l.Fragment,null,l.createElement(C.A,{component:"div"},l.createElement(M.A,{title:"Matches"},(0,_.default)()?null:l.createElement(l.Fragment,null,l.createElement(k.A,{filterName:"team",filterValue:d,onFilterClick:()=>y("team")},l.createElement(I.A,{name:"t-shirt",size:20})),l.createElement(k.A,{filterName:"category",filterValue:t,onFilterClick:()=>y("category")},l.createElement(I.A,{name:"funnel",size:20}))))),l.createElement(C.A,null,l.createElement(p.A,{fill:"white",borderTop:"thinLightGrey",component:"div"},l.createElement(T.Collapse,{isOpened:!!m},l.createElement(h.A,{component:"div",maxWidth:1366,center:!0},l.createElement(u.A,{horizontal:"large",vertical:"month"===m?"medium":"xlarge",component:"div"},l.createElement(P,{eventType:t,eventTypeFilters:c,club:e,onChangeTeam:e=>{s(null),r(e)},onChangeEventType:e=>{s(null),a(e)},openFilter:m,sections:e.sections,teamId:n,t:i})))))))};z.defaultProps={eventType:null,teamId:null};var N=n(50762),W=n(21859),S=n(47753),j=n(93052);let R=()=>l.createElement(y.A,{columns:"1fr",columnGap:"medium",responsive:[{minWidth:"fullHeader",props:{columns:"minmax(auto, 970px) minmax(auto, 400px)"}}]},l.createElement(u.A,{vertical:"small",horizontal:"medium",component:"div"},l.createElement(S.A,{width:"100%",height:"60px",radius:"10px"}),l.createElement(j.A,{vertical:"small"},l.createElement(c.A,{flexDirection:"column",style:{gap:"10px"}},l.createElement(S.A,{width:"100%",height:"150px",radius:"10px"}),l.createElement(S.A,{width:"100%",height:"150px",radius:"10px"}),l.createElement(S.A,{width:"100%",height:"150px",radius:"10px"})))),l.createElement(f.A,{minWidth:"fullHeader",component:"div"},l.createElement(u.A,{vertical:"small",horizontal:"medium",component:"div"},l.createElement(S.A,{width:"100%",height:"60px",radius:"10px"}),l.createElement(j.A,{vertical:"small"},l.createElement(S.A,{width:"100%",height:"300px",radius:"10px"})))));var H=n(55141);let B=({eventType:e,month:t,teamId:n,year:a,desiredDay:i,setDesiredDay:m,setDesiredMonth:s,setDesiredYear:h,validDates:y,club:f,placement:E})=>{if(!y||0===y.length||!(0,o.isNumber)(i)||!(0,o.isNumber)(a)||!(0,o.isNumber)(t))return null;let g=y[0],v=y[y.length-1],A=r.c9.fromObject({year:a,month:t,day:i}),b=r.c9.fromFormat(g,"yyyy-MM-dd"),x=r.c9.fromFormat(v,"yyyy-MM-dd"),C=t=>l.createElement("button",{type:"button",onClick:()=>

3{let t,l=A.minus({weeks:1}),a=A.minus({months:1});t=1===A.month&&A.day<7?A.minus({years:1}):A,l.month===a.month&&w().replaceClubRoute(f,"matches.month",{year:l.year,month:l.month,teamId:n,eventType:e}),m(l.day),s(l.month),h(t.year)}},t),T=t=>l.createElement("button",{type:"button",onClick:()=>{let t,l=A.plus({weeks:1}),a=A.plus({months:1});t=12===A.month&&A.day>24?A.plus({years:1}):A,l.month===a.month&&w().replaceClubRoute(f,"matches.month",{year:l.year,month:l.month,teamId:n,eventType:e}),m(l.day),s(l.month),h(t.year)}},t);if("top"===E){let e=`
4      ${b.toFormat("ccc d LLL")} -
5      ${x.toFormat("ccc d LLL")}
6    `;return l.createElement(p.A,{fill:"#000",style:{marginBottom:"20px"},responsive:[{minWidth:"fullHeader",props:{radius:"10px"}}]},l.createElement(c.A,{style:{padding:"20px 0",gap:"20px"},alignItems:"center"},C(l.createElement(d.A,{style:{padding:"10px"}},l.createElement(I.A,{name:"arrow-left",color:"#fff",size:20,topOffset:2}))),y.includes(r.c9.now().toFormat("yyyy-MM-dd"))?l.createElement(c.A,{flexDirection:"column",alignItems:"center",style:{flex:1,gap:"10px"}},l.createElement(d.A,{color:"#fff",preset:"description",size:20,weight:"bold"},"This Week"),l.createElement(d.A,{color:"#fff",preset:"description",size:18},e)):l.createElement(d.A,{color:"#fff",preset:"description",align:"center",size:20,style:{flex:1}},e),T(l.createElement(d.A,{style:{padding:"10px"}},l.createElement(I.A,{name:"arrow-right",color:"#fff",size:20,topOffset:2})))))}return l.createElement(c.A,{alignItems:"center",justifyContent:"space-between",style:{width:"100%",padding:"20px 10px",boxSizing:"border-box"}},C(l.createElement(d.A,{color:"#000",weight:"bold"},l.createElement(u.A,{right:"medium"},l.createElement(I.A,{name:"arrow-left",size:20,topOffset:4})),"Previous Week")),T(l.createElement(d.A,{color:"#000",weight:"bold"},"Next Week",l.createElement(u.A,{left:"medium"},l.createElement(I.A,{name:"arrow-right",size:20,topOffset:4})))))};B.defaultProps={eventType:null,teamId:null};let q=({calendar:e,club:t,eventType:n,isLoading:a,month:o,teamId:i,year:m,t:s})=>{let[x,C]=(0,l.useState)([]),T=r.c9.now(),[I,_]=(0,l.useState)(T.month===o&&T.year===m?T.day:1),[k,M]=(0,l.useState)(o),O=r.c9.fromObject({year:m,month:o}),[D,F]=(0,l.useState)(m);(0,l.useEffect)(()=>{let e=r.c9.fromObject({year:D,month:k,day:I}).startOf("week"),t=e.plus({weeks:1});C(r.IX.fromDateTimes(e,t).splitBy({days:1}).map(e=>e.start.toFormat("yyyy-MM-dd")))},[I,k,D]);let{advertisingTier:L,sportId:P}=t;return l.createElement(l.Fragment,null,l.createElement(b.A,{club:t,descriptionTranslationKey:"common:matches_description",titleTranslationKey:"common:matches_title",translationValues:{month:r.c9.fromObject({year:m,month:o,day:1}).toFormat("LLLL yyyy")},route:"matches.month",routeParams:{month:o,year:m}}),l.createElement(z,{club:t,eventType:n,month:o,teamId:i,year:m,onChangeTeam:e=>{w().replaceClubRoute(t,"matches.month",{year:m,month:o,teamId:e,eventType:n})},onChangeEventType:e=>{w().replaceClubRoute(t,"matches.month",{year:m,month:o,teamId:i,eventType:e})},t:s}),l.createElement(p.A,{fill:"#fff",component:"div"},l.createElement(A.A,{isLoading:a}),l.createElement(u.A,{top:"medium"},l.createElement(v.A,{advertisingTier:L,pageType:"calendar.index",sportId:P})),l.createElement(u.A,{responsive:[{maxWidth:"tab",props:{bottom:"medium"}}],component:"div"},l.createElement(h.A,{component:"div",maxWidth:1366,center:!0},a?l.createElement(R,null):l.createElement(y.A,{columns:"1fr",columnGap:"medium",responsive:[{minWidth:"fullHeader",props:{columns:"minmax(auto, 970px) minmax(auto, 400px)"}}]},l.createElement(u.A,{vertical:"medium",responsive:[{minWidth:"fullHeader",props:{left:"medium"}}]},l.createElement(B,{month:o,year:m,eventType:n,teamId:i,desiredDay:I,setDesiredDay:_,setDesiredMonth:M,setDesiredYear:F,validDates:x,club:t,placement:"top"}),(()=>{if(a||!e)return null;let r=e.days.filter(e=>x.includes(e.date));return 0===r.reduce((e,t)=>e+t.fixtures.length+t.trainingSessions.length,0)?l.createElement(c.A,{style:{width:"100%"},justifyContent:"center"},l.createElement(d.A,{preset:"description",size:18}

6,"No events to show")):l.createElement(l.Fragment,null,r.map(e=>{let n=(0,N.A)(e);return l.createElement(u.A,{key:e.day,vertical:"large"},l.createElement(W.A,{club:t,date:e.date,sortedData:n}))}),l.createElement(B,{month:o,year:m,eventType:n,teamId:i,desiredDay:I,setDesiredDay:_,setDesiredMonth:M,setDesiredYear:F,validDates:x,club:t,placement:"bottom"}))})()),l.createElement(f.A,{minWidth:"fullHeader",component:"div"},l.createElement(u.A,{vertical:"medium",component:"div",right:"medium"},l.createElement(H.A,{month:o,year:m,data:e?.days,validDates:x,onMonthClick:e=>{let l=e?O.minus({months:1}):O.plus({months:1});w().replaceClubRoute(t,"matches.month",{year:l.year,month:l.month,teamId:i,eventType:n}),_(1),M(l.month)},onDayClick:e=>{let t=r.c9.fromFormat(e,"yyyy-MM-dd");_(t.day),M(t.month)},isMatchesSection:!0,isMobile:!0}),l.createElement(u.A,{top:"medium"},l.createElement(g.A,null))))))),l.createElement(u.A,{vertical:"large"},l.createElement(E.A,null))))};q.defaultProps={calendar:null,eventType:null,teamId:null};var $=n(81883);function V(){return(V=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)({}).hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e}).apply(null,arguments)}n(80597);class G extends l.Component{static async getInitialProps({club:e,isServer:t,query:n,reduxStore:l,req:a,res:m}){let{year:s,month:c,eventType:d,teamId:u,viewMode:p}=n,h=r.c9.local(),y=s?parseInt(s,10):h.year,f=c?parseInt(c,10):h.month,E=u?parseInt(u,10):null,g={activeSection:"matches",namespacesRequired:["common"],pageType:"matches.index",year:y,month:f,eventType:d&&(0,o.includes)(["events","fixtures","training"],d)?d:null,teamId:E,viewMode:"list"===p?p:"grid",showCompleteWeeks:1};if(!t)return g;try{let{error:t}=await l.dispatch((0,i.HR)({clubId:e.id,year:y,month:f,request:a,showCompleteWeeks:1}));return t&&t.errorStatusCode&&m&&(m.statusCode=t.errorStatusCode),g}catch(e){return g}}componentDidMount(){this.loadIfRequired()}componentDidUpdate(){this.loadIfRequired()}loadIfRequired=()=>{let{hasLoadedCalendar:e,isLoadingCalendar:t,loadCalendar:n,loadingError:l}=this.props;if(!e&&!t&&!l){let{club:{id:e},year:t,month:l,showCompleteWeeks:a}=this.props;n({clubId:e,year:t,month:l,showCompleteWeeks:a})}};render(){let{loadingError:e,club:t}=this.props;if(e)return l.createElement($.A,V({clubId:t.id},e));let{calendar:n,eventType:a,isLoadingCalendar:r,month:o,teamId:i,year:m,t:s,viewMode:c}=this.props;return l.createElement(q,{calendar:n,club:t,eventType:a,isLoading:r,month:o,teamId:i,year:m,viewMode:c,t:s})}}G.defaultProps={calendar:null,eventType:null,loadingError:null,teamId:null};let K={loadCalendar:i.HR},X=(0,a.Ng)((e,t)=>({calendar:(0,m.j5)(e,t.club.id,t.year,t.month,t.teamId,t.eventType),isLoadingCalendar:(0,m.VP)(e),hasLoadedCalendar:(0,m.KB)(e,t.club.id,t.year,t.month),loadingError:(0,m.hW)(e)}),K)((0,s.CI)(["common"])(G))},77751:(e,t,n)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/matches",function(){return n(46880)}])},79905:(e,t,n)=>{"use strict";n.d(t,{A:()=>d});var l=n(14232),a=n(2171);let r={adUnitPath:"/124312541,2820490/Pitchero/ros_mpu2",size:[[300,600],[300,250]],id:"ros-bottom-mpu",targeting:{Pitchero_Ad_Position:["BTF"],Pitchero_Ad_Size:["bottom_mpu"]}};var o=n(79722),i=n(41139),m=n(34486);function s(){return(s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)({}).hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e}).apply(null,arguments)}let c=({className:e,includeAdverts:t,style:n,uid:a})=>{let[o,c]=(0,l.useState)(!1),d={};if(a&&(d.key=a),!t)return null;if(o){let e=(Math.random()+1).toString(36).substring(7);return l.createElement("div",{style:{display:"flex",justifyContent:"center",width:"100%",backgroundColor:"#fff"}},l.createElement(m.A,{id:716969,uid:e}))}return l.createElement(i.A,s({adConfig:r,className:e,style:n,onError:()=>{c(!0)}},d))};c.defaultProps={className:null,style:{},uid:null};let d=(0,a.Ng)(e=>({includeAdverts:(0,o.Ow)(e)}))(c)}},e=>{e.O(0,[2909,2545,7315,6223,9414,1325,7736,4552,636,6593,8792],()=>e(e.s=77751)),_N_E=e.O()}]);
7//# debugId=f9e0f57a-5f44-5f6f-a3b9-97e3a3fc4f35