https://www.staffordhc.co.uk/_next/static/chunks/pages/media/media-list-77cfcbdbbcb03aca.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]="f568adb8-1ac4-53fe-80b4-d0e24cddbfd9")}catch(e){}}();
3(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6918],{7975:(e,t,a)=>{"use strict";a.d(t,{A:()=>s});var l=a(74055),r=a(12461),n=a(14232),o=a(31235);let i=({filterName:e,filterValue:t,onFilterClick:a,children:i})=>{let s=t&&t.length>0;return n.createElement(l.A,{horizontal:"xsmall"},n.createElement("div",{style:{position:"relative",display:"flex"}},n.createElement(r.A,{fill:t?"primary":"#d4d4d4",radius:"100%",onClick:()=>a(e),style:{cursor:"pointer"}},n.createElement(l.A,{all:"xsmall"},n.createElement(o.A,{color:s?"primaryContrast":"black"},i))),s&&n.createElement("div",{style:{position:"absolute",top:"-5px",right:"0",width:"15px",height:"15px",borderRadius:"100%",backgroundColor:"black",border:"1px solid white",color:"white",display:"flex",justifyContent:"center",alignItems:"center",fontSize:"0.75rem"}},"1")))};i.defaultProps={filterValue:""};let s=i},12567:(e,t,a)=>{"use strict";t.Ay=void 0;var l=i(a(14232)),r=a(5285),n=i(a(17845)),o=["colorOne","colorTwo"];function i(e){return e&&e.__esModule?e:{default:e}}function s(){return(s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var l in a)({}).hasOwnProperty.call(a,l)&&(e[l]=a[l])}return e}).apply(null,arguments)}t.Ay=function(e){var t=e.colorOne,a=void 0===t?null:t,i=e.colorTwo,m=void 0===i?null:i,c=function(e,t){if(null==e)return{};var a,l,r=function(e,t){if(null==e)return{};var a={};for(var l in e)if(({}).hasOwnProperty.call(e,l)){if(-1!==t.indexOf(l))continue;a[l]=e[l]}return a}(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(l=0;l<n.length;l++)a=n[l],-1===t.indexOf(a)&&({}).propertyIsEnumerable.call(e,a)&&(r[a]=e[a])}return r}(e,o);return l.default.createElement(n.default,s({},c,{renderPaths:function(e){var t={},n={};return a&&(t.fill=(0,r.getColor)(e,a)),m&&(n.fill=(0,r.getColor)(e,m)),l.default.createElement("g",null,l.default.createElement("path",{style:t,d:"M20,4 C11.168,4 4,11.168 4,20 C4,28.832 11.168,36 20,36 C28.832,36 36,28.832 36,20 C36,11.168 28.832,4 20,4 Z"}),l.default.createElement("polygon",{style:n,points:"16.8 27.2 16.8 12.8 26.4 20"}))}}))}},13814:(e,t,a)=>{"use strict";a.d(t,{MK:()=>n,Ol:()=>s,Z6:()=>m,_5:()=>u,b4:()=>d,li:()=>o,oE:()=>c,pv:()=>p,rf:()=>y,yb:()=>i});var l=a(82851),r=a(50022);let n=(e,t)=>{let a=(0,l.get)(e,"media.videos.loadingVideos",[]);return(0,l.includes)(a,t)},o=(e,t)=>{let a=(0,l.get)(e,"media.videos.loadedVideos",[]);return(0,l.includes)(a,t)},i=(e,t)=>{let a=(0,l.get)(e,"media.videos.videos",[]);return(0,l.find)(a,{id:t})},s=(e,t)=>(0,l.values)((0,l.get)(e,`media.videos.relatedVideos.${t}`,{})),m=(e,t)=>{let a=s(e,t),r=(0,l.get)(e,"media.videos.watchedVideos",[]),n=(0,l.filter)(a,e=>!(0,l.includes)(r,e.video_id));return(0,l.head)(n)},c=(e,t,a,r)=>{let n=r?`${t}-${a}-${r}`:`${t}-${a}`;return(0,l.get)(e,`media.videos.videoLists[${n}]`,[])},d=(e,t)=>(0,l.get)(e,`media.videos.loadingErrors[${t}]`),p=(e,t,a,r)=>{let n=r?`${t}-${a}-${r}`:`${t}-${a}`;return(0,l.get)(e,`media.videos.loadingErrors[${n}]`)},u=(e,t=0,a)=>{let r=a?`${t}-${a}`:t;return(0,l.get)(e,`media.videos.pagination[${r}]`)},y=(e,t,a,n,o)=>{let i=new r.A(t,"video_list",{teamId:a,page:n,search:o});return(0,l.includes)((0,l.get)(e,"activityStream.loaded"),i.toString())}},27976:(e,t,a)=>{"use strict";a.d(t,{A:()=>u});var l=a(14232),r=a(82851),n=a(74055),o=a(55112),i=a(35027),s=a(93052),m=a(47104),c=a(34917);function d(){return(d=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var l in a)({}).hasOwnProperty.call(a,l)&&(e[l]=a[l])}return e}).apply(null,arguments)}let p=({onChange:e,sections:t,selected:a,...p})=>{let u={listStylePosition:"outside",listStyleType:"none",margin:0,padding:0},y=()=>a?l.createElement(n.A,{vertical:"small",component:"div"},l.createElement(o.A,d({onClick:()=>e(null),tabIndex:0,theme:"text",type:"button"},p),l.createElement(i.A,{preset:"subtitle--small",color:"dustygrey"},l.createElement(c.x6,{i18nKey:"news:clear_team_filter"},"Clear")))):null,g=t=>t.teams.map(t=>l.createElement(i.A,{key:t.id,color:"primary"},l.createElement("li",{style:{listStyleType:a===t.id?"disc":"none"}},l.createElement(n.A,{vertical:"small",component:"div"},l.createElement(o.A,d({onClick:()=>e(t.id),tabIndex:0},p,{theme:"text",type:"button"}),l.createElement(i.A,{preset:"subtitle--small",color:"dustygrey"}

3,t.name)))))),h={columns:"repeat(auto-fill, minmax(240px, 1fr))",rowGap:48*(1!==t.length),columnGap:48*(1!==t.length),responsive:[{maxWidth:720,props:{display:"block"}}]};return l.createElement(l.Fragment,null,t.length>1&&a&&l.createElement(m.A,h,l.createElement(s.A,{bottom:"medium"},y())),l.createElement(m.A,d({component:"ol"},h,{className:"ie-grid-four-col",style:u}),1===t.length?l.createElement(l.Fragment,null,a&&l.createElement("li",null,y()),g((0,r.head)(t))):t.map(e=>l.createElement(s.A,{bottom:"large",key:e.id},l.createElement("li",null,l.createElement(s.A,{bottom:"small"},l.createElement(i.A,{preset:"tag--large",component:"div",color:"primary"},e.name)),l.createElement("ol",{style:u},g(e)))))))};p.defaultProps={selected:null};let u=p},35865:(e,t,a)=>{"use strict";a.d(t,{A:()=>d});var l=a(14232),r=a(33581),n=a(12461),o=a(74055),i=a(30842),s=a(20008),m=a(35027);let c=({children:e,title:t,fullWidth:a,borderBottom:c})=>l.createElement(r.A,null,l.createElement(n.A,{fill:"#fff",borderBottom:c},l.createElement(o.A,{responsive:[{maxWidth:720,props:{horizontal:"medium"}}],horizontal:"large",component:"div"},l.createElement(i.A,{component:"div",maxWidth:1366,center:!0},l.createElement(s.A,{flexDirection:"row",alignItems:"center",justifyContent:a?"space-between":"flex-start"},t&&l.createElement(o.A,{top:20,bottom:19,style:{flex:a?1:""}},l.createElement(m.A,{preset:"title",color:"black"},t)),e)))));c.defaultProps={children:null,title:null,fullWidth:!0,borderBottom:null};let d=c},37842:(e,t,a)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/media/media-list",function(){return a(77052)}])},48219:(e,t,a)=>{"use strict";a.d(t,{$N:()=>o,Jq:()=>i,L4:()=>s});var l=a(53948),r=a(18368),n=a(50022);let o=(e,t,a)=>async o=>{try{o({type:l.sM,payload:{clubId:e,videoId:t}});let i=new n.A(e,"video",{id:t}),s=await r.A.getPageData(i,a),{related:m,...c}=s.data;return o({type:l.wS,payload:{videoId:t,video:c,related:m}}),o({type:l.Vv,payload:{clubId:e,messages:m,key:s.key.toString()}}),o({type:l.oh,payload:i.toString()}),{accessLevel:s.accessLevel}}catch(r){let a=500;return r&&(a=r.errorStatusCode||a),o({type:l.$3,payload:{clubId:e,videoId:t,statusCode:a,error:r}}),{error:r}}},i=(e,t,a,o,i)=>async s=>{try{s({type:l.P4,payload:{clubId:e,teamId:t,page:a,search:o}}),s({type:l.Tm,payload:{clubId:e}});let m=new n.A(e,"video_list",{teamId:t,page:a,search:o}),c=await r.A.getPageData(m,i),{videos:d,pagination:p}=c.data;return s({type:l.tf,payload:{clubId:e,teamId:t,page:a,videos:d,pagination:p,search:o}}),s({type:l.Vv,payload:{clubId:e,messages:d,key:c.key.toString()}}),s({type:l.oh,payload:m.toString()}),{}}catch(n){let r=500;return n&&(r=n.errorStatusCode||r),s({type:l._u,payload:{clubId:e,teamId:t,page:a,search:o,statusCode:r,error:n}}),{error:n}}},s=e=>t=>{t({type:l.fx,payload:{videoId:e}})}},59803:(e,t,a)=>{"use strict";a.d(t,{$:()=>o,r:()=>i});var l=a(53948),r=a(18368),n=a(50022);let o=(e,t,a)=>async o=>{try{o({type:l.$o,payload:{clubId:e,albumId:t}});let i=new n.A(e,"album",{id:t}),s=await r.A.getPageData(i,a);return o({type:l.dv,payload:{albumId:t,album:s.data}}),o({type:l.oh,payload:i.toString()}),{accessLevel:s.accessLevel}}catch(r){let a=500;return r&&(a=r.errorStatusCode||a),o({type:l.sp,payload:{clubId:e,albumId:t,statusCode:a,error:r}}),{error:r}}},i=(e,t,a,o,i)=>async s=>{try{s({type:l.tj,payload:{clubId:e,teamId:t,page:a,search:o}}),s({type:l.Tm,payload:{clubId:e}});let m=new n.A(e,"album_list",{teamId:t,page:a,search:o}),c=await r.A.getPageData(m,i),{albums:d,pagination:p}=c.data,u=c.key.toString();return s({type:l.Zv,payload:{clubId:e,teamId:t,albums:d,page:a,pagination:p,key:u,search:o}}),s({type:l.Vv,payload:{clubId:e,messages:d,key:u}}),s({type:l.oh,payload:m.toString()}),{}}catch(n){let r=500;return n&&(r=n.errorStatusCode||r),s({type:l.EL,payload:{clubId:e,teamId:t,page:a,search:o,statusCode:r,error:n}}),{error:n}}}},70564:(e,t,a)=>{"use strict";a.d(t,{A:()=>o});var l=a(14232),r=a(76603);let n=({advertisingTier:e,pageType:t,sportId:a,uid:n})=>l.createElement(r.A,null);n.defaultProps={uid:null};let o=n},77052:(e,t,a)=>{"use strict";a.r(t),a.d(t,{default:()=>en});var l=a(14232),r=a(2171),n=a(34917);a(70470),a(80597);var o=a(31661),i=a.n(o),s=a(8313),m=a(79722),c=a(11431),d=a(59803),p=a(56854),u=a(48219),y=a(13814),g=a(74055);a(59547);var h=a(82851),E=a(30842),f=a(47104),v=a(83377),A=a(83392);let b=({grid:e,isLoading:t,messages:a,placeholderLimit:r,placement:n,style:o})=>l.createElement(E.A,{component:"div",maxWidth:1366,center:!0},l.createElement(f.A,{preset:e,style:o},(0,h.map)(a,e=>l.createElement(A.A,{key:e.id,message:e,placement:n,stacked:"tab-and-up"})),(()=>{let e=[];

3if(t){let t=r-a.length;for(let a=0;a<t;a+=1)e.push(l.createElement(v.A,{key:a,stacked:"tab-and-up"}))}return e})()));b.defaultProps={grid:"activityStream",isLoading:!1,placeholderLimit:10,placement:null,style:{}};var x=a(58048),w=a(88124),k=a(82868),C=a(75826),$=a(70564),_=a(12461),P=a(27416),S=a(4439),I=a(35865),O=a(66101),T=a(7975),L=a(27976),z=a(20008),W=a(35027);let j=({onSearchCancel:e,onSearchChange:t,initialSearchTerm:a,inputRef:r,t:n,showClose:o})=>{let[i,s]=(0,l.useState)(a);return l.createElement(g.A,{vertical:"small",horizontal:"medium",component:"div"},l.createElement(z.A,{alignItems:"center"},l.createElement(z.A,{style:{border:"1px solid black",borderRadius:"100px",padding:"5px",flex:1}},l.createElement(g.A,{horizontal:"small",component:"div",style:{flex:1}},l.createElement(W.A,{preset:"subtitle--small",component:"div"},l.createElement("input",{name:"search",type:"text",placeholder:n("common:search"),value:i,onChange:e=>s(e.target.value),onKeyDown:e=>{let a=e.key||e.keyCode;("Enter"===a||13===a)&&t(i)},ref:r,style:{border:"none",background:"none",outline:"none",transition:"width 1.5s ease",width:"100%"}}))),l.createElement(S.A,{name:"search",size:18,style:{cursor:"pointer"},onClick:()=>{t(i)}})),o&&l.createElement(g.A,{left:"small"},l.createElement(S.A,{name:"cross",color:"black",onClick:e,size:18,style:{cursor:"pointer"}}))))};j.defaultProps={initialSearchTerm:""};let R=(0,n.CI)(["common"])(j),F=({club:e,onChangeTeamFilter:t,onSearchChange:a,search:r,team:n})=>{let o=(0,O.A)(),[i,s]=(0,l.useState)(!1),[m,c]=(0,l.useState)(r.length>0),d=()=>{c(!1),a("")},p=l.createElement(R,{key:`search-${r}`,onSearchChange:a,onSearchCancel:d,inputRef:e=>{e&&0===r.length&&e.focus()},initialSearchTerm:r,showClose:o||r});return l.createElement(l.Fragment,null,l.createElement(I.A,{title:"Media"},o?l.createElement(l.Fragment,null,l.createElement(T.A,{filterName:"search",filterValue:r,onFilterClick:()=>m?d():void c(!0)},l.createElement(S.A,{name:"search",size:20})),l.createElement(T.A,{filterName:"team",filterValue:n?.name,onFilterClick:()=>s(!i),isLastInRow:!0},l.createElement(S.A,{name:"t-shirt",size:20}))):l.createElement(l.Fragment,null,p,l.createElement(T.A,{filterName:"team",filterValue:n?.name,onFilterClick:()=>s(!i),isLastInRow:!0},l.createElement(S.A,{name:"t-shirt",size:20})))),o&&m&&l.createElement(_.A,{fill:"#fff"},l.createElement(g.A,{all:"medium",component:"div"},p)),l.createElement("div",{style:{maxHeight:9999*!!i,overflow:"hidden",transition:"max-height .5s ease"}},l.createElement(P.A,null,l.createElement(_.A,{fill:"#fff",borderTop:"thinLightGrey"},l.createElement(g.A,{horizontal:"large",vertical:"xlarge",component:"div"},l.createElement(E.A,{component:"div",maxWidth:1366,center:!0},l.createElement(L.A,{onChange:e=>{s(!1),t(e)},sections:e.sections,selected:n?n.id:null})))))))};F.defaultProps={search:"",team:null};var N=a(12567),V=a(31235),K=a(94389);let D=(0,K.A)(({color:e,left:t,width:a,uiTheme:r})=>{let n=(0,h.get)(r,`colors.${e}`,e);return l.createElement("div",{style:{position:"absolute",bottom:0,transition:"left .35s ease-in-out, width .25s ease-in-out",left:t+a/2,marginLeft:-(a/2),width:a}},l.createElement("div",{style:{border:`solid 2px ${n}`,borderRadius:6,content:"",height:0}}),l.createElement("div",{style:{border:"solid 3px transparent",borderBottomColor:n,marginLeft:-3,left:"50%",position:"absolute",top:"-6px"}}))});function q(){return(q=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var l in a)({}).hasOwnProperty.call(a,l)&&(e[l]=a[l])}return e}).apply(null,arguments)}let M=({color:e,children:t,style:a,...r})=>{let[n,o]=(0,l.useState)(null),[i,s]=(0,l.useState)(0),[m,c]=(0,l.useState)(0),d=e=>{e?(o(!0),s(e.offsetLeft),c(e.clientWidth)):o(!0)},p=!1,u=l.Children.map(t,t=>{if(!l.isValidElement(t))return t;let{isActive:a,...r}=t.props;return a&&(p=!0),l.cloneElement(t,{color:e,...r,isActive:a,activeRef:a?d:null})});return!p&&n&&o(!1),l.createElement("div",q({style:{overflowX:"auto",position:"relative",whiteSpace:"nowrap",...a}},r),u,n&&l.createElement(D,{color:e,left:i,width:m}))};M.defaultProps={color:"primary",style:{}};var H=a(61799);let B=({activeRef:e,children:t,className:a,color:r,isActive:n,style:o,uiTheme:i,...s})=>l.createElement("div",{ref:e,style:{display:"inline-block"}},l.createElement(H.A,s,l.createElement("a",null,l.createElement(g.A,{className:a,vertical:"medium",horizontal:"small",responsive:[{minWidth:"tab",props:{vertical:"small",horizontal:"medium"}}],style:{display:"inline-block",outline:"none",...o}},l.createElement(W.A,{preset:"name",responsive:[{minWidth:"tab",props:{lineHeight:"42px"}}

3],color:r,opacity:n?1:.6},t)))));B.defaultProps={activeRef:null,className:null,color:"primary",isActive:!1,style:{}};let G=(0,K.A)(B),J=({mediaType:e,search:t,teamId:a})=>{let r=a?{teamId:a}:{};return t&&(r.search=t),l.createElement(P.A,null,l.createElement(_.A,{fill:"#fff",borderTop:"thinLightGrey"},l.createElement(g.A,{horizontal:"large",responsive:[{maxWidth:720,props:{horizontal:"small"}}],component:"div"},l.createElement(E.A,{component:"div",maxWidth:1366,center:!0},l.createElement(M,{style:{textAlign:"left"}},l.createElement(G,{route:a?"media.albums.team":"media.albums",isActive:"albums"===e,params:r},l.createElement(W.A,{preset:"name",color:"albums"===e?"black":"dustygrey"},l.createElement(g.A,{right:"small"},l.createElement(S.A,{name:"camera",size:18,topOffset:4})),l.createElement(n.x6,{i18nKey:"common:albums"},"Albums"))),l.createElement(G,{route:a?"media.videos.team":"media.videos",isActive:"videos"===e,params:r},l.createElement(W.A,{preset:"name",color:"videos"===e?"black":"dustygrey"},l.createElement(g.A,{right:"small"},l.createElement(V.A,null,l.createElement(N.Ay,{size:18,topOffset:4,colorOne:"videos"===e?"black":"dustygrey",colorTwo:"white"}))),l.createElement(n.x6,{i18nKey:"common:videos"},"Videos"))))))))};J.defaultProps={search:null,teamId:null};let U=({label:e,route:t,params:a})=>l.createElement(g.A,{bottom:"small",component:"div"},l.createElement(_.A,{radius:"rounded",fill:"mercury",style:{display:"inline-block"}},l.createElement(g.A,{horizontal:8,vertical:6,component:"div",style:{display:"inline-block"}},l.createElement(H.A,{route:t,params:a},l.createElement("a",null,l.createElement(W.A,{preset:"name",color:"black"},e)))),l.createElement(_.A,{radius:"0 4px 4px 0",fill:"alto",style:{display:"inline-block"}},l.createElement(g.A,{all:6,component:"div"},l.createElement(H.A,{route:t,params:a},l.createElement("a",null,l.createElement(S.A,{name:"cross",preset:"name",color:"black"})))))));U.defaultProps={params:{}};var X=a(91486);let Z=({mediaType:e,team:t,search:a})=>{if(!t&&0===a.length)return l.createElement(g.A,{all:"large",component:"div",style:{maxWidth:280,margin:"0 auto",textAlign:"center"}},l.createElement(g.A,{bottom:"medium"},l.createElement(W.A,{preset:"subtitle--large",component:"div"},l.createElement(n.x6,{i18nKey:`media:no_${e}_results`},`Sorry, there aren’t any ${e} to show`))),l.createElement(g.A,{bottom:"medium"},l.createElement(W.A,{preset:"body--small",color:"dovegrey",component:"div"},l.createElement(n.x6,{i18nKey:`media:no_${e}_results_description`},"If you have photos of this club, why not upload them?"))),l.createElement(X.A,{mediaType:e}));let r=t?`media.${e}.team`:`media.${e}`,o=t?{teamId:t.id}:{},i=a.length?{search:a}:{};return l.createElement(g.A,{all:"large",component:"div",style:{maxWidth:300,margin:"0 auto",textAlign:"center"}},a&&l.createElement(U,{label:a,route:r,params:o}),t&&l.createElement(U,{label:t.name,route:`media.${e}`,params:i}),l.createElement(g.A,{bottom:"medium"},l.createElement(W.A,{preset:"subtitle--large",component:"div"},l.createElement(n.x6,{i18nKey:`media:no_filtered_${e}_results`},`Sorry, there aren’t any ${e} that match your filters`))),l.createElement(g.A,{bottom:"medium"},l.createElement(W.A,{preset:"body--small",color:"dovegrey",component:"div"},l.createElement(n.x6,{i18nKey:"common:no_filtered_results_advice"},"Try changing or clearing your filters"))),l.createElement(H.A,{route:`media.${e}`},l.createElement("a",null,l.createElement(W.A,{preset:"button",color:"primary"},l.createElement(n.x6,{i18nKey:"common:clear_all_filters_cta"},"Clear all filters")))))};function Q(){return(Q=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var l in a)({}).hasOwnProperty.call(a,l)&&(e[l]=a[l])}return e}).apply(null,arguments)}Z.defaultProps={team:null,search:""};let Y=({club:e,isLoading:t,mediaType:a,messages:r,onChangeTeamFilter:n,onSearchChange:o,page:i,pagination:s,search:m,team:c,t:d})=>{let p={};c&&(p.teamId=c.id),m.length&&(p.search=m);let u=`media:page_title_${a}`,y=`media:meta_description_${a}`,h={teamName:c?c.name:""};m?u+="_search":s&&s.totalPages&&s.totalPages>1&&(u+="_paginated",h.page=s.page,h.totalPages=s.totalPages);let{advertisingTier:E,sportId:f}=e;return l.createElement(l.Fragment,null,l.createElement(k.A,{club:e,descriptionTranslationKey:y,titleTranslationKey:u,translationValues:h,route:`media.${a}`}),l.createElement(x.A,null),l.createElement(F,{club:e,mediaType:a,onChangeTeamFilter:n,onSearchChange:o,search:m,team:c,t:d}

3),l.createElement(J,{mediaType:a,teamId:c?c.id:null,search:m}),l.createElement(g.A,{top:"medium"},l.createElement($.A,{advertisingTier:E,pageType:`media.list.${a}`,sportId:f,uid:a})),l.createElement(g.A,{vertical:"medium",responsive:[{minWidth:"palm",props:{horizontal:"medium"}},{minWidth:"lap",props:{horizontal:"large"}}],component:"div"},r.length>0||t?l.createElement(l.Fragment,null,l.createElement(b,{isLoading:t,messages:r.slice(0,12),placeholderLimit:12}),l.createElement(g.A,{top:"small",responsive:[{minWidth:"tab",props:{top:"large"}}]},l.createElement(C.A,{key:a})),l.createElement(g.A,{component:"div",top:"small",responsive:[{minWidth:"tab",props:{top:"large"}}]},l.createElement(b,{isLoading:t,messages:r.slice(12),placeholderLimit:0})),s&&l.createElement(g.A,{vertical:"large",component:"div",style:{textAlign:"center"}},l.createElement(w.A,Q({},s,{page:i,route:c?`media.${a}.team`:`media.${a}`,routeParams:p})))):l.createElement(Z,{mediaType:a,team:c,search:m})))};Y.defaultProps={pagination:null,team:null};var ee=a(34560),et=a(81883);function ea(){return(ea=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var l in a)({}).hasOwnProperty.call(a,l)&&(e[l]=a[l])}return e}).apply(null,arguments)}class el extends l.Component{static async getInitialProps({asPath:e,club:t,query:a,isServer:l,reduxStore:r,req:n,res:o}){let i=l&&(0,s.rm)(a.matchedRouteName)||(/videos(\/team-[0-9]+)?\/?/.exec(e)?"videos":"albums"),{search:m=""}=a,c=a.page?Math.max(parseInt(a.page,10),1):1,p=a.teamId?parseInt(a.teamId,10):0,y={activeSection:i,mediaType:i,namespacesRequired:["common","media"],page:c,pageType:`media.list.${i}`,search:m,teamId:p};if(!l||!t)return y;if(!t.galleryEnabled)return o.statusCode=404,y;try{let e="albums"===i?d.r:u.Jq,{error:a}=await r.dispatch(e(t.id,p,c,m,n));return a&&a.errorStatusCode&&o&&(o.statusCode=a.errorStatusCode),y}catch(e){return y}}componentDidMount(){this.loadIfRequired()}componentDidUpdate(e){let{mediaType:t,teamId:a,page:l,search:r}=this.props,{mediaType:n,teamId:o,page:i,search:s}=e;(t!==n||a!==o||l!==i||r!==s)&&this.loadIfRequired()}loadIfRequired=()=>{let{isLoading:e,previouslyLoaded:t,club:{galleryEnabled:a}}=this.props;if(a&&!e&&!t){let{loadAlbums:e,loadVideos:t,mediaType:a,club:{id:l},teamId:r,page:n,search:o}=this.props;("albums"===a?e:t)(l,r,n,o)}};onChangeTeamFilterHandler=e=>{let{mediaType:t,club:a}=this.props;e?i().pushClubRoute(a,`media.${t}.team`,{teamId:e}):i().pushClubRoute(a,`media.${t}`)};onSearchChangeHandler=e=>{let{mediaType:t,club:a,teamId:l}=this.props,r=`media.${t}`,n={};e.length&&(n.search=e.replace(/[^0-9a-z\-_ ]/gi,"")),l&&(n.teamId=l,r=`media.${t}.team`),i().pushClubRoute(a,r,n)};render(){let{loadingError:e,club:t}=this.props;if(!t.galleryEnabled)return l.createElement(ee.A,{club:t});if(e)return l.createElement(et.A,ea({clubId:t.id},e));let{mediaType:a,isLoading:r,messages:n,page:o,pagination:i,search:s,team:m,t:c}=this.props;return l.createElement(Y,{club:t,isLoading:r,messages:n,mediaType:a,onChangeTeamFilter:this.onChangeTeamFilterHandler,onSearchChange:this.onSearchChangeHandler,page:o,pagination:i,search:s,team:m,t:c})}}el.defaultProps={loadingError:null,messages:[],page:1,pagination:null,team

3:null,teamId:null};let er={loadAlbums:d.r,loadVideos:u.Jq},en=(0,r.Ng)((e,t)=>({isLoading:(0,c.Fz)(e),loadingError:"albums"===t.mediaType?(0,p.Nh)(e,t.teamId,t.page,t.search):(0,y.pv)(e,t.teamId,t.page,t.search),messages:"albums"===t.mediaType?(0,p.oy)(e,t.teamId,t.page,t.search):(0,y.oE)(e,t.teamId,t.page,t.search),previouslyLoaded:"albums"===t.mediaType?(0,p.jL)(e,t.club.id,t.teamId,t.page,t.search):(0,y.rf)(e,t.club.id,t.teamId,t.page,t.search),pagination:"albums"===t.mediaType?(0,p.ep)(e,t.teamId,t.search):(0,y._5)(e,t.teamId,t.search),team:t.teamId?(0,m.cO)(e,t.club.id,t.teamId):null}),er)((0,n.CI)(["common","media"])(el))},80597:(e,t,a)=>{"use strict";var l=a(95062),r=a.n(l);r().shape({message:r().string,statusCode:r().number})},83377:(e,t,a)=>{"use strict";a.d(t,{A:()=>c});var l=a(14232),r=a(12461),n=a(45939),o=a(74055),i=a(65565),s=a(69500);let m=({stacked:e})=>l.createElement(r.A,{radius:"rounded"},l.createElement(s.A,{stacked:e,renderImage:()=>l.createElement(n.A,{style:{borderRadius:"4px 4px 0 0"},preset:"card",fullWidth:!0}),renderBody:()=>l.createElement(l.Fragment,null,l.createElement(o.A,{bottom:"small",component:"div"},l.createElement(i.A,{preset:"tag--large",width:"20%"})),l.createElement(i.A,{preset:"subtitle--large",width:"100%"}),l.createElement(i.A,{preset:"subtitle--large",width:"75%"}),l.createElement(o.A,{top:"medium",component:"div"},l.createElement(i.A,{preset:"body--small",width:"30%"})))}));m.defaultProps={stacked:"always"};let c=m},88124:(e,t,a)=>{"use strict";a.d(t,{A:()=>d});var l=a(14232),r=a(93052),n=a(12461),o=a(74055),i=a(35027),s=a(4439),m=a(61799);let c=({page:e,route:t,routeParams:a,totalPages:c})=>{if(c<=1)return null;let d=(e,s=!1)=>l.createElement(m.A,{route:t,params:{...a,page:e}},l.createElement("a",null,l.createElement(r.A,{right:"xsmall"},l.createElement(n.A,{fill:s?"primary":"alto",radius:"rounded"},l.createElement(o.A,{horizontal:e>9?9:12,vertical:"xsmall",component:"div",style:{display:"inline-block"}},l.createElement(i.A,{preset:"name",color:s?"primaryContrast":"black"},e)))))),p=()=>l.createElement(r.A,{right:"xsmall",component:"div",style:{display:"inline-block"}},l.createElement(i.A,{preset:"name",color:"black"},"…"));return l.createElement("div",null,e<=1?null:l.createElement(m.A,{route:t,params:{...a,page:e-1}},l.createElement("a",null,l.createElement(r.A,{right:"xsmall"},l.createElement(n.A,{fill:"alto",radius:"rounded"},l.createElement(o.A,{all:"xsmall",component:"div",style:{display:"inline-block"}},l.createElement(i.A,{preset:"name",color:"black"},l.createElement(s.A,{name:"back-arrow",preset:"name"}))))))),e>2&&d(1),e>3&&p(),e>1&&d(e-1),d(e,!0),e<c&&d(e+1),e<c-2&&p(),e<c-1&&d(c),e>=c?null:l.createElement(m.A,{route:t,params:{...a,page:e+1}},l.createElement("a",null,l.createElement(n.A,{fill:"alto",radius:"rounded"},l.createElement(o.A,{all:"xsmall",component:"div",style:{display:"inline-block"}},l.createElement(i.A,{preset:"name",color:"black"},l.createElement(s.A,{name:"forward-arrow",preset:"name"})))))))};c.defaultProps={routeParams:{}};let d=c},91486:(e,t,a)=>{"use strict";a.d(t,{A:()=>c});var l=a(55112),r=a(27416),n=a(14232),o=a(31411),i=a(34917),s=a(66101);function m(){return(m=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var l in a)({}).hasOwnProperty.call(a,l)&&(e[l]=a[l])}return e}).apply(null,arguments)}let c=({mediaType:e,...t})=>{let a=(0,s.A)();return n.createElement(o.A,{href:"https://www.pitchero.com/account/settings/videos-photos/"},a?n.createElement(l.A,m({theme:"solidWhite"},t,{style:{border:"1px solid black",padding:"10px",marginLeft:"5px"}}),n.createElement(i.x6,{i18nKey:"media:upload"},"Upload")):n.createElement(r.A,{shadow:"dark"},n.createElement(l.A,m({theme:"primary"},t),n.createElement(i.x6,{i18nKey:`media:upload_${e}`},`Upload ${e}`))))}}},e=>{e.O(0,[2909,2545,7315,6223,9588,1325,6006,4725,453,636,6593,8792],()=>e(e.s=37842)),_N_E=e.O()}]);
4//# debugId=f568adb8-1ac4-53fe-80b4-d0e24cddbfd9