@abtnode/blocklet-services 1.17.4-beta-20251202-034514-637cd8e2 → 1.17.4-beta-20251203-225234-75da41dd

package/dist/assets/index-CNE3uN5c.js

@@ -1,124 +0,0 @@
-import{j as e,y as hr,bc as ye,M as oe,ak as m,Q as G,W as h,J as ve,c1 as xr,I as W,aN as mr,T as A,aj as gr,b5 as Pe,P as Ie,b6 as Te,a5 as Re,z as Ue,A as Fe,cj as br,bh as yr,U as Me,cS as vr,cT as wr,at as Z,cU as jr,a6 as V,n as ne,D as Cr,cV as kr,ar as Ae,b1 as we,cW as Sr,aX as Pr,a$ as Ir,cX as Tr}from"./vendor-mui-core-DHT36AZL.js";import{r as y,a as Rr,u as Mr,j as Ar}from"./vendor-react-CUXIiAnY.js";import{t as _e,Z as Er,a4 as zr,R as Ee,D as Lr,C as se,n as H,A as Dr}from"./vendor-utils-BSZ4yJws.js";import{a as Wr,G as Br,bf as $r,c as je,ad as Or,Z as Nr,bg as Ur,aA as qe,X as le,bc as Fr,bh as _r,a9 as qr,aa as Hr,bi as Gr}from"./index-lFDZOk_k.js";import{a as R,h as Kr,k as ce,g as Q,b as M,j as Vr}from"./vendor-hooks-fhL5FJET.js";import{l as He}from"./arrow-down.svg-mj2eIUoA.js";import{p as Ce,U as z,V as L,at as Yr,i as Ge,au as Zr,H as O,av as Qr,aw as Xr,ax as ze,e as Jr,n as Ke,d as ke,ay as et,az as T,D as rt,C as tt,$ as ot,aA as nt,aB as st,o as Ve}from"./vendor-ux-sqP3hEhY.js";import{N as it}from"./list-DXe9E4ws.js";import{d as at}from"./search-4YYphs0l.js";import{B as Le}from"./bundle-avatar-DACPWlAj.js";import{h as De,T as lt}from"./team-KWOyNaWn.js";import{b as ct,d as dt,a as ut,c as pt,e as ft,f as ht,h as xt,$ as mt}from"./user-center-CXduwafJ.js";import{T as We,O as gt}from"./index-sfOXn4Gu.js";import{c as bt}from"./passport-DHiNUeVn.js";import{N as Ye,U as Ze}from"./index-CgTWMV4T.js";import{u as de}from"./use-mobile-BpPz1bKz.js";import yt from"./index-D9UpcFKi.js";import{U as vt,a as wt}from"./user-follower-CmGz7Inx.js";import{f as Y}from"./index-DBs9Ljax.js";import{u as ge}from"./index-B9Igf2rm.js";import jt from"./index-BUomsang.js";import{o as Ct}from"./vendor-arcblock-3xKfH3F1.js";import{c as kt,b as ie,a as St,S as Pt}from"./index-CxJOg5jI.js";import"./index-bbu7QFpz.js";import"./index-BojVbZw0.js";import"./lottie-web-4koyQiv_.js";import"./server-logo-notext.svg-DHxZ1bRk.js";import"./util-MbDHkO8z.js";import"./base32-AX-I0UaR.js";import"./session-DR7jqIW5.js";import"./isURL-fcz3vuMN.js";import"./use-app-logo-hGlkw2d_.js";import"./index-Cy73v3o9.js";import"./revoke.svg-CuiCGfVW.js";import"./use-mobile-DoKVMODs.js";import"./actions-CIp6hu8_.js";import"./index-BF7MtybM.js";import"./form-text-input-CBL3JAev.js";import"./required-glXJjYm5.js";import"./form-wrapper-CqFSijKV.js";import"./edit.svg-Dz9cVo7r.js";import"./lock.svg-BPCZ0CT3.js";import"./index-D6MFQa2J.js";import"./permission-B3_OQqtH.js";import"./confirm-Dge1BR0a.js";import"./click-to-copy-DZ_4RDjR.js";import"./invitations-DtmYY9Tr.js";import"./create-passport-svg-BZVXsAoP.js";import"./api-DIucIOLX.js";import"./table-tips-cVuoMOXE.js";import"./ua-parser-DP5omx3I.js";import"./sdk-DAuiCSLy.js";import"./passport-item-BkmVlAdr.js";import"./did-address-CihvGtuj.js";import"./index-BoeLorfn.js";import"./vendor-mui-x-B4OOX5Es.js";import"./AdapterDayjs-OZNn2tpO.js";import"./delete-confirm-CaK42Rqi.js";import"./index-DRYJ0xIl.js";function It(){let r=new Map;function a({root:s,rootMargin:o,threshold:n}){let f=r.get(s);f||(f=new Map,r.set(s,f));let i=JSON.stringify({rootMargin:o,threshold:n}),u=f.get(i);if(!u){let l=new Map;u={observer:new IntersectionObserver(t=>{t.forEach(b=>{l.get(b.target)?.(b)})},{root:s,rootMargin:o,threshold:n}),entryCallbacks:l},f.set(i,u)}return{observe:(l,t)=>{u.entryCallbacks.set(l,t),u.observer.observe(l)},unobserve:l=>{u.entryCallbacks.delete(l),u.observer.unobserve(l)}}}return{getObserver:a}}var Tt="0px",Rt=[0],Mt=It();function At(r){let a=r?.rootMargin??Tt,s=r?.threshold??Rt,o=y.useRef(null),n=y.useRef(null),f=y.useRef(null),[i,u]=y.useState(),l=y.useCallback(()=>{let j=o.current;if(!j){u(void 0);return}let v=Mt.getObserver({root:n.current,rootMargin:a,threshold:s});v.observe(j,d=>{u(d)}),f.current=v},[a,s]),t=y.useCallback(()=>{let j=f.current,v=o.current;v&&j?.unobserve(v),f.current=null},[]),b=y.useCallback(j=>{t(),o.current=j,l()},[l,t]),p=y.useCallback(j=>{t(),n.current=j,l()},[l,t]);return[b,{entry:i,rootRef:p}]}var Et=At;function zt(r){let[a,s]=Et(r),o=!!s.entry?.isIntersecting,[n,f]=y.useState(o);return o&&!n&&f(!0),[a,{...s,isVisible:o,wasEverVisible:n}]}var Lt=zt,Dt=100;function Wt({loading:r,hasNextPage:a,onLoadMore:s,rootMargin:o,disabled:n,delayInMs:f=Dt}){let i=y.useRef(s),[u,{rootRef:l,isVisible:t}]=Lt({rootMargin:o});y.useEffect(()=>{i.current=s},[s]);let b=!n&&!r&&t&&a;return y.useEffect(()=>{if(b){let p=setTimeout(()=>{i.current()},f);return()=>{clearTimeout(p)}}},[b,f]),[u,{rootRef:l}]}var Bt=Wt;const me={info:"#3B82F6",success:"#10B981",warning:"#F59E0B",error:"#EF4444"};ae.propTypes={severity:h.oneOf(["info","success","warning","error",""]).isRequired,size:h.number};function ae({severity:r,size:a=8}){return me[r]?e.jsx(m,{component:"span",sx:{display:"inline-block",width:a,height:a,borderRadius:"50%",backgroundColor:me[r]||me.info}}):null}Qe.propTypes={theme:h.string,type:h.oneOf(["button","line","select"]),onSelectType:h.func,extra:h.node,loading:h.bool,currentTab:h.oneOf(["info","success","warning","error",""])};function Qe({theme:r="dark",type:a="button",onSelectType:s,extra:o=void 0,currentTab:n="",loading:f=!1,...i}){const{t:u}=y.useContext(Ce),l=[{label:u("notification.allSeverity"),value:""},{label:u("notification.severityType.info"),value:"info"},{label:u("notification.severityType.success"),value:"success"},{label:u("notification.severityType.warning"),value:"warning"},{label:u("notification.severityType.error"),value:"error"}],t=x=>{(x!==n||!f)&&s(x)},b=y.useMemo(()=>{const x={width:"100%",bgcolor:r==="dark"?"#F9FAFB":"",overflowY:"auto",paddingTop:a==="select"?"0":"5px",whiteSpace:"nowrap",borderRadius:0,display:"flex",justifyContent:"space-between",alignItems:"flex-end",flexWrap:"wrap",gap:"8px"};return a==="line"?Object.assign(x,{}):x},[a,r]),p=(x,k,I)=>e.jsx(G,{disabled:f,onClick:()=>t(x.value),className:`profile-button ${k?"active":""}`,...i,children:x.label},x.value||I),j=(x,k,I)=>e.jsx(G,{variant:"text",disabled:f,onClick:()=>t(x.value),className:`profile-line-button ${k?"active":""}`,...i,children:x.label},x.value||I),v=()=>l?.map((x,k)=>{const I=n===x?.value;return a==="line"?e.jsx(y.Fragment,{children:j(x,I,k)},x.value||k):e.jsx(y.Fragment,{children:p(x,I,k)},x.value||k)}),d=x=>{const{value:k}=x.target;t(k==="all"?"":k)};return a==="select"?e.jsx(hr,{sx:{maxWidth:300},children:e.jsx(ye,{value:n||"all",onChange:d,size:"small",label:"Severity",IconComponent:x=>e.jsx(He,{...x,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((x,k)=>e.jsx(oe,{value:x.value||"all",children:e.jsxs(m,{sx:{display:"flex",alignItems:"center",gap:1},children:[e.jsx(ae,{severity:x.value}),x.label]})},x.value||k))})}):e.jsxs(m,{className:"severity-tabs",sx:b,children:[e.jsx(m,{sx:{...a==="line"?{flex:1,borderBottom:"1px solid",borderColor:"grey.200"}:{display:"flex",gap:"24px"}},children:v()}),o]})}Xe.propTypes={paging:h.objectOf(h.any).isRequired,loading:h.bool.isRequired,onChange:h.func.isRequired};function Xe({loading:r,paging:a,onChange:s}){const{t:o}=y.useContext(Ce),n=ve(l=>l.breakpoints.down("md"));if(a.pageCount<=0||n)return null;const f=(l,t)=>{s({page:t+1})},i=l=>{const t=Number(l.target.value);s({page:1,pageSize:t})},u=a.page-1<=0?0:a.page-1;return e.jsx(m,{className:"notification-pagination",sx:{mt:2,display:"flex",justifyContent:"flex-end"},children:e.jsx(xr,{component:"div",disabled:r,count:a.total,page:u,rowsPerPageOptions:[10,20,50,100],labelRowsPerPage:o("pagination.rowsPerPage"),labelDisplayedRows:({from:l,to:t,count:b})=>`${l}–${t} / ${b!==-1?b:`${o()}more than ${t}`}`,rowsPerPage:a.pageSize,onPageChange:f,onRowsPerPageChange:i})})}const $t=y.memo(Xe),Ot={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}},Nt={border:"1px solid",borderColor:"divider",borderRadius:1,overflow:"hidden",backgroundColor:"background.paper",backgroundImage:"none",transition:"all 0.2s ease-in-out"},Oe=()=>({...Nt,width:"calc(50% - 8px)"});Je.propTypes={loading:h.bool,type:h.oneOf(["server","service"]),onFilterChange:h.func,blockletMap:h.object,filterType:h.oneOf(["component","entity"]),selectedId:h.array,severity:h.array,enableMarkAllAsRead:h.bool,unReadCount:h.number,onReadFilterChange:h.func,currentReadFilter:h.string};function Je({onFilterChange:r=()=>{},loading:a=!1,type:s="service",blockletMap:o={},filterType:n="component",selectedId:f=[],severity:i=[],enableMarkAllAsRead:u=!0,unReadCount:l=0,onReadFilterChange:t=()=>{},currentReadFilter:b="all"}){const{t:p}=y.useContext(Ce),[j,v]=y.useState(null),d=!!j,[x,k]=y.useState(f),[I,D]=y.useState(i),[g,C]=y.useState(!1),[S,_]=y.useState(""),[B,N]=y.useState([]);y.useEffect(()=>{k(f),D(i)},[f,i]);const U=[{label:p("notification.filterType.all"),value:"all"},{label:p("notification.filterType.unread"),value:"unread"}],X=c=>{(c!==b||!a)&&t(c)},K=[{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"}],J=c=>{v(c.currentTarget),_(""),C(!1)},pe=()=>{v(null)},ee=c=>{const w=x.includes(c)?x.filter(P=>P!==c):[...x,c];k(w),r({id:w,severity:I})},re=c=>{const w=I.includes(c)?I.filter(P=>P!==c):[...I,c];D(w),r({severity:w,id:x})},fe=c=>{_(c.target.value)},he=()=>{C(!g)},q=Rr.useMemo(()=>{if(!o.size)return[];const c=[];return n==="component"&&c.push({label:p("notification.system"),id:"system"}),Array.from(o).forEach(([,w])=>{const P=w.did||w.meta?.did,E=w.title||w.meta?.title||"",$=w.appPid||w.appDid;(n==="component"&&$!==P||n==="entity"&&$===P)&&c.push({label:E,id:P,blocklet:w,ancestors:w.ancestors})}),c},[o,n,p]);y.useEffect(()=>{if(S.trim()==="")N(q);else{const c=S.toLowerCase(),w=q.filter(P=>P.label.toLowerCase().includes(c));N(w)}},[S,q]);const xe=S.trim()!==""||g?B:B.slice(0,Be);return e.jsxs(m,{children:[e.jsxs(m,{sx:{display:"flex",justifyContent:u?"space-between":"flex-end",alignItems:"flex-start",flexWrap:"wrap",gap:1},children:[u&&e.jsx(m,{sx:{display:"flex",gap:1.5},children:U.map(c=>e.jsxs(G,{disabled:a,onClick:()=>X(c.value),className:`profile-button ${b===c.value?"active":""}`,sx:{...s==="service"&&b===c.value?{color:"secondary.main"}:{},color:"red",fontWeight:b===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:J,disabled:a,sx:{minWidth:"auto",borderRadius:1,border:"1px solid",borderColor:"divider","&:hover":{backgroundColor:"action.hover"}},children:e.jsx(z,{icon:Ot,hFlip:!0})}),e.jsx(mr,{open:d,anchorEl:j,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:p("notification.severity")}),e.jsx(m,{sx:{minWidth:"60px",display:"flex",justifyContent:"flex-end"},children:(x.length>0||I.length>0)&&e.jsx(G,{size:"small",onClick:()=>{k([]),D([]),r({severity:[],id:[]})},startIcon:e.jsx(gr,{fontSize:"small"}),sx:{color:"text.secondary",textTransform:"none",minWidth:"auto","&:hover":{backgroundColor:"transparent"},"& .MuiButton-startIcon":{marginRight:"2px"}},children:p("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(I.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:I.includes(c.value),onChange:()=>re(c.value),disabled:a,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:p("notification.from")}),e.jsx(m,{sx:{display:"flex",alignItems:"center",width:"calc(100% - 36px)"},children:e.jsx(Ue,{size:"small",placeholder:"search",value:S,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(z,{icon:at})})}}})})]}),e.jsx(Pe,{sx:{display:"flex",flexDirection:"row",flexWrap:"wrap",gap:2},children:xe.map(c=>e.jsx(Ie,{elevation:0,sx:Oe(x.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:x.includes(c.id),onChange:()=>ee(c.id),disabled:a,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(Le,{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&&S.trim()===""&&e.jsx(G,{fullWidth:!0,size:"small",onClick:he,sx:{mt:1},endIcon:g?e.jsx(br,{}):e.jsx(yr,{})})]})]})})]})]}),x.length>0||I.length>0?e.jsxs(m,{className:"notification-filter-content",sx:{display:"flex",flexWrap:"wrap",gap:1,mt:2},children:[I.map(c=>{const w=K.find(P=>P.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}`)}),x.map(c=>{const w=q.find(P=>P.id===c);return e.jsx(Me,{label:e.jsxs(m,{sx:{display:"flex",alignItems:"center",gap:.5},children:[w?.blocklet&&e.jsx(Le,{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 Ut=Z(jr)`
-  position: fixed;
-  bottom: 20px;
-  right: 20px;
-  z-index: 1000;
-  @media (max-width: 600px) {
-    bottom: 16px;
-    right: 16px;
-    transform: scale(0.9);
-  }
-`;function Ft(){const[r,a]=y.useState(!1);y.useEffect(()=>{const o=_e(()=>{a(window.pageYOffset>300)},200);return window.addEventListener("scroll",o),o(),()=>window.removeEventListener("scroll",o)},[]);const s=()=>{try{"scrollTo"in window?window.scrollTo({top:0,behavior:"smooth"}):window.scrollTo(0,0)}catch{window.scrollTo(0,0)}};return e.jsx(vr,{in:r,children:e.jsx(Ut,{color:"primary",size:"small","aria-label":"scroll back to top",onClick:s,children:e.jsx(wr,{})})})}const _t=Z.div`
-  display: flex;
-  flex-direction: column;
-  gap: ${r=>r.inDialog?0:"24px"};
-  .MuiContainer-root {
-    padding-right: 0;
-  }
-
-  .profile-button.MuiButtonBase-root {
-    border-radius: 9999px;
-    margin-right: 2px;
-    padding: 5px 12px;
-    line-height: 22px;
-    font-size: 13px;
-    border: 1px solid transparent;
-    background-color: ${({theme:r})=>r.palette.background.default};
-    color: ${({theme:r})=>r.palette.text.primary};
-    font-weight: 400;
-    border: 1px solid ${({theme:r})=>r.palette.divider} !important;
-  }
-  .profile-button.active.MuiButtonBase-root,
-  .profile-button.active.MuiButtonBase-root:hover {
-    color: ${({theme:r})=>r.palette.primary.main};
-    font-weight: 600;
-    background-color: ${({theme:r})=>ne(r.palette.primary.main,.1)};
-    border: 1px solid ${({theme:r})=>ne(r.palette.primary.main,.24)} !important;
-  }
-
-  .profile-button.MuiButtonBase-root:hover {
-    background-color: rgba(0, 0, 0, 0.04);
-  }
-
-  .profile-line-button.MuiButtonBase-root {
-    margin-right: 2px;
-    color: ${({theme:r})=>r.palette.text.secondary};
-    padding: 5px 12px;
-    line-height: 22px;
-    font-size: 13px;
-    border: none !important;
-    border-radius: 0;
-  }
-
-  .profile-line-button.active.MuiButtonBase-root {
-    color: ${({theme:r})=>r.palette.text.primary};
-    border-bottom: 1px solid ${({theme:r})=>r.palette.text.primary} !important;
-  }
-
-  .profile-button.MuiButtonBase-root:last-of-type,
-  .profile-line-button.MuiButtonBase-root {
-    margin-right: 0;
-  }
-
-  .profile-line-button.MuiButtonBase-root:hover {
-    color: ${({theme:r})=>r.palette.text.primary};
-    background-color: unset;
-  }
-
-  * {
-    scrollbar-width: none; /* Firefox */
-    -ms-overflow-style: none; /* IE and Edge */
-  }
-
-  *::-webkit-scrollbar {
-    display: none; /* Chrome, Safari and Opera */
-  }
-`;er.propTypes={blocklets:h.array,context:h.object,pagination:h.bool,inDialog:h.bool,filterType:h.oneOf(["component","entity"]),toViewAll:h.func,type:h.oneOf(["server","service"])};function er({blocklets:r=[],context:a,pagination:s=!0,inDialog:o=!1,filterType:n="component",toViewAll:f=()=>{},type:i="service"}){const{data:u,paging:l,refresh:t,loading:b,params:p,onReadNotification:j,componentDids:v,filterUnReadCount:d,initial:x}=a,k=c=>{t({...p,severity:c&&typeof c=="string"?[c]:c||[],paging:{...p.paging,page:1}})},[I]=Mr(),D=R(()=>I.get("id"),[I]),g=ve(c=>c.breakpoints.down("md")),[C,S]=y.useState(0),[_,B]=y.useState(!1),N=y.useMemo(()=>p.read===!1?"unread":"all",[p.read]),U=R(()=>_e(c=>{if(b)return;const w=u.length,P=u.filter($=>!De($)).length;let E={...p,append:!0,paging:{...p.paging,...c,currentPage:(l.currentPage||0)+1}};N==="unread"&&P<w&&c.page>p.paging.page&&(E={...p,append:!0,paging:{...p.paging,...c,page:p.paging.page||1,currentPage:(l.currentPage||0)+1}}),t(E)},500),[u,p,N,l,b,t]);Kr(()=>{x&&typeof x=="function"&&x()}),y.useEffect(()=>{(!l.currentPage||l.currentPage===1)&&S(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 X=R(()=>u?.length>0&&u.length<C,[u,C]),K=y.useCallback(c=>{const{blocklet:w={}}=window,P=[w?.did,...(w?.ancestors||[]).map(E=>E)];return v?.includes(c)||P.findIndex(E=>E===c)>-1},[v]),J=y.useMemo(()=>{const c=new Map;return r.length&&r.forEach(w=>{const P=w?.did||w.meta?.did;P&&!c.has(P)&&(w.ancestors=[],c.set(P,w),w?.alsoKnownAs?.length>0&&w.alsoKnownAs.forEach(E=>{c.has(E)||c.set(E,w)})),w?.children?.length>0&&w.children.forEach(E=>{const $=E?.did||E.meta?.did;$&&!c.has($)&&K($)&&(E.ancestors=[w],c.set($,E))})}),c},[r,K]),pe=y.useCallback(()=>{b||U({page:l.page+1})},[l.page,b,U]),[ee]=Bt({loading:b,hasNextPage:X,onLoadMore:pe}),re=c=>{!c||De(c)||j(c.id).then(()=>{o&&f()})},fe=({severity:c,id:w})=>{if(b)return;let P={};n==="component"?P={entityId:[],componentDid:w}:n==="entity"&&(P={componentDid:[],entityId:w}),t({...p,severity:c,...P,paging:{...p.paging,page:1}})},he=c=>{if(b)return;let w={...p,paging:{...p.paging,page:1}};c==="unread"?(w.read=!1,w.paging.currentPage=1):w=Er(w,"read"),t(w)},q=R(()=>n==="component"?Array.isArray(p.componentDid)?p.componentDid:[]:n==="entity"?Array.isArray(p.entityId)?p.entityId:[]:[],[p,n]),xe=R(()=>(Array.isArray(p.severity)?p.severity:[])[0]||"",[p.severity]);return e.jsxs(_t,{inDialog:!!o,children:[o?e.jsx(Qe,{currentTab:xe,type:"line",theme:"light",onSelectType:k}):e.jsx(Je,{loading:b,blockletMap:J,unReadCount:d,filterType:n,type:i,selectedId:q,onFilterChange:fe,severity:p.severity,onReadFilterChange:he,currentReadFilter:N}),!g&&b?e.jsx(m,{sx:{display:"flex",width:"100%",minHeight:400,justifyContent:"center",alignItems:"center"},children:e.jsx(V,{})}):e.jsx(it,{data:u,blockletMap:J,onReadNotification:re,onReadBatch:j,inDialog:o,highlightId:D,highlight:!o&&_,type:i}),s&&!g?e.jsx($t,{loading:b,paging:l,onChange:U}):null,s&&g&&(b||X)?e.jsx(m,{ref:ee,sx:{display:"flex",width:"100%",minHeight:100,justifyContent:"center",alignItems:"center"},children:e.jsx(V,{})}):null,!o&&g?e.jsx(Ft,{}):null]})}const qt=y.memo(er),F=new $r;function ue(r){const{userDid:a=""}={},{session:s}=Wr(),o=R(()=>{if(a)return a;const l=window.location.href,t=zr(l);return t?.did?Array.isArray(t.did)?t.did[0]:t.did:s?.user?.did},[s?.user?.did,a]),n=R(()=>s.user,[s]),f=R(()=>n?o===n?.did:!1,[o,n?.did]),i=ce(async()=>{if(await Br(()=>s?.initialized),f)return s.user;if(o)return F.user.getUserPublicInfo({did:o})},{refreshDeps:[o,f,s?.initialized,n]}),u=R(()=>n?.passports?.some(l=>l.role===je.ROLES.OWNER),[n]);return{currentDid:o,session:s,isMyself:f,user:n,viewUser:i.data,isOwner:u}}function rr({user:r,...a}){const{t:s}=L(),o=Cr(),n=R(()=>{const u=(r?.passports||[]).map(l=>({...l,revoked:l.status===Yr.REVOKED}));return u.sort((l,t)=>l.revoked===t.revoked?0:l.revoked?1:-1),Ee(u.filter(l=>!l.display),"role").concat(Ee(u.filter(l=>l.display),"display.content"))},[r?.passports]),f=R(()=>n?.find(u=>u.name===r.role),[n,r?.role]),i=o.palette.primary.main;return n.length===0?e.jsx(m,{children:e.jsx(Ge,{children:s("userCenter.noPassport")})}):e.jsx(m,{...a,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,...a.sx},children:n.map(u=>e.jsx(ct,{passport:u,user:r,color:window.blocklet.passportColor,createPassportSvg:bt,title:f&&f.role===u.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:f&&f.role===u.role?`0px 2px 4px 0px ${i}, 0px 1px 2px -1px ${i}, 0px 0px 0px 1px ${i} !important`:"unset"},".passport-item__body":{marginLeft:"0 !important"}}},u.id))})}rr.propTypes={user:h.object.isRequired};function Ht({visible:r,onClose:a,nft:s}){return!r||!s?null:e.jsx(Gt,{children:e.jsx(kr,{open:r,onClose:a,children:e.jsx(Kt,{onClick:a,children:e.jsx(Ye,{data:Ze(s),address:s.address,inset:!0})})})})}const Gt=Z.div`
-  position: relative;
-  width: 100%;
-  height: 100%;
-  cursor: pointer;
-
-  &:hover {
-    .mask {
-      opacity: 1;
-    }
-  }
-
-  .mask {
-    position: absolute;
-    top: 0;
-    left: 0;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 100%;
-    height: 100%;
-    background: rgba(0, 0, 0, 0.6);
-    opacity: 0;
-    transition: opacity 0.2s;
-  }
-`,Kt=Z.div`
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  height: 100vh;
-  width: 100vw;
-
-  img,
-  object {
-    max-width: 90vw;
-    max-height: 75vh;
-  }
-
-  .nft-display--inset {
-    > .MuiBox-root,
-    .nft-display__loading {
-      width: 75vmin;
-      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:ne(r.palette.background.paper,.9),color:"text.primary","&:hover":{backgroundColor:ne(r.palette.background.paper,1)}}}),Yt={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 tr({user:r}){const{t:a,locale:s}=L(),o=de(),[n,f]=y.useState({visible:!1,nft:null}),[i,u]=y.useState({anchorEl:null,props:null}),l=g=>{const C=se(Ne,"assets",g);window.open(C,"_blank")},t=(g,C)=>{let S="";typeof C.data?.value=="string"?S=JSON.parse(C.data?.value)?.domain:S=C.data?.value?.domain,u({anchorEl:g,props:{title:S?`Hey, I just won an NFT at the ${S} event!`:"Hey, I just won an NFT!",url:se(Ne,"assets",C.address)}})},b=g=>{f({visible:!0,nft:g})},p=Q({page:1,size:20}),j=ce(async(g=p)=>(await Lr.get(`${je.WELLKNOWN_SERVICE_PATH_PREFIX}/ocap/listAssets`,{params:{ownerAddress:r.did,...g}})).data,{ready:r?.did&&p,defaultParams:[p],refreshDeps:[r?.did,p]}),{loading:v,data:d}=j,x=d?.page??{cursor:0,next:!1,total:0},k=(g,C)=>{p.page=C,j.run(p)},I=M(g=>[e.jsx(W,{size:"small",className:"mask-item",onClick:C=>{C.stopPropagation(),l(g.address)},children:e.jsx(z,{icon:"tabler:link",fontSize:18})},"link"),e.jsx(W,{size:"small",onClick:C=>{C.stopPropagation(),t(C.currentTarget,g)},className:"mask-item",children:e.jsx(z,{icon:"tabler:share-2",fontSize:18})},"share"),e.jsx(W,{size:"small",onClick:C=>{C.stopPropagation(),b(g)},className:"mask-item",children:e.jsx(z,{icon:"tabler:eye",fontSize:18})},"view")]),D=R(()=>{if(v){const g=["skeleton-1","skeleton-2","skeleton-3","skeleton-4","skeleton-5"].map(C=>e.jsx(Ae,{variant:"rectangular",width:"15%",height:166,sx:{borderRadius:1,flexShrink:0}},C));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:g})]})}return e.jsxs(e.Fragment,{children:[e.jsx(A,{sx:{color:"grey.A700",fontWeight:600,mb:2.5},children:a("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:a("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(g=>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",...o?{}:{"&:hover .mask":{opacity:1}}},children:[e.jsx(Ye,{data:Ze(g),address:g.address,inset:!0,imageFilter:{imageFilter:"resize",w:"500",f:"webp"}}),o?e.jsx(m,{className:"footer-mask",sx:Yt,children:I(g)}):e.jsx(m,{className:"mask",sx:Vt,children:e.jsx(we,{direction:"row",spacing:1,children:I(g)})})]},g.address))}),x.next||p.page>1?e.jsx(Sr,{sx:{display:"flex",justifyContent:"center",mt:2},page:p.page,onChange:k,count:Math.ceil(x.total/p.size),size:"small"}):null,e.jsx(Ht,{visible:n.visible&&!!n.nft,nft:n.nft,onClose:()=>{f({visible:!1,nft:null})}}),e.jsx(Zr,{locale:s,anchorEl:i.anchorEl,onClose:()=>{u({anchorEl:null,props:null})},sharedProps:i.props||{title:"",url:""}})]})},[v,x,p.page,p.size,k,i,n]);return e.jsx(m,{sx:{border:"1px solid",borderColor:"divider",borderRadius:1,p:2,mb:5},children:D})}tr.propTypes={user:h.object.isRequired};function Zt(){const{t:r}=L(),{user:a,isMyself:s,viewUser:o}=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(rr,{user:a})]}):null,e.jsx(tr,{user:s?a:o})]})}const Qt=[{name:"English",code:"en"},{name:"中文",code:"zh"}];function or({user:r,onSave:a}){const{t:s,changeLocale:o}=L(),n=Q({locale:r.locale,loading:!1}),f=M(async i=>{try{const{value:u}=i.target;n.loading=!0,await F.user.saveProfile({locale:u}),await a("profile"),o(u),n.locale=u}catch(u){O.error(Y(u))}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:f,size:"small",IconComponent:i=>e.jsx(He,{...i,width:20,height:20}),sx:{minWidth:200,"&:hover":{"fieldset.MuiOutlinedInput-notchedOutline":{borderColor:"divider"}},fieldset:{borderColor:"divider"}},children:(window.blocklet.languages||Qt).map(i=>e.jsx(oe,{value:i.code,children:i.name},i.code))})})]})}or.propTypes={user:h.shape({locale:h.string}).isRequired,onSave:h.func.isRequired};function be({onTest:r=H,onDelete:a=H,onSave:s=H,onCancel:o=H,type:n="slack",url:f="",edit:i=!1,webhooks:u=[]}){const{t:l}=L(),t=Q({type:n||"slack",url:f||"",edit:i??!1,error:"",loading:!1}),b=M(()=>t.url?t.type==="slack"&&!Or.isSlackWebhookUrl(t.url)||!Nr(t.url)?(t.error=l("common.invalid"),!1):u.some(k=>k.url===f&&t.url===f?!1:k.url===t.url)?(t.error=l("common.duplicate"),!1):(t.error="",!0):(t.error=l("common.required"),!1)),p=M(()=>{t.edit=!1,t.url=f||"",t.type=n||"slack",t.error="",t.loading=!1,o()}),j=M(async x=>{t.loading=!0,await r(x),t.loading=!1}),v=M(x=>()=>{b()&&x({type:t.type,url:t.url})}),d=R(()=>t.error?e.jsx(A,{component:"span",color:"error",children:t.error}):t.edit?t.loading?e.jsx(V,{size:16}):e.jsx(W,{size:"small",onClick:v(j),sx:{mr:-1},children:e.jsx(z,{icon:dt})}):null,[t.error,t.edit,t.loading]);return e.jsxs(m,{sx:{display:"flex",gap: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:!t.edit||t.loading,size:"small",value:t.type,onChange:x=>{t.type=x.target.value},children:[e.jsx(oe,{value:"api",children:l("userCenter.webhook.url")}),e.jsx(oe,{value:"slack",children:l("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:!t.edit||t.loading,fullWidth:!0,size:"small",required:!0,value:t.url,onChange:x=>{t.url=x.target.value,t.error="",b()},error:!!t.error,slotProps:{input:{endAdornment:e.jsx(Fe,{position:"end",children:d})}}}),e.jsx(m,{sx:{display:"flex",gap:.5},children:t.edit?e.jsxs(e.Fragment,{children:[e.jsx(W,{color:"success",onClick:v((...x)=>{s(...x),t.edit=!1}),sx:{borderRadius:1,border:"1px solid",borderColor:"grey.200"},children:e.jsx(z,{icon:Qr})}),e.jsx(W,{color:"error",onClick:p,sx:{borderRadius:1,border:"1px solid",borderColor:"grey.200"},children:e.jsx(z,{icon:Xr})})]}):e.jsxs(e.Fragment,{children:[e.jsx(W,{onClick:()=>{t.edit=!0},sx:{borderRadius:1,border:"1px solid",borderColor:"grey.200"},children:e.jsx(z,{icon:ut})}),e.jsx(W,{color:"error",onClick:()=>{a({type:t.type,url:t.url})},sx:{borderRadius:1,border:"1px solid",borderColor:"grey.200"},children:e.jsx(z,{icon:pt})})]})})]})]})}be.propTypes={onTest:h.func,onDelete:h.func,onSave:h.func,onCancel:h.func,type:h.oneOf(["api","slack"]),url:h.string,edit:h.bool,webhooks:h.array};function te({title:r=void 0,description:a=void 0,value:s,onChange:o,isMobile:n}){const f=M(i=>{i.stopPropagation()});return e.jsxs(m,{sx:{display:"flex",alignItems:"center",gap:1},children:[e.jsx(ge,{checked:s,size:"small",onChange:o}),e.jsxs(A,{component:"div",onClick:f,sx:{color:"text.primary",fontSize:14,display:"flex",flexWrap:n?"wrap":"nowrap",columnGap:1,flex:1,whiteSpace:n?"normal":"nowrap"},children:[r,a]})]})}te.propTypes={title:h.string,description:h.node,value:h.bool.isRequired,onChange:h.func.isRequired,isMobile:h.bool.isRequired};function nr({user:r,isMobile:a}){const{t:s}=L(),o=Q({showAdd:!1}),n=ce(async()=>await F.user.getUserNotificationConfig(),{refreshDeps:[r],loadingDelay:300}),f=R(()=>({wallet:!0,email:!0,phone:!1,push:!0,...n?.data?.notifications||{}}),[n?.data?.notifications]),i=R(()=>n?.data?.webhooks||[],[n?.data?.webhooks]),u=M(async v=>{try{await F.user.saveUserNotificationConfig(v),O.success(s("userCenter.saveSuccess")),n.run()}catch(d){O.error(Y(d))}}),l=M(async(v,d)=>{await u({notifications:{[v]:d}})}),t=async v=>{try{await F.user.testNotificationWebhook(v),O.success(s("userCenter.webhookTested"))}catch(d){O.error(Y(d))}},b=M(async v=>{await u({webhooks:i.filter((d,x)=>x!==v)})}),p=M(async(v,d)=>{await u({webhooks:i.map((x,k)=>k===v?d:x)})}),j=M(async v=>{await u({webhooks:[...i,v]}),o.showAdd=!1});return n.error?e.jsx(Pr,{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(V,{})}):e.jsxs(m,{sx:{display:"flex",flexDirection:"column",gap:2},children:[e.jsxs(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:[e.jsx(te,{value:f.wallet,isMobile:a,title:s("userCenter.walletNotification"),onChange:v=>l("wallet",v.target.checked),description:ze(r)&&e.jsx(Jr,{did:ze(r),showQrcode:!1,showAvatar:!a,copyable:!0,compact:!0,responsive:!0,startChars:a?2:6})}),e.jsx(te,{value:f.email,isMobile:a,onChange:v=>l("email",v.target.checked),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:a,value:f.push,title:s("userCenter.pushNotification"),onChange:v=>l("push",v.target.checked)})]}),e.jsxs(we,{spacing:1.5,useFlexGap:!0,direction:"column",sx:{alignItems:"start"},children:[i.map((v,d)=>e.jsx(be,{onTest:t,onDelete:()=>b(d),onSave:(...x)=>p(d,...x),type:v.type,url:v.url,edit:!1,webhooks:i},`${d}_${v.url}`)),o.showAdd&&e.jsx(be,{onTest:t,onCancel:()=>{o.showAdd=!1},onSave:(...v)=>j(...v),edit:!0,webhooks:i},"add"),e.jsx(Ke,{variant:"outlined",size:"small",sx:{color:"text.primary",borderColor:"divider","&:hover":{borderColor:"divider"},py:.5,borderRadius:1},startIcon:e.jsx(z,{icon:ft}),onClick:()=>{o.showAdd=!0},children:s("userCenter.addWebhook")})]})]})}nr.propTypes={user:h.object.isRequired,isMobile:h.bool.isRequired};function sr({item:r}){const a=ke(),{blocklet:s}=Ur(),{confirmApi:o,confirmHolder:n}=qe(),f=Q({loading:!1}),{t:i}=L(),{session:u}=y.use(le),{bindOAuth:l,unbindOAuth:t,setBaseUrl:b,baseUrl:p}=u.useOAuth(),{disconnectPasskey:j,setTargetAppPid:v}=u.usePasskey(),d=R(()=>et[r?.provider]||"unknown",[r?.provider]),x=M(g=>g?._bind?g.provider===T.WALLET&&g.did?i("userCenter.thirdPartyLogin.walletAccountCantRemove"):g.provider===T.PASSKEY&&a.arcSphere?i("userCenter.thirdPartyLogin.dontSupportRemoveinArcSphere"):g._mainProvider&&a.arcSphere?i("userCenter.thirdPartyLogin.mainProviderCantRemove"):"":""),k=M(async()=>{if(r?.provider===T.PASSKEY){await new Promise((g,C)=>{o.open({title:i("userCenter.thirdPartyLogin.disconnectPasskey",{name:d}),content:i("userCenter.thirdPartyLogin.disconnectPasskeyDescription",{name:d}),confirmButtonText:i("common.confirm"),confirmButtonProps:{color:"error"},cancelButtonText:i("common.cancel"),onConfirm(S){j({session:u,connectedAccount:r}).then(g).catch(C),S()},onCancel:g})});return}try{f.loading=!0,await new Promise((g,C)=>{if(r?._bind)o.open({title:i("userCenter.thirdPartyLogin.confirmUnbind",{name:d}),content:i("userCenter.thirdPartyLogin.confirmUnbindDescription",{name:d}),confirmButtonText:i("common.confirm"),confirmButtonProps:{color:"error"},cancelButtonText:i("common.cancel"),onConfirm(S){t({session:u,connectedAccount:{...Dr(r,["did","pk"]),showProvider:r.provider,provider:r._rawProvider}}).then(g).catch(C),S()},onCancel:g});else if(r.provider===T.WALLET)o.open({title:i("userCenter.thirdPartyLogin.confirmBindWallet",{name:d}),content:i("userCenter.thirdPartyLogin.confirmBindWalletDescription",{name:d}),confirmButtonText:i("common.confirm"),confirmButtonProps:{color:"primary"},cancelButtonText:i("common.cancel"),onConfirm:S=>{u.bindWallet({onSuccess:g,onCancel:C}),S()},onCancel:g});else{const S=p,_=window?.blocklet;let B="/";const N=rt(_),U=tt(_);N&&U?.appPid&&u?.user?.sourceAppPid&&(B=U.appUrl),b(B),v(s?.appPid),l({session:u,oauthItem:{...r,provider:r._rawProvider}}).then(g).catch(C).finally(()=>{b(S),v()})}})}catch(g){console.error(`Failed to ${r?._bind?"unbind":"bind"} oauth account`,g)}finally{f.loading=!1}}),I=M(g=>g.provider===T.WALLET&&g.did?i("userCenter.thirdPartyLogin.walletAccount"):g._mainProvider?i("userCenter.thirdPartyLogin.mainAccount"):g?._bind?i("userCenter.thirdPartyLogin.disconnect"):i("userCenter.thirdPartyLogin.connect")),D=M(g=>g.provider===T.WALLET&&g.did||g.provider===T.PASSKEY&&(a.arcSphere||a.wallet)?!0:!!r._mainProvider,[a.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(Fr,{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(We,{title:e.jsxs(m,{sx:{display:"flex",alignItems:"center",gap:1},children:[e.jsx(ot,{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:z,icon:_r,sx:{color:"text.secondary",fontSize:16,cursor:"pointer",flexShrink:0}})}):null]}):null]}),e.jsx(We,{title:x(r),placement:"auto",children:e.jsx(m,{children:e.jsx(Ke,{variant:"outlined",size:"small",sx:g=>{const C=g.palette.error.main,S=g.palette.primary.main;return{color:r?._bind?C:S,borderColor:r?._bind?C:S,backgroundColor:"background.default","&:hover":{borderColor:r?._bind?C:S,backgroundColor:"action.hover"},py:.5,borderRadius:1,fontWeight:500,whiteSpace:"nowrap"}},fullWidth:!0,startIcon:f.loading?null:e.jsx(z,{icon:ht}),onClick:k,disabled:D(r),loading:f.loading,children:I(r)})})}),n]})}sr.propTypes={item:h.shape({provider:h.string,did:h.string,pk:h.string,userInfo:h.object,id:h.string,_bind:h.bool,_rawProvider:h.string,_mainProvider:h.bool}).isRequired};function ir({user:r}){const{session:a}=y.use(le),[s,o]=y.useState({}),{getOAuthConfigs:n}=a.useOAuth(),f=ke();Vr(async()=>{const l=await n({sourceAppPid:r?.sourceAppPid});o(l)},[r?.sourceAppPid]);const i=R(()=>{const l=Object.keys(s).map(t=>({...s[t],provider:t})).filter(t=>t.enabled);return[{provider:T.WALLET,order:-1},...l,{provider:T.PASSKEY,order:1/0}]},[s]),u=R(()=>{const l=nt(r);let t=!1,b="",p=st(r);const j=l.find(d=>d.provider===T.AUTH0);return j&&(j.id.startsWith("google-oauth2|")&&(l.some(d=>d.provider==="google")||(t=!0,b=T.GOOGLE,p===T.AUTH0&&(p=T.GOOGLE))),j.id.startsWith("appleid|")&&(l.some(d=>d.provider===T.APPLE)||(t=!0,b=T.APPLE,p===T.AUTH0&&(p=T.APPLE))),j.id.startsWith("github|")&&(l.some(d=>d.provider===T.GITHUB)||(t=!0,b=T.GITHUB,p===T.AUTH0&&(p=T.GITHUB)))),i.map(d=>{if(d.provider===T.AUTH0&&t)return null;const x=t&&d.provider===b?l.find(k=>k.provider===T.AUTH0):l.find(k=>k.provider===d.provider);return x?{...d,provider:d.provider,did:x.did,pk:x.pk,userInfo:x.userInfo,_bind:!0,_rawProvider:x.provider,_mainProvider:d.provider===p}:{...d,provider:d.provider,_rawProvider:d.provider,_mainProvider:d.provider===p}}).filter(d=>!(!d||d.provider===T.PASSKEY&&!d.did)).sort((d,x)=>d._mainProvider?-1:d?.order!==void 0&&x?.order!==void 0?d.order-x.order:d?.order!==void 0?-1:1)},[r?.connectedAccounts,i]);return e.jsxs(m,{sx:{gap:1,display:"grid",gridTemplateColumns:"1fr min-content"},children:[u.map(l=>e.jsx(sr,{item:l},l?.provider)),f.wallet||f.arcSphere?null:e.jsx(qr,{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}})]})}ir.propTypes={user:h.object.isRequired};function ar({configList:r,onSave:a}){const[s,o]=y.useState(r),{t:n}=L(),f=M(async(i,u)=>{try{const l=await F.user.saveUserPrivacyConfig({[i]:typeof u=="string"?u:!u});o(s.map(t=>({...t,value:l?.[t.key]??t.value}))),O.success(n("userCenter.saveSuccess")),a("privacy")}catch(l){O.error(Y(l))}});return y.useEffect(()=>{o(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(i=>{if(i.isPrivate)return null;const u=!i.value||["all","follower-only"].includes(i.value);return e.jsxs(m,{children:[e.jsx(ge,{checked:u,labelProps:{label:e.jsx(A,{sx:{color:"text.primary",fontSize:14,display:"flex",flexFlow:"wrap",columnGap:1,flex:1},children:n("userCenter.toPublic",{name:i.name})})},size:"small",onChange:l=>{const{checked:t}=l.target;i.followersOnly?f(i.key,t?"all":"private"):f(i.key,t)}},i.key),i.followersOnly&&u&&e.jsx(m,{sx:{pl:3,pt:1},children:e.jsx(ge,{checked:i.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:t}=l.target;f(i.key,t?"follower-only":"all")}})})]})})})}ar.propTypes={configList:h.arrayOf(h.shape({key:h.string.isRequired,name:h.string.isRequired,value:h.bool.isRequired,isPrivate:h.bool})).isRequired,onSave:h.func.isRequired};function lr({onDestroySelf:r=void 0}){const{confirmHolder:a}=qe(),{t:s}=L(),{session:o}=y.use(le),n=M(async()=>{if(!r||typeof r!="function")return;const f=o.withSecondaryAuth(r,{extraParams:{removeUserDid:o?.user?.did,input:{user:{did:o?.user?.did},teamDid:window?.blocklet?.did}},operation:"destroySelf"});try{await f(),o.logout()}catch(i){O.error(i?.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")})]})}),a]})}lr.propTypes={onDestroySelf:h.func};function Xt(){const r=de({key:"md"}),a=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"}},o=R(()=>Ve({},r?s:{}),[r]);return e.jsx(m,{id:"user-center-access-key-setting",sx:{maxWidth:r?"unset":a?"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(jt,{isSelf:!0,columnSx:o})})}function cr({onDestroySelf:r=void 0,userCenterTabs:a=[]}){const{t:s}=L(),{user:o,session:n,isMyself:f,isOwner:i}=ue(),l=ke().arcSphere,t=de({key:"md"}),b=ce(async()=>o&&f?await F.user.getUserPrivacyConfig({did:o.did}):null,{refreshDeps:[o,f],loadingDelay:300}),p=R(()=>a.map(d=>({key:d.value,name:d.label,value:d.protected,isPrivate:d.isPrivate,followersOnly:d.followersOnly})),[a]),j=M(async d=>d==="privacy"?(await b.runAsync(),b.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(or,{user:o,onSave:j})},{label:s("userCenter.notificationManagement"),value:"notification",content:e.jsx(nr,{user:o,isMobile:t})},{label:s("userCenter.thirdPartyLogin.title"),value:"thirdPartyLogin",content:e.jsx(ir,{user:o})},{label:s("common.accessKeys"),value:"accessKeys",content:e.jsx(Xt,{isSelf:!0})},{label:s("common.mcpServers"),value:"mcpServers",content:e.jsx(yt,{})},{label:s("userCenter.privacyManagement"),value:"privacy",content:e.jsx(ar,{configList:p,onSave:j})},{label:s("userCenter.sessionManagement"),value:"session",content:e.jsx(vt,{user:o,showUser:!1,getUserSessions:d=>F.userSession.getMyLoginSessions({},d)})},!i&&r&&typeof r=="function"?{label:s("userCenter.dangerZone.title"),value:"dangerZone",content:e.jsx(lr,{onDestroySelf:r}),sx:{borderColor:"error.main"}}:null].filter(Boolean),[o,p,t,i,r]);return f?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:Ve({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}cr.propTypes={onDestroySelf:h.func,userCenterTabs:h.array};const dr=y.createContext({}),{Provider:Jt,Consumer:hn}=dr;function ur({children:r}){const[a]=y.useState(!1),{session:s}=y.use(le),{user:o}=s,[n,f]=y.useState(),i=y.useMemo(()=>o?.didSpace?.endpoint,[o?.didSpace]);y.useEffect(()=>{f(o?.didSpace)},[o?.didSpace]);const u=async()=>{f(void 0)},l=p=>{},t=async p=>{f(p),await l(p.endpoint)},b=!!(i&&n);return e.jsx(Jt,{value:{loading:a,spaceGateway:n,session:s,deleteSpaceGateway:u,updateSpaceGateway:t,storageEndpoint:i,settingStorageEndpoint:l,hasStorageEndpoint:b},children:r})}function Se(){return y.use(dr)}ur.propTypes={children:h.node.isRequired};function eo(r){const a=r.replace(/\/api\/space\/.+/,""),o=r.replace(/\/$/,"").split("/").at(-4);return se(a,"space",o)}function pr({session:r,spaceGateway:a,spaceStatus:s,refresh:o}){return e.jsxs(we,{direction:"row",spacing:1,children:[s===kt.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 o()},onError:n=>{console.error(n),O.error(Y(n))}}),e.jsx(W,{size:"small",LinkComponent:Ir,href:eo(a.endpoint),target:"_blank",children:e.jsx(Tr,{})})]})}pr.propTypes={session:h.object.isRequired,spaceGateway:h.object.isRequired,spaceStatus:h.string.isRequired,refresh:h.func.isRequired};function fr({spaceGateway:r=void 0}){const{t:a}=L(),{updateSpaceGateway:s,session:o}=Se(),n=de(),f=({spaceGateway:i})=>s(i);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:a("userCenter.storage.spaces.connected.title")}),!n&&e.jsx(ie,{connectScope:"user",connectText:a("userCenter.storage.spaces.connected.switch"),session:o,onSuccess:f})]}),e.jsx(m,{children:r&&e.jsx(St,{endpoint:r.endpoint,deps:[r],selected:!0,footer:!0,action:i=>e.jsx(pr,{session:o,...i})},r.endpoint)}),n&&e.jsx(m,{sx:{display:"flex",alignItems:"center",justifyContent:"center",marginTop:2},children:e.jsx(ie,{connectScope:"user",connectText:a("userCenter.storage.spaces.connected.switch"),session:o,onSuccess:f})})]})}fr.propTypes={spaceGateway:h.object};function ro(){const{t:r}=L(),{updateSpaceGateway:a,session:s}=Se(),o=({spaceGateway:n})=>a(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(Pt,{viewBox:"0 0 228 258",style:{width:"156px",height:"156px",margin:"16px 0"}}),e.jsx(m,{children:e.jsx(ie,{session:s,onSuccess:o})})]})}function to(){const{spaceGateway:r,hasStorageEndpoint:a,loading:s}=Se(),{isMyself:o}=ue();return o?s?e.jsx(Ct,{relative:"parent",children:e.jsx(V,{})}):e.jsx(no,{children:e.jsx(m,{sx:{maxWidth:"720px"},children:a?e.jsx(fr,{spaceGateway:r}):e.jsx(ro,{})})}):null}function oo(){return e.jsx(ur,{children:e.jsx(to,{})})}const no=Z(m)`
-  height: 100%;
-  overflow-y: auto;
-`;function so(){const{user:r,isMyself:a,viewUser:s}=ue(),{followed:o}=xt();return e.jsx(m,{children:e.jsx(wt,{teamDid:window?.blocklet?.did||"",user:a?r:s,showInvitees:a,followed:o})})}function io({tab:r=""}){const{api:a}=Hr(),s=y.useRef(null),o=Ar(),n=r||o.tab,i=new URLSearchParams(window.location.search).get("embed")||window.sessionStorage?.getItem("embed"),u=Gr(),l=R(()=>({...window.blocklet,meta:{did:window.blocklet.did,name:window.blocklet.did},children:window?.blocklet?.componentMountPoints.map(b=>({...b,meta:{...b,did:b.did,name:b.name||b.title||"",logo:"logo.png"}}))})),t=async b=>{const{input:p,sessionId:j}=b;try{await a.destroySelf({input:{...p,sessionId:j}})}catch(v){console.error("destroy myself error",v)}};return e.jsx(lt,{mode:"user-center",children:e.jsxs(mt,{ref:s,embed:i==="1",currentTab:n?se(je.WELLKNOWN_SERVICE_PATH_PREFIX,"user",n):"",disableAutoRedirect:n==="settings",children:[n==="notifications"?e.jsx(qt,{blocklets:[l],context:u}):null,n==="nfts"?e.jsx(Zt,{}):null,n==="settings"?e.jsx(cr,{onDestroySelf:t}):null,n==="did-spaces"?e.jsx(oo,{}):null,n==="user-followers"?e.jsx(so,{}):null,n==="orgs"?e.jsx(gt,{id:o.id||""}):null]})})}io.propTypes={tab:h.string};export{io as default};