@mirantes-micro/foundation-design-system 1.2.202 → 1.2.203
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
|
@@ -2668,7 +2668,7 @@ mutation CreateParticipant($input: CreateParticipantInput!) {
|
|
|
2668
2668
|
color: #9ca3af;
|
|
2669
2669
|
pointer-events: none;
|
|
2670
2670
|
}
|
|
2671
|
-
`),$__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:Y,onKeyDown:ee,onPaste:D,"data-placeholder":A("type-message"),style:{height:`${Z9}px`,minHeight:`${Z9}px`,maxHeight:`${Dk}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(kk,{items:G,selectedIndex:V,onSelect:T,onHover:F,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(h6,{onFilesSelected:_,disabled:K||l}),$__namespace.default.createElement(v6,{onFilesSelected:W,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(b6,{onEmojiSelect:R}),le?$__namespace.default.createElement(x6,{type:"text",onSend:n,disabled:m||K||l}):$__namespace.default.createElement(w6,{onStartRecording:f||(()=>{}),onStopRecording:h||(()=>{}),onCancelRecording:v||(()=>{}),isRecording:u,recordingTime:g,disabled:K||l})),b))});P6.displayName="MentionableTextareaChat";var lee=({chat:e,chatForPage:t,chatFilter:o})=>{var be,ze;let[r,n]=$.useState(""),[a,s]=$.useState(0),[i,c]=$.useState([]),[d,l]=$.useState([]),m=$.useRef(null),p=$.useRef(null),{replyMessage:u,setReplyMessage:g}=ve(),{page:f}=I(),h=(e==null?void 0:e.isGroup)||false,v=ok(),{sendMessage:b}=tr(o,t),{adjustTextareaHeight:x,resetTextareaHeight:w}=rk(m),{isRecording:C,recordingMode:N,isPaused:A,recordingTime:P,waveformData:M,audioUrl:S,audioBlob:k,startRecording:D,stopRecording:E,cancelRecording:G,pauseRecording:T,resumeRecording:H,resetRecorder:V}=Sk(),F=((be=e==null?void 0:e.participants)==null?void 0:be.map(te=>{var Ke;let ye=((Ke=te==null?void 0:te.users)==null?void 0:Ke[0])||(te==null?void 0:te.user)||te;return {id:(te==null?void 0:te.userId)||(ye==null?void 0:ye.id)||(te==null?void 0:te.id)||"",name:(ye==null?void 0:ye.name)||(te==null?void 0:te.name)||"",avatar:(ye==null?void 0:ye.avatar)||(te==null?void 0:te.avatar)}}))||[],L=((ze=e==null?void 0:e.participants)==null?void 0:ze.map(te=>{var Ke;let ye=((Ke=te==null?void 0:te.users)==null?void 0:Ke[0])||(te==null?void 0:te.user)||te;return {id:(te==null?void 0:te.userId)||(ye==null?void 0:ye.id)||(te==null?void 0:te.id)||"",name:(ye==null?void 0:ye.name)||(te==null?void 0:te.name)||"",avatar:(ye==null?void 0:ye.avatar)||(te==null?void 0:te.avatar)}}))||[],{showMentions:B,setShowMentions:z,mentionSearch:_,filteredParticipants:W,selectedMentionIndex:K,isMobileView:j,handleMentionDetection:R,insertMention:ee,handleMentionKeyDown:Y}=ak({participants:F,isGroup:(e==null?void 0:e.isGroup)||false});$.useEffect(()=>{x();},[r]),$.useEffect(()=>{let te=ye=>{p.current&&!p.current.contains(ye.target)&&z(false);};if(B)return document.addEventListener("mousedown",te),()=>document.removeEventListener("mousedown",te)},[B]);let le=te=>{c(ye=>[...ye,...te]);},ge=te=>{c(te);},Ce=te=>{c(ye=>ye.filter(Ke=>Ke.id!==te));},ie=i.some(te=>te.uploadStatus==="pending"||te.uploadStatus==="uploading"),Te=()=>Q(void 0,null,function*(){if(!r.trim()&&i.length===0||!e||ie)return;let ye=i.filter(Kt=>Kt.uploadStatus==="completed").map(Kt=>({type:Kt.type,url:Kt.url})),Ke=h?d:lk(r),gt={conversationId:e.id,body:r.trim()||void 0,attachments:ye.length>0?ye:void 0,replyMessageId:(u==null?void 0:u.id)||void 0,mentions:Ke.length>0?Ke:void 0};t&&(f!=null&&f.id)&&(gt.pageId=f.id,gt.topic=""),b(gt),n(""),c([]),l([]),g==null||g(null),w(),z(false);}),De=te=>{let ye=te.target.value,Ke=te.target.selectionStart;n(ye),s(Ke),R(ye,Ke),x();},ae=te=>{let ye=m.current;if(!ye)return;let Ke=ye.selectionStart,gt=ye.selectionEnd,Kt=r.substring(0,Ke)+te+r.substring(gt);n(Kt),setTimeout(()=>{ye&&(ye.selectionStart=ye.selectionEnd=Ke+te.length,ye.focus());},0);},he=(te,ye)=>{if(!e)return;let Ke={conversationId:e.id,attachments:[{type:"audio",url:te}],replyMessageId:(u==null?void 0:u.id)||void 0};t&&(f!=null&&f.id)&&(Ke.pageId=f.id,Ke.topic=""),b(Ke),g==null||g(null);};return $__namespace.default.createElement("div",{className:"px-3 sm:px-6 pb-4 sm:pb-6"},u&&$__namespace.default.createElement(tk,{replyMessage:u,onClose:()=>g==null?void 0:g(null)}),$__namespace.default.createElement(Ck,{files:i,onRemoveFile:Ce,chatId:e==null?void 0:e.id}),$__namespace.default.createElement("div",{className:"relative",ref:p},h?$__namespace.default.createElement(P6,{participants:L,value:r,onChange:n,onMentionsChange:l,onSend:Te,onEmojiSelect:ae,onFilesUploaded:le,onUpdateFiles:ge,isSending:v.isPending||ie,chatId:e==null?void 0:e.id,isRecording:C,recordingTime:P,onStartRecording:D,onStopRecording:E,onCancelRecording:G,uploadedFiles:i,audioRecordingUI:$__namespace.default.createElement(q9,{chatId:e==null?void 0:e.id,onAudioSent:he,isRecording:C,recordingMode:N,isPaused:A,recordingTime:P,waveformData:M,audioUrl:S,audioBlob:k,onCancel:G,onStop:E,onPause:T,onResume:H,onReRecord:V})}):$__namespace.default.createElement($__namespace.default.Fragment,null,B&&$__namespace.default.createElement(ik,{mentions:W,selectedIndex:K,searchQuery:_,onSelect:te=>ee(r,a,te,n,m),onClose:()=>z(false),position:"left",isMobile:j}),$__namespace.default.createElement(hk,{messageText:r,textareaRef:m,onTextChange:De,onSend:Te,onEmojiSelect:ae,onFilesUploaded:le,onUpdateFiles:ge,onMentionKeyDown:te=>{B&&W.length>0&&Y(te,r,a,n,m);},onTextareaClick:te=>{let ye=te.target;s(ye.selectionStart),R(r,ye.selectionStart);},showMentions:B,isSending:v.isPending||ie,chatId:e==null?void 0:e.id,isRecording:C,recordingTime:P,onStartRecording:D,onStopRecording:E,onCancelRecording:G,uploadedFiles:i,audioRecordingUI:$__namespace.default.createElement(q9,{chatId:e==null?void 0:e.id,onAudioSent:he,isRecording:C,recordingMode:N,isPaused:A,recordingTime:P,waveformData:M,audioUrl:S,audioBlob:k,onCancel:G,onStop:E,onPause:T,onResume:H,onReRecord:V})}))))},zk=lee;var Ok=()=>$__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 J9=({className:e,selectedIds:t,selectionMode:o="all",selectedLabel:r,isDeleting:n=false,onCancel:a,onDelete:s,onForward:i})=>{let{t:c}=tt(),[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 h=()=>Q(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:h,disabled:f,className:"p-2 rounded-full hover:bg-gray-100"},$__namespace.default.createElement(ua,{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}))))};J9.displayName="MessageSelectionBar";var Bk=({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(bu,{className:"w-10 h-10"},$__namespace.default.createElement(yu,{src:s==null?void 0:s.avatar,alt:s==null?void 0:s.name}),$__namespace.default.createElement(xu,{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)))))))},gee=({open:e,onOpenChange:t,group:o,onEditDescription:r})=>{let n=js();if(!o)return null;let a=()=>t(false);return n?$__namespace.default.createElement(Ho,{open:e,onOpenChange:t},$__namespace.default.createElement(Uo,{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(Bk,{group:o,onClose:a,onEditDescription:r}))):$__namespace.default.createElement(na,{isOpen:e,onClose:a,closeOnClickOutside:false},$__namespace.default.createElement("div",{className:"sm:max-w-lg p-0 overflow-hidden"},$__namespace.default.createElement(Bk,{group:o,onClose:a,onEditDescription:r})))},Gk=gee;var _k=({isOpen:e,onClose:t,messageIds:o,userId:r="current-user",chatForPage:n=false})=>{let[a,s]=$.useState(""),i=usehooks.useDebounce(a,400),{isMobile:c}=Yt(),{page:d}=I(),[l,m]=$.useState([]),{conversations:p,isGettingConversations:u,fetchNextPage:g,hasNextPage:f}=Bn({chatHeaderOption:"all",searchQuery:i}),{conversations:h,isGettingConversations:v,fetchNextPage:b,hasNextPage:x}=Bs({chatHeaderOption:"all",searchQuery:i}),w=n&&(d!=null&&d.id)?h:p,C=n&&(d!=null&&d.id)?v:u,N=n&&(d!=null&&d.id)?b:g,A=n&&(d!=null&&d.id)?x:f,{users:P,isGettingUsers:M}=U1({filter:i}),{forwardMessages:D,isForwarding:E}=V5(),[G]=UT__default.default({loading:M,hasNextPage:A,onLoadMore:N,disabled:!A,rootMargin:"0px 0px 200px 0px"}),T=$.useMemo(()=>{if(!w)return [];if(!i.trim())return w;let B=i.toLowerCase();return w.filter(z=>{var W;let _=z.isGroup?z.name:(W=z.otherParticipant)==null?void 0:W.name;return _==null?void 0:_.toLowerCase().includes(B)})},[w,i]),H=B=>{m(z=>z.some(W=>B.conversationId&&W.conversationId===B.conversationId||B.userId&&W.userId===B.userId)?z.filter(W=>!(B.conversationId&&W.conversationId===B.conversationId)&&!(B.userId&&W.userId===B.userId)):z.length>=5?z:[...z,B]);},V=B=>l.some(z=>B.conversationId&&z.conversationId===B.conversationId||B.userId&&z.userId===B.userId),F=()=>Q(void 0,null,function*(){(o==null?void 0:o.length)===0||l.length===0||(D({messageIds:o,targets:l}),L());}),L=()=>{s(""),m([]),t();};return $__namespace.default.createElement(na,{isOpen:e,onClose:L,closeOnClickOutside:false,className:`${c?"":"z-[999999]"}`},$__namespace.default.createElement("div",{className:"max-w-md p-0 gap-0"},$__namespace.default.createElement(kl,{className:"p-4 pb-0"},$__namespace.default.createElement(mi,{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(Vr,{placeholder:"Pesquisar conversas ou usu\xE1rios...",value:a,onChange:B=>s(B.target.value),className:"pl-9"}))),$__namespace.default.createElement(P5,{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(Uk,{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 z,_;return $__namespace.default.createElement(Uk,{key:B.id,name:B.isGroup?B.name||"Grupo":((z=B.otherParticipant)==null?void 0:z.name)||"Usu\xE1rio",avatar:B.isGroup?B.image:(_=B.otherParticipant)==null?void 0:_.avatar,isGroup:B.isGroup,isSelected:V({conversationId:B.id}),onClick:()=>{var W;return H({conversationId:B.id,userId:(W=B.otherParticipant)==null?void 0:W.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(se,{className:"text-primary bg-white border py-3 border-primary px-4",onClick:L},"Cancelar"),$__namespace.default.createElement(se,{className:"bg-primary text-white px-4 py-3",onClick:F,disabled:l.length===0||E},E?"Enviando...":"Encaminhar")))))},Uk=({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 Aee=({chat:e,onBack:t,showBackButton:o,chatForPage:r=false,isLoadingConversation:n,chatFilter:a,realtimeReactions:s})=>{var De,ae;let{selectedMessageIds:i,selectionMode:c,clearSelectedMessages:d,selectMessage:l,chatHeaderOption:m,onSelectChatHeaderOption:p}=ve(),u=m==="select-messages",{locale:g,user:f,page:h}=I(),[v,b]=$.useState(false),[x,w]=$.useState(false),[C,N]=$.useState(false),[A,P]=$.useState([]),[M,S]=$.useState(false),{deleteMessages:k}=Zr(r),E=(De=e==null?void 0:e.id)!=null?De:"",G=!!E&&((ae=i==null?void 0:i.length)!=null?ae:0)>0,{data:T}=u6({conversationId:E,perPage:100,enabled:G,chatForPage:r!=null?r:false}),H=$.useMemo(()=>{var be;if(!G)return [];let he=T==null?void 0:T.pages;return Array.isArray(he)?(be=he==null?void 0:he.flatMap(ze=>Array.isArray(ze==null?void 0:ze.messages)?ze==null?void 0:ze.messages:[]))!=null?be:[]:[]},[T,G]),V=$.useMemo(()=>{var ze,te;if(!Array.isArray(H)||((ze=i==null?void 0:i.length)!=null?ze:0)===0)return false;let he=r?h==null?void 0:h.id:f==null?void 0:f.id;if(!he)return false;let be=(te=H==null?void 0:H.filter(ye=>{var Ke;return i==null?void 0:i.includes((Ke=ye==null?void 0:ye.id)!=null?Ke:"")}))!=null?te:[];return be.length!==i.length?false:be==null?void 0:be.every(ye=>{var gt;return ((ye==null?void 0:ye.senderId)||((gt=ye==null?void 0:ye.sender)==null?void 0:gt.id))===he})},[i,H,r,f==null?void 0:f.id,h==null?void 0:h.id]),F=$.useMemo(()=>{var he;return ((he=i==null?void 0:i.length)!=null?he:0)>0},[i]),L=$.useRef(void 0);$.useEffect(()=>{let he=e==null?void 0:e.id,be=L.current;be!==void 0&&be!==he&&(d(),p==null||p("filter-all")),L.current=he;},[e==null?void 0:e.id,d,p]),$.useEffect(()=>{let he=be=>{(be==null?void 0:be.key)==="Escape"&&F&&(d==null||d(),p==null||p("filter-all"));};return document==null||document.addEventListener("keydown",he),()=>document==null?void 0:document.removeEventListener("keydown",he)},[F,d,p]);let B=he=>{b(true);},{conversation:z}=Fa(v?e==null?void 0:e.id:void 0,r),W=()=>{},K=he=>{if(e!=null&&e.slug){Le(),window.open(`/profile/${g}/${e.slug}`,"_blank");return}w(true);},j=()=>{d==null||d(),p==null||p("filter-all");},R=he=>{l==null||l(he);},ee=he=>Q(void 0,null,function*(){S(true);}),Y=()=>{var he;((he=i==null?void 0:i.length)!=null?he:0)!==0&&(k==null||k({input:{messageIds:i!=null?i:[],deleteForAll:false,conversationId:e==null?void 0:e.id}},{onSuccess:()=>{d==null||d(),p==null||p("filter-all"),S(false);}}));},le=()=>{var he;((he=i==null?void 0:i.length)!=null?he:0)!==0&&(k==null||k({input:{messageIds:i!=null?i:[],deleteForAll:true,conversationId:e==null?void 0:e.id}},{onSuccess:()=>{d==null||d(),p==null||p("filter-all"),S(false);}}));},ge=()=>{S(false);},Ce=he=>{P(he!=null?he:[]),N(true),d==null||d(),p==null||p("filter-all");},ie=()=>{N(false),P([]),p==null||p("filter-all");},Te=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(Ok,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(KE,{chat:e,onBack:t,showBackButton:o,onGroupInfo:B,onContactInfo:K}),$__namespace.default.createElement(ek,{activeFilter:a,chatForPage:r,chat:e,isSelectMode:u,selectedMessageIds:i,onSelectMessage:R,onClearSelection:j,realtimeReactions:s}),$__namespace.default.createElement(react.AnimatePresence,{mode:"wait"},F?$__namespace.default.createElement(J9,{selectedIds:i!=null?i:[],selectionMode:c,onCancel:j,onDelete:ee,onForward:Ce}):$__namespace.default.createElement(zk,{key:"chat-input",chatFilter:a,chatForPage:r,chat:e}))),$__namespace.default.createElement(c6,{isOpen:v,onClose:()=>b(false),selectedGroup:z,onAddMembers:W}),!(e!=null&&e.isGroup)&&$__namespace.default.createElement(Gk,{open:x,onOpenChange:w,group:Te||null}),$__namespace.default.createElement(_k,{isOpen:C,onClose:ie,messageIds:A,chatForPage:r}),$__namespace.default.createElement(T5,{isOpen:M,onClose:ge,onDeleteForMe:Y,onDeleteForEveryone:le,isSentByMe:V}))},jk=Aee;var S6="pending_chat_data";function Dee(e){return typeof e=="string"&&e.trim().length>0}function Lee(){var e;if(typeof window=="undefined")return null;try{let t=cookiesNext.getCookie(S6);if((!t||typeof t!="string")&&(t=(e=sessionStorage.getItem(S6))!=null?e:""),!t||typeof t!="string")return null;let o=decodeURIComponent(atob(t));return JSON.parse(o)}catch(t){return null}}function X9(){if(typeof window!="undefined")try{cookiesNext.deleteCookie(S6,{path:"/"}),sessionStorage.removeItem(S6);}catch(e){}}function qk(e,t){let o=$.useRef(false);$.useEffect(()=>{if(!t||!e||o.current)return;let r=false;return Q(this,null,function*(){if(yield new Promise(s=>setTimeout(s,300)),r)return;let a=Lee();if(!(a!=null&&a.openChat)||!Dee(a.conversationId)){X9();return}try{o.current=!0;let s=a.conversationId;if(yield new Promise(i=>setTimeout(i,500)),r||(window.dispatchEvent(new CustomEvent("openChat",{detail:{open:!0,chatId:s,sendMessageToPage:!0}})),yield new Promise(i=>setTimeout(i,300)),r))return;e(s),yield new Promise(i=>setTimeout(i,500)),X9();}catch(s){X9(),o.current=false;}}),()=>{r=true;}},[e,t]);}var Kk=["#3B82F6","#10B981","#F59E0B","#EC4899","#6366F1","#8B5CF6","#14B8A6","#F97316"],Oee={all:"all",unread:"filter-unread",favorites:"filter-favorites",groups:"filter-groups",archived:"filter-archived"},Wk=e=>{let t=parseInt(e,36)%Kk.length;return Kk[t]},Bee=e=>{try{return new Date(e).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"})}catch(t){return ""}},Gee=(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},Zk=(e,t,o)=>{var n,a,s,i,c,d,l,m,p,u,g,f,h,v,b;let r=Gee(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?Wk(e.id):(l=(d=e.otherParticipant)==null?void 0:d.avatar)!=null?l:Wk(e.id),lastMessage:r,time:(m=e.message)!=null&&m.createdAt?Bee(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=(v=(h=e==null?void 0:e.message)==null?void 0:h.attachments)==null?void 0:v.length)!=null?b:0)>0,participants:e.participants||[]}},Hee=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()),Uee=({chatForPage:e=false,isCompactMode:t=false,onChatSelectReady:o,onBack:r})=>{var Te,De;let{isMobile:n}=Yt(),{user:a,page:s,socketApiUrl:i}=I(),{t:c}=tt(),{selectedChat:d}=wt(),l=e?(Te=s==null?void 0:s.id)!=null?Te:"":(De=a==null?void 0:a.id)!=null?De:"",[m,p]=$.useState(null),[u,g]=$.useState("chats"),[f,h]=$.useState(false),[v,b]=$.useState("all"),[x,w]=$.useState(""),C=Z5(x,300),N=Oee[v],{markChatAsRead:A}=Xd(m!=null?m:"",e,v),{conversations:P,isGettingConversations:M,fetchNextPage:S,hasNextPage:k}=Bn({chatHeaderOption:N,searchQuery:C}),{conversations:D,isGettingConversations:E,fetchNextPage:G,hasNextPage:T}=Bs({chatHeaderOption:N,searchQuery:C}),{conversation:H,isLoadingConversation:V}=Fa(m||"",e),{realtimeReactions:F}=QE({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:N,pageChatHeaderOption:N}),L=e?D:P,B=e?E:M,z=e?G:S,_=e?T:k,W=$.useMemo(()=>{var he;let ae=(he=L==null?void 0:L.map(be=>Zk(be,l,c)))!=null?he:[];return Hee(ae)},[L,l,c]);function K(ae,he,be){var Ke,gt,Kt,Vt,At,mt,Ye,Re,Ee,ht;if(!ae)return null;let ze=[];if(ae!=null&&ae.isGroup||((Ke=ae==null?void 0:ae.participants)==null?void 0:Ke.length)>2){let Oe=((gt=ae==null?void 0:ae.participants)==null?void 0:gt.map(Ve=>{var go,ho,Ro,Xr,qe;let Po=null;return Ve!=null&&Ve.user&&(Po={id:(go=Ve==null?void 0:Ve.user)==null?void 0:go.id,name:(ho=Ve==null?void 0:Ve.user)==null?void 0:ho.name,avatar:Ve.user.avatar||void 0}),Ve!=null&&Ve.page&&(Po={id:(Ro=Ve==null?void 0:Ve.page)==null?void 0:Ro.id,name:(Xr=Ve==null?void 0:Ve.page)==null?void 0:Xr.name,avatar:((qe=Ve==null?void 0:Ve.page)==null?void 0:qe.logo)||void 0}),Po}).filter(Boolean))||[];return O(y({},ae),{otherParticipant:null,participants:Oe,isMuted:(ae==null?void 0:ae.isMuted)||false,isArchived:(ae==null?void 0:ae.isArchived)||false,isFavorited:(ae==null?void 0:ae.isFavorited)||false,isPinned:(ae==null?void 0:ae.isPinned)||false,isAdmin:(ae==null?void 0:ae.isAdmin)||false,isGroup:true})}let te=(Kt=ae==null?void 0:ae.participants)==null?void 0:Kt.find(Oe=>{var Ve;return Oe.user?((Ve=Oe==null?void 0:Oe.user)==null?void 0:Ve.id)!==he:!!(Oe!=null&&Oe.page)}),ye=null;if(te){if(te.user){ye=O(y({},te==null?void 0:te.user),{avatar:((Vt=te==null?void 0:te.user)==null?void 0:Vt.avatar)||null,isAdmin:(te==null?void 0:te.role)==="ADMIN",isOnline:((At=te==null?void 0:te.user)==null?void 0:At.isOnline)||false,slug:((mt=te==null?void 0:te.user)==null?void 0:mt.slug)||void 0,type:"USER"});let Oe=(Ye=ae==null?void 0:ae.participants)==null?void 0:Ye.find(Ve=>{var Po;return ((Po=Ve.user)==null?void 0:Po.id)===he});Oe!=null&&Oe.user&&ze.push({id:Oe.user.id,name:Oe.user.name,avatar:Oe.user.avatar||void 0}),ze.push({id:te.user.id,name:te.user.name,avatar:te.user.avatar||void 0});}if(!(te!=null&&te.user)&&(te!=null&&te.page)){ye=O(y({},te==null?void 0:te.page),{avatar:((Re=te==null?void 0:te.page)==null?void 0:Re.logo)||null,isAdmin:(te==null?void 0:te.role)==="ADMIN",type:"PAGE"});let Oe=(Ee=ae==null?void 0:ae.participants)==null?void 0:Ee.find(Ve=>{var Po,go;return ((Po=Ve.user)==null?void 0:Po.id)===he||((go=Ve.page)==null?void 0:go.id)===he});Oe!=null&&Oe.user?ze.push({id:Oe.user.id,name:Oe.user.name,avatar:Oe.user.avatar||void 0}):Oe!=null&&Oe.page&&ze.push({id:Oe.page.id,name:Oe.page.name,avatar:Oe.page.logo||void 0}),ze.push({id:te.page.id,name:te.page.name,avatar:te.page.logo||void 0});}}else (ht=ae==null?void 0:ae.participants)==null||ht.forEach(Oe=>{Oe!=null&&Oe.user?ze.push({id:Oe.user.id,name:Oe.user.name,avatar:Oe.user.avatar||void 0}):Oe!=null&&Oe.page&&ze.push({id:Oe.page.id,name:Oe.page.name,avatar:Oe.page.logo||void 0});});return O(y({},ae),{otherParticipant:ye,participants:ze,isMuted:(ae==null?void 0:ae.isMuted)||false,isArchived:(ae==null?void 0:ae.isArchived)||false,isFavorited:(ae==null?void 0:ae.isFavorited)||false,isPinned:(ae==null?void 0:ae.isPinned)||false,isAdmin:(ae==null?void 0:ae.isAdmin)||false,isGroup:(ae==null?void 0:ae.isGroup)||false})}let j=H?K(H,l):null,R=W.find(ae=>ae.id===m)||(j?Zk(j,l,c):null),ee=$.useRef([]);$.useEffect(()=>{ee.current=W;},[W]);let Y=$.useRef(ae=>{p(ae),h(true);let he=ee.current.find(be=>be.id===ae);((he==null?void 0:he.unreadCount)||0)>0&&A(ae);});$.useEffect(()=>{Y.current=ae=>{var be;p(ae),h(true);let he=(be=ee.current)==null?void 0:be.find(ze=>(ze==null?void 0:ze.id)===ae);((he==null?void 0:he.unreadCount)||0)>0&&A(ae);};},[A]),$.useEffect(()=>{o&&o(ae=>Y.current(ae));},[o]),$.useEffect(()=>{!e||!(d!=null&&d.conversationId)||(p(d.conversationId),h(true));},[e,d==null?void 0:d.conversationId]),$.useEffect(()=>{if(t)return;let ae=0,he=10,be=()=>{let te=QM();return te?(Y.current(te),true):false};if(be())return;let ze=setInterval(()=>{ae++,(be()||ae>=he)&&clearInterval(ze);},100);return ()=>clearInterval(ze)},[t]),$.useEffect(()=>{if(t)return;let ae=he=>{let{chatId:be}=he.detail;be&&Y.current(be);};return window.addEventListener("selectChatFromCompact",ae),()=>{window.removeEventListener("selectChatFromCompact",ae);}},[t]),$.useEffect(()=>{if(t)return;let ae=he=>{let{chatId:be}=he.detail||{};be&&requestAnimationFrame(()=>{requestAnimationFrame(()=>{Y.current(be);});});};return window.addEventListener("openChat",ae),()=>{window.removeEventListener("openChat",ae);}},[t]);let le=$.useCallback(ae=>{Y.current(ae);},[]);qk(e?le:null,e!=null?e:false);let ge=()=>{h(false),p(null);},Ce=U(f?"hidden":"flex","md:flex flex-shrink-0 h-full ",t?"w-full":"w-full md:w-[20.3125rem] max-w-[20.3125rem]"),ie=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(kI,{activeTab:u,onTabChange:g})),$__namespace.default.createElement("div",{className:Ce},$__namespace.default.createElement(_E,{chats:W,selectedChatId:m,onChatSelect:le,isLoading:B,canCreateConversation:!e,showFilters:!e&&!t,fetchNextPage:z,chatForPage:e,hasNextPage:_,activeFilter:v,onFilterChange:b,searchQuery:x,onSearchChange:w,isCompactMode:t,onBack:r,onCloseConversation:ge})),$__namespace.default.createElement("div",{className:U(ie,"fixed inset-0 z-[99999] bg-white flex-1 lg:relative lg:z-auto lg:bg-transparent")},$__namespace.default.createElement(jk,{chat:R,onBack:ge,showBackButton:f,chatForPage:e,chatFilter:v,isLoadingConversation:V&&!!m,realtimeReactions:F})))},Yk=Uee;var _ee=({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(Yk,{chatForPage:e,isCompactMode:t})),Vee=_ee;var $k=e=>{let{chatHeaderOption:t}=wt(),{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=>Q(void 0,null,function*(){var l;return yield A8__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&&O(y({},l),{pages:(m=l==null?void 0:l.pages)==null?void 0:m.flatMap(p=>{var u;return O(y({},p),{data:(u=p==null?void 0:p.data)==null?void 0:u.map(g=>g.id===d?O(y({},g),{unreadCount:0}):g)})})})});},onError(){s();},onSuccess(){s();}});return {markChatAsRead:i}};var A6=(e,t)=>{let{selectedChat:o,chatHeaderOption:r}=wt(),{user:n,page:a,chatApiUrl:s,queryClient:i}=I(),{mutate:c,isPending:d}=pe({mutationFn:()=>Q(void 0,null,function*(){var g,f,h,v;let l=(f=(g=e==null?void 0:e.id)!=null?g:o==null?void 0:o.id)!=null?f:"",m=(h=a==null?void 0:a.id)!=null?h:"";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 A8__default.default(s!=null?s:"",l0,{input:{participants:p}},{"x-access-token":(v=n==null?void 0:n.accessToken)!=null?v:""})}),onMutate(){i==null||i.setQueryData(["page-conversations",a==null?void 0:a.id,r],l=>{var u,g,f,h,v,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:(v=(h=e==null?void 0:e.id)!=null?h:o==null?void 0:o.id)!=null?v:""},{pageId:(b=a==null?void 0:a.id)!=null?b:""}],createdAt:new Date().toISOString(),updatedAt:new Date().toISOString()};return O(y({},l),{pages:(x=l==null?void 0:l.pages)==null?void 0:x.flatMap(w=>{var C;return O(y({},w),{data:[m,...(C=w==null?void 0:w.data)!=null?C:[]]})})})});},onSuccess:l=>{var p,u,g,f,h,v;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}=wt.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:(v=(h=e==null?void 0:e.slug)!=null?h:o==null?void 0:o.slug)!=null?v:"",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 I6({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}=wt(),{locale:m,page:p}=I(),{deleteAConversation:u}=r6(t!=null?t:""),{mutate:g}=Io("archived"),{mutate:f}=Io("favorites"),{mutate:h}=Io("pinned"),{mutate:v}=Io("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(W4,null),destructive:false},{id:"archive-chat",label:r?q(m,"unarchive.chat"):q(m,"archive.chat"),icon:$__namespace.default.createElement(Z4,null),destructive:false},{id:"silence-chat",label:n?q(m,"unsilence.chat"):q(m,"silence.chat"),icon:$__namespace.default.createElement(K4,null),destructive:false},{id:"close-chat",label:q(m,"close.chat"),icon:$__namespace.default.createElement(i0,null),destructive:true},{id:"clear-chat",label:q(m,"clear.chat"),icon:$__namespace.default.createElement(rn,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":h({conversationId:t,value:!o});break;case "silence-chat":v({conversationId:t,value:!n},{onSuccess(A){var P;c==null||c(O(y({},l),{isMuted:(P=A==null?void 0:A.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(se,{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(se,{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 T6({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:h=false,isCompactMode:v=false,hasDeletedMessages:b=false,deletedMessagesCount:x=0,actionMessage:w,asUserNormal:C}){var De,ae,he,be,ze,te,ye,Ke,gt,Kt,Vt;let{queryClient:N,locale:A,page:P,user:M}=I(),{onSelectChat:S,onSelectChatHeaderOption:k,selectedChat:D}=wt(),{markChatAsRead:E}=$k(o!=null?o:""),{createANewConversation:G}=A6({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,F]=$.useState(false),[L,B]=$.useState(false),[z,_]=$.useState(false),{isMobile:W}=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]}),S==null||S({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(Ye){}setTimeout(()=>k==null?void 0:k("filter-all"),0),u&&u>0&&(E==null||E((mt=D==null?void 0:D.conversationId)!=null?mt:""));},j=b||(t==null?void 0:t.isDeleted),R=()=>x>1?q(A,"messages-deleted",{count:x}):q(A,"message-deleted"),Y=(()=>{if(!(w!=null&&w.type))return null;let{type:At,userName:mt}=w;switch(At){case "removedAdmin":return {text:q(A,"admin-remove",{name:mt||""}),icon:$__namespace.default.createElement(lucideReact.UserX,{size:12,className:"text-orange-500 flex-shrink-0"})};case "madeAdmin":return {text:q(A,"admin-promoted",{name:mt||""}),icon:$__namespace.default.createElement(lucideReact.Crown,{size:12,className:"text-yellow-500 flex-shrink-0"})};case "remove":return {text:q(A,"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,Ye;if(!((mt=t==null?void 0:t.attachments)!=null&&mt.length))return null;switch((Ye=t.attachmentType)==null?void 0:Ye.toLowerCase()){case "image":return q(A,"image-title");case "video":return q(A,"video-title");case "audio":return q(A,"media.audio");case "file":return q(A,"document-title");case "url":return q(A,"attachment-title");default:return q(A,"attachment-title")}})(),Ce=["madeAdmin","removedAdmin","remove","add","left"],ie=!!(t!=null&&t.actions&&typeof t.actions=="string"&&Ce.includes(t.actions)),Te=j?R():ge?t!=null&&t.fromMe?`${q(A,"you.title")} ${ge}`:ge:ie?(ae=io((De=t==null?void 0:t.content)!=null?De:"",26))!=null?ae:"":t!=null&&t.fromMe?`${q(A,"you.title")} ${(be=(he=t==null?void 0:t.content)==null?void 0:he.replace(/^You:\s*/i,""))!=null?be:""}`:(te=io((ze=t==null?void 0:t.content)!=null?ze:"",26))!=null?te:"";return $__namespace.default.createElement("div",{onClick:K,onMouseEnter:()=>H(true),onMouseLeave:()=>{H(false),F(false);},className:`relative w-full ${v?"h-12":"h-[4.25rem]"} flex items-start cursor-pointer transition-colors ${v?"px-1 py-1":"px-2 py-2"} ${v?"rounded-md":"rounded-xl"} gap-2 ${v?"":"border-b border-[[#F1F5F9]]"}
|
|
2671
|
+
`),$__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:Y,onKeyDown:ee,onPaste:D,"data-placeholder":A("type-message"),style:{height:`${Z9}px`,minHeight:`${Z9}px`,maxHeight:`${Dk}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(kk,{items:G,selectedIndex:V,onSelect:T,onHover:F,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(h6,{onFilesSelected:_,disabled:K||l}),$__namespace.default.createElement(v6,{onFilesSelected:W,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(b6,{onEmojiSelect:R}),le?$__namespace.default.createElement(x6,{type:"text",onSend:n,disabled:m||K||l}):$__namespace.default.createElement(w6,{onStartRecording:f||(()=>{}),onStopRecording:h||(()=>{}),onCancelRecording:v||(()=>{}),isRecording:u,recordingTime:g,disabled:K||l})),b))});P6.displayName="MentionableTextareaChat";var lee=({chat:e,chatForPage:t,chatFilter:o})=>{var be,ze;let[r,n]=$.useState(""),[a,s]=$.useState(0),[i,c]=$.useState([]),[d,l]=$.useState([]),m=$.useRef(null),p=$.useRef(null),{replyMessage:u,setReplyMessage:g}=ve(),{page:f}=I(),h=(e==null?void 0:e.isGroup)||false,v=ok(),{sendMessage:b}=tr(o,t),{adjustTextareaHeight:x,resetTextareaHeight:w}=rk(m),{isRecording:C,recordingMode:N,isPaused:A,recordingTime:P,waveformData:M,audioUrl:S,audioBlob:k,startRecording:D,stopRecording:E,cancelRecording:G,pauseRecording:T,resumeRecording:H,resetRecorder:V}=Sk(),F=((be=e==null?void 0:e.participants)==null?void 0:be.map(te=>{var Ke;let ye=((Ke=te==null?void 0:te.users)==null?void 0:Ke[0])||(te==null?void 0:te.user)||te;return {id:(te==null?void 0:te.userId)||(ye==null?void 0:ye.id)||(te==null?void 0:te.id)||"",name:(ye==null?void 0:ye.name)||(te==null?void 0:te.name)||"",avatar:(ye==null?void 0:ye.avatar)||(te==null?void 0:te.avatar)}}))||[],L=((ze=e==null?void 0:e.participants)==null?void 0:ze.map(te=>{var Ke;let ye=((Ke=te==null?void 0:te.users)==null?void 0:Ke[0])||(te==null?void 0:te.user)||te;return {id:(te==null?void 0:te.userId)||(ye==null?void 0:ye.id)||(te==null?void 0:te.id)||"",name:(ye==null?void 0:ye.name)||(te==null?void 0:te.name)||"",avatar:(ye==null?void 0:ye.avatar)||(te==null?void 0:te.avatar)}}))||[],{showMentions:B,setShowMentions:z,mentionSearch:_,filteredParticipants:W,selectedMentionIndex:K,isMobileView:j,handleMentionDetection:R,insertMention:ee,handleMentionKeyDown:Y}=ak({participants:F,isGroup:(e==null?void 0:e.isGroup)||false});$.useEffect(()=>{x();},[r]),$.useEffect(()=>{let te=ye=>{p.current&&!p.current.contains(ye.target)&&z(false);};if(B)return document.addEventListener("mousedown",te),()=>document.removeEventListener("mousedown",te)},[B]);let le=te=>{c(ye=>[...ye,...te]);},ge=te=>{c(te);},Ce=te=>{c(ye=>ye.filter(Ke=>Ke.id!==te));},ie=i.some(te=>te.uploadStatus==="pending"||te.uploadStatus==="uploading"),Te=()=>Q(void 0,null,function*(){if(!r.trim()&&i.length===0||!e||ie)return;let ye=i.filter(Kt=>Kt.uploadStatus==="completed").map(Kt=>({type:Kt.type,url:Kt.url})),Ke=h?d:lk(r),gt={conversationId:e.id,body:r.trim()||void 0,attachments:ye.length>0?ye:void 0,replyMessageId:(u==null?void 0:u.id)||void 0,mentions:Ke.length>0?Ke:void 0};t&&(f!=null&&f.id)&&(gt.pageId=f.id,gt.topic=""),b(gt),n(""),c([]),l([]),g==null||g(null),w(),z(false);}),De=te=>{let ye=te.target.value,Ke=te.target.selectionStart;n(ye),s(Ke),R(ye,Ke),x();},ae=te=>{let ye=m.current;if(!ye)return;let Ke=ye.selectionStart,gt=ye.selectionEnd,Kt=r.substring(0,Ke)+te+r.substring(gt);n(Kt),setTimeout(()=>{ye&&(ye.selectionStart=ye.selectionEnd=Ke+te.length,ye.focus());},0);},he=(te,ye)=>{if(!e)return;let Ke={conversationId:e.id,attachments:[{type:"audio",url:te}],replyMessageId:(u==null?void 0:u.id)||void 0};t&&(f!=null&&f.id)&&(Ke.pageId=f.id,Ke.topic=""),b(Ke),g==null||g(null);};return $__namespace.default.createElement("div",{className:"px-3 sm:px-6 pb-4 sm:pb-6"},u&&$__namespace.default.createElement(tk,{replyMessage:u,onClose:()=>g==null?void 0:g(null)}),$__namespace.default.createElement(Ck,{files:i,onRemoveFile:Ce,chatId:e==null?void 0:e.id}),$__namespace.default.createElement("div",{className:"relative",ref:p},h?$__namespace.default.createElement(P6,{participants:L,value:r,onChange:n,onMentionsChange:l,onSend:Te,onEmojiSelect:ae,onFilesUploaded:le,onUpdateFiles:ge,isSending:v.isPending||ie,chatId:e==null?void 0:e.id,isRecording:C,recordingTime:P,onStartRecording:D,onStopRecording:E,onCancelRecording:G,uploadedFiles:i,audioRecordingUI:$__namespace.default.createElement(q9,{chatId:e==null?void 0:e.id,onAudioSent:he,isRecording:C,recordingMode:N,isPaused:A,recordingTime:P,waveformData:M,audioUrl:S,audioBlob:k,onCancel:G,onStop:E,onPause:T,onResume:H,onReRecord:V})}):$__namespace.default.createElement($__namespace.default.Fragment,null,B&&$__namespace.default.createElement(ik,{mentions:W,selectedIndex:K,searchQuery:_,onSelect:te=>ee(r,a,te,n,m),onClose:()=>z(false),position:"left",isMobile:j}),$__namespace.default.createElement(hk,{messageText:r,textareaRef:m,onTextChange:De,onSend:Te,onEmojiSelect:ae,onFilesUploaded:le,onUpdateFiles:ge,onMentionKeyDown:te=>{B&&W.length>0&&Y(te,r,a,n,m);},onTextareaClick:te=>{let ye=te.target;s(ye.selectionStart),R(r,ye.selectionStart);},showMentions:B,isSending:v.isPending||ie,chatId:e==null?void 0:e.id,isRecording:C,recordingTime:P,onStartRecording:D,onStopRecording:E,onCancelRecording:G,uploadedFiles:i,audioRecordingUI:$__namespace.default.createElement(q9,{chatId:e==null?void 0:e.id,onAudioSent:he,isRecording:C,recordingMode:N,isPaused:A,recordingTime:P,waveformData:M,audioUrl:S,audioBlob:k,onCancel:G,onStop:E,onPause:T,onResume:H,onReRecord:V})}))))},zk=lee;var Ok=()=>$__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 J9=({className:e,selectedIds:t,selectionMode:o="all",selectedLabel:r,isDeleting:n=false,onCancel:a,onDelete:s,onForward:i})=>{let{t:c}=tt(),[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 h=()=>Q(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:h,disabled:f,className:"p-2 rounded-full hover:bg-gray-100"},$__namespace.default.createElement(ua,{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}))))};J9.displayName="MessageSelectionBar";var Bk=({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(bu,{className:"w-10 h-10"},$__namespace.default.createElement(yu,{src:s==null?void 0:s.avatar,alt:s==null?void 0:s.name}),$__namespace.default.createElement(xu,{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)))))))},gee=({open:e,onOpenChange:t,group:o,onEditDescription:r})=>{let n=js();if(!o)return null;let a=()=>t(false);return n?$__namespace.default.createElement(Ho,{open:e,onOpenChange:t},$__namespace.default.createElement(Uo,{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(Bk,{group:o,onClose:a,onEditDescription:r}))):$__namespace.default.createElement(na,{isOpen:e,onClose:a,closeOnClickOutside:false},$__namespace.default.createElement("div",{className:"sm:max-w-lg p-0 overflow-hidden"},$__namespace.default.createElement(Bk,{group:o,onClose:a,onEditDescription:r})))},Gk=gee;var _k=({isOpen:e,onClose:t,messageIds:o,userId:r="current-user",chatForPage:n=false})=>{let[a,s]=$.useState(""),i=usehooks.useDebounce(a,400),{isMobile:c}=Yt(),{page:d}=I(),[l,m]=$.useState([]),{conversations:p,isGettingConversations:u,fetchNextPage:g,hasNextPage:f}=Bn({chatHeaderOption:"all",searchQuery:i}),{conversations:h,isGettingConversations:v,fetchNextPage:b,hasNextPage:x}=Bs({chatHeaderOption:"all",searchQuery:i}),w=n&&(d!=null&&d.id)?h:p,C=n&&(d!=null&&d.id)?v:u,N=n&&(d!=null&&d.id)?b:g,A=n&&(d!=null&&d.id)?x:f,{users:P,isGettingUsers:M}=U1({filter:i}),{forwardMessages:D,isForwarding:E}=V5(),[G]=UT__default.default({loading:M,hasNextPage:A,onLoadMore:N,disabled:!A,rootMargin:"0px 0px 200px 0px"}),T=$.useMemo(()=>{if(!w)return [];if(!i.trim())return w;let B=i.toLowerCase();return w.filter(z=>{var W;let _=z.isGroup?z.name:(W=z.otherParticipant)==null?void 0:W.name;return _==null?void 0:_.toLowerCase().includes(B)})},[w,i]),H=B=>{m(z=>z.some(W=>B.conversationId&&W.conversationId===B.conversationId||B.userId&&W.userId===B.userId)?z.filter(W=>!(B.conversationId&&W.conversationId===B.conversationId)&&!(B.userId&&W.userId===B.userId)):z.length>=5?z:[...z,B]);},V=B=>l.some(z=>B.conversationId&&z.conversationId===B.conversationId||B.userId&&z.userId===B.userId),F=()=>Q(void 0,null,function*(){(o==null?void 0:o.length)===0||l.length===0||(D({messageIds:o,targets:l}),L());}),L=()=>{s(""),m([]),t();};return $__namespace.default.createElement(na,{isOpen:e,onClose:L,closeOnClickOutside:false,className:`${c?"":"z-[999999]"}`},$__namespace.default.createElement("div",{className:"max-w-md p-0 gap-0"},$__namespace.default.createElement(kl,{className:"p-4 pb-0"},$__namespace.default.createElement(mi,{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(Vr,{placeholder:"Pesquisar conversas ou usu\xE1rios...",value:a,onChange:B=>s(B.target.value),className:"pl-9"}))),$__namespace.default.createElement(P5,{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(Uk,{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 z,_;return $__namespace.default.createElement(Uk,{key:B.id,name:B.isGroup?B.name||"Grupo":((z=B.otherParticipant)==null?void 0:z.name)||"Usu\xE1rio",avatar:B.isGroup?B.image:(_=B.otherParticipant)==null?void 0:_.avatar,isGroup:B.isGroup,isSelected:V({conversationId:B.id}),onClick:()=>{var W;return H({conversationId:B.id,userId:(W=B.otherParticipant)==null?void 0:W.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(se,{className:"text-primary bg-white border py-3 border-primary px-4",onClick:L},"Cancelar"),$__namespace.default.createElement(se,{className:"bg-primary text-white px-4 py-3",onClick:F,disabled:l.length===0||E},E?"Enviando...":"Encaminhar")))))},Uk=({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 Aee=({chat:e,onBack:t,showBackButton:o,chatForPage:r=false,isLoadingConversation:n,chatFilter:a,realtimeReactions:s})=>{var De,ae;let{selectedMessageIds:i,selectionMode:c,clearSelectedMessages:d,selectMessage:l,chatHeaderOption:m,onSelectChatHeaderOption:p}=ve(),u=m==="select-messages",{locale:g,user:f,page:h}=I(),[v,b]=$.useState(false),[x,w]=$.useState(false),[C,N]=$.useState(false),[A,P]=$.useState([]),[M,S]=$.useState(false),{deleteMessages:k}=Zr(r),E=(De=e==null?void 0:e.id)!=null?De:"",G=!!E&&((ae=i==null?void 0:i.length)!=null?ae:0)>0,{data:T}=u6({conversationId:E,perPage:100,enabled:G,chatForPage:r!=null?r:false}),H=$.useMemo(()=>{var be;if(!G)return [];let he=T==null?void 0:T.pages;return Array.isArray(he)?(be=he==null?void 0:he.flatMap(ze=>Array.isArray(ze==null?void 0:ze.messages)?ze==null?void 0:ze.messages:[]))!=null?be:[]:[]},[T,G]),V=$.useMemo(()=>{var ze,te;if(!Array.isArray(H)||((ze=i==null?void 0:i.length)!=null?ze:0)===0)return false;let he=r?h==null?void 0:h.id:f==null?void 0:f.id;if(!he)return false;let be=(te=H==null?void 0:H.filter(ye=>{var Ke;return i==null?void 0:i.includes((Ke=ye==null?void 0:ye.id)!=null?Ke:"")}))!=null?te:[];return be.length!==i.length?false:be==null?void 0:be.every(ye=>{var gt;return ((ye==null?void 0:ye.senderId)||((gt=ye==null?void 0:ye.sender)==null?void 0:gt.id))===he})},[i,H,r,f==null?void 0:f.id,h==null?void 0:h.id]),F=$.useMemo(()=>{var he;return ((he=i==null?void 0:i.length)!=null?he:0)>0},[i]),L=$.useRef(void 0);$.useEffect(()=>{let he=e==null?void 0:e.id,be=L.current;be!==void 0&&be!==he&&(d(),p==null||p("filter-all")),L.current=he;},[e==null?void 0:e.id,d,p]),$.useEffect(()=>{let he=be=>{(be==null?void 0:be.key)==="Escape"&&F&&(d==null||d(),p==null||p("filter-all"));};return document==null||document.addEventListener("keydown",he),()=>document==null?void 0:document.removeEventListener("keydown",he)},[F,d,p]);let B=he=>{b(true);},{conversation:z}=Fa(v?e==null?void 0:e.id:void 0,r),W=()=>{},K=he=>{if(e!=null&&e.slug){Le(),window.open(`/profile/${g}/${e.slug}`,"_blank");return}w(true);},j=()=>{d==null||d(),p==null||p("filter-all");},R=he=>{l==null||l(he);},ee=he=>Q(void 0,null,function*(){S(true);}),Y=()=>{var he;((he=i==null?void 0:i.length)!=null?he:0)!==0&&(k==null||k({input:{messageIds:i!=null?i:[],deleteForAll:false,conversationId:e==null?void 0:e.id}},{onSuccess:()=>{d==null||d(),p==null||p("filter-all"),S(false);}}));},le=()=>{var he;((he=i==null?void 0:i.length)!=null?he:0)!==0&&(k==null||k({input:{messageIds:i!=null?i:[],deleteForAll:true,conversationId:e==null?void 0:e.id}},{onSuccess:()=>{d==null||d(),p==null||p("filter-all"),S(false);}}));},ge=()=>{S(false);},Ce=he=>{P(he!=null?he:[]),N(true),d==null||d(),p==null||p("filter-all");},ie=()=>{N(false),P([]),p==null||p("filter-all");},Te=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(Ok,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(KE,{chat:e,onBack:t,showBackButton:o,onGroupInfo:B,onContactInfo:K}),$__namespace.default.createElement(ek,{activeFilter:a,chatForPage:r,chat:e,isSelectMode:u,selectedMessageIds:i,onSelectMessage:R,onClearSelection:j,realtimeReactions:s}),$__namespace.default.createElement(react.AnimatePresence,{mode:"wait"},F?$__namespace.default.createElement(J9,{selectedIds:i!=null?i:[],selectionMode:c,onCancel:j,onDelete:ee,onForward:Ce}):$__namespace.default.createElement(zk,{key:"chat-input",chatFilter:a,chatForPage:r,chat:e}))),$__namespace.default.createElement(c6,{isOpen:v,onClose:()=>b(false),selectedGroup:z,onAddMembers:W}),!(e!=null&&e.isGroup)&&$__namespace.default.createElement(Gk,{open:x,onOpenChange:w,group:Te||null}),$__namespace.default.createElement(_k,{isOpen:C,onClose:ie,messageIds:A,chatForPage:r}),$__namespace.default.createElement(T5,{isOpen:M,onClose:ge,onDeleteForMe:Y,onDeleteForEveryone:le,isSentByMe:V}))},jk=Aee;var S6="pending_chat_data";function Dee(e){return typeof e=="string"&&e.trim().length>0}function Lee(){var e;if(typeof window=="undefined")return null;try{let t=cookiesNext.getCookie(S6);if((!t||typeof t!="string")&&(t=(e=sessionStorage.getItem(S6))!=null?e:""),!t||typeof t!="string")return null;let o=decodeURIComponent(atob(t));return JSON.parse(o)}catch(t){return null}}function X9(){if(typeof window!="undefined")try{cookiesNext.deleteCookie(S6,{path:"/"}),sessionStorage.removeItem(S6);}catch(e){}}function qk(e,t){let o=$.useRef(false);$.useEffect(()=>{if(!t||!e||o.current)return;let r=false;return Q(this,null,function*(){if(yield new Promise(s=>setTimeout(s,300)),r)return;let a=Lee();if(!(a!=null&&a.openChat)||!Dee(a.conversationId)){X9();return}try{o.current=!0;let s=a.conversationId;if(yield new Promise(i=>setTimeout(i,500)),r||(window.dispatchEvent(new CustomEvent("openChat",{detail:{open:!0,chatId:s,sendMessageToPage:!0}})),yield new Promise(i=>setTimeout(i,300)),r))return;e(s),yield new Promise(i=>setTimeout(i,500)),X9();}catch(s){X9(),o.current=false;}}),()=>{r=true;}},[e,t]);}var Kk=["#3B82F6","#10B981","#F59E0B","#EC4899","#6366F1","#8B5CF6","#14B8A6","#F97316"],Oee={all:"all",unread:"filter-unread",favorites:"filter-favorites",groups:"filter-groups",archived:"filter-archived"},Wk=e=>{let t=parseInt(e,36)%Kk.length;return Kk[t]},Bee=e=>{try{return new Date(e).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"})}catch(t){return ""}},Gee=(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},Zk=(e,t,o)=>{var n,a,s,i,c,d,l,m,p,u,g,f,h,v,b;let r=Gee(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?Wk(e.id):(l=(d=e.otherParticipant)==null?void 0:d.avatar)!=null?l:Wk(e.id),lastMessage:r,time:(m=e.message)!=null&&m.createdAt?Bee(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=(v=(h=e==null?void 0:e.message)==null?void 0:h.attachments)==null?void 0:v.length)!=null?b:0)>0,participants:e.participants||[]}},Hee=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()),Uee=({chatForPage:e=false,isCompactMode:t=false,onChatSelectReady:o,onBack:r})=>{var Te,De;let{isMobile:n}=Yt(),{user:a,page:s,socketApiUrl:i}=I(),{t:c}=tt(),{selectedChat:d}=wt(),l=e?(Te=s==null?void 0:s.id)!=null?Te:"":(De=a==null?void 0:a.id)!=null?De:"",[m,p]=$.useState(null),[u,g]=$.useState("chats"),[f,h]=$.useState(false),[v,b]=$.useState("all"),[x,w]=$.useState(""),C=Z5(x,300),N=Oee[v],{markChatAsRead:A}=Xd(m!=null?m:"",e,v),{conversations:P,isGettingConversations:M,fetchNextPage:S,hasNextPage:k}=Bn({chatHeaderOption:N,searchQuery:C}),{conversations:D,isGettingConversations:E,fetchNextPage:G,hasNextPage:T}=Bs({chatHeaderOption:N,searchQuery:C}),{conversation:H,isLoadingConversation:V}=Fa(m||"",e),{realtimeReactions:F}=QE({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:N,pageChatHeaderOption:N}),L=e?D:P,B=e?E:M,z=e?G:S,_=e?T:k,W=$.useMemo(()=>{var he;let ae=(he=L==null?void 0:L.map(be=>Zk(be,l,c)))!=null?he:[];return Hee(ae)},[L,l,c]);function K(ae,he,be){var Ke,gt,Kt,Vt,At,mt,Ye,Re,Ee,ht;if(!ae)return null;let ze=[];if(ae!=null&&ae.isGroup||((Ke=ae==null?void 0:ae.participants)==null?void 0:Ke.length)>2){let Oe=((gt=ae==null?void 0:ae.participants)==null?void 0:gt.map(Ve=>{var go,ho,Ro,Xr,qe;let Po=null;return Ve!=null&&Ve.user&&(Po={id:(go=Ve==null?void 0:Ve.user)==null?void 0:go.id,name:(ho=Ve==null?void 0:Ve.user)==null?void 0:ho.name,avatar:Ve.user.avatar||void 0}),Ve!=null&&Ve.page&&(Po={id:(Ro=Ve==null?void 0:Ve.page)==null?void 0:Ro.id,name:(Xr=Ve==null?void 0:Ve.page)==null?void 0:Xr.name,avatar:((qe=Ve==null?void 0:Ve.page)==null?void 0:qe.logo)||void 0}),Po}).filter(Boolean))||[];return O(y({},ae),{otherParticipant:null,participants:Oe,isMuted:(ae==null?void 0:ae.isMuted)||false,isArchived:(ae==null?void 0:ae.isArchived)||false,isFavorited:(ae==null?void 0:ae.isFavorited)||false,isPinned:(ae==null?void 0:ae.isPinned)||false,isAdmin:(ae==null?void 0:ae.isAdmin)||false,isGroup:true})}let te=(Kt=ae==null?void 0:ae.participants)==null?void 0:Kt.find(Oe=>{var Ve;return Oe.user?((Ve=Oe==null?void 0:Oe.user)==null?void 0:Ve.id)!==he:!!(Oe!=null&&Oe.page)}),ye=null;if(te){if(te.user){ye=O(y({},te==null?void 0:te.user),{avatar:((Vt=te==null?void 0:te.user)==null?void 0:Vt.avatar)||null,isAdmin:(te==null?void 0:te.role)==="ADMIN",isOnline:((At=te==null?void 0:te.user)==null?void 0:At.isOnline)||false,slug:((mt=te==null?void 0:te.user)==null?void 0:mt.slug)||void 0,type:"USER"});let Oe=(Ye=ae==null?void 0:ae.participants)==null?void 0:Ye.find(Ve=>{var Po;return ((Po=Ve.user)==null?void 0:Po.id)===he});Oe!=null&&Oe.user&&ze.push({id:Oe.user.id,name:Oe.user.name,avatar:Oe.user.avatar||void 0}),ze.push({id:te.user.id,name:te.user.name,avatar:te.user.avatar||void 0});}if(!(te!=null&&te.user)&&(te!=null&&te.page)){ye=O(y({},te==null?void 0:te.page),{avatar:((Re=te==null?void 0:te.page)==null?void 0:Re.logo)||null,isAdmin:(te==null?void 0:te.role)==="ADMIN",type:"PAGE"});let Oe=(Ee=ae==null?void 0:ae.participants)==null?void 0:Ee.find(Ve=>{var Po,go;return ((Po=Ve.user)==null?void 0:Po.id)===he||((go=Ve.page)==null?void 0:go.id)===he});Oe!=null&&Oe.user?ze.push({id:Oe.user.id,name:Oe.user.name,avatar:Oe.user.avatar||void 0}):Oe!=null&&Oe.page&&ze.push({id:Oe.page.id,name:Oe.page.name,avatar:Oe.page.logo||void 0}),ze.push({id:te.page.id,name:te.page.name,avatar:te.page.logo||void 0});}}else (ht=ae==null?void 0:ae.participants)==null||ht.forEach(Oe=>{Oe!=null&&Oe.user?ze.push({id:Oe.user.id,name:Oe.user.name,avatar:Oe.user.avatar||void 0}):Oe!=null&&Oe.page&&ze.push({id:Oe.page.id,name:Oe.page.name,avatar:Oe.page.logo||void 0});});return O(y({},ae),{otherParticipant:ye,participants:ze,isMuted:(ae==null?void 0:ae.isMuted)||false,isArchived:(ae==null?void 0:ae.isArchived)||false,isFavorited:(ae==null?void 0:ae.isFavorited)||false,isPinned:(ae==null?void 0:ae.isPinned)||false,isAdmin:(ae==null?void 0:ae.isAdmin)||false,isGroup:(ae==null?void 0:ae.isGroup)||false})}let j=H?K(H,l):null,R=W.find(ae=>ae.id===m)||(j?Zk(j,l,c):null),ee=$.useRef([]);$.useEffect(()=>{ee.current=W;},[W]);let Y=$.useRef(ae=>{p(ae),h(true);let he=ee.current.find(be=>be.id===ae);((he==null?void 0:he.unreadCount)||0)>0&&A(ae);});$.useEffect(()=>{Y.current=ae=>{var be;p(ae),h(true);let he=(be=ee.current)==null?void 0:be.find(ze=>(ze==null?void 0:ze.id)===ae);((he==null?void 0:he.unreadCount)||0)>0&&A(ae);};},[A]),$.useEffect(()=>{o&&o(ae=>Y.current(ae));},[o]),$.useEffect(()=>{!e||!(d!=null&&d.conversationId)||(p(d.conversationId),h(true));},[e,d==null?void 0:d.conversationId]),$.useEffect(()=>{if(t)return;let ae=0,he=10,be=()=>{let te=QM();return te?(Y.current(te),true):false};if(be())return;let ze=setInterval(()=>{ae++,(be()||ae>=he)&&clearInterval(ze);},100);return ()=>clearInterval(ze)},[t]),$.useEffect(()=>{if(t)return;let ae=he=>{let{chatId:be}=he.detail;be&&Y.current(be);};return window.addEventListener("selectChatFromCompact",ae),()=>{window.removeEventListener("selectChatFromCompact",ae);}},[t]),$.useEffect(()=>{if(t)return;let ae=he=>{let{chatId:be}=he.detail||{};be&&requestAnimationFrame(()=>{requestAnimationFrame(()=>{Y.current(be);});});};return window.addEventListener("openChat",ae),()=>{window.removeEventListener("openChat",ae);}},[t]);let le=$.useCallback(ae=>{Y.current(ae);},[]);qk(e?le:null,e!=null?e:false);let ge=()=>{h(false),p(null);},Ce=U(f?"hidden":"flex","md:flex flex-shrink-0 h-full ",t?"w-full":"w-full md:w-[20.3125rem] w-full"),ie=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(kI,{activeTab:u,onTabChange:g})),$__namespace.default.createElement("div",{className:Ce},$__namespace.default.createElement(_E,{chats:W,selectedChatId:m,onChatSelect:le,isLoading:B,canCreateConversation:!e,showFilters:!e&&!t,fetchNextPage:z,chatForPage:e,hasNextPage:_,activeFilter:v,onFilterChange:b,searchQuery:x,onSearchChange:w,isCompactMode:t,onBack:r,onCloseConversation:ge})),$__namespace.default.createElement("div",{className:U(ie,"fixed inset-0 z-[99999] bg-white flex-1 lg:relative lg:z-auto lg:bg-transparent")},$__namespace.default.createElement(jk,{chat:R,onBack:ge,showBackButton:f,chatForPage:e,chatFilter:v,isLoadingConversation:V&&!!m,realtimeReactions:F})))},Yk=Uee;var _ee=({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(Yk,{chatForPage:e,isCompactMode:t})),Vee=_ee;var $k=e=>{let{chatHeaderOption:t}=wt(),{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=>Q(void 0,null,function*(){var l;return yield A8__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&&O(y({},l),{pages:(m=l==null?void 0:l.pages)==null?void 0:m.flatMap(p=>{var u;return O(y({},p),{data:(u=p==null?void 0:p.data)==null?void 0:u.map(g=>g.id===d?O(y({},g),{unreadCount:0}):g)})})})});},onError(){s();},onSuccess(){s();}});return {markChatAsRead:i}};var A6=(e,t)=>{let{selectedChat:o,chatHeaderOption:r}=wt(),{user:n,page:a,chatApiUrl:s,queryClient:i}=I(),{mutate:c,isPending:d}=pe({mutationFn:()=>Q(void 0,null,function*(){var g,f,h,v;let l=(f=(g=e==null?void 0:e.id)!=null?g:o==null?void 0:o.id)!=null?f:"",m=(h=a==null?void 0:a.id)!=null?h:"";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 A8__default.default(s!=null?s:"",l0,{input:{participants:p}},{"x-access-token":(v=n==null?void 0:n.accessToken)!=null?v:""})}),onMutate(){i==null||i.setQueryData(["page-conversations",a==null?void 0:a.id,r],l=>{var u,g,f,h,v,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:(v=(h=e==null?void 0:e.id)!=null?h:o==null?void 0:o.id)!=null?v:""},{pageId:(b=a==null?void 0:a.id)!=null?b:""}],createdAt:new Date().toISOString(),updatedAt:new Date().toISOString()};return O(y({},l),{pages:(x=l==null?void 0:l.pages)==null?void 0:x.flatMap(w=>{var C;return O(y({},w),{data:[m,...(C=w==null?void 0:w.data)!=null?C:[]]})})})});},onSuccess:l=>{var p,u,g,f,h,v;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}=wt.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:(v=(h=e==null?void 0:e.slug)!=null?h:o==null?void 0:o.slug)!=null?v:"",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 I6({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}=wt(),{locale:m,page:p}=I(),{deleteAConversation:u}=r6(t!=null?t:""),{mutate:g}=Io("archived"),{mutate:f}=Io("favorites"),{mutate:h}=Io("pinned"),{mutate:v}=Io("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(W4,null),destructive:false},{id:"archive-chat",label:r?q(m,"unarchive.chat"):q(m,"archive.chat"),icon:$__namespace.default.createElement(Z4,null),destructive:false},{id:"silence-chat",label:n?q(m,"unsilence.chat"):q(m,"silence.chat"),icon:$__namespace.default.createElement(K4,null),destructive:false},{id:"close-chat",label:q(m,"close.chat"),icon:$__namespace.default.createElement(i0,null),destructive:true},{id:"clear-chat",label:q(m,"clear.chat"),icon:$__namespace.default.createElement(rn,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":h({conversationId:t,value:!o});break;case "silence-chat":v({conversationId:t,value:!n},{onSuccess(A){var P;c==null||c(O(y({},l),{isMuted:(P=A==null?void 0:A.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(se,{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(se,{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 T6({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:h=false,isCompactMode:v=false,hasDeletedMessages:b=false,deletedMessagesCount:x=0,actionMessage:w,asUserNormal:C}){var De,ae,he,be,ze,te,ye,Ke,gt,Kt,Vt;let{queryClient:N,locale:A,page:P,user:M}=I(),{onSelectChat:S,onSelectChatHeaderOption:k,selectedChat:D}=wt(),{markChatAsRead:E}=$k(o!=null?o:""),{createANewConversation:G}=A6({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,F]=$.useState(false),[L,B]=$.useState(false),[z,_]=$.useState(false),{isMobile:W}=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]}),S==null||S({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(Ye){}setTimeout(()=>k==null?void 0:k("filter-all"),0),u&&u>0&&(E==null||E((mt=D==null?void 0:D.conversationId)!=null?mt:""));},j=b||(t==null?void 0:t.isDeleted),R=()=>x>1?q(A,"messages-deleted",{count:x}):q(A,"message-deleted"),Y=(()=>{if(!(w!=null&&w.type))return null;let{type:At,userName:mt}=w;switch(At){case "removedAdmin":return {text:q(A,"admin-remove",{name:mt||""}),icon:$__namespace.default.createElement(lucideReact.UserX,{size:12,className:"text-orange-500 flex-shrink-0"})};case "madeAdmin":return {text:q(A,"admin-promoted",{name:mt||""}),icon:$__namespace.default.createElement(lucideReact.Crown,{size:12,className:"text-yellow-500 flex-shrink-0"})};case "remove":return {text:q(A,"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,Ye;if(!((mt=t==null?void 0:t.attachments)!=null&&mt.length))return null;switch((Ye=t.attachmentType)==null?void 0:Ye.toLowerCase()){case "image":return q(A,"image-title");case "video":return q(A,"video-title");case "audio":return q(A,"media.audio");case "file":return q(A,"document-title");case "url":return q(A,"attachment-title");default:return q(A,"attachment-title")}})(),Ce=["madeAdmin","removedAdmin","remove","add","left"],ie=!!(t!=null&&t.actions&&typeof t.actions=="string"&&Ce.includes(t.actions)),Te=j?R():ge?t!=null&&t.fromMe?`${q(A,"you.title")} ${ge}`:ge:ie?(ae=io((De=t==null?void 0:t.content)!=null?De:"",26))!=null?ae:"":t!=null&&t.fromMe?`${q(A,"you.title")} ${(be=(he=t==null?void 0:t.content)==null?void 0:he.replace(/^You:\s*/i,""))!=null?be:""}`:(te=io((ze=t==null?void 0:t.content)!=null?ze:"",26))!=null?te:"";return $__namespace.default.createElement("div",{onClick:K,onMouseEnter:()=>H(true),onMouseLeave:()=>{H(false),F(false);},className:`relative w-full ${v?"h-12":"h-[4.25rem]"} flex items-start cursor-pointer transition-colors ${v?"px-1 py-1":"px-2 py-2"} ${v?"rounded-md":"rounded-xl"} gap-2 ${v?"":"border-b border-[[#F1F5F9]]"}
|
|
2672
2672
|
${T||r?"bg-[#0B89CE1A]":""}
|
|
2673
2673
|
${g?"animate-pulse bg-[#0B89CE1A]":""}`},$__namespace.default.createElement("div",{className:`relative ${v?"w-7 h-7":"w-[2.25rem] h-[2.25rem]"} flex-shrink-0`},$__namespace.default.createElement(ne,{name:(ye=e==null?void 0:e.name)!=null?ye:"",src:e==null?void 0:e.avatar,className:"w-full h-full"})),$__namespace.default.createElement("div",{className:`flex ${v?"flex-row items-center":"flex-col"} flex-1 justify-between overflow-hidden min-w-0 relative`},v?$__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 ${v?"text-xs":"text-sm"}`},n?(Ke=e==null?void 0:e.name)!=null?Ke:"":ct((gt=e==null?void 0:e.name)!=null?gt:"")),!n&&(e==null?void 0:e.isAdmin)&&$__namespace.default.createElement("span",{className:`text-green-700 font-medium bg-green-100 rounded-full whitespace-nowrap ${v?"text-[10px] px-1 py-0":"text-xs px-1.5 py-0.5"}`},"Admin"),$__namespace.default.createElement("div",{className:`flex items-center ${v?"gap-0.5":"gap-1"}`},a&&$__namespace.default.createElement(lucideReact.Pin,{size:v?8:10,className:"text-gray-500"}),c&&$__namespace.default.createElement(lucideReact.Star,{size:v?8:10,className:"text-yellow-500"}),i&&$__namespace.default.createElement(lucideReact.VolumeX,{size:v?8:10,className:"text-gray-400"}),s&&$__namespace.default.createElement(lucideReact.Archive,{size:v?8:10,className:"text-gray-400"}))),$__namespace.default.createElement("div",{className:`flex items-center ${v?"gap-1":"gap-2"}`},$__namespace.default.createElement(Sd,{date:t==null?void 0:t.updatedAt,isCompactMode:v}),!h&&$__namespace.default.createElement($__namespace.default.Fragment,null,W?$__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(),F(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(I6,{onClose:()=>F(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 ${v?"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?(Kt=e==null?void 0:e.name)!=null?Kt:"":ct((Vt=e==null?void 0:e.name)!=null?Vt:"")),!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}),!h&&$__namespace.default.createElement($__namespace.default.Fragment,null,W?$__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(),F(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(I6,{onClose:()=>F(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"},Y&&Y.icon,!Y&&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(Q4,{message:Te,fromMe:!!(t!=null&&t.fromMe),userName:e==null?void 0:e.name,isDeleted:j&&!Y,isActionMessage:!!Y,isCompactMode:v})))),$__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))),W&&$__namespace.default.createElement(sa,{isOpen:L,onClose:()=>B(false)},$__namespace.default.createElement(I6,{onClose:()=>B(false),conversationId:o,isPinned:a,isArchived:s,isMuted:i,isFavorited:c,slug:e==null?void 0:e.slug,isInsideDrawer:true})))}var rT="https://scontent.flad8-1.fna.fbcdn.net/v/t39.30808-6/472374192_528360930233263_316064924509422695_n.jpg?...";function $ee(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 Xee(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 Ree(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 ete(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 tte({conversation:e,pageId:t,selectedChat:o,locale:r,userId:n}){var d,l,m,p,u,g,f,h,v,b,x,w,C,N;let a=$.useMemo(()=>$ee(e,t),[e,t]),s=$.useMemo(()=>Ree(e),[e]);$.useMemo(()=>Xee(e),[e]);let c=$.useMemo(()=>ete(e),[e,t,r,n]);return $__namespace.default.createElement(T6,{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:rT:(f=a==null?void 0:a.avatar)!=null?f:rT,name:e!=null&&e.isGroup?(h=e==null?void 0:e.name)!=null?h:"":(v=a==null?void 0:a.name)!=null?v: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 R9(){let{locale:e,user:t}=I(),{selectedChat:o}=wt(),{conversations:r=[],isGettingConversations:n,pageId:a,fetchNextPage:s,hasNextPage:i}=Bs(),[c]=UT__default.default({loading:n,hasNextPage:i,onLoadMore:s,disabled:!i,rootMargin:"0px 0px 200px 0px"});return !n&&r.length===0?$__namespace.default.createElement(Fs,{chatForPage:true,hasNoChat:true}):$__namespace.default.createElement("div",{className:`\r
|
|
2674
2674
|
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.203",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": {
|
|
7
7
|
"name": "Mirantes Frontend team"
|