@abtnode/webapp 1.16.23-beta-2229bcee → 1.16.23-beta-47ca27f8

package/build/static/js/{6511.559f5478.chunk.js → 6511.2c8673c4.chunk.js}

@@ -1 +1 @@
-"use strict";(self.webpackChunk_abtnode_webapp=self.webpackChunk_abtnode_webapp||[]).push([[6511],{86511:(e,t,n)=>{n.r(t),n.d(t,{default:()=>ae});var a=n(71171),i=n(5057),o=n(33518),l=n(85493),s=n(15849),c=n(68420),r=n(82084),d=n(59793),u=n(47125),p=n(45807),m=n(94464),v=n(88574),h=n(28726),g=n(38242),b=n(81010),f=n(87363),y=(n(5892),n(86229)),k=n(1722),x=n(87543),w=n(35432),P=n(66935),j=n(58238),S=n(29054),B=n(73545),Z=n(14491),C=n(4651),E=n(96266);const L=e=>{const t={};let n=null;return(0,g.forEachBlockletSync)(e,(e=>{t[e.meta.bundleDid]?n=(0,g.getDisplayName)(e,!0):e.meta.bundleDid&&(t[e.meta.bundleDid]=!0)})),n},_=(e,t,n)=>{const{hostname:a,href:i}=e;if(!t)return i;if(n){var o;const e=/\d+[-.]\d+[-.]\d+[-.]\d+/.exec(a);if(!e)return i;const n=e[0],l=(((null===(o=t.site)||void 0===o?void 0:o.domainAliases)||[]).map((e=>e.value)).filter(Boolean).find((e=>e.endsWith(w.DEFAULT_DID_DOMAIN)))||"").replace(".".concat(w.DEFAULT_DID_DOMAIN),"");return l?i.replace(a,"".concat(l,"-").concat(n,".").concat(w.DEFAULT_IP_DOMAIN_SUFFIX)):i}return i.replace(t.meta.bundleDid,t.appPid)};function D(){const{t:e}=(0,c.PE)(),{api:t}=(0,B.T)(),{blocklet:n}=(0,S.y0)(),{inService:a}=(0,j.h6)(),[o,l]=(0,i.useState)(!1),[s,r]=(0,i.useState)(5),d=n&&n.structVersion!==w.APP_STRUCT_VERSION;return[d&&(0,E.jsxs)(v.Z,{type:"warning",style:{margin:"12px 0"},children:[(0,E.jsxs)(x.Z,{display:"flex",alignItems:"center",children:[(0,E.jsx)(h.Z,{variant:"contained",size:"small",color:"primary",onClick:()=>(()=>{try{if("running"===n.status)return void y.Z.error(e("blocklet.migrate.tip.running"));const t=L(n);if(t)return void y.Z.error(e("blocklet.migrate.tip.duplicate",{name:t}));l(!0)}catch(t){y.Z.error((0,Z.Z)(t))}})(),style:{marginRight:8},children:e("blocklet.migrate.intro.l1")}),(0,E.jsx)("span",{children:e("blocklet.migrate.intro.l2")})]}),["l3","l4","l5","l6"].map((t=>(0,E.jsx)(x.Z,{display:"flex",alignItems:"center",children:e("blocklet.migrate.intro.".concat(t))},t)))]},"alert"),n&&(0,E.jsx)(P.Z,{popup:!0,open:o,saveConnect:!1,forceConnected:!1,action:"migrate-app-to-struct-v2",checkFn:t.get,checkTimeout:3e5,onSuccess:()=>{const e=_(window.location,n,a);setTimeout((()=>{window.location.href=e}),5e3),r(5),setInterval((()=>{r((e=>e-1))}),1e3)},extraParams:{appDid:n.appDid,did:n.meta.did,wt:(0,C.iK)(n,!0),title:(0,g.getDisplayName)(n)},messages:{title:e("blocklet.migrate.title"),scan:e("blocklet.migrate.scan"),confirm:e("blocklet.migrate.confirm"),success:s>=0?e("blocklet.migrate.success",{sec:s}):"Redirecting..."},onClose:()=>l(!1)},"connect")]}D.propTypes={};var A,N=n(35966),G=n(85531),U=n(13798),T=n(78123),I=n(75793),O=n(17022),K=n(93677),z=n(74094),R=n(7199);const F=(0,i.lazy)((()=>Promise.all([n.e(6448),n.e(2739),n.e(730),n.e(4549)]).then(n.bind(n,64549)))),M=(0,i.lazy)((()=>Promise.all([n.e(6448),n.e(2739),n.e(8537),n.e(4631),n.e(2294),n.e(1279),n.e(6547),n.e(3748),n.e(6296),n.e(506),n.e(5716),n.e(5545),n.e(3732),n.e(6230)]).then(n.bind(n,64558)))),V=(0,i.lazy)((()=>Promise.all([n.e(6448),n.e(2739),n.e(4631),n.e(6547),n.e(6296),n.e(6771),n.e(506),n.e(5716),n.e(1255),n.e(1294),n.e(7131),n.e(4775)]).then(n.bind(n,14775)))),Y=(0,i.lazy)((()=>Promise.all([n.e(6448),n.e(6771),n.e(442),n.e(9636),n.e(7676),n.e(3239)]).then(n.bind(n,13239)))),$=(0,i.lazy)((()=>Promise.all([n.e(6448),n.e(2739),n.e(7288),n.e(6974),n.e(5979),n.e(2537)]).then(n.bind(n,75979)))),W=(0,i.lazy)((()=>Promise.all([n.e(6448),n.e(2739),n.e(8537),n.e(4631),n.e(2294),n.e(1279),n.e(6547),n.e(3748),n.e(9364),n.e(5672),n.e(5217)]).then(n.bind(n,75672)))),X=(0,i.lazy)((()=>Promise.all([n.e(8537),n.e(4631),n.e(2294),n.e(1279),n.e(5539),n.e(4335),n.e(5015)]).then(n.bind(n,85555)))),J=(0,i.lazy)((()=>Promise.all([n.e(6448),n.e(2739),n.e(8537),n.e(4631),n.e(2294),n.e(1279),n.e(6296),n.e(2251),n.e(2911),n.e(5539),n.e(442),n.e(5526),n.e(7288),n.e(6076),n.e(4335),n.e(9811),n.e(7558),n.e(5545),n.e(5165),n.e(1846),n.e(318)]).then(n.bind(n,20318)))),Q=(0,i.lazy)((()=>Promise.all([n.e(6448),n.e(7998),n.e(8219)]).then(n.bind(n,92379)))),q=(0,i.lazy)((()=>Promise.all([n.e(8537),n.e(4631),n.e(2294),n.e(1279),n.e(6547),n.e(3748),n.e(6296),n.e(7534)]).then(n.bind(n,87534)))),H=(0,i.lazy)((()=>Promise.all([n.e(6448),n.e(2739),n.e(6296),n.e(2251),n.e(5539),n.e(5454),n.e(2611)]).then(n.bind(n,42611)))),ee=(0,i.lazy)((()=>Promise.all([n.e(6448),n.e(2739),n.e(8537),n.e(4631),n.e(2294),n.e(1279),n.e(6547),n.e(3748),n.e(9940),n.e(1846),n.e(9552)]).then(n.bind(n,39552)))),te=e=>{let{children:t}=e;return t};function ne(){var e;const t=(0,l.useNavigate)(),{tab:n="overview"}=(0,l.useParams)(),{did:a,blocklet:o,error:x,client:P,actions:{setBlocklet:j,refreshBlocklet:S}}=(0,K.y0)(),{refresh:B}=(0,I.h6)(),{t:Z}=(0,c.PE)(),C=(0,i.useCallback)((()=>(0,E.jsx)(Y,{scope:a})),[a]),L=(null===o||void 0===o||null===(e=o.environments.find((e=>"BLOCKLET_APP_URL"===e.key)))||void 0===e?void 0:e.value)||window.location.origin,_=e=>(0,z.bV)(e,L),A=e=>{t("/blocklets/".concat(a,"/").concat(e))},G=e=>{e&&j(e),S()},ne=!o||(0,z.wS)(o.status)?[]:(0,g.getAppMissingConfigs)(o);let ae=null;const oe=[{label:Z("common.overview"),value:"overview"},{breadcrumbsLabel:Z("common.components"),label:(0,E.jsx)(p.Z,{color:"error",variant:"dot",invisible:!ne.length,children:Z("common.components")}),value:"components"}];if(x)ae=(0,E.jsxs)(E.Fragment,{children:[(0,E.jsx)(v.Z,{type:"error",variant:"icon",children:(0,z.Z)(x)}),(0,E.jsx)(h.Z,{onClick:()=>S(),children:(0,E.jsx)("span",{style:{textDecoration:"underline"},children:Z("common.retry")})})]});else if(o){var le;const e={overview:(0,E.jsx)(F,{}),configuration:M,navigation:V,services:X,members:(0,E.jsx)(W,{type:"blocklet",createPassportSvg:_}),passports:$,components:J,"audit-logs":C,logs:Q,runtime:(0,E.jsx)(q,{}),traffic:(0,E.jsx)(H,{client:P,did:a}),storage:(0,E.jsx)(ee,{})};"configuration"===n&&(0,z.wS)(o.status)&&A("overview"),(0,z.wS)(o.status)||(oe.push({label:Z("common.members"),value:"members"}),oe.push({label:Z("common.passport"),value:"passports"}),oe.push({label:Z("common.configuration"),value:"configuration"})),oe.push({label:Z("common.auditLogs"),value:"audit-logs"}),o&&null!==(le=o.children)&&void 0!==le&&le.length&&o.structVersion===w.APP_STRUCT_VERSION&&oe.push({label:Z("common.logs"),value:"logs"}),oe.push({label:Z("common.configNavigation"),value:"navigation"}),oe.push({label:Z("common.runtime"),value:"runtime"}),oe.push({label:Z("common.traffic"),value:"traffic"}),oe.push({label:Z("common.storage"),value:"storage"});(0,g.getBlockletServices)(o).length&&oe.splice(2,0,{label:Z("blocklet.services"),value:"services"});const t=e[n]||e.overview;ae=(0,E.jsxs)(f.g,{type:"components",children:[!(0,g.isExternalBlocklet)(o)&&(0,E.jsx)(m.Z,{tabs:oe,current:n,onChange:A,scrollButtons:"auto"}),(0,E.jsx)("div",{className:"page-content",children:(0,E.jsx)(i.Suspense,{fallback:(0,E.jsx)(N.Z,{relative:"parent",children:(0,E.jsx)(U.Z,{})}),children:(0,i.isValidElement)(t)?t:(0,E.jsx)(t,{blocklet:o,onUpdate:G,createPassportSvg:_})})})]})}else ae=(0,E.jsx)(N.Z,{relative:"parent",children:(0,E.jsx)(U.Z,{})});const se=oe.find((e=>e.value===n)),ce=o?O.G6:te;return(0,E.jsx)(ce,{teamDid:a,children:(0,E.jsxs)(ie,{children:[(0,E.jsxs)(d.Z,{separator:"\u203a","aria-label":"breadcrumb",className:"page-breadcrumb",children:[(0,E.jsx)(s.Link,{color:"textSecondary",to:"/blocklets",children:Z("common.blocklets")}),(0,E.jsx)(s.NavLink,{to:"/blocklets/".concat(a,"/overview"),style:e=>e?{color:"inherit"}:{},children:Z("common.detail")}),(0,E.jsx)(r.Z,{color:"textSecondary",children:se?se.breadcrumbsLabel||se.label:""})]}),(0,E.jsxs)(r.Z,{component:"div",className:"page-header",children:[(0,E.jsxs)(r.Z,{component:"h2",variant:"h4",className:"page-title",color:"textPrimary",children:[o?(0,E.jsx)(k.Z,{blocklet:o,style:{marginRight:16}}):null,o?(0,E.jsxs)(u.Z,{display:"flex",alignItems:"center",flexWrap:"wrap",gap:1,children:[(0,E.jsx)(u.Z,{children:(0,g.getDisplayName)(o)}),"unknown"!==(null===o||void 0===o?void 0:o.status)&&(0,E.jsx)(b.Z,{size:"12px",status:o.status,source:o.source,progress:o.progress})]}):"".concat(Z("common.blocklet")," ").concat(Z("common.detail"))]}),(0,E.jsx)(R.Z,{permission:"mutate_blocklets",children:!!o&&!(0,g.isExternalBlocklet)(o)&&(0,E.jsx)(T.Z,{className:"page-actions",blocklet:o,onStart:()=>{},onComplete:e=>{let{action:n,error:a}=e;a?y.Z.error(a.message):"remove"===n?(B(),t("/blocklets")):S()},variant:"group"})})]}),(0,E.jsx)(D,{}),ae]})})}function ae(){const{did:e}=(0,l.useParams)();return e?(0,E.jsx)(K.$8,{did:e,children:(0,E.jsx)(G.wV,{children:(0,E.jsx)(ne,{})})}):null}const ie=o.Z.main(A||(A=(0,a.Z)(["\n  .page-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 16px;\n  }\n\n  .page-title {\n    display: flex;\n    align-items: center;\n\n    .page-link {\n      font-size: 15px;\n      margin-top: 8px;\n      margin-left: 8px;\n    }\n  }\n\n  .page-content {\n    margin-top: 16px;\n  }\n\n  @media (max-width: ","px) {\n    .page-header {\n      flex-direction: column;\n      align-items: flex-start;\n      .page-actions,\n      .MuiButtonGroup-root {\n        width: 100%;\n      }\n      .MuiButtonGroup-root {\n        .MuiButtonBase-root {\n          flex: 1;\n        }\n        .blocklet-action-text {\n          display: none;\n        }\n      }\n    }\n\n    .page-title {\n      margin-bottom: 15px;\n    }\n  }\n"])),(e=>e.theme.breakpoints.values.md))},85531:(e,t,n)=>{n.d(t,{wV:()=>w,XN:()=>P});var a=n(5057),i=n(55898),o=n.n(i),l=n(86229),s=n(68420),c=n(77277),r=n(29054),d=n(84584),u=n(41899),p=n(58238),m=n(65873);var v=n(14491);function h(){var e;let{setLoading:t,refresh:n}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const{blocklet:i,actions:{refreshBlocklet:o}}=(0,r.y0)(),s=null===i||void 0===i||null===(e=i.meta)||void 0===e?void 0:e.did,[c,h]=(0,a.useState)([]),{api:g}=(0,p.h6)();return(0,u.Z)((async()=>{try{if(!s)return void h([]);null===t||void 0===t||t(!0);const{spaceGateways:e}=await g.getBlockletSpaceGateways({input:{did:s}}),n=await async function(e){let{blockletDid:t,nodeApi:n,spaceGateways:a}=e,i=!1;const o=await Promise.all(a.map((async e=>{let{name:t}=e;const n=await(0,d.nU)(e.endpoint);return(0,m.isEmpty)(n)||n===t||(t=n,i=!0),{...e,name:t}})));return i&&await Promise.all(o.filter((e=>e.did)).map((e=>n.updateBlockletSpaceGateway({input:{did:t,where:{did:e.did},spaceGateway:{...e}}})))),o}({blockletDid:s,nodeApi:g,spaceGateways:e});h(null!==n&&void 0!==n?n:[])}catch(e){console.error(e),l.Z.error((0,v.Z)(e))}finally{null===t||void 0===t||t(!1)}}),[s,o,n]),{spaceGateways:c}}function g(){var e;let{deps:t,setLoading:n}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{deps:[],setLoading:()=>{}};const{blocklet:i}=(0,r.y0)(),[o,s]=(0,a.useState)([]),{api:c}=(0,p.h6)(),d=(0,m.debounce)((async()=>{try{if(n(!0),!i)return void s([]);const{backups:e}=await c.getBlockletBackups({input:{did:i.meta.did}});s(null!==e&&void 0!==e?e:[])}catch(e){console.error(e),l.Z.error((0,v.Z)(e))}finally{n(!1)}}),2e3);return(0,u.Z)((async()=>{d()}),[null===i||void 0===i||null===(e=i.meta)||void 0===e?void 0:e.did].concat(t)),{backups:o}}const b=function(e){let{appDid:t}=e;const{backups:n}=g(),[i,o]=(0,a.useState)({message:"",progress:0,completed:!1}),l=(0,p.h6)(),{ws:{useSubscription:s}}=l;return s(c.BlockletEvents.backupProgress,(e=>{t===(null===e||void 0===e?void 0:e.appDid)&&o((()=>({...e})))}),[t]),(0,a.useEffect)((()=>{var e;if(null!==n&&void 0!==n&&n.length&&(0,m.isNull)(null===(e=n[0])||void 0===e?void 0:e.status)){const[e]=n;o((()=>({message:e.message,progress:e.progress,completed:Boolean(e.progress>=100)})))}}),[n]),i};var f=n(96266);const y=(0,a.createContext)({}),{Provider:k,Consumer:x}=y;function w(e){let{children:t}=e;const{t:n}=(0,s.PE)(),{api:i}=(0,p.h6)(),{blocklet:o}=(0,r.y0)(),[m,v]=(0,a.useState)(!1),[y,x]=(0,a.useState)(!1),{spaceGateways:w}=h({refresh:y,setLoading:v}),P=b({appDid:null===o||void 0===o?void 0:o.appDid}),[j,S]=(0,a.useState)(!1),B=(0,a.useMemo)((()=>(0,d.mo)(null===o||void 0===o?void 0:o.environments)),[o,y,j]),[Z,C]=(0,a.useState)(!1),{backups:E}=g({deps:[P],setLoading:C}),[L,_]=(0,a.useState)(null===w||void 0===w?void 0:w.find((e=>e.endpoint===B))),[D,A]=(0,a.useState)(!1),N=function(){var e;let{deps:t}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{deps:[]};const{blocklet:n}=(0,r.y0)(),{api:i}=(0,p.h6)(),[o,l]=(0,a.useState)(null);return(0,u.Z)((async()=>{var e;if(null!==n&&void 0!==n&&null!==(e=n.meta)&&void 0!==e&&e.did){const{autoBackup:e}=await i.getAutoBackup({input:{did:n.meta.did}});l(e)}}),[null===n||void 0===n||null===(e=n.meta)||void 0===e?void 0:e.did].concat(t)),o}({deps:[D]}),[G,U]=(0,a.useState)(!1),T=function(){var e;let{deps:t}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{deps:[]};const{blocklet:n}=(0,r.y0)(),{api:i}=(0,p.h6)(),[o,l]=(0,a.useState)(null);return(0,u.Z)((async()=>{var e;if(null!==n&&void 0!==n&&null!==(e=n.meta)&&void 0!==e&&e.did){const{autoCheckUpdate:e}=await i.getAutoCheckUpdate({input:{did:n.meta.did}});l(e)}}),[null===n||void 0===n||null===(e=n.meta)||void 0===e?void 0:e.did].concat(t)),o}({deps:[G]}),I=()=>{x((e=>!e))};return(0,f.jsx)(k,{value:{spaceGateways:w,selectedSpaceGateway:L,addSpaceGateway:async(e,t)=>{w.push({...e,loading:!0}),await i.addBlockletSpaceGateway({input:{did:o.meta.did,spaceGateway:e}}),B!==t&&await i.configBlocklet({input:{did:[o.meta.did],configs:[{key:c.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_BACKUP_ENDPOINT,value:t}]}}),I(),_(e)},deleteSpaceGateway:async e=>{e&&(e.endpoint!==B?(await i.deleteBlockletSpaceGateway({input:{did:o.meta.did,spaceGatewayDid:null===e||void 0===e?void 0:e.did}}),I(),_(e)):l.Z.warning(n("storage.spaces.gateway.delete.failedForConnected")))},updateSpaceGateway:async e=>{var t;await i.updateBlockletSpaceGateway({input:{did:o.meta.did,where:{did:e.did},spaceGateway:e}}),B!==e.endpoint&&await i.configBlocklet({input:{did:[o.meta.did],configs:[{key:c.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_BACKUP_ENDPOINT,value:e.endpoint}]}}),l.Z.success(n("storage.spaces.connectedWithName",{name:null!==(t=null===e||void 0===e?void 0:e.name)&&void 0!==t?t:"DID Spaces"})),I()},refreshSpaceGateways:I,spaceGatewaysLoading:m,spaceGatewayIsSelected:e=>(null===e||void 0===e?void 0:e.endpoint)===B,updateAutoBackup:async e=>{await i.updateAutoBackup({input:{did:o.meta.did,autoBackup:e}}),A((e=>!e))},updateAutoCheckUpdate:async e=>{await i.updateAutoCheckUpdate({input:{did:o.meta.did,autoCheckUpdate:e}}),U((e=>!e))},autoCheckUpdate:T,backupEndpoint:B,backupProgress:P,backups:E,backupsLoading:Z,refreshBackupEndpoint:()=>{S((e=>!e))},autoBackup:N},children:t})}function P(){return(0,a.useContext)(y)}w.propTypes={children:o().any.isRequired},w.defaultProps={}},60344:(e,t,n)=>{n.d(t,{hi:()=>o,od:()=>i.a});var a=n(10458),i=n.n(a);i().defaults.timeout=1e4;const o=i().create()},84584:(e,t,n)=>{n.d(t,{EJ:()=>f,Jf:()=>b,LQ:()=>u,Nb:()=>p,UV:()=>y,Xv:()=>r,Z3:()=>k,ag:()=>v,mo:()=>m,nD:()=>d,nU:()=>g,w2:()=>h});var a=n(82434),i=n.n(a),o=n(77277),l=n(65873),s=n(2842),c=n(60344);function r(e){const t=e.replace(/\/api\/space\/.+/,""),n=e.replace(/\/$/,"").split("/"),a=n.at(-4),i=n.at(-2);return(0,s.xn)(t,"space",a,"apps",i,"explorer?key=/apps/".concat(i,"/.did-objects/").concat(i,"/"))}function d(e){const t=e.replace(/\/api\/space\/.+/,""),n=e.replace(/\/$/,"").split("/").at(-4);return(0,s.xn)(t,"space",n)}function u(e){return e.replace(/\/$/,"").split("/").at(-4)}async function p(e){try{if(!i()(e))return!1;const{headers:t}=await c.hi.head(e,{timeout:5e3});return"true"===t["x-listable"]&&"true"===t["x-readable"]&&"true"===t["x-writeable"]}catch(t){return console.error(t),!1}}function m(e){var t;return(null===e||void 0===e||null===(t=e.find((e=>e.key===o.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_BACKUP_ENDPOINT)))||void 0===t?void 0:t.value)||""}function v(e){const t=new URL(e);return(0,s.xn)(t.origin,t.pathname)}async function h(e){try{if(!i()(e))return!1;const t=v(e),n=(0,s.xn)(t,"space/api/did/one-click-authorization/token"),{status:a,data:o}=await c.hi.get(n,{timeout:5e3});return 200===a&&(0,l.isObject)(o)}catch(t){return console.error(t),!1}}async function g(e){let{timeout:t}=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{timeout:3e3};try{if(!i()(e))return"";const{headers:n}=await c.hi.head(e,{timeout:t}),a=n["x-space-name"];return a?decodeURIComponent(a):""}catch(n){return console.error(n),""}}function b(e){const t=e.replace(/\/api\/space\/.+/,""),n=e.replace(/\/$/,"").split("/").at(-4);return(0,s.xn)(t,"/api/space/nft/display?spaceDid=".concat(n))}const f=e=>{var t,n;return(null===e||void 0===e||null===(t=e.configs)||void 0===t||null===(n=t.find((e=>e.key===o.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_SPACE_ENDPOINT)))||void 0===n?void 0:n.value)||null};async function y(e){const t={};return t.did=u(e),t.name=await g(e),t.url=function(e){return null===e||void 0===e?void 0:e.replace(/\/api\/space\/.+/,"")}(e),t.endpoint=e,t}async function k(e){var t;let n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{timeout:3e4,withSearchParams:!0};if(!(0,l.isString)(e))throw new Error("url(".concat(e,") must be a string"));const a=e.startsWith("http")?e:"https://".concat(e),i=new URL(a),{data:o}=await c.hi.get((0,s.xn)(i.origin,"/__blocklet__.js?type=json"),{timeout:n.timeout}),r=null===(t=o.componentMountPoints.findLast((e=>"z8iZnaYxnkMD5AKRjTKiCb8pQr1ut8UantAcf"===e.did)))||void 0===t?void 0:t.mountPoint;if(!r)throw new Error("MountPoint(".concat(r,") not found"));const d=(0,s.xn)(i.origin,r);return n.withSearchParams&&i.searchParams.get("spaceDid")?(0,s.xn)(d,"?spaceDid=".concat(i.searchParams.get("spaceDid"))):d}}}]);
+"use strict";(self.webpackChunk_abtnode_webapp=self.webpackChunk_abtnode_webapp||[]).push([[6511],{86511:(e,t,n)=>{n.r(t),n.d(t,{default:()=>ae});var a=n(71171),i=n(5057),o=n(33518),l=n(85493),s=n(15849),c=n(68420),r=n(82084),d=n(59793),u=n(47125),p=n(45807),m=n(94464),v=n(88574),h=n(28726),g=n(38242),b=n(81010),f=n(87363),y=(n(5892),n(86229)),k=n(1722),x=n(87543),w=n(35432),P=n(66935),j=n(58238),S=n(29054),B=n(73545),Z=n(14491),C=n(4651),E=n(96266);const L=e=>{const t={};let n=null;return(0,g.forEachBlockletSync)(e,(e=>{t[e.meta.bundleDid]?n=(0,g.getDisplayName)(e,!0):e.meta.bundleDid&&(t[e.meta.bundleDid]=!0)})),n},_=(e,t,n)=>{const{hostname:a,href:i}=e;if(!t)return i;if(n){var o;const e=/\d+[-.]\d+[-.]\d+[-.]\d+/.exec(a);if(!e)return i;const n=e[0],l=(((null===(o=t.site)||void 0===o?void 0:o.domainAliases)||[]).map((e=>e.value)).filter(Boolean).find((e=>e.endsWith(w.DEFAULT_DID_DOMAIN)))||"").replace(".".concat(w.DEFAULT_DID_DOMAIN),"");return l?i.replace(a,"".concat(l,"-").concat(n,".").concat(w.DEFAULT_IP_DOMAIN_SUFFIX)):i}return i.replace(t.meta.bundleDid,t.appPid)};function D(){const{t:e}=(0,c.PE)(),{api:t}=(0,B.T)(),{blocklet:n}=(0,S.y0)(),{inService:a}=(0,j.h6)(),[o,l]=(0,i.useState)(!1),[s,r]=(0,i.useState)(5),d=n&&n.structVersion!==w.APP_STRUCT_VERSION;return[d&&(0,E.jsxs)(v.Z,{type:"warning",style:{margin:"12px 0"},children:[(0,E.jsxs)(x.Z,{display:"flex",alignItems:"center",children:[(0,E.jsx)(h.Z,{variant:"contained",size:"small",color:"primary",onClick:()=>(()=>{try{if("running"===n.status)return void y.Z.error(e("blocklet.migrate.tip.running"));const t=L(n);if(t)return void y.Z.error(e("blocklet.migrate.tip.duplicate",{name:t}));l(!0)}catch(t){y.Z.error((0,Z.Z)(t))}})(),style:{marginRight:8},children:e("blocklet.migrate.intro.l1")}),(0,E.jsx)("span",{children:e("blocklet.migrate.intro.l2")})]}),["l3","l4","l5","l6"].map((t=>(0,E.jsx)(x.Z,{display:"flex",alignItems:"center",children:e("blocklet.migrate.intro.".concat(t))},t)))]},"alert"),n&&(0,E.jsx)(P.Z,{popup:!0,open:o,saveConnect:!1,forceConnected:!1,action:"migrate-app-to-struct-v2",checkFn:t.get,checkTimeout:3e5,onSuccess:()=>{const e=_(window.location,n,a);setTimeout((()=>{window.location.href=e}),5e3),r(5),setInterval((()=>{r((e=>e-1))}),1e3)},extraParams:{appDid:n.appDid,did:n.meta.did,wt:(0,C.iK)(n,!0),title:(0,g.getDisplayName)(n)},messages:{title:e("blocklet.migrate.title"),scan:e("blocklet.migrate.scan"),confirm:e("blocklet.migrate.confirm"),success:s>=0?e("blocklet.migrate.success",{sec:s}):"Redirecting..."},onClose:()=>l(!1)},"connect")]}D.propTypes={};var A,N=n(35966),G=n(85531),U=n(13798),T=n(78123),I=n(75793),O=n(17022),K=n(93677),z=n(74094),R=n(7199);const F=(0,i.lazy)((()=>Promise.all([n.e(6448),n.e(2739),n.e(730),n.e(4549)]).then(n.bind(n,64549)))),M=(0,i.lazy)((()=>Promise.all([n.e(6448),n.e(2739),n.e(8537),n.e(4631),n.e(2294),n.e(1279),n.e(6547),n.e(3748),n.e(6296),n.e(506),n.e(5716),n.e(5545),n.e(3732),n.e(6230)]).then(n.bind(n,64558)))),V=(0,i.lazy)((()=>Promise.all([n.e(6448),n.e(2739),n.e(4631),n.e(6547),n.e(6296),n.e(6771),n.e(506),n.e(5716),n.e(1255),n.e(1294),n.e(7131),n.e(4775)]).then(n.bind(n,14775)))),Y=(0,i.lazy)((()=>Promise.all([n.e(6448),n.e(6771),n.e(442),n.e(9636),n.e(7676),n.e(3239)]).then(n.bind(n,13239)))),$=(0,i.lazy)((()=>Promise.all([n.e(6448),n.e(2739),n.e(7288),n.e(6974),n.e(5979),n.e(2537)]).then(n.bind(n,75979)))),W=(0,i.lazy)((()=>Promise.all([n.e(6448),n.e(2739),n.e(8537),n.e(4631),n.e(2294),n.e(1279),n.e(6547),n.e(3748),n.e(9364),n.e(5672),n.e(5217)]).then(n.bind(n,75672)))),X=(0,i.lazy)((()=>Promise.all([n.e(8537),n.e(4631),n.e(2294),n.e(1279),n.e(5539),n.e(4335),n.e(5015)]).then(n.bind(n,85555)))),J=(0,i.lazy)((()=>Promise.all([n.e(6448),n.e(2739),n.e(8537),n.e(4631),n.e(2294),n.e(1279),n.e(6296),n.e(2251),n.e(2911),n.e(5539),n.e(442),n.e(5526),n.e(7288),n.e(6076),n.e(4335),n.e(9811),n.e(7558),n.e(5545),n.e(5165),n.e(1846),n.e(318)]).then(n.bind(n,20318)))),Q=(0,i.lazy)((()=>Promise.all([n.e(6448),n.e(7998),n.e(8219)]).then(n.bind(n,92379)))),q=(0,i.lazy)((()=>Promise.all([n.e(8537),n.e(4631),n.e(2294),n.e(1279),n.e(6547),n.e(3748),n.e(6296),n.e(7534)]).then(n.bind(n,87534)))),H=(0,i.lazy)((()=>Promise.all([n.e(6448),n.e(2739),n.e(6296),n.e(2251),n.e(5539),n.e(7560),n.e(2611)]).then(n.bind(n,42611)))),ee=(0,i.lazy)((()=>Promise.all([n.e(6448),n.e(2739),n.e(8537),n.e(4631),n.e(2294),n.e(1279),n.e(6547),n.e(3748),n.e(9940),n.e(1846),n.e(9552)]).then(n.bind(n,39552)))),te=e=>{let{children:t}=e;return t};function ne(){var e;const t=(0,l.useNavigate)(),{tab:n="overview"}=(0,l.useParams)(),{did:a,blocklet:o,error:x,client:P,actions:{setBlocklet:j,refreshBlocklet:S}}=(0,K.y0)(),{refresh:B}=(0,I.h6)(),{t:Z}=(0,c.PE)(),C=(0,i.useCallback)((()=>(0,E.jsx)(Y,{scope:a})),[a]),L=(null===o||void 0===o||null===(e=o.environments.find((e=>"BLOCKLET_APP_URL"===e.key)))||void 0===e?void 0:e.value)||window.location.origin,_=e=>(0,z.bV)(e,L),A=e=>{t("/blocklets/".concat(a,"/").concat(e))},G=e=>{e&&j(e),S()},ne=!o||(0,z.wS)(o.status)?[]:(0,g.getAppMissingConfigs)(o);let ae=null;const oe=[{label:Z("common.overview"),value:"overview"},{breadcrumbsLabel:Z("common.components"),label:(0,E.jsx)(p.Z,{color:"error",variant:"dot",invisible:!ne.length,children:Z("common.components")}),value:"components"}];if(x)ae=(0,E.jsxs)(E.Fragment,{children:[(0,E.jsx)(v.Z,{type:"error",variant:"icon",children:(0,z.Z)(x)}),(0,E.jsx)(h.Z,{onClick:()=>S(),children:(0,E.jsx)("span",{style:{textDecoration:"underline"},children:Z("common.retry")})})]});else if(o){var le;const e={overview:(0,E.jsx)(F,{}),configuration:M,navigation:V,services:X,members:(0,E.jsx)(W,{type:"blocklet",createPassportSvg:_}),passports:$,components:J,"audit-logs":C,logs:Q,runtime:(0,E.jsx)(q,{}),traffic:(0,E.jsx)(H,{client:P,did:a}),storage:(0,E.jsx)(ee,{})};"configuration"===n&&(0,z.wS)(o.status)&&A("overview"),(0,z.wS)(o.status)||(oe.push({label:Z("common.members"),value:"members"}),oe.push({label:Z("common.passport"),value:"passports"}),oe.push({label:Z("common.configuration"),value:"configuration"})),oe.push({label:Z("common.auditLogs"),value:"audit-logs"}),o&&null!==(le=o.children)&&void 0!==le&&le.length&&o.structVersion===w.APP_STRUCT_VERSION&&oe.push({label:Z("common.logs"),value:"logs"}),oe.push({label:Z("common.configNavigation"),value:"navigation"}),oe.push({label:Z("common.runtime"),value:"runtime"}),oe.push({label:Z("common.traffic"),value:"traffic"}),oe.push({label:Z("common.storage"),value:"storage"});(0,g.getBlockletServices)(o).length&&oe.splice(2,0,{label:Z("blocklet.services"),value:"services"});const t=e[n]||e.overview;ae=(0,E.jsxs)(f.g,{type:"components",children:[!(0,g.isExternalBlocklet)(o)&&(0,E.jsx)(m.Z,{tabs:oe,current:n,onChange:A,scrollButtons:"auto"}),(0,E.jsx)("div",{className:"page-content",children:(0,E.jsx)(i.Suspense,{fallback:(0,E.jsx)(N.Z,{relative:"parent",children:(0,E.jsx)(U.Z,{})}),children:(0,i.isValidElement)(t)?t:(0,E.jsx)(t,{blocklet:o,onUpdate:G,createPassportSvg:_})})})]})}else ae=(0,E.jsx)(N.Z,{relative:"parent",children:(0,E.jsx)(U.Z,{})});const se=oe.find((e=>e.value===n)),ce=o?O.G6:te;return(0,E.jsx)(ce,{teamDid:a,children:(0,E.jsxs)(ie,{children:[(0,E.jsxs)(d.Z,{separator:"\u203a","aria-label":"breadcrumb",className:"page-breadcrumb",children:[(0,E.jsx)(s.Link,{color:"textSecondary",to:"/blocklets",children:Z("common.blocklets")}),(0,E.jsx)(s.NavLink,{to:"/blocklets/".concat(a,"/overview"),style:e=>e?{color:"inherit"}:{},children:Z("common.detail")}),(0,E.jsx)(r.Z,{color:"textSecondary",children:se?se.breadcrumbsLabel||se.label:""})]}),(0,E.jsxs)(r.Z,{component:"div",className:"page-header",children:[(0,E.jsxs)(r.Z,{component:"h2",variant:"h4",className:"page-title",color:"textPrimary",children:[o?(0,E.jsx)(k.Z,{blocklet:o,style:{marginRight:16}}):null,o?(0,E.jsxs)(u.Z,{display:"flex",alignItems:"center",flexWrap:"wrap",gap:1,children:[(0,E.jsx)(u.Z,{children:(0,g.getDisplayName)(o)}),"unknown"!==(null===o||void 0===o?void 0:o.status)&&(0,E.jsx)(b.Z,{size:"12px",status:o.status,source:o.source,progress:o.progress})]}):"".concat(Z("common.blocklet")," ").concat(Z("common.detail"))]}),(0,E.jsx)(R.Z,{permission:"mutate_blocklets",children:!!o&&!(0,g.isExternalBlocklet)(o)&&(0,E.jsx)(T.Z,{className:"page-actions",blocklet:o,onStart:()=>{},onComplete:e=>{let{action:n,error:a}=e;a?y.Z.error(a.message):"remove"===n?(B(),t("/blocklets")):S()},variant:"group"})})]}),(0,E.jsx)(D,{}),ae]})})}function ae(){const{did:e}=(0,l.useParams)();return e?(0,E.jsx)(K.$8,{did:e,children:(0,E.jsx)(G.wV,{children:(0,E.jsx)(ne,{})})}):null}const ie=o.Z.main(A||(A=(0,a.Z)(["\n  .page-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 16px;\n  }\n\n  .page-title {\n    display: flex;\n    align-items: center;\n\n    .page-link {\n      font-size: 15px;\n      margin-top: 8px;\n      margin-left: 8px;\n    }\n  }\n\n  .page-content {\n    margin-top: 16px;\n  }\n\n  @media (max-width: ","px) {\n    .page-header {\n      flex-direction: column;\n      align-items: flex-start;\n      .page-actions,\n      .MuiButtonGroup-root {\n        width: 100%;\n      }\n      .MuiButtonGroup-root {\n        .MuiButtonBase-root {\n          flex: 1;\n        }\n        .blocklet-action-text {\n          display: none;\n        }\n      }\n    }\n\n    .page-title {\n      margin-bottom: 15px;\n    }\n  }\n"])),(e=>e.theme.breakpoints.values.md))},85531:(e,t,n)=>{n.d(t,{wV:()=>w,XN:()=>P});var a=n(5057),i=n(55898),o=n.n(i),l=n(86229),s=n(68420),c=n(77277),r=n(29054),d=n(84584),u=n(41899),p=n(58238),m=n(65873);var v=n(14491);function h(){var e;let{setLoading:t,refresh:n}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const{blocklet:i,actions:{refreshBlocklet:o}}=(0,r.y0)(),s=null===i||void 0===i||null===(e=i.meta)||void 0===e?void 0:e.did,[c,h]=(0,a.useState)([]),{api:g}=(0,p.h6)();return(0,u.Z)((async()=>{try{if(!s)return void h([]);null===t||void 0===t||t(!0);const{spaceGateways:e}=await g.getBlockletSpaceGateways({input:{did:s}}),n=await async function(e){let{blockletDid:t,nodeApi:n,spaceGateways:a}=e,i=!1;const o=await Promise.all(a.map((async e=>{let{name:t}=e;const n=await(0,d.nU)(e.endpoint);return(0,m.isEmpty)(n)||n===t||(t=n,i=!0),{...e,name:t}})));return i&&await Promise.all(o.filter((e=>e.did)).map((e=>n.updateBlockletSpaceGateway({input:{did:t,where:{did:e.did},spaceGateway:{...e}}})))),o}({blockletDid:s,nodeApi:g,spaceGateways:e});h(null!==n&&void 0!==n?n:[])}catch(e){console.error(e),l.Z.error((0,v.Z)(e))}finally{null===t||void 0===t||t(!1)}}),[s,o,n]),{spaceGateways:c}}function g(){var e;let{deps:t,setLoading:n}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{deps:[],setLoading:()=>{}};const{blocklet:i}=(0,r.y0)(),[o,s]=(0,a.useState)([]),{api:c}=(0,p.h6)(),d=(0,m.debounce)((async()=>{try{if(n(!0),!i)return void s([]);const{backups:e}=await c.getBlockletBackups({input:{did:i.meta.did}});s(null!==e&&void 0!==e?e:[])}catch(e){console.error(e),l.Z.error((0,v.Z)(e))}finally{n(!1)}}),2e3);return(0,u.Z)((async()=>{d()}),[null===i||void 0===i||null===(e=i.meta)||void 0===e?void 0:e.did].concat(t)),{backups:o}}const b=function(e){let{appDid:t}=e;const{backups:n}=g(),[i,o]=(0,a.useState)({message:"",progress:0,completed:!1}),l=(0,p.h6)(),{ws:{useSubscription:s}}=l;return s(c.BlockletEvents.backupProgress,(e=>{t===(null===e||void 0===e?void 0:e.appDid)&&o((()=>({...e})))}),[t]),(0,a.useEffect)((()=>{var e;if(null!==n&&void 0!==n&&n.length&&(0,m.isNull)(null===(e=n[0])||void 0===e?void 0:e.status)){const[e]=n;o((()=>({message:e.message,progress:e.progress,completed:Boolean(e.progress>=100)})))}}),[n]),i};var f=n(96266);const y=(0,a.createContext)({}),{Provider:k,Consumer:x}=y;function w(e){let{children:t}=e;const{t:n}=(0,s.PE)(),{api:i}=(0,p.h6)(),{blocklet:o}=(0,r.y0)(),[m,v]=(0,a.useState)(!1),[y,x]=(0,a.useState)(!1),{spaceGateways:w}=h({refresh:y,setLoading:v}),P=b({appDid:null===o||void 0===o?void 0:o.appDid}),[j,S]=(0,a.useState)(!1),B=(0,a.useMemo)((()=>(0,d.mo)(null===o||void 0===o?void 0:o.environments)),[o,y,j]),[Z,C]=(0,a.useState)(!1),{backups:E}=g({deps:[P],setLoading:C}),[L,_]=(0,a.useState)(null===w||void 0===w?void 0:w.find((e=>e.endpoint===B))),[D,A]=(0,a.useState)(!1),N=function(){var e;let{deps:t}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{deps:[]};const{blocklet:n}=(0,r.y0)(),{api:i}=(0,p.h6)(),[o,l]=(0,a.useState)(null);return(0,u.Z)((async()=>{var e;if(null!==n&&void 0!==n&&null!==(e=n.meta)&&void 0!==e&&e.did){const{autoBackup:e}=await i.getAutoBackup({input:{did:n.meta.did}});l(e)}}),[null===n||void 0===n||null===(e=n.meta)||void 0===e?void 0:e.did].concat(t)),o}({deps:[D]}),[G,U]=(0,a.useState)(!1),T=function(){var e;let{deps:t}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{deps:[]};const{blocklet:n}=(0,r.y0)(),{api:i}=(0,p.h6)(),[o,l]=(0,a.useState)(null);return(0,u.Z)((async()=>{var e;if(null!==n&&void 0!==n&&null!==(e=n.meta)&&void 0!==e&&e.did){const{autoCheckUpdate:e}=await i.getAutoCheckUpdate({input:{did:n.meta.did}});l(e)}}),[null===n||void 0===n||null===(e=n.meta)||void 0===e?void 0:e.did].concat(t)),o}({deps:[G]}),I=()=>{x((e=>!e))};return(0,f.jsx)(k,{value:{spaceGateways:w,selectedSpaceGateway:L,addSpaceGateway:async(e,t)=>{w.push({...e,loading:!0}),await i.addBlockletSpaceGateway({input:{did:o.meta.did,spaceGateway:e}}),B!==t&&await i.configBlocklet({input:{did:[o.meta.did],configs:[{key:c.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_BACKUP_ENDPOINT,value:t}]}}),I(),_(e)},deleteSpaceGateway:async e=>{e&&(e.endpoint!==B?(await i.deleteBlockletSpaceGateway({input:{did:o.meta.did,spaceGatewayDid:null===e||void 0===e?void 0:e.did}}),I(),_(e)):l.Z.warning(n("storage.spaces.gateway.delete.failedForConnected")))},updateSpaceGateway:async e=>{var t;await i.updateBlockletSpaceGateway({input:{did:o.meta.did,where:{did:e.did},spaceGateway:e}}),B!==e.endpoint&&await i.configBlocklet({input:{did:[o.meta.did],configs:[{key:c.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_BACKUP_ENDPOINT,value:e.endpoint}]}}),l.Z.success(n("storage.spaces.connectedWithName",{name:null!==(t=null===e||void 0===e?void 0:e.name)&&void 0!==t?t:"DID Spaces"})),I()},refreshSpaceGateways:I,spaceGatewaysLoading:m,spaceGatewayIsSelected:e=>(null===e||void 0===e?void 0:e.endpoint)===B,updateAutoBackup:async e=>{await i.updateAutoBackup({input:{did:o.meta.did,autoBackup:e}}),A((e=>!e))},updateAutoCheckUpdate:async e=>{await i.updateAutoCheckUpdate({input:{did:o.meta.did,autoCheckUpdate:e}}),U((e=>!e))},autoCheckUpdate:T,backupEndpoint:B,backupProgress:P,backups:E,backupsLoading:Z,refreshBackupEndpoint:()=>{S((e=>!e))},autoBackup:N},children:t})}function P(){return(0,a.useContext)(y)}w.propTypes={children:o().any.isRequired},w.defaultProps={}},60344:(e,t,n)=>{n.d(t,{hi:()=>o,od:()=>i.a});var a=n(10458),i=n.n(a);i().defaults.timeout=1e4;const o=i().create()},84584:(e,t,n)=>{n.d(t,{EJ:()=>f,Jf:()=>b,LQ:()=>u,Nb:()=>p,UV:()=>y,Xv:()=>r,Z3:()=>k,ag:()=>v,mo:()=>m,nD:()=>d,nU:()=>g,w2:()=>h});var a=n(82434),i=n.n(a),o=n(77277),l=n(65873),s=n(2842),c=n(60344);function r(e){const t=e.replace(/\/api\/space\/.+/,""),n=e.replace(/\/$/,"").split("/"),a=n.at(-4),i=n.at(-2);return(0,s.xn)(t,"space",a,"apps",i,"explorer?key=/apps/".concat(i,"/.did-objects/").concat(i,"/"))}function d(e){const t=e.replace(/\/api\/space\/.+/,""),n=e.replace(/\/$/,"").split("/").at(-4);return(0,s.xn)(t,"space",n)}function u(e){return e.replace(/\/$/,"").split("/").at(-4)}async function p(e){try{if(!i()(e))return!1;const{headers:t}=await c.hi.head(e,{timeout:5e3});return"true"===t["x-listable"]&&"true"===t["x-readable"]&&"true"===t["x-writeable"]}catch(t){return console.error(t),!1}}function m(e){var t;return(null===e||void 0===e||null===(t=e.find((e=>e.key===o.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_BACKUP_ENDPOINT)))||void 0===t?void 0:t.value)||""}function v(e){const t=new URL(e);return(0,s.xn)(t.origin,t.pathname)}async function h(e){try{if(!i()(e))return!1;const t=v(e),n=(0,s.xn)(t,"space/api/did/one-click-authorization/token"),{status:a,data:o}=await c.hi.get(n,{timeout:5e3});return 200===a&&(0,l.isObject)(o)}catch(t){return console.error(t),!1}}async function g(e){let{timeout:t}=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{timeout:3e3};try{if(!i()(e))return"";const{headers:n}=await c.hi.head(e,{timeout:t}),a=n["x-space-name"];return a?decodeURIComponent(a):""}catch(n){return console.error(n),""}}function b(e){const t=e.replace(/\/api\/space\/.+/,""),n=e.replace(/\/$/,"").split("/").at(-4);return(0,s.xn)(t,"/api/space/nft/display?spaceDid=".concat(n))}const f=e=>{var t,n;return(null===e||void 0===e||null===(t=e.configs)||void 0===t||null===(n=t.find((e=>e.key===o.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_SPACE_ENDPOINT)))||void 0===n?void 0:n.value)||null};async function y(e){const t={};return t.did=u(e),t.name=await g(e),t.url=function(e){return null===e||void 0===e?void 0:e.replace(/\/api\/space\/.+/,"")}(e),t.endpoint=e,t}async function k(e){var t;let n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{timeout:3e4,withSearchParams:!0};if(!(0,l.isString)(e))throw new Error("url(".concat(e,") must be a string"));const a=e.startsWith("http")?e:"https://".concat(e),i=new URL(a),{data:o}=await c.hi.get((0,s.xn)(i.origin,"/__blocklet__.js?type=json"),{timeout:n.timeout}),r=null===(t=o.componentMountPoints.findLast((e=>"z8iZnaYxnkMD5AKRjTKiCb8pQr1ut8UantAcf"===e.did)))||void 0===t?void 0:t.mountPoint;if(!r)throw new Error("MountPoint(".concat(r,") not found"));const d=(0,s.xn)(i.origin,r);return n.withSearchParams&&i.searchParams.get("spaceDid")?(0,s.xn)(d,"?spaceDid=".concat(i.searchParams.get("spaceDid"))):d}}}]);

package/build/static/js/{6580.f68738f7.chunk.js → 6580.6cd5b4d5.chunk.js}

@@ -1 +1 @@
-"use strict";(self.webpackChunk_abtnode_webapp=self.webpackChunk_abtnode_webapp||[]).push([[6580,2611],{16580:(e,t,n)=>{n.r(t),n.d(t,{default:()=>ee});var a=n(71171),o=n(5057),r=n(33518),i=n(85493),s=n(82084),l=n(94464),c=n(68420),d=n(42611),m=n(75793),u=n(96266);function p(){const{api:e,info:t}=(0,m.h6)();return(0,u.jsx)(d.default,{client:e,did:t.did})}var h=n(45603),f=n.n(h),v=n(90049),g=n.n(v),y=n(47125),x=n(29585),Z=n(57126),b=n(61971),j=n(63748),k=n(13798),I=n(35966),E=n(66506),D=n(35432),R=n(77277),L=n(86229),P=n(1722),C=n(80378),N=n(14491),S=n(38242),_=n(56169),w=n(1979),T=n(55898),O=n.n(T),F=n(50844),B=n(60967),U=n(25400),z=n(87543),M=n(844);const Y=(0,F.Z)((e=>({root:{height:10},colorPrimary:{backgroundColor:e.palette.grey["light"===e.palette.mode?200:700]},bar:{backgroundColor:e.palette.secondary.main}})))(U.Z);function q(e){const{value:t}=e;return(0,u.jsxs)(z.Z,{display:"flex",alignItems:"center",mt:2,children:[(0,u.jsx)(z.Z,{width:"100%",style:{overflow:"hidden"},mr:1,children:(0,u.jsx)(Y,{variant:"determinate",...e})}),(0,u.jsx)(z.Z,{minWidth:35,children:(0,u.jsx)(B.Z,{variant:"body2",color:"textSecondary",children:"".concat(Math.round(t),"%")})})]})}function A(e){let{disk:t,platform:n}=e;const{t:a}=(0,o.useContext)(c.RD),r=[{id:1,className:"used",title:a("system.used"),metric:(0,N.RR)(t.used,n)},{id:2,className:"free",title:a("system.free"),metric:(0,N.RR)(t.free,n)},{id:3,className:"total",title:a("system.total"),metric:(0,N.RR)(t.total,n)}];return(0,u.jsx)(M.Z,{title:"".concat(a("common.disk")," (").concat(t.device,")"),value:(0,N.RR)(t.used,n),graph:(0,u.jsx)(z.Z,{mt:3,children:(0,u.jsx)(q,{value:t.used/t.total*100})}),description:r.map(((e,t)=>(0,u.jsxs)(z.Z,{sx:{marginLeft:0===t?0:2},children:[e.title,": ",e.metric]},e.title)))})}q.propTypes={value:O().number.isRequired},A.propTypes={disk:O().shape({used:O().number,free:O().number,total:O().number,device:O().string}),platform:O().string},A.defaultProps={disk:{used:0,free:0,total:1,device:""},platform:""};var K=n(67654),W=n(52926),H=n(52581),G=n(34937);const V={uptime:0,pid:-1,cpuUsage:0,memoryUsage:0},Q="Blocklet Server";function X(e){let{initialBlocklets:t}=e;const{t:n,locale:a}=(0,c.PE)(),{api:r}=(0,m.h6)(),[i,l]=(0,K.Z)("runtime-view-interval",6),d=(0,o.useMemo)((()=>{const e=[];return e.push({type:"server",groupId:"server",groupName:Q,id:"server:daemon",name:"Server (Daemon)",runtimeInfo:V}),e.push({type:"server",groupId:"server",groupName:Q,id:"server:service",name:"Server (Service)",runtimeInfo:V}),t.forEach((t=>{(0,S.forEachBlockletSync)(t,((n,a)=>{let{id:o,ancestors:r}=a;n.runtimeInfo&&e.push({type:"blocklet",groupId:t.meta.did,groupName:(0,S.getDisplayName)(t),id:o,name:(0,S.getDisplayName)(n,!0),blocklet:t,component:n,runtimeInfo:n.runtimeInfo,ancestors:r})}))})),e}),[]),[p,h]=(0,o.useState)(d),[v,k]=(0,o.useState)({os:{platform:""},mem:{used:0,free:0,total:1},cpu:{cpus:[],currentLoad:1},disks:[],daemon:{},service:{}}),[I,T]=(0,o.useState)({cpu:[],mem:[],daemonMem:[],serviceMem:[]});(0,G.mU)(D.EVENTS.NODE_RUNTIME_INFO,(e=>{e.mem.total=e.mem.total||0,e.mem.used=e.mem.total-(e.mem.available||0),k(e),h((t=>t.map((t=>"server:daemon"===t.id?{...t,runtimeInfo:{...t.runtimeInfo,...e.daemon}}:"server:service"===t.id?{...t,runtimeInfo:{...t.runtimeInfo,...e.service}}:t))))})),(0,G.mU)(D.EVENTS.BLOCKLETS_RUNTIME_INFO,(e=>{e&&e.length?h((t=>t.map((t=>{const n=e.find((e=>e.componentId===t.id));return n?{...t,runtimeInfo:{...t.runtimeInfo,...n.runtimeInfo}}:t})))):console.error("incorrect blocklets runtime info format",e)}));const O=e=>{h((t=>t.filter((t=>t.groupId!==e.meta.did))))},F=async e=>{try{const{blocklet:t}=await r.getBlocklet({input:{did:e.meta.did,attachRuntimeInfo:!0}});"running"!==t.status&&O(t),h((e=>{const n=e.filter((e=>e.groupId!==t.meta.did));return(0,S.forEachBlockletSync)(t,((e,a)=>{let{id:o,ancestors:r}=a;e.runtimeInfo&&n.push({type:"blocklet",groupId:t.meta.did,groupName:(0,S.getDisplayName)(t),id:o,name:(0,S.getDisplayName)(e,!0),blocklet:t,component:e,runtimeInfo:e.runtimeInfo,ancestors:r})})),n}))}catch(t){L.Z.error(t.message)}};(0,G.mU)(R.BlockletEvents.removed,O),(0,G.mU)(R.BlockletEvents.startFailed,O),(0,G.mU)(R.BlockletEvents.statusChange,(e=>{"running"===e.status?F(e):O(e)})),(0,G.mU)(R.BlockletEvents.updated,F),(0,G.mU)(R.BlockletEvents.started,F);(0,o.useEffect)((()=>{r.getNodeRuntimeHistory({input:{hours:i}}).then((e=>{const t=e.history||[];T({cpu:t.map((e=>({date:e.date,value:e.cpu}))),mem:t.map((e=>({date:e.date,value:e.mem}))),daemonMem:t.map((e=>({date:e.date,value:e.daemonMem}))),serviceMem:t.map((e=>({date:e.date,value:e.serviceMem})))})})).catch((e=>{L.Z.error(e.message)}))}),[i]);const B=[{label:n("common.group"),name:"groupName",options:{customBodyRenderLite(e){const{type:t,blocklet:n,groupName:a}=p[e];return"server"===t?(0,u.jsxs)(y.Z,{display:"flex",alignItems:"center",children:[(0,u.jsx)(H.r,{width:"14",height:"14"}),(0,u.jsx)(y.Z,{ml:1,children:a})]}):(0,u.jsxs)(y.Z,{display:"flex",alignItems:"center",children:[(0,u.jsx)(P.Z,{size:14,blocklet:n}),(0,u.jsx)(y.Z,{ml:1,children:a})]})}}},{label:n("common.name"),name:"name",options:{customBodyRenderLite(e){const{type:t,name:n,component:a,ancestors:o}=p[e];return"server"===t?(0,u.jsxs)(y.Z,{display:"flex",alignItems:"center",children:[(0,u.jsx)(E.Z,{width:"14",height:"14"}),(0,u.jsx)(y.Z,{ml:1,children:n})]}):(0,u.jsxs)(y.Z,{display:"flex",alignItems:"center",children:[(0,u.jsx)(C.Z,{size:14,blocklet:a,ancestors:o}),(0,u.jsx)(y.Z,{ml:1,children:n})]})}}},{label:n("common.uptime"),name:"runtimeInfo.uptime",options:{customBodyRenderLite(e){const{runtimeInfo:t}=p[e];return n=t.uptime,f()(Number(n||0),{locale:(0,N.FF)(a)});var n}}},{label:n("blocklet.runtimeInfo.memoryUsage"),name:"runtimeInfo.memoryUsage",options:{customBodyRenderLite(e){const{runtimeInfo:t}=p[e];return g()((null===t||void 0===t?void 0:t.memoryUsage)||0)},sortDirection:"asc"}},{label:n("blocklet.runtimeInfo.cpuUsage"),name:"runtimeInfo.cpuUsage",options:{customBodyRenderLite(e){const{runtimeInfo:t}=p[e];return"".concat((t.cpuUsage||0).toFixed(1),"%")}}},{label:n("blocklet.runtimeInfo.processId"),name:"runtimeInfo.pid"},{label:n("blocklet.runtimeInfo.port"),name:"runtimeInfo.port"}];return(0,u.jsxs)("div",{children:[(0,u.jsxs)(y.Z,{display:"flex",justifyContent:"space-between",flexDirection:"row",mb:2,children:[(0,u.jsx)(s.Z,{component:"h3",variant:"h5",color:"textPrimary",style:{fontSize:18,fontWeight:"bold"},children:n("analytics.trend")}),(0,u.jsx)(b.Z,{size:"small",exclusive:!0,value:i,onChange:(e,t)=>l(t),children:[1,3,6,12,24].map((e=>(0,u.jsxs)(Z.Z,{value:e,children:[e,"H"]},e)))})]}),(0,u.jsxs)(x.ZP,{mb:4,container:!0,spacing:4,children:[(0,u.jsx)(x.ZP,{item:!0,lg:3,md:6,sm:6,xs:12,children:(0,u.jsx)(_.Z,{...v.cpu,history:I.cpu})},"cpu"),(0,u.jsx)(x.ZP,{item:!0,lg:3,md:6,sm:6,xs:12,children:(0,u.jsx)(w.Z,{...v.mem,history:I.mem})},"memory"),(0,u.jsx)(x.ZP,{item:!0,lg:3,md:6,sm:6,xs:12,children:(0,u.jsx)(w.Z,{title:"".concat(n("common.memory")," (Daemon)"),used:v.daemon.memoryUsage||0,history:I.daemonMem})},"memory-daemon"),(0,u.jsx)(x.ZP,{item:!0,lg:3,md:6,sm:6,xs:12,children:(0,u.jsx)(w.Z,{title:"".concat(n("common.memory")," (Service)"),instanceCount:v.service.instanceCount||0,used:v.service.memoryUsage||0,history:I.serviceMem})},"memory-service"),v.disks.map((e=>(0,u.jsx)(x.ZP,{item:!0,lg:3,md:6,sm:6,xs:12,children:(0,u.jsx)(A,{disk:e,platform:v.os.platform})},"disk")))]}),(0,u.jsx)(j.Z,{className:"runtime-insight-list",title:n("analytics.detail"),locale:a,data:p,columns:B,options:{download:!1,filter:!1,print:!1,pagination:!1,rowsPerPage:100}})]})}function J(){const{data:e,externalData:t,initialized:n}=(0,W.RJ)();if(!n)return(0,u.jsx)(I.Z,{relative:"parent",children:(0,u.jsx)(k.Z,{})});const a=[...e,...t]||[];return(0,u.jsx)(X,{initialBlocklets:a})}var $;function ee(){const e=(0,i.useNavigate)(),{t:t}=(0,o.useContext)(c.RD),{tab:n="traffic"}=(0,i.useParams)(),a=[{label:t("common.traffic"),value:"traffic"},{label:t("common.runtime"),value:"runtime"}],r={traffic:p,runtime:J},d=r[n]||r.traffic;return(0,u.jsxs)(te,{children:[(0,u.jsx)(s.Z,{component:"h2",variant:"h4",className:"page-header",color:"textPrimary",children:t("common.analytics")}),(0,u.jsx)(l.Z,{tabs:a,current:n,onChange:t=>{e("/analytics/".concat(t))}}),(0,u.jsx)("div",{className:"page-content",children:(0,o.isValidElement)(d)?d:(0,u.jsx)(d,{})})]})}const te=r.Z.main($||($=(0,a.Z)(["\n  .page-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n  }\n\n  .page-content {\n    margin-top: 16px;\n  }\n"])))},844:(e,t,n)=>{n.d(t,{Z:()=>p});var a,o=n(71171),r=n(55898),i=n.n(r),s=n(33518),l=n(15008),c=n(51744),d=n(60967),m=n(87543),u=n(96266);function p(e){let{style:t,title:n,value:a,graph:o,description:r}=e;return(0,u.jsx)(h,{children:(0,u.jsxs)(c.Z,{style:{...t},children:[(0,u.jsx)(d.Z,{sx:{fontSize:14},color:"text.secondary",children:n}),(0,u.jsx)(d.Z,{variant:"h5",component:"div",mt:1,children:a}),o,!!r&&(0,u.jsx)(m.Z,{display:"flex",sx:{fontSize:12,marginTop:3},color:"text.secondary",children:r})]})})}p.propTypes={style:i().object,title:i().node,value:i().node,graph:i().node,description:i().any},p.defaultProps={style:{},title:null,value:null,graph:null,description:null};const h=(0,s.Z)(l.Z)(a||(a=(0,o.Z)(["\n  .card-content {\n    height: 150px;\n  }\n\n  .card-sparkline {\n    flex: 2;\n    display: flex;\n    position: relative;\n    *[hidden] {\n      display: none;\n    }\n  }\n  .sparkline {\n    stroke: ",";\n    fill: ","1A;\n  }\n  .tooltip {\n    position: absolute;\n    background: rgba(0, 0, 0, 0.7);\n    color: #fff;\n    padding: 2px 5px;\n    font-size: 12px;\n    white-space: nowrap;\n    z-index: 9999;\n  }\n  .sparkline--cursor {\n    stroke: orange;\n  }\n\n  .sparkline--spot {\n    fill: red;\n    stroke: red;\n  }\n"])),(e=>e.theme.palette.primary.main),(e=>e.theme.palette.primary.main))},52959:(e,t,n)=>{n.d(t,{Z:()=>m});var a=n(5057),o=n(55898),r=n.n(o),i=n(12673),s=n(28563),l=n(26089),c=n(844),d=n(96266);function m(e){let{id:t,title:n,current:o,description:r,data:m,dateFn:u,valueFn:p}=e;const h=(0,a.useRef)(null),f=(0,a.useRef)(null),v=(0,i.Z)({style:{top:0,left:0},hidden:!0,textContent:""}),[g,y]=(0,a.useState)(null),x=(0,s.Z)(g),Z={onmousemove(e,t){const{date:n,value:a}=t;v.textContent="".concat(u(n),": ").concat(p(a)),v.style.top=-30,v.style.left=80,v.hidden=!1},onmouseout(){v.hidden=!0}};return(0,a.useEffect)((()=>{setTimeout((()=>{y(document.querySelector(".".concat(t))),setTimeout((()=>{h.current&&(0,l.Z)(h.current,m||[],Z)}),400)}))}),[m]),(0,d.jsx)(c.Z,{title:n,value:o,graph:(0,d.jsxs)("div",{className:"card-sparkline ".concat(t),style:{marginTop:16},children:[(0,d.jsx)("svg",{ref:h,className:"sparkline",width:(null===x||void 0===x?void 0:x.width)||100,height:30,strokeWidth:"2"}),(0,d.jsx)("span",{className:"tooltip",ref:f,hidden:v.hidden,style:{...v.style},children:v.textContent})]}),description:r})}m.propTypes={id:r().string.isRequired,title:r().string.isRequired,current:r().any.isRequired,description:r().any,data:r().array,dateFn:r().func,valueFn:r().func},m.defaultProps={description:null,data:[],dateFn:e=>e,valueFn:e=>e}},56169:(e,t,n)=>{n.d(t,{Z:()=>m});var a=n(5057),o=n(55898),r=n.n(o),i=n(68420),s=n(52959),l=n(14491),c=n(96266);const d=e=>"".concat(e,"%");function m(e){let{cpus:t,currentLoad:n,history:o}=e;const{t:r,locale:m}=(0,a.useContext)(i.RD);return(0,c.jsx)(s.Z,{id:"cpu-sparkline",title:r("common.cpu"),current:"".concat(Math.floor(n||0),"%"),data:o,description:"".concat(r("system.cores"),": ").concat((null===t||void 0===t?void 0:t.length)||0),dateFn:e=>(0,l.mr)(e,"HH:mm:ss",m),valueFn:d})}m.propTypes={cpus:r().array,currentLoad:r().number,history:r().array},m.defaultProps={cpus:[],currentLoad:0,history:[]}},1979:(e,t,n)=>{n.d(t,{Z:()=>u});var a=n(55898),o=n.n(a),r=n(90049),i=n.n(r),s=n(87543),l=n(68420),c=n(52959),d=n(14491),m=n(96266);function u(e){let{instanceCount:t,title:n,total:a,used:o,history:r}=e;const{t:u,locale:p}=(0,l.PE)(),h=!!a,f=a-o,v=h?"(".concat(Math.floor(o/a*100),"%)"):"",g=[];return t&&g.push({title:u("system.instances"),metric:t}),g.push({title:u("system.used"),metric:i()(o)}),h&&g.push({title:u("system.free"),metric:i()(f)},{title:u("system.total"),metric:i()(a)}),(0,m.jsx)(c.Z,{id:"mem-sparkline",title:n||u("common.memory"),current:"".concat(i()(Math.floor(o||0))," ").concat(v),data:r,description:g.map(((e,t)=>(0,m.jsxs)(s.Z,{sx:{marginLeft:0===t?0:2},children:[e.title,": ",e.metric]},e.title))),dateFn:e=>(0,d.mr)(e,"HH:mm:ss",p),valueFn:i()})}u.propTypes={title:o().string,instanceCount:o().number,total:o().number,used:o().number,history:o().array},u.defaultProps={title:"",instanceCount:null,total:null,used:null,history:[]}},42611:(e,t,n)=>{n.r(t),n.d(t,{default:()=>q,getDefaultRanges:()=>Y});var a=n(5057),o=n(1577),r=n.n(o),i=n(6465),s=n.n(i),l=n(6352),c=n.n(l),d=n(90049),m=n.n(d),u=n(74511),p=n(96181),h=n(58717),f=n(69544),v=n(6296),g=n(60967),y=n(12958),x=n(53066),Z=n(50410),b=n(36645),j=n(77946),k=n(94448),I=n(88868),E=n(53919),D=n(68420),R=n(35432),L=n(87364),P=n(39458),C=n(4903),N=n(44926),S=n(90298),_=n(43713),w=n(59497),T=n(9732),O=n(13379),F=n(14491),B=n(58238),U=n(52959),z=n(96266);const M=s()(0),Y=(e,t)=>[{label:"This Week",startDate:(0,L.Z)(e,{locale:t}),endDate:(0,P.Z)(e,{locale:t})},{label:"Last Week",startDate:(0,L.Z)((0,C.Z)(e,-1),{locale:t}),endDate:(0,P.Z)((0,C.Z)(e,-1),{locale:t})},{label:"Last 7 Days",startDate:(0,C.Z)(e,-1),endDate:e},{label:"This Month",startDate:(0,N.Z)(e),endDate:(0,S.Z)(e)},{label:"Last Month",startDate:(0,N.Z)((0,_.Z)(e,-1)),endDate:(0,S.Z)((0,_.Z)(e,-1))},{label:"This Year",startDate:(0,w.Z)(e),endDate:(0,T.Z)(e)},{label:"Last Year",startDate:(0,w.Z)((0,O.Z)(e,-1)),endDate:(0,T.Z)((0,O.Z)(e,-1))}];function q(e){let{client:t,did:n}=e;const o=r()().subtract(1,"day").toDate(),{info:i,inService:s}=(0,B.h6)(),{t:l,locale:d}=(0,D.PE)(),[L,P]=(0,a.useState)(null),[C,N]=(0,a.useState)(!1),[S,_]=(0,a.useState)(o),[w,T]=(0,a.useState)({startDate:r()().subtract(30,"day").toDate(),endDate:o}),O=(0,u.Z)((async()=>(await t.getTrafficInsights({input:{did:n,startDate:r()(w.startDate).format("YYYY-MM-DD"),endDate:r()(w.endDate).format("YYYY-MM-DD")}})).list));(0,a.useEffect)((()=>{O.loading||w.startDate&&w.endDate&&O.retry()}),[w]);const q=e=>{P(L?null:e.currentTarget)},A=O.value||[],{loading:K,error:W}=O;if(!A.length&&K)return(0,z.jsx)(f.Z,{});if(W)return(0,z.jsx)(h.Z,{severity:"error",children:(0,F.Z)(W)});const H={totalRequests:M,validRequests:M,failedRequests:M,uniqueVisitors:M,uniqueFiles:M,uniqueReferrers:M,uniqueNotFound:M,uniqueStaticFiles:M,logSize:m(),bandwidth:m()},G=Object.keys(H).map((e=>({id:"".concat(e,"_chart"),title:l("analytics.traffic.".concat(e)),current:A.length?H[e](A[0][e]):0,data:A.map((t=>({date:t.date,value:t[e]}))).reverse(),dateFn:M,valueFn:H[e]}))),V=Boolean(L),Q=V?"date-range-picker-popover":void 0,X=s?R.WELLKNOWN_SERVICE_PATH_PREFIX:i.routing.adminPath,J=c()(window.location.origin,X,"/api/analytics/traffic?date=".concat(r()(S).format("YYYY-MM-DD"),"&did=").concat(n));return(0,z.jsxs)("div",{children:[(0,z.jsxs)(g.Z,{component:"div",variant:"h5",className:"page-header",color:"textPrimary",style:{fontSize:18,fontWeight:"bold"},mb:2,children:[l("analytics.trend"),(0,z.jsxs)(y.Z,{onClick:q,variant:"outlined",size:"small",color:"secondary",children:[(0,F.pz)(w.startDate,d)," - ",(0,F.pz)(w.endDate,d)]})]}),(0,z.jsx)(Z.ZP,{id:Q,open:V,anchorEl:L,onClose:()=>P(null),anchorOrigin:{vertical:"bottom",horizontal:"left"},children:(0,z.jsx)(j.D,{open:!0,toggle:q,maxDate:o,definedRanges:Y(S),onChange:e=>{T(e),P(null)}})}),(0,z.jsx)(v.ZP,{container:!0,spacing:4,children:G.map((e=>(0,z.jsx)(v.ZP,{item:!0,lg:3,md:6,sm:6,xs:12,children:(0,z.jsx)(U.Z,{...e})},e.id)))}),(0,z.jsxs)(g.Z,{component:"div",variant:"h5",className:"page-header",color:"textPrimary",style:{fontSize:18,fontWeight:"bold"},mt:4,mb:1,children:[l("analytics.detail"),(0,z.jsxs)("span",{children:[C&&(0,z.jsx)(x.Z,{onClick:()=>{window.open(J)},style:{marginRight:32},children:(0,z.jsx)(b.Z,{})}),(0,z.jsx)(E._,{dateAdapter:I.y,children:(0,z.jsx)(k.M,{disableFuture:!0,format:"ll",value:r()(S),onChange:e=>{_(e.toDate()),N(!1)},slotProps:{textField:{size:"small"}}})})]})]}),(0,z.jsx)(p.Z,{url:J,width:"100%",height:"100%",frameBorder:0,onLoad:()=>N(!0),styles:{border:0,minHeight:"400vh"}})]})}},1722:(e,t,n)=>{n.d(t,{Z:()=>d});var a=n(55898),o=n.n(a),r=n(56869),i=n(72333),s=n(77277),l=n(49522),c=n(96266);function d(e){let{blocklet:t,style:n,size:a,...o}=e;const{logoUrl:d}=(0,l.Z)({blocklet:t}),{variant:m}=o;let u=(0,c.jsx)("img",{src:d,alt:"",style:{width:a}});if(!t.meta.logo){var p;(null===(p=(t.configs||[]).find((e=>e.key===s.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_LOGO_SQUARE)))||void 0===p?void 0:p.value)||(u=(0,c.jsx)(i.Z,{did:t.meta.did||"",responsive:!0}))}return(0,c.jsx)(r.Z,{variant:m||"square",style:Object.assign({backgroundColor:"transparent",width:a,height:a,borderRadius:10},n),...o,children:u})}d.propTypes={blocklet:o().object.isRequired,style:o().object,size:o().oneOfType([o().number,o().string])},d.defaultProps={style:{},size:40}},80378:(e,t,n)=>{n.d(t,{Z:()=>p});var a=n(55898),o=n.n(a),r=n(56869),i=n(72333),s=n(6352),l=n.n(s),c=n(35432),d=n(58238),m=n(14491);var u=n(96266);function p(e){let{blocklet:t,style:n,size:a,ancestors:o,...s}=e;const p=(0,d.h6)(),{logoUrl:h,inService:f}=function(e){var t;let{blocklet:n,ancestors:a=[]}=e;const o=(0,d.h6)(),{inService:r}=o,i="?v=".concat(null===n||void 0===n||null===(t=n.meta)||void 0===t?void 0:t.version).concat((0,m.XN)(null===n||void 0===n?void 0:n.status)?"~":"");let s=r?l()(m.zn,c.WELLKNOWN_SERVICE_PATH_PREFIX,"/blocklet/logo-bundle",i):l()(o.imgPrefix,"blocklet.png");if("registry"===n.source&&n.deployedFrom&&n.meta.logo)s=l()(n.deployedFrom,(0,m.lk)(n.meta.bundleDid,n.meta.logo),i);else{const e=window.env.apiPrefix||"/",t=a.concat(n),o=r?t.slice(1):t;s=l()(e,"/blocklet/logo-bundle".concat(o.map((e=>"/".concat(e.meta.did))).join("")),i)}return{logoUrl:s,inService:r}}({blocklet:t,ancestors:o}),{variant:v}=s,g=f?()=>{}:e=>{e.target.src="".concat(p.imgPrefix,"/blocklet.png")};let y=(0,u.jsx)("img",{src:h,onError:g,alt:t.meta.name,style:{width:a}});return t.meta.logo||(y=(0,u.jsx)(i.Z,{did:t.meta.did||"",responsive:!0})),(0,u.jsx)(r.Z,{variant:v||"square",style:Object.assign({backgroundColor:"transparent",width:a,height:a,borderRadius:10},n),...s,children:y})}p.propTypes={blocklet:o().object.isRequired,style:o().object,size:o().oneOfType([o().number,o().string]),ancestors:o().array},p.defaultProps={style:{},size:40,ancestors:[]}},49522:(e,t,n)=>{n.d(t,{Z:()=>c});var a=n(6352),o=n.n(a),r=n(77277),i=n(58238),s=n(14491);const l=(e,t)=>{let n="?v=";var a;t?n+=(0,s.Qi)(t):n+="".concat(null===e||void 0===e||null===(a=e.meta)||void 0===a?void 0:a.version).concat((0,s.wS)(null===e||void 0===e?void 0:e.status)?"~":"");return n};function c(e){var t,n,a,s;let{blocklet:c}=e;const{inService:d}=(0,i.h6)(),m=null===(t=((null===c||void 0===c?void 0:c.environments)||[]).find((e=>e.key===r.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_LOGO_SQUARE)))||void 0===t?void 0:t.value,u=null===(n=((null===c||void 0===c?void 0:c.environments)||[]).find((e=>e.key===r.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_LOGO_RECT)))||void 0===n?void 0:n.value,p=null===(a=((null===c||void 0===c?void 0:c.environments)||[]).find((e=>e.key===r.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_LOGO_FAVICON)))||void 0===a?void 0:a.value,h=(null===(s=window.env)||void 0===s?void 0:s.apiPrefix)||"/";return{logoUrl:o()(h,"/blocklet/logo/".concat(d?"":c.meta.did),l(c,m)),rectLogoUrl:o()(h,"/blocklet/logo-rect/".concat(d?"":c.meta.did),l(c,u)),faviconUrl:o()(h,"/blocklet/logo-favicon/".concat(d?"":c.meta.did),l(c,p))}}}}]);
+"use strict";(self.webpackChunk_abtnode_webapp=self.webpackChunk_abtnode_webapp||[]).push([[6580,2611],{16580:(e,t,n)=>{n.r(t),n.d(t,{default:()=>ee});var a=n(71171),o=n(5057),r=n(33518),i=n(85493),s=n(82084),l=n(94464),c=n(68420),d=n(42611),m=n(75793),u=n(96266);function p(){const{api:e,info:t}=(0,m.h6)();return(0,u.jsx)(d.default,{client:e,did:t.did})}var h=n(45603),f=n.n(h),v=n(90049),g=n.n(v),y=n(47125),x=n(29585),Z=n(57126),b=n(61971),j=n(63748),k=n(13798),I=n(35966),E=n(66506),D=n(35432),R=n(77277),L=n(86229),P=n(1722),C=n(80378),N=n(14491),S=n(38242),_=n(56169),w=n(1979),T=n(55898),O=n.n(T),F=n(50844),B=n(60967),U=n(25400),z=n(87543),M=n(844);const Y=(0,F.Z)((e=>({root:{height:10},colorPrimary:{backgroundColor:e.palette.grey["light"===e.palette.mode?200:700]},bar:{backgroundColor:e.palette.secondary.main}})))(U.Z);function q(e){const{value:t}=e;return(0,u.jsxs)(z.Z,{display:"flex",alignItems:"center",mt:2,children:[(0,u.jsx)(z.Z,{width:"100%",style:{overflow:"hidden"},mr:1,children:(0,u.jsx)(Y,{variant:"determinate",...e})}),(0,u.jsx)(z.Z,{minWidth:35,children:(0,u.jsx)(B.Z,{variant:"body2",color:"textSecondary",children:"".concat(Math.round(t),"%")})})]})}function A(e){let{disk:t,platform:n}=e;const{t:a}=(0,o.useContext)(c.RD),r=[{id:1,className:"used",title:a("system.used"),metric:(0,N.RR)(t.used,n)},{id:2,className:"free",title:a("system.free"),metric:(0,N.RR)(t.free,n)},{id:3,className:"total",title:a("system.total"),metric:(0,N.RR)(t.total,n)}];return(0,u.jsx)(M.Z,{title:"".concat(a("common.disk")," (").concat(t.device,")"),value:(0,N.RR)(t.used,n),graph:(0,u.jsx)(z.Z,{mt:3,children:(0,u.jsx)(q,{value:t.used/t.total*100})}),description:r.map(((e,t)=>(0,u.jsxs)(z.Z,{sx:{marginLeft:0===t?0:2},children:[e.title,": ",e.metric]},e.title)))})}q.propTypes={value:O().number.isRequired},A.propTypes={disk:O().shape({used:O().number,free:O().number,total:O().number,device:O().string}),platform:O().string},A.defaultProps={disk:{used:0,free:0,total:1,device:""},platform:""};var K=n(67654),W=n(52926),H=n(52581),G=n(34937);const V={uptime:0,pid:-1,cpuUsage:0,memoryUsage:0},Q="Blocklet Server";function X(e){let{initialBlocklets:t}=e;const{t:n,locale:a}=(0,c.PE)(),{api:r}=(0,m.h6)(),[i,l]=(0,K.Z)("runtime-view-interval",6),d=(0,o.useMemo)((()=>{const e=[];return e.push({type:"server",groupId:"server",groupName:Q,id:"server:daemon",name:"Server (Daemon)",runtimeInfo:V}),e.push({type:"server",groupId:"server",groupName:Q,id:"server:service",name:"Server (Service)",runtimeInfo:V}),t.forEach((t=>{(0,S.forEachBlockletSync)(t,((n,a)=>{let{id:o,ancestors:r}=a;n.runtimeInfo&&e.push({type:"blocklet",groupId:t.meta.did,groupName:(0,S.getDisplayName)(t),id:o,name:(0,S.getDisplayName)(n,!0),blocklet:t,component:n,runtimeInfo:n.runtimeInfo,ancestors:r})}))})),e}),[]),[p,h]=(0,o.useState)(d),[v,k]=(0,o.useState)({os:{platform:""},mem:{used:0,free:0,total:1},cpu:{cpus:[],currentLoad:1},disks:[],daemon:{},service:{}}),[I,T]=(0,o.useState)({cpu:[],mem:[],daemonMem:[],serviceMem:[]});(0,G.mU)(D.EVENTS.NODE_RUNTIME_INFO,(e=>{e.mem.total=e.mem.total||0,e.mem.used=e.mem.total-(e.mem.available||0),k(e),h((t=>t.map((t=>"server:daemon"===t.id?{...t,runtimeInfo:{...t.runtimeInfo,...e.daemon}}:"server:service"===t.id?{...t,runtimeInfo:{...t.runtimeInfo,...e.service}}:t))))})),(0,G.mU)(D.EVENTS.BLOCKLETS_RUNTIME_INFO,(e=>{e&&e.length?h((t=>t.map((t=>{const n=e.find((e=>e.componentId===t.id));return n?{...t,runtimeInfo:{...t.runtimeInfo,...n.runtimeInfo}}:t})))):console.error("incorrect blocklets runtime info format",e)}));const O=e=>{h((t=>t.filter((t=>t.groupId!==e.meta.did))))},F=async e=>{try{const{blocklet:t}=await r.getBlocklet({input:{did:e.meta.did,attachRuntimeInfo:!0}});"running"!==t.status&&O(t),h((e=>{const n=e.filter((e=>e.groupId!==t.meta.did));return(0,S.forEachBlockletSync)(t,((e,a)=>{let{id:o,ancestors:r}=a;e.runtimeInfo&&n.push({type:"blocklet",groupId:t.meta.did,groupName:(0,S.getDisplayName)(t),id:o,name:(0,S.getDisplayName)(e,!0),blocklet:t,component:e,runtimeInfo:e.runtimeInfo,ancestors:r})})),n}))}catch(t){L.Z.error(t.message)}};(0,G.mU)(R.BlockletEvents.removed,O),(0,G.mU)(R.BlockletEvents.startFailed,O),(0,G.mU)(R.BlockletEvents.statusChange,(e=>{"running"===e.status?F(e):O(e)})),(0,G.mU)(R.BlockletEvents.updated,F),(0,G.mU)(R.BlockletEvents.started,F);(0,o.useEffect)((()=>{r.getNodeRuntimeHistory({input:{hours:i}}).then((e=>{const t=e.history||[];T({cpu:t.map((e=>({date:e.date,value:e.cpu}))),mem:t.map((e=>({date:e.date,value:e.mem}))),daemonMem:t.map((e=>({date:e.date,value:e.daemonMem}))),serviceMem:t.map((e=>({date:e.date,value:e.serviceMem})))})})).catch((e=>{L.Z.error(e.message)}))}),[i]);const B=[{label:n("common.group"),name:"groupName",options:{customBodyRenderLite(e){const{type:t,blocklet:n,groupName:a}=p[e];return"server"===t?(0,u.jsxs)(y.Z,{display:"flex",alignItems:"center",children:[(0,u.jsx)(H.r,{width:"14",height:"14"}),(0,u.jsx)(y.Z,{ml:1,children:a})]}):(0,u.jsxs)(y.Z,{display:"flex",alignItems:"center",children:[(0,u.jsx)(P.Z,{size:14,blocklet:n}),(0,u.jsx)(y.Z,{ml:1,children:a})]})}}},{label:n("common.name"),name:"name",options:{customBodyRenderLite(e){const{type:t,name:n,component:a,ancestors:o}=p[e];return"server"===t?(0,u.jsxs)(y.Z,{display:"flex",alignItems:"center",children:[(0,u.jsx)(E.Z,{width:"14",height:"14"}),(0,u.jsx)(y.Z,{ml:1,children:n})]}):(0,u.jsxs)(y.Z,{display:"flex",alignItems:"center",children:[(0,u.jsx)(C.Z,{size:14,blocklet:a,ancestors:o}),(0,u.jsx)(y.Z,{ml:1,children:n})]})}}},{label:n("common.uptime"),name:"runtimeInfo.uptime",options:{customBodyRenderLite(e){const{runtimeInfo:t}=p[e];return n=t.uptime,f()(Number(n||0),{locale:(0,N.FF)(a)});var n}}},{label:n("blocklet.runtimeInfo.memoryUsage"),name:"runtimeInfo.memoryUsage",options:{customBodyRenderLite(e){const{runtimeInfo:t}=p[e];return g()((null===t||void 0===t?void 0:t.memoryUsage)||0)},sortDirection:"asc"}},{label:n("blocklet.runtimeInfo.cpuUsage"),name:"runtimeInfo.cpuUsage",options:{customBodyRenderLite(e){const{runtimeInfo:t}=p[e];return"".concat((t.cpuUsage||0).toFixed(1),"%")}}},{label:n("blocklet.runtimeInfo.processId"),name:"runtimeInfo.pid"},{label:n("blocklet.runtimeInfo.port"),name:"runtimeInfo.port"}];return(0,u.jsxs)("div",{children:[(0,u.jsxs)(y.Z,{display:"flex",justifyContent:"space-between",flexDirection:"row",mb:2,children:[(0,u.jsx)(s.Z,{component:"h3",variant:"h5",color:"textPrimary",style:{fontSize:18,fontWeight:"bold"},children:n("analytics.trend")}),(0,u.jsx)(b.Z,{size:"small",exclusive:!0,value:i,onChange:(e,t)=>l(t),children:[1,3,6,12,24].map((e=>(0,u.jsxs)(Z.Z,{value:e,children:[e,"H"]},e)))})]}),(0,u.jsxs)(x.ZP,{mb:4,container:!0,spacing:4,children:[(0,u.jsx)(x.ZP,{item:!0,lg:3,md:6,sm:6,xs:12,children:(0,u.jsx)(_.Z,{...v.cpu,history:I.cpu})},"cpu"),(0,u.jsx)(x.ZP,{item:!0,lg:3,md:6,sm:6,xs:12,children:(0,u.jsx)(w.Z,{...v.mem,history:I.mem})},"memory"),(0,u.jsx)(x.ZP,{item:!0,lg:3,md:6,sm:6,xs:12,children:(0,u.jsx)(w.Z,{title:"".concat(n("common.memory")," (Daemon)"),used:v.daemon.memoryUsage||0,history:I.daemonMem})},"memory-daemon"),(0,u.jsx)(x.ZP,{item:!0,lg:3,md:6,sm:6,xs:12,children:(0,u.jsx)(w.Z,{title:"".concat(n("common.memory")," (Service)"),instanceCount:v.service.instanceCount||0,used:v.service.memoryUsage||0,history:I.serviceMem})},"memory-service"),v.disks.map((e=>(0,u.jsx)(x.ZP,{item:!0,lg:3,md:6,sm:6,xs:12,children:(0,u.jsx)(A,{disk:e,platform:v.os.platform})},"disk")))]}),(0,u.jsx)(j.Z,{className:"runtime-insight-list",title:n("analytics.detail"),locale:a,data:p,columns:B,options:{download:!1,filter:!1,print:!1,pagination:!1,rowsPerPage:100}})]})}function J(){const{data:e,externalData:t,initialized:n}=(0,W.RJ)();if(!n)return(0,u.jsx)(I.Z,{relative:"parent",children:(0,u.jsx)(k.Z,{})});const a=[...e,...t]||[];return(0,u.jsx)(X,{initialBlocklets:a})}var $;function ee(){const e=(0,i.useNavigate)(),{t:t}=(0,o.useContext)(c.RD),{tab:n="traffic"}=(0,i.useParams)(),a=[{label:t("common.traffic"),value:"traffic"},{label:t("common.runtime"),value:"runtime"}],r={traffic:p,runtime:J},d=r[n]||r.traffic;return(0,u.jsxs)(te,{children:[(0,u.jsx)(s.Z,{component:"h2",variant:"h4",className:"page-header",color:"textPrimary",children:t("common.analytics")}),(0,u.jsx)(l.Z,{tabs:a,current:n,onChange:t=>{e("/analytics/".concat(t))}}),(0,u.jsx)("div",{className:"page-content",children:(0,o.isValidElement)(d)?d:(0,u.jsx)(d,{})})]})}const te=r.Z.main($||($=(0,a.Z)(["\n  .page-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n  }\n\n  .page-content {\n    margin-top: 16px;\n  }\n"])))},844:(e,t,n)=>{n.d(t,{Z:()=>p});var a,o=n(71171),r=n(55898),i=n.n(r),s=n(33518),l=n(15008),c=n(51744),d=n(60967),m=n(87543),u=n(96266);function p(e){let{style:t,title:n,value:a,graph:o,description:r}=e;return(0,u.jsx)(h,{children:(0,u.jsxs)(c.Z,{style:{...t},children:[(0,u.jsx)(d.Z,{sx:{fontSize:14},color:"text.secondary",children:n}),(0,u.jsx)(d.Z,{variant:"h5",component:"div",mt:1,children:a}),o,!!r&&(0,u.jsx)(m.Z,{display:"flex",sx:{fontSize:12,marginTop:3},color:"text.secondary",children:r})]})})}p.propTypes={style:i().object,title:i().node,value:i().node,graph:i().node,description:i().any},p.defaultProps={style:{},title:null,value:null,graph:null,description:null};const h=(0,s.Z)(l.Z)(a||(a=(0,o.Z)(["\n  .card-content {\n    height: 150px;\n  }\n\n  .card-sparkline {\n    flex: 2;\n    display: flex;\n    position: relative;\n    *[hidden] {\n      display: none;\n    }\n  }\n  .sparkline {\n    stroke: ",";\n    fill: ","1A;\n  }\n  .tooltip {\n    position: absolute;\n    background: rgba(0, 0, 0, 0.7);\n    color: #fff;\n    padding: 2px 5px;\n    font-size: 12px;\n    white-space: nowrap;\n    z-index: 9999;\n  }\n  .sparkline--cursor {\n    stroke: orange;\n  }\n\n  .sparkline--spot {\n    fill: red;\n    stroke: red;\n  }\n"])),(e=>e.theme.palette.primary.main),(e=>e.theme.palette.primary.main))},52959:(e,t,n)=>{n.d(t,{Z:()=>m});var a=n(5057),o=n(55898),r=n.n(o),i=n(12673),s=n(28563),l=n(26089),c=n(844),d=n(96266);function m(e){let{id:t,title:n,current:o,description:r,data:m,dateFn:u,valueFn:p}=e;const h=(0,a.useRef)(null),f=(0,a.useRef)(null),v=(0,i.Z)({style:{top:0,left:0},hidden:!0,textContent:""}),[g,y]=(0,a.useState)(null),x=(0,s.Z)(g),Z={onmousemove(e,t){const{date:n,value:a}=t;v.textContent="".concat(u(n),": ").concat(p(a)),v.style.top=-30,v.style.left=80,v.hidden=!1},onmouseout(){v.hidden=!0}};return(0,a.useEffect)((()=>{setTimeout((()=>{y(document.querySelector(".".concat(t))),setTimeout((()=>{h.current&&(0,l.Z)(h.current,m||[],Z)}),400)}))}),[m]),(0,d.jsx)(c.Z,{title:n,value:o,graph:(0,d.jsxs)("div",{className:"card-sparkline ".concat(t),style:{marginTop:16},children:[(0,d.jsx)("svg",{ref:h,className:"sparkline",width:(null===x||void 0===x?void 0:x.width)||100,height:30,strokeWidth:"2"}),(0,d.jsx)("span",{className:"tooltip",ref:f,hidden:v.hidden,style:{...v.style},children:v.textContent})]}),description:r})}m.propTypes={id:r().string.isRequired,title:r().string.isRequired,current:r().any.isRequired,description:r().any,data:r().array,dateFn:r().func,valueFn:r().func},m.defaultProps={description:null,data:[],dateFn:e=>e,valueFn:e=>e}},56169:(e,t,n)=>{n.d(t,{Z:()=>m});var a=n(5057),o=n(55898),r=n.n(o),i=n(68420),s=n(52959),l=n(14491),c=n(96266);const d=e=>"".concat(e,"%");function m(e){let{cpus:t,currentLoad:n,history:o}=e;const{t:r,locale:m}=(0,a.useContext)(i.RD);return(0,c.jsx)(s.Z,{id:"cpu-sparkline",title:r("common.cpu"),current:"".concat(Math.floor(n||0),"%"),data:o,description:"".concat(r("system.cores"),": ").concat((null===t||void 0===t?void 0:t.length)||0),dateFn:e=>(0,l.mr)(e,"HH:mm:ss",m),valueFn:d})}m.propTypes={cpus:r().array,currentLoad:r().number,history:r().array},m.defaultProps={cpus:[],currentLoad:0,history:[]}},1979:(e,t,n)=>{n.d(t,{Z:()=>u});var a=n(55898),o=n.n(a),r=n(90049),i=n.n(r),s=n(87543),l=n(68420),c=n(52959),d=n(14491),m=n(96266);function u(e){let{instanceCount:t,title:n,total:a,used:o,history:r}=e;const{t:u,locale:p}=(0,l.PE)(),h=!!a,f=a-o,v=h?"(".concat(Math.floor(o/a*100),"%)"):"",g=[];return t&&g.push({title:u("system.instances"),metric:t}),g.push({title:u("system.used"),metric:i()(o)}),h&&g.push({title:u("system.free"),metric:i()(f)},{title:u("system.total"),metric:i()(a)}),(0,m.jsx)(c.Z,{id:"mem-sparkline",title:n||u("common.memory"),current:"".concat(i()(Math.floor(o||0))," ").concat(v),data:r,description:g.map(((e,t)=>(0,m.jsxs)(s.Z,{sx:{marginLeft:0===t?0:2},children:[e.title,": ",e.metric]},e.title))),dateFn:e=>(0,d.mr)(e,"HH:mm:ss",p),valueFn:i()})}u.propTypes={title:o().string,instanceCount:o().number,total:o().number,used:o().number,history:o().array},u.defaultProps={title:"",instanceCount:null,total:null,used:null,history:[]}},42611:(e,t,n)=>{n.r(t),n.d(t,{default:()=>q,getDefaultRanges:()=>Y});var a=n(5057),o=n(1577),r=n.n(o),i=n(6465),s=n.n(i),l=n(6352),c=n.n(l),d=n(90049),m=n.n(d),u=n(74511),p=n(96181),h=n(58717),f=n(69544),v=n(6296),g=n(60967),y=n(12958),x=n(53066),Z=n(50410),b=n(36645),j=n(77946),k=n(99657),I=n(88868),E=n(53919),D=n(68420),R=n(35432),L=n(87364),P=n(39458),C=n(4903),N=n(44926),S=n(90298),_=n(43713),w=n(59497),T=n(9732),O=n(13379),F=n(14491),B=n(58238),U=n(52959),z=n(96266);const M=s()(0),Y=(e,t)=>[{label:"This Week",startDate:(0,L.Z)(e,{locale:t}),endDate:(0,P.Z)(e,{locale:t})},{label:"Last Week",startDate:(0,L.Z)((0,C.Z)(e,-1),{locale:t}),endDate:(0,P.Z)((0,C.Z)(e,-1),{locale:t})},{label:"Last 7 Days",startDate:(0,C.Z)(e,-1),endDate:e},{label:"This Month",startDate:(0,N.Z)(e),endDate:(0,S.Z)(e)},{label:"Last Month",startDate:(0,N.Z)((0,_.Z)(e,-1)),endDate:(0,S.Z)((0,_.Z)(e,-1))},{label:"This Year",startDate:(0,w.Z)(e),endDate:(0,T.Z)(e)},{label:"Last Year",startDate:(0,w.Z)((0,O.Z)(e,-1)),endDate:(0,T.Z)((0,O.Z)(e,-1))}];function q(e){let{client:t,did:n}=e;const o=r()().subtract(1,"day").toDate(),{info:i,inService:s}=(0,B.h6)(),{t:l,locale:d}=(0,D.PE)(),[L,P]=(0,a.useState)(null),[C,N]=(0,a.useState)(!1),[S,_]=(0,a.useState)(o),[w,T]=(0,a.useState)({startDate:r()().subtract(30,"day").toDate(),endDate:o}),O=(0,u.Z)((async()=>(await t.getTrafficInsights({input:{did:n,startDate:r()(w.startDate).format("YYYY-MM-DD"),endDate:r()(w.endDate).format("YYYY-MM-DD")}})).list));(0,a.useEffect)((()=>{O.loading||w.startDate&&w.endDate&&O.retry()}),[w]);const q=e=>{P(L?null:e.currentTarget)},A=O.value||[],{loading:K,error:W}=O;if(!A.length&&K)return(0,z.jsx)(f.Z,{});if(W)return(0,z.jsx)(h.Z,{severity:"error",children:(0,F.Z)(W)});const H={totalRequests:M,validRequests:M,failedRequests:M,uniqueVisitors:M,uniqueFiles:M,uniqueReferrers:M,uniqueNotFound:M,uniqueStaticFiles:M,logSize:m(),bandwidth:m()},G=Object.keys(H).map((e=>({id:"".concat(e,"_chart"),title:l("analytics.traffic.".concat(e)),current:A.length?H[e](A[0][e]):0,data:A.map((t=>({date:t.date,value:t[e]}))).reverse(),dateFn:M,valueFn:H[e]}))),V=Boolean(L),Q=V?"date-range-picker-popover":void 0,X=s?R.WELLKNOWN_SERVICE_PATH_PREFIX:i.routing.adminPath,J=c()(window.location.origin,X,"/api/analytics/traffic?date=".concat(r()(S).format("YYYY-MM-DD"),"&did=").concat(n));return(0,z.jsxs)("div",{children:[(0,z.jsxs)(g.Z,{component:"div",variant:"h5",className:"page-header",color:"textPrimary",style:{fontSize:18,fontWeight:"bold"},mb:2,children:[l("analytics.trend"),(0,z.jsxs)(y.Z,{onClick:q,variant:"outlined",size:"small",color:"secondary",children:[(0,F.pz)(w.startDate,d)," - ",(0,F.pz)(w.endDate,d)]})]}),(0,z.jsx)(Z.ZP,{id:Q,open:V,anchorEl:L,onClose:()=>P(null),anchorOrigin:{vertical:"bottom",horizontal:"left"},children:(0,z.jsx)(j.D,{open:!0,toggle:q,maxDate:o,definedRanges:Y(S),onChange:e=>{T(e),P(null)}})}),(0,z.jsx)(v.ZP,{container:!0,spacing:4,children:G.map((e=>(0,z.jsx)(v.ZP,{item:!0,lg:3,md:6,sm:6,xs:12,children:(0,z.jsx)(U.Z,{...e})},e.id)))}),(0,z.jsxs)(g.Z,{component:"div",variant:"h5",className:"page-header",color:"textPrimary",style:{fontSize:18,fontWeight:"bold"},mt:4,mb:1,children:[l("analytics.detail"),(0,z.jsxs)("span",{children:[C&&(0,z.jsx)(x.Z,{onClick:()=>{window.open(J)},style:{marginRight:32},children:(0,z.jsx)(b.Z,{})}),(0,z.jsx)(E._,{dateAdapter:I.y,children:(0,z.jsx)(k.M,{disableFuture:!0,format:"ll",value:r()(S),onChange:e=>{_(e.toDate()),N(!1)},slotProps:{textField:{size:"small"}}})})]})]}),(0,z.jsx)(p.Z,{url:J,width:"100%",height:"100%",frameBorder:0,onLoad:()=>N(!0),styles:{border:0,minHeight:"400vh"}})]})}},1722:(e,t,n)=>{n.d(t,{Z:()=>d});var a=n(55898),o=n.n(a),r=n(56869),i=n(72333),s=n(77277),l=n(49522),c=n(96266);function d(e){let{blocklet:t,style:n,size:a,...o}=e;const{logoUrl:d}=(0,l.Z)({blocklet:t}),{variant:m}=o;let u=(0,c.jsx)("img",{src:d,alt:"",style:{width:a}});if(!t.meta.logo){var p;(null===(p=(t.configs||[]).find((e=>e.key===s.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_LOGO_SQUARE)))||void 0===p?void 0:p.value)||(u=(0,c.jsx)(i.Z,{did:t.meta.did||"",responsive:!0}))}return(0,c.jsx)(r.Z,{variant:m||"square",style:Object.assign({backgroundColor:"transparent",width:a,height:a,borderRadius:10},n),...o,children:u})}d.propTypes={blocklet:o().object.isRequired,style:o().object,size:o().oneOfType([o().number,o().string])},d.defaultProps={style:{},size:40}},80378:(e,t,n)=>{n.d(t,{Z:()=>p});var a=n(55898),o=n.n(a),r=n(56869),i=n(72333),s=n(6352),l=n.n(s),c=n(35432),d=n(58238),m=n(14491);var u=n(96266);function p(e){let{blocklet:t,style:n,size:a,ancestors:o,...s}=e;const p=(0,d.h6)(),{logoUrl:h,inService:f}=function(e){var t;let{blocklet:n,ancestors:a=[]}=e;const o=(0,d.h6)(),{inService:r}=o,i="?v=".concat(null===n||void 0===n||null===(t=n.meta)||void 0===t?void 0:t.version).concat((0,m.XN)(null===n||void 0===n?void 0:n.status)?"~":"");let s=r?l()(m.zn,c.WELLKNOWN_SERVICE_PATH_PREFIX,"/blocklet/logo-bundle",i):l()(o.imgPrefix,"blocklet.png");if("registry"===n.source&&n.deployedFrom&&n.meta.logo)s=l()(n.deployedFrom,(0,m.lk)(n.meta.bundleDid,n.meta.logo),i);else{const e=window.env.apiPrefix||"/",t=a.concat(n),o=r?t.slice(1):t;s=l()(e,"/blocklet/logo-bundle".concat(o.map((e=>"/".concat(e.meta.did))).join("")),i)}return{logoUrl:s,inService:r}}({blocklet:t,ancestors:o}),{variant:v}=s,g=f?()=>{}:e=>{e.target.src="".concat(p.imgPrefix,"/blocklet.png")};let y=(0,u.jsx)("img",{src:h,onError:g,alt:t.meta.name,style:{width:a}});return t.meta.logo||(y=(0,u.jsx)(i.Z,{did:t.meta.did||"",responsive:!0})),(0,u.jsx)(r.Z,{variant:v||"square",style:Object.assign({backgroundColor:"transparent",width:a,height:a,borderRadius:10},n),...s,children:y})}p.propTypes={blocklet:o().object.isRequired,style:o().object,size:o().oneOfType([o().number,o().string]),ancestors:o().array},p.defaultProps={style:{},size:40,ancestors:[]}},49522:(e,t,n)=>{n.d(t,{Z:()=>c});var a=n(6352),o=n.n(a),r=n(77277),i=n(58238),s=n(14491);const l=(e,t)=>{let n="?v=";var a;t?n+=(0,s.Qi)(t):n+="".concat(null===e||void 0===e||null===(a=e.meta)||void 0===a?void 0:a.version).concat((0,s.wS)(null===e||void 0===e?void 0:e.status)?"~":"");return n};function c(e){var t,n,a,s;let{blocklet:c}=e;const{inService:d}=(0,i.h6)(),m=null===(t=((null===c||void 0===c?void 0:c.environments)||[]).find((e=>e.key===r.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_LOGO_SQUARE)))||void 0===t?void 0:t.value,u=null===(n=((null===c||void 0===c?void 0:c.environments)||[]).find((e=>e.key===r.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_LOGO_RECT)))||void 0===n?void 0:n.value,p=null===(a=((null===c||void 0===c?void 0:c.environments)||[]).find((e=>e.key===r.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_LOGO_FAVICON)))||void 0===a?void 0:a.value,h=(null===(s=window.env)||void 0===s?void 0:s.apiPrefix)||"/";return{logoUrl:o()(h,"/blocklet/logo/".concat(d?"":c.meta.did),l(c,m)),rectLogoUrl:o()(h,"/blocklet/logo-rect/".concat(d?"":c.meta.did),l(c,u)),faviconUrl:o()(h,"/blocklet/logo-favicon/".concat(d?"":c.meta.did),l(c,p))}}}}]);

package/build/static/js/{6771.5d826eed.chunk.js → 6771.ce88ed03.chunk.js}

@@ -1 +1 @@
-"use strict";(self.webpackChunk_abtnode_webapp=self.webpackChunk_abtnode_webapp||[]).push([[6771],{33167:(e,t,n)=>{n.d(t,{Z:()=>D});var o=n(7896),i=n(31461),r=n(5057),a=n(9978),c=n(91213),s=n(32788),l=n(44358);const u=n(60730).Z;const d=n(2534).Z;const p=n(46890).Z;var f=n(71171),h=n(74621),g=n(21371),b=n(96266);const m=function(e){const{className:t,classes:n,pulsate:o=!1,rippleX:i,rippleY:c,rippleSize:s,in:l,onExited:u,timeout:d}=e,[p,f]=r.useState(!1),h=(0,a.Z)(t,n.ripple,n.rippleVisible,o&&n.ripplePulsate),g={width:s,height:s,top:-s/2+c,left:-s/2+i},m=(0,a.Z)(n.child,p&&n.childLeaving,o&&n.childPulsate);return l||p||f(!0),r.useEffect((()=>{if(!l&&null!=u){const e=setTimeout(u,d);return()=>{clearTimeout(e)}}}),[u,l,d]),(0,b.jsx)("span",{className:h,style:g,children:(0,b.jsx)("span",{className:m})})};var v=n(31821);const y=(0,v.Z)("MuiTouchRipple",["root","ripple","rippleVisible","ripplePulsate","child","childLeaving","childPulsate"]);var Z,k,x,R;const A=["center","classes","className"];let T,w,M,S;const C=(0,g.keyframes)(T||(T=Z||(Z=(0,f.Z)(["\n  0% {\n    transform: scale(0);\n    opacity: 0.1;\n  }\n\n  100% {\n    transform: scale(1);\n    opacity: 0.3;\n  }\n"])))),P=(0,g.keyframes)(w||(w=k||(k=(0,f.Z)(["\n  0% {\n    opacity: 1;\n  }\n\n  100% {\n    opacity: 0;\n  }\n"])))),O=(0,g.keyframes)(M||(M=x||(x=(0,f.Z)(["\n  0% {\n    transform: scale(1);\n  }\n\n  50% {\n    transform: scale(0.92);\n  }\n\n  100% {\n    transform: scale(1);\n  }\n"])))),z=(0,s.ZP)("span",{name:"MuiTouchRipple",slot:"Root"})({overflow:"hidden",pointerEvents:"none",position:"absolute",zIndex:0,top:0,right:0,bottom:0,left:0,borderRadius:"inherit"}),B=(0,s.ZP)(m,{name:"MuiTouchRipple",slot:"Ripple"})(S||(S=R||(R=(0,f.Z)(["\n  opacity: 0;\n  position: absolute;\n\n  &."," {\n    opacity: 0.3;\n    transform: scale(1);\n    animation-name: ",";\n    animation-duration: ","ms;\n    animation-timing-function: ",";\n  }\n\n  &."," {\n    animation-duration: ","ms;\n  }\n\n  & ."," {\n    opacity: 1;\n    display: block;\n    width: 100%;\n    height: 100%;\n    border-radius: 50%;\n    background-color: currentColor;\n  }\n\n  & ."," {\n    opacity: 0;\n    animation-name: ",";\n    animation-duration: ","ms;\n    animation-timing-function: ",";\n  }\n\n  & ."," {\n    position: absolute;\n    /* @noflip */\n    left: 0px;\n    top: 0;\n    animation-name: ",";\n    animation-duration: 2500ms;\n    animation-timing-function: ",";\n    animation-iteration-count: infinite;\n    animation-delay: 200ms;\n  }\n"]))),y.rippleVisible,C,550,(e=>{let{theme:t}=e;return t.transitions.easing.easeInOut}),y.ripplePulsate,(e=>{let{theme:t}=e;return t.transitions.duration.shorter}),y.child,y.childLeaving,P,550,(e=>{let{theme:t}=e;return t.transitions.easing.easeInOut}),y.childPulsate,O,(e=>{let{theme:t}=e;return t.transitions.easing.easeInOut})),V=r.forwardRef((function(e,t){const n=(0,l.Z)({props:e,name:"MuiTouchRipple"}),{center:c=!1,classes:s={},className:u}=n,d=(0,i.Z)(n,A),[p,f]=r.useState([]),g=r.useRef(0),m=r.useRef(null);r.useEffect((()=>{m.current&&(m.current(),m.current=null)}),[p]);const v=r.useRef(!1),Z=r.useRef(0),k=r.useRef(null),x=r.useRef(null);r.useEffect((()=>()=>{Z.current&&clearTimeout(Z.current)}),[]);const R=r.useCallback((e=>{const{pulsate:t,rippleX:n,rippleY:o,rippleSize:i,cb:r}=e;f((e=>[...e,(0,b.jsx)(B,{classes:{ripple:(0,a.Z)(s.ripple,y.ripple),rippleVisible:(0,a.Z)(s.rippleVisible,y.rippleVisible),ripplePulsate:(0,a.Z)(s.ripplePulsate,y.ripplePulsate),child:(0,a.Z)(s.child,y.child),childLeaving:(0,a.Z)(s.childLeaving,y.childLeaving),childPulsate:(0,a.Z)(s.childPulsate,y.childPulsate)},timeout:550,pulsate:t,rippleX:n,rippleY:o,rippleSize:i},g.current)])),g.current+=1,m.current=r}),[s]),T=r.useCallback((function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:()=>{};const{pulsate:o=!1,center:i=c||t.pulsate,fakeElement:r=!1}=t;if("mousedown"===(null==e?void 0:e.type)&&v.current)return void(v.current=!1);"touchstart"===(null==e?void 0:e.type)&&(v.current=!0);const a=r?null:x.current,s=a?a.getBoundingClientRect():{width:0,height:0,left:0,top:0};let l,u,d;if(i||void 0===e||0===e.clientX&&0===e.clientY||!e.clientX&&!e.touches)l=Math.round(s.width/2),u=Math.round(s.height/2);else{const{clientX:t,clientY:n}=e.touches&&e.touches.length>0?e.touches[0]:e;l=Math.round(t-s.left),u=Math.round(n-s.top)}if(i)d=Math.sqrt((2*s.width**2+s.height**2)/3),d%2===0&&(d+=1);else{const e=2*Math.max(Math.abs((a?a.clientWidth:0)-l),l)+2,t=2*Math.max(Math.abs((a?a.clientHeight:0)-u),u)+2;d=Math.sqrt(e**2+t**2)}null!=e&&e.touches?null===k.current&&(k.current=()=>{R({pulsate:o,rippleX:l,rippleY:u,rippleSize:d,cb:n})},Z.current=setTimeout((()=>{k.current&&(k.current(),k.current=null)}),80)):R({pulsate:o,rippleX:l,rippleY:u,rippleSize:d,cb:n})}),[c,R]),w=r.useCallback((()=>{T({},{pulsate:!0})}),[T]),M=r.useCallback(((e,t)=>{if(clearTimeout(Z.current),"touchend"===(null==e?void 0:e.type)&&k.current)return k.current(),k.current=null,void(Z.current=setTimeout((()=>{M(e,t)})));k.current=null,f((e=>e.length>0?e.slice(1):e)),m.current=t}),[]);return r.useImperativeHandle(t,(()=>({pulsate:w,start:T,stop:M})),[w,T,M]),(0,b.jsx)(z,(0,o.Z)({className:(0,a.Z)(y.root,s.root,u),ref:x},d,{children:(0,b.jsx)(h.Z,{component:null,exit:!0,children:p})}))}));var F=n(18561);function I(e){return(0,F.ZP)("MuiButtonBase",e)}const L=(0,v.Z)("MuiButtonBase",["root","disabled","focusVisible"]),W=["action","centerRipple","children","className","component","disabled","disableRipple","disableTouchRipple","focusRipple","focusVisibleClassName","LinkComponent","onBlur","onClick","onContextMenu","onDragLeave","onFocus","onFocusVisible","onKeyDown","onKeyUp","onMouseDown","onMouseLeave","onMouseUp","onTouchEnd","onTouchMove","onTouchStart","tabIndex","TouchRippleProps","touchRippleRef","type"],E=(0,s.ZP)("button",{name:"MuiButtonBase",slot:"Root",overridesResolver:(e,t)=>t.root})({display:"inline-flex",alignItems:"center",justifyContent:"center",position:"relative",boxSizing:"border-box",WebkitTapHighlightColor:"transparent",backgroundColor:"transparent",outline:0,border:0,margin:0,borderRadius:0,padding:0,cursor:"pointer",userSelect:"none",verticalAlign:"middle",MozAppearance:"none",WebkitAppearance:"none",textDecoration:"none",color:"inherit","&::-moz-focus-inner":{borderStyle:"none"},["&.".concat(L.disabled)]:{pointerEvents:"none",cursor:"default"},"@media print":{colorAdjust:"exact"}}),D=r.forwardRef((function(e,t){const n=(0,l.Z)({props:e,name:"MuiButtonBase"}),{action:s,centerRipple:f=!1,children:h,className:g,component:m="button",disabled:v=!1,disableRipple:y=!1,disableTouchRipple:Z=!1,focusRipple:k=!1,LinkComponent:x="a",onBlur:R,onClick:A,onContextMenu:T,onDragLeave:w,onFocus:M,onFocusVisible:S,onKeyDown:C,onKeyUp:P,onMouseDown:O,onMouseLeave:z,onMouseUp:B,onTouchEnd:F,onTouchMove:L,onTouchStart:D,tabIndex:N=0,TouchRippleProps:j,touchRippleRef:H,type:X}=n,_=(0,i.Z)(n,W),Y=r.useRef(null),K=r.useRef(null),U=u(K,H),{isFocusVisibleRef:$,onFocus:q,onBlur:J,ref:G}=p(),[Q,ee]=r.useState(!1);v&&Q&&ee(!1),r.useImperativeHandle(s,(()=>({focusVisible:()=>{ee(!0),Y.current.focus()}})),[]);const[te,ne]=r.useState(!1);r.useEffect((()=>{ne(!0)}),[]);const oe=te&&!y&&!v;function ie(e,t){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:Z;return d((o=>{t&&t(o);return!n&&K.current&&K.current[e](o),!0}))}r.useEffect((()=>{Q&&k&&!y&&te&&K.current.pulsate()}),[y,k,Q,te]);const re=ie("start",O),ae=ie("stop",T),ce=ie("stop",w),se=ie("stop",B),le=ie("stop",(e=>{Q&&e.preventDefault(),z&&z(e)})),ue=ie("start",D),de=ie("stop",F),pe=ie("stop",L),fe=ie("stop",(e=>{J(e),!1===$.current&&ee(!1),R&&R(e)}),!1),he=d((e=>{Y.current||(Y.current=e.currentTarget),q(e),!0===$.current&&(ee(!0),S&&S(e)),M&&M(e)})),ge=()=>{const e=Y.current;return m&&"button"!==m&&!("A"===e.tagName&&e.href)},be=r.useRef(!1),me=d((e=>{k&&!be.current&&Q&&K.current&&" "===e.key&&(be.current=!0,K.current.stop(e,(()=>{K.current.start(e)}))),e.target===e.currentTarget&&ge()&&" "===e.key&&e.preventDefault(),C&&C(e),e.target===e.currentTarget&&ge()&&"Enter"===e.key&&!v&&(e.preventDefault(),A&&A(e))})),ve=d((e=>{k&&" "===e.key&&K.current&&Q&&!e.defaultPrevented&&(be.current=!1,K.current.stop(e,(()=>{K.current.pulsate(e)}))),P&&P(e),A&&e.target===e.currentTarget&&ge()&&" "===e.key&&!e.defaultPrevented&&A(e)}));let ye=m;"button"===ye&&(_.href||_.to)&&(ye=x);const Ze={};"button"===ye?(Ze.type=void 0===X?"button":X,Ze.disabled=v):(_.href||_.to||(Ze.role="button"),v&&(Ze["aria-disabled"]=v));const ke=u(t,G,Y);const xe=(0,o.Z)({},n,{centerRipple:f,component:m,disabled:v,disableRipple:y,disableTouchRipple:Z,focusRipple:k,tabIndex:N,focusVisible:Q}),Re=(e=>{const{disabled:t,focusVisible:n,focusVisibleClassName:o,classes:i}=e,r={root:["root",t&&"disabled",n&&"focusVisible"]},a=(0,c.Z)(r,I,i);return n&&o&&(a.root+=" ".concat(o)),a})(xe);return(0,b.jsxs)(E,(0,o.Z)({as:ye,className:(0,a.Z)(Re.root,g),ownerState:xe,onBlur:fe,onClick:A,onContextMenu:ae,onFocus:he,onKeyDown:me,onKeyUp:ve,onMouseDown:re,onMouseLeave:le,onMouseUp:se,onDragLeave:ce,onTouchEnd:de,onTouchMove:pe,onTouchStart:ue,ref:ke,tabIndex:v?-1:N,type:X},Ze,_,{children:[h,oe?(0,b.jsx)(V,(0,o.Z)({ref:U,center:f},j)):null]}))}))},22388:(e,t,n)=>{n.d(t,{Z:()=>E});var o=n(7896),i=n(31461),r=n(90118),a=n(34612),c=n(61040),s=n(53682),l=n(82655);var u=n(66685);const d={black:"#000",white:"#fff"},p={50:"#fafafa",100:"#f5f5f5",200:"#eeeeee",300:"#e0e0e0",400:"#bdbdbd",500:"#9e9e9e",600:"#757575",700:"#616161",800:"#424242",900:"#212121",A100:"#f5f5f5",A200:"#eeeeee",A400:"#bdbdbd",A700:"#616161"},f={50:"#f3e5f5",100:"#e1bee7",200:"#ce93d8",300:"#ba68c8",400:"#ab47bc",500:"#9c27b0",600:"#8e24aa",700:"#7b1fa2",800:"#6a1b9a",900:"#4a148c",A100:"#ea80fc",A200:"#e040fb",A400:"#d500f9",A700:"#aa00ff"},h={50:"#ffebee",100:"#ffcdd2",200:"#ef9a9a",300:"#e57373",400:"#ef5350",500:"#f44336",600:"#e53935",700:"#d32f2f",800:"#c62828",900:"#b71c1c",A100:"#ff8a80",A200:"#ff5252",A400:"#ff1744",A700:"#d50000"},g={50:"#fff3e0",100:"#ffe0b2",200:"#ffcc80",300:"#ffb74d",400:"#ffa726",500:"#ff9800",600:"#fb8c00",700:"#f57c00",800:"#ef6c00",900:"#e65100",A100:"#ffd180",A200:"#ffab40",A400:"#ff9100",A700:"#ff6d00"},b={50:"#e3f2fd",100:"#bbdefb",200:"#90caf9",300:"#64b5f6",400:"#42a5f5",500:"#2196f3",600:"#1e88e5",700:"#1976d2",800:"#1565c0",900:"#0d47a1",A100:"#82b1ff",A200:"#448aff",A400:"#2979ff",A700:"#2962ff"},m={50:"#e1f5fe",100:"#b3e5fc",200:"#81d4fa",300:"#4fc3f7",400:"#29b6f6",500:"#03a9f4",600:"#039be5",700:"#0288d1",800:"#0277bd",900:"#01579b",A100:"#80d8ff",A200:"#40c4ff",A400:"#00b0ff",A700:"#0091ea"},v={50:"#e8f5e9",100:"#c8e6c9",200:"#a5d6a7",300:"#81c784",400:"#66bb6a",500:"#4caf50",600:"#43a047",700:"#388e3c",800:"#2e7d32",900:"#1b5e20",A100:"#b9f6ca",A200:"#69f0ae",A400:"#00e676",A700:"#00c853"},y=["mode","contrastThreshold","tonalOffset"],Z={text:{primary:"rgba(0, 0, 0, 0.87)",secondary:"rgba(0, 0, 0, 0.6)",disabled:"rgba(0, 0, 0, 0.38)"},divider:"rgba(0, 0, 0, 0.12)",background:{paper:d.white,default:d.white},action:{active:"rgba(0, 0, 0, 0.54)",hover:"rgba(0, 0, 0, 0.04)",hoverOpacity:.04,selected:"rgba(0, 0, 0, 0.08)",selectedOpacity:.08,disabled:"rgba(0, 0, 0, 0.26)",disabledBackground:"rgba(0, 0, 0, 0.12)",disabledOpacity:.38,focus:"rgba(0, 0, 0, 0.12)",focusOpacity:.12,activatedOpacity:.12}},k={text:{primary:d.white,secondary:"rgba(255, 255, 255, 0.7)",disabled:"rgba(255, 255, 255, 0.5)",icon:"rgba(255, 255, 255, 0.5)"},divider:"rgba(255, 255, 255, 0.12)",background:{paper:"#121212",default:"#121212"},action:{active:d.white,hover:"rgba(255, 255, 255, 0.08)",hoverOpacity:.08,selected:"rgba(255, 255, 255, 0.16)",selectedOpacity:.16,disabled:"rgba(255, 255, 255, 0.3)",disabledBackground:"rgba(255, 255, 255, 0.12)",disabledOpacity:.38,focus:"rgba(255, 255, 255, 0.12)",focusOpacity:.12,activatedOpacity:.24}};function x(e,t,n,o){const i=o.light||o,r=o.dark||1.5*o;e[t]||(e.hasOwnProperty(n)?e[t]=e[n]:"light"===t?e.light=(0,u.$n)(e.main,i):"dark"===t&&(e.dark=(0,u._j)(e.main,r)))}function R(e){const{mode:t="light",contrastThreshold:n=3,tonalOffset:c=.2}=e,s=(0,i.Z)(e,y),l=e.primary||function(){return"dark"===(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"light")?{main:b[200],light:b[50],dark:b[400]}:{main:b[700],light:b[400],dark:b[800]}}(t),R=e.secondary||function(){return"dark"===(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"light")?{main:f[200],light:f[50],dark:f[400]}:{main:f[500],light:f[300],dark:f[700]}}(t),A=e.error||function(){return"dark"===(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"light")?{main:h[500],light:h[300],dark:h[700]}:{main:h[700],light:h[400],dark:h[800]}}(t),T=e.info||function(){return"dark"===(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"light")?{main:m[400],light:m[300],dark:m[700]}:{main:m[700],light:m[500],dark:m[900]}}(t),w=e.success||function(){return"dark"===(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"light")?{main:v[400],light:v[300],dark:v[700]}:{main:v[800],light:v[500],dark:v[900]}}(t),M=e.warning||function(){return"dark"===(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"light")?{main:g[400],light:g[300],dark:g[700]}:{main:"#ed6c02",light:g[500],dark:g[900]}}(t);function S(e){return(0,u.mi)(e,k.text.primary)>=n?k.text.primary:Z.text.primary}const C=e=>{let{color:t,name:n,mainShade:i=500,lightShade:a=300,darkShade:s=700}=e;if(t=(0,o.Z)({},t),!t.main&&t[i]&&(t.main=t[i]),!t.hasOwnProperty("main"))throw new Error((0,r.Z)(11,n?" (".concat(n,")"):"",i));if("string"!==typeof t.main)throw new Error((0,r.Z)(12,n?" (".concat(n,")"):"",JSON.stringify(t.main)));return x(t,"light",a,c),x(t,"dark",s,c),t.contrastText||(t.contrastText=S(t.main)),t},P={dark:k,light:Z};return(0,a.Z)((0,o.Z)({common:(0,o.Z)({},d),mode:t,primary:C({color:l,name:"primary"}),secondary:C({color:R,name:"secondary",mainShade:"A400",lightShade:"A200",darkShade:"A700"}),error:C({color:A,name:"error"}),warning:C({color:M,name:"warning"}),info:C({color:T,name:"info"}),success:C({color:w,name:"success"}),grey:p,contrastThreshold:n,getContrastText:S,augmentColor:C,tonalOffset:c},P[t]),s)}const A=["fontFamily","fontSize","fontWeightLight","fontWeightRegular","fontWeightMedium","fontWeightBold","htmlFontSize","allVariants","pxToRem"];const T={textTransform:"uppercase"},w='"Roboto", "Helvetica", "Arial", sans-serif';function M(e,t){const n="function"===typeof t?t(e):t,{fontFamily:r=w,fontSize:c=14,fontWeightLight:s=300,fontWeightRegular:l=400,fontWeightMedium:u=500,fontWeightBold:d=700,htmlFontSize:p=16,allVariants:f,pxToRem:h}=n,g=(0,i.Z)(n,A);const b=c/14,m=h||(e=>"".concat(e/p*b,"rem")),v=(e,t,n,i,a)=>{return(0,o.Z)({fontFamily:r,fontWeight:e,fontSize:m(t),lineHeight:n},r===w?{letterSpacing:"".concat((c=i/t,Math.round(1e5*c)/1e5),"em")}:{},a,f);var c},y={h1:v(s,96,1.167,-1.5),h2:v(s,60,1.2,-.5),h3:v(l,48,1.167,0),h4:v(l,34,1.235,.25),h5:v(l,24,1.334,0),h6:v(u,20,1.6,.15),subtitle1:v(l,16,1.75,.15),subtitle2:v(u,14,1.57,.1),body1:v(l,16,1.5,.15),body2:v(l,14,1.43,.15),button:v(u,14,1.75,.4,T),caption:v(l,12,1.66,.4),overline:v(l,12,2.66,1,T),inherit:{fontFamily:"inherit",fontWeight:"inherit",fontSize:"inherit",lineHeight:"inherit",letterSpacing:"inherit"}};return(0,a.Z)((0,o.Z)({htmlFontSize:p,pxToRem:m,fontFamily:r,fontSize:c,fontWeightLight:s,fontWeightRegular:l,fontWeightMedium:u,fontWeightBold:d},y),g,{clone:!1})}function S(){return["".concat(arguments.length<=0?void 0:arguments[0],"px ").concat(arguments.length<=1?void 0:arguments[1],"px ").concat(arguments.length<=2?void 0:arguments[2],"px ").concat(arguments.length<=3?void 0:arguments[3],"px rgba(0,0,0,").concat(.2,")"),"".concat(arguments.length<=4?void 0:arguments[4],"px ").concat(arguments.length<=5?void 0:arguments[5],"px ").concat(arguments.length<=6?void 0:arguments[6],"px ").concat(arguments.length<=7?void 0:arguments[7],"px rgba(0,0,0,").concat(.14,")"),"".concat(arguments.length<=8?void 0:arguments[8],"px ").concat(arguments.length<=9?void 0:arguments[9],"px ").concat(arguments.length<=10?void 0:arguments[10],"px ").concat(arguments.length<=11?void 0:arguments[11],"px rgba(0,0,0,").concat(.12,")")].join(",")}const C=["none",S(0,2,1,-1,0,1,1,0,0,1,3,0),S(0,3,1,-2,0,2,2,0,0,1,5,0),S(0,3,3,-2,0,3,4,0,0,1,8,0),S(0,2,4,-1,0,4,5,0,0,1,10,0),S(0,3,5,-1,0,5,8,0,0,1,14,0),S(0,3,5,-1,0,6,10,0,0,1,18,0),S(0,4,5,-2,0,7,10,1,0,2,16,1),S(0,5,5,-3,0,8,10,1,0,3,14,2),S(0,5,6,-3,0,9,12,1,0,3,16,2),S(0,6,6,-3,0,10,14,1,0,4,18,3),S(0,6,7,-4,0,11,15,1,0,4,20,3),S(0,7,8,-4,0,12,17,2,0,5,22,4),S(0,7,8,-4,0,13,19,2,0,5,24,4),S(0,7,9,-4,0,14,21,2,0,5,26,4),S(0,8,9,-5,0,15,22,2,0,6,28,5),S(0,8,10,-5,0,16,24,2,0,6,30,5),S(0,8,11,-5,0,17,26,2,0,6,32,5),S(0,9,11,-5,0,18,28,2,0,7,34,6),S(0,9,12,-6,0,19,29,2,0,7,36,6),S(0,10,13,-6,0,20,31,3,0,8,38,7),S(0,10,13,-6,0,21,33,3,0,8,40,7),S(0,10,14,-6,0,22,35,3,0,8,42,7),S(0,11,14,-7,0,23,36,3,0,9,44,8),S(0,11,15,-7,0,24,38,3,0,9,46,8)],P=["duration","easing","delay"],O={easeInOut:"cubic-bezier(0.4, 0, 0.2, 1)",easeOut:"cubic-bezier(0.0, 0, 0.2, 1)",easeIn:"cubic-bezier(0.4, 0, 1, 1)",sharp:"cubic-bezier(0.4, 0, 0.6, 1)"},z={shortest:150,shorter:200,short:250,standard:300,complex:375,enteringScreen:225,leavingScreen:195};function B(e){return"".concat(Math.round(e),"ms")}function V(e){if(!e)return 0;const t=e/36;return Math.round(10*(4+15*t**.25+t/5))}function F(e){const t=(0,o.Z)({},O,e.easing),n=(0,o.Z)({},z,e.duration);return(0,o.Z)({getAutoHeightDuration:V,create:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:["all"],o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};const{duration:r=n.standard,easing:a=t.easeInOut,delay:c=0}=o;(0,i.Z)(o,P);return(Array.isArray(e)?e:[e]).map((e=>"".concat(e," ").concat("string"===typeof r?r:B(r)," ").concat(a," ").concat("string"===typeof c?c:B(c)))).join(",")}},e,{easing:t,duration:n})}const I={mobileStepper:1e3,fab:1050,speedDial:1050,appBar:1100,drawer:1200,modal:1300,snackbar:1400,tooltip:1500},L=["breakpoints","mixins","spacing","palette","transitions","typography","shape"];function W(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const{mixins:t={},palette:n={},transitions:u={},typography:d={}}=e,p=(0,i.Z)(e,L);if(e.vars)throw new Error((0,r.Z)(18));const f=R(n),h=(0,c.Z)(e);let g=(0,a.Z)(h,{mixins:(b=h.breakpoints,m=t,(0,o.Z)({toolbar:{minHeight:56,[b.up("xs")]:{"@media (orientation: landscape)":{minHeight:48}},[b.up("sm")]:{minHeight:64}}},m)),palette:f,shadows:C.slice(),typography:M(f,d),transitions:F(u),zIndex:(0,o.Z)({},I)});var b,m;g=(0,a.Z)(g,p);for(var v=arguments.length,y=new Array(v>1?v-1:0),Z=1;Z<v;Z++)y[Z-1]=arguments[Z];return g=y.reduce(((e,t)=>(0,a.Z)(e,t)),g),g.unstable_sxConfig=(0,o.Z)({},s.Z,null==p?void 0:p.unstable_sxConfig),g.unstable_sx=function(e){return(0,l.Z)({sx:e,theme:this})},g}const E=W()},87445:(e,t,n)=>{n.d(t,{Z:()=>o});const o="$$material"},32788:(e,t,n)=>{n.d(t,{FO:()=>a,ZP:()=>c});var o=n(39732),i=n(22388),r=n(87445);const a=e=>(0,o.x9)(e)&&"classes"!==e,c=(0,o.ZP)({themeId:r.Z,defaultTheme:i.Z,rootShouldForwardProp:a})},44358:(e,t,n)=>{n.d(t,{Z:()=>a});var o=n(53263),i=n(22388),r=n(87445);function a(e){let{props:t,name:n}=e;return(0,o.Z)({props:t,name:n,defaultTheme:i.Z,themeId:r.Z})}},45375:(e,t,n)=>{n.d(t,{Z:()=>o});const o=n(58472).Z}}]);
+"use strict";(self.webpackChunk_abtnode_webapp=self.webpackChunk_abtnode_webapp||[]).push([[6771],{33167:(e,t,n)=>{n.d(t,{Z:()=>D});var o=n(7896),i=n(31461),r=n(5057),a=n(9978),c=n(91213),s=n(32788),l=n(44358);const u=n(60730).Z;const d=n(2534).Z;const p=n(53049).Z;var f=n(71171),h=n(74621),g=n(21371),b=n(96266);const m=function(e){const{className:t,classes:n,pulsate:o=!1,rippleX:i,rippleY:c,rippleSize:s,in:l,onExited:u,timeout:d}=e,[p,f]=r.useState(!1),h=(0,a.Z)(t,n.ripple,n.rippleVisible,o&&n.ripplePulsate),g={width:s,height:s,top:-s/2+c,left:-s/2+i},m=(0,a.Z)(n.child,p&&n.childLeaving,o&&n.childPulsate);return l||p||f(!0),r.useEffect((()=>{if(!l&&null!=u){const e=setTimeout(u,d);return()=>{clearTimeout(e)}}}),[u,l,d]),(0,b.jsx)("span",{className:h,style:g,children:(0,b.jsx)("span",{className:m})})};var v=n(31821);const y=(0,v.Z)("MuiTouchRipple",["root","ripple","rippleVisible","ripplePulsate","child","childLeaving","childPulsate"]);var Z,k,x,R;const A=["center","classes","className"];let T,w,M,S;const C=(0,g.keyframes)(T||(T=Z||(Z=(0,f.Z)(["\n  0% {\n    transform: scale(0);\n    opacity: 0.1;\n  }\n\n  100% {\n    transform: scale(1);\n    opacity: 0.3;\n  }\n"])))),P=(0,g.keyframes)(w||(w=k||(k=(0,f.Z)(["\n  0% {\n    opacity: 1;\n  }\n\n  100% {\n    opacity: 0;\n  }\n"])))),O=(0,g.keyframes)(M||(M=x||(x=(0,f.Z)(["\n  0% {\n    transform: scale(1);\n  }\n\n  50% {\n    transform: scale(0.92);\n  }\n\n  100% {\n    transform: scale(1);\n  }\n"])))),z=(0,s.ZP)("span",{name:"MuiTouchRipple",slot:"Root"})({overflow:"hidden",pointerEvents:"none",position:"absolute",zIndex:0,top:0,right:0,bottom:0,left:0,borderRadius:"inherit"}),B=(0,s.ZP)(m,{name:"MuiTouchRipple",slot:"Ripple"})(S||(S=R||(R=(0,f.Z)(["\n  opacity: 0;\n  position: absolute;\n\n  &."," {\n    opacity: 0.3;\n    transform: scale(1);\n    animation-name: ",";\n    animation-duration: ","ms;\n    animation-timing-function: ",";\n  }\n\n  &."," {\n    animation-duration: ","ms;\n  }\n\n  & ."," {\n    opacity: 1;\n    display: block;\n    width: 100%;\n    height: 100%;\n    border-radius: 50%;\n    background-color: currentColor;\n  }\n\n  & ."," {\n    opacity: 0;\n    animation-name: ",";\n    animation-duration: ","ms;\n    animation-timing-function: ",";\n  }\n\n  & ."," {\n    position: absolute;\n    /* @noflip */\n    left: 0px;\n    top: 0;\n    animation-name: ",";\n    animation-duration: 2500ms;\n    animation-timing-function: ",";\n    animation-iteration-count: infinite;\n    animation-delay: 200ms;\n  }\n"]))),y.rippleVisible,C,550,(e=>{let{theme:t}=e;return t.transitions.easing.easeInOut}),y.ripplePulsate,(e=>{let{theme:t}=e;return t.transitions.duration.shorter}),y.child,y.childLeaving,P,550,(e=>{let{theme:t}=e;return t.transitions.easing.easeInOut}),y.childPulsate,O,(e=>{let{theme:t}=e;return t.transitions.easing.easeInOut})),V=r.forwardRef((function(e,t){const n=(0,l.Z)({props:e,name:"MuiTouchRipple"}),{center:c=!1,classes:s={},className:u}=n,d=(0,i.Z)(n,A),[p,f]=r.useState([]),g=r.useRef(0),m=r.useRef(null);r.useEffect((()=>{m.current&&(m.current(),m.current=null)}),[p]);const v=r.useRef(!1),Z=r.useRef(0),k=r.useRef(null),x=r.useRef(null);r.useEffect((()=>()=>{Z.current&&clearTimeout(Z.current)}),[]);const R=r.useCallback((e=>{const{pulsate:t,rippleX:n,rippleY:o,rippleSize:i,cb:r}=e;f((e=>[...e,(0,b.jsx)(B,{classes:{ripple:(0,a.Z)(s.ripple,y.ripple),rippleVisible:(0,a.Z)(s.rippleVisible,y.rippleVisible),ripplePulsate:(0,a.Z)(s.ripplePulsate,y.ripplePulsate),child:(0,a.Z)(s.child,y.child),childLeaving:(0,a.Z)(s.childLeaving,y.childLeaving),childPulsate:(0,a.Z)(s.childPulsate,y.childPulsate)},timeout:550,pulsate:t,rippleX:n,rippleY:o,rippleSize:i},g.current)])),g.current+=1,m.current=r}),[s]),T=r.useCallback((function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:()=>{};const{pulsate:o=!1,center:i=c||t.pulsate,fakeElement:r=!1}=t;if("mousedown"===(null==e?void 0:e.type)&&v.current)return void(v.current=!1);"touchstart"===(null==e?void 0:e.type)&&(v.current=!0);const a=r?null:x.current,s=a?a.getBoundingClientRect():{width:0,height:0,left:0,top:0};let l,u,d;if(i||void 0===e||0===e.clientX&&0===e.clientY||!e.clientX&&!e.touches)l=Math.round(s.width/2),u=Math.round(s.height/2);else{const{clientX:t,clientY:n}=e.touches&&e.touches.length>0?e.touches[0]:e;l=Math.round(t-s.left),u=Math.round(n-s.top)}if(i)d=Math.sqrt((2*s.width**2+s.height**2)/3),d%2===0&&(d+=1);else{const e=2*Math.max(Math.abs((a?a.clientWidth:0)-l),l)+2,t=2*Math.max(Math.abs((a?a.clientHeight:0)-u),u)+2;d=Math.sqrt(e**2+t**2)}null!=e&&e.touches?null===k.current&&(k.current=()=>{R({pulsate:o,rippleX:l,rippleY:u,rippleSize:d,cb:n})},Z.current=setTimeout((()=>{k.current&&(k.current(),k.current=null)}),80)):R({pulsate:o,rippleX:l,rippleY:u,rippleSize:d,cb:n})}),[c,R]),w=r.useCallback((()=>{T({},{pulsate:!0})}),[T]),M=r.useCallback(((e,t)=>{if(clearTimeout(Z.current),"touchend"===(null==e?void 0:e.type)&&k.current)return k.current(),k.current=null,void(Z.current=setTimeout((()=>{M(e,t)})));k.current=null,f((e=>e.length>0?e.slice(1):e)),m.current=t}),[]);return r.useImperativeHandle(t,(()=>({pulsate:w,start:T,stop:M})),[w,T,M]),(0,b.jsx)(z,(0,o.Z)({className:(0,a.Z)(y.root,s.root,u),ref:x},d,{children:(0,b.jsx)(h.Z,{component:null,exit:!0,children:p})}))}));var F=n(18561);function I(e){return(0,F.ZP)("MuiButtonBase",e)}const L=(0,v.Z)("MuiButtonBase",["root","disabled","focusVisible"]),W=["action","centerRipple","children","className","component","disabled","disableRipple","disableTouchRipple","focusRipple","focusVisibleClassName","LinkComponent","onBlur","onClick","onContextMenu","onDragLeave","onFocus","onFocusVisible","onKeyDown","onKeyUp","onMouseDown","onMouseLeave","onMouseUp","onTouchEnd","onTouchMove","onTouchStart","tabIndex","TouchRippleProps","touchRippleRef","type"],E=(0,s.ZP)("button",{name:"MuiButtonBase",slot:"Root",overridesResolver:(e,t)=>t.root})({display:"inline-flex",alignItems:"center",justifyContent:"center",position:"relative",boxSizing:"border-box",WebkitTapHighlightColor:"transparent",backgroundColor:"transparent",outline:0,border:0,margin:0,borderRadius:0,padding:0,cursor:"pointer",userSelect:"none",verticalAlign:"middle",MozAppearance:"none",WebkitAppearance:"none",textDecoration:"none",color:"inherit","&::-moz-focus-inner":{borderStyle:"none"},["&.".concat(L.disabled)]:{pointerEvents:"none",cursor:"default"},"@media print":{colorAdjust:"exact"}}),D=r.forwardRef((function(e,t){const n=(0,l.Z)({props:e,name:"MuiButtonBase"}),{action:s,centerRipple:f=!1,children:h,className:g,component:m="button",disabled:v=!1,disableRipple:y=!1,disableTouchRipple:Z=!1,focusRipple:k=!1,LinkComponent:x="a",onBlur:R,onClick:A,onContextMenu:T,onDragLeave:w,onFocus:M,onFocusVisible:S,onKeyDown:C,onKeyUp:P,onMouseDown:O,onMouseLeave:z,onMouseUp:B,onTouchEnd:F,onTouchMove:L,onTouchStart:D,tabIndex:N=0,TouchRippleProps:j,touchRippleRef:H,type:X}=n,_=(0,i.Z)(n,W),Y=r.useRef(null),K=r.useRef(null),U=u(K,H),{isFocusVisibleRef:$,onFocus:q,onBlur:J,ref:G}=p(),[Q,ee]=r.useState(!1);v&&Q&&ee(!1),r.useImperativeHandle(s,(()=>({focusVisible:()=>{ee(!0),Y.current.focus()}})),[]);const[te,ne]=r.useState(!1);r.useEffect((()=>{ne(!0)}),[]);const oe=te&&!y&&!v;function ie(e,t){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:Z;return d((o=>{t&&t(o);return!n&&K.current&&K.current[e](o),!0}))}r.useEffect((()=>{Q&&k&&!y&&te&&K.current.pulsate()}),[y,k,Q,te]);const re=ie("start",O),ae=ie("stop",T),ce=ie("stop",w),se=ie("stop",B),le=ie("stop",(e=>{Q&&e.preventDefault(),z&&z(e)})),ue=ie("start",D),de=ie("stop",F),pe=ie("stop",L),fe=ie("stop",(e=>{J(e),!1===$.current&&ee(!1),R&&R(e)}),!1),he=d((e=>{Y.current||(Y.current=e.currentTarget),q(e),!0===$.current&&(ee(!0),S&&S(e)),M&&M(e)})),ge=()=>{const e=Y.current;return m&&"button"!==m&&!("A"===e.tagName&&e.href)},be=r.useRef(!1),me=d((e=>{k&&!be.current&&Q&&K.current&&" "===e.key&&(be.current=!0,K.current.stop(e,(()=>{K.current.start(e)}))),e.target===e.currentTarget&&ge()&&" "===e.key&&e.preventDefault(),C&&C(e),e.target===e.currentTarget&&ge()&&"Enter"===e.key&&!v&&(e.preventDefault(),A&&A(e))})),ve=d((e=>{k&&" "===e.key&&K.current&&Q&&!e.defaultPrevented&&(be.current=!1,K.current.stop(e,(()=>{K.current.pulsate(e)}))),P&&P(e),A&&e.target===e.currentTarget&&ge()&&" "===e.key&&!e.defaultPrevented&&A(e)}));let ye=m;"button"===ye&&(_.href||_.to)&&(ye=x);const Ze={};"button"===ye?(Ze.type=void 0===X?"button":X,Ze.disabled=v):(_.href||_.to||(Ze.role="button"),v&&(Ze["aria-disabled"]=v));const ke=u(t,G,Y);const xe=(0,o.Z)({},n,{centerRipple:f,component:m,disabled:v,disableRipple:y,disableTouchRipple:Z,focusRipple:k,tabIndex:N,focusVisible:Q}),Re=(e=>{const{disabled:t,focusVisible:n,focusVisibleClassName:o,classes:i}=e,r={root:["root",t&&"disabled",n&&"focusVisible"]},a=(0,c.Z)(r,I,i);return n&&o&&(a.root+=" ".concat(o)),a})(xe);return(0,b.jsxs)(E,(0,o.Z)({as:ye,className:(0,a.Z)(Re.root,g),ownerState:xe,onBlur:fe,onClick:A,onContextMenu:ae,onFocus:he,onKeyDown:me,onKeyUp:ve,onMouseDown:re,onMouseLeave:le,onMouseUp:se,onDragLeave:ce,onTouchEnd:de,onTouchMove:pe,onTouchStart:ue,ref:ke,tabIndex:v?-1:N,type:X},Ze,_,{children:[h,oe?(0,b.jsx)(V,(0,o.Z)({ref:U,center:f},j)):null]}))}))},22388:(e,t,n)=>{n.d(t,{Z:()=>E});var o=n(7896),i=n(31461),r=n(90118),a=n(61212),c=n(41434),s=n(53682),l=n(82655);var u=n(66685);const d={black:"#000",white:"#fff"},p={50:"#fafafa",100:"#f5f5f5",200:"#eeeeee",300:"#e0e0e0",400:"#bdbdbd",500:"#9e9e9e",600:"#757575",700:"#616161",800:"#424242",900:"#212121",A100:"#f5f5f5",A200:"#eeeeee",A400:"#bdbdbd",A700:"#616161"},f={50:"#f3e5f5",100:"#e1bee7",200:"#ce93d8",300:"#ba68c8",400:"#ab47bc",500:"#9c27b0",600:"#8e24aa",700:"#7b1fa2",800:"#6a1b9a",900:"#4a148c",A100:"#ea80fc",A200:"#e040fb",A400:"#d500f9",A700:"#aa00ff"},h={50:"#ffebee",100:"#ffcdd2",200:"#ef9a9a",300:"#e57373",400:"#ef5350",500:"#f44336",600:"#e53935",700:"#d32f2f",800:"#c62828",900:"#b71c1c",A100:"#ff8a80",A200:"#ff5252",A400:"#ff1744",A700:"#d50000"},g={50:"#fff3e0",100:"#ffe0b2",200:"#ffcc80",300:"#ffb74d",400:"#ffa726",500:"#ff9800",600:"#fb8c00",700:"#f57c00",800:"#ef6c00",900:"#e65100",A100:"#ffd180",A200:"#ffab40",A400:"#ff9100",A700:"#ff6d00"},b={50:"#e3f2fd",100:"#bbdefb",200:"#90caf9",300:"#64b5f6",400:"#42a5f5",500:"#2196f3",600:"#1e88e5",700:"#1976d2",800:"#1565c0",900:"#0d47a1",A100:"#82b1ff",A200:"#448aff",A400:"#2979ff",A700:"#2962ff"},m={50:"#e1f5fe",100:"#b3e5fc",200:"#81d4fa",300:"#4fc3f7",400:"#29b6f6",500:"#03a9f4",600:"#039be5",700:"#0288d1",800:"#0277bd",900:"#01579b",A100:"#80d8ff",A200:"#40c4ff",A400:"#00b0ff",A700:"#0091ea"},v={50:"#e8f5e9",100:"#c8e6c9",200:"#a5d6a7",300:"#81c784",400:"#66bb6a",500:"#4caf50",600:"#43a047",700:"#388e3c",800:"#2e7d32",900:"#1b5e20",A100:"#b9f6ca",A200:"#69f0ae",A400:"#00e676",A700:"#00c853"},y=["mode","contrastThreshold","tonalOffset"],Z={text:{primary:"rgba(0, 0, 0, 0.87)",secondary:"rgba(0, 0, 0, 0.6)",disabled:"rgba(0, 0, 0, 0.38)"},divider:"rgba(0, 0, 0, 0.12)",background:{paper:d.white,default:d.white},action:{active:"rgba(0, 0, 0, 0.54)",hover:"rgba(0, 0, 0, 0.04)",hoverOpacity:.04,selected:"rgba(0, 0, 0, 0.08)",selectedOpacity:.08,disabled:"rgba(0, 0, 0, 0.26)",disabledBackground:"rgba(0, 0, 0, 0.12)",disabledOpacity:.38,focus:"rgba(0, 0, 0, 0.12)",focusOpacity:.12,activatedOpacity:.12}},k={text:{primary:d.white,secondary:"rgba(255, 255, 255, 0.7)",disabled:"rgba(255, 255, 255, 0.5)",icon:"rgba(255, 255, 255, 0.5)"},divider:"rgba(255, 255, 255, 0.12)",background:{paper:"#121212",default:"#121212"},action:{active:d.white,hover:"rgba(255, 255, 255, 0.08)",hoverOpacity:.08,selected:"rgba(255, 255, 255, 0.16)",selectedOpacity:.16,disabled:"rgba(255, 255, 255, 0.3)",disabledBackground:"rgba(255, 255, 255, 0.12)",disabledOpacity:.38,focus:"rgba(255, 255, 255, 0.12)",focusOpacity:.12,activatedOpacity:.24}};function x(e,t,n,o){const i=o.light||o,r=o.dark||1.5*o;e[t]||(e.hasOwnProperty(n)?e[t]=e[n]:"light"===t?e.light=(0,u.$n)(e.main,i):"dark"===t&&(e.dark=(0,u._j)(e.main,r)))}function R(e){const{mode:t="light",contrastThreshold:n=3,tonalOffset:c=.2}=e,s=(0,i.Z)(e,y),l=e.primary||function(){return"dark"===(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"light")?{main:b[200],light:b[50],dark:b[400]}:{main:b[700],light:b[400],dark:b[800]}}(t),R=e.secondary||function(){return"dark"===(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"light")?{main:f[200],light:f[50],dark:f[400]}:{main:f[500],light:f[300],dark:f[700]}}(t),A=e.error||function(){return"dark"===(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"light")?{main:h[500],light:h[300],dark:h[700]}:{main:h[700],light:h[400],dark:h[800]}}(t),T=e.info||function(){return"dark"===(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"light")?{main:m[400],light:m[300],dark:m[700]}:{main:m[700],light:m[500],dark:m[900]}}(t),w=e.success||function(){return"dark"===(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"light")?{main:v[400],light:v[300],dark:v[700]}:{main:v[800],light:v[500],dark:v[900]}}(t),M=e.warning||function(){return"dark"===(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"light")?{main:g[400],light:g[300],dark:g[700]}:{main:"#ed6c02",light:g[500],dark:g[900]}}(t);function S(e){return(0,u.mi)(e,k.text.primary)>=n?k.text.primary:Z.text.primary}const C=e=>{let{color:t,name:n,mainShade:i=500,lightShade:a=300,darkShade:s=700}=e;if(t=(0,o.Z)({},t),!t.main&&t[i]&&(t.main=t[i]),!t.hasOwnProperty("main"))throw new Error((0,r.Z)(11,n?" (".concat(n,")"):"",i));if("string"!==typeof t.main)throw new Error((0,r.Z)(12,n?" (".concat(n,")"):"",JSON.stringify(t.main)));return x(t,"light",a,c),x(t,"dark",s,c),t.contrastText||(t.contrastText=S(t.main)),t},P={dark:k,light:Z};return(0,a.Z)((0,o.Z)({common:(0,o.Z)({},d),mode:t,primary:C({color:l,name:"primary"}),secondary:C({color:R,name:"secondary",mainShade:"A400",lightShade:"A200",darkShade:"A700"}),error:C({color:A,name:"error"}),warning:C({color:M,name:"warning"}),info:C({color:T,name:"info"}),success:C({color:w,name:"success"}),grey:p,contrastThreshold:n,getContrastText:S,augmentColor:C,tonalOffset:c},P[t]),s)}const A=["fontFamily","fontSize","fontWeightLight","fontWeightRegular","fontWeightMedium","fontWeightBold","htmlFontSize","allVariants","pxToRem"];const T={textTransform:"uppercase"},w='"Roboto", "Helvetica", "Arial", sans-serif';function M(e,t){const n="function"===typeof t?t(e):t,{fontFamily:r=w,fontSize:c=14,fontWeightLight:s=300,fontWeightRegular:l=400,fontWeightMedium:u=500,fontWeightBold:d=700,htmlFontSize:p=16,allVariants:f,pxToRem:h}=n,g=(0,i.Z)(n,A);const b=c/14,m=h||(e=>"".concat(e/p*b,"rem")),v=(e,t,n,i,a)=>{return(0,o.Z)({fontFamily:r,fontWeight:e,fontSize:m(t),lineHeight:n},r===w?{letterSpacing:"".concat((c=i/t,Math.round(1e5*c)/1e5),"em")}:{},a,f);var c},y={h1:v(s,96,1.167,-1.5),h2:v(s,60,1.2,-.5),h3:v(l,48,1.167,0),h4:v(l,34,1.235,.25),h5:v(l,24,1.334,0),h6:v(u,20,1.6,.15),subtitle1:v(l,16,1.75,.15),subtitle2:v(u,14,1.57,.1),body1:v(l,16,1.5,.15),body2:v(l,14,1.43,.15),button:v(u,14,1.75,.4,T),caption:v(l,12,1.66,.4),overline:v(l,12,2.66,1,T),inherit:{fontFamily:"inherit",fontWeight:"inherit",fontSize:"inherit",lineHeight:"inherit",letterSpacing:"inherit"}};return(0,a.Z)((0,o.Z)({htmlFontSize:p,pxToRem:m,fontFamily:r,fontSize:c,fontWeightLight:s,fontWeightRegular:l,fontWeightMedium:u,fontWeightBold:d},y),g,{clone:!1})}function S(){return["".concat(arguments.length<=0?void 0:arguments[0],"px ").concat(arguments.length<=1?void 0:arguments[1],"px ").concat(arguments.length<=2?void 0:arguments[2],"px ").concat(arguments.length<=3?void 0:arguments[3],"px rgba(0,0,0,").concat(.2,")"),"".concat(arguments.length<=4?void 0:arguments[4],"px ").concat(arguments.length<=5?void 0:arguments[5],"px ").concat(arguments.length<=6?void 0:arguments[6],"px ").concat(arguments.length<=7?void 0:arguments[7],"px rgba(0,0,0,").concat(.14,")"),"".concat(arguments.length<=8?void 0:arguments[8],"px ").concat(arguments.length<=9?void 0:arguments[9],"px ").concat(arguments.length<=10?void 0:arguments[10],"px ").concat(arguments.length<=11?void 0:arguments[11],"px rgba(0,0,0,").concat(.12,")")].join(",")}const C=["none",S(0,2,1,-1,0,1,1,0,0,1,3,0),S(0,3,1,-2,0,2,2,0,0,1,5,0),S(0,3,3,-2,0,3,4,0,0,1,8,0),S(0,2,4,-1,0,4,5,0,0,1,10,0),S(0,3,5,-1,0,5,8,0,0,1,14,0),S(0,3,5,-1,0,6,10,0,0,1,18,0),S(0,4,5,-2,0,7,10,1,0,2,16,1),S(0,5,5,-3,0,8,10,1,0,3,14,2),S(0,5,6,-3,0,9,12,1,0,3,16,2),S(0,6,6,-3,0,10,14,1,0,4,18,3),S(0,6,7,-4,0,11,15,1,0,4,20,3),S(0,7,8,-4,0,12,17,2,0,5,22,4),S(0,7,8,-4,0,13,19,2,0,5,24,4),S(0,7,9,-4,0,14,21,2,0,5,26,4),S(0,8,9,-5,0,15,22,2,0,6,28,5),S(0,8,10,-5,0,16,24,2,0,6,30,5),S(0,8,11,-5,0,17,26,2,0,6,32,5),S(0,9,11,-5,0,18,28,2,0,7,34,6),S(0,9,12,-6,0,19,29,2,0,7,36,6),S(0,10,13,-6,0,20,31,3,0,8,38,7),S(0,10,13,-6,0,21,33,3,0,8,40,7),S(0,10,14,-6,0,22,35,3,0,8,42,7),S(0,11,14,-7,0,23,36,3,0,9,44,8),S(0,11,15,-7,0,24,38,3,0,9,46,8)],P=["duration","easing","delay"],O={easeInOut:"cubic-bezier(0.4, 0, 0.2, 1)",easeOut:"cubic-bezier(0.0, 0, 0.2, 1)",easeIn:"cubic-bezier(0.4, 0, 1, 1)",sharp:"cubic-bezier(0.4, 0, 0.6, 1)"},z={shortest:150,shorter:200,short:250,standard:300,complex:375,enteringScreen:225,leavingScreen:195};function B(e){return"".concat(Math.round(e),"ms")}function V(e){if(!e)return 0;const t=e/36;return Math.round(10*(4+15*t**.25+t/5))}function F(e){const t=(0,o.Z)({},O,e.easing),n=(0,o.Z)({},z,e.duration);return(0,o.Z)({getAutoHeightDuration:V,create:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:["all"],o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};const{duration:r=n.standard,easing:a=t.easeInOut,delay:c=0}=o;(0,i.Z)(o,P);return(Array.isArray(e)?e:[e]).map((e=>"".concat(e," ").concat("string"===typeof r?r:B(r)," ").concat(a," ").concat("string"===typeof c?c:B(c)))).join(",")}},e,{easing:t,duration:n})}const I={mobileStepper:1e3,fab:1050,speedDial:1050,appBar:1100,drawer:1200,modal:1300,snackbar:1400,tooltip:1500},L=["breakpoints","mixins","spacing","palette","transitions","typography","shape"];function W(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const{mixins:t={},palette:n={},transitions:u={},typography:d={}}=e,p=(0,i.Z)(e,L);if(e.vars)throw new Error((0,r.Z)(18));const f=R(n),h=(0,c.Z)(e);let g=(0,a.Z)(h,{mixins:(b=h.breakpoints,m=t,(0,o.Z)({toolbar:{minHeight:56,[b.up("xs")]:{"@media (orientation: landscape)":{minHeight:48}},[b.up("sm")]:{minHeight:64}}},m)),palette:f,shadows:C.slice(),typography:M(f,d),transitions:F(u),zIndex:(0,o.Z)({},I)});var b,m;g=(0,a.Z)(g,p);for(var v=arguments.length,y=new Array(v>1?v-1:0),Z=1;Z<v;Z++)y[Z-1]=arguments[Z];return g=y.reduce(((e,t)=>(0,a.Z)(e,t)),g),g.unstable_sxConfig=(0,o.Z)({},s.Z,null==p?void 0:p.unstable_sxConfig),g.unstable_sx=function(e){return(0,l.Z)({sx:e,theme:this})},g}const E=W()},87445:(e,t,n)=>{n.d(t,{Z:()=>o});const o="$$material"},32788:(e,t,n)=>{n.d(t,{FO:()=>a,ZP:()=>c});var o=n(39732),i=n(22388),r=n(87445);const a=e=>(0,o.x9)(e)&&"classes"!==e,c=(0,o.ZP)({themeId:r.Z,defaultTheme:i.Z,rootShouldForwardProp:a})},44358:(e,t,n)=>{n.d(t,{Z:()=>a});var o=n(53263),i=n(22388),r=n(87445);function a(e){let{props:t,name:n}=e;return(0,o.Z)({props:t,name:n,defaultTheme:i.Z,themeId:r.Z})}},45375:(e,t,n)=>{n.d(t,{Z:()=>o});const o=n(58472).Z}}]);