1(function(){try{var S=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},T=new S.Error().stack;T&&(S._sentryDebugIds=S._sentryDebugIds||{},S._sentryDebugIds[T]="d95304c8-6a8f-4e2c-b33c-01ba1cc05076",S._sentryDebugIdIdentifier="sentry-dbid-d95304c8-6a8f-4e2c-b33c-01ba1cc05076")}catch{}})();var _global=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{};_global.SENTRY_RELEASE={id:"6b3b5bcd49ac3ca4e22832378da81add8169a867"},(self.webpackChunk_maestro_io_client=self.webpackChunk_maestro_io_client||[]).push([[253],{550253:(S,T,s)=>{s.r(T),s.d(T,{default:()=>_n});var t=s(63696),h=s(498685),L=s(253527),x=s(992829),u=s(86138),d=s(192612),o=s(886550),i=s(429195),E=s(152544);const U=o.Ay.div` 2 border-radius: 5px; 3 display: flex; 4 align-items: center; 5 justify-content: center; 6 ${E.$X} 7 color: ${({color:e})=>e==="primary"?i.Qod:"white"}; 8 ${({hasSymbol:e})=>e?(0,o.AH)` 9 padding: 0 4px; 10 `:(0,o.AH)` 11 margin-left: 2px; 12 margin-right: ${i.Emp}; 13 border-right: 1px solid ${i.kjY}; 14 `} 15`;function g({symbol:e,color:n}){return t.createElement(U,{color:n,hasSymbol:!!e},e)}const m=g;var p=s(942695),f=s(283722),_=Object.getOwnPropertySymbols,P=Object.prototype.hasOwnProperty,w=Object.prototype.propertyIsEnumerable,B=(e,n)=>{var r={};for(var l in e)P.call(e,l)&&n.indexOf(l)<0&&(r[l]=e[l]);if(e!=null&&_)for(var l of _(e))n.indexOf(l)<0&&w.call(e,l)&&(r[l]=e[l]);return r};const F=o.Ay.div` 16 height: 100%; 17 border-radius: 10px; 18 max-width: 169px; 19 min-width: 133px; 20 display: flex; 21 flex-direction: column; 22 padding: ${i.Emp}; 23 position: relative; 24 background: ${e=>{var n=e,{variant:r}=n,l=B(n,["variant"]);return r==="lighted"?`linear-gradient(124.63deg, ${(0,i.Qod)(l)} -4.3%, #9CA5FF 109.31%);`:r==="yellow"?i.Gjz:`${i.k6P}`}}; 25 & svg { 26 fill: ${({variant:e})=>e==="lighted"?i._e_:e==="yellow"?i.dsC:i.Lvg}; 27 } 28 ${({tip:e})=>e?(0,o.AH)`&:hover { 29 background: ${i.dHK}; 30 & > * { 31 color: ${i._e_} !important; 32 fill: ${i._e_} !important; 33 } 34 & svg { 35 fill: ${i._e_} !important; 36 } 37 }`:""} 38 ${({size:e})=>e==="large"?(0,o.AH)`width: 190px`:(0,o.AH)`width: 133px`} 39`,H=o.Ay.div` 40 display: flex; 41 flex-direction: row; 42 flex: 1; 43 ${E.Ns} 44 padding-right: 10px; 45 color: ${({variant:e})=>e==="lighted"?i._e_:e==="yellow"?`${i.YJk};`:i._e_}; 46 width: ${({size:e})=>e==="small"?"74px":e==="large"?"130px":"94px"}; 47`,Y=o.Ay.div` 48 display: flex; 49 flex-direction: row; 50 flex: 1; 51 margin-top: 10px; 52 align-items: flex-end; 53 & > * { 54 margin-right:12px; 55 width: 22px; 56 display: block; 57 position: absolute; 58 font-size: 1.6em; 59 fill: ${({variant:e})=>e==="lighted"?i._e_:e==="yellow"?i.YJk:i.sRE}; 60 } 61 & svg { 62 width: 30px; 63 } 64 & * { 65 fill: ${({variant:e})=>e==="lighted"?i._e_:e==="yellow"?i.YJk:i.sRE}; 66 } 67`,V=o.Ay.div` 68 ${E.ES} 69 margin-left: 3px; 70 color: ${({variant:e})=>e==="lighted"?i._e_:e==="yellow"?`${i.YJk}`:i._e_}; 71 white-space: nowrap; 72 overflow: hidden; 73 text-overflow: ellipsis; 74`,Q=o.Ay.div` 75 position: absolute; 76 top: 12px; 77 right: 12px; 78`,v=({description:e,value:n,variant:r,icons:l,size:a,tip:c,setScrollState:A})=>{const C=()=>{A(!1)};return t.createElement(F,{onMouseEnter:C,size:a,tip:c,variant:r},c&&t.createElement(Q,null,t.createElement(f.Ay,{name:"analyticsInfo"})),t.createElement(H,{size:a,variant:r},t.createElement(u.A,{stringKey:e})),l&&t.createElement(Y,{variant:r},l.map(($,b)=>t.createElement(f.Ay,{key:b,name:$}))),t.createElement(V,{variant:r},n))};var Pe=Object.defineProperty,Ee=Object.getOwnPropertySymbols,Se=Object.prototype.hasOwnProperty,$e=Object.prototype.propertyIsEnumerable,pe=(e,n,r)=>n in e?Pe(e,n,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[n]=r,y=(e,n)=>{for(var r in n||(n={}))Se.call(n,r)&&pe(e,r,n[r]);if(Ee)for(var r of Ee(n))$e.call(n,r)&&pe(e,r,n[r]);return e};const Oe=o.Ay.div` 79 display: flex; 80 flex-direction: column; 81 & > * { 82 margin: 12px 0; 83 } 84`,ae=o.Ay.div` 85 ${E.HU} 86 color:white; 87 margin: 10px 0 0 0; 88`,q=o.Ay.div` 89 display: flex; 90 flex-direction: row; 91 height:124px; 92 & > * { 93 height:100%; 94 margin-right: 10px; 95 } 96`,I={admin:!0,tooltipCss:(0,o.AH)` 97 text-align: left; 98 left: 61%; 99 width: 239px; 100 ::after { 101 left: 9% !important; 102 } 103 `,tooltipTextColor:(0,o.AH)`${i.zkP}
103`,tooltipBackground:i.azv},ue={tooltipCss:(0,o.AH)` 104 text-align: left; 105 left: 69%; 106 width: 239px; 107 ::after { 108 left: 9% !important; 109 } 110`},Me=(0,p.A)(v,y({tooltipKey:"ANALYTICS_TIP_UNIQUE_VISITOR"},I)),we=(0,p.A)(v,y({tooltipKey:"ANALYTICS_TIP_UNIQUE_VIEWERS"},I)),Re=(0,p.A)(v,y({tooltipKey:"ANALYTICS_TIP_LOGGED_IN_USERS"},I)),be=(0,p.A)(v,y({tooltipKey:"ANALYTICS_TIP_ANONYMOUS_DEVICES"},I)),De=(0,p.A)(v,y({tooltipKey:"ANALYTICS_TIP_PEAK_CONCURRENTS"},I)),Ue=(0,p.A)(v,y({tooltipKey:"ANALYTICS_TIP_AVERAGE_CONCURRENTS"},I)),Be=(0,p.A)(v,y({tooltipKey:"ANALYTICS_TIP_VIEWER_HOURS"},I)),He=(0,p.A)(v,y({tooltipKey:"ANALYTICS_TIP_LIVE_HOURS"},I)),Ge=(0,p.A)(v,y({tooltipKey:"ANALYTICS_TIP_ON_DEMAND_HOURS"},I)),Ye=(0,p.A)(v,y(y({tooltipKey:"ANALYTICS_TIP_AVERAGE_WATCH_TIME"},I),ue)),Ve=(0,p.A)(v,y({tooltipKey:"ANALYTICS_TIP_SESSIONS"},I)),vn=(0,p.A)(v,y({tooltipKey:"ANALYTICS_TIP_BROADCAST_HOURS"},I)),ke=(0,p.A)(v,y({tooltipKey:"ANALYTICS_TIP_GROSS_REVENUE"},I)),In=(0,p.A)(v,y({tooltipKey:"ANALYTICS_TIP_NET_REVENUE"},I)),Ke=(0,p.A)(v,y({tooltipKey:"ANALYTICS_TIP_MONETIZED_UNIQUES"},I)),je=(0,p.A)(v,y(y({tooltipKey:"ANALYTICS_TIP_AEPU"},I),ue)),ze=({audience:e,watchBehavior:n,revenue:r,scrollState:l,setScrollState:a})=>{const c=Math.max(n.total.viewers.uniques.totalViewers,e.viewersUnique);return t.createElement(Oe,null,t.createElement(q,null,t.createElement(Me,{description:"ANALYTICS_LABEL_UNIQUE_VISITOR",disable:l,icons:["analyticsEye"],setScrollState:a,tip:!0,value:(0,d.$s)(c),variant:"lighted"})),t.createElement(ae,null,t.createElement(u.A,{stringKey:"ANALYTICS_LABEL_AUDIENCE"})),t.createElement(q,null,t.createElement(we,{description:"ANALYTICS_LABEL_UNIQUE_VIEWERS",disable:l,icons:["analyticsEye"],setScrollState:a,tip:!0,value:(0,d.$s)(n.total.viewers.uniques.totalViewers),variant:"lighted"}),t.createElement(m,{color:"primary",symbol:"="}),t.createElement(Re,{description:"ANALYTICS_LABEL_LOGGED_IN_USERS",disable:l,setScrollState:a,tip:!0,value:(0,d.$s)(n.total.viewers.uniques.loggedInViewers)}),t.createElement(m,{symbol:"+"}),t.createElement(be,{description:"ANALYTICS_LABEL_ANONYMOUS_DEVICES",disable:l,setScrollState:a,tip:!0,value:(0,d.$s)(n.total.viewers.uniques.anonymousViewers)}),t.createElement(m,null),t.createElement(De,{description:"ANALYTICS_LABEL_PEAK_CONCURRENTS",disable:l,setScrollState:a,tip:!0,value:(0,d.$s)(e.concurrentsPeak)}),t.createElement(Ue,{description:"ANALYTICS_LABEL_AVERAGE_CONCURRENTS",disable:l,setScrollState:a,tip:!0,value:(0,d.$s)(e.concurrentsAverage)})),t.createElement(ae,null,t.createElement(u.A,{stringKey:"ADMIN_INSIGHTS_LABLE_WATCH_BEHAVIOR"})),t.createElement(q,null,t.createElement(Be,{description:"ANALYTICS_LABEL_VIEWERS_HOURS",disable:l,icons:["analyticsClock"],setScrollState:a,tip:!0,value:`${(0,d.$s)((0,d.xo)(n.total.durations.totalWatchSeconds))} Hrs`,variant:"lighted"}),t.createElement(m,{color:"primary",symbol:"="}),t.createElement(He,{description:"ANALYTICS_LABEL_LIVE_HOURS",disable:l,setScrollState:a,size:"small",tip:!0,value:`${(0,d.$s)((0,d.xo)(n.total.durations.livestreamWatchSeconds))} Hrs`}),t.createElement(m,{symbol:"+"}),t.createElement(Ge,{description:"ADMIN_INSIGHTS_LABLE_ON_DEMAND_HOURS",disable:l,setScrollState:a,tip:!0,value:`${(0,d.$s)((0,d.xo)(n.total.durations.vodWatchSeconds))} Hrs`}),t.createElement(m,null),t.createElement(Ye,{description:"ANALYTICS_LABEL_AVERAGE_WATCH_TIME",disable:l,setScrollState:a,size:"large",tip:!0,value:(0,d.GB)(n.total.durations.averageWatchTimeSeconds)}),t.createElement(Ve,{description:"ANALYTICS_LABEL_SESSIONS",disable:l,setScrollState:a,tip:!0,value:(0,d.$s)(n.total.viewers.uniques.sessions)})),t.createElement(ae,null,t.createElement(u.A,{stringKey:"ADMIN_INSIGHTS_LABLE_REVENUE"})),t.createElement(q,null,t.createElement(ke,{description:"ANALYTICS_LABEL_GROSS_EARNINGS",disable:l,setScrollState:a,tip:!0,value:`$${(0,d.$s)(r.revenueGross)}`,variant:"yellow"}),t.createElement(Ke,{description:"ANALYTICS_LABEL_MONETIZED_UNIQUES",disable:l,setScrollState:a,tip:!0,value:`${(0,d.$s)(r.uniquesMonetizedTotal)}`}),t.createElement(je,{description:"ANALYTICS_LABEL_AEPU",disable:l,setScrollState:a,size:"large",tip:!0,value:`$${(0,d.$s)(r.revenueAveragePerUnique)}`})))};var We=s(545290),Fe=s(243412);const Nn=o.Ay.div` 111 ${We.EC} 112 width: 100%; 113 height: 100%; 114 background: ${i.YJk}; 115 padding: 36px; 116 max-height: 100vh; 117 display: flex; 118 flex-direction: column; 119`,Tn=o.Ay.div` 120 height: 427px; 121`,Cn=o.Ay.div` 122 z-index: ${Fe.M.layer.critical}; 123 height: 100%; 124 width: 100%; 125 overflow-x: auto; 126`,Ln=o.Ay.div` 127 display: flex; 128 flex-direction: column; 129 height: 100%; 130 overflow: hidden; 131 position: relative; 132 width: 100%; 133`,se=o.Ay.div` 134 width: 100%; 135 border-bottom: 1px solid ${i.kjY}; 136 padding-top: 44px; 137 margin-bottom: 20px; 138`;var X=s(216940),J=s(38284),G=s(224191),N=s(990220),Z=s(218938),ee=s(124659);const Qe=(e,n)=>{const r=(0,G.useSelector)(Z.mC),l=N.Wn||r,a=N.ej||N.Cn,{data:c,error:A,loaded:C}=(0,ee.A)({headers:{authorization:`Bearer ${l}
138`,"x-maestro-client-id":a},method:"GET",params:{startTime:e,endTime:n},url:e&&n?`${N.kg}/sites/topline-metrics`:null});return{data:c,error:A,loaded:C}};var qe=s(955807);const Xe={message:"Chatv2",trivia:"Triviav2",highlight:"Highlightv2",tweet:"Tweetv2",poll:"Pollv2",poll_result:"PollResultv2",raffle:"Rafflev2",lower_third:"LowerThirdv2",twitter:"Twitter",chat:"Chatv2",people:"Personv2",person:"Personv2",quest:"Questv2",brackets:"Iframev2",quests:"Questv2",qanda:"QandAv2",group:"Personv2",peopleGroups:"Personv2",groups:"Personv2",image:"Imagev2",image_v2:"Imagev2",schedule:"Schedulev2",shopify:"shopifyColored",channel_select:"ChannelSelectv2",now_playing:"Playlistv2",quick_pick:"checkv2",info_panel:"checkv2",playlist:"Playlistv2",social:"Personv2",twitch_chat:"Twitchv2",multiple_choice:"checkv2",iframe:"Iframev2",achievement_leaderboard:"Leaderboardv2",donations:"Donationsv2"},Ae={message:"ADMIN_LABEL_MESSAGE",trivia:"TRIVIA",highlight:"ADMIN_OVERLAY_HIGHLIGHT_NAME",tweet:"TWEET",poll:"POLL",poll_result:"ADMIN_ANALYTICS_POLL_RESULT",raffle:"ADMIN_OVERLAY_RAFFLE_NAME",lower_third:"ADMIN_OVERLAY_LOWER_THIRD_NAME",qanda:"ADMIN_ANALYTICS_QUESTION_AND_ANSWER",donations:"ADMIN_LABEL_DONATIONS",image:"ADMIN_LABEL_IMAGE",image_v2:"ADMIN_LABEL_IMAGE",brackets:"ADMIN_ANALYTICS_BRACKETS",twitter:"ADMIN_LABEL_TWITTER",chat:"ADMIN_PANEL_CHAT_NAME",people:"ADMIN_PANEL_PEOPLE_NAME",person:"ADMIN_LABEL_PERSON",peopleGroups:"ADMIN_ANALYTICS_PEOPLE_GROUPS",group:"ADMIN_LABEL_GROUP",groups:"ADMIN_LABEL_GROUPS",quest:"ADMIN_PANEL_QUEST_NAME",quests:"ADMIN_PANEL_QUEST_NAME",now_playing:"NOW_PLAYING",info_panel:"ADMIN_ANALYTICS_INFO_PANEL",schedule:"SCHEDULE",shopify:"ADMIN_PANEL_SHOPIFY_NAME",channel_select:"ADMIN_PANEL_CHANNEL_SELECT_NAME",quick_pick:"ADMIN_ANALYTICS_QUICK_PICK",playlist:"ADMIN_PANEL_PLAYLIST_NAME",social:"SOCIAL_LABEL",twitch_chat:"TWITCH",multiple_choice:"ADMIN_LABEL_MULTIPLE_CHOICE",iframe:"ADMIN_PANEL_IFRAME_NAME",achievement_leaderboard:"ADMIN_LABEL_LEADERBOARD",profile:"DEFAULT_PROFILE"},Je=o.Ay.div` 139 display: flex; 140 flex-direction: column; 141`,Ze=o.Ay.div` 142 margin-top: 20.5px; 143`,et=o.Ay.div` 144 margin-top: 11px; 145 display: flex; 146 flex-direction: row; 147`,Sn=o.Ay.div` 148 ${E.$q} 149 display: flex; 150 align-items: center; 151 letter-spacing: -0.03em; 152 color: ${i._e_}; 153 margin-left: 10px; 154`,tt=o.Ay.div` 155 ${E.HU} 156 display: flex; 157 align-items: center; 158 color: ${i._e_}; 159 letter-spacing: -0.03em; 160 color: ${i._e_}; 161 padding-bottom: 9px; 162`,$n=o.Ay.div` 163 display: flex; 164 flex-direction: row; 165`,nt=o.Ay.div` 166 display: flex; 167 flex-direction: row; 168 justify-content: flex-start; 169`,On=o.Ay.div` 170 display: flex; 171 height: 100vh; 172`,Mn=o.Ay.div` 173 display: flex; 174 align-items: center; 175`,wn=(0,o.Ay)(f.Ay)` 176`,ot=o.Ay.div` 177 ${E.$X} 178 display: flex; 179 align-items: center; 180 width: 50px; 181 height: 50px; 182 background: ${i.k6P}; 183 border-radius: 5px; 184 color: ${i.Qod}; 185 justify-content: center; 186`,rt=o.Ay.div` 187 display: flex; 188 width: 199px; 189 height: 50px; 190 background: ${i.k6P}; 191 border-radius: 5px; 192 margin-left: 9px; 193`,lt=o.Ay.div` 194 display: flex; 195 ${E.Ns} 196 align-items: center; 197 color: ${i.zkP}; 198 margin-left: 13px; 199`,it=o.Ay.div` 200 display: flex; 201 flex-direction: column; 202 justify-content: center; 203`,at=o.Ay.div` 204 display: flex; 205 width: 315px; 206 height: 50px; 207 margin-left: 9px; 208`,st=o.Ay.div` 209 ${E.pz} 210 color: ${i.zkP}; 211`,ct=o.Ay.div` 212 ${E.xu} 213 color: #C1C2C6; 214 margin-top: 5px; 215`,dt=o.Ay.div` 216 display: flex; 217 align-items: flex-end; 218 ${E.pz} 219 color: ${i.Gjz}; 220 margin-left: 15px; 221 padding-bottom: 8px; 222`,mt=(0,o.Ay)(f.Ay)` 223 display: flex; 224 align-items: center; 225 margin-left: 20px; 226`;var Et=s(41989);const pt=({index:e,item:{type:n,uniquesEngaged:r},total:l})=>{const{t:a}=(0,Et._h)();return t.createElement(et,null,t.createElement(ot,null,e),t.createElement(rt,null,t.createElement(mt,{name:Xe[n]||"checkv2"}),n&&t.createElement(lt,null,n?Ae[n]?a(Ae[n]):n.replace(/_/g," "):"N/A")),t.createElement(at,null,t.createElement(it,null,t.createElement(st,null,(0,d.$s)(r)),t.createElement(ct,null,t.createElement(u.A,{stringKey:"ADM
226IN_LABEL_UNIQUES_ENGAGED"}))),t.createElement(dt,null,"(",(0,d.$s)(r/l*100),"%)")))},ge=({stringKey:e,data:n})=>t.createElement(Ze,null,t.createElement(tt,null,t.createElement(u.A,{stringKey:e})),t.createElement(qe.A,{keyField:"type",list:n},(r,l,a)=>t.createElement(pt,{key:r,index:a+1,item:l,total:l?.viewerId}))),ut=({panels:e,overlays:n})=>t.createElement(Je,null,t.createElement(nt,null,!!e.length&&t.createElement(ge,{data:e,stringKey:"ADMIN_LABEL_TOP_THREE_PANELS"}),!!n.length&&t.createElement(ge,{data:n,stringKey:"ADMIN_LABEL_TOP_THREE_OVERLAYS"})));var te=s(789069);const fe=({keyframes:e,component:n,easing:r,duration:l,extraCss:a})=>(n?(0,o.Ay)(n):o.Ay.div)` 227 opacity: 0; 228 animation: ${(0,o.i7)`${e}`} ${({animationDuration:c})=>c||l||0}s; 229 animation-delay: ${({animationDelay:c})=>c||0}s; 230 animation-fill-mode: forwards; 231 ${({animationEasing:c})=>c||r?`animation-timing-function: ${c||r};`:""}; 232 ${a} 233`,At=o.Ay.div` 234 display: flex; 235 flex-direction: row; 236`,ye=fe({component:o.Ay.div` 237 display: flex; 238 flex-direction: column; 239 margin: 0 12px 0 0; 240 `,keyframes:` 241 from { 242 transform: translateY(24px); 243 opacity:0; 244 } 245 to { 246 transform: translateY(0px); 247 opacity: 1; 248 } 249 `,easing:"cubic-bezier(0, 0.55, 0.45, 1)"}),_e=o.Ay.div` 250 ${E.HU} 251 color: ${i._e_}; 252 margin-bottom: 20px; 253`,gt=fe({component:o.Ay.div` 254 display: flex; 255 flex-direction: column; 256 padding-left: 30px; 257 & > * { 258 margin: 2px 0; 259 } 260 `,keyframes:` 261 from{ 262 opacity: 0; 263 transform: translateY(-20px) 264 } 265 to{ 266 opacity:1; 267 transform: translateY(0px) 268 } 269`,easing:"cubic-bezier(0.16, 1, 0.3, 1)"}),ft=o.Ay.div` 270 ${E.xu} 271 color: ${i.zkP}; 272`,yt=o.Ay.div` 273 &::after { 274 content: ""; 275 width: 8px; 276 height: 8px; 277 position: absolute; 278 border-radius: 50%; 279 right: 218px; 280 top: 15px; 281 background: ${({color:e})=>e}; 282 } 283`,_t=o.Ay.div` 284 ${E.pz} 285 color: ${i.zkP}; 286 margin-top: 10px !important; 287`,ht=o.Ay.span` 288 ${E.pz} 289 color: ${({color:e})=>e}; 290 margin-right: 7px; 291`;function vt({color:e,text:n,value:r,percentage:l,animationDuration:a,animationDelay:c}){return t.createElement(gt,{animationDelay:c,animationDuration:a},t.createElement(ft,null,t.createElement(yt,{color:e}),t.createElement(u.A,{stringKey:n})),t.createElement(_t,null,t.createElement(ht,{color:e},l),"(",(0,d.$s)(r),")"))}const he=vt;var It=s(114777),xt=s.n(It);const ce=(e,n,r)=>n===0?0:e/n*100*r,Nt=xt()(.16,1,.3,1),Tt=2e3;function Ct({slices:e,animationDuration:n,easing:r,className:l}){const a=(0,t.useRef)(Date.now()),[c,A]=(0,t.useState)(0),C=(0,t.useRef)(r),$=(0,t.useMemo)(()=>e.reduce((O,{value:R})=>R+O,0),[e]);if((0,t.useEffect)(()=>{window.requestAnimationFrame(()=>{const O=Date.now(),R=a.current,M=(O-R)/(n||Tt),D=(C.current||Nt)(M);c<=1&&A(D>1?1:D)})},[c]),!c)return t.createElement("div",{className:l});let b;return t.createElement("div",{className:l},t.createElement("svg",{height:"100%",viewBox:"0 0 42 42",width:"100%"},t.createElement("circle",{cx:"21",cy:"21",fill:"transparent",r:"15.91549430918954"}),t.createElement("circle",{cx:"21",cy:"21",fill:"transparent",r:"15.91549430918954",stroke:"transparent",strokeWidth:"4.5"}),e.map(({value:O,color:R},M)=>t.createElement("circle",{key:M,cx:"21",cy:"21",fill:"transparent",r:"15.91549430918954",stroke:R,strokeDasharray:`${ce(O,$,c)} ${100-ce(O,$,c)}`,strokeDashoffset:e[M-1]?b=100-ce(e[M-1].value,$,c)+b:b=25,strokeWidth:"4.5"}))))}const Lt=(0,t.memo)(Ct),Pt=(0,o.Ay)(Lt)` 292`,St=o.Ay.div` 293 display: flex; 294 flex-direction: row; 295 & * { 296 margin-right: 12px; 297 } 298`,$t=o.Ay.div` 299 display: flex; 300 width: 235px; 301 align-self: center; 302 flex-direction: column; 303 & * { 304 margin: 12px 0; 305 } 306`,Ot=o.Ay.div` 307 width : 83%; 308 height: 1px; 309 margin: 0px !important; 310 margin-left: 30px !important; 311 background:#313542; 312`;function Mt({data:e}){const n=(0,G.useSelector)(te.ky),r=(0,G.useSelector)(te.SQ);return t.createElement(St,null,t.createElement(Pt,{animationDuration:2e3,slices:[{color:"#7c87fa",value:e.uniquesNonEngaged},{color:r,value:e.uniquesEngaged}]}),t.createElement($t,null,t.createElement(he,{animationDuration:.4,color:r,percentage:`${e.uniquesAll?(0,d.$s)(e.uniquesEngaged/e.uniquesAll*100):0}%`,text:"ENGAGED_AUDIENCE",value:e.uniquesEngaged}),t.createElement(Ot,null),t.createElement(he,{animationDelay:.2,animationDuration:.4,color:n,percentage:`${e.uniquesAll?(0,d.$s)((e.uniquesAll-e.uniquesEngaged)/e.uniquesAll*100):0}%`,text:"NON-ENGAGED_AUDIENCE",value:e.uniquesAll-e.uniquesEngaged})))}const wt=Mt,Rt=o.Ay.div` 313 display: flex; 314 flex-direction: column; 315`,bt=o.Ay.div` 316 height: 275px; 317 display: flex; 318 flex-direction: row; 319 align-items: flex-end; 320`,ve=o.Ay.div` 321 position: relative; 322 height: ${({percentage:e})=>e}%; 323 max-height: 100%; 324 width: 13px; 325 border-radius: 5px; 326 margin: 0 7.5px; 327 background: ${({color:e})=>e}; 328 ${({labelPosition:e})=>
328e==="left"?(0,o.AH)` 329 margin-right: 140px; 330 `:(0,o.AH)` 331 margin-left: 140px; 332 `} 333`,Ie=o.Ay.div` 334 position: absolute; 335 top: ${({percentage:e})=>(e<30,"0%")}; 336 ${E.Z1} 337 width: 202px; 338 color: white; 339 ${({labelPosition:e})=>e==="left"?(0,o.AH)` 340 padding-left: 28px; 341 margin-left: 24px; 342 left: 0; 343 `:(0,o.AH)` 344 padding-right: 28px; 345 margin-right: 24px; 346 right: 0; 347 text-align:right; 348 `} 349 &::after{ 350 border-radius:50%; 351 width: 8px; 352 height: 8px; 353 background: ${({color:e})=>e}; 354 content: ""; 355 position: absolute; 356 top: 5px; 357 ${({labelPosition:e})=>e==="left"?(0,o.AH)` 358 left: 0; 359 `:(0,o.AH)` 360 right: 0; 361 `} 362 } 363`,xe=o.Ay.div` 364 position: absolute; 365 top: -25px; 366 ${E.Z1} 367 width: 202px; 368 color: white; 369 ${({labelPosition:e})=>e==="left"?(0,o.AH)` 370 padding-left: 28px; 371 margin-left: 24px; 372 left: 0; 373 `:(0,o.AH)` 374 padding-right: 28px; 375 margin-right: 24px; 376 right: 0; 377 text-align:right; 378 `} 379`,ne=o.Ay.div` 380 ${E.pz} 381 color: ${i.zkP}; 382 padding-top: 5px; 383 ${({labelPosition:e,position:n})=>n<40&&e==="left"?(0,o.AH)` 384 position:relative; 385 top: 0; 386 `:(0,o.AH)` 387 position:relative; 388 `}; 389 ${({labelPosition:e,position:n})=>n<40&&e==="right"?(0,o.AH)` 390 position:relative; 391 bottom: 3px; 392 `:(0,o.AH)` 393 top: 0%; 394 position:relative; 395 `}; 396`,Dt=o.Ay.div` 397 position:relative; 398 ${E.z6} 399 text-align: center; 400 color: ${i.zkP}; 401 padding-top: 24px; 402 margin-top: 5px; 403 &::before{ 404 top: 12px; 405 position:absolute; 406 content: ""; 407 width: 295px; 408 height: 1px; 409 background: ${i.kjY}; 410 left:0; 411 right:0; 412 margin:auto; 413 } 414`,Ut=o.Ay.div` 415 ${E.pz} 416 color: ${i.Gjz}; 417 width: 100px; 418 & > * { 419 left: 0; 420 top: 24px; 421 position: absolute; 422 width: 30px; 423 } 424 & * { 425 fill: ${i.Gjz}; 426 } 427 ${({labelPosition:e,position:n})=>n<40&&e==="left"?(0,o.AH)` 428 position:relative; 429 bottom: 110px; 430 `:(0,o.AH)` 431 top: 5px; 432 position:relative; 433 `}; 434 ${({labelPosition:e,position:n})=>n<40&&e==="right"?(0,o.AH)` 435 position:relative; 436 bottom: 65px; 437 `:(0,o.AH)` 438 top: 5px; 439 position:relative; 440 `}; 441`;function Bt({leftData:e,rightData:n,name:r}){return t.createElement(Rt,null,t.createElement(bt,null,t.createElement(ve,{color:e.color,labelPosition:"right",percentage:e.percentage},e.percentage<=10&&t.createElement(xe,{color:e.fontColor||e.color,labelPosition:"right",percentage:e.percentage},t.createElement(ne,{labelPosition:"right",position:e.percentage},e.value),t.createElement(u.A,{stringKey:e.name})),t.createElement(Ie,{color:e.fontColor||e.color,labelPosition:"right",percentage:e.percentage},e.percentage>10&&t.createElement(t.Fragment,null,t.createElement(u.A,{stringKey:e.name}),t.createElement(ne,{labelPosition:"right",position:e.percentage},e.value)))),t.createElement(ve,{color:n.color,labelPosition:"left",percentage:n.percentage},n.percentage<=10&&t.createElement(xe,{color:n.fontColor||n.color,labelPosition:"left",percentage:n.percentage},t.createElement(ne,{labelPosition:"right",position:n.percentage},n.value),t.createElement(u.A,{stringKey:n.name})),t.createElement(Ie,{color:n.fontColor||n.color,labelPosition:"left",percentage:n.percentage},n.percentage>10&&t.createElement(t.Fragment,null,t.createElement(u.A,{stringKey:n.name}),t.createElement(ne,{labelPosition:"left",position:n.percentage},n.value)),e.percentage<n.percentage&&t.createElement(Ut,{labelPosition:"left",position:n.percentage},"(",n.difference,"%)",t.createElement(f.Ay,{name:"analyticsChartArrow"}))))),t.createElement(Dt,null,r))}const Ht=Bt,Gt=({audience:e,avgWatchTime:n})=>{const r=(0,t.useRef)(null),l=(0,G.useSelector)(te.$E),a=(0,G.useSelector)(te.SQ),c=n.uniquesNonEngaged<n.uniquesEngaged?n.uniquesEngaged:n.uniquesNonEngaged;return t.createElement(At,{ref:r},t.createElement(ye,{style:{marginRight:"24px"}},t.createElement(_e,{style:{textAlign:"left"}},t.createElement(u.A,{stringKey:"ENGAGEMENT"})),t.createElement(wt,{data:{uniquesAll:e.uniquesAll,uniquesEngaged:e.uniquesEngaged,uniquesNonEngaged:e.uniquesNonEngaged}})),t.createElement(ye,{animationDelay:.1,animationDuration:.3},t.createElement(_e,null,t.createElement(u.A,{stringKey:"AVERAGE_WATCH_TIME_PER_USER"})),t.createElement(Ht,{leftData:{fontColor:l,color:" linear-gradient(360deg, #5C5C5C -0.04%, #C7C7CC 99.41%)",name:"NON_ENGAGED",percentage:n.uniquesNonEngaged/c*100,difference:"0",value:(0,d.GB)(n.uniquesNonEngaged)},name:"Average Watch Time",rightData:{color:a,name:"ENGAGED",percentage:n.uniquesEngaged/c*100,difference:n.uniquesNonEngaged?(0,d.$s)(((n.uniquesEngaged||0)-n.uniquesNonEngaged)/n.uniquesNonEngaged*100):"0",value:(0,d.GB)(n.uniquesEngaged)}})))},Yt=o.Ay.div` 442 display: flex; 443 flex-direction: row; 444`,Ne=o.Ay.div` 445 margin-left: 50px; 446`,Vt=o.Ay.div` 447 display: flex; 448 flex-direction: column; 449 flex: 1; 450`,kt=o.Ay.div` 451 ${E.HU} 452 color: ${i._e_}; 453 margin-bottom: 14px; 454`,Kt=o.Ay.div` 455 height: 0px; 456 border-top: 1px solid ${i.kjY}; 457 z-index: 0; 458`;var jt=s(983848),zt=s.n(jt);const Wt=o.Ay.div` 459 display: grid; 460 align-items: center; 461 margin: 15px 0; 462 grid-template-columns: ${({hasCountryCode:e})=>e?"auto auto auto":" auto auto"} 8fr auto; 463`,Ft=o.Ay.div` 464 ${E.cs} 465 color: ${i.zkP}; 466 margin-right: 10px; 467`,Qt=o.Ay.div` 468 ${E.Ns} 469 color: ${i.zkP}; 470 text-overflow: ellipsis; 471 white-space: nowrap; 472 text-transform: capitalize; 473 overflow: hidden; 474 margin-right: 10px; 475 width: ${({title:e})=>e==="TOP_FIVE_COUNTRIES"?"90px":e==="TECHNOLOGY"?"52px":"37px"}; 476`,qt=o.Ay.div` 477 height: 10px; 478 background: ${i.k6P}; 479 border-radius: 5px; 480 margin-right: 17px; 481`,Xt=o.Ay.div` 482 width: ${({percentage:e})=>e>100?100:e}%; 483 height: 10px; 484 background: linear-gradient(81.1deg, ${i.Qod} -0.04%, #919aff 99.41%); 485 border-radius: 5px; 486`,Jt=o.Ay.div` 487 ${E.pz} 488 text-align: right; 489 color: ${i.Gjz}; 490 min-width: 55px; 491`,Zt=(0,o.Ay)(zt())` 492 width: 28px; 493 height: 20px; 494 object-fit: cover; 495 margin-right: 13px; 496`,en=({name:e,rank:n,percentage:r,countryCode:l,title:a})=>t.createElement(Wt,{hasCountryCode:!!l},t.createElement(Ft,{hasCountryCode:!!l},n),l&&t.createElement(Zt,{code:l}),t.createElement(Qt,{title:a},e),t.createElement(qt,null,t.createElement(Xt,{percentage:r})),t.createElement(Jt,null,(0,d.$s)(r),"%")),tn=(e,n)=>n?e/n*100:0,de=({columnData:e,title:n,sessionsTotal:r,limit:l})=>t.createElement(Vt,null,t.createElement(kt,null,!!e.length&&t.createElement(u.A,{stringKey:n})),e.map((a,c)=>c+1<=l&&t.createElement(t.Fragment,null,t.createElement(en,{key:c,countryCode:a.countryCode,name:a.countryName||a.title,percentage:tn(a.sessions,r),rank:c+1,title:n}),t.createElement(Kt,{key:c}))));var Te=Object.getOwnPropertySymbols,nn=Object.prototype.hasOwnProperty,on=Object.prototype.propertyIsEnumerable,rn=(e,n)=>{var r={};for(var l in e)nn.call(e,l)&&n.indexOf(l)<0&&(r[l]=e[l]);if(e!=null&&Te)for(var l of Te(e))n.indexOf(l)<0&&on.call(e,l)&&(r[l]=e[l]);return r};const ln=({breakdownData:e})=>{const n=l=>{const a={};if(l.forEach(c=>{a[c.title]=c}),a["55-64"]&&a["65+"]){const c=a,{"55-64":A,"65+":C}=c,$=rn(c,["55-64","65+"]);return[{title:"55+",sessions:A.sessions+C.sessions},...Object.values($)]}return[...Object.values(a)]},r=l=>[...l].map(a=>(a.title==="bot"&&(a.title="Other"),a));return t.createElement(Yt,null,!!e?.countries.length&&t.createElement(t.Fragment,null,t.createElement(de,{columnData:e.countries,limit:5,sessionsTotal:e.sessionsTotal,title:"TOP_FIVE_COUNTRIES"}),t.createElement(Ne,null)),!!e?.devices.length&&t.createElement(de,{columnData:r(e.devices),limit:5,sessionsTotal:e.sessionsTotal,title:"TECHNOLOGY"}),!!e.demographics.length&&t.createElement(t.Fragment,null,t.createElement(Ne,null),t.createElement(de,{columnData:n(e.demographics),limit:5,sessionsTotal:e.demographicsSessionsTotal,title:"DEMOGRAPHICS"}
496)))};var an=s(160788);const sn=(e,n)=>{const r=(0,an.A)(Z.mC),l=N.Wn||r,a=N.ej||N.Cn,{data:c,error:A,loaded:C}=(0,ee.A)({headers:{authorization:`Bearer ${l}`,"x-maestro-client-id":a},method:"GET",params:{startTime:e,endTime:n},url:e&&n?`${N.kg}/sites/engagement-impact`:null});return{data:c,error:A,loaded:C}};function cn(e,n){const r=(0,G.useSelector)(Z.mC),{data:l,error:a,loaded:c}=(0,ee.A)({headers:{authorization:`Bearer ${r}`,"x-maestro-client-id":N.Cn},method:"GET",params:{startTime:e,endTime:n},url:e&&n?`${N.kg}/sites/engagement-breakdown`:null});return{data:l,error:a,loaded:c}}const dn=cn,mn=(e,n)=>{const r=(0,G.useSelector)(Z.mC),l=N.Wn||r,a=N.ej||N.Cn,{data:c,error:A,loaded:C}=(0,ee.A)({headers:{authorization:`Bearer ${l}`,"x-maestro-client-id":a},method:"GET",params:{startTime:e,endTime:n},url:e&&n?`${N.kg}/sites/viewership-breakdown`:null});return{data:c,error:A,loaded:C}};var oe=s(135019),En=Object.defineProperty,pn=Object.defineProperties,un=Object.getOwnPropertyDescriptors,Ce=Object.getOwnPropertySymbols,An=Object.prototype.hasOwnProperty,gn=Object.prototype.propertyIsEnumerable,Le=(e,n,r)=>n in e?En(e,n,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[n]=r,me=(e,n)=>{for(var r in n||(n={}))An.call(n,r)&&Le(e,r,n[r]);if(Ce)for(var r of Ce(n))gn.call(n,r)&&Le(e,r,n[r]);return e},fn=(e,n)=>pn(e,un(n));function yn(){var e,n,r,l,a,c;const A=(0,h.d4)(L.hK),[C,$]=(0,t.useState)(!1),b=()=>{$(!0)},{data:O,loaded:R,error:M}=Qe(A.rangeStart,A.rangeEnd),{data:D,loaded:re,error:k}=sn(A.rangeStart,A.rangeEnd),{data:K,loaded:le,error:j}=dn(A.rangeStart,A.rangeEnd),{data:z,loaded:ie,error:W}=mn(A.rangeStart,A.rangeEnd);return t.createElement("div",{onScroll:b},t.createElement(X.A,{description:"TOPLINE_METRICS_DESCRIPTION",icon:"topLineMetrics",title:"TOPLINE_METRICS"},R?null:t.createElement(x.A,null),R&&M?t.createElement("div",{className:"h-[250px] flex items-center justify-center"},t.createElement(J.A,{message:M?.message})):null,R&&!M&&!O?t.createElement(oe.A,null):null,O&&t.createElement(ze,fn(me({},O),{scrollState:C,setScrollState:$}))),t.createElement(se,null),t.createElement(X.A,{description:"ENGAGEMENT_IMPACT_DESCRIPTION",icon:"magnet",title:"TOPLINE_ENGAGEMENT"},re?null:t.createElement(x.A,null),re&&k?t.createElement("div",{className:"h-[250px] flex items-center justify-center"},t.createElement(J.A,{message:k?.message})):null,re&&!k&&!((e=D?.audience)!=null&&e.uniquesAll)?t.createElement(oe.A,null):null,re&&!k&&((n=D?.audience)!=null&&n.uniquesAll)?t.createElement(Gt,me({},D)):null),t.createElement(se,null),t.createElement(X.A,{description:"ENGAGEMENT_BREAKDOWN_DESCRIPTION",icon:"magnet",title:"ENGAGEMENT_BREAKDOWN"},le?null:t.createElement(x.A,null),le&&j?t.createElement("div",{className:"h-[250px] flex items-center justify-center"},t.createElement(J.A,{message:j?.message})):null,le&&!j&&!((r=K?.panels)!=null&&r.length)?t.createElement(oe.A,null):null,le&&!j&&((l=K?.panels)!=null&&l.length)?t.createElement(ut,me({},K)):null),t.createElement(se,null),t.createElement(X.A,{description:"VIEWERSHIP_BREALDOWN_DESCRIPTION",icon:"viewershipEye",title:"VIEWERSHIP_BREAKDOWN_TITLE"},ie?null:t.createElement(x.A,null),ie&&W?t.createElement("div",{className:"h-[250px] flex items-center justify-center"},t.createElement(J.A,{message:W?.message})):null,ie&&!W&&!((a=z?.countries)!=null&&a.length)?t.createElement(oe.A,null):null,ie&&!W&&((c=z?.countries)!=null&&c.length)?t.createElement(ln,{breakdownData:z}):null))}const _n=yn},216940:(S,T,s)=>{s.d(T,{A:()=>m});var t=s(63696),h=s(86138),L=s(886550),x=s(429195),u=s(283722),d=s(152544);const o=L.Ay.div` 497 padding: ${x.Emp}; 498`,i=L.Ay.div` 499 ${d.pz} 500 letter-spacing: -0.03em; 501 color: ${x.zkP}; 502 margin-bottom: 14.5px; 503`,E=L.Ay.div` 504 ${d.Ns} 505 color: ${x.zkP} !important; 506 margin-bottom: 25px; 507`,U=(0,L.Ay)(u.Ay).attrs(p=>({color:(0,x.Qod)(p)}))` 508 margin-right: 12px; 509`,m=({description:p,title:f,children:_,icon:P})=>t.createElement(o,null,t.createElement(i,null,t.createElement(U,{name:P}),t.createElement(h.A,{stringKey:f})),p&&t.createElement(E,null,t.createElement(h.A,{stringKey:p})),_)},38284:(S,T,s)=>{s.d(T,{A:()=>E});var t=s(63696),h=s(886550),L=s(283722),x=s(152544);const u=h.Ay.div` 510 flex-grow: 1; 511 height: 100%; 512`,d=(0,h.Ay)(L.Ay)` 513 font-size: 25px; 514 margin-bottom: 10px; 515`,o=h.Ay.div` 516 ${x._R} 517 align-items: center; 518 color: rgba(255, 255, 255, 0.75); 519 display: flex; 520 flex-direction: column; 521 height: 100%; 522 justify-content: center; 523`,E=({message:U})=>t.createElement(u,{"data-testid":"analyticsErrorCard"},t.createElement(o,null,t.createElement(d,{name:"cancel-thin"}),U))},135019:(S,T,s)=>{s.d(T,{A:()=>i});var t=s(63696),h=s(886550),L=s(152544),x=s(41989);const u=h.Ay.div` 524 flex-grow: 1; 525 height: 250px; 526`,d=h.Ay.div` 527 ${L._R} 528 align-items: center; 529 color: rgba(255, 255, 255, 0.75); 530 display: flex; 531 flex-direction: column; 532 height: 100%; 533 justify-content: center; 534`,i=()=>{const{t:E}=(0,x._h)();return t.createElement(u,{"data-testid":"analyticsNoResults"},t.createElement(d,null,E("ADMIN_ANALYTICS_NO_RESULTS")))}},192612:(S,T,s)=>{s.d(T,{$s:()=>x,GB:()=>d,GV:()=>U,Q6:()=>E,ak:()=>L,dp:()=>u,l9:()=>i,xo:()=>o});var t=s(242689),h=s.n(t);function L(g,m){const f=Date.now()-g,_=Math.floor(f/6e4),P=Math.floor(_/60),w=Math.floor(P/24);return w>0?m("ADMIN_RELATIVE_TIME_X_DAYS_AGO",{days:w}):P>0?m("ADMIN_RELATIVE_TIME_X_HOURS_AGO",{hours:P}):_>0?m("ADMIN_RELATIVE_TIME_X_MINUTES_AGO",{minutes:_}):m("ADMIN_LABEL_JUST_NOW")}function x(g){if(!g)return"0";const m=+g;if(typeof m!="number")return"0.00";const p=m.toPrecision(3).split("e"),f=p.length===1?0:Math.floor(Math.min(parseFloat(p[1].slice(1)),14)/3),_=parseFloat(f<1?parseFloat(m.toPrecision(3)).toFixed(3):(m/10**(f*3)).toFixed(2)),P=_<0?_:Math.abs(_),w=Number(P.toPrecision(3));return(w<.01?0:+`${Math.round(+`${w}e+2`)}e-2`)+["","K","M","B","T"][f]}function u(g){const m=Math.max(0,Math.round(g*60)),p=Math.floor(m/(365*86400)),f=Math.floor(m%(365*86400)/86400),_=Math.floor(m%86400/3600),P=Math.floor(m%3600/60),w=m%60,B=[p,f,_,P,w],F=["y","d","h","m","s"],H=B.findIndex(V=>V>0);if(H===-1)return"0s";let Y=B.length-1;for(;Y>H&&B[Y]===0;)Y-=1;return B.slice(H,Y+1).map((V,Q)=>
534`${H+Q===0?V.toLocaleString():V}${F[H+Q]}`).join(" ")}function d(g){const m=new Date(g*1e3),p=m.getUTCHours(),f=m.getUTCMinutes(),_=m.getSeconds();return p===0?`${f}m ${_}s`:`${p}h ${f}m ${_}s`}function o(g){return g/60/60}function i(g,m,p=1){return new Intl.NumberFormat(m,{style:"percent",maximumFractionDigits:p}).format(g)}function E(g,m){return h()(g).locale(m||h().locale()).format("MMM D")}function U(g,m){return h()(g).locale(m||h().locale()).format("ddd, MMM D, YYYY")}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.