@abtnode/webapp 1.16.24 → 1.16.25-beta-fe54d1bc

package/build/static/js/4550.af6850d6.chunk.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_abtnode_webapp=self.webpackChunk_abtnode_webapp||[]).push([[4550],{4550:(e,n,t)=>{t.r(n),t.d(n,{default:()=>q});var s=t(71171),a=t(5057),o=t(33518),r=t(15849),i=t(11750),l=t(22139),c=t(76005),d=t(39948),p=t(20870),u=t(31089),h=t(71767),m=t(64185),f=t(41105),x=t(56184),v=t(62681),g=t(28726),b=t(68420),w=t(60829),j=t(12673),Z=t(27812),k=t(74410),y=t.n(k),S=t(67120),P=t(89141),T=function(e){if(!e)return 0;var n=y()(e).valueOf()-Date.now();return n<0?0:n};const C=function(e){void 0===e&&(e={});var n=e||{},t=n.leftTime,s=n.targetDate,o=n.interval,r=void 0===o?1e3:o,i=n.onEnd,l=(0,a.useMemo)((function(){return"leftTime"in e?(0,P.hj)(t)&&t>0?Date.now()+t:void 0:s}),[t,s]),c=(0,Z.__read)((0,a.useState)((function(){return T(l)})),2),d=c[0],p=c[1],u=(0,S.Z)(i);(0,a.useEffect)((function(){if(l){p(T(l));var e=setInterval((function(){var n,t=T(l);p(t),0===t&&(clearInterval(e),null===(n=u.current)||void 0===n||n.call(u))}),r);return function(){return clearInterval(e)}}p(0)}),[l,r]);var h=(0,a.useMemo)((function(){return e=d,{days:Math.floor(e/864e5),hours:Math.floor(e/36e5)%24,minutes:Math.floor(e/6e4)%60,seconds:Math.floor(e/1e3)%60,milliseconds:Math.floor(e)%1e3};var e}),[d]);return[d,h]};var M,N=t(22425),z=t(68947),L=t.n(z),I=t(55898),D=t.n(I),H=t(96266);function W(e){let{list:n,width:t,height:s,cardSpace:o,onSelect:r,defaultIndex:i}=e;const[l,c]=(0,a.useState)(0),[d,p]=(0,a.useState)(0),u=(0,a.useRef)(null),h=e=>{if(e<0||e>n.length-1)return;c(e);const s=u.current.clientWidth;p(e*(t+o)-(s-t)/2+.5*o),r(e)};let m;(0,a.useEffect)((()=>{h(i);u.current.addEventListener("touchmove",(e=>e.preventDefault()),{passive:!1})}),[]);return(0,H.jsx)(_,{ref:u,onTouchStart:e=>{const n=e.touches[0];m=n.clientX},onTouchEnd:e=>{const n=e.changedTouches[0],t=m-n.clientX;Math.abs(t)>60&&h(t>0?l+1:l-1)},children:(0,H.jsx)("div",{className:"card-container",style:{transform:"translate(".concat(-d,"px, 0)")},children:n.map(((e,n)=>(0,H.jsx)("div",{className:"card-item ".concat(n===l?"selected":""),style:{width:t,height:s,margin:o/2},onClick:()=>h(n),children:(0,H.jsx)("div",{className:"card-content",dangerouslySetInnerHTML:{__html:e.src}})},e.id)))})})}const _=o.Z.div(M||(M=(0,s.Z)(["\n  overflow: hidden;\n  mask-image: linear-gradient(to left, transparent, black 3%, black 97%, transparent);\n  overflow: hidden;\n  .card-container {\n    display: flex;\n    white-space: nowrap;\n    width: max-content;\n    transition: all ease 0.3s;\n  }\n  .card-item {\n    display: inline-flex;\n    justify-content: center;\n    align-items: center;\n    flex-shrink: 0;\n    cursor: pointer;\n\n    .card-content {\n      pointer-events: none;\n      max-width: 100%;\n      max-height: 100%;\n      width: auto;\n      height: auto;\n      outline: #526ded solid 0;\n      transition: all ease 0.2s;\n      box-shadow: rgba(0, 0, 0, 0.2) 0 0 10px;\n    }\n    &.selected {\n      cursor: default;\n      .card-content {\n        outline: #526ded solid 5px;\n      }\n    }\n  }\n"])));W.propTypes={list:D().array,width:D().number,height:D().number,cardSpace:D().number,onSelect:D().func,defaultIndex:D().number},W.defaultProps={list:"",width:300,height:400,cardSpace:40,onSelect:()=>{},defaultIndex:0};var U,A=t(17450),E=t(5766),R=t(70284);const B=()=>{const{searchParams:e}=new URL(window.location.href);return"1"===e.get("fromWallet")};function V(e){let{icon:n,active:t,completed:s}=e;const a={1:(0,H.jsx)(m.Z,{className:"step-icon"}),2:(0,H.jsx)(f.Z,{className:"step-icon"}),3:(0,H.jsx)(x.Z,{className:"step-icon"})},o=["step-icon-w"];return t&&o.push("step-icon-w--active"),s&&o.push("step-icon-w--completed"),(0,H.jsx)("div",{className:o.join(" "),children:a[String(n)]})}const F=(0,o.Z)(l.Z)(U||(U=(0,s.Z)(["\n  padding-top: 46px;\n  padding-bottom: 46px;\n  height: 100%;\n  overflow: auto;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  @media (max-width: ","px) {\n    display: block;\n  }\n  .header {\n    text-align: center;\n    margin-bottom: 24px;\n  }\n\n  .stepper {\n    padding: 24px;\n    height: auto;\n    width: 100%;\n    min-height: 640px;\n    display: flex;\n    flex-direction: column;\n\n    .stepper-progress {\n      padding: 0;\n      flex: 0;\n      margin-bottom: 24px;\n\n      .MuiStepLabel-label.MuiStepLabel-alternativeLabel {\n        margin-top: 8px;\n      }\n\n      .MuiStepConnector-alternativeLabel {\n        top: 24px;\n      }\n\n      .MuiStepConnector-lineHorizontal {\n        height: 3px;\n        border: none;\n        background-color: #eaeaf0;\n        border-radius: 1px;\n      }\n\n      .step-icon-w {\n        background-color: ",";\n        z-index: 1;\n        color: ",";\n        width: 50px;\n        height: 50px;\n        display: flex;\n        border-radius: 50%;\n        justify-content: center;\n        align-items: center;\n        .step-icon {\n          font-size: 30px;\n        }\n      }\n\n      .step-icon-w--active {\n        background-color: ",";\n      }\n\n      .step-icon-w--completed {\n        background-color: ",";\n      }\n    }\n\n    .stepper-content {\n      padding: 0 64px;\n      flex: 1;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      margin-bottom: 24px;\n\n      .stepper-icon {\n        margin-left: 40px;\n      }\n\n      .stepper-auth {\n        padding: 0;\n\n        .auth-title {\n          margin-bottom: 16px;\n        }\n      }\n\n      .stepper-tip {\n        text-align: center;\n        margin-bottom: 16px;\n      }\n      @media (max-width: ","px) {\n        padding: 0;\n      }\n    }\n\n    .stepper-actions {\n      flex: 0;\n      text-align: right;\n      padding: 0 64px;\n      display: none;\n      .step-button {\n        margin-right: 8px;\n      }\n    }\n\n    .select-passport {\n      width: 80%;\n      @media (max-width: ","px) {\n        width: 100%;\n      }\n    }\n\n    .user-info {\n      .name {\n        font-weight: 500;\n        font-size: 18px;\n        line-height: 25px;\n        color: #222222;\n      }\n    }\n  }\n\n  .connect {\n    background: #fafafa;\n  }\n"])),(e=>e.theme.breakpoints.values.sm),(e=>e.theme.palette.grey[500]),(e=>e.theme.palette.common.white),(e=>e.theme.palette.primary.main),(e=>e.theme.palette.secondary.main),(e=>e.theme.breakpoints.values.sm),(e=>e.theme.breakpoints.values.sm)),J=(0,E.Z)((function(e){let{SessionContext:n,webWalletUrl:s,createPassportSvg:o,passportColor:l,onLogin:m}=e;const{api:f,session:x}=(0,a.useContext)(n),Z=(0,j.Z)({user:null,passport:null,success:!1,activeStep:0}),k=(0,a.useRef)({sessionToken:"",refreshToken:""}),{setPassportId:y,clearPassportId:S}=(0,R.Z)(),{t:P,locale:T}=(0,a.useContext)(b.RD),{wallet:M}=(0,w.Z)(),[z,I]=(0,a.useState)(0),{searchParams:D}=new URL(window.location.href),_=()=>{Z.activeStep++},U=e=>{Z.user=e.user},E=(e,n)=>{null!==e&&void 0!==e&&e.passportId&&y(e.passportId),null!==e&&void 0!==e&&e.sessionToken&&(k.current.sessionToken=n(e.sessionToken)),null!==e&&void 0!==e&&e.refreshToken&&(k.current.refreshToken=n(e.refreshToken)),Z.success=!0,_()},J=async()=>{if(M&&B())return void t.e(2365).then(t.t.bind(t,72365,23)).then((e=>{e.call("arcClosePage")}));await new Promise((e=>{try{x.logout((()=>{e()}))}catch(n){e()}})),L()(m)&&m({sessionToken:k.current.sessionToken,refreshToken:k.current.refreshToken});const e=D.get("redirect");e?window.location.replace(e):(S(),window.location.replace("/"))},[X]=C({leftTime:z,onEnd:()=>{J()}}),G=[{label:P("lostPassport.selectPassport"),content:()=>Z.user?(0,H.jsxs)(d.Z,{className:"select-passport",children:[(0,H.jsxs)(d.Z,{my:1,display:"flex",alignItems:"center",className:"user-info",children:[(0,H.jsx)(v.Z,{src:Z.user.avatar,style:{width:48,height:48,backgroundColor:"transparent",marginRight:16}}),(0,H.jsxs)(d.Z,{children:[(0,H.jsx)(d.Z,{className:"name",children:Z.user.fullName}),(0,H.jsx)(d.Z,{className:"did",mt:1,children:(0,H.jsx)(A.Z,{did:Z.user.did})})]})]}),(0,H.jsx)("div",{children:(0,H.jsx)(W,{width:230,height:306,cardSpace:24,list:Z.user.passportTypes.map((e=>({src:o({title:e.title,issuer:e.issuer.name,issuerDid:e.issuer.id,ownerDid:Z.user.did,ownerName:Z.user.fullName,ownerAvatarUrl:Z.user.avatar,preferredColor:l||"auto"}),name:e.title,id:e.id}))),onSelect:e=>{return n={target:{value:Z.user.passportTypes[e].name}},void(Z.passport=n.target.value);var n},defaultIndex:0})}),(0,H.jsx)(d.Z,{textAlign:"center",children:(0,H.jsx)(g.Z,{variant:"contained",color:"primary",onClick:()=>{_()},disabled:!Z.passport,children:P("common.next")})})]}):(0,H.jsx)(N.Z,{popup:!0,open:!0,hideCloseButton:!0,className:"connect",action:"lost-passport-list",forceConnected:!1,autoConnect:!1,checkFn:f.get,checkTimeout:6e5,webWalletUrl:s,onSuccess:U,locale:T,messages:{title:P("lostPassport.dialog.title"),scan:P("lostPassport.dialog.scan"),confirm:P("lostPassport.dialog.confirm"),success:P("lostPassport.dialog.success")}})},{label:P("lostPassport.receivePassport"),content:()=>{var e,n;const t={receiverDid:Z.user.did,passportName:Z.passport,teamDid:(null===(e=window)||void 0===e||null===(n=e.blocklet)||void 0===n?void 0:n.did)||""};return(0,H.jsx)(N.Z,{popup:!0,open:!0,hideCloseButton:!0,className:"connect",action:"lost-passport-issue",checkFn:f.get,checkTimeout:6e5,webWalletUrl:s,onSuccess:E,locale:T,messages:{title:"".concat(P("lostPassport.dialog.title")),scan:P("lostPassport.dialog.scan"),confirm:P("lostPassport.dialog.confirm"),success:P("lostPassport.dialog.success")},extraParams:t})}},{label:P("common.complete"),content:()=>(0===z&&I(3e3),(0,H.jsxs)(d.Z,{textAlign:"center",children:[(0,H.jsx)(d.Z,{mb:3,color:"success.main",children:(0,H.jsx)(c.Z,{style:{fontSize:60}})}),(0,H.jsx)(i.Z,{component:"p",variant:"body1",className:"subheader",children:P("issuePassport.dialog.success")}),(0,H.jsx)(i.Z,{component:"p",variant:"body2",color:"gray",children:M&&B()?P("issuePassport.dialog.autoClose",{seconds:Math.round(X/1e3)}):P("issuePassport.dialog.autoJump",{seconds:Math.round(X/1e3)})}),(0,H.jsx)(g.Z,{style:{marginTop:40},variant:"contained",color:"primary",onClick:J,children:P("issuePassport.dialog.loginWithPassport")})]}))}];return(0,H.jsx)(F,{children:(0,H.jsxs)("div",{className:"stepper",children:[(0,H.jsx)(p.Z,{className:"stepper-progress",alternativeLabel:!0,activeStep:Z.activeStep,children:G.map((e=>{let{label:n}=e;return(0,H.jsx)(u.Z,{children:(0,H.jsx)(h.Z,{StepIconComponent:V,children:n})},n)}))}),(0,H.jsx)("div",{className:"stepper-content",children:G[Z.activeStep].content()}),!Z.success&&(0,H.jsx)(d.Z,{textAlign:"center",fontSize:12,children:(0,H.jsx)(r.Link,{to:"/",style:{color:"#4598FA"},children:P("lostPassport.return")})})]})})}));var X=t(25339),G=t(74094),O=t(75793);function q(){const{info:e}=(0,O.h6)(),n=(0,G.yP)(e);return(0,H.jsx)(J,{SessionContext:X.B3,webWalletUrl:n,createPassportSvg:n=>(0,G.Ju)(n,e),passportColor:"default",onLogin:function(){let{sessionToken:e}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};e&&(0,G.ZB)(e)}})}},5766:(e,n,t)=>{t.d(n,{Z:()=>c});var s=t(68420),a=t(77668),o=t.n(a),r=t(2586);const i={en:o()(r.Z),ar:()=>t.e(4465).then(t.bind(t,4465)).then((e=>o()(e.default))),de:()=>t.e(3803).then(t.bind(t,43803)).then((e=>o()(e.default))),es:()=>t.e(3930).then(t.bind(t,23930)).then((e=>o()(e.default))),fr:()=>t.e(2019).then(t.bind(t,82019)).then((e=>o()(e.default))),hi:()=>t.e(8590).then(t.bind(t,78768)).then((e=>o()(e.default))),id:()=>t.e(1575).then(t.bind(t,61575)).then((e=>o()(e.default))),ja:()=>t.e(233).then(t.bind(t,90233)).then((e=>o()(e.default))),ko:()=>t.e(8170).then(t.bind(t,48170)).then((e=>o()(e.default))),pt:()=>t.e(9586).then(t.bind(t,69586)).then((e=>o()(e.default))),ru:()=>t.e(1059).then(t.bind(t,81059)).then((e=>o()(e.default))),th:()=>t.e(5748).then(t.bind(t,55748)).then((e=>o()(e.default))),vi:()=>t.e(6906).then(t.bind(t,56906)).then((e=>o()(e.default))),"zh-TW":()=>t.e(4423).then(t.bind(t,64423)).then((e=>o()(e.default))),zh:()=>t.e(6944).then(t.bind(t,56944)).then((e=>o()(e.default)))};var l=t(96266);function c(e){return function(n){return(0,l.jsx)(s.Iw,{translations:i,children:(0,l.jsx)(e,{...n})})}}},76005:(e,n,t)=>{var s=t(71600);n.Z=void 0;var a=s(t(56930)),o=t(96266);n.Z=(0,a.default)((0,o.jsx)("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8z"}),"CheckCircle")},56184:(e,n,t)=>{var s=t(71600);n.Z=void 0;var a=s(t(56930)),o=t(96266);n.Z=(0,a.default)((0,o.jsx)("path",{d:"M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z"}),"Done")},41105:(e,n,t)=>{var s=t(71600);n.Z=void 0;var a=s(t(56930)),o=t(96266);n.Z=(0,a.default)((0,o.jsx)("path",{d:"M19 9h-4V3H9v6H5l7 7zM5 18v2h14v-2z"}),"GetApp")},64185:(e,n,t)=>{var s=t(71600);n.Z=void 0;var a=s(t(56930)),o=t(96266);n.Z=(0,a.default)((0,o.jsx)("path",{d:"M3 14h4v-4H3zm0 5h4v-4H3zM3 9h4V5H3zm5 5h13v-4H8zm0 5h13v-4H8zM8 5v4h13V5z"}),"ViewList")}}]);

package/build/static/js/{5672.a17eafba.chunk.js → 5672.066bb632.chunk.js}

@@ -1 +1 @@
-(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            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"])))}}]);
+(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"])))}}]);