unleash-server 7.5.1 → 7.6.2

package/frontend/build/static/{networkTrafficUsageHighlightPlugin-BbfAyDiQ.js → networkTrafficUsageHighlightPlugin-CqEM-cK_.js}

@@ -1 +1 @@
-import{F as _,j as i,H as z,ej as w,jS as k,ei as N,r as d,eg as P,B as W,hk as H,s as u,k as J,K as G,jT as O,jU as D,jV as K,fZ as V,ek as R,cA as B,b7 as L,b9 as T,ee as Y,el as Z,c$ as Q,b as X,bq as tt,jK as et}from"./index-DMSjiFEm.js";import{f as b,T as ot,a as p,p as y,b as g,d as at,c as rt,u as nt,e as st,g as lt,h as ct}from"./LazyAdminExport-CWQiknO-.js";import{f as it}from"./formatTickValue-BZb4ZIL9.js";var f={},ut=z;Object.defineProperty(f,"__esModule",{value:!0});var $=f.default=void 0,dt=ut(_()),pt=i,gt=(0,dt.default)((0,pt.jsx)("path",{d:"m7 14 5-5 5 5z"}),"ArrowDropUp");$=f.default=gt;const M=(t,e,r=!0)=>{const o=t.getFullYear(),a=t.getMonth(),s=b(t),n=N(t);return{key:s,year:o,month:a,dayCount:n,shortLabel:t.toLocaleString("en-US",{month:"short"}),label:e||t.toLocaleString("en-US",{month:"long",year:"numeric"}),selectable:r}},ht=t=>{const e=[M(t,"Current month")],r=w(t);for(let o=1;o<12;o++){const a=k(r,o);e.push(M(a,void 0,a>=ot))}return e},C=ht(p),mt=Object.fromEntries(C.map(t=>[t.key,t])),q="15rem",S=t=>t.spacing(3),I=u("button",{shouldForwardProp:t=>t!=="selected"})(({theme:t,selected:e})=>({cursor:"pointer",border:"none",backgroundColor:e?t.palette.secondary.light:"inherit",fontSize:t.typography.body1.fontSize,padding:t.spacing(.5),borderRadius:t.shape.borderRadius,color:t.palette.text.primary,transition:"background-color 0.2s ease",":focus-visible":{outline:`2px solid ${t.palette.primary.main}`},":hover:not(:disabled)":{backgroundColor:t.palette.action.hover}})),bt=u(I)(({theme:t})=>({":disabled":{cursor:"default",color:t.palette.text.disabled}})),yt=u(I)(({theme:t})=>({width:"100%",paddingBlock:t.spacing(1),textAlign:"left",borderRadius:0,paddingInline:S(t)})),ft=u(J)(({theme:t})=>({whiteSpace:"nowrap",width:q,justifyContent:"space-between",fontWeight:"normal",color:t.palette.text.primary,borderColor:t.palette.divider,":focus-within":{borderColor:t.palette.primary.main},":hover":{borderColor:t.palette.text.disabled,backgroundColor:"inherit"},transition:"border-color 0.1s ease"})),Ct=u("article")(({theme:t})=>({width:q,paddingBlock:t.spacing(2),display:"flex",flexFlow:"column",gap:t.spacing(2)})),St=u("article")(({theme:t})=>({paddingInline:S(t)})),xt=u("hgroup")(({theme:t})=>({h3:{margin:0,fontSize:t.typography.h3.fontSize},p:{color:t.palette.text.secondary,fontSize:t.typography.body2.fontSize}})),vt=u("ul")(({theme:t})=>({listStyle:"none",padding:0,display:"grid",gridTemplateColumns:"repeat(4, 1fr)",rowGap:t.spacing(1)})),Dt=u("article")(({theme:t})=>({display:"flex",width:"100%",flexFlow:"column",gap:t.spacing(.5)})),Rt=u("p")(({theme:t})=>({paddingInline:S(t),fontSize:t.typography.body2.fontSize,margin:0,color:t.palette.text.secondary,fontWeight:"bold"})),Mt=u("ul")(({theme:t})=>({listStyle:"none",margin:0,padding:0,width:"100%",li:{width:"100%"}})),jt=u(G)(({theme:t})=>({"& .MuiPaper-root":{borderRadius:t.shape.borderRadiusLarge,border:`1px solid ${t.palette.divider}`}})),_t=({selectedPeriod:t,setPeriod:e})=>{const r=[3,6,12].map(l=>({value:l,label:`Last ${l} months`})),[o,a]=d.useState(!1),s=d.useRef(null),n=l=>{e(l),a(!1)},c=t.grouping==="daily"?t.month===P(new Date,"yyyy-MM")?"Current month":y(t.month).toLocaleDateString("en-US",{month:"long",year:"numeric"}):`Last ${t.monthsBack} months`;return i.jsxs(W,{ref:s,children:[i.jsx(ft,{endIcon:o?i.jsx($,{}):i.jsx(H,{}),variant:"outlined",disableRipple:!0,onClick:()=>a(!0),children:c}),i.jsxs(jt,{open:o,anchorEl:s.current,onClose:()=>a(!1),anchorOrigin:{vertical:"bottom",horizontal:"center"},transformOrigin:{vertical:"top",horizontal:"center"},children:[i.jsxs(Ct,{children:[i.jsxs(St,{children:[i.jsxs(xt,{children:[i.jsx("h3",{children:"Select month"}),i.jsx("p",{children:"Last 12 months"})]}),i.jsx(vt,{children:C.map(l=>i.jsx("li",{children:i.jsx(bt,{selected:t.grouping==="daily"&&l.key===t.month,disabled:!l.selectable,onClick:()=>{n({grouping:"daily",month:l.key})},children:l.shortLabel})},l.label))})]}),i.jsxs(Dt,{children:[i.jsx(Rt,{children:"Range"}),i.jsx(Mt,{children:r.map(l=>i.jsx("li",{children:i.jsxs(yt,{selected:t.grouping==="monthly"&&l.value===t.monthsBack,type:"button",onClick:()=>{n({grouping:"monthly",monthsBack:l.value})},children:["Last ",l.value," months"]})},l.label))})]})]})," "]})]})},h={"/api/admin":{label:"Admin",color:"#6D66D9",order:1},"/api/frontend":{label:"Frontend",color:"#A39EFF",order:2},"/api/client":{label:"Server",color:"#D8D6FF",order:3}},wt=(t,e)=>{const{newRecord:r,labels:o}=x(t);return{datasets:t.apiData.filter(s=>!0).sort((s,n)=>h[s.apiPath].order-h[n.apiPath].order).map(s=>{const n=r();for(const l of Object.values(s.dataPoints))n[l.period]=l.trafficTypes[0].count;const c=h[s.apiPath];return{label:c.label,data:Object.values(n),backgroundColor:c.color,hoverBackgroundColor:c.color}}),labels:o}},kt=t=>{const{newRecord:e,labels:r}=x(t);return{datasets:t.apiData.map(a=>{const s=e();for(const c of Object.values(a.dataPoints)){const l=c.connections;s[c.period]=l}const n={label:"Connections",color:"#6D66D9"};return{label:n.label,data:Object.values(s),backgroundColor:n.color,hoverBackgroundColor:n.color}}),labels:r}},Pt=t=>{const{newRecord:e,labels:r}=x(t);return{datasets:t.apiData.map(a=>{const s=e();for(const c of Object.values(a.dataPoints)){const l=c.requests;s[c.period]=l}const n={label:"Frontend requests",color:"#A39EFF"};return{label:n.label,data:Object.values(s),backgroundColor:n.color,hoverBackgroundColor:n.color}}),labels:r}},x=t=>{if(t.grouping==="monthly"){const e=g(t.dateRange.from),r=g(t.dateRange.to),o=Math.abs(O(r,e))+1,a={};for(let n=0;n<o;n++)a[b(D(e,n))]=0;const s=Array.from({length:o}).map((n,c)=>c===o-1?"Current month":b(D(e,c)));return{newRecord:()=>({...a}),labels:s}}else{const e=g(t.dateRange.from),r=g(t.dateRange.to),o=Math.abs(K(r,e))+1,a={};for(let n=0;n<o;n++)a[at(V(e,n))]=0;const s=Array.from({length:o}).map((n,c)=>(c+1).toString());return{newRecord:()=>({...a}),labels:s}}},[Ot,...Bt]=Object.values(h).map(t=>t.label.toLowerCase()).toReversed(),j=`${Bt.toReversed().join(", ")}, and ${Ot}`,zt=t=>t.grouping==="daily"?`A bar chart showing daily traffic usage for ${new Date(t.month).toLocaleDateString("en-US",{month:"long",year:"numeric"})}. Each date shows ${j} requests.`:`A bar chart showing monthly total traffic usage for the current month and the preceding ${t.monthsBack} months. Each month shows ${j} requests.`,v=(t,e=new Date)=>{const r=o=>P(o,"yyyy-MM-dd");if(t.grouping==="daily"){const o=y(t.month),a=r(o),s=r(R(o));return{from:a,to:s}}else{const o=r(w(k(e,t.monthsBack))),a=r(R(e));return{from:o,to:a}}},Lt=t=>{if(t.grouping==="daily")return 0;const e=Math.abs(O(new Date(t.dateRange.to),new Date(t.dateRange.from))),r=t.apiData.map(o=>o.dataPoints.filter(({period:a})=>a!==rt).reduce((a,s)=>a+s.trafficTypes[0].count,0)).reduce((o,a)=>o+a,0);return Math.round(r/e)},Tt=(t,{from:e,to:r})=>{const o=`api/admin/metrics/connection?grouping=${t}&from=${e}&to=${r}`,{data:a,error:s,mutate:n}=B(L(o),$t);return d.useMemo(()=>({refetch:()=>n(),result:a?{state:"success",data:a}:s?{state:"error",error:s}:{state:"loading"}}),[a,s,n])},$t=t=>fetch(t).then(T("Metered Connections Metrics")).then(e=>e.json()),qt=(t,{from:e,to:r})=>{const o=`api/admin/metrics/request?grouping=${t}&from=${e}&to=${r}`,{data:a,error:s,mutate:n}=B(L(o),It);return d.useMemo(()=>({refetch:()=>n(),result:a?{state:"success",data:a}:s?{state:"error",error:s}:{state:"loading"}}),[a,s,n])},It=t=>fetch(t).then(T("Consumption Requests Metrics")).then(e=>e.json()),Nt=(t,e,r)=>{const{result:o}=nt(e.grouping,v(e,p)),{instanceStatus:a}=Y(),{instancePrices:s}=Z(),n=(a==null?void 0:a.billing)==="pay-as-you-go"?s.payg.traffic:s.pro.traffic;return d.useMemo(()=>{if(o.state!=="success")return{chartData:{datasets:[],labels:[]},usageTotal:0,overageCost:0,estimatedMonthlyCost:0,requestSummaryUsage:0};const l=o.data,A=wt(l),m=st(l),F=ct(m,t,n),E=lt(l.apiData,t,p,n),U=e.grouping==="daily"?m:Lt(l);return{chartData:A,usageTotal:m,overageCost:F,estimatedMonthlyCost:E,requestSummaryUsage:U}},[JSON.stringify(o),t,JSON.stringify(e),n])},Wt=t=>{const{result:e}=Tt(t.grouping,v(t,p));return d.useMemo(()=>{if(e.state!=="success")return{chartData:{datasets:[],labels:[]}};const o=e.data;return{chartData:kt(o)}},[JSON.stringify(e),JSON.stringify(t)])},Ht=t=>{const{result:e}=qt(t.grouping,v(t,p));return d.useMemo(()=>{if(e.state!=="success")return{chartData:{datasets:[],labels:[]}};const o=e.data;return{chartData:Pt(o)}},[JSON.stringify(e),JSON.stringify(t)])},Jt=u(Q)(({theme:t})=>({display:"grid",gap:t.spacing(5)})),Gt=u("div")(({theme:t})=>({display:"flex",flexFlow:"row wrap",justifyContent:"space-between",gap:t.spacing(2,4),alignItems:"start"})),Kt=u("span")(({theme:t})=>({fontWeight:"bold"})),At=(t,e,r,o)=>({plugins:{annotation:{clip:!1,annotations:{line:{type:"line",borderDash:[5,5],yMin:r?r/30:0,yMax:r?r/30:0,borderColor:"gray",borderWidth:1,display:!!r&&!!o,label:{backgroundColor:"rgba(192, 192, 192,  0.8)",color:"black",padding:{top:10,bottom:10,left:10,right:10},content:"Average daily requests included in your plan",display:!!r}}}},legend:{position:"bottom",labels:{color:t.palette.text.primary,pointStyle:"circle",usePointStyle:!0,boxHeight:6,padding:15,boxPadding:5}},tooltip:{backgroundColor:t.palette.background.paper,titleColor:t.palette.text.primary,bodyColor:t.palette.text.primary,bodySpacing:6,padding:{top:20,bottom:20,left:30,right:30},borderColor:"rgba(0, 0, 0, 0.05)",borderWidth:3,usePointStyle:!0,caretSize:0,boxPadding:10,callbacks:{title:e}}},responsive:!0,scales:{x:{stacked:!0,ticks:{color:t.palette.text.secondary},grid:{display:!1}},y:{stacked:!0,ticks:{color:t.palette.text.secondary,maxTicksLimit:5,callback:it},grid:{drawBorder:!1}}},elements:{bar:{borderRadius:5}},interaction:{mode:"index",intersect:!1}}),Vt=t=>{const e=X(),{locationSettings:r}=tt(),[o,a]=d.useState({grouping:"daily",month:C[0].key}),s=d.useMemo(()=>At(e,n=>{if(o.grouping==="daily"){const c=mt[o.month];return new Date(c.year,c.month,Number.parseInt(n[0].label,10)).toLocaleDateString((r==null?void 0:r.locale)??"en-US",{month:"long",day:"numeric",year:"numeric"})}else{const c=y(n[0].label);return Number.isNaN(c.getTime())?"Current month to date":c.toLocaleDateString((r==null?void 0:r.locale)??"en-US",{month:"long",year:"numeric"})}},t,o.grouping==="daily"),[e,o,t]);return{chartDataSelection:o,setChartDataSelection:a,options:s}},Yt=et({bottomOverflow:34});export{Kt as B,_t as P,Jt as S,Gt as T,Nt as a,Wt as b,Ht as c,zt as g,Yt as n,Vt as u};
+import{E as _,j as i,F as z,ea as k,hF as j,e9 as N,r as d,e7 as P,B as W,iT as J,s as u,i as H,J as G,gs as O,gR as D,fP as V,fV as Y,eb as R,cp as B,b6 as L,b8 as T,e5 as K,ec as Q,cR as X,b as Z,bp as tt,ln as et}from"./index-CoLhlfXP.js";import{f as b,T as ot,a as p,p as f,b as g,d as at,c as rt,u as nt,e as st,g as lt,h as ct}from"./LazyAdminExport-ByTh4iFa.js";import{f as it}from"./formatTickValue-BcLsqREh.js";var y={},ut=z;Object.defineProperty(y,"__esModule",{value:!0});var I=y.default=void 0,dt=ut(_()),pt=i,gt=(0,dt.default)((0,pt.jsx)("path",{d:"m7 14 5-5 5 5z"}),"ArrowDropUp");I=y.default=gt;const M=(t,e,r=!0)=>{const o=t.getFullYear(),a=t.getMonth(),s=b(t),n=N(t);return{key:s,year:o,month:a,dayCount:n,shortLabel:t.toLocaleString("en-US",{month:"short"}),label:e||t.toLocaleString("en-US",{month:"long",year:"numeric"}),selectable:r}},ht=t=>{const e=[M(t,"Current month")],r=k(t);for(let o=1;o<12;o++){const a=j(r,o);e.push(M(a,void 0,a>=ot))}return e},C=ht(p),mt=Object.fromEntries(C.map(t=>[t.key,t])),$="15rem",x=t=>t.spacing(3),q=u("button",{shouldForwardProp:t=>t!=="selected"})(({theme:t,selected:e})=>({cursor:"pointer",border:"none",backgroundColor:e?t.palette.secondary.light:"inherit",fontSize:t.typography.body1.fontSize,padding:t.spacing(.5),borderRadius:t.shape.borderRadius,color:t.palette.text.primary,transition:"background-color 0.2s ease",":focus-visible":{outline:`2px solid ${t.palette.primary.main}`},":hover:not(:disabled)":{backgroundColor:t.palette.action.hover}})),bt=u(q)(({theme:t})=>({":disabled":{cursor:"default",color:t.palette.text.disabled}})),ft=u(q)(({theme:t})=>({width:"100%",paddingBlock:t.spacing(1),textAlign:"left",borderRadius:0,paddingInline:x(t)})),yt=u(H)(({theme:t})=>({whiteSpace:"nowrap",width:$,justifyContent:"space-between",fontWeight:"normal",color:t.palette.text.primary,borderColor:t.palette.divider,":focus-within":{borderColor:t.palette.primary.main},":hover":{borderColor:t.palette.text.disabled,backgroundColor:"inherit"},transition:"border-color 0.1s ease"})),Ct=u("article")(({theme:t})=>({width:$,paddingBlock:t.spacing(2),display:"flex",flexFlow:"column",gap:t.spacing(2)})),xt=u("article")(({theme:t})=>({paddingInline:x(t)})),St=u("hgroup")(({theme:t})=>({h3:{margin:0,fontSize:t.typography.h3.fontSize},p:{color:t.palette.text.secondary,fontSize:t.typography.body2.fontSize}})),vt=u("ul")(({theme:t})=>({listStyle:"none",padding:0,display:"grid",gridTemplateColumns:"repeat(4, 1fr)",rowGap:t.spacing(1)})),Dt=u("article")(({theme:t})=>({display:"flex",width:"100%",flexFlow:"column",gap:t.spacing(.5)})),Rt=u("p")(({theme:t})=>({paddingInline:x(t),fontSize:t.typography.body2.fontSize,margin:0,color:t.palette.text.secondary,fontWeight:"bold"})),Mt=u("ul")(({theme:t})=>({listStyle:"none",margin:0,padding:0,width:"100%",li:{width:"100%"}})),wt=u(G)(({theme:t})=>({"& .MuiPaper-root":{borderRadius:t.shape.borderRadiusLarge,border:`1px solid ${t.palette.divider}`}})),_t=({selectedPeriod:t,setPeriod:e})=>{const r=[3,6,12].map(l=>({value:l,label:`Last ${l} months`})),[o,a]=d.useState(!1),s=d.useRef(null),n=l=>{e(l),a(!1)},c=t.grouping==="daily"?t.month===P(new Date,"yyyy-MM")?"Current month":f(t.month).toLocaleDateString("en-US",{month:"long",year:"numeric"}):`Last ${t.monthsBack} months`;return i.jsxs(W,{ref:s,children:[i.jsx(yt,{endIcon:o?i.jsx(I,{}):i.jsx(J,{}),variant:"outlined",disableRipple:!0,onClick:()=>a(!0),children:c}),i.jsxs(wt,{open:o,anchorEl:s.current,onClose:()=>a(!1),anchorOrigin:{vertical:"bottom",horizontal:"center"},transformOrigin:{vertical:"top",horizontal:"center"},children:[i.jsxs(Ct,{children:[i.jsxs(xt,{children:[i.jsxs(St,{children:[i.jsx("h3",{children:"Select month"}),i.jsx("p",{children:"Last 12 months"})]}),i.jsx(vt,{children:C.map(l=>i.jsx("li",{children:i.jsx(bt,{selected:t.grouping==="daily"&&l.key===t.month,disabled:!l.selectable,onClick:()=>{n({grouping:"daily",month:l.key})},children:l.shortLabel})},l.label))})]}),i.jsxs(Dt,{children:[i.jsx(Rt,{children:"Range"}),i.jsx(Mt,{children:r.map(l=>i.jsx("li",{children:i.jsxs(ft,{selected:t.grouping==="monthly"&&l.value===t.monthsBack,type:"button",onClick:()=>{n({grouping:"monthly",monthsBack:l.value})},children:["Last ",l.value," months"]})},l.label))})]})]})," "]})]})},h={"/api/admin":{label:"Admin",color:"#6D66D9",order:1},"/api/frontend":{label:"Frontend",color:"#A39EFF",order:2},"/api/client":{label:"Server",color:"#D8D6FF",order:3}},kt=(t,e)=>{const{newRecord:r,labels:o}=S(t);return{datasets:t.apiData.filter(s=>!0).sort((s,n)=>h[s.apiPath].order-h[n.apiPath].order).map(s=>{const n=r();for(const l of Object.values(s.dataPoints))n[l.period]=l.trafficTypes[0].count;const c=h[s.apiPath];return{label:c.label,data:Object.values(n),backgroundColor:c.color,hoverBackgroundColor:c.color}}),labels:o}},jt=t=>{const{newRecord:e,labels:r}=S(t);return{datasets:t.apiData.map(a=>{const s=e();for(const c of Object.values(a.dataPoints)){const l=c.connections;s[c.period]=l}const n={label:"Connections",color:"#6D66D9"};return{label:n.label,data:Object.values(s),backgroundColor:n.color,hoverBackgroundColor:n.color}}),labels:r}},Pt=t=>{const{newRecord:e,labels:r}=S(t);return{datasets:t.apiData.map(a=>{const s=e();for(const c of Object.values(a.dataPoints)){const l=c.requests;s[c.period]=l}const n={label:"Frontend requests",color:"#A39EFF"};return{label:n.label,data:Object.values(s),backgroundColor:n.color,hoverBackgroundColor:n.color}}),labels:r}},S=t=>{if(t.grouping==="monthly"){const e=g(t.dateRange.from),r=g(t.dateRange.to),o=Math.abs(O(r,e))+1,a={};for(let n=0;n<o;n++)a[b(D(e,n))]=0;const s=Array.from({length:o}).map((n,c)=>c===o-1?"Current month":b(D(e,c)));return{newRecord:()=>({...a}),labels:s}}else{const e=g(t.dateRange.from),r=g(t.dateRange.to),o=Math.abs(V(r,e))+1,a={};for(let n=0;n<o;n++)a[at(Y(e,n))]=0;const s=Array.from({length:o}).map((n,c)=>(c+1).toString());return{newRecord:()=>({...a}),labels:s}}},[Ot,...Bt]=Object.values(h).map(t=>t.label.toLowerCase()).toReversed(),w=`${Bt.toReversed().join(", ")}, and ${Ot}`,zt=t=>t.grouping==="daily"?`A bar chart showing daily traffic usage for ${new Date(t.month).toLocaleDateString("en-US",{month:"long",year:"numeric"})}. Each date shows ${w} requests.`:`A bar chart showing monthly total traffic usage for the current month and the preceding ${t.monthsBack} months. Each month shows ${w} requests.`,v=(t,e=new Date)=>{const r=o=>P(o,"yyyy-MM-dd");if(t.grouping==="daily"){const o=f(t.month),a=r(o),s=r(R(o));return{from:a,to:s}}else{const o=r(k(j(e,t.monthsBack))),a=r(R(e));return{from:o,to:a}}},Lt=t=>{if(t.grouping==="daily")return 0;const e=Math.abs(O(new Date(t.dateRange.to),new Date(t.dateRange.from))),r=t.apiData.map(o=>o.dataPoints.filter(({period:a})=>a!==rt).reduce((a,s)=>a+s.trafficTypes[0].count,0)).reduce((o,a)=>o+a,0);return Math.round(r/e)},Tt=(t,{from:e,to:r})=>{const o=`api/admin/metrics/connection?grouping=${t}&from=${e}&to=${r}`,{data:a,error:s,mutate:n}=B(L(o),It);return d.useMemo(()=>({refetch:()=>n(),result:a?{state:"success",data:a}:s?{state:"error",error:s}:{state:"loading"}}),[a,s,n])},It=t=>fetch(t).then(T("Metered Connections Metrics")).then(e=>e.json()),$t=(t,{from:e,to:r})=>{const o=`api/admin/metrics/request?grouping=${t}&from=${e}&to=${r}`,{data:a,error:s,mutate:n}=B(L(o),qt);return d.useMemo(()=>({refetch:()=>n(),result:a?{state:"success",data:a}:s?{state:"error",error:s}:{state:"loading"}}),[a,s,n])},qt=t=>fetch(t).then(T("Consumption Requests Metrics")).then(e=>e.json()),Nt=(t,e,r)=>{const{result:o}=nt(e.grouping,v(e,p)),{instanceStatus:a}=K(),{instancePrices:s}=Q(),n=(a==null?void 0:a.billing)==="pay-as-you-go"?s.payg.traffic:s.pro.traffic;return d.useMemo(()=>{if(o.state!=="success")return{chartData:{datasets:[],labels:[]},usageTotal:0,overageCost:0,estimatedMonthlyCost:0,requestSummaryUsage:0};const l=o.data,F=kt(l),m=st(l),A=ct(m,t,n),E=lt(l.apiData,t,p,n),U=e.grouping==="daily"?m:Lt(l);return{chartData:F,usageTotal:m,overageCost:A,estimatedMonthlyCost:E,requestSummaryUsage:U}},[JSON.stringify(o),t,JSON.stringify(e),n])},Wt=t=>{const{result:e}=Tt(t.grouping,v(t,p));return d.useMemo(()=>{if(e.state!=="success")return{chartData:{datasets:[],labels:[]}};const o=e.data;return{chartData:jt(o)}},[JSON.stringify(e),JSON.stringify(t)])},Jt=t=>{const{result:e}=$t(t.grouping,v(t,p));return d.useMemo(()=>{if(e.state!=="success")return{chartData:{datasets:[],labels:[]}};const o=e.data;return{chartData:Pt(o)}},[JSON.stringify(e),JSON.stringify(t)])},Ht=u(X)(({theme:t})=>({display:"grid",gap:t.spacing(5)})),Gt=u("div")(({theme:t})=>({display:"flex",flexFlow:"row wrap",justifyContent:"space-between",gap:t.spacing(2,4),alignItems:"start"})),Vt=u("span")(({theme:t})=>({fontWeight:"bold"})),Ft=(t,e,r,o)=>({plugins:{annotation:{clip:!1,annotations:{line:{type:"line",borderDash:[5,5],yMin:r?r/30:0,yMax:r?r/30:0,borderColor:"gray",borderWidth:1,display:!!r&&!!o,label:{backgroundColor:"rgba(192, 192, 192,  0.8)",color:"black",padding:{top:10,bottom:10,left:10,right:10},content:"Average daily requests included in your plan",display:!!r}}}},legend:{position:"bottom",labels:{color:t.palette.text.primary,pointStyle:"circle",usePointStyle:!0,boxHeight:6,padding:15,boxPadding:5}},tooltip:{backgroundColor:t.palette.background.paper,titleColor:t.palette.text.primary,bodyColor:t.palette.text.primary,bodySpacing:6,padding:{top:20,bottom:20,left:30,right:30},borderColor:"rgba(0, 0, 0, 0.05)",borderWidth:3,usePointStyle:!0,caretSize:0,boxPadding:10,callbacks:{title:e}}},responsive:!0,scales:{x:{stacked:!0,ticks:{color:t.palette.text.secondary},grid:{display:!1}},y:{stacked:!0,ticks:{color:t.palette.text.secondary,maxTicksLimit:5,callback:it},grid:{drawBorder:!1}}},elements:{bar:{borderRadius:5}},interaction:{mode:"index",intersect:!1}}),Yt=t=>{const e=Z(),{locationSettings:r}=tt(),[o,a]=d.useState({grouping:"daily",month:C[0].key}),s=d.useMemo(()=>Ft(e,n=>{if(o.grouping==="daily"){const c=mt[o.month];return new Date(c.year,c.month,Number.parseInt(n[0].label,10)).toLocaleDateString((r==null?void 0:r.locale)??"en-US",{month:"long",day:"numeric",year:"numeric"})}else{const c=f(n[0].label);return Number.isNaN(c.getTime())?"Current month to date":c.toLocaleDateString((r==null?void 0:r.locale)??"en-US",{month:"long",year:"numeric"})}},t,o.grouping==="daily"),[e,o,t]);return{chartDataSelection:o,setChartDataSelection:a,options:s}},Kt=et({bottomOverflow:34});export{Vt as B,_t as P,Ht as S,Gt as T,Nt as a,Wt as b,Jt as c,zt as g,Kt as n,Yt as u};

package/frontend/build/static/useApiTokens-ClWvohC9.js

@@ -0,0 +1 @@
+import{b6 as p,cp as i,r as n,b8 as u}from"./index-CoLhlfXP.js";const k=(s={})=>{const a=p("api/admin/api-tokens"),{data:t,error:e,mutate:o}=i(a,h,s),r=n.useMemo(()=>t??[],[t]),c=n.useCallback(()=>{o().catch(console.warn)},[o]);return{tokens:r,error:e,loading:!e&&!t,refetch:c}},h=async s=>(await(await fetch(s).then(u("Api tokens"))).json()).tokens;export{k as u};

package/frontend/package.json

@@ -7,11 +7,11 @@
     "build"
   ],
   "engines": {
-    "node": ">=18"
+    "node": ">=22"
   },
   "type": "module",
   "scripts": {
-    "ci": "yarn fmt && yarn lint && yarn ts:check && yarn build --logLevel=error && yarn test --reporter=dot",
+    "ci": "yarn lint:check && yarn ts:check && yarn build --logLevel=error && yarn test --reporter=dot",
     "build": "yarn run lint:material:icons && vite build",
     "dev": "vite",
     "start": "vite",
@@ -24,35 +24,41 @@
     "test:snapshot": "yarn test -u",
     "test:watch": "vitest watch",
     "lint:material:icons": "./check-imports.rc",
-    "lint": "biome lint src --write --error-on-warnings",
-    "lint:check": "biome check src --error-on-warnings",
-    "fmt": "biome format src --write --error-on-warnings",
-    "fmt:check": "biome check src --error-on-warnings",
+    "lint": "biome lint . --write --error-on-warnings",
+    "lint:check": "biome check . --error-on-warnings",
+    "fmt": "biome format . --write --error-on-warnings",
+    "fmt:check": "biome check . --error-on-warnings",
     "ts:check": "tsc",
-    "e2e": "yarn run cypress run --browser chrome --config baseUrl='http://localhost:3000' --env AUTH_USER=admin,AUTH_PASSWORD=unleash4all --spec \"cypress/oss/**/*.spec.ts\"",
-    "e2e:open": "yarn run cypress open --e2e --config baseUrl='http://localhost:3000' --env AUTH_USER=admin,AUTH_PASSWORD=unleash4all",
-    "e2e:enterprise": "yarn run cypress run --browser chrome --config baseUrl='http://localhost:4242' --env AUTH_USER=admin,AUTH_PASSWORD=unleash4all",
-    "e2e:enterprise:open": "yarn run cypress open --e2e --config baseUrl='http://localhost:4242' --env AUTH_USER=admin,AUTH_PASSWORD=unleash4all",
-    "e2e:migrations": "yarn run cypress run --spec \"cypress/oss/feature/**/*.spec.ts\" --config baseUrl=\"http://localhost:${EXPOSED_PORT:-4242}\" --env AUTH_USER=admin,AUTH_PASSWORD=unleash4all",
+    "e2e": "yarn run e2e:oss",
+    "e2e:oss": "yarn run cypress:run --config baseUrl='http://localhost:4242'  --spec \"cypress/oss/**/*.spec.ts\"",
+    "e2e:enterprise": "yarn run cypress:run --config baseUrl='http://localhost:4242'",
+    "e2e:open": "yarn run cypress:open --config baseUrl='http://localhost:4242'",
+    "e2e:dev:open": "yarn run cypress:open --config baseUrl='http://localhost:3000'",
+    "e2e:dev": "yarn run e2e:dev:oss",
+    "e2e:dev:oss": "yarn run e2e:oss --config baseUrl='http://localhost:3000'",
+    "e2e:dev:enterprise": "yarn run e2e:enterprise --config baseUrl='http://localhost:3000'",
+    "e2e:migrations": "yarn run cypress run --spec \"cypress/oss/feature/**/*.spec.ts\" --config baseUrl=\"http://localhost:${EXPOSED_PORT:-4242}\" ",
+    "cypress:open": "yarn run cypress open --e2e --browser electron --env AUTH_USER=admin,AUTH_PASSWORD=unleash4all",
+    "cypress:run": "yarn run cypress run  --e2e --browser electron --env AUTH_USER=admin,AUTH_PASSWORD=unleash4all",
     "gen:api": "orval --config orval.config.ts",
     "gen:api:demo": "UNLEASH_OPENAPI_URL=https://app.unleash-hosted.com/demo/docs/openapi.json yarn run gen:api",
     "gen:api:sandbox": "UNLEASH_OPENAPI_URL=https://sandbox.getunleash.io/demo2/docs/openapi.json yarn run gen:api",
     "gen:api:clean": "yarn gen:api && rm -rf src/openapi/apis && sed -i.bak '1q' src/openapi/index.ts && rm src/openapi/index.ts.bak"
   },
   "devDependencies": {
-    "@biomejs/biome": "2.4.4",
+    "@biomejs/biome": "2.4.6",
     "@codemirror/lang-json": "6.0.2",
-    "@emotion/react": "11.11.4",
-    "@emotion/styled": "11.11.5",
+    "@emotion/react": "11.14.0",
+    "@emotion/styled": "11.14.1",
     "@mui/icons-material": "5.15.3",
     "@mui/lab": "5.0.0-alpha.159",
     "@mui/material": "5.15.3",
     "@mui/x-date-pickers": "^7.0.0",
     "@tanstack/react-table": "^8.10.7",
     "@tanstack/react-virtual": "^3.11.3",
-    "@testing-library/dom": "10.4.0",
-    "@testing-library/jest-dom": "6.6.3",
-    "@testing-library/react": "16.2.0",
+    "@testing-library/dom": "10.4.1",
+    "@testing-library/jest-dom": "6.9.1",
+    "@testing-library/react": "16.3.2",
     "@testing-library/user-event": "14.6.1",
     "@types/css-mediaquery": "^0.1.4",
     "@types/debounce": "1.2.4",
@@ -63,17 +69,17 @@
     "@types/lodash.mapvalues": "^4.6.9",
     "@types/lodash.omit": "4.5.9",
     "@types/node": "^22.0.0",
-    "@types/react": "18.3.23",
+    "@types/react": "18.3.28",
     "@types/react-dom": "18.3.7",
     "@types/react-grid-layout": "^1.3.5",
     "@types/react-router-dom": "5.3.3",
     "@types/react-table": "7.7.20",
     "@types/react-test-renderer": "18.3.1",
-    "@types/semver": "7.7.0",
-    "@uiw/codemirror-theme-duotone": "4.23.13",
-    "@uiw/react-codemirror": "4.23.13",
-    "@unleash/proxy-client-react": "^5.0.0",
-    "@vitejs/plugin-react": "4.3.4",
+    "@types/semver": "7.7.1",
+    "@uiw/codemirror-theme-duotone": "4.25.9",
+    "@uiw/react-codemirror": "4.25.9",
+    "@unleash/proxy-client-react": "^5.1.0-beta.2",
+    "@vitejs/plugin-react": "4.7.0",
     "cartesian": "^1.0.1",
     "chart.js": "3.9.1",
     "chartjs-adapter-date-fns": "3.0.0",
@@ -82,15 +88,15 @@
     "copy-to-clipboard": "3.3.3",
     "countries-and-timezones": "^3.4.0",
     "css-mediaquery": "^0.1.2",
-    "cypress": "14.1.0",
+    "cypress": "14.5.4",
     "cypress-vite": "^1.4.0",
-    "date-fns": "2.30.0",
-    "date-fns-tz": "^2.0.0",
+    "date-fns": "4.1.0",
+    "date-fns-tz": "^3.0.0",
     "debounce": "2.2.0",
     "deep-diff": "1.0.2",
     "dequal": "2.0.3",
     "fast-json-patch": "3.1.1",
-    "http-proxy-middleware": "2.0.9",
+    "http-proxy-middleware": "3.0.5",
     "immer": "9.0.21",
     "jsdom": "25.0.1",
     "lodash.clonedeep": "4.5.0",
@@ -98,7 +104,7 @@
     "lodash.mapvalues": "^4.6.0",
     "lodash.omit": "4.5.0",
     "millify": "^6.0.0",
-    "msw": "2.7.3",
+    "msw": "2.12.10",
     "orval": "^7.21.0",
     "pkginfo": "0.4.1",
     "plausible-tracker": "0.3.9",
@@ -108,42 +114,44 @@
     "react-chartjs-2": "4.3.1",
     "react-confetti": "^6.1.0",
     "react-dom": "18.3.1",
-    "react-dropzone": "14.3.8",
+    "react-dropzone": "14.4.1",
     "react-error-boundary": "3.1.4",
     "react-github-calendar": "^4.5.1",
     "react-grid-layout": "^1.5.2",
     "react-hooks-global-state": "2.1.0",
     "react-joyride": "^2.5.3",
     "react-markdown": "^8.0.4",
-    "react-router-dom": "6.16.0",
+    "react-router-dom": "6.30.3",
     "react-table": "7.8.0",
     "react-test-renderer": "18.3.1",
     "regenerator-runtime": "0.14.1",
-    "sass": "1.85.1",
-    "semver": "7.7.2",
-    "swr": "2.3.3",
-    "tss-react": "4.9.18",
-    "typescript": "5.8.3",
-    "unleash-proxy-client": "^3.7.3",
+    "sass": "1.98.0",
+    "semver": "7.7.4",
+    "swr": "2.4.1",
+    "tss-react": "4.9.20",
+    "typescript": "5.9.3",
+    "unleash-proxy-client": "3.8.0-beta.3",
     "use-query-params": "^2.2.1",
     "vanilla-jsoneditor": "^3.11.0",
     "vite": "5.4.21",
     "vite-plugin-env-compatible": "2.0.1",
     "vite-plugin-svgr": "3.3.0",
     "vite-tsconfig-paths": "4.3.2",
-    "vitest": "3.0.8",
+    "vitest": "3.2.4",
     "whatwg-fetch": "3.6.20"
   },
   "resolutions": {
-    "@codemirror/state": "6.5.4",
+    "@codemirror/state": "6.6.0",
     "@xmldom/xmldom": "^0.9.0",
-    "jsonpath-plus": "10.3.0",
+    "jsonpath-plus": "10.4.0",
     "json5": "^2.2.2",
     "vite": "5.4.21",
-    "semver": "7.7.2",
+    "semver": "7.7.4",
     "ws": "^8.18.0",
-    "@types/react": "18.3.23",
-    "nwsapi": "2.2.13"
+    "@types/react": "18.3.28",
+    "nwsapi": "2.2.13",
+    "lodash": ">=4.18.0",
+    "minimatch@3.1.2": "10.2.5"
   },
   "jest": {
     "moduleNameMapper": {

package/package.json

@@ -2,7 +2,7 @@
   "name": "unleash-server",
   "type": "module",
   "description": "Unleash is an enterprise ready feature flag service. It provides different strategies for handling feature flags.",
-  "version": "7.5.1",
+  "version": "7.6.2",
   "keywords": [
     "unleash",
     "feature flag",
@@ -28,7 +28,7 @@
   },
   "types": "./dist/lib/server-impl.d.ts",
   "engines": {
-    "node": ">=20"
+    "node": ">=22"
   },
   "license": "Apache-2.0",
   "exports": "./dist/lib/server-impl.js",
@@ -46,6 +46,7 @@
     "dev:frontend": "wait-on tcp:4242 && yarn --cwd ./frontend run dev",
     "dev:frontend:cloud": "UNLEASH_BASE_PATH=/demo/ yarn run dev:frontend",
     "dev": "concurrently \"yarn:dev:backend\" \"yarn:dev:frontend\"",
+    "profile:startup": "./scripts/profile-startup.sh",
     "prepare:backend": "concurrently \"yarn:copy-templates\" \"yarn:build:backend\"",
     "start:dev": "yarn run clean && yarn dev:backend",
     "db-migrate": "db-migrate --migrations-dir ./src/migrations",
@@ -114,7 +115,7 @@
     "mime": "^4.1.0",
     "murmurhash3js": "^3.0.1",
     "mustache": "^4.2.0",
-    "nodemailer": "^7.0.13",
+    "nodemailer": "^8.0.5",
     "normalize-url": "^8.1.1",
     "openapi-types": "^12.1.3",
     "owasp-password-strength-test": "^1.3.0",
@@ -129,7 +130,7 @@
     "serve-favicon": "^2.5.1",
     "slug": "^11.0.1",
     "stoppable": "^1.1.0",
-    "tldts": "7.0.24",
+    "tldts": "7.0.28",
     "ts-toolbelt": "^9.6.0",
     "type-is": "^2.0.1",
     "ulidx": "^2.4.1",
@@ -140,7 +141,7 @@
     "@biomejs/biome": "^2.4.6",
     "@cyclonedx/yarn-plugin-cyclonedx": "^3.3.0",
     "@faker-js/faker": "^10.3.0",
-    "@fast-check/vitest": "^0.2.4",
+    "@fast-check/vitest": "^0.3.0",
     "@types/cors": "2.8.19",
     "@types/express": "4.17.25",
     "@types/express-session": "1.18.2",
@@ -151,7 +152,7 @@
     "@types/memoizee": "0.4.12",
     "@types/murmurhash3js": "^3.0.7",
     "@types/mustache": "^4.2.6",
-    "@types/node": "22.19.15",
+    "@types/node": "22.19.17",
     "@types/nodemailer": "^7.0.11",
     "@types/owasp-password-strength-test": "1.3.2",
     "@types/pg": "8.18.0",
@@ -164,10 +165,10 @@
     "@vitest/ui": "^4.0.18",
     "concurrently": "^9.2.1",
     "del-cli": "6.0.0",
-    "fast-check": "4.5.3",
+    "fast-check": "4.6.0",
     "fetch-mock": "^12.6.0",
     "husky": "^9.1.7",
-    "lint-staged": "16.3.2",
+    "lint-staged": "16.3.3",
     "nock": "^14.0.11",
     "openapi-enforcer": "1.23.0",
     "proxyquire": "2.1.3",
@@ -193,11 +194,11 @@
     "ip": "^2.0.1",
     "semver": "^7.7.3",
     "tough-cookie": "4.1.4",
-    "brace-expansion": "2.0.2",
     "@wesleytodd/openapi/path-to-regexp": "6.3.0",
     "router/path-to-regexp": "1.9.0",
     "@types/express-session/@types/express": "4.17.25",
-    "prompt": "link:./node_modules/.cache/null"
+    "prompt": "link:./node_modules/.cache/null",
+    "lodash": ">=4.18.0"
   },
   "lint-staged": {
     "*.{js,ts}": [

package/dist/lib/openapi/spec/safeguard-schema.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"safeguard-schema.d.ts","sourceRoot":"","sources":["../../../../src/lib/openapi/spec/safeguard-schema.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAIpD,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyDlB,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC"}

package/dist/lib/openapi/spec/safeguard-schema.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"safeguard-schema.js","sourceRoot":"","sources":["../../../../src/lib/openapi/spec/safeguard-schema.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,+BAA+B,EAAE,MAAM,yCAAyC,CAAC;AAE1F,MAAM,CAAC,MAAM,eAAe,GAAG;IAC3B,GAAG,EAAE,sCAAsC;IAC3C,IAAI,EAAE,QAAQ;IACd,QAAQ,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,kBAAkB,EAAE,cAAc,CAAC;IAC9D,WAAW,EAAE,+CAA+C;IAC5D,oBAAoB,EAAE,KAAK;IAC3B,UAAU,EAAE;QACR,EAAE,EAAE;YACA,IAAI,EAAE,QAAQ;YACd,WAAW,EAAE,+CAA+C;YAC5D,OAAO,EAAE,4BAA4B;SACxC;QACD,MAAM,EAAE;YACJ,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,CAAC,MAAM,EAAE,IAAI,CAAC;YACxB,oBAAoB,EAAE,KAAK;YAC3B,WAAW,EAAE,qDAAqD;YAClE,UAAU,EAAE;gBACR,IAAI,EAAE;oBACF,IAAI,EAAE,QAAQ;oBACd,WAAW,EAAE,gCAAgC;oBAC7C,OAAO,EAAE,8BAA8B;iBAC1C;gBACD,EAAE,EAAE;oBACA,IAAI,EAAE,QAAQ;oBACd,WAAW,EACP,uDAAuD;oBAC3D,OAAO,EAAE,4BAA4B;iBACxC;aACJ;SACJ;QACD,gBAAgB,EAAE;YACd,IAAI,EAAE,sDAAsD;YAC5D,WAAW,EAAE,4CAA4C;SAC5D;QACD,YAAY,EAAE;YACV,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,CAAC,IAAI,EAAE,GAAG,iBAAiB,CAAC,QAAQ,CAAC;YAC/C,oBAAoB,EAAE,KAAK;YAC3B,UAAU,EAAE;gBACR,EAAE,EAAE;oBACA,IAAI,EAAE,QAAQ;oBACd,WAAW,EAAE,8CAA8C;oBAC3D,OAAO,EAAE,4BAA4B;iBACxC;gBACD,GAAG,iBAAiB,CAAC,UAAU;aAClC;YACD,WAAW,EACP,oEAAoE;SAC3E;KACJ;IACD,UAAU,EAAE;QACR,OAAO,EAAE;YACL,iBAAiB;YACjB,+BAA+B;SAClC;KACJ;CACK,CAAC"}

package/frontend/build/static/AdvancedPlayground-CF0hkpiE.js

@@ -1,3 +0,0 @@
-import{u as wt,g as Et,r as p,_ as Tt,j as t,a as xe,U as It,b as N,B as k,C as L,s as E,d as Pt,c as Rt,e as Ot,f as Me,h as Ft,i as Z,T as D,G as Bt,k as oe,p as we,l as Ee,m as ne,A as Ue,n as Lt,o as Nt,q as At,t as $t,v as Dt,w as Ht,x as Te,P as Wt,I as Ie,y as _,L as zt,z as Mt,D as Ut,E as _t,F as _e,H as Ge,J as Gt,K as X,M as Ve,N as ie,O as qe,Q as Vt,R as Q,S as pe,V as qt,W as Kt,X as Jt,Y as Ke,Z as ae,$ as Yt,a0 as Zt,a1 as Qt,a2 as Xt,a3 as en,a4 as tn,a5 as nn,a6 as rn,a7 as an,a8 as sn,a9 as on,aa as B,ab as le,ac as ln,ad as cn,ae as dn,af as un,ag as hn,ah as gn,ai as Pe,aj as Je,ak as ye,al as be,am as Ye,an as ve,ao as Ze,ap as Qe,aq as Xe,ar as fn,as as Re,at as pn,au as mn,av as xn,aw as de,ax as et,ay as yn,az as bn,aA as vn,aB as jn,aC as Cn,aD as Sn}from"./index-DMSjiFEm.js";import{c as kn,d as wn,s as En,h as Tn,f as In,a as Pn,l as Rn,b as On,e as Fn,g as Bn,i as Ln,j as Nn,k as An,m as $n,E as se,n as Dn,o as je,p as Hn,q as Wn,r as zn,t as Mn,u as Un,v as _n,w as Gn,x as Vn,y as tt,z as qn,A as U,H as nt,B as o,C as Kn,D as Jn,S as Yn,F as Zn,G as Qn}from"./index-DcWBU_a4.js";import{u as Xn}from"./useApiTokens-DBB3NvXL.js";const er=()=>{const{makeRequest:e,createRequest:n,errors:r,loading:a}=wt({propagateErrors:!0}),s="api/admin/playground";return{evaluateAdvancedPlayground:async i=>{const h=`${s}/advanced`,g=n(h,{method:"POST",body:JSON.stringify(i)});return(await e(g.caller,g.id)).json()},evaluateChangeRequestPlayground:async(i,h)=>{const g=`${s}/change-request/${i}`,d=n(g,{method:"POST",body:JSON.stringify(h)});return(await e(d.caller,d.id)).json()},errors:r,loading:a}};var Ce={exports:{}};function rt(e,n=100,r={}){if(typeof e!="function")throw new TypeError(`Expected the first parameter to be a function, got \`${typeof e}\`.`);if(n<0)throw new RangeError("`wait` must not be negative.");const{immediate:a}=typeof r=="boolean"?{immediate:r}:r;let s,l,c,i,h;function g(){const m=s,x=l;return s=void 0,l=void 0,h=e.apply(m,x),h}function d(){const m=Date.now()-i;m<n&&m>=0?c=setTimeout(d,n-m):(c=void 0,a||(h=g()))}const u=function(...m){if(s&&this!==s&&Object.getPrototypeOf(this)===Object.getPrototypeOf(s))throw new Error("Debounced method called with different contexts of the same prototype.");s=this,l=m,i=Date.now();const x=a&&!c;return c||(c=setTimeout(d,n)),x&&(h=g()),h};return Object.defineProperty(u,"isPending",{get(){return c!==void 0}}),u.clear=()=>{c&&(clearTimeout(c),c=void 0)},u.flush=()=>{c&&u.trigger()},u.trigger=()=>{h=g(),u.clear()},u}Ce.exports.debounce=rt;Ce.exports=rt;var tr=Ce.exports;const nr=Et(tr);var Oe=function(n){n===void 0&&(n={});var{crosshairCursor:r=!1}=n,a=[];n.closeBracketsKeymap!==!1&&(a=a.concat(kn)),n.defaultKeymap!==!1&&(a=a.concat(wn)),n.searchKeymap!==!1&&(a=a.concat(En)),n.historyKeymap!==!1&&(a=a.concat(Tn)),n.foldKeymap!==!1&&(a=a.concat(In)),n.completionKeymap!==!1&&(a=a.concat(Pn)),n.lintKeymap!==!1&&(a=a.concat(Rn));var s=[];return n.lineNumbers!==!1&&s.push(On()),n.highlightActiveLineGutter!==!1&&s.push(Fn()),n.highlightSpecialChars!==!1&&s.push(Bn()),n.history!==!1&&s.push(Ln()),n.foldGutter!==!1&&s.push(Nn()),n.drawSelection!==!1&&s.push(An()),n.dropCursor!==!1&&s.push($n()),n.allowMultipleSelections!==!1&&s.push(se.allowMultipleSelections.of(!0)),n.indentOnInput!==!1&&s.push(Dn()),n.syntaxHighlighting!==!1&&s.push(je(qn,{fallback:!0})),n.bracketMatching!==!1&&s.push(Hn()),n.closeBrackets!==!1&&s.push(Wn()),n.autocompletion!==!1&&s.push(zn()),n.rectangularSelection!==!1&&s.push(Mn()),r!==!1&&s.push(Un()),n.highlightActiveLine!==!1&&s.push(_n()),n.highlightSelectionMatches!==!1&&s.push(Gn()),n.tabSize&&typeof n.tabSize=="number"&&s.push(Vn.of(" ".repeat(n.tabSize))),s.concat([tt.of(a.flat())]).filter(Boolean)};const rr="#e5c07b",Fe="#e06c75",ar="#56b6c2",sr="#ffffff",re="#abb2bf",me="#7d8799",or="#61afef",ir="#98c379",Be="#d19a66",lr="#c678dd",cr="#21252b",Le="#2c313a",Ne="#282c34",ue="#353a42",dr="#3E4451",Ae="#528bff",ur=U.theme({"&":{color:re,backgroundColor:Ne},".cm-content":{caretColor:Ae},".cm-cursor, .cm-dropCursor":{borderLeftColor:Ae},"&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection":{backgroundColor:dr},".cm-panels":{backgroundColor:cr,color:re},".cm-panels.cm-panels-top":{borderBottom:"2px solid black"},".cm-panels.cm-panels-bottom":{borderTop:"2px solid black"},".cm-searchMatch":{backgroundColor:"#72a1ff59",outline:"1px solid #457dff"},".cm-searchMatch.cm-searchMatch-selected":{backgroundColor:"#6199ff2f"},".cm-activeLine":{backgroundColor:"#6699ff0b"},".cm-selectionMatch":{backgroundColor:"#aafe661a"},"&.cm-focused .cm-matchingBracket, &.cm-focused .cm-nonmatchingBracket":{backgroundColor:"#bad0f847"},".cm-gutters":{backgroundColor:Ne,color:me,border:"none"},".cm-activeLineGutter":{backgroundColor:Le},".cm-foldPlaceholder":{backgroundColor:"transparent",border:"none",color:"#ddd"},".cm-tooltip":{border:"none",backgroundColor:ue},".cm-tooltip .cm-tooltip-arrow:before":{borderTopColor:"transparent",borderBottomColor:"transparent"},".cm-tooltip .cm-tooltip-arrow:after":{borderTopColor:ue,borderBottomColor:ue},".cm-tooltip-autocomplete":{"& > ul > li[aria-selected]":{backgroundColor:Le,color:re}}},{dark:!0}),hr=nt.define([{tag:o.keyword,color:lr},{tag:[o.name,o.deleted,o.character,o.propertyName,o.macroName],color:Fe},{tag:[o.function(o.variableName),o.labelName],color:or},{tag:[o.color,o.constant(o.name),o.standard(o.name)],color:Be},{tag:[o.definition(o.name),o.separator],color:re},{tag:[o.typeName,o.className,o.number,o.changed,o.annotation,o.modifier,o.self,o.namespace],color:rr},{tag:[o.operator,o.operatorKeyword,o.url,o.escape,o.regexp,o.link,o.special(o.string)],color:ar},{tag:[o.meta,o.comment],color:me},{tag:o.strong,fontWeight:"bold"},{tag:o.emphasis,fontStyle:"italic"},{tag:o.strikethrough,textDecoration:"line-through"},{tag:o.link,color:me,textDecoration:"underline"},{tag:o.heading,fontWeight:"bold",color:Fe},{tag:[o.atom,o.bool,o.special(o.variableName)],color:Be},{tag:[o.processingInstruction,o.string,o.inserted],color:ir},{tag:o.invalid,color:sr}]),gr=[ur,je(hr)];var fr=U.theme({"&":{backgroundColor:"#fff"}},{dark:!1}),pr=function(n){n===void 0&&(n={});var{indentWithTab:r=!0,editable:a=!0,readOnly:s=!1,theme:l="light",placeholder:c="",basicSetup:i=!0}=n,h=[];switch(r&&h.unshift(tt.of([Kn])),i&&(typeof i=="boolean"?h.unshift(Oe()):h.unshift(Oe(i))),c&&h.unshift(Jn(c)),l){case"light":h.push(fr);break;case"dark":h.push(gr);break;case"none":break;default:h.push(l);break}return a===!1&&h.push(U.editable.of(!1)),s&&h.push(se.readOnly.of(!0)),[...h]},mr=e=>({line:e.state.doc.lineAt(e.state.selection.main.from),lineCount:e.state.doc.lines,lineBreak:e.state.lineBreak,length:e.state.doc.length,readOnly:e.state.readOnly,tabSize:e.state.tabSize,selection:e.state.selection,selectionAsSingle:e.state.selection.asSingle().main,ranges:e.state.selection.ranges,selectionCode:e.state.sliceDoc(e.state.selection.main.from,e.state.selection.main.to),selections:e.state.selection.ranges.map(n=>e.state.sliceDoc(n.from,n.to)),selectedText:e.state.selection.ranges.some(n=>!n.empty)}),$e=Zn.define(),xr=[];function yr(e){var{value:n,selection:r,onChange:a,onStatistics:s,onCreateEditor:l,onUpdate:c,extensions:i=xr,autoFocus:h,theme:g="light",height:d=null,minHeight:u=null,maxHeight:m=null,width:x=null,minWidth:S=null,maxWidth:I=null,placeholder:j="",editable:P=!0,readOnly:A=!1,indentWithTab:O=!0,basicSetup:T=!0,root:w,initialState:y}=e,[f,b]=p.useState(),[C,R]=p.useState(),[$,z]=p.useState(),J=U.theme({"&":{height:d,minHeight:u,maxHeight:m,width:x,minWidth:S,maxWidth:I},"& .cm-scroller":{height:"100% !important"}}),V=U.updateListener.of(F=>{if(F.docChanged&&typeof a=="function"&&!F.transactions.some(ee=>ee.annotation($e))){var G=F.state.doc,q=G.toString();a(q,F)}s&&s(mr(F))}),Y=pr({theme:g,editable:P,readOnly:A,placeholder:j,indentWithTab:O,basicSetup:T}),H=[V,J,...Y];return c&&typeof c=="function"&&H.push(U.updateListener.of(c)),H=H.concat(i),p.useLayoutEffect(()=>{if(f&&!$){var F={doc:n,selection:r,extensions:H},G=y?se.fromJSON(y.json,F,y.fields):se.create(F);if(z(G),!C){var q=new U({state:G,parent:f,root:w});R(q),l&&l(q,G)}}return()=>{C&&(z(void 0),R(void 0))}},[f,$]),p.useEffect(()=>{e.container&&b(e.container)},[e.container]),p.useEffect(()=>()=>{C&&(C.destroy(),R(void 0))},[C]),p.useEffect(()=>{h&&C&&C.focus()},[h,C]),p.useEffect(()=>{C&&C.dispatch({effects:Yn.reconfigure.of(H)})},[g,i,d,u,m,x,S,I,j,P,A,O,T,a,c]),p.useEffect(()=>{if(n!==void 0){var F=C?C.state.doc.toString():"";C&&n!==F&&C.dispatch({changes:{from:0,to:F.length,insert:n||""},annotations:[$e.of(!0)]})}},[n,C]),{state:$,setState:z,view:C,setView:R,container:f,setContainer:b}}var br=["className","value","selection","extensions","onChange","onStatistics","onCreateEditor","onUpdate","autoFocus","theme","height","minHeight","maxHeight","width","minWidth","maxWidth","basicSetup","placeholder","indentWithTab","editable","readOnly","root","initialState"],at=p.forwardRef((e,n)=>{var{className:r,value:a="",selection:s,extensions:l=[],onChange:c,onStatistics:i,onCreateEditor:h,onUpdate:g,autoFocus:d,theme:u="light",height:m,minHeight:x,maxHeight:S,width:I,minWidth:j,maxWidth:P,basicSetup:A,placeholder:O,indentWithTab:T,editable:w,readOnly:y,root:f,initialState:b}=e,C=Tt(e,br),R=p.useRef(null),{state:$,view:z,container:J,setContainer:V}=yr({root:f,value:a,autoFocus:d,theme:u,height:m,minHeight:x,maxHeight:S,width:I,minWidth:j,maxWidth:P,basicSetup:A,placeholder:O,indentWithTab:T,editable:w,readOnly:y,selection:s,onChange:c,onStatistics:i,onCreateEditor:h,onUpdate:g,extensions:l,initialState:b});p.useImperativeHandle(n,()=>({editor:R.current,state:$,view:z}),[R,J,$,z]);var Y=p.useCallback(F=>{R.current=F,V(F)},[V]);if(typeof a!="string")throw new Error("value must be typeof string but got "+typeof a);var H=typeof u=="string"?"cm-theme-"+u:"cm-theme";return t.jsx("div",xe({ref:Y,className:""+H+(r?" "+r:"")},C))});at.displayName="CodeMirror";var st=e=>{var{theme:n,settings:r={},styles:a=[]}=e,s={".cm-gutters":{}},l={};r.background&&(l.backgroundColor=r.background),r.backgroundImage&&(l.backgroundImage=r.backgroundImage),r.foreground&&(l.color=r.foreground),r.fontSize&&(l.fontSize=r.fontSize),(r.background||r.foreground)&&(s["&"]=l),r.fontFamily&&(s["&.cm-editor .cm-scroller"]={fontFamily:r.fontFamily}),r.gutterBackground&&(s[".cm-gutters"].backgroundColor=r.gutterBackground),r.gutterForeground&&(s[".cm-gutters"].color=r.gutterForeground),r.gutterBorder&&(s[".cm-gutters"].borderRightColor=r.gutterBorder),r.caret&&(s[".cm-content"]={caretColor:r.caret},s[".cm-cursor, .cm-dropCursor"]={borderLeftColor:r.caret});var c={};r.gutterActiveForeground&&(c.color=r.gutterActiveForeground),r.lineHighlight&&(s[".cm-activeLine"]={backgroundColor:r.lineHighlight},c.backgroundColor=r.lineHighlight),s[".cm-activeLineGutter"]=c,r.selection&&(s["&.cm-focused .cm-selectionBackground, & .cm-line::selection, & .cm-selectionLayer .cm-selectionBackground, .cm-content ::selection"]={background:r.selection+" !important"}),r.selectionMatch&&(s["& .cm-selectionMatch"]={backgroundColor:r.selectionMatch});var i=U.theme(s,{dark:n==="dark"}),h=nt.define(a),g=[i,je(h)];return g},vr={background:"#faf8f5",foreground:"#b29762",caret:"#93abdc",selection:"#e3dcce",selectionMatch:"#e3dcce",gutterBackground:"#faf8f5",gutterForeground:"#cdc4b1",gutterBorder:"transparent",lineHighlight:"#ddceb154"},jr=[{tag:[o.comment,o.bracket],color:"#b6ad9a"},{tag:[o.atom,o.number,o.keyword,o.link,o.attributeName,o.quote],color:"#063289"},{tag:[o.emphasis,o.heading,o.tagName,o.propertyName,o.variableName],color:"#2d2006"},{tag:[o.typeName,o.url,o.string],color:"#896724"},{tag:[o.operator,o.string],color:"#1659df"},{tag:[o.propertyName],color:"#b29762"},{tag:[o.unit,o.punctuation],color:"#063289"}],Cr=e=>{var{theme:n="light",settings:r={},styles:a=[]}={};return st({theme:n,settings:xe({},vr,r),styles:[...jr,...a]})},Sr=Cr(),kr={background:"#2a2734",foreground:"#6c6783",caret:"#ffad5c",selection:"#91ff6c26",selectionMatch:"#91ff6c26",gutterBackground:"#2a2734",gutterForeground:"#545167",lineHighlight:"#36334280"},wr=[{tag:[o.comment,o.bracket],color:"#6c6783"},{tag:[o.atom,o.number,o.keyword,o.link,o.attributeName,o.quote],color:"#ffcc99"},{tag:[o.emphasis,o.heading,o.tagName,o.propertyName,o.className,o.variableName],color:"#eeebff"},{tag:[o.typeName,o.url],color:"#7a63ee"},{tag:o.operator,color:"#ffad5c"},{tag:o.string,color:"#ffb870"},{tag:[o.propertyName],color:"#9a86fd"},{tag:[o.unit,o.punctuation],color:"#e09142"}],Er=e=>{var{theme:n="dark",settings:r={},styles:a=[]}={};return st({theme:n,settings:xe({},kr,r),styles:[...wr,...a]})},Tr=Er();const Ir=E("aside")(({theme:e})=>({height:"50px",backgroundColor:e.palette.background.paper,borderTopRightRadius:e.shape.borderRadiusMedium,borderTopLeftRadius:e.shape.borderRadiusMedium,padding:e.spacing(1,2),color:e.palette.text.primary,display:"flex",justifyContent:"space-between",alignItems:"center",border:`1px solid ${e.palette.divider}`})),ot=E("div")(({theme:e,style:n})=>({width:e.spacing(3),height:e.spacing(3),display:"flex",alignItems:"center",color:e.palette.background.paper,justifyContent:"center",transition:"background-color 0.5s ease-in-out",borderRadius:"50%",...n})),Pr=E("div")(({theme:e})=>({fontSize:e.fontSizes.smallBody,color:e.palette.error.dark,marginRight:e.spacing(1)})),Rr=()=>{const e=N();return t.jsx(ot,{style:{backgroundColor:e.palette.success.main},children:t.jsx(Pt,{sx:n=>({width:n.spacing(2),height:n.spacing(2)})})})},Or=()=>{const e=N();return t.jsx(ot,{style:{backgroundColor:e.palette.error.main},children:t.jsx(Rt,{})})},Fr=({context:e,setContext:n,error:r})=>{const{themeMode:a}=p.useContext(It),s=N(),l=p.useCallback(i=>{n(i)},[n]),c=`calc(6 * ${s.typography.body1.fontSize} * ${s.typography.body1.lineHeight}) + 8px`;return t.jsxs(k,{sx:{width:"100%"},children:[t.jsxs(Ir,{children:["JSON",t.jsx(L,{condition:!!r,show:t.jsxs(k,{sx:i=>({display:"flex",alignItems:"center"}),children:[t.jsx(Pr,{children:r}),t.jsx(Or,{})]}),elseShow:t.jsx(Rr,{})})]}),t.jsx(at,{value:e,minHeight:c,theme:a==="dark"?Tr:Sr,extensions:[Qn()],onChange:l,style:{border:`1px solid ${s.palette.divider}`,borderTop:"none"},placeholder:JSON.stringify({currentTime:"2022-07-04T14:13:03.929Z",appName:"playground",userId:"test",remoteAddress:"127.0.0.1"},null,2)})]})};function it(e){return Array.isArray(e)?e:[e]}const Br=e=>!e||e.length===0||e.length===1&&e[0]==="*"?"*":it(e),Lr=e=>it(e),Nr=e=>{const n=Ar(e);return n.length>0?n[0]:""},Ar=e=>e.filter(({enabled:n})=>!!n).sort((n,r)=>n.sortOrder-r.sortOrder).map(({name:n})=>n),$r=(e,n)=>"100%",Dr=e=>typeof e=="string"?!0:Array.isArray(e)?e.every(n=>typeof n=="string"):!1,Hr=e=>{const n=new Set(["appName","environment","userId","sessionId","remoteAddress","currentTime","properties"]),r={...e};let a=!1;for(const s in e)n.has(s)||(r.properties||(r.properties={}),r.properties[s]=e[s],delete r[s],a=!0);return!a&&!e.properties&&delete r.properties,r},Wr=e=>{const[n]=e.split("."),[r,a]=n.split(":");if(!r||!a)throw new Error("Invalid token format");if(a==="*")throw new Error("Admin tokens are not supported in the playground")},zr=e=>{const[n]=e.split(".");return n.split(":")},Mr=e=>Ot({mode:"all"},e),Ur=(e,{groupOptions:n})=>{const r=l=>l.toSorted((c,i)=>c.sortOrder-i.sortOrder).map(c=>({key:c.name,label:c.name}));if(!n)return r(e);const a=e.reduce(({project:l,global:c},i)=>(i.project?l.push(i):c.push(i),{project:l,global:c}),{project:[],global:[]}),s=[];return a.project.length&&s.push({groupHeader:"Project context fields",options:r(a.project)}),a.global.length&&s.push({groupHeader:"Global context fields",options:r(a.global)}),s},_r=({context:e,setContext:n})=>{const r=N(),{setToastData:a}=Me(),{context:s}=Mr(),l=Ft("projectContextFields"),c=Ur(s,{groupOptions:l}),[i,h]=p.useState(),[g,d]=p.useState(!1),[u,m]=p.useState(""),[x,S]=p.useState(""),I=p.useMemo(()=>nr(w=>{var y;if(!w)return h(void 0);try{const f=JSON.parse(w);d(f[u]!==void 0||((y=f==null?void 0:f.properties)==null?void 0:y[u])!==void 0)}catch(f){return h(Z(f))}return h(void 0)},250),[h,u,d]);p.useEffect(()=>{I(e)},[I,e]);const j=()=>{try{const w=JSON.parse(e||"{}");n(JSON.stringify(Hr({...w,[u]:x}),null,2));const y=s.find(f=>f.name===u);if(y!=null&&y.legalValues&&y.legalValues.length>0||u==="currentTime")return S("")}catch(w){a({type:"error",text:`Error parsing context: ${Z(w)}`})}},P=(w,y)=>{if(Dr(y)){if(Array.isArray(y)){const f=(y||[]).length>1?y.join(","):y[0];return S(f)}S(y)}},A=()=>{if(!x||x==="")return[];const w=s.find(f=>f.name===u),y=((w==null?void 0:w.legalValues)||[]).length>1;return x.includes(",")&&y?x.split(","):[x]},O=()=>{if(u==="currentTime"){const y=we(x),b=y?Ee(y.toISOString()):Ee(new Date().toISOString());return t.jsx(ne,{id:"date",label:"Date",size:"small",type:"datetime-local",value:b,sx:{width:200,maxWidth:"100%"},onChange:C=>{const R=we(C.target.value),$=R==null?void 0:R.toISOString();$&&S($)},InputLabelProps:{shrink:!0},required:!0})}const w=s.find(y=>y.name===u);if(w!=null&&w.legalValues&&w.legalValues.length>0){const y=w.legalValues.map(({value:f})=>f);return t.jsx(Ue,{disablePortal:!0,limitTags:3,id:"context-legal-values",multiple:!0,options:y,disableCloseOnSelect:!0,size:"small",value:A(),onChange:P,getOptionLabel:f=>f,renderOption:(f,b,{selected:C})=>t.jsxs("li",{...f,children:[t.jsx(Lt,{icon:t.jsx(At,{fontSize:"small"}),checkedIcon:t.jsx(Nt,{fontSize:"small"}),sx:R=>({marginRight:R.spacing(.5)}),checked:C}),b]}),sx:{width:370,maxWidth:"100%"},renderInput:f=>t.jsx(ne,{...f,label:"Value"})})}return t.jsx(ne,{label:"Value",id:"context-value",sx:{width:370,maxWidth:"100%"},placeholder:"value1,value2,value3",size:"small",value:x,onChange:y=>S(y.target.value||"")})},T=w=>{if(m(w||""),w==="currentTime")return S(new Date().toISOString());S("")};return t.jsxs(k,{children:[t.jsx(k,{sx:{display:"flex",alignItems:"center",mb:2},children:t.jsx(D,{variant:"body2",color:r.palette.text.primary,sx:{ml:1},children:"Unleash context"})}),t.jsxs(k,{sx:{display:"flex",gap:2,flexWrap:"wrap",mb:2},children:[t.jsx(Bt,{label:"Context field",labelId:"context-field-label",id:"context-field",value:u,onChange:T,variant:"outlined",size:"small",sx:{width:200,maxWidth:"100%"},options:c}),O(),t.jsx(oe,{variant:"outlined",disabled:!u||!!i,onClick:j,sx:{width:"95px",maxHeight:"40px"},children:`${g?"Replace":"Add"} `})]}),t.jsx(Fr,{context:e,setContext:n,error:i})]})},Gr=({environments:e,setEnvironments:n,availableEnvironments:r,disabled:a})=>{const s=[...r.map(i=>({label:i,id:i}))],l=s.filter(({id:i})=>e.includes(i)),c=(i,h,g)=>{const d=h;return g==="clear"||d===null?n([]):Array.isArray(d)?d.length===0?n([]):n(d.map(({id:u})=>u)):n([d.id])};return t.jsx(Ue,{disablePortal:!0,limitTags:3,id:"environment",multiple:!0,options:s,sx:{flex:1},renderInput:i=>t.jsx(ne,{...i,label:"Environments"}),renderOption:$t,renderTags:(i,h)=>i.map((g,d)=>{const{key:u,...m}=h({index:d});return t.jsx(Dt,{size:"small",...m,label:g.label},u)}),getOptionLabel:({label:i})=>i,disableCloseOnSelect:!1,size:"small",value:l,onChange:c,disabled:a,"data-testid":"PLAYGROUND_ENVIRONMENT_SELECT"})},he={label:"ALL",id:"*"},De=E(Ut)({fontSize:"1.25rem"}),lt=E(Mt)(()=>({width:"100%"})),Vr=E(k)(({theme:e})=>({display:"grid",columnGap:e.spacing(2),rowGap:e.spacing(2),gridTemplateColumns:"1fr",[e.breakpoints.up("md")]:{gridTemplateColumns:"1fr 1fr"}})),qr=E(lt)(({theme:e})=>({"& label":{WebkitTextFillColor:e.palette.text.secondary},"& input.Mui-disabled":{WebkitTextFillColor:e.palette.text.secondary}})),Kr=({environments:e,projects:n,token:r,setProjects:a,setEnvironments:s,setToken:l,availableEnvironments:c,changeRequest:i,onClearChangeRequest:h})=>{const g=N(),{tokens:d}=Xn(),[u,m]=p.useState(),{projects:x}=Ht(),S=[he,...x.map(({name:f,id:b})=>({label:f,id:b}))],I=async f=>{const b=f.target.value;if(l==null||l(b),b===""){w();return}try{Wr(b),m(void 0),j(b)}catch(C){m(C.message)}},j=f=>{const[b,C]=zr(f);switch(s([C]),b){case"[]":A(f);break;case"*":O();break;default:T(b)}},P=f=>{!f.projects||f.projects==="*"?a([he.id]):typeof f.projects=="string"?a([f.projects]):Array.isArray(f.projects)&&a(f.projects)},A=f=>{const b=d.find(({secret:C})=>C===f);b?P(b):m("Invalid token. Ensure you use a valid token from this Unleash instance.")},O=()=>{a([he.id])},T=f=>{S.map(b=>b.id).includes(f)?a([f]):m(`Invalid token. Project ${f} does not exist.`)},w=()=>{m(void 0)},y=()=>{l==null||l(""),w()};return t.jsxs(k,{sx:{pb:2},children:[t.jsx(k,{sx:{display:"flex",alignItems:"center",mb:2},children:t.jsx(D,{variant:"body2",color:g.palette.text.primary,sx:{ml:1},children:"Access configuration"})}),t.jsxs(Vr,{children:[t.jsx(k,{children:t.jsx(Te,{arrow:!0,title:r?"Environment is automatically selected because you are using a token":"Select environments to use in the playground",children:t.jsx(k,{children:t.jsx(Gr,{environments:e,setEnvironments:s,availableEnvironments:c,disabled:!!(r||i)})})})}),t.jsx(k,{children:t.jsx(Te,{arrow:!0,title:r?"Project is automatically selected because you are using a token":"Select projects to use in the playground",children:t.jsx(Wt,{selectedProjects:n,onChange:a,dataTestId:"PLAYGROUND_PROJECT_SELECT",disabled:!!(r||i),limitTags:3})})}),t.jsx(k,{children:t.jsx(lt,{label:"API token",value:r||(i?" ":""),onChange:I,type:"text",error:!!u,errorText:u,placeholder:"Enter your API token","data-testid":"PLAYGROUND_TOKEN_INPUT",InputProps:{endAdornment:r?t.jsx(Ie,{position:"end","data-testid":"TOKEN_INPUT_CLEAR_BTN",children:t.jsx(_,{"aria-label":"clear API token",onClick:y,edge:"end",children:t.jsx(De,{})})}):null},disabled:!!i})}),t.jsx(L,{condition:!!i,show:t.jsxs(k,{sx:{display:"flex",gap:2},children:[t.jsx(k,{sx:{flex:1},children:t.jsx(qr,{label:"Change request",value:i?`Change request #${i}`:"",onChange:()=>{},type:"text",disabled:!0,InputProps:{endAdornment:t.jsx(Ie,{position:"end",children:t.jsx(_,{"aria-label":"clear Change request results",onClick:h,edge:"end",children:t.jsx(De,{})})})}})}),t.jsx(oe,{variant:"outlined",size:"small",to:`/projects/${n[0]}/change-requests/${i}`,component:zt,children:"View change request"})]})})]})]})},Jr=({availableEnvironments:e,environments:n,onSubmit:r,projects:a,token:s,setToken:l,setProjects:c,setEnvironments:i,context:h,setContext:g,changeRequest:d,onClearChangeRequest:u})=>t.jsxs(k,{component:"form",onSubmit:r,sx:{display:"flex",flexDirection:"column"},children:[t.jsx(Kr,{environments:Array.isArray(n)?n:[n],projects:a,token:s,setToken:l,setEnvironments:i,setProjects:c,availableEnvironments:e.map(({name:m})=>m),changeRequest:d,onClearChangeRequest:u}),t.jsx(_r,{context:h,setContext:g}),t.jsx(k,{sx:{mt:2,display:"flex",alignItems:"center",justifyContent:"space-between"},children:t.jsx(oe,{variant:"contained",size:"large",type:"submit",sx:{marginLeft:"auto"},children:"Try configuration"})})]}),Yr=E("div")(({style:e,theme:n})=>({width:"25px",height:"25px",borderRadius:"50%",color:n.palette.common.white,display:"flex",alignItems:"center",justifyContent:"center",fontWeight:"bold",...e})),Zr=({style:e,children:n,type:r})=>{const a=N(),s={backgroundColor:a.palette.background.alternative,color:a.palette.common.white};return r==="secondary"&&(s.backgroundColor=a.palette.background.paper,s.color=a.palette.text.secondary),t.jsx(Yr,{style:{...s,...e},children:n})},ge=({headerText:e,bodyText:n,sectionNumber:r})=>t.jsx(k,{sx:{display:"flex",alignItems:"flex-start",mt:2,flexDirection:"column"},children:t.jsxs(k,{sx:{display:"flex"},children:[t.jsx(k,{children:t.jsx(Zr,{children:r})}),t.jsxs(k,{sx:{ml:2,display:"flex",flexDirection:"column"},children:[t.jsx(D,{variant:"body1",sx:{fontWeight:"bold"},children:e}),t.jsx(L,{condition:!!n,show:t.jsx(D,{variant:"body1",sx:{mt:1},children:n})})]})]})}),ct=()=>t.jsxs(k,{sx:{ml:4},children:[t.jsx(D,{variant:"body1",children:"Unleash playground is for helping you to understand how Unleash works, how feature flags are evaluated and for you to easily debug your feature flags."}),t.jsx(_t,{sx:{mt:2,mb:2}}),t.jsx(D,{variant:"body1",sx:{mb:1},children:"What you need to do is:"}),t.jsx(ge,{headerText:`Select in which environment you want to test your
-                            feature flag configuration`,bodyText:`You can also specify specific projects, or check
-                            flags in all projects.`,sectionNumber:"1"}),t.jsx(ge,{headerText:"Select a context field that you'd like to check",bodyText:"You can configure as many context fields as you want. You can also leave the context empty to test against an empty context.",sectionNumber:"2"}),t.jsx(ge,{headerText:"Submit the form to try the configuration",bodyText:"The results of evaluating your feature flags will appear after you submit the form. Then view the results.",sectionNumber:"3"})]});var Se={},Qr=Ge;Object.defineProperty(Se,"__esModule",{value:!0});var dt=Se.default=void 0,Xr=Qr(_e()),ea=t,ta=(0,Xr.default)((0,ea.jsx)("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 17h-2v-2h2v2zm2.07-7.75-.9.92C13.45 12.9 13 13.5 13 15h-2v-.5c0-1.1.45-2.1 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41 0-1.1-.9-2-2-2s-2 .9-2 2H8c0-2.21 1.79-4 4-4s4 1.79 4 4c0 .88-.36 1.68-.93 2.25z"}),"Help");dt=Se.default=ta;const na=E(X)(({theme:e})=>({"& .MuiPaper-root":{borderRadius:e.shape.borderRadiusExtraLarge,border:`1px solid ${e.palette.divider}`,padding:e.spacing(8,4),maxWidth:"500px"}})),ra=()=>{const[e,n]=p.useState(null),r=l=>n(l.currentTarget),a=()=>n(null),s=!!e;return t.jsxs(k,{children:[t.jsx(_,{onClick:r,"aria-label":"Open Playground guidance",children:t.jsx(dt,{})}),t.jsxs(na,{open:s,anchorEl:e,onClose:a,anchorOrigin:{vertical:"bottom",horizontal:"center"},transformOrigin:{vertical:"top",horizontal:"center"},sx:l=>({zIndex:l.zIndex.tooltip,background:"none"}),children:[t.jsx(_,{onClick:a,sx:{position:"absolute",right:25,top:15},children:t.jsx(Gt,{})}),t.jsx(ct,{})]})]})},aa=e=>p.createElement("svg",{width:14,height:14,viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},p.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.84818 0.184159C8.56367 -0.0789547 8.1234 -0.0575747 7.86482 0.231912C7.60623 0.521399 7.62724 0.96937 7.91175 1.23248C9.48292 2.68551 10.6076 4.74934 10.6076 7C10.6076 9.25066 9.48292 11.3145 7.91175 12.7675C7.62724 13.0306 7.60623 13.4786 7.86482 13.7681C8.1234 14.0576 8.56367 14.079 8.84818 13.8158C10.6396 12.1592 11.9998 9.73702 11.9998 7C11.9998 4.26298 10.6396 1.84083 8.84818 0.184159ZM6.04105 2.23302C6.29109 1.93586 6.73054 1.90121 7.02259 2.15563C8.33146 3.29586 9.35426 5.02309 9.35426 6.99995C9.35426 8.97682 8.33145 10.7039 7.02259 11.8441C6.73054 12.0986 6.29109 12.0639 6.04105 11.7668C5.79101 11.4696 5.82506 11.0225 6.11711 10.768C7.19425 9.82969 7.96199 8.46967 7.96199 6.99995C7.96199 5.53021 7.19423 4.17007 6.11711 3.23173C5.82506 2.97731 5.79101 2.53017 6.04105 2.23302ZM6.56908 7.00015C6.56908 8.56492 5.3224 9.83342 3.78454 9.83342C2.24668 9.83342 1 8.56492 1 7.00015C1 5.43539 2.24668 4.16689 3.78454 4.16689C5.3224 4.16689 6.56908 5.43539 6.56908 7.00015Z",fill:"currentColor"})),sa=e=>p.createElement("svg",{width:14,height:14,viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},p.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.84835 0.184159C8.56384 -0.0789547 8.12358 -0.0575747 7.86499 0.231912C7.6064 0.521399 7.62741 0.96937 7.91192 1.23248C9.4831 2.68551 10.6078 4.74934 10.6078 7C10.6078 7.40738 10.5709 7.80863 10.5012 8.20125L11.6597 9.35972C11.8783 8.60937 12 7.81877 12 7C12 4.26298 10.6397 1.84083 8.84835 0.184159ZM9.35443 6.99995L9.35418 7.0542L7.63252 5.33255C7.30901 4.52372 6.76993 3.80029 6.11728 3.23173C5.82523 2.97731 5.79118 2.53017 6.04122 2.23302C6.29127 1.93586 6.73072 1.90121 7.02276 2.15563C8.33164 3.29586 9.35443 5.02309 9.35443 6.99995ZM7.57827 8.79752L6.48307 7.70233C6.17606 8.92745 5.08437 9.83342 3.78471 9.83342C2.24685 9.83342 1.00017 8.56492 1.00017 7.00015C1.00017 5.69492 1.8676 4.59583 3.04789 4.26714L0.458225 1.67748C0.172794 1.39205 0.178843 0.923223 0.471736 0.63033C0.764629 0.337437 1.23345 0.331388 1.51889 0.616819L13.2132 12.3111C13.4986 12.5965 13.4926 13.0654 13.1997 13.3583C12.9068 13.6511 12.4379 13.6572 12.1525 13.3718L10.556 11.7753C10.0694 12.539 9.48623 13.2259 8.84835 13.8158C8.56384 14.079 8.12358 14.0576 7.86499 13.7681C7.6064 13.4786 7.62741 13.0306 7.91192 12.7675C8.54021 12.1865 9.0971 11.5078 9.53922 10.7585L8.62356 9.84281C8.20906 10.6195 7.64861 11.2989 7.02276 11.8441C6.73072 12.0986 6.29127 12.0639 6.04122 11.7668C5.79118 11.4696 5.82523 11.0225 6.11728 10.768C6.73471 10.2302 7.25048 9.55374 7.57827 8.79752Z",fill:"currentColor"})),oa=e=>e==="unknown"||e==="unevaluated"?[ie,"info"]:e===!0?[aa,"success"]:[sa,"error"],K=({enabled:e,label:n,showIcon:r=!0})=>{const[a,s]=oa(e);return t.jsx(Ve,{color:s,icon:r?t.jsx(a,{"aria-hidden":!0,color:s,strokeWidth:"0.25"}):void 0,children:n})},ia=E(k)(({theme:e})=>({display:"flex",alignItems:"center",padding:e.spacing(1,0,1,2)})),la=E(k)(()=>({marginRight:"auto"})),ut=({feature:e})=>{const[n,r]=(()=>{var a;return e!=null&&e.isEnabled?[!0,"True"]:((a=e==null?void 0:e.strategies)==null?void 0:a.result)==="unknown"?["unknown","Unknown"]:[!1,"False"]})();return t.jsx(ia,{children:t.jsx(la,{"data-loading":!0,children:t.jsx(K,{enabled:n,label:r,showIcon:n!=="unknown"})})})};function ht(e){return e===void 0?!0:Object.values(e).every(n=>n&&typeof n=="object"?ht(n):n===null)}const He=e=>{var n,r;return(r=(n=e.strategies)==null?void 0:n.data)==null?void 0:r.find(a=>!qe.includes(a.name))},ca=e=>{var n,r,a,s;return((r=(n=e.strategies)==null?void 0:n.data)==null?void 0:r.length)>0&&!((s=(a=e.strategies)==null?void 0:a.data)!=null&&s.find(l=>qe.includes(l.name)))},da=E("div")({display:"flex",justifyContent:"space-between",width:"100%"}),ua=E("hgroup")(({theme:e})=>({display:"inline-flex",alignItems:"center",gap:e.spacing(1.5)})),ha=E("h3")(({theme:e})=>({fontWeight:"bold",fontSize:e.typography.subtitle1.fontSize,margin:0})),ga=({feature:e,input:n,onClose:r})=>{var d;const a=N(),[s,l,c]=e.isEnabled?[`This feature flag is True in ${n==null?void 0:n.environment} because `,"at least one strategy is True",a.palette.success.contrastText]:e.hasUnsatisfiedDependency&&!e.isEnabledInCurrentEnvironment?[`This feature flag is False in ${n==null?void 0:n.environment} because `,"parent dependency is not satisfied and the environment is disabled",a.palette.error.contrastText]:e.isEnabledInCurrentEnvironment?ca(e)?[`This feature flag is Unknown in ${n==null?void 0:n.environment} because `,"no strategies could be fully evaluated",a.palette.warning.contrastText]:He(e)?[`This feature flag is Unknown in ${n==null?void 0:n.environment} because `,"not all strategies could be fully evaluated",a.palette.warning.contrastText]:e.hasUnsatisfiedDependency?[`This feature flag is False in ${n==null?void 0:n.environment} because `,"parent dependency is not satisfied",a.palette.error.contrastText]:[`This feature flag is False in ${n==null?void 0:n.environment} because `,"all strategies are either False or could not be fully evaluated",a.palette.error.contrastText]:[`This feature flag is False in ${n==null?void 0:n.environment} because `,"the environment is disabled",a.palette.error.contrastText],i=ht(n==null?void 0:n.context)?"You did not provide a value for your context field in step 2 of the configuration":void 0,h=He(e)?"This feature uses custom strategies. Custom strategies can't be evaluated, so they will be marked accordingly.":void 0,g=r&&(u=>{u.stopPropagation(),r()});return t.jsxs(t.Fragment,{children:[t.jsxs(da,{children:[t.jsxs(ua,{children:[t.jsx(ha,{children:e.name}),t.jsx("p",{children:((d=e==null?void 0:e.strategies)==null?void 0:d.result)!=="unknown"?t.jsx(K,{enabled:e.isEnabled,label:e.isEnabled?"True":"False"}):t.jsx(K,{enabled:"unknown",label:"Unknown",showIcon:!1})})]}),t.jsx(_,{"aria-label":"Close",onClick:g,children:t.jsx(Vt,{})})]}),t.jsxs("p",{children:[s,t.jsx(D,{color:c,component:"span",children:l}),"."]}),i?t.jsx(Q,{color:"info",children:i}):null,h?t.jsx(Q,{severity:"warning",color:"info",children:h}):null]})},gt=E("div",{shouldForwardProp:e=>e!=="variant"})(({theme:e,variant:n})=>({"--font-size":e.typography.body2.fontSize,display:"flex",alignItems:"center",gap:e.spacing(1),padding:e.spacing(.5,.25),color:n==="ok"?e.palette.success.dark:e.palette.error.dark,fontSize:"var(--font-size)",svg:{fontSize:"calc(var(--font-size) * 1.25)"}})),fa=()=>t.jsxs(gt,{variant:"ok",children:[t.jsx(Kt,{"aria-hidden":"true"}),t.jsx("p",{children:"Constraint met by value in context"})]}),pa=({text:e})=>t.jsxs(gt,{variant:"error",children:[t.jsx(Jt,{"aria-hidden":"true"}),t.jsx("p",{children:e})]}),ft=({constraint:e,input:n})=>{if(!e)return null;const r=()=>{const a=n==null?void 0:n.context[e.contextName];return e.operator==="REGEX"&&a&&e.value?`Constraint not met – the value in the context ${e.contextName}: { ${a} } is not matching ${e.operator} ${e.value}`:a?`Constraint not met – the value in the context: { ${a} } is not ${e.operator} ${e.contextName}`:`Constraint not met – no value was specified for ${e.contextName}`};return t.jsx(pe,{children:t.jsxs("div",{children:[t.jsx(qt,{...e}),e.result?t.jsx(fa,{}):t.jsx(pa,{text:r()})]})})},ma=E(k)(({theme:e})=>({width:"auto",height:"auto",padding:e.spacing(2,3),borderRadius:e.shape.borderRadiusMedium,border:`1px solid ${e.palette.divider}`})),xa=({segment:e,input:n})=>{const r=e.constraints.length>0?t.jsx(Ke,{children:e.constraints.map(a=>t.jsx(ft,{constraint:a,input:n},ae(a)))}):void 0;return t.jsx(Yt,{segment:e,constraintList:r,isExpanded:!0})},ya=({strategyResult:e,input:n})=>{const{name:r,constraints:a,segments:s,parameters:l}=e,c=Zt(e),{strategies:i}=Qt(),{isCustomStrategy:h,customStrategyParameters:g}=Xt(e,i),d=!!(s&&s.length>0),u=!!(a&&(a==null?void 0:a.length)>0),m=r!=="default"&&Object.keys(en).includes(r);if(!l)return null;const x=[...d?s.map(j=>t.jsx(xa,{segment:j,input:n},ae(j))):[],...u?a.map(j=>t.jsx(ft,{constraint:j,input:n},ae(j))):[],m&&c.map((j,P)=>t.jsx(pe,{children:j},P)),h&&g.map((j,P)=>t.jsx(pe,{children:j},P)),r==="default"&&t.jsxs(ma,{sx:{width:"100%"},children:["The standard strategy is ",t.jsx(Ve,{color:"success",children:"ON"})," for all users."]},"default-on")].filter(Boolean),{variant:S,variants:I}=e.result;return t.jsxs(t.Fragment,{children:[t.jsx(Ke,{children:x}),I!=null&&I.length?t.jsx(tn,{variants:I,selected:S==null?void 0:S.name}):null]})},ba=({strategy:e,input:n,className:r})=>{const{result:a}=e,s=a.evaluationStatus==="incomplete"||a.evaluationStatus==="unevaluated"?"Not evaluated":a.enabled?"True":"False";return t.jsx(nn,{strategy:{...e,id:`${ae(e)}`},strategyHeaderLevel:4,className:r,headerItemsLeft:e.disabled?null:t.jsx(K,{showIcon:!1,enabled:a.enabled,label:s}),children:t.jsx(ya,{strategyResult:e,input:n})})},va=E("hgroup")(({theme:e})=>({paddingBottom:e.spacing(2)})),ja=E("h4")(({theme:e})=>({fontWeight:"normal",fontSize:e.typography.body1.fontSize,margin:0})),Ca=E("p")(({theme:e})=>({fontWeight:"bold",fontSize:e.typography.body2.fontSize})),Sa=E(sn)(({theme:e})=>({marginInline:"calc(var(--popover-inline-padding) * -1)",borderTop:`1px solid ${e.palette.divider}`,"> li:last-of-type":{paddingBottom:0}})),We=({strategies:e,input:n,titlePrefix:r,infoText:a})=>e.length===0?null:t.jsxs("div",{children:[t.jsxs(va,{children:[t.jsx(ja,{children:`${r?r.concat(" strategies"):"Strategies"} (${e==null?void 0:e.length})`}),a?t.jsx(Ca,{children:a}):null]}),t.jsx(Sa,{children:e==null?void 0:e.map((s,l)=>t.jsxs(rn,{children:[l>0?t.jsx(an,{}):"",t.jsx(ba,{strategy:s,input:n})]},s.id))})]}),ka=({feature:e})=>{var r,a;if(!((r=e==null?void 0:e.strategies)!=null&&r.data))return null;let n;if(e.hasUnsatisfiedDependency&&!e.isEnabledInCurrentEnvironment)n="If the environment was enabled and parent dependencies were satisfied";else if(e.hasUnsatisfiedDependency)n="If parent dependencies were satisfied";else if(!e.isEnabledInCurrentEnvironment)n="If the environment was enabled";else return;return t.jsxs(Q,{severity:"info",color:"info",children:[n,", then this feature flag would be"," ",(a=e.strategies)!=null&&a.result?"TRUE":"FALSE"," with strategies evaluated like this:"]})},wa=({feature:e,input:n})=>{var l,c,i,h,g;const r=(c=(l=e.strategies)==null?void 0:l.data)==null?void 0:c.filter(d=>!d.disabled),a=(h=(i=e.strategies)==null?void 0:i.data)==null?void 0:h.filter(d=>d.disabled),s=(a==null?void 0:a.length)>0;return(((g=e==null?void 0:e.strategies)==null?void 0:g.data.length)??0)===0?t.jsx(Q,{severity:"info",children:"There are no strategies added to this feature flag in the selected environment."}):t.jsxs(t.Fragment,{children:[t.jsx(ka,{feature:e}),t.jsx(We,{strategies:r||[],input:n,titlePrefix:s?"Enabled":void 0}),s?t.jsx(We,{strategies:a,input:n,titlePrefix:"Disabled",infoText:"Disabled strategies are not evaluated for the overall result."}):null]})},Ea=E("div")(({theme:e})=>({alignItems:"flex-end",color:e.palette.divider})),Ta=({feature:e,input:n})=>{const[r,a]=p.useState(!1),s=p.useRef(null),l=()=>{a(!r)};return t.jsxs(Ea,{children:[t.jsx(_,{onClick:l,children:t.jsx(ie,{ref:s})}),t.jsxs(X,{open:r,onClose:()=>a(!1),anchorEl:s.current,PaperProps:{sx:c=>({"--popover-inline-padding":c.spacing(4),paddingInline:"var(--popover-inline-padding)",paddingBlock:c.spacing(3),display:"flex",flexDirection:"column",width:728,maxWidth:"100%",height:"auto",gap:c.spacing(3),overflowY:"auto",backgroundColor:c.palette.background.elevation1,borderRadius:c.shape.borderRadius})},anchorOrigin:{vertical:"top",horizontal:"right"},transformOrigin:{vertical:"center",horizontal:"left"},children:[t.jsx(ga,{feature:e,input:n,onClose:()=>a(!1)}),t.jsx(wa,{feature:e,input:n})]})]})},pt=e=>e.feature?t.jsx(Ta,{...e}):null;var ke={},Ia=Ge;Object.defineProperty(ke,"__esModule",{value:!0});var mt=ke.default=void 0,Pa=Ia(_e()),Ra=t,Oa=(0,Pa.default)((0,Ra.jsx)("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm4.59-12.42L10 14.17l-2.59-2.58L6 13l4 4 8-8z"}),"CheckCircleOutlined");mt=ke.default=Oa;const Fa=E("div")(({theme:e})=>({padding:e.spacing(4),maxWidth:"400px"})),fe=E(D)(({theme:e})=>({marginBottom:e.spacing(2)})),Ba=E(mt)(({theme:e})=>({color:e.palette.success.main})),La=({variants:e,selectedVariant:n})=>{const r=N(),a=p.useMemo(()=>e.map(d=>({name:d.name,weight:`${on(d.weight)}%`,selected:d.name===n})),[e,n]),s=p.useMemo(()=>({sortBy:[{id:"name",desc:!1}]}),[]),{getTableProps:l,getTableBodyProps:c,headerGroups:i,rows:h,prepareRow:g}=B.useTable({initialState:s,columns:Na,data:a,sortTypes:le,autoResetGlobalFilter:!1,autoResetSortBy:!1,disableSortRemove:!0},B.useGlobalFilter,B.useSortBy);return t.jsxs(Fa,{children:[t.jsx(fe,{variant:"subtitle2",children:"Variant Information"}),t.jsx(fe,{variant:"body2",children:"The following table shows the variants defined on this feature toggle and the variant result based on your context configuration."}),t.jsx(fe,{variant:"body2",children:'If you include "userId" or "sessionId" in your context, the variant will be the same every time because unleash uses these properties to ensure that the user receives the same experience.'}),t.jsxs(ln,{...l(),rowHeight:"dense",children:[t.jsx(cn,{headerGroups:i}),t.jsx(dn,{...c(),children:h.map(d=>{const u={};d.original.selected||(u.color=r.palette.text.secondary),g(d);const{key:m,...x}=d.getRowProps();return t.jsx(un,{hover:!0,...x,children:d.cells.map(S=>{const{key:I,...j}=S.getCellProps();return t.jsx(hn,{...j,style:u,children:S.render("Cell")},I)})},m)})})]})]})},Na=[{id:"Icon",Cell:({row:{original:{selected:e}}})=>t.jsx(t.Fragment,{children:t.jsx(L,{condition:e,show:t.jsx(gn,{icon:t.jsx(Ba,{})})})}),maxWidth:25,disableGlobalFilter:!0},{Header:"Name",accessor:"name",searchable:!0,Cell:({row:{original:{name:e}}})=>t.jsx(Pe,{children:e}),maxWidth:175,width:175},{Header:"Weight",accessor:"weight",sortType:"alphanumeric",searchable:!0,maxWidth:75,Cell:({row:{original:{weight:e}}})=>t.jsx(Pe,{children:e})}],Aa=E("div")(()=>({maxWidth:"100%",display:"flex",alignItems:"center",wordBreak:"break-all"})),$a=({variant:e,variants:n,feature:r,isEnabled:a})=>{const s=N(),[l,c]=p.useState(null),i=d=>c(d.currentTarget),h=()=>c(null),g=!!l;return t.jsxs(Aa,{children:[e,t.jsx(L,{condition:!!n&&n.length>0&&a,show:t.jsxs(t.Fragment,{children:[t.jsx(_,{onClick:i,children:t.jsx(ie,{})}),t.jsx(X,{open:g,id:`${r}-result-variants`,PaperProps:{sx:{borderRadius:`${s.shape.borderRadiusLarge}px`}},onClose:h,anchorEl:l,anchorOrigin:{vertical:"bottom",horizontal:-320},children:t.jsx(La,{variants:n,selectedVariant:e})})]})})]})},Da=({features:e})=>{const n=N(),r=Je(n.breakpoints.down("sm")),a=Object.keys(e[0].context).map(d=>({Header:be(d),accessor:u=>u.context[d],minWidth:160,Cell:ye})),s=p.useMemo(()=>[...a,{Header:"Variant",id:"variant",accessor:"variant.name",sortType:"alphanumeric",filterName:"variant",maxWidth:200,Cell:({value:d,row:{original:{variant:u,feature:m,variants:x,isEnabled:S}}})=>t.jsx($a,{variant:u!=null&&u.enabled?d:"",variants:x,feature:m,isEnabled:S})},{id:"isEnabled",Header:"isEnabled",filterName:"isEnabled",accessor:d=>{var u;return d!=null&&d.isEnabled?"true":((u=d==null?void 0:d.strategies)==null?void 0:u.result)==="unknown"?"unknown":"false"},Cell:({row:d})=>t.jsx(ut,{feature:d.original}),sortType:"playgroundResultState",maxWidth:120,sortInverted:!0},{Header:"",maxWidth:70,id:"info",Cell:({row:d})=>t.jsx(pt,{feature:d.original,input:{environment:d.original.environment,context:d.original.context}})}],[]),{headerGroups:l,rows:c,prepareRow:i,setHiddenColumns:h}=B.useTable({columns:s,data:e,sortTypes:le,autoResetGlobalFilter:!1,autoResetHiddenColumns:!1,autoResetSortBy:!1,disableSortRemove:!0,disableMultiSort:!0},B.useGlobalFilter,B.useFlexLayout,B.useSortBy);Ye([{condition:r,columns:["variant"]}],h,s);const g=p.useRef(null);return t.jsx(k,{ref:g,sx:{overflow:"auto",maxHeight:"800px"},children:t.jsx(ve,{parentRef:g,rows:c,headerGroups:l,prepareRow:i})})},Ha=E("div",{})(({theme:e})=>({flexGrow:0,...Ze,justifyContent:"flex-start",margin:e.spacing(0,1.5)})),Wa=E(k)(({theme:e})=>({display:"flex",flexDirection:"row",gap:e.spacing(1)})),za=({value:e})=>{const n=N(),[r,a]=p.useState(null),s=g=>a(g.currentTarget),l=()=>a(null),c=!!r,i=(e||[]).filter(g=>g.isEnabled),h=(e||[]).filter(g=>!g.isEnabled);return t.jsxs(Ha,{children:[t.jsxs(Wa,{children:[t.jsx(L,{condition:i.length>0,show:t.jsx(K,{enabled:!0,label:`${i.length}`,showIcon:!0})}),t.jsx(L,{condition:h.length>0,show:t.jsx(K,{enabled:!1,label:`${h.length}`,showIcon:!0})})]}),t.jsxs(t.Fragment,{children:[t.jsx(_,{onClick:s,children:t.jsx(ie,{})}),t.jsxs(X,{open:c,id:`${e}-result-details`,PaperProps:{sx:{borderRadius:`${n.shape.borderRadiusLarge}px`,padding:n.spacing(3)}},onClose:l,anchorEl:r,anchorOrigin:{vertical:"bottom",horizontal:-320},children:[t.jsx(D,{variant:"subtitle2",sx:{mb:3},children:e[0].environment}),t.jsx(Da,{features:e})]})]})]})},Ma=({features:e})=>{const n=Object.keys(e),r=e[n[0]],a=r[0].context,s=p.useMemo(()=>r.map((m,x)=>({...Object.fromEntries(n.map(S=>[S,e[S][x]]))})),[JSON.stringify(e)]),l=Object.keys(a).map(m=>({Header:be(m),accessor:x=>x[n[0]].context[m],minWidth:160,Cell:ye})),c=n.map(m=>({Header:m,accessor:x=>{var S,I,j;return(S=x[m])!=null&&S.isEnabled?"true":((j=(I=x[m])==null?void 0:I.strategies)==null?void 0:j.result)==="unknown"?"unknown":"false"},Cell:({row:x})=>t.jsxs(k,{sx:{display:"flex"},children:[t.jsx(ut,{feature:x.original[m]}),t.jsx(pt,{feature:x.original[m],input:{environment:x.original[m].environment,context:x.original[m].context}})]}),sortType:"playgroundResultState",maxWidth:140})),i=p.useMemo(()=>[...l,...c],[]),{headerGroups:h,rows:g,prepareRow:d}=B.useTable({columns:i,data:s,sortTypes:le,autoResetGlobalFilter:!1,autoResetHiddenColumns:!1,autoResetSortBy:!1,disableSortRemove:!0,disableMultiSort:!0},B.useGlobalFilter,B.useFlexLayout,B.useSortBy),u=p.useRef(null);return t.jsx(k,{ref:u,sx:{overflow:"auto",maxHeight:"800px"},children:t.jsx(ve,{parentRef:u,rows:g,headerGroups:h,prepareRow:d})})},Ua=E("div",{})(({theme:e})=>({flexGrow:0,...Ze,justifyContent:"flex-start",margin:e.spacing(0,1.5)})),_a=E(oe)(({theme:e})=>({textAlign:"left",textDecorationStyle:"dotted",textDecorationLine:"underline",textUnderlineOffset:e.spacing(.75),color:e.palette.neutral.dark,padding:0,fontWeight:"normal"})),Ga=({value:e})=>{const n=N(),[r,a]=p.useState(null),s=i=>a(i.currentTarget),l=()=>a(null),c=!!r;return t.jsx(Ua,{children:t.jsxs(t.Fragment,{children:[t.jsx(_a,{variant:"text",onClick:s,children:"View diff"}),t.jsxs(X,{open:c,id:`${e}-result-details`,PaperProps:{sx:{borderRadius:`${n.shape.borderRadiusLarge}px`,padding:n.spacing(3)}},onClose:l,anchorEl:r,anchorOrigin:{vertical:"bottom",horizontal:-320},children:[t.jsx(D,{variant:"subtitle2",sx:{mb:3},children:"Environments diff"}),t.jsx(Ma,{features:e})]})]})})},Va=e=>e.reduce((n,r)=>n+Object.values(r.environments).flatMap(a=>Object.keys(a)).length,0),qa=e=>e<0?"invalid bucket":e>=2e4?"20000+":e>=1e4?"10000-20000":e>=1e3?"1000-10000":e>=100?"100-1000":"0-100",Ka={id:"name"},{value:ze,setValue:Ja}=et("AdvancedPlaygroundResultsTable:v1",Ka),Ya=({features:e,input:n,loading:r})=>{const{trackEvent:a}=Qe();e&&a("playground",{props:{eventType:"number-of-combinations",count:qa(Va(e))}});const[s,l]=Xe(),c=fn(r),[i,h]=p.useState(s.get("search")||""),g=N(),d=Je(g.breakpoints.down("md")),u=e&&e.length>0?Object.keys(e[0].environments).length:0,m=p.useMemo(()=>{var f;return[{Header:"Name",accessor:"name",searchable:!0,minWidth:160,Cell:({value:b,row:{original:C}})=>t.jsx(Re,{title:b,to:`/projects/${C==null?void 0:C.projectId}/features/${b}`})},{Header:"Project ID",accessor:"projectId",sortType:"alphanumeric",filterName:"projectId",searchable:!0,minWidth:150,Cell:({value:b})=>t.jsx(Re,{title:b,to:`/projects/${b}`})},...((f=n==null?void 0:n.environments)==null?void 0:f.map(b=>({Header:r?()=>"":be(b),maxWidth:150,id:`environments.${b}`,align:"flex-start",Cell:({row:C})=>t.jsx(za,{value:C.original.environments[b]})})))||[],...u>1?[{Header:"Diff",minWidth:150,id:"diff",align:"left",Cell:({row:b})=>t.jsx(Ga,{value:b.original.environments})}]:[]]},[n]),{data:x,getSearchText:S,getSearchContext:I}=pn(m,i,e||[]),j=p.useMemo(()=>r?Array(5).fill({name:"Feature name",projectId:"Feature Project",environments:{name:"Feature Environments",variants:[]},enabled:!0}):x,[x,r]),[P]=p.useState(()=>({sortBy:[{id:s.get("sort")||ze.id,desc:s.has("order")?s.get("order")==="desc":ze.desc}]})),{headerGroups:A,rows:O,state:{sortBy:T},prepareRow:w,setHiddenColumns:y}=B.useTable({initialState:P,columns:m,data:j,sortTypes:le,autoResetGlobalFilter:!1,autoResetHiddenColumns:!1,autoResetSortBy:!1,disableSortRemove:!0,disableMultiSort:!0,defaultColumn:{Cell:ye}},B.useGlobalFilter,B.useFlexLayout,B.useSortBy);return Ye([{condition:d,columns:["projectId"]}],y,m),p.useEffect(()=>{if(r)return;const f=Object.fromEntries(s);f.sort=T[0].id,T[0].desc?f.order="desc":f.order&&delete f.order,i?f.search=i:delete f.search,l(f,{replace:!0}),Ja({id:T[0].id,desc:T[0].desc||!1})},[r,T,i]),t.jsxs(t.Fragment,{children:[t.jsxs(k,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center",mb:3},children:[t.jsx(D,{variant:"subtitle1",sx:{ml:1},children:e!==void 0&&!r?`Results (${O.length<j.length?`${O.length} of ${j.length}`:j.length})`:"Results"}),t.jsx(mn,{initialValue:i,onChange:h,hasFilters:!0,getSearchContext:I,disabled:r,containerStyles:{marginLeft:"1rem",maxWidth:"400px"}})]}),t.jsx(L,{condition:!r&&!j,show:()=>t.jsx(de,{children:j===void 0?"None of the feature flags were evaluated yet.":"No results found."}),elseShow:()=>t.jsxs(k,{ref:c,sx:{overflow:"auto"},children:[t.jsx(xn,{value:S(i),children:t.jsx(ve,{rows:O,headerGroups:A,prepareRow:w})}),t.jsx(L,{condition:j.length===0&&(i==null?void 0:i.length)>0,show:t.jsxs(de,{children:["No feature flags found matching “",i,"”"]})}),t.jsx(L,{condition:j&&j.length===0&&!i,show:t.jsx(de,{children:"No features flags to display"})})]})})]})},xt=E(Q)(({theme:e})=>({marginBottom:e.spacing(3)})),Za=({response:e})=>{var r;const n=(r=e==null?void 0:e.warnings)==null?void 0:r.invalidContextProperties;if(n&&n.length>0){n.sort();const a="Some context properties were not taken into account during evaluation",s=E("details")(({theme:l})=>({"* + *":{marginBlockStart:l.spacing(1)}}));return t.jsx(xt,{severity:"warning",children:t.jsxs(s,{children:[t.jsx("summary",{children:a}),t.jsx("p",{children:"The context you provided for this query contained top-level properties with invalid values. These properties were not taken into consideration when evaluating your query. The properties are:"}),t.jsx("ul",{children:n.map(l=>t.jsx("li",{"data-testid":"context-warning-list-element",children:t.jsx("code",{children:l})},l))}),t.jsxs("p",{children:["Remember that context fields (with the exception of the"," ",t.jsx("code",{children:"properties"})," object) must be strings."]}),t.jsx("p",{children:"Because we didn't take these properties into account during the feature flag evaluation, they will not appear in the results table."})]})})}else return null},ts=({FormComponent:e=Jr})=>{const n={projects:[],environments:[]},{value:r,setValue:a}=et("AdvancedPlayground:v1",n),{trackEvent:s}=Qe(),{environments:l}=yn(),c=N(),[i,h]=p.useState(),[g,d]=p.useState(r.environments),[u,m]=p.useState(r.projects),[x,S]=p.useState(r.token),[I,j]=p.useState(r.context),[P,A]=p.useState(),{setToastData:O}=Me(),[T,w]=Xe(),[y,f]=p.useState(),{evaluateAdvancedPlayground:b,evaluateChangeRequestPlayground:C,loading:R,errors:$}=er(),[z,J]=p.useState(!1);p.useEffect(()=>{(g==null?void 0:g.length)===0&&l.length>0&&d([Nr(l)])},[JSON.stringify(g),JSON.stringify(l)]),p.useEffect(()=>{V()},[]);const V=async()=>{try{const v=Y(),W=H(),te=F();G(),q(),v&&te&&await ee(v||[],W||"*",te)}catch(v){O({type:"error",text:`Failed to parse URL parameters: ${Z(v)}`})}},Y=()=>{let v=null;const W=T.get("environments");return W&&(v=W.split(","),d(v)),v},H=()=>{let v=null;const W=T.get("projects");return W&&(v=W.split(","),m(v)),v},F=()=>{let v=T.get("context");return v&&(v=decodeURI(v),j(v)),v},G=()=>{let v=T.get("token");return v&&(v=decodeURI(v),S(v)),v},q=()=>{const v=T.get("changeRequest");v&&f(v)},ee=async(v,W,te,ce)=>{try{h(void 0);const M={appName:"playground",...JSON.parse(te||"{}")},kt=y?await C(y,{context:M}):await b({environments:Lr(v),projects:Br(W),context:M});ce&&typeof ce=="function"&&ce(),A(kt)}catch(M){M instanceof bn?h(M.message):M instanceof SyntaxError?O({type:"error",text:`Error parsing context: ${Z(M)}`}):O({type:"error",text:Z(M)})}},yt=()=>{let v="default";x&&x!==""?v="api_token":y&&(v="change_request"),s("playground",{props:{eventType:"try-configuration",mode:v}})},bt=async v=>{v.preventDefault(),J(!0),yt(),await ee(g,u,I,()=>{jt(),y||a({environments:g,projects:u,context:I})})},vt=()=>{f(void 0)},jt=()=>{T.set("context",encodeURI(I||"")),Array.isArray(g)&&g.length>0&&!(g.length===1&&g[0]==="*")?T.set("environments",g.join(",")):T.delete("projects"),Array.isArray(u)&&u.length>0&&!(u.length===1&&u[0]==="*")?T.set("projects",u.join(",")):T.delete("projects"),y?T.set("changeRequest",y):T.delete("changeRequest"),w(T)},Ct="auto",St=$r();return t.jsx(vn,{header:t.jsx(Sn,{title:"Unleash playground",actions:t.jsx(ra,{})}),disableLoading:!0,bodyClass:"no-padding",children:t.jsxs(k,{sx:{display:"flex",flexDirection:"column"},children:[t.jsx(k,{sx:{background:c.palette.background.elevation2,borderBottomLeftRadius:c.shape.borderRadiusMedium,isolation:"isolate",zIndex:2},children:t.jsx(jn,{elevation:0,sx:{px:4,py:3,background:c.palette.background.elevation2,transition:"width 0.4s ease",minWidth:"auto",width:Ct,position:"sticky",top:0},children:t.jsx(e,{onSubmit:bt,context:I,setContext:j,availableEnvironments:l,projects:u,environments:g,token:x,setToken:S,setProjects:m,setEnvironments:d,changeRequest:y||void 0,onClearChangeRequest:vt})})}),t.jsxs(k,{sx:v=>({width:St,transition:"width 0.4s ease",padding:v.spacing(4,4),isolation:"isolate",zIndex:1}),children:[t.jsx(L,{condition:!!i,show:t.jsx(xt,{severity:"warning",children:i})}),t.jsx(L,{condition:R,show:t.jsx(Cn,{}),elseShow:t.jsxs(t.Fragment,{children:[t.jsx(L,{condition:!!P&&Object.values($).length===0,show:t.jsxs(t.Fragment,{children:[t.jsx(Za,{response:P}),t.jsx(Ya,{loading:R,features:P==null?void 0:P.features,input:P==null?void 0:P.input})]})}),t.jsx(L,{condition:!P&&!z,show:t.jsx(ct,{})})]})})]})]})})};export{ts as AdvancedPlayground,ts as default};

package/frontend/build/static/BackendConnections-DhZczar-.js

@@ -1 +0,0 @@
-import{cJ as l,ba as c,j as e,C as d,B as n,R as t,T as p,x as g,fO as h,jo as x,s as u,dC as j,dD as m,dE as y,jp as C,jq as f,jr as S,js as B}from"./index-DMSjiFEm.js";import{u as T,b,S as v,T as w,P as D,n as P,g as k}from"./networkTrafficUsageHighlightPlugin-BbfAyDiQ.js";import{a as q}from"./formatTickValue-BZb4ZIL9.js";import"./LazyAdminExport-CWQiknO-.js";import"./RoleCell-CjVCxBgl.js";import"./useApiTokens-DBB3NvXL.js";import"./PercentageDonut-JGNh2FVZ.js";const E=u(n)(({theme:s})=>({display:"flex",alignItems:"center",gap:s.spacing(.5)})),F=()=>{l("Network - Backend Connections");const{isOss:s}=c(),{chartDataSelection:a,setChartDataSelection:o,options:i}=T(),{chartData:r}=b(a);return e.jsx(d,{condition:s(),show:e.jsx(t,{severity:"warning",children:"Not enabled."}),elseShow:e.jsx(e.Fragment,{children:e.jsxs(v,{children:[e.jsxs(w,{children:[e.jsx(n,{children:e.jsx(t,{severity:"info",icon:!1,children:e.jsxs(E,{children:[e.jsx(p,{children:"1 connection = 7200 backend SDK requests per day"}),e.jsx(g,{title:"1 connection involves polling every 15 seconds and sending metrics every 60 seconds. This translates to 5 requests per minute, 300 requests per hour, and 7200 requests per day.",children:e.jsx(h,{})})]})})}),e.jsx(D,{selectedPeriod:a,setPeriod:o})]}),e.jsx(x,{data:r,plugins:[P],options:i,"aria-label":k(a)})]})})})};j.register(q,m,y,C,f,S,B);export{F as BackendConnections,F as default};

package/frontend/build/static/EnterpriseEdge-D1To2ugP.js

@@ -1,3 +0,0 @@
-import{cA as D,b7 as U,r as i,b9 as z,F as W,j as t,H as _,ce as u,s as a,bq as k,b5 as R,hj as f,x as A,M as E,h as B,bn as F,cy as N,cm as $,cz as P,b as H,gf as j,jO as V,jP as O,jQ as q,T as h,aN as G,k as Z,L as J,d as Q,cJ as Y,aA as X}from"./index-DMSjiFEm.js";import{u as K}from"./unknownify-B7hmSXnj.js";import{S as ee}from"./LazyAdminExport-CWQiknO-.js";import"./RoleCell-CjVCxBgl.js";import"./useApiTokens-DBB3NvXL.js";import"./PercentageDonut-JGNh2FVZ.js";const te={connectedEdges:[],revisionIds:[]},ne=e=>{const{data:n,error:s,mutate:o}=D(U("api/admin/metrics/edges"),se,e);return i.useMemo(()=>{const r=!s&&!n;return(n==null?void 0:n.connectedEdges)!==void 0?{edgeObservability:n,loading:r,refetch:()=>o(),error:s}:Array.isArray(n)?{edgeObservability:{connectedEdges:n,revisionIds:[]},loading:r,refetch:()=>o(),error:s}:{edgeObservability:te,loading:r,refetch:()=>o(),error:s}},[n,s,o])},se=e=>fetch(e).then(z("Connected Edges")).then(n=>n.json());var v={},re=_;Object.defineProperty(v,"__esModule",{value:!0});var w=v.default=void 0,ie=re(W()),oe=t,ae=(0,ie.default)((0,oe.jsx)("path",{d:"M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2z"}),"Circle");w=v.default=ae;const de=a("table")(({theme:e})=>({width:"100%",borderCollapse:"collapse",fontSize:e.fontSizes.smallerBody,"& > thead":{borderBottom:`1px solid ${e.palette.text.primary}`},"& tr":{textAlign:"right","& > th:first-of-type, td:first-of-type":{textAlign:"left"}}})),S=a("tr")(({theme:e})=>({fontWeight:e.fontWeight.bold,"&&& > td":{paddingTop:e.spacing(1),"& > div":{display:"flex",alignItems:"center"}}})),le=({instance:e})=>t.jsxs(de,{children:[t.jsx("thead",{children:t.jsxs("tr",{children:[t.jsx("th",{children:"Latency (ms)"}),t.jsx("th",{children:"Avg"}),t.jsx("th",{children:"p99"})]})}),t.jsxs("tbody",{children:[t.jsx(S,{children:t.jsx("td",{colSpan:3,children:t.jsxs("div",{children:["Upstream"," ",t.jsx(u,{tooltip:"Latency measured for requests sent from this Edge instance to the configured upstream, i.e. Unleash or another Edge instance.",size:"16px"})]})})}),t.jsxs("tr",{children:[t.jsx("td",{children:"Client Features"}),t.jsx("td",{children:e.upstreamFeaturesAverageLatencyMs}),t.jsx("td",{children:e.upstreamFeaturesP99LatencyMs})]}),t.jsxs("tr",{children:[t.jsx("td",{children:"Metrics"}),t.jsx("td",{children:e.upstreamMetricsAverageLatencyMs}),t.jsx("td",{children:e.upstreamMetricsP99LatencyMs})]}),t.jsxs("tr",{children:[t.jsx("td",{children:"Edge"}),t.jsx("td",{children:e.upstreamEdgeAverageLatencyMs}),t.jsx("td",{children:e.upstreamEdgeP99LatencyMs})]}),t.jsx(S,{children:t.jsx("td",{colSpan:3,children:t.jsxs("div",{children:["Downstream"," ",t.jsx(u,{tooltip:"Latency measured when serving requests from clients, i.e. SDKs or other Edge instances.",size:"16px"})]})})}),t.jsxs("tr",{children:[t.jsx("td",{children:"Client Features"}),t.jsx("td",{children:e.clientFeaturesAverageLatencyMs}),t.jsx("td",{children:e.clientFeaturesP99LatencyMs})]}),t.jsxs("tr",{children:[t.jsx("td",{children:"Frontend"}),t.jsx("td",{children:e.frontendApiAverageLatencyMs}),t.jsx("td",{children:e.frontendApiP99LatencyMs})]})]})]}),ce=a("table")(({theme:e})=>({width:"100%",borderCollapse:"collapse",fontSize:e.fontSizes.smallerBody,"& > thead":{borderBottom:`1px solid ${e.palette.text.primary}`},"& tr":{textAlign:"right","& > th:first-of-type, td:first-of-type":{textAlign:"left"},paddingTop:e.spacing(1)}})),C=a("td")(({theme:e})=>({paddingTop:e.spacing(1),maxWidth:"80px","& > div":{display:"flex",alignItems:"center",justifyContent:"end"}})),pe=a(E)(({theme:e})=>({padding:e.spacing(0,1)})),he=e=>e.length===1?e[0]:"[]",ge=e=>`${he(e.projects)}:${e.environment}.***`,xe=e=>`[${e.projects.join(",")}]:${e.environment}`,ue=(e,n)=>{var s;return((s=e.find(o=>o.environment===n))==null?void 0:s.revisionId)||0},me=e=>e<=0?"success":e<5?"warning":"error",ye=({edgeRevisionId:e,upstreamRevisionId:n})=>{const s=n-e,r=s<=0?"Edge feature configuration is up to date":`Edge is ${s} revisions behind Unleash`;return t.jsx(A,{title:r,children:t.jsx(pe,{color:me(s),children:e})})},je=({apiKeys:e,revisionIds:n})=>{const{locationSettings:s}=k();return!e||e.length===0?null:t.jsxs(ce,{children:[t.jsx("thead",{children:t.jsxs("tr",{children:[t.jsx("th",{children:"Token"}),t.jsx("th",{children:"Revision"})]})}),t.jsx("tbody",{children:e==null?void 0:e.map(o=>{const r=ge(o);return t.jsxs("tr",{children:[t.jsx(C,{children:t.jsx(R,{title:r,children:r})}),t.jsx(C,{children:t.jsxs("div",{children:[t.jsx(ye,{edgeRevisionId:o.revisionId,upstreamRevisionId:ue(n,o.environment)}),t.jsx(u,{tooltip:`
-                                            Edge last updated this token: ${f(o.lastUpdated,s.locale)}
-                                        `,size:"14px"})]})})]},xe(o))})})]})},fe=a("div")(({theme:e})=>({width:"100%",borderRadius:e.shape.borderRadiusMedium,border:"1px solid",borderColor:e.palette.secondary.border,backgroundColor:e.palette.secondary.light,display:"flex",flexDirection:"column",alignItems:"center",padding:0,zIndex:1,marginTop:e.spacing(1)})),Ee=a(N)({width:"100%",background:"transparent",boxShadow:"none"}),ve=a($,{shouldForwardProp:e=>e!=="connectionStatus"})(({theme:e,connectionStatus:n})=>({fontSize:e.fontSizes.smallBody,padding:e.spacing(1),minHeight:e.spacing(3),"& .MuiAccordionSummary-content":{alignItems:"center",gap:e.spacing(1),margin:0,"&.Mui-expanded":{margin:0},"& svg":{fontSize:e.fontSizes.mainHeader,color:n==="Stale"?e.palette.warning.main:n==="Disconnected"?e.palette.error.main:e.palette.success.main}}})),Se=a(P)(({theme:e})=>({display:"flex",flexDirection:"column",fontSize:e.fontSizes.smallerBody,gap:e.spacing(2)})),p=a("div")(({theme:e})=>({display:"flex",justifyContent:"space-between",gap:e.spacing(2),"& > span":{display:"flex",alignItems:"center"}})),Ce=a(E)(({theme:e})=>({padding:e.spacing(0,1)})),be=({hosting:e})=>{switch(e){case"hosted":return"Cloud";case"enterprise-self-hosted":return"Self-hosted";default:return e?`Unknown: ${e}`:"Unknown"}},Le=({reportedAt:e})=>{const n=new Date(e).getTime(),s=(Date.now()-n)/1e3;return s>360?"Disconnected":s>180?"Stale":"Connected"},ke=({started:e,reportedAt:n,cpuUsage:s})=>{const o=Number(s);if(!o)return"No usage";const r=new Date(e).getTime(),l=(new Date(n).getTime()-r)/1e3;return l===0?"No usage":`${(o/l*100).toFixed(2)} %`},Ae=({memoryUsage:e})=>{if(!e)return"No usage";const n=["B","KB","MB","GB"];let s=e,o=0;for(;s>=1024&&o<n.length-1;)s/=1024,o++;return`${s.toFixed(2)} ${n[o]}`},we=({instance:e,revisionIds:n})=>{const{locationSettings:s}=k(),o=B("enterpriseEdgeTokensList"),r=Le(e),d=f(e.started,s==null?void 0:s.locale),l=f(e.reportedAt,s==null?void 0:s.locale),c=ke(e),m=Ae(e),g=c==="No usage"&&m==="No usage"&&t.jsx("p",{children:"Resource metrics are only available when running on Linux."});return t.jsx(fe,{children:t.jsxs(Ee,{children:[t.jsxs(ve,{expandIcon:t.jsx(F,{}),connectionStatus:r,children:[t.jsx(A,{arrow:!0,title:`${r}. Last reported: ${l}`,children:t.jsx(w,{})}),e.id||e.instanceId]}),t.jsxs(Se,{children:[t.jsxs(p,{children:[t.jsx("strong",{children:"ID"}),t.jsx("span",{children:e.instanceId})]}),t.jsxs(p,{children:[t.jsx("strong",{children:"Upstream server"}),t.jsx("span",{children:e.connectedVia||"Unleash"})]}),t.jsxs(p,{children:[t.jsx("strong",{children:"Region"}),t.jsx("span",{children:e.region||"Unknown"})]}),t.jsxs(p,{children:[t.jsx("strong",{children:"Hosting"}),t.jsx("span",{children:be(e)})]}),t.jsxs(p,{children:[t.jsx("strong",{children:"Version"}),t.jsx("span",{children:e.edgeVersion})]}),t.jsxs(p,{children:[t.jsx("strong",{children:"Status"}),t.jsx(Ce,{color:r==="Disconnected"?"error":r==="Stale"?"warning":"success",children:r})]}),t.jsxs(p,{children:[t.jsx("strong",{children:"Start"}),t.jsx("span",{children:d})]}),t.jsxs(p,{children:[t.jsx("strong",{children:"Last report"}),t.jsx("span",{children:l})]}),t.jsxs(p,{children:[t.jsx("strong",{children:"CPU"}),t.jsxs("span",{children:[c," ",t.jsx(u,{tooltip:t.jsxs(t.Fragment,{children:[t.jsx("p",{children:"CPU average usage since instance started."}),g]}),size:"16px"})]})]}),t.jsxs(p,{children:[t.jsx("strong",{children:"Memory"}),t.jsxs("span",{children:[m," ",t.jsx(u,{tooltip:t.jsxs(t.Fragment,{children:[t.jsx("p",{children:"Current memory usage."}),g]}),size:"16px"})]})]}),t.jsxs(p,{children:[t.jsx("strong",{children:"Stream clients"}),t.jsx("span",{children:e.connectedStreamingClients})]}),t.jsx(p,{children:t.jsx(le,{instance:e})}),o&&t.jsx(p,{children:t.jsx(je,{apiKeys:e.apiKeyRevisionIds,revisionIds:n})})]})]})})},x="Unleash",Me=a("div")(({theme:e})=>({marginBottom:e.spacing(18),display:"flex",justifyContent:"center"})),Ie=a("div")(({theme:e})=>({display:"flex",justifyContent:"center",gap:e.spacing(4),flexWrap:"wrap",marginTop:e.spacing(2)})),M=a("div")(({theme:e})=>({borderRadius:e.shape.borderRadiusMedium,border:`1px solid ${e.palette.secondary.border}`,backgroundColor:e.palette.secondary.light,display:"flex",flexDirection:"column",alignItems:"center",padding:e.spacing(1.5),zIndex:1,marginTop:e.spacing(1),"& > svg":{width:e.spacing(9),height:e.spacing(9)}})),Te=a(M)(({theme:e})=>({backgroundColor:G(e.palette.background.paper,.75),position:"relative"})),De=a(E)({position:"absolute",top:-13}),Ue=a(h)(({theme:e})=>({marginTop:e.spacing(.5),fontWeight:e.fontWeight.bold})),ze=a(h)(({theme:e})=>({fontSize:e.fontSizes.smallerBody,color:e.palette.text.secondary})),We=e=>e.reduce((n,s)=>(n.has(s.appName)||n.set(s.appName,{appName:s.appName,instances:[],groupTargets:new Set,level:0}),n.get(s.appName).instances.push(s),n),new Map),_e=e=>{const n=new Map,s=r=>{if(n.has(r.appName))return n.get(r.appName);let d=0;return r.groupTargets.forEach(l=>{if(l!==x){const c=e.get(l);c&&(d=Math.max(d,s(c)+1))}}),n.set(r.appName,d),d};e.forEach(r=>{r.level=s(r)});const o=new Map;return e.forEach(r=>{const d=o.get(r.level)||[];d.push(r),o.set(r.level,d)}),o},Re=e=>{const n=We(e),s=new Map,o=new Map;return n.forEach(r=>{r.instances=r.instances.sort((d,l)=>d.instanceId.localeCompare(l.instanceId)).map((d,l)=>{const c=`${r.appName}-${l+1}`;return s.set(d.instanceId,c),o.set(c,r.appName),{...d,id:c}})}),n.forEach(r=>{r.instances=r.instances.map(l=>({...l,connectedVia:l.connectedVia?s.get(l.connectedVia)||l.connectedVia:x}));const d=new Set;r.instances.forEach(l=>{if(!l.connectedVia||l.connectedVia===x)d.add(x);else{const c=o.get(l.connectedVia);c&&c!==r.appName&&d.add(c)}}),r.groupTargets=d}),_e(n)},Be=e=>e.every(n=>n.hosting==="hosted")?{hostingLabel:"Cloud",hostingColor:"secondary"}:e.every(n=>n.hosting==="enterprise-self-hosted")?{hostingLabel:"Self-hosted",hostingColor:"info"}:e.every(n=>n.hosting==="hosted"||n.hosting==="enterprise-self-hosted")?{hostingLabel:"Hybrid",hostingColor:"warning"}:{hostingLabel:"Unknown",hostingColor:"neutral"},Fe=({connectedEdges:e,revisionIds:n})=>{const s=H(),o=i.useMemo(()=>Re(e),[e]),r=Array.from(o.keys()).sort((d,l)=>d-l);return t.jsxs(j.ArcherContainer,{strokeColor:s.palette.text.primary,endShape:{arrow:{arrowLength:4,arrowThickness:4}},children:[t.jsx(Me,{children:t.jsx(j.ArcherElement,{id:x,children:t.jsxs(M,{children:[t.jsx(V,{darkmode:t.jsx(q,{}),lightmode:t.jsx(O,{})}),t.jsx(h,{sx:{mt:1},children:x})]})})}),r.map(d=>{var l;return t.jsx(Ie,{children:(l=o.get(d))==null?void 0:l.map(({appName:c,groupTargets:m,instances:g})=>{const{hostingLabel:I,hostingColor:T}=Be(g);return t.jsx(j.ArcherElement,{id:c,relations:Array.from(m).map(y=>({targetId:y,targetAnchor:"bottom",sourceAnchor:"top",style:{strokeColor:s.palette.secondary.border}})),children:t.jsxs(Te,{children:[t.jsx(De,{color:T,children:I}),t.jsx(Ue,{children:K(c)}),t.jsxs(ze,{children:[g.length," instance",g.length!==1&&"s"]}),g.map(y=>t.jsx(we,{instance:y,revisionIds:n},y.instanceId))]})},c)})},d)})]})},Ne=e=>i.createElement("svg",{width:312,height:144,viewBox:"0 0 312 144",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},i.createElement("rect",{width:312,height:144,rx:8,fill:"#F1F0FC"}),i.createElement("g",{opacity:.2},i.createElement("circle",{cx:155.933,cy:72.1494,r:59.9326,stroke:"#657A80",strokeWidth:1.35669,strokeLinecap:"square"}),i.createElement("ellipse",{cx:155.933,cy:72.2595,rx:43.5873,ry:60.2595,stroke:"#657A80",strokeWidth:1.35669,strokeLinecap:"square"}),i.createElement("ellipse",{cx:156.368,cy:72.1494,rx:27.2421,ry:59.9326,stroke:"#657A80",strokeWidth:1.35669,strokeLinecap:"square"}),i.createElement("ellipse",{cx:156.369,cy:72.1494,rx:10.8968,ry:59.9326,stroke:"#657A80",strokeWidth:1.35669,strokeLinecap:"square"})),i.createElement("g",{opacity:.2},i.createElement("mask",{id:"mask0_35832_1410",style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:96,y:12,width:120,height:121},i.createElement("circle",{cx:155.933,cy:72.1494,r:59.2542,fill:"#92A1A5",stroke:"#657A80",strokeWidth:1.35669})),i.createElement("g",{mask:"url(#mask0_35832_1410)"},i.createElement("path",{d:"M96 48.1777C96 48.1777 109.076 59.2925 155.933 59.2925C202.789 59.2925 215.865 48.1777 215.865 48.1777",stroke:"#657A80",strokeWidth:1.35669}),i.createElement("path",{d:"M96 28.3438C96 28.3438 109.076 45.7787 155.933 45.7787C202.789 45.7787 215.865 28.3438 215.865 28.3438",stroke:"#657A80",strokeWidth:1.35669}),i.createElement("path",{d:"M96 2.19141C96 2.19141 109.076 33.1384 155.933 33.1384C202.789 33.1384 215.865 2.19141 215.865 2.19141",stroke:"#657A80",strokeWidth:1.35669}),i.createElement("path",{d:"M96 -39.4336C96 -39.4336 109.076 21.3707 155.933 21.3707C202.789 21.3707 215.865 -39.4336 215.865 -39.4336",stroke:"#657A80",strokeWidth:1.35669}),i.createElement("line",{x1:96,y1:71.472,x2:215.865,y2:71.472,stroke:"#657A80",strokeWidth:1.35669}),i.createElement("path",{d:"M215.867 95.6855C215.867 95.6855 202.79 84.5708 155.934 84.5708C109.078 84.5708 96.0016 95.6855 96.0016 95.6855",stroke:"#657A80",strokeWidth:1.35669}),i.createElement("path",{d:"M215.867 115.518C215.867 115.518 202.79 98.0826 155.934 98.0826C109.078 98.0826 96.0016 115.518 96.0016 115.518",stroke:"#657A80",strokeWidth:1.35669}),i.createElement("path",{d:"M215.867 141.672C215.867 141.672 202.79 110.725 155.934 110.725C109.078 110.725 96.0016 141.672 96.0016 141.672",stroke:"#657A80",strokeWidth:1.35669}),i.createElement("path",{d:"M215.866 183.297C215.866 183.297 202.79 122.493 155.934 122.493C109.078 122.493 96.0013 183.297 96.0013 183.297",stroke:"#657A80",strokeWidth:1.35669}))),i.createElement("rect",{x:116.749,y:86.5273,width:58.1081,height:29.0541,rx:14.527,transform:"rotate(-180 116.749 86.5273)",fill:"url(#paint0_linear_35832_1410)"}),i.createElement("ellipse",{cx:102.184,cy:71.9997,rx:14.565,ry:14.527,fill:"#817AFE"}),i.createElement("path",{d:"M106.258 67.9648H98.187V76.0354H106.258V67.9648Z",fill:"white"}),i.createElement("path",{d:"M140.556 78.3887L140.232 70.291L133.381 74.6202L140.556 78.3887ZM121.749 69.1189L129.108 72.5139L128.369 64.4436L121.749 69.1189ZM137.182 73.0493L137.645 72.5217C136.53 71.5447 135.079 70.5495 133.191 69.6186L132.88 70.2481L132.57 70.8776C134.358 71.7589 135.705 72.6876 136.719 73.577L137.182 73.0493ZM132.88 70.2481L133.191 69.6186C131.302 68.6877 129.629 68.143 128.176 67.8544L128.039 68.5428L127.902 69.2312C129.225 69.4939 130.782 69.9964 132.57 70.8776L132.88 70.2481Z",fill:"#6C65E5"}),i.createElement("rect",{x:147.284,y:55.7305,width:17.4324,height:32.5405,rx:3.48649,fill:"#1A4049"}),i.createElement("path",{d:"M171.444 78.3887L171.768 70.291L178.619 74.6202L171.444 78.3887ZM190.251 69.1189L182.892 72.5139L183.631 64.4436L190.251 69.1189ZM174.818 73.0493L174.355 72.5217C175.47 71.5447 176.921 70.5495 178.809 69.6186L179.12 70.2481L179.43 70.8776C177.642 71.7589 176.295 72.6876 175.281 73.577L174.818 73.0493ZM179.12 70.2481L178.809 69.6186C180.698 68.6877 182.371 68.143 183.824 67.8544L183.961 68.5428L184.098 69.2312C182.775 69.4939 181.218 69.9964 179.43 70.8776L179.12 70.2481Z",fill:"#6C65E5"}),i.createElement("rect",{x:253.359,y:86.5273,width:58.1081,height:29.0541,rx:14.527,transform:"rotate(-180 253.359 86.5273)",fill:"url(#paint1_linear_35832_1410)"}),i.createElement("ellipse",{cx:238.794,cy:71.9997,rx:14.565,ry:14.527,fill:"#1A4049"}),i.createElement("path",{d:"M242.867 67.9648H234.797V76.0354H242.867V67.9648Z",fill:"#EDF0F1"}),i.createElement("defs",null,i.createElement("linearGradient",{id:"paint0_linear_35832_1410",x1:116.737,y1:100.985,x2:174.889,y2:100.985,gradientUnits:"userSpaceOnUse"},i.createElement("stop",{stopColor:"#1A4049",stopOpacity:0}),i.createElement("stop",{offset:1,stopColor:"#0E1A1D"})),i.createElement("linearGradient",{id:"paint1_linear_35832_1410",x1:253.347,y1:100.985,x2:311.499,y2:100.985,gradientUnits:"userSpaceOnUse"},i.createElement("stop",{stopColor:"#657A80",stopOpacity:0}),i.createElement("stop",{offset:1,stopColor:"#1A4049",stopOpacity:.75})))),$e=a("div")(({theme:e})=>({display:"flex",flexDirection:"column",gap:e.spacing(1),maxWidth:e.spacing(80),margin:"auto"})),Pe=a("div")(({theme:e})=>({display:"flex",flexDirection:"row",gap:e.spacing(2.5),marginTop:e.spacing(2.5)})),He=a("div")(({theme:e})=>({border:`1px solid ${e.palette.divider}`,borderRadius:e.shape.borderRadiusLarge,padding:e.spacing(3),flex:1,display:"flex",flexDirection:"column",gap:e.spacing(1.5)})),Ve=a("div")({"& > svg":{width:"auto",maxWidth:"100%",height:"auto",display:"block"}}),Oe=a("ul")(({theme:e})=>({listStyle:"none",marginTop:e.spacing(1),marginBottom:e.spacing(1),paddingLeft:e.spacing(0),display:"flex",flexDirection:"column",gap:e.spacing(1)})),qe=a("li")(({theme:e})=>({display:"flex",alignItems:"center",gap:e.spacing(1)})),Ge=a(Q)(({theme:e})=>({color:e.palette.primary.main,fontSize:"18px"})),Ze=a("div")(({theme:e})=>({display:"flex",justifyContent:"flex-start",margin:e.spacing(-.75)})),Je=()=>t.jsxs($e,{children:[t.jsx(h,{variant:"h3",children:"Which version is right for you?"}),t.jsxs(h,{variant:"body2",color:"text.secondary",children:["Unleash Enterprise Edge is a high-performance proxy engineered for scalability, resilience, and privacy. It acts as a shield between your SDKs and the Unleash API, allowing you to handle thousands of concurrent connections with zero impact on your primary instance. Contact"," ",t.jsx("a",{href:"mailto:license@getunleash.io",children:"license@getunleash.io"})," ","today to provision your private Enterprise Edge environment."]}),t.jsxs(Pe,{children:[t.jsx(b,{image:t.jsx(ee,{}),title:"Cloud hosted",description:"When you need to connect to Unleash from geographically distributed locations.",bullets:["Global infrastructure","No operational burden","Instant flag updates worldwide"],docsUrl:"https://docs.getunleash.io/deploy/hosting-options#cloud-hosted"}),t.jsx(b,{image:t.jsx(Ne,{}),title:"Self hosted",description:"Ensure low latency and data sovereignty by running Enterprise Edge inside your private network.",bullets:["Ideal for PII heavy data","Optimized for minimal latency","Improved security"],docsUrl:"https://docs.getunleash.io/deploy/hosting-options#self-hosted"})]})]}),b=({image:e,title:n,description:s,bullets:o,docsUrl:r})=>t.jsxs(He,{children:[t.jsx(Ve,{children:e}),t.jsx(h,{variant:"h3",children:n}),t.jsx(h,{variant:"body2",color:"text.secondary",children:s}),t.jsx(Oe,{children:o.map(d=>t.jsxs(qe,{children:[t.jsx(Ge,{})," ",t.jsx(h,{variant:"body2",color:"text.secondary",children:d})]},d))}),t.jsxs(h,{variant:"body2",color:"text.secondary",children:["Contact"," ",t.jsx("a",{href:"mailto:license@getunleash.io",children:"license@getunleash.io"})," to get started."]}),t.jsx(Ze,{children:t.jsx(Z,{component:J,to:r,size:"small",sx:{fontSize:"14px"},rel:"noopener noreferrer",target:"_blank",children:"Read docs"})})]}),Qe=a(X)(({theme:e})=>({".body":{padding:e.spacing(0)}})),L=a("div")(({theme:e})=>({padding:e.spacing(4)})),Ye=a("hr")(({theme:e})=>({border:"none",height:"1px",background:e.palette.divider,width:"100%",margin:e.spacing(2,0)})),rt=()=>{Y("Enterprise Edge");const{edgeObservability:e}=ne({refreshInterval:3e4}),n=e.connectedEdges.length>0;return t.jsxs(Qe,{header:"Enterprise Edge",children:[n&&t.jsxs(t.Fragment,{children:[t.jsx(L,{children:t.jsx(Fe,{connectedEdges:e.connectedEdges,revisionIds:e.revisionIds})}),t.jsx(Ye,{})]}),t.jsx(L,{sx:{pb:n?6:4},children:t.jsx(Je,{})})]})};export{rt as EnterpriseEdge,rt as default};

package/frontend/build/static/FeatureMetricsChart-D8sRgx5P.js

@@ -1,2 +0,0 @@
-import{bt as y,jm as c,dl as x,jD as u,b as g,bq as f,r as d,j as b,dB as C,dC as v,dD as j,dE as q,dF as M,dG as S,jH as D,js as E,jr as T,jq as $}from"./index-DMSjiFEm.js";import{d as L}from"./FeatureViewLazyExport-Bsw7-knb.js";import"./MarkCompletedDialogue-DFtLyDN0.js";import"./aggregateFeatureMetrics-YEdZNNoV.js";import"./FeatureStaleDialog-DOkhgvaj.js";import"./PercentageDonut-JGNh2FVZ.js";import"./GridLayoutWrapper-DpJcUbQB.js";const _=(e,l,s)=>{const a={label:"Total requests",borderColor:e.palette.primary.main,backgroundColor:e.palette.primary.main,data:p(l,s,o=>o.yes+o.no),elements:{point:{radius:6,pointStyle:"circle"},line:{borderDash:[8,4]}}},t={label:"Exposed",borderColor:e.palette.success.main,backgroundColor:e.palette.success.main,data:p(l,s,o=>o.yes),elements:{point:{radius:6,pointStyle:"triangle"}}},r={label:"Not exposed",borderColor:e.palette.error.main,backgroundColor:e.palette.error.main,data:p(l,s,o=>o.no),elements:{point:{radius:6,pointStyle:"triangle",pointRotation:180}}};return{datasets:[t,r,a]}},p=(e,l,s)=>e.map(a=>({x:a.timestamp,y:s(a),variants:a.variants||{}})),h=(e,l)=>{if(l===0)return"";const[s,a]=e,t=Math.floor(Number(a)/l*100);return`${a} (${t}%) - ${s}`},k=(e,l,s,a)=>({locale:a.locale,responsive:!0,maintainAspectRatio:!1,interaction:{mode:"index",intersect:!1},color:e.palette.text.secondary,plugins:{tooltip:{backgroundColor:e.palette.background.paper,bodyColor:e.palette.text.primary,titleColor:e.palette.text.secondary,borderColor:e.palette.primary.main,borderWidth:1,padding:10,boxPadding:5,usePointStyle:!0,itemSort:(t,r)=>{const o=["Total requests","Exposed","Not exposed"],n=o.indexOf(t.dataset.label),i=o.indexOf(r.dataset.label);return n-i},callbacks:{label:t=>`${t.formattedValue} - ${t.dataset.label}`,afterLabel:t=>{const r=t.dataset.data[t.dataIndex];if(t.dataset.label!=="Exposed"||r.variants===void 0)return"";const{disabled:o,...n}=r.variants;return Object.entries(n).map(i=>h(i,r.y)).join(`
-`)},title:t=>`Time: ${s>48?x(t[0].parsed.x,a.locale,"UTC"):c(t[0].parsed.x,a.locale)}`}},legend:{position:"top",align:"end",labels:{boxWidth:10,boxHeight:10,usePointStyle:!0}},title:{text:H(s),position:"top",align:"start",display:!0,font:{size:16,weight:"400"},color:e.palette.text.primary}},scales:{y:{type:"linear",title:{display:!0,text:"Number of requests",color:e.palette.text.secondary},suggestedMin:0,ticks:{precision:0,color:e.palette.text.secondary},grid:{color:e.palette.divider,borderColor:e.palette.divider}},x:{type:"time",time:{unit:s>48?"day":"hour"},grid:{display:!1},ticks:{callback:(t,r,o)=>s>48?y(o[r].value,a.locale,"UTC"):c(o[r].value,a.locale),color:e.palette.text.secondary}}}}),H=e=>e===1?"Requests in the last hour":`Requests in the last ${L(e)}`;u.font={...u.font,family:"Sen",size:13,weight:"400"};const z=({metrics:e,hoursBack:l,statsSectionId:s})=>{const a=g(),{locationSettings:t}=f(),r=d.useMemo(()=>[...e].sort((i,m)=>i.timestamp.localeCompare(m.timestamp)),[e]),o=d.useMemo(()=>k(a,r,l,t),[a,r,l,t]),n=d.useMemo(()=>_(a,r,t),[a,r,t]);return b.jsx("div",{style:{height:400},children:b.jsx(C,{options:o,data:n,"aria-label":"A feature metrics line chart, with three lines: all requests, positive requests, and negative requests.","aria-describedby":s})})};v.register(j,q,M,S,D,E,T,$);export{z as FeatureMetricsChart,z as default};