1"use strict";(self.webpackChunkPlesk=self.webpackChunkPlesk||[]).push([["components/pages/TrafficUsageByClientsPage"],{2447:(e,t,a)=>{a.r(t),a.d(t,{default:()=>l});var i=a(272),n=a.n(i),s=(a(2448),a(270));const r=({children:e})=>(0,s.jsx)("div",{className:"traffic-usage-header-layout",children:e});r.propTypes={children:n().node.isRequired};const l=r},2446:(e,t,a)=>{a.r(t),a.d(t,{default:()=>i.default});var i=a(2447)},2435:(e,t,a)=>{a.r(t),a.d(t,{default:()=>d});var i=a(272),n=a.n(i),s=a(271),r=a(270);const l=({year:e,month:t,formattedTotalUsage:a})=>`${((e,t)=>new Date(e,t).toLocaleDateString(document.documentElement.lang||"en",{month:"short"}))(e,t-1)} ${e} (${a})`,o=({value:e=null,intervals:t,onChange:a,...i})=>{const n=[...t].reverse(),o=n.find((({key:t})=>t===(e??n[0]?.key)));return(0,r.jsx)(s.Dropdown,{...i,"data-testid":"interval-select",menu:(0,r.jsx)(s.Menu,{children:n.map((e=>(0,r.jsx)(s.MenuItem,{onClick:()=>a(e.key),children:l(e)},e.key)))}),children:l(o)})};o.propTypes={value:n().string,onChange:n().func.isRequired,intervals:n().arrayOf(n().shape({key:n().string.isRequired,month:n().number.isRequired,year:n().number.isRequired,formattedTotalUsage:n().string.isRequired}).isRequired).isRequired};const d=o},2434:(e,t,a)=>{a.r(t),a.d(t,{default:()=>i.default});var i=a(2435)},2443:(e,t,a)=>{a.r(t),a.d(t,{default:()=>o});var i=a(272),n=a.n(i),s=a(271),r=a(270);const l=({progress:e})=>(0,r.jsxs)("div",{children:[`${e.toFixed(1)}%`,(0,r.jsx)(s.ProgressBar,{progress:Math.min(e,100),intent:e>100?"danger":"info"})]});l.propTypes={progress:n().number.isRequired};const o=l},2442:(e,t,a)=>{a.r(t),a.d(t,{default:()=>i.default});var i=a(2443)},2438:(e,t,a)=>{a.r(t),a.d(t,{default:()=>g});var i=a(272),n=a.n(i),s=a(601),r=a.n(s),l=a(271),o=a(89),d=(a(2439),a(270));const c=o.Locale.getTranslate("components.common.TrafficUsage.TotalUsageInfo"),u=o.Locale.getSection("smb.components.months"),m=({loading:e,trafficData:t,interval:a=null,className:i})=>{const n=()=>e?(0,d.jsx)(l.Skeleton,{width:t.isUnlimited?70:200}
1):t.isUnlimited?t.totalUsageFormatted:(0,d.jsx)(c,{content:"usedLimited",params:{used:t.totalUsageFormatted,limit:t.limitFormatted,percent:t.limitUsagePercent},component:"span",className:"traffic-usage-total-usage-info__used-limited"});return a?(0,d.jsx)(c,{content:"usageWithInterval",params:{usage:n(),month:u.lmsg(a.month),year:a.year},component:"div",className:r()("traffic-usage-total-usage-info",i)}):(0,d.jsx)(c,{content:"usage",params:{usage:n()},component:"div",className:r()("traffic-usage-total-usage-info",i)})};m.propTypes={loading:n().bool.isRequired,interval:n().shape({year:n().number.isRequired,month:n().number.isRequired}),trafficData:n().shape({totalUsageFormatted:n().string.isRequired,isUnlimited:n().bool.isRequired,limitFormatted:n().string,limitUsagePercent:n().number}).isRequired,className:n().string};const g=m},2437:(e,t,a)=>{a.r(t),a.d(t,{default:()=>i.default});var i=a(2438)},2450:(e,t,a)=>{a.r(t),a.d(t,{default:()=>g});var i=a(272),n=a.n(i),s=a(574),r=a(271),l=a(707),o=a(2442),d=a(89),c=(a(2451),a(270));const u=d.Locale.getTranslate("components.lists.TrafficUsageByClients"),m=({clientType:e,getClientLink:t,...a})=>{const i=[{key:"clientName",title:(0,c.jsx)(u,{content:"client"===e?"customerName":"resellerName"}),render:({clientId:e,clientName:a})=>(0,c.jsx)(s.Link,{to:t(e),children:a}),sortable:!0},{key:"totalUsage",title:(0,c.jsx)(u,{content:"totalUsage"}),className:"traffic-usage-by-clients-list-unit-column",render:({totalUsageFormatted:e})=>e,sortable:!0,align:"right",width:"100px"},{key:"limit",title:(0,c.jsx)(u,{content:"limit"}),className:"traffic-usage-by-clients-list-unit-column",render:({limitFormatted:e})=>e,sortable:!0,align:"right",width:"150px"},{key:"limitRemaining",title:(0,c.jsx)(u,{content:"limitRemaining"}),className:"traffic-usage-by-clients-list-unit-column",render:({limitRemainingFormatted:e})=>e||"-",sortable:!0,align:"right",width:"150px"},{key:"limitUsagePercent",title:(0,c.jsx)(u,{content:"limitUsagePercent"}),render:({limitUsagePercent:e})=>"number"==typeof e?(0,c.jsx)(o.default,{progress:e}):"-",sortable:!0,align:"right",width:"200px"}];return(0,c.jsx)(l.GraphQlList,{rowKey:"clientId",columns:i,toolbar:(0,c.jsxs)(r.Toolbar,{children:[(0,c.jsx)(r.ToolbarExpander,{}),(0,c.jsx)(r.ToolbarGroup,{groupable:!1,children:(0,c.jsx)(l.GraphQlList.SearchBar,{name:"clientName"})})]}),...a})};m.propTypes={clientType:n().oneOf(["reseller","client"]).isRequired,getClientLink:n().func.isRequired};const g=m},2449:(e,t,a)=>{a.r(t),a.d(t,{default:()=>i.default});var i=a(2450)},2452:(e,t,a)=>{a.r(t),a.d(t,{default:()=>u});var i=a(272),n=a.n(i),s=a(581),r=a(2437),l=a(785),o=a.n(l),d=a(270);const c=({intervalKey:e,interval:t,clientType:a})=>{const{data:i,previousData:n,loading:l}=(0,s.useQuery)(o(),{variables:{intervalKey:e,clientType:a}}),c=(i??n).viewer.client.statistics.totalClientsTraffic;return(0,d.jsx)(r.default,{loading:l,trafficData:{isUnlimited:!0,totalUsageFormatted:c.usageFormatted},intervalKey:e,interval:t})};c.propTypes={intervalKey:n().string,interval:n().shape({year:n().number.isRequired,month:n().number.isRequired}).isRequired,clientType:n().oneOf(["reseller","client"]).isRequired};const u=c},2445:(e,t,a)=>{a.r(t),a.d(t,{default:()=>g});var i=a(270),n=a(575),s=a(707),r=a(784),l=a.n(r),o=a(2446),d=a(2434),c=a(2449),u=a(2452),m=a(271);const g=()=>{const{trafficUsageListKey:e,trafficUsageIntervals:t,clientType:a,getClientLink:r}=(0,n.useLoaderData)(),g=(0,n.useOutletContext)(),[f,p]=(0,i.useState)(void 0),y=t.find((({key:e})=>f===e))??t.at(-1),{listProps:h,listInput:v}=(0,s.useGraphQlList)({key:e,query:l(),inputVariables:{intervalKey:f,clientTypes:[a]},extractList:e=>e.viewer.client.statistics.trafficUsageByClients});return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(o.default,{children:(0,i.jsxs)(m.Columns,{gap:"xs",children:[g?.trafficUsagePageDropdown&&(0,i.jsx)(m.Column,{children:g?.trafficUsagePageDropdown}),(0,i.jsx)(m.Column,{children:(0,i.jsx)(d.default,{value:f,onChange:p,intervals:t})})]})}),(0,i.jsx)(u.default,{intervalKey:f,interval:y,clientType:a}),(0,i.jsx)(c.default,{filtered:v.searchFilters?.clientName,clientType:a,getClientLink:r,...h})]})}},2444:(e,t,a)=>{a.r(t),a.d(t,{default:()=>i.default});var i=a(2445)},2448:(e,t,a)=>{a.r(t)},2439:(e,t,a)=>{a.r(t)},2451:(e,t,a)=>{a.r(t)}}]); 2//# sourceMappingURL=TrafficUsageByClientsPage.js.map?73a3a929e40802da783d
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.