https://snestico.ai/assets/js/GroupChatPage-D-iiu-VX.js

1import{j as e,_ as Te,N as Re,r as o,S as R}from"./vendor-BOadm9Gy.js";import{u as m}from"./vendor-toast-D6B0hGGw.js";import{P as Ee}from"./ProtectedRoute-CrAct2uw.js";import{S as Le}from"./SignInGate-C8h4QWAT.js";import{J as ie,K as oe,B as b,L as le,a1 as Pe,M as T,l as C,u as $e,c as Z,D as Be,o as _e,p as Fe,q as Ue,s as Oe}from"./index-DcN63-UG.js";import{S as ee}from"./SEO-BlctqH_J.js";import{A as ce,a as de,b as me}from"./avatar-Cn6RInez.js";import{B as _}from"./badge-7z_Rspf7.js";import{C as He}from"./confirmation-dialog-CMFVQjnw.js";import{R as qe}from"./ReportButton-CtaQmsdm.js";import{G as Je}from"./GroupAvatar-BpgEZ5Bs.js";import{E as Ye,G as ze}from"./GroupDialogs-HR8LzTgG.js";import{c as Ke,d as Ve,e as We,A as I,f as se,C as Xe,h as Qe,s as Ze,M as B,m as te,a as es,k as ss,n as ts,j as as,i as ue,p as F,o as rs,q as ns,t as is,v as ae,w as os}from"./social-hBeLCJIX.js";import{bi as ls,a8 as U,U as E,bp as re,bc as cs,M as xe,o as he,bq as ge,b6 as ds,bG as ms,G as us,n as xs,aE as hs,ai as gs,ad as ps,a5 as fs,bj as js,bL as bs,cn as ys}from"./vendor-icons-kUGsRs8M.js";import"./vendor-ui-CeWyqG0w.js";import"./vendor-classnames-CSqCgoPn.js";import"./vendor-motion-DwikGbVM.js";import"./listingCard-CQCxl9Sv.js";import"./textarea-Du0P8z2Y.js";import"./adminFeaturesApi-7Qqpvd5d.js";import"./input-Bkp3DRxb.js";import"./progress-BRAw2phP.js";const vs={edit:{label:"Edit details",icon:cs},photo:{label:"Change photo",icon:re},cover:{label:"Change cover",icon:re},members:{label:"Members & roles",icon:E},delete:{label:"Delete group",icon:U,danger:!0}};function ws({viewer:s,onSelect:l}){const i=Ke(s);return i.length?e.jsxs(ie,{children:[e.jsx(oe,{asChild:!0,children:e.jsxs(b,{variant:"outline",className:"gap-1.5 rounded-full",children:[e.jsx(ls,{className:"h-4 w-4"})," Manage group"]})}),e.jsx(le,{align:"end",className:"w-52",children:i.map(c=>{const a=vs[c],n=a.icon;return[a.danger?e.jsx(Pe,{},`${c}-sep`):null,e.jsxs(T,{onSelect:()=>l(c),className:a.danger?"text-red-600 focus:text-red-700":"",children:[e.jsx(n,{className:"h-4 w-4"})," ",a.label]},c)]})})]}):null}const ne="/community?view=groups",Ns=6,Ss=s=>{const l=new Date(s);if(!Number.isFinite(l.getTime()))return"";const i=new Date().toDateString()===l.toDateString();return l.toLocaleString(C("en-US","en-IN"),i?{hour:"numeric",minute:"2-digit"}:{month:"short",day:"numeric",hour:"numeric",minute:"2-digit"})},pe=s=>[s.sender?.firstName,s.sender?.lastName].filter(Boolean).join(" ")||"Snestico member";function Ms(){const[s,l]=o.useState(null),[i,c]=o.useState(!1),a=e.jsx(He,{isOpen:!!s,onClose:()=>!i&&l(null),onConfirm:async()=>{if(s){c(!0);try{await s.action()}finally{c(!1),l(null)}}},title:s?.title||"",description:s?.description||"",confirmText:s?.confirmText,variant:"destructive",isLoading:i});return{confirm:l,confirmDialog:a}}function Qs(){return e.jsx(Ee,{fallback:e.jsx(Le,{variant:"page",icon:xe,title:"Sign in to join the conversation",message:"Group chats are for Snestico members. It's free: sign in and you'll come right back to this group.",perks:[C("Chat with people in your city","Chat with people in your city and locality"),C("Join groups for renters and roommates","Join groups for tenants and flatmates"),"Message anyone from their profile"]}),children:e.jsx(Cs,{})})}function Cs(){const{groupId:s=""}=Te(),l=Re(),{apiCall:i,user:c}=$e(),[a,n]=o.useState(null),[u,g]=o.useState("loading"),[A,je]=o.useState([]),[be,O]=o.useState(!1),[k,v]=o.useState([]),[ye,H]=o.useState(!1),[w,q]=o.useState(""),[J,Y]=o.useState(!1),[ve,z]=o.useState(!1),[N,D]=o.useState(null),K=o.useRef(null),L=o.useRef(!0),{confirm:y,confirmDialog:we}=Ms(),j=o.useCallback(async()=>{try{const t=await Ve(i,s);return n(t),g("ready"),t}catch(t){const r=t instanceof I&&t.status===404;return r&&n(null),g(r?"missing":"error"),null}},[i,s]),S=o.useCallback(async()=>{try{je(await We(i,s)),O(!1)}catch(t){t instanceof I&&t.status===403&&O(!0)}},[i,s]);o.useEffect(()=>{g("loading"),v([]),j(),S()},[j,S]);const V=!!a?.viewer.canRead,G=a?.viewer.userId?String(a.viewer.userId):null,P=c?.imageUrl||null,Ne=o.useMemo(()=>{const t=new Map;for(const r of A)r.user?.imageUrl&&t.set(String(r.userId||r.user.id),r.user.imageUrl);return G&&P&&!t.has(G)&&t.set(G,P),t},[A,G,P]);o.useEffect(()=>{if(!V)return;let t=!1,r=null,d=0;const p=h=>{if(t||!h.length)return;const M=h[h.length-1].createdAt;(!r||M>r)&&(r=M),v(Ie=>te(Ie,h))};H(!0),se(i,s).then(p).catch(()=>m.error("Couldn't load the messages")).finally(()=>!t&&H(!1));const f=window.setInterval(async()=>

1{if(!(t||document.hidden)){d+=1;try{p(await se(i,s,d%Ns===0?null:r))}catch(h){if(t)return;h instanceof I&&h.status===404?(t=!0,window.clearInterval(f),n(null),g("missing"),m.info("This group was deleted.")):h instanceof I&&h.status===403&&j()}}},Xe);return()=>{t=!0,window.clearInterval(f)}},[V,i,s,j]),o.useEffect(()=>{const t=K.current;t&&L.current&&(t.scrollTop=t.scrollHeight)},[k]);const W=async t=>{t?.preventDefault();const r=w.trim();if(!(!r||J)){Y(!0);try{const d=await ns(i,s,r);L.current=!0;const p=a?.viewer.userId?{id:String(a.viewer.userId),firstName:c?.firstName||"",lastName:c?.lastName||"",avatar:c?.imageUrl||null}:null;v(f=>te(f,[{...d,mine:!0,sender:d.sender??p}])),q("")}catch(d){m.error(d instanceof Error?d.message:"Couldn't send your message")}finally{Y(!1)}}},Se=t=>{t.key==="Enter"&&!t.shiftKey&&!t.nativeEvent.isComposing&&(t.preventDefault(),W())},Me=async()=>{z(!0);try{const t=await as(i,s);m.success(t?.status==="pending"?"Request sent. An admin will let you in.":`You joined ${a?.name||"the group"}`),await j(),await S()}catch(t){m.error(t instanceof Error?t.message:"Couldn't join the group")}finally{z(!1)}},Ce=()=>y({title:`Leave ${a?.name||"this group"}?`,description:"You'll stop getting its messages. You can join again later.",confirmText:"Leave group",action:async()=>{try{await ts(i,s),m.success("You left the group"),v([]),await j(),await S()}catch(t){m.error(t instanceof Error?t.message:"Couldn't leave the group")}}}),Ae=t=>y({title:"Delete this message?",description:t.mine?"It will show as deleted for everyone in the group.":`This removes ${pe(t)}'s message for everyone. It will show as removed by an admin.`,confirmText:"Delete message",action:async()=>{try{const d=(await rs(i,s,t.id))?.deleted||(t.mine?"author":"admin");v(p=>p.map(f=>f.id===t.id?{...f,content:"",deleted:d}:f)),m.success("Message deleted")}catch(r){m.error(r instanceof Error?r.message:"Couldn't delete the message")}}}),ke=(t,r)=>{const d=t.user.name,p=async(f,h)=>{try{await f(),m.success(h),await Promise.all([S(),j()])}catch(M){m.error(M instanceof Error?M.message:"Something went wrong")}};y(r==="make-admin"?{title:`Make ${d} an admin?`,description:"Admins can edit the group, change its photo and cover, delete messages and remove members.",confirmText:"Make admin",action:()=>p(()=>ae(i,s,t.userId,"admin"),`${d} is now an admin`)}:r==="remove-admin"?{title:`Remove ${d} as admin?`,description:"They stay in the group as a member.",confirmText:"Remove admin",action:()=>p(()=>ae(i,s,t.userId,"member"),`${d} is no longer an admin`)}:{title:`Remove ${d} from the group?`,description:"They'll lose access to the chat. They can ask to join again.",confirmText:"Remove",action:()=>p(()=>os(i,s,t.userId),`${d} was removed`)})},De=t=>{if(t!=="delete"){D(t);return}y({title:`Delete ${a?.name||"this group"}?`,description:"The group, its page and its chat will be removed for everyone.",confirmText:"Delete group",action:async()=>{try{await ss(i,s),n(null),g("missing"),m.success("Group deleted"),l(ne,{replace:!0})}catch(r){m.error(r instanceof Error?r.message:"Couldn't delete the group")}}})};if(u==="loading")return e.jsx(Z,{label:"Loading the group",size:"lg",fullScreen:!0});if(u!=="ready"||!a)return e.jsxs("div",{className:"flex min-h-[60vh] flex-col items-center justify-center px-4 text-center",children:[e.jsx(ee,{title:"Group not found",description:"This group doesn't exist or has been removed.",noindex:!0}),e.jsx(E,{className:"mb-3 h-10 w-10 text-gray-300","aria-hidden":"true"}),e.jsx("h1",{className:"text-xl font-semibold text-gray-900",children:u==="missing"?"Group not found":"Couldn't load this group"}),e.jsx("p",{className:"mt-1 text-sm text-gray-600",children:u==="missing"?"It may have been removed, or it's on our other site.":"Please try again in a moment."}),e.jsx(b,{asChild:!0,variant:"outline",className:"mt-4",children:e.jsx(R,{to:ne,children:"Back to groups"})})]});const{viewer:x}=a,Ge=t=>!!x.userId&&String(x.userId)===String(t.userId),X=e.jsx(ks,{members:A,hidden:be,viewer:x,isSelf:Ge,onAction:ke}),$=()=>D(null),Q=t=>{n(t),D(null)};return e.jsxs("div",{className:"min-h-screen sn-page-bg",children:[e.jsx(ee,{title:`${a.name} · Group chat`,description:a.description||"A Snestico community group.",n

1oindex:!0}),e.jsxs("div",{className:"mx-auto max-w-6xl px-4 py-6 sm:px-6 lg:py-8",children:[e.jsx(As,{group:a,busy:ve,onJoin:Me,onLeave:Ce,onManage:De}),e.jsxs("div",{className:"mt-6 grid gap-6 lg:grid-cols-3",children:[e.jsxs("section",{className:"flex min-h-[28rem] flex-col overflow-hidden rounded-2xl border border-gray-100 bg-white shadow-sm lg:col-span-2","aria-label":"Group chat",children:[e.jsxs("div",{className:"flex items-center gap-2 border-b border-gray-100 px-5 py-3",children:[e.jsx(xe,{className:"h-4 w-4 text-[#2A4470]"}),e.jsx("h2",{className:"text-sm font-semibold text-gray-900",children:"Chat"}),x.isSiteAdmin&&!x.isMember&&e.jsxs(_,{variant:"outline",className:"ml-auto gap-1 border-[#84A9FF]/50 text-[11px] text-[#2A4470]",children:[e.jsx(he,{className:"h-3 w-3"})," Moderating as site admin"]})]}),x.canRead?e.jsxs(e.Fragment,{children:[e.jsx("div",{ref:K,onScroll:t=>{const r=t.currentTarget;L.current=r.scrollHeight-r.scrollTop-r.clientHeight<80},className:"max-h-[60vh] min-h-[20rem] flex-1 space-y-4 overflow-y-auto px-3 py-4 sm:px-5","aria-live":"polite",children:ye&&k.length===0?e.jsx(Z,{label:"Loading messages"}):k.length===0?e.jsx("p",{className:"py-12 text-center text-sm text-gray-500",children:"No messages yet. Say hello to the group."}):k.map(t=>e.jsx(Ds,{message:t,photo:Ze(t,Ne),canDelete:Qe(x,t),onDelete:()=>Ae(t)},t.id))}),x.canPost?e.jsxs("form",{onSubmit:W,className:"border-t border-gray-100 p-3",children:[e.jsxs("label",{htmlFor:"group-chat-input",className:"sr-only",children:["Message ",a.name]}),e.jsxs("div",{className:"flex items-end gap-2",children:[e.jsx("textarea",{id:"group-chat-input",value:w,onChange:t=>q(t.target.value.slice(0,B)),onKeyDown:Se,rows:1,placeholder:`Message ${a.name}`,className:"max-h-40 min-h-[2.75rem] flex-1 resize-y rounded-xl border border-gray-200 bg-gray-50 px-4 py-2.5 text-sm text-gray-900 placeholder:text-gray-400 focus:border-[#3A5A8C] focus:bg-white focus:outline-none focus:ring-2 focus:ring-[#3A5A8C]/20"}),e.jsx(b,{type:"submit",disabled:!w.trim()||J,"aria-label":"Send message",className:"h-11 w-11 shrink-0 rounded-xl p-0",children:e.jsx(ds,{className:"h-4 w-4"})})]}),w.length>B-200&&e.jsxs("p",{className:"mt-1 text-right text-xs text-gray-500",children:[w.length,"/",B]})]}):e.jsx("p",{className:"border-t border-gray-100 px-5 py-3 text-center text-xs text-gray-500",children:"Join the group to send messages."})]}):e.jsxs("div",{className:"flex flex-1 flex-col items-center justify-center px-6 py-12 text-center",children:[e.jsx(ge,{className:"mb-3 h-8 w-8 text-gray-300","aria-hidden":"true"}),e.jsx("p",{className:"font-medium text-gray-800",children:x.isPending?"Waiting for an admin to let you in":"Join to read and send messages"}),e.jsx("p",{className:"mt-1 max-w-sm text-sm text-gray-500",children:"Only members can see this group's chat."})]})]}),e.jsxs("aside",{className:"space-y-6",children:[e.jsxs("section",{className:"rounded-2xl border border-gray-100 bg-white p-5 shadow-sm","aria-label":"Members",children:[e.jsxs("div",{className:"mb-3 flex items-center justify-between gap-2",children:[e.jsxs("h2",{className:"flex items-center gap-2 text-sm font-semibold text-gray-900",children:[e.jsx(E,{className:"h-4 w-4 text-[#2A4470]"})," Members ",e.jsx("span",{className:"font-normal text-gray-500",children:a.memberCount.toLocaleString(C("en-US","en-IN"))})]}),x.canManage&&A.length>0&&e.jsx("button",{type:"button",onClick:()=>D("members"),className:"text-xs font-medium text-[#3A5A8C] hover:underline",children:"Manage"})]}),e.jsx("div",{className:"max-h-96 overflow-y-auto",children:X})]}),a.rules.length>0&&e.jsxs("section",{className:"rounded-2xl border border-gray-100 bg-white p-5 shadow-sm","aria-label":"Group rules",children:[e.jsx("h2",{className:"mb-3 text-sm font-semibold text-gray-900",children:"Group rules"}),e.jsx("ol",{className:"list-decimal space-y-1.5 pl-5 text-sm text-gray-700",children:a.rules.map((t,r)=>e.jsx("li",{children:t},r))})]})]})]})]}),N==="edit"&&e.jsx(Ye,{group:a,onClose:$,onSaved:Q}),(N==="photo"||N==="cover")&&e.jsx(ze,{group:a,kind:N==="photo"?"avatar":"cover",onClose:$,onSaved:Q}),N==="members"&&e.jsx(Be,{open:!0,onOpenChange:t=>!t&&$(),children:e.jsxs(_e,{className:"max-h-[85vh] overflow-y-auto sm:max-w-md",children:[e.jsxs(Fe,{children:[e.jsx(Ue,{children:"Members & roles"}),e.jsx(Oe,{children:x.canManageRoles?"Make members admins, remove admins, or remove people from the group.":"Remove people from the group. Only the owner can change admins."})]}),X]})}),we]})}function As({group:s,busy:l,onJoin:i,onLeave:c,onManage:a}){const{viewer:n}=s;return e.jsxs("header",{className:"overflow-hidden rounded-2xl border border-gray-100 bg-white shadow-sm",children:[e.jsx("div",{className:"relative h-32 w-full overflow-hidden bg-gradient-to-r from-[#0C1A2B] via-[#2A4470] to-[#84A9FF] sm:h-44 lg:h-52",children:s.coverImage?e.jsx("img",{src:s.coverImage,alt:"",width:1500,height:500,decoding:"async",className:"h-full w-full object-cover"}):e.jsx("div",{className:"absolute inset-0 opacity-40 [background-image:radial-gradient(circle_at_18%_25%,rgba(132,169,255,0.55),transparent_45%),radial-gradient(circle_at_85%_75%,rgba(255,255,255,0.22),transparent_40%)]","aria-hidden":"true"})}),e.jsxs("div",{className:"px-4 pb-5 sm:px-6",children:[e.jsxs("div",{className:"flex flex-wrap items-end justify-between gap-3",children:[e.jsx(Je,{name:s.name,image:s.image,size:112,priority:!0,className:"-mt-12 border-4 border-white bg-white shadow-md sm:-mt-14"}),e.jsxs("div",{className:"flex flex-wrap gap-2 sm:pb-1",children:[n.isMember?e.jsxs(b,{variant:"outline",onClick:c,disabled:l,className:"gap-1.5 rounded-full",children:[e.jsx(ms,{className:"h-4 w-4"})," Leave"]}):n.isPending?e.jsx(b,{variant:"outline",disabled:!0,className:"rounded-full",children:"Request sent"}):e.jsx(b,{onClick:i,disabled:l,className:"rounded-full bg-[#0C1A2B] text-white hover:bg-[#14284A]",children:s.isApprovalRequired?"Ask to join":"Join group"}),e.jsx(ws,{viewer:n,onSelect:a})]})]}),e.jsxs("div",{className:"mt-3 min-w-0",children:[e.jsxs("div",{className:"flex flex-wrap items-center gap-2",children:[e.jsx("h1",{className:"break-words text-2xl font-bold text-[#0C1A2B] sm:text-3xl",children:s.name}),e.jsx(fe,{role:n.role||""})]}),e.jsxs("div",{className:"mt-2 flex flex-wrap items-center gap-2 text-sm text-gray-600",children:[s.category&&e.jsx("span",{className:"rounded-full bg-[#84A9FF]/15 px-2.5 py-0.5 text-xs font-medium text-[#2A4470]",children:es(s.category)}),e.jsxs("span",{className:"inline-flex items-center gap-1 rounded-full bg-gray-100 px-2.5 py-0.5 text-xs font-medium text-gray-700",children:[s.isPrivate?e.jsx(ge,{className:"h-3 w-3"}):e.jsx(us,{className:"h-3 w-3"}),s.isPrivate?"Private":"Public",s.isApprovalRequired?" · Approval to join":""]}),e.jsxs("span",{className:"inline-flex items-center gap-1",children:[e.jsx(E,{className:"h-4 w-4 text-gray-400"}

1)," ",s.memberCount.toLocaleString(C("en-US","en-IN"))," member",s.memberCount===1?"":"s"]}),s.place&&e.jsxs("span",{className:"inline-flex items-center gap-1",children:[e.jsx(xs,{className:"h-4 w-4 text-gray-400"})," ",s.place]})]}),s.description&&e.jsx("p",{className:"mt-3 max-w-3xl whitespace-pre-line text-sm leading-relaxed text-gray-700",children:s.description})]})]})]})}function fe({role:s}){return s==="owner"?e.jsxs(_,{className:"shrink-0 gap-1 bg-amber-100 text-[11px] text-amber-800 hover:bg-amber-100",children:[e.jsx(gs,{className:"h-3 w-3"})," Owner"]}):s==="admin"?e.jsxs(_,{className:"shrink-0 gap-1 bg-[#84A9FF]/20 text-[11px] text-[#2A4470] hover:bg-[#84A9FF]/20",children:[e.jsx(ps,{className:"h-3 w-3"})," Admin"]}):null}function ks({members:s,hidden:l,viewer:i,isSelf:c,onAction:a}){return l?e.jsx("p",{className:"text-sm text-gray-500",children:"Join this private group to see who's in it."}):s.length?e.jsx("ul",{className:"space-y-1",children:s.map(n=>{const u=c(n),g=is(i,n,u);return e.jsxs("li",{className:"flex items-center gap-2 rounded-xl p-1 hover:bg-gray-50",children:[e.jsxs(R,{to:F(n.userId),className:"flex min-w-0 flex-1 items-center gap-3",children:[e.jsxs(ce,{className:"h-9 w-9",children:[e.jsx(de,{src:n.user.imageUrl||void 0,alt:"",className:"object-cover"}),e.jsx(me,{className:"!bg-[#0C1A2B] text-xs text-white",children:ue(n.user.name)})]}),e.jsxs("span",{className:"min-w-0 flex-1 truncate text-sm font-medium text-gray-800",children:[n.user.name,u&&e.jsx("span",{className:"font-normal text-gray-500",children:" (you)"})]}),n.user.verified&&e.jsx(fs,{className:"h-4 w-4 shrink-0 text-blue-500","aria-label":"Verified"}),e.jsx(fe,{role:n.role})]}),g.length>0&&e.jsxs(ie,{children:[e.jsx(oe,{asChild:!0,children:e.jsx(b,{variant:"ghost",size:"icon",className:"h-8 w-8 shrink-0 rounded-full","aria-label":`Actions for ${n.user.name}`,children:e.jsx(js,{className:"h-4 w-4"})})}),e.jsxs(le,{align:"end",children:[g.includes("make-admin")&&e.jsxs(T,{onSelect:()=>a(n,"make-admin"),children:[e.jsx(he,{className:"h-4 w-4"})," Make admin"]}),g.includes("remove-admin")&&e.jsxs(T,{onSelect:()=>a(n,"remove-admin"),children:[e.jsx(bs,{className:"h-4 w-4"})," Remove admin"]}),g.includes("remove")&&e.jsxs(T,{onSelect:()=>a(n,"remove"),className:"text-red-600 focus:text-red-700",children:[e.jsx(ys,{className:"h-4 w-4"})," Remove from group"]})]})]})]},n.id||n.userId)})}):e.jsx("p",{className:"text-sm text-gray-500",children:"No members to 

1show yet."})}function Ds({message:s,photo:l,canDelete:i,onDelete:c}){const a=pe(s),n=s.sender?.id||s.senderId,u=s.deleted||(s.messageType==="deleted_admin"?"admin":s.messageType==="deleted"?"author":null);return e.jsxs("div",{className:`group flex gap-2.5 sm:gap-3 ${s.mine?"flex-row-reverse":""}`,children:[e.jsx(R,{to:F(n),className:"shrink-0","aria-label":`${a}'s profile`,children:e.jsxs(ce,{className:"h-8 w-8",children:[e.jsx(de,{src:l||void 0,alt:"",className:"object-cover"}),e.jsx(me,{className:"!bg-[#0C1A2B] text-[11px] text-white",children:ue(a)})]})}),e.jsxs("div",{className:`flex min-w-0 max-w-[85%] flex-col sm:max-w-[75%] ${s.mine?"items-end text-right":""}`,children:[e.jsxs("div",{className:`flex items-center gap-2 text-xs text-gray-500 ${s.mine?"flex-row-reverse":""}`,children:[e.jsx(R,{to:F(n),className:"font-semibold text-gray-800 hover:underline",children:s.mine?"You":a}),e.jsx("time",{dateTime:s.createdAt,children:Ss(s.createdAt)}),e.jsxs("span",{className:"flex items-center gap-0.5 transition sm:opacity-0 sm:group-focus-within:opacity-100 sm:group-hover:opacity-100",children:[i&&e.jsx("button",{type:"button",onClick:c,"aria-label":s.mine?"Delete your message":`Delete ${a}'s message`,title:"Delete message",className:"inline-flex h-6 w-6 items-center justify-center rounded-full text-gray-400 hover:bg-red-50 hover:text-red-600",children:e.jsx(U,{className:"h-3.5 w-3.5"})}),!s.mine&&!u&&e.jsx(qe,{targetType:"message",targetId:s.id,targetLabel:"this message",variant:"icon",className:"h-6 w-6"})]})]}),u?e.jsxs("p",{className:"mt-1 inline-flex items-center gap-1.5 rounded-2xl border border-dashed border-gray-200 px-3.5 py-2 text-left text-sm italic text-gray-500",children:[u==="admin"?e.jsx(hs,{className:"h-4 w-4 shrink-0 text-amber-500","aria-hidden":"true"}):e.jsx(U,{className:"h-3.5 w-3.5 shrink-0","aria-hidden":"true"}),u==="admin"?"Message removed by an admin":"This message was deleted"]}):e.jsx("p",{className:`mt-1 whitespace-pre-wrap break-words rounded-2xl px-3.5 py-2 text-left text-sm leading-relaxed ${s.mine?"rounded-tr-md bg-[#0C1A2B] text-white":"rounded-tl-md bg-gray-100 text-gray-800"}`,children:s.content})]})]})}export{Qs as GroupChatPage};