softchatjs-react/dist/components/options-panel/options-panel.mjs

Install the softchat-js SDKs

import P from"./options-panel.module.module.css";import s from"../text/text.module.module.css";import{jsx as y}from"react/jsx-runtime";var g=e=>{let i={bold:s.textBold,medium:`${s.textMedium}`},t={sm:s.textSmall,md:s.textSizeMd,xs:s.textExtraSmall};return y("p",{style:e.styles,className:`${s.text} ${i[e.weight||"medium"]} ${t[e.size||"md"]}`,children:e.text})},m=g;import{jsx as n}from"react/jsx-runtime";var b=e=>{let{setEditDetails:i,message:t,canEdit:l,openEmojiPanel:d,optionsMenuRef:p,mousePosition:C,client:u,conversationId:a,closeOptionsMenu:r,textInputRef:c}=e,x=[{title:"Edit message",onPress:()=>{i({message:t,isEditing:!0}),r()},enabled:l},{title:"Reply",onPress:()=>{i({message:t,isReplying:!0}),r(),c.current?.focus()},enabled:!0},{title:"Add reaction",onPress:()=>{d()},enabled:!0},{title:"Delete",onPress:()=>{u.messageClient(a).deleteMessage(t.messageId,t.to,a)},enabled:l}];return n("div",{ref:p,className:`${P.options}`,children:n("ul",{children:x.map((o,f)=>{if(o.enabled)return n("li",{onClick:o.onPress,children:n(m,{size:"sm",text:o.title})},f)})})})},h=b;export{h as default};
//# sourceMappingURL=options-panel.mjs.map