softchatjs-react
Version:
Install the softchat-js SDKs
2 lines • 2.31 kB
JavaScript
import i from"./edit.module.module.css";import t from"../text/text.module.module.css";import{jsx as f}from"react/jsx-runtime";var x=e=>{let s={bold:t.textBold,medium:`${t.textMedium}`},n={sm:t.textSmall,md:t.textSizeMd,xs:t.textExtraSmall};return f("p",{style:e.styles,className:`${t.text} ${s[e.weight||"medium"]} ${n[e.size||"md"]}`,children:e.text})},r=x;import{AiOutlineClose as w}from"react-icons/ai";import{createContext as y,useContext as b}from"react";import{createContext as S,useContext as I,useState as k}from"react";import{jsx as z}from"react/jsx-runtime";var $=S({activeConversation:null,setActiveConversation:()=>{},conversations:[],setConversations:()=>{},showImageModal:[],setShowImageModal:()=>{},connectionStatus:{isConnected:!1,fetchingConversations:!1,connecting:!1},setConnectionStatus:()=>{}});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 R=y({config:{theme:d},client:null}),m=()=>b(R);import{jsx as o,jsxs as C}from"react/jsx-runtime";var M=e=>{let{isEditing:s,message:n,isReplying:h,closePanel:g,width:p}=e,{config:v}=m(),{theme:a}=v,c=a?.background?.secondary,l=a?.text?.primary,u=a?.icon;return o("div",{className:s||h?`${i.edit} ${i.editOpen}`:`${i.edit}`,style:{background:c||"#1b1d21",width:p},children:C("div",{style:{background:c||"#222529"},className:i.edit__message,children:[C("div",{style:{width:"90%"},children:[o(r,{text:"You",styles:{color:l},weight:"bold"}),o(r,{text:n?.message,styles:{color:l},weight:"medium"})]}),o("div",{style:{width:"10%",marginRight:"15px"},children:n?.attachedMedia[0]?.mediaUrl&&o("img",{style:{height:"100%",width:"100%",borderRadius:"5px"},src:n?.attachedMedia[0]?.mediaUrl,alt:""})}),o(w,{onClick:g,color:u,size:20,style:{cursor:"pointer"}})]})})},L=M;export{L as default};
//# sourceMappingURL=index.mjs.map