!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]="4ebfcb5a-36d1-4345-83ae-eca40d488187",e._sentryDebugIdIdentifier="sentry-dbid-4ebfcb5a-36d1-4345-83ae-eca40d488187")}catch(e){}}();"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5635],{14352:(e,t,r)=>{r.d(t,{s:()=>x});var a=r(42330),s=r(55094),i=r(43479);function n(e,t){[...t].reverse().forEach(r=>{let a=e.getVariant(r);a&&(0,s.U)(e,a),e.variantChildren&&e.variantChildren.forEach(e=>{n(e,t)})})}function l(){let e=!1,t=new Set,r={subscribe:e=>(t.add(e),()=>void t.delete(e)),start(r,s){(0,a.V)(e,"controls.start() should only be called after a component has mounted. Consider calling within a useEffect hook.");let n=[];return t.forEach(e=>{n.push((0,i._)(e,r,{transitionOverride:s}))}),Promise.all(n)},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)?n(t,a):"string"==typeof a?n(t,[a]):(0,s.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(44033),o=r(2274);let x=function(){let e=(0,c.M)(l);return(0,o.E)(e.mount,[]),e}},85635:(e,t,r)=>{r.r(t),r.d(t,{default:()=>H});var a=r(6029),s=r(21377),i=r(21501),n=r(76356),l=r(99064),c=r(55729),o=r(90248),x=r(65789),d=r(62859),u=r(62042),h=r(28446),f=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:{[s.cxP.Left]:0,[s.cxP.Right]:0},teamMaxOver:{[s.cxP.Left]:0,[s.cxP.Right]:0}});let i=e.battingTeamId===r.id?s.cxP.Left:s.cxP.Right;a[t].overs[e.over]||(a[t].overs[e.over]={}),a[t].overs[e.over][i]||(a[t].overs[e.over][i]={runs:0,wickets:0}),"wickets"===e.incidentClassColor&&(a[t].overs[e.over][i].wickets+=1),a[t].overs[e.over][i].runs+=e.totalRuns,a[t].totalRuns[i]=(a[t].totalRuns[i]||0)+e.totalRuns,a[t].maxOver=Math.max(a[t].maxOver,e.over),a[t].teamMaxOver[i]=Math.max(a[t].teamMaxOver[i],e.over)}),t.status.type===s.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[s.cxP.Left]||0,e.totalRuns[s.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:i}=t,n=(0,h.A)([i.initialX,i.finalX],[0,a.x.max]),l=(0,h.A)([160,0],[0,a.y.max]),c={[s.cxP.Left]:0,[s.cxP.Right]:0},o={};return Object.keys(e).forEach(t=>{let r=e[t];r[s.cxP.Left]&&(c[s.cxP.Left]+=r[s.cxP.Left].runs),r[s.cxP.Right]&&(c[s.cxP.Right]+=r[s.cxP.Right].runs),[s.cxP.Left,s.cxP.Right].forEach(e=>{if(!r[e])return;let a=o[e]||{svgPath:"M ".concat(i.initialX,",").concat(160),wickets:[]},x=c[e===s.cxP.Left?s.cxP.Right:s.cxP.Left],d=e===s.cxP.Left?"top":"bottom",u=(0,f.M)(n.invert(Number(t)),2),h=(0,f.M)(l.invert(c[e]),2);a.svgPath+=" L ".concat(u,",").concat(h),r[e].wickets&&a.wickets.push({over:t,x:u,y:h,num:r[e].wickets,position:c[e]>x?"top":c[e]<x?"bottom":d}),o[e]=a})}),r&&(o.liveIndicatorX=Number((0,f.M)(n.invert(Number(r)),2))),o},_=e=>{let{x:t,y:r,value:s}=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:s})},R=(0,n.I4)("line",{base:{stroke:"neutrals.nLv3",strokeWidth:.5,strokeDasharray:4}});function L(e){let{layout:t}=e,{direction:r,precision:s}=t,i=(0,h.A)([r.initialX,r.finalX],[0,s.x.max]),n=(0,h.A)([160,0],[0,s.y.max]),l=s.y.max.toString().length*("rtl"===r.dir?4:-4);return(0,a.jsxs)("g",{children:[Array.from({length:s.x.buckets+1}).map((e,t)=>{let r=s.x.segment*t,n=(0,f.M)(i.invert(r),2);return(0,a.jsxs)(c.Fragment,{children:[(0,a.jsx)(_,{x:n,y:174,value:r}),(0,a.jsx)(R,{x1:n,x2:n,y1:0,y2:160})]},t)}),Array.from({length:s.y.buckets+1}).map((e,t)=>{let i=s.y.segment*t,o=(0,f.M)(n.invert(i),2);return(0,a.jsxs)(c.Fragment,{children:[(0,a.jsx)(_,{x:r.initialX+l,y:Number(o)+3,value:i}),(0,a.jsx)(R,{x1:r.initialX,x2:r.finalX,y1:o,y2:o},t)]},t)})]})}var A=r(44194),E=r(947),M=r(94604);function S(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)(A.EY,{display:"block",textStyle:"assistive.default",color:r?"secondary.default":"primary.default",children:[(0,a.jsx)(M.Rm,{team:t}),"\xa0-\xa0",(0,a.jsx)(o.A,{id:"wickets"})]})]})}function X(){let[e,t]=(0,c.useState)(!1),r=(0,E.A)(),{leftTeam:s,rightTeam:i}=(0,c.useContext)(d.y$);return(0,a.jsx)(l.AM,{closeOnOutsideClick:!0,controls:[e,t],children:(0,a.jsxs)(l.AM.Content,{w:"312px",right:[-8,0,-20,0],elevation:3,children:[(0,a.jsx)(A.EY,{display:"block",textStyle:"display.large",children:(0,a.jsx)(o.A,{id:"cricket_runs_per_over_graph"})}),(0,a.jsx)(A.EY,{display:"block",textStyle:"body.mediumParagraph",mt:"sm",children:(0,a.jsx)(o.A,{id:"cricket_runs_per_over_info_text"})}),(0,a.jsxs)(n.az,{mt:"lg",children:[(0,a.jsx)(A.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)(l._V,{src:"/static/images/performance-graph/runs-per-over-graphic.svg",alt:r.formatMessage({id:"cricket_runs_per_over_graph"}),w:"172",h:"160"}),(0,a.jsxs)(n.az,{mt:"2xl",overflow:"hidden",children:[(0,a.jsx)(A.EY,{display:"block",textStyle:"assistive.default",color:"secondary.default",truncate:!0,children:(0,a.jsx)(M.Rm,{team:s})}),(0,a.jsx)(A.EY,{display:"block",textStyle:"assistive.default",color:"primary.default",truncate:!0,children:(0,a.jsx)(M.Rm,{team:i})})]})]}),(0,a.jsx)(A.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)(S,{team:s,isSecondary:!0}),(0,a.jsx)(S,{team:i}),(0,a.jsx)(n.so,{mt:"xl",justify:"flex-end",children:(0,a.jsx)(A.$n,{variant:"clear",onClick:()=>t(!1),children:(0,a.jsx)(o.A,{id:"close_window_button"})})})]})})}var C=r(14352),O=r(9127);function I(e){let{x:t,direction:r}=e,s=(0,C.s)(),i=(0,c.useRef)(!0);return(0,c.useEffect)(()=>{(async()=>{await s.start({translateX:t-r.initialX,opacity:1},{duration:i.current?.7:.25,delay:.15*!!i.current})})().catch(),i.current=!1},[t]),(0,a.jsxs)(O.m.g,{animate:s,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 N(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)(A.EY,{textStyle:"assistive.default",color:"neutrals.nLv3",children:(0,a.jsx)(M.Rm,{team:t})})]})}function Y(e){let{data:t,isSecondary:r}=e,{svgPath:s}=t,i=(0,C.s)();return(0,c.useEffect)(()=>{(async()=>{await i.start({pathLength:1,opacity:1,d:s},{duration:1,delay:.15,type:"spring",bounce:0})})().catch()},[s]),(0,a.jsx)(O.m.path,{className:(0,u.AH)({stroke:r?"secondary.default":"primary.default"}),strokeWidth:2,fill:"none",initial:{pathLength:0,opacity:.5},animate:i})}function D(e){let{w:t,isSecondary:r}=e,s="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)+s,children:t.num}):null}function B(e){let{w:t,perc:r,isSecondary:s}=e;return(0,a.jsxs)(O.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:s?"secondary.default":"primary.default",fill:"surface.s1"}),cx:t.x,cy:t.y,strokeWidth:2,r:3}),(0,a.jsx)(D,{w:t,isSecondary:s})]},t.over)}function U(e){let{data:t,xMaxPerc:r,isSecondary:s}=e,{wickets:i}=t;return(null==i?void 0:i.length)&&0!==r?(0,a.jsx)(a.Fragment,{children:i.map(e=>(0,a.jsx)(B,{w:e,perc:r,isSecondary:s},e.over))}):null}function z(e){let{data:t,inningNumber:r,svgWidth:i}=e,n=k(t),l=P(i),o=w(t.overs,{precision:n,direction:l},t.liveOver),[x,d]=[t.teamMaxOver[s.cxP.Left]/n.x.max,t.teamMaxOver[s.cxP.Right]/n.x.max];return(0,a.jsxs)("svg",{height:"100%",width:"100%",viewBox:l.viewBox,children:[(0,a.jsx)(L,{layout:{precision:n,direction:l}}),(0,a.jsxs)(c.Fragment,{children:[o[s.cxP.Left]&&(0,a.jsx)(Y,{data:o[s.cxP.Left],isSecondary:!0}),o[s.cxP.Right]&&(0,a.jsx)(Y,{data:o[s.cxP.Right]}),o[s.cxP.Left]&&(0,a.jsx)(U,{data:o[s.cxP.Left],isSecondary:!0,xMaxPerc:x}),o[s.cxP.Right]&&(0,a.jsx)(U,{data:o[s.cxP.Right],xMaxPerc:d}),void 0!==o.liveIndicatorX&&(0,a.jsx)(I,{x:o.liveIndicatorX,direction:l})]},r)]})}function H(e){let{incidents:t}=e,r=g(t),s=Object.keys(r).sort((e,t)=>e-t),[u,h]=(0,c.useState)(s[0]),{leftTeam:f,rightTeam:m}=(0,c.useContext)(d.y$),y=(0,c.useRef)(null),[v,p]=(0,c.useState)(void 0);return((0,i.st)(()=>{var e;return p(null==(e=y.current)?void 0:e.getBoundingClientRect().width)}),s.length)?(0,a.jsxs)(x.Zp,{isInverseDesktop:!0,children:[(0,a.jsx)(x.Zp.Header,{variant:"left-aligned",titleId:"cricket_runs_per_over",actionComponent:(0,a.jsx)(X,{})}),(0,a.jsx)(l.tU,{variant:"tertiary",initialValue:u,onChange:e=>h(e),children:(0,a.jsx)(l.tU.List,{scroll:!0,h:"48px",px:"lg",w:"100%",children:s.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)(z,{data:r[u],inningNumber:u,svgWidth:v})}),(0,a.jsx)(N,{team:f,isSecondary:!0}),(0,a.jsx)(N,{team:m})]}):null}}}]);