@abtnode/blocklet-services 1.16.47-beta-20250721-130532-61549a96 → 1.16.47-beta-20250724-080141-d80ab374

package/dist/assets/index-B9GdL3BM.js

@@ -1,124 +0,0 @@
-import{j as e,y as Pt,bb as Pe,M as ae,ak as u,Q as _,W as c,J as xe,bX as Rt,I as N,aN as It,T as R,aj as Tt,b5 as Be,P as Le,b6 as Y,a5 as $e,z as Ze,A as Ye,cl as At,bf as Mt,U as ke,dj as zt,dk as Et,at as ee,dl as Bt,a6 as Q,n as le,D as Lt,dm as $t,ar as We,b1 as Re,dn as Wt,as as Dt,aX as Nt,am as X,bp as Ot,bq as ve,a$ as Ft,d6 as Ut}from"./vendor-mui-core-DWYIngcn.js";import{r as j,a as Ht,u as qt,j as _t}from"./vendor-react-Dvs43sk9.js";import{a as Gt,C as Kt,bx as Vt,c as Ie,d as Qt,N as Zt,by as Yt,aH as Te,K as fe,a$ as Xt,b0 as Jt,bz as er,W as De,aJ as tr,X as rr,bA as nr,H as or}from"./index-CgCJ2qDh.js";import{t as Xe,Z as sr,a8 as ir,R as Ne,D as ar,C as ce,n as q,A as lr}from"./vendor-utils-J7aLFpEq.js";import{b as Ae,I as L,T as B,aw as cr,C as Je,ax as dr,H as U,ay as ur,az as pr,aA as Oe,e as xr,n as et,aB as fr,aC as hr,aD as A,v as gr,u as mr,$ as tt,c as rt,aE as je,aF as br,s as yr,o as de,z as Fe,D as vr}from"./vendor-ux-Dln42oC3.js";import{a as P,h as nt,k as te,g as G,b as z,j as jr}from"./vendor-hooks-HB6DqcLv.js";import{l as ot}from"./arrow-down.svg-6steA5un.js";import{N as Cr}from"./list-B8ZhwNC1.js";import{d as wr}from"./search-4YYphs0l.js";import{B as Ue}from"./bundle-avatar-DkLBEfff.js";import{j as He,T as kr}from"./team-DplrCM_m.js";import{b as Sr,d as Pr,a as Rr,c as Ir,e as Tr,f as Ar,g as Mr,h as zr,W as Er}from"./user-center-D4QgyhnU.js";import{N as st,U as it}from"./index-DUnVGFh6.js";import Br from"./index-D8X_0Jj0.js";import{u as he}from"./use-mobile-BtGrkCtZ.js";import{f as J}from"./index-DBs9Ljax.js";import{u as at}from"./index-SrN5SE_r.js";import{d as Lr}from"./github-icon-CH2zo-td.js";import{U as Ce}from"./user-sessions-C2LvHnd6.js";import $r from"./index-D6kePAD5.js";import{o as Wr}from"./vendor-arcblock-B78OG6SS.js";import{c as Dr,b as ue,a as Nr,S as Or}from"./index-Dy8syryD.js";import"./index-D3qROm47.js";import"./index-BojVbZw0.js";import"./lottie-web-4koyQiv_.js";import"./server-logo-notext.svg-CKQB0tIp.js";import"./index-DcwzA8G_.js";import"./util-DtXj9fc3.js";import"./base32-DBDFptL1.js";import"./session-BV5HR2vD.js";import"./index-lf4wyjkd.js";import"./api-BV16dSSm.js";import"./table-tips-ZIxKRomr.js";import"./use-mobile-BhzP2Rp3.js";import"./passport-item-D7sQ_FxN.js";import"./did-address-CdYAzzjR.js";import"./index-DseoFU10.js";import"./vendor-mui-x-nEbm5eNb.js";import"./AdapterDayjs-Dc_cn1Wv.js";import"./confirm-B4BzkG04.js";import"./click-to-copy-m7BzOuWH.js";import"./delete-confirm-DhfRzwF1.js";import"./permission-C79TpiNV.js";import"./actions-CeSIZN0M.js";import"./index-DRYJ0xIl.js";function Fr(){let t=new Map;function a({root:n,rootMargin:i,threshold:o}){let s=t.get(n);s||(s=new Map,t.set(n,s));let d=JSON.stringify({rootMargin:i,threshold:o}),p=s.get(d);if(!p){let r=new Map;p={observer:new IntersectionObserver(f=>{f.forEach(h=>{r.get(h.target)?.(h)})},{root:n,rootMargin:i,threshold:o}),entryCallbacks:r},s.set(d,p)}return{observe:(r,f)=>{p.entryCallbacks.set(r,f),p.observer.observe(r)},unobserve:r=>{p.entryCallbacks.delete(r),p.observer.unobserve(r)}}}return{getObserver:a}}var Ur="0px",Hr=[0],qr=Fr();function _r(t){let a=t?.rootMargin??Ur,n=t?.threshold??Hr,i=j.useRef(null),o=j.useRef(null),s=j.useRef(null),[d,p]=j.useState(),r=j.useCallback(()=>{let w=i.current;if(!w){p(void 0);return}let v=qr.getObserver({root:o.current,rootMargin:a,threshold:n});v.observe(w,g=>{p(g)}),s.current=v},[a,n]),f=j.useCallback(()=>{let w=s.current,v=i.current;v&&w?.unobserve(v),s.current=null},[]),h=j.useCallback(w=>{f(),i.current=w,r()},[r,f]),x=j.useCallback(w=>{f(),o.current=w,r()},[r,f]);return[h,{entry:d,rootRef:x}]}var Gr=_r;function Kr(t){let[a,n]=Gr(t),i=!!n.entry?.isIntersecting,[o,s]=j.useState(i);return i&&!o&&s(!0),[a,{...n,isVisible:i,wasEverVisible:o}]}var Vr=Kr,Qr=100;function Zr({loading:t,hasNextPage:a,onLoadMore:n,rootMargin:i,disabled:o,delayInMs:s=Qr}){let d=j.useRef(n),[p,{rootRef:r,isVisible:f}]=Vr({rootMargin:i});j.useEffect(()=>{d.current=n},[n]);let h=!o&&!t&&f&&a;return j.useEffect(()=>{if(h){let x=setTimeout(()=>{d.current()},s);return()=>{clearTimeout(x)}}},[h,s]),[p,{rootRef:r}]}var Yr=Zr;const we={info:"#3B82F6",success:"#10B981",warning:"#F59E0B",error:"#EF4444"};pe.propTypes={severity:c.oneOf(["info","success","warning","error",""]).isRequired,size:c.number};function pe({severity:t,size:a=8}){return we[t]?e.jsx(u,{component:"span",sx:{display:"inline-block",width:a,height:a,borderRadius:"50%",backgroundColor:we[t]||we.info}}):null}lt.propTypes={theme:c.string,type:c.oneOf(["button","line","select"]),onSelectType:c.func,extra:c.node,loading:c.bool,currentTab:c.oneOf(["info","success","warning","error",""])};function lt({theme:t="dark",type:a="button",onSelectType:n,extra:i=void 0,currentTab:o="",loading:s=!1,...d}){const{t:p}=j.useContext(Ae),r=[{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"}],f=m=>{(m!==o||!s)&&n(m)},h=j.useMemo(()=>{const m={width:"100%",bgcolor:t==="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(m,{}):m},[a,t]),x=(m,y,b)=>e.jsx(_,{disabled:s,onClick:()=>f(m.value),className:`profile-button ${y?"active":""}`,...d,children:m.label},m.value||b),w=(m,y,b)=>e.jsx(_,{variant:"text",disabled:s,onClick:()=>f(m.value),className:`profile-line-button ${y?"active":""}`,...d,children:m.label},m.value||b),v=()=>r?.map((m,y)=>{const b=o===m?.value;return a==="line"?e.jsx(j.Fragment,{children:w(m,b,y)},m.value||y):e.jsx(j.Fragment,{children:x(m,b,y)},m.value||y)}),g=m=>{const{value:y}=m.target;f(y==="all"?"":y)};return a==="select"?e.jsx(Pt,{sx:{maxWidth:300},children:e.jsx(Pe,{value:o||"all",onChange:g,size:"small",label:"Severity",IconComponent:m=>e.jsx(ot,{...m,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:r.map((m,y)=>e.jsx(ae,{value:m.value||"all",children:e.jsxs(u,{sx:{display:"flex",alignItems:"center",gap:1},children:[e.jsx(pe,{severity:m.value}),m.label]})},m.value||y))})}):e.jsxs(u,{className:"severity-tabs",sx:h,children:[e.jsx(u,{sx:{...a==="line"?{flex:1,borderBottom:"1px solid",borderColor:"grey.200"}:{display:"flex",gap:"24px"}},children:v()}),i]})}ct.propTypes={paging:c.objectOf(c.any).isRequired,loading:c.bool.isRequired,onChange:c.func.isRequired};function ct({loading:t,paging:a,onChange:n}){const{t:i}=j.useContext(Ae),o=xe(r=>r.breakpoints.down("md"));if(a.pageCount<=0||o)return null;const s=(r,f)=>{n({page:f+1})},d=r=>{const f=Number(r.target.value);n({page:1,pageSize:f})},p=a.page-1<=0?0:a.page-1;return e.jsx(u,{className:"notification-pagination",sx:{mt:2,display:"flex",justifyContent:"flex-end"},children:e.jsx(Rt,{component:"div",disabled:t,count:a.total,page:p,rowsPerPageOptions:[10,20,50,100],labelRowsPerPage:i("pagination.rowsPerPage"),labelDisplayedRows:({from:r,to:f,count:h})=>`${r}–${f} / ${h!==-1?h:`${i()}more than ${f}`}`,rowsPerPage:a.pageSize,onPageChange:s,onRowsPerPageChange:d})})}const Xr=j.memo(ct),Jr={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"/>'},qe=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}},en={border:"1px solid",borderColor:"divider",borderRadius:1,overflow:"hidden",backgroundColor:"background.paper",backgroundImage:"none",transition:"all 0.2s ease-in-out"},Ge=()=>({...en,width:"calc(50% - 8px)"});dt.propTypes={loading:c.bool,type:c.oneOf(["server","service"]),onFilterChange:c.func,blockletMap:c.object,filterType:c.oneOf(["component","entity"]),selectedId:c.array,severity:c.array,enableMarkAllAsRead:c.bool,unReadCount:c.number,onReadFilterChange:c.func,currentReadFilter:c.string};function dt({onFilterChange:t=()=>{},loading:a=!1,type:n="service",blockletMap:i={},filterType:o="component",selectedId:s=[],severity:d=[],enableMarkAllAsRead:p=!0,unReadCount:r=0,onReadFilterChange:f=()=>{},currentReadFilter:h="all"}){const{t:x}=j.useContext(Ae),[w,v]=j.useState(null),g=!!w,[m,y]=j.useState(s),[b,I]=j.useState(d),[M,D]=j.useState(!1),[$,H]=j.useState(""),[k,S]=j.useState([]);j.useEffect(()=>{y(s),I(d)},[s,d]);const W=[{label:x("notification.filterType.all"),value:"all"},{label:x("notification.filterType.unread"),value:"unread"}],K=l=>{(l!==h||!a)&&f(l)},Z=[{label:x("notification.severityType.info"),value:"info"},{label:x("notification.severityType.success"),value:"success"},{label:x("notification.severityType.warning"),value:"warning"},{label:x("notification.severityType.error"),value:"error"}],re=l=>{v(l.currentTarget),H(""),D(!1)},ge=()=>{v(null)},ne=l=>{const C=m.includes(l)?m.filter(T=>T!==l):[...m,l];y(C),t({id:C,severity:b})},oe=l=>{const C=b.includes(l)?b.filter(T=>T!==l):[...b,l];I(C),t({severity:C,id:m})},me=l=>{H(l.target.value)},be=()=>{D(!M)},V=Ht.useMemo(()=>{if(!i.size)return[];const l=[];return o==="component"&&l.push({label:x("notification.system"),id:"system"}),Array.from(i).forEach(([,C])=>{const T=C.did||C.meta?.did,E=C.title||C.meta?.title||"",F=C.appPid||C.appDid;(o==="component"&&F!==T||o==="entity"&&F===T)&&l.push({label:E,id:T,blocklet:C,ancestors:C.ancestors})}),l},[i,o,x]);j.useEffect(()=>{if($.trim()==="")S(V);else{const l=$.toLowerCase(),C=V.filter(T=>T.label.toLowerCase().includes(l));S(C)}},[$,V]);const ye=$.trim()!==""||M?k:k.slice(0,qe);return e.jsxs(u,{children:[e.jsxs(u,{sx:{display:"flex",justifyContent:p?"space-between":"flex-end",alignItems:"flex-start",flexWrap:"wrap",gap:1},children:[p&&e.jsx(u,{sx:{display:"flex",gap:1.5},children:W.map(l=>e.jsxs(_,{disabled:a,onClick:()=>K(l.value),className:`profile-button ${h===l.value?"active":""}`,sx:{...n==="service"&&h===l.value?{color:"secondary.main"}:{},color:"red",fontWeight:h===l.value?"bold":"normal"},children:[l.label,l.value==="unread"&&r>0&&` (${r})`]},l.value))}),e.jsxs(u,{sx:{display:"flex",justifyContent:"flex-end",gap:2},children:[e.jsx(N,{size:"small",onClick:re,disabled:a,sx:{minWidth:"auto",borderRadius:1,border:"1px solid",borderColor:"divider","&:hover":{backgroundColor:"action.hover"}},children:e.jsx(L,{icon:Jr,hFlip:!0})}),e.jsx(It,{open:g,anchorEl:w,onClose:ge,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(u,{children:[e.jsxs(u,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center",mb:2,height:"28px"},children:[e.jsx(R,{variant:"subtitle1",sx:{fontWeight:"bold"},children:x("notification.severity")}),e.jsx(u,{sx:{minWidth:"60px",display:"flex",justifyContent:"flex-end"},children:(m.length>0||b.length>0)&&e.jsx(_,{size:"small",onClick:()=>{y([]),I([]),t({severity:[],id:[]})},startIcon:e.jsx(Tt,{fontSize:"small"}),sx:{color:"text.secondary",textTransform:"none",minWidth:"auto","&:hover":{backgroundColor:"transparent"},"& .MuiButton-startIcon":{marginRight:"2px"}},children:x("notification.clear")})})]}),e.jsx(u,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center",mb:3},children:e.jsx(Be,{sx:{display:"flex",flexDirection:"row",flexWrap:"wrap",gap:2,flex:1},children:Z.map(l=>e.jsx(Le,{elevation:0,sx:Ge(b.includes(l.value)),children:e.jsx(Y,{sx:{margin:0,padding:.5,width:"100%","& .MuiFormControlLabel-label":{display:"flex",alignItems:"center",gap:1,fontSize:"0.875rem"},..._e},control:e.jsx($e,{checked:b.includes(l.value),onChange:()=>oe(l.value),disabled:a,size:"small"}),label:e.jsxs(u,{sx:{display:"flex",alignItems:"center",justifyContent:"flex-start",gap:.5},children:[e.jsx(pe,{severity:l.value}),l.label]})})},l.value))})}),e.jsxs(u,{sx:{mb:2},children:[e.jsxs(u,{sx:{display:"flex",alignItems:"center",justifyContent:"space-between",gap:2,mb:1.5},children:[e.jsx(R,{variant:"subtitle1",sx:{fontWeight:"bold",width:"calc(100% - 36px)"},children:x("notification.from")}),e.jsx(u,{sx:{display:"flex",alignItems:"center",width:"calc(100% - 36px)"},children:e.jsx(Ze,{size:"small",placeholder:"search",value:$,onChange:me,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(Ye,{position:"start",sx:{marginRight:"2px"},children:e.jsx(L,{icon:wr})})}}})})]}),e.jsx(Be,{sx:{display:"flex",flexDirection:"row",flexWrap:"wrap",gap:2},children:ye.map(l=>e.jsx(Le,{elevation:0,sx:Ge(m.includes(l.id)),children:e.jsx(Y,{sx:{margin:0,padding:.5,width:"100%","& .MuiFormControlLabel-label":{fontSize:"0.875rem",width:"calc(100% - 36px)"},..._e},control:e.jsx($e,{checked:m.includes(l.id),onChange:()=>ne(l.id),disabled:a,size:"small"}),label:e.jsxs(u,{sx:{display:"flex",alignItems:"center",justifyContent:"flex-start",gap:.5,minWidth:0,width:"100%"},children:[l.blocklet&&e.jsx(Ue,{size:20,blocklet:l.blocklet,ancestors:l.ancestors,style:{borderRadius:4,flexShrink:0}}),e.jsx(R,{noWrap:!0,variant:"body2",component:"span",title:l.label,sx:{flex:1,overflow:"hidden",textOverflow:"ellipsis",maxWidth:"100%"},children:l.label})]})})},l.id))}),k.length>qe&&$.trim()===""&&e.jsx(_,{fullWidth:!0,size:"small",onClick:be,sx:{mt:1},endIcon:M?e.jsx(At,{}):e.jsx(Mt,{})})]})]})})]})]}),m.length>0||b.length>0?e.jsxs(u,{className:"notification-filter-content",sx:{display:"flex",flexWrap:"wrap",gap:1,mt:2},children:[b.map(l=>{const C=Z.find(T=>T.value===l);return e.jsx(ke,{label:e.jsxs(u,{sx:{display:"flex",alignItems:"center",gap:.5},children:[e.jsx(pe,{severity:l}),C?C.label:l]}),onDelete:()=>oe(l),size:"small",variant:"outlined",sx:{borderRadius:2,color:"text.secondary",borderColor:"divider","& .MuiChip-label":{display:"flex",alignItems:"center"}}},`severity-${l}`)}),m.map(l=>{const C=V.find(T=>T.id===l);return e.jsx(ke,{label:e.jsxs(u,{sx:{display:"flex",alignItems:"center",gap:.5},children:[C?.blocklet&&e.jsx(Ue,{size:16,blocklet:C.blocklet,ancestors:C.ancestors,style:{borderRadius:4,flexShrink:0}}),C?C.label:l]}),variant:"outlined",onDelete:()=>ne(l),size:"small",sx:{borderRadius:2,color:"text.secondary",borderColor:"divider","& .MuiChip-label":{display:"flex",alignItems:"center"}}},`component-${l}`)})]}):null]})}const tn=ee(Bt)`
-  position: fixed;
-  bottom: 20px;
-  right: 20px;
-  z-index: 1000;
-  @media (max-width: 600px) {
-    bottom: 16px;
-    right: 16px;
-    transform: scale(0.9);
-  }
-`;function rn(){const[t,a]=j.useState(!1);j.useEffect(()=>{const i=Xe(()=>{a(window.pageYOffset>300)},200);return window.addEventListener("scroll",i),i(),()=>window.removeEventListener("scroll",i)},[]);const n=()=>{try{"scrollTo"in window?window.scrollTo({top:0,behavior:"smooth"}):window.scrollTo(0,0)}catch{window.scrollTo(0,0)}};return e.jsx(zt,{in:t,children:e.jsx(tn,{color:"primary",size:"small","aria-label":"scroll back to top",onClick:n,children:e.jsx(Et,{})})})}const nn=ee.div`
-  display: flex;
-  flex-direction: column;
-  gap: ${t=>t.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:t})=>t.palette.background.default};
-    color: ${({theme:t})=>t.palette.text.primary};
-    font-weight: 400;
-    border: 1px solid ${({theme:t})=>t.palette.divider} !important;
-  }
-  .profile-button.active.MuiButtonBase-root,
-  .profile-button.active.MuiButtonBase-root:hover {
-    color: ${({theme:t})=>t.palette.primary.main};
-    font-weight: 600;
-    background-color: ${({theme:t})=>le(t.palette.primary.main,.1)};
-    border: 1px solid ${({theme:t})=>le(t.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:t})=>t.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:t})=>t.palette.text.primary};
-    border-bottom: 1px solid ${({theme:t})=>t.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:t})=>t.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 */
-  }
-`;ut.propTypes={blocklets:c.array,context:c.object,pagination:c.bool,inDialog:c.bool,filterType:c.oneOf(["component","entity"]),toViewAll:c.func,type:c.oneOf(["server","service"])};function ut({blocklets:t=[],context:a,pagination:n=!0,inDialog:i=!1,filterType:o="component",toViewAll:s=()=>{},type:d="service"}){const{data:p,paging:r,refresh:f,loading:h,params:x,onReadNotification:w,componentDids:v,filterUnReadCount:g,initial:m}=a,y=l=>{f({...x,severity:l&&typeof l=="string"?[l]:l||[],paging:{...x.paging,page:1}})},[b]=qt(),I=P(()=>b.get("id"),[b]),M=xe(l=>l.breakpoints.down("md")),[D,$]=j.useState(0),[H,k]=j.useState(!1),S=j.useMemo(()=>x.read===!1?"unread":"all",[x.read]),W=P(()=>Xe(l=>{if(h)return;const C=p.length,T=p.filter(F=>!He(F)).length;let E={...x,append:!0,paging:{...x.paging,...l,currentPage:(r.currentPage||0)+1}};S==="unread"&&T<C&&l.page>x.paging.page&&(E={...x,append:!0,paging:{...x.paging,...l,page:x.paging.page||1,currentPage:(r.currentPage||0)+1}}),f(E)},500),[p,x,S,r,h,f]);nt(()=>{m&&typeof m=="function"&&m()}),j.useEffect(()=>{(!r.currentPage||r.currentPage===1)&&$(r.total)},[r.total,r.currentPage]),j.useEffect(()=>{setTimeout(()=>{const l=document.getElementById(I);l&&l.scrollIntoView({behavior:"smooth",block:"center"}),k(!0)},100),setTimeout(()=>{k(!1)},3e3)},[I]);const K=P(()=>p?.length>0&&p.length<D,[p,D]),Z=j.useCallback(l=>{const{blocklet:C={}}=window,T=[C?.did,...(C?.ancestors||[]).map(E=>E)];return v?.includes(l)||T.findIndex(E=>E===l)>-1},[v]),re=j.useMemo(()=>{const l=new Map;return t.length&&t.forEach(C=>{const T=C?.did||C.meta?.did;T&&!l.has(T)&&(C.ancestors=[],l.set(T,C),C?.alsoKnownAs?.length>0&&C.alsoKnownAs.forEach(E=>{l.has(E)||l.set(E,C)})),C?.children?.length>0&&C.children.forEach(E=>{const F=E?.did||E.meta?.did;F&&!l.has(F)&&Z(F)&&(E.ancestors=[C],l.set(F,E))})}),l},[t,Z]),ge=j.useCallback(()=>{h||W({page:r.page+1})},[r.page,h,W]),[ne]=Yr({loading:h,hasNextPage:K,onLoadMore:ge}),oe=l=>{!l||He(l)||w(l.id).then(()=>{i&&s()})},me=({severity:l,id:C})=>{if(h)return;let T={};o==="component"?T={entityId:[],componentDid:C}:o==="entity"&&(T={componentDid:[],entityId:C}),f({...x,severity:l,...T,paging:{...x.paging,page:1}})},be=l=>{if(h)return;let C={...x,paging:{...x.paging,page:1}};l==="unread"?(C.read=!1,C.paging.currentPage=1):C=sr(C,"read"),f(C)},V=P(()=>o==="component"?Array.isArray(x.componentDid)?x.componentDid:[]:o==="entity"?Array.isArray(x.entityId)?x.entityId:[]:[],[x,o]),ye=P(()=>(Array.isArray(x.severity)?x.severity:[])[0]||"",[x.severity]);return e.jsxs(nn,{inDialog:!!i,children:[i?e.jsx(lt,{currentTab:ye,type:"line",theme:"light",onSelectType:y}):e.jsx(dt,{loading:h,blockletMap:re,unReadCount:g,filterType:o,type:d,selectedId:V,onFilterChange:me,severity:x.severity,onReadFilterChange:be,currentReadFilter:S}),!M&&h?e.jsx(u,{sx:{display:"flex",width:"100%",minHeight:400,justifyContent:"center",alignItems:"center"},children:e.jsx(Q,{})}):e.jsx(Cr,{data:p,blockletMap:re,onReadNotification:oe,onReadBatch:w,inDialog:i,highlightId:I,highlight:!i&&H,type:d}),n&&!M?e.jsx(Xr,{loading:h,paging:r,onChange:W}):null,n&&M&&(h||K)?e.jsx(u,{ref:ne,sx:{display:"flex",width:"100%",minHeight:100,justifyContent:"center",alignItems:"center"},children:e.jsx(Q,{})}):null,!i&&M?e.jsx(rn,{}):null]})}const on=j.memo(ut),O=new Vt;function Me(t){const{userDid:a=""}={},{session:n}=Gt(),i=P(()=>{if(a)return a;const r=window.location.href,f=ir(r);return f?.did?Array.isArray(f.did)?f.did[0]:f.did:n?.user?.did},[n?.user?.did,a]),o=P(()=>n.user,[n]),s=P(()=>o?i===o?.did:!1,[i,o?.did]),d=te(async()=>{if(await Kt(()=>n?.initialized),s)return n.user;if(i)return O.user.getUserPublicInfo({did:i})},{refreshDeps:[i,s,n?.initialized,o]}),p=P(()=>o.passports?.some(r=>r.role===Ie.ROLES.OWNER),[o]);return{currentDid:i,session:n,isMyself:s,user:o,viewUser:d.data,isOwner:p}}function pt({user:t,...a}){const{t:n}=B(),i=Lt(),o=P(()=>{const p=(t?.passports||[]).map(r=>({...r,revoked:r.status===cr.REVOKED}));return p.sort((r,f)=>r.revoked===f.revoked?0:r.revoked?1:-1),Ne(p.filter(r=>!r.display),"role").concat(Ne(p.filter(r=>r.display),"display.content"))},[t?.passports]),s=P(()=>o?.find(p=>p.name===t.role),[o,t?.role]),d=i.palette.primary.main;return o.length===0?e.jsx(u,{children:e.jsx(Je,{children:n("userCenter.noPassport")})}):e.jsx(u,{...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:o.map(p=>e.jsx(Sr,{passport:p,user:t,color:window.blocklet.passportColor,createPassportSvg:Qt,title:s&&s.role===p.role?n("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:s&&s.role===p.role?`0px 2px 4px 0px ${d}, 0px 1px 2px -1px ${d}, 0px 0px 0px 1px ${d} !important`:"unset"},".passport-item__body":{marginLeft:"0 !important"}}},p.id))})}pt.propTypes={user:c.object.isRequired};function sn({visible:t,onClose:a,nft:n}){return!t||!n?null:e.jsx(an,{children:e.jsx($t,{open:t,onClose:a,children:e.jsx(ln,{onClick:a,children:e.jsx(st,{data:it(n),address:n.address,inset:!0})})})})}const an=ee.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;
-  }
-`,ln=ee.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;
-    }
-  }
-`,cn=t=>({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:le(t.palette.background.paper,.9),color:"text.primary","&:hover":{backgroundColor:le(t.palette.background.paper,1)}}}),Ke="https://main.abtnetwork.io/explorer";function xt({user:t}){const{t:a}=B(),[n,i]=j.useState({visible:!1,nft:null}),[o,s]=j.useState({anchorEl:null,props:null}),d=y=>{const b=ce(Ke,"assets",y);window.open(b,"_blank")},p=(y,b)=>{let I="";typeof b.data?.value=="string"?I=JSON.parse(b.data?.value)?.domain:I=b.data?.value?.domain,s({anchorEl:y,props:{title:I?`Hey, I just won an NFT at the ${I} event!`:"Hey, I just won an NFT!",url:ce(Ke,"assets",b.address)}})},r=y=>{i({visible:!0,nft:y})},f=G({page:1,size:20}),h=te(async(y=f)=>(await ar.get(`${Ie.WELLKNOWN_SERVICE_PATH_PREFIX}/ocap/listAssets`,{params:{ownerAddress:t.did,...y}})).data,{defaultParams:[f],refreshDeps:[t.did,f]}),{loading:x,data:w}=h,v=w?.page??{cursor:0,next:!1,total:0},g=(y,b)=>{f.page=b,h.run(f)},m=P(()=>{if(x){const y=["skeleton-1","skeleton-2","skeleton-3","skeleton-4","skeleton-5"].map(b=>e.jsx(We,{variant:"rectangular",width:"15%",height:166,sx:{borderRadius:1,flexShrink:0}},b));return e.jsxs(u,{sx:{display:"flex",flexDirection:"column",gap:2},children:[e.jsx(We,{width:"20%"}),e.jsx(u,{sx:{display:"flex",flexDirection:"row",gap:2,flexWrap:"nowrap"},children:y})]})}return e.jsxs(e.Fragment,{children:[e.jsx(R,{sx:{color:"grey.A700",fontWeight:600,mb:2.5},children:a("userCenter.common.nft")}),w?.assets?.length===0&&!x&&e.jsx(u,{sx:{display:"flex",justifyContent:"center",alignItems:"center",width:"100%",height:"100%"},children:e.jsx(Je,{children:a("userCenter.common.noNFT")})}),e.jsx(u,{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:w?.assets?.map(y=>e.jsxs(u,{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","&:hover .mask":{opacity:1}},children:[e.jsx(st,{data:it(y),address:y.address,inset:!0,imageFilter:{imageFilter:"resize",w:"500",f:"webp"}}),e.jsx(u,{className:"mask",sx:cn,children:e.jsxs(Re,{direction:"row",spacing:1,children:[e.jsx(N,{size:"small",className:"mask-item",onClick:b=>{b.stopPropagation(),d(y.address)},children:e.jsx(L,{icon:"tabler:link",fontSize:18})}),e.jsx(N,{size:"small",onClick:b=>{b.stopPropagation(),p(b.currentTarget,y)},className:"mask-item",children:e.jsx(L,{icon:"tabler:share-2",fontSize:18})}),e.jsx(N,{size:"small",onClick:b=>{b.stopPropagation(),r(y)},className:"mask-item",children:e.jsx(L,{icon:"tabler:eye",fontSize:18})})]})})]},y.address))}),v.next||f.page>1?e.jsx(Wt,{sx:{display:"flex",justifyContent:"center",mt:2},page:f.page,onChange:g,count:Math.ceil(v.total/f.size),size:"small"}):null,e.jsx(sn,{visible:n.visible&&!!n.nft,nft:n.nft,onClose:()=>{i({visible:!1,nft:null})}}),e.jsx(dr,{anchorEl:o.anchorEl,onClose:()=>{s({anchorEl:null,props:null})},sharedProps:o.props||{title:"",url:""}})]})},[x,v,f.page,f.size,g,o,n]);return e.jsx(u,{sx:{border:"1px solid",borderColor:"divider",borderRadius:1,p:2,mb:5},children:m})}xt.propTypes={user:c.object.isRequired};function dn(){const{t}=B(),{user:a,isMyself:n}=Me();return e.jsxs(u,{sx:{display:"flex",flexDirection:"column",gap:2.5},children:[n?e.jsxs(u,{sx:{border:"1px solid",borderColor:"divider",borderRadius:1.5,p:2},children:[e.jsx(R,{sx:{color:"text.primary",fontWeight:600,mb:2.5},children:t("userCenter.passport")}),e.jsx(pt,{user:a})]}):null,e.jsx(xt,{user:a})]})}const un=[{name:"English",code:"en"},{name:"中文",code:"zh"}];function ft({user:t,onSave:a}){const{t:n,changeLocale:i}=B(),o=G({locale:t.locale,loading:!1}),s=z(async d=>{try{const{value:p}=d.target;o.loading=!0,await O.user.saveProfile({locale:p}),await a("profile"),i(p),o.locale=p}catch(p){U.error(J(p))}finally{o.loading=!1}});return e.jsxs(u,{sx:{gap:1,display:"grid",alignItems:"center",gridTemplateColumns:{xs:"1fr",sm:"max-content 1fr"}},children:[e.jsx(u,{children:n("userCenter.commonSetting.locale")}),e.jsxs(u,{children:[o.loading?e.jsx(Dt,{color:"primary",sx:{height:2}}):e.jsx(u,{sx:{height:2,visibility:"hidden"}}),e.jsx(Pe,{value:o.locale,onChange:s,size:"small",IconComponent:d=>e.jsx(ot,{...d,width:20,height:20}),sx:{minWidth:200,"&:hover":{"fieldset.MuiOutlinedInput-notchedOutline":{borderColor:"divider"}},fieldset:{borderColor:"divider"}},children:(window.blocklet.languages||un).map(d=>e.jsx(ae,{value:d.code,children:d.name},d.code))})]})]})}ft.propTypes={user:c.shape({locale:c.string}).isRequired,onSave:c.func.isRequired};function Se({onTest:t=q,onDelete:a=q,onSave:n=q,onCancel:i=q,type:o="slack",url:s="",edit:d=!1}){const{t:p}=B(),r=G({type:o||"slack",url:s||"",edit:d??!1,error:"",loading:!1}),f=z(()=>r.url?Zt(r.url)?(r.error="",!0):(r.error=p("common.invalid"),!1):(r.error=p("common.required"),!1)),h=z(()=>{r.edit=!1,r.url=s||"",r.type=o||"slack",r.error="",r.loading=!1,i()}),x=z(async g=>{r.loading=!0,await t(g),r.loading=!1}),w=z(g=>()=>{f()&&g({type:r.type,url:r.url})}),v=P(()=>r.error?e.jsx(R,{component:"span",color:"error",children:r.error}):r.edit?r.loading?e.jsx(Q,{size:16}):e.jsx(N,{size:"small",onClick:w(x),sx:{mr:-1},children:e.jsx(L,{icon:Pr})}):null,[r.error,r.edit,r.loading]);return e.jsxs(u,{sx:{display:"flex",gap:1.5,width:"100%",alignItems:{xs:"flex-start",md:"center"},flexDirection:{xs:"column",md:"row"}},children:[e.jsxs(Pe,{sx:{borderRadius:1,"&.Mui-disabled":{backgroundColor:"grey.50"}},disabled:!r.edit||r.loading,size:"small",value:r.type,onChange:g=>{r.type=g.target.value},children:[e.jsx(ae,{value:"api",children:p("userCenter.webhook.url")}),e.jsx(ae,{value:"slack",children:p("userCenter.webhook.slack")})]}),e.jsxs(u,{sx:{display:"flex",alignItems:"center",gap:.5,width:"100%"},children:[e.jsx(Ze,{sx:{flex:1,".MuiInputBase-root":{borderRadius:1,"&.Mui-disabled":{backgroundColor:"grey.50"}}},disabled:!r.edit||r.loading,fullWidth:!0,size:"small",required:!0,value:r.url,onChange:g=>{r.url=g.target.value,f()},error:!!r.error,slotProps:{input:{endAdornment:e.jsx(Ye,{position:"end",children:v})}}}),e.jsx(u,{sx:{display:"flex",gap:.5},children:r.edit?e.jsxs(e.Fragment,{children:[e.jsx(N,{color:"success",onClick:w((...g)=>{n(...g),r.edit=!1}),sx:{borderRadius:1,border:"1px solid",borderColor:"grey.200"},children:e.jsx(L,{icon:ur})}),e.jsx(N,{color:"error",onClick:h,sx:{borderRadius:1,border:"1px solid",borderColor:"grey.200"},children:e.jsx(L,{icon:pr})})]}):e.jsxs(e.Fragment,{children:[e.jsx(N,{onClick:()=>{r.edit=!0},sx:{borderRadius:1,border:"1px solid",borderColor:"grey.200"},children:e.jsx(L,{icon:Rr})}),e.jsx(N,{color:"error",onClick:()=>{a({type:r.type,url:r.url})},sx:{borderRadius:1,border:"1px solid",borderColor:"grey.200"},children:e.jsx(L,{icon:Ir})})]})})]})]})}Se.propTypes={onTest:c.func,onDelete:c.func,onSave:c.func,onCancel:c.func,type:c.oneOf(["api","slack"]),url:c.string,edit:c.bool};function se({title:t=void 0,description:a=void 0,value:n,onChange:i,isMobile:o}){const s=z(d=>{d.stopPropagation()});return e.jsxs(u,{sx:{display:"flex",alignItems:"center",gap:1},children:[e.jsx(at,{checked:n,size:"small",onChange:i}),e.jsxs(R,{component:"div",onClick:s,sx:{color:"text.primary",fontSize:14,display:"flex",flexWrap:o?"wrap":"nowrap",columnGap:1,flex:1,whiteSpace:o?"normal":"nowrap"},children:[t,a]})]})}se.propTypes={title:c.string,description:c.node,value:c.bool.isRequired,onChange:c.func.isRequired,isMobile:c.bool.isRequired};function ht({user:t,isMobile:a}){const{t:n}=B(),i=G({showAdd:!1}),o=te(async()=>await O.user.getUserNotificationConfig(),{refreshDeps:[t],loadingDelay:300}),s=P(()=>({wallet:!0,email:!0,phone:!1,push:!0,...o?.data?.notifications||{}}),[o?.data?.notifications]),d=P(()=>o?.data?.webhooks||[],[o?.data?.webhooks]),p=z(async v=>{try{await O.user.saveUserNotificationConfig(v),U.success(n("userCenter.saveSuccess")),o.run()}catch(g){U.error(J(g))}}),r=z(async(v,g)=>{await p({notifications:{[v]:g}})}),f=async v=>{try{await O.user.testNotificationWebhook(v),U.success(n("userCenter.webhookTested"))}catch(g){U.error(J(g))}},h=z(async v=>{await p({webhooks:d.filter((g,m)=>m!==v)})}),x=z(async(v,g)=>{await p({webhooks:d.map((m,y)=>y===v?g:m)})}),w=z(async v=>{await p({webhooks:[...d,v]}),i.showAdd=!1});return o.error?e.jsx(Nt,{severity:"error",children:o.error.message}):o.loading||!o.data?e.jsx(u,{sx:{display:"flex",justifyContent:"center",alignItems:"center",height:"100px"},children:e.jsx(Q,{})}):e.jsxs(u,{sx:{display:"flex",flexDirection:"column",gap:2},children:[e.jsxs(u,{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(se,{value:s.wallet,isMobile:a,title:n("userCenter.walletNotification"),onChange:v=>r("wallet",v.target.checked),description:Oe(t)&&e.jsx(xr,{did:Oe(t),showQrcode:!1,showAvatar:!a,copyable:!0,compact:!0,responsive:!0,startChars:a?2:6})}),e.jsx(se,{value:s.email,isMobile:a,onChange:v=>r("email",v.target.checked),title:n("userCenter.emailNotification"),description:t?.email&&e.jsx(R,{component:"span",sx:{color:"text.secondary",fontSize:13},children:t?.email})}),e.jsx(se,{isMobile:a,value:s.push,title:n("userCenter.pushNotification"),onChange:v=>r("push",v.target.checked)})]}),e.jsxs(Re,{spacing:1.5,useFlexGap:!0,direction:"column",sx:{alignItems:"start"},children:[d.map((v,g)=>e.jsx(Se,{onTest:f,onDelete:()=>h(g),onSave:(...m)=>x(g,...m),type:v.type,url:v.url,edit:!1},`${g}_${v.url}`)),i.showAdd&&e.jsx(Se,{onTest:f,onCancel:()=>{i.showAdd=!1},onSave:(...v)=>w(...v),edit:!0},"add"),e.jsx(et,{variant:"outlined",size:"small",sx:{color:"text.primary",borderColor:"divider","&:hover":{borderColor:"divider"},py:.5,borderRadius:1},startIcon:e.jsx(L,{icon:Tr}),onClick:()=>{i.showAdd=!0},children:n("userCenter.addWebhook")})]})]})}ht.propTypes={user:c.object.isRequired,isMobile:c.bool.isRequired};function ie({item:t}){const{blocklet:a}=Yt(),{confirmApi:n,confirmHolder:i}=Te(),o=G({loading:!1}),{t:s}=B(),{session:d}=j.use(fe),{bindOAuth:p,unbindOAuth:r,setBaseUrl:f,baseUrl:h}=d.useOAuth(),{disconnectPasskey:x,setTargetAppPid:w}=d.usePasskey(),v={[A.AUTH0]:fr,[A.APPLE]:Jt,[A.GITHUB]:Lr,[A.GOOGLE]:Xt,[A.PASSKEY]:Mr,[A.WALLET]:Ar},g=P(()=>v[t?.provider],[t?.provider]),m=P(()=>hr[t?.provider]||"unknown",[t?.provider]),y=z(async()=>{if(t?.provider===A.PASSKEY){await new Promise((b,I)=>{n.open({title:s("userCenter.thirdPartyLogin.disconnectPasskey",{name:m}),content:s("userCenter.thirdPartyLogin.disconnectPasskeyDescription",{name:m}),confirmButtonText:s("common.confirm"),confirmButtonProps:{color:"error"},cancelButtonText:s("common.confirm"),onConfirm(M){x({session:d,connectedAccount:t}).then(b).catch(I),M()},onCancel:b})});return}try{o.loading=!0,await new Promise((b,I)=>{if(t?._bind)n.open({title:s("userCenter.thirdPartyLogin.confirmUnbind",{name:m}),content:s("userCenter.thirdPartyLogin.confirmUnbindDescription",{name:m}),confirmButtonText:s("common.confirm"),confirmButtonProps:{color:"error"},cancelButtonText:s("common.confirm"),onConfirm(M){r({session:d,connectedAccount:{...lr(t,["did","pk"]),showProvider:t.provider,provider:t._rawProvider}}).then(b).catch(I),M()},onCancel:b});else{const M=h,D=window?.blocklet;let $="/";const H=gr(D),k=mr(D);H&&k?.appPid&&d?.user?.sourceAppPid&&($=k.appUrl),f($),w(a?.appPid),p({session:d,oauthItem:{...t,provider:t._rawProvider}}).then(b).catch(I).finally(()=>{f(M),w()})}})}catch(b){console.error(`Failed to ${t?._bind?"unbind":"bind"} oauth account`,b)}finally{o.loading=!1}});return e.jsxs(e.Fragment,{children:[e.jsxs(u,{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(u,{component:L,icon:g,fill:"currentColor",sx:{width:"1em",height:"1em",flexShrink:0,fontSize:16,filter:({palette:b})=>t?.provider===A.GITHUB&&b.mode==="dark"?"invert(1)":"none"}}),e.jsx(u,{sx:{flex:1},children:m}),e.jsxs(u,{sx:{display:"flex",alignItems:"center",gap:.5},children:[e.jsx(u,{sx:{flex:1,textOverflow:"ellipsis",overflow:"hidden",lineHeight:"normal"},children:t.userInfo?.email||t.did}),t.userInfo?.name?e.jsx(X,{title:e.jsx(e.Fragment,{children:e.jsxs(u,{sx:{display:"flex",alignItems:"center",gap:1},children:[e.jsx(tt,{size:36,variant:"circle",shape:"circle",src:t.userInfo?.picture,did:t.did}),e.jsxs(u,{children:[e.jsx(R,{sx:{whiteSpace:"normal",wordBreak:"break-all",fontSize:"0.9rem"},children:t.userInfo?.name}),e.jsx(R,{sx:{whiteSpace:"normal",wordBreak:"break-all",fontSize:"0.9rem"},children:t.userInfo?.email})]})]})}),children:e.jsx(u,{component:L,icon:er,sx:{color:"text.secondary",fontSize:16,cursor:"pointer",flexShrink:0}})}):null]})]}),e.jsx(X,{title:t._mainProvider?s("userCenter.thirdPartyLogin.mainProviderCantRemove"):"",children:e.jsx(u,{children:e.jsx(et,{variant:"outlined",size:"small",sx:b=>{const I=b.palette.error.main,M=b.palette.primary.main;return{color:t?._bind?I:M,borderColor:t?._bind?I:M,backgroundColor:"background.default","&:hover":{borderColor:t?._bind?I:M,backgroundColor:"action.hover"},py:.5,borderRadius:1,fontWeight:500,whiteSpace:"nowrap"}},fullWidth:!0,startIcon:o.loading?null:e.jsx(L,{icon:zr}),onClick:y,disabled:t._mainProvider,loading:o.loading,children:t?._bind?s("userCenter.thirdPartyLogin.disconnect"):s("userCenter.thirdPartyLogin.connect")})})}),i]})}ie.propTypes={item:c.shape({provider:c.string,did:c.string,pk:c.string,userInfo:c.object,id:c.string,_bind:c.bool,_rawProvider:c.string,_mainProvider:c.bool}).isRequired};function gt({user:t}){const{session:a}=j.use(fe),[n,i]=j.useState({}),{getOAuthConfigs:o}=a.useOAuth(),s=rt();jr(async()=>{const h=await o({sourceAppPid:t?.sourceAppPid});i(h)},[t?.sourceAppPid]);const d=P(()=>Object.keys(n).map(x=>({...n[x],provider:x})).filter(x=>x.enabled),[n]),p=P(()=>{const h=je(t);let x=!1,w="",v=br(t);const g=h.find(y=>y.provider===A.AUTH0);return g&&(g.id.startsWith("google-oauth2|")&&(h.some(y=>y.provider==="google")||(x=!0,w=A.GOOGLE,v===A.AUTH0&&(v=A.GOOGLE))),g.id.startsWith("appleid|")&&(h.some(y=>y.provider===A.APPLE)||(x=!0,w=A.APPLE,v===A.AUTH0&&(v=A.APPLE))),g.id.startsWith("github|")&&(h.some(y=>y.provider===A.GITHUB)||(x=!0,w=A.GITHUB,v===A.AUTH0&&(v=A.GITHUB)))),d.map(y=>{if(y.provider===A.AUTH0&&x)return null;const b=x&&y.provider===w?h.find(I=>I.provider===A.AUTH0):h.find(I=>I.provider===y.provider);return b?{...y,provider:y.provider,did:b.did,pk:b.pk,userInfo:b.userInfo,_bind:!0,_rawProvider:b.provider,_mainProvider:y.provider===v}:{...y,provider:y.provider,_rawProvider:y.provider,_mainProvider:y.provider===v}}).filter(Boolean).sort((y,b)=>y?.order!==void 0&&b?.order!==void 0?y.order-b.order:y?.order!==void 0?-1:1)},[t?.connectedAccounts,d]),r=P(()=>je(t).filter(w=>w.provider===A.PASSKEY&&w.did!==t?.did).map(w=>({...w,_bind:!0})),[t]),f=P(()=>je(t).filter(w=>w.provider===A.WALLET&&w.did!==t?.did).map(w=>({...w,_mainProvider:!0})),[t]);return e.jsx(u,{sx:{gap:1,display:"grid",gridTemplateColumns:"1fr min-content"},children:!p.length&&!r.length&&!f.length?e.jsx(De,{behavior:"only-new",action:"connect",createMode:"connect",createButtonText:"Add Passkey",onSuccess:q,onError:q,dense:!0}):e.jsxs(e.Fragment,{children:[p.map(h=>e.jsx(ie,{item:h},h?.provider)),r.map(h=>e.jsx(ie,{item:h},h.id)),f.map(h=>e.jsx(ie,{item:h},h.id)),s.wallet||s.arcSphere?null:e.jsx(De,{behavior:"only-new",action:"connect",createMode:"connect",createButtonText:"Add New Passkey",onSuccess:q,onError:q,dense:!0,sx:{px:1.5,py:1,gap:.75}})]})})}gt.propTypes={user:c.object.isRequired};function mt({configList:t,onSave:a}){const[n,i]=j.useState(t),{t:o}=B(),s=z(async(d,p)=>{try{const r=await O.user.saveUserPrivacyConfig({[d]:!p});i(n.map(f=>({...f,value:r?.[f.key]??f.value}))),U.success(o("userCenter.saveSuccess")),a("privacy")}catch(r){U.error(J(r))}});return j.useEffect(()=>{i(t)},[t]),e.jsx(u,{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:n.map(d=>d.isPrivate?null:e.jsx(at,{checked:!d.value,labelProps:{label:e.jsx(R,{sx:{color:"text.primary",fontSize:14,display:"flex",flexFlow:"wrap",columnGap:1,flex:1},children:o("userCenter.toPublic",{name:d.name})})},size:"small",onChange:p=>s(d.key,p.target.checked)},d.key))})}mt.propTypes={configList:c.arrayOf(c.shape({key:c.string.isRequired,name:c.string.isRequired,value:c.bool.isRequired,isPrivate:c.bool})).isRequired,onSave:c.func.isRequired};function bt({user:t,sessionUser:a}){const n=P(()=>(t?.passports||[])?.find(i=>i.name===a.role),[t?.passports,a?.role]);return e.jsxs(u,{sx:{display:"flex",alignItems:"center",gap:1},children:[e.jsx(tt,{size:40,variant:"circle",shape:"circle",src:a.avatar,did:a.did,sx:{flexShrink:0}}),e.jsxs(u,{sx:{flex:1,overflow:"hidden"},children:[e.jsxs(u,{sx:{display:"flex",alignItems:"center",gap:1},children:[e.jsx(X,{title:a.fullName,children:e.jsx(R,{sx:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",flex:1},children:a.fullName})}),e.jsx(ke,{label:n?.title||n?.name||"Guest",size:"small",variant:"outlined",sx:{flexShrink:0,fontWeight:"bold",fontSize:"12px",color:"text.primary",borderColor:"grey.300",backgroundColor:"transparent",textTransform:"capitalize",pr:.5,pl:0,height:"auto"}})]}),e.jsx(X,{title:a.email,children:e.jsx(R,{variant:"body2",color:"grey",sx:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},children:a.email})})]})]})}bt.propTypes={user:c.object.isRequired,sessionUser:c.shape({role:c.string,avatar:c.string,did:c.string,fullName:c.string,email:c.string}).isRequired};const pn=()=>Promise.resolve(""),Ve=t=>new Ce(t,{browser:[[/(ArcWallet)\/([\w\.]+)/i],[Ce.BROWSER.NAME,Ce.BROWSER.VERSION]]}).getResult(),Qe={display:"flex",justifyContent:"flex-end",textAlign:"right"},xn=new tr({concurrency:1}),ze=j.memo(({userSession:t,isMobile:a=!1})=>{const n=G({loading:!0,ipRegion:""}),{t:i}=B();return j.useEffect(()=>{xn.add(async()=>{try{n.ipRegion=await pn(t.lastLoginIp)}finally{n.loading=!1}})},[n,t.lastLoginIp]),e.jsx(u,{...a&&{display:"flex",alignItems:"center",justifyContent:"flex-end",gap:1,flexWrap:"wrap"},children:n.ipRegion?e.jsxs(e.Fragment,{children:[e.jsx(R,{variant:"body2",children:n.ipRegion}),e.jsx(R,{variant:"body2",color:"grey",children:t.lastLoginIp||i("userCenter.unknown")})]}):e.jsxs(e.Fragment,{children:[e.jsx(R,{children:t.lastLoginIp||i("userCenter.unknown")}),n.loading?e.jsx(R,{variant:"body2",color:"grey",sx:{textAlign:"center"},children:e.jsx(Q,{size:12,color:"inherit"})}):null]})})});ze.propTypes={userSession:c.object.isRequired,isMobile:c.bool};ze.defaultProps={isMobile:!1};function yt({user:t,showAction:a=!0,showUser:n=!0,getUserSessions:i,showOffline:o=!1}){const s=G({status:"online",page:1,pageSize:10}),d=G({online:0,expired:0,offline:0}),p=yr(),{t:r}=B(),f=he({key:"md"}),h=xe(k=>k.breakpoints.down("lg")),{confirmApi:x,confirmHolder:w}=Te(),v=z(async()=>{const k=await i({page:s.page,pageSize:s.pageSize,status:s.status}),S=k?.paging?.total||0;return d[s.status]=S,{total:S,list:k?.list||[]}});nt(async()=>{const k=await i({page:1,pageSize:1,status:"expired"});d.expired=k?.paging?.total||0;const S=await i({page:1,pageSize:1,status:"offline"});d.offline=S?.paging?.total||0});const g=te(v,{refreshDeps:[s.status,s.page,s.pageSize]}),m=P(()=>g.data?.list||[],[g.data?.list]),y=P(()=>{const{status:k}=s;return k==="online"?d[k]<=1:d[k]===0},[m,p]),b=P(()=>de({},f?Qe:{}),[f]),I=z(({visitorId:k})=>{x.open({title:r("userCenter.logoutThisSession"),content:r("userCenter.logoutThisSessionConfirm"),confirmButtonText:r("userCenter.confirm"),confirmButtonProps:{color:"error"},cancelButtonText:r("userCenter.cancel"),onConfirm:async()=>{await O.user.logout({visitorId:k,includeFederated:!0});const{page:S=0}=s,{list:W=[]}=g.data||{},K=W.length||0;S>1&&K===1&&(s.page=Math.max(S-1,1)),g.refresh(),x.close()}})}),M=z(()=>{x.open({title:r("userCenter.logoutAllSession",{type:r(s.status)}),content:r("userCenter.logoutAllSessionConfirm",{type:r(s.status)}),confirmButtonText:r("userCenter.confirm"),confirmButtonProps:{color:"error"},cancelButtonText:r("userCenter.cancel"),onConfirm:async()=>{await O.user.logout({status:s.status,visitorId:p,includeFederated:!0}),s.page=1,g.refresh(),x.close()}})}),D=[];a&&D.push(e.jsx(X,{title:r("userCenter.logoutAllTips",{type:r(s.status)}),children:e.jsx(_,{sx:{ml:.5},size:"small",variant:"contained",color:"error",onClick:M,disabled:y,children:r("userCenter.logoutAll",{type:r(s.status)})})},"logoutAll"));const $=P(()=>({search:!1,sort:!1,download:!1,filter:!1,print:!1,expandableRowsOnClick:!1,searchDebounceTime:600,page:s.page-1,rowsPerPage:s.pageSize,count:g.data?.total||0}),[g.data?.total,s.page,s.pageSize]),H=[{label:r("userCenter.platform"),name:"platform",options:{customBodyRenderLite:k=>{const S=m[k],W=Ve(S?.ua);return e.jsx(u,{sx:b,children:[W.os?.name,W.os?.version].filter(Boolean).join("/")||r("userCenter.unknown")})}}},{label:r("userCenter.deviceType"),name:"deviceType",options:{customBodyRenderLite:k=>{const S=m[k],W=Ve(S?.ua);return e.jsx(u,{sx:b,children:[W.browser?.name,W.browser?.version].filter(Boolean).join("/")||r("userCenter.unknown")})}}},{label:r("userCenter.walletOS"),name:"walletOS",options:{customBodyRenderLite:k=>{const S=m[k];return e.jsx(u,{sx:b,children:S.extra?.walletOS||r("userCenter.unknown")})}}},n&&{label:r("userCenter.user"),name:"user",options:{customBodyRenderLite:k=>{const S=m[k];return e.jsx(u,{sx:de({minWidth:150,maxWidth:250},f?Qe:{}),children:e.jsx(bt,{sessionUser:S.user,user:t})})}}},{label:r("userCenter.createdAt"),name:"createdAt",options:{customBodyRenderLite:k=>{const S=m[k];return e.jsx(u,{sx:b,children:S.createdAt?e.jsx(Fe,{value:S.createdAt,relativeRange:3*86400*1e3}):r("userCenter.unknown")})}}},!o&&{label:r("userCenter.updatedAt"),name:"updatedAt",options:{customBodyRenderLite:k=>{const S=m[k];return e.jsx(u,{sx:b,children:S.status==="expired"?r("userCenter.expired"):e.jsx(Fe,{value:S.updatedAt,relativeRange:3*86400*1e3})})}}},{label:r("userCenter.lastLoginIp"),name:"lastLoginIp",options:{customBodyRenderLite:k=>{const S=m[k];return e.jsx(ze,{userSession:S,isMobile:f})}}},a&&{label:r("userCenter.actions"),name:"actions",options:{customBodyRenderLite:k=>{const S=m[k];return e.jsx(u,{sx:b,children:e.jsx(_,{sx:{whiteSpace:"nowrap",fontSize:"12px !important",lineHeight:"1.25",px:1},disabled:p===S.visitorId,variant:"outlined",size:"small",color:"error",onClick:()=>I({visitorId:S.visitorId}),children:S.status==="expired"?r("userCenter.remove"):p===S.visitorId?r("userCenter.currentSession"):r("userCenter.logout")})})}}}].filter(Boolean);return e.jsxs(u,{className:"pc-user-sessions",sx:{maxWidth:f?"unset":h?"calc(100vw - 300px)":"100%",...f&&{".pc-user-sessions-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:k=>`${k.palette.grey[50]} !important`}}},".MuiTableRow-hover":{"&:hover":{backgroundColor:"inherit !important"}},".MuiTableCell-root":{paddingRight:"8px",paddingLeft:"8px",color:"text.secondary",...f&&{padding:"8px !important","&:first-child":{paddingTop:"20px!important"},"&:last-child":{paddingBottom:"20px!important"}}}},children:[w,e.jsx(vr,{count:g.data?.total||0,data:m,columns:H,customButtons:D,options:$,loading:g.loading,className:"pc-user-sessions-table",title:e.jsxs(Ot,{row:!0,sx:{lineHeight:1,ml:1},onChange:k=>{s.status=k.target.value},children:[e.jsx(Y,{value:"online",control:e.jsx(ve,{size:"small",sx:{lineHeight:1,fontSize:0},checked:s.status==="online"}),label:e.jsxs(R,{sx:{display:"flex",alignItems:"center"},children:[r("userCenter.online"),e.jsxs(R,{component:"span",sx:{ml:.5,color:"text.secondary"},children:["(",d.online,")"]})]})}),e.jsx(Y,{value:"expired",control:e.jsx(ve,{size:"small",sx:{lineHeight:1,fontSize:0},checked:s.status==="expired"}),label:e.jsxs(R,{sx:{display:"flex",alignItems:"center"},children:[r("userCenter.expired"),e.jsxs(R,{component:"span",sx:{ml:.5,color:"text.secondary"},children:["(",d.expired,")"]})]})}),o?e.jsx(Y,{value:"offline",control:e.jsx(ve,{size:"small",sx:{lineHeight:1,fontSize:0},checked:s.status==="offline"}),label:e.jsxs(R,{sx:{display:"flex",alignItems:"center"},children:[r("userCenter.offline"),e.jsxs(R,{component:"span",sx:{ml:.5,color:"text.secondary"},children:["(",d.offline,")"]})]})}):null]}),onChange:k=>{s.page=k.page+1,s.pageSize=k.rowsPerPage}})]})}yt.propTypes={user:c.object.isRequired,showAction:c.bool,showUser:c.bool,showOffline:c.bool,getUserSessions:c.func.isRequired};function vt({onDestroySelf:t=void 0}){const{confirmHolder:a}=Te(),{t:n}=B(),{session:i}=j.use(fe),o=z(async()=>{if(!t||typeof t!="function")return;const s=i.withSecondaryAuth(t,{extraParams:{removeUserDid:i?.user?.did,input:{user:{did:i?.user?.did},teamDid:window?.blocklet?.did}},operation:"destroySelf"});try{await s(),i.logout()}catch(d){U.error(d?.message||n("userCenter.destroyMyself.error"))}});return e.jsxs(e.Fragment,{children:[e.jsx(u,{children:e.jsxs(u,{sx:{display:"flex",alignItems:"center",gap:1,justifyContent:"space-between",flexWrap:"wrap"},children:[e.jsxs(u,{children:[e.jsx(R,{variant:"h6",sx:{fontSize:"0.875rem !important",fontWeight:"bold"},children:n("userCenter.dangerZone.deleteAccount")}),e.jsx(R,{variant:"caption",sx:{color:"text.secondary"},children:n("userCenter.dangerZone.deleteAccountDescription")})]}),e.jsx(_,{variant:"contained",color:"error",size:"small",onClick:o,children:n("userCenter.dangerZone.delete")})]})}),a]})}vt.propTypes={onDestroySelf:c.func};function fn(){const t=he({key:"md"}),a=xe(o=>o.breakpoints.down("lg")),n={display:"flex",justifyContent:"flex-end",flexWrap:"wrap",textAlign:"right","&.expired-at > div":{maxWidth:160,justifyContent:"flex-end",flexWrap:"wrap"}},i=P(()=>de({},t?n:{}),[t]);return e.jsx(u,{sx:{maxWidth:t?"unset":a?"calc(100vw - 300px)":"100%",...t&&{".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:o=>`${o.palette.grey[50]} !important`}}},".MuiTableRow-hover":{"&:hover":{backgroundColor:"inherit !important"}},".MuiTableCell-root":{paddingRight:"8px",paddingLeft:"8px",color:"text.secondary",...t&&{padding:"8px !important","&:first-child":{paddingTop:"20px!important"},"&:last-child":{paddingBottom:"20px!important"}}}},children:e.jsx($r,{isSelf:!0,columnSx:i})})}function jt({onDestroySelf:t=void 0,userCenterTabs:a=[]}){const{t:n}=B(),{user:i,session:o,isMyself:s,isOwner:d}=Me(),r=rt().arcSphere,f=he({key:"md"}),h=te(async()=>i&&s?await O.user.getUserPrivacyConfig({did:i.did}):null,{refreshDeps:[i,s],loadingDelay:300}),x=P(()=>a.map(g=>({key:g.value,name:g.label,value:g.protected,isPrivate:g.isPrivate})),[a]),w=z(async g=>g==="privacy"?(await h.runAsync(),h.data):(g==="profile"&&await o.refresh(),null));j.useEffect(()=>{const g=window.location.hash.slice(1);g&&document.getElementById(g)?.scrollIntoView({behavior:"smooth"})},[]);const v=P(()=>[r?void 0:{label:n("userCenter.commonSetting.title"),value:"common",content:e.jsx(ft,{user:i,onSave:w})},{label:n("userCenter.notificationManagement"),value:"notification",content:e.jsx(ht,{user:i,isMobile:f})},{label:n("userCenter.thirdPartyLogin.title"),value:"thirdPartyLogin",content:e.jsx(gt,{user:i})},{label:n("common.accessKeys"),value:"accessKeys",content:e.jsx(fn,{isSelf:!0})},{label:n("common.mcpServers"),value:"mcpServers",content:e.jsx(Br,{})},{label:n("userCenter.privacyManagement"),value:"privacy",content:e.jsx(mt,{configList:x,onSave:w})},{label:n("userCenter.sessionManagement"),value:"session",content:e.jsx(yt,{user:i,showUser:!1,getUserSessions:g=>O.userSession.getMyLoginSessions({},g)})},!d&&t&&typeof t=="function"?{label:n("userCenter.dangerZone.title"),value:"dangerZone",content:e.jsx(vt,{onDestroySelf:t}),sx:{borderColor:"error.main"}}:null].filter(Boolean),[i,x,f,d,t]);return s?e.jsx(u,{sx:{display:"flex",flexDirection:"column",gap:2.5,minWidth:{md:500},maxWidth:"100%"},children:v.map(g=>g?e.jsxs(u,{id:g.value,sx:de({border:"1px solid",borderColor:"divider",borderRadius:1,p:2,"&:last-child":{mb:5}},g.sx),children:[e.jsx(R,{sx:{color:"text.primary",fontWeight:600},children:g.label}),e.jsx(u,{sx:{mt:2.5},children:g.content})]},g.value):null)}):null}jt.propTypes={onDestroySelf:c.func,userCenterTabs:c.array};const Ct=j.createContext({}),{Provider:hn,Consumer:xo}=Ct;function wt({children:t}){const[a]=j.useState(!1),{session:n}=j.use(fe),{user:i}=n,[o,s]=j.useState(),d=j.useMemo(()=>i?.didSpace?.endpoint,[i?.didSpace]);j.useEffect(()=>{s(i?.didSpace)},[i?.didSpace]);const p=async()=>{s(void 0)},r=x=>{},f=async x=>{s(x),await r(x.endpoint)},h=!!(d&&o);return e.jsx(hn,{value:{loading:a,spaceGateway:o,session:n,deleteSpaceGateway:p,updateSpaceGateway:f,storageEndpoint:d,settingStorageEndpoint:r,hasStorageEndpoint:h},children:t})}function Ee(){return j.use(Ct)}wt.propTypes={children:c.node.isRequired};function gn(t){const a=t.replace(/\/api\/space\/.+/,""),i=t.replace(/\/$/,"").split("/").at(-4);return ce(a,"space",i)}function kt({session:t,spaceGateway:a,spaceStatus:n,refresh:i}){return e.jsxs(Re,{direction:"row",spacing:1,children:[n===Dr.DISCONNECTED&&e.jsx(ue,{reconnect:!0,variant:"outlined",session:t,spaceDid:t.user?.didSpace?.did,spaceGatewayUrl:t.user?.didSpace?.url,connectScope:"user",onSuccess:async()=>{await i()},onError:o=>{console.error(o),U.error(J(o))}}),e.jsx(N,{size:"small",LinkComponent:Ft,href:gn(a.endpoint),target:"_blank",children:e.jsx(Ut,{})})]})}kt.propTypes={session:c.object.isRequired,spaceGateway:c.object.isRequired,spaceStatus:c.string.isRequired,refresh:c.func.isRequired};function St({spaceGateway:t=void 0}){const{t:a}=B(),{updateSpaceGateway:n,session:i}=Ee(),o=he(),s=({spaceGateway:d})=>n(d);return e.jsxs(u,{sx:{display:"flex",flexDirection:"column"},children:[e.jsxs(u,{sx:{display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"space-between",marginBottom:"12px"},children:[e.jsx(R,{sx:{fontSize:"16px",fontWeight:"bold"},children:a("userCenter.storage.spaces.connected.title")}),!o&&e.jsx(ue,{connectScope:"user",session:i,onSuccess:s})]}),e.jsx(u,{children:t&&e.jsx(Nr,{endpoint:t.endpoint,deps:[t],selected:!0,footer:!0,action:d=>e.jsx(kt,{session:i,...d})},t.endpoint)}),o&&e.jsx(u,{sx:{display:"flex",alignItems:"center",justifyContent:"center",marginTop:2},children:e.jsx(ue,{connectScope:"user",session:i,onSuccess:s})})]})}St.propTypes={spaceGateway:c.object};function mn(){const{t}=B(),{updateSpaceGateway:a,session:n}=Ee(),i=({spaceGateway:o})=>a(o);return e.jsxs(u,{sx:{display:"flex",flexDirection:"column"},children:[e.jsx(R,{sx:{fontSize:"16px",fontWeight:"bold"},children:t("userCenter.storage.spaces.connect.providerForStorage")}),e.jsx(Or,{viewBox:"0 0 228 258",style:{width:"156px",height:"156px",margin:"16px 0"}}),e.jsx(u,{children:e.jsx(ue,{session:n,onSuccess:i})})]})}function bn(){const{spaceGateway:t,hasStorageEndpoint:a,loading:n}=Ee(),{isMyself:i}=Me();return i?n?e.jsx(Wr,{relative:"parent",children:e.jsx(Q,{})}):e.jsx(vn,{children:e.jsx(u,{sx:{maxWidth:"720px"},children:a?e.jsx(St,{spaceGateway:t}):e.jsx(mn,{})})}):null}function yn(){return e.jsx(wt,{children:e.jsx(bn,{})})}const vn=ee(u)`
-  height: 100%;
-  overflow-y: auto;
-`;function fo(){const{t}=B(),{api:a}=rr(),n=j.useRef(null),o=_t().tab,d=new URLSearchParams(window.location.search).get("embed")||window.sessionStorage?.getItem("embed"),p=nr(),r=P(()=>({...window.blocklet,meta:{did:window.blocklet.did,name:window.blocklet.did},children:window?.blocklet?.componentMountPoints.map(h=>({...h,meta:{...h,did:h.did,name:h.name||h.title||"",logo:"logo.png"}}))})),f=async h=>{const{input:x,sessionId:w}=h;try{await a.destroySelf({input:{...x,sessionId:w}})}catch(v){console.error("destroy myself error",v)}};return e.jsxs(e.Fragment,{children:[e.jsx(or,{children:e.jsx("title",{children:t("pageTitle.userCenter")})}),e.jsx(kr,{children:e.jsxs(Er,{ref:n,embed:d==="1",currentTab:o?ce(Ie.WELLKNOWN_SERVICE_PATH_PREFIX,"user",o):"",disableAutoRedirect:o==="settings",children:[o==="notifications"?e.jsx(on,{blocklets:[r],context:p}):null,o==="nfts"?e.jsx(dn,{}):null,o==="settings"?e.jsx(jt,{onDestroySelf:f}):null,o==="did-spaces"?e.jsx(yn,{}):null]})})]})}export{fo as default};

package/dist/assets/index-BVPDkm__.js

@@ -1 +0,0 @@
-import{j as t,at as r}from"./vendor-mui-core-DWYIngcn.js";import{r as s}from"./vendor-react-Dvs43sk9.js";import{b as a}from"./vendor-ux-Dln42oC3.js";import{t as n}from"./index-CgCJ2qDh.js";import"./vendor-utils-J7aLFpEq.js";import"./vendor-hooks-HB6DqcLv.js";import"./lottie-web-4koyQiv_.js";import"./vendor-arcblock-B78OG6SS.js";function l(){const{t:o}=s.useContext(a);return t.jsx(i,{style:{paddingTop:"25vh"},children:t.jsx(n,{status:"404",description:o("noMatch.desc"),style:{backgroundColor:"transparent"}})})}const i=r.main``;export{l as default};

package/dist/assets/index-C_CqbmyE.js

@@ -1,7 +0,0 @@
-import{T as M,H as q,I as N,j as Y,C as ve,D as Ce,L as Se}from"./vendor-ux-Dln42oC3.js";import{q as Te,k as le,s as Ie}from"./vendor-hooks-HB6DqcLv.js";import{r as E,a as ae}from"./vendor-react-Dvs43sk9.js";import{j as e,Y as Re,bB as We,$ as ze,ak as p,z as se,T as C,a6 as F,aX as te,R as De,Q as H,b6 as ne,am as A,bd as _,a5 as J,V as Z,S as G,b4 as Oe,U as L,I as B,cl as $e,bf as Ae,a7 as Pe,F as qe,W as t,b1 as R,a3 as ce,bY as ee,cm as Le,aO as Me,aP as Be,cn as Fe,co as He,cp as Ne,s as oe,aU as Ue,aj as _e,J as Ke,cq as Ve,aZ as Ye,ce as Je,c9 as Qe,cd as Xe}from"./vendor-mui-core-DWYIngcn.js";import{g as de,a as pe,l as ue}from"./index-DcwzA8G_.js";import{O as K,c as xe,ad as Ze,Z as Ge,aX as Q}from"./index-CgCJ2qDh.js";import{u as V}from"./team-DplrCM_m.js";import{u as et}from"./use-mobile-BhzP2Rp3.js";import{u as tt,C as X}from"./index.esm-JPZAjt0x.js";import{C as he,a as me,J as ot}from"./vendor-utils-J7aLFpEq.js";import{C as st}from"./confirm-B4BzkG04.js";import{A as nt}from"./actions-CeSIZN0M.js";import{T as ie}from"./table-tips-ZIxKRomr.js";import"./lottie-web-4koyQiv_.js";import"./vendor-arcblock-B78OG6SS.js";import"./session-BV5HR2vD.js";import"./index-DBs9Ljax.js";const it=i=>{const[u,c]=E.useState(null),[b,r]=E.useState(!0),[w,x]=E.useState(null),j=window.blocklet?.appUrl,l=E.useMemo(()=>{const g={};return u&&(u.sources.forEach(y=>{g[y.did]={source:y,events:[],count:0}}),u.events.forEach(y=>{g[y.source]&&(g[y.source].events.push(y),g[y.source].count+=1)})),g},[u]),f=async()=>{try{if(r(!0),!j)return;const y=await(await fetch(he(j,xe.WELLKNOWN_SERVICE_PATH_PREFIX,"/openevent.json"))).json();c(y),x(null)}catch(g){x(g instanceof Error?g:new Error(String(g)))}finally{r(!1)}};return E.useEffect(()=>{f()},[j]),{openEvent:u,setOpenEvent:c,eventsBySource:l,loading:b,error:w,loadData:f}};function ge({eventsBySource:i,selectedEvents:u,setSelectedEvents:c,error:b=null}){const{t:r}=M(),[w,x]=E.useState({}),j=E.useMemo(()=>{const n={};return Object.entries(i).forEach(([a,{events:m}])=>{const v=m.filter(S=>u[`${S.type}-${S.source}`]).length;n[a]=v}),n},[i,u]),l=E.useMemo(()=>Object.values(j).reduce((n,a)=>n+a,0),[j]),f=E.useMemo(()=>Object.values(i).reduce((n,{events:a})=>n+a.length,0),[i]),g=(n,a)=>{a.stopPropagation(),x({...w,[n]:!w[n]})},y=n=>{const a=`${n.type}-${n.source}`;c(m=>({...m,[a]:!m[a]}))},z=(n,a)=>{const m={};n.forEach(v=>{const S=`${v.type}-${v.source}`;m[S]=!a}),c(v=>({...v,...m}))},T=n=>{const a={};Object.values(i).forEach(({events:m})=>{m.forEach(v=>{const S=`${v.type}-${v.source}`;a[S]=n.target.checked})}),c(a)};return e.jsxs(p,{sx:{width:"100%"},children:[e.jsxs(p,{sx:{display:"flex",alignItems:"center",mb:1,mt:1},children:[e.jsx(ne,{control:e.jsx(J,{onChange:T,checked:l>0&&l===f}),label:e.jsxs(p,{sx:{display:"flex",alignItems:"center",cursor:"pointer"},children:[r("webhookEndpoint.selectAllEvents"),e.jsx(p,{sx:{display:"flex",alignItems:"center"},children:e.jsx(A,{title:r("webhookEndpoint.selectAllEventsTooltip"),placement:"right",children:e.jsx(_,{fontSize:"small",sx:{ml:.5,cursor:"help"}})})})]}),sx:{m:0}}),l>0&&e.jsx(C,{variant:"body2",color:"primary",sx:{ml:"auto"},children:r("webhookEndpoint.selectedEventsCount",{count:l})})]}),e.jsx(p,{sx:{maxHeight:"50vh",overflow:"auto"},children:e.jsx(Z,{disablePadding:!0,sx:{border:"1px solid",borderColor:"divider",borderRadius:"4px"},children:Object.entries(i).map(([n,{source:a,events:m,count:v}],S)=>{const D=j[n]>0,I=j[n]===m.length&&m.length>0,O=w[n];return e.jsxs(ae.Fragment,{children:[e.jsx(G,{sx:{borderBottom:({palette:o})=>S<Object.keys(i).length-1?`1px solid ${o.divider}`:"none",px:2,py:1.5,"&:hover":{bgcolor:"rgba(0, 0, 0, 0.02)"}},children:e.jsxs(p,{sx:{display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center"},onClick:o=>{o.target.closest(".MuiFormControlLabel-root")||g(n,o)},children:[e.jsx(p,{sx:{display:"flex",alignItems:"center"},children:m.length>0&&e.jsx(ne,{control:e.jsx(J,{checked:I,indeterminate:D&&!I,onChange:o=>{o.stopPropagation(),z(m,I)}}),label:e.jsxs(p,{sx:{display:"flex",alignItems:"center",gap:1},children:[a.logo&&e.jsx(Oe,{src:a.logo,sx:{width:24,height:24}}),e.jsx(p,{children:a.title||n}),D&&e.jsx(L,{label:r("webhookEndpoint.selectedCount",{count:j[n]}),size:"small",sx:{mt:"2px",height:"20px",fontSize:"12px",bgcolor:o=>`${o.palette.primary.main}20`,color:"primary.main",fontWeight:500}})]}),sx:{m:0,"& .MuiFormControlLabel-label":{flex:1}}})}),e.jsxs(p,{sx:{display:"flex",alignItems:"center"},children:[e.jsx(C,{variant:"body2",sx:{color:"text.secondary",mr:1},children:r("webhookEndpoint.eventsCount",{count:v})}),m.length>0&&e.jsx(B,{size:"small",edge:"end",children:O?e.jsx($e,{}):e.jsx(Ae,{})})]})]})}),m.length>0&&e.jsx(Pe,{in:O,timeout:"auto",unmountOnExit:!0,children:e.jsx(Z,{disablePadding:!0,sx:{pl:2,pr:2,py:1,bgcolor:"rgba(0, 0, 0, 0.01)"},children:m.map(o=>{const d=`${o.type}-${o.source}`,s=!!u[d];return e.jsx(G,{dense:!0,sx:{py:.75},onClick:()=>y(o),children:e.jsxs(p,{sx:{display:"flex",alignItems:"flex-start",width:"100%"},children:[e.jsx(J,{checked:s,sx:{mr:1}}),e.jsxs(p,{children:[e.jsx(C,{variant:"body1",sx:{cursor:"pointer",color:"text.primary"},children:o.type}),e.jsx(C,{variant:"caption",sx:{color:"text.secondary",display:"block",cursor:"pointer"},children:o.description})]})]})},d)})})})]},n)})})}),b&&e.jsx(qe,{error:!0,sx:{mt:1},children:b})]})}ge.propTypes={eventsBySource:t.objectOf(t.shape({source:t.shape({did:t.string.isRequired,title:t.string,description:t.string,version:t.string,logo:t.string}).isRequired,events:t.arrayOf(t.shape({type:t.string.isRequired,description:t.string.isRequired,source:t.string.isRequired})).isRequired,count:t.number.isRequired})).isRequired,selectedEvents:t.objectOf(t.bool).isRequired,setSelectedEvents:t.func.isRequired,error:t.string};function fe({id:i=null,url:u="",description:c="",enabledEvents:b=[],onSubmit:r,onClose:w=()=>{}}){const{t:x}=M(),[j,l]=E.useState({}),{teamDid:f}=V(),{api:g}=K(),{loading:y,error:z,eventsBySource:T}=it(),{control:n,handleSubmit:a,formState:{errors:m},reset:v,setValue:S,trigger:D}=tt({defaultValues:{url:"",description:""}});E.useEffect(()=>{const o=Object.values(j).some(d=>d);S("selectedEvents",o?"valid":""),D("selectedEvents")},[j,S,D]);const I=()=>{l({}),v(),w()},O=async o=>{const d=Object.keys(j).filter(h=>j[h]),s={url:o.url,description:o.description,enabledEvents:d.map(h=>{const[k,W]=h.split("-");return!k||!W?null:{type:k,source:W}}).filter(Boolean)};try{if(i){const h=await g.updateWebhookEndpoint({input:{teamDid:f,id:i,data:s}});q.success(`${x("webhookEndpoint.updateWebhook")} ${x("webhookEndpoint.success")}`),r(h)}else{const h=await g.createWebhookEndpoint({input:{teamDid:f,input:s}});q.success(`${x("webhookEndpoint.createWebhook")} ${x("webhookEndpoint.success")}`),r(h)}}catch(h){q.error(h?.message)}I()};return E.useEffect(()=>{v({url:u,description:c}),l(b.reduce((o,d)=>(o[`${d.type}-${d.source}`]=!0,o),{}))},[v,l,u,c,b]),e.jsx(Re,{open:!0,onClose:I,maxWidth:"lg",fullWidth:!0,sx:{"& .MuiDialog-paper":{minHeight:600}},children:e.jsxs("form",{onSubmit:a(O),children:[e.jsx(We,{children:x(i?"webhookEndpoint.editWebhookTitle":"webhookEndpoint.createWebhookTitle")}),e.jsx(ze,{children:e.jsxs(p,{sx:{display:"flex",flexDirection:"column",gap:2,mt:2},children:[e.jsx(X,{name:"url",control:n,rules:{required:x("webhookEndpoint.validation.urlRequired"),pattern:{value:/^(http|https):\/\/[^ "]+$/,message:x("webhookEndpoint.validation.urlInvalid")}},render:({field:o})=>e.jsx(se,{...o,label:x("webhookEndpoint.url.label"),fullWidth:!0,error:!!m.url,helperText:m.url?.message})}),e.jsx(X,{name:"description",control:n,rules:{required:x("webhookEndpoint.validation.descriptionRequired")},render:({field:o})=>e.jsx(se,{...o,label:x("webhookEndpoint.description.label"),fullWidth:!0,multiline:!0,minRows:2,maxRows:4,error:!!m.description,helperText:m.description?.message})}),e.jsx(X,{name:"selectedEvents",control:n,rules:{required:x("webhookEndpoint.validation.eventRequired")},render:({field:o})=>e.jsx("input",{type:"hidden",...o})}),!y&&T&&Object.keys(T).length>0&&e.jsx(ge,{eventsBySource:T,selectedEvents:j,setSelectedEvents:l,error:m.selectedEvents?.message}),!y&&(!T||Object.keys(T).length===0)&&e.jsx(C,{sx:{color:"text.secondary"},children:x("webhookEndpoint.noAvailableEvents")}),y&&e.jsx(p,{sx:{display:"flex",justifyContent:"center",alignItems:"center",height:"500px",width:"100%"},children:e.jsx(F,{size:20})}),z&&e.jsx(te,{severity:"error",children:x("webhookEndpoint.loadingError",{message:z?.message})})]})}),e.jsxs(De,{sx:{p:"8px 24px 24px"},children:[e.jsx(H,{onClick:I,children:x("common.cancel")}),e.jsx(H,{type:"submit",variant:"contained",color:"primary",children:x(i?"webhookEndpoint.updateWebhook":"webhookEndpoint.saveWebhook")})]})]})})}fe.propTypes={onSubmit:t.func.isRequired,id:t.string,url:t.string,description:t.string,enabledEvents:t.arrayOf(t.shape({type:t.string.isRequired,source:t.string.isRequired})),onClose:t.func};function be(i){switch(i){case"enabled":return"success";case"disabled":default:return"default"}}const rt=(i="en")=>i==="tw"?"zh":i;function U(i,u="YYYY-MM-DD HH:mm:ss",c="en"){return i?Ze(i).locale(rt(c)).format(u):"-"}function lt(i){return typeof i=="number"?!1:me(i)}function at(i){return i>=200&&i<300}function $({value:i,label:u,tip:c="",divider:b=!1}){const r=lt(i);return e.jsxs(e.Fragment,{children:[e.jsxs(R,{direction:"column",alignItems:"flex-start",children:[e.jsxs(C,{component:"div",variant:"body1",mb:1,color:"text.primary",sx:{fontWeight:500},children:[u,!!c&&e.jsx(A,{title:c,children:e.jsx(_,{fontSize:"small"})})]}),e.jsx(C,{component:"div",variant:"body1",color:r?"text.disabled":"text.secondary",sx:{width:"100%",minHeight:"24px"},children:r?"-":i})]}),b&&e.jsx(ce,{orientation:"vertical",flexItem:!0})]})}$.propTypes={label:t.oneOfType([t.string,t.node]).isRequired,value:t.oneOfType([t.string,t.node]).isRequired,tip:t.oneOfType([t.string,t.node]),divider:t.bool};function je({title:i,children:u=null,mb:c=1.5,mt:b=1.5}){return e.jsxs(R,{className:"section-header",direction:"row",sx:{justifyContent:"space-between",alignItems:"center",flexWrap:"wrap",gap:1,mb:c,mt:b,pb:1},children:[e.jsx(C,{variant:"h3",sx:{fontSize:{xs:"18px",md:"1.09375rem"}},component:"div",children:i}),u]})}je.propTypes={title:t.oneOfType([t.string,t.node]).isRequired,children:t.node,mb:t.number,mt:t.number};const ct={width:24,height:24,body:'<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 11A8.1 8.1 0 0 0 4.5 9M4 5v4h4m-4 4a8.1 8.1 0 0 0 15.5 2m.5 4v-4h-4"/>'},dt=i=>{const u={};return i.forEach(c=>{const b=new Date(c.createdAt).toLocaleDateString();u[b]||(u[b]=[]),u[b]?.push(c)}),u};function ye({eventId:i="",webhookEndpointId:u="",event:c=null}){const{api:b,ws:{useSubscription:r}}=K(),{t:w}=M(),{teamDid:x}=V(),{blocklet:j}=Ge(),{data:l,loadMore:f,loadingMore:g,loading:y,mutate:z}=Te(s=>{const k=s?Math.ceil(s.list.length/15)+1:1;return b.getWebhookAttempts({input:{teamDid:x,input:{eventId:i,webhookId:u},paging:{page:k,pageSize:15}}})},{reloadDeps:[i,u]}),T=l?.list||[],[n,a]=E.useState(null),[m,v]=E.useState(!1),S=dt(T);if(E.useEffect(()=>{!n&&l?.list.length&&a(l.list[0])},[l?.list.length,n]),r(xe.EVENTS.WEBHOOK_ATTEMPT,s=>{z(h=>{if(h.list.find(W=>W.id===s.id)){const W=h.list.map(P=>P.id===s.id?{...P,...s}:P);return{...h,list:W}}return s.endpoint=h.list[0]?.endpoint,s.event=h.list[0]?.event,{...h,list:[s,...h.list]}})},[]),y)return e.jsx(F,{});const D=l&&l.list.length<l.paging.total,I=async()=>{n&&(v(!0),await b.retryWebhookAttempt({input:{teamDid:x,eventId:n.event.id,webhookId:u,attemptId:n.id}}).finally(()=>{setTimeout(()=>{v(!1)},1e3)}))},O=s=>{if(s.responseBody&&s.responseBody?.sessionId&&s.responseBody?.projectId&&s.responseBody?.agentId){const h=j?.site?.domainAliases[0]?.value,k=(j.children||[]).find(P=>P?.meta?.name==="ai-studio"),W=ot(he(`https://${h}`,k?.mountPoint||"","projects",s.responseBody.projectId,"logs/main"),{sessionId:s.responseBody.sessionId,agentId:s.responseBody.agentId});return e.jsx(B,{sx:{fontSize:20},onClick:()=>window.open(W,"_blank"),children:e.jsx(p,{component:N,icon:Q})})}return null},o=s=>s.status==="pending"?e.jsx(Fe,{color:"warning"}):at(s.responseStatus)?e.jsx(He,{color:"success"}):e.jsx(Ne,{color:"error"}),d=n?.triggeredFrom&&(l?.list||[]).find(s=>s.id===n.triggeredFrom);return e.jsxs(pt,{container:!0,spacing:{xs:0,md:1},sx:{height:1},children:[e.jsx(ee,{size:{xs:12,md:4},sx:{height:1},children:me(Object.keys(S))?e.jsx(C,{sx:{color:"text.secondary"},children:w("webhookEndpoint.waitingForEvents")}):e.jsxs(e.Fragment,{children:[e.jsx(Z,{sx:{maxHeight:"calc(100% - 40px)",py:0,overflowY:"auto"},children:Object.entries(S).map(([s,h])=>e.jsxs(ae.Fragment,{children:[e.jsx(Le,{sx:{p:0},children:s}),h.map(k=>e.jsxs(G,{sx:{cursor:"pointer",px:1},onClick:()=>a(k),selected:n&&n?.id===k?.id,secondaryAction:e.jsx(C,{sx:{color:"text.secondary"},children:U(k.createdAt,"HH:mm:ss")}),children:[e.jsx(Me,{sx:{minWidth:0,mr:1.5},children:o(k)}),e.jsx(Be,{primary:e.jsx(C,{sx:{color:"text.primary"},children:k.event.type})})]},k.id))]},s))}),D&&e.jsx(p,{sx:{display:"flex",justifyContent:"center",alignItems:"center",width:1},children:e.jsx(H,{variant:"text",type:"button",color:"inherit",onClick:f,disabled:g,sx:{color:s=>s.palette.text.disabled},children:w(g?"webhookEndpoint.loadingMore":"webhookEndpoint.loadMore")})})]})}),e.jsxs(ee,{size:{xs:12,md:8},sx:{height:1},children:[n&&e.jsxs(R,{direction:"column",spacing:2,sx:{height:1,overflow:"auto",pl:{xs:0,md:1},mt:{xs:2,md:0},borderLeft:{xs:"none"}},children:[e.jsxs(p,{sx:{display:"flex",alignItems:"center",justifyContent:"space-between"},children:[e.jsxs(p,{sx:{display:"flex",alignItems:"center",gap:1},children:[e.jsx(C,{variant:"h4",children:w(`common.${n.status}`)}),e.jsx(p,{children:O(n)})]}),e.jsxs(p,{sx:{display:"flex",alignItems:"center",gap:1},children:[d&&e.jsx(A,{placement:"left",title:e.jsxs(R,{onClick:()=>a(d),sx:{gap:1,cursor:"pointer",".did-address-text":{color:"common.white"}},children:[e.jsx(de,{showDid:!0,did:n.triggeredBy,cardType:ue.Detailed,infoType:pe.Minimal,sx:{border:0,padding:0,minWidth:0,".MuiTypography-root":{color:"common.white",fontWeight:400}}}),e.jsx(ce,{}),e.jsxs(p,{sx:{display:"flex",flexDirection:"column"},children:[e.jsx(C,{variant:"body2",sx:{color:"primary.main"},children:w("webhookEndpoint.triggeredFrom")}),e.jsxs(p,{sx:{display:"flex",alignItems:"center",gap:1},children:[e.jsx(C,{variant:"body2",children:n.id}),e.jsx(B,{onClick:()=>a(d),children:e.jsx(p,{component:N,icon:Q,sx:{fontSize:16,color:"common.white"}})})]})]})]}),slotProps:{tooltip:{sx:{maxWidth:400}}},children:e.jsx(B,{onClick:()=>a(d),children:e.jsx(p,{component:N,icon:Q,sx:{fontSize:16}})})}),e.jsxs(H,{variant:"outlined",color:"primary",size:"small",onClick:I,disabled:m,children:[e.jsx(p,{component:N,icon:ct,sx:{fontSize:16,animation:m?"spin 1s linear infinite":"none",mr:.5}}),w("notification.resend")]})]})]}),e.jsxs(p,{children:[e.jsxs(C,{variant:"h6",children:[w("webhookEndpoint.response")," (",n.responseStatus,")"]}),e.jsx(Y,{language:"json",children:JSON.stringify(n.responseBody,null,2)})]}),e.jsxs(p,{children:[e.jsx(R,{direction:"row",spacing:1,sx:{alignItems:"center"},children:e.jsx(C,{variant:"h6",children:w("webhookEndpoint.request")})}),e.jsx(Y,{language:"json",sx:{margin:0},children:JSON.stringify(n.event,null,2)})]})]}),l?.list.length===0&&c&&e.jsxs(p,{children:[e.jsx(R,{direction:"row",spacing:1,sx:{alignItems:"center"},children:e.jsx(C,{variant:"h6",children:w("webhookEndpoint.eventData")})}),e.jsx(Y,{language:"json",sx:{margin:0},children:JSON.stringify(c.data,null,2)})]})]})]})}ye.propTypes={eventId:t.string,webhookEndpointId:t.string,event:t.shape({type:t.string,data:t.object,request:t.object,requestInfo:t.object})};const pt=oe(ee)`
-  @keyframes spin {
-    to {
-      transform: rotate(360deg);
-    }
-  }
-`;function we({id:i,onClose:u}){const{t:c}=M(),{api:b}=K(),{teamDid:r}=V(),{loading:w,error:x,data:j}=le(()=>b.getWebhookEndpoint({input:{teamDid:r,id:i}})),l=j?.data;return x?e.jsx(te,{severity:"error",children:x.message}):w||!l?e.jsx(p,{sx:{display:"flex",justifyContent:"center",alignItems:"center",height:1,width:1},children:e.jsx(F,{})}):e.jsxs(ut,{direction:"column",sx:{height:{xs:"auto",md:1}},children:[e.jsxs(p,{children:[e.jsxs(R,{direction:"row",sx:{justifyContent:"space-between",alignItems:"center"},children:[e.jsx(R,{sx:{flex:1,width:0},children:e.jsxs(p,{sx:{display:"flex",alignItems:"center",gap:1},children:[e.jsx(C,{variant:"h5",sx:{fontWeight:600,overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"},children:l.description}),e.jsx(A,{title:l.url,children:e.jsx(_,{sx:{fontSize:"16px",marginTop:"2px"}})})]})}),e.jsx(R,{direction:"row",sx:{alignItems:"center"},children:e.jsx(B,{edge:"end",color:"inherit",onClick:u,children:e.jsx(_e,{})})})]}),e.jsx(p,{sx:{mt:2},children:e.jsxs(R,{className:"section-body",direction:{xs:"column",md:"row"},spacing:{xs:1,md:3},sx:{justifyContent:"flex-start",flexWrap:"wrap",pt:2,mt:2,borderTop:"1px solid #eee"},children:[e.jsx($,{label:c("common.status"),value:e.jsx(L,{size:"small",variant:"filled",label:l.status,color:be(l.status),sx:{borderRadius:"4px",lineHeight:"20px",textTransform:"capitalize"}}),divider:!0}),e.jsx($,{label:c("webhookEndpoint.listen"),value:e.jsx(A,{arrow:!0,title:e.jsx("ul",{style:{padding:0,margin:0},children:l.enabledEvents.map(f=>e.jsx("li",{style:{fontSize:"0.7875rem"},children:f?.type},f))}),children:e.jsx(L,{size:"small",variant:"filled",label:c("webhookEndpoint.eventsCount",{count:l.enabledEvents.length}),sx:{borderRadius:"4px",lineHeight:"20px",textTransform:"capitalize"}})}),divider:!0}),e.jsx($,{label:c("webhookEndpoint.version"),value:l.apiVersion,divider:!0}),e.jsx($,{label:c("common.createdAt"),value:U(l.createdAt),divider:!0}),e.jsx($,{label:c("common.updatedAt"),value:U(l.updatedAt),divider:!0}),e.jsx($,{label:c("common.createdBy"),value:e.jsx(A,{arrow:!0,title:l.createUser?.did,children:e.jsx(L,{size:"small",variant:"filled",label:l.createUser?.fullName,sx:{borderRadius:"4px",lineHeight:"20px",textTransform:"capitalize"}})}),divider:!0}),e.jsx($,{label:c("common.updatedBy"),value:e.jsx(A,{arrow:!0,title:l.updateUser?.did,children:e.jsx(L,{size:"small",variant:"filled",label:l.updateUser?.fullName,sx:{borderRadius:"4px",lineHeight:"20px",textTransform:"capitalize"}})})})]})})]}),e.jsxs(R,{className:"section",sx:{flex:1,height:0,overflow:"hidden"},children:[e.jsx(je,{title:c("webhookEndpoint.attempts"),mb:0,mt:4}),e.jsx(R,{sx:{height:0,flex:1,overflow:"hidden"},children:e.jsx(ye,{webhookEndpointId:l.id})})]})]})}we.propTypes={id:t.string.isRequired,onClose:t.func.isRequired};const ut=oe(R)``;function ke({open:i,onClose:u,id:c}){return e.jsx(Ue,{anchor:"right",open:i,onClose:u,slotProps:{paper:{sx:{width:"90vw",maxWidth:"1200px"}}},children:e.jsx(p,{sx:{height:"100vh",p:3},children:e.jsx(we,{id:c,onClose:u})})})}ke.propTypes={open:t.bool.isRequired,onClose:t.func.isRequired,id:t.string.isRequired};function re(){return null}function Ee({options:i={},columns:u=[],toolbar:c=!0,footer:b=!0,hasRowLink:r=!1,emptyNodeText:w="",durable:x="",durableKeys:j=[],data:l=[],loading:f=!1,...g}){const{locale:y}=M(),z=Ke(a=>a.breakpoints.down("md")),T={print:!1,download:!1,filter:!1,selectableRows:"none",rowsPerPage:z?5:10,rowsPerPageOptions:[5,10,20,50,100],searchDebounceTime:300,tableBodyHeight:"100%",loading:!0},n={};return c||(n.TableToolbar=re),b||(n.TableFooter=re),e.jsx(xt,{locale:y,options:{...T,...i},columns:(u||[]).map(a=>(a.options=a.options||{},a.options.filter=a.options.filter||!1,a.options.sort=a.options.sort||!1,a)),emptyNode:e.jsx(ve,{children:w}),...g,durable:x,durableKeys:j,data:l,loading:f,components:n,hasRowLink:r,isMobile:z})}Ee.propTypes={options:t.object,columns:t.array,toolbar:t.bool,footer:t.bool,hasRowLink:t.bool,emptyNodeText:t.node,durable:t.string,durableKeys:t.array,data:t.array,loading:t.bool,onChange:t.func,title:t.node,components:t.object};const xt=oe(Ce)``,ht=E.memo(Ee);function Dt(){const{teamDid:i}=V(),u=et(),c=`webhook-endpoints-${i}`,b=Se(c),{t:r,locale:w}=M(),{api:x}=K(),[j,l]=E.useState(""),[f,g]=E.useState({webhookDetail:{open:!1,id:null},createEdit:{open:!1,id:null,url:"",description:"",enabledEvents:[]},deleteConfirm:null}),[y,z]=Ie(c,{defaultValue:{pageSize:b.rowsPerPage||20,page:b.page?b.page+1:1}}),{loading:T,error:n,data:a,refresh:m}=le(()=>x.getWebhookEndpoints({input:{teamDid:i,paging:{page:y.page,pageSize:y.pageSize}}}));E.useEffect(()=>{m()},[y,m]);const v=E.useCallback(async(o,d)=>{try{await x.updateWebhookEndpoint({input:{teamDid:i,id:o.id,data:{status:d?"disabled":"enabled"}}}),m(),q.success(`${r(d?"webhookEndpoint.disable":"webhookEndpoint.enable")}${r("webhookEndpoint.success")}`)}catch(s){q.error(s?.message)}},[x,i,m,r]),S=E.useCallback(async o=>{try{await x.deleteWebhookEndpoint({input:{teamDid:i,id:o}}),m(),g(d=>({...d,deleteConfirm:null})),q.success(`${r("common.delete")}${r("webhookEndpoint.success")}`)}catch(d){q.error(d?.message)}},[x,i,m,r]),D=(o,d)=>{let s=o.page+1;const h=o.searchText||"";if(h!==j){l(h);return}if(d==="changePage"||d==="changeRowsPerPage"){d!=="changePage"&&(s=1);const k={page:s,pageSize:o.rowsPerPage};l(""),z(k)}};if(n)return e.jsx(te,{severity:"error",children:n.message});if(T||!a)return e.jsx(p,{sx:{display:"flex",justifyContent:"center",alignItems:"center",width:1,height:500},children:e.jsx(F,{})});const I=(a?.list||[]).filter(o=>{if(!j)return!0;const d=j.toLowerCase();return o.description.toLowerCase().includes(d)||o.url.toLowerCase().includes(d)}),O=[{label:"URL",name:"url",options:{customBodyRenderLite:(o,d)=>{const s=I[d];return e.jsxs(p,{sx:{display:"flex",alignItems:"center",cursor:"pointer",gap:.5},children:[e.jsx(C,{variant:"body2",children:s.description}),e.jsx(p,{sx:{display:"flex"},onClick:h=>{h.stopPropagation()},children:e.jsx(A,{title:s.url,children:e.jsx(_,{sx:{fontSize:"15px",marginTop:"1px"}})})})]})}}},{label:"Events",name:"events",options:{customBodyRenderLite:(o,d)=>{const s=I[d];return e.jsx(p,{sx:{display:"flex",alignItems:"center",gap:1,flexWrap:"wrap"},children:s.enabledEvents.map(h=>e.jsx(L,{size:"small",variant:"filled",label:h.type,sx:{borderRadius:"4px",textTransform:"capitalize"}},`${s.source}-${h.type}`))})}}},{label:r("common.status"),name:"status",options:{customBodyRenderLite:(o,d)=>{const s=I[d];return e.jsx(L,{size:"small",variant:"filled",label:r(`webhookEndpoint.${s?.status}`),color:be(s?.status),sx:{borderRadius:"4px",textTransform:"capitalize"}},`status-${s.status}`)}}},{label:r("common.createdAt"),name:"createdAt",minWidth:200,options:{customBodyRender:o=>U(o)}},{label:r("common.createdBy"),name:"createUser",width:100,options:{customBodyRender:o=>o?e.jsx(de,{showDid:!0,did:o?.did,cardType:ue.Detailed,infoType:pe.Minimal,sx:{border:0,padding:0}}):"-"}},{label:r("common.actions"),name:"actions",width:100,align:"center",verticalKeyAlign:"center",options:{customBodyRenderLite:(o,d)=>{const s=I[d],h=s?.status==="enabled";return e.jsx(nt,{actions:[{icon:h?e.jsx(Ve,{}):e.jsx(Ye,{}),text:r(h?"webhookEndpoint.disable":"webhookEndpoint.enable"),onClick:k=>{k.stopPropagation(),v(s,h)}},{icon:e.jsx(Je,{}),text:r("common.edit"),onClick:k=>{k.stopPropagation(),g(W=>({...W,createEdit:{open:!0,id:s.id,url:s.url,description:s.description,enabledEvents:s.enabledEvents}}))}},{icon:e.jsx(Qe,{}),text:r("common.delete"),onClick:k=>{k.stopPropagation(),g(W=>({...W,deleteConfirm:{title:r("webhookEndpoint.deleteWebhook.title"),description:r("webhookEndpoint.deleteWebhook.description"),confirm:r("common.confirm"),cancel:r("common.cancel"),onConfirm:()=>S(s.id),onCancel:()=>g(P=>({...P,deleteConfirm:null}))}}))}}]})}}}];return e.jsxs(p,{sx:{".custom-toobar-btns":{gap:"8px"},".custom-toobar-title .custom-toobar-title-inner>span":{display:"flex",alignItems:"center","white-space":"inherit",height:"100%"}},children:[u?e.jsx(ie,{title:r("webhookEndpoint.listTitle"),tooltipTitle:r("webhookEndpoint.tooltipTitle"),link:`https://www.arcblock.io/docs/blocklet-developer/${w}/webhook`}):null,e.jsx(ht,{durable:c,durableKeys:["page","rowsPerPage"],data:I,columns:O,options:{count:a.count,page:y.page-1,rowsPerPage:y.pageSize,viewColumns:!1,onRowClick:(o,{dataIndex:d})=>{const s=a.list[d];g(h=>({...h,webhookDetail:{open:!0,id:s.id}}))}},loading:T,onChange:D,emptyNodeText:e.jsx(R,{sx:{gap:1},children:r("webhookEndpoint.noWebhooksAdded")}),title:u?null:e.jsx(ie,{title:r("webhookEndpoint.listTitle"),tooltipTitle:r("webhookEndpoint.tooltipTitle"),link:`https://www.arcblock.io/docs/blocklet-developer/${w}/webhook`}),customButtons:[e.jsxs(H,{sx:{color:"common.white"},edge:"end",variant:"contained",color:"primary",onClick:()=>g(o=>({...o,createEdit:{...o.createEdit,open:!0}})),className:"rule-action",children:[T?e.jsx(F,{size:16}):e.jsx(Xe,{style:{fontSize:16}}),r("common.create")]},"add")]}),f.webhookDetail.open&&e.jsx(ke,{open:!0,onClose:()=>g(o=>({...o,webhookDetail:{open:!1,id:null}})),id:f.webhookDetail.id}),f.createEdit.open&&e.jsx(fe,{onSubmit:m,...f.createEdit,onClose:()=>g(o=>({...o,createEdit:{id:null,url:"",description:"",enabledEvents:[],open:!1}}))}),f.deleteConfirm&&e.jsx(st,{title:f.deleteConfirm.title,description:f.deleteConfirm.description,confirm:f.deleteConfirm.confirm,cancel:f.deleteConfirm.cancel,params:f.deleteConfirm.params,onConfirm:f.deleteConfirm.onConfirm,onCancel:f.deleteConfirm.onCancel})]})}export{Dt as default};