@abtnode/blocklet-services 1.16.54-beta-20251016-050817-2fc632b8 → 1.16.54-beta-20251017-133309-7d40faa6

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

@@ -0,0 +1,32 @@
+import{$ as de,O as pe,V as A,o as J,J as K,x as xe,X as Z,H as ge,z as fe}from"./vendor-ux-D_B1Y7iC.js";import{j as e,ak as d,am as W,T as w,U as me,W as c,J as he,Q as M,bq as we,b6 as O,br as D,a6 as ye,n as H,s as oe,ar as E}from"./vendor-mui-core-BPcN1m8_.js";import{a as B,g as _,b as N,h as be,k as re,p as je,q as ve}from"./vendor-hooks-tpeT8a0P.js";import{U}from"./ua-parser-DP5omx3I.js";import{av as Ce,aw as Se,Z as ne,c as Re}from"./index-BnPTSmJZ.js";import{r as S}from"./vendor-react-Dvs43sk9.js";import{u as ie}from"./use-mobile-Bjbo_Gou.js";import{b as X}from"./sdk-BGPH_Nn6.js";import{B as ke,o as Be,l as Te}from"./index-B80ObPIt.js";import{J as Ie}from"./vendor-utils-COYaMdo5.js";import{u as ze}from"./session-ByI8mrad.js";import{f as Y}from"./index-DBs9Ljax.js";function le({user:t,sessionUser:a}){const n=B(()=>(t?.passports||[])?.find(p=>p.name===a.role),[t?.passports,a?.role]);return e.jsxs(d,{sx:{display:"flex",alignItems:"center",gap:1},children:[e.jsx(de,{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(me,{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})})]})]})}le.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 Me=()=>Promise.resolve(""),ee=t=>new U(t,{browser:[[/(ArcWallet)\/([\w\.]+)/i],[U.BROWSER.NAME,U.BROWSER.VERSION]]}).getResult(),te={display:"flex",justifyContent:"flex-end",textAlign:"right"},Ae=new Se({concurrency:1}),V=S.memo(({userSession:t,isMobile:a=!1})=>{const n=_({loading:!0,ipRegion:""}),{t:p,locale:x}=A();S.useEffect(()=>{Ae.add(async()=>{try{n.ipRegion=await Me(t.lastLoginIp)}finally{n.loading=!1}})},[n,t.lastLoginIp]);const r=B(()=>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(Z,{size:16,className:"ip-address",style:r,locale:x,children:t.lastLoginIp||p("userCenter.unknown")})]}):e.jsxs(e.Fragment,{children:[e.jsx(Z,{size:16,className:"ip-address",style:r,locale:x,children:t.lastLoginIp||p("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 Le({user:t,showAction:a=!0,showUser:n=!0,getUserSessions:p,showOffline:x=!1}){const r=_({status:"online",page:1,pageSize:10}),u=_({online:0,expired:0,offline:0}),y=pe(),{t:s,locale:j}=A(),f=ie({key:"md"}),R=he(o=>o.breakpoints.down("lg")),{confirmApi:b,confirmHolder:v}=Ce(),k=N(async()=>{const o=await p({page:r.page,pageSize:r.pageSize,status:r.status}),i=o?.paging?.total||0;return u[r.status]=i,{total:i,list:o?.list||[]}});be(async()=>{const o=await p({page:1,pageSize:1,status:"expired"});u.expired=o?.paging?.total||0;const i=await p({page:1,pageSize:1,status:"offline"});u.offline=i?.paging?.total||0});const m=re(k,{refreshDeps:[r.status,r.page,r.pageSize]}),g=B(()=>m.data?.list||[],[m.data?.list]),T=B(()=>{const{status:o}=r;return o==="online"?u[o]<=1:u[o]===0},[g,y]),C=B(()=>J({},f?te:{}),[f]),P=N(({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 X.user.logout({visitorId:o,includeFederated:!0});const{page:i=0}=r,{list:l=[]}=m.data||{},h=l.length||0;i>1&&h===1&&(r.page=Math.max(i-1,1)),m.refresh(),b.close()}})}),L=N(()=>{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 X.user.logout({status:r.status,visitorId:y,includeFederated:!0}),r.page=1,m.refresh(),b.close()}})}),F=[];a&&F.push(e.jsx(W,{title:s("userCenter.logoutAllTips",{type:s(r.status)}),children:e.jsx(M,{sx:{ml:.5},size:"small",variant:"contained",color:"error",onClick:L,disabled:T,children:s("userCenter.logoutAll",{type:s(r.status)})})},"logoutAll"));const I=B(()=>({search:!1,sort:!1,download:!1,filter:!1,print:!1,expandableRowsOnClick:!1,searchDebounceTime:600,page:r.page-1,rowsPerPage:r.pageSize,count:m.data?.total||0}),[m.data?.total,r.page,r.pageSize]),$=[{label:s("userCenter.platform"),name:"platform",options:{customBodyRenderLite:o=>{const i=g[o],l=ee(i?.ua);return e.jsx(d,{sx:C,children:[l.os?.name,l.os?.version].filter(Boolean).join("/")||s("userCenter.unknown")})}}},{label:s("userCenter.deviceType"),name:"deviceType",options:{customBodyRenderLite:o=>{const i=g[o],l=ee(i?.ua);return e.jsx(d,{sx:C,children:[l.browser?.name,l.browser?.version].filter(Boolean).join("/")||s("userCenter.unknown")})}}},{label:s("userCenter.walletOS"),name:"walletOS",options:{customBodyRenderLite:o=>{const i=g[o];return e.jsx(d,{sx:C,children:i.extra?.walletOS?i.extra.walletOS.toUpperCase():s("userCenter.unknown")})}}},n&&{label:s("userCenter.user"),name:"user",options:{customBodyRenderLite:o=>{const i=g[o];return e.jsx(d,{sx:J({minWidth:150,maxWidth:250},f?te:{}),children:e.jsx(le,{sessionUser:i.user,user:t})})}}},{label:s("userCenter.createdAt"),name:"createdAt",options:{customBodyRenderLite:o=>{const i=g[o];return e.jsx(d,{sx:C,children:i.createdAt?e.jsx(K,{value:i.createdAt,relativeRange:3*86400*1e3}):s("userCenter.unknown")})}}},!x&&{label:s("userCenter.updatedAt"),name:"updatedAt",options:{customBodyRenderLite:o=>{const i=g[o];return e.jsx(d,{sx:C,children:i.status==="expired"?s("userCenter.expired"):e.jsx(K,{value:i.updatedAt,relativeRange:3*86400*1e3})})}}},{label:s("userCenter.lastLoginIp"),name:"lastLoginIp",options:{customBodyRenderLite:o=>{const i=g[o];return e.jsx(V,{userSession:i,isMobile:f})}}},a&&{label:s("userCenter.actions"),name:"actions",options:{customBodyRenderLite:o=>{const i=g[o];return e.jsx(d,{sx:C,children:e.jsx(M,{sx:{whiteSpace:"nowrap",fontSize:"12px !important",lineHeight:"1.25",px:1},disabled:y===i.visitorId,variant:"outlined",size:"small",color:"error",onClick:()=>P({visitorId:i.visitorId}),children:i.status==="expired"?s("userCenter.remove"):y===i.visitorId?s("userCenter.currentSession"):s("userCenter.logout")})})}}}].filter(Boolean);return e.jsxs(d,{className:"pc-user-sessions",sx:{maxWidth:f?"unset":R?"calc(100vw - 300px)":"100%",".pc-user-sessions-table":{display:"flex",flexDirection:"column",height:"100%",gap:1},...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:o=>`${o.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:[v,e.jsx(xe,{count:m.data?.total||0,data:g,columns:$,customButtons:F,options:I,locale:j,loading:m.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(O,{value:"online",control:e.jsx(D,{size:"small",sx:{lineHeight:1,fontSize:0},checked:r.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.online,")"]})]})}),e.jsx(O,{value:"expired",control:e.jsx(D,{size:"small",sx:{lineHeight:1,fontSize:0},checked:r.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.expired,")"]})]})}),x?e.jsx(O,{value:"offline",control:e.jsx(D,{size:"small",sx:{lineHeight:1,fontSize:0},checked:r.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.offline,")"]})]})}):null]}),onChange:o=>{r.page=o.page+1,r.pageSize=o.rowsPerPage}})]})}Le.propTypes={user:c.object.isRequired,showAction:c.bool,showUser:c.bool,showOffline:c.bool,getUserSessions:c.func.isRequired};const se=20,Q={currentTab:c.string.isRequired},G={user:c.object.isRequired,column:c.number};function Fe(){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(E,{variant:"circular",width:48,height:48}),e.jsxs(d,{sx:{flex:1},children:[e.jsx(E,{variant:"text",width:"60%",height:20}),e.jsx(E,{variant:"text",width:"80%",height:16})]})]}),e.jsx(E,{variant:"text",width:"40%",height:14})]})}function ae({currentTab:t,errorMsg:a=""}){const{t:n}=A(),p=S.useMemo(()=>({following:n("team.userFollowers.emptyFollowing"),followers:n("team.userFollowers.emptyFollowers"),invitees:n("team.userFollowers.emptyInvitees")})[t],[t,n]);return e.jsx(fe,{children:a||p})}ae.propTypes={...Q,errorMsg:c.string};function ce({user:t,teamDid:a,currentTab:n,column:p=2,refresh:x=()=>{},followed:r=!1,showSocialActions:u=!0}){const{t:y,locale:s}=A(),{api:j}=ne(),{session:f}=ze(),R=S.useRef(null),[b]=je(R),v=ie({key:"md"}),k={following:j.getUserFollowing,followers:j.getUserFollowers,invitees:j.getUserInvites},{data:m,loading:g,loadMore:T,loadingMore:C,reload:P,error:L}=ve(async l=>{if(!t?.did)return{list:[],total:0};const h=l?Math.ceil(l.list.length/se)+1:1,z=k[n];if(!z)return{list:[],total:0};const q=await z({input:{teamDid:a,userDid:t.did,type:n,paging:{page:h,pageSize:se}}});return{list:(n==="invitees"?q?.users:q?.data)||[],total:q?.paging?.total||0}},{reloadDeps:[n,t?.did,r],isNoMore:l=>l?.list.length?l.list.length>=l?.total:!0,onError(l){ge.error(Y(l))}}),F=()=>{try{n!=="invitees"&&P(),x()}catch(l){console.error(l)}},{list:I=[],total:$=0}=m||{},o=I.length<$,i=N(l=>{if(!l?.did)return;const h=Ie(Re.WELLKNOWN_BLOCKLET_USER_PATH,{did:l.did,locale:s});window.open(h,"_blank")});return S.useEffect(()=>{b&&T()},[b,T]),g?e.jsx(d,{sx:{py:2,display:"grid",gridTemplateColumns:{xs:"1fr",sm:`repeat(${p}, 1fr)`},gap:2},children:Array.from({length:6},(l,h)=>`skeleton-${n}-${h}`).map(l=>e.jsx(Fe,{},l))}):I.length===0?e.jsx(ae,{currentTab:n,errorMsg:L?Y(L):""}):e.jsxs(d,{children:[e.jsx(d,{className:"user-list",sx:{px:v?0:1,py:2,display:"grid",gridTemplateColumns:{md:"1fr",lg:`repeat(${p}, 1fr)`},gap:2},children:I.map(l=>{const h=n==="invitees"?l:l.user;if(!h)return null;let z=n==="following"?l.userDid:l.followerDid;return n==="invitees"&&(z=h.did),e.jsx(d,{className:"user-item",children:e.jsx(ke,{user:h,showDid:!0,cardType:Te.CARD,infoType:Be.INFO,session:f,showSocialActions:u,onAvatarClick:i,onFollowClick:F})},z)})}),o?e.jsx(d,{sx:{display:"flex",justifyContent:"center",mt:2},children:e.jsx(M,{variant:"text",color:"primary",onClick:T,ref:R,children:y(C?"common.loading":"webhookEndpoint.loadMore")})}):null]})}ce.propTypes={...Q,...G,followed:c.bool};function ue({data:t,currentTab:a,onTabChange:n,showInvitees:p=!0}){const{t:x}=A(),r=[{label:x("team.userFollowers.following"),value:"following",count:t?.following||0},{label:x("team.userFollowers.followers"),value:"followers",count:t?.followers||0},...p?[{label:x("team.userFollowers.invitees"),value:"invitees",count:t?.invitees||0}]:[]];return e.jsx(d,{children:r.map(u=>e.jsxs(Ne,{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))})}ue.propTypes={...Q,...G,onTabChange:c.func.isRequired};function Ee({user:t,teamDid:a,column:n=2,followed:p=!1,showSocialActions:x=!0,showInvitees:r=!0}){const[u,y]=S.useState("following"),{api:s}=ne(),j=S.useMemo(()=>{const{settings:v={}}=window?.blocklet||{},{invite:k}=v;return k&&k.enabled},[]),{data:f,refresh:R}=re(async()=>t?.did?(await s.getUserFollowStats({input:{teamDid:a,userDids:[t.did],options:{includeInvitees:r&&j}}}))?.data?.[t.did]||{following:0,followers:0,invitees:0}:{following:0,followers:0},{refreshDeps:[t?.did,p]}),b=v=>{y(v)};return e.jsxs(d,{children:[e.jsx(ue,{data:f,user:t,currentTab:u,onTabChange:b,showInvitees:r&&j}),e.jsx(ce,{column:n,user:t,currentTab:u,teamDid:a,followed:p,refresh:R,showSocialActions:x},u)]})}Ee.propTypes={...G,teamDid:c.string.isRequired,followed:c.bool,showInvitees:c.bool};const Ne=oe(M)`
+  &.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);
+  }
+`;oe(M)`
+  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{Le as U,Ee as a};