@abtnode/blocklet-services 1.17.8-beta-20260104-120132-cb5b1914 → 1.17.8-beta-20260106-113136-b3c09e14

package/dist/assets/{index-BcIeEF3v.js → index-Cq6z7yeF.js}

@@ -1,4 +1,4 @@
-import{j as e,y as yr,bZ as ye,M as ne,ak as m,Q as G,W as u,J as ve,b_ as vr,I as W,aN as wr,T as A,aj as jr,b$ as Pe,P as Ie,bX as Te,a5 as Re,z as Ue,A as Fe,c0 as Cr,b0 as kr,U as Me,b3 as Sr,c1 as Pr,at as V,c2 as Ir,a6 as Y,n as oe,D as Tr,c3 as Rr,ar as Ae,b6 as we,c4 as Mr,aZ as Ar,bb as Er,bj as zr}from"./vendor-mui-core-DnR6WYuU.js";import{r as y,a as Wr,j as Lr,m as Dr}from"./vendor-react-CTtPmzVP.js";import{t as _e,I as $r,O as Br,a3 as Ee,D as Or,C as se,n as H,A as Nr}from"./vendor-utils-CxWN1dT3.js";import{u as Ur,az as Fr,aA as _r,c as je,aB as qr,l as Hr,am as qe,aC as Gr,aD as He,a3 as le,aE as Kr,aF as Yr,af as Zr,aG as Vr}from"./index-NWCpUGtr.js";import{a as R,h as Qr,q as ce,g as Q,b as M,l as Jr}from"./vendor-hooks-qxhUUbW5.js";import{l as Ge}from"./arrow-down.svg-C4FUKwt4.js";import{aU as Ce,z as E,V as L,aZ as Xr,au as Ke,a_ as et,H as O,aa as rt,ax as tt,a$ as ze,J as nt,w as Ye,ab as ke,X as ot,ak as T,Q as st,W as it,$ as at,b0 as lt,b1 as ct,K as Ze}from"./vendor-ux-jvAfFAl1.js";import{N as dt}from"./list-DVUI92a2.js";import{d as ut}from"./search-4YYphs0l.js";import{B as We}from"./bundle-avatar-Dtpi1uSw.js";import{c as Le,T as pt}from"./team-D9lFN8Pe.js";import{b as ft,d as ht,a as Ve,c as Qe,e as xt,f as mt,h as gt,$ as bt}from"./user-center-BoGQKLvn.js";import{T as ge,O as yt}from"./index-8bzrOXqv.js";import{c as vt}from"./passport-BNRZfcVH.js";import{N as Je,U as Xe}from"./index-uODjznr3.js";import{u as de}from"./use-mobile-D5clNlrm.js";import wt from"./index-TzwTiNQ7.js";import{U as jt,a as Ct}from"./user-follower-D8NzTP2C.js";import{f as Z}from"./index-DBs9Ljax.js";import{S as er}from"./switch-BjA8SIAh.js";import{u as De}from"./index-bCC4mzZc.js";import kt from"./index-E4Hos_Sx.js";import{o as St}from"./vendor-arcblock-B1iA4v4a.js";import{D as Pt,a as ie,b as It,S as Tt}from"./index-DdojJXSn.js";import"./index-BpWFE-ry.js";import"./index-BojVbZw0.js";import"./lottie-web-4koyQiv_.js";import"./server-logo-notext.svg-xZ-i1SpD.js";import"./util-CDBgZOAd.js";import"./base32-BPZDlXZz.js";import"./session-5s-U-ruq.js";import"./isURL-CRZ7iI7F.js";import"./use-app-logo-Cfo-T8ZY.js";import"./index-arhRQhsc.js";import"./revoke.svg-CNl4LAbv.js";import"./use-mobile-BINJTzMb.js";import"./actions-Dfiiwkit.js";import"./index-BWCHnVga.js";import"./form-text-input-C-JBHNfU.js";import"./required-BQln5OcV.js";import"./form-wrapper-PT5ZzMQy.js";import"./edit.svg-RRSklUg-.js";import"./lock.svg-BgybwZNe.js";import"./index-tfYDa2i6.js";import"./permission-C0rLyhnq.js";import"./confirm-BRnYfcDD.js";import"./click-to-copy-BEM1P78p.js";import"./invitations-CuhR5Qhr.js";import"./create-passport-svg-BKhJ2ufW.js";import"./api-FQQlzPOP.js";import"./table-tips-Dgzi4H1y.js";import"./ua-parser-DP5omx3I.js";import"./sdk-C45BrgFy.js";import"./passport-item-Bf_kXmId.js";import"./did-address-B3eXeL7H.js";import"./index-CSCCjNba.js";import"./vendor-mui-x-CQc01l4r.js";import"./AdapterDayjs-DyRP0A_7.js";import"./delete-confirm-1vzcMsM2.js";import"./index-DRYJ0xIl.js";function Rt(){let r=new Map;function i({root:s,rootMargin:t,threshold:n}){let h=r.get(s);h||(h=new Map,r.set(s,h));let a=JSON.stringify({rootMargin:t,threshold:n}),p=h.get(a);if(!p){let l=new Map;p={observer:new IntersectionObserver(x=>{x.forEach(o=>{l.get(o.target)?.(o)})},{root:s,rootMargin:t,threshold:n}),entryCallbacks:l},h.set(a,p)}return{observe:(l,x)=>{p.entryCallbacks.set(l,x),p.observer.observe(l)},unobserve:l=>{p.entryCallbacks.delete(l),p.observer.unobserve(l)}}}return{getObserver:i}}var Mt="0px",At=[0],Et=Rt();function zt(r){let i=r?.rootMargin??Mt,s=r?.threshold??At,t=y.useRef(null),n=y.useRef(null),h=y.useRef(null),[a,p]=y.useState(),l=y.useCallback(()=>{let k=t.current;if(!k){p(void 0);return}let v=Et.getObserver({root:n.current,rootMargin:i,threshold:s});v.observe(k,d=>{p(d)}),h.current=v},[i,s]),x=y.useCallback(()=>{let k=h.current,v=t.current;v&&k?.unobserve(v),h.current=null},[]),o=y.useCallback(k=>{x(),t.current=k,l()},[l,x]),f=y.useCallback(k=>{x(),n.current=k,l()},[l,x]);return[o,{entry:a,rootRef:f}]}var Wt=zt;function Lt(r){let[i,s]=Wt(r),t=!!s.entry?.isIntersecting,[n,h]=y.useState(t);return t&&!n&&h(!0),[i,{...s,isVisible:t,wasEverVisible:n}]}var Dt=Lt,$t=100;function Bt({loading:r,hasNextPage:i,onLoadMore:s,rootMargin:t,disabled:n,delayInMs:h=$t}){let a=y.useRef(s),[p,{rootRef:l,isVisible:x}]=Dt({rootMargin:t});y.useEffect(()=>{a.current=s},[s]);let o=!n&&!r&&x&&i;return y.useEffect(()=>{if(o){let f=setTimeout(()=>{a.current()},h);return()=>{clearTimeout(f)}}},[o,h]),[p,{rootRef:l}]}var Ot=Bt;const me={info:"#3B82F6",success:"#10B981",warning:"#F59E0B",error:"#EF4444"};ae.propTypes={severity:u.oneOf(["info","success","warning","error",""]).isRequired,size:u.number};function ae({severity:r,size:i=8}){return me[r]?e.jsx(m,{component:"span",sx:{display:"inline-block",width:i,height:i,borderRadius:"50%",backgroundColor:me[r]||me.info}}):null}rr.propTypes={theme:u.string,type:u.oneOf(["button","line","select"]),onSelectType:u.func,extra:u.node,loading:u.bool,currentTab:u.oneOf(["info","success","warning","error",""])};function rr({theme:r="dark",type:i="button",onSelectType:s,extra:t=void 0,currentTab:n="",loading:h=!1,...a}){const{t:p}=y.useContext(Ce),l=[{label:p("notification.allSeverity"),value:""},{label:p("notification.severityType.info"),value:"info"},{label:p("notification.severityType.success"),value:"success"},{label:p("notification.severityType.warning"),value:"warning"},{label:p("notification.severityType.error"),value:"error"}],x=g=>{(g!==n||!h)&&s(g)},o=y.useMemo(()=>{const g={width:"100%",bgcolor:r==="dark"?"#F9FAFB":"",overflowY:"auto",paddingTop:i==="select"?"0":"5px",whiteSpace:"nowrap",borderRadius:0,display:"flex",justifyContent:"space-between",alignItems:"flex-end",flexWrap:"wrap",gap:"8px"};return i==="line"?Object.assign(g,{}):g},[i,r]),f=(g,j,C)=>e.jsx(G,{disabled:h,onClick:()=>x(g.value),className:`profile-button ${j?"active":""}`,...a,children:g.label},g.value||C),k=(g,j,C)=>e.jsx(G,{variant:"text",disabled:h,onClick:()=>x(g.value),className:`profile-line-button ${j?"active":""}`,...a,children:g.label},g.value||C),v=()=>l?.map((g,j)=>{const C=n===g?.value;return i==="line"?e.jsx(y.Fragment,{children:k(g,C,j)},g.value||j):e.jsx(y.Fragment,{children:f(g,C,j)},g.value||j)}),d=g=>{const{value:j}=g.target;x(j==="all"?"":j)};return i==="select"?e.jsx(yr,{sx:{maxWidth:300},children:e.jsx(ye,{value:n||"all",onChange:d,size:"small",label:"Severity",IconComponent:g=>e.jsx(Ge,{...g,width:20,height:20}),MenuProps:{autoFocus:!1,PaperProps:{style:{maxHeight:400,overflowY:"auto",borderRadius:"8px",boxShadow:"0px 6px 24px rgba(0, 0, 0, 0.15)"}}},variant:"outlined",sx:{fieldset:{border:"none"}},children:l.map((g,j)=>e.jsx(ne,{value:g.value||"all",children:e.jsxs(m,{sx:{display:"flex",alignItems:"center",gap:1},children:[e.jsx(ae,{severity:g.value}),g.label]})},g.value||j))})}):e.jsxs(m,{className:"severity-tabs",sx:o,children:[e.jsx(m,{sx:{...i==="line"?{flex:1,borderBottom:"1px solid",borderColor:"grey.200"}:{display:"flex",gap:"24px"}},children:v()}),t]})}tr.propTypes={paging:u.objectOf(u.any).isRequired,loading:u.bool.isRequired,onChange:u.func.isRequired};function tr({loading:r,paging:i,onChange:s}){const{t}=y.useContext(Ce),n=ve(l=>l.breakpoints.down("md"));if(i.pageCount<=0||n)return null;const h=(l,x)=>{s({page:x+1})},a=l=>{const x=Number(l.target.value);s({page:1,pageSize:x})},p=i.page-1<=0?0:i.page-1;return e.jsx(m,{className:"notification-pagination",sx:{mt:2,display:"flex",justifyContent:"flex-end"},children:e.jsx(vr,{component:"div",disabled:r,count:i.total,page:p,rowsPerPageOptions:[10,20,50,100],labelRowsPerPage:t("pagination.rowsPerPage"),labelDisplayedRows:({from:l,to:x,count:o})=>`${l}–${x} / ${o!==-1?o:`${t()}more than ${x}`}`,rowsPerPage:i.pageSize,onPageChange:h,onRowsPerPageChange:a})})}const Nt=y.memo(tr),Ut={width:24,height:24,body:'<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4h16v2.172a2 2 0 0 1-.586 1.414L15 12v7l-6 2v-8.5L4.52 7.572A2 2 0 0 1 4 6.227V4z"/>'},$e=6,Be={"& .MuiCheckbox-root":{padding:"4px"},"& .MuiCheckbox-root .MuiSvgIcon-root":{fontSize:"1.35rem"},"& .MuiCheckbox-root:not(.Mui-checked)":{color:"divider"},"& .MuiCheckbox-root.Mui-checked":{color:"primary.main"},"& .MuiCheckbox-root .css-i4bv87-MuiSvgIcon-root":{width:"1.1em",height:"1.1em"},"& .MuiCheckbox-root svg":{stroke:"divider",strokeWidth:.7}},Ft={border:"1px solid",borderColor:"divider",borderRadius:1,overflow:"hidden",backgroundColor:"background.paper",backgroundImage:"none",transition:"all 0.2s ease-in-out"},Oe=()=>({...Ft,width:"calc(50% - 8px)"});nr.propTypes={loading:u.bool,type:u.oneOf(["server","service"]),onFilterChange:u.func,blockletMap:u.object,filterType:u.oneOf(["component","entity"]),selectedId:u.array,severity:u.array,enableMarkAllAsRead:u.bool,unReadCount:u.number,onReadFilterChange:u.func,currentReadFilter:u.string};function nr({onFilterChange:r=()=>{},loading:i=!1,type:s="service",blockletMap:t={},filterType:n="component",selectedId:h=[],severity:a=[],enableMarkAllAsRead:p=!0,unReadCount:l=0,onReadFilterChange:x=()=>{},currentReadFilter:o="all"}){const{t:f}=y.useContext(Ce),[k,v]=y.useState(null),d=!!k,[g,j]=y.useState(h),[C,D]=y.useState(a),[b,S]=y.useState(!1),[P,_]=y.useState(""),[$,N]=y.useState([]);y.useEffect(()=>{j(h),D(a)},[h,a]);const U=[{label:f("notification.filterType.all"),value:"all"},{label:f("notification.filterType.unread"),value:"unread"}],J=c=>{(c!==o||!i)&&x(c)},K=[{label:f("notification.severityType.info"),value:"info"},{label:f("notification.severityType.success"),value:"success"},{label:f("notification.severityType.warning"),value:"warning"},{label:f("notification.severityType.error"),value:"error"}],X=c=>{v(c.currentTarget),_(""),S(!1)},pe=()=>{v(null)},ee=c=>{const w=g.includes(c)?g.filter(I=>I!==c):[...g,c];j(w),r({id:w,severity:C})},re=c=>{const w=C.includes(c)?C.filter(I=>I!==c):[...C,c];D(w),r({severity:w,id:g})},fe=c=>{_(c.target.value)},he=()=>{S(!b)},q=Wr.useMemo(()=>{if(!t.size)return[];const c=[];return n==="component"&&c.push({label:f("notification.system"),id:"system"}),Array.from(t).forEach(([,w])=>{const I=w.did||w.meta?.did,z=w.title||w.meta?.title||"",B=w.appPid||w.appDid;(n==="component"&&B!==I||n==="entity"&&B===I)&&c.push({label:z,id:I,blocklet:w,ancestors:w.ancestors})}),c},[t,n,f]);y.useEffect(()=>{if(P.trim()==="")N(q);else{const c=P.toLowerCase(),w=q.filter(I=>I.label.toLowerCase().includes(c));N(w)}},[P,q]);const xe=P.trim()!==""||b?$:$.slice(0,$e);return e.jsxs(m,{children:[e.jsxs(m,{sx:{display:"flex",justifyContent:p?"space-between":"flex-end",alignItems:"flex-start",flexWrap:"wrap",gap:1},children:[p&&e.jsx(m,{sx:{display:"flex",gap:1.5},children:U.map(c=>e.jsxs(G,{disabled:i,onClick:()=>J(c.value),className:`profile-button ${o===c.value?"active":""}`,sx:{...s==="service"&&o===c.value?{color:"secondary.main"}:{},color:"red",fontWeight:o===c.value?"bold":"normal"},children:[c.label,c.value==="unread"&&l>0&&` (${l})`]},c.value))}),e.jsxs(m,{sx:{display:"flex",justifyContent:"flex-end",gap:2},children:[e.jsx(W,{size:"small",onClick:X,disabled:i,sx:{minWidth:"auto",borderRadius:1,border:"1px solid",borderColor:"divider","&:hover":{backgroundColor:"action.hover"}},children:e.jsx(E,{icon:Ut,hFlip:!0})}),e.jsx(wr,{open:d,anchorEl:k,onClose:pe,anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},slotProps:{paper:{sx:{p:3,width:450,maxHeight:500,overflowY:"auto",backgroundColor:"background.paper",backgroundImage:"none",borderRadius:1,boxShadow:"0px 6px 24px rgba(0, 0, 0, 0.15)"}}},children:e.jsxs(m,{children:[e.jsxs(m,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center",mb:2,height:"28px"},children:[e.jsx(A,{variant:"subtitle1",sx:{fontWeight:"bold"},children:f("notification.severity")}),e.jsx(m,{sx:{minWidth:"60px",display:"flex",justifyContent:"flex-end"},children:(g.length>0||C.length>0)&&e.jsx(G,{size:"small",onClick:()=>{j([]),D([]),r({severity:[],id:[]})},startIcon:e.jsx(jr,{fontSize:"small"}),sx:{color:"text.secondary",textTransform:"none",minWidth:"auto","&:hover":{backgroundColor:"transparent"},"& .MuiButton-startIcon":{marginRight:"2px"}},children:f("notification.clear")})})]}),e.jsx(m,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center",mb:3},children:e.jsx(Pe,{sx:{display:"flex",flexDirection:"row",flexWrap:"wrap",gap:2,flex:1},children:K.map(c=>e.jsx(Ie,{elevation:0,sx:Oe(C.includes(c.value)),children:e.jsx(Te,{sx:{margin:0,padding:.5,width:"100%","& .MuiFormControlLabel-label":{display:"flex",alignItems:"center",gap:1,fontSize:"0.875rem"},...Be},control:e.jsx(Re,{checked:C.includes(c.value),onChange:()=>re(c.value),disabled:i,size:"small"}),label:e.jsxs(m,{sx:{display:"flex",alignItems:"center",justifyContent:"flex-start",gap:.5},children:[e.jsx(ae,{severity:c.value}),c.label]})})},c.value))})}),e.jsxs(m,{sx:{mb:2},children:[e.jsxs(m,{sx:{display:"flex",alignItems:"center",justifyContent:"space-between",gap:2,mb:1.5},children:[e.jsx(A,{variant:"subtitle1",sx:{fontWeight:"bold",width:"calc(100% - 36px)"},children:f("notification.from")}),e.jsx(m,{sx:{display:"flex",alignItems:"center",width:"calc(100% - 36px)"},children:e.jsx(Ue,{size:"small",placeholder:"search",value:P,onChange:fe,sx:{width:"100%","& .MuiOutlinedInput-input":{padding:"6px 4px 6px 0"},".MuiOutlinedInput-root":{"&:hover":{fieldset:{borderColor:"divider"}},"&.Mui-focused":{fieldset:{borderColor:"divider"}}},fieldset:{borderColor:"divider"}},slotProps:{input:{size:"small",startAdornment:e.jsx(Fe,{position:"start",sx:{marginRight:"2px"},children:e.jsx(E,{icon:ut})})}}})})]}),e.jsx(Pe,{sx:{display:"flex",flexDirection:"row",flexWrap:"wrap",gap:2},children:xe.map(c=>e.jsx(Ie,{elevation:0,sx:Oe(g.includes(c.id)),children:e.jsx(Te,{sx:{margin:0,padding:.5,width:"100%","& .MuiFormControlLabel-label":{fontSize:"0.875rem",width:"calc(100% - 36px)"},...Be},control:e.jsx(Re,{checked:g.includes(c.id),onChange:()=>ee(c.id),disabled:i,size:"small"}),label:e.jsxs(m,{sx:{display:"flex",alignItems:"center",justifyContent:"flex-start",gap:.5,minWidth:0,width:"100%"},children:[c.blocklet&&e.jsx(We,{size:20,blocklet:c.blocklet,ancestors:c.ancestors,style:{borderRadius:4,flexShrink:0}}),e.jsx(A,{noWrap:!0,variant:"body2",component:"span",title:c.label,sx:{flex:1,overflow:"hidden",textOverflow:"ellipsis",maxWidth:"100%"},children:c.label})]})})},c.id))}),$.length>$e&&P.trim()===""&&e.jsx(G,{fullWidth:!0,size:"small",onClick:he,sx:{mt:1},endIcon:b?e.jsx(Cr,{}):e.jsx(kr,{})})]})]})})]})]}),g.length>0||C.length>0?e.jsxs(m,{className:"notification-filter-content",sx:{display:"flex",flexWrap:"wrap",gap:1,mt:2},children:[C.map(c=>{const w=K.find(I=>I.value===c);return e.jsx(Me,{label:e.jsxs(m,{sx:{display:"flex",alignItems:"center",gap:.5},children:[e.jsx(ae,{severity:c}),w?w.label:c]}),onDelete:()=>re(c),size:"small",variant:"outlined",sx:{borderRadius:2,color:"text.secondary",borderColor:"divider","& .MuiChip-label":{display:"flex",alignItems:"center"}}},`severity-${c}`)}),g.map(c=>{const w=q.find(I=>I.id===c);return e.jsx(Me,{label:e.jsxs(m,{sx:{display:"flex",alignItems:"center",gap:.5},children:[w?.blocklet&&e.jsx(We,{size:16,blocklet:w.blocklet,ancestors:w.ancestors,style:{borderRadius:4,flexShrink:0}}),w?w.label:c]}),variant:"outlined",onDelete:()=>ee(c),size:"small",sx:{borderRadius:2,color:"text.secondary",borderColor:"divider","& .MuiChip-label":{display:"flex",alignItems:"center"}}},`component-${c}`)})]}):null]})}const _t=V(Ir)`
+import{j as e,y as yr,bZ as ye,M as ne,ak as m,Q as G,W as u,J as ve,b_ as vr,I as W,aN as wr,T as A,aj as jr,b$ as Pe,P as Ie,bX as Te,a5 as Re,z as Ue,A as Fe,c0 as Cr,b0 as kr,U as Me,b3 as Sr,c1 as Pr,at as V,c2 as Ir,a6 as Y,n as oe,D as Tr,c3 as Rr,ar as Ae,b6 as we,c4 as Mr,aZ as Ar,bb as Er,bj as zr}from"./vendor-mui-core-DnR6WYuU.js";import{r as y,a as Wr,j as Lr,m as Dr}from"./vendor-react-CTtPmzVP.js";import{t as _e,D as Br,I as $r,a7 as Ee,z as Or,y as se,n as H,w as Nr}from"./vendor-utils-DCMKu06e.js";import{u as Ur,ay as Fr,az as _r,c as je,aA as qr,l as Hr,aB as qe,a3 as le,aC as Gr,af as Kr,aD as Yr}from"./index-CQgzjKgB.js";import{a as R,h as Zr,p as ce,g as Q,b as M,l as Vr}from"./vendor-hooks-BQWlJm53.js";import{t as He}from"./arrow-down.svg-7ME6T1BL.js";import{b8 as Ce,K as E,V as L,bd as Qr,b1 as Ge,be as Jr,W as O,ak as Xr,bf as et,bg as ze,a1 as rt,F as Ke,al as ke,a8 as tt,ay as T,a6 as nt,a7 as ot,$ as st,bh as it,bi as at,a3 as Ye}from"./vendor-ux-B0gV9NvH.js";import{N as lt}from"./list-CHI1rCEg.js";import{d as ct}from"./search-4YYphs0l.js";import{B as We}from"./bundle-avatar-Cc_6nw01.js";import{c as Le,T as dt}from"./team-DDjNXwXE.js";import{b as ut,d as pt,a as Ze,c as Ve,e as ft,f as ht,h as xt,q as mt}from"./user-center-DQSoqc_z.js";import{T as ge,O as gt}from"./index-CRZM3CKo.js";import{c as bt}from"./passport-CkJ4B4CG.js";import{N as Qe,U as Je}from"./index-Dfx19arA.js";import{u as de}from"./use-mobile-D5clNlrm.js";import yt from"./index-BWL6HE0j.js";import{U as vt,a as wt}from"./user-follower-TTyja_sV.js";import{f as Z}from"./index-DBs9Ljax.js";import{S as Xe}from"./switch-CetbUrYR.js";import{M as er}from"./provider-icon-DQY2_LaP.js";import{x as jt,d as Ct}from"./info-outline-rounded-BIwvgXCK.js";import{u as De}from"./index-B4YCnemd.js";import kt from"./index-B_SjLIbT.js";import{o as St}from"./vendor-arcblock-Cnwtqa7s.js";import{D as Pt,a as ie,b as It,S as Tt}from"./index-BNhv-9xy.js";import"./index-1HKgA-fz.js";import"./index-BojVbZw0.js";import"./lottie-web-4koyQiv_.js";import"./server-logo-notext.svg-BLAdvsmP.js";import"./util-DuMKfKo8.js";import"./base32-_D4eWUeh.js";import"./session-C2ZBRIpv.js";import"./isURL-CJRImg0N.js";import"./use-app-logo-BuyF983S.js";import"./index-BkePHcyK.js";import"./revoke.svg-DUoaRyPZ.js";import"./google-icon-vNOJy67F.js";import"./use-mobile-BINJTzMb.js";import"./actions-Dfiiwkit.js";import"./index-BWDWEkUF.js";import"./form-text-input-XjloVwBd.js";import"./required-BQln5OcV.js";import"./form-wrapper-PT5ZzMQy.js";import"./edit.svg-CTE5eATX.js";import"./lock.svg-CiT4rEpi.js";import"./index-DhHvANH8.js";import"./permission-BHvrn0M5.js";import"./confirm-Lb1MrAdS.js";import"./click-to-copy-CMo42VnK.js";import"./invitations-jY13RXbI.js";import"./create-passport-svg-5AYzBKFb.js";import"./api-DwxIBXZs.js";import"./table-tips-CMt22HEy.js";import"./ua-parser-DP5omx3I.js";import"./sdk-CoWDgSLO.js";import"./passport-item-Bhbm8_m6.js";import"./did-address-CsOJBoiY.js";import"./index-B10SG1vs.js";import"./vendor-mui-x-CQc01l4r.js";import"./AdapterDayjs-DafRMFLg.js";import"./delete-confirm-tbfLqDBI.js";import"./index-DRYJ0xIl.js";function Rt(){let r=new Map;function i({root:s,rootMargin:t,threshold:n}){let h=r.get(s);h||(h=new Map,r.set(s,h));let a=JSON.stringify({rootMargin:t,threshold:n}),p=h.get(a);if(!p){let l=new Map;p={observer:new IntersectionObserver(x=>{x.forEach(o=>{l.get(o.target)?.(o)})},{root:s,rootMargin:t,threshold:n}),entryCallbacks:l},h.set(a,p)}return{observe:(l,x)=>{p.entryCallbacks.set(l,x),p.observer.observe(l)},unobserve:l=>{p.entryCallbacks.delete(l),p.observer.unobserve(l)}}}return{getObserver:i}}var Mt="0px",At=[0],Et=Rt();function zt(r){let i=r?.rootMargin??Mt,s=r?.threshold??At,t=y.useRef(null),n=y.useRef(null),h=y.useRef(null),[a,p]=y.useState(),l=y.useCallback(()=>{let k=t.current;if(!k){p(void 0);return}let v=Et.getObserver({root:n.current,rootMargin:i,threshold:s});v.observe(k,d=>{p(d)}),h.current=v},[i,s]),x=y.useCallback(()=>{let k=h.current,v=t.current;v&&k?.unobserve(v),h.current=null},[]),o=y.useCallback(k=>{x(),t.current=k,l()},[l,x]),f=y.useCallback(k=>{x(),n.current=k,l()},[l,x]);return[o,{entry:a,rootRef:f}]}var Wt=zt;function Lt(r){let[i,s]=Wt(r),t=!!s.entry?.isIntersecting,[n,h]=y.useState(t);return t&&!n&&h(!0),[i,{...s,isVisible:t,wasEverVisible:n}]}var Dt=Lt,Bt=100;function $t({loading:r,hasNextPage:i,onLoadMore:s,rootMargin:t,disabled:n,delayInMs:h=Bt}){let a=y.useRef(s),[p,{rootRef:l,isVisible:x}]=Dt({rootMargin:t});y.useEffect(()=>{a.current=s},[s]);let o=!n&&!r&&x&&i;return y.useEffect(()=>{if(o){let f=setTimeout(()=>{a.current()},h);return()=>{clearTimeout(f)}}},[o,h]),[p,{rootRef:l}]}var Ot=$t;const me={info:"#3B82F6",success:"#10B981",warning:"#F59E0B",error:"#EF4444"};ae.propTypes={severity:u.oneOf(["info","success","warning","error",""]).isRequired,size:u.number};function ae({severity:r,size:i=8}){return me[r]?e.jsx(m,{component:"span",sx:{display:"inline-block",width:i,height:i,borderRadius:"50%",backgroundColor:me[r]||me.info}}):null}rr.propTypes={theme:u.string,type:u.oneOf(["button","line","select"]),onSelectType:u.func,extra:u.node,loading:u.bool,currentTab:u.oneOf(["info","success","warning","error",""])};function rr({theme:r="dark",type:i="button",onSelectType:s,extra:t=void 0,currentTab:n="",loading:h=!1,...a}){const{t:p}=y.useContext(Ce),l=[{label:p("notification.allSeverity"),value:""},{label:p("notification.severityType.info"),value:"info"},{label:p("notification.severityType.success"),value:"success"},{label:p("notification.severityType.warning"),value:"warning"},{label:p("notification.severityType.error"),value:"error"}],x=g=>{(g!==n||!h)&&s(g)},o=y.useMemo(()=>{const g={width:"100%",bgcolor:r==="dark"?"#F9FAFB":"",overflowY:"auto",paddingTop:i==="select"?"0":"5px",whiteSpace:"nowrap",borderRadius:0,display:"flex",justifyContent:"space-between",alignItems:"flex-end",flexWrap:"wrap",gap:"8px"};return i==="line"?Object.assign(g,{}):g},[i,r]),f=(g,j,C)=>e.jsx(G,{disabled:h,onClick:()=>x(g.value),className:`profile-button ${j?"active":""}`,...a,children:g.label},g.value||C),k=(g,j,C)=>e.jsx(G,{variant:"text",disabled:h,onClick:()=>x(g.value),className:`profile-line-button ${j?"active":""}`,...a,children:g.label},g.value||C),v=()=>l?.map((g,j)=>{const C=n===g?.value;return i==="line"?e.jsx(y.Fragment,{children:k(g,C,j)},g.value||j):e.jsx(y.Fragment,{children:f(g,C,j)},g.value||j)}),d=g=>{const{value:j}=g.target;x(j==="all"?"":j)};return i==="select"?e.jsx(yr,{sx:{maxWidth:300},children:e.jsx(ye,{value:n||"all",onChange:d,size:"small",label:"Severity",IconComponent:g=>e.jsx(He,{...g,width:20,height:20}),MenuProps:{autoFocus:!1,PaperProps:{style:{maxHeight:400,overflowY:"auto",borderRadius:"8px",boxShadow:"0px 6px 24px rgba(0, 0, 0, 0.15)"}}},variant:"outlined",sx:{fieldset:{border:"none"}},children:l.map((g,j)=>e.jsx(ne,{value:g.value||"all",children:e.jsxs(m,{sx:{display:"flex",alignItems:"center",gap:1},children:[e.jsx(ae,{severity:g.value}),g.label]})},g.value||j))})}):e.jsxs(m,{className:"severity-tabs",sx:o,children:[e.jsx(m,{sx:{...i==="line"?{flex:1,borderBottom:"1px solid",borderColor:"grey.200"}:{display:"flex",gap:"24px"}},children:v()}),t]})}tr.propTypes={paging:u.objectOf(u.any).isRequired,loading:u.bool.isRequired,onChange:u.func.isRequired};function tr({loading:r,paging:i,onChange:s}){const{t}=y.useContext(Ce),n=ve(l=>l.breakpoints.down("md"));if(i.pageCount<=0||n)return null;const h=(l,x)=>{s({page:x+1})},a=l=>{const x=Number(l.target.value);s({page:1,pageSize:x})},p=i.page-1<=0?0:i.page-1;return e.jsx(m,{className:"notification-pagination",sx:{mt:2,display:"flex",justifyContent:"flex-end"},children:e.jsx(vr,{component:"div",disabled:r,count:i.total,page:p,rowsPerPageOptions:[10,20,50,100],labelRowsPerPage:t("pagination.rowsPerPage"),labelDisplayedRows:({from:l,to:x,count:o})=>`${l}–${x} / ${o!==-1?o:`${t()}more than ${x}`}`,rowsPerPage:i.pageSize,onPageChange:h,onRowsPerPageChange:a})})}const Nt=y.memo(tr),Ut={width:24,height:24,body:'<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4h16v2.172a2 2 0 0 1-.586 1.414L15 12v7l-6 2v-8.5L4.52 7.572A2 2 0 0 1 4 6.227V4z"/>'},Be=6,$e={"& .MuiCheckbox-root":{padding:"4px"},"& .MuiCheckbox-root .MuiSvgIcon-root":{fontSize:"1.35rem"},"& .MuiCheckbox-root:not(.Mui-checked)":{color:"divider"},"& .MuiCheckbox-root.Mui-checked":{color:"primary.main"},"& .MuiCheckbox-root .css-i4bv87-MuiSvgIcon-root":{width:"1.1em",height:"1.1em"},"& .MuiCheckbox-root svg":{stroke:"divider",strokeWidth:.7}},Ft={border:"1px solid",borderColor:"divider",borderRadius:1,overflow:"hidden",backgroundColor:"background.paper",backgroundImage:"none",transition:"all 0.2s ease-in-out"},Oe=()=>({...Ft,width:"calc(50% - 8px)"});nr.propTypes={loading:u.bool,type:u.oneOf(["server","service"]),onFilterChange:u.func,blockletMap:u.object,filterType:u.oneOf(["component","entity"]),selectedId:u.array,severity:u.array,enableMarkAllAsRead:u.bool,unReadCount:u.number,onReadFilterChange:u.func,currentReadFilter:u.string};function nr({onFilterChange:r=()=>{},loading:i=!1,type:s="service",blockletMap:t={},filterType:n="component",selectedId:h=[],severity:a=[],enableMarkAllAsRead:p=!0,unReadCount:l=0,onReadFilterChange:x=()=>{},currentReadFilter:o="all"}){const{t:f}=y.useContext(Ce),[k,v]=y.useState(null),d=!!k,[g,j]=y.useState(h),[C,D]=y.useState(a),[b,S]=y.useState(!1),[P,_]=y.useState(""),[B,N]=y.useState([]);y.useEffect(()=>{j(h),D(a)},[h,a]);const U=[{label:f("notification.filterType.all"),value:"all"},{label:f("notification.filterType.unread"),value:"unread"}],J=c=>{(c!==o||!i)&&x(c)},K=[{label:f("notification.severityType.info"),value:"info"},{label:f("notification.severityType.success"),value:"success"},{label:f("notification.severityType.warning"),value:"warning"},{label:f("notification.severityType.error"),value:"error"}],X=c=>{v(c.currentTarget),_(""),S(!1)},pe=()=>{v(null)},ee=c=>{const w=g.includes(c)?g.filter(I=>I!==c):[...g,c];j(w),r({id:w,severity:C})},re=c=>{const w=C.includes(c)?C.filter(I=>I!==c):[...C,c];D(w),r({severity:w,id:g})},fe=c=>{_(c.target.value)},he=()=>{S(!b)},q=Wr.useMemo(()=>{if(!t.size)return[];const c=[];return n==="component"&&c.push({label:f("notification.system"),id:"system"}),Array.from(t).forEach(([,w])=>{const I=w.did||w.meta?.did,z=w.title||w.meta?.title||"",$=w.appPid||w.appDid;(n==="component"&&$!==I||n==="entity"&&$===I)&&c.push({label:z,id:I,blocklet:w,ancestors:w.ancestors})}),c},[t,n,f]);y.useEffect(()=>{if(P.trim()==="")N(q);else{const c=P.toLowerCase(),w=q.filter(I=>I.label.toLowerCase().includes(c));N(w)}},[P,q]);const xe=P.trim()!==""||b?B:B.slice(0,Be);return e.jsxs(m,{children:[e.jsxs(m,{sx:{display:"flex",justifyContent:p?"space-between":"flex-end",alignItems:"flex-start",flexWrap:"wrap",gap:1},children:[p&&e.jsx(m,{sx:{display:"flex",gap:1.5},children:U.map(c=>e.jsxs(G,{disabled:i,onClick:()=>J(c.value),className:`profile-button ${o===c.value?"active":""}`,sx:{...s==="service"&&o===c.value?{color:"secondary.main"}:{},color:"red",fontWeight:o===c.value?"bold":"normal"},children:[c.label,c.value==="unread"&&l>0&&` (${l})`]},c.value))}),e.jsxs(m,{sx:{display:"flex",justifyContent:"flex-end",gap:2},children:[e.jsx(W,{size:"small",onClick:X,disabled:i,sx:{minWidth:"auto",borderRadius:1,border:"1px solid",borderColor:"divider","&:hover":{backgroundColor:"action.hover"}},children:e.jsx(E,{icon:Ut,hFlip:!0})}),e.jsx(wr,{open:d,anchorEl:k,onClose:pe,anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},slotProps:{paper:{sx:{p:3,width:450,maxHeight:500,overflowY:"auto",backgroundColor:"background.paper",backgroundImage:"none",borderRadius:1,boxShadow:"0px 6px 24px rgba(0, 0, 0, 0.15)"}}},children:e.jsxs(m,{children:[e.jsxs(m,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center",mb:2,height:"28px"},children:[e.jsx(A,{variant:"subtitle1",sx:{fontWeight:"bold"},children:f("notification.severity")}),e.jsx(m,{sx:{minWidth:"60px",display:"flex",justifyContent:"flex-end"},children:(g.length>0||C.length>0)&&e.jsx(G,{size:"small",onClick:()=>{j([]),D([]),r({severity:[],id:[]})},startIcon:e.jsx(jr,{fontSize:"small"}),sx:{color:"text.secondary",textTransform:"none",minWidth:"auto","&:hover":{backgroundColor:"transparent"},"& .MuiButton-startIcon":{marginRight:"2px"}},children:f("notification.clear")})})]}),e.jsx(m,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center",mb:3},children:e.jsx(Pe,{sx:{display:"flex",flexDirection:"row",flexWrap:"wrap",gap:2,flex:1},children:K.map(c=>e.jsx(Ie,{elevation:0,sx:Oe(C.includes(c.value)),children:e.jsx(Te,{sx:{margin:0,padding:.5,width:"100%","& .MuiFormControlLabel-label":{display:"flex",alignItems:"center",gap:1,fontSize:"0.875rem"},...$e},control:e.jsx(Re,{checked:C.includes(c.value),onChange:()=>re(c.value),disabled:i,size:"small"}),label:e.jsxs(m,{sx:{display:"flex",alignItems:"center",justifyContent:"flex-start",gap:.5},children:[e.jsx(ae,{severity:c.value}),c.label]})})},c.value))})}),e.jsxs(m,{sx:{mb:2},children:[e.jsxs(m,{sx:{display:"flex",alignItems:"center",justifyContent:"space-between",gap:2,mb:1.5},children:[e.jsx(A,{variant:"subtitle1",sx:{fontWeight:"bold",width:"calc(100% - 36px)"},children:f("notification.from")}),e.jsx(m,{sx:{display:"flex",alignItems:"center",width:"calc(100% - 36px)"},children:e.jsx(Ue,{size:"small",placeholder:"search",value:P,onChange:fe,sx:{width:"100%","& .MuiOutlinedInput-input":{padding:"6px 4px 6px 0"},".MuiOutlinedInput-root":{"&:hover":{fieldset:{borderColor:"divider"}},"&.Mui-focused":{fieldset:{borderColor:"divider"}}},fieldset:{borderColor:"divider"}},slotProps:{input:{size:"small",startAdornment:e.jsx(Fe,{position:"start",sx:{marginRight:"2px"},children:e.jsx(E,{icon:ct})})}}})})]}),e.jsx(Pe,{sx:{display:"flex",flexDirection:"row",flexWrap:"wrap",gap:2},children:xe.map(c=>e.jsx(Ie,{elevation:0,sx:Oe(g.includes(c.id)),children:e.jsx(Te,{sx:{margin:0,padding:.5,width:"100%","& .MuiFormControlLabel-label":{fontSize:"0.875rem",width:"calc(100% - 36px)"},...$e},control:e.jsx(Re,{checked:g.includes(c.id),onChange:()=>ee(c.id),disabled:i,size:"small"}),label:e.jsxs(m,{sx:{display:"flex",alignItems:"center",justifyContent:"flex-start",gap:.5,minWidth:0,width:"100%"},children:[c.blocklet&&e.jsx(We,{size:20,blocklet:c.blocklet,ancestors:c.ancestors,style:{borderRadius:4,flexShrink:0}}),e.jsx(A,{noWrap:!0,variant:"body2",component:"span",title:c.label,sx:{flex:1,overflow:"hidden",textOverflow:"ellipsis",maxWidth:"100%"},children:c.label})]})})},c.id))}),B.length>Be&&P.trim()===""&&e.jsx(G,{fullWidth:!0,size:"small",onClick:he,sx:{mt:1},endIcon:b?e.jsx(Cr,{}):e.jsx(kr,{})})]})]})})]})]}),g.length>0||C.length>0?e.jsxs(m,{className:"notification-filter-content",sx:{display:"flex",flexWrap:"wrap",gap:1,mt:2},children:[C.map(c=>{const w=K.find(I=>I.value===c);return e.jsx(Me,{label:e.jsxs(m,{sx:{display:"flex",alignItems:"center",gap:.5},children:[e.jsx(ae,{severity:c}),w?w.label:c]}),onDelete:()=>re(c),size:"small",variant:"outlined",sx:{borderRadius:2,color:"text.secondary",borderColor:"divider","& .MuiChip-label":{display:"flex",alignItems:"center"}}},`severity-${c}`)}),g.map(c=>{const w=q.find(I=>I.id===c);return e.jsx(Me,{label:e.jsxs(m,{sx:{display:"flex",alignItems:"center",gap:.5},children:[w?.blocklet&&e.jsx(We,{size:16,blocklet:w.blocklet,ancestors:w.ancestors,style:{borderRadius:4,flexShrink:0}}),w?w.label:c]}),variant:"outlined",onDelete:()=>ee(c),size:"small",sx:{borderRadius:2,color:"text.secondary",borderColor:"divider","& .MuiChip-label":{display:"flex",alignItems:"center"}}},`component-${c}`)})]}):null]})}const _t=V(Ir)`
   position: fixed;
   bottom: 20px;
   right: 20px;
@@ -73,7 +73,7 @@ import{j as e,y as yr,bZ as ye,M as ne,ak as m,Q as G,W as u,J as ve,b_ as vr,I
   *::-webkit-scrollbar {
     display: none; /* Chrome, Safari and Opera */
   }
-`;or.propTypes={blocklets:u.array,context:u.object,pagination:u.bool,inDialog:u.bool,filterType:u.oneOf(["component","entity"]),toViewAll:u.func,type:u.oneOf(["server","service"])};function or({blocklets:r=[],context:i,pagination:s=!0,inDialog:t=!1,filterType:n="component",toViewAll:h=()=>{},type:a="service"}){const{data:p,paging:l,refresh:x,loading:o,params:f,onReadNotification:k,componentDids:v,filterUnReadCount:d,initial:g}=i,j=c=>{x({...f,severity:c&&typeof c=="string"?[c]:c||[],paging:{...f.paging,page:1}})},[C]=Lr(),D=R(()=>C.get("id"),[C]),b=ve(c=>c.breakpoints.down("md")),[S,P]=y.useState(0),[_,$]=y.useState(!1),N=y.useMemo(()=>f.read===!1?"unread":"all",[f.read]),U=R(()=>_e(c=>{if(o)return;const w=p.length,I=p.filter(B=>!Le(B)).length;let z={...f,append:!0,paging:{...f.paging,...c,currentPage:(l.currentPage||0)+1}};N==="unread"&&I<w&&c.page>f.paging.page&&(z={...f,append:!0,paging:{...f.paging,...c,page:f.paging.page||1,currentPage:(l.currentPage||0)+1}}),x(z)},500),[p,f,N,l,o,x]);Qr(()=>{g&&typeof g=="function"&&g()}),y.useEffect(()=>{(!l.currentPage||l.currentPage===1)&&P(l.total)},[l.total,l.currentPage]),y.useEffect(()=>{setTimeout(()=>{const c=document.getElementById(D);c&&c.scrollIntoView({behavior:"smooth",block:"center"}),$(!0)},100),setTimeout(()=>{$(!1)},3e3)},[D]);const J=R(()=>p?.length>0&&p.length<S,[p,S]),K=y.useCallback(c=>{const{blocklet:w={}}=window,I=[w?.did,...(w?.ancestors||[]).map(z=>z)];return v?.includes(c)||I.findIndex(z=>z===c)>-1},[v]),X=y.useMemo(()=>{const c=new Map;return r.length&&r.forEach(w=>{const I=w?.did||w.meta?.did;I&&!c.has(I)&&(w.ancestors=[],c.set(I,w),w?.alsoKnownAs?.length>0&&w.alsoKnownAs.forEach(z=>{c.has(z)||c.set(z,w)})),w?.children?.length>0&&w.children.forEach(z=>{const B=z?.did||z.meta?.did;B&&!c.has(B)&&K(B)&&(z.ancestors=[w],c.set(B,z))})}),c},[r,K]),pe=y.useCallback(()=>{o||U({page:l.page+1})},[l.page,o,U]),[ee]=Ot({loading:o,hasNextPage:J,onLoadMore:pe}),re=c=>{!c||Le(c)||k(c.id).then(()=>{t&&h()})},fe=({severity:c,id:w})=>{if(o)return;let I={};n==="component"?I={entityId:[],componentDid:w}:n==="entity"&&(I={componentDid:[],entityId:w}),x({...f,severity:c,...I,paging:{...f.paging,page:1}})},he=c=>{if(o)return;let w={...f,paging:{...f.paging,page:1}};c==="unread"?(w.read=!1,w.paging.currentPage=1):w=$r(w,"read"),x(w)},q=R(()=>n==="component"?Array.isArray(f.componentDid)?f.componentDid:[]:n==="entity"?Array.isArray(f.entityId)?f.entityId:[]:[],[f,n]),xe=R(()=>(Array.isArray(f.severity)?f.severity:[])[0]||"",[f.severity]);return e.jsxs(Ht,{inDialog:!!t,children:[t?e.jsx(rr,{currentTab:xe,type:"line",theme:"light",onSelectType:j}):e.jsx(nr,{loading:o,blockletMap:X,unReadCount:d,filterType:n,type:a,selectedId:q,onFilterChange:fe,severity:f.severity,onReadFilterChange:he,currentReadFilter:N}),!b&&o?e.jsx(m,{sx:{display:"flex",width:"100%",minHeight:400,justifyContent:"center",alignItems:"center"},children:e.jsx(Y,{})}):e.jsx(dt,{data:p,blockletMap:X,onReadNotification:re,onReadBatch:k,inDialog:t,highlightId:D,highlight:!t&&_,type:a}),s&&!b?e.jsx(Nt,{loading:o,paging:l,onChange:U}):null,s&&b&&(o||J)?e.jsx(m,{ref:ee,sx:{display:"flex",width:"100%",minHeight:100,justifyContent:"center",alignItems:"center"},children:e.jsx(Y,{})}):null,!t&&b?e.jsx(qt,{}):null]})}const Gt=y.memo(or),F=new _r;function ue(r){const{userDid:i=""}={},{session:s}=Ur(),t=R(()=>{if(i)return i;const l=window.location.href,x=Br(l);return x?.did?Array.isArray(x.did)?x.did[0]:x.did:s?.user?.did},[s?.user?.did,i]),n=R(()=>s.user,[s]),h=R(()=>n?t===n?.did:!1,[t,n?.did]),a=ce(async()=>{if(await Fr(()=>s?.initialized),h)return s.user;if(t)return F.user.getUserPublicInfo({did:t})},{refreshDeps:[t,h,s?.initialized,n]}),p=R(()=>n?.passports?.some(l=>l.role===je.ROLES.OWNER),[n]);return{currentDid:t,session:s,isMyself:h,user:n,viewUser:a.data,isOwner:p}}function sr({user:r,...i}){const{t:s}=L(),t=Tr(),n=R(()=>{const p=(r?.passports||[]).map(l=>({...l,revoked:l.status===Xr.REVOKED}));return p.sort((l,x)=>l.revoked===x.revoked?0:l.revoked?1:-1),Ee(p.filter(l=>!l.display),"role").concat(Ee(p.filter(l=>l.display),"display.content"))},[r?.passports]),h=R(()=>n?.find(p=>p.name===r.role),[n,r?.role]),a=t.palette.primary.main;return n.length===0?e.jsx(m,{children:e.jsx(Ke,{children:s("userCenter.noPassport")})}):e.jsx(m,{...i,sx:{display:"grid",justifyItems:"start",gridTemplateColumns:{xs:"repeat(2, 1fr)",sm:"repeat(2, 1fr)",md:"repeat(3, 1fr)",lg:"repeat(5, 1fr)"},gap:2.5,...i.sx},children:n.map(p=>e.jsx(ft,{passport:p,user:r,color:window.blocklet.passportColor,createPassportSvg:vt,title:h&&h.role===p.role?s("userCenter.currentPassport"):"",sx:{flexDirection:"column",alignItems:"center",gap:1,".passport-item__display":{width:166,height:166,borderRadius:1,px:2,display:"flex",justifyContent:"center",backgroundColor:"grey.50",boxShadow:h&&h.role===p.role?`0px 2px 4px 0px ${a}, 0px 1px 2px -1px ${a}, 0px 0px 0px 1px ${a} !important`:"unset"},".passport-item__body":{marginLeft:"0 !important"}}},p.id))})}sr.propTypes={user:u.object.isRequired};function Kt({visible:r,onClose:i,nft:s}){return!r||!s?null:e.jsx(Yt,{children:e.jsx(Rr,{open:r,onClose:i,children:e.jsx(Zt,{onClick:i,children:e.jsx(Je,{data:Xe(s),address:s.address,inset:!0})})})})}const Yt=V.div`
+`;or.propTypes={blocklets:u.array,context:u.object,pagination:u.bool,inDialog:u.bool,filterType:u.oneOf(["component","entity"]),toViewAll:u.func,type:u.oneOf(["server","service"])};function or({blocklets:r=[],context:i,pagination:s=!0,inDialog:t=!1,filterType:n="component",toViewAll:h=()=>{},type:a="service"}){const{data:p,paging:l,refresh:x,loading:o,params:f,onReadNotification:k,componentDids:v,filterUnReadCount:d,initial:g}=i,j=c=>{x({...f,severity:c&&typeof c=="string"?[c]:c||[],paging:{...f.paging,page:1}})},[C]=Lr(),D=R(()=>C.get("id"),[C]),b=ve(c=>c.breakpoints.down("md")),[S,P]=y.useState(0),[_,B]=y.useState(!1),N=y.useMemo(()=>f.read===!1?"unread":"all",[f.read]),U=R(()=>_e(c=>{if(o)return;const w=p.length,I=p.filter($=>!Le($)).length;let z={...f,append:!0,paging:{...f.paging,...c,currentPage:(l.currentPage||0)+1}};N==="unread"&&I<w&&c.page>f.paging.page&&(z={...f,append:!0,paging:{...f.paging,...c,page:f.paging.page||1,currentPage:(l.currentPage||0)+1}}),x(z)},500),[p,f,N,l,o,x]);Zr(()=>{g&&typeof g=="function"&&g()}),y.useEffect(()=>{(!l.currentPage||l.currentPage===1)&&P(l.total)},[l.total,l.currentPage]),y.useEffect(()=>{setTimeout(()=>{const c=document.getElementById(D);c&&c.scrollIntoView({behavior:"smooth",block:"center"}),B(!0)},100),setTimeout(()=>{B(!1)},3e3)},[D]);const J=R(()=>p?.length>0&&p.length<S,[p,S]),K=y.useCallback(c=>{const{blocklet:w={}}=window,I=[w?.did,...(w?.ancestors||[]).map(z=>z)];return v?.includes(c)||I.findIndex(z=>z===c)>-1},[v]),X=y.useMemo(()=>{const c=new Map;return r.length&&r.forEach(w=>{const I=w?.did||w.meta?.did;I&&!c.has(I)&&(w.ancestors=[],c.set(I,w),w?.alsoKnownAs?.length>0&&w.alsoKnownAs.forEach(z=>{c.has(z)||c.set(z,w)})),w?.children?.length>0&&w.children.forEach(z=>{const $=z?.did||z.meta?.did;$&&!c.has($)&&K($)&&(z.ancestors=[w],c.set($,z))})}),c},[r,K]),pe=y.useCallback(()=>{o||U({page:l.page+1})},[l.page,o,U]),[ee]=Ot({loading:o,hasNextPage:J,onLoadMore:pe}),re=c=>{!c||Le(c)||k(c.id).then(()=>{t&&h()})},fe=({severity:c,id:w})=>{if(o)return;let I={};n==="component"?I={entityId:[],componentDid:w}:n==="entity"&&(I={componentDid:[],entityId:w}),x({...f,severity:c,...I,paging:{...f.paging,page:1}})},he=c=>{if(o)return;let w={...f,paging:{...f.paging,page:1}};c==="unread"?(w.read=!1,w.paging.currentPage=1):w=Br(w,"read"),x(w)},q=R(()=>n==="component"?Array.isArray(f.componentDid)?f.componentDid:[]:n==="entity"?Array.isArray(f.entityId)?f.entityId:[]:[],[f,n]),xe=R(()=>(Array.isArray(f.severity)?f.severity:[])[0]||"",[f.severity]);return e.jsxs(Ht,{inDialog:!!t,children:[t?e.jsx(rr,{currentTab:xe,type:"line",theme:"light",onSelectType:j}):e.jsx(nr,{loading:o,blockletMap:X,unReadCount:d,filterType:n,type:a,selectedId:q,onFilterChange:fe,severity:f.severity,onReadFilterChange:he,currentReadFilter:N}),!b&&o?e.jsx(m,{sx:{display:"flex",width:"100%",minHeight:400,justifyContent:"center",alignItems:"center"},children:e.jsx(Y,{})}):e.jsx(lt,{data:p,blockletMap:X,onReadNotification:re,onReadBatch:k,inDialog:t,highlightId:D,highlight:!t&&_,type:a}),s&&!b?e.jsx(Nt,{loading:o,paging:l,onChange:U}):null,s&&b&&(o||J)?e.jsx(m,{ref:ee,sx:{display:"flex",width:"100%",minHeight:100,justifyContent:"center",alignItems:"center"},children:e.jsx(Y,{})}):null,!t&&b?e.jsx(qt,{}):null]})}const Gt=y.memo(or),F=new _r;function ue(r){const{userDid:i=""}={},{session:s}=Ur(),t=R(()=>{if(i)return i;const l=window.location.href,x=$r(l);return x?.did?Array.isArray(x.did)?x.did[0]:x.did:s?.user?.did},[s?.user?.did,i]),n=R(()=>s.user,[s]),h=R(()=>n?t===n?.did:!1,[t,n?.did]),a=ce(async()=>{if(await Fr(()=>s?.initialized),h)return s.user;if(t)return F.user.getUserPublicInfo({did:t})},{refreshDeps:[t,h,s?.initialized,n]}),p=R(()=>n?.passports?.some(l=>l.role===je.ROLES.OWNER),[n]);return{currentDid:t,session:s,isMyself:h,user:n,viewUser:a.data,isOwner:p}}function sr({user:r,...i}){const{t:s}=L(),t=Tr(),n=R(()=>{const p=(r?.passports||[]).map(l=>({...l,revoked:l.status===Qr.REVOKED}));return p.sort((l,x)=>l.revoked===x.revoked?0:l.revoked?1:-1),Ee(p.filter(l=>!l.display),"role").concat(Ee(p.filter(l=>l.display),"display.content"))},[r?.passports]),h=R(()=>n?.find(p=>p.name===r.role),[n,r?.role]),a=t.palette.primary.main;return n.length===0?e.jsx(m,{children:e.jsx(Ge,{children:s("userCenter.noPassport")})}):e.jsx(m,{...i,sx:{display:"grid",justifyItems:"start",gridTemplateColumns:{xs:"repeat(2, 1fr)",sm:"repeat(2, 1fr)",md:"repeat(3, 1fr)",lg:"repeat(5, 1fr)"},gap:2.5,...i.sx},children:n.map(p=>e.jsx(ut,{passport:p,user:r,color:window.blocklet.passportColor,createPassportSvg:bt,title:h&&h.role===p.role?s("userCenter.currentPassport"):"",sx:{flexDirection:"column",alignItems:"center",gap:1,".passport-item__display":{width:166,height:166,borderRadius:1,px:2,display:"flex",justifyContent:"center",backgroundColor:"grey.50",boxShadow:h&&h.role===p.role?`0px 2px 4px 0px ${a}, 0px 1px 2px -1px ${a}, 0px 0px 0px 1px ${a} !important`:"unset"},".passport-item__body":{marginLeft:"0 !important"}}},p.id))})}sr.propTypes={user:u.object.isRequired};function Kt({visible:r,onClose:i,nft:s}){return!r||!s?null:e.jsx(Yt,{children:e.jsx(Rr,{open:r,onClose:i,children:e.jsx(Zt,{onClick:i,children:e.jsx(Qe,{data:Je(s),address:s.address,inset:!0})})})})}const Yt=V.div`
   position: relative;
   width: 100%;
   height: 100%;
@@ -118,7 +118,7 @@ import{j as e,y as yr,bZ as ye,M as ne,ak as m,Q as G,W as u,J as ve,b_ as vr,I
       height: 75vmin;
     }
   }
-`,Vt=r=>({position:"absolute",top:0,left:0,right:0,bottom:0,backgroundColor:"rgba(0, 0, 0, 0.6)",opacity:0,transition:"opacity 0.3s ease-in-out",display:"flex",alignItems:"center",justifyContent:"center",zIndex:1,"& .mask-item":{backgroundColor:oe(r.palette.background.paper,.9),color:"text.primary","&:hover":{backgroundColor:oe(r.palette.background.paper,1)}}}),Qt={position:"absolute",bottom:0,left:0,right:0,height:24,backgroundColor:"rgba(0, 0, 0, 0.6)",display:"flex",alignItems:"center",justifyContent:"center",color:"white",gap:1,zIndex:1,"& .mask-item":{width:20,height:20,color:"white"}},Ne="https://main.abtnetwork.io/explorer";function ir({user:r}){const{t:i,locale:s}=L(),t=de(),[n,h]=y.useState({visible:!1,nft:null}),[a,p]=y.useState({anchorEl:null,props:null}),l=b=>{const S=se(Ne,"assets",b);window.open(S,"_blank")},x=(b,S)=>{let P="";typeof S.data?.value=="string"?P=JSON.parse(S.data?.value)?.domain:P=S.data?.value?.domain,p({anchorEl:b,props:{title:P?`Hey, I just won an NFT at the ${P} event!`:"Hey, I just won an NFT!",url:se(Ne,"assets",S.address)}})},o=b=>{h({visible:!0,nft:b})},f=Q({page:1,size:20}),k=ce(async(b=f)=>(await Or.get(`${je.WELLKNOWN_SERVICE_PATH_PREFIX}/ocap/listAssets`,{params:{ownerAddress:r.did,...b}})).data,{ready:r?.did&&f,defaultParams:[f],refreshDeps:[r?.did,f]}),{loading:v,data:d}=k,g=d?.page??{cursor:0,next:!1,total:0},j=(b,S)=>{f.page=S,k.run(f)},C=M(b=>[e.jsx(W,{size:"small",className:"mask-item",onClick:S=>{S.stopPropagation(),l(b.address)},children:e.jsx(E,{icon:"tabler:link",fontSize:18})},"link"),e.jsx(W,{size:"small",onClick:S=>{S.stopPropagation(),x(S.currentTarget,b)},className:"mask-item",children:e.jsx(E,{icon:"tabler:share-2",fontSize:18})},"share"),e.jsx(W,{size:"small",onClick:S=>{S.stopPropagation(),o(b)},className:"mask-item",children:e.jsx(E,{icon:"tabler:eye",fontSize:18})},"view")]),D=R(()=>{if(v){const b=["skeleton-1","skeleton-2","skeleton-3","skeleton-4","skeleton-5"].map(S=>e.jsx(Ae,{variant:"rectangular",width:"15%",height:166,sx:{borderRadius:1,flexShrink:0}},S));return e.jsxs(m,{sx:{display:"flex",flexDirection:"column",gap:2},children:[e.jsx(Ae,{width:"20%"}),e.jsx(m,{sx:{display:"flex",flexDirection:"row",gap:2,flexWrap:"nowrap"},children:b})]})}return e.jsxs(e.Fragment,{children:[e.jsx(A,{sx:{color:"grey.A700",fontWeight:600,mb:2.5},children:i("userCenter.common.nft")}),d?.assets?.length===0&&!v&&e.jsx(m,{sx:{display:"flex",justifyContent:"center",alignItems:"center",width:"100%",height:"100%"},children:e.jsx(Ke,{children:i("userCenter.common.noNFT")})}),e.jsx(m,{className:"nft-list-wrapper",sx:{display:"grid",justifyItems:"start",gridTemplateColumns:{xs:"repeat(2, 1fr)",sm:"repeat(3, 1fr)",md:"repeat(3, 1fr)",lg:"repeat(5, 1fr)"},gap:2.5},children:d?.assets?.map(b=>e.jsxs(m,{sx:{flexShrink:0,width:{xs:120,sm:120,md:120,lg:166},height:{xs:120,sm:120,md:120,lg:166},position:"relative",borderRadius:1,overflow:"hidden",cursor:"pointer",...t?{}:{"&:hover .mask":{opacity:1}}},children:[e.jsx(Je,{data:Xe(b),address:b.address,inset:!0,imageFilter:{imageFilter:"resize",w:"500",f:"webp"}}),t?e.jsx(m,{className:"footer-mask",sx:Qt,children:C(b)}):e.jsx(m,{className:"mask",sx:Vt,children:e.jsx(we,{direction:"row",spacing:1,children:C(b)})})]},b.address))}),g.next||f.page>1?e.jsx(Mr,{sx:{display:"flex",justifyContent:"center",mt:2},page:f.page,onChange:j,count:Math.ceil(g.total/f.size),size:"small"}):null,e.jsx(Kt,{visible:n.visible&&!!n.nft,nft:n.nft,onClose:()=>{h({visible:!1,nft:null})}}),e.jsx(et,{locale:s,anchorEl:a.anchorEl,onClose:()=>{p({anchorEl:null,props:null})},sharedProps:a.props||{title:"",url:""}})]})},[v,g,f.page,f.size,j,a,n]);return e.jsx(m,{sx:{border:"1px solid",borderColor:"divider",borderRadius:1,p:2,mb:5},children:D})}ir.propTypes={user:u.object.isRequired};function Jt(){const{t:r}=L(),{user:i,isMyself:s,viewUser:t}=ue();return e.jsxs(m,{sx:{display:"flex",flexDirection:"column",gap:2.5},children:[s?e.jsxs(m,{sx:{border:"1px solid",borderColor:"divider",borderRadius:1.5,p:2},children:[e.jsx(A,{sx:{color:"text.primary",fontWeight:600,mb:2.5},children:r("userCenter.passport")}),e.jsx(sr,{user:i})]}):null,e.jsx(ir,{user:s?i:t})]})}const Xt=[{name:"English",code:"en"},{name:"中文",code:"zh"}];function ar({user:r,onSave:i}){const{t:s,changeLocale:t}=L(),n=Q({locale:r.locale,loading:!1}),h=M(async a=>{try{const{value:p}=a.target;n.loading=!0,await F.user.saveProfile({locale:p}),await i("profile"),t(p),n.locale=p}catch(p){O.error(Z(p))}finally{n.loading=!1}});return e.jsxs(m,{sx:{gap:1,display:"grid",alignItems:"center",gridTemplateColumns:{xs:"1fr",sm:"max-content 1fr"}},children:[e.jsx(m,{children:s("userCenter.commonSetting.locale")}),e.jsx(m,{children:e.jsx(ye,{value:n.locale,onChange:h,size:"small",IconComponent:a=>e.jsx(Ge,{...a,width:20,height:20}),sx:{minWidth:200,"&:hover":{"fieldset.MuiOutlinedInput-notchedOutline":{borderColor:"divider"}},fieldset:{borderColor:"divider"}},children:(window.blocklet.languages||Xt).map(a=>e.jsx(ne,{value:a.code,children:a.name},a.code))})})]})}ar.propTypes={user:u.shape({locale:u.string}).isRequired,onSave:u.func.isRequired};function lr({type:r,url:i,enabled:s,onEdit:t,onChange:n,onDelete:h}){return e.jsxs(m,{sx:{display:"flex",width:"100%",alignItems:"center",justifyContent:"space-between",py:1,px:1.5,gap:.75,borderRadius:1,"& .hover-actions":{opacity:0,transition:"opacity 0.2s"},"&:hover":{backgroundColor:"action.hover","& .hover-actions":{opacity:1}}},children:[e.jsxs(m,{sx:{display:"flex",alignItems:"center",gap:1,flex:1,minWidth:0,cursor:"pointer"},onClick:t,children:[e.jsx(ge,{title:r,children:e.jsx(E,{icon:r==="slack"?"logos:slack-icon":"material-symbols:link-rounded"})}),e.jsx(A,{sx:{color:"text.primary",fontSize:14,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:i})]}),e.jsxs(m,{sx:{minWidth:72,flexShrink:0,display:"flex",alignItems:"center",justifyContent:"flex-end",gap:1},children:[e.jsx(W,{className:"hover-actions",size:"small",onClick:t,sx:{p:0},children:e.jsx(E,{icon:Ve})}),e.jsx(W,{color:"error",onClick:h,size:"small",sx:{p:0},children:e.jsx(E,{icon:Qe})}),e.jsx(er,{checked:s,onChange:n})]})]})}lr.propTypes={type:u.string.isRequired,url:u.string.isRequired,onEdit:u.func.isRequired,onChange:u.func.isRequired,enabled:u.bool.isRequired,onDelete:u.func.isRequired};function be({onTest:r=H,onDelete:i=H,onSave:s=H,onCancel:t=H,type:n="slack",url:h="",enabled:a=!0,edit:p=!1,webhooks:l=[]}){const{t:x}=L(),o=Q({type:n||"slack",url:h||"",edit:p??!1,enabled:a??!0,error:"",loading:!1}),f=M(()=>o.url?o.type==="slack"&&!qr.isSlackWebhookUrl(o.url)||!Hr(o.url)?(o.error=x("common.invalid"),!1):l.some(C=>C.url===h&&o.url===h?!1:C.url===o.url)?(o.error=x("common.duplicate"),!1):(o.error="",!0):(o.error=x("common.required"),!1)),k=M(()=>{o.edit=!1,o.url=h||"",o.type=n||"slack",o.error="",o.loading=!1,t()}),v=M(async j=>{o.loading=!0,await r(j),o.loading=!1}),d=M(j=>()=>{f()&&j({type:o.type,url:o.url,enabled:o.enabled})}),g=R(()=>o.error?e.jsx(A,{component:"span",color:"error",children:o.error}):o.edit?o.loading?e.jsx(Y,{size:16}):e.jsx(W,{size:"small",onClick:d(v),sx:{mr:-1},children:e.jsx(E,{icon:ht})}):null,[o.error,o.edit,o.loading]);return o.edit?e.jsxs(m,{sx:{display:"flex",gap:1.5,px:1.5,width:"100%",alignItems:{xs:"flex-start",md:"center"},flexDirection:{xs:"column",md:"row"}},children:[e.jsxs(ye,{sx:{borderRadius:1,"&.Mui-disabled":{backgroundColor:"grey.50"}},disabled:!o.edit||o.loading,size:"small",value:o.type,onChange:j=>{o.type=j.target.value},children:[e.jsx(ne,{value:"api",children:x("userCenter.webhook.url")}),e.jsx(ne,{value:"slack",children:x("userCenter.webhook.slack")})]}),e.jsxs(m,{sx:{display:"flex",alignItems:"center",gap:.5,width:"100%"},children:[e.jsx(Ue,{sx:{flex:1,".MuiInputBase-root":{borderRadius:1,"&.Mui-disabled":{backgroundColor:"grey.50"}}},disabled:!o.edit||o.loading,fullWidth:!0,size:"small",required:!0,value:o.url,onChange:j=>{o.url=j.target.value,o.error="",f()},error:!!o.error,slotProps:{input:{endAdornment:e.jsx(Fe,{position:"end",children:g})}}}),e.jsx(m,{sx:{display:"flex",gap:.5},children:o.edit?e.jsxs(e.Fragment,{children:[e.jsx(W,{color:"success",onClick:d((...j)=>{s(...j),o.edit=!1}),sx:{borderRadius:1,border:"1px solid",borderColor:"grey.200"},children:e.jsx(E,{icon:rt})}),e.jsx(W,{color:"error",onClick:k,sx:{borderRadius:1,border:"1px solid",borderColor:"grey.200"},children:e.jsx(E,{icon:tt})})]}):e.jsxs(e.Fragment,{children:[e.jsx(W,{onClick:()=>{o.edit=!0},sx:{borderRadius:1,border:"1px solid",borderColor:"grey.200"},children:e.jsx(E,{icon:Ve})}),e.jsx(W,{color:"error",onClick:()=>{i({type:o.type,url:o.url})},sx:{borderRadius:1,border:"1px solid",borderColor:"grey.200"},children:e.jsx(E,{icon:Qe})})]})})]})]}):e.jsx(lr,{type:o.type,url:o.url,enabled:o.enabled,onEdit:()=>{o.edit=!0},onChange:j=>{o.enabled=j,d((...C)=>s(...C))()},onDelete:()=>{i({type:o.type,url:o.url})}})}be.propTypes={onTest:u.func,onDelete:u.func,onSave:u.func,onCancel:u.func,type:u.oneOf(["api","slack"]),url:u.string,edit:u.bool,webhooks:u.array,enabled:u.bool};function te({title:r=void 0,description:i=void 0,value:s,onChange:t,isMobile:n,type:h}){const a=M(p=>{p.stopPropagation()});return e.jsxs(m,{sx:{width:"100%",display:"flex",alignItems:"center",justifyContent:"space-between",cursor:"pointer",py:1,px:1.5,gap:.75,borderRadius:1,"&:hover":{backgroundColor:"action.hover"}},children:[e.jsxs(m,{sx:{display:"flex",alignItems:"center",gap:1},children:[h==="push"?e.jsx(E,{icon:"tabler:bell"}):e.jsx(qe,{provider:h,sx:{width:"1em",height:"1em",flexShrink:0,fontSize:16}}),e.jsxs(A,{component:"div",onClick:a,sx:{color:"text.primary",fontSize:14,display:"flex",flexWrap:n?"wrap":"nowrap",columnGap:1,flex:1,whiteSpace:n?"normal":"nowrap"},children:[r,i]})]}),e.jsx(er,{sx:{minWidth:36,flexShrink:0},checked:s,onChange:t})]})}te.propTypes={title:u.string,description:u.node,value:u.bool.isRequired,onChange:u.func.isRequired,isMobile:u.bool.isRequired,type:u.oneOf(["wallet","email","push"]).isRequired};function cr({user:r,isMobile:i}){const{t:s}=L(),t=Q({showAdd:!1}),n=ce(async()=>await F.user.getUserNotificationConfig(),{refreshDeps:[r],loadingDelay:300}),h=R(()=>({wallet:!0,email:!0,phone:!1,push:!0,...n?.data?.notifications||{}}),[n?.data?.notifications]),a=R(()=>n?.data?.webhooks||[],[n?.data?.webhooks]),p=M(async v=>{try{await F.user.saveUserNotificationConfig(v),O.success(s("userCenter.saveSuccess")),n.run()}catch(d){O.error(Z(d))}}),l=M(async(v,d)=>{await p({notifications:{[v]:d}})}),x=async v=>{try{await F.user.testNotificationWebhook(v),O.success(s("userCenter.webhookTested"))}catch(d){O.error(Z(d))}},o=M(async v=>{await p({webhooks:a.filter((d,g)=>g!==v)})}),f=M(async(v,d)=>{await p({webhooks:a.map((g,j)=>j===v?d:g)})}),k=M(async v=>{await p({webhooks:[...a,v]}),t.showAdd=!1});return n.error?e.jsx(Ar,{severity:"error",children:n.error.message}):n.loading||!n.data?e.jsx(m,{sx:{display:"flex",justifyContent:"center",alignItems:"center",height:"100px"},children:e.jsx(Y,{})}):e.jsxs(m,{sx:{display:"flex",flexDirection:"column",".MuiSwitch-track":{borderRadius:"100vw"},".MuiSwitch-thumb":{borderRadius:"100%"},".MuiSwitch-root.MuiSwitch-sizeSmall":{height:"20px",width:"36px",".MuiSwitch-thumb":{width:"16px",height:"16px"}}},children:[e.jsxs(m,{sx:{display:"flex",flexDirection:"column",alignItems:"start",".MuiFormControlLabel-root":{gap:1,m:0,flexDirection:{xs:"row-reverse",md:"row"},width:{xs:"100%",md:"unset"}}},children:[e.jsx(te,{value:h.wallet,isMobile:i,type:"wallet",title:s("userCenter.walletNotification"),onChange:v=>l("wallet",v),description:ze(r)&&e.jsx(nt,{did:ze(r),showQrcode:!1,showAvatar:!i,copyable:!0,compact:!0,responsive:!0,startChars:i?2:6})}),e.jsx(te,{value:h.email,isMobile:i,type:"email",onChange:v=>l("email",v),title:s("userCenter.emailNotification"),description:r?.email&&e.jsx(A,{component:"span",sx:{color:"text.secondary",fontSize:13},children:r?.email})}),e.jsx(te,{isMobile:i,value:h.push,type:"push",title:s("userCenter.pushNotification"),onChange:v=>l("push",v)})]}),e.jsxs(we,{useFlexGap:!0,direction:"column",sx:{alignItems:"start"},children:[a.map((v,d)=>e.jsx(be,{enabled:v.enabled,onTest:x,onDelete:()=>o(d),onSave:(...g)=>f(d,...g),type:v.type,url:v.url,edit:!1,webhooks:a},`${d}_${v.url}`)),t.showAdd&&e.jsx(be,{onTest:x,onCancel:()=>{t.showAdd=!1},onSave:(...v)=>k(...v),edit:!0,webhooks:a},"add"),e.jsx(Ye,{variant:"outlined",size:"small",sx:{color:"text.primary",borderColor:"divider","&:hover":{borderColor:"divider"},py:.5,borderRadius:1,mt:1,ml:1.5},startIcon:e.jsx(E,{icon:xt}),onClick:()=>{t.showAdd=!0},children:s("userCenter.addWebhook")})]})]})}cr.propTypes={user:u.object.isRequired,isMobile:u.bool.isRequired};function dr({item:r}){const i=ke(),{blocklet:s}=Gr(),{confirmApi:t,confirmHolder:n}=He(),h=Q({loading:!1}),{t:a}=L(),{session:p}=y.use(le),{bindOAuth:l,unbindOAuth:x,setBaseUrl:o,baseUrl:f}=p.useOAuth(),{disconnectPasskey:k,setTargetAppPid:v}=p.usePasskey(),d=R(()=>ot[r?.provider]||"unknown",[r?.provider]),g=M(b=>b?._bind?b.provider===T.WALLET&&b.did?a("userCenter.thirdPartyLogin.walletAccountCantRemove"):b.provider===T.PASSKEY&&i.arcSphere?a("userCenter.thirdPartyLogin.dontSupportRemoveinArcSphere"):b._mainProvider&&i.arcSphere?a("userCenter.thirdPartyLogin.mainProviderCantRemove"):"":""),j=M(async()=>{if(r?.provider===T.PASSKEY){await new Promise((b,S)=>{t.open({title:a("userCenter.thirdPartyLogin.disconnectPasskey",{name:d}),content:a("userCenter.thirdPartyLogin.disconnectPasskeyDescription",{name:d}),confirmButtonText:a("common.confirm"),confirmButtonProps:{color:"error"},cancelButtonText:a("common.cancel"),onConfirm(P){k({session:p,connectedAccount:r}).then(b).catch(S),P()},onCancel:b})});return}try{h.loading=!0,await new Promise((b,S)=>{if(r?._bind)t.open({title:a("userCenter.thirdPartyLogin.confirmUnbind",{name:d}),content:a("userCenter.thirdPartyLogin.confirmUnbindDescription",{name:d}),confirmButtonText:a("common.confirm"),confirmButtonProps:{color:"error"},cancelButtonText:a("common.cancel"),onConfirm(P){x({session:p,connectedAccount:{...Nr(r,["did","pk"]),showProvider:r.provider,provider:r._rawProvider}}).then(b).catch(S),P()},onCancel:b});else if(r.provider===T.WALLET)t.open({title:a("userCenter.thirdPartyLogin.confirmBindWallet",{name:d}),content:a("userCenter.thirdPartyLogin.confirmBindWalletDescription",{name:d}),confirmButtonText:a("common.confirm"),confirmButtonProps:{color:"primary"},cancelButtonText:a("common.cancel"),onConfirm:P=>{p.bindWallet({onSuccess:b,onCancel:S}),P()},onCancel:b});else{const P=f,_=window?.blocklet;let $="/";const N=st(_),U=it(_);N&&U?.appPid&&p?.user?.sourceAppPid&&($=U.appUrl),o($),v(s?.appPid),l({session:p,oauthItem:{...r,provider:r._rawProvider}}).then(b).catch(S).finally(()=>{o(P),v()})}})}catch(b){console.error(`Failed to ${r?._bind?"unbind":"bind"} oauth account`,b)}finally{h.loading=!1}}),C=M(b=>b.provider===T.WALLET&&b.did?a("userCenter.thirdPartyLogin.walletAccount"):b._mainProvider?a("userCenter.thirdPartyLogin.mainAccount"):b?._bind?a("userCenter.thirdPartyLogin.disconnect"):a("userCenter.thirdPartyLogin.connect")),D=M(b=>b.provider===T.WALLET&&b.did||b.provider===T.PASSKEY&&(i.arcSphere||i.wallet)?!0:!!r._mainProvider,[i.arcSphere]);return e.jsxs(e.Fragment,{children:[e.jsxs(m,{sx:{borderRadius:1,border:"1px solid",borderColor:"divider",backgroundColor:"grey.50",display:"flex",alignItems:"center",py:1,px:1.5,gap:.75,fontSize:"14px",lineHeight:1,overflow:"hidden"},children:[e.jsx(qe,{provider:r?.provider,sx:{width:"1em",height:"1em",flexShrink:0,fontSize:16}}),e.jsx(m,{sx:{flex:1,display:{xs:r.userInfo?.email||r.did?"none":"block",sm:"block"}},children:d}),r.userInfo?.email||r.did?e.jsxs(m,{sx:{display:"flex",alignItems:"center",gap:.5,overflow:"hidden"},children:[e.jsx(m,{sx:{flex:1,textOverflow:"ellipsis",overflow:"hidden",lineHeight:"normal"},children:r.userInfo?.email||r.did}),r.userInfo?.name?e.jsx(ge,{title:e.jsxs(m,{sx:{display:"flex",alignItems:"center",gap:1},children:[e.jsx(at,{size:36,variant:"circle",shape:"circle",src:r.userInfo?.picture,did:r.did}),e.jsxs(m,{children:[e.jsx(A,{sx:{whiteSpace:"normal",wordBreak:"break-all",fontSize:"0.9rem"},children:r.userInfo?.name}),e.jsx(A,{sx:{whiteSpace:"normal",wordBreak:"break-all",fontSize:"0.9rem"},children:r.userInfo?.email})]})]}),children:e.jsx(m,{component:E,icon:Kr,sx:{color:"text.secondary",fontSize:16,cursor:"pointer",flexShrink:0}})}):null]}):null]}),e.jsx(ge,{title:g(r),placement:"auto",children:e.jsx(m,{children:e.jsx(Ye,{variant:"outlined",size:"small",sx:b=>{const S=b.palette.error.main,P=b.palette.primary.main;return{color:r?._bind?S:P,borderColor:r?._bind?S:P,backgroundColor:"background.default","&:hover":{borderColor:r?._bind?S:P,backgroundColor:"action.hover"},py:.5,borderRadius:1,fontWeight:500,whiteSpace:"nowrap"}},fullWidth:!0,startIcon:h.loading?null:e.jsx(E,{icon:mt}),onClick:j,disabled:D(r),loading:h.loading,children:C(r)})})}),n]})}dr.propTypes={item:u.shape({provider:u.string,did:u.string,pk:u.string,userInfo:u.object,id:u.string,_bind:u.bool,_rawProvider:u.string,_mainProvider:u.bool}).isRequired};function ur({user:r}){const{session:i}=y.use(le),[s,t]=y.useState({}),{getOAuthConfigs:n}=i.useOAuth(),h=ke();Jr(async()=>{const l=await n({sourceAppPid:r?.sourceAppPid});t(l)},[r?.sourceAppPid]);const a=R(()=>{const l=Object.keys(s).map(x=>({...s[x],provider:x})).filter(x=>x.enabled);return[{provider:T.WALLET,order:-1},...l,{provider:T.PASSKEY,order:1/0}]},[s]),p=R(()=>{const l=lt(r);let x=!1,o="",f=ct(r);const k=l.find(d=>d.provider===T.AUTH0);return k&&(k.id.startsWith("google-oauth2|")&&(l.some(d=>d.provider==="google")||(x=!0,o=T.GOOGLE,f===T.AUTH0&&(f=T.GOOGLE))),k.id.startsWith("appleid|")&&(l.some(d=>d.provider===T.APPLE)||(x=!0,o=T.APPLE,f===T.AUTH0&&(f=T.APPLE))),k.id.startsWith("github|")&&(l.some(d=>d.provider===T.GITHUB)||(x=!0,o=T.GITHUB,f===T.AUTH0&&(f=T.GITHUB)))),a.flatMap(d=>{if(d.provider===T.AUTH0&&x)return null;if(d.provider===T.PASSKEY){const j=l.filter(C=>C.provider===T.PASSKEY);return j.length===0?null:j.map(C=>({...d,provider:d.provider,did:C.did,pk:C.pk,userInfo:C.userInfo,_bind:!0,_rawProvider:C.provider,_mainProvider:d.provider===f}))}const g=x&&d.provider===o?l.find(j=>j.provider===T.AUTH0):l.find(j=>j.provider===d.provider);return g?{...d,provider:d.provider,did:g.did,pk:g.pk,userInfo:g.userInfo,_bind:!0,_rawProvider:g.provider,_mainProvider:d.provider===f}:{...d,provider:d.provider,_rawProvider:d.provider,_mainProvider:d.provider===f}}).filter(d=>!!d).sort((d,g)=>d._mainProvider?-1:d?.order!==void 0&&g?.order!==void 0?d.order-g.order:d?.order!==void 0?-1:1)},[r?.connectedAccounts,a]);return e.jsxs(m,{sx:{gap:1,display:"grid",gridTemplateColumns:"1fr min-content"},children:[p.map(l=>e.jsx(dr,{item:l},l?.provider)),h.wallet||h.arcSphere?null:e.jsx(Yr,{behavior:"only-new",action:"connect",createMode:"connect",createButtonText:"Add New Passkey",onSuccess:H,onError:H,dense:!0,sx:{px:1.5,py:1,gap:.75}})]})}ur.propTypes={user:u.object.isRequired};function pr({configList:r,onSave:i}){const[s,t]=y.useState(r),{t:n}=L(),h=M(async(a,p)=>{try{const l=await F.user.saveUserPrivacyConfig({[a]:typeof p=="string"?p:!p});t(s.map(x=>({...x,value:l?.[x.key]??x.value}))),O.success(n("userCenter.saveSuccess")),i("privacy")}catch(l){O.error(Z(l))}});return y.useEffect(()=>{t(r)},[r]),e.jsx(m,{sx:{display:"flex",flexDirection:"column",gap:1,alignItems:"start",".MuiFormControlLabel-root":{gap:1,m:0,flexDirection:{xs:"row-reverse",md:"row"},width:{xs:"100%",md:"unset"}},".MuiSwitch-track":{borderRadius:"100vw"},".MuiSwitch-thumb":{borderRadius:"100%"},".MuiSwitch-root.MuiSwitch-sizeSmall":{height:"20px",width:"36px",".MuiSwitch-thumb":{width:"16px",height:"16px"}}},children:s.map(a=>{if(a.isPrivate)return null;const p=!a.value||["all","follower-only"].includes(a.value);return e.jsxs(m,{children:[e.jsx(De,{checked:p,labelProps:{label:e.jsx(A,{sx:{color:"text.primary",fontSize:14,display:"flex",flexFlow:"wrap",columnGap:1,flex:1},children:n("userCenter.toPublic",{name:a.name})})},size:"small",onChange:l=>{const{checked:x}=l.target;a.followersOnly?h(a.key,x?"all":"private"):h(a.key,x)}},a.key),a.followersOnly&&p&&e.jsx(m,{sx:{pl:3,pt:1},children:e.jsx(De,{checked:a.value==="follower-only",labelProps:{label:e.jsx(A,{sx:{color:"text.primary",fontSize:14,display:"flex",flexFlow:"wrap",columnGap:1,flex:1},children:n("team.userFollowers.followersOnly")})},size:"small",onChange:l=>{const{checked:x}=l.target;h(a.key,x?"follower-only":"all")}})})]})})})}pr.propTypes={configList:u.arrayOf(u.shape({key:u.string.isRequired,name:u.string.isRequired,value:u.bool.isRequired,isPrivate:u.bool})).isRequired,onSave:u.func.isRequired};function fr({onDestroySelf:r=void 0}){const{confirmHolder:i}=He(),{t:s}=L(),{session:t}=y.use(le),n=M(async()=>{if(!r||typeof r!="function")return;const h=t.withSecondaryAuth(r,{extraParams:{removeUserDid:t?.user?.did,input:{user:{did:t?.user?.did},teamDid:window?.blocklet?.did}},operation:"destroySelf"});try{await h(),t.logout()}catch(a){O.error(a?.message||s("userCenter.destroyMyself.error"))}});return e.jsxs(e.Fragment,{children:[e.jsx(m,{children:e.jsxs(m,{sx:{display:"flex",alignItems:"center",gap:1,justifyContent:"space-between",flexWrap:"wrap"},children:[e.jsxs(m,{children:[e.jsx(A,{variant:"h6",sx:{fontSize:"0.875rem !important",fontWeight:"bold"},children:s("userCenter.dangerZone.deleteAccount")}),e.jsx(A,{variant:"caption",sx:{color:"text.secondary"},children:s("userCenter.dangerZone.deleteAccountDescription")})]}),e.jsx(G,{variant:"contained",color:"error",size:"small",onClick:n,children:s("userCenter.dangerZone.delete")})]})}),i]})}fr.propTypes={onDestroySelf:u.func};function en(){const r=de({key:"md"}),i=ve(n=>n.breakpoints.down("lg")),s={display:"flex",justifyContent:"flex-end",flexWrap:"wrap",textAlign:"right","&.expired-at > div":{maxWidth:160,justifyContent:"flex-end",flexWrap:"wrap"}},t=R(()=>Ze({},r?s:{}),[r]);return e.jsx(m,{id:"user-center-access-key-setting",sx:{maxWidth:r?"unset":i?"calc(100vw - 300px)":"100%",...r&&{".pc-access-key-table > div:nth-child(2)":{border:"1px solid",borderColor:"divider",borderRadius:1}},".MuiTableCell-head":{whiteSpace:"nowrap",fontWeight:"bold"},".MuiTableRow-root":{border:"unset","&:nth-child(even)":{backgroundColor:"grey.50","&:hover":{backgroundColor:n=>`${n.palette.grey[50]} !important`}}},".MuiTableRow-hover":{"&:hover":{backgroundColor:"inherit !important"}},".MuiTableCell-root":{paddingRight:"8px",paddingLeft:"8px",color:"text.secondary",...r&&{padding:"8px !important","&:first-child":{paddingTop:"20px!important"},"&:last-child":{paddingBottom:"20px!important"}}}},children:e.jsx(kt,{isSelf:!0,columnSx:t})})}function hr({onDestroySelf:r=void 0,userCenterTabs:i=[]}){const{t:s}=L(),{user:t,session:n,isMyself:h,isOwner:a}=ue(),l=ke().arcSphere,x=de({key:"md"}),o=ce(async()=>t&&h?await F.user.getUserPrivacyConfig({did:t.did}):null,{refreshDeps:[t,h],loadingDelay:300}),f=R(()=>i.map(d=>({key:d.value,name:d.label,value:d.protected,isPrivate:d.isPrivate,followersOnly:d.followersOnly})).filter(d=>!d.isPrivate),[i]),k=M(async d=>d==="privacy"?(await o.runAsync(),o.data):(d==="profile"&&await n.refresh(),null));y.useEffect(()=>{const d=window.location.hash.slice(1);d&&document.getElementById(d)?.scrollIntoView({behavior:"smooth"})},[]);const v=R(()=>[l?void 0:{label:s("userCenter.commonSetting.title"),value:"common",content:e.jsx(ar,{user:t,onSave:k})},{label:s("userCenter.notificationManagement"),value:"notification",content:e.jsx(cr,{user:t,isMobile:x})},{label:s("userCenter.thirdPartyLogin.title"),value:"thirdPartyLogin",content:e.jsx(ur,{user:t})},{label:s("common.accessKeys"),value:"accessKeys",content:e.jsx(en,{isSelf:!0})},{label:s("common.mcpServers"),value:"mcpServers",content:e.jsx(wt,{})},f.length>0&&{label:s("userCenter.privacyManagement"),value:"privacy",content:e.jsx(pr,{configList:f,onSave:k})},{label:s("userCenter.sessionManagement"),value:"session",content:e.jsx(jt,{user:t,showUser:!1,getUserSessions:d=>F.userSession.getMyLoginSessions({},d)})},!a&&r&&typeof r=="function"?{label:s("userCenter.dangerZone.title"),value:"dangerZone",content:e.jsx(fr,{onDestroySelf:r}),sx:{borderColor:"error.main"}}:null].filter(Boolean),[t,f,x,a,r]);return h?e.jsx(m,{className:"user-center-settings",sx:{display:"flex",flexDirection:"column",gap:2.5,minWidth:{md:500},"@media (min-width: 1200px) and (max-width: 1260px)":{maxWidth:750},"@media (min-width: 1100px) and (max-width: 1199px)":{maxWidth:650},"@media (min-width: 1000px) and (max-width: 1099px)":{maxWidth:600},"@media (max-width: 1049px)":{maxWidth:"100%"}},children:v.map(d=>d?e.jsxs(m,{id:d.value,sx:Ze({border:"1px solid",borderColor:"divider",borderRadius:1,p:2,"&:last-child":{mb:5}},d.sx),children:[e.jsx(A,{sx:{color:"text.primary",fontWeight:600},children:d.label}),e.jsx(m,{sx:{mt:2.5},children:d.content})]},d.value):null)}):null}hr.propTypes={onDestroySelf:u.func,userCenterTabs:u.array};const xr=y.createContext({}),{Provider:rn,Consumer:go}=xr;function mr({children:r}){const[i]=y.useState(!1),{session:s}=y.use(le),{user:t}=s,[n,h]=y.useState(),a=y.useMemo(()=>t?.didSpace?.endpoint,[t?.didSpace]);y.useEffect(()=>{h(t?.didSpace)},[t?.didSpace]);const p=async()=>{h(void 0)},l=f=>{},x=async f=>{h(f),await l(f.endpoint)},o=!!(a&&n);return e.jsx(rn,{value:{loading:i,spaceGateway:n,session:s,deleteSpaceGateway:p,updateSpaceGateway:x,storageEndpoint:a,settingStorageEndpoint:l,hasStorageEndpoint:o},children:r})}function Se(){return y.use(xr)}mr.propTypes={children:u.node.isRequired};function tn(r){const i=r.replace(/\/api\/space\/.+/,""),t=r.replace(/\/$/,"").split("/").at(-4);return se(i,"space",t)}function gr({session:r,spaceGateway:i,spaceStatus:s,refresh:t}){return e.jsxs(we,{direction:"row",spacing:1,children:[s===Pt.DISCONNECTED&&e.jsx(ie,{reconnect:!0,variant:"outlined",session:r,spaceDid:r.user?.didSpace?.did,spaceGatewayUrl:r.user?.didSpace?.url,connectScope:"user",onSuccess:async()=>{await t()},onError:n=>{console.error(n),O.error(Z(n))}}),e.jsx(W,{size:"small",LinkComponent:Er,href:tn(i.endpoint),target:"_blank",children:e.jsx(zr,{})})]})}gr.propTypes={session:u.object.isRequired,spaceGateway:u.object.isRequired,spaceStatus:u.string.isRequired,refresh:u.func.isRequired};function br({spaceGateway:r=void 0}){const{t:i}=L(),{updateSpaceGateway:s,session:t}=Se(),n=de(),h=({spaceGateway:a})=>s(a);return e.jsxs(m,{sx:{display:"flex",flexDirection:"column"},children:[e.jsxs(m,{sx:{display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"space-between",marginBottom:"12px"},children:[e.jsx(A,{sx:{fontSize:"16px",fontWeight:"bold"},children:i("userCenter.storage.spaces.connected.title")}),!n&&e.jsx(ie,{connectScope:"user",connectText:i("userCenter.storage.spaces.connected.switch"),session:t,onSuccess:h})]}),e.jsx(m,{children:r&&e.jsx(It,{endpoint:r.endpoint,deps:[r],selected:!0,footer:!0,action:a=>e.jsx(gr,{session:t,...a})},r.endpoint)}),n&&e.jsx(m,{sx:{display:"flex",alignItems:"center",justifyContent:"center",marginTop:2},children:e.jsx(ie,{connectScope:"user",connectText:i("userCenter.storage.spaces.connected.switch"),session:t,onSuccess:h})})]})}br.propTypes={spaceGateway:u.object};function nn(){const{t:r}=L(),{updateSpaceGateway:i,session:s}=Se(),t=({spaceGateway:n})=>i(n);return e.jsxs(m,{sx:{display:"flex",flexDirection:"column"},children:[e.jsx(A,{sx:{fontSize:"16px",fontWeight:"bold"},children:r("userCenter.storage.spaces.connect.providerForStorage")}),e.jsx(Tt,{viewBox:"0 0 228 258",style:{width:"156px",height:"156px",margin:"16px 0"}}),e.jsx(m,{children:e.jsx(ie,{session:s,onSuccess:t})})]})}function on(){const{spaceGateway:r,hasStorageEndpoint:i,loading:s}=Se(),{isMyself:t}=ue();return t?s?e.jsx(St,{relative:"parent",children:e.jsx(Y,{})}):e.jsx(an,{children:e.jsx(m,{sx:{maxWidth:"720px"},children:i?e.jsx(br,{spaceGateway:r}):e.jsx(nn,{})})}):null}function sn(){return e.jsx(mr,{children:e.jsx(on,{})})}const an=V(m)`
+`,Vt=r=>({position:"absolute",top:0,left:0,right:0,bottom:0,backgroundColor:"rgba(0, 0, 0, 0.6)",opacity:0,transition:"opacity 0.3s ease-in-out",display:"flex",alignItems:"center",justifyContent:"center",zIndex:1,"& .mask-item":{backgroundColor:oe(r.palette.background.paper,.9),color:"text.primary","&:hover":{backgroundColor:oe(r.palette.background.paper,1)}}}),Qt={position:"absolute",bottom:0,left:0,right:0,height:24,backgroundColor:"rgba(0, 0, 0, 0.6)",display:"flex",alignItems:"center",justifyContent:"center",color:"white",gap:1,zIndex:1,"& .mask-item":{width:20,height:20,color:"white"}},Ne="https://main.abtnetwork.io/explorer";function ir({user:r}){const{t:i,locale:s}=L(),t=de(),[n,h]=y.useState({visible:!1,nft:null}),[a,p]=y.useState({anchorEl:null,props:null}),l=b=>{const S=se(Ne,"assets",b);window.open(S,"_blank")},x=(b,S)=>{let P="";typeof S.data?.value=="string"?P=JSON.parse(S.data?.value)?.domain:P=S.data?.value?.domain,p({anchorEl:b,props:{title:P?`Hey, I just won an NFT at the ${P} event!`:"Hey, I just won an NFT!",url:se(Ne,"assets",S.address)}})},o=b=>{h({visible:!0,nft:b})},f=Q({page:1,size:20}),k=ce(async(b=f)=>(await Or.get(`${je.WELLKNOWN_SERVICE_PATH_PREFIX}/ocap/listAssets`,{params:{ownerAddress:r.did,...b}})).data,{ready:r?.did&&f,defaultParams:[f],refreshDeps:[r?.did,f]}),{loading:v,data:d}=k,g=d?.page??{cursor:0,next:!1,total:0},j=(b,S)=>{f.page=S,k.run(f)},C=M(b=>[e.jsx(W,{size:"small",className:"mask-item",onClick:S=>{S.stopPropagation(),l(b.address)},children:e.jsx(E,{icon:"tabler:link",fontSize:18})},"link"),e.jsx(W,{size:"small",onClick:S=>{S.stopPropagation(),x(S.currentTarget,b)},className:"mask-item",children:e.jsx(E,{icon:"tabler:share-2",fontSize:18})},"share"),e.jsx(W,{size:"small",onClick:S=>{S.stopPropagation(),o(b)},className:"mask-item",children:e.jsx(E,{icon:"tabler:eye",fontSize:18})},"view")]),D=R(()=>{if(v){const b=["skeleton-1","skeleton-2","skeleton-3","skeleton-4","skeleton-5"].map(S=>e.jsx(Ae,{variant:"rectangular",width:"15%",height:166,sx:{borderRadius:1,flexShrink:0}},S));return e.jsxs(m,{sx:{display:"flex",flexDirection:"column",gap:2},children:[e.jsx(Ae,{width:"20%"}),e.jsx(m,{sx:{display:"flex",flexDirection:"row",gap:2,flexWrap:"nowrap"},children:b})]})}return e.jsxs(e.Fragment,{children:[e.jsx(A,{sx:{color:"grey.A700",fontWeight:600,mb:2.5},children:i("userCenter.common.nft")}),d?.assets?.length===0&&!v&&e.jsx(m,{sx:{display:"flex",justifyContent:"center",alignItems:"center",width:"100%",height:"100%"},children:e.jsx(Ge,{children:i("userCenter.common.noNFT")})}),e.jsx(m,{className:"nft-list-wrapper",sx:{display:"grid",justifyItems:"start",gridTemplateColumns:{xs:"repeat(2, 1fr)",sm:"repeat(3, 1fr)",md:"repeat(3, 1fr)",lg:"repeat(5, 1fr)"},gap:2.5},children:d?.assets?.map(b=>e.jsxs(m,{sx:{flexShrink:0,width:{xs:120,sm:120,md:120,lg:166},height:{xs:120,sm:120,md:120,lg:166},position:"relative",borderRadius:1,overflow:"hidden",cursor:"pointer",...t?{}:{"&:hover .mask":{opacity:1}}},children:[e.jsx(Qe,{data:Je(b),address:b.address,inset:!0,imageFilter:{imageFilter:"resize",w:"500",f:"webp"}}),t?e.jsx(m,{className:"footer-mask",sx:Qt,children:C(b)}):e.jsx(m,{className:"mask",sx:Vt,children:e.jsx(we,{direction:"row",spacing:1,children:C(b)})})]},b.address))}),g.next||f.page>1?e.jsx(Mr,{sx:{display:"flex",justifyContent:"center",mt:2},page:f.page,onChange:j,count:Math.ceil(g.total/f.size),size:"small"}):null,e.jsx(Kt,{visible:n.visible&&!!n.nft,nft:n.nft,onClose:()=>{h({visible:!1,nft:null})}}),e.jsx(Jr,{locale:s,anchorEl:a.anchorEl,onClose:()=>{p({anchorEl:null,props:null})},sharedProps:a.props||{title:"",url:""}})]})},[v,g,f.page,f.size,j,a,n]);return e.jsx(m,{sx:{border:"1px solid",borderColor:"divider",borderRadius:1,p:2,mb:5},children:D})}ir.propTypes={user:u.object.isRequired};function Jt(){const{t:r}=L(),{user:i,isMyself:s,viewUser:t}=ue();return e.jsxs(m,{sx:{display:"flex",flexDirection:"column",gap:2.5},children:[s?e.jsxs(m,{sx:{border:"1px solid",borderColor:"divider",borderRadius:1.5,p:2},children:[e.jsx(A,{sx:{color:"text.primary",fontWeight:600,mb:2.5},children:r("userCenter.passport")}),e.jsx(sr,{user:i})]}):null,e.jsx(ir,{user:s?i:t})]})}const Xt=[{name:"English",code:"en"},{name:"中文",code:"zh"}];function ar({user:r,onSave:i}){const{t:s,changeLocale:t}=L(),n=Q({locale:r.locale,loading:!1}),h=M(async a=>{try{const{value:p}=a.target;n.loading=!0,await F.user.saveProfile({locale:p}),await i("profile"),t(p),n.locale=p}catch(p){O.error(Z(p))}finally{n.loading=!1}});return e.jsxs(m,{sx:{gap:1,display:"grid",alignItems:"center",gridTemplateColumns:{xs:"1fr",sm:"max-content 1fr"}},children:[e.jsx(m,{children:s("userCenter.commonSetting.locale")}),e.jsx(m,{children:e.jsx(ye,{value:n.locale,onChange:h,size:"small",IconComponent:a=>e.jsx(He,{...a,width:20,height:20}),sx:{minWidth:200,"&:hover":{"fieldset.MuiOutlinedInput-notchedOutline":{borderColor:"divider"}},fieldset:{borderColor:"divider"}},children:(window.blocklet.languages||Xt).map(a=>e.jsx(ne,{value:a.code,children:a.name},a.code))})})]})}ar.propTypes={user:u.shape({locale:u.string}).isRequired,onSave:u.func.isRequired};function lr({type:r,url:i,enabled:s,onEdit:t,onChange:n,onDelete:h}){return e.jsxs(m,{sx:{display:"flex",width:"100%",alignItems:"center",justifyContent:"space-between",py:1,px:1.5,gap:.75,borderRadius:1,"& .hover-actions":{opacity:0,transition:"opacity 0.2s"},"&:hover":{backgroundColor:"action.hover","& .hover-actions":{opacity:1}}},children:[e.jsxs(m,{sx:{display:"flex",alignItems:"center",gap:1,flex:1,minWidth:0,cursor:"pointer"},onClick:t,children:[e.jsx(ge,{title:r,children:e.jsx(E,{icon:r==="slack"?"logos:slack-icon":"material-symbols:link-rounded"})}),e.jsx(A,{sx:{color:"text.primary",fontSize:14,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:i})]}),e.jsxs(m,{sx:{minWidth:72,flexShrink:0,display:"flex",alignItems:"center",justifyContent:"flex-end",gap:1},children:[e.jsx(W,{className:"hover-actions",size:"small",onClick:t,sx:{p:0},children:e.jsx(E,{icon:Ze})}),e.jsx(W,{color:"error",onClick:h,size:"small",sx:{p:0},children:e.jsx(E,{icon:Ve})}),e.jsx(Xe,{checked:s,onChange:n})]})]})}lr.propTypes={type:u.string.isRequired,url:u.string.isRequired,onEdit:u.func.isRequired,onChange:u.func.isRequired,enabled:u.bool.isRequired,onDelete:u.func.isRequired};function be({onTest:r=H,onDelete:i=H,onSave:s=H,onCancel:t=H,type:n="slack",url:h="",enabled:a=!0,edit:p=!1,webhooks:l=[]}){const{t:x}=L(),o=Q({type:n||"slack",url:h||"",edit:p??!1,enabled:a??!0,error:"",loading:!1}),f=M(()=>o.url?o.type==="slack"&&!qr.isSlackWebhookUrl(o.url)||!Hr(o.url)?(o.error=x("common.invalid"),!1):l.some(C=>C.url===h&&o.url===h?!1:C.url===o.url)?(o.error=x("common.duplicate"),!1):(o.error="",!0):(o.error=x("common.required"),!1)),k=M(()=>{o.edit=!1,o.url=h||"",o.type=n||"slack",o.error="",o.loading=!1,t()}),v=M(async j=>{o.loading=!0,await r(j),o.loading=!1}),d=M(j=>()=>{f()&&j({type:o.type,url:o.url,enabled:o.enabled})}),g=R(()=>o.error?e.jsx(A,{component:"span",color:"error",children:o.error}):o.edit?o.loading?e.jsx(Y,{size:16}):e.jsx(W,{size:"small",onClick:d(v),sx:{mr:-1},children:e.jsx(E,{icon:pt})}):null,[o.error,o.edit,o.loading]);return o.edit?e.jsxs(m,{sx:{display:"flex",gap:1.5,px:1.5,width:"100%",alignItems:{xs:"flex-start",md:"center"},flexDirection:{xs:"column",md:"row"}},children:[e.jsxs(ye,{sx:{borderRadius:1,"&.Mui-disabled":{backgroundColor:"grey.50"}},disabled:!o.edit||o.loading,size:"small",value:o.type,onChange:j=>{o.type=j.target.value},children:[e.jsx(ne,{value:"api",children:x("userCenter.webhook.url")}),e.jsx(ne,{value:"slack",children:x("userCenter.webhook.slack")})]}),e.jsxs(m,{sx:{display:"flex",alignItems:"center",gap:.5,width:"100%"},children:[e.jsx(Ue,{sx:{flex:1,".MuiInputBase-root":{borderRadius:1,"&.Mui-disabled":{backgroundColor:"grey.50"}}},disabled:!o.edit||o.loading,fullWidth:!0,size:"small",required:!0,value:o.url,onChange:j=>{o.url=j.target.value,o.error="",f()},error:!!o.error,slotProps:{input:{endAdornment:e.jsx(Fe,{position:"end",children:g})}}}),e.jsx(m,{sx:{display:"flex",gap:.5},children:o.edit?e.jsxs(e.Fragment,{children:[e.jsx(W,{color:"success",onClick:d((...j)=>{s(...j),o.edit=!1}),sx:{borderRadius:1,border:"1px solid",borderColor:"grey.200"},children:e.jsx(E,{icon:Xr})}),e.jsx(W,{color:"error",onClick:k,sx:{borderRadius:1,border:"1px solid",borderColor:"grey.200"},children:e.jsx(E,{icon:et})})]}):e.jsxs(e.Fragment,{children:[e.jsx(W,{onClick:()=>{o.edit=!0},sx:{borderRadius:1,border:"1px solid",borderColor:"grey.200"},children:e.jsx(E,{icon:Ze})}),e.jsx(W,{color:"error",onClick:()=>{i({type:o.type,url:o.url})},sx:{borderRadius:1,border:"1px solid",borderColor:"grey.200"},children:e.jsx(E,{icon:Ve})})]})})]})]}):e.jsx(lr,{type:o.type,url:o.url,enabled:o.enabled,onEdit:()=>{o.edit=!0},onChange:j=>{o.enabled=j,d((...C)=>s(...C))()},onDelete:()=>{i({type:o.type,url:o.url})}})}be.propTypes={onTest:u.func,onDelete:u.func,onSave:u.func,onCancel:u.func,type:u.oneOf(["api","slack"]),url:u.string,edit:u.bool,webhooks:u.array,enabled:u.bool};function te({title:r=void 0,description:i=void 0,value:s,onChange:t,isMobile:n,type:h}){const a=M(p=>{p.stopPropagation()});return e.jsxs(m,{sx:{width:"100%",display:"flex",alignItems:"center",justifyContent:"space-between",cursor:"pointer",py:1,px:1.5,gap:.75,borderRadius:1,"&:hover":{backgroundColor:"action.hover"}},children:[e.jsxs(m,{sx:{display:"flex",alignItems:"center",gap:1},children:[h==="push"?e.jsx(E,{icon:"tabler:bell"}):e.jsx(er,{provider:h,sx:{width:"1em",height:"1em",flexShrink:0,fontSize:16}}),e.jsxs(A,{component:"div",onClick:a,sx:{color:"text.primary",fontSize:14,display:"flex",flexWrap:n?"wrap":"nowrap",columnGap:1,flex:1,whiteSpace:n?"normal":"nowrap"},children:[r,i]})]}),e.jsx(Xe,{sx:{minWidth:36,flexShrink:0},checked:s,onChange:t})]})}te.propTypes={title:u.string,description:u.node,value:u.bool.isRequired,onChange:u.func.isRequired,isMobile:u.bool.isRequired,type:u.oneOf(["wallet","email","push"]).isRequired};function cr({user:r,isMobile:i}){const{t:s}=L(),t=Q({showAdd:!1}),n=ce(async()=>await F.user.getUserNotificationConfig(),{refreshDeps:[r],loadingDelay:300}),h=R(()=>({wallet:!0,email:!0,phone:!1,push:!0,...n?.data?.notifications||{}}),[n?.data?.notifications]),a=R(()=>n?.data?.webhooks||[],[n?.data?.webhooks]),p=M(async v=>{try{await F.user.saveUserNotificationConfig(v),O.success(s("userCenter.saveSuccess")),n.run()}catch(d){O.error(Z(d))}}),l=M(async(v,d)=>{await p({notifications:{[v]:d}})}),x=async v=>{try{await F.user.testNotificationWebhook(v),O.success(s("userCenter.webhookTested"))}catch(d){O.error(Z(d))}},o=M(async v=>{await p({webhooks:a.filter((d,g)=>g!==v)})}),f=M(async(v,d)=>{await p({webhooks:a.map((g,j)=>j===v?d:g)})}),k=M(async v=>{await p({webhooks:[...a,v]}),t.showAdd=!1});return n.error?e.jsx(Ar,{severity:"error",children:n.error.message}):n.loading||!n.data?e.jsx(m,{sx:{display:"flex",justifyContent:"center",alignItems:"center",height:"100px"},children:e.jsx(Y,{})}):e.jsxs(m,{sx:{display:"flex",flexDirection:"column",".MuiSwitch-track":{borderRadius:"100vw"},".MuiSwitch-thumb":{borderRadius:"100%"},".MuiSwitch-root.MuiSwitch-sizeSmall":{height:"20px",width:"36px",".MuiSwitch-thumb":{width:"16px",height:"16px"}}},children:[e.jsxs(m,{sx:{display:"flex",flexDirection:"column",alignItems:"start",".MuiFormControlLabel-root":{gap:1,m:0,flexDirection:{xs:"row-reverse",md:"row"},width:{xs:"100%",md:"unset"}}},children:[e.jsx(te,{value:h.wallet,isMobile:i,type:"wallet",title:s("userCenter.walletNotification"),onChange:v=>l("wallet",v),description:ze(r)&&e.jsx(rt,{did:ze(r),showQrcode:!1,showAvatar:!i,copyable:!0,compact:!0,responsive:!0,startChars:i?2:6})}),e.jsx(te,{value:h.email,isMobile:i,type:"email",onChange:v=>l("email",v),title:s("userCenter.emailNotification"),description:r?.email&&e.jsx(A,{component:"span",sx:{color:"text.secondary",fontSize:13},children:r?.email})}),e.jsx(te,{isMobile:i,value:h.push,type:"push",title:s("userCenter.pushNotification"),onChange:v=>l("push",v)})]}),e.jsxs(we,{useFlexGap:!0,direction:"column",sx:{alignItems:"start"},children:[a.map((v,d)=>e.jsx(be,{enabled:v.enabled,onTest:x,onDelete:()=>o(d),onSave:(...g)=>f(d,...g),type:v.type,url:v.url,edit:!1,webhooks:a},`${d}_${v.url}`)),t.showAdd&&e.jsx(be,{onTest:x,onCancel:()=>{t.showAdd=!1},onSave:(...v)=>k(...v),edit:!0,webhooks:a},"add"),e.jsx(Ke,{variant:"outlined",size:"small",sx:{color:"text.primary",borderColor:"divider","&:hover":{borderColor:"divider"},py:.5,borderRadius:1,mt:1,ml:1.5},startIcon:e.jsx(E,{icon:ft}),onClick:()=>{t.showAdd=!0},children:s("userCenter.addWebhook")})]})]})}cr.propTypes={user:u.object.isRequired,isMobile:u.bool.isRequired};function dr({item:r}){const i=ke(),{blocklet:s}=jt(),{confirmApi:t,confirmHolder:n}=qe(),h=Q({loading:!1}),{t:a}=L(),{session:p}=y.use(le),{bindOAuth:l,unbindOAuth:x,setBaseUrl:o,baseUrl:f}=p.useOAuth(),{disconnectPasskey:k,setTargetAppPid:v}=p.usePasskey(),d=R(()=>tt[r?.provider]||"unknown",[r?.provider]),g=M(b=>b?._bind?b.provider===T.WALLET&&b.did?a("userCenter.thirdPartyLogin.walletAccountCantRemove"):b.provider===T.PASSKEY&&i.arcSphere?a("userCenter.thirdPartyLogin.dontSupportRemoveinArcSphere"):b._mainProvider&&i.arcSphere?a("userCenter.thirdPartyLogin.mainProviderCantRemove"):"":""),j=M(async()=>{if(r?.provider===T.PASSKEY){await new Promise((b,S)=>{t.open({title:a("userCenter.thirdPartyLogin.disconnectPasskey",{name:d}),content:a("userCenter.thirdPartyLogin.disconnectPasskeyDescription",{name:d}),confirmButtonText:a("common.confirm"),confirmButtonProps:{color:"error"},cancelButtonText:a("common.cancel"),onConfirm(P){k({session:p,connectedAccount:r}).then(b).catch(S),P()},onCancel:b})});return}try{h.loading=!0,await new Promise((b,S)=>{if(r?._bind)t.open({title:a("userCenter.thirdPartyLogin.confirmUnbind",{name:d}),content:a("userCenter.thirdPartyLogin.confirmUnbindDescription",{name:d}),confirmButtonText:a("common.confirm"),confirmButtonProps:{color:"error"},cancelButtonText:a("common.cancel"),onConfirm(P){x({session:p,connectedAccount:{...Nr(r,["did","pk"]),showProvider:r.provider,provider:r._rawProvider}}).then(b).catch(S),P()},onCancel:b});else if(r.provider===T.WALLET)t.open({title:a("userCenter.thirdPartyLogin.confirmBindWallet",{name:d}),content:a("userCenter.thirdPartyLogin.confirmBindWalletDescription",{name:d}),confirmButtonText:a("common.confirm"),confirmButtonProps:{color:"primary"},cancelButtonText:a("common.cancel"),onConfirm:P=>{p.bindWallet({onSuccess:b,onCancel:S}),P()},onCancel:b});else{const P=f,_=window?.blocklet;let B="/";const N=nt(_),U=ot(_);N&&U?.appPid&&p?.user?.sourceAppPid&&(B=U.appUrl),o(B),v(s?.appPid),l({session:p,oauthItem:{...r,provider:r._rawProvider}}).then(b).catch(S).finally(()=>{o(P),v()})}})}catch(b){console.error(`Failed to ${r?._bind?"unbind":"bind"} oauth account`,b)}finally{h.loading=!1}}),C=M(b=>b.provider===T.WALLET&&b.did?a("userCenter.thirdPartyLogin.walletAccount"):b._mainProvider?a("userCenter.thirdPartyLogin.mainAccount"):b?._bind?a("userCenter.thirdPartyLogin.disconnect"):a("userCenter.thirdPartyLogin.connect")),D=M(b=>b.provider===T.WALLET&&b.did||b.provider===T.PASSKEY&&(i.arcSphere||i.wallet)?!0:!!r._mainProvider,[i.arcSphere]);return e.jsxs(e.Fragment,{children:[e.jsxs(m,{sx:{borderRadius:1,border:"1px solid",borderColor:"divider",backgroundColor:"grey.50",display:"flex",alignItems:"center",py:1,px:1.5,gap:.75,fontSize:"14px",lineHeight:1,overflow:"hidden"},children:[e.jsx(er,{provider:r?.provider,sx:{width:"1em",height:"1em",flexShrink:0,fontSize:16}}),e.jsx(m,{sx:{flex:1,display:{xs:r.userInfo?.email||r.did?"none":"block",sm:"block"}},children:d}),r.userInfo?.email||r.did?e.jsxs(m,{sx:{display:"flex",alignItems:"center",gap:.5,overflow:"hidden"},children:[e.jsx(m,{sx:{flex:1,textOverflow:"ellipsis",overflow:"hidden",lineHeight:"normal"},children:r.userInfo?.email||r.did}),r.userInfo?.name?e.jsx(ge,{title:e.jsxs(m,{sx:{display:"flex",alignItems:"center",gap:1},children:[e.jsx(st,{size:36,variant:"circle",shape:"circle",src:r.userInfo?.picture,did:r.did}),e.jsxs(m,{children:[e.jsx(A,{sx:{whiteSpace:"normal",wordBreak:"break-all",fontSize:"0.9rem"},children:r.userInfo?.name}),e.jsx(A,{sx:{whiteSpace:"normal",wordBreak:"break-all",fontSize:"0.9rem"},children:r.userInfo?.email})]})]}),children:e.jsx(m,{component:E,icon:Ct,sx:{color:"text.secondary",fontSize:16,cursor:"pointer",flexShrink:0}})}):null]}):null]}),e.jsx(ge,{title:g(r),placement:"auto",children:e.jsx(m,{children:e.jsx(Ke,{variant:"outlined",size:"small",sx:b=>{const S=b.palette.error.main,P=b.palette.primary.main;return{color:r?._bind?S:P,borderColor:r?._bind?S:P,backgroundColor:"background.default","&:hover":{borderColor:r?._bind?S:P,backgroundColor:"action.hover"},py:.5,borderRadius:1,fontWeight:500,whiteSpace:"nowrap"}},fullWidth:!0,startIcon:h.loading?null:e.jsx(E,{icon:ht}),onClick:j,disabled:D(r),loading:h.loading,children:C(r)})})}),n]})}dr.propTypes={item:u.shape({provider:u.string,did:u.string,pk:u.string,userInfo:u.object,id:u.string,_bind:u.bool,_rawProvider:u.string,_mainProvider:u.bool}).isRequired};function ur({user:r}){const{session:i}=y.use(le),[s,t]=y.useState({}),{getOAuthConfigs:n}=i.useOAuth(),h=ke();Vr(async()=>{const l=await n({sourceAppPid:r?.sourceAppPid});t(l)},[r?.sourceAppPid]);const a=R(()=>{const l=Object.keys(s).map(x=>({...s[x],provider:x})).filter(x=>x.enabled);return[{provider:T.WALLET,order:-1},...l,{provider:T.PASSKEY,order:1/0}]},[s]),p=R(()=>{const l=it(r);let x=!1,o="",f=at(r);const k=l.find(d=>d.provider===T.AUTH0);return k&&(k.id.startsWith("google-oauth2|")&&(l.some(d=>d.provider==="google")||(x=!0,o=T.GOOGLE,f===T.AUTH0&&(f=T.GOOGLE))),k.id.startsWith("appleid|")&&(l.some(d=>d.provider===T.APPLE)||(x=!0,o=T.APPLE,f===T.AUTH0&&(f=T.APPLE))),k.id.startsWith("github|")&&(l.some(d=>d.provider===T.GITHUB)||(x=!0,o=T.GITHUB,f===T.AUTH0&&(f=T.GITHUB)))),a.flatMap(d=>{if(d.provider===T.AUTH0&&x)return null;if(d.provider===T.PASSKEY){const j=l.filter(C=>C.provider===T.PASSKEY);return j.length===0?null:j.map(C=>({...d,provider:d.provider,did:C.did,pk:C.pk,userInfo:C.userInfo,_bind:!0,_rawProvider:C.provider,_mainProvider:d.provider===f}))}const g=x&&d.provider===o?l.find(j=>j.provider===T.AUTH0):l.find(j=>j.provider===d.provider);return g?{...d,provider:d.provider,did:g.did,pk:g.pk,userInfo:g.userInfo,_bind:!0,_rawProvider:g.provider,_mainProvider:d.provider===f}:{...d,provider:d.provider,_rawProvider:d.provider,_mainProvider:d.provider===f}}).filter(d=>!!d).sort((d,g)=>d._mainProvider?-1:d?.order!==void 0&&g?.order!==void 0?d.order-g.order:d?.order!==void 0?-1:1)},[r?.connectedAccounts,a]);return e.jsxs(m,{sx:{gap:1,display:"grid",gridTemplateColumns:"1fr min-content"},children:[p.map(l=>e.jsx(dr,{item:l},l?.provider)),h.wallet||h.arcSphere?null:e.jsx(Gr,{behavior:"only-new",action:"connect",createMode:"connect",createButtonText:"Add New Passkey",onSuccess:H,onError:H,dense:!0,sx:{px:1.5,py:1,gap:.75}})]})}ur.propTypes={user:u.object.isRequired};function pr({configList:r,onSave:i}){const[s,t]=y.useState(r),{t:n}=L(),h=M(async(a,p)=>{try{const l=await F.user.saveUserPrivacyConfig({[a]:typeof p=="string"?p:!p});t(s.map(x=>({...x,value:l?.[x.key]??x.value}))),O.success(n("userCenter.saveSuccess")),i("privacy")}catch(l){O.error(Z(l))}});return y.useEffect(()=>{t(r)},[r]),e.jsx(m,{sx:{display:"flex",flexDirection:"column",gap:1,alignItems:"start",".MuiFormControlLabel-root":{gap:1,m:0,flexDirection:{xs:"row-reverse",md:"row"},width:{xs:"100%",md:"unset"}},".MuiSwitch-track":{borderRadius:"100vw"},".MuiSwitch-thumb":{borderRadius:"100%"},".MuiSwitch-root.MuiSwitch-sizeSmall":{height:"20px",width:"36px",".MuiSwitch-thumb":{width:"16px",height:"16px"}}},children:s.map(a=>{if(a.isPrivate)return null;const p=!a.value||["all","follower-only"].includes(a.value);return e.jsxs(m,{children:[e.jsx(De,{checked:p,labelProps:{label:e.jsx(A,{sx:{color:"text.primary",fontSize:14,display:"flex",flexFlow:"wrap",columnGap:1,flex:1},children:n("userCenter.toPublic",{name:a.name})})},size:"small",onChange:l=>{const{checked:x}=l.target;a.followersOnly?h(a.key,x?"all":"private"):h(a.key,x)}},a.key),a.followersOnly&&p&&e.jsx(m,{sx:{pl:3,pt:1},children:e.jsx(De,{checked:a.value==="follower-only",labelProps:{label:e.jsx(A,{sx:{color:"text.primary",fontSize:14,display:"flex",flexFlow:"wrap",columnGap:1,flex:1},children:n("team.userFollowers.followersOnly")})},size:"small",onChange:l=>{const{checked:x}=l.target;h(a.key,x?"follower-only":"all")}})})]})})})}pr.propTypes={configList:u.arrayOf(u.shape({key:u.string.isRequired,name:u.string.isRequired,value:u.bool.isRequired,isPrivate:u.bool})).isRequired,onSave:u.func.isRequired};function fr({onDestroySelf:r=void 0}){const{confirmHolder:i}=qe(),{t:s}=L(),{session:t}=y.use(le),n=M(async()=>{if(!r||typeof r!="function")return;const h=t.withSecondaryAuth(r,{extraParams:{removeUserDid:t?.user?.did,input:{user:{did:t?.user?.did},teamDid:window?.blocklet?.did}},operation:"destroySelf"});try{await h(),t.logout()}catch(a){O.error(a?.message||s("userCenter.destroyMyself.error"))}});return e.jsxs(e.Fragment,{children:[e.jsx(m,{children:e.jsxs(m,{sx:{display:"flex",alignItems:"center",gap:1,justifyContent:"space-between",flexWrap:"wrap"},children:[e.jsxs(m,{children:[e.jsx(A,{variant:"h6",sx:{fontSize:"0.875rem !important",fontWeight:"bold"},children:s("userCenter.dangerZone.deleteAccount")}),e.jsx(A,{variant:"caption",sx:{color:"text.secondary"},children:s("userCenter.dangerZone.deleteAccountDescription")})]}),e.jsx(G,{variant:"contained",color:"error",size:"small",onClick:n,children:s("userCenter.dangerZone.delete")})]})}),i]})}fr.propTypes={onDestroySelf:u.func};function en(){const r=de({key:"md"}),i=ve(n=>n.breakpoints.down("lg")),s={display:"flex",justifyContent:"flex-end",flexWrap:"wrap",textAlign:"right","&.expired-at > div":{maxWidth:160,justifyContent:"flex-end",flexWrap:"wrap"}},t=R(()=>Ye({},r?s:{}),[r]);return e.jsx(m,{id:"user-center-access-key-setting",sx:{maxWidth:r?"unset":i?"calc(100vw - 300px)":"100%",...r&&{".pc-access-key-table > div:nth-child(2)":{border:"1px solid",borderColor:"divider",borderRadius:1}},".MuiTableCell-head":{whiteSpace:"nowrap",fontWeight:"bold"},".MuiTableRow-root":{border:"unset","&:nth-child(even)":{backgroundColor:"grey.50","&:hover":{backgroundColor:n=>`${n.palette.grey[50]} !important`}}},".MuiTableRow-hover":{"&:hover":{backgroundColor:"inherit !important"}},".MuiTableCell-root":{paddingRight:"8px",paddingLeft:"8px",color:"text.secondary",...r&&{padding:"8px !important","&:first-child":{paddingTop:"20px!important"},"&:last-child":{paddingBottom:"20px!important"}}}},children:e.jsx(kt,{isSelf:!0,columnSx:t})})}function hr({onDestroySelf:r=void 0,userCenterTabs:i=[]}){const{t:s}=L(),{user:t,session:n,isMyself:h,isOwner:a}=ue(),l=ke().arcSphere,x=de({key:"md"}),o=ce(async()=>t&&h?await F.user.getUserPrivacyConfig({did:t.did}):null,{refreshDeps:[t,h],loadingDelay:300}),f=R(()=>i.map(d=>({key:d.value,name:d.label,value:d.protected,isPrivate:d.isPrivate,followersOnly:d.followersOnly})).filter(d=>!d.isPrivate),[i]),k=M(async d=>d==="privacy"?(await o.runAsync(),o.data):(d==="profile"&&await n.refresh(),null));y.useEffect(()=>{const d=window.location.hash.slice(1);d&&document.getElementById(d)?.scrollIntoView({behavior:"smooth"})},[]);const v=R(()=>[l?void 0:{label:s("userCenter.commonSetting.title"),value:"common",content:e.jsx(ar,{user:t,onSave:k})},{label:s("userCenter.notificationManagement"),value:"notification",content:e.jsx(cr,{user:t,isMobile:x})},{label:s("userCenter.thirdPartyLogin.title"),value:"thirdPartyLogin",content:e.jsx(ur,{user:t})},{label:s("common.accessKeys"),value:"accessKeys",content:e.jsx(en,{isSelf:!0})},{label:s("common.mcpServers"),value:"mcpServers",content:e.jsx(yt,{})},f.length>0&&{label:s("userCenter.privacyManagement"),value:"privacy",content:e.jsx(pr,{configList:f,onSave:k})},{label:s("userCenter.sessionManagement"),value:"session",content:e.jsx(vt,{user:t,showUser:!1,getUserSessions:d=>F.userSession.getMyLoginSessions({},d)})},!a&&r&&typeof r=="function"?{label:s("userCenter.dangerZone.title"),value:"dangerZone",content:e.jsx(fr,{onDestroySelf:r}),sx:{borderColor:"error.main"}}:null].filter(Boolean),[t,f,x,a,r]);return h?e.jsx(m,{className:"user-center-settings",sx:{display:"flex",flexDirection:"column",gap:2.5,minWidth:{md:500},"@media (min-width: 1200px) and (max-width: 1260px)":{maxWidth:750},"@media (min-width: 1100px) and (max-width: 1199px)":{maxWidth:650},"@media (min-width: 1000px) and (max-width: 1099px)":{maxWidth:600},"@media (max-width: 1049px)":{maxWidth:"100%"}},children:v.map(d=>d?e.jsxs(m,{id:d.value,sx:Ye({border:"1px solid",borderColor:"divider",borderRadius:1,p:2,"&:last-child":{mb:5}},d.sx),children:[e.jsx(A,{sx:{color:"text.primary",fontWeight:600},children:d.label}),e.jsx(m,{sx:{mt:2.5},children:d.content})]},d.value):null)}):null}hr.propTypes={onDestroySelf:u.func,userCenterTabs:u.array};const xr=y.createContext({}),{Provider:rn,Consumer:vo}=xr;function mr({children:r}){const[i]=y.useState(!1),{session:s}=y.use(le),{user:t}=s,[n,h]=y.useState(),a=y.useMemo(()=>t?.didSpace?.endpoint,[t?.didSpace]);y.useEffect(()=>{h(t?.didSpace)},[t?.didSpace]);const p=async()=>{h(void 0)},l=f=>{},x=async f=>{h(f),await l(f.endpoint)},o=!!(a&&n);return e.jsx(rn,{value:{loading:i,spaceGateway:n,session:s,deleteSpaceGateway:p,updateSpaceGateway:x,storageEndpoint:a,settingStorageEndpoint:l,hasStorageEndpoint:o},children:r})}function Se(){return y.use(xr)}mr.propTypes={children:u.node.isRequired};function tn(r){const i=r.replace(/\/api\/space\/.+/,""),t=r.replace(/\/$/,"").split("/").at(-4);return se(i,"space",t)}function gr({session:r,spaceGateway:i,spaceStatus:s,refresh:t}){return e.jsxs(we,{direction:"row",spacing:1,children:[s===Pt.DISCONNECTED&&e.jsx(ie,{reconnect:!0,variant:"outlined",session:r,spaceDid:r.user?.didSpace?.did,spaceGatewayUrl:r.user?.didSpace?.url,connectScope:"user",onSuccess:async()=>{await t()},onError:n=>{console.error(n),O.error(Z(n))}}),e.jsx(W,{size:"small",LinkComponent:Er,href:tn(i.endpoint),target:"_blank",children:e.jsx(zr,{})})]})}gr.propTypes={session:u.object.isRequired,spaceGateway:u.object.isRequired,spaceStatus:u.string.isRequired,refresh:u.func.isRequired};function br({spaceGateway:r=void 0}){const{t:i}=L(),{updateSpaceGateway:s,session:t}=Se(),n=de(),h=({spaceGateway:a})=>s(a);return e.jsxs(m,{sx:{display:"flex",flexDirection:"column"},children:[e.jsxs(m,{sx:{display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"space-between",marginBottom:"12px"},children:[e.jsx(A,{sx:{fontSize:"16px",fontWeight:"bold"},children:i("userCenter.storage.spaces.connected.title")}),!n&&e.jsx(ie,{connectScope:"user",connectText:i("userCenter.storage.spaces.connected.switch"),session:t,onSuccess:h})]}),e.jsx(m,{children:r&&e.jsx(It,{endpoint:r.endpoint,deps:[r],selected:!0,footer:!0,action:a=>e.jsx(gr,{session:t,...a})},r.endpoint)}),n&&e.jsx(m,{sx:{display:"flex",alignItems:"center",justifyContent:"center",marginTop:2},children:e.jsx(ie,{connectScope:"user",connectText:i("userCenter.storage.spaces.connected.switch"),session:t,onSuccess:h})})]})}br.propTypes={spaceGateway:u.object};function nn(){const{t:r}=L(),{updateSpaceGateway:i,session:s}=Se(),t=({spaceGateway:n})=>i(n);return e.jsxs(m,{sx:{display:"flex",flexDirection:"column"},children:[e.jsx(A,{sx:{fontSize:"16px",fontWeight:"bold"},children:r("userCenter.storage.spaces.connect.providerForStorage")}),e.jsx(Tt,{viewBox:"0 0 228 258",style:{width:"156px",height:"156px",margin:"16px 0"}}),e.jsx(m,{children:e.jsx(ie,{session:s,onSuccess:t})})]})}function on(){const{spaceGateway:r,hasStorageEndpoint:i,loading:s}=Se(),{isMyself:t}=ue();return t?s?e.jsx(St,{relative:"parent",children:e.jsx(Y,{})}):e.jsx(an,{children:e.jsx(m,{sx:{maxWidth:"720px"},children:i?e.jsx(br,{spaceGateway:r}):e.jsx(nn,{})})}):null}function sn(){return e.jsx(mr,{children:e.jsx(on,{})})}const an=V(m)`
   height: 100%;
   overflow-y: auto;
-`;function ln(){const{user:r,isMyself:i,viewUser:s}=ue(),{followed:t}=gt();return e.jsx(m,{children:e.jsx(Ct,{teamDid:window?.blocklet?.did||"",user:i?r:s,showInvitees:i,followed:t})})}function cn({tab:r=""}){const{api:i}=Zr(),s=y.useRef(null),t=Dr(),n=r||t.tab,a=new URLSearchParams(window.location.search).get("embed")||window.sessionStorage?.getItem("embed"),p=Vr(),l=R(()=>({...window.blocklet,meta:{did:window.blocklet.did,name:window.blocklet.did},children:window?.blocklet?.componentMountPoints.map(o=>({...o,meta:{...o,did:o.did,name:o.name||o.title||"",logo:"logo.png"}}))})),x=async o=>{const{input:f,sessionId:k}=o;try{await i.destroySelf({input:{...f,sessionId:k}})}catch(v){console.error("destroy myself error",v)}};return e.jsx(pt,{mode:"user-center",children:e.jsxs(bt,{ref:s,embed:a==="1",currentTab:n?se(je.WELLKNOWN_SERVICE_PATH_PREFIX,"user",n):"",disableAutoRedirect:n==="settings",children:[n==="notifications"?e.jsx(Gt,{blocklets:[l],context:p}):null,n==="nfts"?e.jsx(Jt,{}):null,n==="settings"?e.jsx(hr,{onDestroySelf:x}):null,n==="did-spaces"?e.jsx(sn,{}):null,n==="user-followers"?e.jsx(ln,{}):null,n==="orgs"?e.jsx(yt,{id:t.id||""}):null]})})}cn.propTypes={tab:u.string};export{cn as default};
+`;function ln(){const{user:r,isMyself:i,viewUser:s}=ue(),{followed:t}=xt();return e.jsx(m,{children:e.jsx(wt,{teamDid:window?.blocklet?.did||"",user:i?r:s,showInvitees:i,followed:t})})}function cn({tab:r=""}){const{api:i}=Kr(),s=y.useRef(null),t=Dr(),n=r||t.tab,a=new URLSearchParams(window.location.search).get("embed")||window.sessionStorage?.getItem("embed"),p=Yr(),l=R(()=>({...window.blocklet,meta:{did:window.blocklet.did,name:window.blocklet.did},children:window?.blocklet?.componentMountPoints.map(o=>({...o,meta:{...o,did:o.did,name:o.name||o.title||"",logo:"logo.png"}}))})),x=async o=>{const{input:f,sessionId:k}=o;try{await i.destroySelf({input:{...f,sessionId:k}})}catch(v){console.error("destroy myself error",v)}};return e.jsx(dt,{mode:"user-center",children:e.jsxs(mt,{ref:s,embed:a==="1",currentTab:n?se(je.WELLKNOWN_SERVICE_PATH_PREFIX,"user",n):"",disableAutoRedirect:n==="settings",children:[n==="notifications"?e.jsx(Gt,{blocklets:[l],context:p}):null,n==="nfts"?e.jsx(Jt,{}):null,n==="settings"?e.jsx(hr,{onDestroySelf:x}):null,n==="did-spaces"?e.jsx(sn,{}):null,n==="user-followers"?e.jsx(ln,{}):null,n==="orgs"?e.jsx(gt,{id:t.id||""}):null]})})}cn.propTypes={tab:u.string};export{cn as default};

package/dist/assets/index-DT5AXPVB.js

@@ -0,0 +1,200 @@
+import{r as b,g as _e,a as $e}from"./vendor-react-CTtPmzVP.js";import{g as qe,p as V}from"./vendor-hooks-BQWlJm53.js";import{j as e,ak as t,at as $,b6 as K,a6 as F,aZ as Ue,am as G,br as He,U as Ge,T as E,a3 as Ke,W as S,z as O,M as J,I as W,dZ as ge,bi as je,A as Ye,x as Ze,cs as Ve,ct as ee,ca as Je,F as Qe,bZ as Xe,s as es}from"./vendor-mui-core-DnR6WYuU.js";import{V as A,aZ as _,bb as ss,b2 as ae,bj as se,W as D,F as N,b1 as re,bL as ye,bK as ts,j as as,b9 as rs,bt as os}from"./vendor-ux-B0gV9NvH.js";import{Z as P,C as ns,Q as be,c as M,G as X,Y as is,q as ls,J as cs,f as Z,cD as ds}from"./index-CQgzjKgB.js";import{W as oe}from"./did-address-CsOJBoiY.js";import{b as z}from"./team-DDjNXwXE.js";import{r as ne,a as ie,b as le,c as ve,d as Q,e as ps,u as us,f as ms}from"./passport-item-Bhbm8_m6.js";import{p as Se}from"./util-DuMKfKo8.js";import{u as fs}from"./use-mobile-BINJTzMb.js";import{O as H}from"./index-1HKgA-fz.js";import{w as q,P as xs}from"./permission-BHvrn0M5.js";import{C as hs}from"./Google-DRu937I3.js";import{c as gs}from"./create-passport-svg-5AYzBKFb.js";import{A as js}from"./vendor-arcblock-Cnwtqa7s.js";import{C as Y,aB as ys}from"./vendor-utils-DCMKu06e.js";import{e as Ce}from"./edit.svg-CTE5eATX.js";import{h as ce,b as bs}from"./index-DhHvANH8.js";import{C as Te}from"./confirm-Lb1MrAdS.js";import{L as we}from"./list-header-Cl3jykCe.js";import{f as te}from"./index-DBs9Ljax.js";import{u as vs}from"./useSetState-L-f8mSga.js";import"./lottie-web-4koyQiv_.js";import"./session-C2ZBRIpv.js";import"./isURL-CJRImg0N.js";import"./use-app-logo-BuyF983S.js";import"./ua-parser-DP5omx3I.js";import"./base32-_D4eWUeh.js";import"./cloneDeep-BY8zW7hH.js";import"./lock.svg-CiT4rEpi.js";const me="info";function Ie({createPassportSvg:c,passport:s,onCancel:p,onSwitchPassport:u=()=>{}}){const{t:f}=A(),i=qe({tab:me}),d={info:{label:f("common.basicInfo"),value:me,component:()=>e.jsx(De,{passport:s,createPassportSvg:c})},logs:{label:f("common.logs"),value:"logs",component:()=>e.jsx(Re,{passport:s})},related:{label:f("team.passport.related"),value:"related",component:()=>e.jsx(Ae,{passport:s,onSwitchPassport:u})}},l=Object.values(d).map(({label:h,value:m})=>({label:h,value:m})).filter(h=>h.value==="related"?s.parentDid:!0),r=d[i.tab]||d.info,n=h=>{i.tab=h};return e.jsx(_,{title:f("common.passport"),onClose:p,open:!0,PaperProps:{style:{maxWidth:800,minHeight:"80vh"}},fullWidth:!0,children:e.jsxs(Ss,{children:[e.jsx(t,{className:"tabs",children:e.jsx(ss,{tabs:l,current:i.tab,onChange:n,scrollButtons:"auto"})}),e.jsx(t,{className:"body",children:e.jsx(r.component,{})})]})})}Ie.propTypes={createPassportSvg:S.func.isRequired,passport:S.object.isRequired,onCancel:S.func.isRequired,onSwitchPassport:S.func};const Ss=$(t)`
+  margin-top: -16px;
+
+  .tabs {
+    margin-left: 0;
+    margin-right: 0;
+  }
+
+  .body {
+    margin-top: 24px;
+  }
+`;function De({createPassportSvg:c,passport:s}){const{t:p,locale:u}=A(),{teamDid:f}=z(),{inService:i}=P(),d=fs(),l=[{items:[{label:p("common.role"),content:ne(s.title)},{label:p("common.did"),content:e.jsx(oe,{did:s.id})},{label:p("team.passport.status"),content:le(s.status)},{label:p("common.type"),content:e.jsx(t,{sx:{display:"flex",gap:1,flexWrap:"wrap"},children:(s.type||[]).map(n=>e.jsx(Ge,{label:n,variant:"outlined",size:"small",sx:{borderRadius:1}},n))})}]}],r=[{title:p("team.passport.owner"),items:[{label:p("team.passport.owner"),content:e.jsx(t,{children:ie(s.user,i)})}]},{title:p("common.timeInfo"),items:[{label:p("team.passport.issuanceTime"),content:s.issuanceDate?e.jsx(se,{value:s.issuanceDate,type:"all",locale:u}):"-"},{label:p("team.member.lastLogin"),content:s.lastLoginAt?e.jsx(se,{value:s.lastLoginAt,type:"all",locale:u}):"-"},{label:p("common.expires"),content:s.expirationDate?e.jsx(se,{value:s.expirationDate,type:"all",locale:u}):"-"}]},{title:p("blocklet.overview.source"),items:[{label:p("blocklet.overview.source"),content:Q(s.source)}]}];return e.jsxs(Cs,{gap:3,children:[e.jsxs(t,{sx:{display:"flex",flexDirection:d?"column":"row",alignItems:d?"flex-start":"center",justifyContent:d?"center":"flex-start",width:"100%",overflow:"hidden",gap:d?2:4},children:[e.jsx(t,{sx:{display:"flex",width:"180px"},className:"passport-image",dangerouslySetInnerHTML:{__html:c({scope:s.scope,role:s.role,title:s.scope==="kyc"?s.name:s.title,issuer:s.issuer&&s.issuer.name,issuerDid:s.issuer&&s.issuer.id,ownerName:s.user?.fullName,ownerDid:s.user?.did,ownerAvatarUrl:s.user?.avatar?Se(s.user?.avatar,f,i):"",revoked:s.revoked,extra:s?.expirationDate?{key:"Exp",value:be(s.expirationDate).format("YYYY-MM-DD HH:mm:ss")}:null})}}),e.jsx(t,{className:"info-area",children:l.map(n=>e.jsxs(t,{children:[n.title&&e.jsx(E,{variant:"h6",sx:{mb:2},children:n.title}),e.jsx(t,{className:"info-grid",sx:{gap:"12px !important"},children:n.items.map(h=>e.jsxs(t,{className:"info-item",children:[e.jsx(t,{className:"info-label",sx:{maxWidth:40},children:e.jsx(E,{variant:"subtitle2",color:"textSecondary",children:h.label})}),e.jsx(t,{sx:{display:"flex",flexWrap:"wrap",gap:.5,minWidth:0},children:h.content})]},h.label))})]},n.title))})]}),e.jsx(Ke,{}),e.jsx(t,{className:"info-area",children:r.map(n=>e.jsxs(t,{children:[e.jsx(E,{variant:"h5",sx:{mb:1.5},children:n.title}),e.jsx(t,{className:"info-grid",children:n.items.map(h=>e.jsxs(t,{className:"info-item",children:[e.jsx(t,{className:"info-label",children:e.jsx(E,{variant:"subtitle2",color:"textSecondary",children:h.label})}),e.jsx(t,{sx:{minWidth:500},children:h.content})]},h.label))})]},n.title))})]})}De.propTypes={passport:S.object.isRequired,createPassportSvg:S.func.isRequired};const Cs=$(K)`
+  .info-card {
+    margin-bottom: 24px;
+    overflow: hidden;
+  }
+
+  .card-content {
+    display: flex;
+    gap: 32px;
+    padding: 24px;
+  }
+
+  .passport-image {
+    flex-shrink: 0;
+    transition: transform 0.2s ease-in-out;
+    cursor: pointer;
+
+    &:hover {
+      transform: scale(1.05);
+    }
+  }
+
+  .info-area {
+    flex: 1;
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+    overflow: auto;
+  }
+
+  .info-header {
+    padding-bottom: 16px;
+    border-bottom: 1px solid;
+    border-color: ${({theme:c})=>c.palette.divider};
+  }
+
+  .info-grid {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+  }
+
+  .info-item {
+    display: flex;
+    gap: 8px;
+  }
+
+  .info-label {
+    flex-shrink: 0;
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    width: 100px;
+  }
+
+  .logs-card {
+    .card-header {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      padding: 16px 24px;
+      border-bottom: 1px solid;
+      border-color: ${({theme:c})=>c.palette.divider};
+    }
+
+    .MuiTimeline-root {
+      padding: 24px;
+    }
+
+    .MuiTimelineContent-root {
+      padding: 0px 16px;
+    }
+
+    .MuiTimelineDot-root {
+      margin: 0;
+    }
+  }
+`,Pe=10,ke=1;function Re({passport:c}){const{api:s}=P(),{teamDid:p}=z(),{t:u,locale:f}=A(),[i,d]=b.useState({pageSize:Pe,page:ke}),{data:l,loading:r}=V(async()=>{const x={teamDid:p,query:{passportId:c.id},paging:{page:i.page,pageSize:i.pageSize}},a=await s.getPassportLogs({input:x});return{logs:a.passportLogs||[],total:a.paging.total}},{refreshDeps:[i.page,i.pageSize],onError:x=>D.error(x.message)}),n=b.useMemo(()=>l?.logs||[],[l?.logs]),h=x=>x.action===M.PASSPORT_LOG_ACTION.APPROVE||x.action===M.PASSPORT_LOG_ACTION.REVOKE?x?.metadata?.operator?.fullName?`${u("common.operator")}: ${x?.metadata?.operator?.fullName}`:null:x.action===M.PASSPORT_LOG_ACTION.ISSUE&&x.metadata?.action===M.PASSPORT_ISSUE_ACTION.ISSUE_ON_INVITE?x?.metadata?.inviter?.fullName?`${u("common.inviter")}: ${x?.metadata?.inviter?.fullName}`:null:`passportId: ${x.passportId}`,m=b.useMemo(()=>[{label:u("common.action"),name:"action",options:{customBodyRender:(x,{rowIndex:a})=>{const o=n[a];return e.jsx(G,{title:h(o),children:`${x} ${o.metadata?.action?`(${o.metadata.action})`:""}`})}}},{label:"IP",name:"operatorIp",options:{customBodyRender:x=>e.jsx(t,{sx:{display:"flex",alignItems:"center",gap:1},children:e.jsx("span",{children:x||"-"})})}},{label:"UA",width:250,name:"operatorUa",options:{customBodyRender:(x,{rowIndex:a})=>{const o=n[a];return e.jsxs(t,{sx:{display:"flex",alignItems:"center",gap:1},children:[o.operatorUa&&e.jsx(t,{children:ps(o.operatorUa)}),o.operatorUa&&e.jsx(G,{title:o.operatorUa,children:e.jsx(He,{fontSize:"small",color:"action",sx:{fontSize:16,cursor:"pointer"}})})]})}}},{label:u("common.createdAt"),name:"createdAt",options:{customBodyRender:x=>ns(x,f)}}],[u,f,n]),g=({page:x,rowsPerPage:a})=>{i.pageSize!==a?d(o=>({...o,pageSize:a,page:1})):i.page!==x+1&&d(o=>({...o,page:x+1}))},w={sort:!1,download:!1,filter:!1,print:!1,viewColumns:!1,search:!1,page:i.page-1,rowsPerPage:i.pageSize,count:l?.total||0};return r?e.jsx(t,{sx:{py:2},children:e.jsx(K,{direction:"row",spacing:1,sx:{position:"relative",pb:2},children:e.jsx(F,{})})}):e.jsx(t,{children:e.jsx(ae,{className:"logs-table",verticalKeyWidth:100,locale:f,data:n,columns:m,options:w,loading:r,onChange:g})})}Re.propTypes={passport:S.object.isRequired};function Ae({passport:c,onSwitchPassport:s}){const{api:p}=P(),{teamDid:u}=z(),{t:f,locale:i}=A(),[d,l]=b.useState({pageSize:Pe,page:ke}),{data:r,loading:n}=V(async()=>{const a={teamDid:u,passportId:c.parentDid,paging:{page:d.page,pageSize:d.pageSize}},o=await p.getRelatedPassports({input:a});return{passports:o.passports||[],total:o.paging.total}},{refreshDeps:[d.page,d.pageSize],onError:a=>D.error(a.message)}),h=b.useMemo(()=>r?.passports||[],[r?.passports]),m=b.useMemo(()=>[{label:f("team.passport.role"),name:"role",options:{customBodyRender:ne}},{label:f("team.passport.owner"),name:"user",options:{customBodyRender:ie}},{label:f("team.passport.status"),name:"status",options:{customBodyRender:le}},{label:f("team.member.lastLogin"),name:"lastLoginAt",options:{customBodyRender:a=>ve(a,i)}},{label:f("blocklet.overview.source"),name:"source",options:{customBodyRender:Q}}],[f,i]),g=({page:a,rowsPerPage:o})=>{d.pageSize!==o?l(v=>({...v,pageSize:o,page:1})):d.page!==a+1&&l(v=>({...v,page:a+1}))},w=b.useRef(null),x={sort:!1,download:!1,filter:!1,print:!1,viewColumns:!1,search:!1,page:d.page-1,rowsPerPage:d.pageSize,count:r?.total||0,onRowClick(a,{dataIndex:o},v){if(w.current?.contains(v.target)){const y=h[o];s(y)}}};return n?e.jsx(t,{sx:{py:2},children:e.jsx(K,{direction:"row",spacing:1,sx:{position:"relative",pb:2},children:e.jsx(F,{})})}):e.jsxs(K,{spacing:1,children:[e.jsx(Ue,{severity:"warning",children:f("team.passport.relatedDescription")}),e.jsx(t,{ref:w,sx:{".MuiTableRow-root":{cursor:"pointer"}},children:e.jsx(ae,{className:"related-table",verticalKeyWidth:100,locale:i,data:h.filter(a=>a.id!==c.id),columns:m,options:x,loading:n,onChange:g})})]})}Ae.propTypes={passport:S.object.isRequired,onSwitchPassport:S.func.isRequired};function de({onCancel:c,onSuccess:s}){const{api:p}=P(),{blocklet:u}=is(),{t:f}=A(),[i,d]=b.useState(!1),l=(u.environments.find(g=>g.key==="BLOCKLET_PASSPORT_COLOR")||{}).value||"auto",r=l==="auto"?js(u.appDid):l,[n,h]=b.useState(r),m=async()=>{const g=[{key:cs.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_PASSPORT_COLOR,value:n}];try{d(!0),await p.configBlocklet({input:{did:u.meta.did,configs:g}}),s()}catch(w){D.error(w.message)}finally{d(!1)}};return e.jsx(_,{title:f("team.passport.color"),onClose:c,open:!0,fullWidth:!0,actions:e.jsxs(e.Fragment,{children:[e.jsx(N,{onClick:c,color:"inherit",children:f("common.cancel")}),e.jsxs(N,{onClick:m,color:"primary",disabled:i,variant:"contained",autoFocus:!0,"data-cy":"color-btn-confirm",children:[i&&e.jsx(F,{size:16}),f("common.save")]})]}),children:e.jsxs(t,{className:"dialog-content",sx:{display:"flex",justifyContent:"center",alignItems:"center"},children:[e.jsx(hs,{disableAlpha:!0,color:n,onChange:g=>h(g.hex)}),e.jsx("div",{style:{width:220,marginLeft:24},dangerouslySetInnerHTML:{__html:gs({scope:"passport",role:"owner",title:"Owner",issuer:ls.getDisplayName(u),issuerDid:u.appDid,ownerName:"Your Name",ownerDid:u.appDid,preferredColor:n})}})]})})}const Ts=q(de,"mutate_team"),ws=q(de,"",X);function Is(c){const{inService:s}=P();return s?e.jsx(ws,{...c}):e.jsx(Ts,{...c})}de.propTypes={onCancel:S.func.isRequired,onSuccess:S.func.isRequired};var Le=function(s){return e.jsx("svg",{...s,children:e.jsx("path",{d:"M64.707 8.707a1 1 0 0 0 0-1.414L58.343.929a1 1 0 1 0-1.414 1.414L62.586 8l-5.657 5.657a1 1 0 0 0 1.414 1.414l6.364-6.364ZM0 9h64V7H0v2Z",fill:"#666"})})};Le.defaultProps={width:"65",height:"16",fill:"none",xmlns:"http://www.w3.org/2000/svg"};const Ds=(c,s)=>c?!s.some(p=>!p.from.passport||!p.to.role):!1;function Ne({onCancel:c,onSuccess:s,data:p={},trustedPassports:u=[]}){const{api:f}=P(),{roles:i,teamDid:d}=z(),{t:l}=A(),[r,n]=b.useState(!1),[h,m]=b.useState(p.issuerDid||""),[g,w]=b.useState(p.remark||""),[x,a]=b.useState(Y(p.mappings)||[]),o=u.findIndex(y=>y.issuerDid===p.issuerDid),v=async()=>{if(r)return;const y={issuerDid:h,remark:g,mappings:x.map(T=>({...T,to:{...T.to,ttl:T.to.ttl||0}}))},C=[...u];o===-1?C.unshift(y):C[o]=y;try{n(!0),await f.configTrustedPassports({input:{teamDid:d,trustedPassports:C}}),await Z(800),n(!1),D.success(l("common.saveSuccess")),s()}catch(T){n(!1),D.error(te(T))}};return e.jsx(_,{title:l("team.passport.trustedIssuers"),open:!0,showCloseButton:!1,PaperProps:{style:{minHeight:"80vh"}},fullWidth:!0,prepend:e.jsx(W,{onClick:c,"data-cy":"trusted-issuer-close",size:"large",children:e.jsx(ge,{})}),actions:e.jsxs(e.Fragment,{children:[e.jsx(N,{onClick:c,color:"inherit",children:l("common.cancel")}),e.jsxs(N,{onClick:()=>v(),color:"primary",disabled:!Ds(h,x)||!g||r,variant:"contained",autoFocus:!0,"data-cy":"save-mapping",children:[r&&e.jsx(F,{size:16}),l("common.save")]})]}),children:e.jsx(Ps,{children:e.jsxs("div",{className:"dialog-content",children:[e.jsx(O,{fullWidth:!0,"data-cy":"input-issuer-did",placeholder:l("team.passport.issuerDid"),value:h,onChange:y=>{m(y.target.value)}}),e.jsx(O,{style:{marginTop:16},fullWidth:!0,"data-cy":"input-issuer-remark",placeholder:l("common.remark"),value:g,onChange:y=>{w(y.target.value)}}),e.jsxs(t,{sx:{mt:"30px",display:"flex",justifyContent:"space-between",alignItems:"center"},children:[e.jsx(t,{className:"dialog-h1",children:l("team.passport.mappingRule")}),e.jsx(t,{children:e.jsx(N,{variant:"outlined",color:"primary","data-cy":"add-mapping",onClick:()=>{a(y=>{const C=[...y];return C.unshift({from:{passport:""},to:{role:M.ROLES.GUEST}}),C})},children:l("team.add")})})]}),e.jsxs(t,{className:"list",sx:{mt:-.5},children:[x.map((y,C)=>e.jsxs(t,{className:"mapping-item",sx:{display:"flex",alignItems:"center",justifyContent:"space-between",my:1},children:[e.jsxs(t,{sx:{display:"flex",alignItems:"center",flexGrow:1},children:[e.jsx(t,{sx:{flexGrow:1,flexBasis:1},children:e.jsx(O,{fullWidth:!0,size:"small","data-cy":`input-${C}-from`,placeholder:"Issuer’s Passport Name/ID *",value:y.from.passport,onChange:T=>{const{value:k}=T.target;a(L=>{const U=[...L];return U[C].from.passport=k,U})},sx:{"& .MuiInputBase-input::placeholder":{fontSize:14},"& .Mui-focused .MuiOutlinedInput-notchedOutline":{borderColor:"primary.main"}}})}),e.jsx(t,{sx:{flexShrink:0,mx:1,width:65,height:16},children:e.jsx(Le,{})}),e.jsx(t,{sx:{flexGrow:1,flexBasis:1},children:e.jsx(O,{fullWidth:!0,size:"small",select:!0,value:y.to.role,onChange:T=>{a(k=>{const L=[...k];return L[C].to.role=T.target.value,L})},variant:"outlined",children:i.filter(T=>T.name!=="owner").map(T=>e.jsx(J,{value:T.name,"data-cy":`passport-mapping-select-option-${T.name}`,children:e.jsx("span",{children:T.title||T.name})},T.name))})})]}),e.jsx(t,{sx:{flexShrink:0},children:e.jsx(W,{onClick:()=>{a(T=>{const k=[...T];return k.splice(C,1),k})},size:"large",children:e.jsx(ce,{})})})]},`mapping-${C}`)),!x.length&&e.jsx(t,{sx:{my:2,color:"text.secondary",fontSize:"16px"},children:e.jsx(re,{children:l("common.empty")})})]})]})})})}Ne.propTypes={onCancel:S.func.isRequired,onSuccess:S.func.isRequired,trustedPassports:S.array,data:S.object};const Ps=$.div`
+  .dialog-h1 {
+    font-size: 18px;
+  }
+
+  .list {
+    .MuiIconButton-root {
+      svg {
+        fill: #bfbfbf;
+      }
+    }
+  }
+`;function pe({onCancel:c,hasPermission:s=!1}){const{api:p}=P(),{teamDid:u,trustedPassports:f}=z(),{t:i}=A(),[d,l]=b.useState(null),[r,n]=b.useState(!1),[h,m]=b.useState(!1),[g,w]=b.useState(""),x=async o=>{if(r)return;const v=f.findIndex(C=>C.issuerDid===o);v===-1&&D.error("Cannot find passports");const y=[...f];y.splice(v,1);try{n(!0),await p.configTrustedPassports({input:{teamDid:u,trustedPassports:y}}),await Z(800),n(!1),D.success(i("common.saveSuccess")),l(!1)}catch(C){n(!1),D.error(C.message)}},a=f.filter(o=>!g||o.issuerDid.toLowerCase().includes(g.toLowerCase()));return e.jsxs(_,{title:i("team.passport.trustedIssuers"),open:!0,onClose:c,fullWidth:!0,PaperProps:{style:{minHeight:"80vh"}},children:[e.jsx(Ls,{children:e.jsxs("div",{className:"dialog-content",children:[e.jsx("div",{className:"dialog-h1",children:i("team.passport.trustedPassportIssuers")}),e.jsx(we,{sx:{mt:3},actions:e.jsxs(e.Fragment,{children:[e.jsx(ye,{options:{searchPlaceholder:i("team.passport.searchIssuerDid"),searchDebounceTime:600},search:g,searchText:g,searchTextUpdate:w,searchClose:()=>w(""),onSearchOpen:()=>{}}),s&&e.jsxs(N,{variant:"contained",color:"primary","data-cy":"add-trusted-issuer",onClick:()=>m({mode:"add"}),children:[e.jsx(je,{style:{fontSize:16,marginRight:4}}),i("team.add")]})]})}),e.jsxs("div",{className:"list",children:[a.map(o=>e.jsxs(t,{sx:{display:"flex",alignItems:"center",justifyContent:"space-between",mt:"20px"},children:[e.jsxs(t,{sx:{flexShrink:0},children:[e.jsx(oe,{copyable:!1,size:16,did:ts(o.issuerDid),showDidLogo:!1}),!!o.remark&&e.jsx(t,{sx:{fontSize:12,maxWidth:"300px"},children:o.remark})]}),e.jsx(t,{sx:{color:"gray",ml:"28px",flexGrow:1},children:o.mappings&&o.mappings.length?`${o.mappings.length} ${i("team.passport.mappingRule")}`:i("team.passport.defaultRule")}),e.jsxs(t,{sx:{flexShrink:0,display:"flex",alignItems:"center"},children:[e.jsx(W,{onClick:()=>m({mode:"update",data:Y(o)}),"data-cy":"edit-mapping-rule",size:"large",children:e.jsx(Ce,{})}),e.jsx(W,{"data-cy":"delete-mapping-rule",onClick:()=>l({title:i("common.delete"),description:i("common.delConfirmDescription",{data:o.issuerDid}),confirm:i("common.delConfirm"),cancel:i("common.cancel"),onConfirm:()=>x(o.issuerDid),onCancel:()=>{n(!1),l(null)}}),size:"large",children:e.jsx(ce,{})})]})]},o.issuerDid)),!f.length&&e.jsx(re,{children:i("common.empty")})]})]})}),h&&e.jsx(Ne,{mode:h.mode,data:h.data,trustedPassports:Y(f),onCancel:()=>m(null),onSuccess:()=>{m(null)}}),d&&e.jsx(Te,{title:d.title,description:d.description,confirm:d.confirm,cancel:d.cancel,params:d.params,onConfirm:d.onConfirm,onCancel:d.onCancel})]})}pe.propTypes={onCancel:S.func.isRequired,hasPermission:S.bool};const ks=q(pe,"mutate_team"),Rs=q(pe,"",X);function As(c){const{inService:s}=P();return s?e.jsx(Rs,{...c}):e.jsx(ks,{...c})}const Ls=$.div`
+  .list {
+    .MuiIconButton-root {
+      svg {
+        fill: #bfbfbf;
+      }
+    }
+  }
+`;var Ns=ys();const fe=_e(Ns);function ze({onCancel:c,onSuccess:s,data:p={},trustedFactories:u=[]}){const{api:f}=P(),{roles:i,teamDid:d}=z(),{t:l}=A(),[r,n]=vs({loading:!1,fetching:!1,fetched:[],errored:[],factoryAddress:p.factoryAddress||"",remark:p.remark||"",role:p.passport?.role||"member",ttlPolicy:p.passport?.ttlPolicy||"never",ttl:fe(+p.passport?.ttl||365*24*60*60*1e3),error:""}),h=u.findIndex(a=>a.factoryAddress===p.factoryAddress),m=async()=>{if(r.loading)return;const{factoryAddress:a,remark:o,role:v,ttlPolicy:y,ttl:C}=r,T={factoryAddress:a,remark:o,passport:{role:v,ttlPolicy:y,ttl:y==="never"?0:fe(C)}},k=[...u];h===-1?k.unshift(T):k[h]=T;try{n({loading:!0}),await f.configTrustedFactories({input:{teamDid:d,trustedFactories:k}}),await Z(800),D.success(l("common.saveSuccess")),s()}catch(L){console.error(L),D.error(te(L))}finally{n({loading:!1})}};b.useEffect(()=>{const a=r.fetched.find(v=>v.address===r.factoryAddress),o=r.errored.find(v=>v.address===r.factoryAddress);as(r.factoryAddress)&&!r.fetching&&!a&&!o&&(n({fetching:!0}),ds(M.MAIN_CHAIN_ENDPOINT).getFactoryState({address:r.factoryAddress}).then(y=>{y.state?n({fetching:!1,fetched:[...r.fetched.filter(C=>C.address!==r.factoryAddress),y.state],remark:y.state.name}):n({fetching:!1,errored:[...r.errored.filter(C=>C.address!==r.factoryAddress),{address:r.factoryAddress}],error:l("team.passport.factory404",r)})}).catch(y=>{console.error(y),n({fetching:!1,error:te(y)})}))},[r.factoryAddress,r.fetching]);let g=r.error;const w=r.factoryAddress?r.errored.find(a=>a.address===r.factoryAddress):null;!g&&w&&(g=l("team.passport.factory404",r));const x=r.factoryAddress?r.fetched.find(a=>a.address===r.factoryAddress):null;return!g&&x&&(g=x.description),g||(g=l("team.passport.factoryAddressTip")),e.jsx(_,{title:l("team.passport.trustedFactories"),open:!0,showCloseButton:!1,PaperProps:{style:{minHeight:"80vh"}},fullWidth:!0,prepend:e.jsx(W,{onClick:c,"data-cy":"close-trusted-factory",size:"large",children:e.jsx(ge,{})}),actions:e.jsxs(e.Fragment,{children:[e.jsx(N,{onClick:c,color:"inherit",children:l("common.cancel")}),e.jsxs(N,{onClick:()=>m(),color:"primary",disabled:!r.factoryAddress||!r.remark||!r.role||r.loading||r.error||w,variant:"contained",autoFocus:!0,"data-cy":"save-trusted-factory",children:[r.loading&&e.jsx(F,{size:16}),l("common.save")]})]}),children:e.jsx(zs,{children:e.jsxs("div",{className:"dialog-content",children:[e.jsx(O,{fullWidth:!0,error:!!r.error||!!w,"data-cy":"input-factory-address",label:l("team.passport.factoryAddress"),helperText:g,value:r.factoryAddress,onChange:a=>{n({factoryAddress:a.target.value,error:""})},slotProps:{input:{endAdornment:r.fetching?e.jsx(Ye,{position:"end",children:e.jsx(F,{size:16})}):null}}}),e.jsx(O,{style:{marginTop:32},fullWidth:!0,"data-cy":"input-factory-remark",label:l("common.remark"),value:r.remark,onChange:a=>{n({remark:a.target.value})}}),e.jsx(O,{style:{marginTop:32},fullWidth:!0,"data-cy":"input-passport-role",label:l("team.passport.role"),select:!0,value:r.role,onChange:a=>{n({role:a.target.value})},variant:"outlined",children:i.filter(a=>a.name!=="owner").map(a=>e.jsx(J,{value:a.name,"data-cy":`passport-role-select-option-${a.name}`,children:e.jsx("span",{children:a.title||a.name})},a.name))}),e.jsxs("div",{style:{marginTop:32},children:[e.jsx(Ze,{children:l("team.passport.ttl")}),e.jsxs(Ve,{color:"primary",size:"small",value:r.ttlPolicy,exclusive:!0,style:{marginTop:16},onChange:(a,o)=>n({ttlPolicy:o}),"data-cy":"input-passport-ttl-since","aria-label":"Expire Policy",children:[e.jsx(ee,{value:"never","data-cy":"input-passport-ttl-never",children:e.jsx(G,{title:l("team.passport.ttlNeverTip"),children:e.jsx(E,{children:l("team.passport.ttlNever")})})}),e.jsx(ee,{value:"mint","data-cy":"input-passport-ttl-mint",children:e.jsx(G,{title:l("team.passport.ttlMintTip"),children:e.jsx(E,{children:l("team.passport.ttlMint")})})}),e.jsx(ee,{value:"exchange","data-cy":"input-passport-ttl-exchange",children:e.jsx(G,{title:l("team.passport.ttlExchangeTip"),children:e.jsx(E,{children:l("team.passport.ttlExchange")})})})]}),r.ttlPolicy!=="never"&&e.jsxs(e.Fragment,{children:[e.jsx(Je,{fullWidth:!0,type:"text",style:{marginTop:16},"data-cy":"input-passport-ttl",value:r.ttl,onChange:a=>{n({ttl:a.target.value})}}),e.jsx(Qe,{children:l("team.passport.ttlTip")})]})]})]})})})}ze.propTypes={onCancel:S.func.isRequired,onSuccess:S.func.isRequired,trustedFactories:S.array,data:S.object};const zs=$.div`
+  .dialog-h1 {
+    font-size: 18px;
+  }
+
+  .list {
+    .MuiIconButton-root {
+      svg {
+        fill: #bfbfbf;
+      }
+    }
+  }
+`;function ue({onCancel:c,hasPermission:s=!1}){const{api:p}=P(),{teamDid:u,trustedFactories:f}=z(),{t:i}=A(),[d,l]=b.useState(null),[r,n]=b.useState(!1),[h,m]=b.useState(null),[g,w]=b.useState(""),x=async o=>{if(!r)try{n(!0),await p.configTrustedFactories({input:{teamDid:u,trustedFactories:f.filter(v=>v.factoryAddress!==o)}}),await Z(800),n(!1),D.success(i("common.saveSuccess")),l(null)}catch(v){n(!1),D.error(v.message)}},a=f.filter(o=>!g||o.factoryAddress.toLowerCase().includes(g.toLowerCase()));return e.jsxs(_,{title:i("team.passport.trustedFactories"),open:!0,onClose:c,fullWidth:!0,PaperProps:{style:{minHeight:"80vh"}},children:[e.jsx(Os,{children:e.jsxs("div",{className:"dialog-content",children:[e.jsx("div",{className:"dialog-h1",children:i("team.passport.trustedFactoriesTip")}),e.jsx(we,{sx:{mt:3},actions:e.jsxs(e.Fragment,{children:[e.jsx(ye,{options:{searchPlaceholder:i("team.passport.searchFactoryAddress"),searchDebounceTime:600},search:g,searchText:g,searchTextUpdate:w,searchClose:()=>w(""),onSearchOpen:()=>{}}),s&&e.jsxs(N,{variant:"contained",color:"primary",size:"small","data-cy":"add-trusted-factory",onClick:()=>m({mode:"add"}),children:[e.jsx(je,{style:{fontSize:16,marginRight:4}}),i("team.add")]})]})}),e.jsxs("div",{className:"list",children:[a.map(o=>e.jsxs(t,{sx:{display:"flex",alignItems:"center",justifyContent:"space-between",mt:"20px"},children:[e.jsxs(t,{sx:{flexGrow:1},children:[e.jsx(oe,{copyable:!1,did:o.factoryAddress,size:16,showDidLogo:!1}),!!o.remark&&e.jsx(t,{sx:{fontSize:12,maxWidth:"300px"},children:o.remark})]}),e.jsx(t,{sx:{color:"gray",mr:"24px"},children:e.jsx(rs,{type:"success",children:o.passport.role})}),e.jsxs(t,{sx:{flexShrink:0,display:"flex",alignItems:"center"},children:[e.jsx(W,{onClick:()=>m({mode:"update",data:Y(o)}),"data-cy":"edit-trusted-factory",size:"large",children:e.jsx(Ce,{})}),e.jsx(W,{"data-cy":"delete-trusted-factory",onClick:()=>l({title:i("common.delete"),description:i("common.delConfirmDescription",{data:o.factoryAddress}),confirm:i("common.delConfirm"),cancel:i("common.cancel"),onConfirm:()=>x(o.factoryAddress),onCancel:()=>{n(!1),l(null)}}),size:"large",children:e.jsx(ce,{})})]})]},o.factoryAddress)),!f.length&&e.jsx(re,{children:i("common.empty")})]})]})}),h&&e.jsx(ze,{data:h.data,trustedFactories:Y(f),onCancel:()=>m(null),onSuccess:()=>{m(null)}}),d&&e.jsx(Te,{title:d.title,description:d.description,confirm:d.confirm,cancel:d.cancel,params:d.params,onConfirm:d.onConfirm,onCancel:d.onCancel})]})}ue.propTypes={onCancel:S.func.isRequired,hasPermission:S.bool};const Fs=q(ue,"mutate_team"),Bs=q(ue,"",X);function Es(c){const{inService:s}=P();return s?e.jsx(Bs,{...c}):e.jsx(Fs,{...c})}const Os=$.div`
+  .list {
+    .MuiIconButton-root {
+      svg {
+        fill: #bfbfbf;
+      }
+    }
+  }
+`;function Fe({createPassportSvg:c}){const{t:s}=A(),{api:p,inService:u}=P(),{teamDid:f,refresh:i,enablePassportIssuance:d,isNodeTeam:l}=z(),[r,n]=b.useState(!1),[h,m]=b.useState(!1),[g,w]=b.useState(!1),[x,a]=b.useState(!1),[o,v]=b.useState(!1),y=async C=>{if(C.stopPropagation(),!x){a(!0);try{await p.configPassportIssuance({input:{teamDid:f,enable:!d}}),i(),await Z(800),D.success(s("common.configSuccess"))}catch(T){D.error(T.message)}finally{a(!1)}}};return e.jsxs(t,{sx:{display:"flex",alignItems:"center",gap:1,ml:1},children:[e.jsx(xs,{permission:u?"":"mutate_team",role:u?X:[],children:e.jsx(H,{variant:"outlined",menuButtonProps:{"data-cy":"trusted-issuers-more"},menu:e.jsxs(e.Fragment,{children:[e.jsx(H.Item,{onClick:()=>m(!0),"data-cy":"config-trusted-issuers",children:e.jsxs(t,{children:[s("team.passport.trustedPassportIssuers"),e.jsx(t,{sx:{fontSize:12,color:"#888"},children:s("team.passport.trustedPassportIssuersTip")})]})}),e.jsx(H.Item,{onClick:()=>w(!0),"data-cy":"config-show-trusted-factories",children:e.jsxs(t,{children:[s("team.passport.configFactories"),e.jsx(t,{sx:{fontSize:12,color:"#888"},children:s("team.passport.configFactoriesTip")})]})}),e.jsx(H.Item,{"data-cy":"config-show-issue-passport",onClick:y,children:e.jsxs(t,{sx:{display:"flex",alignItems:"center"},children:[x&&e.jsx(F,{size:16,style:{marginRight:8}}),e.jsxs(t,{children:[s(d?"team.passport.disableIssuance":"team.passport.enableIssuance"),e.jsx(t,{sx:{fontSize:12,color:"#888"},children:s(d?"team.passport.disableIssuanceTip":"team.passport.enableIssuanceTip")})]})]})}),!l&&e.jsx(H.Item,{onClick:()=>n(!0),"data-cy":"config-passport-color",children:e.jsxs(t,{children:[s("team.passport.configColor"),e.jsx(t,{sx:{fontSize:12,color:"#888"},children:s("team.passport.configColorTip")})]})})]}),children:()=>e.jsx(N,{variant:"outlined",onClick:()=>{v(!0)},children:s("team.passport.view")})})}),h&&e.jsx(As,{onCancel:()=>m(!1)}),g&&e.jsx(Es,{onCancel:()=>w(!1)}),r&&e.jsx(Is,{onCancel:()=>n(!1),onSuccess:()=>n(!1)}),o&&e.jsx(_,{open:!0,maxWidth:"lg",onClose:()=>v(!1),onBackdropClick:()=>v(!1),onEscapeKeyDown:()=>v(!1),title:s("team.passport.view"),children:e.jsx(bs,{createPassportSvg:c,onCancel:()=>v(!1)})})]})}Fe.propTypes={createPassportSvg:S.func.isRequired};const xe="$all",he="",Be=$e.memo(({createPassportSvg:c,passport:s,teamDid:p,inService:u})=>e.jsx(t,{sx:{display:"flex"},dangerouslySetInnerHTML:{__html:c({scope:s.scope,role:s.role,title:s.scope==="kyc"?s.name:s.title,issuer:s.issuer&&s.issuer.name,issuerDid:s.issuer&&s.issuer.id,ownerName:s.user?.fullName,ownerDid:s.user?.did,ownerAvatarUrl:s.user?.avatar?Se(s.user?.avatar,p,u):"",revoked:s.revoked,width:"36px",extra:s?.expirationDate?{key:"Exp",value:be(s.expirationDate).format("YYYY-MM-DD HH:mm:ss")}:null})}}));Be.propTypes={passport:S.object.isRequired,createPassportSvg:S.func.isRequired,teamDid:S.string.isRequired,inService:S.bool.isRequired};function Ms({createPassportSvg:c}){const{api:s}=P(),{teamDid:p}=z(),{t:u,locale:f}=A(),{SYSTEM_ROLES:i}=us(),{inService:d}=P(),[l,r]=b.useState(!1),n=`passports-${p}`,h=os(n),[m,g]=b.useState({role:xe,status:he,searchText:h.searchText||"",pageSize:h.rowsPerPage||10,page:h.page?h.page+1:1}),{data:w,loading:x}=V(async()=>(await s.getPassportRoleCounts({input:{teamDid:p}})).counts||[],{refreshDeps:[p]}),{data:a,loading:o}=V(async()=>{const j={};m.role!==xe&&(j.role=m.role),m.status&&(j.status=m.status);const I=await s.getPassportsByRole({input:{teamDid:p,query:j,paging:{page:m.page,pageSize:m.pageSize}}});return{passports:I.passports||[],total:I.paging.total}},{refreshDeps:[m.role,m.status,m.page,m.pageSize],onError:j=>D.error(j.message)}),v=j=>w?.find(R=>R.key===j)?.value||0,y=b.useMemo(()=>Object.keys(i).map(j=>({name:j,title:i[j],num:v(j)})),[w,v]),C=b.useMemo(()=>[{label:u("team.passport.role"),name:"role",options:{customBodyRender:(j,{rowIndex:I})=>{const R=a?.passports[I];return e.jsxs(t,{sx:{display:"flex",alignItems:"center",gap:1},children:[e.jsx(Be,{createPassportSvg:c,passport:R,teamDid:p}),e.jsx(t,{children:ne(R.title)})]})}}},{label:u("team.passport.owner"),name:"user",options:{customBodyRender:j=>ie(j,d)}},{label:u("team.passport.status"),name:"status",options:{customBodyRender:le}},{label:u("team.member.lastLogin"),name:"lastLoginAt",options:{customBodyRender:j=>ve(j,f)}},{label:u("common.address"),name:"id",options:{customBodyRender:ms}},{label:u("blocklet.overview.source"),name:"source",options:{customBodyRender:(j,{rowIndex:I})=>{const R=a?.passports[I];return R.parentDid?Q("recover"):Q(R.source)}}}],[u,f,a?.passports,p,c,d]),T=j=>{g(I=>({...I,role:j,page:1}))},k=({page:j,rowsPerPage:I,searchText:R})=>{m.pageSize!==I?g(B=>({...B,searchText:"",pageSize:I,page:1})):m.page!==j+1?g(B=>({...B,searchText:"",page:j+1})):m.searchText!==R&&g(B=>({...B,searchText:R,page:1}))},L=b.useRef(null),U=a?.passports||[],Ee=m.searchText?U.filter(j=>j.id.includes(m.searchText)||(j?.user?.fullName||"").includes(m.searchText)):U,Oe={sort:!1,download:!1,filter:!1,print:!1,viewColumns:!1,onRowClick(j,{dataIndex:I},R){if(L.current?.contains(R.target)){const B=a?.passports[I];r(B)}},page:m.page-1,rowsPerPage:m.pageSize,count:a?.total||0,searchDebounceTime:600},Me=j=>{g(I=>({...I,status:j.target.value,page:1}))},We=e.jsxs(t,{sx:{display:"flex",alignItems:"center",gap:1},children:[e.jsxs(t,{sx:{fontSize:16,fontWeight:400},children:[u("team.passport.status"),":"]}),e.jsxs(Xe,{size:"small",value:m.status,onChange:Me,displayEmpty:!0,sx:{minWidth:120,height:36,".MuiSelect-select":{py:.5,px:1.5}},children:[e.jsx(J,{value:he,children:u("common.all")}),Object.values(M.PASSPORT_STATUS).map(j=>e.jsx(J,{value:j,sx:{py:1},children:u(`team.passport.statusMap.${j}`)},j))]})]});return x?e.jsx(t,{sx:{py:2},children:e.jsx(K,{direction:"row",spacing:1,sx:{justifyContent:"center",alignItems:"center",position:"relative",pb:2},children:e.jsx(F,{})})}):e.jsxs(Ws,{children:[e.jsxs(t,{className:"main",sx:{display:"flex",mt:0,gap:3},children:[e.jsx(t,{className:"left",children:e.jsx(t,{className:"tabs",children:y.map(j=>e.jsxs(t,{className:`tab ${m.role===j.name?"active":""}`,onClick:()=>T(j.name),children:[e.jsx("span",{className:"text",children:j.title}),e.jsx(t,{sx:{color:"text.secondary"},children:j.num})]},j.name))})}),e.jsx(t,{ref:L,className:"right",children:e.jsx(ae,{className:"main-table",verticalKeyWidth:100,locale:f,durable:n,durableKeys:["page","rowsPerPage"],data:Ee,columns:C,options:Oe,loading:o,onChange:k,customButtons:[e.jsx(Fe,{createPassportSvg:c})],title:We})})]}),l&&e.jsx(Ie,{createPassportSvg:c,onCancel:()=>r(null),passport:l,onSwitchPassport:r})]})}Ms.propTypes={createPassportSvg:S.func.isRequired};const Ws=es(t)`
+  .main {
+    .left {
+      width: 256px;
+      flex-shrink: 0;
+
+      .tabs {
+        padding-top: 16px;
+        .tab {
+          display: flex;
+          justify-content: space-between;
+          align-items: center;
+          padding: 8px 16px;
+          transition: background 0.4s;
+
+          width: 256px;
+          height: 36px;
+          border-radius: 8px;
+
+          cursor: pointer;
+          user-select: none;
+
+          &:nth-child(n + 2) {
+            margin-top: 24px;
+          }
+
+          &.active {
+            background-color: ${({theme:c})=>c.palette.grey[100]};
+          }
+
+          &:hover {
+            background-color: ${({theme:c})=>c.palette.grey[100]};
+          }
+
+          .text {
+            font-weight: 400;
+            font-size: 16px;
+            line-height: 19px;
+            color: ${({theme:c})=>c.palette.text.primary};
+          }
+
+          .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: ${c=>c.theme.breakpoints.values.md}px) {
+        display: none;
+      }
+    }
+    .right {
+      flex: 1;
+      overflow: auto;
+    }
+  }
+`;export{Ms as default};