@abtnode/blocklet-services 1.17.5 → 1.17.6-beta-20251216-223535-283b9ffe

package/dist/assets/user-follower-DXIC4btc.js

@@ -0,0 +1,32 @@
+import{$ as pe,Y as xe,V as _,K as J,b0 as K,aO as ge,ba as Y,H as Se,aN as me}from"./vendor-ux-KtPBvlG0.js";import{j as e,ak as d,am as W,T as w,U as fe,W as c,J as he,Q as O,bW as we,bX as D,bY as $,a6 as ye,n as H,s as re,ar as B}from"./vendor-mui-core-DnR6WYuU.js";import{a as I,g as X,b as F,h as be,q as ne,B as Ee,v as je}from"./vendor-hooks-DpqqC65c.js";import{U as q}from"./ua-parser-DP5omx3I.js";import{J as p,aD as ve,b1 as Re,Z as le,c as Ce,ba as Te,bb as Ie,bc as Ne}from"./index-DGg3AL9l.js";import{r as R}from"./vendor-react-CTtPmzVP.js";import{u as ie}from"./use-mobile-BINJTzMb.js";import{b as Z}from"./sdk-BZuN1V4h.js";import{J as Ue}from"./vendor-utils-BqKQizRf.js";import{u as Ae}from"./session-Bavobyzn.js";import{f as ee}from"./index-DBs9Ljax.js";function ae({user:t,sessionUser:a}){const n=I(()=>(t?.passports||[])?.find(x=>x.name===a.role),[t?.passports,a?.role]);return e.jsxs(d,{sx:{display:"flex",alignItems:"center",gap:1},children:[e.jsx(pe,{size:40,variant:"circle",shape:"circle",src:a.avatar,did:a.did,sx:{flexShrink:0}}),e.jsxs(d,{sx:{flex:1,overflow:"hidden"},children:[e.jsxs(d,{sx:{display:"flex",alignItems:"center",gap:1},children:[e.jsx(W,{title:a.fullName,children:e.jsx(w,{sx:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",flex:1},children:a.fullName})}),e.jsx(fe,{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(W,{title:a.email,children:e.jsx(w,{variant:"body2",color:"grey",sx:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},children:a.email})})]})]})}ae.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 Oe=()=>Promise.resolve(""),te=t=>new q(t,{browser:[[/(ArcWallet)\/([\w\.]+)/i],[q.BROWSER.NAME,q.BROWSER.VERSION]]}).getResult(),se={display:"flex",justifyContent:"flex-end",textAlign:"right"},_e=new Re({concurrency:1}),V=R.memo(({userSession:t,isMobile:a=!1})=>{const n=X({loading:!0,ipRegion:""}),{t:x,locale:g}=_();R.useEffect(()=>{_e.add(async()=>{try{n.ipRegion=await Oe(t.lastLoginIp)}finally{n.loading=!1}})},[n,t.lastLoginIp]);const r=I(()=>a?{display:"flex",justifyContent:"flex-end"}:{},[a]);return e.jsx(d,{...a&&{display:"flex",alignItems:"center",justifyContent:"flex-end",gap:1,flexWrap:"wrap"},children:n.ipRegion?e.jsxs(e.Fragment,{children:[e.jsx(w,{variant:"body2",children:n.ipRegion}),e.jsx(Y,{size:16,className:"ip-address",style:r,locale:g,children:t.lastLoginIp||x("userCenter.unknown")})]}):e.jsxs(e.Fragment,{children:[e.jsx(Y,{size:16,className:"ip-address",style:r,locale:g,children:t.lastLoginIp||x("userCenter.unknown")}),n.loading?e.jsx(w,{variant:"body2",color:"grey",sx:{textAlign:"center"},children:e.jsx(ye,{size:12,color:"inherit"})}):null]})})});V.propTypes={userSession:c.object.isRequired,isMobile:c.bool};V.defaultProps={isMobile:!1};function ke({user:t,showAction:a=!0,showUser:n=!0,getUserSessions:x,showOffline:g=!1}){const r=X({status:p.USER_SESSION_STATUS.ONLINE,page:1,pageSize:10}),u=X({[p.USER_SESSION_STATUS.ONLINE]:0,[p.USER_SESSION_STATUS.EXPIRED]:0,[p.USER_SESSION_STATUS.OFFLINE]:0}),y=xe(),{t:s,locale:E}=_(),m=ie({key:"md"}),C=he(o=>o.breakpoints.down("lg")),{confirmApi:b,confirmHolder:j}=ve(),T=F(async()=>{const o=await x({page:r.page,pageSize:r.pageSize,status:r.status}),l=o?.paging?.total||0;return u[r.status]=l,{total:l,list:o?.list||[]}});be(async()=>{const o=await x({page:1,pageSize:1,status:p.USER_SESSION_STATUS.EXPIRED});u[p.USER_SESSION_STATUS.EXPIRED]=o?.paging?.total||0;const l=await x({page:1,pageSize:1,status:p.USER_SESSION_STATUS.OFFLINE});u[p.USER_SESSION_STATUS.OFFLINE]=l?.paging?.total||0});const f=ne(T,{refreshDeps:[r.status,r.page,r.pageSize]}),S=I(()=>f.data?.list||[],[f.data?.list]),N=I(()=>{const{status:o}=r;return o===p.USER_SESSION_STATUS.ONLINE?u[o]<=1:u[o]===0},[S,y]),v=I(()=>J({},m?se:{}),[m]),M=F(({visitorId:o})=>{b.open({title:s("userCenter.logoutThisSession"),content:s("userCenter.logoutThisSessionConfirm"),confirmButtonText:s("userCenter.confirm"),confirmButtonProps:{color:"error"},cancelButtonText:s("userCenter.cancel"),onConfirm:async()=>{await Z.user.logout({visitorId:o,includeFederated:!0});const{page:l=0}=r,{list:i=[]}=f.data||{},h=i.length||0;l>1&&h===1&&(r.page=Math.max(l-1,1)),f.refresh(),b.close()}})}),k=F(()=>{b.open({title:s("userCenter.logoutAllSession",{type:s(r.status)}),content:s("userCenter.logoutAllSessionConfirm",{type:s(r.status)}),confirmButtonText:s("userCenter.confirm"),confirmButtonProps:{color:"error"},cancelButtonText:s("userCenter.cancel"),onConfirm:async()=>{await Z.user.logout({status:r.status,visitorId:y,includeFederated:!0}),r.page=1,f.refresh(),b.close()}})}),L=[];a&&L.push(e.jsx(W,{title:s("userCenter.logoutAllTips",{type:s(r.status)}),children:e.jsx(O,{sx:{ml:.5},size:"small",variant:"contained",color:"error",onClick:k,disabled:N,children:s("userCenter.logoutAll",{type:s(r.status)})})},"logoutAll"));const U=I(()=>({search:!1,sort:!1,download:!1,filter:!1,print:!1,expandableRowsOnClick:!1,searchDebounceTime:600,page:r.page-1,rowsPerPage:r.pageSize,count:f.data?.total||0}),[f.data?.total,r.page,r.pageSize]),z=[{label:s("userCenter.platform"),name:"platform",options:{customBodyRenderLite:o=>{const l=S[o],i=te(l?.ua);return e.jsx(d,{sx:v,children:[i.os?.name,i.os?.version].filter(Boolean).join("/")||s("userCenter.unknown")})}}},{label:s("userCenter.deviceType"),name:"deviceType",options:{customBodyRenderLite:o=>{const l=S[o],i=te(l?.ua);return e.jsx(d,{sx:v,children:[i.browser?.name,i.browser?.version].filter(Boolean).join("/")||s("userCenter.unknown")})}}},{label:s("userCenter.walletOS"),name:"walletOS",options:{customBodyRenderLite:o=>{const l=S[o];return e.jsx(d,{sx:v,children:l.extra?.walletOS?l.extra.walletOS.toUpperCase():s("userCenter.unknown")})}}},n&&{label:s("userCenter.user"),name:"user",options:{customBodyRenderLite:o=>{const l=S[o];return e.jsx(d,{sx:J({minWidth:150,maxWidth:250},m?se:{}),children:e.jsx(ae,{sessionUser:l.user,user:t})})}}},{label:s("userCenter.createdAt"),name:"createdAt",options:{customBodyRenderLite:o=>{const l=S[o];return e.jsx(d,{sx:v,children:l.createdAt?e.jsx(K,{value:l.createdAt,relativeRange:3*86400*1e3}):s("userCenter.unknown")})}}},!g&&{label:s("userCenter.updatedAt"),name:"updatedAt",options:{customBodyRenderLite:o=>{const l=S[o];return e.jsx(d,{sx:v,children:l.status===p.USER_SESSION_STATUS.EXPIRED?s("userCenter.expired"):e.jsx(K,{value:l.updatedAt,relativeRange:3*86400*1e3})})}}},{label:s("userCenter.lastLoginIp"),name:"lastLoginIp",options:{customBodyRenderLite:o=>{const l=S[o];return e.jsx(V,{userSession:l,isMobile:m})}}},a&&{label:s("userCenter.actions"),name:"actions",options:{customBodyRenderLite:o=>{const l=S[o];return e.jsx(d,{sx:v,children:e.jsx(O,{sx:{whiteSpace:"nowrap",fontSize:"12px !important",lineHeight:"1.25",px:1},disabled:y===l.visitorId,variant:"outlined",size:"small",color:"error",onClick:()=>M({visitorId:l.visitorId}),children:l.status===p.USER_SESSION_STATUS.EXPIRED?s("userCenter.remove"):y===l.visitorId?s("userCenter.currentSession"):s("userCenter.logout")})})}}}].filter(Boolean);return e.jsxs(d,{className:"pc-user-sessions",sx:{maxWidth:m?"unset":C?"calc(100vw - 300px)":"100%",".pc-user-sessions-table":{display:"flex",flexDirection:"column",height:"100%",gap:1},...m&&{".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:o=>`${o.palette.grey[50]} !important`}}},".MuiTableRow-hover":{"&:hover":{backgroundColor:"inherit !important"}},".MuiTableCell-root":{paddingRight:"8px",paddingLeft:"8px",color:"text.secondary",...m&&{padding:"8px !important","&:first-child":{paddingTop:"20px!important"},"&:last-child":{paddingBottom:"20px!important"}}}},children:[j,e.jsx(ge,{count:f.data?.total||0,data:S,columns:z,customButtons:L,options:U,locale:E,loading:f.loading,className:"pc-user-sessions-table",title:e.jsxs(we,{row:!0,sx:{lineHeight:1,ml:1},onChange:o=>{r.status=o.target.value},children:[e.jsx(D,{value:p.USER_SESSION_STATUS.ONLINE,control:e.jsx($,{size:"small",sx:{lineHeight:1,fontSize:0},checked:r.status===p.USER_SESSION_STATUS.ONLINE}),label:e.jsxs(w,{sx:{display:"flex",alignItems:"center"},children:[s("userCenter.online"),e.jsxs(w,{component:"span",sx:{ml:.5,color:"text.secondary"},children:["(",u[p.USER_SESSION_STATUS.ONLINE],")"]})]})}),e.jsx(D,{value:p.USER_SESSION_STATUS.EXPIRED,control:e.jsx($,{size:"small",sx:{lineHeight:1,fontSize:0},checked:r.status===p.USER_SESSION_STATUS.EXPIRED}),label:e.jsxs(w,{sx:{display:"flex",alignItems:"center"},children:[s("userCenter.expired"),e.jsxs(w,{component:"span",sx:{ml:.5,color:"text.secondary"},children:["(",u[p.USER_SESSION_STATUS.EXPIRED],")"]})]})}),g?e.jsx(D,{value:p.USER_SESSION_STATUS.OFFLINE,control:e.jsx($,{size:"small",sx:{lineHeight:1,fontSize:0},checked:r.status===p.USER_SESSION_STATUS.OFFLINE}),label:e.jsxs(w,{sx:{display:"flex",alignItems:"center"},children:[s("userCenter.offline"),e.jsxs(w,{component:"span",sx:{ml:.5,color:"text.secondary"},children:["(",u[p.USER_SESSION_STATUS.OFFLINE],")"]})]})}):null]}),onChange:o=>{r.page=o.page+1,r.pageSize=o.rowsPerPage}})]})}ke.propTypes={user:c.object.isRequired,showAction:c.bool,showUser:c.bool,showOffline:c.bool,getUserSessions:c.func.isRequired};const oe=20,Q={currentTab:c.string.isRequired},G={user:c.object.isRequired,column:c.number};function Le(){return e.jsxs(d,{sx:{border:"1px solid",borderColor:"divider",borderRadius:1,p:2},children:[e.jsxs(d,{sx:{display:"flex",alignItems:"center",gap:2,mb:1},children:[e.jsx(B,{variant:"circular",width:48,height:48}),e.jsxs(d,{sx:{flex:1},children:[e.jsx(B,{variant:"text",width:"60%",height:20}),e.jsx(B,{variant:"text",width:"80%",height:16})]})]}),e.jsx(B,{variant:"text",width:"40%",height:14})]})}function ce({currentTab:t,errorMsg:a=""}){const{t:n}=_(),x=R.useMemo(()=>({following:n("team.userFollowers.emptyFollowing"),followers:n("team.userFollowers.emptyFollowers"),invitees:n("team.userFollowers.emptyInvitees")})[t],[t,n]);return e.jsx(me,{children:a||x})}ce.propTypes={...Q,errorMsg:c.string};function ue({user:t,teamDid:a,currentTab:n,column:x=2,refresh:g=()=>{},followed:r=!1,showSocialActions:u=!0}){const{t:y,locale:s}=_(),{api:E}=le(),{session:m}=Ae(),C=R.useRef(null),[b]=Ee(C),j=ie({key:"md"}),T={following:E.getUserFollowing,followers:E.getUserFollowers,invitees:E.getUserInvites},{data:f,loading:S,loadMore:N,loadingMore:v,reload:M,error:k}=je(async i=>{if(!t?.did)return{list:[],total:0};const h=i?Math.ceil(i.list.length/oe)+1:1,A=T[n];if(!A)return{list:[],total:0};const P=await A({input:{teamDid:a,userDid:t.did,type:n,paging:{page:h,pageSize:oe}}});return{list:(n==="invitees"?P?.users:P?.data)||[],total:P?.paging?.total||0}},{reloadDeps:[n,t?.did,r],isNoMore:i=>i?.list.length?i.list.length>=i?.total:!0,onError(i){Se.error(ee(i))}}),L=()=>{try{n!=="invitees"&&M(),g()}catch(i){console.error(i)}},{list:U=[],total:z=0}=f||{},o=U.length<z,l=F(i=>{if(!i?.did)return;const h=Ue(Ce.WELLKNOWN_BLOCKLET_USER_PATH,{did:i.did,locale:s});window.open(h,"_blank")});return R.useEffect(()=>{b&&N()},[b,N]),S?e.jsx(d,{sx:{py:2,display:"grid",gridTemplateColumns:{xs:"1fr",sm:`repeat(${x}, 1fr)`},gap:2},children:Array.from({length:6},(i,h)=>`skeleton-${n}-${h}`).map(i=>e.jsx(Le,{},i))}):U.length===0?e.jsx(ce,{currentTab:n,errorMsg:k?ee(k):""}):e.jsxs(d,{children:[e.jsx(d,{className:"user-list",sx:{px:j?0:1,py:2,display:"grid",gridTemplateColumns:{md:"1fr",lg:`repeat(${x}, 1fr)`},gap:2},children:U.map(i=>{const h=n==="invitees"?i:i.user;if(!h)return null;let A=n==="following"?i.userDid:i.followerDid;return n==="invitees"&&(A=h.did),e.jsx(d,{className:"user-item",children:e.jsx(Te,{user:h,showDid:!0,cardType:Ne.CARD,infoType:Ie.INFO,session:m,showSocialActions:u,onAvatarClick:l,onFollowClick:L})},A)})}),o?e.jsx(d,{sx:{display:"flex",justifyContent:"center",mt:2},children:e.jsx(O,{variant:"text",color:"primary",onClick:N,ref:C,children:y(v?"common.loading":"webhookEndpoint.loadMore")})}):null]})}ue.propTypes={...Q,...G,followed:c.bool};function de({data:t,currentTab:a,onTabChange:n,showInvitees:x=!0}){const{t:g}=_(),r=[{label:g("team.userFollowers.following"),value:"following",count:t?.following||0},{label:g("team.userFollowers.followers"),value:"followers",count:t?.followers||0},...x?[{label:g("team.userFollowers.invitees"),value:"invitees",count:t?.invitees||0}]:[]];return e.jsx(d,{children:r.map(u=>e.jsxs(Fe,{className:a===u.value?"active":"",onClick:()=>n(u.value),children:[u.label,u.count>0&&e.jsxs("span",{className:"count",style:{marginLeft:4},children:["(",u.count>99?"99+":u.count,")"]})]},u.value))})}de.propTypes={...Q,...G,onTabChange:c.func.isRequired};function Be({user:t,teamDid:a,column:n=2,followed:x=!1,showSocialActions:g=!0,showInvitees:r=!0}){const[u,y]=R.useState("following"),{api:s}=le(),E=R.useMemo(()=>{const{settings:j={}}=window?.blocklet||{},{invite:T}=j;return T&&T.enabled},[]),{data:m,refresh:C}=ne(async()=>t?.did?(await s.getUserFollowStats({input:{teamDid:a,userDids:[t.did],options:{includeInvitees:r&&E}}}))?.data?.[t.did]||{following:0,followers:0,invitees:0}:{following:0,followers:0},{refreshDeps:[t?.did,x]}),b=j=>{y(j)};return e.jsxs(d,{children:[e.jsx(de,{data:m,user:t,currentTab:u,onTabChange:b,showInvitees:r&&E}),e.jsx(ue,{column:n,user:t,currentTab:u,teamDid:a,followed:x,refresh:C,showSocialActions:g},u)]})}Be.propTypes={...G,teamDid:c.string.isRequired,followed:c.bool,showInvitees:c.bool};const Fe=re(O)`
+  &.MuiButtonBase-root {
+    border-radius: 9999px;
+    margin-right: 2px;
+    padding: 5px 12px;
+    line-height: 22px;
+    font-size: 13px;
+    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;
+  }
+  &.active.MuiButtonBase-root,
+  &.active.MuiButtonBase-root:hover {
+    color: ${({theme:t})=>t.palette.primary.main};
+    font-weight: 600;
+    background-color: ${({theme:t})=>H(t.palette.primary.main,.1)};
+    border: 1px solid ${({theme:t})=>H(t.palette.primary.main,.24)} !important;
+  }
+
+  &.MuiButtonBase-root:hover {
+    background-color: rgba(0, 0, 0, 0.04);
+  }
+`;re(O)`
+  color: ${({theme:t})=>t.palette.text.primary};
+  font-weight: 500;
+  border-color: ${({theme:t})=>t.palette.grey[300]};
+  line-height: 1.5;
+  &:hover {
+    background-color: ${({theme:t})=>H(t.palette.primary.main,.1)};
+  }
+`;export{ke as U,Be as a};