import{gQ as $e,gR as Js,r as V,gS as Vt,gT as Bt,gU as Qs,gV as Xs,gW as Zs,gX as Ft,gY as Gt,f as be,gZ as ea,g_ as ta,eu as qt,j as e,c as Se,e0 as sa,g$ as Ie,e2 as Xe,e3 as Ze,e4 as aa,h0 as ra,et as Me,h1 as na,h2 as Yt,eD as et,h3 as ia,eJ as Jt,h4 as oa,aI as me,cg as tt,cv as st,cw as at,ch as rt,a0 as w,ci as nt,T as U,cI as la,d6 as Qt,d7 as it,b6 as ca,bB as Xt,h5 as ua,h6 as ot,h7 as lt,h8 as da,h9 as ma,cd as ae,eq as ha,bX as P,be as xa,d5 as Zt,a6 as ga,ar as Ve,dc as es,ha as fa,gB as pa,F as N,bM as ja,bN as va,hb as ba,bO as Sa,hc as ya,hd as wa,b8 as Ca,c7 as v,C as ka,bH as ve,aM as Ta,bR as Pa,U as Da,B as b,db as ge,he as Aa,hf as La,hg as Ia,bU as Ge,bf as Ma,bg as qe,dy as ct,bz as ut,hh as Be,hi as Va,hj as Ba,hk as Ut,gf as Fa,hl as Ua,hm as Ra,hn as ts,d3 as _a,ho as Rt,eL as ss,bC as Ea,cH as dt,cV as ye,cN as ee,hp as as,bJ as rs,a_ as ns,bK as is,Z as os,Y as ls,_ as cs,hq as mt,hr as za,dU as Ha,hs as us,fP as Na,cM as Fe,ht as ds,ay as ms,a7 as Pe,fG as Oa,hu as $a,fx as Wa,hv as Ka,H as ht,du as Ga,bT as qa,hw as Ya,aa as Ja,cX as Qa,cE as _t,fH as Xa,a8 as hs,a9 as xs,ac as gs,cF as fs,ej as Za,a1 as ps,e8 as Ue,ck as we,hx as de,c$ as Re,cY as xt,cZ as gt,cS as ft,an as er,hy as tr,d9 as sr,ao as ar,hz as rr,a5 as pt,e9 as ue,eg as js,ew as nr,b_ as ir,hA as or,cO as De,D as jt,E as vt,G as bt,J as St,K as yt,fJ as vs,hB as Et,fi as zt,hC as lr,eE as cr,eF as ur,hD as dr,eG as mr,eH as hr,eK as xr,hE as Ht,hF as gr,eC as fr,bD as pr,fj as Te,bW as jr,aJ as vr,cq as br,cr as Sr,c2 as yr,d1 as wr,hG as Cr,hH as kr,hI as Tr,hJ as Pr,hK as Dr,hL as Ar,hM as Lr,fp as Ir,g5 as Nt,hN as Mr}from"./index-b90158b7.js";import{S as Vr}from"./ScoreBadge-af5ae31b.js";import{N as Br}from"./NoAccessibleTrackers-0174e8c1.js";import{S as Fr}from"./ScoreParameterBreakdown-6e132c60.js";import{u as Ur,g as Rr,a as _r,b as We,d as xe,c as Ke,o as Er,e as zr,f as Hr,h as wt}from"./index-eb5a8818.js";import{G as Nr}from"./GoalReferenceArea-ad48a9a2.js";function Or(t){const{min:s=0,max:a=100,onChange:r,value:i,defaultValue:n,isReversed:o,direction:l="ltr",orientation:c="horizontal",id:u,isDisabled:d,isReadOnly:C,onChangeStart:y,onChangeEnd:j,step:p=1,getAriaValueText:F,"aria-valuetext":B,"aria-label":m,"aria-labelledby":k,name:h,focusThumbOnChange:g=!0,minStepsBetweenThumbs:J=0,...oe}=t,he=$e(y),T=$e(j),_=$e(F),z=zr({isReversed:o,direction:l,orientation:c}),[G,le]=Js({value:i,defaultValue:n??[25,75],onChange:r});if(!Array.isArray(G))throw new TypeError(`[range-slider] You passed an invalid value for \`value\` or \`defaultValue\`, expected \`Array\` but got \`${typeof G}\``);const[pe,je]=V.useState(!1),[f,E]=V.useState(!1),[L,W]=V.useState(-1),te=!(d||C),He=V.useRef(G),A=G.map(x=>Vt(x,s,a)),R=J*p,O=$r(A,s,a,R),M=V.useRef({eventSource:null,value:[],valueBounds:[]});M.current.value=A,M.current.valueBounds=O;const q=A.map(x=>a-x+s),Q=(z?q:A).map(x=>Bt(x,s,a)),X=c==="vertical",ne=V.useRef(null),Z=V.useRef(null),kt=Ur({getNodes(){const x=Z.current,S=x==null?void 0:x.querySelectorAll("[role=slider]");return S?Array.from(S):[]}}),zs=V.useId(),$=Hr(u??zs),Tt=V.useCallback(x=>{var S,I;if(!ne.current)return;M.current.eventSource="pointer";const D=ne.current.getBoundingClientRect(),{clientX:H,clientY:re}=(I=(S=x.touches)==null?void 0:S[0])!=null?I:x,se=X?D.bottom-re:H-D.left,ce=X?D.height:D.width;let Oe=se/ce;return z&&(Oe=1-Oe),Qs(Oe,s,a)},[X,z,a,s]),Ne=(a-s)/10,ke=p||(a-s)/100,K=V.useMemo(()=>({setValueAtIndex(x,S){if(!te)return;const I=M.current.valueBounds[x];S=parseFloat(Xs(S,I.min,ke)),S=Vt(S,I.min,I.max);const D=[...M.current.value];D[x]=S,le(D)},setActiveIndex:W,stepUp(x,S=ke){const I=M.current.value[x],D=z?I-S:I+S;K.setValueAtIndex(x,D)},stepDown(x,S=ke){const I=M.current.value[x],D=z?I+S:I-S;K.setValueAtIndex(x,D)},reset(){le(He.current)}}),[ke,z,le,te]),Pt=V.useCallback(x=>{const S=x.key,D={ArrowRight:()=>K.stepUp(L),ArrowUp:()=>K.stepUp(L),ArrowLeft:()=>K.stepDown(L),ArrowDown:()=>K.stepDown(L),PageUp:()=>K.stepUp(L,Ne),PageDown:()=>K.stepDown(L,Ne),Home:()=>{const{min:H}=O[L];K.setValueAtIndex(L,H)},End:()=>{const{max:H}=O[L];K.setValueAtIndex(L,H)}}[S];D&&(x.preventDefault(),x.stopPropagation(),D(x),M.current.eventSource="keyboard")},[K,L,Ne,O]),{getThumbStyle:Dt,rootStyle:At,trackStyle:Lt,innerTrackStyle:It}=V.useMemo(()=>Rr({isReversed:z,orientation:c,thumbRects:kt,thumbPercents:Q}),[z,c,Q,kt]),Mt=V.useCallback(x=>{var S;const I=x??L;if(I!==-1&&g){const D=$.getThumb(I),H=(S=Z.current)==null?void 0:S.ownerDocument.getElementById(D);H&&setTimeout(()=>H.focus())}},[g,L,$]);Zs(()=>{M.current.eventSource==="keyboard"&&(T==null||T(M.current.value))},[A,T]);const Hs=x=>{const S=Tt(x)||0,I=M.current.value.map(ce=>Math.abs(ce-S)),D=Math.min(...I);let H=I.indexOf(D);const re=I.filter(ce=>ce===D);re.length>1&&S>M.current.value[H]&&(H=H+re.length-1),W(H),K.setValueAtIndex(H,S),Mt(H)},Ns=x=>{if(L==-1)return;const S=Tt(x)||0;W(L),K.setValueAtIndex(L,S),Mt(L)};_r(Z,{onPanSessionStart(x){te&&(je(!0),Hs(x),he==null||he(M.current.value))},onPanSessionEnd(){te&&(je(!1),T==null||T(M.current.value))},onPan(x){te&&Ns(x)}});const Os=V.useCallback((x={},S=null)=>({...x,...oe,id:$.root,ref:Ft(S,Z),tabIndex:-1,"aria-disabled":We(d),"data-focused":xe(f),style:{...x.style,...At}}),[oe,d,f,At,$]),$s=V.useCallback((x={},S=null)=>({...x,ref:Ft(S,ne),id:$.track,"data-disabled":xe(d),style:{...x.style,...Lt}}),[d,Lt,$]),Ws=V.useCallback((x={},S=null)=>({...x,ref:S,id:$.innerTrack,style:{...x.style,...It}}),[It,$]),Ks=V.useCallback((x,S=null)=>{var I;const{index:D,...H}=x,re=A[D];if(re==null)throw new TypeError(`[range-slider > thumb] Cannot find value at index \`${D}\`. The \`value\` or \`defaultValue\` length is : ${A.length}`);const se=O[D];return{...H,ref:S,role:"slider",tabIndex:te?0:void 0,id:$.getThumb(D),"data-active":xe(pe&&L===D),"aria-valuetext":(I=_==null?void 0:_(re))!=null?I:B==null?void 0:B[D],"aria-valuemin":se.min,"aria-valuemax":se.max,"aria-valuenow":re,"aria-orientation":c,"aria-disabled":We(d),"aria-readonly":We(C),"aria-label":m==null?void 0:m[D],"aria-labelledby":m!=null&&m[D]||k==null?void 0:k[D],style:{...x.style,...Dt(D)},onKeyDown:Ke(x.onKeyDown,Pt),onFocus:Ke(x.onFocus,()=>{E(!0),W(D)}),onBlur:Ke(x.onBlur,()=>{E(!1),W(-1)})}},[$,A,O,te,pe,L,_,B,c,d,C,m,k,Dt,Pt,E]),Gs=V.useCallback((x={},S=null)=>({...x,ref:S,id:$.output,htmlFor:A.map((I,D)=>$.getThumb(D)).join(" "),"aria-live":"off"}),[$,A]),qs=V.useCallback((x,S=null)=>{const{value:I,...D}=x,H=!(I<s||I>a),re=I>=A[0]&&I<=A[A.length-1];let se=Bt(I,s,a);se=z?100-se:se;const ce={position:"absolute",pointerEvents:"none",...Er({orientation:c,vertical:{bottom:`${se}%`},horizontal:{left:`${se}%`}})};return{...D,ref:S,id:$.getMarker(x.value),role:"presentation","aria-hidden":!0,"data-disabled":xe(d),"data-invalid":xe(!H),"data-highlighted":xe(re),style:{...x.style,...ce}}},[d,z,a,s,c,A,$]),Ys=V.useCallback((x,S=null)=>{const{index:I,...D}=x;return{...D,ref:S,id:$.getInput(I),type:"hidden",value:A[I],name:Array.isArray(h)?h[I]:`${h}-${I}`}},[h,A,$]);return{state:{value:A,isFocused:f,isDragging:pe,getThumbPercent:x=>Q[x],getThumbMinValue:x=>O[x].min,getThumbMaxValue:x=>O[x].max},actions:K,getRootProps:Os,getTrackProps:$s,getInnerTrackProps:Ws,getThumbProps:Ks,getMarkerProps:qs,getInputProps:Ys,getOutputProps:Gs}}function $r(t,s,a,r){return t.map((i,n)=>{const o=n===0?s:t[n-1]+r,l=n===t.length-1?a:t[n+1]-r;return{min:o,max:l}})}var[Wr,_e]=Gt({name:"SliderContext",errorMessage:"useSliderContext: `context` is undefined. Seems you forgot to wrap all slider components within <RangeSlider />"}),[Kr,Ee]=Gt({name:"RangeSliderStylesContext",errorMessage:`useRangeSliderStyles returned is 'undefined'. Seems you forgot to wrap the components in "<RangeSlider />" `}),bs=be(function(s,a){const r={orientation:"horizontal",...s},i=ea("Slider",r),n=ta(r),{direction:o}=qt();n.direction=o;const{getRootProps:l,...c}=Or(n),u=V.useMemo(()=>({...c,name:r.name}),[c,r.name]);return e.jsx(Wr,{value:u,children:e.jsx(Kr,{value:i,children:e.jsx(Se.div,{...l({},a),className:"chakra-slider",__css:i.container,children:r.children})})})});bs.displayName="RangeSlider";var Ye=be(function(s,a){const{getThumbProps:r,getInputProps:i,name:n}=_e(),o=Ee(),l=r(s,a);return e.jsxs(Se.div,{...l,className:wt("chakra-slider__thumb",s.className),__css:o.thumb,children:[l.children,n&&e.jsx("input",{...i({index:s.index})})]})});Ye.displayName="RangeSliderThumb";var Ss=be(function(s,a){const{getTrackProps:r}=_e(),i=Ee(),n=r(s,a);return e.jsx(Se.div,{...n,className:wt("chakra-slider__track",s.className),__css:i.track,"data-testid":"chakra-range-slider-track"})});Ss.displayName="RangeSliderTrack";var ys=be(function(s,a){const{getInnerTrackProps:r}=_e(),i=Ee(),n=r(s,a);return e.jsx(Se.div,{...n,className:"chakra-slider__filled-track",__css:i.filledTrack})});ys.displayName="RangeSliderFilledTrack";var Gr=be(function(s,a){const{getMarkerProps:r}=_e(),i=Ee(),n=r(s,a);return e.jsx(Se.div,{...n,className:wt("chakra-slider__marker",s.className),__css:i.mark})});Gr.displayName="RangeSliderMark";var ws=sa({chartName:"BarChart",GraphicalChild:Ie,defaultTooltipEventType:"axis",validateTooltipEventTypes:["axis","item"],axisComponents:[{axisType:"xAxis",AxisComp:Xe},{axisType:"yAxis",AxisComp:Ze}],formatAxisMap:aa});const qr=[10,7,7,6,4,8,5,4,6,9],Yr=qr.map((t,s)=>({date:new Date(s),value:t})),Cs=100,ks=1600,Jr=100,Qr=Cs+ks+Jr,Ts=({isLoaded:t,margin:s,children:a})=>{const r=ra(),[i]=Me("colors",["gray.300"]),[n,{inc:o}]=na(0);return Yt(()=>o(1),t?null:Qr),t?e.jsx(e.Fragment,{children:a}):e.jsx(et,{width:"100%",height:"100%",minWidth:100,children:e.jsxs(ws,{data:Yr,margin:s,children:[e.jsx(ia,{horizontal:!1,stroke:r.gridColor,strokeDasharray:4}),e.jsx(Xe,{dataKey:"date",tickFormatter:()=>"",stroke:r.gridColor,tick:{fill:r.gridTextColor}}),e.jsx(Ze,{tickFormatter:()=>"",stroke:r.gridColor,tick:{fill:r.gridTextColor},width:50}),e.jsx(Jt,{component:e.jsx(oa,{})},"background-gradient"),e.jsx(Ie,{dataKey:"value",fill:i,isAnimationActive:!0,animationEasing:"ease",animationBegin:Cs,animationDuration:ks})]},n)})},Xr=()=>{const t=me();return e.jsxs(tt,{mt:20,children:[e.jsx(st,{as:at}),e.jsx(rt,{children:e.jsx(w,{id:"2HKAKv"})}),e.jsxs(nt,{children:[e.jsx(U,{children:e.jsx(w,{id:"HyQc+D"})}),t.isAdminOrTeamLead&&e.jsx(U,{mt:4,children:e.jsx(w,{id:"GSviUN"})})]}),t.isAdminOrTeamLead&&e.jsx(la,{children:e.jsx(Qt,{primary:!0,to:it.createScore(),leftIcon:e.jsx(ca,{}),children:e.jsx(w,{id:"ciXo8J"})})})]})},Y=(t,s)=>{Xt.event(`score-insights__${t}`,s)},fe="score-insights",Ps=5e3,Ds=ua(t=>ot(0),(t,s)=>t===s);function Ce(t,s){const[a]=lt(Ds(t)),r=V.useRef(a),i=da(s),n=ma();V.useEffect(()=>{a!==r.current&&typeof i.current=="function"&&n()&&i.current()},[a,i,n])}function Zr(t){const[,s]=lt(Ds(t));return V.useCallback(()=>{s(a=>a+1)},[s])}function en(t,s){const{period:a}=ae(),r=t&&(s===null||s!=null&&s>a.from),i=ha(r),n=Zr(fe);return Yt(()=>{n()},r?Ps:null),P.useEffect(()=>{!r&&i&&n()},[r,n,i]),r}const Ot=xa`
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
`,tn=({uid:t})=>{const[s,a]=P.useState(!1),{data:r,dataUpdatedAt:i}=Zt(t,s?7e3:0);P.useEffect(()=>{r&&(r.isProcessing?s||a(!0):s&&a(!1))},[r,s]);const n=ga(),{getUserByUid:o}=Ve(),l=me(),c=es(l),{data:u}=fa({uid:r==null?void 0:r.savedFilterGroupUid}),d={channel:"phone",savedFilter:u,values:u!=null&&u.values?pa((u==null?void 0:u.values)??{}):(r==null?void 0:r.filters)??{}},C=en((r==null?void 0:r.isProcessing)??!1,(r==null?void 0:r.processingProgress)??null),y=()=>{n(it.editScore(t))};return e.jsx(N,{direction:"column",borderRadius:"md",children:e.jsx(ja,{allowToggle:!0,children:e.jsx(va,{border:"none",children:({isExpanded:j})=>{var p,F;return e.jsxs(e.Fragment,{children:[e.jsxs(N,{flexGrow:"1",py:"1",pr:"2",gap:"2",alignItems:"center",justifyContent:"flex-end",children:[C&&e.jsx(ba,{ml:2}),e.jsx(Sa,{w:"auto",py:"1",pl:"0",px:"3",alignItems:"center",_focus:{outline:void 0},_hover:{bg:"unset"},children:e.jsxs(N,{py:"1",alignItems:"center",children:[j?e.jsx(ya,{fontSize:"14",cursor:"pointer"}):e.jsx(wa,{fontSize:"14",cursor:"pointer"}),e.jsx(U,{ml:"2",size:"lg",fontSize:"sm",fontWeight:"medium",cursor:"pointer",children:e.jsx(w,{id:"BowKyI"})})]})}),e.jsx(Ca,{label:v._({id:"BYQsh9"}),hasArrow:!0,placement:"top",isDisabled:l.isAdminOrTeamLead&&l.permissions.editScore&&(r==null?void 0:r.accessLevel)==="Edit",children:e.jsx(ka,{isDisabled:(r==null?void 0:r.accessLevel)!=="Edit",ml:4,leftIcon:e.jsx(ve,{as:Ta,boxSize:4}),onClick:()=>{Y("edit-score--clicked"),y()},children:e.jsx(w,{id:"UcNvSh"})})})]}),e.jsx(Pa,{backgroundColor:"#fff",py:"1",px:"4",border:"1px solid",borderColor:"gray.200",borderRadius:"4px",children:e.jsxs(Da,{templateColumns:"1fr 1px .7fr",columnGap:2,fontSize:"sm",children:[e.jsxs(b,{py:"3",fontWeight:"medium",px:"1",children:[e.jsx(b,{mb:"4",children:e.jsxs(b,{children:[e.jsx(ge,{children:e.jsx(w,{id:"Jb157J"})}),Aa(d.values)?e.jsx(La,{filterDefinitions:c,state:d.savedFilter?d:{...d,values:{...d.values,duration:Ia((p=d==null?void 0:d.values.duration)==null?void 0:p.min,(F=d==null?void 0:d.values.duration)==null?void 0:F.max)}},isReadOnly:!0},i):e.jsx(Ge,{children:e.jsx(w,{id:"ffD2rC"})})]})}),e.jsx(Ma,{height:"20px",children:e.jsx(qe,{orientation:"horizontal"})}),e.jsxs(b,{children:[e.jsx(ge,{children:e.jsx(w,{id:"zelwwH"})}),e.jsx(ct,{spacing:2,mt:2,children:r==null?void 0:r.parameters.map(B=>e.jsxs(ut,{display:"flex",alignItems:"center",children:[e.jsx(an,{border:"1px",borderColor:"gray.500"}),e.jsx(sn,{...Be(B,c),weight:B.weight},B.type)]},B.uid))})]})]}),e.jsx(b,{height:"100%",bg:"gray.200"}),e.jsxs(b,{py:"3",pl:"3",children:[(r==null?void 0:r.description)&&e.jsxs(b,{mb:3,children:[e.jsx(ge,{children:e.jsx(U,{fontSize:"md",children:e.jsx(w,{id:"Nu4oKW"})})}),e.jsx(Ge,{children:r.description})]}),e.jsxs(N,{justify:"space-between",align:"center",mb:"4",children:[e.jsxs(b,{display:"flex",alignItems:"center",children:[e.jsx(Va,{size:"14"}),e.jsx(U,{fontWeight:"medium",ml:"8px",children:e.jsx(w,{id:"QJX5AO"})})]}),r!=null&&r.acl&&(r==null?void 0:r.acl.length)>0?e.jsx(Ba,{acl:r.acl,isAccordion:!0,children:e.jsx(b,{px:"2",bg:"gray.300",fontWeight:"medium",borderRadius:"4",children:Ut(r==null?void 0:r.permissionPreset)})}):e.jsx(b,{px:"2",bg:"gray.300",fontWeight:"medium",borderRadius:"4",children:r&&e.jsx(U,{children:Ut(r==null?void 0:r.permissionPreset)})})]}),e.jsx(N,{justify:"space-between",align:"center",mb:"4",children:e.jsxs(b,{display:"flex",alignItems:"center",children:[e.jsx(Fa,{size:"14"}),e.jsx(U,{fontWeight:"medium",ml:"8px",children:e.jsx(w,{id:"F6pfE9"})})]})}),e.jsxs(N,{justify:"space-between",align:"center",gap:"2",mb:"4",children:[e.jsxs(b,{display:"flex",alignItems:"center",children:[e.jsx(Ua,{size:"14"}),e.jsx(U,{fontWeight:"medium",ml:"8px",children:e.jsx(w,{id:"d+F6q9"})})]}),e.jsx(b,{px:"2",bg:"gray.300",fontWeight:"medium",borderRadius:"4",css:Ot,children:r&&e.jsx(w,{id:"FPUkC+",values:{0:v.date(r.created,{dateStyle:"long"}),1:o(r.createdByUserUid).name}})})]}),e.jsxs(N,{justify:"space-between",align:"center",gap:"2",mb:"4",children:[e.jsxs(b,{display:"flex",alignItems:"center",children:[e.jsx(Ra,{size:"14"}),e.jsx(U,{fontWeight:"medium",ml:"8px",children:e.jsx(w,{id:"+b7T3G"})})]}),e.jsx(b,{px:"2",bg:"gray.300",fontWeight:"medium",borderRadius:"4",css:Ot,children:r&&e.jsx(w,{id:"FPUkC+",values:{0:v.date(r.updated,{dateStyle:"long"}),1:o(r.updatedByUserUid).name}})})]})]})]})})]})}})})})},sn=({icon:t,label:s,weight:a})=>e.jsxs(N,{align:"center",border:"1px",borderColor:"gray.300",borderRadius:"md",px:2,py:1,minW:0,children:[e.jsx(ve,{as:t,mr:1}),e.jsx(U,{fontSize:"sm",display:"flex",flexWrap:"wrap",children:e.jsx("span",{children:s})}),e.jsxs(ge,{ml:1,children:["+",a]})]}),an=t=>e.jsx(ts,{as:b,bg:"gray.200",display:"inline-block",boxSize:2,borderRadius:"2px",...t}),rn={top:8,right:0,left:0,bottom:0},As=P.createContext({liveRange:[0,10]});function Ls({data:t,range:s,onRangeChange:a,onScoreBarClick:r,showYAxis:i=!1,children:n}){const o=t.map(m=>m.score),l=o.length>0?Math.min(...o):0,c=o.length>0?Math.max(...o):10,[u,d]=P.useState(()=>[(s==null?void 0:s[0])??l,(s==null?void 0:s[1])??c]);P.useEffect(()=>{d([(s==null?void 0:s[0])??l,(s==null?void 0:s[1])??c])},[s,l,c]);const[C,{width:y}]=_a(),j=i?50:0,p=(()=>{if(y<=0||t.length===0)return;const m=y-j,k=m/t.length;return{left:j+k/2,width:m-k}})(),F={liveRange:u},[B]=Me("colors",["blackAlpha.200"]);return e.jsx(As.Provider,{value:F,children:e.jsxs(N,{h:"100%",direction:"column",children:[e.jsx(b,{ref:C,flex:1,children:e.jsx(et,{width:"100%",height:"100%",children:e.jsxs(ws,{width:500,height:300,data:t,margin:rn,onClick:m=>{m!=null&&m.activePayload&&m.activePayload.length>0&&m.activePayload[0].payload&&typeof m.activePayload[0].payload.score=="number"&&(r==null||r(m.activePayload[0].payload.score))},children:[e.jsx("defs",{children:e.jsx("style",{children:`
                    .recharts-tooltip-cursor {
                      pointer-events: auto;
                      cursor: pointer;
                      fill: ${B};
                      opacity: 0.5;
                    }
                  `})}),e.jsx(Xe,{dataKey:"score",axisLine:!1,tickLine:!1}),i&&e.jsx(Ze,{width:j,stroke:Rt.gridColor,tick:{fill:Rt.gridTextColor},tickFormatter:m=>Number.isFinite(m)?v.number(m,{style:"percent",minimumFractionDigits:0,maximumFractionDigits:1}):""}),n]})})}),e.jsx(b,{h:"21px",flex:"0 0 auto",children:p!=null&&e.jsx(b,{ml:`${p.left}px`,w:`${p.width}px`,isolation:"isolate",children:e.jsxs(bs,{value:u,onChange:d,onChangeEnd:a,min:l,max:c,step:1,colorScheme:"primary",children:[e.jsx(Ss,{bg:"gray.200",children:e.jsx(ys,{})}),e.jsx(Ye,{index:0}),e.jsx(Ye,{index:1})]})})})]})})}const Is=t=>{const{liveRange:s}=P.useContext(As),[a]=Me("colors",["gray.300"]),{fill:r,x:i,y:n,width:o,height:l,payload:c}=t,u=c===void 0?!1:s[0]<=c.score&&c.score<=s[1];let d=4;if(o){const C=Math.floor(o*.08);d=ss(C,2,8)}return e.jsx("rect",{x:i,y:n,width:o,height:l,rx:d,fill:u?r:a,style:{transition:"fill 150ms ease",cursor:"pointer"}})},nn={style:"percent",minimumFractionDigits:1,maximumFractionDigits:1},Ms=({active:t,label:s,payload:a,formatValue:r=i=>v.number(i.value,nn)})=>t&&a&&a.length?e.jsx(b,{bg:"white",border:"1px",borderColor:"gray.200",borderRadius:"md",boxShadow:"sm",p:4,children:e.jsxs(Ea,{spacing:2,align:"stretch",children:[e.jsx(U,{fontWeight:"medium",children:e.jsx(w,{id:"yo4XCF",values:{label:s}})}),e.jsx(ct,{spacing:1,mt:1,children:a.map((i,n)=>e.jsxs(ut,{display:"flex",alignItems:"center",children:[e.jsx(ts,{as:b,bg:i.color,display:"inline-block",boxSize:2,borderRadius:"2px"}),r(i)]},n))})]})}):null,on={month:"short",day:"numeric",hour:"numeric",minute:"numeric"},ln=({score:t,selectedRange:s,filterState:a,periodDef:r,label:i=v._({id:"CadQhB"}),title:n=t.name,segmentColorScheme:o,excludeDeletedConversations:l,isOpen:c,onClose:u})=>{const[d,C]=P.useState(s),{data:y,error:j}=dt(ee.getScoreDistribution(t.uid),()=>ye(a,r),{suspense:!1}),p=!(y||j),F=P.useMemo(()=>{const m=(y==null?void 0:y.scores)??[],k=as(m,h=>h.count);return m.filter(h=>h.score<=t.maxScore).map(h=>({...h,valuePct:k>0?h.count/k:0,total:k}))},[y,t]),[B]=Me("colors",[`${o??"segments.primary"}.500`]);return e.jsx(Vs,{periodDef:r,filterState:a,children:e.jsxs(rs,{isOpen:c,onClose:u,placement:"right",size:"md",children:[e.jsx(ns,{}),e.jsxs(is,{children:[e.jsx(os,{}),e.jsx(ls,{borderBottom:"1px",borderBottomColor:"gray.200",lineHeight:1.4,display:"flex",alignItems:"center",pr:10,children:e.jsxs(b,{flex:"1",children:[e.jsx(U,{fontSize:"sm",color:"textMuted",children:i}),e.jsx(U,{fontSize:"1rem",children:n})]})}),e.jsxs(cs,{p:0,display:"flex",flexDirection:"column",children:[e.jsx(b,{flex:"0 0 10rem",px:4,children:e.jsx(Ts,{isLoaded:!p,children:e.jsxs(Ls,{data:F,range:d,onRangeChange:C,onScoreBarClick:m=>{C([m,m]),Y("distribution-chart--bar-clicked",{view:"conversations-drawer"})},children:[e.jsx(mt,{content:e.jsx(Ms,{formatValue:m=>{const k=v.number(m.value,{style:"percent",minimumFractionDigits:1,maximumFractionDigits:1}),h=v.number(m.payload.count),g=v.number(m.payload.total);return v._({id:"L/Q0eZ",values:{formattedValue:k,hits:h,total:g}})}})}),e.jsx(Ie,{dataKey:"valuePct",fill:B,shape:e.jsx(Is,{})})]})})}),e.jsx(U,{fontWeight:"medium",px:6,mt:8,mb:2,children:e.jsx(w,{id:"zelwwH"})}),e.jsx(b,{px:6,children:e.jsx(P.Suspense,{fallback:e.jsx(za,{rowCount:t.parameters.length,colCount:3}),children:e.jsx(cn,{score:t,selectedRange:d,colorScheme:o})})}),e.jsx(U,{fontWeight:"medium",px:6,mt:8,mb:2,children:e.jsx(w,{id:"EnJuK0"})}),e.jsx(b,{flex:1,overflow:"hidden",children:e.jsx(dn,{score:t,selectedRange:d,excludeDeletedConversations:l})})]})]})]})})},Vs=({children:t,filterState:s,periodDef:a})=>e.jsx(Ha,{defaultPeriod:a,children:e.jsx(us,{initialState:{channel:"phone",state:{values:s,savedFilter:void 0}},children:e.jsx(Na,{children:e.jsx(P.Suspense,{fallback:e.jsx("div",{}),children:t})})})}),cn=({score:t,selectedRange:s,colorScheme:a})=>{const{periodDef:r}=ae(),i=Fe(),{data:n}=dt(ee.getScoreParameters(t.uid),()=>{var l;const o={...i.activeValues??{},scores:[...((l=i.activeValues)==null?void 0:l.scores)??[],{uid:t.uid,min:s==null?void 0:s[0],max:s==null?void 0:s[1]}]};return ye(o,r)});return n==null?null:e.jsx(Fr,{parameters:t.parameters,hits:n.parameters,conversationsTotal:n.conversationsTotal,colorScheme:a})},un=(t,s,a,r)=>{const i={...t??{},scores:[...(t==null?void 0:t.scores)??[],{uid:s.uid,min:r==null?void 0:r[0],max:r==null?void 0:r[1]}]};return ye(i,a)},dn=({score:t,selectedRange:s})=>{const a=Fe(),{periodDef:r}=ae(),{data:i,fetchNextPage:n,isLoading:o,hasNextPage:l,isFetchingNextPage:c}=ds(un(a.activeValues,t,r,s)),u=()=>{n()};return e.jsxs(b,{h:"full",overflow:"auto",children:[e.jsx(ms,{disablePadding:!0,children:((i==null?void 0:i.pages)??[]).map(d=>d==null?void 0:d.conversations.map(C=>e.jsx(Bs,{score:t,conversation:C},C.uid)))}),!o&&e.jsx(N,{my:4,justify:"center",w:"100%",children:e.jsx(Pe,{onClick:u,isDisabled:!l||c,isLoading:c,borderRadius:"md",size:"sm",children:l?e.jsx(w,{id:"yQ2kGp"}):e.jsx(w,{id:"BKRwCw"})})})]})},Bs=({score:t,conversation:s})=>{const{uid:a,dateTime:r,userUid:i,customer:n,subject:o,deleted:l,duration:c,qaIsReviewed:u}=s,d=me(),{getUserByUid:C}=Ve(),{getTime:y,pause:j,playbackContext:p}=Oa(),F=$a(),B=V.useCallback(m=>{P.startTransition(()=>{let k;(p==null?void 0:p.conversationUid)===m&&(k=y(),j()),F({uid:m,initialAudioTimestamp:k,initialTab:"scoring"})})},[y,F,j,p==null?void 0:p.conversationUid]);return e.jsxs(Wa,{hasAudio:s.hasAudio,context:{conversationUid:a},timestamp:0,showAudioPlayer:!0,onPlay:()=>Xt.event("analytics_Conversations_PlayAudio",{uid:a,date:r.toUTCString()}),additionalActions:m=>e.jsx(Ka,{...m,duration:c,conversationUid:a}),isDisabled:!d.permissions.playback||l,children:[e.jsxs(b,{w:"full",minW:0,children:[e.jsxs(N,{align:"center",children:[e.jsx(U,{fontSize:"md",fontWeight:"medium",children:n}),e.jsx(qe,{orientation:"vertical",mx:2,minH:3}),e.jsxs(ht,{gap:0,children:[e.jsx(U,{noOfLines:1,wordBreak:"break-all",title:o,flex:1,children:o}),d.permissions.qualityAssurance&&u&&e.jsx(ve,{boxSize:"5",as:Ga})]}),l&&e.jsx(qa,{colorScheme:"red",children:e.jsx(w,{id:"vGjmyl"})})]}),e.jsxs(N,{fontSize:"sm",color:"gray.600",align:"center",children:[e.jsx(U,{as:"span",flexShrink:0,children:v.date(r,on)}),e.jsx(qe,{orientation:"vertical",mx:2,minH:3}),e.jsx(U,{children:C(i).name}),e.jsx(U,{flex:"1 0 auto",textAlign:"right",pl:2,children:e.jsx(w,{id:"zuQ0uA",values:{0:s.scores[t.uid]??"?"}})})]})]}),e.jsx(Ya,{children:e.jsx(Ja,{"aria-label":v._({id:"zB6/pk"}),title:v._({id:"zB6/pk"}),variant:"ghost",size:"xs",icon:e.jsx(Qa,{}),onClick:()=>B(a)})})]},a)},mn=({score:t,parameterUid:s,parameterHasScore:a=!0,selectedRange:r,filterState:i,periodDef:n,excludeDeletedConversations:o,isOpen:l,onClose:c})=>{const[u,d]=P.useState(a),[C,y]=P.useState(s),j=t.parameters.find(p=>p.uid===C);return e.jsx(Vs,{periodDef:n,filterState:i,children:e.jsxs(rs,{isOpen:l,onClose:c,placement:"right",size:"md",children:[e.jsx(ns,{}),e.jsxs(is,{children:[e.jsx(os,{}),e.jsx(ls,{borderBottom:"1px",borderBottomColor:"gray.200",lineHeight:1.4,display:"flex",alignItems:"center",pr:10,children:e.jsxs(b,{flex:"1",children:[e.jsx(b,{children:e.jsx(gn,{value:u,onChange:p=>d(p),children:e.jsx(Pe,{variant:"ghost",px:2,height:"fit-content",rightIcon:e.jsx(ve,{as:_t,boxSize:5}),children:u?e.jsx(w,{id:"XFnHBa"}):e.jsx(w,{id:"9oNnlh"})})})}),e.jsx(pn,{options:t.parameters,value:j,onChange:p=>y(p.uid),children:e.jsx(Pe,{variant:"ghost",px:2,height:"fit-content",rightIcon:e.jsx(ve,{as:_t,boxSize:5}),size:"md",w:"80%",children:e.jsx(U,{overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis",children:j&&Be(j).label})})})]})}),e.jsx(cs,{overflow:"hidden",p:0,children:e.jsx(xn,{score:t,parameterUid:C,parameterHasScore:u,selectedRange:r,excludeDeletedConversations:o})})]})]})})},hn=(t,s,a,r,i,n)=>{const o={...t??{},scores:[...(t==null?void 0:t.scores)??[],{uid:s.uid,min:n==null?void 0:n[0],max:n==null?void 0:n[1],parameterUid:r,parameterHasScore:i}]};return ye(o,a)},xn=({score:t,parameterUid:s,parameterHasScore:a,selectedRange:r})=>{const i=Fe(),{periodDef:n}=ae();Xa();const{data:o,fetchNextPage:l,isLoading:c,hasNextPage:u,isFetchingNextPage:d}=ds(hn(i.activeValues,t,n,s,a,r)),C=()=>{l()};return e.jsxs(b,{h:"full",overflow:"auto",children:[e.jsx(ms,{disablePadding:!0,children:((o==null?void 0:o.pages)??[]).map(y=>y==null?void 0:y.conversations.map(j=>e.jsx(Bs,{score:t,conversation:j},j.uid)))}),!c&&e.jsx(N,{my:4,justify:"center",w:"100%",children:e.jsx(Pe,{onClick:C,isDisabled:!u||d,isLoading:d,borderRadius:"md",size:"sm",children:u?e.jsx(w,{id:"yQ2kGp"}):e.jsx(w,{id:"BKRwCw"})})})]})},gn=({value:t,onChange:s,children:a})=>{const r=[{value:"true",label:v._({id:"bgNFK/"})},{value:"false",label:v._({id:"N/ezqg"})}],i=r.find(n=>n.value===String(t));return e.jsx(hs,{placement:"auto-start",children:({onClose:n})=>e.jsxs(e.Fragment,{children:[e.jsx(xs,{children:a}),e.jsx(gs,{children:e.jsx(fs,{options:r,value:i,onChange:o=>{s(o.value==="true"),n==null||n()}})})]})})},fn=t=>{const{parameter:s}=t.data,a=s?Be(s):void 0;return e.jsx(Za.Option,{...t,children:e.jsx(b,{noOfLines:1,wordBreak:"break-all",children:a?a.label:"?"})})},pn=({options:t,value:s,onChange:a,children:r})=>{const{options:i,value:n}=P.useMemo(()=>{const l=t.reduce((u,d)=>(d.uid&&u.push({value:d.uid,label:d.type,parameter:d}),u),[]),c=l.find(u=>u.value===(s==null?void 0:s.uid));return{options:l,value:c}},[t,s]),o=l=>{const c=l==null?void 0:l.parameter;c&&a(c)};return e.jsx(hs,{placement:"auto-start",children:({onClose:l})=>e.jsxs(e.Fragment,{children:[e.jsx(xs,{children:r}),e.jsx(gs,{children:e.jsx(fs,{placeholder:v._({id:"YIix5Y"}),options:i,value:n,onChange:c=>{o(c),l==null||l()},components:{Option:fn}})})]})})};function ze(){const[t]=ps(ln);return t}function jn(){const[t]=ps(mn);return t}function Ct(t,s){const a=typeof t=="function"?t():t;return{tabIndex:ss(a.findIndex(i=>i.value===s),0,a.length-1),getTab:i=>a[i],tabs:a}}const Ae=new Ue("criteria"),$t=t=>t===void 0?"":v.number(t,{style:"percent",minimumFractionDigits:0,maximumFractionDigits:t<.01?1:0});function vn(t){if(!t)return;const s=t.conversationsTotal,a=t.parameters.reduce((i,n)=>i<n.conversations?n.conversations:i,0),r=7;return`${a}/${s}`.length*r}const Le=P.memo(function({score:s,selectedRange:a}){const{phoneSegmentStates:r}=we(),{periodDef:i}=ae(),n=jn(),{segments:o,isLoading:l,revalidate:c}=de(()=>ee.getScoreParameters(s.uid),(y,j,p,F)=>F({...y.values,scores:[...y.values.scores??[],{uid:s.uid,min:a==null?void 0:a[0],max:a==null?void 0:a[1]}]},p)),u=bn(s,o);Ce(fe,()=>{c()});const d=P.useCallback((y,j)=>{n({score:s,parameterUid:j,parameterHasScore:!0,selectedRange:a,periodDef:i,filterState:r[y].values,excludeDeletedConversations:!1}),Y("view-conversations-drawer--clicked")},[n,r,s,i,a]),C=P.useMemo(()=>[{type:"value",getValue:j=>j.filterInfo.label,width:200},{type:"value",id:"hit-rate,",getSegmentValue:j=>{var p;return(p=j.data)==null?void 0:p.hitRate},formatValue:$t,alignRight:!0},{type:"progress",getSegmentValue:j=>{var p;return(p=j.data)==null?void 0:p.hitRate},formatValue:$t,range:[0,1]},{type:"dataBasis",width:vn(o[0].data),getSegmentValue:j=>{const{hits:p=0,conversations:F=0}=j.data??{};return{value:p,total:F}}},{type:"button",render:(j,p)=>e.jsx(Re,{label:v._({id:"rlos13"}),onClick:()=>{j.parameter.uid&&d(p,j.parameter.uid)}})}],[d,o]);return e.jsx(xt,{isLoaded:!l,children:e.jsx(gt,{data:u,columns:C})})});function bn(t,s){return P.useMemo(()=>{const a=s.map(i=>{var n;return(((n=i.data)==null?void 0:n.parameters)??[]).reduce((o,l)=>{var c;return o[l.parameterUid]={conversations:((c=i.data)==null?void 0:c.conversationsTotal)??0,hits:l.conversations,hitRate:l.conversationsPercent/100},o},{})}),r=t.parameters.map(i=>({parameter:i,filterInfo:Be(i),segments:s.map((n,o)=>{const l=a[o],c=i.uid?l[i.uid]:null;return{color:n.color,label:n.label,data:c??{conversations:0,hits:0,hitRate:0}}})}));return ft(r,[i=>{var n,o;return(o=(n=i.segments[0])==null?void 0:n.data)==null?void 0:o.hitRate},i=>i.parameter.weight],["desc","desc"])},[s,t])}const Sn=t=>v.number(t,{maximumFractionDigits:1,minimumFractionDigits:0}),yn=t=>v.number(t),wn=(t,s)=>t!=null&&s!=null?`${t} - ${s}`:t!=null?`> ${t} `:s!=null?`< ${s}`:"",Fs=({segments:t,onViewConversations:s,goal:a})=>e.jsxs(ht,{width:"100%",justify:"flex-end",gap:"4",children:[a&&e.jsxs(er,{size:"sm",children:[e.jsx(tr,{boxSize:"12px",as:sr}),e.jsxs(ar,{children:[e.jsx(w,{id:"EEZvNu"}),": ",wn(a==null?void 0:a.min,a==null?void 0:a.max)]})]}),e.jsx(ct,{spacing:2,children:t.map((r,i)=>e.jsxs(ut,{display:"flex",alignItems:"center",justifyContent:"flex-end",minH:6,children:[e.jsx(rr,{color:r.color,mr:2}),r.data==null?e.jsx(pt,{size:"sm",m:1}):e.jsxs(e.Fragment,{children:[e.jsxs(U,{children:[e.jsxs(ge,{children:[Sn(r.data.averageScore),"/",r.data.maxPossibleScore]})," ",e.jsxs(Ge,{as:"span",children:["(",e.jsx(w,{id:"C2sVdo",values:{0:yn(r.data.conversationsTotal)}}),")"]})]}),e.jsx(Re,{ml:2,label:v._({id:"u20Aw0"}),onClick:()=>{s(i,r)}})]})]},r.label))})]}),Je=new Ue([]),Cn=t=>t.segments.some(s=>{var a;return((a=s.data)==null?void 0:a.hits)&&s.data.hits>0}),Us=P.memo(function({score:s,selectedRange:a,selectableRows:r=!1,segmentSummaries:i}){const{phoneSegmentStates:n}=we(),{periodDef:o}=ae(),l=ue(Je),c=ze(),{segments:u,isLoading:d,revalidate:C}=de(()=>ee.getTeamsWithScore(s.uid),(m,k,h,g)=>g({...m.values,scores:[...m.values.scores??[],{uid:s.uid,min:a==null?void 0:a[0],max:a==null?void 0:a[1]}]},h));Ce(fe,()=>{C()});const y=kn(u),j=P.useCallback(m=>{const k=m.map(h=>h.team.uid);Je.setState(()=>k)},[]),p=P.useCallback((m,k)=>{const h=k.team,g=k.segments[m],J=n[m].values;c({label:h.name,title:v._({id:"EnJuK0"}),score:s,selectedRange:a,periodDef:o,filterState:{...J,teamUids:[h.uid]},excludeDeletedConversations:!1,segmentColorScheme:g.color}),Y("view-conversations-drawer--clicked")},[c,n,s,o,a]),F=P.useMemo(()=>{const m=h=>h!=null?v.number(h,{minimumFractionDigits:0,maximumFractionDigits:1}):"";return[{type:"team",getValue:h=>h.team.uid,width:200},{type:"value",id:"avg-score",getSegmentValue:h=>{var g;return(g=h.data)==null?void 0:g.averageScore},formatValue:m,alignRight:!0},{type:"progress",getSegmentValue:h=>{var g;return(g=h.data)==null?void 0:g.averageScore},formatValue:m,range:[0,s.maxScore],referenceLines:i==null?void 0:i.reduce((h,g)=>(g.data!=null&&h.push({label:v._({id:"Vee5pR",values:{0:v.number(g.data.averageScore,{maximumFractionDigits:1})}}),color:g.color,value:g.data.averageScore}),h),[])},{width:40,type:"dataBasis",getSegmentValue:h=>{const{hits:g=0}=h.data??{};return{value:g}}},{type:"button",render:(h,g)=>e.jsx(Re,{label:v._({id:"rlos13"}),onClick:()=>{h.team.uid&&p(g,h)}})}]},[p,s,i]),B=P.useRef(()=>y.reduce((m,k,h)=>(l.indexOf(k.team.uid)!==-1&&(m[h]=!0),m),{}));return e.jsx(xt,{isLoaded:!d,children:e.jsx(gt,{data:y,columns:F,selectableRows:r,initialSelectedRows:B.current,onSelectedRowsChange:j,isRowSelectable:Cn})})});function kn(t){const{getTeamByUid:s}=js();return P.useMemo(()=>{const a=new Set(t.flatMap(o=>{var l;return(((l=o.data)==null?void 0:l.teams)??[]).map(c=>c.teamUid)})),r=t.map(o=>{var l;return(((l=o.data)==null?void 0:l.teams)??[]).reduce((c,u)=>{var d;return c[u.teamUid]={conversations:((d=o.data)==null?void 0:d.conversationsTotal)??0,hits:u.conversations,hitRate:u.conversationsPercent/100,averageScore:u.averageScore},c},{})}),i=[...a].reduce((o,l)=>(o[l]={segments:t.map((c,u)=>{const d=r[u];return{color:c.color,label:c.label,data:d[l]??{conversations:0,hits:0,hitRate:0,averageScore:0}}}),team:s(l)??{uid:l,name:"N/A",members:[],isDeleted:!1}},o),{});return ft(Object.values(i),[o=>{var l,c;return(c=(l=o.segments[0])==null?void 0:l.data)==null?void 0:c.averageScore},o=>o.team.name],["desc","asc"])},[t,s])}const Qe=new Ue([]),Tn=t=>t.segments.some(s=>{var a;return((a=s.data)==null?void 0:a.hits)&&s.data.hits>0}),Rs=P.memo(function({score:s,selectedRange:a,selectableRows:r=!1,segmentSummaries:i}){const{phoneSegmentStates:n}=we(),{periodDef:o}=ae(),l=ue(Qe),c=ze(),{segments:u,isLoading:d,revalidate:C}=de(()=>ee.getUsersWithScore(s.uid),(m,k,h,g)=>g({...m.values,scores:[...m.values.scores??[],{uid:s.uid,min:a==null?void 0:a[0],max:a==null?void 0:a[1]}]},h));Ce(fe,()=>{C()});const y=Pn(u),j=P.useCallback(m=>{const k=m.map(h=>h.user.uid);Qe.setState(()=>k)},[]),p=P.useCallback((m,k)=>{const h=k.user,g=k.segments[m],J=n[m].values;c({label:h.name,title:v._({id:"EnJuK0"}),score:s,selectedRange:a,periodDef:o,filterState:{...J,userUids:[h.uid]},excludeDeletedConversations:!1,segmentColorScheme:g.color}),Y("view-conversations-drawer--clicked")},[c,n,s,o,a]),F=P.useMemo(()=>{const m=h=>h!=null?v.number(h,{minimumFractionDigits:0,maximumFractionDigits:1}):"";return[{type:"user",getValue:h=>h.user.uid,width:200},{type:"value",id:"avg-score",getSegmentValue:h=>{var g;return(g=h.data)==null?void 0:g.averageScore},formatValue:m,alignRight:!0},{type:"progress",getSegmentValue:h=>{var g;return(g=h.data)==null?void 0:g.averageScore},formatValue:m,range:[0,s.maxScore],referenceLines:i==null?void 0:i.reduce((h,g)=>(g.data!=null&&h.push({label:v._({id:"Vee5pR",values:{0:v.number(g.data.averageScore,{maximumFractionDigits:1})}}),color:g.color,value:g.data.averageScore}),h),[])},{width:40,type:"dataBasis",getSegmentValue:h=>{const{hits:g=0}=h.data??{};return{value:g}}},{type:"button",render:(h,g)=>e.jsx(Re,{label:v._({id:"rlos13"}),onClick:()=>{h.user.uid&&p(g,h)}})}]},[p,s,i]),B=P.useRef(()=>y.reduce((m,k,h)=>(l.indexOf(k.user.uid)!==-1&&(m[h]=!0),m),{}));return e.jsx(xt,{isLoaded:!d,children:e.jsx(gt,{data:y,columns:F,selectableRows:r,initialSelectedRows:B.current,onSelectedRowsChange:j,isRowSelectable:Tn})})});function Pn(t){const{getUserByUid:s}=Ve();return P.useMemo(()=>{const a=new Set(t.flatMap(o=>{var l;return(((l=o.data)==null?void 0:l.users)??[]).map(c=>c.userUid)})),r=t.map(o=>{var l;return(((l=o.data)==null?void 0:l.users)??[]).reduce((c,u)=>{var d;return c[u.userUid]={conversations:((d=o.data)==null?void 0:d.conversationsTotal)??0,hits:u.conversations,hitRate:u.conversationsPercent/100,averageScore:u.averageScore},c},{})}),i=[...a].reduce((o,l)=>(o[l]={segments:t.map((c,u)=>{const d=r[u];return{color:c.color,label:c.label,data:d[l]??{conversations:0,hits:0,hitRate:0,averageScore:0}}}),user:s(l)},o),{});return ft(Object.values(i),[o=>{var l,c;return(c=(l=o.segments[0])==null?void 0:l.data)==null?void 0:c.averageScore},o=>o.user.name],["desc","asc"])},[t,s])}function Dn(t,s){const a=qt();return P.useMemo(()=>{const r={},i=c=>(r[c]===void 0&&(r[c]={score:c}),r[c]);function n(c){c.forEach(u=>{var C,y;const d=as(((C=u.data)==null?void 0:C.scores)??[],j=>j.count);(((y=u.data)==null?void 0:y.scores)??[]).forEach(j=>{if(j.score>t.maxScore)return;const p=i(j.score);p[u.label]={...j,valuePct:d>0?j.count/d:0,total:d}})})}n(s);const o=s.reduce((c,u)=>(u.data==null||c.push({color:nr(a,`${u.color}.500`),label:u.label,getValue:d=>{var C;return((C=d[u.label])==null?void 0:C.valuePct)??0}}),c),[]);return{data:Object.values(r),segmentBars:o}},[s,t.maxScore,a])}const An=({score:t})=>{const s=me(),{periodDef:a}=ae(),{phoneSegmentStates:r}=we(),i=ze(),[n,o]=P.useState(()=>[0,t.maxScore]),{getFilterRequestModel:l}=Fe(),c=l(),u=(T,_)=>{i({score:t,selectedRange:n,periodDef:a,filterState:r[T].values,excludeDeletedConversations:!1,segmentColorScheme:_.color}),Y("view-conversations-drawer--clicked")},{segments:d,revalidate:C,error:y}=de(()=>ee.getScoreSummary(t.uid),(T,_,z,G)=>G({...T.values,scores:[...T.values.scores??[],{uid:t.uid,min:n==null?void 0:n[0],max:n==null?void 0:n[1]}]},z)),j=ue(Ae),{tabIndex:p,getTab:F,tabs:B}=Ct(()=>[{label:v._({id:"zelwwH"}),value:"criteria",content:e.jsx(Le,{score:t,selectedRange:n})},{label:v._({id:"gqv5ZL"}),value:"employees",content:e.jsx(Rs,{score:t,selectedRange:n,segmentSummaries:d})},{label:v._({id:"CAL6E9"}),value:"teams",content:e.jsx(Us,{score:t,selectedRange:n,segmentSummaries:d})}],j),{segments:m,isLoading:k,revalidate:h,error:g}=de(()=>ee.getScoreDistribution(t.uid)),J=!k&&m.every(T=>{var _;return ir((_=T.data)==null?void 0:_.scores)});Ce(fe,()=>{h(),C()});const{data:oe,segmentBars:he}=Dn(t,m);return s.isTeamLead&&!c.teamUids&&(g==null?void 0:g.statusCode)===403?e.jsx(or,{}):g&&g.statusCode===403?e.jsx(Br,{}):J?e.jsxs(tt,{children:[e.jsx(st,{as:at}),e.jsx(rt,{children:e.jsx(w,{id:"Ev2r9A"})}),e.jsx(nt,{children:e.jsx(w,{id:"c+pm+A"})})]}):g?e.jsx(De,{error:g}):y?e.jsx(De,{error:y}):e.jsxs(b,{children:[e.jsx(b,{h:"18rem",children:e.jsx(Ts,{isLoaded:!k,children:e.jsxs(Ls,{data:oe,range:n,onRangeChange:T=>{o(T),Y("distribution-chart--score-range-changed")},onScoreBarClick:T=>{o([T,T]),Y("distribution-chart--bar-clicked",{view:"main"})},showYAxis:!0,children:[e.jsx(mt,{content:e.jsx(Ms,{formatValue:T=>{const _=T.payload[T.name],z=v.number(T.value,{style:"percent",minimumFractionDigits:1,maximumFractionDigits:1}),G=v.number(_.count),le=v.number(_.total);return v._({id:"L/Q0eZ",values:{formattedValue:z,hits:G,total:le}})}})}),he.map(T=>e.jsx(Ie,{id:T.label,name:T.label,dataKey:T.getValue,fill:T.color,shape:e.jsx(Is,{})},T.label))]})})}),e.jsx(N,{justify:"flex-end",mt:4,children:e.jsx(Fs,{segments:d,onViewConversations:u,goal:t.goal})}),s.isAdminOrTeamLead?e.jsxs(jt,{index:p,onChange:T=>{const _=F(T).value;Ae.setState(()=>_),Y("breakdown-view--changed",{view:_})},isLazy:!0,mt:4,children:[e.jsx(vt,{children:B.map(T=>e.jsx(bt,{children:T.label},T.label))}),e.jsx(St,{children:B.map(T=>e.jsx(yt,{px:0,children:T.content},T.label))})]}):e.jsxs(b,{children:[e.jsx(vs,{as:"h3",m:"0",children:e.jsx(w,{id:"zelwwH"})}),e.jsx(Le,{score:t,selectedRange:n})]})]})},Ln=({score:t,resolution:s,onlyWeekDays:a})=>{const r=me(),{getUserByUid:i}=Ve(),{getTeamByUid:n}=js(),{period:o}=ae(),l=o.from.getTimezoneOffset()*-1,{periodDef:c}=ae(),{phoneSegmentStates:u}=we(),d=ze(),C=ue(Qe),y=ue(Je),j=ue(Ae),{segments:p,revalidate:F,error:B}=de(()=>ee.getScoreSummary(t.uid),(f,E,L,W)=>W({...f.values,scores:[...f.values.scores??[],{uid:t.uid}]},L)),m=(f,E)=>{d({score:t,periodDef:c,filterState:u[f].values,excludeDeletedConversations:!1,segmentColorScheme:E.color}),Y("view-conversations-drawer--clicked")},{tabIndex:k,getTab:h,tabs:g}=Ct(()=>[{label:v._({id:"zelwwH"}),value:"criteria",content:e.jsx(Le,{score:t})},{label:v._({id:"gqv5ZL"}),value:"employees",content:e.jsx(Rs,{score:t,selectableRows:!0,segmentSummaries:p})},{label:v._({id:"CAL6E9"}),value:"teams",content:e.jsx(Us,{score:t,selectableRows:!0,segmentSummaries:p})}],j),{segments:J,isLoading:oe,revalidate:he,error:T}=de(()=>ee.getScoreTimeSeries(t.uid,s,l)),_=Et(C,()=>ee.getScoreTimeSeries(t.uid,s,l),(f,E,L,W)=>W({...f.values,userUids:zt((f.values.userUids??[]).concat(E))},L)),z=Et(y,()=>ee.getScoreTimeSeries(t.uid,s,l),(f,E,L,W)=>W({...f.values,teamUids:zt((f.values.teamUids??[]).concat(E))},L));Ce(fe,()=>{he(),F(),_.forEach(f=>f.revalidate()),z.forEach(f=>f.revalidate())});const G=P.useMemo(()=>{const f={},E=A=>{const R=A.toISOString();return f[R]===void 0&&(f[R]={date:A,users:{},teams:{}}),f[R]};function L(A,R){A.forEach(O=>{var ie;const M=O.label,q=O.color;(((ie=O.data)==null?void 0:ie.series)??[]).forEach(Q=>{const X=fr(Q.dateTime,l);if(a&&pr(X)&&(s==="Hours"||s==="Days"))return;const ne=E(X);let Z=ne;R!==void 0&&(Z=ne[R]??{},Z[M]=Z[M]??[]),Array.isArray(Z[M])?Z[M]=[...Z[M],Q]:Z[M]={...Q,segmentColor:q}})})}L(J),_.forEach(A=>{L(A.segments,"users")}),z.forEach(A=>{L(A.segments,"teams")});const W=J.reduce((A,R)=>(R.data==null||A.push({id:`primary:${R.label}:${R.color}`,color:R.color,label:R.label,getValue:O=>{var q;const M=(q=O[R.label])==null?void 0:q.averageScore;return M??null}}),A),[]),te=_.flatMap((A,R)=>{const O=Te[R%Te.length];return A.segments.map(M=>{const q=A.source;return{id:`secondary:${q}:${M.label}:${M.color}`,color:M.color,label:i(q).name,getValue:ie=>{var Q,X;return((X=(Q=ie.users[M.label])==null?void 0:Q[R])==null?void 0:X.averageScore)??null},variant:O}})}),He=z.flatMap((A,R)=>{const O=Te[R%Te.length];return A.segments.map(M=>{var ie;const q=A.source;return{id:`secondary:${q}:${M.label}:${M.color}`,color:M.color,label:((ie=n(q))==null?void 0:ie.name)??q,getValue:Q=>{var X,ne;return((ne=(X=Q.teams[M.label])==null?void 0:X[R])==null?void 0:ne.averageScore)??null},variant:O}})});return{dataset:Object.values(f),segmentLines:W,userLines:te,teamLines:He}},[J,_,z,l,a,s,i,n]),le=P.useMemo(()=>p.map(f=>{var E;return{color:f.color,label:f.label,y:(E=f.data)==null?void 0:E.averageScore,formatValue:L=>v.number(L,{maximumFractionDigits:1,minimumFractionDigits:0})}}),[p]),pe=J.some(f=>{var E;return(((E=f.data)==null?void 0:E.series)??[]).some(L=>L.conversations>0)});if(!(oe||pe))return e.jsxs(tt,{children:[e.jsx(st,{as:at}),e.jsx(rt,{children:e.jsx(w,{id:"Ev2r9A"})}),e.jsx(nt,{children:e.jsx(w,{id:"c+pm+A"})})]});if(T)return e.jsx(De,{error:T});if(B)return e.jsx(De,{error:B});const je=f=>v.number(f,{maximumFractionDigits:1,minimumFractionDigits:0});return e.jsxs(b,{mt:4,children:[e.jsx(b,{w:"100%",h:"18rem",children:e.jsx(lr,{isLoaded:!oe,children:e.jsx(et,{width:"100%",height:"100%",minWidth:100,children:e.jsxs(cr,{data:G.dataset,resolution:s,margin:{top:8,left:0,bottom:0,right:50},children:[e.jsx(ur,{}),e.jsx(mt,{content:e.jsx(dr,{resolution:s,formatValue:(f,E,L)=>{const{conversations:W}=L[E],te=je(f);return v._({id:"oZqh4j",values:{formattedAverageScore:te,conversations:W}})},formatSecondaryValue:je,secondaryType:"users"})}),e.jsx(mr,{dataKey:"date"}),e.jsx(hr,{valueType:"value",width:50,domain:[0,t.maxScore]}),e.jsx(Jt,{component:e.jsx(Nr,{goal:t.goal,style:"number"})}),G.segmentLines.map(f=>e.jsx(xr,{line:f},f.id)),G.userLines.map(f=>e.jsx(Ht,{line:f},f.id)),G.teamLines.map(f=>e.jsx(Ht,{line:f},f.id)),le.map(f=>e.jsx(gr,{line:f},f.label))]})})})}),e.jsx(N,{justify:"flex-end",mt:4,children:e.jsx(Fs,{segments:p,onViewConversations:m,goal:t.goal})}),r.isAdminOrTeamLead?e.jsxs(jt,{index:k,onChange:f=>{Ae.setState(()=>h(f).value)},isLazy:!0,mt:4,children:[e.jsx(vt,{children:g.map(f=>e.jsx(bt,{children:f.label},f.label))}),e.jsx(St,{children:g.map(f=>e.jsx(yt,{px:0,children:f.content},f.label))})]}):e.jsxs(b,{children:[e.jsx(vs,{as:"h3",m:"0",children:e.jsx(w,{id:"zelwwH"})}),e.jsx(Le,{score:t})]})]})};function In(t){function s(a){const{data:r}=Zt(a.uid);return r==null?null:e.jsx(t,{...a,score:r})}return s}function Mn(t={}){const{periodDef:s}=ae(),{data:a,error:r}=dt(ee.getScoreSummaries(),()=>ye({},s),{refreshInterval:Ps,...t});return P.useMemo(()=>({summaries:((a==null?void 0:a.scores)??[]).reduce((n,o)=>(n[o.uid]=o,n),{}),isLoading:!(a||r),error:r}),[a,r])}const _s="score",Vn=(t,s)=>{const a=jr.stringifyUrl({url:window.location.href,query:{[t]:s}});window.history.replaceState(null,"",a)},Wt=ot(""),Es=ot(t=>t(Wt),(t,s,a)=>{Vn(_s,a),s(Wt,a)});Es.onMount=t=>{const a=new URLSearchParams(window.location.search).get(_s)??"";t(a)};const Kt=new Ue("distribution");function Bn(t,s=[]){P.useEffect(()=>{if(!t)return;const a=document.querySelector(`[data-score-tab-id='${t}']`);a&&a.scrollIntoView({block:"end",inline:"center",behavior:"smooth"})},[t,...s])}const Fn=()=>{const t=me(),{data:s}=wr(),{summaries:a,isLoading:r}=Mn({suspense:!1}),[i,n]=lt(Es),{tabIndex:o,getTab:l,tabs:c}=Ct(()=>(s??[]).map(u=>({label:u.name,value:u.uid})).sort((u,d)=>u.label.localeCompare(d.label)),i);return Bn(i,[r]),(s==null?void 0:s.length)===0?e.jsx(Xr,{}):e.jsxs(jt,{index:o,onChange:u=>{const d=l(u);n(d.value),Y("score-tab--changed")},isLazy:!0,children:[e.jsxs(N,{children:[e.jsx(_n,{children:e.jsx(vt,{children:c.map(u=>{const d=a[u.value];return e.jsxs(bt,{"data-score-tab-id":u.value,whiteSpace:"nowrap",alignItems:"center",children:[u.label,e.jsx(Un,{summary:d,isLoading:r})]},u.value)})})}),t.isAdminOrTeamLead&&t.permissions.editScore&&e.jsx(N,{alignItems:"center",ml:"auto",pl:2,borderBottom:"1px",borderColor:"gray.200",children:e.jsx(Qt,{primary:!0,to:it.createScore(),leftIcon:e.jsx(Cr,{}),onClick:()=>Y("new-score--clicked"),children:e.jsx(w,{id:"4n7kVO"})})})]}),e.jsx(kr,{children:e.jsx(St,{flex:"1",children:c.map(u=>e.jsx(yt,{px:0,w:"full",children:e.jsx(P.Suspense,{fallback:e.jsx(pt,{display:"block",m:"5rem auto"}),children:e.jsx(Rn,{uid:u.value})})},u.value))})})]})},Un=({summary:t,isLoading:s})=>s?e.jsx(pt,{size:"sm",color:"gray.500",ml:2}):t==null?null:e.jsx(Vr,{score:t.averageScore,maxScore:t.maxPossibleScore,ml:2,lineHeight:1.25}),Rn=In(function({uid:s,score:a}){const r=me(),i=es(r),{resolution:n,setResolution:o}=Dr(),[l,c]=Ar(),u=ue(Kt);return e.jsxs(e.Fragment,{children:[e.jsx(tn,{uid:s}),e.jsxs(b,{my:4,children:[e.jsx(ge,{children:e.jsx(w,{id:"cSev+j"})}),e.jsx(Lr,{filterDefinitions:i}),e.jsxs(N,{mt:4,wrap:"wrap",children:[e.jsx(b,{my:1,children:e.jsxs(Ir,{name:"resolution",onChange:d=>{Kt.setState(()=>d),Y("chart-view--changed",{view:d})},value:u,children:[e.jsx(Nt,{value:"distribution",children:e.jsx(w,{id:"x0KLpt"})}),e.jsx(Nt,{value:"time-series",children:e.jsx(w,{id:"q7YI0q"})})]})}),u==="time-series"&&e.jsxs(ht,{spacing:4,ml:"auto",my:1,children:[e.jsx(Mr,{resolution:n,setResolution:o}),c]})]}),a&&e.jsxs(b,{mt:4,children:[u==="distribution"&&e.jsx(An,{score:a}),u==="time-series"&&e.jsx(Ln,{score:a,resolution:n,onlyWeekDays:l})]})]})]})}),_n=t=>e.jsx(b,{flex:1,width:"100%",overflowX:"auto",sx:{overflow:"auto",msOverflowStyle:"none",scrollbarWidth:"none","&::-webkit-scrollbar":{display:"none"}},pb:"1px",...t}),En=Tr(Pr(us));function qn(){return vr(v._({id:"eIsMYT"})),e.jsxs(b,{children:[e.jsxs(N,{align:"start",justify:"space-between",children:[e.jsx(br,{children:v._({id:"eIsMYT"})}),e.jsx(Sr,{})]}),e.jsx(b,{mt:8,children:e.jsx(yr,{children:e.jsx(En,{children:e.jsx(Fn,{})})})})]})}export{qn as default};
//# sourceMappingURL=ScoreInsightsPage-770c58b1.js.map