softchatjs-react/dist/components/chat/ChatTopNav.mjs

Install the softchat-js SDKs

import{createContext as M,useContext as R}from"react";import{createContext as b,useContext as x,useState as k}from"react";import{jsx as L}from"react/jsx-runtime";var D=b({activeConversation:null,setActiveConversation:()=>{},conversations:[],setConversations:()=>{},showImageModal:[],setShowImageModal:()=>{},connectionStatus:{isConnected:!1,fetchingConversations:!1,connecting:!1},setConnectionStatus:()=>{}}),C=()=>x(D);var d={background:{primary:"#1b1d21",secondary:"#202326",disabled:"#E0E0E0"},text:{primary:"white",secondary:"#4A4A4A",disabled:"#9E9E9E"},action:{primary:"#007AFF",secondary:"#5AA3FF"},chatBubble:{left:{bgColor:"#343434",messageColor:"white",messageTimeColor:"#6D6D6D",replyBorderColor:"#D1D1D6"},right:{bgColor:"#343434",messageColor:"white",messageTimeColor:"#6D6D6D",replyBorderColor:"#A3D1FF"}},icon:"white",divider:"rgba(128, 128, 128, 0.136)",hideDivider:!1,input:{bgColor:"#1b1d21",textColor:"white",emojiPickerTheme:"dark"}};import{jsx as W}from"react/jsx-runtime";var A=M({config:{theme:d},client:null}),o=()=>R(A);import h from"./chat.module.module.css";import{MdOutlineClose as I}from"react-icons/md";import p from"../avartar/avartar.module.module.css";import{jsx as n}from"react/jsx-runtime";var w=({initials:i,url:e,size:t=35})=>{let{client:c,config:r}=o();return e?n("div",{className:p.avatar,style:{height:t,width:t,borderRadius:t},children:n("img",{src:e,alt:"avatar",style:{height:"100%",width:"100%",borderRadius:"100%"}})}):n("div",{className:p.avatar,style:{height:t,width:t,borderRadius:t,backgroundColor:r.theme.background.disabled},children:n("p",{style:{fontSize:35*.5,fontWeight:"bold",textTransform:"capitalize",color:r.theme.text.secondary},children:i})})},v=w;import{jsx as a,jsxs as T}from"react/jsx-runtime";var tt=({setMainListOpen:i,renderChatHeader:e,onClose:t,chatUserId:c})=>{let{client:r,config:u}=o(),{activeConversation:f,setActiveConversation:g}=C(),{theme:l}=u,m=()=>{try{let s=f.conversation.participantList.filter(y=>y.participantDetails.uid!==c);return{profileUrl:s[0].participantDetails.profileUrl,title:s[0].participantDetails.firstname||s[0].participantDetails.username}}catch{return{profileUrl:"https://avatar.iran.liara.run/public",title:"No name"}}};return a("div",{style:{backgroundColor:l?.background?.secondary||"#222529"},className:h.topnav,children:e?e():T("div",{style:{paddingLeft:"10px",display:"flex",justifyContent:"space-between",width:"100%",padding:"15px",alignItems:"center"},children:[a(v,{initials:m().title.substring(0,1),url:m().profileUrl}),a("div",{className:h.topnav__menu,style:{},children:a(I,{color:l?.icon,onClick:()=>{i(!0),g(null),t()},size:22})})]})})};export{tt as ChatTopNav};
//# sourceMappingURL=ChatTopNav.mjs.map