@abtnode/blocklet-services 1.16.47-beta-20250721-130532-61549a96 → 1.16.47-beta-20250724-080141-d80ab374

package/dist/assets/traffic-BU5sjdLg.js

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