@abtnode/webapp 1.16.16-beta-ca17cc31 → 1.16.16

package/build/static/js/{9041.84c1ff27.chunk.js → 9041.0f1c9ac4.chunk.js}

@@ -1 +1 @@
-(self.webpackChunk_abtnode_webapp=self.webpackChunk_abtnode_webapp||[]).push([[9041],{99041:function(n,e,r){"use strict";r.r(e),r.d(e,{default:function(){return cn}});var t,a=r(71171),o=r(68079),i=r(33028),c=r(32723),s=r(34795),l=r(5057),u=r(33518),m=r(50844),d=r(95335),f=r(90049),p=r.n(f),v=r(5609),h=r(45603),x=r.n(h),g=r(74511),b=r(43681),Z=r.n(b),y=r(8354),w=r.n(y),j=r(38898),_=r(11750),k=r(55402),C=r(99154),P=r(44846),S=r(19778),N=r(64886),D=r(55898),z=r.n(D),T=r(10767),E=r(47685),R=r(96266);function U(n){var e=n.icon,r=n.value,t=n.name,a=n.url,o=n.animated,i=n.LinkComponent,c=n.prefix,s=(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)("div",{className:"metric__image",children:(0,R.jsx)(T.Z,{name:e,alt:"string"===typeof t?t:"",size:30,prefix:c,color:"#222222"})}),(0,R.jsxs)("div",{children:[(0,R.jsx)("div",{className:"metric__number ".concat(o?"metric__number--animated":""),dangerouslySetInnerHTML:{__html:r}}),(0,R.jsx)("div",{className:"metric__name",children:t})]})]});return(0,R.jsx)(I,{children:a?(0,R.jsx)(i,{to:a,children:s}):s})}U.propTypes={icon:z().string.isRequired,value:z().oneOfType([z().string,z().number]).isRequired,name:z().node.isRequired,animated:z().bool,url:z().string,LinkComponent:z().any,prefix:z().string},U.defaultProps={animated:!1,url:"",LinkComponent:null,prefix:"/images"};var I=(0,E.zo)("div")(t||(t=(0,a.Z)(["\n  border-left: 1px solid ",";\n  padding: 10px 0 10px 16px;\n  @media (max-width: ","px) {\n    padding: 0 0 0 8px;\n  }\n\n  display: flex;\n  justify-items: center;\n  align-items: flex-start;\n\n  a {\n    display: flex;\n    justify-items: center;\n    align-items: flex-start;\n  }\n\n  .metric__image {\n    margin-right: 8px;\n  }\n\n  .metric__number {\n    margin-bottom: 8px;\n    font-size: ","px;\n    font-weight: 600;\n    line-height: 36px;\n    color: ",";\n\n    small {\n      font-size: 12px;\n      line-height: 12px;\n    }\n\n    @media (max-width: ","px) {\n      font-size: ","px;\n      line-height: ","px;\n      margin-bottom: 2px;\n    }\n  }\n\n  .metric__number--animated {\n    animation-name: blink-opacity;\n    animation-duration: 250ms;\n    animation-timing-function: linear;\n    animation-iteration-count: 1;\n    background-color: transparent !important;\n  }\n\n  .metric__name {\n    font-size: 14px;\n    text-transform: capitalize;\n    line-height: 1.2;\n    font-weight: 500;\n    color: ",";\n    @media (max-width: ","px) {\n      font-size: 10px;\n      line-height: 1;\n    }\n  }\n\n  @keyframes blink-opacity {\n    0% {\n      opacity: 1;\n    }\n    50% {\n      opacity: 0.3;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n"])),(function(n){return n.theme.typography.color.main}),(function(n){return n.theme.breakpoints.values.sm}),(function(n){return"small"===n.size?32:36}),(function(n){return n.theme.typography.color.main}),(function(n){return n.theme.breakpoints.values.sm}),(function(n){return"small"===n.size?24:28}),(function(n){return"small"===n.size?24:28}),(function(n){return n.theme.typography.color.main}),(function(n){return n.theme.breakpoints.values.sm})),M=r(68420),q=r(17450),L=r(50185),B=r(75793),V=r(52926),F=r(96234),A=r(35432),W=r(10155),O=r(34937),$=(0,l.createContext)({}),G=$.Provider;$.Consumer;function X(n){var e=n.children,r=(0,B.h6)().info,t=(0,W.Z)(),a=(0,l.useState)(null),o=(0,F.Z)(a,2),i=o[0],u=o[1],m=(0,l.useState)(!1),d=(0,F.Z)(m,2),f=d[0],p=d[1],v=(0,l.useState)([]),h=(0,F.Z)(v,2),x=h[0],g=h[1],b=function(){var n=(0,s.Z)((0,c.Z)().mark((function n(){var e,a,o,i,s,l,m,d=arguments;return(0,c.Z)().wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return a=(e=d.length>0&&void 0!==d[0]?d[0]:{}).silent,o=void 0===a||a,i=e.retries,s=void 0===i?4:i,o||p(!0),n.prev=2,u(null),n.next=6,t.getUsers({input:{teamDid:r.did,paging:{pageSize:100}}});case 6:l=n.sent,m=l.users,p(!1),g(m),n.next=15;break;case 12:n.prev=12,n.t0=n.catch(2),s>0?setTimeout((function(){return b({silent:o,retries:s-1})}),1e3):(p(!1),u(n.t0));case 15:case"end":return n.stop()}}),n,null,[[2,12]])})));return function(){return n.apply(this,arguments)}}();(0,l.useEffect)((function(){b({silent:!1})}),[]),(0,O.mU)(A.EVENTS.USER_ADDED,(function(n){n.teamDid===r.did&&b()})),(0,O.mU)(A.EVENTS.USER_REMOVED,(function(n){var e=n.teamDid,t=n.user.did;e===r.did&&g((function(n){return n.filter((function(n){return n.did!==t}))}))})),(0,O.mU)(A.EVENTS.USER_UPDATED,(function(n){n.teamDid===r.did&&b()}));var Z={loading:f,error:i,users:x,refresh:b};return(0,R.jsx)(G,{value:{users:Z},children:e})}var Y,H,J=r(74094),K=(r(59740),1),Q=60,nn=3600,en=86400,rn=function(n,e){var r=(0,l.useState)(0),t=(0,F.Z)(r,2),a=t[0],o=t[1],i=function(n){return n>=en?en:n>=nn?nn:n>=Q?Q:K},c=(0,l.useState)(i(n/1e3)),s=(0,F.Z)(c,2),u=s[0],m=s[1];return(0,l.useEffect)((function(){var e=setInterval((function(){o(a+u);var e=i(n/1e3+a+u);u!==e&&m(e)}),1e3*u);return function(){return clearInterval(e)}}),[u,a]),(0,l.useEffect)((function(){o(0),m(i(n/1e3))}),[n]),e(n+1e3*a)};var tn=function(){var n=(0,s.Z)((0,c.Z)().mark((function n(e){var r;return(0,c.Z)().wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,e.getNodeEnv();case 2:return r=n.sent,n.abrupt("return",Object.assign({},r.info||{}));case 4:case"end":return n.stop()}}),n)})));return function(e){return n.apply(this,arguments)}}();(0,m.Z)((function(n){return{root:{height:20},colorPrimary:{backgroundColor:n.palette.grey["light"===n.palette.mode?200:700]},bar:{backgroundColor:"#1a90ff"}}}))(C.Z);function an(){var n=(0,B.h6)(),e=n.info,r=n.api,t=n.imgPrefix,a=n.loading,c=(0,V.RJ)().data,s=(0,l.useContext)($).users.users,u=(0,g.Z)((function(){return tn(r)})),m=(0,l.useContext)(M.RD),f=m.t,h=m.locale,b=(0,d.Z)(),y=rn(+new Date-e.startAt,(function(n){var e={compact:!0,verbose:!0,locale:(0,J.FF)(h)};return x()(n,e)})),C=null;if(a)C=(0,R.jsx)(P.Z,{});else{var D=[{name:f("dashboard.nodeDid"),value:(0,R.jsx)(q.Z,{did:e.did})}];e.nodeOwner&&D.push({name:f("dashboard.ownerDid"),value:(0,R.jsx)(q.Z,{did:e.nodeOwner.did})});var z=[];e.launcher&&(z=[{name:f("common.did"),value:(0,R.jsx)(q.Z,{did:e.launcher.did})},{name:f("common.type"),value:e.launcher.type},{name:f("launcher.provider"),value:e.launcher.provider},{name:f("launcher.adminUrl"),value:(0,R.jsx)(j.Z,{target:"_blank",href:e.launcher.url,underline:"hover",children:e.launcher.url})}]);var T=function(n,e){return"-"===n?n:e&&"-"!==e?(0,R.jsxs)(_.Z,{component:"ul",children:[(0,R.jsxs)("li",{className:"ip-item",children:[(0,R.jsx)(S.Z,{children:"IPV4"}),(0,R.jsx)(L.Z,{children:n})]}),(0,R.jsxs)("li",{className:"ip-item",children:[(0,R.jsx)(S.Z,{children:"IPV6"}),(0,R.jsx)(L.Z,{children:e})]})]}):(0,R.jsxs)(_.Z,{className:"ip-item",children:[(0,R.jsx)(S.Z,{children:"IPV4"}),(0,R.jsx)(L.Z,{children:n})]})},E=u.value?[{name:"".concat(f("common.version")),value:e.version}].concat((0,o.Z)(function(){var n=[{name:"".concat(f("common.internalIp")),value:T(u.value.ip.internalV4,u.value.ip.internalV6)},{name:"".concat(f("common.externalIp")),value:T(u.value.ip.externalV4,u.value.ip.externalV6)}];return u.value.docker?[]:n}()),[{name:"".concat(f("common.os")),value:u.value.os},u.value.docker?{name:"".concat(f("common.docker")),value:(0,R.jsx)(S.Z,{type:"success",children:"Yes"})}:null,u.value.gitpod?{name:"".concat(f("common.gitpod")),value:(0,R.jsx)(S.Z,{type:"success",children:"Yes"})}:null]).filter(Boolean):[];Array.isArray(Z()(u,"value.blockletEngines",null))&&u.value.blockletEngines.filter((function(n){return n.visible&&n.available})).forEach((function(n){E.push({name:n.displayName,value:(0,R.jsx)(S.Z,{type:"success",children:"".concat(n.version)||"N/A"})})}));var I=s.length,F=s.filter((function(n){return n.approved})).length,A=I;F&&(A+="<small><strong>".concat(w()(f("common.approved"))," ").concat(F,"</strong></small>"));var W=0,O=0;c&&(W=c.length,O=c.filter((function(n){return"running"===n.status})).length);var G=W;O&&(G+="<small>".concat(f("common.running")," ").concat(O,"</small>"));var X=[{name:f("common.blocklets"),value:G,icon:"blocklets"},{name:f("common.members"),value:A,icon:"member"},{name:f("common.uptime"),value:y,icon:"time"},{name:f("common.created"),value:(0,v.WU)(new Date(e.createdAt).getTime(),(0,J.FF)(h)),icon:"time"}],Y=[];u.value&&u.value.disk&&(Y=[{name:f("common.blockletsStorage"),value:p()(u.value.disk.blocklets||0).toUpperCase(),icon:"storage"},{name:f("common.dataStorage"),value:p()(u.value.disk.data||0).toUpperCase(),icon:"storage"},{name:f("common.logStorage"),value:p()(u.value.disk.log||0).toUpperCase(),icon:"storage"},{name:f("common.cacheStorage"),value:p()(u.value.disk.cache||0).toUpperCase(),icon:"storage"},{name:f("common.coreStorage"),value:p()(u.value.disk.app||0).toUpperCase(),icon:"storage"}]),C=(0,R.jsxs)(R.Fragment,{children:[(0,R.jsxs)("div",{className:"section",children:[(0,R.jsx)(_.Z,{className:"section__header",component:"h2",variant:"h4",color:"textPrimary",children:f("common.overview")}),(0,R.jsx)(k.ZP,{className:"page-metrics",container:!0,spacing:5,children:X.map((function(n){return(0,R.jsx)(k.ZP,{item:!0,lg:3,md:4,sm:6,xs:12,children:(0,R.jsx)(U,(0,i.Z)((0,i.Z)({},n),{},{prefix:t}))},n.name)}))})]}),(0,R.jsxs)("div",{className:"section",children:[(0,R.jsx)(_.Z,{className:"section__header",component:"h2",variant:"h4",color:"textPrimary",children:f("common.storage")}),(0,R.jsx)(k.ZP,{className:"page-metrics",container:!0,spacing:5,children:Y.map((function(n){return(0,R.jsx)(k.ZP,{item:!0,lg:3,md:4,sm:6,xs:12,children:(0,R.jsx)(U,(0,i.Z)((0,i.Z)({},n),{},{prefix:t}))},n.name)}))})]}),(0,R.jsxs)("div",{className:"section",children:[(0,R.jsx)(_.Z,{className:"section__header",component:"h2",variant:"h4",color:"textPrimary",children:f("common.meta")}),(0,R.jsxs)(k.ZP,{className:"page-metrics",container:!0,spacing:5,children:[(0,R.jsxs)(k.ZP,{item:!0,lg:6,md:12,sm:12,xs:12,children:[(0,R.jsx)(_.Z,{className:"section__header",component:"h3",variant:"h5",color:"textPrimary",children:f("common.dAddress")}),D.map((function(n){return(0,R.jsx)(N.Z,{nameWidth:150,name:n.name,children:n.value},n.name)})),z.length>0&&(0,R.jsxs)("div",{style:{marginTop:b.spacing(8)},children:[(0,R.jsx)(_.Z,{className:"section__header",component:"h3",variant:"h5",color:"textPrimary",children:f("common.launcher")}),z.map((function(n){return(0,R.jsx)(N.Z,{nameWidth:150,name:n.name,children:n.value},n.name)}))]})]},"address"),(0,R.jsxs)(k.ZP,{item:!0,lg:6,md:12,sm:12,xs:12,children:[(0,R.jsx)(_.Z,{className:"section__header",component:"h3",variant:"h5",color:"textPrimary",children:f("common.env")}),E.map((function(n){return(0,R.jsx)(N.Z,{valueComponent:"div",nameWidth:150,name:n.name,children:n.value},n.name)}))]},"environment")]})]})]})}return(0,R.jsx)(on,{children:C})}var on=u.Z.main(Y||(Y=(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\n  .section {\n    display: flex;\n    flex-direction: column;\n    margin-bottom: 64px;\n\n    .section__header {\n      font-weight: bold;\n      margin-bottom: 24px;\n    }\n\n    .info-row__name {\n      text-transform: uppercase;\n      font-size: 0.9em;\n    }\n\n    .info-row__value .ip-item {\n      display: flex;\n      align-items: center;\n    }\n\n    .info-row__value .ip-item:not(:first-of-type) {\n      margin-top: 5px;\n    }\n\n    /* \u5c4f\u5bbd\u5c0f\u4e8e 600px \u65f6, container padding \u4e3a 16px, .MuiGrid-spacing-xs-5 \u4f1a\u5728\u6c34\u5e73\u65b9\u5411\u5ef6\u4f38 40px, \u8d85\u51fa\u5bb9\u5668\u5bbd\u5ea6, \u4f1a\u5bfc\u81f4\u6c34\u5e73\u6eda\u52a8\u6761 */\n    .MuiGrid-spacing-xs-5 {\n      width: calc(100% + 32px);\n      margin: -16px;\n    }\n  }\n\n  .section-flex {\n    flex-direction: row;\n  }\n\n  .section-item {\n    flex: 1;\n  }\n\n  .section-item-desc {\n    display: flex;\n    margin-top: 15px;\n  }\n\n  .used::before {\n    content: ' ';\n    border: 0;\n    background-color: #1a90ff;\n  }\n\n  .free::before {\n    content: ' ';\n    border: 0;\n    background-color: #eeeeee;\n  }\n\n  @media (max-width: ","px) {\n    .section-flex {\n      flex-direction: column;\n    }\n  }\n"])),(function(n){return n.theme.breakpoints.values.md}));u.Z.div(H||(H=(0,a.Z)(["\n  flex: 1;\n  display: flex;\n\n  &::before {\n    content: '';\n    display: block;\n    width: 12px;\n    height: 12px;\n    border: 1px solid #999;\n    border-radius: 2px;\n    margin-top: 3px;\n    margin-right: 10px;\n  }\n"])));function cn(){return(0,R.jsx)(X,{children:(0,R.jsx)(an,{})})}},50185:function(n,e,r){"use strict";r.d(e,{Z:function(){return d}});var t=r(33028),a=r(59740),o=r(5057),i=r(55898),c=r.n(i),s=r(12937),l=r(68420),u=r(96266),m=["children"];function d(n){var e=n.children,r=(0,a.Z)(n,m),i=(0,o.useContext)(l.RD).t;return(0,u.jsx)(s.Z,(0,t.Z)((0,t.Z)({tip:i("common.copyTip"),copiedTip:i("common.copiedTip")},r),{},{children:e}))}d.propTypes={children:c().any.isRequired}},64886:function(n,e,r){"use strict";var t,a=r(71171),o=r(33028),i=r(59740),c=r(55898),s=r.n(c),l=r(51540),u=r.n(l),m=r(26538),d=r.n(m),f=r(11750),p=r(47685),v=r(96266),h=["name","nameFormatter","layout","children","valueComponent","nameWidth"];function x(n){var e=n.name,r=n.nameFormatter,t=n.layout,a=n.children,c=n.valueComponent,s=n.nameWidth,l=(0,i.Z)(n,h);return(0,v.jsxs)(g,(0,o.Z)((0,o.Z)({layout:t,width:s},l),{},{children:[(0,v.jsx)(f.Z,{color:"textSecondary",className:"info-row__name",children:r(e)}),a&&(0,v.jsx)(f.Z,{color:"textPrimary",component:c,className:"info-row__value",children:a})]}))}x.propTypes={name:s().any.isRequired,layout:s().oneOf(["horizontal","vertical"]),children:s().any,nameFormatter:s().func,valueComponent:s().string,nameWidth:s().number},x.defaultProps={children:null,nameWidth:90,nameFormatter:function(n){var e=n.split(" ").map((function(n){return d()(u()(n))})).join(" ");return"string"===typeof n?e:n},valueComponent:"div",layout:"horizontal"};var g=(0,p.zo)("div")(t||(t=(0,a.Z)(["\n  display: flex;\n  flex-direction: ",";\n  justify-content: flex-start;\n  align-items: ",";\n  margin-bottom: 16px;\n\n  .info-row__name {\n    width: ","px;\n    margin-right: ",";\n    margin-bottom: ",";\n    text-transform: capitalize;\n  }\n\n  .info-row__value {\n    flex: 1;\n    overflow: auto;\n    word-wrap: break-word;\n    font-weight: 500;\n  }\n\n  @media (max-width: ","px) {\n    flex-direction: column;\n    justify-content: flex-start;\n    align-items: flex-start;\n    .info-row__name {\n      font-weight: bold;\n    }\n\n    .info-row__value {\n      width: 100%;\n      font-size: 12px;\n      margin-top: 8px;\n    }\n  }\n"])),(function(n){return"vertical"===n.layout?"column":"row"}),(function(n){return"vertical"===n.layout?"flex-start":"center"}),(function(n){return n.width}),(function(n){return"vertical"===n.layout?"0":"8px"}),(function(n){return"vertical"===n.layout?"8px":"0"}),(function(n){return n.theme.breakpoints.values.md}));e.Z=x},99154:function(n,e,r){"use strict";var t,a,o,i,c,s,l,u,m,d,f,p,v=r(71171),h=r(31461),x=r(7896),g=r(5057),b=r(8271),Z=r(91213),y=r(21371),w=r(66685),j=r(6285),_=r(96366),k=r(62773),C=r(42908),P=r(43879),S=r(96266),N=["className","color","value","valueBuffer","variant"],D=(0,y.keyframes)(l||(l=t||(t=(0,v.Z)(["\n  0% {\n    left: -35%;\n    right: 100%;\n  }\n\n  60% {\n    left: 100%;\n    right: -90%;\n  }\n\n  100% {\n    left: 100%;\n    right: -90%;\n  }\n"])))),z=(0,y.keyframes)(u||(u=a||(a=(0,v.Z)(["\n  0% {\n    left: -200%;\n    right: 100%;\n  }\n\n  60% {\n    left: 107%;\n    right: -8%;\n  }\n\n  100% {\n    left: 107%;\n    right: -8%;\n  }\n"])))),T=(0,y.keyframes)(m||(m=o||(o=(0,v.Z)(["\n  0% {\n    opacity: 1;\n    background-position: 0 -23px;\n  }\n\n  60% {\n    opacity: 0;\n    background-position: 0 -23px;\n  }\n\n  100% {\n    opacity: 1;\n    background-position: -200px -23px;\n  }\n"])))),E=function(n,e){return"inherit"===e?"currentColor":n.vars?n.vars.palette.LinearProgress["".concat(e,"Bg")]:"light"===n.palette.mode?(0,w.$n)(n.palette[e].main,.62):(0,w._j)(n.palette[e].main,.5)},R=(0,k.ZP)("span",{name:"MuiLinearProgress",slot:"Root",overridesResolver:function(n,e){var r=n.ownerState;return[e.root,e["color".concat((0,j.Z)(r.color))],e[r.variant]]}})((function(n){var e=n.ownerState,r=n.theme;return(0,x.Z)({position:"relative",overflow:"hidden",display:"block",height:4,zIndex:0,"@media print":{colorAdjust:"exact"},backgroundColor:E(r,e.color)},"inherit"===e.color&&"buffer"!==e.variant&&{backgroundColor:"none","&::before":{content:'""',position:"absolute",left:0,top:0,right:0,bottom:0,backgroundColor:"currentColor",opacity:.3}},"buffer"===e.variant&&{backgroundColor:"transparent"},"query"===e.variant&&{transform:"rotate(180deg)"})})),U=(0,k.ZP)("span",{name:"MuiLinearProgress",slot:"Dashed",overridesResolver:function(n,e){var r=n.ownerState;return[e.dashed,e["dashedColor".concat((0,j.Z)(r.color))]]}})((function(n){var e=n.ownerState,r=n.theme,t=E(r,e.color);return(0,x.Z)({position:"absolute",marginTop:0,height:"100%",width:"100%"},"inherit"===e.color&&{opacity:.3},{backgroundImage:"radial-gradient(".concat(t," 0%, ").concat(t," 16%, transparent 42%)"),backgroundSize:"10px 10px",backgroundPosition:"0 -23px"})}),(0,y.css)(d||(d=i||(i=(0,v.Z)(["\n    animation: "," 3s infinite linear;\n  "]))),T)),I=(0,k.ZP)("span",{name:"MuiLinearProgress",slot:"Bar1",overridesResolver:function(n,e){var r=n.ownerState;return[e.bar,e["barColor".concat((0,j.Z)(r.color))],("indeterminate"===r.variant||"query"===r.variant)&&e.bar1Indeterminate,"determinate"===r.variant&&e.bar1Determinate,"buffer"===r.variant&&e.bar1Buffer]}})((function(n){var e=n.ownerState,r=n.theme;return(0,x.Z)({width:"100%",position:"absolute",left:0,bottom:0,top:0,transition:"transform 0.2s linear",transformOrigin:"left",backgroundColor:"inherit"===e.color?"currentColor":(r.vars||r).palette[e.color].main},"determinate"===e.variant&&{transition:"transform .".concat(4,"s linear")},"buffer"===e.variant&&{zIndex:1,transition:"transform .".concat(4,"s linear")})}),(function(n){var e=n.ownerState;return("indeterminate"===e.variant||"query"===e.variant)&&(0,y.css)(f||(f=c||(c=(0,v.Z)(["\n      width: auto;\n      animation: "," 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;\n    "]))),D)})),M=(0,k.ZP)("span",{name:"MuiLinearProgress",slot:"Bar2",overridesResolver:function(n,e){var r=n.ownerState;return[e.bar,e["barColor".concat((0,j.Z)(r.color))],("indeterminate"===r.variant||"query"===r.variant)&&e.bar2Indeterminate,"buffer"===r.variant&&e.bar2Buffer]}})((function(n){var e=n.ownerState,r=n.theme;return(0,x.Z)({width:"100%",position:"absolute",left:0,bottom:0,top:0,transition:"transform 0.2s linear",transformOrigin:"left"},"buffer"!==e.variant&&{backgroundColor:"inherit"===e.color?"currentColor":(r.vars||r).palette[e.color].main},"inherit"===e.color&&{opacity:.3},"buffer"===e.variant&&{backgroundColor:E(r,e.color),transition:"transform .".concat(4,"s linear")})}),(function(n){var e=n.ownerState;return("indeterminate"===e.variant||"query"===e.variant)&&(0,y.css)(p||(p=s||(s=(0,v.Z)(["\n      width: auto;\n      animation: "," 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.15s infinite;\n    "]))),z)})),q=g.forwardRef((function(n,e){var r=(0,C.Z)({props:n,name:"MuiLinearProgress"}),t=r.className,a=r.color,o=void 0===a?"primary":a,i=r.value,c=r.valueBuffer,s=r.variant,l=void 0===s?"indeterminate":s,u=(0,h.Z)(r,N),m=(0,x.Z)({},r,{color:o,variant:l}),d=function(n){var e=n.classes,r=n.variant,t=n.color,a={root:["root","color".concat((0,j.Z)(t)),r],dashed:["dashed","dashedColor".concat((0,j.Z)(t))],bar1:["bar","barColor".concat((0,j.Z)(t)),("indeterminate"===r||"query"===r)&&"bar1Indeterminate","determinate"===r&&"bar1Determinate","buffer"===r&&"bar1Buffer"],bar2:["bar","buffer"!==r&&"barColor".concat((0,j.Z)(t)),"buffer"===r&&"color".concat((0,j.Z)(t)),("indeterminate"===r||"query"===r)&&"bar2Indeterminate","buffer"===r&&"bar2Buffer"]};return(0,Z.Z)(a,P.E,e)}(m),f=(0,_.Z)(),p={},v={bar1:{},bar2:{}};if("determinate"===l||"buffer"===l)if(void 0!==i){p["aria-valuenow"]=Math.round(i),p["aria-valuemin"]=0,p["aria-valuemax"]=100;var g=i-100;"rtl"===f.direction&&(g=-g),v.bar1.transform="translateX(".concat(g,"%)")}else 0;if("buffer"===l)if(void 0!==c){var y=(c||0)-100;"rtl"===f.direction&&(y=-y),v.bar2.transform="translateX(".concat(y,"%)")}else 0;return(0,S.jsxs)(R,(0,x.Z)({className:(0,b.Z)(d.root,t),ownerState:m,role:"progressbar"},p,{ref:e},u,{children:["buffer"===l?(0,S.jsx)(U,{className:d.dashed,ownerState:m}):null,(0,S.jsx)(I,{className:d.bar1,ownerState:m,style:v.bar1}),"determinate"===l?null:(0,S.jsx)(M,{className:d.bar2,ownerState:m,style:v.bar2})]}))}));e.Z=q},43879:function(n,e,r){"use strict";r.d(e,{E:function(){return o}});var t=r(31821),a=r(18561);function o(n){return(0,a.Z)("MuiLinearProgress",n)}var i=(0,t.Z)("MuiLinearProgress",["root","colorPrimary","colorSecondary","determinate","indeterminate","buffer","query","dashed","dashedColorPrimary","dashedColorSecondary","bar","barColorPrimary","barColorSecondary","bar1Indeterminate","bar1Determinate","bar1Buffer","bar2Indeterminate","bar2Buffer"]);e.Z=i},50844:function(n,e,r){"use strict";r.d(e,{Z:function(){return f}});var t=r(7896),a=r(31461),o=r(5057),i=r(56129),c=r.n(i),s=r(92877);var l=r(95335),u=r(96266),m=["defaultTheme","withTheme","name"],d=["classes"],f=function(n){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return function(r){var i=e.defaultTheme,f=e.withTheme,p=void 0!==f&&f,v=e.name,h=(0,a.Z)(e,m);var x=v,g=(0,s.Z)(n,(0,t.Z)({defaultTheme:i,Component:r,name:v||r.displayName,classNamePrefix:x},h)),b=o.forwardRef((function(n,e){var o,c=(0,a.Z)(n,d),s=g((0,t.Z)({},r.defaultProps,n)),m=c;return("string"===typeof v||p)&&(o=(0,l.Z)()||i,v&&(m=function(n){var e=n.theme,r=n.name,a=n.props;if(!e||!e.components||!e.components[r]||!e.components[r].defaultProps)return a;var o,i=(0,t.Z)({},a),c=e.components[r].defaultProps;for(o in c)void 0===i[o]&&(i[o]=c[o]);return i}({theme:o,name:v,props:c})),p&&!m.theme&&(m.theme=o)),(0,u.jsx)(r,(0,t.Z)({ref:e,classes:s},m))}));return c()(b,r),b}}},8354:function(n,e,r){var t=r(81106)((function(n,e,r){return n+(r?" ":"")+e.toLowerCase()}));n.exports=t},5609:function(n,e,r){"use strict";r.d(e,{WU:function(){return l}});var t=["second","minute","hour","day","week","month","year"];var a=["\u79d2","\u5206\u949f","\u5c0f\u65f6","\u5929","\u5468","\u4e2a\u6708","\u5e74"];var o={},i=function(n,e){o[n]=e},c=[60,60,24,7,365/7/12,12];function s(n){return n instanceof Date?n:!isNaN(n)||/^\d+$/.test(n)?new Date(parseInt(n)):(n=(n||"").trim().replace(/\.\d+/,"").replace(/-/,"/").replace(/-/,"/").replace(/(\d)T(\d)/,"$1 $2").replace(/Z/," UTC").replace(/([+-]\d\d):?(\d\d)/," $1$2"),new Date(n))}var l=function(n,e,r){var t=function(n,e){return(+(e?s(e):new Date)-+s(n))/1e3}(n,r&&r.relativeDate);return function(n,e){for(var r=n<0?1:0,t=n=Math.abs(n),a=0;n>=c[a]&&a<c.length;a++)n/=c[a];return(n=Math.floor(n))>(0===(a*=2)?9:1)&&(a+=1),e(n,a,t)[r].replace("%s",n.toString())}(t,function(n){return o[n]||o.en_US}(e))};i("en_US",(function(n,e){if(0===e)return["just now","right now"];var r=t[Math.floor(e/2)];return n>1&&(r+="s"),[n+" "+r+" ago","in "+n+" "+r]})),i("zh_CN",(function(n,e){if(0===e)return["\u521a\u521a","\u7247\u523b\u540e"];var r=a[~~(e/2)];return[n+" "+r+"\u524d",n+" "+r+"\u540e"]}))}}]);
+(self.webpackChunk_abtnode_webapp=self.webpackChunk_abtnode_webapp||[]).push([[9041],{99041:function(n,e,r){"use strict";r.r(e),r.d(e,{default:function(){return cn}});var t,a=r(71171),o=r(68079),i=r(33028),c=r(32723),s=r(34795),l=r(5057),u=r(33518),m=r(50844),d=r(95335),f=r(90049),p=r.n(f),v=r(5609),h=r(45603),x=r.n(h),g=r(74511),b=r(43681),Z=r.n(b),y=r(8354),w=r.n(y),j=r(38898),_=r(11750),k=r(55402),C=r(99154),P=r(44846),S=r(19778),N=r(64886),D=r(55898),z=r.n(D),T=r(10767),E=r(47685),R=r(96266);function U(n){var e=n.icon,r=n.value,t=n.name,a=n.url,o=n.animated,i=n.LinkComponent,c=n.prefix,s=(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)("div",{className:"metric__image",children:(0,R.jsx)(T.Z,{name:e,alt:"string"===typeof t?t:"",size:30,prefix:c,color:"#222222"})}),(0,R.jsxs)("div",{children:[(0,R.jsx)("div",{className:"metric__number ".concat(o?"metric__number--animated":""),dangerouslySetInnerHTML:{__html:r}}),(0,R.jsx)("div",{className:"metric__name",children:t})]})]});return(0,R.jsx)(I,{children:a?(0,R.jsx)(i,{to:a,children:s}):s})}U.propTypes={icon:z().string.isRequired,value:z().oneOfType([z().string,z().number]).isRequired,name:z().node.isRequired,animated:z().bool,url:z().string,LinkComponent:z().any,prefix:z().string},U.defaultProps={animated:!1,url:"",LinkComponent:null,prefix:"/images"};var I=(0,E.zo)("div")(t||(t=(0,a.Z)(["\n  border-left: 1px solid ",";\n  padding: 10px 0 10px 16px;\n  @media (max-width: ","px) {\n    padding: 0 0 0 8px;\n  }\n\n  display: flex;\n  justify-items: center;\n  align-items: flex-start;\n\n  a {\n    display: flex;\n    justify-items: center;\n    align-items: flex-start;\n  }\n\n  .metric__image {\n    margin-right: 8px;\n  }\n\n  .metric__number {\n    margin-bottom: 8px;\n    font-size: ","px;\n    font-weight: 600;\n    line-height: 36px;\n    color: ",";\n\n    small {\n      font-size: 12px;\n      line-height: 12px;\n    }\n\n    @media (max-width: ","px) {\n      font-size: ","px;\n      line-height: ","px;\n      margin-bottom: 2px;\n    }\n  }\n\n  .metric__number--animated {\n    animation-name: blink-opacity;\n    animation-duration: 250ms;\n    animation-timing-function: linear;\n    animation-iteration-count: 1;\n    background-color: transparent !important;\n  }\n\n  .metric__name {\n    font-size: 14px;\n    text-transform: capitalize;\n    line-height: 1.2;\n    font-weight: 500;\n    color: ",";\n    @media (max-width: ","px) {\n      font-size: 10px;\n      line-height: 1;\n    }\n  }\n\n  @keyframes blink-opacity {\n    0% {\n      opacity: 1;\n    }\n    50% {\n      opacity: 0.3;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n"])),(function(n){return n.theme.typography.color.main}),(function(n){return n.theme.breakpoints.values.sm}),(function(n){return"small"===n.size?32:36}),(function(n){return n.theme.typography.color.main}),(function(n){return n.theme.breakpoints.values.sm}),(function(n){return"small"===n.size?24:28}),(function(n){return"small"===n.size?24:28}),(function(n){return n.theme.typography.color.main}),(function(n){return n.theme.breakpoints.values.sm})),M=r(68420),q=r(17450),L=r(50185),B=r(75793),V=r(52926),F=r(96234),A=r(35432),W=r(10155),O=r(34937),$=(0,l.createContext)({}),G=$.Provider;$.Consumer;function X(n){var e=n.children,r=(0,B.h6)().info,t=(0,W.Z)(),a=(0,l.useState)(null),o=(0,F.Z)(a,2),i=o[0],u=o[1],m=(0,l.useState)(!1),d=(0,F.Z)(m,2),f=d[0],p=d[1],v=(0,l.useState)([]),h=(0,F.Z)(v,2),x=h[0],g=h[1],b=function(){var n=(0,s.Z)((0,c.Z)().mark((function n(){var e,a,o,i,s,l,m,d=arguments;return(0,c.Z)().wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return a=(e=d.length>0&&void 0!==d[0]?d[0]:{}).silent,o=void 0===a||a,i=e.retries,s=void 0===i?4:i,o||p(!0),n.prev=2,u(null),n.next=6,t.getUsers({input:{teamDid:r.did,paging:{pageSize:100}}});case 6:l=n.sent,m=l.users,p(!1),g(m),n.next=15;break;case 12:n.prev=12,n.t0=n.catch(2),s>0?setTimeout((function(){return b({silent:o,retries:s-1})}),1e3):(p(!1),u(n.t0));case 15:case"end":return n.stop()}}),n,null,[[2,12]])})));return function(){return n.apply(this,arguments)}}();(0,l.useEffect)((function(){b({silent:!1})}),[]),(0,O.mU)(A.EVENTS.USER_ADDED,(function(n){n.teamDid===r.did&&b()})),(0,O.mU)(A.EVENTS.USER_REMOVED,(function(n){var e=n.teamDid,t=n.user.did;e===r.did&&g((function(n){return n.filter((function(n){return n.did!==t}))}))})),(0,O.mU)(A.EVENTS.USER_UPDATED,(function(n){n.teamDid===r.did&&b()}));var Z={loading:f,error:i,users:x,refresh:b};return(0,R.jsx)(G,{value:{users:Z},children:e})}var Y,H,J=r(74094),K=(r(59740),1),Q=60,nn=3600,en=86400,rn=function(n,e){var r=(0,l.useState)(0),t=(0,F.Z)(r,2),a=t[0],o=t[1],i=function(n){return n>=en?en:n>=nn?nn:n>=Q?Q:K},c=(0,l.useState)(i(n/1e3)),s=(0,F.Z)(c,2),u=s[0],m=s[1];return(0,l.useEffect)((function(){var e=setInterval((function(){o(a+u);var e=i(n/1e3+a+u);u!==e&&m(e)}),1e3*u);return function(){return clearInterval(e)}}),[u,a]),(0,l.useEffect)((function(){o(0),m(i(n/1e3))}),[n]),e(n+1e3*a)};var tn=function(){var n=(0,s.Z)((0,c.Z)().mark((function n(e){var r;return(0,c.Z)().wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,e.getNodeEnv();case 2:return r=n.sent,n.abrupt("return",Object.assign({},r.info||{}));case 4:case"end":return n.stop()}}),n)})));return function(e){return n.apply(this,arguments)}}();(0,m.Z)((function(n){return{root:{height:20},colorPrimary:{backgroundColor:n.palette.grey["light"===n.palette.mode?200:700]},bar:{backgroundColor:"#1a90ff"}}}))(C.Z);function an(){var n=(0,B.h6)(),e=n.info,r=n.api,t=n.imgPrefix,a=n.loading,c=(0,V.RJ)().data,s=(0,l.useContext)($).users.users,u=(0,g.Z)((function(){return tn(r)})),m=(0,l.useContext)(M.RD),f=m.t,h=m.locale,b=(0,d.Z)(),y=rn(+new Date-e.startAt,(function(n){var e={compact:!0,verbose:!0,locale:(0,J.FF)(h)};return x()(n,e)})),C=null;if(a)C=(0,R.jsx)(P.Z,{});else{var D=[{name:f("dashboard.nodeDid"),value:(0,R.jsx)(q.Z,{did:e.did})}];e.nodeOwner&&D.push({name:f("dashboard.ownerDid"),value:(0,R.jsx)(q.Z,{did:e.nodeOwner.did})});var z=[];e.launcher&&(z=[{name:f("common.did"),value:(0,R.jsx)(q.Z,{did:e.launcher.did})},{name:f("common.type"),value:e.launcher.type},{name:f("launcher.provider"),value:e.launcher.provider},{name:f("launcher.adminUrl"),value:(0,R.jsx)(j.Z,{target:"_blank",href:e.launcher.url,underline:"hover",children:e.launcher.url})}]);var T=function(n,e){return"-"===n?n:e&&"-"!==e?(0,R.jsxs)(_.Z,{component:"ul",children:[(0,R.jsxs)("li",{className:"ip-item",children:[(0,R.jsx)(S.Z,{children:"IPV4"}),(0,R.jsx)(L.Z,{children:n})]}),(0,R.jsxs)("li",{className:"ip-item",children:[(0,R.jsx)(S.Z,{children:"IPV6"}),(0,R.jsx)(L.Z,{children:e})]})]}):(0,R.jsxs)(_.Z,{className:"ip-item",children:[(0,R.jsx)(S.Z,{children:"IPV4"}),(0,R.jsx)(L.Z,{children:n})]})},E=u.value?[{name:"".concat(f("common.version")),value:e.version}].concat((0,o.Z)(function(){var n=[{name:"".concat(f("common.internalIp")),value:T(u.value.ip.internalV4,u.value.ip.internalV6)},{name:"".concat(f("common.externalIp")),value:T(u.value.ip.externalV4,u.value.ip.externalV6)}];return u.value.docker?[]:n}()),[{name:"".concat(f("common.os")),value:u.value.os},u.value.docker?{name:"".concat(f("common.docker")),value:(0,R.jsx)(S.Z,{type:"success",children:"Yes"})}:null,u.value.gitpod?{name:"".concat(f("common.gitpod")),value:(0,R.jsx)(S.Z,{type:"success",children:"Yes"})}:null]).filter(Boolean):[];Array.isArray(Z()(u,"value.blockletEngines",null))&&u.value.blockletEngines.filter((function(n){return n.visible&&n.available})).forEach((function(n){E.push({name:n.displayName,value:(0,R.jsx)(S.Z,{type:"success",children:"".concat(n.version)||"N/A"})})}));var I=s.length,F=s.filter((function(n){return n.approved})).length,A=I;F&&(A+="<small><strong>".concat(w()(f("common.approved"))," ").concat(F,"</strong></small>"));var W=0,O=0;c&&(W=c.length,O=c.filter((function(n){return"running"===n.status})).length);var G=W;O&&(G+="<small>".concat(f("common.running")," ").concat(O,"</small>"));var X=[{name:f("common.blocklets"),value:G,icon:"blocklets"},{name:f("common.members"),value:A,icon:"member"},{name:f("common.uptime"),value:y,icon:"time"},{name:f("common.created"),value:(0,v.WU)(new Date(e.createdAt).getTime(),(0,J.FF)(h)),icon:"time"}],Y=[];u.value&&u.value.disk&&(Y=[{name:f("common.blockletsStorage"),value:p()(u.value.disk.blocklets||0).toUpperCase(),icon:"storage"},{name:f("common.dataStorage"),value:p()(u.value.disk.data||0).toUpperCase(),icon:"storage"},{name:f("common.logStorage"),value:p()(u.value.disk.log||0).toUpperCase(),icon:"storage"},{name:f("common.cacheStorage"),value:p()(u.value.disk.cache||0).toUpperCase(),icon:"storage"},{name:f("common.coreStorage"),value:p()(u.value.disk.app||0).toUpperCase(),icon:"storage"}]),C=(0,R.jsxs)(R.Fragment,{children:[(0,R.jsxs)("div",{className:"section",children:[(0,R.jsx)(_.Z,{className:"section__header",component:"h2",variant:"h4",color:"textPrimary",children:f("common.overview")}),(0,R.jsx)(k.ZP,{className:"page-metrics",container:!0,spacing:5,children:X.map((function(n){return(0,R.jsx)(k.ZP,{item:!0,lg:3,md:4,sm:6,xs:12,children:(0,R.jsx)(U,(0,i.Z)((0,i.Z)({},n),{},{prefix:t}))},n.name)}))})]}),(0,R.jsxs)("div",{className:"section",children:[(0,R.jsx)(_.Z,{className:"section__header",component:"h2",variant:"h4",color:"textPrimary",children:f("common.storage")}),(0,R.jsx)(k.ZP,{className:"page-metrics",container:!0,spacing:5,children:Y.map((function(n){return(0,R.jsx)(k.ZP,{item:!0,lg:3,md:4,sm:6,xs:12,children:(0,R.jsx)(U,(0,i.Z)((0,i.Z)({},n),{},{prefix:t}))},n.name)}))})]}),(0,R.jsxs)("div",{className:"section",children:[(0,R.jsx)(_.Z,{className:"section__header",component:"h2",variant:"h4",color:"textPrimary",children:f("common.meta")}),(0,R.jsxs)(k.ZP,{className:"page-metrics",container:!0,spacing:5,children:[(0,R.jsxs)(k.ZP,{item:!0,lg:6,md:12,sm:12,xs:12,children:[(0,R.jsx)(_.Z,{className:"section__header",component:"h3",variant:"h5",color:"textPrimary",children:f("common.dAddress")}),D.map((function(n){return(0,R.jsx)(N.Z,{nameWidth:150,name:n.name,children:n.value},n.name)})),z.length>0&&(0,R.jsxs)("div",{style:{marginTop:b.spacing(8)},children:[(0,R.jsx)(_.Z,{className:"section__header",component:"h3",variant:"h5",color:"textPrimary",children:f("common.launcher")}),z.map((function(n){return(0,R.jsx)(N.Z,{nameWidth:150,name:n.name,children:n.value},n.name)}))]})]},"address"),(0,R.jsxs)(k.ZP,{item:!0,lg:6,md:12,sm:12,xs:12,children:[(0,R.jsx)(_.Z,{className:"section__header",component:"h3",variant:"h5",color:"textPrimary",children:f("common.env")}),E.map((function(n){return(0,R.jsx)(N.Z,{valueComponent:"div",nameWidth:150,name:n.name,children:n.value},n.name)}))]},"environment")]})]})]})}return(0,R.jsx)(on,{children:C})}var on=u.Z.main(Y||(Y=(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\n  .section {\n    display: flex;\n    flex-direction: column;\n    margin-bottom: 64px;\n\n    .section__header {\n      font-weight: bold;\n      margin-bottom: 24px;\n    }\n\n    .info-row__name {\n      text-transform: uppercase;\n      font-size: 0.9em;\n    }\n\n    .info-row__value .ip-item {\n      display: flex;\n      align-items: center;\n    }\n\n    .info-row__value .ip-item:not(:first-of-type) {\n      margin-top: 5px;\n    }\n\n    /* \u5c4f\u5bbd\u5c0f\u4e8e 600px \u65f6, container padding \u4e3a 16px, .MuiGrid-spacing-xs-5 \u4f1a\u5728\u6c34\u5e73\u65b9\u5411\u5ef6\u4f38 40px, \u8d85\u51fa\u5bb9\u5668\u5bbd\u5ea6, \u4f1a\u5bfc\u81f4\u6c34\u5e73\u6eda\u52a8\u6761 */\n    .MuiGrid-spacing-xs-5 {\n      width: calc(100% + 32px);\n      margin: -16px;\n    }\n  }\n\n  .section-flex {\n    flex-direction: row;\n  }\n\n  .section-item {\n    flex: 1;\n  }\n\n  .section-item-desc {\n    display: flex;\n    margin-top: 15px;\n  }\n\n  .used::before {\n    content: ' ';\n    border: 0;\n    background-color: #1a90ff;\n  }\n\n  .free::before {\n    content: ' ';\n    border: 0;\n    background-color: #eeeeee;\n  }\n\n  @media (max-width: ","px) {\n    .section-flex {\n      flex-direction: column;\n    }\n  }\n"])),(function(n){return n.theme.breakpoints.values.md}));u.Z.div(H||(H=(0,a.Z)(["\n  flex: 1;\n  display: flex;\n\n  &::before {\n    content: '';\n    display: block;\n    width: 12px;\n    height: 12px;\n    border: 1px solid #999;\n    border-radius: 2px;\n    margin-top: 3px;\n    margin-right: 10px;\n  }\n"])));function cn(){return(0,R.jsx)(X,{children:(0,R.jsx)(an,{})})}},50185:function(n,e,r){"use strict";r.d(e,{Z:function(){return d}});var t=r(33028),a=r(59740),o=r(5057),i=r(55898),c=r.n(i),s=r(12937),l=r(68420),u=r(96266),m=["children"];function d(n){var e=n.children,r=(0,a.Z)(n,m),i=(0,o.useContext)(l.RD).t;return(0,u.jsx)(s.Z,(0,t.Z)((0,t.Z)({tip:i("common.copyTip"),copiedTip:i("common.copiedTip")},r),{},{children:e}))}d.propTypes={children:c().any.isRequired}},64886:function(n,e,r){"use strict";var t,a=r(71171),o=r(33028),i=r(59740),c=r(55898),s=r.n(c),l=r(51540),u=r.n(l),m=r(26538),d=r.n(m),f=r(11750),p=r(47685),v=r(96266),h=["name","nameFormatter","layout","children","valueComponent","nameWidth"];function x(n){var e=n.name,r=n.nameFormatter,t=n.layout,a=n.children,c=n.valueComponent,s=n.nameWidth,l=(0,i.Z)(n,h);return(0,v.jsxs)(g,(0,o.Z)((0,o.Z)({layout:t,width:s},l),{},{children:[(0,v.jsx)(f.Z,{color:"textSecondary",className:"info-row__name",children:r(e)}),a&&(0,v.jsx)(f.Z,{color:"textPrimary",component:c,className:"info-row__value",children:a})]}))}x.propTypes={name:s().any.isRequired,layout:s().oneOf(["horizontal","vertical"]),children:s().any,nameFormatter:s().func,valueComponent:s().string,nameWidth:s().number},x.defaultProps={children:null,nameWidth:90,nameFormatter:function(n){var e=n.split(" ").map((function(n){return d()(u()(n))})).join(" ");return"string"===typeof n?e:n},valueComponent:"div",layout:"horizontal"};var g=(0,p.zo)("div")(t||(t=(0,a.Z)(["\n  display: flex;\n  flex-direction: ",";\n  justify-content: flex-start;\n  align-items: ",";\n  margin-bottom: 16px;\n\n  .info-row__name {\n    width: ","px;\n    margin-right: ",";\n    margin-bottom: ",";\n    text-transform: capitalize;\n  }\n\n  .info-row__value {\n    flex: 1;\n    overflow: auto;\n    word-wrap: break-word;\n    font-weight: 500;\n  }\n\n  @media (max-width: ","px) {\n    flex-direction: column;\n    justify-content: flex-start;\n    align-items: flex-start;\n    .info-row__name {\n      font-weight: bold;\n    }\n\n    .info-row__value {\n      width: 100%;\n      font-size: 12px;\n      margin-top: 8px;\n    }\n  }\n"])),(function(n){return"vertical"===n.layout?"column":"row"}),(function(n){return"vertical"===n.layout?"flex-start":"center"}),(function(n){return n.width}),(function(n){return"vertical"===n.layout?"0":"8px"}),(function(n){return"vertical"===n.layout?"8px":"0"}),(function(n){return n.theme.breakpoints.values.md}));e.Z=x},99154:function(n,e,r){"use strict";var t,a,o,i,c,s,l,u,m,d,f,p,v=r(71171),h=r(31461),x=r(7896),g=r(5057),b=r(9978),Z=r(91213),y=r(21371),w=r(66685),j=r(6285),_=r(96366),k=r(62773),C=r(42908),P=r(43879),S=r(96266),N=["className","color","value","valueBuffer","variant"],D=(0,y.keyframes)(l||(l=t||(t=(0,v.Z)(["\n  0% {\n    left: -35%;\n    right: 100%;\n  }\n\n  60% {\n    left: 100%;\n    right: -90%;\n  }\n\n  100% {\n    left: 100%;\n    right: -90%;\n  }\n"])))),z=(0,y.keyframes)(u||(u=a||(a=(0,v.Z)(["\n  0% {\n    left: -200%;\n    right: 100%;\n  }\n\n  60% {\n    left: 107%;\n    right: -8%;\n  }\n\n  100% {\n    left: 107%;\n    right: -8%;\n  }\n"])))),T=(0,y.keyframes)(m||(m=o||(o=(0,v.Z)(["\n  0% {\n    opacity: 1;\n    background-position: 0 -23px;\n  }\n\n  60% {\n    opacity: 0;\n    background-position: 0 -23px;\n  }\n\n  100% {\n    opacity: 1;\n    background-position: -200px -23px;\n  }\n"])))),E=function(n,e){return"inherit"===e?"currentColor":n.vars?n.vars.palette.LinearProgress["".concat(e,"Bg")]:"light"===n.palette.mode?(0,w.$n)(n.palette[e].main,.62):(0,w._j)(n.palette[e].main,.5)},R=(0,k.ZP)("span",{name:"MuiLinearProgress",slot:"Root",overridesResolver:function(n,e){var r=n.ownerState;return[e.root,e["color".concat((0,j.Z)(r.color))],e[r.variant]]}})((function(n){var e=n.ownerState,r=n.theme;return(0,x.Z)({position:"relative",overflow:"hidden",display:"block",height:4,zIndex:0,"@media print":{colorAdjust:"exact"},backgroundColor:E(r,e.color)},"inherit"===e.color&&"buffer"!==e.variant&&{backgroundColor:"none","&::before":{content:'""',position:"absolute",left:0,top:0,right:0,bottom:0,backgroundColor:"currentColor",opacity:.3}},"buffer"===e.variant&&{backgroundColor:"transparent"},"query"===e.variant&&{transform:"rotate(180deg)"})})),U=(0,k.ZP)("span",{name:"MuiLinearProgress",slot:"Dashed",overridesResolver:function(n,e){var r=n.ownerState;return[e.dashed,e["dashedColor".concat((0,j.Z)(r.color))]]}})((function(n){var e=n.ownerState,r=n.theme,t=E(r,e.color);return(0,x.Z)({position:"absolute",marginTop:0,height:"100%",width:"100%"},"inherit"===e.color&&{opacity:.3},{backgroundImage:"radial-gradient(".concat(t," 0%, ").concat(t," 16%, transparent 42%)"),backgroundSize:"10px 10px",backgroundPosition:"0 -23px"})}),(0,y.css)(d||(d=i||(i=(0,v.Z)(["\n    animation: "," 3s infinite linear;\n  "]))),T)),I=(0,k.ZP)("span",{name:"MuiLinearProgress",slot:"Bar1",overridesResolver:function(n,e){var r=n.ownerState;return[e.bar,e["barColor".concat((0,j.Z)(r.color))],("indeterminate"===r.variant||"query"===r.variant)&&e.bar1Indeterminate,"determinate"===r.variant&&e.bar1Determinate,"buffer"===r.variant&&e.bar1Buffer]}})((function(n){var e=n.ownerState,r=n.theme;return(0,x.Z)({width:"100%",position:"absolute",left:0,bottom:0,top:0,transition:"transform 0.2s linear",transformOrigin:"left",backgroundColor:"inherit"===e.color?"currentColor":(r.vars||r).palette[e.color].main},"determinate"===e.variant&&{transition:"transform .".concat(4,"s linear")},"buffer"===e.variant&&{zIndex:1,transition:"transform .".concat(4,"s linear")})}),(function(n){var e=n.ownerState;return("indeterminate"===e.variant||"query"===e.variant)&&(0,y.css)(f||(f=c||(c=(0,v.Z)(["\n      width: auto;\n      animation: "," 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;\n    "]))),D)})),M=(0,k.ZP)("span",{name:"MuiLinearProgress",slot:"Bar2",overridesResolver:function(n,e){var r=n.ownerState;return[e.bar,e["barColor".concat((0,j.Z)(r.color))],("indeterminate"===r.variant||"query"===r.variant)&&e.bar2Indeterminate,"buffer"===r.variant&&e.bar2Buffer]}})((function(n){var e=n.ownerState,r=n.theme;return(0,x.Z)({width:"100%",position:"absolute",left:0,bottom:0,top:0,transition:"transform 0.2s linear",transformOrigin:"left"},"buffer"!==e.variant&&{backgroundColor:"inherit"===e.color?"currentColor":(r.vars||r).palette[e.color].main},"inherit"===e.color&&{opacity:.3},"buffer"===e.variant&&{backgroundColor:E(r,e.color),transition:"transform .".concat(4,"s linear")})}),(function(n){var e=n.ownerState;return("indeterminate"===e.variant||"query"===e.variant)&&(0,y.css)(p||(p=s||(s=(0,v.Z)(["\n      width: auto;\n      animation: "," 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.15s infinite;\n    "]))),z)})),q=g.forwardRef((function(n,e){var r=(0,C.Z)({props:n,name:"MuiLinearProgress"}),t=r.className,a=r.color,o=void 0===a?"primary":a,i=r.value,c=r.valueBuffer,s=r.variant,l=void 0===s?"indeterminate":s,u=(0,h.Z)(r,N),m=(0,x.Z)({},r,{color:o,variant:l}),d=function(n){var e=n.classes,r=n.variant,t=n.color,a={root:["root","color".concat((0,j.Z)(t)),r],dashed:["dashed","dashedColor".concat((0,j.Z)(t))],bar1:["bar","barColor".concat((0,j.Z)(t)),("indeterminate"===r||"query"===r)&&"bar1Indeterminate","determinate"===r&&"bar1Determinate","buffer"===r&&"bar1Buffer"],bar2:["bar","buffer"!==r&&"barColor".concat((0,j.Z)(t)),"buffer"===r&&"color".concat((0,j.Z)(t)),("indeterminate"===r||"query"===r)&&"bar2Indeterminate","buffer"===r&&"bar2Buffer"]};return(0,Z.Z)(a,P.E,e)}(m),f=(0,_.Z)(),p={},v={bar1:{},bar2:{}};if("determinate"===l||"buffer"===l)if(void 0!==i){p["aria-valuenow"]=Math.round(i),p["aria-valuemin"]=0,p["aria-valuemax"]=100;var g=i-100;"rtl"===f.direction&&(g=-g),v.bar1.transform="translateX(".concat(g,"%)")}else 0;if("buffer"===l)if(void 0!==c){var y=(c||0)-100;"rtl"===f.direction&&(y=-y),v.bar2.transform="translateX(".concat(y,"%)")}else 0;return(0,S.jsxs)(R,(0,x.Z)({className:(0,b.Z)(d.root,t),ownerState:m,role:"progressbar"},p,{ref:e},u,{children:["buffer"===l?(0,S.jsx)(U,{className:d.dashed,ownerState:m}):null,(0,S.jsx)(I,{className:d.bar1,ownerState:m,style:v.bar1}),"determinate"===l?null:(0,S.jsx)(M,{className:d.bar2,ownerState:m,style:v.bar2})]}))}));e.Z=q},43879:function(n,e,r){"use strict";r.d(e,{E:function(){return o}});var t=r(31821),a=r(18561);function o(n){return(0,a.Z)("MuiLinearProgress",n)}var i=(0,t.Z)("MuiLinearProgress",["root","colorPrimary","colorSecondary","determinate","indeterminate","buffer","query","dashed","dashedColorPrimary","dashedColorSecondary","bar","barColorPrimary","barColorSecondary","bar1Indeterminate","bar1Determinate","bar1Buffer","bar2Indeterminate","bar2Buffer"]);e.Z=i},50844:function(n,e,r){"use strict";r.d(e,{Z:function(){return f}});var t=r(7896),a=r(31461),o=r(5057),i=r(56129),c=r.n(i),s=r(92877);var l=r(95335),u=r(96266),m=["defaultTheme","withTheme","name"],d=["classes"],f=function(n){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return function(r){var i=e.defaultTheme,f=e.withTheme,p=void 0!==f&&f,v=e.name,h=(0,a.Z)(e,m);var x=v,g=(0,s.Z)(n,(0,t.Z)({defaultTheme:i,Component:r,name:v||r.displayName,classNamePrefix:x},h)),b=o.forwardRef((function(n,e){var o,c=(0,a.Z)(n,d),s=g((0,t.Z)({},r.defaultProps,n)),m=c;return("string"===typeof v||p)&&(o=(0,l.Z)()||i,v&&(m=function(n){var e=n.theme,r=n.name,a=n.props;if(!e||!e.components||!e.components[r]||!e.components[r].defaultProps)return a;var o,i=(0,t.Z)({},a),c=e.components[r].defaultProps;for(o in c)void 0===i[o]&&(i[o]=c[o]);return i}({theme:o,name:v,props:c})),p&&!m.theme&&(m.theme=o)),(0,u.jsx)(r,(0,t.Z)({ref:e,classes:s},m))}));return c()(b,r),b}}},8354:function(n,e,r){var t=r(81106)((function(n,e,r){return n+(r?" ":"")+e.toLowerCase()}));n.exports=t},5609:function(n,e,r){"use strict";r.d(e,{WU:function(){return l}});var t=["second","minute","hour","day","week","month","year"];var a=["\u79d2","\u5206\u949f","\u5c0f\u65f6","\u5929","\u5468","\u4e2a\u6708","\u5e74"];var o={},i=function(n,e){o[n]=e},c=[60,60,24,7,365/7/12,12];function s(n){return n instanceof Date?n:!isNaN(n)||/^\d+$/.test(n)?new Date(parseInt(n)):(n=(n||"").trim().replace(/\.\d+/,"").replace(/-/,"/").replace(/-/,"/").replace(/(\d)T(\d)/,"$1 $2").replace(/Z/," UTC").replace(/([+-]\d\d):?(\d\d)/," $1$2"),new Date(n))}var l=function(n,e,r){var t=function(n,e){return(+(e?s(e):new Date)-+s(n))/1e3}(n,r&&r.relativeDate);return function(n,e){for(var r=n<0?1:0,t=n=Math.abs(n),a=0;n>=c[a]&&a<c.length;a++)n/=c[a];return(n=Math.floor(n))>(0===(a*=2)?9:1)&&(a+=1),e(n,a,t)[r].replace("%s",n.toString())}(t,function(n){return o[n]||o.en_US}(e))};i("en_US",(function(n,e){if(0===e)return["just now","right now"];var r=t[Math.floor(e/2)];return n>1&&(r+="s"),[n+" "+r+" ago","in "+n+" "+r]})),i("zh_CN",(function(n,e){if(0===e)return["\u521a\u521a","\u7247\u523b\u540e"];var r=a[~~(e/2)];return[n+" "+r+"\u524d",n+" "+r+"\u540e"]}))}}]);