@abtnode/blocklet-services 1.17.3-beta-20251127-063055-94957209 → 1.17.3

package/dist/assets/traffic-hGNEG2UT.js

@@ -1 +0,0 @@
-import{a as n,r as k}from"./vendor-react-CUXIiAnY.js";import{aI as Te,a1 as O,_ as je,aJ as de,c as Ne,aT as me}from"./index-B7aKP8pi.js";import{X as Oe,C as Pe}from"./vendor-utils-DZwtp8ph.js";import{u as Ie}from"./useAsyncRetry-D33rBUak.js";import{I as Ye}from"./iframe-COJHAFfh.js";import{ak as $,P as ye,c2 as h,a3 as ne,T as Y,c5 as Fe,V as _e,S as He,aP as Le,I as K,c6 as We,y as fe,bc as he,M as pe,c7 as Ae,c8 as Ve,n as ge,j as p,W as P,D as qe,a6 as ze,aX as Be,Q as $e,aN as Ke,bO as Je}from"./vendor-mui-core-Et2SVbGP.js";import{r as ie,t as Me,i as N,a as re,e as W,s as A,b as I,c as V,d as q,f as J,g as X,h as F,j as C,k as De,l as le,p as Xe,m as Ue,n as ce,o as Ge,q as se,u as L,v as Qe,w as Ze,x as et,y as tt,z as at}from"./index-ZUT_Qafk.js";import{a5 as be,V as ke}from"./vendor-ux-Y094QNTK.js";import{f as nt}from"./index-DBs9Ljax.js";import{B as rt}from"./base-chart-Cn6zWpXN.js";import{L as st,a as ot}from"./vendor-mui-x-BIXAJqK8.js";import{A as it}from"./AdapterDayjs-DlsssqYa.js";function Se(e){ie(1,arguments);var t;if(e&&typeof e.forEach=="function")t=e;else if(be(e)==="object"&&e!==null)t=Array.prototype.slice.call(e);else return new Date(NaN);var a;return t.forEach(function(r){var s=Me(r);(a===void 0||a<s||isNaN(Number(s)))&&(a=s)}),a||new Date(NaN)}function Re(e){ie(1,arguments);var t;if(e&&typeof e.forEach=="function")t=e;else if(be(e)==="object"&&e!==null)t=Array.prototype.slice.call(e);else return new Date(NaN);var a;return t.forEach(function(r){var s=Me(r);(a===void 0||a>s||isNaN(s.getDate()))&&(a=s)}),a||new Date(NaN)}function lt(e){return ie(1,arguments),N(e,Date.now())}const ct=(e,t)=>Array.from({length:Math.ceil(e.length/t)},(a,r)=>e.slice(r*t,r*t+t)),ut=(e,t)=>{const a=A(q(e),{locale:t}),r=W(V(e),{locale:t}),s=[];for(let o=a;L(o,r);)s.push(o),o=re(o,1);return s},dt=({startDate:e},t)=>e&&N(t,e),mt=({endDate:e},t)=>e&&N(t,e),ft=({startDate:e,endDate:t},a)=>e&&t&&(le(a,{start:e,end:t})||N(a,e)||N(a,t)),ht=({startDate:e,endDate:t})=>e&&t?N(e,t):!1,xe=(e,t)=>{if(e){const a=e instanceof Date?e:Xe(e);if(Ue(a))return a}return t},pt=(e,t,a)=>{const{startDate:r,endDate:s}=e;if(r&&s){const o=Se([r,t]),c=Re([s,a]);return[o,ce(o,c)?C(o,1):c]}return[r,s]},gt=(e,t)=>[{label:"Today",startDate:e,endDate:e},{label:"Yesterday",startDate:re(e,-1),endDate:re(e,-1)},{label:"This Week",startDate:A(e,{locale:t}),endDate:W(e,{locale:t})},{label:"Last Week",startDate:A(I(e,-1),{locale:t}),endDate:W(I(e,-1),{locale:t})},{label:"Last 7 Days",startDate:I(e,-1),endDate:e},{label:"This Month",startDate:q(e),endDate:V(e)},{label:"Last Month",startDate:q(C(e,-1)),endDate:V(C(e,-1))},{label:"This Year",startDate:X(e),endDate:J(e)},{label:"Last Year",startDate:X(F(e,-1)),endDate:J(F(e,-1))}],Dt=(e,t)=>{const a=Math.floor(t/2);return Array(t).fill(0).map((r,s)=>e.getFullYear()-a+s)},xt=({date:e,setDate:t,nextDisabled:a,prevDisabled:r,onClickNext:s,onClickPrevious:o,locale:c})=>{const m=typeof c<"u"?[...Array(12).keys()].map(l=>{var x;return(x=c.localize)===null||x===void 0?void 0:x.month(l,{width:"abbreviated",context:"standalone"})}):["Jan","Feb","Mar","Apr","May","June","July","Aug","Sept","Oct","Nov","Dec"],g=l=>{t(tt(e,parseInt(l.target.value,10)))},u=l=>{t(at(e,parseInt(l.target.value,10)))};return n.createElement(h,{container:!0,justifyContent:"space-between",alignItems:"center"},n.createElement(h,{item:!0,sx:{padding:"5px"}},n.createElement(K,{sx:{padding:"10px","&:hover":{background:"none"}},disabled:r,onClick:o},n.createElement(We,{color:r?"disabled":"action"}))),n.createElement(h,{item:!0},n.createElement(fe,{variant:"standard"},n.createElement(he,{value:Ze(e),onChange:g,MenuProps:{disablePortal:!0}},m.map((l,x)=>n.createElement(pe,{key:l,value:x},l))))),n.createElement(h,{item:!0},n.createElement(fe,{variant:"standard"},n.createElement(he,{value:et(e),onChange:u,MenuProps:{disablePortal:!0}},Dt(e,30).map(l=>n.createElement(pe,{key:l,value:l},l))))),n.createElement(h,{item:!0,sx:{padding:"5px"}},n.createElement(K,{sx:{padding:"10px","&:hover":{background:"none"}},disabled:a,onClick:s},n.createElement(Ae,{color:a?"disabled":"action"}))))},vt=({startOfRange:e,endOfRange:t,disabled:a,highlighted:r,outlined:s,filled:o,onClick:c,onHover:m,value:g})=>n.createElement($,{sx:{display:"flex",borderRadius:e?"50% 0 0 50%":t?"0 50% 50% 0":void 0,backgroundColor:u=>!a&&r?u.palette.primary.light:void 0}},n.createElement(K,{sx:Object.assign({height:"36px",width:"36px",padding:0,border:u=>!a&&s?`1px solid ${u.palette.primary.dark}`:void 0},!a&&o?{"&:hover":{backgroundColor:u=>u.palette.primary.dark},backgroundColor:u=>u.palette.primary.dark}:{}),disabled:a,onClick:c,onMouseOver:m},n.createElement(Y,{sx:{lineHeight:1.6,color:u=>a?u.palette.text.secondary:o?u.palette.primary.contrastText:u.palette.text.primary},variant:"body2"},g)));var U;(function(e){e[e.Previous=-1]="Previous",e[e.Next=1]="Next"})(U||(U={}));const ve=e=>{var t;const{helpers:a,handlers:r,value:s,dateRange:o,marker:c,setValue:m,minDate:g,maxDate:u,locale:l}=e,x=((t=l?.options)===null||t===void 0?void 0:t.weekStartsOn)||0,w=typeof l<"u"?[...Array(7).keys()].map(D=>{var E;return(E=l.localize)===null||E===void 0?void 0:E.day((D+x)%7,{width:"short",context:"standalone"})}):["Su","Mo","Tu","We","Th","Fr","Sa"],[v,S]=e.navState;return n.createElement(ye,{square:!0,elevation:0,sx:{width:290}},n.createElement(h,{container:!0},n.createElement(xt,{date:s,setDate:m,nextDisabled:!S,prevDisabled:!v,onClickPrevious:()=>r.onMonthNavigate(c,U.Previous),onClickNext:()=>r.onMonthNavigate(c,U.Next),locale:l}),n.createElement(h,{item:!0,container:!0,direction:"row",justifyContent:"space-between",sx:{marginTop:"10px",paddingLeft:"30px",paddingRight:"30px"}},w.map((D,E)=>n.createElement(Y,{color:"textSecondary",key:E,variant:"caption"},D))),n.createElement(h,{item:!0,container:!0,direction:"column",justifyContent:"space-between",sx:{paddingLeft:"15px",paddingRight:"15px",marginTop:"15px",marginBottom:"20px"}},ct(ut(s,l),7).map((D,E)=>n.createElement(h,{key:E,container:!0,direction:"row",justifyContent:"center"},D.map(f=>{const T=dt(o,f),b=mt(o,f),R=ht(o),y=ft(o,f)||a.inHoverRange(f);return n.createElement(vt,{key:se(f,"dd-MM-yyyy"),filled:T||b,outlined:lt(f),highlighted:y&&!R,disabled:!ce(s,f)||!le(f,{start:g,end:u}),startOfRange:T&&!R,endOfRange:b&&!R,onClick:()=>r.onDayClick(f),onHover:()=>r.onDayHover(f),value:Qe(f)})}))))))},Ee=(e,t)=>{const{startDate:a,endDate:r}=e,{startDate:s,endDate:o}=t;return a&&s&&r&&o?N(a,s)&&N(r,o):!1},Et=({ranges:e,setRange:t,selectedRange:a})=>n.createElement(_e,null,e.map((r,s)=>n.createElement(He,{button:!0,key:s,onClick:()=>t(r),sx:[Ee(r,a)&&{backgroundColor:o=>o.palette.primary.dark,color:"primary.contrastText","&:hover":{color:"inherit"}}]},n.createElement(Le,{primaryTypographyProps:{variant:"body2",sx:{fontWeight:Ee(r,a)?"bold":"normal"}}},r.label)))),oe={FIRST_MONTH:Symbol("firstMonth"),SECOND_MONTH:Symbol("secondMonth")},yt=e=>{const{ranges:t,dateRange:a,minDate:r,maxDate:s,firstMonth:o,setFirstMonth:c,secondMonth:m,setSecondMonth:g,setDateRange:u,helpers:l,handlers:x,locale:w}=e,{startDate:v,endDate:S}=a,D=Ge(m,o)>=2,E={dateRange:a,minDate:r,maxDate:s,helpers:l,handlers:x};return n.createElement(ye,{elevation:5,square:!0},n.createElement(h,{container:!0,direction:"row",wrap:"nowrap"},n.createElement(h,null,n.createElement(Et,{selectedRange:a,ranges:t,setRange:u})),n.createElement(ne,{orientation:"vertical",flexItem:!0}),n.createElement(h,null,n.createElement(h,{container:!0,sx:{padding:"20px 70px"},alignItems:"center"},n.createElement(h,{item:!0,sx:{flex:1,textAlign:"center"}},n.createElement(Y,{variant:"subtitle1"},v?se(v,"dd MMMM yyyy",{locale:w}):"Start Date")),n.createElement(h,{item:!0,sx:{flex:1,textAlign:"center"}},n.createElement(Fe,{color:"action"})),n.createElement(h,{item:!0,sx:{flex:1,textAlign:"center"}},n.createElement(Y,{variant:"subtitle1"},S?se(S,"dd MMMM yyyy",{locale:w}):"End Date"))),n.createElement(ne,null),n.createElement(h,{container:!0,direction:"row",justifyContent:"center",wrap:"nowrap"},n.createElement(ve,Object.assign({},E,{value:o,setValue:c,navState:[!0,D],marker:oe.FIRST_MONTH,locale:w})),n.createElement(ne,{orientation:"vertical",flexItem:!0}),n.createElement(ve,Object.assign({},E,{value:m,setValue:g,navState:[D,!0],marker:oe.SECOND_MONTH,locale:w}))))))},Mt=e=>{const t=new Date,{open:a,onChange:r,initialDateRange:s,minDate:o,maxDate:c,definedRanges:m=gt(new Date,e.locale),locale:g}=e,u=xe(o,F(t,-10)),l=xe(c,F(t,10)),[x,w]=pt(s||{},u,l),[v,S]=k.useState(Object.assign({},s)),[D,E]=k.useState(),[f,T]=k.useState(x||t),[b,R]=k.useState(w||C(f,1)),{startDate:y,endDate:_}=v,z=d=>{L(d,b)&&T(d)},H=d=>{De(d,f)&&R(d)},G=d=>{let{startDate:i,endDate:M}=d;if(i&&M)d.startDate=i=Se([i,u]),d.endDate=M=Re([M,l]),S(d),r(d),T(i),R(ce(i,M)?C(i,1):M);else{const ue={};S(ue),r(ue),T(t),R(C(f,1))}},B=d=>{if(y&&!_&&!L(d,y)){const i={startDate:y,endDate:d};r(i),S(i)}else S({startDate:d,endDate:void 0});E(d)},Q=(d,i)=>{if(d===oe.FIRST_MONTH){const M=C(f,i);L(M,b)&&T(M)}else{const M=C(b,i);L(f,M)&&R(M)}},Z=d=>{y&&!_&&(!D||!N(d,D))&&E(d)},te={inHoverRange:d=>y&&!_&&D&&De(D,y)&&le(d,{start:y,end:D})},ae={onDayClick:B,onDayHover:Z,onMonthNavigate:Q};return a?k.createElement(yt,{dateRange:v,minDate:u,maxDate:l,ranges:m,firstMonth:f,secondMonth:b,setFirstMonth:z,setSecondMonth:H,setDateRange:G,helpers:te,handlers:ae,locale:g}):null},bt=e=>{const{closeOnClickOutside:t,wrapperClassName:a,toggle:r,open:s}=e,o=()=>{t!==!1&&r()},c=m=>m?.key==="Escape"&&o();return n.createElement($,{sx:{position:"relative"}},s&&n.createElement($,{sx:{position:"fixed",height:"100vh",width:"100vw",bottom:0,zIndex:0,right:0,left:0,top:0},onKeyPress:c,onClick:o}),n.createElement($,{sx:{position:"relative",zIndex:1},className:a},n.createElement(Mt,Object.assign({},e))))},kt=e=>n.createElement(bt,Object.assign({},e));function we({title:e="",total:t=0,hoverIndex:a=null,onHover:r=()=>{},history:s=[],valueFn:o=c=>c}){const c=Ve(),{locale:m}=ke(),g=[{min:0,max:t,color:ge(c.palette.primary.main,c.palette.mode==="dark"?.15:.08)},{min:t,color:ge(c.palette.primary.main,c.palette.mode==="dark"?.15:.08)}];return p.jsx(rt,{title:e,total:t,history:s,valueFn:o,onHover:r,hoverIndex:a,xAxisFormat:u=>Te(u,"MM-DD",m),visualMapPieces:g,markLineData:void 0,extraInfo:null})}we.propTypes={title:P.string,total:P.number,history:P.array,valueFn:P.func,hoverIndex:P.number,onHover:P.func};const j=Oe(0),Ce=(e,t)=>[{label:"This Week",startDate:A(e,{locale:t}),endDate:W(e,{locale:t})},{label:"Last Week",startDate:A(I(e,-1),{locale:t}),endDate:W(I(e,-1),{locale:t})},{label:"Last 7 Days",startDate:I(e,-1),endDate:e},{label:"This Month",startDate:q(e),endDate:V(e)},{label:"Last Month",startDate:q(C(e,-1)),endDate:V(C(e,-1))},{label:"This Year",startDate:X(e),endDate:J(e)},{label:"Last Year",startDate:X(F(e,-1)),endDate:J(F(e,-1))}],St=Array.from({length:7},(e,t)=>({value:0,date:O().subtract(t,"day").format("YYYY-MM-DD")})).reverse();function Rt({client:e,did:t}){const a=O().subtract(1,"day").toDate(),{info:r,inService:s}=je(),{t:o,locale:c}=ke(),[m,g]=k.useState(null),[u,l]=k.useState(!1),[x,w]=k.useState(a),[v,S]=k.useState({startDate:O().subtract(30,"day").toDate(),endDate:a}),D=qe(),[E,f]=k.useState(null),T=k.useCallback(i=>{f(i)},[]),b=Ie(async()=>(await e.getTrafficInsights({input:{did:t,startDate:O(v.startDate).format("YYYY-MM-DD"),endDate:O(v.endDate).format("YYYY-MM-DD")}})).list);k.useEffect(()=>{b.loading||v.startDate&&v.endDate&&b.retry()},[v]);const R=i=>{g(m?null:i.currentTarget)},y=b.value||[],{loading:_,error:z}=b;if(!y.length&&_)return p.jsx(ze,{});if(z)return p.jsx(Be,{severity:"error",children:nt(z)});const H={totalRequests:j,validRequests:j,failedRequests:j,uniqueVisitors:j,uniqueFiles:j,uniqueReferrers:j,uniqueNotFound:j,uniqueStaticFiles:j,logSize:de,bandwidth:de},G=Object.keys(H).map(i=>({id:`${i}_chart`,title:o(`analytics.traffic.${i}`),current:y.length?H[i](y[0][i]):0,data:y.length?y.map(M=>({date:M.date,value:M[i]})).reverse():St,dateFn:j,valueFn:H[i],total:0})),B=!!m,Q=B?"date-range-picker-popover":void 0,Z=s?Ne.WELLKNOWN_SERVICE_PATH_PREFIX:r.routing.adminPath,ee=Pe(window.location.origin,Z,`/api/analytics/traffic?date=${O(x).format("YYYY-MM-DD")}&did=${t}&theme=${D.palette.mode}`),te=i=>{S(i),g(null)},ae=i=>{w(i.toDate()),l(!1)},d=()=>{window.open(ee)};return p.jsxs("div",{children:[p.jsxs(Y,{component:"div",variant:"h5",className:"page-header",color:"textPrimary",style:{fontSize:18,fontWeight:"bold"},sx:{mb:2},children:[o("analytics.trend"),p.jsxs($e,{onClick:R,variant:"outlined",size:"small",color:"inherit",sx:{fontWeight:400},children:[me(v.startDate,c)," - ",me(v.endDate,c)]})]}),p.jsx(Ke,{id:Q,open:B,anchorEl:m,onClose:()=>g(null),anchorOrigin:{vertical:"bottom",horizontal:"left"},children:p.jsx(kt,{open:!0,toggle:R,maxDate:a,definedRanges:Ce(x),onChange:te})}),p.jsx(h,{container:!0,spacing:4,children:G.map(i=>p.jsx(h,{sx:{pt:"16px !important"},size:{lg:4,md:6,sm:6,xs:12},children:p.jsx(we,{title:`${i.title}`,total:i.total,empty:null,history:i.data,style:{height:150},valueFn:i.valueFn,hoverIndex:E,onHover:T})},i.id))}),p.jsxs(Y,{component:"div",variant:"h5",className:"page-header",color:"textPrimary",style:{fontSize:18,fontWeight:"bold"},sx:{mt:4,mb:1},children:[o("analytics.detail"),p.jsxs("span",{children:[u&&p.jsx(K,{onClick:d,style:{marginRight:32},children:p.jsx(Je,{})}),p.jsx(st,{dateAdapter:it,children:p.jsx(ot,{disableFuture:!0,format:"ll",value:O(x),onChange:ae,slotProps:{textField:{size:"small"}}})})]})]}),p.jsx(Ye,{url:ee,width:"100%",height:"100%",frameBorder:0,onLoad:()=>l(!0),styles:{border:0,minHeight:"400vh"}})]})}const Lt=Object.freeze(Object.defineProperty({__proto__:null,default:Rt,getDefaultRanges:Ce},Symbol.toStringTag,{value:"Module"}));export{kt as D,Ce as g,Lt as t};