https://dashboard.mux.com/assets/VideoView-5E6CeK34.js

1import{j as e,a as C,b as Pr,r as $,R as H,dp as $r,N as Ir,bz as qe}from"./react-DZIhD4CV.js";import{c as i,x as Je,E as O,el as Y,k6 as me,bW as er,bX as K,s as w,w as rr,k as oe,du as tr,cm as Re,r as sr,cM as Be,G as se,ep as De,er as Z,ct as nr,g as ce,jq as Ar,kg as qr,kh as ar,b_ as Me,bT as Br,bU as Dr,hn as lr,bV as Mr,cf as Vr,ec as fe,c3 as ir,c4 as or,ad as Nr,et as Ur,c6 as cr,es as Ve,q as ur,aq as Ce,cP as Fr,c7 as Lr,au as X,gZ as Ne,c1 as Or,ki as wr,kj as Hr,kk as Gr,kl as zr,dG as Xr,iQ as Wr,dH as Qr,km as Yr,kn as Kr,ko as Zr,kp as Ue,kq as Jr,kr as et,ks as Fe,cZ as rt,kt as tt,h6 as pe,fY as st,c8 as nt,hD as at}from"./index-DYHSnDuC.js";import{u as lt}from"./custom-dimensions-D-eHr6bG.js";import{C as it,u as ot,a as ct}from"./CollapsibleElements-Dj5gDkgV.js";import{C as ut,ah as dt,ai as dr,ad as pt,ac as xe,ab as xt}from"./d3-q0zOtUjj.js";const gt=Je("$variant","default",{default:"inherit",fatal:i.red10,warning:i.yellow10}),ht=Je("$variant","default",{default:i.background.highlight,fatal:i.red20,warning:i.yellow20}),yt=C.div(["border-left:1px solid ",";border-right:1px solid ",";background:",";&:hover{background:",";}"],i.border.default,i.border.default,gt,ht),ft=C.div(["&:hover{background:",";}"],i.background.highlight),mt=C(er)(["border-right:1px solid ",";border-left:1px solid ",";&:first-child{padding-top:",";border-top:1px solid ",";}&:last-child{border-bottom:1px solid ",";padding-bottom:",";}",""],i.border.default,i.border.default,w[1],i.border.default,i.border.default,w[1],({$isCollapsed:r})=>r&&Pr(["display:none;"])),je=C(K)(["min-height:",";padding:",";margin-left:4;"],rr[2],w[1]),pr=C(tr)(["height:",";margin-left:-5px;"],w[4]),Le={minHeight:rr[2],padding:w[1]},jt=C.div(["margin:-5px -20px;"]),ge=({info:r})=>r===void 0?null:e.jsxs(e.Fragment,{children:[e.jsx(oe,{children:"|"}),e.jsx(oe,{children:r})]}),bt=({event:r})=>{const a=r?.details;switch(r.name){case"error":return e.jsxs(O,{gap:2,xAlign:"space-between",children:[r.name,e.jsx(ge,{info:a?.playerErrorCode}),e.jsx(ge,{info:a?.errorSeverity})]});case"requestfailed":{const n=a?.requestId,o=a?.requestType;return e.jsxs(O,{gap:2,xAlign:"space-between",children:[r.name,e.jsx(ge,{info:o&&`type: ${o}`}),e.jsx(ge,{info:n&&`id: ${n}`}),n&&e.jsx(pr,{value:n})]})}default:return e.jsx(e.Fragment,{children:r.name})}},Et=({event:r,viewStartTime:a,isBeforeViewStart:n,expandable:o,onMouseEnter:c,onMouseLeave:g})=>{const j=Y(r.playbackTime,!1,0),E=Y(me(a,r.viewerTime),!1,1),b=n?`${i.gray30}`:"inherit",_={...Le,color:b};return e.jsxs(er,{onMouseEnter:c,onMouseLeave:g,children:[e.jsx(K,{width:25,style:Le,children:o?e.jsx(jt,{children:e.jsx(ct,{})}):null}),e.jsx(K,{ratio:2,style:_,children:e.jsx(bt,{event:r})}),e.jsx(K,{right:!0,style:_,children:j}),e.jsx(K,{right:!0,style:{..._,paddingRight:15},children:E})]})},St=({details:r})=>{const{isCollapsed:a}=ot();let n=Object.entries(r).sort((o,c)=>o[0].localeCompare(c[0]));return r.request_id!==void 0&&(n=n.filter(o=>o[0]!=="request_id"),n.unshift(["request_id",r.request_id])),e.jsx(ft,{children:n.map(([o,c])=>{const g=o.replace("player_","").replace("source_","").replace("request_","").replace("error_","");return e.jsxs(mt,{"aria-hidden":a,$isCollapsed:a,children:[e.jsx(je,{width:25}),e.jsx(je,{ratio:.2,children:e.jsx("b",{children:g})}),e.jsx(je,{children:e.jsxs(O,{style:{overflowWrap:"anywhere"},yAlign:"center",gap:4,children:[c.toString(),o==="request_url"&&e.jsx(pr,{value:c})]})})]},o.toString())})})},_t=({event:r,viewStartTime:a,isBeforeViewStart:n,onMouseEnter:o,onMouseLeave:c})=>{const g=r.details?.__raw__;g&&Object.keys(g).forEach(h=>{(g[h]===null||g[h]===void 0)&&delete g[h]});const j=g!==void 0&&Object.entries(g).length>0,E=e.jsx(Et,{event:r,viewStartTime:a,isBeforeViewStart:n,expandable:j,onMouseEnter:o,onMouseLeave:c}),b=r.name==="error"?r.details?.errorSeverity:"default",_=e.jsx(yt,{"data-aria":r.sequenceNumber?.toString(),$variant:b,children:E});return j?e.jsxs(it,{children:[_,e.jsx(St,{details:g})]}):_},ue={startup:i.gray20,rebuffering:i.red20,playback:i.green20,adplayback:i.blue20,pause:i.white,seeking:i.gray20},y={startup:"startup",adplayback:"adplayback",playback:"playback",pause:"pause",rebuffering:"rebuffering",error:"error",playbackfailure:"playbackfailure",chartIgnore:"chartIgnore",seeking:"seeking",badRequest:"badRequest"},be={playback:"Video Playing",pause:"Paused",error:"Error",playbackfailure:"Playback Failure",adplayback:"Ad Playing",startup:"Starting Up",rebuffering:"Rebuffering",seeking:"Seeking"},Oe={viewstart:y.startup,adbreakstart:y.startup,adplay:y.startup,play:y.startup,adbreakend:y.chartIgnore,adended:y.chartIgnore,adrequest:y.chartIgnore,adresponse:y.chartIgnore,playing:y.playback,seeked:y.chartIgnore,rebufferend:y.chartIgnore,adplaying:y.adplayback,viewend:y.pause,viewdropped:y.pause,ended:y.pause,adpause:y.pause,pause:y.pause,seeking:y.seeking,rebuffered:y.rebuffering,rebufferstart:y.rebuffering,error:y.error,aderror:y.error,requestfailed:y.badRequest,requestcanceled:y.badRequest,loadstart:y.chartIgnore,playerready:y.chartIgnore,renditionchange:y.chartIgnore,timeupdate:y.chartIgnore,waiting:y.chartIgnore},we={seeked:y.seeking,rebufferend:y.rebuffering},ne=r=>

1r?.name&&Oe[r.name]?Oe[r.name]:y.chartIgnore,Tt=r=>r.filter(a=>ne(a)===y.error),vt=r=>r.filter(a=>ne(a)===y.badRequest),Rt=r=>r.filter(a=>ne(a)===y.pause),Ct=r=>{const a=r.filter(o=>ne(o)!==y.badRequest),n=r.length?r[0].viewerTime:0;return a?.find(o=>o.name==="viewstart")||a.unshift({...a[0],viewerTime:n,name:"viewstart"}),r.length>2&&r[r.length-1].name==="viewend"&&r[r.length-2].name==="ended"&&a.pop(),a},kt=(r=[])=>{let a=0;const n=[],o=Ct(r),c=o.length?o[o.length-1]:null,g=c?c.viewerTime:0;let j=!1;const E=()=>{n[n.length-1].endTime=new Date(g)};let b=!1;return o.reduce((_,h,T)=>{if(!b&&h.name==="viewstart"&&(a=h.viewerTime,b=!0),!b)return _;let S=ne(h);if(h.name==="error"&&(h.details?.errorSeverity!=="warning"&&(j=!0),c?.playbackTime===h.playbackTime&&n[n.length-1]?.category!==y.pause&&(S=y.playbackfailure)),S===y.error)return _;if(we[h.name]&&we[h.name]===n[n.length-1]?.category&&(S=n[n.length-2]?.category||y.chartIgnore),S===y.chartIgnore)return n.length&&(n[n.length-1].events.push(h),T===o.length-1&&E()),_;if(S!==ne(_)){const p={events:[],eventIndex:h?.sequenceNumber};if(n.length){n[n.length-1].endTime=new Date(h.viewerTime),n[n.length-1].events.push(h);const f=n[n.length-1],D=f.events[0],P=f.events[f.events.length-1];f.category===y.playback&&D.playbackTime===P.playbackTime&&j&&(f.category=y.playbackfailure)}p.category=S,p.startTime=new Date(h.viewerTime),p.events.push(h),T===o.length-1&&(p.endTime=new Date(g)),n.push(p)}else T===o.length-1&&E(),n[n.length-1].events.push(h);return h},{name:void 0}),{buckets:n,viewStartTime:a,viewEndTime:g,errors:Tt(r),badRequest:vt(r),pause:Rt(r)}},Pt=r=>r.category===y.pause?r.events.slice(0,r.events.length-1).some(o=>o.name==="seeking")?be.seeking:r.events.some(o=>["pause","adpause"].includes(o.name))?be.pause:"":be[r.category],$t="_Startup_1wp9a_30",It="_SeekLatency_1wp9a_37",At="_Playback_1wp9a_45",qt="_AdPlayback_1wp9a_53",Bt="_Rebuffering_1wp9a_61",Dt="_Paused_1wp9a_69",Mt="_PlaybackFailure_1wp9a_89",J={Startup:$t,SeekLatency:It,Playback:At,AdPlayback:qt,Rebuffering:Bt,Paused:Dt,PlaybackFailure:Mt},ee=C.div(["height:",";width:18px;border-radius:1px;border:1px solid ",";"],Re[3],i.gray80),re=C(O).attrs({gap:2,yAlign:"center"})([""]),Vt=()=>e.jsxs(O,{gap:4,yAlign:"center",xAlign:"right",children:[e.jsxs(re,{children:[e.jsx(ee,{className:J.Startup}),"Starting Up"]}),e.jsxs(re,{children:[e.jsx(ee,{className:J.SeekLatency}),"Seek Latency"]}),e.jsxs(re,{children:[e.jsx(ee,{className:J.Rebuffering}),"Rebuffering"]}),e.jsxs(re,{children:[e.jsx(ee,{className:J.Playback}),"Video Playing"]}),e.jsxs(re,{children:[e.jsx(ee,{className:J.AdPlayback}),"Ad Playing"]}),e.jsxs(re,{children:[e.jsx(ee,{className:J.Paused}),"Paused"]}),e.jsxs(re,{children:[e.jsx(ee,{className:J.PlaybackFailure}),"Playback Failure"]})]}),Nt=`<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
2    <g fill="none" fill-rule="evenodd">
3        <path fill="#FFEA99" stroke="#E99001" d="M14.833 14.833A8.396 8.396 0 1 1 2.959 2.958a8.396 8.396 0 0 1 11.874 11.875z"/>
4        <g fill="#808C99">
5            <path d="M8.012 5.08a.98.98 0 0 1 1.134-.55c.45.116.75.55.716 1.032l-.05.934c-.066 1.166-.133 2.333-.183 3.483a.716.716 0 0 1-.717.683c-.4 0-.7-.3-.716-.716-.017-.234-.017-.467-.034-.7-.05-.75-.083-1.5-.133-2.267-.033-.483-.05-.967-.083-1.45-.017-.133 0-.3.066-.45zM8.896 11.346c.533 0 .966.433.983.966a.967.967 0 0 1-.967.967c-.516 0-.966-.433-.966-.95a.957.957 0 0 1 .95-.983z"/>
6        </g>
7    </g>
8</svg>
9`,xr=`<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
10    <g fill="none" fill-rule="evenodd">
11        <path fill="#FC6D7B" stroke="#b71928" d="M14.833 14.833A8.396 8.396 0 1 1 2.959 2.958a8.396 8.396 0 0 1 11.874 11.875z"/>
12        <g fill="#FFF">
13            <path d="M8.012 5.08a.98.98 0 0 1 1.134-.55c.45.116.75.55.716 1.032l-.05.934c-.066 1.166-.133 2.333-.183 3.483a.716.716 0 0 1-.717.683c-.4 0-.7-.3-.716-.716-.017-.234-.017-.467-.034-.7-.05-.75-.083-1.5-.133-2.267-.033-.483-.05-.967-.083-1.45-.017-.133 0-.3.066-.45zM8.896 11.346c.533 0 .966.433.983.966a.967.967 0 0 1-.967.967c-.516 0-.966-.433-.966-.95a.957.957 0 0 1 .95-.983z"/>
14        </g>
15    </g>
16</svg>
17`,Ut=`<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">

18    <circle cx="9" cy="10" r="5" stroke='#E99001' fill='#FFEA99'/>
19</svg>`,Ft=`<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
20    <circle cx="9" cy="10" r="5" stroke='#FB501D' fill='#F9AE01'/>
21</svg>`,He=({id:r,x:a=0,y:n=0,viewBoxSize:o=30,size:c=42})=>e.jsxs(e.Fragment,{children:[e.jsxs("pattern",{id:`${r}Main`,viewBox:`0,0,${o},${o}`,width:c,height:c,patternUnits:"userSpaceOnUse",children:[e.jsx("polygon",{fillRule:"evenodd",fill:i.gray80,points:"48.76 45 42.09 50 42.09 40 48.76 45"}),e.jsx("polygon",{fillRule:"evenodd",fill:i.gray80,points:"48.76 15 42.09 20 42.09 10 48.76 15"}),e.jsx("polygon",{fillRule:"evenodd",fill:i.gray80,points:"18.84 15 12.17 20 12.17 10 18.84 15"}),e.jsx("polygon",{fillRule:"evenodd",fill:i.gray80,points:"18.84 45 12.17 50 12.17 40 18.84 45"})]}),e.jsxs("pattern",{x:a,y:n,id:r||"PlaybackPattern",width:"100%",height:"100%",patternUnits:"userSpaceOnUse",children:[e.jsx("rect",{x:"0",y:"0",width:"100%",height:"100%",fill:ue.playback}),e.jsx("rect",{x:"0",y:"0",width:"100%",height:"100%",fill:`url(#${r}Main)`})]})]}),Lt=()=>e.jsx("pattern",{id:"PausePattern",width:"100%",height:"100%",patternUnits:"userSpaceOnUse",children:e.jsx("rect",{x:"0",y:"30",width:"100%",height:"1",fill:i.gray80})}),Ot=()=>e.jsx("pattern",{id:"PlaybackFailurePattern",width:"100%",height:"100%",patternUnits:"userSpaceOnUse",children:e.jsx("rect",{x:"0",y:"30",width:"100%",height:"1",fill:i.red40})}),Ge=({id:r,x:a=0,y:n=0,viewBoxSize:o=30,size:c=36})=>e.jsxs(e.Fragment,{children:[e.jsxs("pattern",{id:`${r}Main`,viewBox:`0,0,${o},${o}`,width:c,height:c,patternUnits:"userSpaceOnUse",children:[e.jsx("polygon",{fill:i.gray80,points:"16.41 15 19.24 12.17 17.83 10.76 15 13.59 10.76 17.83 12.17 19.24 16.41 15"}),e.jsx("polygon",{fill:i.gray80,points:"28.59 30 25.76 27.17 27.17 25.76 30 28.59 34.24 32.83 32.83 34.24 28.59 30"}),e.jsx("polygon",{fill:i.gray80,points:"28.59 0 25.76 -2.83 27.17 -4.24 30 

21-1.41 34.24 2.83 32.83 4.24 28.59 0"}),e.jsx("polygon",{fill:i.gray80,points:"-1.41 30 -4.24 27.17 -2.83 25.76 0 28.59 4.24 32.83 2.83 34.24 -1.41 30"}),e.jsx("polygon",{fill:i.gray80,points:"-1.41 0 -4.24 -2.83 -2.83 -4.24 0 -1.41 4.24 2.83 2.83 4.24 -1.41 0"}),e.jsx("polygon",{fill:i.gray80,points:"-1.41 60 -4.24 57.17 -2.83 55.76 0 58.59 4.24 62.83 2.83 64.24 -1.41 60"}),e.jsx("polygon",{fill:i.gray80,points:"28.59 60 25.76 57.17 27.17 55.76 30 58.59 34.24 62.83 32.83 64.24 28.59 60"}),e.jsx("polygon",{fill:i.gray80,points:"58.59 30 55.76 27.17 57.17 25.76 60 28.59 64.24 32.83 62.83 34.24 58.59 30"}),e.jsx("polygon",{fill:i.gray80,points:"58.59 0 55.76 -2.83 57.17 -4.24 60 -1.41 64.24 2.83 62.83 4.24 58.59 0"}),e.jsx("polygon",{fill:i.gray80,points:"58.59 60 55.76 57.17 57.17 55.76 60 58.59 64.24 62.83 62.83 64.24 58.59 60"}),e.jsx("polygon",{fill:i.gray80,points:"46.36 15 49.19 12.17 47.77 10.76 44.94 13.59 40.7 17.83 42.12 19.24 46.36 15"}),e.jsx("polygon",{fill:i.gray80,points:"46.36 45 49.19 42.17 47.77 40.76 44.94 43.59 40.7 47.83 42.12 49.24 46.36 45"}),e.jsx("polygon",{fill:i.gray80,points:"16.41 45 19.24 42.17 17.83 40.76 15 43.59 10.76 47.83 12.17 49.24 16.41 45"})]}),e.jsxs("pattern",{x:a,y:n,id:r||"SeekingPattern",width:"100%",height:"100%",patternUnits:"userSpaceOnUse",children:[e.jsx("rect",{x:"0",y:"0",width:"100%",height:"100%",fill:ue.seeking}),e.jsx("rect",{x:"0",y:"0",width:"100%",height:"100%",fill:`url(#${r}Main)`})]})]}),ze=({id:r,x:a=0,y:n=0,viewBoxSize:o=30,size:c=36})=>e.jsxs(e.Fragment,{children:[e.jsxs("pattern",{id:`${r}Main`,viewBox:`0,0,${o},${o}`,width:c,height:c,patternUnits:"userSpaceOnUse",children:[e.jsx("polygon",{fill:i.gray80,points:"45 35.59 42.17 32.76 40.76 34.17 43.59 37 40.76 39.83 42.17 41.24 45 38.41 47.83 41.24 49.24 39.83 46.41 37 49.24 34.17 47.83 32.76 45 35.59"}),e.jsx("polygon",{fill:i.gray80,points:"45 5.59 42.17 2.76 40.76 4.17 43.59 7 40.76 9.83 42.17 11.24 45 8.41 47.83 11.24 49.24 9.83 46.41 7 49.24 4.17 47.83 2.76 45 5.59"}),e.jsx("polygon",{fill:i.gray80,points:"15 35.59 12.17 32.76 10.76 34.17 13.59 37 10.76 39.83 12.17 41.24 15 38.41 17.83 41.24 19.24 39.83 16.41 37 19.24 34.17 17.83 32.76 15 35.59"}),e.jsx("polygon",{fill:i.gray80,points:"15 5.59 12.17 2.76 10.76 4.17 13.59 7 10.76 9.83 12.17 11.24 15 8.41 17.83 11.24 19.24 9.83 16.41 7 19.24 4.17 17.83 2.76 15 5.59"}),e.jsx("polygon",{fill:i.gray80,points:"30 20.59 27.17 17.76 25.76 19.17 28.59 22 25.76 24.83 27.17 26.24 30 23.41 32.83 26.24 34.24 24.83 31.41 22 34.24 19.17 32.83 17.76 30 20.59"}),e.jsx("polygon",{fill:i.gray80,points:"30 50.59 27.17 47.76 25.76 49.17 28.59 52 25.76 54.83 27.17 56.24 30 53.41 32.83 56.24 34.24 54.83 31.41 52 34.24 49.17 32.83 47.76 30 50.59"}),e.jsx("polyline",{fill:i.gray80,points:"0 23.41 2.83 26.24 4.24 24.83 1.41 22 4.24 19.17 2.83 17.76 0 20.59"}),e.jsx("polyline",{fill:i.gray80,points:"0 53.41 2.83 56.24 4.24 54.83 1.41 52 4.24 49.17 2.83 47.76 0 50.59"}),e.jsx("polyline",{fill:i.gray80,points:"60 20.59 57.17 17.76 55.76 19.17 58.59 22 55.76 24.83 57.17 26.24 60 23.41"}),e.jsx("polyline",{fill:i.gray80,points:"60 50.59 57.17 47.76 55.76 49.17 58.59 52 55.76 54.83 57.17 56.24 60 53.41"})]}),e.jsxs("pattern",{x:a,y:n,id:r||"RebufferingPattern",width:"100%",height:"100%",patternUnits:"userSpaceOnUse",children:[e.jsx("rect",{x:"0",y:"0",width:"100%",height:"100%",fill:ue.rebuffering}),e.jsx("rect",{x:"0",y:"0",width:"100%",height:"100%",fill:`url(#${r}Main)`})]})]}),Xe=({id:r,x:a=0,y:n=0,viewBoxSize:o=30,size:c=42})=>e.jsxs(e.Fragment,{children:[e.jsx("pattern",{id:`${r}Main`,viewBox:`0,0,${o},${o}`,width:c,height:c,patternUnits:"userSpaceOnUse",children:e.jsx("path",{fill:i.gray80,d:"M46,44V40H44v4H40v2h4v4h2V46h4V44Zm0-30V10H44v4H40v2h4v4h2V16h4V14ZM16,44V40H14v4H10v2h4v4h2V46h4V44Zm0-30V10H14v4H10v2h4v4h2V16h4V14Z"})}),e.jsxs("pattern",{x:a,y:n,id:r||"AdPlaybackPattern",width:"100%",height:"100%",patternUnits:"userSpaceOnUse",children:[e.jsx("rect",{x:"0",y:"0",width:"100%",height:"100%",fill:ue.adplayback}),e.jsx("rect",{x:"0",y:"0",width:"100%",height:"100%",fill:`url(#${r}Main)`})]})]}),wt=()=>e.jsxs("defs",{children:[e.jsx(Lt,{}),e.jsx(He,{size:30}),e.jsx(Ot,{}),e.jsx(Ge,{id:"SeekingPattern",size:30}),e.jsx(ze,{id:"RebufferingPattern",size:30}),e.jsx(Xe,{id:"AdPlaybackPattern",size:30}),e.jsx(He,{id:"ContextPlaybackPattern",y:-3,viewBoxSize:60}),e.jsx(Xe,{id:"ContextAdPlayingPattern",y:-3,viewBoxSize:60}),e.jsx(Ge,{id:"ContextSeekingPattern",y:2,viewBoxSize:60}),e.jsx(ze,{id:"ContextRebufferingPattern",viewBoxSize:60}),e.jsx("pattern",{id:"PatternStripe",width:"6",height:"6",patternUnits:"userSpaceOnUse",patternTransform:"rotate(-45)",children:e.jsx("rect",{width:"1",height:"6",transform:"translate(0,0)",fill:ue.rebuffering})}),e.jsx("mask",{id:"MaskStripe",children:e.jsx("rect",{x:"0",y:"0",width:"100%",height:"100%",fill:"url(#PatternStripe)"})})]}),x={BRUSH:"brush",AXIS:"axis",CONTEXT:"context",MAIN:"main",ADPLAYBACK:"adplayback",PLAYBACK:"playback",PLAYBACK_FAILURE:"playbackfailure",PAUSE:"pause",REBUFFERING:"rebuffering",STARTUP:"startup",SEEKING:"seeking",ERROR:"error",ERROR_LINE:"errorline",AD_ERROR_LINE:"aderrorline",AD_ERROR:"aderror",CONTEXT_ADERROR:"contextaderror",CONTEXT_ERROR:"contexterror",REQUEST_FAILED_LINE:"requestfailedline",REQUEST_CANCELED_LINE:"requestcanceledline",PAUSE_ICON:"pauseIcon",ERROR_ICON:"errorIcon",AD_ERROR_ICON:"adErrorIcon",REQUEST_FAILED_ICON:"requestFailedIcon",REQUEST_CANCELED_ICON:"requestCanceledIcon"},B={BRUSH_MARGIN:20,XAXIS_HEIGHT:23,ITEM_PADDING:10,BAR_HEIGHT:60,MIN_GRAPH_WIDTH:500,Y_ICON_OFFSET:10,BRUSH_HEIGHT:25},te=r=>"eventIndex"in r&&"events"in r&&Array.isArray(r.events),gr=r=>"viewerTime"in r&&typeof r.viewerTime=="number",Ee=(r,a)=>r&&a?me(r,a):0,Ht=r=>{switch("name"in r?r.name:""){case"aderror":return x.CONTEXT_ADERROR;case"requestfailed":return x.REQUEST_FAILED_LINE;case"requestcanceled":return x.REQUEST_CANCELED_LINE;default:return x.CONTEXT_ERROR}},Gt=r=>r.name==="aderror"?`${x.AD_ERROR_LINE} ${x.ERROR}`:`${x.ERROR_LINE} ${x.ERROR}`,zt=r=>r.name==="requestfailed"?`${x.REQUEST_FAILED_LINE} ${x.ERROR}`:`${x.REQUEST_CANCELED_LINE} ${x.ERROR}`,Xt=(r,a,n)=>ut().domain([new Date(r),new Date(a)]).range([0,n]).clamp(!1),Wt=(r,a)=>{const n=function(o){return Y(me(a.getTime(),o.getTime()),!1,1)};return dr(r).tickFormat(n).tickSize(8).tickPadding(8).ticks(5).tickSizeOuter(1)},Qt=(r,a)=>dt().extent([[0,0],[r,a]]),Yt=C.svg(["width:100%;.","{fill:url(#AdPlaybackPattern);stroke:",";}.","{fill:url(#PlaybackPattern);stroke:",";}.","{fill:url(#PlaybackFailurePattern);}.","{fill:url(#PausePattern);}.","{stroke:",";fill:url(#RebufferingPattern);}.","{stroke:",";background:",";fill:",";}.","{stroke:",";fill:url(#SeekingPattern);}.","{fill:",";}.","{fill:",";}.","{fill:",";}.","{fill:",";}.",",.","{fill:",";stroke:",";}."," path,."," line{stroke:",";}."," text{font-size:1.3em;fill:",";}.","{&:hover{stroke:",";stroke-width:1px;fill-opacity:0.7;}}.","{.","{fill:url(#ContextAdPlayingPattern);}.","{fill:url(#ContextPlaybackPattern);}.","{fill:url(#ContextSeekingPattern);}.","{fill:url(#ContextRebufferingPattern);}}"],x.ADPLAYBACK,i.gray80,x.PLAYBACK,i.gray80,x.PLAYBACK_FAILURE,x.PAUSE,x.REBUFFERING,i.gray80,x.STARTUP,i.gray80,i.gray20,i.gray20,x.SEEKING,i.gray80,x.REQUEST_FAILED_LINE,i.orange50,x.REQUEST_CANCELED_LINE,i.yellow60,x.ERROR_LINE,i.red60,x.AD_ERROR_LINE,i.orange40,x.AD_ERROR,x.CONTEXT_ADERROR,i.yellow40,i.yellow40,x.AXIS,x.AXIS,i.gray50,x.AXIS,i.gray90,x.MAIN,i.gray100,x.CONTEXT,x.ADPLAYBACK,x.PLAYBACK,x.SEEKING,x.REBUFFERING),Kt=C.div(["position:absolute;

21width:200px;background-color:",";opacity:0.9;padding:",";border-radius:",";text-align:center;transform:translate(-50%,-100%);pointer-events:none;&:after{content:'';width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid ",";position:absolute;bottom:-8px;left:50%;margin-left:-8px;}"],i.gray90,w[2],sr[1],i.gray90),We=({children:r})=>e.jsxs(O,{xAlign:"center",yAlign:"center",gap:1,children:[e.jsx(Ar,{color:i.green30}),e.jsx(se,{$color:"green30",children:r})]}),Se=({data:r,errorInfo:a,chartStartTime:n})=>{if(gr(r)){let h;const T=r.name.split("request");T.length===2?h=`Request ${Be(T[1])}`:h=r.name==="aderror"?"Ad Error":Be(r.name);const{viewerTime:S}=r,p=`Code ${r.details?.playerErrorCode??a.errorCode}`,f=r?.details?.requestType?`request_type: ${r?.details?.requestType}`:"",D=r.name===y.error;return e.jsxs(e.Fragment,{children:[e.jsx(se,{$color:"white",children:h}),e.jsx(De,{$color:"white",children:D?p:f}),e.jsx(We,{children:Y(Ee(n?.getTime(),new Date(S).getTime()))}),D&&e.jsx(se,{$color:"white",children:r.details?.playerErrorMessage??a.errorMessage})]})}const o=10,c=Z(Ee(r.startTime?.getTime(),r.endTime?.getTime()),"milliseconds"),g=r.events[0],j=r.events[r.events.length-1],E=g?g.playbackTime:0,b=j?j.playbackTime:0,_=Pt(r);return e.jsxs(e.Fragment,{children:[e.jsx(se,{$color:"white",children:_}),e.jsx(nr,{$color:"white",children:c}),e.jsx(We,{children:`${Y(E)} - ${Y(b)}`}),e.jsxs(oe,{children:[r.events.slice(0,o).map((h,T)=>{const S=Ee(n?.getTime(),h.viewerTime);return e.jsxs(O,{xAlign:"space-between",children:[e.jsx(se,{$color:"white",children:h.name}),e.jsx(De,{$color:"white",style:{fontSize:ce[1]},children:Y(S,!1,1)})]},T)}),r.events.length>o&&e.jsxs(se,{$color:"white",children:["+ ",r.events.length-o," more events"]})]})]})},Zt=r=>{const[a,n]=H.useState(null),o=H.useCallback((g,j)=>{if(!r.current)return;const E=r.current.getBoundingClientRect(),b=j.clientX-E.left,_=j.clientY-E.top;n({content:g,x:b,y:_})},[r]),c=H.useCallback(()=>n(null),[]);return{tooltip:a,showTooltip:o,hideTooltip:c}},Jt=$r.renderToStaticMarkup(e.jsx(qr,{width:12,height:12,color:i.gray30})),F={top:25,right:5,left:15},_e=220,Qe=B.BRUSH_HEIGHT-10,G=Math.ceil(F.left/2)+1,es=F.top,hr=es+B.BAR_HEIGHT+B.ITEM_PADDING,ke=hr+B.XAXIS_HEIGHT+B.BRUSH_MARGIN,Ye=ke+5,rs=ke+B.BRUSH_HEIGHT,W=F.top-B.ITEM_PADDING-B.Y_ICON_OFFSET,ts=({data:r,errorInfo:a,selectedBucketIndex:n})=>{const o=$.useRef(null),c=$.useRef(null),g=$.useRef(null),j=$.useRef(null),E=$.useRef(null),b=$.useRef(null),_=$.useRef(null),h=$.useRef(null),T=$.useRef(0),S=$.useRef(null),p=$.useRef(null),f=$.useRef(null),D=$.useRef(null),{tooltip:P,showTooltip:l,hideTooltip:t}=Zt(c),V=u=>!u.startTime||!f.current?0:f.current(u.startTime)+G,ae=u=>{if(!u.startTime||!u.endTime||!f.current)return 1;const d=f.current;return Math.max(1,d(u.endTime)-d(u.startTime))},de=(u,d,R,m)=>{if(!p.current||!f.current)throw new Error("SVG or scale not initialized");const v=p.current.selectAll(`.${u}`).selectAll("rect").data(r.buckets).enter().append("rect");return v.attr("class",k=>`${k.category??""} ${d}`).attr("transform",k=>`translate(${V(k)}, ${m})`).attr("height",R).attr("width",ae),v},yr=()=>{const u=[...r.buckets.filter(m=>m.category===y.pause),...r.errors,...r.badRequest],d=(m,v,k)=>{if(!f.current)return;m.attr("class",k).append("g").html(v).on("mousemove",function(N,M){l(e.jsx(Se,{data:M,errorInfo:a,chartStartTime:j.current}),N)}).on("mouseout",function(){t()}).on("click",(N,M)=>{if(gr(M)&&M.sequenceNumber){const U=document.querySelector(`div[data-aria="${M.sequenceNumber.toString()}"]`);U?.scrollIntoView({behavior:"smooth",block:"center"}),U?.firstChild?.firstChild?.firstChild?.firstChild?.click()}})};if(!p.current||!f.current)return;p.current.select(".focus").append("g").attr("class","indicators").selectAll("g").data(u).enter().append("g").attr("transform",m=>{if(!f.current)return`translate(0, ${W})`;const v=te(m)?m.startTime:new Date(m.viewerTime),k=te(m)?m.endTime:v,z=te(m)?3:0;if(!v||!k)return`translate(0, ${W})`;const N=Math.max(1,f.current(k)-f.current(v))/2+z;return`translate(${f.current(v)+N}, ${W})`}

21).each(function(m){const v=xe(this);te(m)?m.events.some(k=>k.name==="pause")&&d(v,Jt,x.PAUSE_ICON):m.name==="error"?d(v,xr,x.ERROR_ICON):m.name==="aderror"?d(v,Nt,x.AD_ERROR_ICON):m.name==="requestfailed"?d(v,Ft,x.REQUEST_FAILED_ICON):m.name==="requestcanceled"&&d(v,Ut,x.REQUEST_CANCELED_ICON)})},fr=()=>{if(!p.current||!f.current)return;p.current.select(".context").append("g").selectAll("rect").data([...r.errors,...r.badRequest]).enter().append("rect").attr("class",Ht).attr("transform",R=>`translate(${f.current(new Date(R.viewerTime))+G}, ${Ye})`).attr("height",Qe).attr("width",1)},mr=()=>{if(!p.current||!f.current)return;const d=p.current.select(".focus").append("g").selectAll("rect").data(r.errors).enter().append("rect");return d.attr("class",Gt).attr("height",B.BAR_HEIGHT).attr("width",1).attr("transform",R=>`translate(${f.current(new Date(R.viewerTime))+G}, ${F.top})`),d},jr=()=>{if(!p.current||!f.current)return;const d=p.current.select(".focus").append("g").selectAll("rect").data(r.badRequest).enter().append("rect");return d.attr("class",zt).attr("height",B.BAR_HEIGHT).attr("width",1).attr("transform",R=>{const m=new Date(R.viewerTime);return`translate(${f.current(m)+G}, ${F.top})`}),d},Pe=(u,d,R,m,v)=>{if(!p.current)return;const k=function(M){return Y(me(v.getTime(),M.getTime()),!1,1)},z=dr(u).tickFormat(k).tickSize(8).tickPadding(8).ticks(5).tickSizeOuter(1);return p.current.select(".context").append("g").attr("class",`${x.AXIS} ${m}`).attr("transform",`translate(${d}, ${R})`).call(z)},le=(u,d,R)=>{!p.current||!f.current||p.current.selectAll(u).attr("transform",function(m){const v=te(m)?m.startTime:new Date(m.viewerTime),k=te(m)?m.endTime:v;if(!v||!k)return"";const z=Math.max(1,f.current(k)-f.current(v))/2,N=d(v)+z;return N<=0||N>=T.current?(xe(this).style("display","none"),""):(xe(this).style("display","block"),`translate(${N}, ${R})`)})},$e=u=>{!p.current||!b.current||(p.current.selectAll(`.${x.MAIN}`).attr("width",d=>Math.max(1,u(d.endTime)-u(d.startTime))).attr("transform",d=>`translate(${u(d.startTime)+G}, ${F.top})`),p.current.selectAll(`.${x.ERROR}`).attr("transform",function(d){return`translate(${u(new Date(d.viewerTime))+G}, ${F.top})`}),le(`.${x.PAUSE_ICON}`,u,W),le(`.${x.ERROR_ICON}`,u,W),le(`.${x.AD_ERROR_ICON}`,u,W),le(`.${x.REQUEST_FAILED_ICON}`,u,W),le(`.${x.REQUEST_CANCELED_ICON}`,u,W),p.current.select(".axis--x").call(b.current))},br=H.useCallback((u,d)=>{if(!p.current||!f.current||!E.current||!_.current||!u.sourceEvent||u.sourceEvent.type==="zoom")return;(!u.selection||u.selection[1]-u.selection[0]<=1)&&p.current.select(".brush").call(E.current.move,f.current.range());const R=u.selection||d.range(),m=f.current.domain(R.map(d.invert,d));$e(m),p.current.select(".focus").call(_.current.transform,pt.scale(T.current/(R[1]-R[0])).translate(-R[0],0))},[]),Er=(u,d)=>{if(!(!p.current||!E.current||!f.current))return p.current.select(".context").append("g").attr("width",Math.max(1,T.current-u)).attr("class",x.BRUSH).attr("transform",`translate(${u},${d})`).call(E.current).call(E.current.move,f.current.range())},Sr=()=>{if(!(!p.current||!_.current))return p.current.select(".focus").call(_.current)},_r=H.useCallback((u,d)=>{if(!p.current||!f.current||!E.current||u.sourceEvent&&u.sourceEvent.type==="brush")return;const R=u.transform,m=f.current.domain(R.rescaleX(d).domain());$e(m),p.current.select(".brush").call(E.current.move,m.range().map(R.invertX,R))},[]),Ie=()=>{if(!p.current)return;E.current?.on("brush end",null),_.current?.on("zoom",null),[S.current,g.current].forEach(d=>{d?.on("mouseenter",null),d?.on("mouseleave",null),d?.on("mousemove",null),d?.on("mouseout",null),d?.on("click",null)}),p.current.select(".focus").selectAll("*").remove(),p.current.select(".context").selectAll("*").remove()},Ae=r.buckets.length,Tr=r.buckets[0]?.startTime?.getTime()??0,vr=r.buckets[r.buckets.length-1]?.endTime?.getTime()??0,Rr=a.errorCode,[Cr,kr]=H.useState(0);return $.useEffect(()=>{if(!o.current?.parentNode)return;const u=o.current.parentNode,d=new ResizeObserver(R=>{for(const m of R){const v=m.contentRect.width;kr(v)}});return d.observe(u),()=>{d.disconnect()}},[]),$.useEffect(()=>{if(!o.current||!Ae)return;Ie();const u=r.buckets[0].startTime??null,d=r.buckets[r.buckets.length-1].endTime??null;j.current=u;const R=xe(o.current);p.current=R;const m=R.node();if(!m?.parentNode)return;const v=m.parentNode.offsetWidth-1;if(T.current=Math.max(B.MIN_GRAPH_WIDTH,v-(F.left+F.right)),!u||!d)return;const k=Xt(u,d,T.current);D.current=k,f.current=k.copy(),b.current=Wt(f.current,u),Pe(f.current,G,hr,"axis--x",u),S.current=de("focus","main",B.BAR_HEIGHT,F.top),S.current.on("mouseenter",(U,ie)=>l(e.jsx(Se,{data:ie,errorInfo:a,chartStartTime:u}),U)).on("mousemove",(U,ie)=>l(e.jsx(Se,{data:ie,errorInfo:a,chartStartTime:u}),U)).on("mouseleave",()=>t());const N=p.current.select(".focus").append("g").selectAll("rect").data(r.bu

21ckets).enter().append("rect");N.attr("transform",U=>`translate(${V(U)}, ${F.top})`).attr("height",B.BAR_HEIGHT).attr("width",ae).attr("fill","transparent").attr("pointer-events","none"),g.current=N,de("context","secondary",Qe,Ye),Pe(k,G,rs,"axis--x2",u),fr(),yr(),mr(),jr(),E.current=Qt(T.current,B.BRUSH_HEIGHT);const M=Er(G,ke);return h.current=M,M&&(M.selectAll(".selection").style("fill-opacity","0.2").style("stroke-width","1px").style("stroke",i.gray50),M.selectAll(".handle").attr("width",16).attr("rx",4).style("fill",i.white).style("stroke",i.gray80).style("stroke-width","1px")),_.current=xt().scaleExtent([1,100]).translateExtent([[0,0],[v,_e]]).extent([[0,0],[v,_e]]).on("zoom",U=>_r(U,k)),Sr(),E.current.on("brush end",U=>br(U,k)),p.current&&f.current&&p.current.select(".brush").call(E.current.move,f.current.range()),()=>{Ie()}},[Ae,Tr,vr,Rr,Cr]),$.useEffect(()=>{g.current&&g.current.style("stroke",(u,d)=>d===n?i.gray100:"transparent").style("stroke-width",(u,d)=>d===n?"2px":"0")},[n]),e.jsxs("div",{ref:c,style:{position:"relative"},children:[e.jsxs(Yt,{ref:o,height:_e,children:[e.jsx("g",{className:"focus"}),e.jsx("g",{className:x.CONTEXT}),e.jsx(wt,{})]}),P&&e.jsx(Kt,{style:{left:P.x,top:0},children:P.content})]})},ss=C.div(["max-height:350px;overflow-y:auto;border-bottom:1px solid ",";margin:0;"],i.border.default),ns=C.div(["margin-top:",";border:1px solid ",";padding-left:",";letter-spacing:0.8px;"],w[2],i.border.default,w[3]);class as extends H.Component{constructor(){super(...arguments),this.state={hoveredEventIndex:null},this.onMouseEnter=a=>{this.setState({hoveredEventIndex:a})},this.onMouseLeave=a=>{this.state.hoveredEventIndex===a&&this.setState({hoveredEventIndex:null})},this.eventsList=a=>{if(a.length===0)return[];const n=a.find(c=>c.name==="viewstart"),o=n?n.viewerTime:a[0].viewerTime;return a.map((c,g)=>{const j=c.viewerTime<o;return e.jsx(_t,{event:c,viewStartTime:o,isBeforeViewStart:j,onMouseEnter:()=>this.onMouseEnter(c.sequenceNumber),onMouseLeave:()=>this.onMouseLeave(c.sequenceNumber)},g.toString())})}}render(){const a=this.props.events.filter(j=>!j.name.startsWith("page")&&!j.name.startsWith("player")),n=kt(a);let o;if(a.length>0){const j=a[0].viewerTime,b=a[a.length-1].viewerTime-j;a.map((h,T)=>{const S=h.viewerTime-j;let p="1px";const f=a[T+1];f&&(p=`${(f.viewerTime-h.viewerTime)/b*100}%`);const D=`${S/b*100}%`;return e.jsx("div",{style:{left:D,width:p},onMouseEnter:()=>this.onMouseEnter(T),onMouseLeave:()=>this.onMouseLeave(T)},T.toString())}),a.map((h,T)=>{const p=`${(h.viewerTime-j)/b*100}%`;return e.jsx("div",{onMouseEnter:()=>this.onMouseEnter(T),onMouseLeave:()=>this.onMouseLeave(T),style:{left:p},children:e.jsx(ar,{})},T.toString())});const _={fontSize:ce[1],padding:w[2]};o=e.jsxs(e.Fragment,{children:[e.jsx(ns,{children:e.jsx(Me,{children:e.jsx(Br,{children:e.jsxs(Dr,{style:{padding:"0px"},children:[e.jsx(K,{ratio:2,style:_,children:"EVENT"}),e.jsxs(K,{right:!0,style:{..._,marginRight:"-2px"},children:[e.jsx(lr,{style:{marginRight:"7px"}})," PLAYHEAD TIME"]}),e.jsx(K,{right:!0,style:_,children:"WALL CLOCK TIME"})]})})})}),e.jsx(ss,{children:e.jsx(Me,{children:e.jsx(Mr,{children:this.eventsList(a)})})})]})}else o="";const c=this.state.hoveredEventIndex;let g;return c&&(g=n.buckets.findIndex(j=>j.eventIndex>c)-1,g<0&&(g=n.buckets.length-1)),e.jsxs("div",{children:[e.jsxs(oe,{gutterY:5,children:[e.jsx(Vr,{$bold:!0,style:{paddingBottom:0},children:"Viewer Timeline"}),e.jsx(ts,{data:n,errorInfo:this.props.errorInfo,selectedBucketIndex:g}),e.jsx(Vt,{})]}),o]})}}const ls="_VideoViewDetails_1di4m_30",is="_copyCell_1di4m_73",os="_MissingFieldsDropdown_1di4m_89",cs="_MissingFieldTags_1di4m_101",us="_large_1di4m_139",L={VideoViewDetails:ls,copyCell:is,"text-muted":"_text-muted_1di4m_85",MissingFieldsDropdown:os,MissingFieldTags:cs,"MissingFieldTags--dot":"_MissingFieldTags--dot_1di4m_119","MissingFieldTags--metadata":"_MissingFieldTags--metadata_1di4m_128","MissingFieldTags--unavailable":"_MissingFieldTags--unavailable_1di4m_133",large:us};function ds(r){const[a,n]=$.useState(!1),{width:o}=Ir({ref:r});return $.useEffect(()=>{const c=r.current;c&&n(c.scrollWidth>c.clientWidth)},[r,o]),a}const ps=C(tr)(["color:",";&:hover{color:",";}"],i.gray30,i.gray60),xs=C.span(["display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;"]),gs=C(cr).attrs({side:"bottom"})(["max-width:300px;max-height:150px;overflow:auto;line-break:anywhere;"]),s=({label:r,unset:a,value:n,render:o})=>{const c=String(n),g=!a&&!fe(n),j=H.useRef(null),E=ds(j),b=e.jsx(xs,{ref:j,children:o?o(c):c});return e.jsxs("tr",{children:[e.jsx("th",{children:r}),e.jsx("td",{children:g?E?e.jsxs(ir,{children:[e.jsx(gs,{children:c}),e.jsx(or,{asChild:!0,children:b})]}):b:e.jsx("span",{className:L["text-muted"],children:"unavailable"})}),e.jsx("td",{className:L.copyCell,children:g&&e.jsx(ps,{value:j.current?.textContent??c})})]})},hs=({unavailableFields:r,unsetFields:a})=>{const[n,o]=H.useState(!1);return e.jsxs("div",{className:L.MissingFieldsDropdown,children:[e.jsxs("a",{onClick:()=>o(!n),children:[e.jsx("span",{children:n?"Hide unset fields":"Show unset fields"}),n?e.jsx(Nr,{}):e.jsx(Ur,{})]}),n&&e.jsxs("div",{children:[a.length>0&&e.jsxs("div",{className:qe(L.MissingFieldTags,L["MissingFieldTags--metadata"]),children:[e.jsxs("p",{children:[e.jsx("span",{className:L["MissingFieldTags--dot"]}),"Metadata"]}),e.jsx("ul",{children:a.map(c=>e.jsx("li",{children:c},c))})]}),r.length>0&&e.jsxs("div",{className:qe(L.MissingFieldTags,L["MissingFieldTags--unavailable"]),children:[e.jsxs("p",{children:[e.jsx("span",{className:L["MissingFieldTags--dot"]}),"Unavailable"]}),e.jsx("ul",{children:r.map(c=>e.jsx("li",{children:c},c))})]})]})]})},I=({large:r,title:a,children:n})=>{const o=H.Children.toArray(n),{validChildren:c,unsetFields:g,unavailableFields:j}=o.reduce((E,b)=>(b.props.unset||fe(b.props.value)?b.props.setByUser?E.unsetFields.push(b.props.label):E.unavailableFields.push(b.props.label):E.validChildren.push(b),E),{validChildren:[],unavailableFields:[],unsetFields:[]});return e.jsxs("div",{className:`${L.VideoViewDetails} ${r?L.large:""}`,children:[e.jsx("h4",{children:a}),e.jsx("table",{children:e.jsx("tbody",{children:c})}),(g.length!==0||j.length!==0)&&e.jsx(hs,{unsetFields:g,unavailableFields:j})]})},ys=C.div(["color:",";stroke:none;display:inline-block;vertical-align:middle;svg{height:",";width:",";}"],i.red50,Re[2],Re[2]),fs=C(ur)(["font-size:",";overflow-wrap:anywhere;"],ce[3]),Ke=C(ur)(["font-size:",";overflow-wrap:anywhere;"],ce[2]),ms=C(Ce)(["color:",";text-decoration:underline;font-size:",";"],i.gray100,ce[1]),js=C(Fr)(["margin-bottom:24px;"]),Te=()=>e.jsx(nr,{children:"|"}),bs=(r,a)=>r.events.filter(n=>n.name==="error").reverse().find(n=>n.details?.playerErrorMessage===r.playerErrorMessage&&n.details?.playerErrorCode===r.playerErrorCode&&n.details?.errorSeverity===a)?.details?.isBusinessException??!1,Es=({organizationId:r,environmentId:a,view:n})=>{const o=!!n?.playbackFailureErrorTypeId,c=!!n?.playbackBusinessExceptionErrorTypeId;let g=!0,j=c;return o===c&&(g=o||c,j=bs(n,g?"fatal":"warning")),e.jsx(js,{children:e.jsxs(O,{yAlign:"center",gap:4,children:[e.jsx(ys,{dangerouslySetInnerHTML:{__html:xr}}),e.jsxs(oe,{gap:1,children:[e.jsxs(O,{yAlign:"center",gap:2,children:[e.jsxs(fs,{children:["Code ",n.playerErrorCode]}),e.jsxs(e.Fragment,{children:[e.jsx(Te,{}),e.jsx(Ve,{variant:g?"error":"warning",content:g?"Fatal":"Warning"})]}),j&&e.jsxs(e.Fragment,{children:[e.jsx(Te,{}),e.jsx(Ve,{variant:"feature",content:"Business Exception"})]}),n.viewErrorId&&e.jsxs(e.Fragment,{children:[e.jsx(Te,{}),e.jsx(ms,{to:{pathname:`/organizations/${r}/environments/${a}/errors/${n.viewErrorId}`},children:"view this error"})]})]}),e.jsx(Ke,{children:n?.playerErrorMessage}),n.playerErrorContext&&e.jsx(Ke,{children:n.playerErrorContext})]})]})})},Ss=C.div(["display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:16px;"]),A=r=>Z(r,"milliseconds"),ve=r=>Z(r,"score"),Q=r=>Z(r,"percent"),he=r=>Z(r,"mbps"),_s=r=>`${wr(r).toFixed(4)} rebuffer/min`,Ze=r=>Z(r,"sequence"),q=({suffix:r=e.jsx(e.Fragment,{}),title:a,icon:n})=>e.jsxs(O,{gap:4,yAlign:"center",children:[e.jsx(n,{width:20,height:20,color:i.gray30}),a,r]}),ye=(r,a)=>{switch(a){case"score":return"/100";case"milliseconds":return at(Number(r));case"percent":return"%";default:return""}},Ts=C(O).attrs({gap:7})(["border:1px solid ",";border-radius:",";padding:"," ",";"],i.gray20,sr[1],w[4],w[5]),vs=({view:r})=>{const a=(n,o)=>typeof n>"u"||n===null?"N/A":Z(n,o,{showSuffix:!1});return e.jsxs(Ts,{children:[e.jsx(pe,{metric:"Overall Experience Score",value:a(r.viewerExperienceScore,"score"),suffix:ye(r.viewerExperienceScore,"score")}),e.jsx(pe,{metric:"Video Startup Time",value:a(r.timeToFirstFrame,"milliseconds"),suffix:ye(r.timeToFirstFrame,"milliseconds")}),e.jsx(pe,{metric:"Rebuffering Percentage",value:a(r.rebufferPercentage,"percent"),suffix:ye(r.rebufferPercentage,"percent")}

21),e.jsx(pe,{metric:"Watch Time",value:a(r.watchTime,"milliseconds"),suffix:ye(r.watchTime,"milliseconds")})]})},Is=({view:r,environmentId:a,organizationId:n})=>{const o=Lr(),c=t=>o(new Date(t),st({...nt.full,second:"2-digit"})),g=X("liveStreamLatency",!1),j=X("customDimensions",0),E=X("videoQuality",!1),b=X("adMetrics",!1),_=X("requestMetrics",!1),h=X("adMetricsV2",!1),T=X("adMetricsV3",!1),S=X("renditionMetrics",!1),p=$.useMemo(()=>e.jsx(Ce,{to:{search:Ne({environment_id:a},"/"),pathname:`/organizations/${n}/settings/custom-dimensions`},children:"Settings"}),[n,a]),{data:f}=lt({},{enabled:j>0}),D=f?.data,P=$.useMemo(()=>D&&D.length>0?D.filter(t=>t.enabled).reduce((t,V)=>{const ae=V.dimension.replace("_","");return t[V.category]||(t[V.category]=[]),t[V.category].push(e.jsx(s,{label:V.displayName,value:r[ae],setByUser:!0,render:de=>e.jsx(l,{query:{filters:[`${V.dimension}:${r[ae]}`]},children:de})},V.dimension)),t},{}):{},[D,r]),l=({query:t,...V})=>e.jsx(Ce,{...V,to:{search:Ne(t,"/"),pathname:`/organizations/${n}/environments/${a}/views`}});return r?e.jsxs("div",{children:[r.playerErrorCode&&e.jsx(Es,{organizationId:n,environmentId:a,view:r}),e.jsx(vs,{view:r}),e.jsx(as,{events:r.events,errorInfo:{errorCode:r.playerErrorCode,errorMessage:r.playerErrorMessage}}),e.jsxs(Ss,{children:[e.jsxs(I,{title:"Startup time metrics",children:[e.jsx(s,{label:"Startup Time Score",value:r.startupScore,render:ve}),e.jsx(s,{label:"Video Startup Time",value:r.timeToFirstFrame,render:A}),e.jsx(s,{label:"Content Startup Time",value:r.viewContentStartupTime,render:A,unset:!T}),e.jsx(s,{label:"Preroll Startup Time",value:r.adPrerollStartupTime,render:A,unset:!T}),e.jsx(s,{label:"Player Startup Time",value:r.playerStartupTime,render:A}),e.jsx(s,{label:"Page Load Time",value:r.pageLoadTime,render:A}),e.jsx(s,{label:"Seek Latency (Average)",unset:fe(r.viewSeekCount)||r.viewSeekCount===0,value:r.viewSeekDuration/r.viewSeekCount,render:A})]}),e.jsxs(I,{title:"Smoothness Metrics",children:[e.jsx(s,{label:"Smoothness Score",value:r.rebufferingScore,render:ve}),e.jsx(s,{label:"Rebuffer Frequency",value:r.bufferingRate,render:_s}),e.jsx(s,{label:"Rebuffer Duration",value:r.bufferingDuration,render:A}),e.jsx(s,{label:"Rebuffer Count",value:r.bufferingCount}),e.jsx(s,{label:"Dropped Frame Count",value:r.viewDroppedFrameCount}),e.jsx(s,{label:"Rendition Change Count",value:r.viewRenditionChangeCount,unset:!S}),e.jsx(s,{label:"Rendition Upshift Count",value:r.viewRenditionUpshiftCount,unset:!r.viewRenditionUpshiftCount||!S}),e.jsx(s,{label:"Rendition Downshift Count",value:r.viewRenditionDownshiftCount,unset:!r.viewRenditionDownshiftCount||!S})]}),e.jsxs(I,{title:"Video Quality Metrics",children:[e.jsx(s,{label:"Video Quality Score",value:r.qualityScore,render:ve}),e.jsx(s,{label:"Upscale Percentage",value:r.upscalePercentage,render:Q}),e.jsx(s,{label:"Downscale Percentage",value:r.downscalePercentage,render:Q}),e.jsx(s,{label:"Max Upscale Percentage",value:r.viewMaxUpscalePercentage,render:Q}),e.jsx(s,{label:"Max Downscale Percentage",value:r.viewMaxDownscalePercentage,render:Q}),e.jsx(s,{label:"Weighted Average Bitrate",value:r.weightedAverageBitrate,render:he}),e.jsx(s,{label:"Live Stream Latency",value:r.liveStreamLatency,render:A,unset:!g}),e.jsx(s,{label:"Request Throughput",value:r.viewAverageRequestThroughput,render:he,unset:!_}),e.jsx(s,{label:"Request Latency",value:r.viewAverageRequestLatency,render:A,unset:!_}),e.jsx(s,{label:"Max Request Latency",value:r.viewMaxRequestLatency,render:A,unset:!_})]}),e.jsxs(I,{title:e.jsx(q,{title:"Device",icon:Hr}),children:[e.jsx(s,{label:"Device Name",value:r.viewerDeviceName,render:t=>e.jsx(l,{query:{filters:[`viewer_device_name:${r.viewerDeviceName}`]},children:t})}),e.jsx(s,{label:"Device Model",value:r.viewerDeviceModel,render:t=>e.jsx(l,{query:{filters:[`viewer_device_model:${r.viewerDeviceModel}`]},children:t})}),e.jsx(s,{label:"Device Category",value:r.viewerDeviceCategory,render:t=>e.jsx(l,{query:{filters:[`viewer_device_category:${r.viewerDeviceCategory}`]},children:t})}),e.jsx(s,{label:"Device Brand",value:r.viewerDeviceManufacturer,render:t=>e.jsx(l,{query:{filters:[`viewer_device_manufacturer:${r.viewerDeviceManufacturer}`]},children:t})}),e.jsx(s,{label:"Full User Agent",value:r.viewerUserAgent}),P.device]}),e.jsxs(I,{title:e.jsx(q,{title:"Client",icon:Gr}),children:[e.jsx(s,{label:"Browser",value:r.viewerApplicationName,setByUser:!0,render:t=>e.jsx(l,{query:{filters:[`browser:${r.viewerApplicationName}`]},children:t})}),e.jsx(s,{label:"Browser Version",value:r.viewerApplicationVersion,setByUser:!0,render:t=>e.jsx(l,{query:{filters:[`browser_version:${r.viewerApplicationName} ${r.viewerApplicationVersion}`]},children:t})}),e.jsx(s,{label:"OS",value:r.viewerOsFamily,setByUser:!0,render:t=>e.jsx(l,{query:{filters:[`operating_system:${r.viewerOsFamily}`]},children:t})}),e.jsx(s,{label:"OS Version",value:r.viewerOsVersion,setByUser:!0,render:t=>e.jsx(l,{query:{filters:[`operating_system_version:${r.viewerOsFamily} ${r.viewerOsVersion}`]},children:t})}),e.jsx(s,{label:"Client Application Name",value:r.clientApplicationName,render:t=>e.jsx(l,{query:{filters:[`client_application_name:${r.clientApplicationName}`]},children:t}),setByUser:!0}),e.jsx(s,{label:"Client Application Version",value:r.clientApplicationVersion,render:t=>e.jsx(l,{query:{filters:[`client_application_version:${r.clientApplicationVersion}`]},children:t}),setByUser:!0}),e.jsx(s,{label:"Page Type",value:r.pageType,setByUser:!0,render:t=>e.jsx(l,{query:{filters:[`page_type:${r.pageType}`]},children:t})}),e.jsx(s,{label:"Page URL",value:r.pageUrl}),P.client]}),e.jsxs(I,{title:e.jsx(q,{title:"Player",icon:lr}),children:[e.jsx(s,{label:"Player Name",value:r.playerName,setByUser:!0,render:t=>e.jsx(l,{query:{filters:[`player_name:${r.playerName}`]},children:t})}),e.jsx(s,{label:"Player Version",value:r.playerVersion,setByUser:!0,render:t=>e.jsx(l,{query:{filters:[`player_version:${r.playerName} ${r.playerVersion}`]},children:t})}),e.jsx(s,{label:"Player Instance ID",value:r.playerInstanceId}),e.jsx(s,{label:"Software Name",value:r.playerSoftware,setByUser:!0,render:t=>e.jsx(l,{query:{filters:[`player_software:${r.playerSoftware}`]},children:t})}),e.jsx(s,{label:"Software Version",value:r.playerSoftwareVersion,setByUser:!0,render:t=>e.jsx(l,{query:{filters:[`player_software_version:${r.playerSoftware} ${r.playerSoftwareVersion}`]},children:t})}

21),e.jsx(s,{label:"Player Height",value:r.playerHeight}),e.jsx(s,{label:"Player Width",value:r.playerWidth}),e.jsx(s,{label:"Player Language",value:r.playerLanguage,render:t=>e.jsx(l,{query:{filters:[`player_language:${r.playerLanguage}`]},children:t})}),e.jsx(s,{label:"Poster",value:r.playerPoster,setByUser:!0,render:t=>e.jsx(l,{query:{filters:[`player_poster:${r.playerPoster}`]},children:t})}),e.jsx(s,{label:"Mux Plugin",value:r.playerMuxPluginName,render:t=>e.jsx(l,{query:{filters:[`player_mux_plugin_name:${r.playerMuxPluginName}`]},children:t})}),e.jsx(s,{label:"Mux Plugin Version",value:r.playerMuxPluginVersion,render:t=>e.jsx(l,{query:{filters:[`player_mux_plugin_version:${r.playerMuxPluginName} ${r.playerMuxPluginVersion}`]},children:t})}),P.player]}),e.jsxs(I,{title:e.jsx(q,{title:"Organization",icon:zr}),children:[e.jsx(s,{label:"Sub Property ID",value:r.subPropertyId,setByUser:!0,render:t=>e.jsx(l,{query:{filters:[`sub_property_id:${r.subPropertyId}`]},children:t})}),e.jsx(s,{label:"Video Affiliate",value:r.videoAffiliate,render:t=>e.jsx(l,{query:{filters:[`video_affiliate:${r.videoAffiliate}`]},children:t}),setByUser:!0}),e.jsx(s,{label:"Video Brand",value:r.videoBrand,render:t=>e.jsx(l,{query:{filters:[`video_brand:${r.videoBrand}`]},children:t}),setByUser:!0}),e.jsx(s,{label:"Video Creator ID",value:r.videoCreatorId,render:t=>e.jsx(l,{query:{filters:[`video_creator_id:${r.videoCreatorId}`]},children:t})}),P.organization]}),e.jsxs(I,{title:e.jsx(q,{title:"Video Metadata",icon:Xr}),children:[e.jsx(s,{label:"Video Title",value:r.videoTitle,setByUser:!0,render:t=>e.jsx(l,{query:{filters:[`video_title:${r.videoTitle}`]},children:t})}),e.jsx(s,{label:"Video Series",value:r.videoSeries,setByUser:!0,render:t=>e.jsx(l,{query:{filters:[`video_series:${r.videoSeries}`]},children:t})}),e.jsx(s,{label:"Video ID",value:r.videoId,setByUser:!0,render:t=>e.jsx(l,{query:{filters:[`video_id:${r.videoId}`]},children:t})}),e.jsx(s,{label:"Mux Playback ID",value:r.playbackId,render:t=>e.jsx(l,{query:{filters:[`playback_id:${r.playbackId}`]},children:t})}),e.jsx(s,{label:"Mux Asset ID",value:r.assetId,render:t=>e.jsx(l,{query:{filters:[`asset_id:${r.assetId}`]},children:t})}),e.jsx(s,{label:"Mux Live Stream ID",value:r.liveStreamId,render:t=>e.jsx(l,{query:{filters:[`live_stream_id:${r.liveStreamId}`]},children:t})}),e.jsx(s,{label:"Content Type",setByUser:!0,value:r.videoContentType,render:t=>e.jsx(l,{query:{filters:[`video_content_type:${r.videoContentType}`]},children:t})}),e.jsx(s,{label:"Video Language",value:r.videoLanguage,setByUser:!0,render:t=>e.jsx(l,{query:{filters:[`video_language:${r.videoLanguage}`]},children:t})}),e.jsx(s,{label:"Video Producer",value:r.videoProducer,setByUser:!0,render:t=>e.jsx(l,{query:{filters:[`video_producer:${r.videoProducer}`]},children:t})}),e.jsx(s,{label:"Video Variant ID",value:r.videoVariantId,setByUser:!0,render:t=>e.jsx(l,{query:{filters:[`video_variant_id:${r.videoVariantId}`]},children:t})}),e.jsx(s,{label:"Video Variant Name",value:r.videoVariantName,setByUser:!0,render:t=>e.jsx(l,{query:{filters:[`video_variant_name:${r.videoVariantName}`]},children:t})}),E&&e.jsx(s,{label:"Video Quality",value:r.videoQuality,setByUser:!0,render:t=>e.jsx(l,{query:{filters:[`video_quality:${r.videoQuality}`]},children:t})}),P.video_metadata]}),e.jsxs(I,{title:e.jsx(q,{title:"Stream",icon:Wr}),children:[e.jsx(s,{label:"Video Stream Type",setByUser:!0,value:r.videoStreamType,render:t=>e.jsx(l,{query:{filters:[`stream_type:${r.videoStreamType}`]},children:t})}),e.jsx(s,{label:"Source Type",setByUser:!0,value:r.playerSourceType,render:t=>e.jsx(l,{query:{filters:[`source_type:${r.playerSourceType}`]},children:t})}),e.jsx(s,{label:"Source URL",value:r.playerSourceUrl}),e.jsx(s,{label:"Duration",value:r.playerSourceDuration,render:A}),e.jsx(s,{label:"Encoding Variant",value:r.videoEncodingVariant,setByUser:!0,render:t=>e.jsx(l,{query:{filters:[`video_encoding_variant:${r.videoEncodingVariant}`]},children:t})}),e.jsx(s,{label:"Experiment Name",value:r.experimentName,setByUser:!0,render:t=>e.jsx(l,{query:{filters:[`experiment_name:${r.experimentName}`]},children:t})}),e.jsx(s,{label:"DRM Type",value:r.viewDrmType}),e.jsx(s,{label:"DRM Level",value:r.viewDrmLevel,render:t=>e.jsx(l,{query:{filters:[`view_drm_level:${r.viewDrmLevel}`]},children:t}),setByUser:!0}),P.stream]}),e.jsxs(I,{title:e.jsx(q,{title:"View",icon:Qr}),children:[e.jsx(s,{label:"View ID",value:r.viewId}),e.jsx(s,{label:"Started at",value:r.viewStart,render:c}),e.jsx(s,{label:"Ended at",value:r.viewEnd,render:c}),e.jsx(s,{label:"Playing Time",value:r.viewPlayingTime,render:A}),e.jsx(s,{label:"Content Playing Time",value:r.viewContentPlayingTime,render:A,unset:!T}),e.jsx(s,{label:"Seeking",unset:fe(r.viewSeekCount),value:`${r.viewSeekCount} seek${r.viewSeekCount!==1?"s":""} for ${Z(r.viewSeekDuration,"milliseconds")} second${r.viewSeekDuration!==1?"s":""}`}),e.jsx(s,{label:"Error Code",value:r.playerErrorCode,setByUser:!0,render:t=>e.jsx(l,{query:{filters:[`player_error_code:${r.playerErrorCode}`]},children:t})}),e.jsx(s,{label:"Error Message",value:r.playerErrorMessage}),e.jsx(s,{label:"Exited Before Video Start",value:r.exitBeforeVideoStart?.toString(),render:t=>e.jsx(l,{query:{filters:[`exit_before_video_start:${String(r.exitBeforeVideoStart)}`]},children:t})}),e.jsx(s,{label:"View Has Ad",value:r.viewHasAd?.toString(),render:t=>e.jsx(l,{query:{filters:[`view_has_ad:${String(r.viewHasAd)}`]},children:t})}),e.jsx(s,{label:"Playback Failure",value:String(!!r?.playbackFailureErrorTypeId),unset:!r.viewErrorId,render:t=>e.jsx(l,{query:{filters:[`playback_failure:${String(!!r?.playbackFailureErrorTypeId)}`]},children:t})}),e.jsx(s,{label:"Video Startup Failure",value:String(!!r.videoStartupFailure),render:t=>e.jsx(l,{query:{filters:[`video_startup_failure:${String(!!r.videoStartupFailure)}`]},children:t})}),e.jsx(s,{label:"Playback Business Exception",value:String(!!r?.playbackBusinessExceptionErrorTypeId),unset:!r.viewErrorId,render:t=>e.jsx(l,{query:{filters:[`playback_business_exception:${String(!!r?.playbackBusinessExceptionErrorTypeId)}`]},children:t})}),e.jsx(s,{label:"Video Startup Business Exception",value:String(!!r?.videoStartupBusinessExceptionErrorTypeId),unset:!r.viewErrorId,render:t=>e.jsx(l,{query:{filters:[`video_startup_business_exception:${String(!!r?.videoStartupBusinessExceptionErrorTypeId)}`]},children:t})}),e.jsx(s,{label:"View Dropped",value:r.viewDropped?.toString(),render:t=>e.jsx(l,{query:{filters:[`view_dropped:${String(r.viewDropped)}`]},children:t})}),P.view]}),e.jsxs(I,{title:e.jsx(q,{title:"Playback",icon:Yr}),children:[e.jsx(s,{label:"Remote Played",value:String(r.playerRemotePlayed),render:t=>e.jsx(l,{query:{filters:[`player_remote_played:${r.playerRemotePlayed}`]},children:t})}),e.jsx(s,{label:"Autoplay",value:String(r.playerAutoplay),render:t=>e.jsx(l,{query:{filters:[`player_autoplay:${String(r.playerAutoplay)}`]},children:t})}),e.jsx(s,{label:"Preload",value:String(r.playerPreload),render:t=>

21e.jsx(l,{query:{filters:[`player_preload:${String(r.playerPreload)}`]},children:t})}),e.jsx(s,{label:"Used PiP",value:String(!!r.usedPip),render:t=>e.jsx(l,{query:{filters:[`used_pip:${String(!!r.usedPip)}`]},children:t}),setByUser:!0}),e.jsx(s,{label:"Used Captions",value:String(!!r.usedCaptions),render:t=>e.jsx(l,{query:{filters:[`used_captions:${String(!!r.usedCaptions)}`]},children:t}),setByUser:!0}),e.jsx(s,{label:"Used Fullscreen",value:String(r.usedFullscreen)}),e.jsx(s,{label:"Time Shift Enabled",value:String(!!r.timeShiftEnabled),render:t=>e.jsx(l,{query:{filters:[`time_shift_enabled:${String(!!r.timeShiftEnabled)}`]},children:t}),setByUser:!0}),P.playback]}),e.jsxs(I,{title:e.jsx(q,{title:"Rendition Detail",icon:Kr}),children:[e.jsx(s,{label:"Initial Video Height",value:r.playerSourceHeightInitial,unset:!S}),e.jsx(s,{label:"Initial Video Width",value:r.playerSourceWidthInitial,unset:!S}),e.jsx(s,{label:"Initial Bitrate",value:r.playerSourceBitrateInitial,render:he,unset:!S}),e.jsx(s,{label:"Initial Video Codec",value:r.videoCodecInitial,render:t=>e.jsx(l,{query:{filters:[`video_codec_initial:${r.videoCodecInitial}`]},children:t}),setByUser:!0,unset:!S}),e.jsx(s,{label:"Initial Audio Codec",value:r.audioCodecInitial,render:t=>e.jsx(l,{query:{filters:[`audio_codec_initial:${r.audioCodecInitial}`]},children:t}),setByUser:!0,unset:!S}),e.jsx(s,{label:"Initial Framerate",value:r.playerSourceFpsInitial,unset:!S}),e.jsx(s,{label:"Initial Video Dynamic Range Type",value:r.videoDynamicRangeTypeInitial,render:t=>e.jsx(l,{query:{filters:[`video_dynamic_range_type_initial:${r.videoDynamicRangeTypeInitial}`]},children:t}),setByUser:!0,unset:!S}),e.jsx(s,{label:"Video Height",unset:!S,value:r.playerSourceHeight}

21),e.jsx(s,{label:"Video Width",unset:!S,value:r.playerSourceWidth}),e.jsx(s,{label:"Bitrate",value:r.playerSourceBitrate,render:he,unset:!S}),e.jsx(s,{label:"Framerate",value:r.playerSourceFps,unset:!S}),e.jsx(s,{label:"Video Codec",value:r.videoCodec,render:t=>e.jsx(l,{query:{filters:[`video_codec:${r.videoCodec}`]},children:t}),setByUser:!0}),e.jsx(s,{label:"Audio Codec",value:r.audioCodec,render:t=>e.jsx(l,{query:{filters:[`audio_codec:${r.audioCodec}`]},children:t}),setByUser:!0}),e.jsx(s,{label:"Dynamic Range Type",value:r.videoDynamicRangeType,render:t=>e.jsx(l,{query:{filters:[`video_dynamic_range_type:${r.videoDynamicRangeType}`]},children:t}),setByUser:!0})]}),e.jsxs(I,{title:e.jsx(q,{title:"Viewer",icon:Zr}),children:[e.jsx(s,{label:"Viewer ID",value:r.viewerUserId||r.muxViewerId,setByUser:!0,render:t=>e.jsx(l,{query:{filters:[`viewer_user_id:${r.viewerUserId||r.muxViewerId}`]},children:t})}),e.jsx(s,{label:"Viewer Plan",value:r.viewerPlan,render:t=>e.jsx(l,{query:{filters:[`viewer_plan:${r.viewerPlan}`]},children:t}),setByUser:!0}),e.jsx(s,{label:"Viewer Plan Category",value:r.viewerPlanCategory,render:t=>e.jsx(l,{query:{filters:[`viewer_plan_category:${r.viewerPlanCategory}`]},children:t}),setByUser:!0}),e.jsx(s,{label:"Viewer Plan Status",value:r.viewerPlanStatus,render:t=>e.jsx(l,{query:{filters:[`viewer_plan_status:${r.viewerPlanStatus}`]},children:t}),setByUser:!0}),P.viewer]}),e.jsxs(I,{title:e.jsx(q,{title:"Network",icon:Jr}),children:[e.jsx(s,{label:"CDN",value:r.cdn,setByUser:!0,render:t=>e.jsx(l,{query:{filters:[`cdn:${r.cdn}`]},children:t})}),e.jsx(s,{label:"Video CDN Trace",value:Ze(r.videoCdnTrace),unset:r.videoCdnTrace.length===0,setByUser:!0,render:t=>e.jsx(l,{query:{filters:[`video_cdn_trace:${Ue(r.videoCdnTrace)}`]},children:t})}),e.jsx(s,{label:"Origin",value:r.viewCdnOrigin,render:t=>e.jsx(l,{query:{filters:[`view_cdn_origin:${r.viewCdnOrigin}`]},children:t}),setByUser:!0}),e.jsx(s,{label:"CDN Edge PoP",value:r.viewCdnEdgePop,render:t=>e.jsx(l,{query:{filters:[`view_cdn_edge_pop:${r.viewCdnEdgePop}`]},children:t}),setByUser:!0}),e.jsx(s,{label:"ASN",value:r.asnName||r.asn,setByUser:!0,render:t=>e.jsx(l,{query:{filters:[`asn:${r.asn}`]},children:t})}),e.jsx(s,{label:"Connection Type",value:r.viewerConnectionType,render:t=>e.jsx(l,{query:{filters:[`viewer_connection_type:${r.viewerConnectionType}`]},children:t})}),e.jsx(s,{label:"Source Hostname",value:r.playerSourceHostName,setByUser:!0,render:t=>e.jsx(l,{query:{filters:[`source_hostname:${r.playerSourceHostName}`]},children:t})}),e.jsx(s,{label:"View Session ID",value:r.viewSessionId,render:t=>e.jsx(l,{query:{filters:[`view_session_id:${r.viewSessionId}`]},children:t})}),P.network]}),e.jsxs(I,{title:e.jsx(q,{title:"Geography",icon:ar}),children:[e.jsx(s,{label:"Country",value:r.countryCode,setByUser:!0,render:t=>e.jsx(l,{query:{filters:[`country:${r.countryCode}`]},children:t})}),e.jsx(s,{label:"Continent",value:r.continentCode,render:t=>e.jsx(l,{query:{filters:[`continent_code:${r.continentCode}`]},children:t})}),e.jsx(s,{label:"City",value:r.city}),e.jsx(s,{label:"Region / State",value:r.region,render:t=>e.jsx(l,{query:{filters:[`region:${r.region}`]},children:t})}),e.jsx(s,{label:"Latitude",value:r.latitude}),e.jsx(s,{label:"Longitude",value:r.longitude}),P.geography]}),e.jsxs(I,{title:e.jsx(q,{title:"Ads",icon:et}),children:[e.jsx(s,{label:"Ad Playing Time",value:r.adPlayingTime,render:A,unset:!T}),e.jsx(s,{label:"Preroll Requested",value:String(r.prerollRequested),render:t=>e.jsx(l,{query:{filters:[`preroll_requested:${r.prerollRequested}`]},children:t}),unset:!b}),e.jsx(s,{label:"Preroll Played",value:String(r.prerollPlayed),render:t=>e.jsx(l,{query:{filters:[`preroll_played:${r.prerollPlayed}`]},children:t}),unset:!b}),e.jsx(s,{label:"Requests for First Preroll",value:r.requestsForFirstPreroll,unset:!b}),e.jsx(s,{label:"Preroll Ad Asset Hostname",value:r.prerollAdAssetHostname,setByUser:!0,render:t=>e.jsx(l,{query:{filters:[`preroll_ad_asset_hostname:${r.prerollAdAssetHostname}`]},children:t}),unset:!b}),e.jsx(s,{label:"Preroll Ad Tag Hostname",value:r.prerollAdTagHostname,setByUser:!0,render:t=>e.jsx(l,{query:{filters:[`preroll_ad_tag_hostname:${r.prerollAdTagHostname}`]},children:t}),unset:!b}),e.jsx(s,{label:"Preroll Load Time",value:r.videoStartupPrerollLoadTime,render:A,unset:!b}),e.jsx(s,{label:"Preroll Request Time",value:r.videoStartupPrerollRequestTime,render:A,unset:!b}),e.jsx(s,{label:"Ad Attempts",value:r?.adAttemptCount,unset:!h}),e.jsx(s,{label:"Ad Impressions",value:r.adImpressionCount,unset:!h}),e.jsx(s,{label:"Ad Breaks",value:r.adBreakCount,unset:!h}),e.jsx(s,{label:"Ad Errors",value:r.adErrorCount,unset:!h}),e.jsx(s,{label:"Ad Error Percentage",value:r.adErrorPercentage,render:Q,unset:!h}),e.jsx(s,{label:"Ad Breaks with Errors",value:r.adBreakErrorCount,unset:!h}),e.jsx(s,{label:"Ad Breaks with Error Percentage",value:r.adBreakErrorPercentage,render:Q,unset:!h}

21),e.jsx(s,{label:"Ad Startup Errors",value:r.adStartupErrorCount,unset:!h}),e.jsx(s,{label:"Ad Startup Error Percentage",value:r.adStartupErrorPercentage,render:Q,unset:!h}),e.jsx(s,{label:"Ad Exits Before Start",value:r.adExitBeforeStartCount,unset:!h}),e.jsx(s,{label:"Ad Exits Before Start Percentage",value:r.adExitBeforeStartPercentage,render:Q,unset:!h}),P.preroll]}),j>0&&P.custom&&e.jsx(I,{title:e.jsx(q,{title:"Custom",icon:Fe,suffix:e.jsxs(ir,{delayDuration:250,children:[e.jsx(or,{asChild:!0,children:e.jsx(rt,{})}),e.jsxs(cr,{children:["Custom dimensions can be edited in ",p]})]})}),children:P.custom}),e.jsx(tt,{features:["muxDataDebugDimensions"],children:e.jsxs(I,{title:e.jsx(q,{title:"Debug",icon:Fe}),children:[e.jsx(s,{label:"Long Resume",value:String(r.longResume),render:t=>e.jsx(l,{query:{filters:[`long_resume:${String(r.longResume)}`]},children:t})}),e.jsx(s,{label:"Mux Embed",value:r.muxEmbed,render:t=>e.jsx(l,{query:{filters:[`mux_embed:${r.muxEmbed}`]},children:t})}),e.jsx(s,{label:"Mux Embed Version",value:r.muxEmbedVersion,render:t=>e.jsx(l,{query:{filters:[`mux_embed_version:${r.muxEmbed} ${r.muxEmbedVersion}`]},children:t})}),e.jsx(s,{label:"Internal Video Experiment Id",value:r.internalVideoExperimentId,render:t=>e.jsx(l,{query:{filters:[`internal_video_experiment_id:${r.internalVideoExperimentId}`]},children:t})}),e.jsx(s,{label:"Internal View Session Fingerprint ID",value:Ze(r.internalViewSessionFingerprintId),unset:r.internalViewSessionFingerprintId.length===0,render:t=>e.jsx(l,{query:{filters:[`internal_view_session_fingerprint_id:${Ue(r.internalViewSessionFingerprintId)}`]},children:t})}

21),e.jsx(s,{label:"Internal View Session CMCD SID",value:r.internalViewSessionCmcdSid,render:t=>e.jsx(l,{query:{filters:[`internal_view_session_cmcd_sid:${r.internalViewSessionCmcdSid}`]},children:t})})]})})]})]}):e.jsx(Or,{gutterY:8})};export{Is as VideoView};
22//# sourceMappingURL=VideoView-5E6CeK34.js.map