@abtnode/webapp 1.16.6-beta-56be9f01 → 1.16.6-beta-e2082fec

package/build/static/js/{4792.5427b06c.chunk.js → 4792.daacddf5.chunk.js}

@@ -1 +1 @@
-(self.webpackChunk_abtnode_webapp=self.webpackChunk_abtnode_webapp||[]).push([[4792],{43120:function(e,n,t){"use strict";t.d(n,{Z:function(){return a.default}});var a=t(62923)},30756:function(e,n,t){"use strict";t.d(n,{Z:function(){return a.default}});var a=t(5140)},81056:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return de}});var a=t(71171),r=t(5057),s=t(33518),c=t(85493),o=t(11750),i=t(12912),l=t(52118),u=t(62740),d=t(66415),m=t(85745),p=t(60411),f=t(17022),x=t(33028),h=t(32723),y=t(34795),v=t(96234),g=t(9161);function j(e,n,t){void 0===n&&(n=[]),void 0===t&&(t={loading:!1});var a=(0,r.useRef)(0),s=function(){var e=(0,r.useRef)(!1),n=(0,r.useCallback)((function(){return e.current}),[]);return(0,r.useEffect)((function(){return e.current=!0,function(){e.current=!1}}),[]),n}(),c=(0,r.useState)(t),o=c[0],i=c[1],l=(0,r.useCallback)((function(){for(var n=[],t=0;t<arguments.length;t++)n[t]=arguments[t];var r=++a.current;return o.loading||i((function(e){return(0,g.__assign)((0,g.__assign)({},e),{loading:!0})})),e.apply(void 0,n).then((function(e){return s()&&r===a.current&&i({value:e,loading:!1}),e}),(function(e){return s()&&r===a.current&&i({error:e,loading:!1}),e}))}),n);return[o,l]}var Z=function(e,n){void 0===n&&(n=[]);var t=(0,r.useState)(0),a=t[0],s=t[1],c=function(e,n){void 0===n&&(n=[]);var t=j(e,n,{loading:!0}),a=t[0],s=t[1];return(0,r.useEffect)((function(){s()}),[s]),a}(e,(0,g.__spreadArrays)(n,[a])),o=c.loading,i=(0,r.useCallback)((function(){o||s((function(e){return e+1}))}),(0,g.__spreadArrays)(n,[o]));return(0,g.__assign)((0,g.__assign)({},c),{retry:i})},k=t(99065),b=t(15368),C=t(39948),_=t(44846),w=t(19561),K=t(2273),S=t.n(K),N=t(35432),A=t(96479),I=t(74094),z=t(44919),B=t(47020),D=t(74490),U=t(21769),W=t(73528),F=t(37565),L=t(13714),O=t(43120),P=t(10155),R=t(96266);function E(e){var n=e.remark,t=e.onCreate,a=(0,l.useLocaleContext)().t,s=(0,r.useState)(!1),c=(0,v.Z)(s,2),i=c[0],u=c[1],d=(0,r.useState)(null),m=(0,v.Z)(d,2),p=m[0],f=m[1],g=(0,P.Z)(),j=N.RBAC_CONFIG.roles.filter((function(e){return e.passport&&e.name!==N.ROLES.OWNER})),Z=function(){var e=(0,y.Z)((0,h.Z)().mark((function e(n){var a,r,s,c;return(0,h.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return a=n.remark,r=n.passport,u(!0),e.next=4,g.createAccessKey({input:{remark:a.trim(),passport:r}});case 4:s=e.sent,c=s.data,t(c),f(null),u(!1);case 9:case"end":return e.stop()}}),e)})));return function(n){return e.apply(this,arguments)}}(),k={title:"".concat(a("common.create")," ").concat(a("common.accessKey")),description:function(e,n,t){return(0,R.jsxs)(o.Z,{component:"div",children:[(0,R.jsx)(B.Z,{label:a("setting.accessKey.tip"),autoComplete:"off",variant:"outlined",name:"remark","data-cy":"remark-input",fullWidth:!0,autoFocus:!0,style:{marginBottom:32},margin:"dense",value:e.remark,onChange:function(r){n((0,x.Z)((0,x.Z)({},e),{},{remark:r.target.value,__disableConfirm:!e.passport||!r.target.value.trim()})),r.target.value.trim()?t(""):t(a("setting.accessKey.remarkInvalid"))}}),(0,R.jsxs)(F.Z,{style:{width:"100%"},variant:"outlined",children:[(0,R.jsx)(W.Z,{children:a("common.passport")}),(0,R.jsx)(U.Z,{"data-cy":"create-access-key-select-passport",value:e.passport,onChange:function(a){var r=a.target.value;t(null),n((0,x.Z)((0,x.Z)({},e),{},{passport:r,__disableConfirm:!e.remark||!r}))},fullWidth:!0,label:a("common.passport"),disabled:i,children:j.map((function(e){return(0,R.jsx)(D.Z,{value:e.name,"data-cy":"create-access-key-passport-option-".concat(e.name),children:(0,R.jsxs)(C.Z,{children:[(0,R.jsx)("span",{children:e.title||e.name}),(0,R.jsx)(C.Z,{maxWidth:440,fontSize:12,color:"#999",whiteSpace:"normal",textAlign:"justify",children:e.description})]})},e.name)}))})]})]})},confirm:a("common.confirm"),cancel:a("common.cancel"),color:"primary",params:{remark:n,__disableConfirm:!n.trim()},onConfirm:Z,onCancel:function(){u(!1),f(null)}};return(0,R.jsxs)(R.Fragment,{children:[(0,R.jsxs)(L.default,{edge:"end",variant:"contained",color:"primary","data-cy":"add-access-key-btn",onClick:function(){return f(k)},className:"rule-action",children:[i?(0,R.jsx)(_.Z,{size:16}):(0,R.jsx)(z.default,{style:{fontSize:16}}),a("common.create")]}),p&&(0,R.jsx)(O.Z,{title:p.title,description:p.description,confirm:p.confirm,color:p.color,cancel:p.cancel,params:p.params,onConfirm:p.onConfirm,onCancel:p.onCancel})]})}E.defaultProps={onCreate:function(){},remark:""};var M,T,$,G=t(99593),H=t(26174),V=t(88092),q=t(69561);function J(e){var n=e.onConfirm,t=e.accessKeyId,a=e.accessKeySecret,s=(0,r.useContext)(l.LocaleContext).t,c=(0,r.useState)(!1),o=(0,v.Z)(c,2),i=o[0],u=o[1],d=(0,r.useState)(!0),m=(0,v.Z)(d,2),p=m[0],f=m[1];return(0,R.jsxs)(G.default,{title:s("common.createSuccess"),fullWidth:!0,open:!0,disableEscapeKeyDown:!0,onClose:n,showCloseButton:!1,actions:(0,R.jsx)("div",{children:(0,R.jsx)(L.default,{disabled:!i,onClick:n,color:"primary",autoFocus:!0,variant:"contained","data-cy":"submit-confirm-dialog",children:s("common.confirm")})}),"aria-labelledby":"simple-dialog-title",children:[(0,R.jsx)("div",{children:(0,R.jsx)(Y,{children:s("setting.accessKey.saveSecretTip")})}),(0,R.jsx)("div",{style:{marginTop:"20px"}}),(0,R.jsxs)(X,{children:[(0,R.jsx)(Q,{children:"Access Key"}),(0,R.jsx)(q.default,{children:t})]}),(0,R.jsxs)(X,{children:[(0,R.jsx)(Q,{children:"Access Secret"}),p?(0,R.jsx)(L.default,{"data-cy":"show-secret-btn",color:"primary",onClick:function(){f(!p)},children:s("setting.accessKey.showSecret")}):(0,R.jsx)(q.default,{children:a})]}),(0,R.jsx)("div",{children:(0,R.jsx)(H.Z,{value:"end",disabled:p,control:(0,R.jsx)(V.Z,{checked:i,onChange:function(e){u(e.target.checked)}}),label:s("setting.accessKey.iKnow"),labelPlacement:"end"})})]})}J.defaultProps={onConfirm:function(){}};var Q=s.default.div(M||(M=(0,a.Z)(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  font-size: 16px;\n  margin-bottom: 8px;\n"]))),X=s.default.div(T||(T=(0,a.Z)(["\n  margin-bottom: 24px;\n"]))),Y=s.default.div($||($=(0,a.Z)(["\n  font-size: 16px;\n  font-weight: bold;\n"]))),ee=t(5609),ne=t(27773),te=t(30756);function ae(e){var n,t=(0,l.useLocaleContext)(),a=t.t,s=t.locale,c=(0,r.useState)(!1),o=(0,v.Z)(c,2),i=o[0],u=o[1],d=(0,r.useState)(null),m=(0,v.Z)(d,2),p=m[0],f=m[1],x=e.accessKeyId,g=e.time,j=e.remark,Z=e.onDelete,k=void 0===Z?function(){}:Z,b=(0,P.Z)(),C=function(){var e=(0,y.Z)((0,h.Z)().mark((function e(){return(0,h.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return u(!0),e.prev=1,e.next=4,b.deleteAccessKey({input:{accessKeyId:x}});case 4:k(),e.next=10;break;case 7:e.prev=7,e.t0=e.catch(1),console.error(e.t0);case 10:return e.prev=10,u(!1),f(null),e.finish(10);case 14:case"end":return e.stop()}}),e,null,[[1,7,10,14]])})));return function(){return e.apply(this,arguments)}}(),w={keyName:j,title:a("setting.accessKey.title"),description:"".concat(g?a("setting.accessKey.description",(n=g,{key:"<b>".concat(x,"</b>"),name:"<b>".concat(j,"</b>"),time:(0,I.B2)(n),timeAge:(0,ee.WU)(new Date(n),(0,I.FF)(s))})):a("setting.accessKey.descriptionNoTime",{key:"<b>".concat(x,"</b>"),name:"<b>".concat(j,"</b>")})),confirmPlaceholder:a("setting.accessKey.confirm_desc",{name:j}),confirm:a("common.delConfirm"),cancel:a("common.cancel"),onConfirm:C,onCancel:function(){u(!1),f(null)}};return(0,R.jsxs)(R.Fragment,{children:[(0,R.jsxs)(L.default,{edge:"end",onClick:function(){return f(w)},size:"small",className:"rule-action",color:"error",children:[i?(0,R.jsx)(_.Z,{size:16}):(0,R.jsx)(ne.default,{style:{fontSize:16}}),a("common.delete")]}),p&&(0,R.jsx)(te.Z,{keyName:p.keyName,title:p.title,description:p.description,confirmPlaceholder:p.confirmPlaceholder,confirm:p.confirm,cancel:p.cancel,params:p.params,onConfirm:p.onConfirm,onCancel:p.onCancel})]})}ae.defaultProps={onDelete:function(){}};var re=t(76667);function se(e){var n=e.accessKeyId,t=e.remark,a=e.onUpdate,s=e.passport,c=(0,l.useLocaleContext)().t,i=(0,r.useState)(!1),u=(0,v.Z)(i,2),d=u[0],m=u[1],p=(0,r.useState)(null),f=(0,v.Z)(p,2),g=f[0],j=f[1],Z=(0,P.Z)(),k=N.RBAC_CONFIG.roles.filter((function(e){return e.passport&&e.name!==N.ROLES.OWNER})),b=function(){var e=(0,y.Z)((0,h.Z)().mark((function e(n){var t,r,s;return(0,h.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return t=n.accessKeyId,r=n.remark,s=n.passport,m(!0),e.next=4,Z.updateAccessKey({input:{accessKeyId:t,remark:r.trim(),passport:s}});case 4:a(),j(null),m(!1);case 7:case"end":return e.stop()}}),e)})));return function(n){return e.apply(this,arguments)}}(),C={title:"".concat(c("common.update")," ").concat(c("common.accessKey")),description:function(e,n,t){return(0,R.jsxs)(o.Z,{component:"div",children:[(0,R.jsx)(B.Z,{label:c("setting.accessKey.accessKeyId"),autoComplete:"off",variant:"outlined",name:"accessKeyId",fullWidth:!0,autoFocus:!0,style:{marginBottom:32},margin:"dense",value:e.accessKeyId,disabled:!0}),(0,R.jsx)(B.Z,{label:c("common.remark"),autoComplete:"off",variant:"outlined",name:"remark",fullWidth:!0,autoFocus:!0,style:{marginBottom:32},value:e.remark,onChange:function(a){n((0,x.Z)((0,x.Z)({},e),{},{remark:a.target.value,__disableConfirm:!a.target.value.trim()})),a.target.value.trim()?t(""):t(c("setting.accessKey.remarkInvalid"))}}),(0,R.jsxs)(F.Z,{style:{width:"100%"},variant:"outlined",children:[(0,R.jsx)(W.Z,{children:c("common.passport")}),(0,R.jsx)(U.Z,{"data-cy":"update-access-key-select-passport",value:e.passport,onChange:function(a){var r=a.target.value;t(null),n((0,x.Z)((0,x.Z)({},e),{},{passport:r,__disableConfirm:!e.remark||!r}))},fullWidth:!0,label:c("common.passport"),disabled:d,children:k.map((function(e){return(0,R.jsx)(D.Z,{value:e.name,"data-cy":"update-access-key-passport-option-".concat(e.name),children:(0,R.jsx)("span",{children:e.title||e.name})},e.name)}))})]})]})},confirm:c("common.confirm"),cancel:c("common.cancel"),color:"primary",params:{accessKeyId:n,remark:t,passport:s},onConfirm:b,onCancel:function(){m(!1),j(null)}};return(0,R.jsxs)(R.Fragment,{children:[(0,R.jsxs)(L.default,{edge:"end",onClick:function(){return j(C)},size:"small",className:"rule-action",color:"primary",children:[d?(0,R.jsx)(_.Z,{size:16}):(0,R.jsx)(re.default,{style:{fontSize:16}}),c("common.update")]}),g&&(0,R.jsx)(O.Z,{title:g.title,description:g.description,confirm:g.confirm,color:g.color,cancel:g.cancel,params:g.params,onConfirm:g.onConfirm,onCancel:g.onCancel})]})}se.defaultProps={onUpdate:function(){},remark:"",passport:""};var ce,oe=t(7199);function ie(){var e=(0,r.useContext)(l.LocaleContext).t,n=(0,p.h6)().api,t=(0,r.useState)({}),a=(0,v.Z)(t,2),s=a[0],c=a[1],o=Z((0,y.Z)((0,h.Z)().mark((function e(){var t,a;return(0,h.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,n.getAccessKeys();case 2:return t=e.sent,a=t.list,e.abrupt("return",a);case 5:case"end":return e.stop()}}),e)})))),i=o.value||[],u=o.loading,d=o.error;return!i.length&&u?(0,R.jsx)("div",{style:{textAlign:"center",marginTop:"50px"},children:(0,R.jsx)(_.Z,{})}):!i.length&&d?(0,R.jsx)(b.Z,{severity:"error",children:(0,I.Z)(d)}):(0,R.jsxs)("div",{children:[(0,R.jsxs)(C.Z,{mb:1,textAlign:"right",children:[(0,R.jsx)(oe.Z,{permission:"mutate_node",children:(0,R.jsx)(E,{onCreate:function(e){var n=e.accessKeyId,t=e.accessKeySecret;c({show:!0,accessKeyId:n,accessKeySecret:t})}})}),s.show&&(0,R.jsx)(J,(0,x.Z)({onConfirm:function(){o.retry(),c({show:!1})}},s))]}),!i.length&&(0,R.jsx)(C.Z,{mt:8,children:(0,R.jsx)(w.default,{children:e("common.noData")})}),!!i.length&&(0,R.jsx)(ue,{children:i.map((function(e){var n=e.remark||"N/A",t=N.RBAC_CONFIG.roles.find((function(n){return n.name===e.passport}));return(0,R.jsxs)("div",{className:"access-key-item",children:[(0,R.jsxs)("div",{className:"access-key-item_info-warpper",children:[(0,R.jsx)("div",{className:"access-key-item_icon",children:(0,R.jsx)(k.Z,{})}),(0,R.jsxs)("div",{className:"access-key-item_info",children:[(0,R.jsx)(C.Z,{fontWeight:700,children:n}),(0,R.jsx)(C.Z,{minWidth:0,children:(0,R.jsx)(S(),{showDidLogo:!1,children:e.accessKeyId})}),(0,R.jsxs)("div",{children:["Created at ",(0,I.B2)(e.createdAt)]}),(0,R.jsxs)("div",{children:["Created by ",e.createdBy]}),e.updatedBy&&(0,R.jsxs)("div",{children:["Updated by ",e.updatedBy]}),e.lastUsedAt&&(0,R.jsxs)("div",{children:["Last used at ",(0,I.B2)(e.lastUsedAt)]}),(0,R.jsx)("div",{className:"access-key-item_passport",children:(0,R.jsx)(A.default,{passport:{title:t?t.title:e.passport}})})]})]}),(0,R.jsxs)("div",{className:"access-key-item_actions",children:[(0,R.jsx)(se,(0,x.Z)((0,x.Z)({},e),{},{onUpdate:o.retry})),(0,R.jsx)(ae,{accessKeyId:e.accessKeyId,time:e.lastUsedAt,remark:e.remark||"N/A",onDelete:o.retry})]})]})}))})]})}var le,ue=s.default.div(ce||(ce=(0,a.Z)(["\n  border: 1px solid\n    ",";\n  border-radius: 8px;\n\n  .access-key-item {\n    display: flex;\n    justify-content: space-between;\n    padding: 16px 32px;\n    .access-key-item_info-warpper {\n      display: flex;\n      flex-grow: 1;\n      .access-key-item_icon {\n        display: flex;\n        align-items: center;\n        color: ",";\n        svg {\n          font-size: 44px;\n        }\n      }\n      .access-key-item_info {\n        flex: 1;\n        max-width: 400px;\n        padding-left: 44px;\n      }\n    }\n    .access-key-item_actions {\n      display: flex;\n      justify-content: flex-end;\n      align-items: center;\n    }\n\n    .access-key-item_passport span {\n      margin-top: 4px;\n      padding: 2px 12px;\n      font-size: 12px;\n    }\n  }\n  .access-key-item + .access-key-item {\n    border-top: 1px solid\n      ","};\n  }\n  "," {\n    .access-key-item {\n      padding: 16px;\n      .access-key-item_info-warpper {\n        min-width: 0;\n        .access-key-item_icon {\n          svg {\n            font-size: 24px;\n          }\n        }\n        .access-key-item_info {\n          max-width: 100%;\n          padding-left: 16px;\n        }\n      }\n      .access-key-item_actions {\n        flex-direction: column;\n        justify-content: center;\n      }\n    }\n  }\n"])),(function(e){return e.theme.palette.grey[300]}),(function(e){return e.theme.palette.grey[400]}),(function(e){return e.theme.palette.grey[300]}),(function(e){return e.theme.breakpoints.down("md")}));function de(){var e=(0,c.s0)(),n=(0,l.useLocaleContext)().t,t=(0,p.h6)().info,a=(0,c.UO)().tab,s=void 0===a?"members":a,x=(0,r.useCallback)((function(){return(0,R.jsx)(u.Z,{})}),[]),h=(0,r.useCallback)((function(){return(0,R.jsx)(d.Z,{type:"server"})}),[]),y=t.did,v={members:{label:n("common.members"),value:"members",component:h},passports:{label:n("common.passport"),value:"passports",component:m.Z},"access-keys":{label:n("common.accessKey"),value:"access-keys",component:ie},"audit-logs":{label:n("common.auditLogs"),value:"audit-logs",component:x}},g=Object.values(v).map((function(e){return{label:e.label,value:e.value}})),j=v[s]||v.member;return(0,R.jsx)(f.G6,{teamDid:y,children:(0,R.jsxs)(me,{children:[(0,R.jsx)(o.Z,{component:"h2",variant:"h4",className:"page-header",color:"textPrimary",children:n("common.team")}),(0,R.jsx)(i.default,{tabs:g,current:s,onChange:function(n){e("/team/".concat(n))},scrollButtons:"auto"}),(0,R.jsx)("div",{className:"page-content",children:(0,R.jsx)(j.component,{})})]})})}var me=s.default.main(le||(le=(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: 24px;\n  }\n"])))},99065:function(e,n,t){"use strict";var a=t(71600);n.Z=void 0;var r=a(t(56930)),s=t(96266),c=(0,r.default)((0,s.jsx)("path",{d:"M12.65 10C11.83 7.67 9.61 6 7 6c-3.31 0-6 2.69-6 6s2.69 6 6 6c2.61 0 4.83-1.67 5.65-4H17v4h4v-4h2v-4H12.65zM7 14c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z"}),"VpnKey");n.Z=c},75506:function(e,n,t){var a=t(74525),r=t(34493),s=t(79689),c=t(44028),o=t(90653),i=t(43401),l=t(98604),u=t(52563),d=Object.prototype.hasOwnProperty;e.exports=function(e){if(null==e)return!0;if(o(e)&&(c(e)||"string"==typeof e||"function"==typeof e.splice||i(e)||u(e)||s(e)))return!e.length;var n=r(e);if("[object Map]"==n||"[object Set]"==n)return!e.size;if(l(e))return!a(e).length;for(var t in e)if(d.call(e,t))return!1;return!0}},5609:function(e,n,t){"use strict";t.d(n,{WU:function(){return l}});var a=["second","minute","hour","day","week","month","year"];var r=["\u79d2","\u5206\u949f","\u5c0f\u65f6","\u5929","\u5468","\u4e2a\u6708","\u5e74"];var s={},c=function(e,n){s[e]=n},o=[60,60,24,7,365/7/12,12];function i(e){return e instanceof Date?e:!isNaN(e)||/^\d+$/.test(e)?new Date(parseInt(e)):(e=(e||"").trim().replace(/\.\d+/,"").replace(/-/,"/").replace(/-/,"/").replace(/(\d)T(\d)/,"$1 $2").replace(/Z/," UTC").replace(/([+-]\d\d):?(\d\d)/," $1$2"),new Date(e))}var l=function(e,n,t){var a=function(e,n){return(+(n?i(n):new Date)-+i(e))/1e3}(e,t&&t.relativeDate);return function(e,n){for(var t=e<0?1:0,a=e=Math.abs(e),r=0;e>=o[r]&&r<o.length;r++)e/=o[r];return(e=Math.floor(e))>(0===(r*=2)?9:1)&&(r+=1),n(e,r,a)[t].replace("%s",e.toString())}(a,function(e){return s[e]||s.en_US}(n))};c("en_US",(function(e,n){if(0===n)return["just now","right now"];var t=a[Math.floor(n/2)];return e>1&&(t+="s"),[e+" "+t+" ago","in "+e+" "+t]})),c("zh_CN",(function(e,n){if(0===n)return["\u521a\u521a","\u7247\u523b\u540e"];var t=r[~~(n/2)];return[e+" "+t+"\u524d",e+" "+t+"\u540e"]}))}}]);
+(self.webpackChunk_abtnode_webapp=self.webpackChunk_abtnode_webapp||[]).push([[4792],{43120:function(e,n,t){"use strict";t.d(n,{Z:function(){return a.default}});var a=t(62923)},30756:function(e,n,t){"use strict";t.d(n,{Z:function(){return a.default}});var a=t(5140)},81056:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return de}});var a=t(71171),r=t(5057),s=t(33518),c=t(85493),o=t(11750),i=t(12912),l=t(52118),u=t(62740),d=t(66415),m=t(85745),p=t(60411),f=t(17022),x=t(33028),h=t(32723),y=t(34795),v=t(96234),g=t(9161);function j(e,n,t){void 0===n&&(n=[]),void 0===t&&(t={loading:!1});var a=(0,r.useRef)(0),s=function(){var e=(0,r.useRef)(!1),n=(0,r.useCallback)((function(){return e.current}),[]);return(0,r.useEffect)((function(){return e.current=!0,function(){e.current=!1}}),[]),n}(),c=(0,r.useState)(t),o=c[0],i=c[1],l=(0,r.useCallback)((function(){for(var n=[],t=0;t<arguments.length;t++)n[t]=arguments[t];var r=++a.current;return o.loading||i((function(e){return(0,g.__assign)((0,g.__assign)({},e),{loading:!0})})),e.apply(void 0,n).then((function(e){return s()&&r===a.current&&i({value:e,loading:!1}),e}),(function(e){return s()&&r===a.current&&i({error:e,loading:!1}),e}))}),n);return[o,l]}var Z=function(e,n){void 0===n&&(n=[]);var t=(0,r.useState)(0),a=t[0],s=t[1],c=function(e,n){void 0===n&&(n=[]);var t=j(e,n,{loading:!0}),a=t[0],s=t[1];return(0,r.useEffect)((function(){s()}),[s]),a}(e,(0,g.__spreadArrays)(n,[a])),o=c.loading,i=(0,r.useCallback)((function(){o||s((function(e){return e+1}))}),(0,g.__spreadArrays)(n,[o]));return(0,g.__assign)((0,g.__assign)({},c),{retry:i})},k=t(99065),b=t(15368),C=t(39948),_=t(44846),w=t(19561),K=t(2273),S=t.n(K),N=t(35432),A=t(96479),I=t(74094),z=t(44919),B=t(47020),D=t(74490),W=t(21769),F=t(73528),U=t(37565),L=t(13714),P=t(43120),O=t(10155),R=t(96266);function E(e){var n=e.remark,t=e.onCreate,a=(0,l.useLocaleContext)().t,s=(0,r.useState)(!1),c=(0,v.Z)(s,2),i=c[0],u=c[1],d=(0,r.useState)(null),m=(0,v.Z)(d,2),p=m[0],f=m[1],g=(0,O.Z)(),j=N.RBAC_CONFIG.roles.filter((function(e){return e.passport&&e.name!==N.ROLES.OWNER})),Z=function(){var e=(0,y.Z)((0,h.Z)().mark((function e(n){var a,r,s,c;return(0,h.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return a=n.remark,r=n.passport,u(!0),e.next=4,g.createAccessKey({input:{remark:a.trim(),passport:r}});case 4:s=e.sent,c=s.data,t(c),f(null),u(!1);case 9:case"end":return e.stop()}}),e)})));return function(n){return e.apply(this,arguments)}}(),k={title:"".concat(a("common.create")," ").concat(a("common.accessKey")),description:function(e,n,t){return(0,R.jsxs)(o.Z,{component:"div",children:[(0,R.jsx)(B.Z,{label:a("setting.accessKey.tip"),autoComplete:"off",variant:"outlined",name:"remark","data-cy":"remark-input",fullWidth:!0,autoFocus:!0,style:{marginBottom:32},margin:"dense",value:e.remark,onChange:function(r){n((0,x.Z)((0,x.Z)({},e),{},{remark:r.target.value,__disableConfirm:!e.passport||!r.target.value.trim()})),r.target.value.trim()?t(""):t(a("setting.accessKey.remarkInvalid"))}}),(0,R.jsxs)(U.Z,{style:{width:"100%"},variant:"outlined",children:[(0,R.jsx)(F.Z,{children:a("common.passport")}),(0,R.jsx)(W.Z,{"data-cy":"create-access-key-select-passport",value:e.passport,onChange:function(a){var r=a.target.value;t(null),n((0,x.Z)((0,x.Z)({},e),{},{passport:r,__disableConfirm:!e.remark||!r}))},fullWidth:!0,label:a("common.passport"),disabled:i,children:j.map((function(e){return(0,R.jsx)(D.Z,{value:e.name,"data-cy":"create-access-key-passport-option-".concat(e.name),children:(0,R.jsxs)(C.Z,{children:[(0,R.jsx)("span",{children:e.title||e.name}),(0,R.jsx)(C.Z,{maxWidth:440,fontSize:12,color:"#999",whiteSpace:"normal",textAlign:"justify",children:e.description})]})},e.name)}))})]})]})},confirm:a("common.confirm"),cancel:a("common.cancel"),color:"primary",params:{remark:n,__disableConfirm:!n.trim()},onConfirm:Z,onCancel:function(){u(!1),f(null)}};return(0,R.jsxs)(R.Fragment,{children:[(0,R.jsxs)(L.default,{edge:"end",variant:"contained",color:"primary","data-cy":"add-access-key-btn",onClick:function(){return f(k)},className:"rule-action",children:[i?(0,R.jsx)(_.Z,{size:16}):(0,R.jsx)(z.default,{style:{fontSize:16}}),a("common.create")]}),p&&(0,R.jsx)(P.Z,{title:p.title,description:p.description,confirm:p.confirm,color:p.color,cancel:p.cancel,params:p.params,onConfirm:p.onConfirm,onCancel:p.onCancel})]})}E.defaultProps={onCreate:function(){},remark:""};var M,T,$,G=t(99593),H=t(26174),V=t(88092),q=t(69561);function J(e){var n=e.onConfirm,t=e.accessKeyId,a=e.accessKeySecret,s=(0,r.useContext)(l.LocaleContext).t,c=(0,r.useState)(!1),o=(0,v.Z)(c,2),i=o[0],u=o[1],d=(0,r.useState)(!0),m=(0,v.Z)(d,2),p=m[0],f=m[1];return(0,R.jsxs)(G.default,{title:s("common.createSuccess"),fullWidth:!0,open:!0,disableEscapeKeyDown:!0,onClose:n,showCloseButton:!1,actions:(0,R.jsx)("div",{children:(0,R.jsx)(L.default,{disabled:!i,onClick:n,color:"primary",autoFocus:!0,variant:"contained","data-cy":"submit-confirm-dialog",children:s("common.confirm")})}),"aria-labelledby":"simple-dialog-title",children:[(0,R.jsx)("div",{children:(0,R.jsx)(Y,{children:s("setting.accessKey.saveSecretTip")})}),(0,R.jsx)("div",{style:{marginTop:"20px"}}),(0,R.jsxs)(X,{children:[(0,R.jsx)(Q,{children:"Access Key"}),(0,R.jsx)(q.default,{children:t})]}),(0,R.jsxs)(X,{children:[(0,R.jsx)(Q,{children:"Access Secret"}),p?(0,R.jsx)(L.default,{"data-cy":"show-secret-btn",color:"primary",onClick:function(){f(!p)},children:s("setting.accessKey.showSecret")}):(0,R.jsx)(q.default,{children:a})]}),(0,R.jsx)("div",{children:(0,R.jsx)(H.Z,{value:"end",disabled:p,control:(0,R.jsx)(V.Z,{checked:i,onChange:function(e){u(e.target.checked)}}),label:s("setting.accessKey.iKnow"),labelPlacement:"end"})})]})}J.defaultProps={onConfirm:function(){}};var Q=s.default.div(M||(M=(0,a.Z)(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  font-size: 16px;\n  margin-bottom: 8px;\n"]))),X=s.default.div(T||(T=(0,a.Z)(["\n  margin-bottom: 24px;\n"]))),Y=s.default.div($||($=(0,a.Z)(["\n  font-size: 16px;\n  font-weight: bold;\n"]))),ee=t(5609),ne=t(27773),te=t(30756);function ae(e){var n,t=(0,l.useLocaleContext)(),a=t.t,s=t.locale,c=(0,r.useState)(!1),o=(0,v.Z)(c,2),i=o[0],u=o[1],d=(0,r.useState)(null),m=(0,v.Z)(d,2),p=m[0],f=m[1],x=e.accessKeyId,g=e.time,j=e.remark,Z=e.onDelete,k=void 0===Z?function(){}:Z,b=(0,O.Z)(),C=function(){var e=(0,y.Z)((0,h.Z)().mark((function e(){return(0,h.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return u(!0),e.prev=1,e.next=4,b.deleteAccessKey({input:{accessKeyId:x}});case 4:k(),e.next=10;break;case 7:e.prev=7,e.t0=e.catch(1),console.error(e.t0);case 10:return e.prev=10,u(!1),f(null),e.finish(10);case 14:case"end":return e.stop()}}),e,null,[[1,7,10,14]])})));return function(){return e.apply(this,arguments)}}(),w={keyName:j,title:a("setting.accessKey.title"),description:"".concat(g?a("setting.accessKey.description",(n=g,{key:"<b>".concat(x,"</b>"),name:"<b>".concat(j,"</b>"),time:(0,I.B2)(n),timeAge:(0,ee.WU)(new Date(n),(0,I.FF)(s))})):a("setting.accessKey.descriptionNoTime",{key:"<b>".concat(x,"</b>"),name:"<b>".concat(j,"</b>")})),confirmPlaceholder:a("setting.accessKey.confirm_desc",{name:j}),confirm:a("common.delConfirm"),cancel:a("common.cancel"),onConfirm:C,onCancel:function(){u(!1),f(null)}};return(0,R.jsxs)(R.Fragment,{children:[(0,R.jsxs)(L.default,{edge:"end",onClick:function(){return f(w)},size:"small",className:"rule-action",color:"error",children:[i?(0,R.jsx)(_.Z,{size:16}):(0,R.jsx)(ne.default,{style:{fontSize:16}}),a("common.delete")]}),p&&(0,R.jsx)(te.Z,{keyName:p.keyName,title:p.title,description:p.description,confirmPlaceholder:p.confirmPlaceholder,confirm:p.confirm,cancel:p.cancel,params:p.params,onConfirm:p.onConfirm,onCancel:p.onCancel})]})}ae.defaultProps={onDelete:function(){}};var re=t(76667);function se(e){var n=e.accessKeyId,t=e.remark,a=e.onUpdate,s=e.passport,c=(0,l.useLocaleContext)().t,i=(0,r.useState)(!1),u=(0,v.Z)(i,2),d=u[0],m=u[1],p=(0,r.useState)(null),f=(0,v.Z)(p,2),g=f[0],j=f[1],Z=(0,O.Z)(),k=N.RBAC_CONFIG.roles.filter((function(e){return e.passport&&e.name!==N.ROLES.OWNER})),b=function(){var e=(0,y.Z)((0,h.Z)().mark((function e(n){var t,r,s;return(0,h.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return t=n.accessKeyId,r=n.remark,s=n.passport,m(!0),e.next=4,Z.updateAccessKey({input:{accessKeyId:t,remark:r.trim(),passport:s}});case 4:a(),j(null),m(!1);case 7:case"end":return e.stop()}}),e)})));return function(n){return e.apply(this,arguments)}}(),C={title:"".concat(c("common.update")," ").concat(c("common.accessKey")),description:function(e,n,t){return(0,R.jsxs)(o.Z,{component:"div",children:[(0,R.jsx)(B.Z,{label:c("setting.accessKey.accessKeyId"),autoComplete:"off",variant:"outlined",name:"accessKeyId",fullWidth:!0,autoFocus:!0,style:{marginBottom:32},margin:"dense",value:e.accessKeyId,disabled:!0}),(0,R.jsx)(B.Z,{label:c("common.remark"),autoComplete:"off",variant:"outlined",name:"remark",fullWidth:!0,autoFocus:!0,style:{marginBottom:32},value:e.remark,onChange:function(a){n((0,x.Z)((0,x.Z)({},e),{},{remark:a.target.value,__disableConfirm:!a.target.value.trim()})),a.target.value.trim()?t(""):t(c("setting.accessKey.remarkInvalid"))}}),(0,R.jsxs)(U.Z,{style:{width:"100%"},variant:"outlined",children:[(0,R.jsx)(F.Z,{children:c("common.passport")}),(0,R.jsx)(W.Z,{"data-cy":"update-access-key-select-passport",value:e.passport,onChange:function(a){var r=a.target.value;t(null),n((0,x.Z)((0,x.Z)({},e),{},{passport:r,__disableConfirm:!e.remark||!r}))},fullWidth:!0,label:c("common.passport"),disabled:d,children:k.map((function(e){return(0,R.jsx)(D.Z,{value:e.name,"data-cy":"update-access-key-passport-option-".concat(e.name),children:(0,R.jsx)("span",{children:e.title||e.name})},e.name)}))})]})]})},confirm:c("common.confirm"),cancel:c("common.cancel"),color:"primary",params:{accessKeyId:n,remark:t,passport:s},onConfirm:b,onCancel:function(){m(!1),j(null)}};return(0,R.jsxs)(R.Fragment,{children:[(0,R.jsxs)(L.default,{edge:"end",onClick:function(){return j(C)},size:"small",className:"rule-action",color:"primary",children:[d?(0,R.jsx)(_.Z,{size:16}):(0,R.jsx)(re.default,{style:{fontSize:16}}),c("common.update")]}),g&&(0,R.jsx)(P.Z,{title:g.title,description:g.description,confirm:g.confirm,color:g.color,cancel:g.cancel,params:g.params,onConfirm:g.onConfirm,onCancel:g.onCancel})]})}se.defaultProps={onUpdate:function(){},remark:"",passport:""};var ce,oe=t(7199);function ie(){var e=(0,r.useContext)(l.LocaleContext).t,n=(0,p.h6)().api,t=(0,r.useState)({}),a=(0,v.Z)(t,2),s=a[0],c=a[1],o=Z((0,y.Z)((0,h.Z)().mark((function e(){var t,a;return(0,h.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,n.getAccessKeys();case 2:return t=e.sent,a=t.list,e.abrupt("return",a);case 5:case"end":return e.stop()}}),e)})))),i=o.value||[],u=o.loading,d=o.error;return!i.length&&u?(0,R.jsx)("div",{style:{textAlign:"center",marginTop:"50px"},children:(0,R.jsx)(_.Z,{})}):!i.length&&d?(0,R.jsx)(b.Z,{severity:"error",children:(0,I.Z)(d)}):(0,R.jsxs)("div",{children:[(0,R.jsxs)(C.Z,{mb:1,textAlign:"right",children:[(0,R.jsx)(oe.Z,{permission:"mutate_node",children:(0,R.jsx)(E,{onCreate:function(e){var n=e.accessKeyId,t=e.accessKeySecret;c({show:!0,accessKeyId:n,accessKeySecret:t})}})}),s.show&&(0,R.jsx)(J,(0,x.Z)({onConfirm:function(){o.retry(),c({show:!1})}},s))]}),!i.length&&(0,R.jsx)(C.Z,{mt:8,children:(0,R.jsx)(w.default,{children:e("common.noData")})}),!!i.length&&(0,R.jsx)(ue,{children:i.map((function(e){var n=e.remark||"N/A",t=N.RBAC_CONFIG.roles.find((function(n){return n.name===e.passport}));return(0,R.jsxs)("div",{className:"access-key-item",children:[(0,R.jsxs)("div",{className:"access-key-item_info-warpper",children:[(0,R.jsx)("div",{className:"access-key-item_icon",children:(0,R.jsx)(k.Z,{})}),(0,R.jsxs)("div",{className:"access-key-item_info",children:[(0,R.jsx)(C.Z,{fontWeight:700,children:n}),(0,R.jsx)(C.Z,{minWidth:0,children:(0,R.jsx)(S(),{showDidLogo:!1,children:e.accessKeyId})}),(0,R.jsxs)("div",{children:["Created at ",(0,I.B2)(e.createdAt)]}),(0,R.jsxs)("div",{children:["Created by ",e.createdBy]}),e.updatedBy&&(0,R.jsxs)("div",{children:["Updated by ",e.updatedBy]}),e.lastUsedAt&&(0,R.jsxs)("div",{children:["Last used at ",(0,I.B2)(e.lastUsedAt)]}),(0,R.jsx)("div",{className:"access-key-item_passport",children:(0,R.jsx)(A.default,{passport:{title:t?t.title:e.passport}})})]})]}),(0,R.jsxs)("div",{className:"access-key-item_actions",children:[(0,R.jsx)(se,(0,x.Z)((0,x.Z)({},e),{},{onUpdate:o.retry})),(0,R.jsx)(ae,{accessKeyId:e.accessKeyId,time:e.lastUsedAt,remark:e.remark||"N/A",onDelete:o.retry})]})]})}))})]})}var le,ue=s.default.div(ce||(ce=(0,a.Z)(["\n  border: 1px solid\n    ",";\n  border-radius: 8px;\n\n  .access-key-item {\n    display: flex;\n    justify-content: space-between;\n    padding: 16px 32px;\n    .access-key-item_info-warpper {\n      display: flex;\n      flex-grow: 1;\n      .access-key-item_icon {\n        display: flex;\n        align-items: center;\n        color: ",";\n        svg {\n          font-size: 44px;\n        }\n      }\n      .access-key-item_info {\n        flex: 1;\n        max-width: 400px;\n        padding-left: 44px;\n      }\n    }\n    .access-key-item_actions {\n      display: flex;\n      justify-content: flex-end;\n      align-items: center;\n    }\n\n    .access-key-item_passport span {\n      margin-top: 4px;\n      padding: 2px 12px;\n      font-size: 12px;\n    }\n  }\n  .access-key-item + .access-key-item {\n    border-top: 1px solid\n      ","};\n  }\n  "," {\n    .access-key-item {\n      padding: 16px;\n      .access-key-item_info-warpper {\n        min-width: 0;\n        .access-key-item_icon {\n          svg {\n            font-size: 24px;\n          }\n        }\n        .access-key-item_info {\n          max-width: 100%;\n          padding-left: 16px;\n        }\n      }\n      .access-key-item_actions {\n        flex-direction: column;\n        justify-content: center;\n      }\n    }\n  }\n"])),(function(e){return e.theme.palette.grey[300]}),(function(e){return e.theme.palette.grey[400]}),(function(e){return e.theme.palette.grey[300]}),(function(e){return e.theme.breakpoints.down("md")}));function de(){var e=(0,c.useNavigate)(),n=(0,l.useLocaleContext)().t,t=(0,p.h6)().info,a=(0,c.useParams)().tab,s=void 0===a?"members":a,x=(0,r.useCallback)((function(){return(0,R.jsx)(u.Z,{})}),[]),h=(0,r.useCallback)((function(){return(0,R.jsx)(d.Z,{type:"server"})}),[]),y=t.did,v={members:{label:n("common.members"),value:"members",component:h},passports:{label:n("common.passport"),value:"passports",component:m.Z},"access-keys":{label:n("common.accessKey"),value:"access-keys",component:ie},"audit-logs":{label:n("common.auditLogs"),value:"audit-logs",component:x}},g=Object.values(v).map((function(e){return{label:e.label,value:e.value}})),j=v[s]||v.member;return(0,R.jsx)(f.G6,{teamDid:y,children:(0,R.jsxs)(me,{children:[(0,R.jsx)(o.Z,{component:"h2",variant:"h4",className:"page-header",color:"textPrimary",children:n("common.team")}),(0,R.jsx)(i.default,{tabs:g,current:s,onChange:function(n){e("/team/".concat(n))},scrollButtons:"auto"}),(0,R.jsx)("div",{className:"page-content",children:(0,R.jsx)(j.component,{})})]})})}var me=s.default.main(le||(le=(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: 24px;\n  }\n"])))},99065:function(e,n,t){"use strict";var a=t(71600);n.Z=void 0;var r=a(t(56930)),s=t(96266),c=(0,r.default)((0,s.jsx)("path",{d:"M12.65 10C11.83 7.67 9.61 6 7 6c-3.31 0-6 2.69-6 6s2.69 6 6 6c2.61 0 4.83-1.67 5.65-4H17v4h4v-4h2v-4H12.65zM7 14c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z"}),"VpnKey");n.Z=c},75506:function(e,n,t){var a=t(74525),r=t(34493),s=t(79689),c=t(44028),o=t(90653),i=t(43401),l=t(98604),u=t(52563),d=Object.prototype.hasOwnProperty;e.exports=function(e){if(null==e)return!0;if(o(e)&&(c(e)||"string"==typeof e||"function"==typeof e.splice||i(e)||u(e)||s(e)))return!e.length;var n=r(e);if("[object Map]"==n||"[object Set]"==n)return!e.size;if(l(e))return!a(e).length;for(var t in e)if(d.call(e,t))return!1;return!0}},5609:function(e,n,t){"use strict";t.d(n,{WU:function(){return l}});var a=["second","minute","hour","day","week","month","year"];var r=["\u79d2","\u5206\u949f","\u5c0f\u65f6","\u5929","\u5468","\u4e2a\u6708","\u5e74"];var s={},c=function(e,n){s[e]=n},o=[60,60,24,7,365/7/12,12];function i(e){return e instanceof Date?e:!isNaN(e)||/^\d+$/.test(e)?new Date(parseInt(e)):(e=(e||"").trim().replace(/\.\d+/,"").replace(/-/,"/").replace(/-/,"/").replace(/(\d)T(\d)/,"$1 $2").replace(/Z/," UTC").replace(/([+-]\d\d):?(\d\d)/," $1$2"),new Date(e))}var l=function(e,n,t){var a=function(e,n){return(+(n?i(n):new Date)-+i(e))/1e3}(e,t&&t.relativeDate);return function(e,n){for(var t=e<0?1:0,a=e=Math.abs(e),r=0;e>=o[r]&&r<o.length;r++)e/=o[r];return(e=Math.floor(e))>(0===(r*=2)?9:1)&&(r+=1),n(e,r,a)[t].replace("%s",e.toString())}(a,function(e){return s[e]||s.en_US}(n))};c("en_US",(function(e,n){if(0===n)return["just now","right now"];var t=a[Math.floor(n/2)];return e>1&&(t+="s"),[e+" "+t+" ago","in "+e+" "+t]})),c("zh_CN",(function(e,n){if(0===n)return["\u521a\u521a","\u7247\u523b\u540e"];var t=r[~~(n/2)];return[e+" "+t+"\u524d",e+" "+t+"\u540e"]}))}}]);