https://www.presencing.org/_next/static/chunks/21145-8be1676097de87c9.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[21145],{6605:(e,t,a)=>{a.d(t,{A:()=>f});var s=a(95155),n=a(12115),l=a(12758),i=a.n(l),r=a(85937),c=a(33599),o=a(63365),d=a(65117),m=a(1137),u=a(152);let h=e=>{let{messageId:t,isOpen:a,onSubmit:l,onToggle:i}=e,[h,f]=(0,n.useState)(!1),x=async e=>{f(!0),await l(t,e.text),f(!1),i()};return(0,s.jsx)(r.A,{show:a,onHide:i,children:(0,s.jsxs)(u.A,{onSubmit:x,children:[(0,s.jsx)(r.A.Header,{className:"pi-bg-brick pi-fnt-white",closeButton:!0,children:(0,s.jsx)(r.A.Title,{children:"Report inappropriate content"})}),(0,s.jsxs)(r.A.Body,{className:"pi-bg-light-warn",children:[(0,s.jsxs)(c.default,{children:[(0,s.jsx)(o.default,{className:"col-auto",children:(0,s.jsx)("i",{className:"fal fa-engine-warning fs-1 pi-fnt-brick"})}),(0,s.jsxs)(o.default,{children:[(0,s.jsx)("p",{children:"Please give a short comment, why you feel this content is inappropriate. Our team will then be notified and can review the reported content."}),(0,s.jsx)("p",{className:"mb-0",children:"Your report is private. The author of the message is not told that it has been reported, and neither are the other people in this conversation."})]})]}),(0,s.jsx)(c.default,{className:"pb-3",children:(0,s.jsx)(m.A,{name:"text",label:"Why is this content inappropriate?",config:{required:!0}})})]}),(0,s.jsxs)(r.A.Footer,{children:[(0,s.jsx)(d.default,{variant:"btn btn-secondary py-2",disabled:h,onClick:i,children:"Cancel"}),(0,s.jsx)(d.default,{variant:"",className:"btn btn-red-gradient border-0",type:"submit",disabled:h,children:"Report"})]})]})})};h.propTypes={isOpen:i().bool.isRequired,onToggle:i().func.isRequired,onSubmit:i().func.isRequired};let f=h},50647:(e,t,a)=>{a.d(t,{l:()=>l,p:()=>n});var s=a(95155);a(12115);let n=[{key:"smile",icon:"\uD83D\uDE42"},{key:"joy",icon:"\uD83D\uDE04"},{key:"laugh",icon:"\uD83D\uDE02"},{key:"love",icon:"\uD83D\uDE0D"},{key:"kiss",icon:"\uD83D\uDE18"},{key:"wink",icon:"\uD83D\uDE09"},{key:"cool",icon:"\uD83D\uDE0E"},{key:"excited",icon:"\uD83E\uDD29"},{key:"hug",icon:"\uD83E\uDD17"},{key:"thinking",icon:"\uD83E\uDD14"},{key:"wow",icon:"\uD83D\uDE2E"},{key:"sad",icon:"\uD83D\uDE22"},{key:"angry",icon:"\uD83D\uDE20"},{key:"like",icon:"\uD83D\uDC4D"},{key:"dislike",icon:"\uD83D\uDC4E"},{key:"thanks",icon:"\uD83D\uDE4F\uD83C\uDFFB"},{key:"clap",icon:"\uD83D\uDC4F"},{key:"peace",icon:"✌️"},{key:"okay",icon:"\uD83D\uDC4C"},{key:"strong",icon:"\uD83D\uDCAA"},{key:"heart",icon:(0,s.jsx)("i",{className:"fas fa-heart pi-fnt-fire"})},{key:"fire",icon:"\uD83D\uDD25"},{key:"star",icon:"⭐"},{key:"trophy",icon:"\uD83C\uDFC6"},{key:"gift",icon:"\uD83C\uDF81"},{key:"balloon",icon:"\uD83C\uDF88"},{key:"sparkles",icon:"✨"},{key:"lightbulb",icon:"\uD83D\uDCA1"},{key:"celebrate",icon:"\uD83C\uDF89"},{key:"music",icon:"\uD83C\uDFB5"},{key:"sun",icon:"☀️"},{key:"moon",icon:"\uD83C\uDF19"},{key:"rainbow",icon:"\uD83C\uDF08"},{key:"coffee",icon:"☕"}],l=e=>{var t,a;return null!=(a=null==(t=n.find(t=>t.key===e))?void 0:t.icon)?a:e}},63106:(e,t,a)=>{a.d(t,{A:()=>f});var s=a(95155),n=a(12115),l=a(52619),i=a.n(l),r=a(63753),c=a(33912),o=a(65442),d=a(10857),m=a(76282),u=a(50647);let h={},f=e=>{let{item:t,action:a,reactions:l,currentUser:f,onReact:x,className:p}=e,g=(0,n.useRef)(null),[b,j]=(0,n.useState)({}

1),[y,v]=(0,n.useState)(!1),[N,k]=(0,n.useState)(!1),w=async()=>{N?k(!1):(k(!0),await A(l))},A=async e=>{if(y)return;let t=new Set;Object.values(e).forEach(e=>{e.forEach(e=>{e.created_by&&t.add(e.created_by)})});let a=Array.from(t);if(0===a.length)return;let s=!1,n={...b};a.forEach(e=>{h[e]&&!n[e]&&(n[e]=h[e],s=!0)}),s&&j(n);let l=a.filter(e=>!h[e]);if(0!==l.length){v(!0);try{let e=await (0,m.Em)("/chats/getReactionUsers",{userIds:l},{method:"POST"});if(Array.isArray(e)){let t={...b};e.forEach(e=>{t[e.id]=e,h[e.id]=e});let a=new Set(e.map(e=>e.id));l.forEach(e=>{if(!a.has(e)){let a={id:e,full_name:"Unidentified User",slug:null};t[e]=a,h[e]=a}}),j(t)}}catch(e){console.error("Failed to fetch user data for reactions:",e)}finally{v(!1)}}},C=a||"display";if(!l&&"dropdown"!==C&&"grid"!==C)return null;switch(C){case"display":let _=Object.entries(l).flatMap(e=>{let[t,a]=e;return a.map(e=>({type:t,created_at:e.created_at,created_by:e.created_by}))}).sort((e,t)=>new Date(e.created_at)-new Date(t.created_at)),S=[],R=new Set;for(let e of _)!R.has(e.type)&&S.length<5&&(S.push(e),R.add(e.type));let E=_.length-S.length;return(0,s.jsx)(r.A,{show:N,placement:"auto",overlay:(0,s.jsx)(c.A,{id:"reactions-tooltip",className:"reactions-tooltip",children:(0,s.jsxs)("div",{className:"ps-2 pe-3 py-2",children:[(0,s.jsxs)("div",{className:"d-flex justify-content-between align-items-center mb-2",children:[(0,s.jsx)("h6",{children:"Reactions"}),(0,s.jsx)("div",{className:"close-btn",role:"button",onClick:()=>k(!1),children:"\xd7"})]}),y?(0,s.jsxs)("div",{className:"text-center p-2",children:[(0,s.jsx)(o.default,{animation:"border",size:"sm",className:"me-1"}),"Loading..."]}):_.every(e=>b[e.created_by])||y?(0,s.jsx)("div",{children:_.map((e,t)=>{let a=u.p.find(t=>t.key===e.type),n=b[e.created_by];return a?(0,s.jsxs)("div",{className:"d-flex align-items-center mb-1",children:[(0,s.jsx)("span",{className:"me-2 text-center",style:{width:"25px"},children:a.icon}),n?n.slug?(0,s.jsx)(i(),{target:":blank",href:"/community/members/".concat(n.slug),className:"text-decoration-none text-reset small",children:n.full_name}):(0,s.jsx)("span",{className:"pi-fnt-stone small",children:n.full_name}):(0,s.jsx)("span",{className:"pi-fnt-stone small",children:"Unidentified User"})]},"".concat(e.type,"-").concat(e.created_by,"-").concat(t)):null})}):(A(l),(0,s.jsxs)("div",{className:"text-center p-2",children:[(0,s.jsx)(o.default,{animation:"border",size:"sm",className:"me-1"}),"Loading..."]}))]})}),children:(0,s.jsxs)("div",{className:"reactions",style:{cursor:"pointer"},onClick:w,children:[" ",!!S.length&&(0,s.jsx)("span",{className:"pi-fnt-stone small d-block mt-1 mb-n1",children:"Reactions:"}),S.map(e=>{let t=u.p.find(t=>t.key===e.type);return t?(0,s.jsx)("div",{className:"reaction",children:t.icon},e.type):null}),!!(E&&E>0)&&(0,s.jsxs)("span",{className:"small pi-fnt-stone",children:["(+",E,")"]})]})});case"grid":return(0,s.jsx)("div",{className:"reactions-grid",children:u.p.map(e=>{var a,n;let{key:i,icon:r}=e;return(0,s.jsx)("button",{type:"button",className:"reaction-icon-btn ".concat(l&&(null==(a=l[i])?void 0:a.length)?"already-reacted":""),onClick:e=>{e.preventDefault(),x&&x(t,i,f.id)},children:(0,s.jsx)("span",{className:l&&(null==(n=l[i])?void 0:n.length)?"strikediag":"",children:r})},i)})});case"dropdown":return(0,s.jsxs)(d.A,{ref:g,children:[(0,s.jsx)(d.A.Toggle,{variant:"",className:"reaction-button",children:"React"}),(0,s.jsx)(d.A.Menu,{className:"reactions-dropdown-menu",children:(0,s.jsx)("div",{className:"reactions-grid",children:u.p.map(e=>{var a,n;let{key:i,icon:r}=e;return(0,s.jsx)("button",{type:"button",className:"reaction-icon-btn ".concat(l&&(null==(a=l[i])?void 0:a.length)?"already-reacted":""),onClick:e=>{var a;e.preventDefault(),x&&x(t,i,f.id),null==(a=g.current)||a.click()},children:(0,s.jsx)("span",{className:l&&(null==(n=l[i])?void 0:n.length)?"strikediag":"",children:r})},i)})})})]})}}},83122:(e,t,a)=>{a.d(t,{A:()=>I});var s=a(95155),n=a(12115),l=a(12758),i=a.n(l),r=a(39768),c=a(28613),o=a(33599),d=a(63365),m=a(55337),u=a(10857),h=a(39093),f=

1a(25383),x=a(52619),p=a.n(x),g=a(92047),b=a(85937),j=a(65117),y=a(65442),v=a(152),N=a(1137),k=a(77203);function w(e){let{data:t,isOpen:a,onClose:l,onSave:i}=e,[r,c]=(0,n.useState)(!1);if(!a)return null;let d=async e=>{c(!0),await i(e),c(!1)};return(0,s.jsx)(b.A,{show:a,onHide:l,children:(0,s.jsxs)(v.A,{defaultValues:t,onSubmit:d,children:[(0,s.jsx)(b.A.Header,{className:"bg-dark",closeButton:!0,children:(0,s.jsx)(b.A.Title,{children:"Edit Message"})}),(0,s.jsxs)(b.A.Body,{children:[(0,s.jsx)(o.default,{className:"pb-3",children:(0,s.jsx)(N.A,{name:"text",label:"Message",config:{required:!0}})}),(0,s.jsx)(o.default,{className:"py-3",children:(0,s.jsx)(k.A,{name:"attachments",label:"",allowedTypes:["images","files"]})})]}),(0,s.jsxs)(b.A.Footer,{children:[(0,s.jsx)(j.default,{variant:"secondary",disabled:r,onClick:l,children:"Cancel"}),(0,s.jsx)(j.default,{className:"px-5",variant:"primary",type:"submit",disabled:r,children:r?(0,s.jsx)(y.default,{animation:"border",size:"sm",className:"me-2"}):"Update"})]})]})})}w.propTypes={data:i().oneOfType([i().object,i().bool]),isOpen:i().bool,onClose:i().func.isRequired,onSave:i().func.isRequired};var A=a(94003),C=a(6605),_=a(63106),S=a(70926),R=a(40274),E=a(71269),T=a(78542);let F=e=>{let{messages:t,onSave:a,onEdit:l,onDelete:i,onReply:x,onReact:b,onFlag:j,inlineReplies:y,focusedMessage:v}=e,{isAuthenticated:N,currentUser:k}=(0,E.Ay)(),[F,I]=(0,n.useState)(!1),[M,D]=(0,n.useState)(!1);(0,f.A)(e=>e.chat.user.reactToMessage);let O=async e=>{e.text&&e.text.length&&(await l(e),I(!1))};function P(e){let{label:t,eventKey:a,className:l,icon:i,callback:c}=e,{activeEventKey:o}=(0,n.useContext)(r.A),d=(0,h.M)(a,()=>c&&c(a)),m=o===a;return(0,s.jsx)("button",{type:"button",className:"accordion-button reply-button",onClick:d,children:(0,s.jsx)("span",{className:("show_hide"==l?"a-label":"")+(m?" expanded":""),children:(0,s.jsxs)("span",{className:l,children:[i,t]})})})}let q=(e,t)=>{let n;return e.map(e=>{let r,h,f="/community/members/"+((null==(n=e.created_by_user||{})?void 0:n.slug)||""),w=(null==n?void 0:n.full_name)||"<Anonymous User>",C=e.id===v,E="flagged"===e.flagged,F=e.attachments&&e.attachments.length>0;return e.deleted_at?(r="deleted on",h=e.deleted_at):(r=t?"replied on":"posted on",h=e.created_at),(0,s.jsxs)(o.default,{className:"my-0 mx-0 px-0 position-relative "+(C?" focus":""),children:[(0,s.jsx)(R.A,{user:n,size:25,className:"mt-1 ps-1 position-absolute "+(t?" mt-2":" ms-3 mt-2 pt-1")}),(0,s.jsxs)("div",{className:"chat-comment position-relative "+(t?"reply":"")+(e.deleted_at?"  deleted-message":""),children:[(0,s.jsx)("div",{className:"comment-header ",children:(0,s.jsxs)("p",{className:"mb-0 commentator",children:[(0,s.jsx)("strong",{children:(0,s.jsx)(p(),{target:":blank",href:f,className:"no-arrow",children:w})})," ",r," ",(0,T.Ey)(h),":"]})}),F&&(0,s.jsx)(A.A,{attachments:e.attachments}),(0,s.jsx)("div",{className:"pb-2 mt-0"+(e.deleted_at?" pi-fnt-stone fst-italic":""),dangerouslySetInnerHTML:{__html:e.text}}),!e.deleted_at&&(0,s.jsx)(_.A,{action:"display",className:"reactions-below",reactions:e.reactions}),!t&&(0,s.jsx)("div",{children:(e=>{if(e.replies||e.focusReply){let t=Object.keys(e.replies||{}).length,a=(!!e.focusReply||!!e.replies)&&"1";return(0,s.jsxs)(c.default,{className:"row me-0 comment-accordion",defaultActiveKey:a,flush:!0,children:[(0,s.jsx)(P,{label:t>1?t+" Comments":t+" Comment",className:"show_hide",eventKey:"1"}),(0,s.jsx)(c.default.Collapse,{eventKey:"1",children:(0,s.jsx)("div",{className:"replies ms-2 ps-1 mt-2",children:e.replies&&q

1(e.replies,!0)})})]})}})(e)}),y&&!e.deleted_at&&(0,s.jsxs)("div",{className:"interactions",children:[(0,s.jsx)("hr",{style:{marginTop:"10px",marginBottom:"8px"}}),(0,s.jsxs)(c.default,{className:"row flex-row input-accordion",defaultActiveKey:null,flush:!0,children:[(0,s.jsxs)(o.default,{className:"ms-0 px-0",children:[(0,s.jsx)(d.default,{className:"text-start",children:!t&&x&&(0,s.jsx)(P,{className:"w-100",label:"Reply",icon:(0,s.jsx)("i",{className:"fal fa-comment-edit me-1"}),eventKey:"reply_"+(null==e?void 0:e.id)})}),N&&(null==n?void 0:n.id)!=k.id&&(0,s.jsx)(d.default,{className:"text-center",children:(0,s.jsx)(_.A,{action:"dropdown",item:e,currentUser:k,onReact:b,reactions:e.reactions})}),(0,s.jsxs)(d.default,{className:"text-end",children:[N&&(null==n?void 0:n.id)==k.id&&(l||i)&&(0,s.jsxs)(m.A,{variant:"",id:"dropdown-basic-button",title:"Options",className:"options-button",children:[(0,s.jsxs)(u.A.Item,{href:"#",onClick:()=>I(e),children:[(0,s.jsx)("i",{className:"fal fa-pencil"})," Edit"]}),(0,s.jsx)(S.A,{confirmTitle:"Please confirm",confirmText:"Are you sure, you want to delete your "+(t?"reply?":"comment?"),confirmBtnText:"Delete"+(t?" reply":" comment"),onConfirm:()=>i(e.id),children:(0,s.jsxs)(u.A.Item,{href:"#",children:[(0,s.jsx)("i",{className:"fal fa-times"})," Remove"]})})]}),N&&(null==n?void 0:n.id)!=k.id&&j&&(0,s.jsxs)(m.A,{variant:"",id:"dropdown-basic-button",title:"Options",className:"options-button",children:[!E&&(0,s.jsx)(u.A.Item,{role:"button",href:"#",onClick:()=>D(e.id),children:(0,s.jsxs)("p",{className:"ps-4 mb-0",children:[(0,s.jsx)("i",{className:"fal fa-comment-alt-exclamation position-absolute mt-1 fs-6 ms-n4"}),"Report this message ",(0,s.jsx)("br",{}),"as inappropriate"]})}),E&&(0,s.jsx)(u.A.Item,{disabled:!0,children:(0,s.jsxs)("p",{className:"ps-4 mb-0 fst-italic pi-fnt-stone",children:[(0,s.jsx)("i",{className:"fal fa-comment-alt-exclamation position-absolute mt-1 fs-6 ms-n4"})," you reported this message ",(0,s.jsx)("br",{}),"as inappropriate"]})})]})]})]}),(0,s.jsx)(c.default.Collapse,{className:"px-0",eventKey:"reply_"+(null==e?void 0:e.id),children:(0,s.jsx)(o.default,{className:"my-0 mx-0 px-0 position-relative",children:(0,s.jsx)("div",{className:" position-relative reply",children:(0,s.jsx)(g.A,{onSubmit:a,replyTo:e,expandable:!1})})})})]})]})]})]},e.id)})},B=(0,n.useMemo)(()=>t?q(t):[],[t,v]);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("div",{className:"comments mb-0",children:B.length?B:(0,s.jsx)("p",{className:"mt-3 text-muted",children:"Be the first to start a conversation"})}),l&&(0,s.jsx)(w,{data:F,isOpen:!!F,title:"Post a comment",onClose:()=>{I(!1)},onSave:O}),j&&(0,s.jsx)(C.A,{messageId:M,isOpen:!!M,onToggle:()=>D(!1),onSubmit:j})]})};F.propTypes={messages:i().array.isRequired,inlineReplies:i().bool,onSave:i().func,onEdit:i().func,onDelete:i().func,onReact:i().func,onReply:i().func,onFlag:i().func};let I=n.memo(F)},88166:(e,t,a)=>{a.d(t,{A:()=>o});var s=a(89733),n=a(71269),l=a(25383),i=a(12115),r=a(41476);let c=function(e,t){let a=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n=(0,l.A)(e=>e.websocket.status),c=(0,i.useRef)(null);return(0,s.A)(()=>{let s=!1;return(async()=>{try{let n=await (0,r.F)();if(s)return;n.subscribeChannel(e,a,t),c.current=()=>{n.unsubscribeChannel(e,a,t)}}catch(e){console.error("Failed to load WebSocket functionality in useWebSockets hook:",e)}})(),function(){s=!0,c.current&&c.current()}}),n};function o(e,t){let{currentUser:a}=(0,n.Ay)(),i=(0,l.A)(t=>t.chat.rooms[e]),r=(0,l.A)(e=>e.chat.openChat),o=(0,l.A)(e=>e.chat.closeChat),d=(0,l.A)(e=>e.chat._addMessage),m=(0,l.A)(e=>e.chat._updateMessage),u=(0,l.A)(e=>e.chat._toggleReaction);return(0,s.A)(()=>(r({chatId:e,chatType:t}),function(){o({chatId:e})})),c("chat:"+e,t=>{if(t.createdByUser!==(null==a?void 0:a.id))switch(t.subtype){case"chat_message_create":case"chat_message_reply":d({message:t.data,chatId:e});break;case"chat_message_update":case"chat_message_delete":m({message:t.data,chatId:e});break;case"chat_message_react":var s;u({message:t.data,reaction:null==(s=t.data)?void 0:s.reaction,chatId:e})}},!0),i}},92047:(e,t,a)=>{a.d(t,{A:()=>x});var s=a(95155),n=a(12115),l=a(30641),i=a(65117),r=a(65442),c=a(61633),o=a(22544),d=a(55060),m=a(15345),u=a(84980);let h=function(e){let{name:t,label:a,hint:l,config:i={},disabled:r,className:c="",classNameLabel:h,variant:f,onFocus:x,onBlur:p,autoFocus:g,placeholder:b="",submitOnEnter:j=!1,onEnterSubmit:y,onValueChange:v,ref:N,...k}=e,{control:w,watch:A,formState:{errors:C}}=(0,o.xW)(),_=(0,n.useRef)(null),S=N||_,R=A(t),E=(0,n.useCallback)(()=>{let e=S.current;if(!e)return;e.style.height="auto";let t=Math.max(e.scrollHeight,41);e.style.height=t+"px"}

1,[S]);(0,n.useEffect)(()=>{g&&S.current&&setTimeout(()=>{var e;null==(e=S.current)||e.focus()},0)},[g,S]);let T=(0,n.useCallback)(e=>{let t=S.current;t&&t.innerHTML!==e&&(t.innerHTML=e||"",E())},[S,E]);(0,n.useEffect)(()=>{E()},[R,E]),(0,n.useEffect)(()=>{T(R)},[R,T]);let F=!R||""===R.trim();return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(d.A,{label:a,required:null==i?void 0:i.required,className:h}),(0,s.jsx)(o.xI,{render:e=>{let{field:{onChange:a,onBlur:n}}=e,l=e=>{let t=e.target.innerHTML;a(t),null==v||v(t),E()};return(0,s.jsxs)("div",{className:"rich-textarea-container position-relative",children:[(0,s.jsx)("div",{ref:S,contentEditable:!r,className:"rich-textarea form-control auto-growing-textarea ".concat(c," ").concat(f||""," ").concat(C[t]?"is-invalid":""," ").concat(F?"rich-textarea-empty":""),style:{minHeight:"41px",resize:"none",overflow:"hidden"},onInput:l,onBlur:e=>{n(),p&&p(e)},onFocus:x,onKeyDown:e=>{if(e.ctrlKey||e.metaKey)switch(e.key){case"b":e.preventDefault(),document.execCommand("bold",!1,void 0),l(e);break;case"i":e.preventDefault(),document.execCommand("italic",!1,void 0),l(e);break;case"u":e.preventDefault(),document.execCommand("underline",!1,void 0),l(e)}if("Enter"===e.key&&!e.shiftKey){if(e.preventDefault(),j){null==y||y();return}let t=window.getSelection();if(t&&t.rangeCount>0){let a=t.getRangeAt(0),s=document.createElement("br"),n=document.createElement("br");a.insertNode(s);let i=document.createRange();i.setStartAfter(s),i.collapse(!0),i.insertNode(n),i.setStartAfter(n),i.collapse(!0),t.removeAllRanges(),t.addRange(i),l(e),setTimeout(E,0)}}},onPaste:e=>{e.preventDefault();let t=e.clipboardData.getData("text/plain");document.execCommand("insertText",!1,t),l(e)},...k}),F&&(0,s.jsx)("div",{className:"rich-textarea-placeholder",style:{position:"absolute",top:"8px",left:"12px",color:"#6c757d",pointerEvents:"none",fontSize:"1rem"},children:b})]})},control:w,name:t,rules:i,defaultValue:"",shouldUnregister:!0}),(0,s.jsx)(u.A,{error:C[t]}),(0,s.jsx)(m.A,{hint:l})]})};var f=a(78542);let x=e=>{let{onSubmit:t,replyTo:a,expandable:o,autoFocus:d,submitOnEnter:m=!1,initialDraft:u,submitLabel:x="Share",allowAttachments:p=!0,onDraftChange:g,ref:b}=e,[j,y]=(0,n.useState)(!1),[v,N]=(0,n.useState)(u?{text:u}:{}),[k,w]=(0,n.useState)(!o),[A,C]=(0,n.useState)(!1),_=n.useRef(null),S=async()=>{var e;if(!_.current)return;let s=_.current.getValues();a&&(s.reply_to=a.id),(null==(e=s.text)?void 0:e.length)&&(s.text=(0,f.g$)(s.text)),y(!0),await t(s)&&(N({text:" ",attachments:null}),null==g||g("")),y(!1),o&&w(!1)},R=e=>{let t,a=(null==b?void 0:b.current)||document.querySelector('.rich-textarea[contenteditable="true"]');if(!a)return;a.focus();let s=window.getSelection();if(!(null==s?void 0:s.rangeCount))return;let n=s.getRangeAt(0);switch(e){case"bold":t="bold";break;case"italic":t="italic";break;case"underline":t="underline";break;default:return}if(document.execCommand("styleWithCSS",!1,"false"),!document.execCommand(t,!1,"")){let t=n.toString();if(t){let a=document.createElement("bold"===e?"b":"italic"===e?"i":"u");a.textContent=t,n.deleteContents(),n.insertNode(a),n.setStartAfter(a),n.collapse(!0),s.removeAllRanges(),s.addRange(n)}}let l=new Event("input",{bubbles:!0});a.dispatchEvent(l)};return(0,s.jsxs)(c.lV,{defaultValues:v,autoComplete:"off",className:"w-100",ref:_,onSubmit:()=>{},children:[(0,s.jsxs)(l.A,{className:"mb-3 w-100",children:[!o&&p&&(0,s.jsx)(c.ef,{name:"attachments",customClass:"chat",allowedTypes:["images","files"],disabled:j,multiple:!0}),(0,s.jsx)(h,{name:"text","aria-describedby":m?"chat-send-button chat-enter-hint":"chat-send-button",className:"mt-1 mb-1",placeholder:"your message",onFocus:()=>{o&&w(!0),C(!0)},onBlur:e=>{var t;null!=(t=e.relatedTarget)&&t.closest(".message-formatting-toolbar")||setTimeout(()=>{C(!1)},150)},autoFocus:d,submitOnEnter:m,onEnterSubmit:()=>{if(j||!_.current)return;let{text:e,attachments:t}=_.current.getValues();((0,f.$J)(e||"").trim().length>0||(null==t?void 0:t.length))&&S()},onValueChange:g,ref:b}),!o&&(0,s.jsx)(i.default,{variant:"primary",id:"chat-send-button",onClick:S,disabled:j,children:j?(0,s.jsx)(r.default,{animation:"border",size:"sm",className:"me-2"}):x})]}),A&&(0,s.jsxs)("div",{className:"message-formatting-toolbar",children:[(0,s.jsx)("button",{type:"button",className:"format-btn format-bold",onClick:()=>R("bold"),title:"Bold",children:(0,s.jsx)("strong",{children:"B"})}),(0,s.jsx)("button",{type:"button",className:"format-btn format-italic",onClick:()=>R("italic"),title:"Italic",children:(0,s.jsx)("em",{children:"I"})}),(0,s.jsx)("button",{type:"button",className:"format-btn format-underline",onClick:()=>R("underline"),title:"Underline",children:(0,s.jsx)("u",{children:"U"})})]}),m&&(0,s.jsx)("div",{id:"chat-enter-hint",className:"text-muted small mb-2",children:"Enter sends \xb7 Shift + Enter starts a new line"}),k&&(0,s.jsx)("div",{className:"px-1 d-flex flex-row",children:o&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(i.default,{className:"py-2 me-2",variant:"secondary",disabled:j,onClick:()=>{w(!1),C(!1)},children:"Cancel"}),(0,s.jsx)(i.default,{variant:"primary",onClick:S,disabled:j,children:j?(0,s.jsx)(r.default,{animation:"border",size:"sm",className:"me-2"}):"Share"})]})})]})}},94003:(e,t,a)=>{a.d(t,{A:()=>d});var s=a(95155),n=a(12115),l=a(78542);let i=e=>{let{files:t=[],enableLightbox:a=!0,className:n=""}=e;if(!t||0===t.length)return null;let i=t.length,r=t.slice(0,4),c=Math.max(0,i-4);return(0,s.jsx)("div",{className:"file-grid ".concat((e=>{switch(e){case 1:return"file-grid-single";case 2:return"file-grid-double";case 3:return"file-grid-triple";default:return"file-grid-quad"}})(Math.min(i,4))," ").concat(n),children:r.map((e,t)=>(0,s.jsxs)("div",{className:"file-item ".concat(((e,t)=>1===t?"file-item-single":2===t?"file-item-half":3===t?0===e?"file-item-triple-main":"file-item-triple-small":"file-item-quarter")(t,Math.min(i,4))),children:[(e=>{let t=e.mime||"";

1if(["image/jpeg","image/png","image/gif","image/webp"].includes(t)){let t;return t=e.isPreview?e.image||"":(0,l.VG)(e,"small","hub"),(0,s.jsx)("div",{className:"file-grid-image file-grid-bg-image",style:{backgroundImage:"url(".concat(t,")"),backgroundSize:"cover",backgroundPosition:"center",backgroundRepeat:"no-repeat"},role:"img","aria-label":e.name||"Image"})}{let a=(0,l.ti)(t);return(0,s.jsxs)("div",{className:"file-grid-image file-grid-document",children:[(0,s.jsx)("i",{className:"fal ".concat(a.icon," fa-3x")}),(0,s.jsx)("span",{className:"file-name",children:e.name})]})}})(e),3===t&&c>0&&(0,s.jsx)("div",{className:"file-overlay",children:(0,s.jsxs)("span",{className:"file-overlay-text",children:["+",c]})})]},e.id||t))})};var r=a(15239),c=a(65442);let o=e=>{let t,{files:a,initialIndex:i=0,isOpen:o=!1,onClose:d,isPrivate:m=!1}=e,[u,h]=(0,n.useState)(i),[f,x]=(0,n.useState)(!0);(0,n.useEffect)(()=>{h(i)},[i]),(0,n.useEffect)(()=>{x(!0)},[u]);let p=()=>{x(!0),h(e=>(e+1)%a.length)},g=()=>{x(!0),h(e=>(e-1+a.length)%a.length)};if((0,n.useEffect)(()=>{if(!o)return;let e=e=>{switch(e.key){case"Escape":e.preventDefault(),e.stopPropagation(),d();break;case"ArrowLeft":g();break;case"ArrowRight":p()}};return document.addEventListener("keydown",e,!0),()=>document.removeEventListener("keydown",e,!0)},[o,u,d]),!o||!a.length)return null;let b=a[u],j=b.mime||"",y=["image/jpeg","image/png","image/gif","image/webp"].includes(j);return t=b.isPreview?b.image||"":m?b.url:(0,l.VG)(b,"full","hub"),(0,s.jsx)("div",{className:"lightbox-gallery-overlay",onClick:d,children:(0,s.jsxs)("div",{className:"lightbox-gallery-container",onClick:e=>e.stopPropagation(),children:[(0,s.jsx)("button",{className:"lightbox-close",onClick:d,children:(0,s.jsx)("i",{className:"fal fa-times"})}),a.length>1&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("button",{className:"lightbox-nav lightbox-prev",onClick:g,children:(0,s.jsx)("i",{className:"fal fa-chevron-left"})}),(0,s.jsx)("button",{className:"lightbox-nav lightbox-next",onClick:p,children:(0,s.jsx)("i",{className:"fal fa-chevron-right"})})]}),a.length>1&&(0,s.jsxs)("div",{className:"lightbox-counter",children:[u+1," of ",a.length]}),(0,s.jsxs)("div",{className:"lightbox-content position-relative",children:[y&&f&&(0,s.jsx)("div",{className:"lightbox-spinner",children:(0,s.jsx)(c.default,{animation:"border",variant:"light"})}),y?(0,s.jsx)(r.default,{src:t,alt:b.name||"Preview",fill:!0,style:{objectFit:"contain",opacity:+!f,transition:"opacity 0.2s ease-in-out"},unoptimized:b.isPreview,onLoadingComplete:()=>{x(!1)}}):(0,s.jsxs)("div",{className:"lightbox-file",children:[(0,s.jsx)("div",{className:"lightbox-file-icon",children:(0,s.jsx)("i",{className:"fal ".concat((0,l.ti)(j).icon," fa-5x")})}),(0,s.jsx)("h3",{className:"lightbox-file-name",children:b.name}),(0,s.jsxs)("a",{href:b.url,target:"_blank",rel:"noreferrer",className:"btn btn-primary",children:[(0,s.jsx)("i",{className:"fal fa-download me-2"}),"Download"]})]})]}),a.length>1&&(0,s.jsx)("div",{className:"lightbox-thumbnails",children:a.map((e,t)=>(0,s.jsx)("button",{className:"lightbox-thumbnail ".concat(t===u?"active":""),onClick:()=>{x(!0),h(t)},children:["image/jpeg","image/png","image/gif","image/webp"].includes(e.mime||"")?(0,s.jsx)("div",{className:"lightbox-thumbnail-image",children:(0,s.jsx)(r.default,{src:e.isPreview?e.image||"":m?e.url:(0,l.VG)(e,"small","hub"),alt:e.name,fill:!0,style:{objectFit:"cover"},unoptimized:e.isPreview})}):(0,s.jsx)("div",{className:"lightbox-thumbnail-file",children:(0,s.jsx)("i",{className:"fal ".concat((0,l.ti)(e.mime||"").icon)})})},e.id||t))})]})})},d=e=>{let{attachments:t=[],className:a=""}=e,[l,r]=(0,n.useState)(!1),[c,d]=(0,n.useState)(0);if(!t||0===t.length)return null;let m=(e,t)=>{d(t),r(!0)};return 1===t.length?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("div",{className:"message-attachments single-file ".concat(a),children:(0,s.jsx)("div",{className:"file-clickable",onClick:()=>m(t[0],0),children:(0,s.jsx)(i,{files:t,enableLightbox:!1})})}),(0,s.jsx)(o,{files:t,initialIndex:c,isOpen:l,onClose:()=>r(!1)})]}):(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("div",{className:"message-attachments multi-file ".concat(a),children:(0,s.jsx)("div",{className:"file-grid-clickable",onClick:()=>m(t[0],0),children:(0,s.jsx)(i,{files:t,enableLightbox:!1})})}),(0,s.jsx)(o,{files:t,initialIndex:c,isOpen:l,onClose:()=>r(!1)})]})}}}]);