https://www.racingtv.com/static/js/1857.60eaf19c.chunk.js

1"use strict";(self.webpackChunkweb=self.webpackChunkweb||[]).push([[1857],{13288:(e,t,n)=>{n.d(t,{Ay:()=>__WEBPACK_DEFAULT_EXPORT__,ES:()=>NoReplays});var a=n(1495),s=n(8715),r=n(53706),o=n(36665),i=n(2037),l=n(50208),c=n(27982),d=n(57890),p=n(29363),m=n(77753),u=n(47667),h=n(51882),g=n(76435),y=n(1602),f=n(90512),b=n(29158),x=n(51419),j=n(95924),A=n(60397);const NoReplays=({message:e})=>(0,A.jsx)(g.pp,{message:e}),renderMeetingInfo=e=>{const{races:t,startTime:n,endTime:a,trackCondition:s}=e;return(0,A.jsx)(l.A,{style:{marginRight:i.A.spacing.xsmall},children:`${t.length} race${t.length>1?"s":""} ${(0,h.gw)(n)} - ${(0,h.gw)(a)}, ${s?.capitalize()}`})},renderRaceItems=(e,t,n)=>(0,A.jsx)(a.A,{style:C.racesContainer,children:e.map(((e,t)=>(0,A.jsx)(x.A,{navScreen:"IndividualReplay",navParams:e.replayURL,children:(0,A.jsx)(d.U6,{style:C.raceItem,displayAs:"list",description:e.description?.capitalize(),thumbnailUrl:e.thumbnailUrl,video:!0,arrowText:"Full Result",arrowNavigatesTo:{screen:"IndividualResult",params:e.linkToFullResults},descriptionHeading:(0,h.gw)(e.startTime),onPress:()=>{}},t)},t)))}),C=s.A.create({container:{display:"flex",backgroundColor:i.A.colors.palette.neutral.x100,width:"100%",padding:i.A.spacing.xsmall,flexDirection:"row",alignItems:"center",justifyContent:"space-between",marginTop:i.A.spacing.xxsmall},trackNameContainer:{display:"flex",flexDirection:"row",alignItems:"center"},meetingInfoContainer:{display:"flex",flexDirection:"row",alignItems:"center"},marginLeft:{marginLeft:i.A.spacing.xsmall},marginRight:{marginRight:i.A.spacing.xsmall},racesContainer:{width:"100%"},raceItem:{marginBottom:i.A.spacing.xxsmall,height:100}}),__WEBPACK_DEFAULT_EXPORT__=({date:e,method:t,emptyMessage:n="No replays available."})=>{const{isLargeAndUp:s}=(0,p.Qs)(),[i,d]=(0,o.useState)({0:!0}),[x,w]=(0,o.useState)([]),[v,R]=(0,o.useState)(!0),T=(0,y.cq)();return(0,o.useEffect)((()=>{R(!0);(e?(0,b.f9)(e):t()).then((e=>{console.log("**** response: ",e),w(e)})).catch((e=>{console.log("**** error: ",e),w([])})).finally((()=>R(!1)))}),[t,e]),v?(0,A.jsx)(g.Gu,{name:"RacecardByDateLoader",text:""}):x?.length?(0,A.jsxs)(f.A,{priority:2,children:[(0,A.jsx)(j.mg,{children:!h.MD&&(0,A.jsx)("meta",{name:"robots",content:"noindex"})}),x.map(((e,t)=>{if(e?.races?.length)return(0,A.jsxs)(a.A,{children:[(0,A.jsxs)(r.A,{style:C.container,onPress:()=>d(Object.assign({},i,{[t]:!i[t]})),children:[(0,A.jsxs)(a.A,{style:C.trackNameContainer,children:[s&&e.flagCode&&(0,A.jsx)(c.default,{style:C.marginRight,size:"medium",name:`flag_${e.flagCode}`}),(0,A.jsx)(l.A,{style:C.marginRight,uppercase:!0,size:s?"lg":"md",weight:"bold",family:"secondary",children:e.trackName}),"RTV"===e?.tvChannel&&(0,A.jsx)(c.default,{name:"rLogo",fill:"palette.rtv.primary",size:"medium"})]}),(0,A.jsxs)(a.A,{style:C.meetingInfoContainer,children:[s&&renderMeetingInfo(e),(0,A.jsx)(m.A,{degreesToRotate:180,trigger:i[t],children:(0,A.jsx)(c.default,{name:"chevronBoldDown",size:"small"})})]})]}),(0,A.jsx)(u.A,{open:i[t],children:!!i[t]&&renderRaceItems(e.races,s,T)})]},e.trackName+t)}))]}):(0,A.jsx)(NoReplays,{message:n})}},61857:(e,t,n)=>{n.r(t),n.d(t,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var a=n(1495),s=n(36665),r=n(55435),o=n(51882),i=n(13288),l=n(29158),c=n(1602),d=n(32726),p=n(11910),m=n(76435),u=n(50208),h=n(49143),g=n(29363),y=n(68932),f=n(98468),b=n(1398),x=n(58978),j=n(27082),A=n(60397);const __WEBPACK_DEFAULT_EXPORT__=({})=>{const[e,t]=(0,s.useState)(void 0),{isMediumAndDown:n}=(0,g.Qs)(),C=(0,c.lq)(),[w,v]=(0,s.useState)(!0),[R]=(0,b.fp)(f.Zm),T=new Date,k=(0,b.Xr)(f.Ab);(0,s.useEffect)((()=>{(0,l.f9)(T).then((e=>{t(e),v(!1)}))}),[]);const D=!0,L=[...(0,y.jA)({historic:D,defaultDayCount:5,component:i.Ay,componentProps:{}})],I=(0,y.GG)({tabs:L,route:C,isHistoricComponent:D,component:i.Ay,componentProps:{},todaysData:e});return(0,j.A)({page:"Replays",tabs:L,activeTab:I}),(0,s.useEffect)((()=>{k([{label:"Watch",component:"Watch",routeParams:{}},{label:"Replays",component:"Replays",routeParams:{}},["big-races","most-watched"].includes(R?.toLowerCase())?{label:R?.capitalize(),component:"Replays",routeParam

1s:{}}:null].filter(Boolean))}),[C?.params,R]),(0,A.jsx)(p.Ay,{heading:(()=>{if(R)return(0,x.ck)(R)?`${R}'s Racing Replays`:"most-watched"==R.toLowerCase()?"Most Watched Replays":"big-races"==R.toLowerCase()?"Big Race Replays":"Watch Race Replays from "+(0,o.OS)(C?.params?.date)})(),subHeading:"Missed the live race? Don’t worry - you can watch the latest horse racing replays in stunning HD with Racing TV.",content:(0,A.jsxs)(A.Fragment,{children:[w?(0,A.jsx)(m.Gu,{name:"RacecardByDateLoader",text:""}):(0,A.jsx)(r.A,{items:L,selectedIndex:I,style:{tab:{paddingHorizontal:5}},isLinkTab:!0,rightComponent:(0,A.jsx)(a.A,{style:{height:40,minWidth:120},children:(0,A.jsx)(d.A,{filter:{type:"calendarPicker",size:"medium",text:"Choose Date:  "}})})},`replays-${I}-${C?.params?.date}`),(0,A.jsx)(h.A,{vertical:!0,size:"small"}),(0,A.jsx)(u.A,{size:n?"sm":"md",lineHeight:n?18:20,children:"Our racing replays are regularly updated, ensuring that you never miss any of the action. You can find recap footage of today's racing, plus archived coverage for you to watch and rewatch as many times as you like. With more major Group and Graded races than anybody else, Racing TV is the premiere choice for horse racing replay videos."})]})})}},55435:(e,t,n)=>{n.d(t,{A:()=>k});var a=n(36665),s=n(1602);function getDeeplinkTabIndex(e,t,n){if(!n?.params?.tab)return t??0;const a=e.findIndex((e=>e&&e.label.toLowerCase().replace(/\s+/g,"-")===n.params.tab));return-1!==a?a:t??0}var r=n(8715),o=n(53706),i=n(1495),l=n(1398),c=n(49143),d=n(84145),p=n(50208),m=n(98468),u=n(29363),h=n(2037),g=n(33386),y=n(56835),f=n(58978),b=n(39591),x=n(52091),j=n(60397);const A={"Sky / Subscription":"sky-subscription","most watched":"most-watched","big races":"big-races","manage access and devices":"my-devices"},C=(0,a.forwardRef)((({topComponent:e,items:t,style:n,selectedIndex:r,rightComponent:h,excludeRightComponentForLabels:y,hideArrows:C=!1,isLinkTab:w=!1,inPopup:v=!1,uppercaseLabels:R=!0,onTabChange:k=null,isAccount:D=!1,hasInnerCmsContent:L=!1},I)=>{const S=(0,s.cq)();let P;try{P=(0,s.lq)()}catch(e){console.info("no route object - tabs must be inside popup.")}(0,a.useImperativeHandle)(I,(()=>({triggerPress:(e,t)=>{console.log("press fired from inside the tab: ",e,t),B(e),O(t)}})));const[z]=(0,l.fp)(m.qv),$=(0,l.Xr)(m.Zm),[H,O]=(0,a.useState)((()=>getDeeplinkTabIndex(t,r,P)));(0,a.useEffect)((()=>{if(!P?.params?.tab)return;const e=getDeeplinkTabIndex(t,r,P);O(e)}),[P?.params?.tab]);const W=A[t[H]?.label]||t[H]?.label,[E,B]=(0,a.useState)(W),{isXLargeAndUp:N,isMediumAndUp:G,isXSmallAndUp:U,isXSmallOnly:M}=(0,u.Qs)(),V=(0,a.useRef)(null),[q,J]=(0,a.useState)([]),X=(N&&t.length<6||G&&t.length<4||U&&t.length<=2||M&&t.length<2)&&h&&y!=E,F=!X&&h&&y!=E,K=!w&&!D;return(0,a.useEffect)((()=>{if(!P||v)return;const e=A[t[H]?.label]||t[H]?.label;if(L||!w){const t=Object.assign({},P?.params),n=(0,f.Je)(P,e);if(!n||!Object.keys(n||{}).length)return;if(JSON.stringify(t)==JSON.stringify(n.params))return;(0,g.KU)(),S.navigate(n.screen,n.params)}}),[H,P]),(0,s.xK)((()=>{if(v||K)return;const e=A[t[H]?.label]||t[H]?.label;$(t[H]?.pageTitleOverride||e)})),(0,a.useEffect)((()=>{if(!q.length)return;const e=q.slice(0,H).reduce(((e,t)=>e+(t??0)),0);V.current?.scrollTo({y:0,x:e-30,animated:!0})}),[H,q,t]),(0,j.jsxs)(i.A,{style:[T.container,n?.container],children:[(0,j.jsx)(i.A,{children:(0,j.jsxs)(d.A,{scrollRef:V,showsHorizontalScrollIndicator:!1,contentContainerStyle:{flexGrow:1},horizontal:!0,elementDistance:120,childrenWidth:110*t.length+10,hideArrows:C,children:[(0,j.jsx)(c.A,{size:"xsmall"}),t.map(((e,a)=>(0,j.jsxs)(o.A,{style:[T.tab,a===H&&[T.tabSelected,n?.tabSelected],{paddingHorizontal:G?15:10},{display:z?"none":"flex"},n?.tab],onLayout:e=>{const n=e.nativeEvent.layout.width;t[a].width=n,t.every((e=>e.width))&&J(t.map((e=>e.width)))},onPress:()=>{if(w)return;const n=t.find((e=>E===e.label));n?.analyticsEvent?.exit&&(0,b.$s)({key:n.analyticsEvent.exit,data:{}}),e.onPress&&e.onPress(),B(e.label),O(a),k&&k(a),e?.analyticsEvent?.entry&&(0,b.$s)({key:e.analyticsEvent.entry,data:{}})},children:[w?(0,j.jsx)(LinkLabel,{route:P,item:e,style:n,active:a==H,uppercaseLabels:R}):(0,j.jsxs)(p.A,{family:"secondary",color:a===H?"primary":"secondary",numberOfLines:1,weight:"bold",uppercase:R,lineHeight:30,style:[e.notificationCount?T.withNotification:{}],children:[e.label?.includes("-")?e.label?.replace("-"," "):e.label,e.notificationCount?(0,j.jsx)(x.A,{count:e.notificationCount,onTabLabel:!0}):null]}),e.rightComponent&&e.rightComponent]},`tabs-${a}`))),(0,j.jsx)(i.A,{style:T.restBorder}),X?(0,j.jsxs)(i.A,{style:T.rightComponent,children:[h,(0,j.jsx)(i.A,{style:T.restBorder})]}):null]})}),F&&(0,j.jsx)(i.A,{style:T.rightToTopComponent,children:h}),(0,j.jsxs)(i.A,{style:[T.childContainer,n?.childContainer,K?{flexDirection:"row"}:{}],children:[(0,j.jsx)(c.A,{vertical:!0,size:"xsmall"}),e&&e,K?t.map(((e,t)=>(0,j.jsx)(i.A,{style:[{display:"flex",width:"100%"},H>t?{position:"absolute",left:-1e4}:{},H<t?{position:"absolute",right:1e4}:{}],children:e.child},t))):t[H]?.child]})]})})),LinkLabel=({route:e,item:t,style:n,active:a,uppercaseLabels:s})=>{const r=(0,f.Je)(e,t.label);return(0,j.jsx)(y.d,{to:r,style:[n?.tab,{lineHeight:1}]||0,dynamicTextStyle:{onHover:"none"},family:"secondary",weight:"bold",color:a?"primary":"secondary",shouldOpenInNewTab:!1,uppercase:s,children:t.label?.includes("-")?t.label?.replace("-"," "):t.label})},{colors:w}

1=h.A,{mainBackground:v}=w.palette.rtv,R=v,T=r.A.create({withNotification:{minWidth:150},container:{flexDirection:"column",backgroundColor:"transparent",width:"100%"},tabsContainer:{height:40},tab:{height:40,backgroundColor:"transparent",justifyContent:"center",alignItems:"center"},tabSelected:{backgroundColor:R,borderBottomWidth:0,paddingTop:2,borderTopRightRadius:5,borderTopLeftRadius:5,borderRightWidth:2,borderRightColor:w.palette.neutral.x50,borderLeftWidth:2,borderLeftColor:w.palette.neutral.x50,borderTopWidth:2,borderTopColor:w.palette.neutral.x50,zIndex:1},childContainer:{backgroundColor:R,flex:1,flexGrow:1},restBorder:{position:"absolute",bottom:0,left:0,right:0,height:2,backgroundColor:w.palette.neutral.x50},rightToTopComponent:{flexDirection:"row",alignItems:"flex-end",justifyContent:"center",paddingTop:10},rightComponent:{flex:1,flexDirection:"row",alignItems:"flex-end",justifyContent:"flex-end"}}),k=C},68932:(e,t,n)=>{n.d(t,{GG:()=>selectedIndex,jA:()=>buildDateTabs});n(36665);var a=n(51882),s=n(97023),r=n(60397);const selectedIndex=({tabs:e,route:t,component:n,componentProps:a={},isHistoricComponent:s,todaysData:r})=>{let o=e.flatMap(((e,n)=>e.paths.map((e=>e.includes(t?.params?.date)?n:null)))).filter((e=>null!==e))[0];if(void 0===o){const r=/\d{4}-\d{2}-\d{2}/;if(["monday","tuesday","wednesday","thursday","friday","saturday","sunday"].includes(t?.params?.date.toLowerCase())){const r=buildNewWeekdayTab({date:t?.params?.date,isHistoricComponent:s,component:n,componentProps:a});e.push(r),o=e.length-1}else if(r.test(t?.params?.date)){const s=buildNewDateTab({date:t?.params?.date,component:n,componentProps:a});e.push(s),o=e.length-1}else o=0}return o},buildDateTabs=({historic:e,defaultDayCount:t,component:n,componentProps:s={}})=>Array.from({length:t},((e,t)=>t)).map((t=>{const o=(0,a.pp)(e?-t:t);return{label:(0,a.iK)(o),paths:[t**2==0?"undefined":null,t**2==0||t**2==1?(0,a.VJ)(o):null,(0,a.iK)(o),(0,a.nk)(o)].filter((e=>null!=e)),child:(0,r.jsx)(n,Object.assign({date:o},s))}})),buildNewWeekdayTab=({date:e,isHistoricComponent:t,component:n,componentProps:o={}})=>{const i=((e,t)=>{if(t){const t=(0,s.V6)(s._s)[e];return(0,a.pp)(-t)}const n=(0,s.V6)(s.WC)[e];return(0,a.pp)(n)})(e,t);return{label:`${e}`,paths:[`${e}`],child:(0,r.jsx)(n,Object.assign({date:i},o))}},buildNewDateTab=({date:e,component:t,componentProps:n={}})=>{const a=new Date(e);return{label:`${e}`,paths:[`${e}`],child:(0,r.jsx)(t,Object.assign({date:a},n))}}}}]);
2//# sourceMappingURL=1857.60eaf19c.chunk.js.map