@abtnode/blocklet-services 1.16.28 → 1.16.29-beta-e04c6f40

package/dist/assets/index-DE-Ra4Oi.js

@@ -0,0 +1,4 @@
+import{r as g,a0 as y,aV as P,j as t,C as v,l as w,B as c,a1 as d,P as m,Z as T}from"./index-C0-2z9ub.js";import{P as B}from"./page-header-DPw5r-dB.js";import{u as E}from"./config-space-BwqgWM04.js";import{C as b,D,a as N}from"./connect-to-CBcABJTJ.js";import{u as G,S as u}from"./step-actions-DITFUP1T.js";import{S as L}from"./layout-C8YsbZEP.js";import"./url-join-BZgxUsMc.js";import"./Skeleton-DEZsR5N4.js";import"./Hidden-NCEZk5AD.js";import"./spaces-B7KkRWSn.js";import"./index-Ch19pfgc.js";import"./api-CPUsKSLd.js";import"./use-blocklet-info-for-connect-did-spaces-DtCmjjEJ.js";import"./CloseOutlined-S_imBJk8.js";import"./did-address-Dmrm5OSC.js";import"./Link-DYU1qAcv.js";import"./DeleteOutline-C-VwMUgO.js";import"./format-error-C6V5Yxa8.js";import"./index-D2kWoV93.js";import"./ExpandMore-DW875iup.js";import"./ButtonGroup-eoNO9XPa.js";import"./TextField-CMqkzhfC.js";import"./FormControl-BfrU0pmk.js";import"./useFormControl-BQwK4W7V.js";import"./InputLabel-CLOghs7l.js";import"./Select-X22eoF8N.js";import"./Alert-BOZZrsC5.js";import"./useSlot-BGWGGD2n.js";import"./content-layout-DtaSDqag.js";function l({onNext:s,onPrevious:x}){var r,n,p;const{t:i}=g.useContext(y),{blocklet:e}=P(),C=G(),{spaceGateway:j,settingStorageEndpoint:f,updateSpaceGateway:S,hasStorageEndpoint:h,loading:o,storageEndpoint:a}=E();return o?t.jsx(v,{relative:"parent",children:t.jsx(w,{})}):t.jsxs(M,{children:[t.jsx("div",{className:"header",children:t.jsx(B,{title:i("setup.didSpace.title"),subTitle:i("setup.didSpace.subTitle"),onClickBack:x})}),t.jsx(c,{width:C?"360px":"720px",children:h?t.jsx(b,{spaceGateway:j,settingStorageEndpoint:f}):t.jsx(D,{})}),((r=e==null?void 0:e.capabilities)==null?void 0:r.didSpace)&&t.jsx(c,{display:"flex",alignItems:"center",justifyContent:"center",paddingTop:"24px",children:t.jsx(N,{onConnect:S,storageEndpoint:a})}),((n=e==null?void 0:e.capabilities)==null?void 0:n.didSpace)==="required"&&t.jsx(u,{mt:8,children:t.jsx(d,{loading:o,variant:"contained",disabled:o||!a,onClick:()=>s(),children:i("setup.continue")})}),((p=e==null?void 0:e.capabilities)==null?void 0:p.didSpace)==="optional"&&t.jsx(u,{blocklet:e,onStartNow:()=>s("complete"),children:t.jsx(d,{className:"start-now",loading:o,variant:"contained",disabled:o,onClick:()=>s(),children:i(a?"setup.continue":"setup.skip")})})]})}l.propTypes={onNext:m.func,onPrevious:m.func};l.defaultProps={onNext:()=>{},onPrevious:()=>{}};const M=T(L)`
+  height: 100%;
+  overflow-y: auto;
+`;export{l as default};

package/dist/assets/index-DHGFIOZI.js

@@ -0,0 +1,231 @@
+import{r as P,j as t,fH as rr,h as Fe,fI as nr,aM as M,u as V,N as Dt,B as T,aQ as ge,A as Ot,D as sr,fJ as Ue,ab as le,ap as X,a1 as B,l as re,P as h,bO as or,cq as Te,T as ae,I as ir,eH as ar,Z as W,db as cr,a0 as de,bl as Y,q as ne,fK as lr,a9 as G,dn as dr,aV as It,E as z,a as he,c as gt,fL as At,bG as Tt,aS as mr,X as ur,Y as pr,bN as kt,k as fr,az as gr,dq as hr}from"./index-C0-2z9ub.js";import{c as xr}from"./index-D_n2QGX5.js";import{d as xe}from"./Add-9PHaBsG4.js";import{d as vr}from"./Loop-C-4nQ5F0.js";import{d as br}from"./ViewList-D09oqjN_.js";import{L as yr,S as jr,d as Et}from"./list-header-qNY5F9z-.js";import{D as Nt,g as Sr}from"./index-MF43y_y8.js";import"./index-yX47q7LJ.js";import"./index-BickoQyN.js";import{g as Lt}from"./resource-dialog-CIw21j9X.js";import{T as Cr}from"./index-CGj5YAev.js";import{E as _t}from"./index-CmIK6b0L.js";import"./fallback-CZpocN78.js";import"./index-CYCwnudr.js";import{U as Pr}from"./user-sessions-BH5ukrXi.js";import{u as Q,d as ht,W as Ft,a as wr}from"./dashboard-QC24XkJA.js";import{W as $e}from"./did-address-Dmrm5OSC.js";import{P as K}from"./permission-uv9zPZeO.js";import{C as ye}from"./click-to-copy-B36E5tWj.js";import{F as ke}from"./FormControl-BfrU0pmk.js";import{I as Ee}from"./InputLabel-CLOghs7l.js";import{S as Ne}from"./Select-X22eoF8N.js";import{T as Ut}from"./TextField-CMqkzhfC.js";import{D as Be,f as Z}from"./format-error-C6V5Yxa8.js";import{A as te}from"./Alert-BOZZrsC5.js";import{_ as Rr}from"./useAsync-CmSwTcgE.js";import{I as Le}from"./index-DsyKsayR.js";import{C as je}from"./confirm-DWSLrb6G.js";import{u as $t}from"./session-COGNXuE-.js";import{A as Dr}from"./Avatar-D8Z0dS3d.js";import{d as Or}from"./Delete-CHay-Q7y.js";import{p as Ir,S as Ar}from"./index-Kt0s3_Wt.js";import{A as Tr}from"./actions-NAdntxCR.js";import{L as kr,a as Er}from"./ListItemText-mRqdDLDs.js";import{F as Nr,C as Lr}from"./FormControlLabel-Cg3QWzzE.js";import"./Search-D8Ys8aeu.js";import"./FilterList-Dh8M21ef.js";import"./toPropertyKey-hKuLU48H.js";import"./useFormControl-BQwK4W7V.js";import"./FormGroup-BduBdHAy.js";import"./LastPage-1yUnEWER.js";import"./Toolbar-PGvX2a95.js";import"./index-907JRSGN.js";import"./redux-CfNfkFqh.js";import"./MoreVert-z6wpInb9.js";import"./index-CzEZ0mgq.js";import"./Hidden-NCEZk5AD.js";import"./MoreHoriz-DYtVxA2S.js";import"./ExpandMore-DW875iup.js";import"./selector-BC_mf3Xu.js";import"./use-mobile-BRporT2H.js";import"./OpenInNew-DIMb9FI5.js";import"./CloseOutlined-S_imBJk8.js";import"./useSlot-BGWGGD2n.js";import"./useLocalStorage-P3bjg-Za.js";import"./PlayArrow-BIn7bJkG.js";import"./ButtonGroup-eoNO9XPa.js";import"./RadioGroup-D7887lJj.js";import"./index-BP-dFQGT.js";import"./spaces-B7KkRWSn.js";import"./index-Ch19pfgc.js";import"./api-CPUsKSLd.js";import"./Link-DYU1qAcv.js";import"./useSetState-CcXZ5ZBH.js";var ze={};Object.defineProperty(ze,"__esModule",{value:!0});var Bt=ze.default=void 0;_r(P);var ee=t;function _r(e){return e&&e.__esModule?e:{default:e}}function xt(e,n){var s=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter(function(x){return Object.getOwnPropertyDescriptor(e,x).enumerable})),s.push.apply(s,i)}return s}function vt(e){for(var n=1;n<arguments.length;n++){var s=arguments[n]!=null?arguments[n]:{};n%2?xt(Object(s),!0).forEach(function(i){Fr(e,i,s[i])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(s)):xt(Object(s)).forEach(function(i){Object.defineProperty(e,i,Object.getOwnPropertyDescriptor(s,i))})}return e}function Fr(e,n,s){return n=Ur(n),n in e?Object.defineProperty(e,n,{value:s,enumerable:!0,configurable:!0,writable:!0}):e[n]=s,e}function Ur(e){var n=$r(e,"string");return typeof n=="symbol"?n:String(n)}function $r(e,n){if(typeof e!="object"||!e)return e;var s=e[Symbol.toPrimitive];if(s!==void 0){var i=s.call(e,n||"default");if(typeof i!="object")return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return(n==="string"?String:Number)(e)}var Me=function(n){return(0,ee.jsxs)("svg",vt(vt({},n),{},{children:[(0,ee.jsx)("g",{clipPath:"url(#clip0)",children:(0,ee.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9 1.598A4.092 4.092 0 1 0 9 9.78a4.092 4.092 0 0 0 0-8.183zM7.274 3.964a2.44 2.44 0 1 1 3.452 3.451 2.44 2.44 0 0 1-3.452-3.451zm.093 6.343A4.091 4.091 0 0 0 3.275 14.4v2.722c0 .155.126.281.281.281h1.09a.281.281 0 0 0 .28-.281v-2.722a2.44 2.44 0 0 1 2.44-2.44h3.267a2.442 2.442 0 0 1 2.44 2.44v2.722c0 .155.127.281.282.281h1.088a.281.281 0 0 0 .282-.281v-2.722a4.091 4.091 0 0 0-4.092-4.091H7.367z"})}),(0,ee.jsx)("defs",{children:(0,ee.jsx)("clipPath",{id:"clip0",children:(0,ee.jsx)("path",{transform:"translate(0 .5)",d:"M0 0h18v18H0z"})})})]}))};Me.defaultProps={width:"18",height:"19",viewBox:"0 0 18 19",xmlns:"http://www.w3.org/2000/svg"};Me.displayName="person";Bt=ze.default=Me;var fe={},Br=e=>encodeURIComponent(e).replace(/[!'()*]/g,n=>`%${n.charCodeAt(0).toString(16).toUpperCase()}`),zt="%[a-f0-9]{2}",bt=new RegExp("("+zt+")|([^%]+?)","gi"),yt=new RegExp("("+zt+")+","gi");function _e(e,n){try{return[decodeURIComponent(e.join(""))]}catch{}if(e.length===1)return e;n=n||1;var s=e.slice(0,n),i=e.slice(n);return Array.prototype.concat.call([],_e(s),_e(i))}function zr(e){try{return decodeURIComponent(e)}catch{for(var n=e.match(bt)||[],s=1;s<n.length;s++)e=_e(n,s).join(""),n=e.match(bt)||[];return e}}function Mr(e){for(var n={"%FE%FF":"��","%FF%FE":"��"},s=yt.exec(e);s;){try{n[s[0]]=decodeURIComponent(s[0])}catch{var i=zr(s[0]);i!==s[0]&&(n[s[0]]=i)}s=yt.exec(e)}n["%C2"]="�";for(var x=Object.keys(n),j=0;j<x.length;j++){var w=x[j];e=e.replace(new RegExp(w,"g"),n[w])}return e}var Wr=function(e){if(typeof e!="string")throw new TypeError("Expected `encodedURI` to be of type `string`, got `"+typeof e+"`");try{return e=e.replace(/\+/g," "),decodeURIComponent(e)}catch{return Mr(e)}},qr=(e,n)=>{if(!(typeof e=="string"&&typeof n=="string"))throw new TypeError("Expected the arguments to be of type `string`");if(n==="")return[e];const s=e.indexOf(n);return s===-1?[e]:[e.slice(0,s),e.slice(s+n.length)]},Hr=function(e,n){for(var s={},i=Object.keys(e),x=Array.isArray(n),j=0;j<i.length;j++){var w=i[j],D=e[w];(x?n.indexOf(w)!==-1:n(w,D,e))&&(s[w]=D)}return s};(function(e){const n=Br,s=Wr,i=qr,x=Hr,j=r=>r==null;function w(r){switch(r.arrayFormat){case"index":return o=>(c,l)=>{const m=c.length;return l===void 0||r.skipNull&&l===null||r.skipEmptyString&&l===""?c:l===null?[...c,[b(o,r),"[",m,"]"].join("")]:[...c,[b(o,r),"[",b(m,r),"]=",b(l,r)].join("")]};case"bracket":return o=>(c,l)=>l===void 0||r.skipNull&&l===null||r.skipEmptyString&&l===""?c:l===null?[...c,[b(o,r),"[]"].join("")]:[...c,[b(o,r),"[]=",b(l,r)].join("")];case"comma":case"separator":return o=>(c,l)=>l==null||l.length===0?c:c.length===0?[[b(o,r),"=",b(l,r)].join("")]:[[c,b(l,r)].join(r.arrayFormatSeparator)];default:return o=>(c,l)=>l===void 0||r.skipNull&&l===null||r.skipEmptyString&&l===""?c:l===null?[...c,b(o,r)]:[...c,[b(o,r),"=",b(l,r)].join("")]}}function D(r){let o;switch(r.arrayFormat){case"index":return(c,l,m)=>{if(o=/\[(\d*)\]$/.exec(c),c=c.replace(/\[\d*\]$/,""),!o){m[c]=l;return}m[c]===void 0&&(m[c]={}),m[c][o[1]]=l};case"bracket":return(c,l,m)=>{if(o=/(\[\])$/.exec(c),c=c.replace(/\[\]$/,""),!o){m[c]=l;return}if(m[c]===void 0){m[c]=[l];return}m[c]=[].concat(m[c],l)};case"comma":case"separator":return(c,l,m)=>{const S=typeof l=="string"&&l.includes(r.arrayFormatSeparator),f=typeof l=="string"&&!S&&a(l,r).includes(r.arrayFormatSeparator);l=f?a(l,r):l;const I=S||f?l.split(r.arrayFormatSeparator).map(U=>a(U,r)):l===null?l:a(l,r);m[c]=I};default:return(c,l,m)=>{if(m[c]===void 0){m[c]=l;return}m[c]=[].concat(m[c],l)}}}function u(r){if(typeof r!="string"||r.length!==1)throw new TypeError("arrayFormatSeparator must be single character string")}function b(r,o){return o.encode?o.strict?n(r):encodeURIComponent(r):r}function a(r,o){return o.decode?s(r):r}function O(r){return Array.isArray(r)?r.sort():typeof r=="object"?O(Object.keys(r)).sort((o,c)=>Number(o)-Number(c)).map(o=>r[o]):r}function d(r){const o=r.indexOf("#");return o!==-1&&(r=r.slice(0,o)),r}function v(r){let o="";const c=r.indexOf("#");return c!==-1&&(o=r.slice(c)),o}function p(r){r=d(r);const o=r.indexOf("?");return o===-1?"":r.slice(o+1)}function R(r,o){return o.parseNumbers&&!Number.isNaN(Number(r))&&typeof r=="string"&&r.trim()!==""?r=Number(r):o.parseBooleans&&r!==null&&(r.toLowerCase()==="true"||r.toLowerCase()==="false")&&(r=r.toLowerCase()==="true"),r}function y(r,o){o=Object.assign({decode:!0,sort:!0,arrayFormat:"none",arrayFormatSeparator:",",parseNumbers:!1,parseBooleans:!1},o),u(o.arrayFormatSeparator);const c=D(o),l=Object.create(null);if(typeof r!="string"||(r=r.trim().replace(/^[?#&]/,""),!r))return l;for(const m of r.split("&")){if(m==="")continue;let[S,f]=i(o.decode?m.replace(/\+/g," "):m,"=");f=f===void 0?null:["comma","separator"].includes(o.arrayFormat)?f:a(f,o),c(a(S,o),f,l)}for(const m of Object.keys(l)){const S=l[m];if(typeof S=="object"&&S!==null)for(const f of Object.keys(S))S[f]=R(S[f],o);else l[m]=R(S,o)}return o.sort===!1?l:(o.sort===!0?Object.keys(l).sort():Object.keys(l).sort(o.sort)).reduce((m,S)=>{const f=l[S];return f&&typeof f=="object"&&!Array.isArray(f)?m[S]=O(f):m[S]=f,m},Object.create(null))}e.extract=p,e.parse=y,e.stringify=(r,o)=>{if(!r)return"";o=Object.assign({encode:!0,strict:!0,arrayFormat:"none",arrayFormatSeparator:","},o),u(o.arrayFormatSeparator);const c=f=>o.skipNull&&j(r[f])||o.skipEmptyString&&r[f]==="",l=w(o),m={};for(const f of Object.keys(r))c(f)||(m[f]=r[f]);const S=Object.keys(m);return o.sort!==!1&&S.sort(o.sort),S.map(f=>{const I=r[f];return I===void 0?"":I===null?b(f,o):Array.isArray(I)?I.reduce(l(f),[]).join("&"):b(f,o)+"="+b(I,o)}).filter(f=>f.length>0).join("&")},e.parseUrl=(r,o)=>{o=Object.assign({decode:!0},o);const[c,l]=i(r,"#");return Object.assign({url:c.split("?")[0]||"",query:y(p(r),o)},o&&o.parseFragmentIdentifier&&l?{fragmentIdentifier:a(l,o)}:{})},e.stringifyUrl=(r,o)=>{o=Object.assign({encode:!0,strict:!0},o);const c=d(r.url).split("?")[0]||"",l=e.extract(r.url),m=e.parse(l,{sort:!1}),S=Object.assign(m,r.query);let f=e.stringify(S,o);f&&(f=`?${f}`);let I=v(r.url);return r.fragmentIdentifier&&(I=`#${b(r.fragmentIdentifier,o)}`),`${c}${f}${I}`},e.pick=(r,o,c)=>{c=Object.assign({parseFragmentIdentifier:!0},c);const{url:l,query:m,fragmentIdentifier:S}=e.parseUrl(r,c);return e.stringifyUrl({url:l,query:x(m,o),fragmentIdentifier:S},c)},e.exclude=(r,o,c)=>{const l=Array.isArray(o)?m=>!o.includes(m):(m,S)=>!o(m,S);return e.pick(r,l,c)}})(fe);const ie=nr,Kr={parseNumbers:!1,parseBooleans:!1},Vr={skipNull:!1,skipEmptyString:!1},Qr=(e,n)=>{var s,i;const{navigateMode:x="push",parseOptions:j,stringifyOptions:w}=n||{},D=Object.assign(Object.assign({},Kr),j),u=Object.assign(Object.assign({},Vr),w),b=ie.useLocation(),a=(s=ie.useHistory)===null||s===void 0?void 0:s.call(ie),O=(i=ie.useNavigate)===null||i===void 0?void 0:i.call(ie),d=rr(),v=P.useRef(typeof e=="function"?e():e||{}),p=P.useMemo(()=>fe.parse(b.search,D),[b.search]),R=P.useMemo(()=>Object.assign(Object.assign({},v.current),p),[p]);return[R,Fe(r=>{const o=typeof r=="function"?r(R):r;d(),a&&a[x]({hash:b.hash,search:fe.stringify(Object.assign(Object.assign({},p),o),u)||"?"},b.state),O&&O({hash:b.hash,search:fe.stringify(Object.assign(Object.assign({},p),o),u)||"?"},{replace:x==="replace",state:b.state})})]},Xr=Qr;function We({teamDid:e,roles:n,apps:s,onCancel:i,onSuccess:x,onError:j,endpoint:w}){const{api:D}=M(),{t:u,locale:b}=V(),a=Dt({loading:!1,error:null,activeStep:0,inviteInfo:null,role:"",remark:"",sourceAppPid:s.length>0?s[0].appId:null}),O=async()=>{if(!a.role){a.error=u("team.member.error.passportEmpty");return}const p=a.remark.trim();a.error=null,a.loading=!0;try{const{inviteInfo:R}=await D.createMemberInvitation({input:{teamDid:e,role:a.role,remark:p,sourceAppPid:a.sourceAppPid}});a.inviteInfo=R,a.activeStep=1}catch(R){const y=Z(R);a.error=y,j(R)}finally{a.loading=!1}},v=[{body:t.jsxs(T,{sx:{display:"flex",flexDirection:"column",gap:3},children:[s.length>1?t.jsxs(ke,{fullWidth:!0,children:[t.jsx(Ee,{children:u("common.sourceApp")}),t.jsx(Ne,{value:a.sourceAppPid,onChange:p=>{a.error=null,a.sourceAppPid=p.target.value},fullWidth:!0,label:u("common.passport"),disabled:a.loading,children:s.map(p=>t.jsx(ge,{value:p.appId,children:t.jsxs(T,{sx:{display:"flex",justifyContent:"space-between",gap:2,width:"100%"},children:[t.jsxs(T,{sx:{display:"flex",alignItems:"center",gap:1},children:[t.jsx(Ot,{did:p.appId,size:28}),p.appName]}),t.jsx(sr,{did:p.appId,compact:!0,responsive:!1})]})},p.appId))})]}):null,t.jsxs(ke,{fullWidth:!0,variant:"outlined",children:[t.jsx(Ee,{children:u("common.passport")}),t.jsx(Ne,{"data-cy":"invite-member-select-role",value:a.role,onChange:p=>{a.error=null,a.role=p.target.value},fullWidth:!0,label:u("common.passport"),disabled:a.loading,onKeyPress:p=>{p.key==="Enter"&&(p.preventDefault(),O())},children:n.filter(p=>p.name!=="owner").map(p=>t.jsx(ge,{value:p.name,"data-cy":`invite-member-select-option-${p.name}`,children:t.jsx("span",{children:p.title||p.name})},p.name))})]}),t.jsx(Ut,{label:u("common.remark"),autoComplete:"off",variant:"outlined",fullWidth:!0,style:{marginBottom:8},value:a.remark,onChange:p=>{a.error=null,a.remark=p.target.value},disabled:a.loading,"data-cy":"invite-member-input-remark"})]}),cancel:u("common.cancel"),confirm:u("team.member.inviteDialog.createInviteLink"),onCancel:i,onConfirm:O},{body:()=>{var R,y;const p=Ue({inviteId:(R=a.inviteInfo)==null?void 0:R.inviteId,endpoint:w});return t.jsxs("div",{children:[t.jsx(T,{sx:{fontSize:16,fontWeight:"bold"},children:u("team.member.inviteDialog.createSuccessTip",{expireDate:le((y=a.inviteInfo)==null?void 0:y.expireDate,b)})}),t.jsx("div",{style:{marginTop:"40px"}}),t.jsx(ye,{children:p})]})},confirm:u("common.confirm"),onConfirm:x}][a.activeStep];return t.jsxs(X,{title:u("common.invite"),fullWidth:!0,open:!0,showCloseButton:!1,actions:t.jsxs(t.Fragment,{children:[v.cancel&&t.jsx(B,{onClick:v.onCancel,color:"inherit",children:v.cancel}),t.jsxs(B,{onClick:v.onConfirm,color:"primary",disabled:a.loading||!a.role,variant:"contained",autoFocus:!0,children:[a.loading&&t.jsx(re,{size:16}),v.confirm]})]}),children:[t.jsx(Be,{component:"div",children:typeof v.body=="function"?v.body():v.body}),!!a.error&&t.jsx(te,{severity:"error",variant:"icon",children:a.error})]})}We.propTypes={teamDid:h.string.isRequired,onCancel:h.func.isRequired,onSuccess:h.func.isRequired,onError:h.func,roles:h.array,apps:h.array,endpoint:h.string};We.defaultProps={onError:()=>{},roles:[],apps:[],endpoint:""};function qe({teamDid:e,onCancel:n,onSuccess:s,onError:i,endpoint:x}){const{api:j,info:w}=M(),{api:D}=P.useContext(or),[u,b]=P.useState(!1),{t:a,locale:O}=V(),[d,v]=P.useState(""),[p,R]=P.useState(!1),[y,r]=P.useState(0),[o,c]=P.useState(""),[l,m]=P.useState(""),S=!!Te(w,"ownerNft.did"),f=Rr(async()=>{if(S){const{state:E}=await j.getDelegationState();return E}return{delegated:!0}});if(f.loading)return t.jsx(X,{title:a("team.transferNode.inviteDialog.title"),fullWidth:!0,open:!0,onClose:n,children:t.jsx("div",{style:{display:"flex",justifyContent:"center"},children:t.jsx(re,{})})});if(f.error)return t.jsx(X,{title:a("team.transferNode.inviteDialog.title"),fullWidth:!0,open:!0,onClose:n,children:t.jsx(te,{severity:"error",variant:"icon",children:Z(f.error)})});const I=async()=>{v(null),b(!0);try{const{inviteInfo:E}=await j.createTransferInvitation({input:{teamDid:e,role:"owner",remark:l.trim()}});c(E),r(H.length-1)}catch(E){const J=Z(E);v(J),i(E)}finally{b(!1)}},U=()=>{R(!0),r(1)},q=()=>{R(!1),r(0)},H=[{body:t.jsxs(ae,{component:"div",children:[t.jsxs(te,{severity:"warning",children:[t.jsx(ae,{children:a("team.transferNode.inviteDialog.tips.progress")}),t.jsx(ae,{children:a("team.transferNode.inviteDialog.tips.newOwnerPermissions")})]}),t.jsx(te,{severity:"warning",children:t.jsx(ae,{children:a("team.transferNode.inviteDialog.tips.revoke")})}),t.jsx("div",{style:{marginTop:20,marginBottom:10}}),t.jsx(Ut,{label:a("common.remark"),autoComplete:"off",variant:"outlined",fullWidth:!0,style:{marginBottom:8},value:l,onChange:E=>{v(null),m(E.target.value)},disabled:u,"data-cy":"transfer-node-input-remark"}),t.jsx("div",{style:{marginTop:20,marginBottom:10}})]}),cancel:a("common.cancel"),confirm:a("team.transferNode.inviteDialog.createInviteLink"),onCancel:n,onConfirm:S&&!Te(f,"value.delegated")?U:I},{body:()=>t.jsx(ir,{action:"delegate-transfer-nft",open:p,locale:O,checkFn:D.get,onClose:q,onSuccess:I,checkTimeout:5*60*1e3,webWalletUrl:ar(w),extraParams:{targetDID:w.did},messages:{title:a("team.transferNode.delegateDialog.title"),scan:a("team.transferNode.delegateDialog.scan"),confirm:a("team.transferNode.delegateDialog.confirm"),success:a("team.transferNode.delegateDialog.success")},popup:!0})},{body:()=>{const E=Ue({inviteId:o.inviteId,endpoint:x});return t.jsxs("div",{children:[t.jsx(Gr,{children:a("team.transferNode.inviteDialog.createSuccessTip",{expireDate:le(o.expireDate,O)})}),t.jsx("div",{style:{marginTop:"40px"}}),t.jsx(ye,{children:E})]})},confirm:a("common.confirm"),onConfirm:s}],_=H[y];return t.jsxs(X,{title:a("team.transferNode.inviteDialog.title"),fullWidth:!0,open:!0,showCloseButton:!1,actions:t.jsxs(t.Fragment,{children:[_.cancel&&t.jsx(B,{onClick:_.onCancel,color:"inherit",children:_.cancel}),t.jsxs(B,{onClick:_.onConfirm,color:"primary",disabled:u,variant:"contained",autoFocus:!0,children:[u&&t.jsx(re,{size:16}),_.confirm]})]}),children:[t.jsx(Be,{component:"div",children:typeof _.body=="function"?_.body():_.body}),!!d&&t.jsx(te,{severity:"error",variant:"icon",children:d})]})}qe.propTypes={teamDid:h.string.isRequired,onCancel:h.func.isRequired,onSuccess:h.func.isRequired,onError:h.func,endpoint:h.string};qe.defaultProps={onError:()=>{},endpoint:""};const Gr=W.div`
+  font-size: 16px;
+  font-weight: bold;
+`;var He={};Object.defineProperty(He,"__esModule",{value:!0});var Ke=He.default=void 0;Yr(P);var Oe=t;function Yr(e){return e&&e.__esModule?e:{default:e}}function jt(e,n){var s=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter(function(x){return Object.getOwnPropertyDescriptor(e,x).enumerable})),s.push.apply(s,i)}return s}function St(e){for(var n=1;n<arguments.length;n++){var s=arguments[n]!=null?arguments[n]:{};n%2?jt(Object(s),!0).forEach(function(i){Zr(e,i,s[i])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(s)):jt(Object(s)).forEach(function(i){Object.defineProperty(e,i,Object.getOwnPropertyDescriptor(s,i))})}return e}function Zr(e,n,s){return n=Jr(n),n in e?Object.defineProperty(e,n,{value:s,enumerable:!0,configurable:!0,writable:!0}):e[n]=s,e}function Jr(e){var n=en(e,"string");return typeof n=="symbol"?n:String(n)}function en(e,n){if(typeof e!="object"||!e)return e;var s=e[Symbol.toPrimitive];if(s!==void 0){var i=s.call(e,n||"default");if(typeof i!="object")return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return(n==="string"?String:Number)(e)}var Ve=function(n){return(0,Oe.jsxs)("svg",St(St({},n),{},{children:[(0,Oe.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.886 1.875a4.207 4.207 0 1 0 0 8.414 4.207 4.207 0 0 0 0-8.414zM4.112 4.308A2.51 2.51 0 1 1 7.66 7.857a2.51 2.51 0 0 1-3.55-3.55zm.095 6.522A4.207 4.207 0 0 0 0 15.037v2.799c0 .16.13.289.29.289h1.119c.16 0 .289-.13.289-.29v-2.798a2.51 2.51 0 0 1 2.51-2.509h3.357a2.51 2.51 0 0 1 2.51 2.51v2.798c0 .16.13.289.289.289h1.12c.159 0 .288-.13.288-.29v-2.798a4.208 4.208 0 0 0-4.207-4.207H4.207z"}),(0,Oe.jsx)("rect",{x:"12.5",y:"9.375",width:"7.5",height:"1.875",rx:".938"})]}))};Ve.defaultProps={width:"20",height:"20",viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg"};Ve.displayName="forbid-login";Ke=He.default=Ve;var Qe={};Object.defineProperty(Qe,"__esModule",{value:!0});var Xe=Qe.default=void 0;tn(P);var pe=t;function tn(e){return e&&e.__esModule?e:{default:e}}function Ct(e,n){var s=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter(function(x){return Object.getOwnPropertyDescriptor(e,x).enumerable})),s.push.apply(s,i)}return s}function Pt(e){for(var n=1;n<arguments.length;n++){var s=arguments[n]!=null?arguments[n]:{};n%2?Ct(Object(s),!0).forEach(function(i){rn(e,i,s[i])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(s)):Ct(Object(s)).forEach(function(i){Object.defineProperty(e,i,Object.getOwnPropertyDescriptor(s,i))})}return e}function rn(e,n,s){return n=nn(n),n in e?Object.defineProperty(e,n,{value:s,enumerable:!0,configurable:!0,writable:!0}):e[n]=s,e}function nn(e){var n=sn(e,"string");return typeof n=="symbol"?n:String(n)}function sn(e,n){if(typeof e!="object"||!e)return e;var s=e[Symbol.toPrimitive];if(s!==void 0){var i=s.call(e,n||"default");if(typeof i!="object")return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return(n==="string"?String:Number)(e)}var Ge=function(n){return(0,pe.jsxs)("svg",Pt(Pt({},n),{},{children:[(0,pe.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.886 1.875a4.207 4.207 0 1 0 0 8.414 4.207 4.207 0 0 0 0-8.414zM4.112 4.308A2.51 2.51 0 1 1 7.66 7.857a2.51 2.51 0 0 1-3.55-3.55zm.095 6.522A4.207 4.207 0 0 0 0 15.037v2.799c0 .16.13.289.29.289h1.119c.16 0 .289-.13.289-.29v-2.798a2.51 2.51 0 0 1 2.51-2.509h3.357a2.51 2.51 0 0 1 2.51 2.51v2.798c0 .16.13.289.289.289h1.12c.159 0 .288-.13.288-.29v-2.798a4.208 4.208 0 0 0-4.207-4.207H4.207z"}),(0,pe.jsx)("rect",{x:"12.5",y:"9.375",width:"7.5",height:"1.875",rx:".938"}),(0,pe.jsx)("rect",{x:"15.313",y:"14.063",width:"7.5",height:"1.875",rx:".938",transform:"rotate(-90 15.313 14.063)"})]}))};Ge.defaultProps={width:"20",height:"20",viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg"};Ge.displayName="allow-login";Xe=Qe.default=Ge;function ve(e){const{passport:n,onDelete:s,...i}=e;return t.jsxs(on,{...i,children:[n.title||n.name," ",!!s&&t.jsx(cr,{"data-cy":"delete-issuance",className:"delete",onClick:s})]})}ve.propTypes={passport:h.object.isRequired,onDelete:h.func};ve.defaultProps={onDelete:null};const on=W.span`
+  display: inline-flex;
+  padding: 2px 8px;
+  background: ${e=>e.theme.palette.primary.main};
+  border-radius: 100vw;
+  font-weight: 400;
+  font-size: 12px;
+  line-height: 22px;
+  color: #fff;
+  align-items: center;
+  .delete {
+    font-size: 1em;
+    margin-left: 6px;
+    cursor: pointer;
+  }
+`;function Ye({issuances:e,teamDid:n,onRefresh:s}){const{api:i,inService:x}=M(),{t:j,locale:w}=P.useContext(de),[D,u]=P.useState(null),[b,a]=P.useState(!1),{endpoint:O}=Q(),d=async({id:y})=>{if(!b){a(!0);try{await i.deletePassportIssuance({input:{teamDid:n,sessionId:y}}),s()}catch(r){ne.error(r.message)}finally{a(!1),u(null)}}},v=()=>{a(!1),u(null)},p=y=>O?lr({id:y.id,endpoint:O}):"";function R({data:y}){return t.jsxs("div",{className:"issuance",children:[t.jsxs(T,{display:"flex",justifyContent:"space-between",children:[t.jsx(K,{permission:x?"":"mutate_team",role:x?Y:[],children:r=>r?t.jsx(ve,{passport:{title:y.title,name:y.name},onDelete:()=>u({title:j("team.passport.issuance.delete.title"),description:j("team.passport.issuance.delete.description",{link:p(y)}),confirm:j("common.delConfirm"),cancel:j("common.cancel"),onConfirm:()=>{d(y)},onCancel:v})}):t.jsx(ve,{passport:{title:y.title,name:y.name}})}),t.jsxs("div",{style:{color:"#999"},children:[j("common.expires"),": ",le(y.expireDate,w)]})]}),t.jsx(T,{mt:2,children:t.jsx(ye,{children:p(y)})})]})}return t.jsxs(an,{children:[e.map(y=>t.jsx(R,{data:y})),D&&t.jsx(je,{title:D.title,description:D.description,confirm:D.confirm,cancel:D.cancel,params:D.params,onConfirm:D.onConfirm,onCancel:D.onCancel})]})}const an=W.div`
+  .MuiTableHead-root {
+    display: none;
+  }
+  .issuance {
+    padding: 16px 0;
+    border-bottom: 1px solid #f0f0f0;
+    .MuiTypography-root {
+      display: inline-block;
+      width: 100%;
+      background: #f3f3f3;
+      border-radius: 4px;
+      padding-top: 6px;
+      padding-bottom: 6px;
+    }
+  }
+`;Ye.propTypes={teamDid:h.string.isRequired,issuances:h.array,onRefresh:h.func};Ye.defaultProps={issuances:[],onRefresh:()=>{}};var F={};Object.defineProperty(F,"__esModule",{value:!0});F.getSourceProviders=F.getSourceProvider=Ze=F.getWalletDid=F.getWallet=F.getConnectedDids=F.getConnectedAccounts=F.getPermanentDid=void 0;const Mt=G;function cn(e){return e==null?void 0:e.did}F.getPermanentDid=cn;function Se(e){return(e==null?void 0:e.connectedAccounts)||[]}F.getConnectedAccounts=Se;function ln(e){return Se(e).map(i=>i.did)}F.getConnectedDids=ln;function Wt(e){return Se(e).find(i=>i.provider===Mt.LOGIN_PROVIDER.WALLET)}F.getWallet=Wt;function dn(e){const n=Wt(e);return n==null?void 0:n.did}var Ze=F.getWalletDid=dn;function mn(e){return(e==null?void 0:e.sourceProvider)||Mt.LOGIN_PROVIDER.WALLET}F.getSourceProvider=mn;function un(e){return Se(e).map(s=>s.provider)}F.getSourceProviders=un;function Ce({teamDid:e,ownerDid:n,needReceive:s,roles:i,onCancel:x,onSuccess:j,onError:w,showOwnerPassport:D}){const{api:u}=M(),[b,a]=P.useState(!1),[O,d]=P.useState(""),{t:v}=V(),[p,R]=P.useState(""),y=async()=>{if(!p){d(v("team.member.error.passportEmpty"));return}d(null),a(!0);try{await u.createPassportIssuance({input:{teamDid:e,name:p,ownerDid:n}}),j()}catch(r){const o=Z(r);d(o),w(r)}finally{a(!1)}};return t.jsxs(X,{title:v("team.passport.issue"),fullWidth:!0,open:!0,onClick:r=>r.stopPropagation(),onClose:x,disableEscapeKeyDown:!0,PaperProps:{style:{minHeight:"auto"}},actions:t.jsxs(t.Fragment,{children:[t.jsx(B,{onClick:x,color:"inherit",size:"small",children:v("common.cancel")}),t.jsxs(B,{onClick:y,color:"primary",size:"small",disabled:b||!p,variant:"contained",autoFocus:!0,"data-cy":"issue-passport-create-btn",children:[b&&t.jsx(re,{size:16}),v(s?"team.passport.issuance.create.title":"oauth.issued")]})]}),children:[t.jsx(Be,{component:"div",children:t.jsx(ae,{component:"div",children:t.jsxs(ke,{style:{width:"100%"},variant:"outlined",children:[t.jsx(Ee,{children:v("common.passport")}),t.jsx(Ne,{"data-cy":"issue-passport-select-passport",value:p,onChange:r=>{d(null),R(r.target.value)},fullWidth:!0,label:v("common.passport"),disabled:b,onKeyPress:r=>{r.key==="Enter"&&(r.preventDefault(),y())},children:i.filter(r=>D||r.name!=="owner").map(r=>t.jsx(ge,{value:r.name,"data-cy":`issue-passport-select-option-${r.name}`,children:t.jsx("span",{children:r.title||r.name})},r.name))})]})})}),!!O&&t.jsx(te,{severity:"error",variant:"icon",children:O})]})}Ce.propTypes={teamDid:h.string.isRequired,ownerDid:h.string.isRequired,needReceive:h.bool,onCancel:h.func.isRequired,onSuccess:h.func.isRequired,onError:h.func,roles:h.array,showOwnerPassport:h.bool};Ce.defaultProps={onError:()=>{},roles:[],showOwnerPassport:!1,needReceive:!0};function Je({passport:e,user:n,color:s,width:i,icon:x,children:j,createPassportSvg:w,...D}){const{t:u}=V();return t.jsxs(pn,{display:"flex",alignItems:"center",...D,children:[t.jsx("div",{dangerouslySetInnerHTML:{__html:w({title:e.title||e.name,issuer:e.issuer&&e.issuer.name,issuerDid:e.issuer&&e.issuer.id,ownerName:n.fullName,ownerDid:n.did,ownerAvatarUrl:n.avatar,revoked:e.revoked,preferredColor:s,width:i})}}),t.jsxs("div",{className:"body",children:[t.jsxs(T,{className:"title",display:"flex",alignItems:"center",children:[dr(e.title),t.jsxs("div",{className:"status-icons",children:[x,e.revoked&&t.jsx(Lt,{})]})]}),e.expirationDate&&t.jsx(T,{className:"title",display:"flex",alignItems:"center",children:u("team.passport.validUntil",{date:e.expirationDate})}),j]})]})}Je.propTypes={passport:h.any.isRequired,user:h.any.isRequired,color:h.string.isRequired,createPassportSvg:h.func.isRequired,icon:h.any,children:h.any,width:h.number};Je.defaultProps={icon:null,children:null,width:150};const pn=W(T)`
+  .body {
+    padding: 0;
+    margin-left: 24px;
+    margin-top: 0;
+  }
+  .title {
+    font-weight: 400;
+    font-size: 16px;
+    line-height: 19px;
+    color: #222222;
+  }
+  .tip {
+    display: flex;
+    align-items: center;
+    font-size: 14px;
+    margin-top: 6px;
+    color: #bbb;
+  }
+  .status-icons {
+    svg {
+      fill: #bfbfbf;
+      height: 1.2em;
+      margin-left: 0.4em;
+    }
+  }
+`;function be({action:e,passport:n}){const{t:s}=V(),{roles:i}=Q(),x=i.find(j=>j.name===n.role);return t.jsxs("div",{children:[t.jsx("div",{children:s(e==="enable"?"team.member.enablePassportDescription":"team.member.revokePassportDescription")}),x&&t.jsx(T,{mt:3,fontWeight:"bold",children:s("team.member.passportPermissionTitle")}),x&&t.jsx(T,{mt:1,children:x.description})]})}be.propTypes={action:h.string.isRequired,passport:h.object.isRequired};be.defaultProps={};function et({user:e,onCreate:n,createPassportSvg:s}){var J;const{t:i}=V(),{session:x}=$t(),{roles:j,teamDid:w,teamIssuerDid:D,refresh:u,enablePassportIssuance:b,trustedPassports:a,passportColor:O,blocklet:d}=Q(),{appIdList:v}=It(),{api:p,inService:R}=M(),[y,r]=P.useState(!1),[o,c]=P.useState(null),[l,m]=P.useState(!1),[S,f]=P.useState(""),I=[D,...v||[]].filter(Boolean),U=(Te(e,"passports")||[]).map(A=>({...A,revoked:A.status===z.PASSPORT_STATUS.REVOKED})),q=async A=>{if(!y){r(!0);try{const $=A.status===z.PASSPORT_STATUS.REVOKED?"enableUserPassport":"revokeUserPassport";await p[$]({input:{teamDid:w,userDid:e.did,passportId:A.id}}),u()}catch($){ne.error(Z($))}finally{r(!1),c(null)}}},H=A=>A.status===z.PASSPORT_STATUS.REVOKED?c({title:i("team.member.enablePassport"),description:t.jsx(be,{action:"enable",passport:A}),confirm:i("common.enable"),cancel:i("common.cancel"),onConfirm:()=>{q(A)},onCancel:()=>{r(!1),c(null)},color:"primary"}):c({title:i("team.member.revokePassport"),description:t.jsx(be,{action:"revoke",passport:A}),confirm:i("common.revoke"),cancel:i("common.cancel"),onConfirm:()=>{q(A)},onCancel:()=>{r(!1),c(null)}}),_=(A,$)=>e.did===x.user.did&&x.user.passportId&&x.user.passportId===$.id?{revokable:!1,message:i("team.passport.shouldNotDeleteCurrent")}:A?w===$.issuer.id&&$.name==="owner"?{revokable:!1,message:i("team.passport.noPermission")}:{revokable:!0}:{revokable:!1,message:i("team.passport.noPermission")},E=U.filter(A=>!S||A.title.includes(S)||A.name.includes(S));return t.jsxs(fn,{children:[t.jsxs(yr,{children:[t.jsx("div",{className:"left",children:t.jsx(jr,{placeholder:i("team.passport.search"),value:S,onChange:A=>f(A.target.value)})}),t.jsx("div",{className:"right",children:b&&!!e.approved&&t.jsx(K,{permission:R?"":"mutate_team",role:R?Y:[],children:t.jsxs(B,{variant:"contained",color:"primary","data-cy":"issue-passport",onClick:()=>m(!0),children:[t.jsx(xe,{style:{fontSize:16,marginRight:4}}),i("team.passport.issue")]})})})]}),t.jsxs(T,{children:[E.map(A=>t.jsx(K,{permission:R?"":"mutate_team",role:R?Y:[],children:$=>t.jsxs(T,{className:"passport-item",display:"flex",justifyContent:"space-between",alignItems:"center",mt:3,children:[t.jsx(Je,{passport:A,user:e,color:O,createPassportSvg:s,icon:I.length&&!I.includes(A.issuer.id)?t.jsx(Et,{}):null,children:!!I.length&&!I.includes(A.issuer.id)&&t.jsxs("div",{className:"tip",children:[A.issuer.id!==D&&!a.some(se=>se.issuerDid===A.issuer.id)&&t.jsx(he,{title:i("team.passport.notTrustedIssuerTip"),children:t.jsx(T,{component:ht,style:{fontSize:"1.3em"},color:"error.main",mr:.5})}),t.jsx("span",{children:i("team.passport.issueBy",{name:A.issuer.name})})]})}),t.jsx(T,{children:_($,A).revokable?t.jsxs(B,{variant:"outlined",color:A.revoked?"primary":"secondary",onClick:()=>H(A),children:[A.revoked?t.jsx(xe,{style:{fontSize:16,marginRight:4}}):t.jsx(Lt,{style:{height:16,marginRight:4}}),A.revoked?i("common.enable"):i("common.revoke")]}):t.jsx(he,{title:_($,A).message,children:t.jsx(ht,{style:{color:"#ddd"}})})})]})},A.id)),!E.length&&t.jsx(_t,{children:i("common.empty")})]}),l&&t.jsx(Ce,{teamDid:w,ownerDid:e.did,needReceive:Ze(e)===e.did,roles:j,onCancel:()=>m(!1),onSuccess:()=>{n(),m(!1)},showOwnerPassport:d&&!((J=d.settings)!=null&&J.owner)}),o&&t.jsx(je,{title:o.title,description:o.description,confirm:o.confirm,cancel:o.cancel,params:o.params,onConfirm:o.onConfirm,onCancel:o.onCancel,color:o.color})]})}et.propTypes={user:h.object.isRequired,createPassportSvg:h.func.isRequired,onCreate:h.func};et.defaultProps={onCreate:()=>{}};const fn=W.div`
+  .passport-item {
+    .MuiButton-outlinedSecondary {
+      color: #f16e6e;
+      fill: #f16e6e;
+      background: #fcf3f3;
+      border: 0;
+      &:hover {
+        border: 0;
+      }
+    }
+  }
+`,{ROLES:gn,PASSPORT_STATUS:hn}=z,xn=e=>((e==null?void 0:e.passports)||[]).some(n=>n.role===gn.OWNER&&n.status===hn.VALID);var vn={hasActiveOwnerPassport:xn};const bn=(e,n)=>e.nodeOwner&&e.nodeOwner.did===n,wt=(e,n)=>e&&e.did===n;function Pe({user:e,onCancel:n,onSuccess:s,onError:i,children:x}){const{api:j,info:w,inService:D}=M(),{session:u}=$t(),{teamDid:b,refresh:a}=Q(),{t:O}=V(),[d,v]=P.useState(!1),[p,R]=P.useState(!1),y=()=>R(!0),r=async l=>{const{did:m,approved:S}=l;if(!d){v(!0);try{await j.updateUserApproval({input:{teamDid:b,user:{did:m,approved:!S}}}),R(!1),s(),a()}catch(f){ne.error(Z(f)),i()}finally{v(!1)}}},o={title:e.approved?O("team.member.forbidLogin"):O("team.member.allowLogin"),description:e.approved?O("team.member.forbidLoginDescription"):O("team.member.allowLoginDescription"),confirm:O("common.confirm"),cancel:O("common.cancel"),onConfirm:()=>{r(e)},onCancel:()=>{v(!1),R(!1),n()},color:e.approved?"error":"primary"};let c;return vn.hasActiveOwnerPassport(e)?c=!1:D?c=!wt(u.user,e.did):c=w.nodeOwner&&!bn(w,e.did)&&!wt(u.user,e.did),c?t.jsxs(t.Fragment,{children:[typeof x=="function"?x({can:c,open:y}):x,p?t.jsx(je,{title:o.title,description:o.description,confirm:o.confirm,cancel:o.cancel,params:o.params,onConfirm:o.onConfirm,onCancel:o.onCancel,color:o.color}):null]}):null}Pe.propTypes={user:h.object,onSuccess:h.func,onCancel:h.func,onError:h.func,children:h.oneOfType([h.object,h.func])};Pe.defaultProps={user:{},onSuccess:()=>{},onCancel:()=>{},onError:()=>{},children:null};function qt(e,n,s){if(e&&e.startsWith(z.USER_AVATAR_URL_PREFIX)){const i=window.env.apiPrefix||"/";return s?gt(i,z.USER_AVATAR_PATH_PREFIX,e.replace(z.USER_AVATAR_URL_PREFIX,"")):gt(i,z.USER_AVATAR_PATH_PREFIX,n,e.replace(z.USER_AVATAR_URL_PREFIX,""))}return e}function tt({user:e}){return(e.connectedAccounts||[]).map(s=>t.jsx(Le,{style:{alignItems:"flex-start"},valueComponent:"div",nameWidth:120,name:s.provider,children:t.jsx($e,{did:s.did,showQrcode:!0})},s.did))}tt.propTypes={user:h.object.isRequired};tt.defaultProps={};h.string.isRequired;const ce="info";function rt({userDid:e,onCancel:n,initTab:s,createPassportSvg:i}){const{api:x,ws:{useSubscription:j},inService:w}=M(),{roles:D,teamDid:u,enablePassportIssuance:b}=Q(),{t:a,locale:O}=V(),d=Dt({user:null,issuances:null,tab:s||ce}),v=async(m,S)=>{try{const f=await x.doBatchQuery({getUser:{input:{teamDid:m,user:{did:S},options:{includeTags:!0}}},getPassportIssuances:{input:{teamDid:m,ownerDid:S}}});f.getUser.user&&(f.getUser.user.avatar=qt(f.getUser.user.avatar,m,w),f.getUser.user.passports=(f.getUser.user.passports||[]).filter(I=>I.issuer)),d.user=f.getUser.user||{},d.issuances=f.getPassportIssuances.list||[]}catch(f){ne.error(Z(f))}};P.useEffect(()=>{u&&v(u,e)},[e,u]);const p=m=>{m.teamDid===u&&m.user&&m.user.did===e&&v(u,e)};j(G.TeamEvents.userUpdated,p,[e,u]),P.useEffect(()=>{d.issuances&&!d.issuances.length&&d.tab==="issuances"&&(d.tab=ce)},[d.issuances]);const R=async m=>{await v(u,m.did),d.tab=ce},y=()=>{var S,f;return(d.user?[{name:a("team.member.name"),value:d.user.fullName},{name:a("common.email"),value:d.user.email},{name:a("team.member.source"),value:t.jsx(T,{display:"flex",alignItems:"center",children:G.PROVIDER_NAME[((S=d.user)==null?void 0:S.sourceProvider)||z.USER_TYPE.WALLET]||((f=d.user)==null?void 0:f.sourceProvider)})},{name:a("team.member.allowLogin"),value:d.user.approved?a("common.yes"):a("common.no")},{name:a("team.member.lastLogin"),value:le(d.user.lastLoginAt,O)},{name:a("team.member.lastLoginIp"),value:d.user.lastLoginIp||""},{name:a("common.createdAt"),value:le(d.user.createdAt,O)},{name:a("common.remark"),value:d.user.remark||"--"},Array.isArray(d.user.tags)&&d.user.tags.length>0?{name:a("common.tags"),value:d.user.tags.map(I=>t.jsx(Ft,{style:{background:I.color,color:At(I.color),marginRight:4},children:I.title},I.id))}:null].filter(Boolean):[]).map(I=>I.name===a("common.did")?t.jsx(Le,{valueComponent:"div",nameWidth:120,name:I.name,nameFormatter:()=>a("common.did"),children:I.value},I.name):t.jsx(Le,{style:{alignItems:"flex-start"},valueComponent:"div",nameWidth:120,name:I.name,children:I.value},I.name))},r={info:{label:a("common.basicInfo"),value:ce,component:y},oauth:{label:a("team.member.connectedAccounts"),value:"oauth",component:()=>t.jsx(tt,{user:d.user,onChangeUser:R})},passports:{label:a("common.passport"),value:"passports",component:()=>t.jsx(et,{user:d.user,teamDid:u,roles:D,createPassportSvg:i,onCreate:()=>{v(u,e).then(()=>{b&&d.issuances&&d.issuances.length&&(d.tab="issuances")})},onRefresh:()=>{v(u,e)}})},issuances:{label:a("team.passport.issuance.pending"),value:"issuances",component:()=>t.jsx(Ye,{issuances:d.issuances||[],teamDid:u,onRefresh:()=>v(u,e)})}},o=Object.values(r).map(({label:m,value:S})=>({label:m,value:S})).filter(m=>{var S;return m.value==="issuances"?b&&d.issuances&&!!d.issuances.length:m.value==="oauth"?(((S=d.user)==null?void 0:S.connectedAccounts)||[]).find(I=>{var U;return I.provider!==(((U=d.user)==null?void 0:U.sourceProvider)||G.LOGIN_PROVIDER.WALLET)}):!0}),c=r[d.tab]||r.info,l=m=>{d.tab=m};return t.jsx(X,{title:a("common.member"),onClose:n,open:!0,PaperProps:{style:{maxWidth:632,minHeight:"80vh"}},fullWidth:!0,actions:d.user&&t.jsx(K,{permission:w?"":"mutate_team",role:w?Y:[],children:t.jsx(Pe,{user:d.user,children:({open:m})=>t.jsxs(Sn,{onClick:m,children:[d.user.approved?t.jsx(Ke,{style:{fontSize:"1.2em",marginRight:"0.4em"}}):t.jsx(Xe,{style:{fontSize:"1.2em",marginRight:"0.4em"}}),d.user.approved?a("team.member.forbidLogin"):a("team.member.allowLogin")]})})}),children:t.jsxs(yn,{children:[!d.user&&t.jsx(jn,{children:t.jsx(re,{})}),d.user&&t.jsxs("div",{children:[t.jsxs(T,{display:"flex",alignItems:"center",className:"info",children:[t.jsx(Dr,{src:d.user.avatar,style:{width:48,height:48,backgroundColor:"transparent",marginRight:16}}),t.jsxs(T,{children:[t.jsx(T,{className:"name",children:d.user.fullName}),t.jsx(T,{className:"did",mt:1,children:t.jsx($e,{did:d.user.did,showQrcode:!0})})]})]}),t.jsx(T,{mx:3,className:"tabs",children:t.jsx(Cr,{tabs:o,current:d.tab,onChange:l,scrollButtons:"auto"})}),t.jsx("div",{className:"body",children:t.jsx(c.component,{})})]})]})})}rt.propTypes={userDid:h.string.isRequired,onCancel:h.func.isRequired,createPassportSvg:h.func.isRequired,initTab:h.string};rt.defaultProps={initTab:ce};const yn=W.div`
+  .info {
+    .name {
+      font-weight: 400;
+      font-size: 18px;
+      line-height: 25px;
+      color: #222222;
+    }
+  }
+
+  .tabs {
+    margin-top: 24px;
+    margin-left: 0;
+    margin-right: 0;
+  }
+
+  .body {
+    margin-top: 24px;
+  }
+`,jn=W.div`
+  flex: 1;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 200px;
+`,Sn=W.div`
+  flex-shrink: 0;
+  width: 100%;
+  height: 64px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+  color: #999;
+  fill: #999;
+  font-size: 16px;
+  border-top: 1px solid #f0f0f0;
+  position: sticky;
+  bottom: 0;
+  background: #fff;
+  z-index: 10;
+`;function nt(){const{api:e,inService:n}=M(),{t:s,locale:i}=P.useContext(de),{teamDid:x,invitations:j,refresh:w,endpoint:D}=Q(),[u,b]=P.useState(null),[a,O]=P.useState(!1),d=async({inviteId:y})=>{if(!a){O(!0);try{await e.deleteInvitation({input:{teamDid:x,inviteId:y}}),w(),await mr(800)}catch(r){console.error(r)}finally{O(!1),b(null)}}},v=()=>{O(!1),b(null)},p=y=>D?Ue({inviteId:y.inviteId,endpoint:D}):"",R=[{label:s("team.inviting.link"),name:"inviteId",options:{sort:!1,customBodyRenderLite:y=>{const r=j[y];return D?t.jsx(ye,{children:p(r)}):t.jsx(re,{size:16})}}},{label:s("common.role"),name:"role",widtn:70},{label:s("common.remark"),name:"remark",options:{customBodyRender:y=>y||"--"}},{label:s("team.inviting.inviter"),name:"inviter.fullName",options:{sort:!1,customBodyRender:(y,{rowIndex:r})=>{var c;const o=j[r];return(c=o==null?void 0:o.inviter)==null?void 0:c.fullName}}},{label:s("common.expires"),name:"expireDate",options:{customBodyRender:y=>t.jsx(Tt,{value:y,locale:i})}},{label:s("common.actions"),name:"",width:100,align:"center",options:{sort:!1,customBodyRenderLite:y=>{const r=j[y];return t.jsx(K,{permission:n?"":"mutate_team",role:n?Y:[],children:t.jsxs(B,{onClick:()=>b({title:s("team.inviting.delete.title"),description:s("team.inviting.delete.description",{link:p(r)}),confirm:s("common.delConfirm"),cancel:s("common.cancel"),onConfirm:()=>d(r),onCancel:v}),size:"small",color:"error",variant:"text",children:[t.jsx(Or,{style:{fontSize:"1.2em"}}),s("common.delete")]})})}}}];return t.jsxs(Cn,{children:[j.length?t.jsx(Nt,{locale:i,data:[...j],columns:R,verticalKeyWidth:100,options:{download:!1,filter:!1,print:!1}}):t.jsx(_t,{children:s("common.empty")}),u&&t.jsx(je,{title:u.title,description:u.description,confirm:u.confirm,cancel:u.cancel,params:u.params,onConfirm:u.onConfirm,onCancel:u.onCancel})]})}const Cn=W.div`
+  margin-top: -20px;
+`;nt.propTypes={};nt.defaultProps={};var st={},Pn=pr;Object.defineProperty(st,"__esModule",{value:!0});var Ht=st.default=void 0,wn=Pn(ur()),Rn=t;Ht=st.default=(0,wn.default)((0,Rn.jsx)("path",{d:"m17 7-1.41 1.41L18.17 11H8v2h10.17l-2.58 2.58L17 17l5-5zM4 5h8V3H4c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h8v-2H4z"}),"Logout");function ot({type:e,user:n,onIssuePassport:s,onRefresh:i}){const{teamDid:x,roles:j}=Q(),{confirmHolder:w,confirmApi:D}=kt(),{t:u}=P.useContext(de),[b,a]=P.useState(!1),{api:O}=M(),d=Fe(async()=>{const{userSessions:v=[]}=n,p=v.map(R=>()=>O.logoutUser({input:{teamDid:x,appPid:x,userDid:n.did,visitorId:R.visitorId}}));await Ir(p,{concurrency:3,stopOnError:!1})});return t.jsxs(t.Fragment,{children:[w,t.jsx(Tr,{"data-cy":"member-actions",actions:[{icon:t.jsx(xe,{fontSize:"small"}),text:u("team.passport.issue"),"data-cy":"action-issue-passport",onClick:v=>{v.stopPropagation(),a(!0)}},({close:v})=>t.jsx(Pe,{user:n,children:({open:p})=>t.jsxs(ge,{dense:!0,onClick:R=>{R.stopPropagation(),v(),p(R)},"data-cy":"action-toggle-block",children:[t.jsx(kr,{style:{minWidth:24,marginRight:8},children:n.approved?t.jsx(Ke,{}):t.jsx(Xe,{})}),t.jsx(Er,{primary:n.approved?u("team.member.forbidLogin"):u("team.member.allowLogin")})]})},"toggle-approval"),e==="blocklet"&&{icon:t.jsx(Ht,{fontSize:"small"}),text:u("team.member.forceLogout"),onClick:v=>{v.stopPropagation(),D.open({title:u("team.member.forceLogout"),content:u("team.member.forceLogoutDescription"),confirmButtonText:u("common.confirm"),cancelButtonText:u("common.cancel"),onClick:p=>p.stopPropagation(),onConfirm:async()=>{await d(),await D.close(),i()}})}}].filter(Boolean)}),b&&t.jsx(Ce,{teamDid:x,ownerDid:n.did,needReceive:Ze(n)===n.did,roles:j,onCancel:()=>a(!1),onSuccess:()=>{s(),a(!1)}})]})}ot.propTypes={type:h.oneOf(["server","blocklet"]).isRequired,user:h.object.isRequired,onIssuePassport:h.func,onRefresh:h.func};ot.defaultProps={onIssuePassport:()=>{},onRefresh:()=>{}};const Ie="$all",Rt="$none",Ae=(e,n)=>{const s=e.find(i=>i.key===n);return(s==null?void 0:s.value)||0},Dn=(e,n)=>{const s=e.passports||[];return s.length?!s.some(i=>{var x;return n.includes((x=i.issuer)==null?void 0:x.id)}):!1};function Kt({user:e}){const{t:n}=P.useContext(de),s=t.jsxs("div",{className:"member-block",children:[t.jsxs("div",{className:"member-avatar",children:[t.jsx(Ot,{src:`${e.avatar}?imageFilter=resize&w=48&h=48`,size:32,did:e.did,shape:"circle",style:{borderRadius:"100%",overflow:"hidden"}}),!e.approved&&t.jsx("did",{className:"badge-block"}),e.isFromExternal&&t.jsx(he,{title:n("team.passport.externalPassport"),children:t.jsx(T,{ml:1,className:"icon",children:t.jsx(Et,{})})})]}),t.jsxs("div",{className:"member-meta",children:[t.jsx("div",{className:"member-text",children:t.jsx(Ar,{children:e.fullName})}),Array.isArray(e.tags)&&e.tags.length>0&&t.jsx("div",{className:"member-tags",children:e.tags.map(i=>t.jsx(Ft,{style:{background:i.color,color:At(i.color),marginRight:4},children:i.title},i.id))})]})]});return e.approved?s:t.jsx(T,{display:"flex",alignItems:"center",children:t.jsx(he,{title:n("team.member.forbidLoginDescription"),children:s})})}Kt.propTypes={user:h.object.isRequired};function On({type:e,createPassportSvg:n}){var mt,ut,pt,ft;const{confirmApi:s,confirmHolder:i}=kt({sx:{".MuiDialog-paper":{borderRadius:2,maxWidth:1e3},".ux-dialog_title":{fontWeight:600},".ux-dialog_closeButton":{p:1},".MuiDialogActions-root":{display:{xs:"none",md:"flex"}}}}),{appIdList:x=[]}=It(),{teamDid:j,invitations:w,teamIssuerDid:D,roles:u,refresh:b,enablePassportIssuance:a,endpoint:O,api:d,blocklet:v}=Q(),{inService:p,ws:{useSubscription:R}}=M(),y=[];if(p&&v){const g=(((ut=(mt=v.settings)==null?void 0:mt.federated)==null?void 0:ut.sites)||[]).find(k=>k.isMaster!==!1),C=(((ft=(pt=v.settings)==null?void 0:pt.federated)==null?void 0:ft.sites)||[]).find(k=>k.appId===v.appDid);(C==null?void 0:C.status)==="approved"&&y.push({appId:g.appId,appName:g.appName,appDescription:g.appDescription,appLogo:g.appLogo,appPid:g.appPid,appUrl:g.appUrl,version:g.version,sourceAppPid:g.appPid,provider:"wallet"}),y.push({appId:C.appId,appName:C.appName,appDescription:C.appDescription,appLogo:C.appLogo,appPid:C.appPid,appUrl:C.appUrl,version:C.version,sourceAppPid:null,provider:"wallet"})}const{t:r,locale:o}=P.useContext(de),[c,l]=P.useState(!1),[m,S]=P.useState(!1),[f,I]=P.useState(!1),[U,q]=P.useState(!1),[H,_]=P.useState(!1),[E,J]=P.useState([]),[A,$]=P.useState(),[se,Vt]=P.useState([]),[it]=Xr({did:void 0}),at=`members-${j}`,me=Sr(at),[N,oe]=P.useState({role:Ie,searchText:me.searchText||"",hideBlocked:!1,pageSize:me.rowsPerPage||10,page:me.page?me.page+1:1});fr(async()=>{if(it.did){const{user:g}=await d.getUser({did:it.did});g&&q(g)}});const we=(u||[]).map(g=>({name:g.name,title:g.title,num:Ae(se,g.name)}));we.unshift({name:Ie,title:"All Members",num:Ae(se,Ie)}),we.push({name:Rt,title:"Other",num:Ae(se,Rt)});const ct=()=>{const g={includeTags:!0,includeUserSessions:e==="blocklet"};N.hideBlocked&&(g.approved=!0),g.role=N.role,N.searchText&&(g.search=N.searchText),_(!0),d.getUsers({query:g,paging:{page:N.page,pageSize:N.pageSize}}).then(C=>{_(!1),(C.users||[]).forEach(k=>{k.isFromExternal=Dn(k,hr(x)?[D]:x),k.avatar=qt(k.avatar,j,p),k.passports=(k.passports||[]).filter(L=>L.issuer)}),J(C.users||[]),$(C.paging.total)}).catch(C=>{_(!1),ne.error(C.message)})},lt=()=>{d.getUsersCountPerRole().then(g=>{Vt(g.counts||[])}).catch(g=>{ne.error(g.message)})},Re=g=>{g.teamDid===j&&(ct(),lt())};P.useEffect(()=>{ct()},[`${N.hideBlocked}-${N.role}-${N.page}-${N.pageSize}-${N.searchText}`]),P.useEffect(()=>{lt()},[]),R(G.TeamEvents.userUpdated,Re,[N]),R(G.TeamEvents.userAdded,Re,[N]);const Qt=a,Xt=Fe(g=>{s.open({title:"User Sessions",content:t.jsx(Pr,{user:g,showAction:!1,showUser:!1}),onConfirm(){s.close()},confirmButtonText:r("common.close"),showCancelButton:!1})}),Gt=[{label:r("common.name"),name:"fullName",options:{customBodyRenderLite:g=>{const C=E[g];return t.jsx("div",{"data-cy":`member-name-${C.fullName}`,children:t.jsx(Kt,{user:C})},C.did)}}},{label:r("common.address"),name:"did",options:{customBodyRender:g=>t.jsx($e,{size:14,responsive:!1,compact:!0,copyable:!1,did:g})}},{label:r("team.member.lastLogin"),name:"lastLoginAt",options:{customBodyRender:g=>t.jsx(T,{sx:{minWidth:"100px"},children:t.jsx(Tt,{value:g,locale:o})})}},{label:r("team.member.lastLoginIp"),name:"lastLoginIp",options:{customBodyRender:g=>g||"-"}},{label:r("team.member.source"),name:"sourceProvider",options:{customBodyRenderLite:g=>{const C=E[g],k=C.sourceProvider||z.USER_TYPE.WALLET,L=G.PROVIDER_NAME[k]||k;return C.sourceAppPid?`${L} (${r("team.member.federated")})`:L}}},e==="blocklet"&&{label:r("team.member.activeUserSessions"),name:"userSessions",options:{customBodyRenderLite:g=>{var k,L,ue;const C=E[g];return t.jsx(gr,{onClick:tr=>{tr.stopPropagation(),Xt(C)},children:t.jsx(wr,{badgeContent:(k=C==null?void 0:C.userSessions)==null?void 0:k.length,color:((L=C==null?void 0:C.userSessions)==null?void 0:L.length)>0?"primary":"default",sx:((ue=C==null?void 0:C.userSessions)==null?void 0:ue.length)>0?{}:{".MuiBadge-badge":{backgroundColor:"grey",color:"white"}},showZero:!0,children:t.jsx(br,{})})})}}},{label:r("common.actions"),name:"",width:100,align:"center",verticalKeyAlign:"center",options:{customBodyRenderLite:g=>{const C=E[g];return t.jsx(K,{permission:p?"":"mutate_team",role:p?Y:[],children:t.jsx(ot,{type:e,user:C,onIssuePassport:()=>q({...C,initTab:"issuances"}),onRefresh:()=>Re({teamDid:j})})})}}}].filter(Boolean),De=[];Qt&&(De.push(t.jsxs(B,{variant:"outlined",style:{flexShrink:0,marginRight:16},color:"primary",size:"small",onClick:()=>{I(!0)},children:[t.jsx(Bt,{style:{height:"1em",marginRight:4}}),r("common.inviting"),w.length?` (${w.length})`:""]}),t.jsx(K,{permission:p?"":"mutate_team",role:p?Y:[],children:t.jsxs(B,{style:{flexShrink:0,marginRight:16},variant:"contained",edge:"end",color:"primary",size:"small","data-cy":"invite-member",onClick:()=>l(!0),children:[t.jsx(xe,{style:{fontSize:"1.3em",marginRight:4}}),r("team.invite")]})})),e==="server"&&De.push(t.jsx(K,{role:"owner",children:t.jsxs(B,{style:{flexShrink:0},variant:"contained",edge:"end",color:"error",size:"small","data-cy":"invite-member",onClick:()=>S(!0),children:[t.jsx(vr,{style:{fontSize:"1.3em",marginRight:4}}),r("team.transferNode.name")]})})));const Yt=g=>{H||oe(C=>({...C,role:g,hideBlocked:!1,searchText:"",page:1}))},Zt=g=>{oe(C=>({...C,hideBlocked:g,page:1}))},Jt=({page:g,rowsPerPage:C,searchText:k})=>{N.pageSize!==C?oe(L=>({...L,pageSize:C,page:1})):N.page!==g+1?oe(L=>({...L,page:g+1})):N.searchText!==k&&oe(L=>({...L,searchText:k,page:1}))},dt=P.useRef(null),er={sort:!1,download:!1,filter:!1,print:!1,expandableRowsOnClick:!0,onRowClick(g,{dataIndex:C},k){var L;if((L=dt.current)!=null&&L.contains(k.target)){const ue=E[C];q(ue)}},page:N.page-1,rowsPerPage:N.pageSize,count:A,searchDebounceTime:600};return t.jsxs(In,{children:[i,t.jsxs(T,{className:"main",display:"flex",sx:{mt:p?4:0},children:[t.jsx("div",{className:"left",children:t.jsx("div",{className:"tabs",children:we.map(g=>t.jsxs("div",{className:`tab ${N.role===g.name?"active":""}`,onClick:()=>Yt(g.name),children:[t.jsx("span",{className:"text",children:g.title}),t.jsx("span",{className:xr("badge",{"is-rect":g.num>999}),children:g.num})]},g.name))})}),t.jsx("div",{ref:dt,className:"right",children:t.jsx(Nt,{className:"main-table",verticalKeyWidth:100,locale:o,durable:at,durableKeys:["page","rowsPerPage"],title:t.jsx("div",{className:"table-toolbar-left",children:t.jsx(Nr,{control:t.jsx(Lr,{sx:{display:"flex !important"},disabled:H,color:"primary",checked:N.hideBlocked,onChange:g=>Zt(g.target.checked)}),label:r("team.member.hideBlockedMember")})}),data:E,columns:Gt,customButtons:De,options:er,loading:H,onChange:Jt})})]}),t.jsx(X,{title:r("common.inviting"),onClose:()=>I(!1),open:f,maxWidth:"lg",fullWidth:!0,children:t.jsx(nt,{})}),U&&t.jsx(rt,{onCancel:()=>q(null),userDid:U.did,createPassportSvg:n,initTab:U.initTab}),c&&t.jsx(We,{teamDid:j,endpoint:O,roles:u,apps:y,onCancel:()=>l(!1),onSuccess:()=>{b(),l(!1)}}),m&&t.jsx(qe,{teamDid:j,endpoint:O,roles:u,onCancel:()=>S(!1),onSuccess:()=>{b(),S(!1)}})]})}const In=W.div`
+  .main {
+    .left {
+      width: 168px;
+      flex-shrink: 0;
+      margin-right: 65px;
+      .tabs {
+        padding-top: 16px;
+        .tab {
+          display: flex;
+          justify-content: space-between;
+          align-items: center;
+          padding: 8px 16px;
+          transition: background 0.4s;
+
+          width: 168px;
+          height: 36px;
+          border-radius: 8px;
+
+          cursor: pointer;
+          user-select: none;
+
+          &:nth-child(n + 2) {
+            margin-top: 24px;
+          }
+
+          &.active {
+            background: #f2f2f2;
+          }
+
+          &:hover {
+            background: #f2f2f2;
+          }
+
+          .text {
+            font-weight: 400;
+            font-size: 16px;
+            line-height: 19px;
+
+            color: #222222;
+          }
+
+          .badge {
+            display: flex;
+            flex-shrink: 0;
+            justify-content: center;
+            align-items: center;
+            width: 20px;
+            height: 20px;
+            border-radius: 100%;
+            color: #fff;
+            background: #666666;
+            font-size: 10px;
+            font-weight: 400;
+            &.is-rect {
+              width: auto;
+              border-radius: 8px;
+              padding: 0 4px;
+            }
+          }
+        }
+      }
+      @media (max-width: ${e=>e.theme.breakpoints.values.md}px) {
+        display: none;
+      }
+    }
+    .right {
+      flex: 1;
+      overflow: auto;
+    }
+  }
+
+  .member-block {
+    display: flex;
+    justify-content: flex-start;
+    align-items: center;
+    .member-avatar {
+      position: relative;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+    }
+    .member-meta {
+      margin-left: 10px;
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      align-items: flex-start;
+    }
+    .badge-block {
+      width: 14px;
+      height: 14px;
+      position: absolute;
+      right: -4px;
+      top: -4px;
+      background: #ff5757;
+      border-radius: 100%;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      &::after {
+        content: '';
+        width: 6px;
+        height: 2px;
+        background: #fefefe;
+      }
+    }
+  }
+
+  .table-toolbar-left {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    padding: 7px 0;
+  }
+`;On.propTypes={type:h.oneOf(["server","blocklet"]).isRequired,createPassportSvg:h.func.isRequired};export{On as default};