https://www.fancode.com/fc-web-app/1790769440771/build/mobile/clie…ted-videos.mobile.abbf966b202fdb21.chunk.js

1"use strict";(self.webpackChunk_fancode_web_app=self.webpackChunk_fancode_web_app||[]).push([["4481"],{41650:function(e,t,o){o.d(t,{L2:()=>d,V3:()=>c,W2:()=>u,gS:()=>s,he:()=>m,lw:()=>_,pZ:()=>p,y:()=>f});var n=o(19721),a=o(45797),l=o(69576),i=o(35516),r=o(78943);let d=r.ZP.div.withConfig({displayName:"gallery-content-card.styled__TopContainer",componentId:"sc-f85031c9-0"})(["box-shadow:1px 1px 8px 0px ",";position:relative;border-radius:4px;background:",";border:1px solid ",";overflow:hidden;"],({theme:e})=>e.palette.fc_colour_surface_elevation_00,({theme:e})=>e.palette.fc_colour_surface_elevation_04,({theme:e})=>e.palette.fc_colour_border_neutral_10),s=r.ZP.div.withConfig({displayName:"gallery-content-card.styled__GalleryCardImageContainer",componentId:"sc-f85031c9-1"})(["width:","px;height:","px;@media (min-width:","){overflow:hidden;}"],e=>e.$width,e=>e.$height,l.nN.DESKTOP),c=(0,r.ZP)(a.r).withConfig({displayName:"gallery-content-card.styled__GalleryCardImage",componentId:"sc-f85031c9-2"})(["transition:transform 0.3s ease-in-out;transform:scale(1);"]),u=r.ZP.div.withConfig({displayName:"gallery-content-card.styled__Container",componentId:"sc-f85031c9-3"})(["@media (max-width:","){width:","px;min-width:","px;}@media (min-width:","){width:","px;min-width:","px;&:hover ","{transform:scale(1.1);}&:active ","{box-shadow:0px 0px 6px 0px ",";}}"],l.nN.DESKTOP,e=>e.width,e=>e.width,l.nN.DESKTOP,e=>e.width,e=>e.width,c,d,({theme:e})=>e.palette.fc_colour_surface_elevation_00),p=(0,r.ZP)(n.Z).withConfig({displayName:"gallery-content-card.styled__GalleryContentFcLink",componentId:"sc-f85031c9-4"})(["@media (max-width:","){scroll-snap-align:center;}@media (min-width:","){scroll-snap-align:start;}"],l.nN.DESKTOP,l.nN.DESKTOP),m=r.ZP.div.withConfig({displayName:"gallery-content-card.styled__BottomContainer",componentId:"sc-f85031c9-5"})(["margin-top:2px;@media (min-width:","){margin-top:8px;}"],l.nN.DESKTOP);r.ZP.div.withConfig({displayName:"gallery-content-card.styled__ViewsContainer",componentId:"sc-f85031c9-6"})(["margin-top:2px;"]);let _=r.ZP.div.withConfig({displayName:"gallery-content-card.styled__ShadowOverlay",componentId:"sc-f85031c9-7"})(["position:absolute;bottom:0;left:0;width:100%;height:52px;opacity:0.72;background:linear-gradient( 180deg,"," 0%,"," 100% );"],({theme:e})=>e.palette.fc_colour_surface_greyAlpha_00,({theme:e})=>e.palette.fc_colour_surface_elevation_00),f=(0,r.ZP)(i.Z).withConfig({displayName:"gallery-content-card.styled__CategoryTitleLabel",componentId:"sc-f85031c9-8"})(["position:absolute;left:8px;bottom:8px;text-shadow:",";"],({theme:e})=>`0px 0px 8px ${e.palette.fc_colour_surface_greyAlpha_04}, 1px 1px 1px ${e.palette.fc_colour_surface_greyAlpha_01}, 0px 0px 20px ${e.palette.fc_colour_surface_elevation_01}`)},14361:function(e,t,o){o.d(t,{Z:()=>u});var n=o(2784),a=o(35516),l=o(30881),i=o(1038),r=o(41650),d=o(25152),s=o(70850),c=o(20253);let u=n.memo(e=>{var t,o,u,p,m,_,f,h,g;let y=(0,s.d)(),v=(0,n.useMemo)(()=>{var t,o,n,a,l,i,r;return d.Z5.VIDEO_DETAIL.reverse({sportsSlug:(0,d.yT)(null!=(a=null==(t=e.contentCardData.sport)?void 0:t.name)?a:"cricket",!0),tourName:`${(0,d.yT)(null!=(l=null==(o=e.contentCardData.tour)?void 0:o.name)?l:"tour",!0)}-${null!=(i=null==(n=e.contentCardData.tour)?void 0:n.collectionId)?i:0}`,videoInfo:(0,d.yT)(null!=(r=e.contentCardData.title)?r:"video",!0)+"-"+String(e.contentCardData.id)})},[e.contentCardData]),x=(null!=(m=null==(t=e.cardDimensions)?void 0:t.width)?m:y)?185:291,C=(null!=(_=null==(o=e.cardDimensions)?void 0:o.height)?_:y)?105:166,{palette:b,typeFace:w}=(0,i.z)(),I=(0,n.useMemo)(()=>({slotPosition:e.slotPosition,sectionPosition:e.sectionPosition,pageSource:e.pageSource}),[e.slotPosition,e.sectionPosition,e.pageSource]),E=(0,n.useCallback)(()=>{e.onClickCB&&e.onClickCB({contentId:e.contentCardData.id,contentName:e.contentCardData.title,slotPosition:e.slotPosition,sectionPosition:e.sectionPosition})},[e.onClickCB,e.contentCardData,e.slotPosition,e.sectionPosition]),P=(0,c.Ij)({componentName:"galleryCard",indexNumber:e.slotPosition});return n.createElement(r.pZ,{to:v,state:I,onClick:E,testId:P.galleryCard},n.createElement(r.W2,{style:e.style,width:x},n.createElement(r.L2,{style:e.topContainerStyle},n.createElement(r.gS,{$height:C,$width:x},n.createElement(r.V3,{src:null!=(f=null==(u=e.contentCardData.thumbnail)?void 0:u.src)?f:"",width:x,height:C,alt:e.contentCardData.title}),n.createElement(r.lw,null)),n.createElement(r.y,{use:(null!=(h=e.categoryLabelTypeface)?h:y)?w.fc_text_Saira_Tag2_SemiBoldItalic12:w.fc_text_Saira_Button4_BoldItalic14,labelColor:b.fc_colour_text_neutralMedium},null==(p=e.contentCardData.category)?void 0:p.title),e.contentCardData.duration?n.createElement(l.Z,{duration:e.contentCardData.duration,isMobile:y,videoLabelTypeface:e.videoLabelTypeface,style:e.durationContainerStyle}):null),n.createElement(r.he,null,n.createElement("div",null,n.createElement(a.Z,{use:y?w.fc_text_Caption1_Medium12:w.fc_text_Subtitle2_Medium14,labelColor:null!=(g=e.videoLabelColor)?g:b.fc_colour_text_neutralLight,numberOfLines:2},e.contentCardData.title)))))})},30881:function(e,t,o){o.d(t,{Z:()=>p});var n=o(2784),a=o(1038),l=o(55320),i=o(35516),r=o(78943);let d=r.ZP.div.withConfig({displayName:"video-duration.styled__Container",componentId:"sc-62cb1225-0"})(["position:absolute;bottom:8px;right:0px;height:18px;background-size:100% 100%;margin-left:13px;background-repeat:no-repeat;display:flex;align-items:center;justify-content:flex-start;padding-left:18px;padding-right:4px;background-color:",";"],e=>e.theme.palette.fc_colour_surface_greyAlpha_02),s=(0,r.ZP)(i.Z).withConfig({displayName:"video-duration.styled__DurationLabel",componentId:"sc-62cb1225-1"})([""]),c=r.ZP.svg.withConfig({displayName:"play-icon__Svg",componentId:"sc-b1eafb7c-0"})(["position:absolute;

1left:-7px;"]),u=n.memo(()=>{let e=(0,a.z)();return n.createElement(c,{xmlns:"http://www.w3.org/2000/svg",width:"23",height:"18",viewBox:"0 0 23 18",fill:"none"},n.createElement("path",{d:"M3.66473 0.791709C3.76305 0.330049 4.17078 0 4.6428 0H23L19.1667 18H1.23539C0.59926 18 0.124821 17.4139 0.257321 16.7917L3.66473 0.791709Z",fill:"url(#paint0_linear_1732_25781)"}),n.createElement("path",{d:"M9.56241 5.63966L8 12.3603C8 12.865 8.6003 13.1716 9.06259 12.8969L14.6792 9.58811C15.1069 9.339 15.1069 8.76411 14.6792 8.50861L10.625 5.1031C10.1627 4.82843 9.56241 5.13504 9.56241 5.63966Z",fill:"white"}),n.createElement("defs",null,n.createElement("linearGradient",{id:"paint0_linear_1732_25781",x1:"11.1806",y1:"0",x2:"11.1806",y2:"18",gradientUnits:"userSpaceOnUse"},n.createElement("stop",{stopColor:e.palette.fc_colour_surface_brandMedium}),n.createElement("stop",{offset:"1",stopColor:e.palette.fc_colour_surface_brandMedium}))))}),p=n.memo(e=>{var t;let{palette:o,typeFace:i}=(0,a.z)();return n.createElement(d,{style:e.style},n.createElement(u,null),n.createElement(s,{use:(null!=(t=e.videoLabelTypeface)?t:e.isMobile)?i.fc_text_Saira_Tag1_SemiboldItalic11:i.fc_text_Saira_Tag2_SemiBoldItalic12,labelColor:o.fc_colour_text_neutralMedium},(0,l.g9)(e.duration)))})},71697:function(e,t,o){o.r(t),o.d(t,{default:()=>R});var n=o(6368),a=o(19721),l=o(15372),i=o(8837),r=o(1038),d=o(56293),s=o(14361),c=o(55862),u=o(67765),p=o(27029),m=o(50094),_=o(13827),f=o(92208),h=o(6821),g=o(25152),y=o(2784),v=o(17579);let x=["gallery"],C=`query RelatedVideoSection($filter: SegmentFilter!, $page: Int!) {
2  contentSegment: gallery(filter: $filter, page: $page) {
3    edges {
4      ...GalleryContentFragment
5    }
6    pageInfo {
7      previous
8      next
9    }
10    info {
11      collectionId
12      name
13      sport {
14        name
15      }
16    }
17  }
18}
19        fragment GalleryContentFragment on GalleryContent {
20  id
21  title
22  duration
23  category {
24    title
25  }
26  thumbnail {
27    src
28  }
29  sport {
30    name
31  }
32  tour {
33    id
34    collectionId
35    name
36  }
37}`,b=(e,t)=>(0,v.Uv)(t,(0,n._)({query:C,operationName:"RelatedVideoSection",operationType:"query",sha256Hash:"66b4b27ce12d16f32008f03bd26413a2e78e7b018cdb2c99db73f1a63c663499",queryFieldNames:x},e));var w=o(40511),I=o(70590),E=o(4830);let P="RelatedVideos",S=(0,p.zI)(P,{loaded:!1,hasError:!1,relatedVideosResponse:null}),D=(0,p.PU)(S,{mount:(e,t)=>e,onRelatedVideoResponse:(e,t)=>{var o,n,a;let l=(0,E.VZ)(t);return!l&&(null==t||null==(o=t.data)?void 0:o.data)&&(e.relatedVideosResponse=null==t||null==(a=t.data)||null==(n=a.data)?void 0:n.contentSegment),e.loaded=!0,e.hasError=l,e}}),Z=(0,p.Rl)(D,{mount:(e,t,o,n,a)=>[{resultCallback:t.onRelatedVideoResponse,ioAction:b({enableAPQ:!0,variables:{filter:{matchId:null==o?void 0:o.matchId},page:1}},a)}],trackEvent:(e,t,o,n,a)=>[{ioAction:(0,I.UI)({type:I.n7.TRACK,destinations:[I.D1.DATA_HIGHWAY],name:o.name,params:(0,w.P)(o.params,a)})}]});var k=o(78943),N=o(69576),T=o(35516);let $=k.ZP.div.withConfig({displayName:"related-videos.styled__RootContainer",componentId:"sc-5a1fa433-0"})(["display:flex;flex-direction:column;gap:6px;"]),M=(0,k.ZP)(T.Z).withConfig({displayName:"related-videos.styled__SectionTitle",componentId:"sc-5a1fa433-1"})(["padding-left:16px;"]),L=k.ZP.div.withConfig({displayName:"related-videos.styled__TitleContainer",componentId:"sc-5a1fa433-2"})(["flex-direction:row;display:flex;align-items:center;"]),V=k.ZP.div.withConfig({displayName:"related-videos.styled__CarouselItemsContainer",componentId:"sc-5a1fa433-3"})(["display:flex;transition:transform 5s ease-in-out;scroll-snap-type:x mandatory;overflow-x:auto;gap:8px;padding-left:16px;padding-right:16px;&::-webkit-scrollbar{height:2px;border-radius:2px;display:none;}&::-webkit-scrollbar-thumb{background-color:",";border-radius:2px;box-shadow:0px 0px 8px 0px ",";}&::-webkit-scrollbar-track-piece{background-color:",";border-radius:2px;}&::-webkit-scrollbar-track{@media (max-width:","){margin:0 38vw;}@media (min-width:","){margin:0 574px;}}"],e=>`${e.theme.palette.fc_colour_surface_neutral_50}`,({theme:e})=>e.palette.fc_colour_surface_elevation_00,({theme:e})=>e.palette.fc_colour_surface_neutral_50,N.nN.DESKTOP,N.nN.DESKTOP),R=y.memo(e=>{var t,o,v,x,C;let[b,w,I]=(0,p.cE)(p.qG.concat(e.source,P),Z,p.zG),{palette:E}=(0,r.z)();(0,i.n)(b,w,()=>{w.loaded||I.mount(e)},m.s$);let{matchInfoResponse:S}=(0,c.P)(e.parentSource,["matchInfoResponse"]);(0,y.useEffect)(()=>{w.loaded&&w.hasError&&I.mount(e)},[w.loaded,w.hasError,e]);let D=(0,y.useCallback)(e=>{var t,o;I.trackEvent({name:"VideoCardClicked",params:(0,n._)({sourceTourId:null==S||null==(t=S.tour)?void 0:t.id,sourceMatchId:null==S||null==(o=S.match)?void 0:o.id,sourceMatchStatus:null==S?void 0:S.status.status,screenName:u.q.match

37DetailV2,sectionName:"Related Videos"},e)})},[S,e.sectionPosition]),k=(0,y.useCallback)((t,o)=>{var n,a;return y.createElement(s.Z,{key:null==t?void 0:t.id,collectionId:null!=(a=null==t||null==(n=t.tour)?void 0:n.collectionId)?a:0,slotPosition:o,contentCardData:t,videoLabelColor:E.fc_colour_text_neutralLight,onClickCB:D,sectionPosition:e.sectionPosition})},[D]),N=(0,y.useMemo)(()=>{var t,o,n,a,l,i,r,d;return g.Z5.MATCH_DETAILS.reverse({sportsSlug:null!=(i=null==S||null==(o=S.match)||null==(t=o.sport)?void 0:t.slug)?i:"",tabSlug:h.cy.KEY_MOMENTS,tourInfo:`${null!=(r=null==S||null==(n=S.tour)?void 0:n.slug)?r:"tour"}-${String(null==S||null==(a=S.tour)?void 0:a.collectionId)}`,matchInfo:`${null!=(d=null==S||null==(l=S.features)?void 0:l.slug)?d:"match"}-${String(e.matchId)}`})},[S,e.matchId]);return y.createElement(d.Z,{id:b},(null==(t=w.relatedVideosResponse)?void 0:t.edges)&&(null==(v=w.relatedVideosResponse)||null==(o=v.edges)?void 0:o.length)>0?y.createElement($,null,y.createElement(a.Z,{to:N},y.createElement(L,null,y.createElement(M,{use:_.Iy.fc_text_Saira_Subtitle2_Semibold14,labelColor:E.fc_colour_text_neutralMedium},(0,l.uU)(l.$x.related_videos)),y.createElement(f.ZP,{name:"chevron-right",size:20,color:E.fc_colour_icon_neutralMedium}))),y.createElement(V,null,null==(C=w.relatedVideosResponse)||null==(x=C.edges)?void 0:x.map(k))):null)})},55320:function(e,t,o){o.d(t,{HO:()=>r,Q8:()=>s,qt:()=>c,jq:()=>p,g9:()=>i,Qf:()=>d});var n=o(6371);let a=(e,t)=>t.filter(e=>(0,n.Pm)(e)&&!!e).join(e),l=(e,t)=>1===e?`${e} ${t}`:`${e} ${t}s`,i=function(e){if(!e)return"";let t=parseInt(e=String(e||0),10),o=Math.floor(t/3600),n=Math.floor((t-3600*o)/60),l=t-3600*o-60*n;return a(":",[o,[n,l].map(e=>e<10?"0"+e:e).join(":")])},r=(e,t,o=!0)=>{let n={days:"day",hours:"hr",seconds:"second",minutes:"min"},a=d(e,t);if(0!==a.days){let e=l(a.days,n.days);return o?e:`${e} ${l(a.hours,n.hours)}`}if(0!==a.hours){let e=l(a.hours,n.hours);return o?e:`${e} ${l(a.minutes,n.minutes)}`}if(0!==a.minutes){let e=l(a.minutes,n.minutes);return o?e:`${e} ${l(a.seconds,n.seconds)}`}return l(a.seconds,n.seconds)},d=function(e,t){let o=u(e,t),n=Math.floor(o/86400),a=o%86400,l=Math.floor(a/3600),i=a%3600;return{days:n,hours:l,minutes:Math.floor(i/60),seconds:Math.floor(i%60)}},s=(e,t)=>{let o=new Date(parseInt(e)),n=new Date(parseInt(t));return o.getFullYear()===n.getFullYear()&&o.getMonth()===n.getMonth()&&o.getDate()===n.getDate()},c=(e,t)=>({seconds:u(e,t,!1),timeObj:d(e,t)}),u=(e,t,o=!0)=>{let n=(new Date(t).getTime()-new Date(e).getTime())/1e3;return o?Math.abs(n):n},p=e=>0!==e.days?e.days+"d"+(0!==e.hours?" "+e.hours+"h":""):0!==e.hours?e.hours+"h"+(0!==e.minutes?" "+e.minutes+"m":""):0!==e.minutes?e.minutes+"m"+(0!==e.seconds?" "+e.seconds+"s":""):0!==e.seconds?e.seconds+"s":null}}]);