@mirantes-micro/foundation-design-system 1.2.209 → 1.2.210
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -2667,7 +2667,7 @@ mutation CreateParticipant($input: CreateParticipantInput!) {
|
|
|
2667
2667
|
color: #9ca3af;
|
|
2668
2668
|
pointer-events: none;
|
|
2669
2669
|
}
|
|
2670
|
-
`),$__namespace.default.createElement("div",{className:"relative flex-1 flex items-center min-h-0"},$__namespace.default.createElement("div",{className:"w-full pl-[88px] pr-[88px] rounded-[1rem] bg-[#EFF4FB] border border-[#F8F8F8] flex items-center relative min-h-0"},$__namespace.default.createElement("div",{ref:P,className:U(ge,"chat-mentionable-editor flex-1 pt-[18px] pb-[18px]"),contentEditable:!l,onInput:Z,onKeyDown:ee,onPaste:k,"data-placeholder":S("type-message"),style:{height:`${J9}px`,minHeight:`${J9}px`,maxHeight:`${Bk}px`,wordBreak:"break-word",overflowWrap:"anywhere"},suppressContentEditableWarning:true,role:"textbox","aria-multiline":"true","aria-placeholder":c}),E&&$__namespace.default.createElement("div",{ref:M,className:"absolute bottom-full left-0 mb-2 w-64 z-50"},$__namespace.default.createElement(zk,{items:G,selectedIndex:V,onSelect:T,onHover:z,position:{top:0,left:0},maxHeight:200}))),$__namespace.default.createElement("div",{className:"absolute left-2 sm:left-3 top-1/2 -translate-y-1/2 flex items-center gap-0.5 sm:gap-1"},$__namespace.default.createElement(x6,{onFilesSelected:_,disabled:K||l}),$__namespace.default.createElement(w6,{onFilesSelected:Q,disabled:K||l})),$__namespace.default.createElement("div",{className:"absolute right-2 sm:right-3 top-1/2 -translate-y-1/2 flex items-center gap-1"},$__namespace.default.createElement(C6,{onEmojiSelect:X}),ie?$__namespace.default.createElement(P6,{type:"text",onSend:n,disabled:m||K||l}):$__namespace.default.createElement(N6,{onStartRecording:f||(()=>{}),onStopRecording:v||(()=>{}),onCancelRecording:h||(()=>{}),isRecording:u,recordingTime:g,disabled:K||l})),b))});I6.displayName="MentionableTextareaChat";var yee=({chat:e,chatForPage:t,chatFilter:o})=>{var ze,Je;let[r,n]=$.useState(""),[a,s]=$.useState(0),[i,c]=$.useState([]),[d,l]=$.useState([]),m=$.useRef(null),p=$.useRef(null),{replyMessage:u,setReplyMessage:g}=he(),{page:f}=I(),v=(e==null?void 0:e.isGroup)||false,h=ik(),{sendMessage:b}=vo(o,t),{adjustTextareaHeight:x,resetTextareaHeight:w}=lk(m),{isRecording:C,recordingMode:N,isPaused:S,recordingTime:P,waveformData:M,audioUrl:A,audioBlob:D,startRecording:k,stopRecording:E,cancelRecording:G,pauseRecording:T,resumeRecording:H,resetRecorder:V}=Tk(),z=((ze=e==null?void 0:e.participants)==null?void 0:ze.map(se=>{var Te;let le=((Te=se==null?void 0:se.users)==null?void 0:Te[0])||(se==null?void 0:se.user)||se;return {id:(se==null?void 0:se.userId)||(le==null?void 0:le.id)||(se==null?void 0:se.id)||"",name:(le==null?void 0:le.name)||(se==null?void 0:se.name)||"",avatar:(le==null?void 0:le.avatar)||(se==null?void 0:se.avatar)}}))||[],O=((Je=e==null?void 0:e.participants)==null?void 0:Je.map(se=>{var Te;let le=((Te=se==null?void 0:se.users)==null?void 0:Te[0])||(se==null?void 0:se.user)||se;return {id:(se==null?void 0:se.userId)||(le==null?void 0:le.id)||(se==null?void 0:se.id)||"",name:(le==null?void 0:le.name)||(se==null?void 0:se.name)||"",avatar:(le==null?void 0:le.avatar)||(se==null?void 0:se.avatar)}}))||[],{showMentions:B,setShowMentions:F,mentionSearch:_,filteredParticipants:Q,selectedMentionIndex:K,isMobileView:j,handleMentionDetection:X,insertMention:ee,handleMentionKeyDown:Z}=ck({participants:z,isGroup:(e==null?void 0:e.isGroup)||false});$.useEffect(()=>{x();},[r]),$.useEffect(()=>{let se=le=>{p.current&&!p.current.contains(le.target)&&F(false);};if(B)return document.addEventListener("mousedown",se),()=>document.removeEventListener("mousedown",se)},[B]);let ie=se=>{c(le=>[...le,...se]);},ge=se=>{c(se);},be=se=>{c(le=>le.filter(Te=>Te.id!==se));},xe=i.some(se=>se.uploadStatus==="pending"||se.uploadStatus==="uploading"),ve=()=>W(void 0,null,function*(){if(!r.trim()&&i.length===0||!e||xe)return;let le=i.filter(Wt=>Wt.uploadStatus==="completed").map(Wt=>({type:Wt.type,url:Wt.url})),Te=v?d:uk(r),Pt={conversationId:e.id,body:r.trim()||void 0,attachments:le.length>0?le:void 0,replyMessageId:(u==null?void 0:u.id)||void 0,mentions:Te.length>0?Te:void 0};t&&(f!=null&&f.id)&&(Pt.pageId=f.id,Pt.topic=""),Pt.conversationId!==null&&(yield Nr.invalidateQueries({queryKey:["messages",Pt.conversationId]})),b(Pt),n(""),c([]),l([]),g==null||g(null),w(),F(false);}),Be=se=>{let le=se.target.value,Te=se.target.selectionStart;n(le),s(Te),X(le,Te),x();},Ae=se=>{let le=m.current;if(!le)return;let Te=le.selectionStart,Pt=le.selectionEnd,Wt=r.substring(0,Te)+se+r.substring(Pt);n(Wt),setTimeout(()=>{le&&(le.selectionStart=le.selectionEnd=Te+se.length,le.focus());},0);},re=(se,le)=>W(void 0,null,function*(){if(!e)return;let Te={conversationId:e.id,attachments:[{type:"audio",url:se}],replyMessageId:(u==null?void 0:u.id)||void 0};t&&(f!=null&&f.id)&&(Te.pageId=f.id,Te.topic=""),Te.conversationId!==null&&(yield Nr.invalidateQueries({queryKey:["messages",Te.conversationId]})),b(Te),g==null||g(null);});return $__namespace.default.createElement("div",{className:"px-3 sm:px-6 pb-4 sm:pb-6"},u&&$__namespace.default.createElement(sk,{replyMessage:u,onClose:()=>g==null?void 0:g(null)}),$__namespace.default.createElement(Ak,{files:i,onRemoveFile:be,chatId:e==null?void 0:e.id}),$__namespace.default.createElement("div",{className:"relative",ref:p},v?$__namespace.default.createElement(I6,{participants:O,value:r,onChange:n,onMentionsChange:l,onSend:ve,onEmojiSelect:Ae,onFilesUploaded:ie,onUpdateFiles:ge,isSending:h.isPending||xe,chatId:e==null?void 0:e.id,isRecording:C,recordingTime:P,onStartRecording:k,onStopRecording:E,onCancelRecording:G,uploadedFiles:i,audioRecordingUI:$__namespace.default.createElement(K9,{chatId:e==null?void 0:e.id,onAudioSent:re,isRecording:C,recordingMode:N,isPaused:S,recordingTime:P,waveformData:M,audioUrl:A,audioBlob:D,onCancel:G,onStop:E,onPause:T,onResume:H,onReRecord:V})}):$__namespace.default.createElement($__namespace.default.Fragment,null,B&&$__namespace.default.createElement(pk,{mentions:Q,selectedIndex:K,searchQuery:_,onSelect:se=>ee(r,a,se,n,m),onClose:()=>F(false),position:"left",isMobile:j}),$__namespace.default.createElement(wk,{messageText:r,textareaRef:m,onTextChange:Be,onSend:ve,onEmojiSelect:Ae,onFilesUploaded:ie,onUpdateFiles:ge,onMentionKeyDown:se=>{B&&Q.length>0&&Z(se,r,a,n,m);},onTextareaClick:se=>{let le=se.target;s(le.selectionStart),X(r,le.selectionStart);},showMentions:B,isSending:h.isPending||xe,chatId:e==null?void 0:e.id,isRecording:C,recordingTime:P,onStartRecording:k,onStopRecording:E,onCancelRecording:G,uploadedFiles:i,audioRecordingUI:$__namespace.default.createElement(K9,{chatId:e==null?void 0:e.id,onAudioSent:re,isRecording:C,recordingMode:N,isPaused:S,recordingTime:P,waveformData:M,audioUrl:A,audioBlob:D,onCancel:G,onStop:E,onPause:T,onResume:H,onReRecord:V})}))))},Uk=yee;var _k=()=>$__namespace.default.createElement("div",{className:"flex-1 flex flex-col bg-white w-full h-full relative gap-6 rounded-[1rem]"},$__namespace.default.createElement("div",{className:"bg-[#D0DEE533] p-4 md:m-4 md:rounded-[1rem] border-b border-border"},$__namespace.default.createElement("div",{className:"flex items-center justify-between"},$__namespace.default.createElement("div",{className:"flex items-center gap-3"},$__namespace.default.createElement("div",{className:"w-8 h-8 rounded-lg bg-gray-200 animate-pulse"}),$__namespace.default.createElement("div",{className:"h-10 w-10 rounded-full bg-gray-200 animate-pulse"}),$__namespace.default.createElement("div",{className:"space-y-2"},$__namespace.default.createElement("div",{className:"h-4 w-32 bg-gray-200 animate-pulse rounded"}),$__namespace.default.createElement("div",{className:"h-3 w-20 bg-gray-200 animate-pulse rounded"}))),$__namespace.default.createElement("div",{className:"w-8 h-8 rounded bg-gray-200 animate-pulse"}))),$__namespace.default.createElement("div",{className:"flex-1 px-4 md:px-6 space-y-6 overflow-y-auto"},$__namespace.default.createElement("div",{className:"flex gap-3 max-w-[80%]"},$__namespace.default.createElement("div",{className:"flex-shrink-0"},$__namespace.default.createElement("div",{className:"h-8 w-8 rounded-full bg-gray-200 animate-pulse"})),$__namespace.default.createElement("div",{className:"space-y-2"},$__namespace.default.createElement("div",{className:"h-3 w-24 bg-gray-200 animate-pulse rounded"}),$__namespace.default.createElement("div",{className:"bg-gray-100 p-3 rounded-2xl rounded-tl-none"},$__namespace.default.createElement("div",{className:"space-y-2"},$__namespace.default.createElement("div",{className:"h-3 w-48 bg-gray-300 animate-pulse rounded"}),$__namespace.default.createElement("div",{className:"h-3 w-40 bg-gray-300 animate-pulse rounded"}),$__namespace.default.createElement("div",{className:"h-3 w-32 bg-gray-300 animate-pulse rounded"}))),$__namespace.default.createElement("div",{className:"h-3 w-16 bg-gray-200 animate-pulse rounded"}))),$__namespace.default.createElement("div",{className:"flex justify-end"},$__namespace.default.createElement("div",{className:"max-w-[80%] space-y-2"},$__namespace.default.createElement("div",{className:"bg-blue-100 p-3 rounded-2xl rounded-tr-none"},$__namespace.default.createElement("div",{className:"space-y-2"},$__namespace.default.createElement("div",{className:"h-3 w-56 bg-blue-300 animate-pulse rounded"}),$__namespace.default.createElement("div",{className:"h-3 w-44 bg-blue-300 animate-pulse rounded"}))),$__namespace.default.createElement("div",{className:"h-3 w-16 bg-gray-200 animate-pulse rounded ml-auto"}))),$__namespace.default.createElement("div",{className:"flex gap-3 max-w-[80%]"},$__namespace.default.createElement("div",{className:"flex-shrink-0"},$__namespace.default.createElement("div",{className:"h-8 w-8 rounded-full bg-gray-200 animate-pulse"})),$__namespace.default.createElement("div",{className:"space-y-2 flex-1"},$__namespace.default.createElement("div",{className:"h-3 w-24 bg-gray-200 animate-pulse rounded"}),$__namespace.default.createElement("div",{className:"bg-gray-100 p-3 rounded-2xl rounded-tl-none"},$__namespace.default.createElement("div",{className:"space-y-3"},$__namespace.default.createElement("div",{className:"h-40 w-full bg-gray-300 animate-pulse rounded-lg"}),$__namespace.default.createElement("div",{className:"space-y-2"},$__namespace.default.createElement("div",{className:"h-3 w-36 bg-gray-300 animate-pulse rounded"}),$__namespace.default.createElement("div",{className:"h-3 w-28 bg-gray-300 animate-pulse rounded"})))),$__namespace.default.createElement("div",{className:"h-3 w-16 bg-gray-200 animate-pulse rounded"}))),$__namespace.default.createElement("div",{className:"space-y-4"},[...Array(3)].map((e,t)=>$__namespace.default.createElement("div",{key:t,className:"flex justify-end"},$__namespace.default.createElement("div",{className:"max-w-[70%]"},$__namespace.default.createElement("div",{className:"bg-blue-100 p-3 rounded-2xl rounded-tr-none"},$__namespace.default.createElement("div",{className:"space-y-2"},$__namespace.default.createElement("div",{className:"h-3 w-32 bg-blue-300 animate-pulse rounded"}),$__namespace.default.createElement("div",{className:"h-3 w-24 bg-blue-300 animate-pulse rounded"})))))))),$__namespace.default.createElement("div",{className:"px-3 sm:px-6 pb-4 sm:pb-6"},$__namespace.default.createElement("div",{className:"relative"},$__namespace.default.createElement("div",{className:"relative flex items-center"},$__namespace.default.createElement("div",{className:"relative flex-1 flex items-center"},$__namespace.default.createElement("div",{className:"w-full pl-[88px] pr-[88px] rounded-[1rem] bg-[#EFF4FB] border border-[#F8F8F8] h-[44px] min-h-[66px] max-h-[120px]"},$__namespace.default.createElement("div",{className:"h-full flex items-center px-3"},$__namespace.default.createElement("div",{className:"h-3 w-24 bg-gray-300 animate-pulse rounded"}))),$__namespace.default.createElement("div",{className:"absolute left-2 sm:left-3 top-1/2 -translate-y-1/2 flex items-center gap-0.5 sm:gap-1"},[...Array(2)].map((e,t)=>$__namespace.default.createElement("div",{key:t,className:"w-8 h-8 rounded-full bg-gray-300 animate-pulse"}))),$__namespace.default.createElement("div",{className:"absolute right-2 sm:right-3 top-1/2 -translate-y-1/2 flex items-center gap-1"},$__namespace.default.createElement("div",{className:"w-8 h-8 rounded-full bg-gray-300 animate-pulse"}),$__namespace.default.createElement("div",{className:"w-8 h-8 rounded-full bg-blue-300 animate-pulse"})))))));var X9=({className:e,selectedIds:t,selectionMode:o="all",selectedLabel:r,isDeleting:n=false,onCancel:a,onDelete:s,onForward:i})=>{let{t:c}=et(),[d,l]=$.useState(false),m=r!=null?r:c("selected-label"),p=$.useMemo(()=>t.length,[t]),u=$.useMemo(()=>o==="all"||o==="delete-only",[o]),g=$.useMemo(()=>o==="all"||o==="forward-only",[o]),f=d||n;if(!p)return null;let v=()=>W(void 0,null,function*(){if(s)try{l(!0),yield s(t);}finally{l(false);}});return $__namespace.default.createElement(react.motion.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},exit:{opacity:0,y:20},transition:{duration:.2},className:U("flex items-center justify-between px-4 py-3 bg-white border-t border-gray-200",e)},$__namespace.default.createElement("div",{className:"flex items-center gap-3"},$__namespace.default.createElement("button",{type:"button",onClick:a,className:"p-2 rounded-full hover:bg-gray-100"},$__namespace.default.createElement(lucideReact.X,{size:20})),$__namespace.default.createElement("span",{className:"text-sm font-medium"},p," ",m)),$__namespace.default.createElement("div",{className:"flex gap-2"},u&&$__namespace.default.createElement("button",{onClick:v,disabled:f,className:"p-2 rounded-full hover:bg-gray-100"},$__namespace.default.createElement(ha,{className:"w-6 h-6 "})),g&&$__namespace.default.createElement("button",{onClick:()=>i==null?void 0:i(t),className:"p-2 rounded-full hover:bg-gray-100"},$__namespace.default.createElement(lucideReact.Forward,{size:20}))))};X9.displayName="MessageSelectionBar";var Vk=({group:e,onClose:t,onEditDescription:o})=>{var a;let[r,n]=$.useState("about");return $__namespace.default.createElement("div",{className:"flex flex-col max-h-[80vh]"},$__namespace.default.createElement("div",{className:"px-6 py-4 border-b border-border"},$__namespace.default.createElement("div",{className:"flex items-center justify-between mb-4"},$__namespace.default.createElement("h2",{className:"text-lg font-semibold text-foreground"},e.name))),$__namespace.default.createElement("div",{className:"flex border-b border-border px-6"},$__namespace.default.createElement("button",{onClick:()=>n("about"),className:`px-4 py-3 text-sm rounded-none font-medium border-b-2 transition-colors ${r==="about"?"border-primary text-foreground":"border-transparent text-muted-foreground hover:text-foreground"}`},"Sobre"),$__namespace.default.createElement("button",{onClick:()=>n("members"),className:`px-4 py-3 rounded-none text-sm font-medium border-b-2 transition-colors ${r==="members"?"border-primary text-foreground":"border-transparent text-muted-foreground hover:text-foreground"}`},"Membros ",e.members.length.toLocaleString())),$__namespace.default.createElement("div",{className:"flex-1 overflow-y-auto px-6 py-4"},r==="about"?$__namespace.default.createElement("div",{className:"space-y-6"},e.subject&&$__namespace.default.createElement("div",null,$__namespace.default.createElement("h4",{className:"text-sm font-medium text-foreground mb-1"},"Assunto"),$__namespace.default.createElement("p",{className:"text-sm text-muted-foreground"},e.subject)),$__namespace.default.createElement("div",null,$__namespace.default.createElement("div",{className:"flex items-center justify-between mb-1"},$__namespace.default.createElement("h4",{className:"text-sm font-medium text-foreground"},"Descri\xE7\xE3o"),o&&$__namespace.default.createElement("button",{onClick:o,className:"p-1.5 rounded-md hover:bg-accent transition-colors"},$__namespace.default.createElement(lucideReact.Edit2,{className:"w-4 h-4 text-muted-foreground"}))),$__namespace.default.createElement("p",{className:"text-sm text-muted-foreground leading-relaxed"},e.description||"Sem descri\xE7\xE3o")),e.createdBy&&$__namespace.default.createElement("div",null,$__namespace.default.createElement("h4",{className:"text-sm font-medium text-foreground mb-1"},"Criado por"),$__namespace.default.createElement("p",{className:"text-sm text-muted-foreground"},e.createdBy,e.createdAt&&` em ${e.createdAt}`))):$__namespace.default.createElement("div",{className:"space-y-2"},(a=e==null?void 0:e.members)==null?void 0:a.map(s=>$__namespace.default.createElement("div",{key:s==null?void 0:s.id,className:"flex items-center gap-3 p-3 rounded-xl hover:bg-accent transition-colors"},$__namespace.default.createElement(y3,{className:"w-10 h-10"},$__namespace.default.createElement(x3,{src:s==null?void 0:s.avatar,alt:s==null?void 0:s.name}),$__namespace.default.createElement(w3,{className:"bg-primary/20 text-primary text-sm"},s==null?void 0:s.name.charAt(0).toUpperCase())),$__namespace.default.createElement("div",{className:"flex-1 min-w-0"},$__namespace.default.createElement("p",{className:"text-sm font-medium text-foreground truncate"},s==null?void 0:s.name),(s==null?void 0:s.role)&&$__namespace.default.createElement("p",{className:"text-xs text-muted-foreground truncate"},s==null?void 0:s.role)))))))},See=({open:e,onOpenChange:t,group:o,onEditDescription:r})=>{let n=Qs();if(!o)return null;let a=()=>t(false);return n?$__namespace.default.createElement(Uo,{open:e,onOpenChange:t},$__namespace.default.createElement(_o,{className:"bg-card border-t border-border max-h-[90vh]"},$__namespace.default.createElement("div",{className:"mx-auto w-12 h-1.5 flex-shrink-0 rounded-full bg-muted my-4"}),$__namespace.default.createElement(Vk,{group:o,onClose:a,onEditDescription:r}))):$__namespace.default.createElement(pn,{isOpen:e,onClose:a,closeOnClickOutside:false},$__namespace.default.createElement("div",{className:"sm:max-w-lg p-0 overflow-hidden"},$__namespace.default.createElement(Vk,{group:o,onClose:a,onEditDescription:r})))},jk=See;var Kk=({isOpen:e,onClose:t,messageIds:o,userId:r="current-user",chatForPage:n=false})=>{let[a,s]=$.useState(""),i=usehooks.useDebounce(a,400),{isMobile:c}=Jt(),{page:d}=I(),[l,m]=$.useState([]),{conversations:p,isGettingConversations:u,fetchNextPage:g,hasNextPage:f}=_n({chatHeaderOption:"all",searchQuery:i}),{conversations:v,isGettingConversations:h,fetchNextPage:b,hasNextPage:x}=Hs({chatHeaderOption:"all",searchQuery:i}),w=n&&(d!=null&&d.id)?v:p,C=n&&(d!=null&&d.id)?h:u,N=n&&(d!=null&&d.id)?b:g,S=n&&(d!=null&&d.id)?x:f,{users:P,isGettingUsers:M}=U1({filter:i}),{forwardMessages:k,isForwarding:E}=K5(),[G]=qT__default.default({loading:M,hasNextPage:S,onLoadMore:N,disabled:!S,rootMargin:"0px 0px 200px 0px"}),T=$.useMemo(()=>{if(!w)return [];if(!i.trim())return w;let B=i.toLowerCase();return w.filter(F=>{var Q;let _=F.isGroup?F.name:(Q=F.otherParticipant)==null?void 0:Q.name;return _==null?void 0:_.toLowerCase().includes(B)})},[w,i]),H=B=>{m(F=>F.some(Q=>B.conversationId&&Q.conversationId===B.conversationId||B.userId&&Q.userId===B.userId)?F.filter(Q=>!(B.conversationId&&Q.conversationId===B.conversationId)&&!(B.userId&&Q.userId===B.userId)):F.length>=5?F:[...F,B]);},V=B=>l.some(F=>B.conversationId&&F.conversationId===B.conversationId||B.userId&&F.userId===B.userId),z=()=>W(void 0,null,function*(){(o==null?void 0:o.length)===0||l.length===0||(k({messageIds:o,targets:l}),O());}),O=()=>{s(""),m([]),t();};return $__namespace.default.createElement(pn,{isOpen:e,onClose:O,closeOnClickOutside:false,className:`${c?"":"z-[999999]"}`},$__namespace.default.createElement("div",{className:"max-w-md p-0 gap-0"},$__namespace.default.createElement(Dl,{className:"p-4 pb-0"},$__namespace.default.createElement(ui,{className:"flex items-center gap-2"},$__namespace.default.createElement(lucideReact.Send,{className:"w-5 h-5"}),"Encaminhar mensagem")),$__namespace.default.createElement("div",{className:"p-4 border-b border-border"},$__namespace.default.createElement("div",{className:"relative"},$__namespace.default.createElement(lucideReact.Search,{className:"absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-muted-foreground"}),$__namespace.default.createElement(Qr,{placeholder:"Pesquisar conversas ou usu\xE1rios...",value:a,onChange:B=>s(B.target.value),className:"pl-9"}))),$__namespace.default.createElement(I5,{className:"h-[400px]"},$__namespace.default.createElement("div",{className:"p-2 space-y-1"},i.trim()!==""&&$__namespace.default.createElement($__namespace.default.Fragment,null,$__namespace.default.createElement("p",{className:"px-3 py-2 text-xs font-semibold text-muted-foreground uppercase"},"Usu\xE1rios"),P==null?void 0:P.map(B=>$__namespace.default.createElement(Qk,{key:B.id,name:B.name||"",avatar:B.avatar,isSelected:V({userId:B.id}),onClick:()=>H({userId:B.id}),disabled:!V({userId:B.id})&&l.length>=5})),$__namespace.default.createElement("div",{ref:G,className:"py-2 flex justify-center"},M&&$__namespace.default.createElement(lucideReact.Loader2,{className:"w-6 h-6 animate-spin text-primary"}))),$__namespace.default.createElement("p",{className:"px-3 py-2 text-xs font-semibold text-muted-foreground uppercase"},i.trim()?"Conversas encontradas":"Conversas recentes"),C?$__namespace.default.createElement("div",{className:"p-4 space-y-4"},[1,2,3].map(B=>$__namespace.default.createElement("div",{key:B,className:"h-12 w-full bg-muted animate-pulse rounded-lg"}))):T.map(B=>{var F,_;return $__namespace.default.createElement(Qk,{key:B.id,name:B.isGroup?B.name||"Grupo":((F=B.otherParticipant)==null?void 0:F.name)||"Usu\xE1rio",avatar:B.isGroup?B.image:(_=B.otherParticipant)==null?void 0:_.avatar,isGroup:B.isGroup,isSelected:V({conversationId:B.id}),onClick:()=>{var Q;return H({conversationId:B.id,userId:(Q=B.otherParticipant)==null?void 0:Q.id})},disabled:!V({conversationId:B.id})&&l.length>=5})}),!M&&T.length===0&&(P==null?void 0:P.length)===0&&$__namespace.default.createElement("div",{className:"p-8 text-center text-muted-foreground"},"Nenhum resultado encontrado"))),$__namespace.default.createElement("div",{className:"p-4 border-t border-border flex items-center justify-between"},$__namespace.default.createElement("p",{className:"text-sm text-muted-foreground"},l.length>0?`${l.length} selecionados (m\xE1x 5)`:"Selecione para encaminhar"),$__namespace.default.createElement("div",{className:"flex items-center gap-2"},$__namespace.default.createElement(ae,{className:"text-primary bg-white border py-3 border-primary px-4",onClick:O},"Cancelar"),$__namespace.default.createElement(ae,{className:"bg-primary text-white px-4 py-3",onClick:z,disabled:l.length===0||E},E?"Enviando...":"Encaminhar")))))},Qk=({name:e,avatar:t,isSelected:o,onClick:r,isGroup:n,disabled:a})=>$__namespace.default.createElement("button",{onClick:r,disabled:a,className:`w-full flex items-center gap-3 p-3 rounded-xl transition-colors ${o?"bg-primary/10":"hover:bg-muted"} ${a?"opacity-50 cursor-not-allowed":""}`},$__namespace.default.createElement("div",{className:"w-10 h-10 rounded-full bg-muted overflow-hidden flex-shrink-0 flex items-center justify-center"},t?$__namespace.default.createElement("img",{src:t,alt:e,className:"w-full h-full object-cover"}):n?$__namespace.default.createElement(lucideReact.Users,{className:"w-5 h-5 text-primary"}):$__namespace.default.createElement(lucideReact.User,{className:"w-5 h-5 text-muted-foreground"})),$__namespace.default.createElement("div",{className:"flex-1 text-left min-w-0"},$__namespace.default.createElement("p",{className:"font-semibold truncate text-[0.875rem]"},e),$__namespace.default.createElement("p",{className:"text-[0.625rem] text-gray-shade8 uppercase"},n?"Grupo":"Mensagem Direta")),$__namespace.default.createElement("div",{className:`w-5 h-5 rounded-full border flex items-center justify-center transition-colors ${o?"bg-primary border-primary":"border-muted-foreground/30"}`},o&&$__namespace.default.createElement(lucideReact.Check,{className:"w-3 h-3 text-white"})));var Gee=({chat:e,onBack:t,showBackButton:o,chatForPage:r=false,isLoadingConversation:n,chatFilter:a,realtimeReactions:s})=>{var ve,Be;let{selectedMessageIds:i,selectionMode:c,clearSelectedMessages:d,selectMessage:l,chatHeaderOption:m,onSelectChatHeaderOption:p}=he(),u=m==="select-messages",{locale:g,user:f,page:v}=I(),[h,b]=$.useState(false),[x,w]=$.useState(false),[C,N]=$.useState(false),[S,P]=$.useState([]),[M,A]=$.useState(false),{deleteMessages:D}=$r(r),k=(ve=e==null?void 0:e.id)!=null?ve:"",E=!!k&&((Be=i==null?void 0:i.length)!=null?Be:0)>0,{data:G}=v6({conversationId:k,perPage:100,enabled:E,chatForPage:r!=null?r:false}),T=$.useMemo(()=>{var re;if(!E)return [];let Ae=G==null?void 0:G.pages;return Array.isArray(Ae)?(re=Ae==null?void 0:Ae.flatMap(ze=>Array.isArray(ze==null?void 0:ze.messages)?ze==null?void 0:ze.messages:[]))!=null?re:[]:[]},[G,E]),H=$.useMemo(()=>{var ze,Je;if(!Array.isArray(T)||((ze=i==null?void 0:i.length)!=null?ze:0)===0)return false;let Ae=r?v==null?void 0:v.id:f==null?void 0:f.id;if(!Ae)return false;let re=(Je=T==null?void 0:T.filter(se=>{var le;return i==null?void 0:i.includes((le=se==null?void 0:se.id)!=null?le:"")}))!=null?Je:[];return re.length!==i.length?false:re==null?void 0:re.every(se=>{var Te;return ((se==null?void 0:se.senderId)||((Te=se==null?void 0:se.sender)==null?void 0:Te.id))===Ae})},[i,T,r,f==null?void 0:f.id,v==null?void 0:v.id]),V=$.useMemo(()=>{var Ae;return ((Ae=i==null?void 0:i.length)!=null?Ae:0)>0},[i]),z=$.useRef(void 0);$.useEffect(()=>{let Ae=e==null?void 0:e.id,re=z.current;re!==void 0&&re!==Ae&&(d(),p==null||p("filter-all")),z.current=Ae;},[e==null?void 0:e.id,d,p]),$.useEffect(()=>{let Ae=re=>{(re==null?void 0:re.key)==="Escape"&&V&&(d==null||d(),p==null||p("filter-all"));};return document==null||document.addEventListener("keydown",Ae),()=>document==null?void 0:document.removeEventListener("keydown",Ae)},[V,d,p]);let O=Ae=>{b(true);},{conversation:B}=Ba(h?e==null?void 0:e.id:void 0,r),_=()=>{},Q=Ae=>{if(e!=null&&e.slug){De(),window.open(`/profile/${g}/${e.slug}`,"_blank");return}w(true);},K=()=>{d==null||d(),p==null||p("filter-all");},j=Ae=>{l==null||l(Ae);},X=Ae=>W(void 0,null,function*(){A(true);}),ee=()=>{var Ae;((Ae=i==null?void 0:i.length)!=null?Ae:0)!==0&&(D==null||D({input:{messageIds:i!=null?i:[],deleteForAll:false,conversationId:e==null?void 0:e.id}},{onSuccess:()=>{d==null||d(),p==null||p("filter-all"),A(false);}}));},Z=()=>{var Ae;((Ae=i==null?void 0:i.length)!=null?Ae:0)!==0&&(D==null||D({input:{messageIds:i!=null?i:[],deleteForAll:true,conversationId:e==null?void 0:e.id}},{onSuccess:()=>{d==null||d(),p==null||p("filter-all"),A(false);}}));},ie=()=>{A(false);},ge=Ae=>{P(Ae!=null?Ae:[]),N(true),d==null||d(),p==null||p("filter-all");},be=()=>{N(false),P([]),p==null||p("filter-all");},xe=e!=null&&e.isGroup?null:{id:(e==null?void 0:e.id)||"",name:(e==null?void 0:e.name)||"Contato",avatar:e==null?void 0:e.avatar,members:[{id:(e==null?void 0:e.id)||"",name:(e==null?void 0:e.name)||"",avatar:e==null?void 0:e.avatar}]};return n?$__namespace.default.createElement(_k,null):!e&&!n?$__namespace.default.createElement("div",{className:"flex-1 bg-white flex items-center justify-center rounded-[1rem]"},$__namespace.default.createElement(oc,null)):$__namespace.default.createElement($__namespace.default.Fragment,null,$__namespace.default.createElement("div",{className:"flex-1 flex flex-col bg-white w-full h-full relative gap-6 rounded-[1rem]"},$__namespace.default.createElement($E,{chat:e,onBack:t,showBackButton:o,onGroupInfo:O,onContactInfo:Q}),$__namespace.default.createElement(ak,{activeFilter:a,chatForPage:r,chat:e,isSelectMode:u,selectedMessageIds:i,onSelectMessage:j,onClearSelection:K,realtimeReactions:s}),$__namespace.default.createElement(react.AnimatePresence,{mode:"wait"},V?$__namespace.default.createElement(X9,{selectedIds:i!=null?i:[],selectionMode:c,onCancel:K,onDelete:X,onForward:ge}):$__namespace.default.createElement(Uk,{key:"chat-input",chatFilter:a,chatForPage:r,chat:e}))),$__namespace.default.createElement(f6,{isOpen:h,onClose:()=>b(false),selectedGroup:B,onAddMembers:_}),!(e!=null&&e.isGroup)&&$__namespace.default.createElement(jk,{open:x,onOpenChange:w,group:xe||null}),$__namespace.default.createElement(Kk,{isOpen:C,onClose:be,messageIds:S,chatForPage:r}),$__namespace.default.createElement(z5,{isOpen:M,onClose:ie,onDeleteForMe:ee,onDeleteForEveryone:Z,isSentByMe:H}))},Zk=Gee;function _ee(){var e,t;try{let o=(t=(e=yy("pending_chat_data"))!=null?e:sessionStorage.getItem("pending_chat_data"))!=null?t:"";if(!o)return null;let r=JSON.parse(decodeURIComponent(atob(o)));return I3("pending_chat_data",{path:"/",sameSite:"lax",secure:typeof window!="undefined"&&window.location.protocol==="https:"}),sessionStorage.removeItem("pending_chat_data"),r}catch(o){return null}}function Yk(e,t){let{mutate:o}=sI(),r=$.useRef(false);$.useEffect(()=>{if(De(),!t||!e||r.current)return;let n=_ee();n!=null&&n.id&&(r.current=true,o(n==null?void 0:n.id,{onSuccess:a=>{e(a==null?void 0:a.id);}}));},[t,e]);}var Jk=["#3B82F6","#10B981","#F59E0B","#EC4899","#6366F1","#8B5CF6","#14B8A6","#F97316"],qee={all:"all",unread:"filter-unread",favorites:"filter-favorites",groups:"filter-groups",archived:"filter-archived"},$k=e=>{let t=parseInt(e,36)%Jk.length;return Jk[t]},Qee=e=>{try{return new Date(e).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"})}catch(t){return ""}},Kee=(e,t,o)=>{var i,c,d,l,m,p;let r=e==null?void 0:e.message;if(!r)return "";let n=(i=r==null?void 0:r.body)!=null?i:"";if(!n.trim())return "";let a=(d=r==null?void 0:r.senderId)!=null?d:(c=r==null?void 0:r.sender)==null?void 0:c.id;if(!a||!t)return n;let s=String(a)===String(t);return e.isGroup?s?`${(m=o==null?void 0:o("you"))!=null?m:"You"}: ${n}`:(p=r.sender)!=null&&p.name?`${r.sender.name}: ${n}`:n:s?`${(l=o==null?void 0:o("you"))!=null?l:"You"}: ${n}`:n},Xk=(e,t,o)=>{var n,a,s,i,c,d,l,m,p,u,g,f,v,h,b;let r=Kee(e,t,o);return {id:e.id,name:e.isGroup?(a=(n=e.name)!=null?n:o==null?void 0:o("group"))!=null?a:"Group":(c=(i=(s=e.otherParticipant)==null?void 0:s.name)!=null?i:o==null?void 0:o("unknown"))!=null?c:"Unknown",avatar:e.isGroup?$k(e.id):(l=(d=e.otherParticipant)==null?void 0:d.avatar)!=null?l:$k(e.id),lastMessage:r,time:(m=e.message)!=null&&m.createdAt?Qee(e.message.createdAt):"",lastMessageAt:(u=(p=e.message)==null?void 0:p.createdAt)!=null?u:new Date().toISOString(),unreadCount:e.unreadCount||0,slug:(g=e.otherParticipant)==null?void 0:g.slug,isOnline:!!((f=e==null?void 0:e.otherParticipant)!=null&&f.isOnline),isRead:!(e.unreadCount>0),isFavorite:e.isFavorited,isGroup:e.isGroup,isPinned:e.isPinned,isMuted:e.isMuted,isArchived:e.isArchived,hasAttachment:((b=(h=(v=e==null?void 0:e.message)==null?void 0:v.attachments)==null?void 0:h.length)!=null?b:0)>0,participants:e.participants||[]}},Wee=e=>[...e].sort((t,o)=>t.isPinned&&!o.isPinned?-1:!t.isPinned&&o.isPinned?1:new Date(o.lastMessageAt).getTime()-new Date(t.lastMessageAt).getTime()),Zee=({chatForPage:e=false,isCompactMode:t=false,onChatSelectReady:o,onBack:r})=>{var Be,Ae;let{isMobile:n}=Jt(),{user:a,page:s,socketApiUrl:i}=I(),{t:c}=et(),{selectedChat:d}=St(),l=e?(Be=s==null?void 0:s.id)!=null?Be:"":(Ae=a==null?void 0:a.id)!=null?Ae:"",[m,p]=$.useState(null),[u,g]=$.useState("chats"),[f,v]=$.useState(false),[h,b]=$.useState("all"),[x,w]=$.useState(""),C=$.useRef(e);$.useEffect(()=>{C.current!==e&&(C.current=e,p(null),v(false),b("all"),w(""));},[e]);let N=X5(x,300),S=qee[h],{markChatAsRead:P}=Xd(m!=null?m:"",e,h),{conversations:M,isGettingConversations:A,fetchNextPage:D,hasNextPage:k}=_n({chatHeaderOption:S,searchQuery:N}),{conversations:E,isGettingConversations:G,fetchNextPage:T,hasNextPage:H}=Hs({chatHeaderOption:S,searchQuery:N}),{conversation:V,isLoadingConversation:z}=Ba(m||"",e),{realtimeReactions:O}=YE({socketApiUrl:i,accessToken:a==null?void 0:a.accessToken,userId:e||a==null?void 0:a.id,pageId:e?s==null?void 0:s.id:void 0,chatForPage:e,chatHeaderOption:S,pageChatHeaderOption:S}),B=e?E:M,F=e?G:A,_=e?T:D,Q=e?H:k,K=$.useMemo(()=>{var ze;let re=(ze=B==null?void 0:B.map(Je=>Xk(Je,l,c)))!=null?ze:[];return Wee(re)},[B,l,c]);function j(re,ze,Je){var Pt,Wt,Ht,At,mt,We,Xe,Ee,gt,Zt;if(!re)return null;let se=[];if(re!=null&&re.isGroup||((Pt=re==null?void 0:re.participants)==null?void 0:Pt.length)>2){let Fe=((Wt=re==null?void 0:re.participants)==null?void 0:Wt.map(nt=>{var no,er,tn,qe,je;let eo=null;return nt!=null&&nt.user&&(eo={id:(no=nt==null?void 0:nt.user)==null?void 0:no.id,name:(er=nt==null?void 0:nt.user)==null?void 0:er.name,avatar:nt.user.avatar||void 0}),nt!=null&&nt.page&&(eo={id:(tn=nt==null?void 0:nt.page)==null?void 0:tn.id,name:(qe=nt==null?void 0:nt.page)==null?void 0:qe.name,avatar:((je=nt==null?void 0:nt.page)==null?void 0:je.logo)||void 0}),eo}).filter(Boolean))||[];return L(y({},re),{otherParticipant:null,participants:Fe,isMuted:(re==null?void 0:re.isMuted)||false,isArchived:(re==null?void 0:re.isArchived)||false,isFavorited:(re==null?void 0:re.isFavorited)||false,isPinned:(re==null?void 0:re.isPinned)||false,isAdmin:(re==null?void 0:re.isAdmin)||false,isGroup:true})}let le=(Ht=re==null?void 0:re.participants)==null?void 0:Ht.find(Fe=>{var nt;return Fe.user?((nt=Fe==null?void 0:Fe.user)==null?void 0:nt.id)!==ze:!!(Fe!=null&&Fe.page)}),Te=null;if(le){if(le.user){Te=L(y({},le==null?void 0:le.user),{avatar:((At=le==null?void 0:le.user)==null?void 0:At.avatar)||null,isAdmin:(le==null?void 0:le.role)==="ADMIN",isOnline:((mt=le==null?void 0:le.user)==null?void 0:mt.isOnline)||false,slug:((We=le==null?void 0:le.user)==null?void 0:We.slug)||void 0,type:"USER"});let Fe=(Xe=re==null?void 0:re.participants)==null?void 0:Xe.find(nt=>{var eo;return ((eo=nt.user)==null?void 0:eo.id)===ze});Fe!=null&&Fe.user&&se.push({id:Fe.user.id,name:Fe.user.name,avatar:Fe.user.avatar||void 0}),se.push({id:le.user.id,name:le.user.name,avatar:le.user.avatar||void 0});}if(!(le!=null&&le.user)&&(le!=null&&le.page)){Te=L(y({},le==null?void 0:le.page),{avatar:((Ee=le==null?void 0:le.page)==null?void 0:Ee.logo)||null,isAdmin:(le==null?void 0:le.role)==="ADMIN",type:"PAGE"});let Fe=(gt=re==null?void 0:re.participants)==null?void 0:gt.find(nt=>{var eo,no;return ((eo=nt.user)==null?void 0:eo.id)===ze||((no=nt.page)==null?void 0:no.id)===ze});Fe!=null&&Fe.user?se.push({id:Fe.user.id,name:Fe.user.name,avatar:Fe.user.avatar||void 0}):Fe!=null&&Fe.page&&se.push({id:Fe.page.id,name:Fe.page.name,avatar:Fe.page.logo||void 0}),se.push({id:le.page.id,name:le.page.name,avatar:le.page.logo||void 0});}}else (Zt=re==null?void 0:re.participants)==null||Zt.forEach(Fe=>{Fe!=null&&Fe.user?se.push({id:Fe.user.id,name:Fe.user.name,avatar:Fe.user.avatar||void 0}):Fe!=null&&Fe.page&&se.push({id:Fe.page.id,name:Fe.page.name,avatar:Fe.page.logo||void 0});});return L(y({},re),{otherParticipant:Te,participants:se,isMuted:(re==null?void 0:re.isMuted)||false,isArchived:(re==null?void 0:re.isArchived)||false,isFavorited:(re==null?void 0:re.isFavorited)||false,isPinned:(re==null?void 0:re.isPinned)||false,isAdmin:(re==null?void 0:re.isAdmin)||false,isGroup:(re==null?void 0:re.isGroup)||false})}let X=V?j(V,l):null,ee=K.find(re=>re.id===m)||(X?Xk(X,l,c):null),Z=$.useRef([]);$.useEffect(()=>{Z.current=K;},[K]);let ie=$.useRef(re=>{p(re),v(true);let ze=Z.current.find(Je=>Je.id===re);((ze==null?void 0:ze.unreadCount)||0)>0&&P(re);});$.useEffect(()=>{ie.current=re=>{var Je;p(re),v(true);let ze=(Je=Z.current)==null?void 0:Je.find(se=>(se==null?void 0:se.id)===re);((ze==null?void 0:ze.unreadCount)||0)>0&&P(re);};},[P]),$.useEffect(()=>{o&&o(re=>ie.current(re));},[o]),$.useEffect(()=>{!e||!(d!=null&&d.conversationId)||(p(d.conversationId),v(true));},[e,d==null?void 0:d.conversationId]),$.useEffect(()=>{if(t)return;let re=0,ze=10,Je=()=>{let le=WM();return le?(ie.current(le),true):false};if(Je())return;let se=setInterval(()=>{re++,(Je()||re>=ze)&&clearInterval(se);},100);return ()=>clearInterval(se)},[t]),$.useEffect(()=>{if(t)return;let re=ze=>{let{chatId:Je}=ze.detail;Je&&ie.current(Je);};return window.addEventListener("selectChatFromCompact",re),()=>{window.removeEventListener("selectChatFromCompact",re);}},[t]),$.useEffect(()=>{if(t)return;let re=ze=>{let{chatId:Je}=ze.detail||{};Je&&requestAnimationFrame(()=>{requestAnimationFrame(()=>{ie.current(Je);});});};return window.addEventListener("openChat",re),()=>{window.removeEventListener("openChat",re);}},[t]);let ge=$.useCallback(re=>{ie.current(re);},[]);Yk(e?ge:null,e!=null?e:false);let be=()=>{v(false),p(null);},xe=U(f?"hidden":"flex","md:flex flex-shrink-0 h-full ",t?"w-full":"w-full md:w-[20.3125rem] w-full"),ve=U(f?"flex":"hidden","md:flex h-full flex-shrink-0 min-w-0 ",t?"w-full":"w-full md:w-[44.1875rem] max-w-[44.1875rem]");return $__namespace.default.createElement("div",{className:U("flex bg-[#E4EBF1]",t?"w-full bg-white h-full gap-0 rounded-xl overflow-hidden":`w-full h-[100dvh] ${e?n?"w-full rounded-none":"max-w-max":"md:w-[75.875rem]"} md:h-[56.875rem] md:max-h-[calc(100vh-3rem)] bg-[#e6edf2] md:border md:border-[#f1f2f4] md:rounded-[1rem] md:p-[1.5rem] gap-0 md:gap-[1rem]`)},!e&&!t&&$__namespace.default.createElement("div",{className:"hidden md:flex"},$__namespace.default.createElement(DI,{activeTab:u,onTabChange:g})),$__namespace.default.createElement("div",{className:xe},$__namespace.default.createElement(QE,{chats:K,selectedChatId:m,onChatSelect:ge,isLoading:F,canCreateConversation:!e,showFilters:!e&&!t,fetchNextPage:_,chatForPage:e,hasNextPage:Q,activeFilter:h,onFilterChange:b,searchQuery:x,onSearchChange:w,isCompactMode:t,onBack:r,onCloseConversation:be})),$__namespace.default.createElement("div",{className:U(ve,"fixed inset-0 z-[99999] bg-white flex-1 lg:relative lg:z-auto lg:bg-transparent")},$__namespace.default.createElement(Zk,{chat:ee,onBack:be,showBackButton:f,chatForPage:e,chatFilter:h,isLoadingConversation:z&&!!m,realtimeReactions:O})))},Rk=Zee;var Yee=({chatForPage:e=false,isCompactMode:t=false})=>$__namespace.default.createElement("div",{className:U("flex items-center justify-center bg-[#f7f7f7]",e?"items-start justify-start bg-transparent md:p-0 ":"",t?"w-full h-full bg-white":`min-h-[100dvh] ${e?"md:px-[1.5rem]":"md:p-[1.5rem]"} `)},$__namespace.default.createElement(Rk,{chatForPage:e,isCompactMode:t})),Jee=Yee;var tT=e=>{let{chatHeaderOption:t}=St(),{user:o,page:r,chatApiUrl:n,queryClient:a}=I(),s=()=>{a==null||a.invalidateQueries({queryKey:["page-conversations",r==null?void 0:r.id,"filter-all"]}),a==null||a.invalidateQueries({queryKey:["page-conversations",r==null?void 0:r.id,"filter-unread"]}),a==null||a.invalidateQueries({queryKey:["page-conversations",r==null?void 0:r.id,"filter-favorites"]}),a==null||a.invalidateQueries({queryKey:["page-conversations",r==null?void 0:r.id,"filter-groups"]}),a==null||a.invalidateQueries({queryKey:["page-conversations",r==null?void 0:r.id,"filter-recruitment"]});},{mutate:i}=pe({mutationFn:c=>W(void 0,null,function*(){var l;return yield k8__default.default(n!=null?n:"",Ad,{input:{conversationId:c!=null?c:e}},{"x-access-token":(l=o==null?void 0:o.accessToken)!=null?l:""})}),onMutate(c){let d=c!=null?c:e;a==null||a.setQueryData(["page-conversations",r==null?void 0:r.id,t],l=>{var m;return l&&L(y({},l),{pages:(m=l==null?void 0:l.pages)==null?void 0:m.flatMap(p=>{var u;return L(y({},p),{data:(u=p==null?void 0:p.data)==null?void 0:u.map(g=>g.id===d?L(y({},g),{unreadCount:0}):g)})})})});},onError(){s();},onSuccess(){s();}});return {markChatAsRead:i}};var k6=(e,t)=>{let{selectedChat:o,chatHeaderOption:r}=St(),{user:n,page:a,chatApiUrl:s,queryClient:i}=I(),{mutate:c,isPending:d}=pe({mutationFn:()=>W(void 0,null,function*(){var g,f,v,h;let l=(f=(g=e==null?void 0:e.id)!=null?g:o==null?void 0:o.id)!=null?f:"",m=(v=a==null?void 0:a.id)!=null?v:"";if(!l||!m)throw new Error("N\xE3o \xE9 poss\xEDvel criar conversa: participantes n\xE3o est\xE3o definidos corretamente");let p=[l,m].filter(Boolean);return yield k8__default.default(s!=null?s:"",c0,{input:{participants:p}},{"x-access-token":(h=n==null?void 0:n.accessToken)!=null?h:""})}),onMutate(){i==null||i.setQueryData(["page-conversations",a==null?void 0:a.id,r],l=>{var u,g,f,v,h,b,x;if(!l)return l;let m={id:`temp-${Date.now()}`,otherParticipant:{avatar:(u=e==null?void 0:e.avatar)!=null?u:o==null?void 0:o.avatar,name:(g=e==null?void 0:e.name)!=null?g:o==null?void 0:o.name,id:(f=e==null?void 0:e.id)!=null?f:o==null?void 0:o.id},participants:[{userId:(h=(v=e==null?void 0:e.id)!=null?v:o==null?void 0:o.id)!=null?h:""},{pageId:(b=a==null?void 0:a.id)!=null?b:""}],createdAt:new Date().toISOString(),updatedAt:new Date().toISOString()};return L(y({},l),{pages:(x=l==null?void 0:l.pages)==null?void 0:x.flatMap(w=>{var C;return L(y({},w),{data:[m,...(C=w==null?void 0:w.data)!=null?C:[]]})})})});},onSuccess:l=>{var p,u,g,f,v,h;i==null||i.invalidateQueries({queryKey:["page-conversations",a==null?void 0:a.id]}),i==null||i.invalidateQueries({queryKey:["page-messages"],exact:false});let{onSelectChat:m}=St.getState();if((p=l==null?void 0:l.createConversation)!=null&&p.id){let b={id:(u=e==null?void 0:e.id)!=null?u:o==null?void 0:o.id,name:(g=e==null?void 0:e.name)!=null?g:o==null?void 0:o.name,avatar:(f=e==null?void 0:e.avatar)!=null?f:o==null?void 0:o.avatar,conversationId:l.createConversation.id,isOnline:false,slug:(h=(v=e==null?void 0:e.slug)!=null?v:o==null?void 0:o.slug)!=null?h:"",description:"",participants:[],isGroup:false,isMuted:false};m==null||m(b),t&&t(l);}},onError:l=>{i==null||i.invalidateQueries({queryKey:["page-conversations",a==null?void 0:a.id]});}});return {createANewConversation:c,isCreatingANewConversation:d}};function T6({onClose:e,conversationId:t,isPinned:o=false,isArchived:r=false,isMuted:n=false,isFavorited:a=false,slug:s,isInsideDrawer:i}){let{onSelectChat:c,resetAll:d,selectedChat:l}=St(),{locale:m,page:p}=I(),{deleteAConversation:u}=i6(t!=null?t:""),{mutate:g}=Eo("archived"),{mutate:f}=Eo("favorites"),{mutate:v}=Eo("pinned"),{mutate:h}=Eo("muted"),b=[{id:"info-contact",label:q(m,"contact.info"),icon:$__namespace.default.createElement(Pd,null),destructive:false},{id:"pin-chat",label:o?q(m,"remove.pin.chat"):q(m,"attach.chat"),icon:$__namespace.default.createElement($4,null),destructive:false},{id:"archive-chat",label:r?q(m,"unarchive.chat"):q(m,"archive.chat"),icon:$__namespace.default.createElement(X4,null),destructive:false},{id:"silence-chat",label:n?q(m,"unsilence.chat"):q(m,"silence.chat"),icon:$__namespace.default.createElement(J4,null),destructive:false},{id:"close-chat",label:q(m,"close.chat"),icon:$__namespace.default.createElement(d0,null),destructive:true},{id:"clear-chat",label:q(m,"clear.chat"),icon:$__namespace.default.createElement(sn,null),destructive:true}],x=(w,C)=>{w.stopPropagation();let N=()=>{c==null||c(null),t&&u({conversationId:t});};switch(C){case "info-contact":window.open(`/profile/${m}/${s}`,"_blank");break;case "clear-chat":N();break;case "close-chat":d==null||d(),c==null||c(null);break;case "archive-chat":g({conversationId:t,value:!r});break;case "add-to-favorites":f({conversationId:t,value:!a});break;case "pin-chat":v({conversationId:t,value:!o});break;case "silence-chat":h({conversationId:t,value:!n},{onSuccess(S){var P;c==null||c(L(y({},l),{isMuted:(P=S==null?void 0:S.setMutedConversationByActor)==null?void 0:P.isMuted}));}});break;}e();};return i?$__namespace.default.createElement("div",{className:"w-full px-1 py-2 space-y-2",onClick:w=>w.stopPropagation()},b.map(w=>$__namespace.default.createElement(ae,{key:w.id,align:"left",label:w.label,leftElement:w.icon,onClick:C=>x(C,w.id),className:U("flex items-center gap-2 w-full text-left px-[0.75rem] py-4 rounded-md","text-sm text-gray-700 hover:bg-gray-100",w.destructive&&"text-red-600 hover:bg-red-50 [&>svg_*]:fill-red-600")}))):$__namespace.default.createElement("div",{className:"w-[16.5rem] p-[1rem] rounded-[1rem] bg-white shadow-lg overflow-hidden border border-gray-100",onClick:w=>w.stopPropagation()},b.map(w=>$__namespace.default.createElement(ae,{key:w.id,align:"left",label:w.label,leftElement:w.icon,onClick:C=>x(C,w.id),className:U("group text-body-md flex items-center gap-2 w-full text-left px-[0.75rem] py-[0.5rem] hover:bg-primary hover:bg-opacity-10 text-sm whitespace-nowrap",w.destructive?"text-red-600 hover:bg-red-50 [&>svg_*]:fill-red-600":"text-gray-700")})))}function F6({user:e,message:t,conversationId:o,isSelected:r,isGroup:n,isPinned:a,isArchived:s,isMuted:i,isFavorited:c,participants:d,isGroupOwner:l,isGroupAdmin:m,onClick:p,unreadCount:u,justReceivedMessage:g,description:f,hideOptions:v=false,isCompactMode:h=false,hasDeletedMessages:b=false,deletedMessagesCount:x=0,actionMessage:w,asUserNormal:C}){var Be,Ae,re,ze,Je,se,le,Te,Pt,Wt,Ht;let{queryClient:N,locale:S,page:P,user:M}=I(),{onSelectChat:A,onSelectChatHeaderOption:D,selectedChat:k}=St(),{markChatAsRead:E}=tT(o!=null?o:""),{createANewConversation:G}=k6({id:e==null?void 0:e.id,name:e==null?void 0:e.name,avatar:e==null?void 0:e.avatar},()=>{p==null||p();}),[T,H]=$.useState(false),[V,z]=$.useState(false),[O,B]=$.useState(false),[F,_]=$.useState(false),{isMobile:Q}=Ge();$.useEffect(()=>{let At=()=>_(window.innerWidth<768);return At(),window.addEventListener("resize",At),()=>window.removeEventListener("resize",At)},[]);let K=()=>{var At,mt;if(o!=null&&o.startsWith("temp-")&&(e!=null&&e.id)){G();return}(At=N==null?void 0:N.invalidateQueries)==null||At.call(N,{queryKey:["page-messages",o]}),A==null||A({id:e==null?void 0:e.id,name:e==null?void 0:e.name,avatar:e==null?void 0:e.avatar,isOnline:e==null?void 0:e.isOnline,slug:e==null?void 0:e.slug,conversationId:o,description:f,participants:d,isGroup:n,isMuted:i,isGroupOwner:l,isGroupAdmin:m});try{p==null||p();}catch(We){}setTimeout(()=>D==null?void 0:D("filter-all"),0),u&&u>0&&(E==null||E((mt=k==null?void 0:k.conversationId)!=null?mt:""));},j=b||(t==null?void 0:t.isDeleted),X=()=>x>1?q(S,"messages-deleted",{count:x}):q(S,"message-deleted"),Z=(()=>{if(!(w!=null&&w.type))return null;let{type:At,userName:mt}=w;switch(At){case "removedAdmin":return {text:q(S,"admin-remove",{name:mt||""}),icon:$__namespace.default.createElement(lucideReact.UserX,{size:12,className:"text-orange-500 flex-shrink-0"})};case "madeAdmin":return {text:q(S,"admin-promoted",{name:mt||""}),icon:$__namespace.default.createElement(lucideReact.Crown,{size:12,className:"text-yellow-500 flex-shrink-0"})};case "remove":return {text:q(S,"admin-remove",{name:mt||""}),icon:$__namespace.default.createElement(lucideReact.UserX,{size:12,className:"text-red-500 flex-shrink-0"})};default:return null}})(),ge=(()=>{var mt,We;if(!((mt=t==null?void 0:t.attachments)!=null&&mt.length))return null;switch((We=t.attachmentType)==null?void 0:We.toLowerCase()){case "image":return q(S,"image-title");case "video":return q(S,"video-title");case "audio":return q(S,"media.audio");case "file":return q(S,"document-title");case "url":return q(S,"attachment-title");default:return q(S,"attachment-title")}})(),be=["madeAdmin","removedAdmin","remove","add","left"],xe=!!(t!=null&&t.actions&&typeof t.actions=="string"&&be.includes(t.actions)),ve=j?X():ge?t!=null&&t.fromMe?`${q(S,"you.title")} ${ge}`:ge:xe?(Ae=mo((Be=t==null?void 0:t.content)!=null?Be:"",26))!=null?Ae:"":t!=null&&t.fromMe?`${q(S,"you.title")} ${(ze=(re=t==null?void 0:t.content)==null?void 0:re.replace(/^You:\s*/i,""))!=null?ze:""}`:(se=mo((Je=t==null?void 0:t.content)!=null?Je:"",26))!=null?se:"";return $__namespace.default.createElement("div",{onClick:K,onMouseEnter:()=>H(true),onMouseLeave:()=>{H(false),z(false);},className:`relative w-full ${h?"h-12":"h-[4.25rem]"} flex items-start cursor-pointer transition-colors ${h?"px-1 py-1":"px-2 py-2"} ${h?"rounded-md":"rounded-xl"} gap-2 ${h?"":"border-b border-[[#F1F5F9]]"}
|
|
2670
|
+
`),$__namespace.default.createElement("div",{className:"relative flex-1 flex items-center min-h-0"},$__namespace.default.createElement("div",{className:"w-full pl-[88px] pr-[88px] rounded-[1rem] bg-[#EFF4FB] border border-[#F8F8F8] flex items-center relative min-h-0"},$__namespace.default.createElement("div",{ref:P,className:U(ge,"chat-mentionable-editor flex-1 pt-[18px] pb-[18px]"),contentEditable:!l,onInput:Z,onKeyDown:ee,onPaste:k,"data-placeholder":S("type-message"),style:{height:`${J9}px`,minHeight:`${J9}px`,maxHeight:`${Bk}px`,wordBreak:"break-word",overflowWrap:"anywhere"},suppressContentEditableWarning:true,role:"textbox","aria-multiline":"true","aria-placeholder":c}),E&&$__namespace.default.createElement("div",{ref:M,className:"absolute bottom-full left-0 mb-2 w-64 z-50"},$__namespace.default.createElement(zk,{items:G,selectedIndex:V,onSelect:T,onHover:z,position:{top:0,left:0},maxHeight:200}))),$__namespace.default.createElement("div",{className:"absolute left-2 sm:left-3 top-1/2 -translate-y-1/2 flex items-center gap-0.5 sm:gap-1"},$__namespace.default.createElement(x6,{onFilesSelected:_,disabled:K||l}),$__namespace.default.createElement(w6,{onFilesSelected:Q,disabled:K||l})),$__namespace.default.createElement("div",{className:"absolute right-2 sm:right-3 top-1/2 -translate-y-1/2 flex items-center gap-1"},$__namespace.default.createElement(C6,{onEmojiSelect:X}),ie?$__namespace.default.createElement(P6,{type:"text",onSend:n,disabled:m||K||l}):$__namespace.default.createElement(N6,{onStartRecording:f||(()=>{}),onStopRecording:v||(()=>{}),onCancelRecording:h||(()=>{}),isRecording:u,recordingTime:g,disabled:K||l})),b))});I6.displayName="MentionableTextareaChat";var yee=({chat:e,chatForPage:t,chatFilter:o})=>{var ze,Je;let[r,n]=$.useState(""),[a,s]=$.useState(0),[i,c]=$.useState([]),[d,l]=$.useState([]),m=$.useRef(null),p=$.useRef(null),{replyMessage:u,setReplyMessage:g}=he(),{page:f}=I(),v=(e==null?void 0:e.isGroup)||false,h=ik(),{sendMessage:b}=vo(o,t),{adjustTextareaHeight:x,resetTextareaHeight:w}=lk(m),{isRecording:C,recordingMode:N,isPaused:S,recordingTime:P,waveformData:M,audioUrl:A,audioBlob:D,startRecording:k,stopRecording:E,cancelRecording:G,pauseRecording:T,resumeRecording:H,resetRecorder:V}=Tk(),z=((ze=e==null?void 0:e.participants)==null?void 0:ze.map(se=>{var Te;let le=((Te=se==null?void 0:se.users)==null?void 0:Te[0])||(se==null?void 0:se.user)||se;return {id:(se==null?void 0:se.userId)||(le==null?void 0:le.id)||(se==null?void 0:se.id)||"",name:(le==null?void 0:le.name)||(se==null?void 0:se.name)||"",avatar:(le==null?void 0:le.avatar)||(se==null?void 0:se.avatar)}}))||[],O=((Je=e==null?void 0:e.participants)==null?void 0:Je.map(se=>{var Te;let le=((Te=se==null?void 0:se.users)==null?void 0:Te[0])||(se==null?void 0:se.user)||se;return {id:(se==null?void 0:se.userId)||(le==null?void 0:le.id)||(se==null?void 0:se.id)||"",name:(le==null?void 0:le.name)||(se==null?void 0:se.name)||"",avatar:(le==null?void 0:le.avatar)||(se==null?void 0:se.avatar)}}))||[],{showMentions:B,setShowMentions:F,mentionSearch:_,filteredParticipants:Q,selectedMentionIndex:K,isMobileView:j,handleMentionDetection:X,insertMention:ee,handleMentionKeyDown:Z}=ck({participants:z,isGroup:(e==null?void 0:e.isGroup)||false});$.useEffect(()=>{x();},[r]),$.useEffect(()=>{let se=le=>{p.current&&!p.current.contains(le.target)&&F(false);};if(B)return document.addEventListener("mousedown",se),()=>document.removeEventListener("mousedown",se)},[B]);let ie=se=>{c(le=>[...le,...se]);},ge=se=>{c(se);},be=se=>{c(le=>le.filter(Te=>Te.id!==se));},xe=i.some(se=>se.uploadStatus==="pending"||se.uploadStatus==="uploading"),ve=()=>W(void 0,null,function*(){if(!r.trim()&&i.length===0||!e||xe)return;let le=i.filter(Wt=>Wt.uploadStatus==="completed").map(Wt=>({type:Wt.type,url:Wt.url})),Te=v?d:uk(r),Pt={conversationId:e.id,body:r.trim()||void 0,attachments:le.length>0?le:void 0,replyMessageId:(u==null?void 0:u.id)||void 0,mentions:Te.length>0?Te:void 0};t&&(f!=null&&f.id)&&(Pt.pageId=f.id,Pt.topic=""),Pt.conversationId!==null&&(yield Nr.invalidateQueries({queryKey:["messages",Pt.conversationId]})),b(Pt),n(""),c([]),l([]),g==null||g(null),w(),F(false);}),Be=se=>{let le=se.target.value,Te=se.target.selectionStart;n(le),s(Te),X(le,Te),x();},Ae=se=>{let le=m.current;if(!le)return;let Te=le.selectionStart,Pt=le.selectionEnd,Wt=r.substring(0,Te)+se+r.substring(Pt);n(Wt),setTimeout(()=>{le&&(le.selectionStart=le.selectionEnd=Te+se.length,le.focus());},0);},re=(se,le)=>W(void 0,null,function*(){if(!e)return;let Te={conversationId:e.id,attachments:[{type:"audio",url:se}],replyMessageId:(u==null?void 0:u.id)||void 0};t&&(f!=null&&f.id)&&(Te.pageId=f.id,Te.topic=""),Te.conversationId!==null&&(yield Nr.invalidateQueries({queryKey:["messages",Te.conversationId]})),b(Te),g==null||g(null);});return $__namespace.default.createElement("div",{className:"px-3 sm:px-6 pb-4 sm:pb-6"},u&&$__namespace.default.createElement(sk,{replyMessage:u,onClose:()=>g==null?void 0:g(null)}),$__namespace.default.createElement(Ak,{files:i,onRemoveFile:be,chatId:e==null?void 0:e.id}),$__namespace.default.createElement("div",{className:"relative",ref:p},v?$__namespace.default.createElement(I6,{participants:O,value:r,onChange:n,onMentionsChange:l,onSend:ve,onEmojiSelect:Ae,onFilesUploaded:ie,onUpdateFiles:ge,isSending:h.isPending||xe,chatId:e==null?void 0:e.id,isRecording:C,recordingTime:P,onStartRecording:k,onStopRecording:E,onCancelRecording:G,uploadedFiles:i,audioRecordingUI:$__namespace.default.createElement(K9,{chatId:e==null?void 0:e.id,onAudioSent:re,isRecording:C,recordingMode:N,isPaused:S,recordingTime:P,waveformData:M,audioUrl:A,audioBlob:D,onCancel:G,onStop:E,onPause:T,onResume:H,onReRecord:V})}):$__namespace.default.createElement($__namespace.default.Fragment,null,B&&$__namespace.default.createElement(pk,{mentions:Q,selectedIndex:K,searchQuery:_,onSelect:se=>ee(r,a,se,n,m),onClose:()=>F(false),position:"left",isMobile:j}),$__namespace.default.createElement(wk,{messageText:r,textareaRef:m,onTextChange:Be,onSend:ve,onEmojiSelect:Ae,onFilesUploaded:ie,onUpdateFiles:ge,onMentionKeyDown:se=>{B&&Q.length>0&&Z(se,r,a,n,m);},onTextareaClick:se=>{let le=se.target;s(le.selectionStart),X(r,le.selectionStart);},showMentions:B,isSending:h.isPending||xe,chatId:e==null?void 0:e.id,isRecording:C,recordingTime:P,onStartRecording:k,onStopRecording:E,onCancelRecording:G,uploadedFiles:i,audioRecordingUI:$__namespace.default.createElement(K9,{chatId:e==null?void 0:e.id,onAudioSent:re,isRecording:C,recordingMode:N,isPaused:S,recordingTime:P,waveformData:M,audioUrl:A,audioBlob:D,onCancel:G,onStop:E,onPause:T,onResume:H,onReRecord:V})}))))},Uk=yee;var _k=()=>$__namespace.default.createElement("div",{className:"flex-1 flex flex-col bg-white w-full h-full relative gap-6 rounded-[1rem]"},$__namespace.default.createElement("div",{className:"bg-[#D0DEE533] p-4 md:m-4 md:rounded-[1rem] border-b border-border"},$__namespace.default.createElement("div",{className:"flex items-center justify-between"},$__namespace.default.createElement("div",{className:"flex items-center gap-3"},$__namespace.default.createElement("div",{className:"w-8 h-8 rounded-lg bg-gray-200 animate-pulse"}),$__namespace.default.createElement("div",{className:"h-10 w-10 rounded-full bg-gray-200 animate-pulse"}),$__namespace.default.createElement("div",{className:"space-y-2"},$__namespace.default.createElement("div",{className:"h-4 w-32 bg-gray-200 animate-pulse rounded"}),$__namespace.default.createElement("div",{className:"h-3 w-20 bg-gray-200 animate-pulse rounded"}))),$__namespace.default.createElement("div",{className:"w-8 h-8 rounded bg-gray-200 animate-pulse"}))),$__namespace.default.createElement("div",{className:"flex-1 px-4 md:px-6 space-y-6 overflow-y-auto"},$__namespace.default.createElement("div",{className:"flex gap-3 max-w-[80%]"},$__namespace.default.createElement("div",{className:"flex-shrink-0"},$__namespace.default.createElement("div",{className:"h-8 w-8 rounded-full bg-gray-200 animate-pulse"})),$__namespace.default.createElement("div",{className:"space-y-2"},$__namespace.default.createElement("div",{className:"h-3 w-24 bg-gray-200 animate-pulse rounded"}),$__namespace.default.createElement("div",{className:"bg-gray-100 p-3 rounded-2xl rounded-tl-none"},$__namespace.default.createElement("div",{className:"space-y-2"},$__namespace.default.createElement("div",{className:"h-3 w-48 bg-gray-300 animate-pulse rounded"}),$__namespace.default.createElement("div",{className:"h-3 w-40 bg-gray-300 animate-pulse rounded"}),$__namespace.default.createElement("div",{className:"h-3 w-32 bg-gray-300 animate-pulse rounded"}))),$__namespace.default.createElement("div",{className:"h-3 w-16 bg-gray-200 animate-pulse rounded"}))),$__namespace.default.createElement("div",{className:"flex justify-end"},$__namespace.default.createElement("div",{className:"max-w-[80%] space-y-2"},$__namespace.default.createElement("div",{className:"bg-blue-100 p-3 rounded-2xl rounded-tr-none"},$__namespace.default.createElement("div",{className:"space-y-2"},$__namespace.default.createElement("div",{className:"h-3 w-56 bg-blue-300 animate-pulse rounded"}),$__namespace.default.createElement("div",{className:"h-3 w-44 bg-blue-300 animate-pulse rounded"}))),$__namespace.default.createElement("div",{className:"h-3 w-16 bg-gray-200 animate-pulse rounded ml-auto"}))),$__namespace.default.createElement("div",{className:"flex gap-3 max-w-[80%]"},$__namespace.default.createElement("div",{className:"flex-shrink-0"},$__namespace.default.createElement("div",{className:"h-8 w-8 rounded-full bg-gray-200 animate-pulse"})),$__namespace.default.createElement("div",{className:"space-y-2 flex-1"},$__namespace.default.createElement("div",{className:"h-3 w-24 bg-gray-200 animate-pulse rounded"}),$__namespace.default.createElement("div",{className:"bg-gray-100 p-3 rounded-2xl rounded-tl-none"},$__namespace.default.createElement("div",{className:"space-y-3"},$__namespace.default.createElement("div",{className:"h-40 w-full bg-gray-300 animate-pulse rounded-lg"}),$__namespace.default.createElement("div",{className:"space-y-2"},$__namespace.default.createElement("div",{className:"h-3 w-36 bg-gray-300 animate-pulse rounded"}),$__namespace.default.createElement("div",{className:"h-3 w-28 bg-gray-300 animate-pulse rounded"})))),$__namespace.default.createElement("div",{className:"h-3 w-16 bg-gray-200 animate-pulse rounded"}))),$__namespace.default.createElement("div",{className:"space-y-4"},[...Array(3)].map((e,t)=>$__namespace.default.createElement("div",{key:t,className:"flex justify-end"},$__namespace.default.createElement("div",{className:"max-w-[70%]"},$__namespace.default.createElement("div",{className:"bg-blue-100 p-3 rounded-2xl rounded-tr-none"},$__namespace.default.createElement("div",{className:"space-y-2"},$__namespace.default.createElement("div",{className:"h-3 w-32 bg-blue-300 animate-pulse rounded"}),$__namespace.default.createElement("div",{className:"h-3 w-24 bg-blue-300 animate-pulse rounded"})))))))),$__namespace.default.createElement("div",{className:"px-3 sm:px-6 pb-4 sm:pb-6"},$__namespace.default.createElement("div",{className:"relative"},$__namespace.default.createElement("div",{className:"relative flex items-center"},$__namespace.default.createElement("div",{className:"relative flex-1 flex items-center"},$__namespace.default.createElement("div",{className:"w-full pl-[88px] pr-[88px] rounded-[1rem] bg-[#EFF4FB] border border-[#F8F8F8] h-[44px] min-h-[66px] max-h-[120px]"},$__namespace.default.createElement("div",{className:"h-full flex items-center px-3"},$__namespace.default.createElement("div",{className:"h-3 w-24 bg-gray-300 animate-pulse rounded"}))),$__namespace.default.createElement("div",{className:"absolute left-2 sm:left-3 top-1/2 -translate-y-1/2 flex items-center gap-0.5 sm:gap-1"},[...Array(2)].map((e,t)=>$__namespace.default.createElement("div",{key:t,className:"w-8 h-8 rounded-full bg-gray-300 animate-pulse"}))),$__namespace.default.createElement("div",{className:"absolute right-2 sm:right-3 top-1/2 -translate-y-1/2 flex items-center gap-1"},$__namespace.default.createElement("div",{className:"w-8 h-8 rounded-full bg-gray-300 animate-pulse"}),$__namespace.default.createElement("div",{className:"w-8 h-8 rounded-full bg-blue-300 animate-pulse"})))))));var X9=({className:e,selectedIds:t,selectionMode:o="all",selectedLabel:r,isDeleting:n=false,onCancel:a,onDelete:s,onForward:i})=>{let{t:c}=et(),[d,l]=$.useState(false),m=r!=null?r:c("selected-label"),p=$.useMemo(()=>t.length,[t]),u=$.useMemo(()=>o==="all"||o==="delete-only",[o]),g=$.useMemo(()=>o==="all"||o==="forward-only",[o]),f=d||n;if(!p)return null;let v=()=>W(void 0,null,function*(){if(s)try{l(!0),yield s(t);}finally{l(false);}});return $__namespace.default.createElement(react.motion.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},exit:{opacity:0,y:20},transition:{duration:.2},className:U("flex items-center justify-between px-4 py-3 bg-white border-t border-gray-200",e)},$__namespace.default.createElement("div",{className:"flex items-center gap-3"},$__namespace.default.createElement("button",{type:"button",onClick:a,className:"p-2 rounded-full hover:bg-gray-100"},$__namespace.default.createElement(lucideReact.X,{size:20})),$__namespace.default.createElement("span",{className:"text-sm font-medium"},p," ",m)),$__namespace.default.createElement("div",{className:"flex gap-2"},u&&$__namespace.default.createElement("button",{onClick:v,disabled:f,className:"p-2 rounded-full hover:bg-gray-100"},$__namespace.default.createElement(ha,{className:"w-6 h-6 "})),g&&$__namespace.default.createElement("button",{onClick:()=>i==null?void 0:i(t),className:"p-2 rounded-full hover:bg-gray-100"},$__namespace.default.createElement(lucideReact.Forward,{size:20}))))};X9.displayName="MessageSelectionBar";var Vk=({group:e,onClose:t,onEditDescription:o})=>{var a;let[r,n]=$.useState("about");return $__namespace.default.createElement("div",{className:"flex flex-col max-h-[80vh]"},$__namespace.default.createElement("div",{className:"px-6 py-4 border-b border-border"},$__namespace.default.createElement("div",{className:"flex items-center justify-between mb-4"},$__namespace.default.createElement("h2",{className:"text-lg font-semibold text-foreground"},e.name))),$__namespace.default.createElement("div",{className:"flex border-b border-border px-6"},$__namespace.default.createElement("button",{onClick:()=>n("about"),className:`px-4 py-3 text-sm rounded-none font-medium border-b-2 transition-colors ${r==="about"?"border-primary text-foreground":"border-transparent text-muted-foreground hover:text-foreground"}`},"Sobre"),$__namespace.default.createElement("button",{onClick:()=>n("members"),className:`px-4 py-3 rounded-none text-sm font-medium border-b-2 transition-colors ${r==="members"?"border-primary text-foreground":"border-transparent text-muted-foreground hover:text-foreground"}`},"Membros ",e.members.length.toLocaleString())),$__namespace.default.createElement("div",{className:"flex-1 overflow-y-auto px-6 py-4"},r==="about"?$__namespace.default.createElement("div",{className:"space-y-6"},e.subject&&$__namespace.default.createElement("div",null,$__namespace.default.createElement("h4",{className:"text-sm font-medium text-foreground mb-1"},"Assunto"),$__namespace.default.createElement("p",{className:"text-sm text-muted-foreground"},e.subject)),$__namespace.default.createElement("div",null,$__namespace.default.createElement("div",{className:"flex items-center justify-between mb-1"},$__namespace.default.createElement("h4",{className:"text-sm font-medium text-foreground"},"Descri\xE7\xE3o"),o&&$__namespace.default.createElement("button",{onClick:o,className:"p-1.5 rounded-md hover:bg-accent transition-colors"},$__namespace.default.createElement(lucideReact.Edit2,{className:"w-4 h-4 text-muted-foreground"}))),$__namespace.default.createElement("p",{className:"text-sm text-muted-foreground leading-relaxed"},e.description||"Sem descri\xE7\xE3o")),e.createdBy&&$__namespace.default.createElement("div",null,$__namespace.default.createElement("h4",{className:"text-sm font-medium text-foreground mb-1"},"Criado por"),$__namespace.default.createElement("p",{className:"text-sm text-muted-foreground"},e.createdBy,e.createdAt&&` em ${e.createdAt}`))):$__namespace.default.createElement("div",{className:"space-y-2"},(a=e==null?void 0:e.members)==null?void 0:a.map(s=>$__namespace.default.createElement("div",{key:s==null?void 0:s.id,className:"flex items-center gap-3 p-3 rounded-xl hover:bg-accent transition-colors"},$__namespace.default.createElement(y3,{className:"w-10 h-10"},$__namespace.default.createElement(x3,{src:s==null?void 0:s.avatar,alt:s==null?void 0:s.name}),$__namespace.default.createElement(w3,{className:"bg-primary/20 text-primary text-sm"},s==null?void 0:s.name.charAt(0).toUpperCase())),$__namespace.default.createElement("div",{className:"flex-1 min-w-0"},$__namespace.default.createElement("p",{className:"text-sm font-medium text-foreground truncate"},s==null?void 0:s.name),(s==null?void 0:s.role)&&$__namespace.default.createElement("p",{className:"text-xs text-muted-foreground truncate"},s==null?void 0:s.role)))))))},See=({open:e,onOpenChange:t,group:o,onEditDescription:r})=>{let n=Qs();if(!o)return null;let a=()=>t(false);return n?$__namespace.default.createElement(Uo,{open:e,onOpenChange:t},$__namespace.default.createElement(_o,{className:"bg-card border-t border-border max-h-[90vh]"},$__namespace.default.createElement("div",{className:"mx-auto w-12 h-1.5 flex-shrink-0 rounded-full bg-muted my-4"}),$__namespace.default.createElement(Vk,{group:o,onClose:a,onEditDescription:r}))):$__namespace.default.createElement(pn,{isOpen:e,onClose:a,closeOnClickOutside:false},$__namespace.default.createElement("div",{className:"sm:max-w-lg p-0 overflow-hidden"},$__namespace.default.createElement(Vk,{group:o,onClose:a,onEditDescription:r})))},jk=See;var Kk=({isOpen:e,onClose:t,messageIds:o,userId:r="current-user",chatForPage:n=false})=>{let[a,s]=$.useState(""),i=usehooks.useDebounce(a,400),{isMobile:c}=Jt(),{page:d}=I(),[l,m]=$.useState([]),{conversations:p,isGettingConversations:u,fetchNextPage:g,hasNextPage:f}=_n({chatHeaderOption:"all",searchQuery:i}),{conversations:v,isGettingConversations:h,fetchNextPage:b,hasNextPage:x}=Hs({chatHeaderOption:"all",searchQuery:i}),w=n&&(d!=null&&d.id)?v:p,C=n&&(d!=null&&d.id)?h:u,N=n&&(d!=null&&d.id)?b:g,S=n&&(d!=null&&d.id)?x:f,{users:P,isGettingUsers:M}=U1({filter:i}),{forwardMessages:k,isForwarding:E}=K5(),[G]=qT__default.default({loading:M,hasNextPage:S,onLoadMore:N,disabled:!S,rootMargin:"0px 0px 200px 0px"}),T=$.useMemo(()=>{if(!w)return [];if(!i.trim())return w;let B=i.toLowerCase();return w.filter(F=>{var Q;let _=F.isGroup?F.name:(Q=F.otherParticipant)==null?void 0:Q.name;return _==null?void 0:_.toLowerCase().includes(B)})},[w,i]),H=B=>{m(F=>F.some(Q=>B.conversationId&&Q.conversationId===B.conversationId||B.userId&&Q.userId===B.userId)?F.filter(Q=>!(B.conversationId&&Q.conversationId===B.conversationId)&&!(B.userId&&Q.userId===B.userId)):F.length>=5?F:[...F,B]);},V=B=>l.some(F=>B.conversationId&&F.conversationId===B.conversationId||B.userId&&F.userId===B.userId),z=()=>W(void 0,null,function*(){(o==null?void 0:o.length)===0||l.length===0||(k({messageIds:o,targets:l}),O());}),O=()=>{s(""),m([]),t();};return $__namespace.default.createElement(pn,{isOpen:e,onClose:O,closeOnClickOutside:false,className:`${c?"":"z-[999999]"}`},$__namespace.default.createElement("div",{className:"max-w-md p-0 gap-0"},$__namespace.default.createElement(Dl,{className:"p-4 pb-0"},$__namespace.default.createElement(ui,{className:"flex items-center gap-2"},$__namespace.default.createElement(lucideReact.Send,{className:"w-5 h-5"}),"Encaminhar mensagem")),$__namespace.default.createElement("div",{className:"p-4 border-b border-border"},$__namespace.default.createElement("div",{className:"relative"},$__namespace.default.createElement(lucideReact.Search,{className:"absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-muted-foreground"}),$__namespace.default.createElement(Qr,{placeholder:"Pesquisar conversas ou usu\xE1rios...",value:a,onChange:B=>s(B.target.value),className:"pl-9"}))),$__namespace.default.createElement(I5,{className:"h-[400px]"},$__namespace.default.createElement("div",{className:"p-2 space-y-1"},i.trim()!==""&&$__namespace.default.createElement($__namespace.default.Fragment,null,$__namespace.default.createElement("p",{className:"px-3 py-2 text-xs font-semibold text-muted-foreground uppercase"},"Usu\xE1rios"),P==null?void 0:P.map(B=>$__namespace.default.createElement(Qk,{key:B.id,name:B.name||"",avatar:B.avatar,isSelected:V({userId:B.id}),onClick:()=>H({userId:B.id}),disabled:!V({userId:B.id})&&l.length>=5})),$__namespace.default.createElement("div",{ref:G,className:"py-2 flex justify-center"},M&&$__namespace.default.createElement(lucideReact.Loader2,{className:"w-6 h-6 animate-spin text-primary"}))),$__namespace.default.createElement("p",{className:"px-3 py-2 text-xs font-semibold text-muted-foreground uppercase"},i.trim()?"Conversas encontradas":"Conversas recentes"),C?$__namespace.default.createElement("div",{className:"p-4 space-y-4"},[1,2,3].map(B=>$__namespace.default.createElement("div",{key:B,className:"h-12 w-full bg-muted animate-pulse rounded-lg"}))):T.map(B=>{var F,_;return $__namespace.default.createElement(Qk,{key:B.id,name:B.isGroup?B.name||"Grupo":((F=B.otherParticipant)==null?void 0:F.name)||"Usu\xE1rio",avatar:B.isGroup?B.image:(_=B.otherParticipant)==null?void 0:_.avatar,isGroup:B.isGroup,isSelected:V({conversationId:B.id}),onClick:()=>{var Q;return H({conversationId:B.id,userId:(Q=B.otherParticipant)==null?void 0:Q.id})},disabled:!V({conversationId:B.id})&&l.length>=5})}),!M&&T.length===0&&(P==null?void 0:P.length)===0&&$__namespace.default.createElement("div",{className:"p-8 text-center text-muted-foreground"},"Nenhum resultado encontrado"))),$__namespace.default.createElement("div",{className:"p-4 border-t border-border flex items-center justify-between"},$__namespace.default.createElement("p",{className:"text-sm text-muted-foreground"},l.length>0?`${l.length} selecionados (m\xE1x 5)`:"Selecione para encaminhar"),$__namespace.default.createElement("div",{className:"flex items-center gap-2"},$__namespace.default.createElement(ae,{className:"text-primary bg-white border py-3 border-primary px-4",onClick:O},"Cancelar"),$__namespace.default.createElement(ae,{className:"bg-primary text-white px-4 py-3",onClick:z,disabled:l.length===0||E},E?"Enviando...":"Encaminhar")))))},Qk=({name:e,avatar:t,isSelected:o,onClick:r,isGroup:n,disabled:a})=>$__namespace.default.createElement("button",{onClick:r,disabled:a,className:`w-full flex items-center gap-3 p-3 rounded-xl transition-colors ${o?"bg-primary/10":"hover:bg-muted"} ${a?"opacity-50 cursor-not-allowed":""}`},$__namespace.default.createElement("div",{className:"w-10 h-10 rounded-full bg-muted overflow-hidden flex-shrink-0 flex items-center justify-center"},t?$__namespace.default.createElement("img",{src:t,alt:e,className:"w-full h-full object-cover"}):n?$__namespace.default.createElement(lucideReact.Users,{className:"w-5 h-5 text-primary"}):$__namespace.default.createElement(lucideReact.User,{className:"w-5 h-5 text-muted-foreground"})),$__namespace.default.createElement("div",{className:"flex-1 text-left min-w-0"},$__namespace.default.createElement("p",{className:"font-semibold truncate text-[0.875rem]"},e),$__namespace.default.createElement("p",{className:"text-[0.625rem] text-gray-shade8 uppercase"},n?"Grupo":"Mensagem Direta")),$__namespace.default.createElement("div",{className:`w-5 h-5 rounded-full border flex items-center justify-center transition-colors ${o?"bg-primary border-primary":"border-muted-foreground/30"}`},o&&$__namespace.default.createElement(lucideReact.Check,{className:"w-3 h-3 text-white"})));var Gee=({chat:e,onBack:t,showBackButton:o,chatForPage:r=false,isLoadingConversation:n,chatFilter:a,realtimeReactions:s})=>{var ve,Be;let{selectedMessageIds:i,selectionMode:c,clearSelectedMessages:d,selectMessage:l,chatHeaderOption:m,onSelectChatHeaderOption:p}=he(),u=m==="select-messages",{locale:g,user:f,page:v}=I(),[h,b]=$.useState(false),[x,w]=$.useState(false),[C,N]=$.useState(false),[S,P]=$.useState([]),[M,A]=$.useState(false),{deleteMessages:D}=$r(r),k=(ve=e==null?void 0:e.id)!=null?ve:"",E=!!k&&((Be=i==null?void 0:i.length)!=null?Be:0)>0,{data:G}=v6({conversationId:k,perPage:100,enabled:E,chatForPage:r!=null?r:false}),T=$.useMemo(()=>{var re;if(!E)return [];let Ae=G==null?void 0:G.pages;return Array.isArray(Ae)?(re=Ae==null?void 0:Ae.flatMap(ze=>Array.isArray(ze==null?void 0:ze.messages)?ze==null?void 0:ze.messages:[]))!=null?re:[]:[]},[G,E]),H=$.useMemo(()=>{var ze,Je;if(!Array.isArray(T)||((ze=i==null?void 0:i.length)!=null?ze:0)===0)return false;let Ae=r?v==null?void 0:v.id:f==null?void 0:f.id;if(!Ae)return false;let re=(Je=T==null?void 0:T.filter(se=>{var le;return i==null?void 0:i.includes((le=se==null?void 0:se.id)!=null?le:"")}))!=null?Je:[];return re.length!==i.length?false:re==null?void 0:re.every(se=>{var Te;return ((se==null?void 0:se.senderId)||((Te=se==null?void 0:se.sender)==null?void 0:Te.id))===Ae})},[i,T,r,f==null?void 0:f.id,v==null?void 0:v.id]),V=$.useMemo(()=>{var Ae;return ((Ae=i==null?void 0:i.length)!=null?Ae:0)>0},[i]),z=$.useRef(void 0);$.useEffect(()=>{let Ae=e==null?void 0:e.id,re=z.current;re!==void 0&&re!==Ae&&(d(),p==null||p("filter-all")),z.current=Ae;},[e==null?void 0:e.id,d,p]),$.useEffect(()=>{let Ae=re=>{(re==null?void 0:re.key)==="Escape"&&V&&(d==null||d(),p==null||p("filter-all"));};return document==null||document.addEventListener("keydown",Ae),()=>document==null?void 0:document.removeEventListener("keydown",Ae)},[V,d,p]);let O=Ae=>{b(true);},{conversation:B}=Ba(h?e==null?void 0:e.id:void 0,r),_=()=>{},Q=Ae=>{if(e!=null&&e.slug){De(),window.open(`/profile/${g}/${e.slug}`,"_blank");return}w(true);},K=()=>{d==null||d(),p==null||p("filter-all");},j=Ae=>{l==null||l(Ae);},X=Ae=>W(void 0,null,function*(){A(true);}),ee=()=>{var Ae;((Ae=i==null?void 0:i.length)!=null?Ae:0)!==0&&(D==null||D({input:{messageIds:i!=null?i:[],deleteForAll:false,conversationId:e==null?void 0:e.id}},{onSuccess:()=>{d==null||d(),p==null||p("filter-all"),A(false);}}));},Z=()=>{var Ae;((Ae=i==null?void 0:i.length)!=null?Ae:0)!==0&&(D==null||D({input:{messageIds:i!=null?i:[],deleteForAll:true,conversationId:e==null?void 0:e.id}},{onSuccess:()=>{d==null||d(),p==null||p("filter-all"),A(false);}}));},ie=()=>{A(false);},ge=Ae=>{P(Ae!=null?Ae:[]),N(true),d==null||d(),p==null||p("filter-all");},be=()=>{N(false),P([]),p==null||p("filter-all");},xe=e!=null&&e.isGroup?null:{id:(e==null?void 0:e.id)||"",name:(e==null?void 0:e.name)||"Contato",avatar:e==null?void 0:e.avatar,members:[{id:(e==null?void 0:e.id)||"",name:(e==null?void 0:e.name)||"",avatar:e==null?void 0:e.avatar}]};return n?$__namespace.default.createElement(_k,null):!e&&!n?$__namespace.default.createElement("div",{className:"flex-1 bg-white flex items-center justify-center rounded-[1rem]"},$__namespace.default.createElement(oc,null)):$__namespace.default.createElement($__namespace.default.Fragment,null,$__namespace.default.createElement("div",{className:"flex-1 flex flex-col bg-white w-full h-full relative gap-6 rounded-[1rem]"},$__namespace.default.createElement($E,{chat:e,onBack:t,showBackButton:o,onGroupInfo:O,onContactInfo:Q}),$__namespace.default.createElement(ak,{activeFilter:a,chatForPage:r,chat:e,isSelectMode:u,selectedMessageIds:i,onSelectMessage:j,onClearSelection:K,realtimeReactions:s}),$__namespace.default.createElement(react.AnimatePresence,{mode:"wait"},V?$__namespace.default.createElement(X9,{selectedIds:i!=null?i:[],selectionMode:c,onCancel:K,onDelete:X,onForward:ge}):$__namespace.default.createElement(Uk,{key:"chat-input",chatFilter:a,chatForPage:r,chat:e}))),$__namespace.default.createElement(f6,{isOpen:h,onClose:()=>b(false),selectedGroup:B,onAddMembers:_}),!(e!=null&&e.isGroup)&&$__namespace.default.createElement(jk,{open:x,onOpenChange:w,group:xe||null}),$__namespace.default.createElement(Kk,{isOpen:C,onClose:be,messageIds:S,chatForPage:r}),$__namespace.default.createElement(z5,{isOpen:M,onClose:ie,onDeleteForMe:ee,onDeleteForEveryone:Z,isSentByMe:H}))},Zk=Gee;function _ee(){var e,t;try{let o=(t=(e=yy("pending_chat_data"))!=null?e:sessionStorage.getItem("pending_chat_data"))!=null?t:"";if(!o)return null;let r=JSON.parse(decodeURIComponent(atob(o)));return localStorage.removeItem("b2b-recruitment-trigger-open"),I3("pending_chat_data",{path:"/",sameSite:"lax",secure:typeof window!="undefined"&&window.location.protocol==="https:"}),sessionStorage.removeItem("pending_chat_data"),r}catch(o){return null}}function Yk(e,t){let{mutate:o}=sI(),r=$.useRef(false);$.useEffect(()=>{if(De(),!t||!e||r.current)return;let n=_ee();n!=null&&n.id&&(r.current=true,o(n==null?void 0:n.id,{onSuccess:a=>{e(a==null?void 0:a.id);}}));},[t,e]);}var Jk=["#3B82F6","#10B981","#F59E0B","#EC4899","#6366F1","#8B5CF6","#14B8A6","#F97316"],qee={all:"all",unread:"filter-unread",favorites:"filter-favorites",groups:"filter-groups",archived:"filter-archived"},$k=e=>{let t=parseInt(e,36)%Jk.length;return Jk[t]},Qee=e=>{try{return new Date(e).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"})}catch(t){return ""}},Kee=(e,t,o)=>{var i,c,d,l,m,p;let r=e==null?void 0:e.message;if(!r)return "";let n=(i=r==null?void 0:r.body)!=null?i:"";if(!n.trim())return "";let a=(d=r==null?void 0:r.senderId)!=null?d:(c=r==null?void 0:r.sender)==null?void 0:c.id;if(!a||!t)return n;let s=String(a)===String(t);return e.isGroup?s?`${(m=o==null?void 0:o("you"))!=null?m:"You"}: ${n}`:(p=r.sender)!=null&&p.name?`${r.sender.name}: ${n}`:n:s?`${(l=o==null?void 0:o("you"))!=null?l:"You"}: ${n}`:n},Xk=(e,t,o)=>{var n,a,s,i,c,d,l,m,p,u,g,f,v,h,b;let r=Kee(e,t,o);return {id:e.id,name:e.isGroup?(a=(n=e.name)!=null?n:o==null?void 0:o("group"))!=null?a:"Group":(c=(i=(s=e.otherParticipant)==null?void 0:s.name)!=null?i:o==null?void 0:o("unknown"))!=null?c:"Unknown",avatar:e.isGroup?$k(e.id):(l=(d=e.otherParticipant)==null?void 0:d.avatar)!=null?l:$k(e.id),lastMessage:r,time:(m=e.message)!=null&&m.createdAt?Qee(e.message.createdAt):"",lastMessageAt:(u=(p=e.message)==null?void 0:p.createdAt)!=null?u:new Date().toISOString(),unreadCount:e.unreadCount||0,slug:(g=e.otherParticipant)==null?void 0:g.slug,isOnline:!!((f=e==null?void 0:e.otherParticipant)!=null&&f.isOnline),isRead:!(e.unreadCount>0),isFavorite:e.isFavorited,isGroup:e.isGroup,isPinned:e.isPinned,isMuted:e.isMuted,isArchived:e.isArchived,hasAttachment:((b=(h=(v=e==null?void 0:e.message)==null?void 0:v.attachments)==null?void 0:h.length)!=null?b:0)>0,participants:e.participants||[]}},Wee=e=>[...e].sort((t,o)=>t.isPinned&&!o.isPinned?-1:!t.isPinned&&o.isPinned?1:new Date(o.lastMessageAt).getTime()-new Date(t.lastMessageAt).getTime()),Zee=({chatForPage:e=false,isCompactMode:t=false,onChatSelectReady:o,onBack:r})=>{var Be,Ae;let{isMobile:n}=Jt(),{user:a,page:s,socketApiUrl:i}=I(),{t:c}=et(),{selectedChat:d}=St(),l=e?(Be=s==null?void 0:s.id)!=null?Be:"":(Ae=a==null?void 0:a.id)!=null?Ae:"",[m,p]=$.useState(null),[u,g]=$.useState("chats"),[f,v]=$.useState(false),[h,b]=$.useState("all"),[x,w]=$.useState(""),C=$.useRef(e);$.useEffect(()=>{C.current!==e&&(C.current=e,p(null),v(false),b("all"),w(""));},[e]);let N=X5(x,300),S=qee[h],{markChatAsRead:P}=Xd(m!=null?m:"",e,h),{conversations:M,isGettingConversations:A,fetchNextPage:D,hasNextPage:k}=_n({chatHeaderOption:S,searchQuery:N}),{conversations:E,isGettingConversations:G,fetchNextPage:T,hasNextPage:H}=Hs({chatHeaderOption:S,searchQuery:N}),{conversation:V,isLoadingConversation:z}=Ba(m||"",e),{realtimeReactions:O}=YE({socketApiUrl:i,accessToken:a==null?void 0:a.accessToken,userId:e||a==null?void 0:a.id,pageId:e?s==null?void 0:s.id:void 0,chatForPage:e,chatHeaderOption:S,pageChatHeaderOption:S}),B=e?E:M,F=e?G:A,_=e?T:D,Q=e?H:k,K=$.useMemo(()=>{var ze;let re=(ze=B==null?void 0:B.map(Je=>Xk(Je,l,c)))!=null?ze:[];return Wee(re)},[B,l,c]);function j(re,ze,Je){var Pt,Wt,Ht,At,mt,We,Xe,Ee,gt,Zt;if(!re)return null;let se=[];if(re!=null&&re.isGroup||((Pt=re==null?void 0:re.participants)==null?void 0:Pt.length)>2){let Fe=((Wt=re==null?void 0:re.participants)==null?void 0:Wt.map(nt=>{var no,er,tn,qe,je;let eo=null;return nt!=null&&nt.user&&(eo={id:(no=nt==null?void 0:nt.user)==null?void 0:no.id,name:(er=nt==null?void 0:nt.user)==null?void 0:er.name,avatar:nt.user.avatar||void 0}),nt!=null&&nt.page&&(eo={id:(tn=nt==null?void 0:nt.page)==null?void 0:tn.id,name:(qe=nt==null?void 0:nt.page)==null?void 0:qe.name,avatar:((je=nt==null?void 0:nt.page)==null?void 0:je.logo)||void 0}),eo}).filter(Boolean))||[];return L(y({},re),{otherParticipant:null,participants:Fe,isMuted:(re==null?void 0:re.isMuted)||false,isArchived:(re==null?void 0:re.isArchived)||false,isFavorited:(re==null?void 0:re.isFavorited)||false,isPinned:(re==null?void 0:re.isPinned)||false,isAdmin:(re==null?void 0:re.isAdmin)||false,isGroup:true})}let le=(Ht=re==null?void 0:re.participants)==null?void 0:Ht.find(Fe=>{var nt;return Fe.user?((nt=Fe==null?void 0:Fe.user)==null?void 0:nt.id)!==ze:!!(Fe!=null&&Fe.page)}),Te=null;if(le){if(le.user){Te=L(y({},le==null?void 0:le.user),{avatar:((At=le==null?void 0:le.user)==null?void 0:At.avatar)||null,isAdmin:(le==null?void 0:le.role)==="ADMIN",isOnline:((mt=le==null?void 0:le.user)==null?void 0:mt.isOnline)||false,slug:((We=le==null?void 0:le.user)==null?void 0:We.slug)||void 0,type:"USER"});let Fe=(Xe=re==null?void 0:re.participants)==null?void 0:Xe.find(nt=>{var eo;return ((eo=nt.user)==null?void 0:eo.id)===ze});Fe!=null&&Fe.user&&se.push({id:Fe.user.id,name:Fe.user.name,avatar:Fe.user.avatar||void 0}),se.push({id:le.user.id,name:le.user.name,avatar:le.user.avatar||void 0});}if(!(le!=null&&le.user)&&(le!=null&&le.page)){Te=L(y({},le==null?void 0:le.page),{avatar:((Ee=le==null?void 0:le.page)==null?void 0:Ee.logo)||null,isAdmin:(le==null?void 0:le.role)==="ADMIN",type:"PAGE"});let Fe=(gt=re==null?void 0:re.participants)==null?void 0:gt.find(nt=>{var eo,no;return ((eo=nt.user)==null?void 0:eo.id)===ze||((no=nt.page)==null?void 0:no.id)===ze});Fe!=null&&Fe.user?se.push({id:Fe.user.id,name:Fe.user.name,avatar:Fe.user.avatar||void 0}):Fe!=null&&Fe.page&&se.push({id:Fe.page.id,name:Fe.page.name,avatar:Fe.page.logo||void 0}),se.push({id:le.page.id,name:le.page.name,avatar:le.page.logo||void 0});}}else (Zt=re==null?void 0:re.participants)==null||Zt.forEach(Fe=>{Fe!=null&&Fe.user?se.push({id:Fe.user.id,name:Fe.user.name,avatar:Fe.user.avatar||void 0}):Fe!=null&&Fe.page&&se.push({id:Fe.page.id,name:Fe.page.name,avatar:Fe.page.logo||void 0});});return L(y({},re),{otherParticipant:Te,participants:se,isMuted:(re==null?void 0:re.isMuted)||false,isArchived:(re==null?void 0:re.isArchived)||false,isFavorited:(re==null?void 0:re.isFavorited)||false,isPinned:(re==null?void 0:re.isPinned)||false,isAdmin:(re==null?void 0:re.isAdmin)||false,isGroup:(re==null?void 0:re.isGroup)||false})}let X=V?j(V,l):null,ee=K.find(re=>re.id===m)||(X?Xk(X,l,c):null),Z=$.useRef([]);$.useEffect(()=>{Z.current=K;},[K]);let ie=$.useRef(re=>{p(re),v(true);let ze=Z.current.find(Je=>Je.id===re);((ze==null?void 0:ze.unreadCount)||0)>0&&P(re);});$.useEffect(()=>{ie.current=re=>{var Je;p(re),v(true);let ze=(Je=Z.current)==null?void 0:Je.find(se=>(se==null?void 0:se.id)===re);((ze==null?void 0:ze.unreadCount)||0)>0&&P(re);};},[P]),$.useEffect(()=>{o&&o(re=>ie.current(re));},[o]),$.useEffect(()=>{!e||!(d!=null&&d.conversationId)||(p(d.conversationId),v(true));},[e,d==null?void 0:d.conversationId]),$.useEffect(()=>{if(t)return;let re=0,ze=10,Je=()=>{let le=WM();return le?(ie.current(le),true):false};if(Je())return;let se=setInterval(()=>{re++,(Je()||re>=ze)&&clearInterval(se);},100);return ()=>clearInterval(se)},[t]),$.useEffect(()=>{if(t)return;let re=ze=>{let{chatId:Je}=ze.detail;Je&&ie.current(Je);};return window.addEventListener("selectChatFromCompact",re),()=>{window.removeEventListener("selectChatFromCompact",re);}},[t]),$.useEffect(()=>{if(t)return;let re=ze=>{let{chatId:Je}=ze.detail||{};Je&&requestAnimationFrame(()=>{requestAnimationFrame(()=>{ie.current(Je);});});};return window.addEventListener("openChat",re),()=>{window.removeEventListener("openChat",re);}},[t]);let ge=$.useCallback(re=>{ie.current(re);},[]);Yk(e?ge:null,e!=null?e:false);let be=()=>{v(false),p(null);},xe=U(f?"hidden":"flex","md:flex flex-shrink-0 h-full ",t?"w-full":"w-full md:w-[20.3125rem] w-full"),ve=U(f?"flex":"hidden","md:flex h-full flex-shrink-0 min-w-0 ",t?"w-full":"w-full md:w-[44.1875rem] max-w-[44.1875rem]");return $__namespace.default.createElement("div",{className:U("flex bg-[#E4EBF1]",t?"w-full bg-white h-full gap-0 rounded-xl overflow-hidden":`w-full h-[100dvh] ${e?n?"w-full rounded-none":"max-w-max":"md:w-[75.875rem]"} md:h-[56.875rem] md:max-h-[calc(100vh-3rem)] bg-[#e6edf2] md:border md:border-[#f1f2f4] md:rounded-[1rem] md:p-[1.5rem] gap-0 md:gap-[1rem]`)},!e&&!t&&$__namespace.default.createElement("div",{className:"hidden md:flex"},$__namespace.default.createElement(DI,{activeTab:u,onTabChange:g})),$__namespace.default.createElement("div",{className:xe},$__namespace.default.createElement(QE,{chats:K,selectedChatId:m,onChatSelect:ge,isLoading:F,canCreateConversation:!e,showFilters:!e&&!t,fetchNextPage:_,chatForPage:e,hasNextPage:Q,activeFilter:h,onFilterChange:b,searchQuery:x,onSearchChange:w,isCompactMode:t,onBack:r,onCloseConversation:be})),$__namespace.default.createElement("div",{className:U(ve,"fixed inset-0 z-[99999] bg-white flex-1 lg:relative lg:z-auto lg:bg-transparent")},$__namespace.default.createElement(Zk,{chat:ee,onBack:be,showBackButton:f,chatForPage:e,chatFilter:h,isLoadingConversation:z&&!!m,realtimeReactions:O})))},Rk=Zee;var Yee=({chatForPage:e=false,isCompactMode:t=false})=>$__namespace.default.createElement("div",{className:U("flex items-center justify-center bg-[#f7f7f7]",e?"items-start justify-start bg-transparent md:p-0 ":"",t?"w-full h-full bg-white":`min-h-[100dvh] ${e?"md:px-[1.5rem]":"md:p-[1.5rem]"} `)},$__namespace.default.createElement(Rk,{chatForPage:e,isCompactMode:t})),Jee=Yee;var tT=e=>{let{chatHeaderOption:t}=St(),{user:o,page:r,chatApiUrl:n,queryClient:a}=I(),s=()=>{a==null||a.invalidateQueries({queryKey:["page-conversations",r==null?void 0:r.id,"filter-all"]}),a==null||a.invalidateQueries({queryKey:["page-conversations",r==null?void 0:r.id,"filter-unread"]}),a==null||a.invalidateQueries({queryKey:["page-conversations",r==null?void 0:r.id,"filter-favorites"]}),a==null||a.invalidateQueries({queryKey:["page-conversations",r==null?void 0:r.id,"filter-groups"]}),a==null||a.invalidateQueries({queryKey:["page-conversations",r==null?void 0:r.id,"filter-recruitment"]});},{mutate:i}=pe({mutationFn:c=>W(void 0,null,function*(){var l;return yield k8__default.default(n!=null?n:"",Ad,{input:{conversationId:c!=null?c:e}},{"x-access-token":(l=o==null?void 0:o.accessToken)!=null?l:""})}),onMutate(c){let d=c!=null?c:e;a==null||a.setQueryData(["page-conversations",r==null?void 0:r.id,t],l=>{var m;return l&&L(y({},l),{pages:(m=l==null?void 0:l.pages)==null?void 0:m.flatMap(p=>{var u;return L(y({},p),{data:(u=p==null?void 0:p.data)==null?void 0:u.map(g=>g.id===d?L(y({},g),{unreadCount:0}):g)})})})});},onError(){s();},onSuccess(){s();}});return {markChatAsRead:i}};var k6=(e,t)=>{let{selectedChat:o,chatHeaderOption:r}=St(),{user:n,page:a,chatApiUrl:s,queryClient:i}=I(),{mutate:c,isPending:d}=pe({mutationFn:()=>W(void 0,null,function*(){var g,f,v,h;let l=(f=(g=e==null?void 0:e.id)!=null?g:o==null?void 0:o.id)!=null?f:"",m=(v=a==null?void 0:a.id)!=null?v:"";if(!l||!m)throw new Error("N\xE3o \xE9 poss\xEDvel criar conversa: participantes n\xE3o est\xE3o definidos corretamente");let p=[l,m].filter(Boolean);return yield k8__default.default(s!=null?s:"",c0,{input:{participants:p}},{"x-access-token":(h=n==null?void 0:n.accessToken)!=null?h:""})}),onMutate(){i==null||i.setQueryData(["page-conversations",a==null?void 0:a.id,r],l=>{var u,g,f,v,h,b,x;if(!l)return l;let m={id:`temp-${Date.now()}`,otherParticipant:{avatar:(u=e==null?void 0:e.avatar)!=null?u:o==null?void 0:o.avatar,name:(g=e==null?void 0:e.name)!=null?g:o==null?void 0:o.name,id:(f=e==null?void 0:e.id)!=null?f:o==null?void 0:o.id},participants:[{userId:(h=(v=e==null?void 0:e.id)!=null?v:o==null?void 0:o.id)!=null?h:""},{pageId:(b=a==null?void 0:a.id)!=null?b:""}],createdAt:new Date().toISOString(),updatedAt:new Date().toISOString()};return L(y({},l),{pages:(x=l==null?void 0:l.pages)==null?void 0:x.flatMap(w=>{var C;return L(y({},w),{data:[m,...(C=w==null?void 0:w.data)!=null?C:[]]})})})});},onSuccess:l=>{var p,u,g,f,v,h;i==null||i.invalidateQueries({queryKey:["page-conversations",a==null?void 0:a.id]}),i==null||i.invalidateQueries({queryKey:["page-messages"],exact:false});let{onSelectChat:m}=St.getState();if((p=l==null?void 0:l.createConversation)!=null&&p.id){let b={id:(u=e==null?void 0:e.id)!=null?u:o==null?void 0:o.id,name:(g=e==null?void 0:e.name)!=null?g:o==null?void 0:o.name,avatar:(f=e==null?void 0:e.avatar)!=null?f:o==null?void 0:o.avatar,conversationId:l.createConversation.id,isOnline:false,slug:(h=(v=e==null?void 0:e.slug)!=null?v:o==null?void 0:o.slug)!=null?h:"",description:"",participants:[],isGroup:false,isMuted:false};m==null||m(b),t&&t(l);}},onError:l=>{i==null||i.invalidateQueries({queryKey:["page-conversations",a==null?void 0:a.id]});}});return {createANewConversation:c,isCreatingANewConversation:d}};function T6({onClose:e,conversationId:t,isPinned:o=false,isArchived:r=false,isMuted:n=false,isFavorited:a=false,slug:s,isInsideDrawer:i}){let{onSelectChat:c,resetAll:d,selectedChat:l}=St(),{locale:m,page:p}=I(),{deleteAConversation:u}=i6(t!=null?t:""),{mutate:g}=Eo("archived"),{mutate:f}=Eo("favorites"),{mutate:v}=Eo("pinned"),{mutate:h}=Eo("muted"),b=[{id:"info-contact",label:q(m,"contact.info"),icon:$__namespace.default.createElement(Pd,null),destructive:false},{id:"pin-chat",label:o?q(m,"remove.pin.chat"):q(m,"attach.chat"),icon:$__namespace.default.createElement($4,null),destructive:false},{id:"archive-chat",label:r?q(m,"unarchive.chat"):q(m,"archive.chat"),icon:$__namespace.default.createElement(X4,null),destructive:false},{id:"silence-chat",label:n?q(m,"unsilence.chat"):q(m,"silence.chat"),icon:$__namespace.default.createElement(J4,null),destructive:false},{id:"close-chat",label:q(m,"close.chat"),icon:$__namespace.default.createElement(d0,null),destructive:true},{id:"clear-chat",label:q(m,"clear.chat"),icon:$__namespace.default.createElement(sn,null),destructive:true}],x=(w,C)=>{w.stopPropagation();let N=()=>{c==null||c(null),t&&u({conversationId:t});};switch(C){case "info-contact":window.open(`/profile/${m}/${s}`,"_blank");break;case "clear-chat":N();break;case "close-chat":d==null||d(),c==null||c(null);break;case "archive-chat":g({conversationId:t,value:!r});break;case "add-to-favorites":f({conversationId:t,value:!a});break;case "pin-chat":v({conversationId:t,value:!o});break;case "silence-chat":h({conversationId:t,value:!n},{onSuccess(S){var P;c==null||c(L(y({},l),{isMuted:(P=S==null?void 0:S.setMutedConversationByActor)==null?void 0:P.isMuted}));}});break;}e();};return i?$__namespace.default.createElement("div",{className:"w-full px-1 py-2 space-y-2",onClick:w=>w.stopPropagation()},b.map(w=>$__namespace.default.createElement(ae,{key:w.id,align:"left",label:w.label,leftElement:w.icon,onClick:C=>x(C,w.id),className:U("flex items-center gap-2 w-full text-left px-[0.75rem] py-4 rounded-md","text-sm text-gray-700 hover:bg-gray-100",w.destructive&&"text-red-600 hover:bg-red-50 [&>svg_*]:fill-red-600")}))):$__namespace.default.createElement("div",{className:"w-[16.5rem] p-[1rem] rounded-[1rem] bg-white shadow-lg overflow-hidden border border-gray-100",onClick:w=>w.stopPropagation()},b.map(w=>$__namespace.default.createElement(ae,{key:w.id,align:"left",label:w.label,leftElement:w.icon,onClick:C=>x(C,w.id),className:U("group text-body-md flex items-center gap-2 w-full text-left px-[0.75rem] py-[0.5rem] hover:bg-primary hover:bg-opacity-10 text-sm whitespace-nowrap",w.destructive?"text-red-600 hover:bg-red-50 [&>svg_*]:fill-red-600":"text-gray-700")})))}function F6({user:e,message:t,conversationId:o,isSelected:r,isGroup:n,isPinned:a,isArchived:s,isMuted:i,isFavorited:c,participants:d,isGroupOwner:l,isGroupAdmin:m,onClick:p,unreadCount:u,justReceivedMessage:g,description:f,hideOptions:v=false,isCompactMode:h=false,hasDeletedMessages:b=false,deletedMessagesCount:x=0,actionMessage:w,asUserNormal:C}){var Be,Ae,re,ze,Je,se,le,Te,Pt,Wt,Ht;let{queryClient:N,locale:S,page:P,user:M}=I(),{onSelectChat:A,onSelectChatHeaderOption:D,selectedChat:k}=St(),{markChatAsRead:E}=tT(o!=null?o:""),{createANewConversation:G}=k6({id:e==null?void 0:e.id,name:e==null?void 0:e.name,avatar:e==null?void 0:e.avatar},()=>{p==null||p();}),[T,H]=$.useState(false),[V,z]=$.useState(false),[O,B]=$.useState(false),[F,_]=$.useState(false),{isMobile:Q}=Ge();$.useEffect(()=>{let At=()=>_(window.innerWidth<768);return At(),window.addEventListener("resize",At),()=>window.removeEventListener("resize",At)},[]);let K=()=>{var At,mt;if(o!=null&&o.startsWith("temp-")&&(e!=null&&e.id)){G();return}(At=N==null?void 0:N.invalidateQueries)==null||At.call(N,{queryKey:["page-messages",o]}),A==null||A({id:e==null?void 0:e.id,name:e==null?void 0:e.name,avatar:e==null?void 0:e.avatar,isOnline:e==null?void 0:e.isOnline,slug:e==null?void 0:e.slug,conversationId:o,description:f,participants:d,isGroup:n,isMuted:i,isGroupOwner:l,isGroupAdmin:m});try{p==null||p();}catch(We){}setTimeout(()=>D==null?void 0:D("filter-all"),0),u&&u>0&&(E==null||E((mt=k==null?void 0:k.conversationId)!=null?mt:""));},j=b||(t==null?void 0:t.isDeleted),X=()=>x>1?q(S,"messages-deleted",{count:x}):q(S,"message-deleted"),Z=(()=>{if(!(w!=null&&w.type))return null;let{type:At,userName:mt}=w;switch(At){case "removedAdmin":return {text:q(S,"admin-remove",{name:mt||""}),icon:$__namespace.default.createElement(lucideReact.UserX,{size:12,className:"text-orange-500 flex-shrink-0"})};case "madeAdmin":return {text:q(S,"admin-promoted",{name:mt||""}),icon:$__namespace.default.createElement(lucideReact.Crown,{size:12,className:"text-yellow-500 flex-shrink-0"})};case "remove":return {text:q(S,"admin-remove",{name:mt||""}),icon:$__namespace.default.createElement(lucideReact.UserX,{size:12,className:"text-red-500 flex-shrink-0"})};default:return null}})(),ge=(()=>{var mt,We;if(!((mt=t==null?void 0:t.attachments)!=null&&mt.length))return null;switch((We=t.attachmentType)==null?void 0:We.toLowerCase()){case "image":return q(S,"image-title");case "video":return q(S,"video-title");case "audio":return q(S,"media.audio");case "file":return q(S,"document-title");case "url":return q(S,"attachment-title");default:return q(S,"attachment-title")}})(),be=["madeAdmin","removedAdmin","remove","add","left"],xe=!!(t!=null&&t.actions&&typeof t.actions=="string"&&be.includes(t.actions)),ve=j?X():ge?t!=null&&t.fromMe?`${q(S,"you.title")} ${ge}`:ge:xe?(Ae=mo((Be=t==null?void 0:t.content)!=null?Be:"",26))!=null?Ae:"":t!=null&&t.fromMe?`${q(S,"you.title")} ${(ze=(re=t==null?void 0:t.content)==null?void 0:re.replace(/^You:\s*/i,""))!=null?ze:""}`:(se=mo((Je=t==null?void 0:t.content)!=null?Je:"",26))!=null?se:"";return $__namespace.default.createElement("div",{onClick:K,onMouseEnter:()=>H(true),onMouseLeave:()=>{H(false),z(false);},className:`relative w-full ${h?"h-12":"h-[4.25rem]"} flex items-start cursor-pointer transition-colors ${h?"px-1 py-1":"px-2 py-2"} ${h?"rounded-md":"rounded-xl"} gap-2 ${h?"":"border-b border-[[#F1F5F9]]"}
|
|
2671
2671
|
${T||r?"bg-[#0B89CE1A]":""}
|
|
2672
2672
|
${g?"animate-pulse bg-[#0B89CE1A]":""}`},$__namespace.default.createElement("div",{className:`relative ${h?"w-7 h-7":"w-[2.25rem] h-[2.25rem]"} flex-shrink-0`},$__namespace.default.createElement(ne,{name:(le=e==null?void 0:e.name)!=null?le:"",src:e==null?void 0:e.avatar,className:"w-full h-full"})),$__namespace.default.createElement("div",{className:`flex ${h?"flex-row items-center":"flex-col"} flex-1 justify-between overflow-hidden min-w-0 relative`},h?$__namespace.default.createElement("div",{className:"flex items-center justify-between min-w-0 w-full"},$__namespace.default.createElement("div",{className:"flex items-center gap-2 truncate flex-1 min-w-0"},$__namespace.default.createElement("span",{className:`font-medium truncate ${h?"text-xs":"text-sm"}`},n?(Te=e==null?void 0:e.name)!=null?Te:"":ct((Pt=e==null?void 0:e.name)!=null?Pt:"")),!n&&(e==null?void 0:e.isAdmin)&&$__namespace.default.createElement("span",{className:`text-green-700 font-medium bg-green-100 rounded-full whitespace-nowrap ${h?"text-[10px] px-1 py-0":"text-xs px-1.5 py-0.5"}`},"Admin"),$__namespace.default.createElement("div",{className:`flex items-center ${h?"gap-0.5":"gap-1"}`},a&&$__namespace.default.createElement(lucideReact.Pin,{size:h?8:10,className:"text-gray-500"}),c&&$__namespace.default.createElement(lucideReact.Star,{size:h?8:10,className:"text-yellow-500"}),i&&$__namespace.default.createElement(lucideReact.VolumeX,{size:h?8:10,className:"text-gray-400"}),s&&$__namespace.default.createElement(lucideReact.Archive,{size:h?8:10,className:"text-gray-400"}))),$__namespace.default.createElement("div",{className:`flex items-center ${h?"gap-1":"gap-2"}`},$__namespace.default.createElement(Sd,{date:t==null?void 0:t.updatedAt,isCompactMode:h}),!v&&$__namespace.default.createElement($__namespace.default.Fragment,null,Q?$__namespace.default.createElement("button",{onClick:At=>{At.stopPropagation(),B(true);},className:"p-1 rounded-full hover:bg-gray-200"},$__namespace.default.createElement(lucideReact.EllipsisVertical,{color:"#A0AEC0",size:12})):T&&$__namespace.default.createElement("div",{className:"relative z-50"},$__namespace.default.createElement("button",{onClick:At=>{At.stopPropagation(),z(mt=>!mt);},className:"p-1 rounded-full hover:bg-gray-200"},$__namespace.default.createElement(lucideReact.EllipsisVertical,{color:"#A0AEC0",size:12})),V&&$__namespace.default.createElement("div",{className:"absolute right-0 top-full mt-1 z-[100]"},$__namespace.default.createElement(T6,{onClose:()=>z(false),conversationId:o,isPinned:a,isArchived:s,isMuted:i,isFavorited:c,slug:e==null?void 0:e.slug})))),u&&u>0?$__namespace.default.createElement("span",{className:`bg-primary text-white font-bold text-center flex items-center justify-center rounded-full ${h?"text-[10px] min-w-3 h-3 px-1":"text-xs min-w-4 h-4 px-1"}`},u>99?"99+":u):null)):$__namespace.default.createElement($__namespace.default.Fragment,null,$__namespace.default.createElement("div",{className:"flex items-center justify-between min-w-0"},$__namespace.default.createElement("div",{className:"flex items-center gap-1 truncate"},$__namespace.default.createElement("span",{className:"font-bold text-[0.875rem] truncate"},n?(Wt=e==null?void 0:e.name)!=null?Wt:"":ct((Ht=e==null?void 0:e.name)!=null?Ht:"")),!n&&(e==null?void 0:e.isAdmin)&&$__namespace.default.createElement("span",{className:"text-xs text-green-700 font-medium px-1.5 py-0.5 bg-green-100 rounded-full whitespace-nowrap"},"Admin")),$__namespace.default.createElement("div",{className:"flex items-center gap-[0.125rem]"},$__namespace.default.createElement(Sd,{date:t==null?void 0:t.updatedAt}),!v&&$__namespace.default.createElement($__namespace.default.Fragment,null,Q?$__namespace.default.createElement("button",{onClick:At=>{At.stopPropagation(),B(true);},className:"p-1 rounded-full hover:bg-gray-200"},$__namespace.default.createElement(lucideReact.EllipsisVertical,{color:"#A0AEC0",size:14})):T&&$__namespace.default.createElement("div",{className:"relative z-50"},$__namespace.default.createElement("button",{onClick:At=>{At.stopPropagation(),z(mt=>!mt);},className:"p-1 rounded-full hover:bg-gray-200"},$__namespace.default.createElement(lucideReact.EllipsisVertical,{color:"#A0AEC0",size:14})),V&&$__namespace.default.createElement("div",{className:"absolute right-0 top-full mt-1 z-[100]"},$__namespace.default.createElement(T6,{onClose:()=>z(false),conversationId:o,isPinned:a,isArchived:s,isMuted:i,isFavorited:c,slug:e==null?void 0:e.slug})))))),$__namespace.default.createElement("div",{className:"flex items-center justify-between min-w-0"},$__namespace.default.createElement("div",{className:"flex items-center gap-1 min-w-0 flex-1"},Z&&Z.icon,!Z&&j&&$__namespace.default.createElement(lucideReact.Trash2,{size:12,className:"text-gray-500 flex-shrink-0"}),$__namespace.default.createElement("div",{className:"min-w-0 flex-1"},$__namespace.default.createElement(Y4,{message:ve,fromMe:!!(t!=null&&t.fromMe),userName:e==null?void 0:e.name,isDeleted:j&&!Z,isActionMessage:!!Z,isCompactMode:h})))),$__namespace.default.createElement("div",{className:"absolute bottom-1 right-1 flex gap-1"},a&&$__namespace.default.createElement(lucideReact.Pin,{size:12,className:"text-gray-500"}),c&&$__namespace.default.createElement(lucideReact.Star,{size:12,className:"text-yellow-500"}),i&&$__namespace.default.createElement(lucideReact.VolumeX,{size:12,className:"text-gray-400"}),s&&$__namespace.default.createElement(lucideReact.Archive,{size:12,className:"text-gray-400"}),u&&u>0?$__namespace.default.createElement("span",{className:"bg-primary text-white text-[0.625rem] font-bold w-4 h-4 flex items-center justify-center rounded-full"},u>99?"99+":u):null))),Q&&$__namespace.default.createElement(da,{isOpen:O,onClose:()=>B(false)},$__namespace.default.createElement(T6,{onClose:()=>B(false),conversationId:o,isPinned:a,isArchived:s,isMuted:i,isFavorited:c,slug:e==null?void 0:e.slug,isInsideDrawer:true})))}var iT="https://scontent.flad8-1.fna.fbcdn.net/v/t39.30808-6/472374192_528360930233263_316064924509422695_n.jpg?...";function ate(e,t){var r,n,a;return e!=null&&e.otherParticipant?e.otherParticipant:(a=((n=(r=e==null?void 0:e.participants)==null?void 0:r.flatMap(s=>{var i,c;return (c=(i=s==null?void 0:s.users)==null?void 0:i.filter(d=>!!d))!=null?c:[]}))!=null?n:[]).find(s=>s.id!==t))!=null?a:null}function ste(e){var t,o;return (o=(t=e==null?void 0:e.participants)==null?void 0:t.flatMap(r=>{var n,a,s;return (s=(a=(n=r==null?void 0:r.users)==null?void 0:n.map(i=>i==null?void 0:i.id))==null?void 0:a.filter(i=>!!i))!=null?s:[]}))!=null?o:[]}function ite(e){var t,o;return (o=(t=e==null?void 0:e.participants)==null?void 0:t.flatMap(r=>{var n,a;return (a=(n=r==null?void 0:r.users)==null?void 0:n.filter(s=>!!s))!=null?a:[]}))!=null?o:[]}function lte(e,t,o,r){var i;let n=e==null?void 0:e.message,a=(i=n==null?void 0:n.body)!=null?i:"";n==null?void 0:n.sender;return a}function dte({conversation:e,pageId:t,selectedChat:o,locale:r,userId:n}){var d,l,m,p,u,g,f,v,h,b,x,w,C,N;let a=$.useMemo(()=>ate(e,t),[e,t]),s=$.useMemo(()=>ite(e),[e]);$.useMemo(()=>ste(e),[e]);let c=$.useMemo(()=>lte(e),[e,t,r,n]);return $__namespace.default.createElement(F6,{key:e==null?void 0:e.id,hideOptions:true,participants:s,isSelected:(o==null?void 0:o.conversationId)===(e==null?void 0:e.id),conversationId:e==null?void 0:e.id,isGroup:(d=e==null?void 0:e.isGroup)!=null?d:false,isPinned:(l=e==null?void 0:e.isPinned)!=null?l:false,isArchived:(m=e==null?void 0:e.isArchived)!=null?m:false,isMuted:(p=e==null?void 0:e.isMuted)!=null?p:false,isFavorited:(u=e==null?void 0:e.isFavorited)!=null?u:false,user:{avatar:e!=null&&e.isGroup?(g=e==null?void 0:e.image)!=null?g:iT:(f=a==null?void 0:a.avatar)!=null?f:iT,name:e!=null&&e.isGroup?(v=e==null?void 0:e.name)!=null?v:"":(h=a==null?void 0:a.name)!=null?h:q(r,"someone"),isOnline:true,id:a==null?void 0:a.id},message:{updatedAt:new Date((x=(b=e==null?void 0:e.message)==null?void 0:b.createdAt)!=null?x:Date.now()),fromMe:((w=e==null?void 0:e.message)==null?void 0:w.senderId)===t,content:c,attachments:(N=(C=e==null?void 0:e.message)==null?void 0:C.attachments)!=null?N:[]}})}function tg(){let{locale:e,user:t}=I(),{selectedChat:o}=St(),{conversations:r=[],isGettingConversations:n,pageId:a,fetchNextPage:s,hasNextPage:i}=Hs(),[c]=qT__default.default({loading:n,hasNextPage:i,onLoadMore:s,disabled:!i,rootMargin:"0px 0px 200px 0px"});return !n&&r.length===0?$__namespace.default.createElement(Os,{chatForPage:true,hasNoChat:true}):$__namespace.default.createElement("div",{className:`\r
|
|
2673
2673
|
w-full flex flex-col gap-6 overflow-y-auto scrollbar-hide\r
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mirantes-micro/foundation-design-system",
|
|
3
3
|
"description": "A scalable and customizable design system package featuring a collection of reusable React components, utility functions, and context providers. Built to enforce visual and functional consistency across applications, this package offers accessible, themeable UI elements, shared logic through utility helpers, and context-based providers for managing global state such as themes, modals, and user sessions.",
|
|
4
|
-
"version": "1.2.
|
|
4
|
+
"version": "1.2.210",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": {
|
|
7
7
|
"name": "Mirantes Frontend team"
|