@abtnode/blocklet-services 1.16.49-beta-20250828-131156-98768a61 → 1.16.49-beta-20250902-002109-7f238eb8

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

@@ -1,32 +0,0 @@
-import{r as h}from"./vendor-react-Dvs43sk9.js";import{k as W,n as z,o as K}from"./vendor-hooks-CLY4g97Q.js";import{j as o,ak as l,Q as v,n as b,s as R,ar as g,W as a}from"./vendor-mui-core-BkVXEDpj.js";import{T as k,O as Q}from"./vendor-ux-lckoR4gs.js";import{B as V,o as Z,l as G}from"./index-BuD6Pr1I.js";import{J as H}from"./vendor-utils-DtY42AM-.js";import{Z as E,c as J}from"./index-Baz_CCjB.js";import{u as X}from"./session-mWMzzPvi.js";const M=20,C={currentTab:a.string.isRequired},T={user:a.object.isRequired,column:a.number};function Y(){return o.jsxs(l,{sx:{border:"1px solid",borderColor:"divider",borderRadius:1,p:2},children:[o.jsxs(l,{sx:{display:"flex",alignItems:"center",gap:2,mb:1},children:[o.jsx(g,{variant:"circular",width:48,height:48}),o.jsxs(l,{sx:{flex:1},children:[o.jsx(g,{variant:"text",width:"60%",height:20}),o.jsx(g,{variant:"text",width:"80%",height:16})]})]}),o.jsx(g,{variant:"text",width:"40%",height:14})]})}function D({currentTab:e}){const{t:i}=k(),s=i(e==="following"?"team.userFollowers.emptyFollowing":"team.userFollowers.emptyFollowers");return o.jsx(Q,{children:s})}D.propTypes=C;function N({user:e,teamDid:i,currentTab:s,column:c=2,onToggleFollow:n=void 0,refresh:t=()=>{},followed:x=!1}){const{t:d,locale:w}=k(),{api:p}=E(),{session:f}=X(),m=h.useRef(null),[F]=z(m),U=h.useMemo(()=>f?.user?.did,[f?.user?.did]),{data:L,loading:_,loadMore:y,loadingMore:q,reload:A}=K(async r=>{if(!e?.did)return{users:[],total:0};const u=r?Math.ceil(r.users.length/M)+1:1,$=await(s==="following"?p.getUserFollowing:p.getUserFollowers)({input:{teamDid:i,userDid:e.did,type:s,paging:{page:u,pageSize:M}}});return{users:$?.data||[],total:$?.paging?.total||0}},{reloadDeps:[s,e?.did,x],isNoMore:r=>r?.list.length?r.list.length>=r?.total:!0}),I=async r=>{if(!(!r?.user?.did||!n||typeof n!="function"))try{await n(r.user.did,r.isFollowing),A(),t()}catch(u){console.error(u)}},{users:j=[],total:P=0}=L||{},O=j.length<P;return h.useEffect(()=>{F&&y()},[F,y]),_?Array.from({length:6},(r,u)=>`skeleton-${s}-${u}`).map(r=>o.jsx(l,{className:"user-item",children:o.jsx(Y,{})},r)):j.length===0?o.jsx(D,{currentTab:s}):o.jsxs(l,{children:[o.jsx(l,{className:"user-list",sx:{px:1,py:2,display:"grid",gridTemplateColumns:{xs:"1fr",sm:`repeat(${c}, 1fr)`},gap:2},children:j.map(r=>{const u=s==="following"?r.userDid:r.followerDid;return o.jsx(l,{className:"user-item",children:o.jsx(V,{user:r.user,showDid:!0,cardType:G.CARD,infoType:Z.INFO,onAvatarClick:()=>{const B=H(J.WELLKNOWN_BLOCKLET_USER_PATH,{did:u,locale:w});window.open(B,"_blank")},renderTopRightContent:()=>U===r.user.did?null:n&&typeof n=="function"?o.jsx(re,{variant:"outlined",color:"primary",size:"small",onClick:()=>I(r),children:r.isFollowing?d("team.userFollowers.unfollow"):d("team.userFollowers.follow")}):null})},u)})}),O?o.jsx(l,{sx:{display:"flex",justifyContent:"center",mt:2},children:o.jsx(v,{variant:"text",color:"primary",onClick:y,children:d(q?"common.loading":"webhookEndpoint.loadMore")})}):null]})}N.propTypes={...C,...T,onToggleFollow:a.func,followed:a.bool};function S({data:e,currentTab:i,onTabChange:s}){const{t:c}=k(),n=[{label:c("team.userFollowers.following"),value:"following",count:e?.following||0},{label:c("team.userFollowers.followers"),value:"followers",count:e?.followers||0}];return o.jsx(l,{children:n.map(t=>o.jsxs(oe,{className:i===t.value?"active":"",onClick:()=>s(t.value),children:[t.label,t.count>0&&o.jsxs("span",{className:"count",style:{marginLeft:4},children:["(",t.count>99?"99+":t.count,")"]})]},t.value))})}S.propTypes={...C,...T,onTabChange:a.func.isRequired};function ee({user:e,teamDid:i,column:s=2,onToggleFollow:c=void 0,followed:n=!1}){const[t,x]=h.useState("following"),{api:d}=E(),{data:w,refresh:p}=W(async()=>e?.did?(await d.getUserFollowStats({input:{teamDid:i,userDids:[e.did]}}))?.data?.[e.did]||{following:0,followers:0}:{following:0,followers:0},{refreshDeps:[e?.did,n]}),f=m=>{x(m)};return o.jsxs(l,{children:[o.jsx(S,{data:w,user:e,currentTab:t,onTabChange:f}),o.jsx(N,{column:s,user:e,onToggleFollow:c,currentTab:t,teamDid:i,followed:n,refresh:p},t)]})}ee.propTypes={...T,teamDid:a.string.isRequired,followed:a.bool,onToggleFollow:a.func};const oe=R(v)`
-  &.MuiButtonBase-root {
-    border-radius: 9999px;
-    margin-right: 2px;
-    padding: 5px 12px;
-    line-height: 22px;
-    font-size: 13px;
-    background-color: ${({theme:e})=>e.palette.background.default};
-    color: ${({theme:e})=>e.palette.text.primary};
-    font-weight: 400;
-    border: 1px solid ${({theme:e})=>e.palette.divider} !important;
-  }
-  &.active.MuiButtonBase-root,
-  &.active.MuiButtonBase-root:hover {
-    color: ${({theme:e})=>e.palette.primary.main};
-    font-weight: 600;
-    background-color: ${({theme:e})=>b(e.palette.primary.main,.1)};
-    border: 1px solid ${({theme:e})=>b(e.palette.primary.main,.24)} !important;
-  }
-
-  &.MuiButtonBase-root:hover {
-    background-color: rgba(0, 0, 0, 0.04);
-  }
-`,re=R(v)`
-  color: ${({theme:e})=>e.palette.text.primary};
-  font-weight: 500;
-  border-color: ${({theme:e})=>e.palette.grey[300]};
-  line-height: 1.5;
-  &:hover {
-    background-color: ${({theme:e})=>b(e.palette.primary.main,.1)};
-  }
-`;export{ee as U};