!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="9177c367-f5cd-4e3b-8a5d-8cd0a8f848d5",e._sentryDebugIdIdentifier="sentry-dbid-9177c367-f5cd-4e3b-8a5d-8cd0a8f848d5")}catch(e){}}();"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[85635],{85635:(e,t,r)=>{r.r(t),r.d(t,{default:()=>T});var a=r(6029),i=r(21377),s=r(21501),n=r(76356),l=r(99064),c=r(55729),o=r(90248),x=r(48683),d=r(62859),u=r(62042),f=r(28446),h=r(98516),m=r(26331),y=r(62827);let v=e=>Math.floor(e.inningNumber/2)+e.inningNumber%2,g=e=>{let{event:t,leftTeam:r}=(0,c.useContext)(d.y$);return(0,c.useMemo)(()=>{let a={};if(e.forEach(e=>{if("ball"!==e.incidentType||e.superOver)return;let t=v(e);a[t]||(a[t]={maxOver:0,overs:{},totalRuns:{[i.cxP.Left]:0,[i.cxP.Right]:0},teamMaxOver:{[i.cxP.Left]:0,[i.cxP.Right]:0}});let s=e.battingTeamId===r.id?i.cxP.Left:i.cxP.Right;a[t].overs[e.over]||(a[t].overs[e.over]={}),a[t].overs[e.over][s]||(a[t].overs[e.over][s]={runs:0,wickets:0}),"wickets"===e.incidentClassColor&&(a[t].overs[e.over][s].wickets+=1),a[t].overs[e.over][s].runs+=e.totalRuns,a[t].totalRuns[s]=(a[t].totalRuns[s]||0)+e.totalRuns,a[t].maxOver=Math.max(a[t].maxOver,e.over),a[t].teamMaxOver[s]=Math.max(a[t].teamMaxOver[s],e.over)}),t.status.type===i.XUj.InProgress){for(let t of e)if("ball"===t.incidentType){a[v(t)].liveOver=t.over;break}}return a},[e,t.status.type])},p=e=>e<=20?4:e<=50?5:e<=100?10:e<=200?20:40,j=e=>e<=150?30:e<=350?40:e<=450?50:e<=750?75:100,b=(e,t)=>{let r=t(e),a=Math.ceil(Math.max(e,5*r)/r)*r;return{max:a,segment:r,buckets:a/r}},k=e=>{let t=Math.max(e.totalRuns[i.cxP.Left]||0,e.totalRuns[i.cxP.Right]||0);return{x:b(e.maxOver,p),y:b(t,j)}},P=e=>{let t=(0,m.A)(),r=(0,y.Jx)(t),a=e-36-14;return r?{dir:"rtl",initialX:a,finalX:0,viewBox:"-14 -24 ".concat(e," 220")}:{dir:"ltr",initialX:0,finalX:a,viewBox:"-36 -24 ".concat(e," 220")}},w=(e,t,r)=>{let{precision:a,direction:s}=t,n=(0,f.A)([s.initialX,s.finalX],[0,a.x.max]),l=(0,f.A)([160,0],[0,a.y.max]),c={[i.cxP.Left]:0,[i.cxP.Right]:0},o={};return Object.keys(e).forEach(t=>{let r=e[t];r[i.cxP.Left]&&(c[i.cxP.Left]+=r[i.cxP.Left].runs),r[i.cxP.Right]&&(c[i.cxP.Right]+=r[i.cxP.Right].runs),[i.cxP.Left,i.cxP.Right].forEach(e=>{if(!r[e])return;let a=o[e]||{svgPath:"M ".concat(s.initialX,",").concat(160),wickets:[]},x=c[e===i.cxP.Left?i.cxP.Right:i.cxP.Left],d=e===i.cxP.Left?"top":"bottom",u=(0,h.M)(n.invert(Number(t)),2),f=(0,h.M)(l.invert(c[e]),2);a.svgPath+=" L ".concat(u,",").concat(f),r[e].wickets&&a.wickets.push({over:t,x:u,y:f,num:r[e].wickets,position:c[e]>x?"top":c[e]<x?"bottom":d}),o[e]=a})}),r&&(o.liveIndicatorX=Number((0,h.M)(n.invert(Number(r)),2))),o},L=e=>{let{x:t,y:r,value:i}=e;return(0,a.jsx)("text",{className:(0,u.AH)({textStyle:"assistive.micro",color:"neutrals.nLv1",fill:"neutrals.nLv3",textAnchor:"middle"}),x:t,y:r,children:i})},R=(0,n.I4)("line",{base:{stroke:"neutrals.nLv3",strokeWidth:.5,strokeDasharray:4}});function _(e){let{layout:t}=e,{direction:r,precision:i}=t,s=(0,f.A)([r.initialX,r.finalX],[0,i.x.max]),n=(0,f.A)([160,0],[0,i.y.max]),l=i.y.max.toString().length*("rtl"===r.dir?4:-4);return(0,a.jsxs)("g",{children:[Array.from({length:i.x.buckets+1}).map((e,t)=>{let r=i.x.segment*t,n=(0,h.M)(s.invert(r),2);return(0,a.jsxs)(c.Fragment,{children:[(0,a.jsx)(L,{x:n,y:174,value:r}),(0,a.jsx)(R,{x1:n,x2:n,y1:0,y2:160})]},t)}),Array.from({length:i.y.buckets+1}).map((e,t)=>{let s=i.y.segment*t,o=(0,h.M)(n.invert(s),2);return(0,a.jsxs)(c.Fragment,{children:[(0,a.jsx)(L,{x:r.initialX+l,y:Number(o)+3,value:s}),(0,a.jsx)(R,{x1:r.initialX,x2:r.finalX,y1:o,y2:o},t)]},t)})]})}var M=r(28349),X=r(947),A=r(54409),S=r(54053),O=r(94604);function E(e){let{team:t,isSecondary:r}=e;return(0,a.jsxs)(n.so,{align:"center",gap:"sm",mt:r?"lg":"sm",children:[(0,a.jsx)(n.az,{h:"sm",w:"sm",br:"50%",bg:"surface.s1",border:r?"2px solid {colors.secondary.default}":"2px solid {colors.primary.default}"}),(0,a.jsxs)(M.EY,{display:"block",textStyle:"assistive.default",color:r?"secondary.default":"primary.default",children:[(0,a.jsx)(O.Rm,{team:t}),"\xa0-\xa0",(0,a.jsx)(o.A,{id:"wickets"})]})]})}function I(){let[e,t]=(0,c.useState)(!1),r=(0,X.A)(),{leftTeam:i,rightTeam:s}=(0,c.useContext)(d.y$);return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(n.az,{h:"xl",w:"xl",onClick:()=>t(!0),cursor:"pointer",children:(0,a.jsx)(A.G_L,{fill:"onSurface.nLv1"})}),(0,a.jsx)(S.A,{isOpen:e,setIsOpen:t,header:"cricket_runs_per_over_graph",children:(0,a.jsxs)(n.az,{px:"lg",pt:"sm",maxW:{md:"[312px]"},children:[(0,a.jsx)(M.EY,{textStyle:"body.mediumParagraph",color:"neutrals.nLv1",children:(0,a.jsx)(o.A,{id:"cricket_runs_per_over_info_text"})}),(0,a.jsxs)(n.az,{mt:"lg",children:[(0,a.jsx)(M.EY,{display:"block",mx:"3xl",color:"neutrals.nLv3",textStyle:"assistive.default",children:(0,a.jsx)(o.A,{id:"runs"})}),(0,a.jsxs)(n.so,{children:[(0,a.jsx)(M._V,{src:"/static/images/performance-graph/runs-per-over-graphic.svg",alt:r.formatMessage({id:"cricket_runs_per_over_graph"}),w:"[172px]",h:"[160px]"}),(0,a.jsxs)(n.az,{mt:"2xl",overflow:"hidden",children:[(0,a.jsx)(M.EY,{display:"block",textStyle:"assistive.default",color:"secondary.default",truncate:!0,children:(0,a.jsx)(O.Rm,{team:i})}),(0,a.jsx)(M.EY,{display:"block",textStyle:"assistive.default",color:"primary.default",truncate:!0,children:(0,a.jsx)(O.Rm,{team:s})})]})]}),(0,a.jsx)(M.EY,{display:"block",mx:"3xl",px:"xl",color:"neutrals.nLv3",textStyle:"assistive.default",children:(0,a.jsx)(o.A,{id:"cricket.overs"})})]}),(0,a.jsx)(E,{team:i,isSecondary:!0}),(0,a.jsx)(E,{team:s})]})})]})}var N=r(14352),C=r(9127);function z(e){let{x:t,direction:r}=e,i=(0,N.s)(),s=(0,c.useRef)(!0);return(0,c.useEffect)(()=>{(async()=>{await i.start({translateX:t-r.initialX,opacity:1},{duration:s.current?.7:.25,delay:.15*!!s.current})})().catch(),s.current=!1},[t]),(0,a.jsxs)(C.m.g,{animate:i,initial:{opacity:.5},children:[(0,a.jsx)(n.I4.line,{y1:3,y2:160,x1:r.initialX,x2:r.initialX,stroke:"status.live"}),(0,a.jsx)(n.I4.circle,{cx:r.initialX,cy:0,stroke:"status.live",strokeWidth:2,r:3,fill:"[none]"})]})}function Y(e){let{team:t,isSecondary:r}=e;return(0,a.jsxs)(n.so,{h:"xl",align:"center",gap:"sm",px:"lg",children:[(0,a.jsx)(n.az,{h:"xs",w:"lg",bg:r?"secondary.default":"primary.default"}),(0,a.jsx)(M.EY,{textStyle:"assistive.default",color:"neutrals.nLv3",children:(0,a.jsx)(O.Rm,{team:t})})]})}function B(e){let{data:t,isSecondary:r}=e,{svgPath:i}=t,s=(0,N.s)();return(0,c.useEffect)(()=>{(async()=>{await s.start({pathLength:1,opacity:1,d:i},{duration:1,delay:.15,type:"spring",bounce:0})})().catch()},[i]),(0,a.jsx)(C.m.path,{className:(0,u.AH)({stroke:r?"secondary.default":"primary.default"}),strokeWidth:2,fill:"none",initial:{pathLength:0,opacity:.5},animate:s})}function D(e){let{w:t,isSecondary:r}=e,i="top"===t.position?-6:12;return t.num>1?(0,a.jsx)("text",{className:(0,u.AH)({textStyle:"table.micro",textAnchor:"middle",stroke:r?"secondary.default":"primary.default"}),x:t.x,y:Number(t.y)+i,children:t.num}):null}function F(e){let{w:t,perc:r,isSecondary:i}=e;return(0,a.jsxs)(C.m.g,{initial:{opacity:0,transitionDuration:"0.4s"},animate:{opacity:1},transition:{delay:Number(t.x)/r/500},children:[(0,a.jsx)("circle",{className:(0,u.AH)({stroke:i?"secondary.default":"primary.default",fill:"surface.s1"}),cx:t.x,cy:t.y,strokeWidth:2,r:3}),(0,a.jsx)(D,{w:t,isSecondary:i})]},t.over)}function W(e){let{data:t,xMaxPerc:r,isSecondary:i}=e,{wickets:s}=t;return(null==s?void 0:s.length)&&0!==r?(0,a.jsx)(a.Fragment,{children:s.map(e=>(0,a.jsx)(F,{w:e,perc:r,isSecondary:i},e.over))}):null}function H(e){let{data:t,inningNumber:r,svgWidth:s}=e,n=k(t),l=P(s),o=w(t.overs,{precision:n,direction:l},t.liveOver),[x,d]=[t.teamMaxOver[i.cxP.Left]/n.x.max,t.teamMaxOver[i.cxP.Right]/n.x.max];return(0,a.jsxs)("svg",{height:"100%",width:"100%",viewBox:l.viewBox,children:[(0,a.jsx)(_,{layout:{precision:n,direction:l}}),(0,a.jsxs)(c.Fragment,{children:[o[i.cxP.Left]&&(0,a.jsx)(B,{data:o[i.cxP.Left],isSecondary:!0}),o[i.cxP.Right]&&(0,a.jsx)(B,{data:o[i.cxP.Right]}),o[i.cxP.Left]&&(0,a.jsx)(W,{data:o[i.cxP.Left],isSecondary:!0,xMaxPerc:x}),o[i.cxP.Right]&&(0,a.jsx)(W,{data:o[i.cxP.Right],xMaxPerc:d}),void 0!==o.liveIndicatorX&&(0,a.jsx)(z,{x:o.liveIndicatorX,direction:l})]},r)]})}function T(e){let{incidents:t}=e,r=g(t),i=Object.keys(r).sort((e,t)=>e-t),[u,f]=(0,c.useState)(i[0]),{leftTeam:h,rightTeam:m}=(0,c.useContext)(d.y$),y=(0,c.useRef)(null),[v,p]=(0,c.useState)(void 0);return((0,s.st)(()=>{var e;return p(null==(e=y.current)?void 0:e.getBoundingClientRect().width)}),i.length)?(0,a.jsxs)(x.Zp,{children:[(0,a.jsx)(x.Zp.Header,{variant:"left-aligned",titleId:"cricket_runs_per_over",actionComponent:(0,a.jsx)(I,{})}),(0,a.jsx)(l.tU,{variant:"tertiary",initialValue:u,onChange:e=>f(e),children:(0,a.jsx)(l.tU.List,{scroll:!0,h:"48px",px:"lg",w:"100%",children:i.map(e=>(0,a.jsx)(l.tU.Tab,{tabKey:e,hoverBg:"surface.s2",children:(0,a.jsx)(o.A,{id:"cricket_ordinal_innings",values:{n:e}})},e))})}),(0,a.jsx)(n.az,{ref:y,style:{height:220},w:"100%",children:v&&(0,a.jsx)(H,{data:r[u],inningNumber:u,svgWidth:v})}),(0,a.jsx)(Y,{team:h,isSecondary:!0}),(0,a.jsx)(Y,{team:m}),(0,a.jsx)(x.Zp.Footer,{})]}):null}}}]);