@abtnode/webapp 1.16.18 → 1.16.19-beta-e6aac665

package/build/static/js/{9041.1ee0f39d.chunk.js → 9041.cfebb881.chunk.js}

@@ -1 +1 @@
-(self.webpackChunk_abtnode_webapp=self.webpackChunk_abtnode_webapp||[]).push([[9041],{99041:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return cn}});var r,a=t(71171),i=t(68079),o=t(33028),c=t(32723),s=t(34795),l=t(5057),m=t(33518),u=t(50844),d=t(95335),p=t(90049),f=t.n(p),h=t(5609),x=t(45603),v=t.n(x),g=t(74511),Z=t(43681),y=t.n(Z),j=t(8354),b=t.n(j),_=t(38898),w=t(11750),k=t(55402),N=t(99154),P=t(44846),C=t(19778),S=t(64886),T=t(55898),D=t.n(T),E=t(10767),z=t(47685),U=t(96266);function R(n){var e=n.icon,t=n.value,r=n.name,a=n.url,i=n.animated,o=n.LinkComponent,c=n.prefix,s=(0,U.jsxs)(U.Fragment,{children:[(0,U.jsx)("div",{className:"metric__image",children:(0,U.jsx)(E.Z,{name:e,alt:"string"===typeof r?r:"",size:30,prefix:c,color:"#222222"})}),(0,U.jsxs)("div",{children:[(0,U.jsx)("div",{className:"metric__number ".concat(i?"metric__number--animated":""),dangerouslySetInnerHTML:{__html:t}}),(0,U.jsx)("div",{className:"metric__name",children:r})]})]});return(0,U.jsx)(V,{children:a?(0,U.jsx)(o,{to:a,children:s}):s})}R.propTypes={icon:D().string.isRequired,value:D().oneOfType([D().string,D().number]).isRequired,name:D().node.isRequired,animated:D().bool,url:D().string,LinkComponent:D().any,prefix:D().string},R.defaultProps={animated:!1,url:"",LinkComponent:null,prefix:"/images"};var V=(0,z.zo)("div")(r||(r=(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})),F=t(68420),I=t(17450),W=t(50185),A=t(75793),M=t(52926),O=t(96234),q=t(35432),L=t(10155),$=t(34937),G=(0,l.createContext)({}),Y=G.Provider;G.Consumer;function B(n){var e=n.children,t=(0,A.h6)().info,r=(0,L.Z)(),a=(0,l.useState)(null),i=(0,O.Z)(a,2),o=i[0],m=i[1],u=(0,l.useState)(!1),d=(0,O.Z)(u,2),p=d[0],f=d[1],h=(0,l.useState)([]),x=(0,O.Z)(h,2),v=x[0],g=x[1],Z=function(){var n=(0,s.Z)((0,c.Z)().mark((function n(){var e,a,i,o,s,l,u,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,i=void 0===a||a,o=e.retries,s=void 0===o?4:o,i||f(!0),n.prev=2,m(null),n.next=6,r.getUsers({input:{teamDid:t.did,paging:{pageSize:100}}});case 6:l=n.sent,u=l.users,f(!1),g(u),n.next=15;break;case 12:n.prev=12,n.t0=n.catch(2),s>0?setTimeout((function(){return Z({silent:i,retries:s-1})}),1e3):(f(!1),m(n.t0));case 15:case"end":return n.stop()}}),n,null,[[2,12]])})));return function(){return n.apply(this,arguments)}}();(0,l.useEffect)((function(){Z({silent:!1})}),[]),(0,$.mU)(q.EVENTS.USER_ADDED,(function(n){n.teamDid===t.did&&Z()})),(0,$.mU)(q.EVENTS.USER_REMOVED,(function(n){var e=n.teamDid,r=n.user.did;e===t.did&&g((function(n){return n.filter((function(n){return n.did!==r}))}))})),(0,$.mU)(q.EVENTS.USER_UPDATED,(function(n){n.teamDid===t.did&&Z()}));var y={loading:p,error:o,users:v,refresh:Z};return(0,U.jsx)(Y,{value:{users:y},children:e})}var H,J,K=t(19762),Q=(t(59740),1),X=60,nn=3600,en=86400,tn=function(n,e){var t=(0,l.useState)(0),r=(0,O.Z)(t,2),a=r[0],i=r[1],o=function(n){return n>=en?en:n>=nn?nn:n>=X?X:Q},c=(0,l.useState)(o(n/1e3)),s=(0,O.Z)(c,2),m=s[0],u=s[1];return(0,l.useEffect)((function(){var e=setInterval((function(){i(a+m);var e=o(n/1e3+a+m);m!==e&&u(e)}),1e3*m);return function(){return clearInterval(e)}}),[m,a]),(0,l.useEffect)((function(){i(0),u(o(n/1e3))}),[n]),e(n+1e3*a)};var rn=function(){var n=(0,s.Z)((0,c.Z)().mark((function n(e){var t;return(0,c.Z)().wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,e.getNodeEnv();case 2:return t=n.sent,n.abrupt("return",Object.assign({},t.info||{}));case 4:case"end":return n.stop()}}),n)})));return function(e){return n.apply(this,arguments)}}();(0,u.Z)((function(n){return{root:{height:20},colorPrimary:{backgroundColor:n.palette.grey["light"===n.palette.mode?200:700]},bar:{backgroundColor:"#1a90ff"}}}))(N.Z);function an(){var n=(0,A.h6)(),e=n.info,t=n.api,r=n.imgPrefix,a=n.loading,c=(0,M.RJ)().data,s=(0,l.useContext)(G).users.users,m=(0,g.Z)((function(){return rn(t)})),u=(0,l.useContext)(F.RD),p=u.t,x=u.locale,Z=(0,d.Z)(),j=tn(+new Date-e.startAt,(function(n){var e={compact:!0,verbose:!0,locale:(0,K.FF)(x)};return v()(n,e)})),N=null;if(a)N=(0,U.jsx)(P.Z,{});else{var T=[{name:p("dashboard.nodeDid"),value:(0,U.jsx)(I.Z,{did:e.did})}];e.nodeOwner&&T.push({name:p("dashboard.ownerDid"),value:(0,U.jsx)(I.Z,{did:e.nodeOwner.did})});var D=[];e.launcher&&(D=[{name:p("common.did"),value:(0,U.jsx)(I.Z,{did:e.launcher.did})},{name:p("common.type"),value:e.launcher.type},{name:p("launcher.provider"),value:e.launcher.provider},{name:p("launcher.adminUrl"),value:(0,U.jsx)(_.Z,{target:"_blank",href:e.launcher.url,underline:"hover",children:e.launcher.url})}]);var E=function(n,e){return"-"===n?n:e&&"-"!==e?(0,U.jsxs)(w.Z,{component:"ul",children:[(0,U.jsxs)("li",{className:"ip-item",children:[(0,U.jsx)(C.Z,{children:"IPV4"}),(0,U.jsx)(W.Z,{children:n})]}),(0,U.jsxs)("li",{className:"ip-item",children:[(0,U.jsx)(C.Z,{children:"IPV6"}),(0,U.jsx)(W.Z,{children:e})]})]}):(0,U.jsxs)(w.Z,{className:"ip-item",children:[(0,U.jsx)(C.Z,{children:"IPV4"}),(0,U.jsx)(W.Z,{children:n})]})},z=m.value?[{name:"".concat(p("common.version")),value:e.version}].concat((0,i.Z)(function(){var n=[{name:"".concat(p("common.internalIp")),value:E(m.value.ip.internalV4,m.value.ip.internalV6)},{name:"".concat(p("common.externalIp")),value:E(m.value.ip.externalV4,m.value.ip.externalV6)}];return m.value.docker?[]:n}()),[{name:"".concat(p("common.os")),value:m.value.os},m.value.docker?{name:"".concat(p("common.docker")),value:(0,U.jsx)(C.Z,{type:"success",children:"Yes"})}:null,m.value.gitpod?{name:"".concat(p("common.gitpod")),value:(0,U.jsx)(C.Z,{type:"success",children:"Yes"})}:null]).filter(Boolean):[];Array.isArray(y()(m,"value.blockletEngines",null))&&m.value.blockletEngines.filter((function(n){return n.visible&&n.available})).forEach((function(n){z.push({name:n.displayName,value:(0,U.jsx)(C.Z,{type:"success",children:"".concat(n.version)||"N/A"})})}));var V=s.length,O=s.filter((function(n){return n.approved})).length,q=V;O&&(q+="<small><strong>".concat(b()(p("common.approved"))," ").concat(O,"</strong></small>"));var L=0,$=0;c&&(L=c.length,$=c.filter((function(n){return"running"===n.status})).length);var Y=L;$&&(Y+="<small>".concat(p("common.running")," ").concat($,"</small>"));var B=[{name:p("common.blocklets"),value:Y,icon:"blocklets"},{name:p("common.members"),value:q,icon:"member"},{name:p("common.uptime"),value:j,icon:"time"},{name:p("common.created"),value:(0,h.WU)(new Date(e.createdAt).getTime(),(0,K.FF)(x)),icon:"time"}],H=[];m.value&&m.value.disk&&(H=[{name:p("common.blockletsStorage"),value:f()(m.value.disk.blocklets||0).toUpperCase(),icon:"storage"},{name:p("common.dataStorage"),value:f()(m.value.disk.data||0).toUpperCase(),icon:"storage"},{name:p("common.logStorage"),value:f()(m.value.disk.log||0).toUpperCase(),icon:"storage"},{name:p("common.cacheStorage"),value:f()(m.value.disk.cache||0).toUpperCase(),icon:"storage"},{name:p("common.coreStorage"),value:f()(m.value.disk.app||0).toUpperCase(),icon:"storage"}]),N=(0,U.jsxs)(U.Fragment,{children:[(0,U.jsxs)("div",{className:"section",children:[(0,U.jsx)(w.Z,{className:"section__header",component:"h2",variant:"h4",color:"textPrimary",children:p("common.overview")}),(0,U.jsx)(k.ZP,{className:"page-metrics",container:!0,spacing:5,children:B.map((function(n){return(0,U.jsx)(k.ZP,{item:!0,lg:3,md:4,sm:6,xs:12,children:(0,U.jsx)(R,(0,o.Z)((0,o.Z)({},n),{},{prefix:r}))},n.name)}))})]}),(0,U.jsxs)("div",{className:"section",children:[(0,U.jsx)(w.Z,{className:"section__header",component:"h2",variant:"h4",color:"textPrimary",children:p("common.storage")}),(0,U.jsx)(k.ZP,{className:"page-metrics",container:!0,spacing:5,children:H.map((function(n){return(0,U.jsx)(k.ZP,{item:!0,lg:3,md:4,sm:6,xs:12,children:(0,U.jsx)(R,(0,o.Z)((0,o.Z)({},n),{},{prefix:r}))},n.name)}))})]}),(0,U.jsxs)("div",{className:"section",children:[(0,U.jsx)(w.Z,{className:"section__header",component:"h2",variant:"h4",color:"textPrimary",children:p("common.meta")}),(0,U.jsxs)(k.ZP,{className:"page-metrics",container:!0,spacing:5,children:[(0,U.jsxs)(k.ZP,{item:!0,lg:6,md:12,sm:12,xs:12,children:[(0,U.jsx)(w.Z,{className:"section__header",component:"h3",variant:"h5",color:"textPrimary",children:p("common.dAddress")}),T.map((function(n){return(0,U.jsx)(S.Z,{nameWidth:150,name:n.name,children:n.value},n.name)})),D.length>0&&(0,U.jsxs)("div",{style:{marginTop:Z.spacing(8)},children:[(0,U.jsx)(w.Z,{className:"section__header",component:"h3",variant:"h5",color:"textPrimary",children:p("common.launcher")}),D.map((function(n){return(0,U.jsx)(S.Z,{nameWidth:150,name:n.name,children:n.value},n.name)}))]})]},"address"),(0,U.jsxs)(k.ZP,{item:!0,lg:6,md:12,sm:12,xs:12,children:[(0,U.jsx)(w.Z,{className:"section__header",component:"h3",variant:"h5",color:"textPrimary",children:p("common.env")}),z.map((function(n){return(0,U.jsx)(S.Z,{valueComponent:"div",nameWidth:150,name:n.name,children:n.value},n.name)}))]},"environment")]})]})]})}return(0,U.jsx)(on,{children:N})}var on=m.Z.main(H||(H=(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}));m.Z.div(J||(J=(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,U.jsx)(B,{children:(0,U.jsx)(an,{})})}},50185:function(n,e,t){"use strict";t.d(e,{Z:function(){return d}});var r=t(33028),a=t(59740),i=t(5057),o=t(55898),c=t.n(o),s=t(12937),l=t(68420),m=t(96266),u=["children"];function d(n){var e=n.children,t=(0,a.Z)(n,u),o=(0,i.useContext)(l.RD).t;return(0,m.jsx)(s.Z,(0,r.Z)((0,r.Z)({tip:o("common.copyTip"),copiedTip:o("common.copiedTip")},t),{},{children:e}))}d.propTypes={children:c().any.isRequired}},64886:function(n,e,t){"use strict";var r,a=t(71171),i=t(33028),o=t(59740),c=t(55898),s=t.n(c),l=t(51540),m=t.n(l),u=t(26538),d=t.n(u),p=t(11750),f=t(47685),h=t(96266),x=["name","nameFormatter","layout","children","valueComponent","nameWidth"];function v(n){var e=n.name,t=n.nameFormatter,r=n.layout,a=n.children,c=n.valueComponent,s=n.nameWidth,l=(0,o.Z)(n,x);return(0,h.jsxs)(g,(0,i.Z)((0,i.Z)({layout:r,width:s},l),{},{children:[(0,h.jsx)(p.Z,{color:"textSecondary",className:"info-row__name",children:t(e)}),a&&(0,h.jsx)(p.Z,{color:"textPrimary",component:c,className:"info-row__value",children:a})]}))}v.propTypes={name:s().any.isRequired,layout:s().oneOf(["horizontal","vertical"]),children:s().any,nameFormatter:s().func,valueComponent:s().string,nameWidth:s().number},v.defaultProps={children:null,nameWidth:90,nameFormatter:function(n){var e=n.split(" ").map((function(n){return d()(m()(n))})).join(" ");return"string"===typeof n?e:n},valueComponent:"div",layout:"horizontal"};var g=(0,f.zo)("div")(r||(r=(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=v},50844:function(n,e,t){"use strict";t.d(e,{Z:function(){return p}});var r=t(7896),a=t(31461),i=t(5057),o=t(56129),c=t.n(o),s=t(92877);var l=t(95335),m=t(96266),u=["defaultTheme","withTheme","name"],d=["classes"],p=function(n){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return function(t){var o=e.defaultTheme,p=e.withTheme,f=void 0!==p&&p,h=e.name,x=(0,a.Z)(e,u);var v=h,g=(0,s.Z)(n,(0,r.Z)({defaultTheme:o,Component:t,name:h||t.displayName,classNamePrefix:v},x)),Z=i.forwardRef((function(n,e){var i,c=(0,a.Z)(n,d),s=g((0,r.Z)({},t.defaultProps,n)),u=c;return("string"===typeof h||f)&&(i=(0,l.Z)()||o,h&&(u=function(n){var e=n.theme,t=n.name,a=n.props;if(!e||!e.components||!e.components[t]||!e.components[t].defaultProps)return a;var i,o=(0,r.Z)({},a),c=e.components[t].defaultProps;for(i in c)void 0===o[i]&&(o[i]=c[i]);return o}({theme:i,name:h,props:c})),f&&!u.theme&&(u.theme=i)),(0,m.jsx)(t,(0,r.Z)({ref:e,classes:s},u))}));return c()(Z,t),Z}}},8354:function(n,e,t){var r=t(81106)((function(n,e,t){return n+(t?" ":"")+e.toLowerCase()}));n.exports=r},5609:function(n,e,t){"use strict";t.d(e,{WU:function(){return l}});var r=["second","minute","hour","day","week","month","year"];var a=["\u79d2","\u5206\u949f","\u5c0f\u65f6","\u5929","\u5468","\u4e2a\u6708","\u5e74"];var i={},o=function(n,e){i[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,t){var r=function(n,e){return(+(e?s(e):new Date)-+s(n))/1e3}(n,t&&t.relativeDate);return function(n,e){for(var t=n<0?1:0,r=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,r)[t].replace("%s",n.toString())}(r,function(n){return i[n]||i.en_US}(e))};o("en_US",(function(n,e){if(0===e)return["just now","right now"];var t=r[Math.floor(e/2)];return n>1&&(t+="s"),[n+" "+t+" ago","in "+n+" "+t]})),o("zh_CN",(function(n,e){if(0===e)return["\u521a\u521a","\u7247\u523b\u540e"];var t=a[~~(e/2)];return[n+" "+t+"\u524d",n+" "+t+"\u540e"]}))}}]);
+(self.webpackChunk_abtnode_webapp=self.webpackChunk_abtnode_webapp||[]).push([[9041],{99041:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return cn}});var r,a=t(71171),i=t(68079),o=t(33028),c=t(32723),s=t(34795),l=t(5057),m=t(33518),u=t(50844),d=t(95335),p=t(90049),f=t.n(p),h=t(5609),x=t(45603),v=t.n(x),g=t(74511),Z=t(43681),y=t.n(Z),j=t(8354),b=t.n(j),_=t(38898),w=t(11750),k=t(55402),N=t(99154),P=t(44846),C=t(19778),S=t(64886),T=t(55898),D=t.n(T),E=t(10767),z=t(47685),U=t(96266);function R(n){var e=n.icon,t=n.value,r=n.name,a=n.url,i=n.animated,o=n.LinkComponent,c=n.prefix,s=(0,U.jsxs)(U.Fragment,{children:[(0,U.jsx)("div",{className:"metric__image",children:(0,U.jsx)(E.Z,{name:e,alt:"string"===typeof r?r:"",size:30,prefix:c,color:"#222222"})}),(0,U.jsxs)("div",{children:[(0,U.jsx)("div",{className:"metric__number ".concat(i?"metric__number--animated":""),dangerouslySetInnerHTML:{__html:t}}),(0,U.jsx)("div",{className:"metric__name",children:r})]})]});return(0,U.jsx)(V,{children:a?(0,U.jsx)(o,{to:a,children:s}):s})}R.propTypes={icon:D().string.isRequired,value:D().oneOfType([D().string,D().number]).isRequired,name:D().node.isRequired,animated:D().bool,url:D().string,LinkComponent:D().any,prefix:D().string},R.defaultProps={animated:!1,url:"",LinkComponent:null,prefix:"/images"};var V=(0,z.zo)("div")(r||(r=(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})),F=t(68420),I=t(17450),W=t(50185),A=t(75793),M=t(52926),O=t(96234),q=t(35432),L=t(10155),$=t(34937),G=(0,l.createContext)({}),Y=G.Provider;G.Consumer;function B(n){var e=n.children,t=(0,A.h6)().info,r=(0,L.Z)(),a=(0,l.useState)(null),i=(0,O.Z)(a,2),o=i[0],m=i[1],u=(0,l.useState)(!1),d=(0,O.Z)(u,2),p=d[0],f=d[1],h=(0,l.useState)([]),x=(0,O.Z)(h,2),v=x[0],g=x[1],Z=function(){var n=(0,s.Z)((0,c.Z)().mark((function n(){var e,a,i,o,s,l,u,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,i=void 0===a||a,o=e.retries,s=void 0===o?4:o,i||f(!0),n.prev=2,m(null),n.next=6,r.getUsers({input:{teamDid:t.did,paging:{pageSize:100}}});case 6:l=n.sent,u=l.users,f(!1),g(u),n.next=15;break;case 12:n.prev=12,n.t0=n.catch(2),s>0?setTimeout((function(){return Z({silent:i,retries:s-1})}),1e3):(f(!1),m(n.t0));case 15:case"end":return n.stop()}}),n,null,[[2,12]])})));return function(){return n.apply(this,arguments)}}();(0,l.useEffect)((function(){Z({silent:!1})}),[]),(0,$.mU)(q.EVENTS.USER_ADDED,(function(n){n.teamDid===t.did&&Z()})),(0,$.mU)(q.EVENTS.USER_REMOVED,(function(n){var e=n.teamDid,r=n.user.did;e===t.did&&g((function(n){return n.filter((function(n){return n.did!==r}))}))})),(0,$.mU)(q.EVENTS.USER_UPDATED,(function(n){n.teamDid===t.did&&Z()}));var y={loading:p,error:o,users:v,refresh:Z};return(0,U.jsx)(Y,{value:{users:y},children:e})}var H,J,K=t(74094),Q=(t(59740),1),X=60,nn=3600,en=86400,tn=function(n,e){var t=(0,l.useState)(0),r=(0,O.Z)(t,2),a=r[0],i=r[1],o=function(n){return n>=en?en:n>=nn?nn:n>=X?X:Q},c=(0,l.useState)(o(n/1e3)),s=(0,O.Z)(c,2),m=s[0],u=s[1];return(0,l.useEffect)((function(){var e=setInterval((function(){i(a+m);var e=o(n/1e3+a+m);m!==e&&u(e)}),1e3*m);return function(){return clearInterval(e)}}),[m,a]),(0,l.useEffect)((function(){i(0),u(o(n/1e3))}),[n]),e(n+1e3*a)};var rn=function(){var n=(0,s.Z)((0,c.Z)().mark((function n(e){var t;return(0,c.Z)().wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,e.getNodeEnv();case 2:return t=n.sent,n.abrupt("return",Object.assign({},t.info||{}));case 4:case"end":return n.stop()}}),n)})));return function(e){return n.apply(this,arguments)}}();(0,u.Z)((function(n){return{root:{height:20},colorPrimary:{backgroundColor:n.palette.grey["light"===n.palette.mode?200:700]},bar:{backgroundColor:"#1a90ff"}}}))(N.Z);function an(){var n=(0,A.h6)(),e=n.info,t=n.api,r=n.imgPrefix,a=n.loading,c=(0,M.RJ)().data,s=(0,l.useContext)(G).users.users,m=(0,g.Z)((function(){return rn(t)})),u=(0,l.useContext)(F.RD),p=u.t,x=u.locale,Z=(0,d.Z)(),j=tn(+new Date-e.startAt,(function(n){var e={compact:!0,verbose:!0,locale:(0,K.FF)(x)};return v()(n,e)})),N=null;if(a)N=(0,U.jsx)(P.Z,{});else{var T=[{name:p("dashboard.nodeDid"),value:(0,U.jsx)(I.Z,{did:e.did})}];e.nodeOwner&&T.push({name:p("dashboard.ownerDid"),value:(0,U.jsx)(I.Z,{did:e.nodeOwner.did})});var D=[];e.launcher&&(D=[{name:p("common.did"),value:(0,U.jsx)(I.Z,{did:e.launcher.did})},{name:p("common.type"),value:e.launcher.type},{name:p("launcher.provider"),value:e.launcher.provider},{name:p("launcher.adminUrl"),value:(0,U.jsx)(_.Z,{target:"_blank",href:e.launcher.url,underline:"hover",children:e.launcher.url})}]);var E=function(n,e){return"-"===n?n:e&&"-"!==e?(0,U.jsxs)(w.Z,{component:"ul",children:[(0,U.jsxs)("li",{className:"ip-item",children:[(0,U.jsx)(C.Z,{children:"IPV4"}),(0,U.jsx)(W.Z,{children:n})]}),(0,U.jsxs)("li",{className:"ip-item",children:[(0,U.jsx)(C.Z,{children:"IPV6"}),(0,U.jsx)(W.Z,{children:e})]})]}):(0,U.jsxs)(w.Z,{className:"ip-item",children:[(0,U.jsx)(C.Z,{children:"IPV4"}),(0,U.jsx)(W.Z,{children:n})]})},z=m.value?[{name:"".concat(p("common.version")),value:e.version}].concat((0,i.Z)(function(){var n=[{name:"".concat(p("common.internalIp")),value:E(m.value.ip.internalV4,m.value.ip.internalV6)},{name:"".concat(p("common.externalIp")),value:E(m.value.ip.externalV4,m.value.ip.externalV6)}];return m.value.docker?[]:n}()),[{name:"".concat(p("common.os")),value:m.value.os},m.value.docker?{name:"".concat(p("common.docker")),value:(0,U.jsx)(C.Z,{type:"success",children:"Yes"})}:null,m.value.gitpod?{name:"".concat(p("common.gitpod")),value:(0,U.jsx)(C.Z,{type:"success",children:"Yes"})}:null]).filter(Boolean):[];Array.isArray(y()(m,"value.blockletEngines",null))&&m.value.blockletEngines.filter((function(n){return n.visible&&n.available})).forEach((function(n){z.push({name:n.displayName,value:(0,U.jsx)(C.Z,{type:"success",children:"".concat(n.version)||"N/A"})})}));var V=s.length,O=s.filter((function(n){return n.approved})).length,q=V;O&&(q+="<small><strong>".concat(b()(p("common.approved"))," ").concat(O,"</strong></small>"));var L=0,$=0;c&&(L=c.length,$=c.filter((function(n){return"running"===n.status})).length);var Y=L;$&&(Y+="<small>".concat(p("common.running")," ").concat($,"</small>"));var B=[{name:p("common.blocklets"),value:Y,icon:"blocklets"},{name:p("common.members"),value:q,icon:"member"},{name:p("common.uptime"),value:j,icon:"time"},{name:p("common.created"),value:(0,h.WU)(new Date(e.createdAt).getTime(),(0,K.FF)(x)),icon:"time"}],H=[];m.value&&m.value.disk&&(H=[{name:p("common.blockletsStorage"),value:f()(m.value.disk.blocklets||0).toUpperCase(),icon:"storage"},{name:p("common.dataStorage"),value:f()(m.value.disk.data||0).toUpperCase(),icon:"storage"},{name:p("common.logStorage"),value:f()(m.value.disk.log||0).toUpperCase(),icon:"storage"},{name:p("common.cacheStorage"),value:f()(m.value.disk.cache||0).toUpperCase(),icon:"storage"},{name:p("common.coreStorage"),value:f()(m.value.disk.app||0).toUpperCase(),icon:"storage"}]),N=(0,U.jsxs)(U.Fragment,{children:[(0,U.jsxs)("div",{className:"section",children:[(0,U.jsx)(w.Z,{className:"section__header",component:"h2",variant:"h4",color:"textPrimary",children:p("common.overview")}),(0,U.jsx)(k.ZP,{className:"page-metrics",container:!0,spacing:5,children:B.map((function(n){return(0,U.jsx)(k.ZP,{item:!0,lg:3,md:4,sm:6,xs:12,children:(0,U.jsx)(R,(0,o.Z)((0,o.Z)({},n),{},{prefix:r}))},n.name)}))})]}),(0,U.jsxs)("div",{className:"section",children:[(0,U.jsx)(w.Z,{className:"section__header",component:"h2",variant:"h4",color:"textPrimary",children:p("common.storage")}),(0,U.jsx)(k.ZP,{className:"page-metrics",container:!0,spacing:5,children:H.map((function(n){return(0,U.jsx)(k.ZP,{item:!0,lg:3,md:4,sm:6,xs:12,children:(0,U.jsx)(R,(0,o.Z)((0,o.Z)({},n),{},{prefix:r}))},n.name)}))})]}),(0,U.jsxs)("div",{className:"section",children:[(0,U.jsx)(w.Z,{className:"section__header",component:"h2",variant:"h4",color:"textPrimary",children:p("common.meta")}),(0,U.jsxs)(k.ZP,{className:"page-metrics",container:!0,spacing:5,children:[(0,U.jsxs)(k.ZP,{item:!0,lg:6,md:12,sm:12,xs:12,children:[(0,U.jsx)(w.Z,{className:"section__header",component:"h3",variant:"h5",color:"textPrimary",children:p("common.dAddress")}),T.map((function(n){return(0,U.jsx)(S.Z,{nameWidth:150,name:n.name,children:n.value},n.name)})),D.length>0&&(0,U.jsxs)("div",{style:{marginTop:Z.spacing(8)},children:[(0,U.jsx)(w.Z,{className:"section__header",component:"h3",variant:"h5",color:"textPrimary",children:p("common.launcher")}),D.map((function(n){return(0,U.jsx)(S.Z,{nameWidth:150,name:n.name,children:n.value},n.name)}))]})]},"address"),(0,U.jsxs)(k.ZP,{item:!0,lg:6,md:12,sm:12,xs:12,children:[(0,U.jsx)(w.Z,{className:"section__header",component:"h3",variant:"h5",color:"textPrimary",children:p("common.env")}),z.map((function(n){return(0,U.jsx)(S.Z,{valueComponent:"div",nameWidth:150,name:n.name,children:n.value},n.name)}))]},"environment")]})]})]})}return(0,U.jsx)(on,{children:N})}var on=m.Z.main(H||(H=(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}));m.Z.div(J||(J=(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,U.jsx)(B,{children:(0,U.jsx)(an,{})})}},50185:function(n,e,t){"use strict";t.d(e,{Z:function(){return d}});var r=t(33028),a=t(59740),i=t(5057),o=t(55898),c=t.n(o),s=t(12937),l=t(68420),m=t(96266),u=["children"];function d(n){var e=n.children,t=(0,a.Z)(n,u),o=(0,i.useContext)(l.RD).t;return(0,m.jsx)(s.Z,(0,r.Z)((0,r.Z)({tip:o("common.copyTip"),copiedTip:o("common.copiedTip")},t),{},{children:e}))}d.propTypes={children:c().any.isRequired}},64886:function(n,e,t){"use strict";var r,a=t(71171),i=t(33028),o=t(59740),c=t(55898),s=t.n(c),l=t(51540),m=t.n(l),u=t(26538),d=t.n(u),p=t(11750),f=t(47685),h=t(96266),x=["name","nameFormatter","layout","children","valueComponent","nameWidth"];function v(n){var e=n.name,t=n.nameFormatter,r=n.layout,a=n.children,c=n.valueComponent,s=n.nameWidth,l=(0,o.Z)(n,x);return(0,h.jsxs)(g,(0,i.Z)((0,i.Z)({layout:r,width:s},l),{},{children:[(0,h.jsx)(p.Z,{color:"textSecondary",className:"info-row__name",children:t(e)}),a&&(0,h.jsx)(p.Z,{color:"textPrimary",component:c,className:"info-row__value",children:a})]}))}v.propTypes={name:s().any.isRequired,layout:s().oneOf(["horizontal","vertical"]),children:s().any,nameFormatter:s().func,valueComponent:s().string,nameWidth:s().number},v.defaultProps={children:null,nameWidth:90,nameFormatter:function(n){var e=n.split(" ").map((function(n){return d()(m()(n))})).join(" ");return"string"===typeof n?e:n},valueComponent:"div",layout:"horizontal"};var g=(0,f.zo)("div")(r||(r=(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=v},50844:function(n,e,t){"use strict";t.d(e,{Z:function(){return p}});var r=t(7896),a=t(31461),i=t(5057),o=t(56129),c=t.n(o),s=t(92877);var l=t(95335),m=t(96266),u=["defaultTheme","withTheme","name"],d=["classes"],p=function(n){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return function(t){var o=e.defaultTheme,p=e.withTheme,f=void 0!==p&&p,h=e.name,x=(0,a.Z)(e,u);var v=h,g=(0,s.Z)(n,(0,r.Z)({defaultTheme:o,Component:t,name:h||t.displayName,classNamePrefix:v},x)),Z=i.forwardRef((function(n,e){var i,c=(0,a.Z)(n,d),s=g((0,r.Z)({},t.defaultProps,n)),u=c;return("string"===typeof h||f)&&(i=(0,l.Z)()||o,h&&(u=function(n){var e=n.theme,t=n.name,a=n.props;if(!e||!e.components||!e.components[t]||!e.components[t].defaultProps)return a;var i,o=(0,r.Z)({},a),c=e.components[t].defaultProps;for(i in c)void 0===o[i]&&(o[i]=c[i]);return o}({theme:i,name:h,props:c})),f&&!u.theme&&(u.theme=i)),(0,m.jsx)(t,(0,r.Z)({ref:e,classes:s},u))}));return c()(Z,t),Z}}},8354:function(n,e,t){var r=t(81106)((function(n,e,t){return n+(t?" ":"")+e.toLowerCase()}));n.exports=r},5609:function(n,e,t){"use strict";t.d(e,{WU:function(){return l}});var r=["second","minute","hour","day","week","month","year"];var a=["\u79d2","\u5206\u949f","\u5c0f\u65f6","\u5929","\u5468","\u4e2a\u6708","\u5e74"];var i={},o=function(n,e){i[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,t){var r=function(n,e){return(+(e?s(e):new Date)-+s(n))/1e3}(n,t&&t.relativeDate);return function(n,e){for(var t=n<0?1:0,r=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,r)[t].replace("%s",n.toString())}(r,function(n){return i[n]||i.en_US}(e))};o("en_US",(function(n,e){if(0===e)return["just now","right now"];var t=r[Math.floor(e/2)];return n>1&&(t+="s"),[n+" "+t+" ago","in "+n+" "+t]})),o("zh_CN",(function(n,e){if(0===e)return["\u521a\u521a","\u7247\u523b\u540e"];var t=a[~~(e/2)];return[n+" "+t+"\u524d",n+" "+t+"\u540e"]}))}}]);

package/build/static/js/{9249.38caee59.chunk.js → 9249.d1ca2237.chunk.js}

@@ -1 +1 @@
-(self.webpackChunk_abtnode_webapp=self.webpackChunk_abtnode_webapp||[]).push([[9249],{49249:function(n,e,s){"use strict";s.r(e),s.d(e,{default:function(){return N}});var t,a=s(71171),i=s(96234),o=s(5057),r=s(33518),c=s(85493),l=s(11750),u=s(76005),d=s(39948),p=s(35966),h=s(28726),x=s(49983),f=s(68420),m=s(35432),g=s(35820),v=s(70284),Z=s(96266);var b=(0,r.Z)(p.Z)(t||(t=(0,a.Z)(["\n  .header {\n    text-align: center;\n    margin-bottom: 8px;\n  }\n\n  .subheader {\n    text-align: center;\n    margin-bottom: 24px;\n  }\n\n  .login {\n    padding: 24px;\n    height: auto;\n    min-height: 480px;\n    display: flex;\n    flex-direction: column;\n  }\n\n  .connect {\n    background: #fafafa;\n  }\n"]))),P=(0,g.Z)((function(n){var e=n.SessionContext,s=n.webWalletUrl,t=(0,o.useContext)(e),a=t.api,r=t.session,p=(0,o.useContext)(f.RD),g=p.t,P=p.locale,w=(0,o.useState)(!1),j=(0,i.Z)(w,2),C=j[0],N=j[1],_=(0,c.useNavigate)(),k=(0,v.Z)().setPassportId,W={},E=new URL(window.location.href).searchParams.get("id");return E&&(W.id=E),(0,Z.jsx)(b,{children:C?(0,Z.jsx)("div",{className:"login",children:(0,Z.jsx)("div",{className:"connect",children:(0,Z.jsxs)(d.Z,{textAlign:"center",children:[(0,Z.jsx)(d.Z,{mb:3,color:"success.main",children:(0,Z.jsx)(u.Z,{style:{fontSize:60}})}),(0,Z.jsx)(l.Z,{component:"p",variant:"body1",className:"subheader",children:g("issuePassport.dialog.success")}),(0,Z.jsx)(d.Z,{mt:3,children:(0,Z.jsx)(h.Z,{variant:"contained",color:"primary",onClick:function(){var n;try{r.logout()}catch(e){}((null===(n=window.env)||void 0===n?void 0:n.apiPrefix)||"").startsWith(m.WELLKNOWN_SERVICE_PATH_PREFIX)?_("".concat(m.WELLKNOWN_SERVICE_PATH_PREFIX,"/login"),{replace:!0}):_("/",{replace:!0})},children:g("issuePassport.dialog.loginWithPassport")})})]})})}):(0,Z.jsx)(x.Z,{className:"connect",action:"issue-passport",forceConnected:!1,autoConnect:!1,checkFn:a.get,checkTimeout:6e5,webWalletUrl:s,onSuccess:function(n){null!==n&&void 0!==n&&n.passportId&&k(n.passportId),N(!0)},locale:P,messages:{title:g("issuePassport.title"),scan:g("issuePassport.description",{name:window.env.appName}),confirm:g("issuePassport.dialog.confirm"),success:g("issuePassport.dialog.success")},extraParams:W})})})),w=s(75793),j=s(25339),C=s(19762);function N(){var n=(0,w.h6)().info,e=(0,C.yP)(n);return(0,Z.jsx)(P,{SessionContext:j.B3,webWalletUrl:e})}},51281:function(n,e,s){var t=s(77668),a=s(2586),i=s(56944);n.exports={translations:{zh:t(i),en:t(a)}}},35820:function(n,e,s){"use strict";s.d(e,{Z:function(){return r}});var t=s(33028),a=s(68420),i=s(51281),o=s(96266);function r(n){return function(e){return(0,o.jsx)(a.Iw,{translations:i.translations,children:(0,o.jsx)(n,(0,t.Z)({},e))})}}},76005:function(n,e,s){"use strict";var t=s(71600);e.Z=void 0;var a=t(s(56930)),i=s(96266),o=(0,a.default)((0,i.jsx)("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"}),"CheckCircle");e.Z=o}}]);
+(self.webpackChunk_abtnode_webapp=self.webpackChunk_abtnode_webapp||[]).push([[9249],{49249:function(n,e,s){"use strict";s.r(e),s.d(e,{default:function(){return N}});var t,a=s(71171),i=s(96234),o=s(5057),r=s(33518),c=s(85493),l=s(11750),u=s(76005),d=s(39948),p=s(35966),h=s(28726),x=s(49983),f=s(68420),m=s(35432),g=s(35820),v=s(70284),Z=s(96266);var b=(0,r.Z)(p.Z)(t||(t=(0,a.Z)(["\n  .header {\n    text-align: center;\n    margin-bottom: 8px;\n  }\n\n  .subheader {\n    text-align: center;\n    margin-bottom: 24px;\n  }\n\n  .login {\n    padding: 24px;\n    height: auto;\n    min-height: 480px;\n    display: flex;\n    flex-direction: column;\n  }\n\n  .connect {\n    background: #fafafa;\n  }\n"]))),P=(0,g.Z)((function(n){var e=n.SessionContext,s=n.webWalletUrl,t=(0,o.useContext)(e),a=t.api,r=t.session,p=(0,o.useContext)(f.RD),g=p.t,P=p.locale,w=(0,o.useState)(!1),j=(0,i.Z)(w,2),C=j[0],N=j[1],_=(0,c.useNavigate)(),k=(0,v.Z)().setPassportId,W={},E=new URL(window.location.href).searchParams.get("id");return E&&(W.id=E),(0,Z.jsx)(b,{children:C?(0,Z.jsx)("div",{className:"login",children:(0,Z.jsx)("div",{className:"connect",children:(0,Z.jsxs)(d.Z,{textAlign:"center",children:[(0,Z.jsx)(d.Z,{mb:3,color:"success.main",children:(0,Z.jsx)(u.Z,{style:{fontSize:60}})}),(0,Z.jsx)(l.Z,{component:"p",variant:"body1",className:"subheader",children:g("issuePassport.dialog.success")}),(0,Z.jsx)(d.Z,{mt:3,children:(0,Z.jsx)(h.Z,{variant:"contained",color:"primary",onClick:function(){var n;try{r.logout()}catch(e){}((null===(n=window.env)||void 0===n?void 0:n.apiPrefix)||"").startsWith(m.WELLKNOWN_SERVICE_PATH_PREFIX)?_("".concat(m.WELLKNOWN_SERVICE_PATH_PREFIX,"/login"),{replace:!0}):_("/",{replace:!0})},children:g("issuePassport.dialog.loginWithPassport")})})]})})}):(0,Z.jsx)(x.Z,{className:"connect",action:"issue-passport",forceConnected:!1,autoConnect:!1,checkFn:a.get,checkTimeout:6e5,webWalletUrl:s,onSuccess:function(n){null!==n&&void 0!==n&&n.passportId&&k(n.passportId),N(!0)},locale:P,messages:{title:g("issuePassport.title"),scan:g("issuePassport.description",{name:window.env.appName}),confirm:g("issuePassport.dialog.confirm"),success:g("issuePassport.dialog.success")},extraParams:W})})})),w=s(75793),j=s(25339),C=s(74094);function N(){var n=(0,w.h6)().info,e=(0,C.yP)(n);return(0,Z.jsx)(P,{SessionContext:j.B3,webWalletUrl:e})}},51281:function(n,e,s){var t=s(77668),a=s(2586),i=s(56944);n.exports={translations:{zh:t(i),en:t(a)}}},35820:function(n,e,s){"use strict";s.d(e,{Z:function(){return r}});var t=s(33028),a=s(68420),i=s(51281),o=s(96266);function r(n){return function(e){return(0,o.jsx)(a.Iw,{translations:i.translations,children:(0,o.jsx)(n,(0,t.Z)({},e))})}}},76005:function(n,e,s){"use strict";var t=s(71600);e.Z=void 0;var a=t(s(56930)),i=s(96266),o=(0,a.default)((0,i.jsx)("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"}),"CheckCircle");e.Z=o}}]);