@abtnode/webapp 1.16.25-beta-e3dbef52 → 1.16.25-beta-be3a37f4

package/build/static/js/5672.066bb632.chunk.js

@@ -1 +0,0 @@
-(self.webpackChunk_abtnode_webapp=self.webpackChunk_abtnode_webapp||[]).push([[5672],{32322:(e,n,t)=>{"use strict";n.h1=void 0;const s=t(77277);function i(e){return(null===e||void 0===e?void 0:e.connectedAccounts)||[]}function r(e){return i(e).find((e=>e.provider===s.LOGIN_PROVIDER.WALLET))}n.h1=function(e){const n=r(e);return null===n||void 0===n?void 0:n.did}},15098:(e,n,t)=>{const{ROLES:s,PASSPORT_STATUS:i}=t(35432);e.exports={hasActiveOwnerPassport:e=>((null===e||void 0===e?void 0:e.passports)||[]).some((e=>e.role===s.OWNER&&e.status===i.VALID))}},92726:(e,n,t)=>{"use strict";t.d(n,{Z:()=>x});var s,i=t(71171),r=t(5057),a=t(55898),o=t.n(a),l=t(33518),c=t(67680),d=t(61533),m=t(74490),p=t(45267),u=t(46954),h=t(44067),f=t(96266);function x(e){let{actions:n,size:t,...s}=e;const[i,a]=(0,r.useState)(null),o=Boolean(i),l=e=>{try{e.stopPropagation(),e.preventDefault()}catch{}a(null)};return(0,f.jsxs)(g,{...s,children:[(0,f.jsx)(c.Z,{"aria-label":"more","aria-controls":"actions-menu","aria-haspopup":"true","data-cy":"actions-menu-icon",onClick:e=>{try{e.stopPropagation(),e.preventDefault()}catch{}a(e.currentTarget)},size:t,children:(0,f.jsx)(p.Z,{})}),(0,f.jsx)(d.Z,{id:"actions-menu","data-cy":"actions-menu",anchorEl:i,keepMounted:!0,open:o,onClose:l,PaperProps:{},children:n.map(((e,n)=>{if("function"===typeof e)return e({close:l});const{icon:t,text:s,onClick:i,disabled:a=!1,...o}=e;return(0,r.createElement)(m.Z,{...o,disabled:a,dense:!0,onClick:async e=>{await i(e),l()},key:n,"data-cy":"actions-menu-".concat(n)},(0,f.jsx)(u.Z,{style:{minWidth:24,marginRight:8},children:t}),(0,f.jsx)(h.Z,{primary:s}))}))})]})}x.propTypes={actions:o().array,size:o().oneOf(["small","medium","large"])},x.defaultProps={actions:[],size:"small"};const g=l.Z.div(s||(s=(0,i.Z)([""])))},50185:(e,n,t)=>{"use strict";t.d(n,{Z:()=>c});var s=t(5057),i=t(55898),r=t.n(i),a=t(12937),o=t(68420),l=t(96266);function c(e){let{children:n,...t}=e;const{t:i}=(0,s.useContext)(o.RD);return(0,l.jsx)(a.Z,{tip:i("common.copyTip"),copiedTip:i("common.copiedTip"),...t,children:n})}c.propTypes={children:r().any.isRequired}},9729:(e,n,t)=>{"use strict";t.d(n,{Z:()=>d});var s,i=t(71171),r=t(55898),a=t.n(r),o=t(33518),l=t(13727),c=t(96266);function d(e){const{passport:n,onDelete:t,...s}=e;return(0,c.jsxs)(m,{...s,children:[n.title||n.name," ",!!t&&(0,c.jsx)(l.default,{"data-cy":"delete-issuance",className:"delete",onClick:t})]})}d.propTypes={passport:a().object.isRequired,onDelete:a().func},d.defaultProps={onDelete:null};const m=o.Z.span(s||(s=(0,i.Z)(["\n  display: inline-flex;\n  padding: 2px 8px;\n  background: ",";\n  border-radius: 100vw;\n  font-weight: 400;\n  font-size: 12px;\n  line-height: 22px;\n  color: #fff;\n  align-items: center;\n  .delete {\n    font-size: 1em;\n    margin-left: 6px;\n    cursor: pointer;\n  }\n"])),(e=>e.theme.palette.primary.main))},75672:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>mn});var s,i=t(71171),r=t(5057),a=t(33518),o=t(75506),l=t.n(o),c=t(55898),d=t.n(c),m=t(52277),p=t.n(m),u=t(13128),h=t(75239),f=t(39948),x=t(26174),g=t(88092),v=t(44919),b=t(80578),y=t(72333),j=t(68420),Z=t(28726),C=t(68051),P=t(18945),S=t(49777),w=t(75760),D=t(49384),R=t(35432),k=t(77277),T=t(10381),I=t(42061),E=t(86229),N=t(22228),A=t(17450),z=t(58238),L=t(17425),B=t(29054),_=t(63406),O=t(14491),W=t(44846),U=t(55372),q=t(11750),F=t(74490),M=t(51177),V=t(47020),K=t(6041),J=t(80576),H=t(88574),X=t(50185),$=t(96266);function G(e){let{teamDid:n,roles:t,onCancel:s,onSuccess:i,onError:a,endpoint:o}=e;const{api:l}=(0,z.h6)(),[c,d]=(0,r.useState)(!1),[m,p]=(0,r.useState)(""),{t:h,locale:f}=(0,j.PE)(),[x,g]=(0,r.useState)(0),[v,b]=(0,r.useState)(""),[y,C]=(0,r.useState)(""),[P,S]=(0,r.useState)(""),w=async()=>{if(!y)return void p(h("team.member.error.passportEmpty"));const e=P.trim();p(null),d(!0);try{const{inviteInfo:t}=await l.createMemberInvitation({input:{teamDid:n,role:y,remark:e}});b(t),g(1)}catch(t){const e=(0,O.Z)(t);p(e),a(t)}finally{d(!1)}},D=[{body:(0,$.jsxs)(q.Z,{component:"div",children:[(0,$.jsxs)(J.Z,{style:{width:"100%"},variant:"outlined",children:[(0,$.jsx)(K.Z,{children:h("common.passport")}),(0,$.jsx)(M.Z,{"data-cy":"invite-member-select-role",value:y,onChange:e=>{p(null),C(e.target.value)},fullWidth:!0,label:h("common.passport"),disabled:c,onKeyPress:e=>{"Enter"===e.key&&(e.preventDefault(),w())},children:t.filter((e=>"owner"!==e.name)).map((e=>(0,$.jsx)(F.Z,{value:e.name,"data-cy":"invite-member-select-option-".concat(e.name),children:(0,$.jsx)("span",{children:e.title||e.name})},e.name)))})]}),(0,$.jsx)("div",{style:{marginTop:20,marginBottom:10}}),(0,$.jsx)(V.Z,{label:h("common.remark"),autoComplete:"off",variant:"outlined",fullWidth:!0,style:{marginBottom:8},value:P,onChange:e=>{p(null),S(e.target.value)},disabled:c,"data-cy":"invite-member-input-remark"}),(0,$.jsx)("div",{style:{marginTop:20,marginBottom:10}})]}),cancel:h("common.cancel"),confirm:h("team.member.inviteDialog.createInviteLink"),onCancel:s,onConfirm:w},{body:()=>{const e=(0,O.ly)({inviteId:v.inviteId,endpoint:o});return(0,$.jsxs)("div",{children:[(0,$.jsx)(Y,{children:h("team.member.inviteDialog.createSuccessTip",{expireDate:(0,O.B2)(v.expireDate,f)})}),(0,$.jsx)("div",{style:{marginTop:"40px"}}),(0,$.jsx)(X.Z,{children:e})]})},confirm:h("common.confirm"),onConfirm:i}][x];return(0,$.jsxs)(u.ZP,{title:h("common.invite"),fullWidth:!0,open:!0,showCloseButton:!1,actions:(0,$.jsxs)($.Fragment,{children:[D.cancel&&(0,$.jsx)(Z.Z,{onClick:D.onCancel,color:"inherit",children:D.cancel}),(0,$.jsxs)(Z.Z,{onClick:D.onConfirm,color:"primary",disabled:c||!y,variant:"contained",autoFocus:!0,children:[c&&(0,$.jsx)(W.Z,{size:16}),D.confirm]})]}),children:[(0,$.jsx)(U.Z,{component:"div",children:"function"===typeof D.body?D.body():D.body}),!!m&&(0,$.jsx)(H.Z,{type:"error",variant:"icon",children:m})]})}G.propTypes={teamDid:d().string.isRequired,onCancel:d().func.isRequired,onSuccess:d().func.isRequired,onError:d().func,roles:d().array,endpoint:d().string},G.defaultProps={onError:()=>{},roles:[],endpoint:""};const Y=a.Z.div(s||(s=(0,i.Z)(["\n  font-size: 16px;\n  font-weight: bold;\n"])));var Q,ee=t(26796),ne=t(43681),te=t.n(ne),se=t(22425),ie=t(73545);function re(e){let{teamDid:n,onCancel:t,onSuccess:s,onError:i,endpoint:a}=e;const{api:o,info:l}=(0,z.h6)(),{api:c}=(0,r.useContext)(ie.B),[d,m]=(0,r.useState)(!1),{t:p,locale:h}=(0,j.PE)(),[f,x]=(0,r.useState)(""),[g,v]=(0,r.useState)(!1),[b,y]=(0,r.useState)(0),[C,P]=(0,r.useState)(""),[S,w]=(0,r.useState)(""),D=!!te()(l,"ownerNft.did"),R=(0,ee.default)((async()=>{if(D){const{state:e}=await o.getDelegationState();return e}return{delegated:!0}}));if(R.loading)return(0,$.jsx)(u.ZP,{title:p("team.transferNode.inviteDialog.title"),fullWidth:!0,open:!0,onClose:t,children:(0,$.jsx)("div",{style:{display:"flex",justifyContent:"center"},children:(0,$.jsx)(W.Z,{})})});if(R.error)return(0,$.jsx)(u.ZP,{title:p("team.transferNode.inviteDialog.title"),fullWidth:!0,open:!0,onClose:t,children:(0,$.jsx)(H.Z,{type:"error",variant:"icon",children:(0,O.Z)(R.error)})});const k=async()=>{x(null),m(!0);try{const{inviteInfo:e}=await o.createTransferInvitation({input:{teamDid:n,role:"owner",remark:S.trim()}});P(e),y(I.length-1)}catch(e){const n=(0,O.Z)(e);x(n),i(e)}finally{m(!1)}},T=()=>{v(!1),y(0)},I=[{body:(0,$.jsxs)(q.Z,{component:"div",children:[(0,$.jsxs)(H.Z,{type:"warning",children:[(0,$.jsx)(q.Z,{children:p("team.transferNode.inviteDialog.tips.progress")}),(0,$.jsx)(q.Z,{children:p("team.transferNode.inviteDialog.tips.newOwnerPermissions")})]}),(0,$.jsx)(H.Z,{type:"warning",children:(0,$.jsx)(q.Z,{children:p("team.transferNode.inviteDialog.tips.revoke")})}),(0,$.jsx)("div",{style:{marginTop:20,marginBottom:10}}),(0,$.jsx)(V.Z,{label:p("common.remark"),autoComplete:"off",variant:"outlined",fullWidth:!0,style:{marginBottom:8},value:S,onChange:e=>{x(null),w(e.target.value)},disabled:d,"data-cy":"transfer-node-input-remark"}),(0,$.jsx)("div",{style:{marginTop:20,marginBottom:10}})]}),cancel:p("common.cancel"),confirm:p("team.transferNode.inviteDialog.createInviteLink"),onCancel:t,onConfirm:D&&!te()(R,"value.delegated")?()=>{v(!0),y(1)}:k},{body:()=>(0,$.jsx)(se.Z,{action:"delegate-transfer-nft",open:g,locale:h,checkFn:c.get,onClose:T,onSuccess:k,checkTimeout:3e5,webWalletUrl:(0,O.yP)(l),extraParams:{targetDID:l.did},messages:{title:p("team.transferNode.delegateDialog.title"),scan:p("team.transferNode.delegateDialog.scan"),confirm:p("team.transferNode.delegateDialog.confirm"),success:p("team.transferNode.delegateDialog.success")},popup:!0})},{body:()=>{const e=(0,O.ly)({inviteId:C.inviteId,endpoint:a});return(0,$.jsxs)("div",{children:[(0,$.jsx)(ae,{children:p("team.transferNode.inviteDialog.createSuccessTip",{expireDate:(0,O.B2)(C.expireDate,h)})}),(0,$.jsx)("div",{style:{marginTop:"40px"}}),(0,$.jsx)(X.Z,{children:e})]})},confirm:p("common.confirm"),onConfirm:s}],E=I[b];return(0,$.jsxs)(u.ZP,{title:p("team.transferNode.inviteDialog.title"),fullWidth:!0,open:!0,showCloseButton:!1,actions:(0,$.jsxs)($.Fragment,{children:[E.cancel&&(0,$.jsx)(Z.Z,{onClick:E.onCancel,color:"inherit",children:E.cancel}),(0,$.jsxs)(Z.Z,{onClick:E.onConfirm,color:"primary",disabled:d,variant:"contained",autoFocus:!0,children:[d&&(0,$.jsx)(W.Z,{size:16}),E.confirm]})]}),children:[(0,$.jsx)(U.Z,{component:"div",children:"function"===typeof E.body?E.body():E.body}),!!f&&(0,$.jsx)(H.Z,{type:"error",variant:"icon",children:f})]})}re.propTypes={teamDid:d().string.isRequired,onCancel:d().func.isRequired,onSuccess:d().func.isRequired,onError:d().func,endpoint:d().string},re.defaultProps={onError:()=>{},endpoint:""};const ae=a.Z.div(Q||(Q=(0,i.Z)(["\n  font-size: 16px;\n  font-weight: bold;\n"])));var oe,le=t(62681),ce=t(94464),de=t(64886),me=t(12987),pe=t(71246),ue=t(12673),he=t(70461),fe=t(9729);function xe(e){let{issuances:n,teamDid:t,onRefresh:s}=e;const{api:i,inService:a}=(0,z.h6)(),{t:o,locale:l}=(0,r.useContext)(j.RD),[c,d]=(0,r.useState)(null),[m,p]=(0,r.useState)(!1),{endpoint:u}=(0,L.DJ)(),h=()=>{p(!1),d(null)},x=e=>u?(0,O._)({id:e.id,endpoint:u}):"";function g(e){let{data:n}=e;return(0,$.jsxs)("div",{className:"issuance",children:[(0,$.jsxs)(f.Z,{display:"flex",justifyContent:"space-between",children:[(0,$.jsx)(_.Z,{permission:a?"":"mutate_team",role:a?O.Wf:[],children:e=>e?(0,$.jsx)(fe.Z,{passport:{title:n.title,name:n.name},onDelete:()=>d({title:o("team.passport.issuance.delete.title"),description:o("team.passport.issuance.delete.description",{link:x(n)}),confirm:o("common.delConfirm"),cancel:o("common.cancel"),onConfirm:()=>{(async e=>{let{id:n}=e;if(!m){p(!0);try{await i.deletePassportIssuance({input:{teamDid:t,sessionId:n}}),s()}catch(r){E.Z.error(r.message)}finally{p(!1),d(null)}}})(n)},onCancel:h})}):(0,$.jsx)(fe.Z,{passport:{title:n.title,name:n.name}})}),(0,$.jsxs)("div",{style:{color:"#999"},children:[o("common.expires"),":\xa0",(0,O.B2)(n.expireDate,l)]})]}),(0,$.jsx)(f.Z,{mt:2,children:(0,$.jsx)(X.Z,{children:x(n)})})]})}return(0,$.jsxs)(ge,{children:[n.map((e=>(0,$.jsx)(g,{data:e}))),c&&(0,$.jsx)(he.Z,{title:c.title,description:c.description,confirm:c.confirm,cancel:c.cancel,params:c.params,onConfirm:c.onConfirm,onCancel:c.onCancel})]})}const ge=a.Z.div(oe||(oe=(0,i.Z)(["\n  .MuiTableHead-root {\n    display: none;\n  }\n  .issuance {\n    padding: 16px 0;\n    border-bottom: 1px solid #f0f0f0;\n    .MuiTypography-root {\n      display: inline-block;\n      width: 100%;\n      background: #f3f3f3;\n      border-radius: 4px;\n      padding-top: 6px;\n      padding-bottom: 6px;\n    }\n  }\n"])));xe.propTypes={teamDid:d().string.isRequired,issuances:d().array,onRefresh:d().func},xe.defaultProps={issuances:[],onRefresh:()=>{}};var ve=t(5178),be=t(32322),ye=t(87806),je=t(25710),Ze=t(82638),Ce=t(18901);function Pe(e){let{teamDid:n,ownerDid:t,needReceive:s,roles:i,onCancel:a,onSuccess:o,onError:l,showOwnerPassport:c}=e;const{api:d}=(0,z.h6)(),[m,p]=(0,r.useState)(!1),[h,f]=(0,r.useState)(""),{t:x}=(0,j.PE)(),[g,v]=(0,r.useState)(""),b=async()=>{if(g){f(null),p(!0);try{await d.createPassportIssuance({input:{teamDid:n,name:g,ownerDid:t}}),o()}catch(e){const n=(0,O.Z)(e);f(n),l(e)}finally{p(!1)}}else f(x("team.member.error.passportEmpty"))};return(0,$.jsxs)(u.ZP,{title:x("team.passport.issue"),fullWidth:!0,open:!0,onClick:e=>e.stopPropagation(),onClose:a,disableEscapeKeyDown:!0,PaperProps:{style:{minHeight:"auto"}},actions:(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(Z.Z,{onClick:a,color:"inherit",size:"small",children:x("common.cancel")}),(0,$.jsxs)(Z.Z,{onClick:b,color:"primary",size:"small",disabled:m||!g,variant:"contained",autoFocus:!0,"data-cy":"issue-passport-create-btn",children:[m&&(0,$.jsx)(W.Z,{size:16}),x(s?"team.passport.issuance.create.title":"oauth.issued")]})]}),children:[(0,$.jsx)(U.Z,{component:"div",children:(0,$.jsx)(q.Z,{component:"div",children:(0,$.jsxs)(J.Z,{style:{width:"100%"},variant:"outlined",children:[(0,$.jsx)(K.Z,{children:x("common.passport")}),(0,$.jsx)(M.Z,{"data-cy":"issue-passport-select-passport",value:g,onChange:e=>{f(null),v(e.target.value)},fullWidth:!0,label:x("common.passport"),disabled:m,onKeyPress:e=>{"Enter"===e.key&&(e.preventDefault(),b())},children:i.filter((e=>c||"owner"!==e.name)).map((e=>(0,$.jsx)(F.Z,{value:e.name,"data-cy":"issue-passport-select-option-".concat(e.name),children:(0,$.jsx)("span",{children:e.title||e.name})},e.name)))})]})})}),!!h&&(0,$.jsx)(H.Z,{type:"error",variant:"icon",children:h})]})}Pe.propTypes={teamDid:d().string.isRequired,ownerDid:d().string.isRequired,needReceive:d().bool,onCancel:d().func.isRequired,onSuccess:d().func.isRequired,onError:d().func,roles:d().array,showOwnerPassport:d().bool},Pe.defaultProps={onError:()=>{},roles:[],showOwnerPassport:!1,needReceive:!0};var Se,we=t(26538),De=t.n(we);function Re(e){let{passport:n,user:t,color:s,width:i,icon:r,children:a,createPassportSvg:o,...l}=e;const{t:c}=(0,j.PE)();return(0,$.jsxs)(ke,{display:"flex",alignItems:"center",...l,children:[(0,$.jsx)("div",{dangerouslySetInnerHTML:{__html:o({title:n.title||n.name,issuer:n.issuer&&n.issuer.name,issuerDid:n.issuer&&n.issuer.id,ownerName:t.fullName,ownerDid:t.did,ownerAvatarUrl:t.avatar,revoked:n.revoked,preferredColor:s,width:i})}}),(0,$.jsxs)("div",{className:"body",children:[(0,$.jsxs)(f.Z,{className:"title",display:"flex",alignItems:"center",children:[De()(n.title),(0,$.jsxs)("div",{className:"status-icons",children:[r,n.revoked&&(0,$.jsx)(ye.Z,{})]})]}),n.expirationDate&&(0,$.jsx)(f.Z,{className:"title",display:"flex",alignItems:"center",children:c("team.passport.validUntil",{date:n.expirationDate})}),a]})]})}Re.propTypes={passport:d().any.isRequired,user:d().any.isRequired,color:d().string.isRequired,createPassportSvg:d().func.isRequired,icon:d().any,children:d().any,width:d().number},Re.defaultProps={icon:null,children:null,width:150};const ke=(0,a.Z)(f.Z)(Se||(Se=(0,i.Z)(["\n  .body {\n    padding: 0;\n    margin-left: 24px;\n    margin-top: 0;\n  }\n  .title {\n    font-weight: 400;\n    font-size: 16px;\n    line-height: 19px;\n    color: #222222;\n  }\n  .tip {\n    display: flex;\n    align-items: center;\n    font-size: 14px;\n    margin-top: 6px;\n    color: #bbb;\n  }\n  .status-icons {\n    svg {\n      fill: #bfbfbf;\n      height: 1.2em;\n      margin-left: 0.4em;\n    }\n  }\n"])));var Te;function Ie(e){let{action:n,passport:t}=e;const{t:s}=(0,j.PE)(),{roles:i}=(0,L.DJ)(),r=i.find((e=>e.name===t.role));return(0,$.jsxs)("div",{children:[(0,$.jsx)("div",{children:s("enable"===n?"team.member.enablePassportDescription":"team.member.revokePassportDescription")}),r&&(0,$.jsx)(f.Z,{mt:3,fontWeight:"bold",children:s("team.member.passportPermissionTitle")}),r&&(0,$.jsx)(f.Z,{mt:1,children:r.description})]})}function Ee(e){var n;let{user:t,onCreate:s,createPassportSvg:i}=e;const{t:a}=(0,j.PE)(),{session:o}=(0,ie.T)(),{roles:l,teamDid:c,teamIssuerDid:d,refresh:m,enablePassportIssuance:p,trustedPassports:u,passportColor:x,blocklet:g}=(0,L.DJ)(),{appIdList:b}=(0,B.y0)(),{api:y,inService:C}=(0,z.h6)(),[S,w]=(0,r.useState)(!1),[D,k]=(0,r.useState)(null),[T,I]=(0,r.useState)(!1),[N,A]=(0,r.useState)(""),W=[d,...b||[]].filter(Boolean),U=(te()(t,"passports")||[]).map((e=>({...e,revoked:e.status===R.PASSPORT_STATUS.REVOKED}))),q=async e=>{if(!S){w(!0);try{const n=e.status===R.PASSPORT_STATUS.REVOKED?"enableUserPassport":"revokeUserPassport";await y[n]({input:{teamDid:c,userDid:t.did,passportId:e.id}}),m()}catch(n){E.Z.error((0,O.Z)(n))}finally{w(!1),k(null)}}},F=(e,n)=>t.did===o.user.did&&o.user.passportId&&o.user.passportId===n.id?{revokable:!1,message:a("team.passport.shouldNotDeleteCurrent")}:e?c===n.issuer.id&&"owner"===n.name?{revokable:!1,message:a("team.passport.noPermission")}:{revokable:!0}:{revokable:!1,message:a("team.passport.noPermission")},M=U.filter((e=>!N||e.title.includes(N)||e.name.includes(N)));return(0,$.jsxs)(Ne,{children:[(0,$.jsxs)(Ce.Z,{children:[(0,$.jsx)("div",{className:"left",children:(0,$.jsx)(Ze.Z,{placeholder:a("team.passport.search"),value:N,onChange:e=>A(e.target.value)})}),(0,$.jsx)("div",{className:"right",children:p&&!!t.approved&&(0,$.jsx)(_.Z,{permission:C?"":"mutate_team",role:C?O.Wf:[],children:(0,$.jsxs)(Z.Z,{variant:"contained",color:"primary","data-cy":"issue-passport",onClick:()=>I(!0),children:[(0,$.jsx)(v.Z,{style:{fontSize:16,marginRight:4}}),a("team.passport.issue")]})})})]}),(0,$.jsxs)(f.Z,{children:[M.map((e=>(0,$.jsx)(_.Z,{permission:C?"":"mutate_team",role:C?O.Wf:[],children:n=>(0,$.jsxs)(f.Z,{className:"passport-item",display:"flex",justifyContent:"space-between",alignItems:"center",mt:3,children:[(0,$.jsx)(Re,{passport:e,user:t,color:x,createPassportSvg:i,icon:W.length&&!W.includes(e.issuer.id)?(0,$.jsx)(P.Z,{}):null,children:!!W.length&&!W.includes(e.issuer.id)&&(0,$.jsxs)("div",{className:"tip",children:[e.issuer.id!==d&&!u.some((n=>n.issuerDid===e.issuer.id))&&(0,$.jsx)(h.Z,{title:a("team.passport.notTrustedIssuerTip"),children:(0,$.jsx)(f.Z,{component:ve.Z,style:{fontSize:"1.3em"},color:"error.main",mr:.5})}),(0,$.jsx)("span",{children:a("team.passport.issueBy",{name:e.issuer.name})})]})}),(0,$.jsx)(f.Z,{children:F(n,e).revokable?(0,$.jsxs)(Z.Z,{variant:"outlined",color:e.revoked?"primary":"secondary",onClick:()=>{return(n=e).status===R.PASSPORT_STATUS.REVOKED?k({title:a("team.member.enablePassport"),description:(0,$.jsx)(Ie,{action:"enable",passport:n}),confirm:a("common.enable"),cancel:a("common.cancel"),onConfirm:()=>{q(n)},onCancel:()=>{w(!1),k(null)},color:"primary"}):k({title:a("team.member.revokePassport"),description:(0,$.jsx)(Ie,{action:"revoke",passport:n}),confirm:a("common.revoke"),cancel:a("common.cancel"),onConfirm:()=>{q(n)},onCancel:()=>{w(!1),k(null)}});var n},children:[e.revoked?(0,$.jsx)(v.Z,{style:{fontSize:16,marginRight:4}}):(0,$.jsx)(ye.Z,{style:{height:16,marginRight:4}}),e.revoked?a("common.enable"):a("common.revoke")]}):(0,$.jsx)(h.Z,{title:F(n,e).message,children:(0,$.jsx)(ve.Z,{style:{color:"#ddd"}})})})]})},e.id))),!M.length&&(0,$.jsx)(je.Z,{children:a("common.empty")})]}),T&&(0,$.jsx)(Pe,{teamDid:c,ownerDid:t.did,needReceive:(0,be.h1)(t)===t.did,roles:l,onCancel:()=>I(!1),onSuccess:()=>{s(),I(!1)},showOwnerPassport:g&&!(null!==(n=g.settings)&&void 0!==n&&n.owner)}),D&&(0,$.jsx)(he.Z,{title:D.title,description:D.description,confirm:D.confirm,cancel:D.cancel,params:D.params,onConfirm:D.onConfirm,onCancel:D.onCancel,color:D.color})]})}Ie.propTypes={action:d().string.isRequired,passport:d().object.isRequired},Ie.defaultProps={},Ee.propTypes={user:d().object.isRequired,createPassportSvg:d().func.isRequired,onCreate:d().func},Ee.defaultProps={onCreate:()=>{}};const Ne=a.Z.div(Te||(Te=(0,i.Z)(["\n  .passport-item {\n    .MuiButton-outlinedSecondary {\n      color: #f16e6e;\n      fill: #f16e6e;\n      background: #fcf3f3;\n      border: 0;\n      &:hover {\n        border: 0;\n      }\n    }\n  }\n"])));var Ae=t(15098);const ze=(e,n)=>e.nodeOwner&&e.nodeOwner.did===n,Le=(e,n)=>e&&e.did===n;function Be(e){let{user:n,onCancel:t,onSuccess:s,onError:i,children:a}=e;const{api:o,info:l,inService:c}=(0,z.h6)(),{session:d}=(0,ie.T)(),{teamDid:m,refresh:p}=(0,L.DJ)(),{t:u}=(0,j.PE)(),[h,f]=(0,r.useState)(!1),[x,g]=(0,r.useState)(!1),v={title:n.approved?u("team.member.forbidLogin"):u("team.member.allowLogin"),description:n.approved?u("team.member.forbidLoginDescription"):u("team.member.allowLoginDescription"),confirm:u("common.confirm"),cancel:u("common.cancel"),onConfirm:()=>{(async e=>{const{did:n,approved:t}=e;if(!h){f(!0);try{await o.updateUserApproval({input:{teamDid:m,user:{did:n,approved:!t}}}),g(!1),s(),p()}catch(r){E.Z.error((0,O.Z)(r)),i()}finally{f(!1)}}})(n)},onCancel:()=>{f(!1),g(!1),t()},color:n.approved?"error":"primary"};let b;return b=!(0,Ae.hasActiveOwnerPassport)(n)&&((c||l.nodeOwner&&!ze(l,n.did))&&!Le(d.user,n.did)),b?(0,$.jsxs)($.Fragment,{children:["function"===typeof a?a({can:b,open:()=>g(!0)}):a,x?(0,$.jsx)(he.Z,{title:v.title,description:v.description,confirm:v.confirm,cancel:v.cancel,params:v.params,onConfirm:v.onConfirm,onCancel:v.onCancel,color:v.color}):null]}):null}Be.propTypes={user:d().object,onSuccess:d().func,onCancel:d().func,onError:d().func,children:d().oneOfType([d().object,d().func])},Be.defaultProps={user:{},onSuccess:()=>{},onCancel:()=>{},onError:()=>{},children:null};var _e,Oe,We,Ue=t(6352),qe=t.n(Ue);function Fe(e,n,t){if(e&&e.startsWith(R.USER_AVATAR_URL_PREFIX)){const s=window.env.apiPrefix||"/";return t?qe()(s,R.USER_AVATAR_PATH_PREFIX,e.replace(R.USER_AVATAR_URL_PREFIX,"")):qe()(s,R.USER_AVATAR_PATH_PREFIX,n,e.replace(R.USER_AVATAR_URL_PREFIX,""))}return e}function Me(e){let{user:n}=e;return(n.connectedAccounts||[]).map((e=>(0,$.jsx)(de.Z,{style:{alignItems:"flex-start"},valueComponent:"div",nameWidth:120,name:e.provider,children:(0,$.jsx)(A.Z,{did:e.did})},e.did)))}Me.propTypes={user:d().object.isRequired},Me.defaultProps={},d().string.isRequired;const Ve="info";function Ke(e){let{userDid:n,onCancel:t,initTab:s,createPassportSvg:i}=e;const{api:a,ws:{useSubscription:o},inService:l}=(0,z.h6)(),{roles:c,teamDid:d,enablePassportIssuance:m}=(0,L.DJ)(),{t:p,locale:h}=(0,j.PE)(),x=(0,ue.Z)({user:null,issuances:null,tab:s||Ve}),g=async(e,n)=>{try{const t=await a.doBatchQuery({getUser:{input:{teamDid:e,user:{did:n},options:{includeTags:!0}}},getPassportIssuances:{input:{teamDid:e,ownerDid:n}}});t.getUser.user&&(t.getUser.user.avatar=Fe(t.getUser.user.avatar,e,l),t.getUser.user.passports=(t.getUser.user.passports||[]).filter((e=>e.issuer))),x.user=t.getUser.user||{},x.issuances=t.getPassportIssuances.list||[]}catch(t){E.Z.error((0,O.Z)(t))}};(0,r.useEffect)((()=>{d&&g(d,n)}),[n,d]);o(k.TeamEvents.userUpdated,(e=>{e.teamDid===d&&e.user&&e.user.did===n&&g(d,n)}),[n,d]),(0,r.useEffect)((()=>{x.issuances&&!x.issuances.length&&"issuances"===x.tab&&(x.tab=Ve)}),[x.issuances]);const v=async e=>{await g(d,e.did),x.tab=Ve},b={auth0:"Auth0",wallet:"DID wallet",federated:"Federated"},y={info:{label:p("common.basicInfo"),value:Ve,component:()=>{var e,n;return(x.user?[{name:p("team.member.name"),value:x.user.fullName},{name:p("common.email"),value:x.user.email},{name:p("team.member.source"),value:(0,$.jsx)(f.Z,{display:"flex",alignItems:"center",children:b[(null===(e=x.user)||void 0===e?void 0:e.sourceProvider)||R.USER_TYPE.WALLET]||(null===(n=x.user)||void 0===n?void 0:n.sourceProvider)})},{name:p("team.member.allowLogin"),value:x.user.approved?p("common.yes"):p("common.no")},{name:p("team.member.lastLogin"),value:(0,O.B2)(x.user.lastLoginAt,h)},{name:p("team.member.lastLoginIp"),value:x.user.lastLoginIp||""},{name:p("common.createdAt"),value:(0,O.B2)(x.user.createdAt,h)},{name:p("common.remark"),value:x.user.remark||"--"},Array.isArray(x.user.tags)&&x.user.tags.length>0?{name:p("common.tags"),value:x.user.tags.map((e=>(0,$.jsx)(N.Z,{style:{background:e.color,color:(0,S.getTextColor)(e.color),marginRight:4},children:e.title},e.id)))}:null].filter(Boolean):[]).map((e=>e.name===p("common.did")?(0,$.jsx)(de.Z,{valueComponent:"div",nameWidth:120,name:e.name,nameFormatter:()=>p("common.did"),children:e.value},e.name):(0,$.jsx)(de.Z,{style:{alignItems:"flex-start"},valueComponent:"div",nameWidth:120,name:e.name,children:e.value},e.name)))}},oauth:{label:p("team.member.connectedAccounts"),value:"oauth",component:()=>(0,$.jsx)(Me,{user:x.user,onChangeUser:v})},passports:{label:p("common.passport"),value:"passports",component:()=>(0,$.jsx)(Ee,{user:x.user,teamDid:d,roles:c,createPassportSvg:i,onCreate:()=>{g(d,n).then((()=>{m&&x.issuances&&x.issuances.length&&(x.tab="issuances")}))},onRefresh:()=>{g(d,n)}})},issuances:{label:p("team.passport.issuance.pending"),value:"issuances",component:()=>(0,$.jsx)(xe,{issuances:x.issuances||[],teamDid:d,onRefresh:()=>g(d,n)})}},Z=Object.values(y).map((e=>{let{label:n,value:t}=e;return{label:n,value:t}})).filter((e=>{if("issuances"===e.value)return m&&x.issuances&&!!x.issuances.length;if("oauth"===e.value){var n;return((null===(n=x.user)||void 0===n?void 0:n.connectedAccounts)||[]).find((e=>{var n;return e.provider!==((null===(n=x.user)||void 0===n?void 0:n.sourceProvider)||k.LOGIN_PROVIDER.WALLET)}))}return!0})),C=y[x.tab]||y.info;return(0,$.jsx)(u.ZP,{title:p("common.member"),onClose:t,open:!0,PaperProps:{style:{maxWidth:632,minHeight:"80vh"}},fullWidth:!0,actions:x.user&&(0,$.jsx)(_.Z,{permission:l?"":"mutate_team",role:l?O.Wf:[],children:(0,$.jsx)(Be,{user:x.user,children:e=>{let{open:n}=e;return(0,$.jsxs)(Xe,{onClick:n,children:[x.user.approved?(0,$.jsx)(me.Z,{style:{fontSize:"1.2em",marginRight:"0.4em"}}):(0,$.jsx)(pe.Z,{style:{fontSize:"1.2em",marginRight:"0.4em"}}),x.user.approved?p("team.member.forbidLogin"):p("team.member.allowLogin")]})}})}),children:(0,$.jsxs)(Je,{children:[!x.user&&(0,$.jsx)(He,{children:(0,$.jsx)(W.Z,{})}),x.user&&(0,$.jsxs)("div",{children:[(0,$.jsxs)(f.Z,{display:"flex",alignItems:"center",className:"info",children:[(0,$.jsx)(le.Z,{src:x.user.avatar,style:{width:48,height:48,backgroundColor:"transparent",marginRight:16}}),(0,$.jsxs)(f.Z,{children:[(0,$.jsx)(f.Z,{className:"name",children:x.user.fullName}),(0,$.jsx)(f.Z,{className:"did",mt:1,children:(0,$.jsx)(A.Z,{did:x.user.did})})]})]}),(0,$.jsx)(f.Z,{mx:3,className:"tabs",children:(0,$.jsx)(ce.Z,{tabs:Z,current:x.tab,onChange:e=>{x.tab=e},scrollButtons:"auto"})}),(0,$.jsx)("div",{className:"body",children:(0,$.jsx)(C.component,{})})]})]})})}Ke.propTypes={userDid:d().string.isRequired,onCancel:d().func.isRequired,createPassportSvg:d().func.isRequired,initTab:d().string},Ke.defaultProps={initTab:Ve};const Je=a.Z.div(_e||(_e=(0,i.Z)(["\n  .info {\n    .name {\n      font-weight: 400;\n      font-size: 18px;\n      line-height: 25px;\n      color: #222222;\n    }\n  }\n\n  .tabs {\n    margin-top: 24px;\n    margin-left: 0;\n    margin-right: 0;\n  }\n\n  .body {\n    margin-top: 24px;\n  }\n"]))),He=a.Z.div(Oe||(Oe=(0,i.Z)(["\n  flex: 1;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 200px;\n"]))),Xe=a.Z.div(We||(We=(0,i.Z)(["\n  flex-shrink: 0;\n  width: 100%;\n  height: 64px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  color: #999;\n  fill: #999;\n  font-size: 16px;\n  border-top: 1px solid #f0f0f0;\n  position: sticky;\n  bottom: 0;\n  background: #fff;\n  z-index: 10;\n"])));var $e,Ge=t(27773);function Ye(){const{api:e,inService:n}=(0,z.h6)(),{t:t,locale:s}=(0,r.useContext)(j.RD),{teamDid:i,invitations:a,refresh:o,endpoint:l}=(0,L.DJ)(),[c,d]=(0,r.useState)(null),[m,p]=(0,r.useState)(!1),u=()=>{p(!1),d(null)},h=e=>l?(0,O.ly)({inviteId:e.inviteId,endpoint:l}):"",f=[{label:t("team.inviting.link"),name:"inviteId",options:{sort:!1,customBodyRenderLite:e=>{const n=a[e];return l?(0,$.jsx)(X.Z,{children:h(n)}):(0,$.jsx)(W.Z,{size:16})}}},{label:t("common.role"),name:"role",widtn:70},{label:t("common.remark"),name:"remark",options:{customBodyRender:e=>e||"--"}},{label:t("team.inviting.inviter"),name:"inviter.fullName",options:{sort:!1,customBodyRender:(e,n)=>{var t;let{rowIndex:s}=n;const i=a[s];return null===i||void 0===i||null===(t=i.inviter)||void 0===t?void 0:t.fullName}}},{label:t("common.expires"),name:"expireDate",options:{customBodyRender:e=>(0,$.jsx)(D.Z,{value:e,locale:s})}},{label:t("common.actions"),name:"",width:100,align:"center",options:{sort:!1,customBodyRenderLite:s=>{const r=a[s];return(0,$.jsx)(_.Z,{permission:n?"":"mutate_team",role:n?O.Wf:[],children:(0,$.jsxs)(Z.Z,{onClick:()=>d({title:t("team.inviting.delete.title"),description:t("team.inviting.delete.description",{link:h(r)}),confirm:t("common.delConfirm"),cancel:t("common.cancel"),onConfirm:()=>(async n=>{let{inviteId:t}=n;if(!m){p(!0);try{await e.deleteInvitation({input:{teamDid:i,inviteId:t}}),o(),await(0,O._v)(800)}catch(s){console.error(s)}finally{p(!1),d(null)}}})(r),onCancel:u}),size:"small",color:"error",variant:"text",children:[(0,$.jsx)(Ge.default,{style:{fontSize:"1.2em"}}),t("common.delete")]})})}}}];return(0,$.jsxs)(Qe,{children:[a.length?(0,$.jsx)(w.Z,{locale:s,data:[...a],columns:f,verticalKeyWidth:100,options:{download:!1,filter:!1,print:!1}}):(0,$.jsx)(je.Z,{children:t("common.empty")}),c&&(0,$.jsx)(he.Z,{title:c.title,description:c.description,confirm:c.confirm,cancel:c.cancel,params:c.params,onConfirm:c.onConfirm,onCancel:c.onCancel})]})}const Qe=a.Z.div($e||($e=(0,i.Z)(["\n  margin-top: -20px;\n"])));Ye.propTypes={},Ye.defaultProps={};var en,nn=t(46954),tn=t(44067),sn=t(92726);function rn(e){let{user:n,onIssuePassport:t}=e;const{teamDid:s,roles:i}=(0,L.DJ)(),{t:a}=(0,r.useContext)(j.RD),[o,l]=(0,r.useState)(!1);return(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(sn.Z,{"data-cy":"member-actions",actions:[{icon:(0,$.jsx)(v.Z,{fontSize:"small"}),text:a("team.passport.issue"),"data-cy":"action-issue-passport",onClick:e=>{e.stopPropagation(),l(!0)}},e=>{let{close:t}=e;return(0,$.jsx)(Be,{user:n,children:e=>{let{open:s}=e;return(0,$.jsxs)(F.Z,{dense:!0,onClick:e=>{e.stopPropagation(),t(),s(e)},"data-cy":"action-toggle-block",children:[(0,$.jsx)(nn.Z,{style:{minWidth:24,marginRight:8},children:n.approved?(0,$.jsx)(me.Z,{}):(0,$.jsx)(pe.Z,{})}),(0,$.jsx)(tn.Z,{primary:n.approved?a("team.member.forbidLogin"):a("team.member.allowLogin")})]})}},"toggle-approval")}]}),o&&(0,$.jsx)(Pe,{teamDid:s,ownerDid:n.did,needReceive:(0,be.h1)(n)===n.did,roles:i,onCancel:()=>l(!1),onSuccess:()=>{t(),l(!1)}})]})}rn.propTypes={user:d().object.isRequired,onIssuePassport:d().func},rn.defaultProps={onIssuePassport:()=>{}};const an="$all",on="$none",ln=(e,n)=>{const t=e.find((e=>e.key===n));return(null===t||void 0===t?void 0:t.value)||0},cn=(e,n)=>{const t=e.passports||[];return!!t.length&&!t.some((e=>{var t;return n.includes(null===(t=e.issuer)||void 0===t?void 0:t.id)}))};function dn(e){let{user:n}=e;const{t:t}=(0,r.useContext)(j.RD),s=(0,$.jsxs)("div",{className:"member-block",children:[(0,$.jsxs)("div",{className:"member-avatar",children:[(0,$.jsx)(y.Z,{src:"".concat(n.avatar,"?imageFilter=resize&w=48&h=48"),size:32,did:n.did,shape:"circle",style:{borderRadius:"100%",overflow:"hidden"}}),!n.approved&&(0,$.jsx)("did",{className:"badge-block"}),n.isFromExternal&&(0,$.jsx)(h.Z,{title:t("team.passport.externalPassport"),children:(0,$.jsx)(f.Z,{ml:1,className:"icon",children:(0,$.jsx)(P.Z,{})})})]}),(0,$.jsxs)("div",{className:"member-meta",children:[(0,$.jsx)("div",{className:"member-text",children:n.fullName}),Array.isArray(n.tags)&&n.tags.length>0&&(0,$.jsx)("div",{className:"member-tags",children:n.tags.map((e=>(0,$.jsx)(N.Z,{style:{background:e.color,color:(0,S.getTextColor)(e.color),marginRight:4},children:e.title},e.id)))})]})]});return n.approved?s:(0,$.jsx)(f.Z,{display:"flex",alignItems:"center",children:(0,$.jsx)(h.Z,{title:t("team.member.forbidLoginDescription"),children:s})})}function mn(e){let{type:n,createPassportSvg:t}=e;const{appIdList:s=[]}=(0,B.y0)(),{teamDid:i,invitations:a,teamIssuerDid:o,roles:c,refresh:d,enablePassportIssuance:m,endpoint:h,api:y}=(0,L.DJ)(),{inService:P,ws:{useSubscription:S}}=(0,z.h6)(),{t:N,locale:W}=(0,r.useContext)(j.RD),[U,q]=(0,r.useState)(!1),[F,M]=(0,r.useState)(!1),[V,K]=(0,r.useState)(!1),[J,H]=(0,r.useState)(!1),[X,Y]=(0,r.useState)(!1),[Q,ee]=(0,r.useState)([]),[ne,te]=(0,r.useState)(),[se,ie]=(0,r.useState)([]),[ae]=(0,T.Z)({did:void 0}),oe="members-".concat(i),le=(0,w.$)(oe),[ce,de]=(0,r.useState)({role:an,searchText:le.searchText||"",hideBlocked:!1,pageSize:le.rowsPerPage||10,page:le.page?le.page+1:1});(0,I.Z)((async()=>{if(ae.did){const{user:e}=await y.getUser({did:ae.did});e&&H(e)}}));const me=(c||[]).map((e=>({name:e.name,title:e.title,num:ln(se,e.name)})));me.unshift({name:an,title:"All Members",num:ln(se,an)}),me.push({name:on,title:"Other",num:ln(se,on)});const pe=()=>{const e={includeTags:!0};ce.hideBlocked&&(e.approved=!0),e.role=ce.role,ce.searchText&&(e.search=ce.searchText),Y(!0),y.getUsers({query:e,paging:{page:ce.page,pageSize:ce.pageSize}}).then((e=>{Y(!1),(e.users||[]).forEach((e=>{e.isFromExternal=cn(e,l()(s)?[o]:s),e.avatar=Fe(e.avatar,i,P),e.passports=(e.passports||[]).filter((e=>e.issuer))})),ee(e.users||[]),te(e.paging.total)})).catch((e=>{Y(!1),E.Z.error(e.message)}))},ue=()=>{y.getUsersCountPerRole().then((e=>{ie(e.counts||[])})).catch((e=>{E.Z.error(e.message)}))},he=e=>{e.teamDid===i&&(pe(),ue())};(0,r.useEffect)((()=>{pe()}),["".concat(ce.hideBlocked,"-").concat(ce.role,"-").concat(ce.page,"-").concat(ce.pageSize,"-").concat(ce.searchText)]),(0,r.useEffect)((()=>{ue()}),[]),S(k.TeamEvents.userUpdated,he,[ce]),S(k.TeamEvents.userAdded,he,[ce]);const fe=m,xe=[{label:N("common.name"),name:"fullName",options:{customBodyRenderLite:e=>{const n=Q[e];return(0,$.jsx)("div",{"data-cy":"member-name-".concat(n.fullName),children:(0,$.jsx)(dn,{user:n})},n.did)}}},{label:N("common.address"),name:"did",options:{customBodyRender:e=>(0,$.jsx)(A.Z,{size:14,responsive:!0,copyable:!1,did:e})}},{label:N("team.member.lastLogin"),name:"lastLoginAt",options:{customBodyRender:e=>(0,$.jsx)(D.Z,{value:e,locale:W})}},{label:N("team.member.lastLoginIp"),name:"lastLoginIp",options:{customBodyRender:e=>e||"-"}},{label:N("team.member.source"),name:"sourceProvider",options:{customBodyRenderLite:e=>{const n=Q[e],t=n.sourceProvider||R.USER_TYPE.WALLET,s={auth0:"Auth0",wallet:"DID wallet",federated:"Federated"}[t]||t;return n.sourceAppPid?"".concat(s," (").concat(N("team.member.federated"),")"):s}}},{label:N("common.actions"),name:"",width:100,align:"center",verticalKeyAlign:"center",options:{customBodyRenderLite:e=>{const n=Q[e];return(0,$.jsx)(_.Z,{permission:P?"":"mutate_team",role:P?O.Wf:[],children:(0,$.jsx)(rn,{user:n,onIssuePassport:()=>H({...n,initTab:"issuances"})})})}}}],ge=[];fe&&(ge.push((0,$.jsxs)(Z.Z,{variant:"outlined",style:{flexShrink:0,marginRight:16},color:"primary",size:"small",onClick:()=>{K(!0)},children:[(0,$.jsx)(C.Z,{style:{height:"1em",marginRight:4}}),N("common.inviting"),a.length?" (".concat(a.length,")"):""]}),(0,$.jsx)(_.Z,{permission:P?"":"mutate_team",role:P?O.Wf:[],children:(0,$.jsxs)(Z.Z,{style:{flexShrink:0,marginRight:16},variant:"contained",edge:"end",color:"primary",size:"small","data-cy":"invite-member",onClick:()=>q(!0),children:[(0,$.jsx)(v.Z,{style:{fontSize:"1.3em",marginRight:4}}),N("team.invite")]})})),"server"===n&&ge.push((0,$.jsx)(_.Z,{role:"owner",children:(0,$.jsxs)(Z.Z,{style:{flexShrink:0},variant:"contained",edge:"end",color:"error",size:"small","data-cy":"invite-member",onClick:()=>M(!0),children:[(0,$.jsx)(b.Z,{style:{fontSize:"1.3em",marginRight:4}}),N("team.transferNode.name")]})})));const ve={sort:!1,download:!1,filter:!1,print:!1,expandableRowsOnClick:!0,onRowClick(e,n){let{dataIndex:t}=n;const s=Q[t];H(s)},page:ce.page-1,rowsPerPage:ce.pageSize,count:ne,searchDebounceTime:600};return(0,$.jsxs)(pn,{children:[(0,$.jsxs)(f.Z,{className:"main",display:"flex",sx:{mt:P?4:0},children:[(0,$.jsx)("div",{className:"left",children:(0,$.jsx)("div",{className:"tabs",children:me.map((e=>(0,$.jsxs)("div",{className:"tab ".concat(ce.role===e.name?"active":""),onClick:()=>{return n=e.name,void(X||de((e=>({...e,role:n,hideBlocked:!1,searchText:"",page:1}))));var n},children:[(0,$.jsx)("span",{className:"text",children:e.title}),(0,$.jsx)("span",{className:p()("badge",{"is-rect":e.num>999}),children:e.num})]},e.name)))})}),(0,$.jsx)("div",{className:"right",children:(0,$.jsx)(w.Z,{className:"main-table",verticalKeyWidth:100,locale:W,durable:oe,durableKeys:["page","rowsPerPage"],title:(0,$.jsx)("div",{className:"table-toolbar-left",children:(0,$.jsx)(x.Z,{control:(0,$.jsx)(g.Z,{sx:{display:"flex !important"},disabled:X,color:"primary",checked:ce.hideBlocked,onChange:e=>{return n=e.target.checked,void de((e=>({...e,hideBlocked:n,page:1})));var n}}),label:N("team.member.hideBlockedMember")})}),data:Q,columns:xe,customButtons:ge,options:ve,loading:X,onChange:e=>{let{page:n,rowsPerPage:t,searchText:s}=e;ce.pageSize!==t?de((e=>({...e,pageSize:t,page:1}))):ce.page!==n+1?de((e=>({...e,page:n+1}))):ce.searchText!==s&&de((e=>({...e,searchText:s,page:1})))}})})]}),(0,$.jsx)(u.ZP,{title:N("common.inviting"),onClose:()=>K(!1),open:V,maxWidth:"lg",fullWidth:!0,children:(0,$.jsx)(Ye,{})}),J&&(0,$.jsx)(Ke,{onCancel:()=>H(null),userDid:J.did,createPassportSvg:t,initTab:J.initTab}),U&&(0,$.jsx)(G,{teamDid:i,endpoint:h,roles:c,onCancel:()=>q(!1),onSuccess:()=>{d(),q(!1)}}),F&&(0,$.jsx)(re,{teamDid:i,endpoint:h,roles:c,onCancel:()=>M(!1),onSuccess:()=>{d(),M(!1)}})]})}dn.propTypes={user:d().object.isRequired};const pn=a.Z.div(en||(en=(0,i.Z)(["\n  .main {\n    .left {\n      width: 168px;\n      flex-shrink: 0;\n      margin-right: 65px;\n      .tabs {\n        padding-top: 16px;\n        .tab {\n          display: flex;\n          justify-content: space-between;\n          align-items: center;\n          padding: 8px 16px;\n          transition: background 0.4s;\n\n          width: 168px;\n          height: 36px;\n          border-radius: 8px;\n\n          cursor: pointer;\n          user-select: none;\n\n          &:nth-child(n + 2) {\n            margin-top: 24px;\n          }\n\n          &.active {\n            background: #f2f2f2;\n          }\n\n          &:hover {\n            background: #f2f2f2;\n          }\n\n          .text {\n            font-weight: 400;\n            font-size: 16px;\n            line-height: 19px;\n\n            color: #222222;\n          }\n\n          .badge {\n            display: flex;\n            flex-shrink: 0;\n            justify-content: center;\n            align-items: center;\n            width: 20px;\n            height: 20px;\n            border-radius: 100%;\n            color: #fff;\n            background: #666666;\n            font-size: 10px;\n            font-weight: 400;\n            &.is-rect {\n              width: auto;\n              border-radius: 8px;\n              padding: 0 4px;\n            }\n          }\n        }\n      }\n      @media (max-width: ","px) {\n        display: none;\n      }\n    }\n    .right {\n      flex-grow: 1;\n    }\n  }\n\n  .member-block {\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    .member-avatar {\n      position: relative;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    }\n    .member-meta {\n      margin-left: 10px;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      align-items: flex-start;\n    }\n    .badge-block {\n      width: 14px;\n      height: 14px;\n      position: absolute;\n      right: -4px;\n      top: -4px;\n      background: #ff5757;\n      border-radius: 100%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      &::after {\n        content: '';\n        width: 6px;\n        height: 2px;\n        background: #fefefe;\n      }\n    }\n  }\n\n  .table-toolbar-left {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    padding: 7px 0;\n  }\n"])),(e=>e.theme.breakpoints.values.md));mn.propTypes={type:d().oneOf(["server","blocklet"]).isRequired,createPassportSvg:d().func.isRequired}},82638:(e,n,t)=>{"use strict";t.d(n,{Z:()=>c});var s,i=t(71171),r=t(33518),a=t(47020),o=t(57201),l=t(96266);const c=(0,r.Z)((e=>{let{children:n,...t}=e;return(0,l.jsx)(a.Z,{...t,id:"outlined-basic",variant:"outlined",InputProps:{startAdornment:(0,l.jsx)(o.default,{})},size:"small",children:n})}))(s||(s=(0,i.Z)(["\n  .MuiOutlinedInput-root {\n    color: #999;\n    &.MuiInputBase-adornedStart .MuiSvgIcon-root {\n      color: #bfbfbf;\n    }\n    opacity: 1;\n    border-radius: 36px;\n    background: #f8f8f8;\n    padding-left: 16px;\n    input {\n      padding-left: 8px;\n      font-weight: bold;\n      &::placeholder {\n        opacity: 1;\n        color: #bfbfbf;\n      }\n      padding-top: 8.5px;\n      padding-bottom: 8.5px;\n    }\n  }\n\n  .MuiOutlinedInput-notchedOutline,\n  .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline,\n  .Mui-focused .MuiOutlinedInput-notchedOutline {\n    border-color: #eee;\n    border-width: 1px;\n  }\n"])))},18901:(e,n,t)=>{"use strict";t.d(n,{Z:()=>r});var s,i=t(71171);const r=t(33518).Z.div(s||(s=(0,i.Z)(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  font-size: 14px;\n  .left,\n  .right {\n  }\n  .right {\n    display: flex;\n    align-items: center;\n  }\n  .tabs {\n    .MuiButton-root {\n      border: none;\n      color: #999;\n      &.active {\n        color: #222;\n      }\n    }\n  }\n\n  @media (max-width: 600px) {\n    display: block;\n    .right {\n      margin-top: 12px;\n    }\n  }\n"])))}}]);