@abtnode/blocklet-services 1.16.23-beta-abdda301 → 1.16.23-beta-035db744

package/dist/assets/index-jzY_5Mpt.js

@@ -0,0 +1 @@
+import{P as o,r as x,j as e,bC as K,dV as M,a9 as B,Q as W}from"./index-Wd4YrnM9.js";import{d as v}from"./EditIcon-BFyZg_Io.js";import{d as $}from"./Close-SFAKpp5f.js";import{d as A}from"./Done-Rmbh35pz.js";import{C as G}from"./Google-cGngGIlT.js";import{B as u}from"./Box-xVyhqbFH.js";import{P as H}from"./formControlState-3f1dynOx.js";import{M as Q}from"./TextField-yFSUKkfQ.js";import{R as U,F as Y,L as J}from"./logo-uploader-3ZuH123a.js";import{I as R}from"./IconButton-Bw_740x8.js";import{S as X}from"./CircularProgress-Q4pselFx.js";const S={description:o.string,editing:o.bool,onChange:o.func,required:o.bool,value:o.any,componentProps:o.object,render:o.func,renderFormItem:o.func};function V({editing:n,value:r,onChange:s}){const[a,l]=x.useState(!1),c=x.useRef(),d=x.useRef(r);x.useEffect(()=>{let m=null;return n&&(m=setTimeout(()=>{l(!0)},50)),()=>{clearTimeout(m)}},[n]);const g=m=>{d.current=m,s(m)},y=()=>{l(!1),s(d.current)},b=e.jsx(u,{className:"form-item-input slot",px:1,children:e.jsxs(u,{display:"flex",alignItems:"center",children:[r,r!=="auto"&&e.jsx("div",{style:{marginLeft:4,backgroundColor:r,width:"1em",height:"1em",borderRadius:"0.2em"}})]})}),i=e.jsxs(u,{display:"flex",flexGrow:1,alignItems:"center",height:"40px",onKeyDown:y,children:[e.jsx(u,{display:"flex",alignItems:"center",onClick:()=>l(!0),children:e.jsx("div",{ref:c,style:{flexShrink:0,marginLeft:"8px",backgroundColor:r,width:"32px",height:"32px",boxSizing:"border-box",borderRadius:"8px",border:"1px solid #eee",cursor:r==="auto"?"default":"pointer"}})}),e.jsx(H,{open:a,anchorEl:c.current,onClose:()=>l(!1),anchorOrigin:{vertical:"bottom",horizontal:"center"},transformOrigin:{vertical:"top",horizontal:"center"},children:e.jsx(G,{color:r,onChange:m=>g(m.hex)})})]});return n?i:b}V.propTypes=S;function _({editing:n,description:r,value:s,onChange:a,componentProps:l,...c}){const{placeholder:d}=l,g=x.useRef(s),y=i=>{i.key==="Enter"&&a(g.current,"confirm")},b=i=>{g.current=i,a(i)};return n?e.jsx(Q,{style:{flex:1},fullWidth:!0,value:s,onChange:i=>{i.persist(),b(i.target.value)},autoFocus:!0,size:"small",variant:"outlined",placeholder:r||d,onKeyDown:y,...c}):e.jsx(u,{px:1,className:"form-item-input slot",children:s})}_.propTypes=S;_.defaultProps={componentProps:{}};function F({editing:n,value:r,onChange:s,componentProps:a,...l}){const{blocklet:c}=a,d=r==="auto"?K.getPassportColorFromDid(c.appDid):r;return e.jsxs(u,{display:"flex",alignItems:"center",children:[e.jsx("div",{style:{width:96,marginRight:12},dangerouslySetInnerHTML:{__html:M({title:"Owner",issuer:B(c),issuerDid:c.appDid,ownerName:"Your Name",ownerDid:c.appDid,preferredColor:r||"auto"})}}),e.jsx(V,{...l,editing:n,value:n?d:r,onChange:s,componentProps:a})]})}F.propTypes={...S,componentProps:o.shape({blocklet:o.object.isRequired}).isRequired};F.defaultProps={};const Z={input:_,color:V,passport:F,uploader:n=>e.jsx(J,{...n.componentProps})};function ee(n,{editing:r=!1}){const{componentType:s="input",render:a,renderFormItem:l}=n;return r&&l?l:!r&&a?a:Z[s==null?void 0:s.toLowerCase()]}function E({schema:n,loading:r,value:s,defaultValue:a,onChange:l,style:c,disabled:d}){const g=Object.prototype.toString.call(s)==="[object Object]",[y,b]=x.useState(null),[i,m]=x.useState(g?s:a),P=x.useRef();function I(t,p,h){const{key:f,secure:C}=t,k=i[f]!==p,j={...i,[f]:p};k&&m(j),l({[f]:p},{allValues:j,action:h,currentItem:t}),h==="confirm"&&C&&m({...i,[f]:"__encrypted__"}),["confirm","cancel"].includes(h)?N(null):N(t)}function N(t){if(t){P.current=i[t.key],b(t);return}P.current=null,b(null)}function T(t,{editing:p=!1}){const{key:h}=t,f=g?s[h]:i[h];return f==="__encrypted__"?p?"":"******":f}return e.jsx(re,{className:"form",style:c,children:n==null?void 0:n.map(t=>{const{key:p,description:h,required:f,solo:C=!1,hidden:D=!1,componentProps:k={}}=t;if(D)return null;const j=!!(y&&p===y.key),w=T(t,{editing:j}),z=ee(t,{editing:j}),q={inputProps:{"data-cy":"schema-form-item-component"},key:p,description:h,editing:j,value:w,onChange:(L,O="change")=>I(t,L,O),componentProps:k};return e.jsxs(u,{className:"form-item",children:[!C&&e.jsxs(u,{className:"form-item-label",style:{color:f&&!w?"#ff0000":"#333"},children:[h,f&&e.jsx(U,{})]}),e.jsxs(u,{className:"form-item-body",children:[e.jsx(u,{className:"form-item-input",sx:{textAlign:C?"center":"left"},children:e.jsx(z,{...q})}),!C&&e.jsx(u,{className:"form-item-action",children:j?e.jsxs(e.Fragment,{children:[e.jsx(R,{"data-cy":"schema-form-item-confirm",onClick:()=>{I(t,w,"confirm")},disabled:d||r,size:"large",children:r?e.jsx(X,{size:24}):e.jsx(A,{})}),e.jsx(R,{"data-cy":"schema-form-item-cancel",onClick:()=>{I(t,P.current,"cancel")},disabled:d||r,size:"large",children:e.jsx($,{})})]}):e.jsx(R,{"data-cy":"schema-form-item-edit",onClick:()=>{I(t,i[p],"edit")},disabled:d||y,size:"large",children:e.jsx(v,{})})})]})]},p)})})}E.propTypes={schema:o.array.isRequired,loading:o.bool,onChange:o.func.isRequired,value:o.object,defaultValue:o.object,style:o.object,disabled:o.bool};E.defaultProps={loading:!1,value:void 0,defaultValue:{},style:{},disabled:!1};const re=W(Y)``;export{E as S};

package/dist/assets/index-k2zXVcXF.js

@@ -0,0 +1,13 @@
+import{cn as e,P as o,r as u,j as p,c9 as h,cg as x,bx as b,V as w}from"./index-Wd4YrnM9.js";const c={error:{color:e.common.white,backgroundColor:e.error.main},warning:{color:e.common.white,backgroundColor:e.warning.main},success:{color:e.common.white,backgroundColor:e.success.main},primary:{color:e.common.white,backgroundColor:e.primary.main},reverse:{color:"#fff",backgroundColor:"#222"}};function s(n){const t=x(n,s,["style"]),{type:r,content:l,children:m,style:g,className:y,forwardedRef:d,...f}=t,{palette:a}=b(),i=Object.assign({},c[r]||c.primary,g);return a[r]&&Object.assign(i,{color:a[r].contrastText||e.common.white,backgroundColor:a[r].main}),p.jsx(j,{ref:d,component:"span",className:y,style:i,...f,children:l||m})}s.propTypes={children:o.any.isRequired,type:o.oneOf(Object.keys(c)),content:o.string,className:o.string,style:o.oneOfType([o.object,o.string])};s.defaultProps={type:"primary",content:"",className:"",style:{}};const T=u.forwardRef((n,t)=>p.jsx(s,{...n,forwardedRef:t})),C=T,j=h(w)`
+  && {
+    display: inline-flex;
+    justify-content: center;
+    align-items: center;
+    padding: 2px 10px;
+    height: 20px;
+    line-height: 20px;
+    font-size: 12px;
+    font-weight: 500;
+    border-radius: 4px;
+  }
+`;export{C as T};

package/dist/assets/{index-bo2FHAot.js → index-oibkouzz.js}

@@ -1,4 +1,4 @@
-import{j as r,T as i,P as e,bA as c,dE as f,bZ as u}from"./index-tI696upG.js";function l({name:t,nameFormatter:o,layout:a,children:n,valueComponent:s,nameWidth:m,...p}){return r.jsxs(d,{layout:a,width:m,...p,children:[r.jsx(i,{color:"textSecondary",className:"info-row__name",children:o(t)}),n&&r.jsx(i,{color:"textPrimary",component:s,className:"info-row__value",children:n})]})}l.propTypes={name:e.any.isRequired,layout:e.oneOf(["horizontal","vertical"]),children:e.any,nameFormatter:e.func,valueComponent:e.string,nameWidth:e.number};l.defaultProps={children:null,nameWidth:90,nameFormatter:t=>{const o=t.split(" ").map(a=>c(f(a))).join(" ");return typeof t=="string"?o:t},valueComponent:"div",layout:"horizontal"};const d=u("div")`
+import{j as r,V as i,P as e,bB as c,dY as f,c9 as u}from"./index-Wd4YrnM9.js";function l({name:t,nameFormatter:o,layout:a,children:n,valueComponent:s,nameWidth:m,...p}){return r.jsxs(d,{layout:a,width:m,...p,children:[r.jsx(i,{color:"textSecondary",className:"info-row__name",children:o(t)}),n&&r.jsx(i,{color:"textPrimary",component:s,className:"info-row__value",children:n})]})}l.propTypes={name:e.any.isRequired,layout:e.oneOf(["horizontal","vertical"]),children:e.any,nameFormatter:e.func,valueComponent:e.string,nameWidth:e.number};l.defaultProps={children:null,nameWidth:90,nameFormatter:t=>{const o=t.split(" ").map(a=>c(f(a))).join(" ");return typeof t=="string"?o:t},valueComponent:"div",layout:"horizontal"};const d=u("div")`
   display: flex;
   flex-direction: ${t=>t.layout==="vertical"?"column":"row"};
   justify-content: flex-start;

package/dist/assets/index-qz_i-v1s.js

@@ -0,0 +1,232 @@
+import{r as b,j as t,fC as zt,q as Bt,fD as Mt,aW as q,l as H,fE as Ae,bh as ce,as as Q,O as U,P as h,Q as M,bE as qt,dy as Re,J as Wt,dv as Kt,N as de,bi as X,T as ne,fF as Ht,k as Vt,ab as le,bB as Qt,aX as gt,I as B,bD as ht,m as st,a2 as Xt,fG as vt,bv as xt,b1 as Gt,t as Yt,A as Jt,bQ as Zt}from"./index-Wd4YrnM9.js";import{c as er}from"./index--CkleDlS.js";import{d as pe}from"./Add-wAhT997v.js";import{d as tr}from"./Loop-jlraOZ0y.js";import{L as rr,S as nr,d as bt}from"./list-header-T8PLjATD.js";import{D as yt,g as sr}from"./index-dO0N2FSj.js";import{u as V,W as jt}from"./dashboard-XUsTUl6m.js";import{W as ke}from"./did-address-3FoRRVKx.js";import{P as K,T as fe}from"./permission-DycDqWdA.js";import{b as Ee,A as te,f as G}from"./index-Dgm_SdZp.js";import{C as ve}from"./click-to-copy-0upUV1g8.js";import{T as re}from"./Typography-4MXIXIgI.js";import{F as St,S as Ct}from"./Select-CLqvWhqc.js";import{I as wt}from"./InputLabel-E4gynfPT.js";import{M as Ne,C as xe}from"./confirm-Tyae6_Zc.js";import{M as Pt}from"./TextField-yFSUKkfQ.js";import{S as se}from"./CircularProgress-Q4pselFx.js";import{_ as or}from"./useAsync-bLl3m9OW.js";import{T as ir}from"./index-yQZH21L_.js";import{I as De}from"./index-oibkouzz.js";import{d as ar}from"./Close-SFAKpp5f.js";import{B as E}from"./Box-xVyhqbFH.js";import{r as cr}from"./createSvgIcon-TtyKAxsD.js";import{d as Ot}from"./RevokeIcon-qytdNGtr.js";import{u as Rt}from"./session-VA6PMO42.js";import{A as lr}from"./Avatar-FfLDTS1T.js";import{d as dr}from"./useSetState-8hL6FUWi.js";import{A as mr}from"./actions-d6S2vs_m.js";import{L as ur,a as pr}from"./ListItemText-3DGsMIsc.js";import{F as fr,C as gr}from"./Checkbox-hUFDjNSc.js";import"./Search-OMtIqcCB.js";import"./FilterList-A3lP9lXN.js";import"./Search-NO0Vj1Jx.js";import"./TextField-w62Tj_bv.js";import"./createStack-jceJWRju.js";import"./Grid-lKrAKrf2.js";import"./Toolbar-p2Rw9VP_.js";import"./index-ja_Ipmzw.js";import"./redux-XOuz_cVf.js";import"./toPropertyKey-NzAT2yhV.js";import"./index-k2zXVcXF.js";import"./IconButton-Bw_740x8.js";import"./styled-QR9SQDeC.js";import"./formControlState-3f1dynOx.js";import"./Chip-7KtYmZN9.js";import"./spaces-jG6buFhb.js";import"./index-575yCkwl.js";import"./index-cnER8eGh.js";import"./api-2KA7QvaK.js";import"./createSvgIcon-tFt1ryL0.js";import"./Link-QmOupva0.js";import"./fallback-79zmcfbz.js";import"./index-QooYxDDB.js";import"./index-cC16saNb.js";import"./Hidden-epK0WlDg.js";import"./ExpandMore-KT3Riu-V.js";import"./selector-8Gj_YDKP.js";import"./listItemButtonClasses-ej_0Wd0u.js";import"./useMediaQuery-HjFmqP7e.js";import"./Box-lZ5spsQH.js";import"./IconButton-2kDl8ha3.js";import"./ButtonBase-TSoPFIBe.js";import"./useSlotProps-XvH7yjDf.js";import"./Typography-tvdIv5ZI.js";var _e={};Object.defineProperty(_e,"__esModule",{value:!0});var Dt=_e.default=void 0;hr(b);var ee=t;function hr(e){return e&&e.__esModule?e:{default:e}}function ot(e,n){var s=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter(function(g){return Object.getOwnPropertyDescriptor(e,g).enumerable})),s.push.apply(s,i)}return s}function it(e){for(var n=1;n<arguments.length;n++){var s=arguments[n]!=null?arguments[n]:{};n%2?ot(Object(s),!0).forEach(function(i){vr(e,i,s[i])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(s)):ot(Object(s)).forEach(function(i){Object.defineProperty(e,i,Object.getOwnPropertyDescriptor(s,i))})}return e}function vr(e,n,s){return n=xr(n),n in e?Object.defineProperty(e,n,{value:s,enumerable:!0,configurable:!0,writable:!0}):e[n]=s,e}function xr(e){var n=br(e,"string");return typeof n=="symbol"?n:String(n)}function br(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 Fe=function(n){return(0,ee.jsxs)("svg",it(it({},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"})})})]}))};Fe.defaultProps={width:"18",height:"19",viewBox:"0 0 18 19",xmlns:"http://www.w3.org/2000/svg"};Fe.displayName="person";Dt=_e.default=Fe;var ue={},yr=e=>encodeURIComponent(e).replace(/[!'()*]/g,n=>`%${n.charCodeAt(0).toString(16).toUpperCase()}`),Tt="%[a-f0-9]{2}",at=new RegExp("("+Tt+")|([^%]+?)","gi"),ct=new RegExp("("+Tt+")+","gi");function Te(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([],Te(s),Te(i))}function jr(e){try{return decodeURIComponent(e)}catch{for(var n=e.match(at)||[],s=1;s<n.length;s++)e=Te(n,s).join(""),n=e.match(at)||[];return e}}function Sr(e){for(var n={"%FE%FF":"��","%FF%FE":"��"},s=ct.exec(e);s;){try{n[s[0]]=decodeURIComponent(s[0])}catch{var i=jr(s[0]);i!==s[0]&&(n[s[0]]=i)}s=ct.exec(e)}n["%C2"]="�";for(var g=Object.keys(n),P=0;P<g.length;P++){var O=g[P];e=e.replace(new RegExp(O,"g"),n[O])}return e}var Cr=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 Sr(e)}},wr=(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)]},Pr=function(e,n){for(var s={},i=Object.keys(e),g=Array.isArray(n),P=0;P<i.length;P++){var O=i[P],w=e[O];(g?n.indexOf(O)!==-1:n(O,w,e))&&(s[O]=w)}return s};(function(e){const n=yr,s=Cr,i=wr,g=Pr,P=r=>r==null;function O(r){switch(r.arrayFormat){case"index":return o=>(a,c)=>{const p=a.length;return c===void 0||r.skipNull&&c===null||r.skipEmptyString&&c===""?a:c===null?[...a,[v(o,r),"[",p,"]"].join("")]:[...a,[v(o,r),"[",v(p,r),"]=",v(c,r)].join("")]};case"bracket":return o=>(a,c)=>c===void 0||r.skipNull&&c===null||r.skipEmptyString&&c===""?a:c===null?[...a,[v(o,r),"[]"].join("")]:[...a,[v(o,r),"[]=",v(c,r)].join("")];case"comma":case"separator":return o=>(a,c)=>c==null||c.length===0?a:a.length===0?[[v(o,r),"=",v(c,r)].join("")]:[[a,v(c,r)].join(r.arrayFormatSeparator)];default:return o=>(a,c)=>c===void 0||r.skipNull&&c===null||r.skipEmptyString&&c===""?a:c===null?[...a,v(o,r)]:[...a,[v(o,r),"=",v(c,r)].join("")]}}function w(r){let o;switch(r.arrayFormat){case"index":return(a,c,p)=>{if(o=/\[(\d*)\]$/.exec(a),a=a.replace(/\[\d*\]$/,""),!o){p[a]=c;return}p[a]===void 0&&(p[a]={}),p[a][o[1]]=c};case"bracket":return(a,c,p)=>{if(o=/(\[\])$/.exec(a),a=a.replace(/\[\]$/,""),!o){p[a]=c;return}if(p[a]===void 0){p[a]=[c];return}p[a]=[].concat(p[a],c)};case"comma":case"separator":return(a,c,p)=>{const u=typeof c=="string"&&c.includes(r.arrayFormatSeparator),m=typeof c=="string"&&!u&&l(c,r).includes(r.arrayFormatSeparator);c=m?l(c,r):c;const f=u||m?c.split(r.arrayFormatSeparator).map(D=>l(D,r)):c===null?c:l(c,r);p[a]=f};default:return(a,c,p)=>{if(p[a]===void 0){p[a]=c;return}p[a]=[].concat(p[a],c)}}}function x(r){if(typeof r!="string"||r.length!==1)throw new TypeError("arrayFormatSeparator must be single character string")}function v(r,o){return o.encode?o.strict?n(r):encodeURIComponent(r):r}function l(r,o){return o.decode?s(r):r}function j(r){return Array.isArray(r)?r.sort():typeof r=="object"?j(Object.keys(r)).sort((o,a)=>Number(o)-Number(a)).map(o=>r[o]):r}function d(r){const o=r.indexOf("#");return o!==-1&&(r=r.slice(0,o)),r}function S(r){let o="";const a=r.indexOf("#");return a!==-1&&(o=r.slice(a)),o}function T(r){r=d(r);const o=r.indexOf("?");return o===-1?"":r.slice(o+1)}function I(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),x(o.arrayFormatSeparator);const a=w(o),c=Object.create(null);if(typeof r!="string"||(r=r.trim().replace(/^[?#&]/,""),!r))return c;for(const p of r.split("&")){if(p==="")continue;let[u,m]=i(o.decode?p.replace(/\+/g," "):p,"=");m=m===void 0?null:["comma","separator"].includes(o.arrayFormat)?m:l(m,o),a(l(u,o),m,c)}for(const p of Object.keys(c)){const u=c[p];if(typeof u=="object"&&u!==null)for(const m of Object.keys(u))u[m]=I(u[m],o);else c[p]=I(u,o)}return o.sort===!1?c:(o.sort===!0?Object.keys(c).sort():Object.keys(c).sort(o.sort)).reduce((p,u)=>{const m=c[u];return m&&typeof m=="object"&&!Array.isArray(m)?p[u]=j(m):p[u]=m,p},Object.create(null))}e.extract=T,e.parse=y,e.stringify=(r,o)=>{if(!r)return"";o=Object.assign({encode:!0,strict:!0,arrayFormat:"none",arrayFormatSeparator:","},o),x(o.arrayFormatSeparator);const a=m=>o.skipNull&&P(r[m])||o.skipEmptyString&&r[m]==="",c=O(o),p={};for(const m of Object.keys(r))a(m)||(p[m]=r[m]);const u=Object.keys(p);return o.sort!==!1&&u.sort(o.sort),u.map(m=>{const f=r[m];return f===void 0?"":f===null?v(m,o):Array.isArray(f)?f.reduce(c(m),[]).join("&"):v(m,o)+"="+v(f,o)}).filter(m=>m.length>0).join("&")},e.parseUrl=(r,o)=>{o=Object.assign({decode:!0},o);const[a,c]=i(r,"#");return Object.assign({url:a.split("?")[0]||"",query:y(T(r),o)},o&&o.parseFragmentIdentifier&&c?{fragmentIdentifier:l(c,o)}:{})},e.stringifyUrl=(r,o)=>{o=Object.assign({encode:!0,strict:!0},o);const a=d(r.url).split("?")[0]||"",c=e.extract(r.url),p=e.parse(c,{sort:!1}),u=Object.assign(p,r.query);let m=e.stringify(u,o);m&&(m=`?${m}`);let f=S(r.url);return r.fragmentIdentifier&&(f=`#${v(r.fragmentIdentifier,o)}`),`${a}${m}${f}`},e.pick=(r,o,a)=>{a=Object.assign({parseFragmentIdentifier:!0},a);const{url:c,query:p,fragmentIdentifier:u}=e.parseUrl(r,a);return e.stringifyUrl({url:c,query:g(p,o),fragmentIdentifier:u},a)},e.exclude=(r,o,a)=>{const c=Array.isArray(o)?p=>!o.includes(p):(p,u)=>!o(p,u);return e.pick(r,c,a)}})(ue);const ie=Mt,Or={parseNumbers:!1,parseBooleans:!1},Rr={skipNull:!1,skipEmptyString:!1},Dr=(e,n)=>{var s,i;const{navigateMode:g="push",parseOptions:P,stringifyOptions:O}=n||{},w=Object.assign(Object.assign({},Or),P),x=Object.assign(Object.assign({},Rr),O),v=ie.useLocation(),l=(s=ie.useHistory)===null||s===void 0?void 0:s.call(ie),j=(i=ie.useNavigate)===null||i===void 0?void 0:i.call(ie),d=zt(),S=b.useRef(typeof e=="function"?e():e||{}),T=b.useMemo(()=>ue.parse(v.search,w),[v.search]),I=b.useMemo(()=>Object.assign(Object.assign({},S.current),T),[T]);return[I,Bt(r=>{const o=typeof r=="function"?r(I):r;d(),l&&l[g]({hash:v.hash,search:ue.stringify(Object.assign(Object.assign({},T),o),x)||"?"},v.state),j&&j({hash:v.hash,search:ue.stringify(Object.assign(Object.assign({},T),o),x)||"?"},{replace:g==="replace",state:v.state})})]},Tr=Dr;function Le({teamDid:e,roles:n,onCancel:s,onSuccess:i,onError:g,endpoint:P}){const{api:O}=q(),[w,x]=b.useState(!1),[v,l]=b.useState(""),{t:j,locale:d}=H(),[S,T]=b.useState(0),[I,y]=b.useState(""),[r,o]=b.useState(""),[a,c]=b.useState(""),p=async()=>{if(!r){l(j("team.member.error.passportEmpty"));return}const f=a.trim();l(null),x(!0);try{const{inviteInfo:D}=await O.createMemberInvitation({input:{teamDid:e,role:r,remark:f}});y(D),T(1)}catch(D){const z=G(D);l(z),g(D)}finally{x(!1)}},m=[{body:t.jsxs(re,{component:"div",children:[t.jsxs(St,{style:{width:"100%"},variant:"outlined",children:[t.jsx(wt,{children:j("common.passport")}),t.jsx(Ct,{"data-cy":"invite-member-select-role",value:r,onChange:f=>{l(null),o(f.target.value)},fullWidth:!0,label:j("common.passport"),disabled:w,onKeyPress:f=>{f.key==="Enter"&&(f.preventDefault(),p())},children:n.filter(f=>f.name!=="owner").map(f=>t.jsx(Ne,{value:f.name,"data-cy":`invite-member-select-option-${f.name}`,children:t.jsx("span",{children:f.title||f.name})},f.name))})]}),t.jsx("div",{style:{marginTop:20,marginBottom:10}}),t.jsx(Pt,{label:j("common.remark"),autoComplete:"off",variant:"outlined",fullWidth:!0,style:{marginBottom:8},value:a,onChange:f=>{l(null),c(f.target.value)},disabled:w,"data-cy":"invite-member-input-remark"}),t.jsx("div",{style:{marginTop:20,marginBottom:10}})]}),cancel:j("common.cancel"),confirm:j("team.member.inviteDialog.createInviteLink"),onCancel:s,onConfirm:p},{body:()=>{const f=Ae({inviteId:I.inviteId,endpoint:P});return t.jsxs("div",{children:[t.jsx(Ir,{children:j("team.member.inviteDialog.createSuccessTip",{expireDate:ce(I.expireDate,d)})}),t.jsx("div",{style:{marginTop:"40px"}}),t.jsx(ve,{children:f})]})},confirm:j("common.confirm"),onConfirm:i}][S];return t.jsxs(Q,{title:j("common.invite"),fullWidth:!0,open:!0,showCloseButton:!1,actions:t.jsxs(t.Fragment,{children:[m.cancel&&t.jsx(U,{onClick:m.onCancel,color:"inherit",children:m.cancel}),t.jsxs(U,{onClick:m.onConfirm,color:"primary",disabled:w||!r,variant:"contained",autoFocus:!0,children:[w&&t.jsx(se,{size:16}),m.confirm]})]}),children:[t.jsx(Ee,{component:"div",children:typeof m.body=="function"?m.body():m.body}),!!v&&t.jsx(te,{type:"error",variant:"icon",children:v})]})}Le.propTypes={teamDid:h.string.isRequired,onCancel:h.func.isRequired,onSuccess:h.func.isRequired,onError:h.func,roles:h.array,endpoint:h.string};Le.defaultProps={onError:()=>{},roles:[],endpoint:""};const Ir=M.div`
+  font-size: 16px;
+  font-weight: bold;
+`;function $e({teamDid:e,onCancel:n,onSuccess:s,onError:i,endpoint:g}){const{api:P,info:O}=q(),{api:w}=b.useContext(qt),[x,v]=b.useState(!1),{t:l,locale:j}=H(),[d,S]=b.useState(""),[T,I]=b.useState(!1),[y,r]=b.useState(0),[o,a]=b.useState(""),[c,p]=b.useState(""),u=!!Re(O,"ownerNft.did"),m=or(async()=>{if(u){const{state:N}=await P.getDelegationState();return N}return{delegated:!0}});if(m.loading)return t.jsx(Q,{title:l("team.transferNode.inviteDialog.title"),fullWidth:!0,open:!0,onClose:n,children:t.jsx("div",{style:{display:"flex",justifyContent:"center"},children:t.jsx(se,{})})});if(m.error)return t.jsx(Q,{title:l("team.transferNode.inviteDialog.title"),fullWidth:!0,open:!0,onClose:n,children:t.jsx(te,{type:"error",variant:"icon",children:G(m.error)})});const f=async()=>{S(null),v(!0);try{const{inviteInfo:N}=await P.createTransferInvitation({input:{teamDid:e,role:"owner",remark:c.trim()}});a(N),r(Y.length-1)}catch(N){const J=G(N);S(J),i(N)}finally{v(!1)}},D=()=>{I(!0),r(1)},z=()=>{I(!1),r(0)},Y=[{body:t.jsxs(re,{component:"div",children:[t.jsxs(te,{type:"warning",children:[t.jsx(re,{children:l("team.transferNode.inviteDialog.tips.progress")}),t.jsx(re,{children:l("team.transferNode.inviteDialog.tips.newOwnerPermissions")})]}),t.jsx(te,{type:"warning",children:t.jsx(re,{children:l("team.transferNode.inviteDialog.tips.revoke")})}),t.jsx("div",{style:{marginTop:20,marginBottom:10}}),t.jsx(Pt,{label:l("common.remark"),autoComplete:"off",variant:"outlined",fullWidth:!0,style:{marginBottom:8},value:c,onChange:N=>{S(null),p(N.target.value)},disabled:x,"data-cy":"transfer-node-input-remark"}),t.jsx("div",{style:{marginTop:20,marginBottom:10}})]}),cancel:l("common.cancel"),confirm:l("team.transferNode.inviteDialog.createInviteLink"),onCancel:n,onConfirm:u&&!Re(m,"value.delegated")?D:f},{body:()=>t.jsx(Wt,{action:"delegate-transfer-nft",open:T,locale:j,checkFn:w.get,onClose:z,onSuccess:f,checkTimeout:5*60*1e3,webWalletUrl:Kt(O),extraParams:{targetDID:O.did},messages:{title:l("team.transferNode.delegateDialog.title"),scan:l("team.transferNode.delegateDialog.scan"),confirm:l("team.transferNode.delegateDialog.confirm"),success:l("team.transferNode.delegateDialog.success")},popup:!0})},{body:()=>{const N=Ae({inviteId:o.inviteId,endpoint:g});return t.jsxs("div",{children:[t.jsx(Ar,{children:l("team.transferNode.inviteDialog.createSuccessTip",{expireDate:ce(o.expireDate,j)})}),t.jsx("div",{style:{marginTop:"40px"}}),t.jsx(ve,{children:N})]})},confirm:l("common.confirm"),onConfirm:s}],L=Y[y];return t.jsxs(Q,{title:l("team.transferNode.inviteDialog.title"),fullWidth:!0,open:!0,showCloseButton:!1,actions:t.jsxs(t.Fragment,{children:[L.cancel&&t.jsx(U,{onClick:L.onCancel,color:"inherit",children:L.cancel}),t.jsxs(U,{onClick:L.onConfirm,color:"primary",disabled:x,variant:"contained",autoFocus:!0,children:[x&&t.jsx(se,{size:16}),L.confirm]})]}),children:[t.jsx(Ee,{component:"div",children:typeof L.body=="function"?L.body():L.body}),!!d&&t.jsx(te,{type:"error",variant:"icon",children:d})]})}$e.propTypes={teamDid:h.string.isRequired,onCancel:h.func.isRequired,onSuccess:h.func.isRequired,onError:h.func,endpoint:h.string};$e.defaultProps={onError:()=>{},endpoint:""};const Ar=M.div`
+  font-size: 16px;
+  font-weight: bold;
+`;var Ue={};Object.defineProperty(Ue,"__esModule",{value:!0});var ze=Ue.default=void 0;kr(b);var we=t;function kr(e){return e&&e.__esModule?e:{default:e}}function lt(e,n){var s=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter(function(g){return Object.getOwnPropertyDescriptor(e,g).enumerable})),s.push.apply(s,i)}return s}function dt(e){for(var n=1;n<arguments.length;n++){var s=arguments[n]!=null?arguments[n]:{};n%2?lt(Object(s),!0).forEach(function(i){Er(e,i,s[i])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(s)):lt(Object(s)).forEach(function(i){Object.defineProperty(e,i,Object.getOwnPropertyDescriptor(s,i))})}return e}function Er(e,n,s){return n=Nr(n),n in e?Object.defineProperty(e,n,{value:s,enumerable:!0,configurable:!0,writable:!0}):e[n]=s,e}function Nr(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 Be=function(n){return(0,we.jsxs)("svg",dt(dt({},n),{},{children:[(0,we.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,we.jsx)("rect",{x:"12.5",y:"9.375",width:"7.5",height:"1.875",rx:".938"})]}))};Be.defaultProps={width:"20",height:"20",viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg"};Be.displayName="forbid-login";ze=Ue.default=Be;var Me={};Object.defineProperty(Me,"__esModule",{value:!0});var qe=Me.default=void 0;Fr(b);var me=t;function Fr(e){return e&&e.__esModule?e:{default:e}}function mt(e,n){var s=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter(function(g){return Object.getOwnPropertyDescriptor(e,g).enumerable})),s.push.apply(s,i)}return s}function ut(e){for(var n=1;n<arguments.length;n++){var s=arguments[n]!=null?arguments[n]:{};n%2?mt(Object(s),!0).forEach(function(i){Lr(e,i,s[i])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(s)):mt(Object(s)).forEach(function(i){Object.defineProperty(e,i,Object.getOwnPropertyDescriptor(s,i))})}return e}function Lr(e,n,s){return n=$r(n),n in e?Object.defineProperty(e,n,{value:s,enumerable:!0,configurable:!0,writable:!0}):e[n]=s,e}function $r(e){var n=Ur(e,"string");return typeof n=="symbol"?n:String(n)}function Ur(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 We=function(n){return(0,me.jsxs)("svg",ut(ut({},n),{},{children:[(0,me.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,me.jsx)("rect",{x:"12.5",y:"9.375",width:"7.5",height:"1.875",rx:".938"}),(0,me.jsx)("rect",{x:"15.313",y:"14.063",width:"7.5",height:"1.875",rx:".938",transform:"rotate(-90 15.313 14.063)"})]}))};We.defaultProps={width:"20",height:"20",viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg"};We.displayName="allow-login";qe=Me.default=We;function ge(e){const{passport:n,onDelete:s,...i}=e;return t.jsxs(zr,{...i,children:[n.title||n.name," ",!!s&&t.jsx(ar,{"data-cy":"delete-issuance",className:"delete",onClick:s})]})}ge.propTypes={passport:h.object.isRequired,onDelete:h.func};ge.defaultProps={onDelete:null};const zr=M.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 Ke({issuances:e,teamDid:n,onRefresh:s}){const{api:i,inService:g}=q(),{t:P,locale:O}=b.useContext(de),[w,x]=b.useState(null),[v,l]=b.useState(!1),{endpoint:j}=V(),d=async({id:y})=>{if(!v){l(!0);try{await i.deletePassportIssuance({input:{teamDid:n,sessionId:y}}),s()}catch(r){ne.error(r.message)}finally{l(!1),x(null)}}},S=()=>{l(!1),x(null)},T=y=>j?Ht({id:y.id,endpoint:j}):"";function I({data:y}){return t.jsxs("div",{className:"issuance",children:[t.jsxs(E,{display:"flex",justifyContent:"space-between",children:[t.jsx(K,{permission:g?"":"mutate_team",role:g?X:[],children:r=>r?t.jsx(ge,{passport:{title:y.title,name:y.name},onDelete:()=>x({title:P("team.passport.issuance.delete.title"),description:P("team.passport.issuance.delete.description",{link:T(y)}),confirm:P("common.delConfirm"),cancel:P("common.cancel"),onConfirm:()=>{d(y)},onCancel:S})}):t.jsx(ge,{passport:{title:y.title,name:y.name}})}),t.jsxs("div",{style:{color:"#999"},children:[P("common.expires"),": ",ce(y.expireDate,O)]})]}),t.jsx(E,{mt:2,children:t.jsx(ve,{children:T(y)})})]})}return t.jsxs(Br,{children:[e.map(y=>t.jsx(I,{data:y})),w&&t.jsx(xe,{title:w.title,description:w.description,confirm:w.confirm,cancel:w.cancel,params:w.params,onConfirm:w.onConfirm,onCancel:w.onCancel})]})}const Br=M.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;
+    }
+  }
+`;Ke.propTypes={teamDid:h.string.isRequired,issuances:h.array,onRefresh:h.func};Ke.defaultProps={issuances:[],onRefresh:()=>{}};var He={},Mr=Vt;Object.defineProperty(He,"__esModule",{value:!0});var Ie=He.default=void 0,qr=Mr(cr()),Wr=t;Ie=He.default=(0,qr.default)((0,Wr.jsx)("path",{d:"M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2M12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8"}),"ErrorOutline");var _={};Object.defineProperty(_,"__esModule",{value:!0});_.getSourceProviders=_.getSourceProvider=Ve=_.getWalletDid=_.getWallet=_.getConnectedDids=_.getConnectedAccounts=_.getPermanentDid=void 0;const It=le;function Kr(e){return e==null?void 0:e.did}_.getPermanentDid=Kr;function be(e){return(e==null?void 0:e.connectedAccounts)||[]}_.getConnectedAccounts=be;function Hr(e){return be(e).map(i=>i.did)}_.getConnectedDids=Hr;function At(e){return be(e).find(i=>i.provider===It.LOGIN_PROVIDER.WALLET)}_.getWallet=At;function Vr(e){const n=At(e);return n==null?void 0:n.did}var Ve=_.getWalletDid=Vr;function Qr(e){return(e==null?void 0:e.sourceProvider)||It.LOGIN_PROVIDER.WALLET}_.getSourceProvider=Qr;function Xr(e){return be(e).map(s=>s.provider)}_.getSourceProviders=Xr;function ye({teamDid:e,ownerDid:n,needReceive:s,roles:i,onCancel:g,onSuccess:P,onError:O,showOwnerPassport:w}){const{api:x}=q(),[v,l]=b.useState(!1),[j,d]=b.useState(""),{t:S}=H(),[T,I]=b.useState(""),y=async()=>{if(!T){d(S("team.member.error.passportEmpty"));return}d(null),l(!0);try{await x.createPassportIssuance({input:{teamDid:e,name:T,ownerDid:n}}),P()}catch(r){const o=G(r);d(o),O(r)}finally{l(!1)}};return t.jsxs(Q,{title:S("team.passport.issue"),fullWidth:!0,open:!0,onClick:r=>r.stopPropagation(),onClose:g,disableEscapeKeyDown:!0,PaperProps:{style:{minHeight:"auto"}},actions:t.jsxs(t.Fragment,{children:[t.jsx(U,{onClick:g,color:"inherit",size:"small",children:S("common.cancel")}),t.jsxs(U,{onClick:y,color:"primary",size:"small",disabled:v||!T,variant:"contained",autoFocus:!0,"data-cy":"issue-passport-create-btn",children:[v&&t.jsx(se,{size:16}),S(s?"team.passport.issuance.create.title":"oauth.issued")]})]}),children:[t.jsx(Ee,{component:"div",children:t.jsx(re,{component:"div",children:t.jsxs(St,{style:{width:"100%"},variant:"outlined",children:[t.jsx(wt,{children:S("common.passport")}),t.jsx(Ct,{"data-cy":"issue-passport-select-passport",value:T,onChange:r=>{d(null),I(r.target.value)},fullWidth:!0,label:S("common.passport"),disabled:v,onKeyPress:r=>{r.key==="Enter"&&(r.preventDefault(),y())},children:i.filter(r=>w||r.name!=="owner").map(r=>t.jsx(Ne,{value:r.name,"data-cy":`issue-passport-select-option-${r.name}`,children:t.jsx("span",{children:r.title||r.name})},r.name))})]})})}),!!j&&t.jsx(te,{type:"error",variant:"icon",children:j})]})}ye.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};ye.defaultProps={onError:()=>{},roles:[],showOwnerPassport:!1,needReceive:!0};function Qe({passport:e,user:n,color:s,width:i,icon:g,children:P,createPassportSvg:O,...w}){const{t:x}=H();return t.jsxs(Gr,{display:"flex",alignItems:"center",...w,children:[t.jsx("div",{dangerouslySetInnerHTML:{__html:O({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(E,{className:"title",display:"flex",alignItems:"center",children:[Qt(e.title),t.jsxs("div",{className:"status-icons",children:[g,e.revoked&&t.jsx(Ot,{})]})]}),e.expirationDate&&t.jsx(E,{className:"title",display:"flex",alignItems:"center",children:x("team.passport.validUntil",{date:e.expirationDate})}),P]})]})}Qe.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};Qe.defaultProps={icon:null,children:null,width:150};const Gr=M(E)`
+  .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 he({action:e,passport:n}){const{t:s}=H(),{roles:i}=V(),g=i.find(P=>P.name===n.role);return t.jsxs("div",{children:[t.jsx("div",{children:s(e==="enable"?"team.member.enablePassportDescription":"team.member.revokePassportDescription")}),g&&t.jsx(E,{mt:3,fontWeight:"bold",children:s("team.member.passportPermissionTitle")}),g&&t.jsx(E,{mt:1,children:g.description})]})}he.propTypes={action:h.string.isRequired,passport:h.object.isRequired};he.defaultProps={};function Xe({user:e,onCreate:n,createPassportSvg:s}){var J;const{t:i}=H(),{session:g}=Rt(),{roles:P,teamDid:O,teamIssuerDid:w,refresh:x,enablePassportIssuance:v,trustedPassports:l,passportColor:j,blocklet:d}=V(),{appIdList:S}=gt(),{api:T,inService:I}=q(),[y,r]=b.useState(!1),[o,a]=b.useState(null),[c,p]=b.useState(!1),[u,m]=b.useState(""),f=[w,...S||[]].filter(Boolean),D=(Re(e,"passports")||[]).map(R=>({...R,revoked:R.status===B.PASSPORT_STATUS.REVOKED})),z=async R=>{if(!y){r(!0);try{const $=R.status===B.PASSPORT_STATUS.REVOKED?"enableUserPassport":"revokeUserPassport";await T[$]({input:{teamDid:O,userDid:e.did,passportId:R.id}}),x()}catch($){ne.error(G($))}finally{r(!1),a(null)}}},Y=R=>R.status===B.PASSPORT_STATUS.REVOKED?a({title:i("team.member.enablePassport"),description:t.jsx(he,{action:"enable",passport:R}),confirm:i("common.enable"),cancel:i("common.cancel"),onConfirm:()=>{z(R)},onCancel:()=>{r(!1),a(null)},color:"primary"}):a({title:i("team.member.revokePassport"),description:t.jsx(he,{action:"revoke",passport:R}),confirm:i("common.revoke"),cancel:i("common.cancel"),onConfirm:()=>{z(R)},onCancel:()=>{r(!1),a(null)}}),L=(R,$)=>e.did===g.user.did&&g.user.passportId&&g.user.passportId===$.id?{revokable:!1,message:i("team.passport.shouldNotDeleteCurrent")}:R?O===$.issuer.id&&$.name==="owner"?{revokable:!1,message:i("team.passport.noPermission")}:{revokable:!0}:{revokable:!1,message:i("team.passport.noPermission")},N=D.filter(R=>!u||R.title.includes(u)||R.name.includes(u));return t.jsxs(Yr,{children:[t.jsxs(rr,{children:[t.jsx("div",{className:"left",children:t.jsx(nr,{placeholder:i("team.passport.search"),value:u,onChange:R=>m(R.target.value)})}),t.jsx("div",{className:"right",children:v&&!!e.approved&&t.jsx(K,{permission:I?"":"mutate_team",role:I?X:[],children:t.jsxs(U,{variant:"contained",color:"primary","data-cy":"issue-passport",onClick:()=>p(!0),children:[t.jsx(pe,{style:{fontSize:16,marginRight:4}}),i("team.passport.issue")]})})})]}),t.jsxs(E,{children:[N.map(R=>t.jsx(K,{permission:I?"":"mutate_team",role:I?X:[],children:$=>t.jsxs(E,{className:"passport-item",display:"flex",justifyContent:"space-between",alignItems:"center",mt:3,children:[t.jsx(Qe,{passport:R,user:e,color:j,createPassportSvg:s,icon:f.length&&!f.includes(R.issuer.id)?t.jsx(bt,{}):null,children:!!f.length&&!f.includes(R.issuer.id)&&t.jsxs("div",{className:"tip",children:[R.issuer.id!==w&&!l.some(Z=>Z.issuerDid===R.issuer.id)&&t.jsx(fe,{title:i("team.passport.notTrustedIssuerTip"),children:t.jsx(E,{component:Ie,style:{fontSize:"1.3em"},color:"error.main",mr:.5})}),t.jsx("span",{children:i("team.passport.issueBy",{name:R.issuer.name})})]})}),t.jsx(E,{children:L($,R).revokable?t.jsxs(U,{variant:"outlined",color:R.revoked?"primary":"secondary",onClick:()=>Y(R),children:[R.revoked?t.jsx(pe,{style:{fontSize:16,marginRight:4}}):t.jsx(Ot,{style:{height:16,marginRight:4}}),R.revoked?i("common.enable"):i("common.revoke")]}):t.jsx(fe,{title:L($,R).message,children:t.jsx(Ie,{style:{color:"#ddd"}})})})]})},R.id)),!N.length&&t.jsx(ht,{children:i("common.empty")})]}),c&&t.jsx(ye,{teamDid:O,ownerDid:e.did,needReceive:Ve(e)===e.did,roles:P,onCancel:()=>p(!1),onSuccess:()=>{n(),p(!1)},showOwnerPassport:d&&!((J=d.settings)!=null&&J.owner)}),o&&t.jsx(xe,{title:o.title,description:o.description,confirm:o.confirm,cancel:o.cancel,params:o.params,onConfirm:o.onConfirm,onCancel:o.onCancel,color:o.color})]})}Xe.propTypes={user:h.object.isRequired,createPassportSvg:h.func.isRequired,onCreate:h.func};Xe.defaultProps={onCreate:()=>{}};const Yr=M.div`
+  .passport-item {
+    .MuiButton-outlinedSecondary {
+      color: #f16e6e;
+      fill: #f16e6e;
+      background: #fcf3f3;
+      border: 0;
+      &:hover {
+        border: 0;
+      }
+    }
+  }
+`,{ROLES:Jr,PASSPORT_STATUS:Zr}=B,en=e=>((e==null?void 0:e.passports)||[]).some(n=>n.role===Jr.OWNER&&n.status===Zr.VALID);var tn={hasActiveOwnerPassport:en};const rn=(e,n)=>e.nodeOwner&&e.nodeOwner.did===n,pt=(e,n)=>e&&e.did===n;function je({user:e,onCancel:n,onSuccess:s,onError:i,children:g}){const{api:P,info:O,inService:w}=q(),{session:x}=Rt(),{teamDid:v,refresh:l}=V(),{t:j}=H(),[d,S]=b.useState(!1),[T,I]=b.useState(!1),y=()=>I(!0),r=async c=>{const{did:p,approved:u}=c;if(!d){S(!0);try{await P.updateUserApproval({input:{teamDid:v,user:{did:p,approved:!u}}}),I(!1),s(),l()}catch(m){ne.error(G(m)),i()}finally{S(!1)}}},o={title:e.approved?j("team.member.forbidLogin"):j("team.member.allowLogin"),description:e.approved?j("team.member.forbidLoginDescription"):j("team.member.allowLoginDescription"),confirm:j("common.confirm"),cancel:j("common.cancel"),onConfirm:()=>{r(e)},onCancel:()=>{S(!1),I(!1),n()},color:e.approved?"error":"primary"};let a;return tn.hasActiveOwnerPassport(e)?a=!1:w?a=!pt(x.user,e.did):a=O.nodeOwner&&!rn(O,e.did)&&!pt(x.user,e.did),a?t.jsxs(t.Fragment,{children:[typeof g=="function"?g({can:a,open:y}):g,T?t.jsx(xe,{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}je.propTypes={user:h.object,onSuccess:h.func,onCancel:h.func,onError:h.func,children:h.oneOfType([h.object,h.func])};je.defaultProps={user:{},onSuccess:()=>{},onCancel:()=>{},onError:()=>{},children:null};function kt(e,n,s){if(e&&e.startsWith(B.USER_AVATAR_URL_PREFIX)){const i=window.env.apiPrefix||"/";return s?st(i,B.USER_AVATAR_PATH_PREFIX,e.replace(B.USER_AVATAR_URL_PREFIX,"")):st(i,B.USER_AVATAR_PATH_PREFIX,n,e.replace(B.USER_AVATAR_URL_PREFIX,""))}return e}function Ge({user:e}){return(e.connectedAccounts||[]).map(s=>t.jsx(De,{style:{alignItems:"flex-start"},valueComponent:"div",nameWidth:120,name:s.provider,children:t.jsx(ke,{did:s.did})},s.did))}Ge.propTypes={user:h.object.isRequired};Ge.defaultProps={};h.string.isRequired;const ae="info";function Ye({userDid:e,onCancel:n,initTab:s,createPassportSvg:i}){const{api:g,ws:{useSubscription:P},inService:O}=q(),{roles:w,teamDid:x,enablePassportIssuance:v}=V(),{t:l,locale:j}=H(),d=Xt({user:null,issuances:null,tab:s||ae}),S=async(u,m)=>{try{const f=await g.doBatchQuery({getUser:{input:{teamDid:u,user:{did:m},options:{includeTags:!0}}},getPassportIssuances:{input:{teamDid:u,ownerDid:m}}});f.getUser.user&&(f.getUser.user.avatar=kt(f.getUser.user.avatar,u,O),f.getUser.user.passports=(f.getUser.user.passports||[]).filter(D=>D.issuer)),d.user=f.getUser.user||{},d.issuances=f.getPassportIssuances.list||[]}catch(f){ne.error(G(f))}};b.useEffect(()=>{x&&S(x,e)},[e,x]);const T=u=>{u.teamDid===x&&u.user&&u.user.did===e&&S(x,e)};P(le.TeamEvents.userUpdated,T,[e,x]),b.useEffect(()=>{d.issuances&&!d.issuances.length&&d.tab==="issuances"&&(d.tab=ae)},[d.issuances]);const I=async u=>{await S(x,u.did),d.tab=ae},y={auth0:"Auth0",wallet:"DID wallet",federated:"Federated"},r=()=>{var m,f;return(d.user?[{name:l("team.member.name"),value:d.user.fullName},{name:l("common.email"),value:d.user.email},{name:l("team.member.source"),value:t.jsx(E,{display:"flex",alignItems:"center",children:y[((m=d.user)==null?void 0:m.sourceProvider)||B.USER_TYPE.WALLET]||((f=d.user)==null?void 0:f.sourceProvider)})},{name:l("team.member.allowLogin"),value:d.user.approved?l("common.yes"):l("common.no")},{name:l("team.member.lastLogin"),value:ce(d.user.lastLoginAt,j)},{name:l("team.member.lastLoginIp"),value:d.user.lastLoginIp||""},{name:l("common.createdAt"),value:ce(d.user.createdAt,j)},{name:l("common.remark"),value:d.user.remark||"--"},Array.isArray(d.user.tags)&&d.user.tags.length>0?{name:l("common.tags"),value:d.user.tags.map(D=>t.jsx(jt,{style:{background:D.color,color:vt(D.color),marginRight:4},children:D.title},D.id))}:null].filter(Boolean):[]).map(D=>D.name===l("common.did")?t.jsx(De,{valueComponent:"div",nameWidth:120,name:D.name,nameFormatter:()=>l("common.did"),children:D.value},D.name):t.jsx(De,{style:{alignItems:"flex-start"},valueComponent:"div",nameWidth:120,name:D.name,children:D.value},D.name))},o={info:{label:l("common.basicInfo"),value:ae,component:r},oauth:{label:l("team.member.connectedAccounts"),value:"oauth",component:()=>t.jsx(Ge,{user:d.user,onChangeUser:I})},passports:{label:l("common.passport"),value:"passports",component:()=>t.jsx(Xe,{user:d.user,teamDid:x,roles:w,createPassportSvg:i,onCreate:()=>{S(x,e).then(()=>{v&&d.issuances&&d.issuances.length&&(d.tab="issuances")})},onRefresh:()=>{S(x,e)}})},issuances:{label:l("team.passport.issuance.pending"),value:"issuances",component:()=>t.jsx(Ke,{issuances:d.issuances||[],teamDid:x,onRefresh:()=>S(x,e)})}},a=Object.values(o).map(({label:u,value:m})=>({label:u,value:m})).filter(u=>{var m;return u.value==="issuances"?v&&d.issuances&&!!d.issuances.length:u.value==="oauth"?(((m=d.user)==null?void 0:m.connectedAccounts)||[]).find(D=>{var z;return D.provider!==(((z=d.user)==null?void 0:z.sourceProvider)||le.LOGIN_PROVIDER.WALLET)}):!0}),c=o[d.tab]||o.info,p=u=>{d.tab=u};return t.jsx(Q,{title:l("common.member"),onClose:n,open:!0,PaperProps:{style:{maxWidth:632,minHeight:"80vh"}},fullWidth:!0,actions:d.user&&t.jsx(K,{permission:O?"":"mutate_team",role:O?X:[],children:t.jsx(je,{user:d.user,children:({open:u})=>t.jsxs(on,{onClick:u,children:[d.user.approved?t.jsx(ze,{style:{fontSize:"1.2em",marginRight:"0.4em"}}):t.jsx(qe,{style:{fontSize:"1.2em",marginRight:"0.4em"}}),d.user.approved?l("team.member.forbidLogin"):l("team.member.allowLogin")]})})}),children:t.jsxs(nn,{children:[!d.user&&t.jsx(sn,{children:t.jsx(se,{})}),d.user&&t.jsxs("div",{children:[t.jsxs(E,{display:"flex",alignItems:"center",className:"info",children:[t.jsx(lr,{src:d.user.avatar,style:{width:48,height:48,backgroundColor:"transparent",marginRight:16}}),t.jsxs(E,{children:[t.jsx(E,{className:"name",children:d.user.fullName}),t.jsx(E,{className:"did",mt:1,children:t.jsx(ke,{did:d.user.did})})]})]}),t.jsx(E,{mx:3,className:"tabs",children:t.jsx(ir,{tabs:a,current:d.tab,onChange:p,scrollButtons:"auto"})}),t.jsx("div",{className:"body",children:t.jsx(c.component,{})})]})]})})}Ye.propTypes={userDid:h.string.isRequired,onCancel:h.func.isRequired,createPassportSvg:h.func.isRequired,initTab:h.string};Ye.defaultProps={initTab:ae};const nn=M.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;
+  }
+`,sn=M.div`
+  flex: 1;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 200px;
+`,on=M.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 Je(){const{api:e,inService:n}=q(),{t:s,locale:i}=b.useContext(de),{teamDid:g,invitations:P,refresh:O,endpoint:w}=V(),[x,v]=b.useState(null),[l,j]=b.useState(!1),d=async({inviteId:y})=>{if(!l){j(!0);try{await e.deleteInvitation({input:{teamDid:g,inviteId:y}}),O(),await Gt(800)}catch(r){console.error(r)}finally{j(!1),v(null)}}},S=()=>{j(!1),v(null)},T=y=>w?Ae({inviteId:y.inviteId,endpoint:w}):"",I=[{label:s("team.inviting.link"),name:"inviteId",options:{sort:!1,customBodyRenderLite:y=>{const r=P[y];return w?t.jsx(ve,{children:T(r)}):t.jsx(se,{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 a;const o=P[r];return(a=o==null?void 0:o.inviter)==null?void 0:a.fullName}}},{label:s("common.expires"),name:"expireDate",options:{customBodyRender:y=>t.jsx(xt,{value:y,locale:i})}},{label:s("common.actions"),name:"",width:100,align:"center",options:{sort:!1,customBodyRenderLite:y=>{const r=P[y];return t.jsx(K,{permission:n?"":"mutate_team",role:n?X:[],children:t.jsxs(U,{onClick:()=>v({title:s("team.inviting.delete.title"),description:s("team.inviting.delete.description",{link:T(r)}),confirm:s("common.delConfirm"),cancel:s("common.cancel"),onConfirm:()=>d(r),onCancel:S}),size:"small",color:"error",variant:"text",children:[t.jsx(dr,{style:{fontSize:"1.2em"}}),s("common.delete")]})})}}}];return t.jsxs(an,{children:[P.length?t.jsx(yt,{locale:i,data:[...P],columns:I,verticalKeyWidth:100,options:{download:!1,filter:!1,print:!1}}):t.jsx(ht,{children:s("common.empty")}),x&&t.jsx(xe,{title:x.title,description:x.description,confirm:x.confirm,cancel:x.cancel,params:x.params,onConfirm:x.onConfirm,onCancel:x.onCancel})]})}const an=M.div`
+  margin-top: -20px;
+`;Je.propTypes={};Je.defaultProps={};function Ze({user:e,onIssuePassport:n}){const{teamDid:s,roles:i}=V(),{t:g}=b.useContext(de),[P,O]=b.useState(!1);return t.jsxs(t.Fragment,{children:[t.jsx(mr,{"data-cy":"member-actions",actions:[{icon:t.jsx(pe,{fontSize:"small"}),text:g("team.passport.issue"),"data-cy":"action-issue-passport",onClick:w=>{w.stopPropagation(),O(!0)}},({close:w})=>t.jsx(je,{user:e,children:({open:x})=>t.jsxs(Ne,{dense:!0,onClick:v=>{v.stopPropagation(),w(),x(v)},"data-cy":"action-toggle-block",children:[t.jsx(ur,{style:{minWidth:24,marginRight:8},children:e.approved?t.jsx(ze,{}):t.jsx(qe,{})}),t.jsx(pr,{primary:e.approved?g("team.member.forbidLogin"):g("team.member.allowLogin")})]})},"toggle-approval")]}),P&&t.jsx(ye,{teamDid:s,ownerDid:e.did,needReceive:Ve(e)===e.did,roles:i,onCancel:()=>O(!1),onSuccess:()=>{n(),O(!1)}})]})}Ze.propTypes={user:h.object.isRequired,onIssuePassport:h.func};Ze.defaultProps={onIssuePassport:()=>{}};const Pe="$all",ft="$none",Oe=(e,n)=>{const s=e.find(i=>i.key===n);return(s==null?void 0:s.value)||0},cn=(e,n)=>{const s=e.passports||[];return s.length?!s.some(i=>{var g;return n.includes((g=i.issuer)==null?void 0:g.id)}):!1};function Et({user:e}){const{t:n}=b.useContext(de),s=t.jsxs("div",{className:"member-block",children:[t.jsxs("div",{className:"member-avatar",children:[t.jsx(Jt,{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(fe,{title:n("team.passport.externalPassport"),children:t.jsx(E,{ml:1,className:"icon",children:t.jsx(bt,{})})})]}),t.jsxs("div",{className:"member-meta",children:[t.jsx("div",{className:"member-text",children:e.fullName}),Array.isArray(e.tags)&&e.tags.length>0&&t.jsx("div",{className:"member-tags",children:e.tags.map(i=>t.jsx(jt,{style:{background:i.color,color:vt(i.color),marginRight:4},children:i.title},i.id))})]})]});return e.approved?s:t.jsx(E,{display:"flex",alignItems:"center",children:t.jsx(fe,{title:n("team.member.forbidLoginDescription"),children:s})})}Et.propTypes={user:h.object.isRequired};function ln({type:e,createPassportSvg:n}){const{appIdList:s=[]}=gt(),{teamDid:i,invitations:g,teamIssuerDid:P,roles:O,refresh:w,enablePassportIssuance:x,endpoint:v,api:l}=V(),{inService:j,ws:{useSubscription:d}}=q(),{t:S,locale:T}=b.useContext(de),[I,y]=b.useState(!1),[r,o]=b.useState(!1),[a,c]=b.useState(!1),[p,u]=b.useState(!1),[m,f]=b.useState(!1),[D,z]=b.useState([]),[Y,L]=b.useState(),[N,J]=b.useState([]),[R]=Tr({did:void 0}),$=`members-${i}`,Z=sr($),[k,oe]=b.useState({role:Pe,searchText:Z.searchText||"",hideBlocked:!1,pageSize:Z.rowsPerPage||10,page:Z.page?Z.page+1:1});Yt(async()=>{if(R.did){const{user:C}=await l.getUser({did:R.did});C&&u(C)}});const Se=(O||[]).map(C=>({name:C.name,title:C.title,num:Oe(N,C.name)}));Se.unshift({name:Pe,title:"All Members",num:Oe(N,Pe)}),Se.push({name:ft,title:"Other",num:Oe(N,ft)});const et=()=>{const C={includeTags:!0};k.hideBlocked&&(C.approved=!0),C.role=k.role,k.searchText&&(C.search=k.searchText),f(!0),l.getUsers({query:C,paging:{page:k.page,pageSize:k.pageSize}}).then(A=>{f(!1),(A.users||[]).forEach(F=>{F.isFromExternal=cn(F,Zt(s)?[P]:s),F.avatar=kt(F.avatar,i,j),F.passports=(F.passports||[]).filter(W=>W.issuer)}),z(A.users||[]),L(A.paging.total)}).catch(A=>{f(!1),ne.error(A.message)})},tt=()=>{l.getUsersCountPerRole().then(C=>{J(C.counts||[])}).catch(C=>{ne.error(C.message)})},rt=C=>{C.teamDid===i&&(et(),tt())};b.useEffect(()=>{et()},[`${k.hideBlocked}-${k.role}-${k.page}-${k.pageSize}-${k.searchText}`]),b.useEffect(()=>{tt()},[]),d(le.TeamEvents.userUpdated,rt,[k]),d(le.TeamEvents.userAdded,rt,[k]);const Nt=x,_t=[{label:S("common.name"),name:"fullName",options:{customBodyRenderLite:C=>{const A=D[C];return t.jsx("div",{"data-cy":`member-name-${A.fullName}`,children:t.jsx(Et,{user:A})},A.did)}}},{label:S("common.address"),name:"did",options:{customBodyRender:C=>t.jsx(ke,{size:14,responsive:!0,copyable:!1,did:C})}},{label:S("team.member.lastLogin"),name:"lastLoginAt",options:{customBodyRender:C=>t.jsx(xt,{value:C,locale:T})}},{label:S("team.member.lastLoginIp"),name:"lastLoginIp",options:{customBodyRender:C=>C||"-"}},{label:S("team.member.source"),name:"sourceProvider",options:{customBodyRenderLite:C=>{const A=D[C],F=A.sourceProvider||B.USER_TYPE.WALLET,nt={auth0:"Auth0",wallet:"DID wallet",federated:"Federated"}[F]||F;return A.sourceAppPid?`${nt} (${S("team.member.federated")})`:nt}}},{label:S("common.actions"),name:"",width:100,align:"center",verticalKeyAlign:"center",options:{customBodyRenderLite:C=>{const A=D[C];return t.jsx(K,{permission:j?"":"mutate_team",role:j?X:[],children:t.jsx(Ze,{user:A,onIssuePassport:()=>u({...A,initTab:"issuances"})})})}}}],Ce=[];Nt&&(Ce.push(t.jsxs(U,{variant:"outlined",style:{flexShrink:0,marginRight:16},color:"primary",size:"small",onClick:()=>{c(!0)},children:[t.jsx(Dt,{style:{height:"1em",marginRight:4}}),S("common.inviting"),g.length?` (${g.length})`:""]}),t.jsx(K,{permission:j?"":"mutate_team",role:j?X:[],children:t.jsxs(U,{style:{flexShrink:0,marginRight:16},variant:"contained",edge:"end",color:"primary",size:"small","data-cy":"invite-member",onClick:()=>y(!0),children:[t.jsx(pe,{style:{fontSize:"1.3em",marginRight:4}}),S("team.invite")]})})),e==="server"&&Ce.push(t.jsx(K,{role:"owner",children:t.jsxs(U,{style:{flexShrink:0},variant:"contained",edge:"end",color:"error",size:"small","data-cy":"invite-member",onClick:()=>o(!0),children:[t.jsx(tr,{style:{fontSize:"1.3em",marginRight:4}}),S("team.transferNode.name")]})})));const Ft=C=>{m||oe(A=>({...A,role:C,hideBlocked:!1,searchText:"",page:1}))},Lt=C=>{oe(A=>({...A,hideBlocked:C,page:1}))},$t=({page:C,rowsPerPage:A,searchText:F})=>{k.pageSize!==A?oe(W=>({...W,pageSize:A,page:1})):k.page!==C+1?oe(W=>({...W,page:C+1})):k.searchText!==F&&oe(W=>({...W,searchText:F,page:1}))},Ut={sort:!1,download:!1,filter:!1,print:!1,expandableRowsOnClick:!0,onRowClick(C,{dataIndex:A}){const F=D[A];u(F)},page:k.page-1,rowsPerPage:k.pageSize,count:Y,searchDebounceTime:600};return t.jsxs(dn,{children:[t.jsxs(E,{className:"main",display:"flex",sx:{mt:j?4:0},children:[t.jsx("div",{className:"left",children:t.jsx("div",{className:"tabs",children:Se.map(C=>t.jsxs("div",{className:`tab ${k.role===C.name?"active":""}`,onClick:()=>Ft(C.name),children:[t.jsx("span",{className:"text",children:C.title}),t.jsx("span",{className:er("badge",{"is-rect":C.num>999}),children:C.num})]},C.name))})}),t.jsx("div",{className:"right",children:t.jsx(yt,{className:"main-table",verticalKeyWidth:100,locale:T,durable:$,durableKeys:["page","rowsPerPage"],title:t.jsx("div",{className:"table-toolbar-left",children:t.jsx(fr,{control:t.jsx(gr,{sx:{display:"flex !important"},disabled:m,color:"primary",checked:k.hideBlocked,onChange:C=>Lt(C.target.checked)}),label:S("team.member.hideBlockedMember")})}),data:D,columns:_t,customButtons:Ce,options:Ut,loading:m,onChange:$t})})]}),t.jsx(Q,{title:S("common.inviting"),onClose:()=>c(!1),open:a,maxWidth:"lg",fullWidth:!0,children:t.jsx(Je,{})}),p&&t.jsx(Ye,{onCancel:()=>u(null),userDid:p.did,createPassportSvg:n,initTab:p.initTab}),I&&t.jsx(Le,{teamDid:i,endpoint:v,roles:O,onCancel:()=>y(!1),onSuccess:()=>{w(),y(!1)}}),r&&t.jsx($e,{teamDid:i,endpoint:v,roles:O,onCancel:()=>o(!1),onSuccess:()=>{w(),o(!1)}})]})}const dn=M.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;
+            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-grow: 1;
+    }
+  }
+
+  .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;
+  }
+`;ln.propTypes={type:h.oneOf(["server","blocklet"]).isRequired,createPassportSvg:h.func.isRequired};export{ln as default};