!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]="73acc84f-8d1c-4b06-a131-6d357ac05894",e._sentryDebugIdIdentifier="sentry-dbid-73acc84f-8d1c-4b06-a131-6d357ac05894")}catch(e){}}();"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[14352,51614],{14352:(e,t,r)=>{r.d(t,{s:()=>x});var a=r(42330),n=r(55094),s=r(43479);function i(e,t){[...t].reverse().forEach(r=>{let a=e.getVariant(r);a&&(0,n.U)(e,a),e.variantChildren&&e.variantChildren.forEach(e=>{i(e,t)})})}function l(){let e=!1,t=new Set,r={subscribe:e=>(t.add(e),()=>void t.delete(e)),start(r,n){(0,a.V)(e,"controls.start() should only be called after a component has mounted. Consider calling within a useEffect hook.");let i=[];return t.forEach(e=>{i.push((0,s._)(e,r,{transitionOverride:n}))}),Promise.all(i)},set:r=>((0,a.V)(e,"controls.set() should only be called after a component has mounted. Consider calling within a useEffect hook."),t.forEach(e=>{var t,a;t=e,Array.isArray(a=r)?i(t,a):"string"==typeof a?i(t,[a]):(0,n.U)(t,a)})),stop(){t.forEach(e=>{e.values.forEach(e=>e.stop())})},mount:()=>(e=!0,()=>{e=!1,r.stop()})};return r}var c=r(66414),o=r(2274);let x=function(){let e=(0,c.M)(l);return(0,o.E)(e.mount,[]),e}},51614:(e,t,r)=>{r.r(t),r.d(t,{default:()=>D});var a=r(6029),n=r(21377),s=r(21501),i=r(76356),l=r(99064),c=r(55729),o=r(90248),x=r(46222),u=r(18970),d=r(62042),h=r(28446),f=r(89827),m=r(31830),v=r(14831);let y=e=>Math.floor(e.inningNumber/2)+e.inningNumber%2,p=e=>e<=20?4:e<=50?5:e<=100?10:e<=200?20:40,g=e=>e<=150?30:e<=350?40:e<=450?50:e<=750?75:100,j=(e,t)=>{let r=t(e),a=Math.ceil(Math.max(e,5*r)/r)*r;return{max:a,segment:r,buckets:a/r}},b=e=>{let{x:t,y:r,value:n}=e;return(0,a.jsx)("text",{className:(0,d.AH)({textStyle:"assistive.micro",color:"neutrals.nLv1",fill:"neutrals.nLv3",textAnchor:"middle"}),x:t,y:r,children:n})},k=(0,i.I4)("line",{base:{stroke:"neutrals.nLv3",strokeWidth:.5,strokeDasharray:4}});function P(e){let{layout:t}=e,{direction:r,precision:n}=t,s=(0,h.A)([r.initialX,r.finalX],[0,n.x.max]),i=(0,h.A)([160,0],[0,n.y.max]),l=n.y.max.toString().length*("rtl"===r.dir?4:-4);return(0,a.jsxs)("g",{children:[Array.from({length:n.x.buckets+1}).map((e,t)=>{let r=n.x.segment*t,i=(0,f.M)(s.invert(r),2);return(0,a.jsxs)(c.Fragment,{children:[(0,a.jsx)(b,{x:i,y:174,value:r}),(0,a.jsx)(k,{x1:i,x2:i,y1:0,y2:160})]},t)}),Array.from({length:n.y.buckets+1}).map((e,t)=>{let s=n.y.segment*t,o=(0,f.M)(i.invert(s),2);return(0,a.jsxs)(c.Fragment,{children:[(0,a.jsx)(b,{x:r.initialX+l,y:Number(o)+3,value:s}),(0,a.jsx)(k,{x1:r.initialX,x2:r.finalX,y1:o,y2:o},t)]},t)})]})}var w=r(28349),L=r(947),R=r(52466),_=r(82536),E=r(88505);function A(e){let{team:t,isSecondary:r}=e;return(0,a.jsxs)(i.so,{align:"center",gap:"sm",mt:r?"lg":"sm",children:[(0,a.jsx)(i.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)(w.EY,{display:"block",textStyle:"assistive.default",color:r?"secondary.default":"primary.default",children:[(0,a.jsx)(E.Rm,{team:t}),"\xa0-\xa0",(0,a.jsx)(o.A,{id:"wickets"})]})]})}function M(){let[e,t]=(0,c.useState)(!1),r=(0,L.A)(),{leftTeam:n,rightTeam:s}=(0,c.useContext)(u.y$);return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(i.az,{h:"xl",w:"xl",onClick:()=>t(!0),cursor:"pointer",children:(0,a.jsx)(R.G_L,{fill:"onSurface.nLv1"})}),(0,a.jsx)(_.A,{isOpen:e,setIsOpen:t,header:"cricket_runs_per_over_graph",children:(0,a.jsxs)(i.az,{px:"lg",pt:"sm",maxW:{md:"[312px]"},children:[(0,a.jsx)(w.EY,{textStyle:"body.mediumParagraph",color:"neutrals.nLv1",children:(0,a.jsx)(o.A,{id:"cricket_runs_per_over_info_text"})}),(0,a.jsxs)(i.az,{mt:"lg",children:[(0,a.jsx)(w.EY,{display:"block",mx:"3xl",color:"neutrals.nLv3",textStyle:"assistive.default",children:(0,a.jsx)(o.A,{id:"runs"})}),(0,a.jsxs)(i.so,{children:[(0,a.jsx)(w._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)(i.az,{mt:"2xl",overflow:"hidden",children:[(0,a.jsx)(w.EY,{display:"block",textStyle:"assistive.default",color:"secondary.default",truncate:!0,children:(0,a.jsx)(E.Rm,{team:n})}),(0,a.jsx)(w.EY,{display:"block",textStyle:"assistive.default",color:"primary.default",truncate:!0,children:(0,a.jsx)(E.Rm,{team:s})})]})]}),(0,a.jsx)(w.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)(A,{team:n,isSecondary:!0}),(0,a.jsx)(A,{team:s})]})})]})}var S=r(14352),X=r(9127);function O(e){let{x:t,direction:r}=e,n=(0,S.s)(),s=(0,c.useRef)(!0);return(0,c.useEffect)(()=>{(async()=>{await n.start({translateX:t-r.initialX,opacity:1},{duration:s.current?.7:.25,delay:.15*!!s.current})})().catch(),s.current=!1},[t]),(0,a.jsxs)(X.m.g,{animate:n,initial:{opacity:.5},children:[(0,a.jsx)(i.I4.line,{y1:3,y2:160,x1:r.initialX,x2:r.initialX,stroke:"status.live"}),(0,a.jsx)(i.I4.circle,{cx:r.initialX,cy:0,stroke:"status.live",strokeWidth:2,r:3,fill:"[none]"})]})}function C(e){let{team:t,isSecondary:r}=e;return(0,a.jsxs)(i.so,{h:"xl",align:"center",gap:"sm",px:"lg",children:[(0,a.jsx)(i.az,{h:"xs",w:"lg",bg:r?"secondary.default":"primary.default"}),(0,a.jsx)(w.EY,{textStyle:"assistive.default",color:"neutrals.nLv3",children:(0,a.jsx)(E.Rm,{team:t})})]})}function I(e){let{data:t,isSecondary:r}=e,{svgPath:n}=t,s=(0,S.s)();return(0,c.useEffect)(()=>{(async()=>{await s.start({pathLength:1,opacity:1,d:n},{duration:1,delay:.15,type:"spring",bounce:0})})().catch()},[n]),(0,a.jsx)(X.m.path,{className:(0,d.AH)({stroke:r?"secondary.default":"primary.default"}),strokeWidth:2,fill:"none",initial:{pathLength:0,opacity:.5},animate:s})}function N(e){let{w:t,isSecondary:r}=e,n="top"===t.position?-6:12;return t.num>1?(0,a.jsx)("text",{className:(0,d.AH)({textStyle:"table.micro",textAnchor:"middle",stroke:r?"secondary.default":"primary.default"}),x:t.x,y:Number(t.y)+n,children:t.num}):null}function z(e){let{w:t,perc:r,isSecondary:n}=e;return(0,a.jsxs)(X.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,d.AH)({stroke:n?"secondary.default":"primary.default",fill:"surface.s1"}),cx:t.x,cy:t.y,strokeWidth:2,r:3}),(0,a.jsx)(N,{w:t,isSecondary:n})]},t.over)}function Y(e){let{data:t,xMaxPerc:r,isSecondary:n}=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)(z,{w:e,perc:r,isSecondary:n},e.over))}):null}function B(e){let{data:t,inningNumber:r,svgWidth:s}=e,i=(e=>{let t=Math.max(e.totalRuns[n.cxP.Left]||0,e.totalRuns[n.cxP.Right]||0);return{x:j(e.maxOver,p),y:j(t,g)}})(t),l=(e=>{let t=(0,m.A)(),r=(0,v.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")}})(s),o=((e,t,r)=>{let{precision:a,direction:s}=t,i=(0,h.A)([s.initialX,s.finalX],[0,a.x.max]),l=(0,h.A)([160,0],[0,a.y.max]),c={[n.cxP.Left]:0,[n.cxP.Right]:0},o={};return Object.keys(e).forEach(t=>{let r=e[t];r[n.cxP.Left]&&(c[n.cxP.Left]+=r[n.cxP.Left].runs),r[n.cxP.Right]&&(c[n.cxP.Right]+=r[n.cxP.Right].runs),[n.cxP.Left,n.cxP.Right].forEach(e=>{if(!r[e])return;let a=o[e]||{svgPath:"M ".concat(s.initialX,",").concat(160),wickets:[]},x=c[e===n.cxP.Left?n.cxP.Right:n.cxP.Left],u=e===n.cxP.Left?"top":"bottom",d=(0,f.M)(i.invert(Number(t)),2),h=(0,f.M)(l.invert(c[e]),2);a.svgPath+=" L ".concat(d,",").concat(h),r[e].wickets&&a.wickets.push({over:t,x:d,y:h,num:r[e].wickets,position:c[e]>x?"top":c[e]<x?"bottom":u}),o[e]=a})}),r&&(o.liveIndicatorX=Number((0,f.M)(i.invert(Number(r)),2))),o})(t.overs,{precision:i,direction:l},t.liveOver),[x,u]=[t.teamMaxOver[n.cxP.Left]/i.x.max,t.teamMaxOver[n.cxP.Right]/i.x.max];return(0,a.jsxs)("svg",{height:"100%",width:"100%",viewBox:l.viewBox,children:[(0,a.jsx)(P,{layout:{precision:i,direction:l}}),(0,a.jsxs)(c.Fragment,{children:[o[n.cxP.Left]&&(0,a.jsx)(I,{data:o[n.cxP.Left],isSecondary:!0}),o[n.cxP.Right]&&(0,a.jsx)(I,{data:o[n.cxP.Right]}),o[n.cxP.Left]&&(0,a.jsx)(Y,{data:o[n.cxP.Left],isSecondary:!0,xMaxPerc:x}),o[n.cxP.Right]&&(0,a.jsx)(Y,{data:o[n.cxP.Right],xMaxPerc:u}),void 0!==o.liveIndicatorX&&(0,a.jsx)(O,{x:o.liveIndicatorX,direction:l})]},r)]})}function D(e){let{incidents:t}=e,r=(e=>{let{event:t,leftTeam:r}=(0,c.useContext)(u.y$);return(0,c.useMemo)(()=>{let a={};if(e.forEach(e=>{if("ball"!==e.incidentType||e.superOver)return;let t=y(e);a[t]||(a[t]={maxOver:0,overs:{},totalRuns:{[n.cxP.Left]:0,[n.cxP.Right]:0},teamMaxOver:{[n.cxP.Left]:0,[n.cxP.Right]:0}});let s=e.battingTeamId===r.id?n.cxP.Left:n.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===n.XUj.InProgress)for(let t of e){if("ball"!==t.incidentType)continue;let e=y(t);a[e]&&(a[e].liveOver=t.over);break}return a},[e,t.status.type])})(t),d=Object.keys(r).sort((e,t)=>e-t),[h,f]=(0,c.useState)(d[0]),{leftTeam:m,rightTeam:v}=(0,c.useContext)(u.y$),p=(0,c.useRef)(null),[g,j]=(0,c.useState)(void 0);return((0,s.st)(()=>{var e;return j(null==(e=p.current)?void 0:e.getBoundingClientRect().width)}),d.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)(M,{})}),(0,a.jsx)(l.tU,{variant:"tertiary",initialValue:h,onChange:e=>f(e),children:(0,a.jsx)(l.tU.List,{scroll:!0,h:"48px",px:"lg",w:"100%",children:d.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)(i.az,{ref:p,style:{height:220},w:"100%",children:g&&(0,a.jsx)(B,{data:r[h],inningNumber:h,svgWidth:g})}),(0,a.jsx)(C,{team:m,isSecondary:!0}),(0,a.jsx)(C,{team:v}),(0,a.jsx)(x.Zp.Footer,{})]}):null}}}]);