https://www.racingtv.com/static/js/1854.ca6ff1c7.chunk.js

1"use strict";(self.webpackChunkweb=self.webpackChunkweb||[]).push([[1854],{63589:(e,t,n)=>{n.d(t,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var a=n(1495),r=n(8715),s=n(36665),i=n(27221),o=n(27982),l=n(51882),c=n(2037),d=n(29363),m=n(50208),u=n(49143),h=n(25385),p=n(97023),g=n(16297),x=n(31073),f=n(84145),y=n(51419),b=n(66066),w=n(1398),j=n(98468),A=n(60397);const{spacing:v,colors:C}=c.A,T=r.A.create({rowContainer:{flexDirection:"row",justifyContent:"space-between"},rowContainerSmallScreen:{alignItems:"center"},rowContainerBigScreen:{alignItems:"flex-start"},row:{flexDirection:"row",alignItems:"flex-start"},viewAll:{flexDirection:"row",justifyContent:"flex-end",alignItems:"center",height:"100%"},viewAllText:{paddingRight:5},viewAllIcon:{paddingTop:2},col1SmallScreen:{minWidth:150},col1BigScreen:{minWidth:220,height:"100%",alignItems:"center"},meeting:{flexDirection:"row",alignItems:"center"},meetingText:{marginTop:-3,maxWidth:120,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},col2SmallScreen:{width:"75%"},col2BigScreen:{flexDirection:"row",width:"80%",flexWrap:"wrap",height:"100%",alignItems:"center"},individualTimeSmallScreen:{paddingVertical:0},individualTimeBigScreen:{paddingHorizontal:v.xxsmall},selectedTime:{borderRadius:4,backgroundColor:C.palette.rtv.secondary,paddingHorizontal:0},raceTimeText:{alignSelf:"center"},iconMargin:{marginHorizontal:v.xsmall},iconLeftMargin:{marginLeft:v.xxsmall},iconRightMargin:{marginRight:v.xxsmall},rtvLogo:{alignSelf:"center",marginLeft:v.xxsmall,marginRight:v.xxxsmall,marginTop:v.xxsmall}}),__WEBPACK_DEFAULT_EXPORT__=({meetings:e,nextRace:t,hideHeader:n=!1})=>{const{isMediumAndDown:r}=(0,d.Qs)(),v=((0,i.cq)(),({meeting:e})=>(0,A.jsxs)(a.A,{style:T.meeting,children:[(0,A.jsx)(a.A,{children:(0,A.jsx)(y.A,{navParams:{region:(0,x.J)(e.track.country_code.iso),track:(0,g.J)(e.track.slug)},navScreen:"Racecourse",children:(0,A.jsx)(m.A,{weight:"bold",size:"md",children:e.track.name.capitalize()})})}),"RTV"===e.track.tv_channel?(0,A.jsx)(o.default,{name:"rLogo",size:"small",fill:"palette.neutral.x0",style:T.rtvLogo}):null]})),RaceTime=({meeting:e,race:n,idx:s})=>{const i=(0,l.gw)(n.start_time_scheduled),o="resulted"!=n.status.state,d="abandoned"===n.status.state,[u,h]=(0,w.fp)(j.Ut),x=(0,p.qT)({startTime:n.start_time_scheduled,track:(0,g.J)(e?.track?.slug)}),f=new Date(n.start_time_scheduled);return(0,A.jsx)(y.A,{preNavAction:()=>h(!1),navScreen:o?"IndividualRacecard":"IndividualResult",navParams:{date:e.date,track:x.track,time:x.time},style:[r?T.individualTimeSmallScreen:T.individualTimeBigScreen,{width:50,justifyContent:"center"}],children:(0,A.jsx)(a.A,{style:[{display:"flex",height:22,flexDirection:"column",justifyContent:"center",marginVertical:8,borderRadius:4},f.getTime()!==t?.getTime()||(0,b.bI)(n.status.state)?null:T.selectedTime],children:(0,A.jsx)(m.A,{weight:o&&!d?"bold":"regular",style:[o&&!(0,b.bI)(n.status.state)?{color:c.A.colors.palette.rtv.secondary}:{color:c.A.colors.palette.neutral.x500},f.getTime()!==t?.getTime()||(0,b.bI)(n.status.state)?{}:{color:"white"},T.raceTimeText],dynamicTextStyle:{onHover:"underline"},uppercase:!0,children:d?"abnd":"void"===n.status.state?"void":i})})})},RaceTimes=({meeting:e,races:t,style:n})=>{const a=s.useRef(null);return(0,A.jsx)(f.A,{scrollRef:a,elementDistance:50,childrenWidth:50*t.length,style:{flex:1,width:"100%",height:"100%"},contentContainerStyle:{flexGrow:1},horizontal:!0,showsHorizontalScrollIndicator:!1,children:t.map(((t,n)=>(0,A.jsx)(s.Fragment,{children:(0,A.jsx)(RaceTime,{meeting:e,race:t,idx:n})},t.id)))})};return(0,A.jsx)(h.A,{hideHeader:n,boldText:!0,text:"at-a-glance",style:{marginBottom:10,paddingRight:0},content:(0,A.jsx)(a.A,{children:e.map(((e,t)=>(0,A.jsx)(a.A,{style:0==t?{borderTopWidth:0}:{borderTopWidth:1,borderTopColor:C.palette.neutral.x100,borderStyle:"solid"},children:r?(0,A.jsxs)(a.A,{style:[T.rowContainer,T.rowContainerSmallScreen],children:[(0,A.jsx)(a.A,{style:T.col1SmallScreen,children:(0,A.jsx)(v,{meeting:e})}),(0,A.jsx)(RaceTimes,{meeting:e,races:e.races,style:T.col2SmallScreen})]}):(0,A.jsxs)(a.A,{style:[T.rowContainer,T.rowContainerBigScreen],children:[(0,A.jsxs)(a.A,{style:[T.row,T.col1BigScreen],children:[e.track.country_code.iso?(0,A.jsx)(o.default,{name:`flag_${e.track.country_code.iso}`,size:"large"}):(0,A.jsx)(u.A,{size:"medium"}),(0,A.jsx)(u.A,{size:"xxsmall"}

1),e.weather_icon?(0,A.jsx)(o.default,{name:e.weather_icon,size:"xlarge"}):(0,A.jsx)(u.A,{size:"large"}),(0,A.jsx)(u.A,{size:"xxsmall"}),(0,A.jsx)(v,{meeting:e})]}),(0,A.jsx)(RaceTimes,{meeting:e,races:e.races,style:T.col2BigScreen})]})},`body${t}`)))}),openOnMount:!0})}},83730:(e,t,n)=>{n.d(t,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var a=n(36665),r=n(1495),s=n(63589),i=n(68433),o=n(22152),l=n(51882),c=n(76435),d=n(90512),m=n(60397);const __WEBPACK_DEFAULT_EXPORT__=({date:e,atAGlance:t=!0})=>{const[n,u]=(0,a.useState)(!0),[h,p]=(0,a.useState)([]),[g,x]=(0,a.useState)(null),[f,y]=(0,a.useState)();if((0,a.useEffect)((()=>{let t=[];(0,o.E5)((0,l.nk)(e)).then((e=>{p(e.meetings.filter((e=>e?.races?.length))),e.meetings.map((e=>{e.races.map((e=>"scheduled"===e.status.state||"started"===e.status.state?t.push(new Date(e.start_time_scheduled)):null))})),t=t.sort(((e,t)=>e-t)),y(t[0]||null)})).catch((e=>x(e.message))).finally((()=>u(!1)))}),[e]),n)return(0,m.jsx)(c.Gu,{name:"RacecardByDateLoader"});if(g)return(0,m.jsx)(c.W5,{message:"unable to display racecards"});if(!h)return(0,m.jsx)(c.pp,{message:"There is no racing today",iconType:"rtvLogo"});return(0,m.jsxs)(r.A,{children:[!!t&&(0,m.jsx)(s.A,{meetings:h,nextRace:f}),(0,m.jsx)(d.A,{skip:!t,children:(0,m.jsx)((({meetings:e})=>{const t=a.useMemo((()=>e.map(((e,t)=>(0,m.jsx)(i.A,{meeting:e,track:{name:e.track.name,slug:e.track.slug}},t)))),[e]);return(0,m.jsx)(m.Fragment,{children:t})}),{meetings:h})})]})}},1854:(e,t,n)=>{n.r(t),n.d(t,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var a=n(36665),r=n(8715),s=n(1495),i=n(1602),o=n(29363),l=n(2037),c=n(11910),d=n(83730),m=n(55435),u=n(49143),h=n(50208),p=n(68932),g=n(32726),x=n(1398),f=n(98468),y=n(51882),b=n(58978),w=n(27082),j=n(56835),A=n(60397);const v=r.A.create({tabs:{marginBottom:l.A.spacing.small},tabBarContainer:{flexDirection:"row",justifyContent:"center"}}),__WEBPACK_DEFAULT_EXPORT__=()=>{const{isSmallAndDown:e}=(0,o.Qs)(),t=(0,i.lq)(),[n]=(0,x.fp)(f.Zm),r=(0,x.Xr)(f.Ab),l=!1,C=(0,p.jA)({historic:l,defaultDayCount:5,component:d.A,componentProps:{}}),T=(0,p.GG)({tabs:C,route:t,component:d.A,componentProps:{},isHistoricComponent:l});return(0,a.useEffect)((()=>{r([{label:"Racecards",component:"Racecards"}])}),[]),(0,w.A)({page:"Racecards",tabs:C,activeTab:T}),(0,A.jsx)(c.Ay,{heading:(0,b.ck)(n)?`${n}'s Racecards`:"Racecards from "+(0,y.OS)(t?.params?.date),subHeading:"View today’s racecards for the ultimate guide to the latest form, runners, racing replays, betting and tips.",content:(0,A.jsxs)(A.Fragment,{children:[(0,A.jsx)(m.A,{items:C,selectedIndex:T,style:{container:v.tabs},isLinkTab:!0,rightComponent:(0,A.jsx)(s.A,{style:{height:40,minWidth:120},children:(0,A.jsx)(g.A,{filter:{type:"calendarPicker",size:"medium",text:"Choose Date:  ",displayFutureDates:!0}},`racecards-${T}-${t?.params?.date}-filter`)})},`racecards-${T}-${t?.params?.date}`),(0,A.jsx)(u.A,{vertical:!0,size:"small"}),(0,A.jsxs)(h.A,{size:e?"sm":"md",children:["Racing TV’s racecards display all the essential information you need in one place to make your selections, including runners, riders,"," ",(0,A.jsx)(j.d,{href:"https://www.racingtv.com/tips",weight:"semiBold",dynamicTextStyle:{onHover:"underline"},children:"tips"}),", video form and live odds. Timeform comments and statistics are integrated into the racecards to assist with form study, while race hints and pace forecasts are available for more in-depth analysis. You’ll also find pointers for jockeys or horses in form and other useful study tools. Discover the best odds displayed for each runner courtesy of Oddschecker, and place your bet there and then. If a horse catches your eye, you can add notes to the"," ",(0,A.jsx)(j.d,{href:"https://www.racingtv.com/my-account/tracker",weight:"semiBold",dynamicTextStyle:{onHover:"underline"},children:"Racing TV tracker"}),", with your comments saved for future reference, and opt to receive notifications when your tracked horse is scheduled to run next. On selected races we will be providing video tips offering you a summary of the race in under 60 seconds. And if the meeting is shown on Racing TV and you’re a"," ",(0,A.jsx)(j.d,{href:"https://www.racingtv.com/benefits",weight:"semiBold",dynamicTextStyle:{onHover:"underline"},children:"member"}),", simply use the link on the racecard to head straight through and enjoy the"," ",(0,A.jsx)(j.d,{href:"https://www.racingtv.com/watch",weight:"semiBold",dynamicTextStyle:{onHover:"underline"},children:"live racing coverage"})," ","from our expert team on track."]}),(0,A.jsx)(u.A,{vertical:!0,size:"xsmall"})]})})}},55435:(e,t,n)=>{n.d(t,{A:()=>k});var a=n(36665),r=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 s=n(8715),i=n(53706),o=n(1495),l=n(1398),c=n(49143),d=n(84145),m=n(50208),u=n(98468),h=n(29363),p=n(2037),g=n(33386),x=n(56835),f=n(58978),y=n(39591),b=n(52091),w=n(60397);const j={"Sky / Subscription":"sky-subscription","most watched":"most-watched","big races":"big-races","manage access and devices":"my-devices"},A=(0,a.forwardRef)((({topComponent:e,items:t,style:n,selectedIndex:s,right

1Component:p,excludeRightComponentForLabels:x,hideArrows:A=!1,isLinkTab:v=!1,inPopup:C=!1,uppercaseLabels:T=!0,onTabChange:k=null,isAccount:R=!1,hasInnerCmsContent:I=!1},D)=>{const z=(0,r.cq)();let L;try{L=(0,r.lq)()}catch(e){console.info("no route object - tabs must be inside popup.")}(0,a.useImperativeHandle)(D,(()=>({triggerPress:(e,t)=>{console.log("press fired from inside the tab: ",e,t),$(e),P(t)}})));const[H]=(0,l.fp)(u.qv),B=(0,l.Xr)(u.Zm),[O,P]=(0,a.useState)((()=>getDeeplinkTabIndex(t,s,L)));(0,a.useEffect)((()=>{if(!L?.params?.tab)return;const e=getDeeplinkTabIndex(t,s,L);P(e)}),[L?.params?.tab]);const W=j[t[O]?.label]||t[O]?.label,[_,$]=(0,a.useState)(W),{isXLargeAndUp:E,isMediumAndUp:V,isXSmallAndUp:G,isXSmallOnly:J}=(0,h.Qs)(),M=(0,a.useRef)(null),[q,N]=(0,a.useState)([]),F=(E&&t.length<6||V&&t.length<4||G&&t.length<=2||J&&t.length<2)&&p&&x!=_,U=!F&&p&&x!=_,X=!v&&!R;return(0,a.useEffect)((()=>{if(!L||C)return;const e=j[t[O]?.label]||t[O]?.label;if(I||!v){const t=Object.assign({},L?.params),n=(0,f.Je)(L,e);if(!n||!Object.keys(n||{}).length)return;if(JSON.stringify(t)==JSON.stringify(n.params))return;(0,g.KU)(),z.navigate(n.screen,n.params)}}),[O,L]),(0,r.xK)((()=>{if(C||X)return;const e=j[t[O]?.label]||t[O]?.label;B(t[O]?.pageTitleOverride||e)})),(0,a.useEffect)((()=>{if(!q.length)return;const e=q.slice(0,O).reduce(((e,t)=>e+(t??0)),0);M.current?.scrollTo({y:0,x:e-30,animated:!0})}),[O,q,t]),(0,w.jsxs)(o.A,{style:[S.container,n?.container],children:[(0,w.jsx)(o.A,{children:(0,w.jsxs)(d.A,{scrollRef:M,showsHorizontalScrollIndicator:!1,contentContainerStyle:{flexGrow:1},horizontal:!0,elementDistance:120,childrenWidth:110*t.length+10,hideArrows:A,children:[(0,w.jsx)(c.A,{size:"xsmall"}),t.map(((e,a)=>(0,w.jsxs)(i.A,{style:[S.tab,a===O&&[S.tabSelected,n?.tabSelected],{paddingHorizontal:V?15:10},{display:H?"none":"flex"},n?.tab],onLayout:e=>{const n=e.nativeEvent.layout.width;t[a].width=n,t.every((e=>e.width))&&N(t.map((e=>e.width)))},onPress:()=>{if(v)return;const n=t.find((e=>_===e.label));n?.analyticsEvent?.exit&&(0,y.$s)({key:n.analyticsEvent.exit,data:{}}),e.onPress&&e.onPress(),$(e.label),P(a),k&&k(a),e?.analyticsEvent?.entry&&(0,y.$s)({key:e.analyticsEvent.entry,data:{}})},children:[v?(0,w.jsx)(LinkLabel,{route:L,item:e,style:n,active:a==O,uppercaseLabels:T}):(0,w.jsxs)(m.A,{family:"secondary",color:a===O?"primary":"secondary",numberOfLines:1,weight:"bold",uppercase:T,lineHeight:30,style:[e.notificationCount?S.withNotification:{}],children:[e.label?.includes("-")?e.label?.replace("-"," "):e.label,e.notificationCount?(0,w.jsx)(b.A,{count:e.notificationCount,onTabLabel:!0}):null]}),e.rightComponent&&e.rightComponent]},`tabs-${a}`))),(0,w.jsx)(o.A,{style:S.restBorder}),F?(0,w.jsxs)(o.A,{style:S.rightComponent,children:[p,(0,w.jsx)(o.A,{style:S.restBorder})]}):null]})}),U&&(0,w.jsx)(o.A,{style:S.rightToTopComponent,children:p}),(0,w.jsxs)(o.A,{style:[S.childContainer,n?.childContainer,X?{flexDirection:"row"}:{}],children:[(0,w.jsx)(c.A,{vertical:!0,size:"xsmall"}),e&&e,X?t.map(((e,t)=>(0,w.jsx)(o.A,{style:[{display:"flex",width:"100%"},O>t?{position:"absolute",left:-1e4}:{},O<t?{position:"absolute",right:1e4}:{}],children:e.child},t))):t[O]?.child]})]})})),LinkLabel=({route:e,item:t,style:n,active:a,uppercaseLabels:r})=>{const s=(0,f.Je)(e,t.label);return(0,w.jsx)(x.d,{to:s,style:[n?.tab,{lineHeight:1}]||0,dynamicTextStyle:{onHover:"none"},family:"secondary",weight:"bold",color:a?"primary":"secondary",shouldOpenInNewTab:!1,uppercase:r,children:t.label?.includes("-")?t.label?.replace("-"," "):t.label})},{colors:v}=p.A,{mainBackground:C}=v.palette.rtv,T=C,S=s.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:T,borderBottomWidth:0,paddingTop:2,borderTopRightRadius:5,borderTopLeftRadius:5,borderRightWidth:2,borderRightColor:v.palette.neutral.x50,borderLeftWidth:2,borderLeftColor:v.palette.neutral.x50,borderTopWidth:2,borderTopColor:v.palette.neutral.x50,zIndex:1},childContainer:{backgroundColor:T,flex:1,flexGrow:1},restBorder:{position:"absolute",bottom:0,left:0,right:0,height:2,backgroundColor:v.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=A},68932:(e,t,n)=>{n.d(t,{GG:()=>selectedIndex,jA:()=>buildDateTabs});n(36665);var a=n(51882),r=n(97023),s=n(60397);const selectedIndex=({tabs:e,route:t,component:n,componentProps:a={},isHistoricComponent:r,todaysData:s})=>{let i=e.flatMap(((e,n)=>e.paths.map((e=>e.includes(t?.params?.date)?n:null)))).filter((e=>null!==e))[0];if(void 0===i){const s=/\d{4}-\d{2}-\d{2}/;if(["monday","tuesday","wednesday","thursday","friday","saturday","

1sunday"].includes(t?.params?.date.toLowerCase())){const s=buildNewWeekdayTab({date:t?.params?.date,isHistoricComponent:r,component:n,componentProps:a});e.push(s),i=e.length-1}else if(s.test(t?.params?.date)){const r=buildNewDateTab({date:t?.params?.date,component:n,componentProps:a});e.push(r),i=e.length-1}else i=0}return i},buildDateTabs=({historic:e,defaultDayCount:t,component:n,componentProps:r={}})=>Array.from({length:t},((e,t)=>t)).map((t=>{const i=(0,a.pp)(e?-t:t);return{label:(0,a.iK)(i),paths:[t**2==0?"undefined":null,t**2==0||t**2==1?(0,a.VJ)(i):null,(0,a.iK)(i),(0,a.nk)(i)].filter((e=>null!=e)),child:(0,s.jsx)(n,Object.assign({date:i},r))}})),buildNewWeekdayTab=({date:e,isHistoricComponent:t,component:n,componentProps:i={}})=>{const o=((e,t)=>{if(t){const t=(0,r.V6)(r._s)[e];return(0,a.pp)(-t)}const n=(0,r.V6)(r.WC)[e];return(0,a.pp)(n)})(e,t);return{label:`${e}`,paths:[`${e}`],child:(0,s.jsx)(n,Object.assign({date:o},i))}},buildNewDateTab=({date:e,component:t,componentProps:n={}})=>{const a=new Date(e);return{label:`${e}`,paths:[`${e}`],child:(0,s.jsx)(t,Object.assign({date:a},n))}}}}]);
2//# sourceMappingURL=1854.ca6ff1c7.chunk.js.map