https://aestheticveintraining.com/cp/javascript/components/pages/T…UsageByResellerPage.js?82cb736684ea425c755a

1"use strict";(self.webpackChunkPlesk=self.webpackChunkPlesk||[]).push([["components/pages/TrafficUsageByResellerPage"],{2845:(e,t,s)=>{s.r(t),s.d(t,{default:()=>a.default});var a=s(2846)},2846:(e,t,s)=>{s.r(t),s.d(t,{default:()=>c});var a=s(667),r=s.n(a),n=s(296),i=s(295);const l=({year:e,month:t,formattedTotalUsage:s})=>`${((e,t)=>new Date(e,t).toLocaleDateString(document.documentElement.lang||"en",{month:"short"}))(e,t-1)} ${e} (${s})`,o=({value:e=null,intervals:t,onChange:s,...a})=>{const r=[...t].reverse(),o=r.find(({key:t})=>t===(e??r[0]?.key));return(0,i.jsx)(n.Dropdown,{...a,"data-testid":"interval-select",menu:(0,i.jsx)(n.Menu,{children:r.map(e=>(0,i.jsx)(n.MenuItem,{onClick:()=>s(e.key),children:l(e)},e.key))}),children:l(o)})};o.propTypes={value:r().string,onChange:r().func.isRequired,intervals:r().arrayOf(r().shape({key:r().string.isRequired,month:r().number.isRequired,year:r().number.isRequired,formattedTotalUsage:r().string.isRequired}).isRequired).isRequired};const c=o},2853:(e,t,s)=>{s.r(t),s.d(t,{default:()=>a.default});var a=s(2854)},2854:(e,t,s)=>{s.r(t),s.d(t,{default:()=>o});var a=s(667),r=s.n(a),n=s(296),i=s(295);const l=({progress:e})=>(0,i.jsxs)("div",{children:[`${e.toFixed(1)}%`,(0,i.jsx)(n.ProgressBar,{progress:Math.min(e,100),intent:e>100?"danger":"info"})]});l.propTypes={progress:r().number.isRequired};const o=l},2857:(e,t,s)=>{s.r(t),s.d(t,{default:()=>a.default});var a=s(2858)},2858:(e,t,s)=>{s.r(t),s.d(t,{default:()=>l});var a=s(667),r=s.n(a),n=(s(2859),s(295));const i=({children:e})=>(0,n.jsx)("div",{className:"traffic-usage-header-layout",children:e});i.propTypes={children:r().node.isRequired};const l=i},2859:(e,t,s)=>{s.r(t)},2860:(e,t,s)=>{s.r(t),s.d(t,{default:()=>a.default});var a=s(2861)},2861:(e,t,s)=>{s.r(t),s.d(t,{default:()=>g});var a=s(667),r=s.n(a),n=s(598),i=s(296),l=s(1169),o=s(2853),c=s(90),d=(s(2862),s(295));const u=c.Locale.getTranslate("components.lists.TrafficUsageByClients"),m=({clientType:e,getClientLink:t,...s})=>{const a=[{key:"clientName",title:(0,d.jsx)(u,{content:"client"===e?"customerName":"resellerName"}),render:({clientId:e,clientName:s})=>(0,d.jsx)(n.Link,{to:t(e),children:s}),sortable:!0},{key:"totalUsage",title:(0,d.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,d.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,d.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,d.jsx)(u,{content:"limitUsagePercent"}),render:({limitUsagePercent:e})=>"number"==typeof e?(0,d.jsx)(o.default,{progress:e}):"-",sortable:!0,align:"right",width:"200px"}];return(0,d.jsx)(l.GraphQlList,{rowKey:"clientId",columns:a,toolbar:(0,d.jsxs)(i.Toolbar,{children:[(0,d.jsx)(i.ToolbarExpander,{}),(0,d.jsx)(i.ToolbarGroup,{groupable:!1,children:(0,d.jsx)(l.GraphQlList.SearchBar,{name:"clientName"})})]}),...s})};m.propTypes={clientType:r().oneOf(["reseller","client"]).isRequired,getClientLink:r().func.isRequired};const g=m},2862:(e,t,s)=>{s.r(t)},2864:(e,t,s)=>{s.r(t),s.d(t,{default:()=>a.default});var a=s(2865)},2865:(e,t,s)=>{s.r(t),s.d(t,{default:()=>p});var a=s(295),r=s(598),n=s(296),i=s(90),l=s(2857),o=s(2845),c=s(2860),d=s(1169),u=s(1256),m=s.n(u),g=s(2866);const f=i.Locale.getTranslate("components.pages.TrafficUsageByReseller"),p=()=>{const{trafficUsageIntervals:e,clientNodeId:t,trafficUsageListKey:s}=(0,r.useLoaderData)(),[i,u]=(0,a.useState)(void 0),{listProps:p,listInput:y}=(0,d.useGraphQlList)({key:s,query:m(),variables:{clientNodeId:t},inputVariables:{intervalKey:i,clientTypes:["client"]},extractList:e=>e.client.statistics.trafficUsageByClients});return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(l.default,{children:(0,a.jsx)(o.default,{value:i,onChange:u,intervals:e,className:"traffic-usage-by-reseller-interval-select"})}),(0,a.jsx)(g.default,{intervalKey:i,clientNodeId:t}),(0,a.jsx)(c.default,{filtered:y.searchFilters?.clientName,clientType:"client",getClientLink:e=>`customers/${e}/domains`,emptyView:(0,a.jsx)(n.ListEmptyView,{title:(0,a.jsx)(f,{content:"emptyView"})}),...p})]})}},2866:(e,t,s)=>{s.r(t),s.d(t,{default:()=>f});var a=s(667),r=s.n(a),n=s(598),i=s(619),l=s(296),o=s(90),c=s(1257),d=s.n(c),u=(s(2867),s(295));const m=o.Locale.getTranslate("components.pages.TrafficUsageByReseller.TotalUsage"),g=({clientNodeId:e,intervalKey:t})=>{const{data:s,previousData:a,loading:r}=(0,i.useQuery)(d(),{variables:{clientNodeId:e,intervalKey:t}}),{totalTrafficUsageByDomains:o,totalClientsTraffic:c}=(s??a).client.statistics,g=e=>r?(0,u.jsx)(l.Skeleton,{width:70}):e;return(0,u.jsxs)("div",{className:"traffic-usage-by-reseller-total-usage",children:[(0,u.jsx)(m,{content:"usageByResellerDomains",params:{resellerDomainsLink:(0,u.jsx)(n.Link,{to:"./domains","data-testid":"reseller-domains",children:(0,u.jsx)(m,{content:"resellerDomains"})}),usage:g(o.totalUsageFormatted)}}),(0,u.jsx)(m,{component:"div",content:"usageByCustomerDomains",params:{usage:g(c.usageFormatted)}})]})};g.propTypes={clientNodeId:r().string.isRequired,intervalKey:r().string};const f=g},2867:(e,t,s)=>{s.r(t)}}]);
2//# sourceMappingURL=TrafficUsageByResellerPage.js.map?82cb736684ea425c755a