https://www.allyhq.ai/_next/static/chunks/8216-20c6feffb8e54867.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8216],{48216:function(e,n,t){t.d(n,{Z:function(){return ne}});var r=t(85893),l=t(67294),i=t(73395),o=t(39898),a=t(11163),s=t(26042),u=t(69396),d=t(90149),c=t(86826),v=t.n(c),f=function(e){var n;return null===(n=new Intl.DateTimeFormat(void 0,{weekday:"short",day:"2-digit",month:"long",year:"numeric"}))||void 0===n?void 0:n.format(e)};function m(e){var n=e.date,t=e.prevDateCopy,i=(0,l.useState)(null),o=i[0],a=i[1];if((0,l.useEffect)((function(){var e=function(e){a(e)},r=new Date(n),l=t.current?new Date(t.current):null;l?l.toDateString()!==r.toDateString()&&e(f(r)):e(f(r)),t.current=n}),[n]),!o)return null;var s=f(new Date)===o?"Today":o;return(0,r.jsx)("div",{"data-date":s,className:"sticky top-0  mx-auto z-50 flex items-center justify-center  !my-5 p-2 rounded-full bg-white text-xs w-[160px] text-center border border-solid border-gray-400 "+v().dateBar,children:s})}var g=function(e){return e.fetching?(0,r.jsx)("div",{className:"flex items-center justify-center py-5 sticky top-0 left-0 right-0 z-10 bg-white/10 backdrop-blur-sm",children:(0,r.jsx)(d.Z,{size:30})}):null},h=function(e){var n=e.showChevronDown,t=e.totalMessages,l=e.prevTotalMessage,i=e.scrollDown,o=t-l;return n&&o>0?(0,r.jsxs)("div",{className:"sticky bottom-2 ml-auto mr-2 h-10 w-10 p-2 rounded-full bg-gray-100 hover:bg-gray-200 z-10 cursor-pointer shadow-lg",onClick:function(){return i(!0)},children:[(0,r.jsx)("div",{className:"absolute -top-2 -left-3 p-1 bg-green-500 rounded-full text-xs aspect-square h-6 w-6 text-center text-white",children:o}),(0,r.jsx)(p,{})]}):null};function p(e){return(0,r.jsx)("svg",(0,u.Z)((0,s.Z)({},e),{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",className:"w-6 h-6",children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"m4.5 5.25 7.5 7.5 7.5-7.5m-15 6 7.5 7.5 7.5-7.5"})}))}var x=t(66724);function j(e){var n=e.messages,t=e.loadDataNodeRef,i=e.userId,o=e.forGroup,a=void 0!==o&&o,s=(0,l.useRef)(null);return(0,l.useEffect)((function(){s.current=null}),[n]),(0,r.jsx)(r.Fragment,{children:null===n||void 0===n?void 0:n.map((function(e,n,o){var u;return(0,r.jsxs)(l.Fragment,{children:[(0,r.jsx)(m,{date:null===e||void 0===e?void 0:e.createdAt,prevDateCopy:s}),(0,r.jsx)("div",{ref:0===n?t:null,"data-user":(null===e||void 0===e?void 0:e.createdById)===i,"data-choch":0===n||(null===(u=o[n-1])||void 0===u?void 0:u.createdById)!==(null===e||void 0===e?void 0:e.createdById),className:"w-[60%] px-5 flex items-center justify-start "+((null===e||void 0===e?void 0:e.createdById)===i?"ml-auto":""),children:(0,r.jsx)(x.ZP,{forGroup:a&&(null===e||void 0===e?void 0:e.createdById)!==i,message:e,userId:i})})]},null===e||void 0===e?void 0:e.id)}))})}var w=t(47568),y=t(29815),b=t(97582),N=t(1341),E=t(85945),S=t(59403),Z=t(52642),D=t(48197);var I=function(e){var n,t=e.user,i=e.containerRef,a=e.channelId,d=e.parentRef,c=e.forGroup,v=function(e){var n,t,r,i,a,d=e.channelId,c={perPage:30},v=(0,E.NL)(),f=(0,Z.Z)(),m=[N.iP.GET_CHANNEL_MESSAGES,String(d)],g=(0,S.N)({queryKey:m,queryFn:function(){var e=(0,w.Z)((function(e){var n,t;return(0,b.__generator)(this,(function(r){switch(r.label){case 0:return n=e.pageParam,t=void 0===n?1:n,[4,(0,o.n4)((0,u.Z)((0,s.Z)({},c),{page:t,id:d}))];case 1:return[2,r.sent().data]}}))}));return function(n){return e.apply(this,arguments)}}(),getNextPageParam:function(e,n){var t,r,l;if((null===n||void 0===n||null===(t=n[0])||void 0===t||null===(r=t.meta)||void 0===r?void 0:r.lastPage)>(null===n||void 0===n?void 0:n.length))return(null!==(l=null===n||void 0===n?void 0:n.length)&&void 0!==l?l:0)+1},enabled:!!d,select:function(e){return e},refetchOnWindowFocus:!0,refetchOnMount:!0,refetchOnReconnect:!0,staleTime:0,cacheTime:1/0}),h=g.data,p=g.fetchNextPage,x=g.isLoading,j=g.isFetchingNextPage,I=g.hasNextPage,P=(0,l.useRef)(null),R=(0,l.useCallback)((function(e){j||(P.current&&P.current.disconnect(),P.current=new IntersectionObserver((function(e){var n;(null===e||void 0===e||null===(n=e[0])||void 0===n?void 0:n.isIntersecting)&&I&&p()})),e&&P.current.observe(e))}),[j,p,I]);return(0,l.useEffect)((function(){var e=function(e){v.setQueryData([N.iP.GET_CHANNEL_MESSAGES,String(e.channelId)],(function(n){var t,r;return(null===n||void 0===n||null===(t=n.pages)||void 0===t?void 0:t.length)>0?{pageParams:null===n||void 0===n?void 0:n.pageParams,pages:null===n||void 0===n||null===(r=n.pages)||void 0===r?void 0:r.map((function(n,t){return 0!==t?n:{meta:(0,u.Z)((0,s.Z)({},n.meta),{total:n.meta.total+1}),records:(0,y.Z)(n.records).concat([e])}}))}:{pageParams:{},pages:[{meta:{total:1},records:[e]}]}}))};return D.f.subscribe(e),function(){D.f.unsubscribe(e)}}),[]),(0,l.useEffect)((function(){return null===f||void 0===f||f.on("MESSAGE_UPDATED",(function(e){v.setQueryData([N.iP.GET_CHANNEL_MESSAGES,String(e.channelId)],(function(n){var t;return{pageParams:null===n||void 0===n?void 0:n.pageParams,pages:null===n||void 0===n||null===(t=n.pages)||void 0===t?void 0:t.map((function(n){var t=null===n||void 0===n?void 0:n.records.map((function(n){return n.id===e.id?e:n}));return{meta:n.meta,records:t}}))}}))})),function(){null===f||void 0===f||f.off("MESSAGE_UPDATED")}}),[]),(0,l.useEffect)((function(){return null===f||void 0===f||f.on("MESSAGE_DELETED",(function(e){v.setQueryData([N.iP.GET_CHANNEL_MESSAGES,String(e.channelId)],(function(n){var t;return{pageParams:null===n||void 0===n?void 0:n.pageParams,pages:null===n||void 0===n||null===(t=n.pages)||void 0===t?void 0:t.map((function(n){var t=null===n||void 0===n?void 0:n.records.filter((function(n){return n.id!==e.id}));return{meta:n.meta,records:t}}))}}))})),function(){null===f||void 0===f||f.off("MESSAGE_DELETED")}}),[]),{loadDataNodeRef:R,fetchingMessages:x||j,messages:null===(r=null===(t=null===h||void 0===h||null===(n=h.pages)||void 0===n?void 0:n.toReversed())||void 0===t?void 0:t.map((function(e){return null===e||void 0===e?void 0:e.records})))||void 0===r?void 0:r.flat(),totalMessages:null===h||void 0===h||null===(i=h.pages)||void 0===i||null===(a=i[0])||void 0===a?void 0:a.meta.total}}({channelId:a}),f=v.messages,m=v.fetchingMessages,p=v.loadDataNodeRef,x=v.totalMessages,I=(0,l.useRef)(),P=(0,l.useState)(!1),R=P[0],k=P[1];return(0,l.useLayoutEffect)((function(){var e;if(null===i||void 0===i?void 0:i.current){var n,r=I.current!==x,l="true"===i.current.dataset.scrolled,o=(null===t||void 0===t?void 0:t.id)===(null===f||void 0===f||null===(e=f[(null===f||void 0===f?void 0:f.length)-1])||void 0===e?void 0:e.createdById);if(r)if(l&&!o)k(!0);else i.current.scrollTop=null===(n=i.current)||void 0===n?void 0:n.scrollHeight,I.current=x;else if(!m&&i.current.dataset.scrollAmount){var a;i.current.scrollTop=(null===(a=i.current)||void 0===a?void 0:a.scrollHeight)-(i.current.dataset.scrollAmount||0)}}}),[i.current,f,m,x,t]),(0,l.useImperativeHandle)(d,(function(){return{scrollDown:function(e){var n;e&&(i.current.scrollTop=null===(n=i.current)||void 0===n?void 0:n.scrollHeight);I.current=x,k(!1)}}}),[x,I,i]),(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(g,{fetching:m}),(0,r.jsx)(j,{loadDataNodeRef:p,messages:f,userId:null===t||void 0===t?void 0:t.id,forGroup:c}),(0,r.jsx)(h,{showChevronDown:R,totalMessages:x,scrollDown:null===d||void 0===d||null===(n=d.current)||void 0===n?void 0:n.scrollDown,prevTotalMessage:I.current||0})]})},P=t(828),R=t(9201),k=t(45566),A=t(59223),C=t(73814),L=t(63205),M=t(17575),T=t(88028),_=t(34481),G=t(92557),F=t(98005),U=t.n(F);function z(e){return e?new Promise((function(n,t){new(U())(e,{convertSize:1e6,quality:.6,success:function(e){var t=new FormData;t.append("file",e),n(t)},error:function(e){t(e)}})})):null}var O=t(91444),B=t(67787),H=t(18284),q=t(96966),K=t(52275),Q=t(55999),V=t(88304),W=function(e){var n=e.channelId,t=e.message,i=e.closeFn,a=(0,l.useState)(""),s=a[0],u=a[1],d=(0,Q.Z)(s,500),c=(0,o.vI)(),v=c.data,f=c.isFetching,m=(0,o.Z6)({searchParam:d}),g=m.data,h=m.isFetching;return(0,r.jsxs)("div",{className:"w-[375px] h-[450px] shadow-shadowPost rounded-xl bg-white flex flex-col px-2 pb-2 pt-4 overflow-hidden gap-2",children:[(0,r.jsx)("div",{className:"w-full px-1",children:(0,r.jsx)("input",{type:"search",placeholder:"Search gifs",onChange:function(e){return u(e.target.value)},className:"w-full text-base py-1 px-3 outline-secondary-200"})}),f||h?(0,r.jsx)(Y,{}):(0,r.jsx)(J,{gifsData:(null===g||void 0===g?void 0:g.length)>0?g:v,channelId:n,closeFn:i,message:t})]})},Y=function(e){var n=e.number,t=new Array((void 0===n?8:n)||3).fill(1);return(0,r.jsx)("div",{className:"grid grid-cols-2 gap-y-1 justify-items-center flex-1 overflow-y-auto",children:t.map((function(e){return(0,r.jsx)(V.Z,{variant:"rectangular",className:"h-[165px] w-[165px]"},e)}))})},J=function(e){var n=e.gifsData,t=e.channelId,l=e.closeFn,i=e.message;return(0,r.jsx)("div",{className:"grid grid-cols-2 gap-y-1 justify-items-center flex-1 overflow-y-auto",children:null===n||void 0===n?void 0:n.map((function(e){var n,o;return(0,r.jsx)(X,{channelId:t,closeFn:l,message:i,gifUrl:null===e||void 0===e||null===(n=e.images)||void 0===n||null===(o=n.fixed_height)||void 0===o?void 0:o.url})}))})},X=function(e){var n=e.channelId,t=e.closeFn,l=e.gifUrl,i=e.message,o=(0,Z.Z)(),a=(0,k.pX)(),s=a.mutate,u=a.isLoading;return(0,r.jsxs)("div",{onClick:function(){s({url:l},{onSuccess:function(e){var r={message:i,channelId:n,attachments:[null===e||void 0===e?void 0:e.data]};null===o||void 0===o||o.emit("MESSAGE",r),t()}})},className:"cursor-pointer relative w-full h-full",children:[u&&(0,r.jsx)("div",{className:"w-full h-full absolute inset-0 backdrop-blur-lg flex items-center justify-center",children:(0,r.jsx)(d.Z,{size:30})}),(0,r.jsx)("img",{className:"h-[165px] w-[165px] rounded-sm",src:l,alt:"gif"})]})},$=function(e){var n=e.channelId,t=(0,Z.Z)(),o=(0,i.CT)().data,a=(0,l.useRef)(null),d=(0,l.useRef)(null),c=(0,l.useRef)(null),v=(0,l.useState)(""),f=v[0],m=v[1],g=(0,l.useState)(null),h=g[0],p=g[1],x=(0,l.useState)(!1),j=x[0],N=x[1],E=(0,l.useState)(!1),S=E[0],D=E[1],I=(0,P.Z)(l.useState(null),2),F=I[0],U=I[1],H=(0,l.useState)([]),Q=H[0],V=H[1],Y=function(){U(null)},J=function(){var e={message:f,channelId:n};if(Q.length>0){var r=Q.filter((function(e){return!1===e.isError})).map((function(e){return e.uploadedData}));e.attachments=r}(Q.length||0!==f.trim().length)&&(null===t||void 0===t||t.emit("MESSAGE",e),m(""),V([]))},X=(0,k.G8)(),$=X.mutateAsync,ne=X.isLoading,te=function(){var e=(0,w.Z)((function(e){var n,t,r,l,i,a,d,v,f,m,g;return(0,b.__generator)(this,(function(h){switch(h.label){case 0:if(c.current.focus(),Y(),!e.target.files||!(null===o||void 0===o||null===(n=o.data)||void 0===n?void 0:n.id))return[3,2];if(t=function(e){var n=i[e];if(n.size>104857600)return i=i.filter((function(e){return e.name!==n.name})),O.Am.warning("".concat(null===n||void 0===n?void 0:n.name," size is greater than 100mb(max 100mb is allowed)")),"continue"},i=(0,y.Z)(e.target.files),(null===e||void 0===e||null===(r=e.target)||void 0===r||null===(l=r.files)||void 0===l?void 0:l.length)>5)return[2,O.Am.warning("Maximum 5 attachments at once")];for(a=0;a<i.length;a++)t(a);return d=i.map((function(e,n){return{id:e.name+Math.random(),file:e,isUploading:!0,isError:!1,uploadedData:null}})),v=(0,y.Z)(Q).concat((0,y.Z)(d)),f=function(e){var n=[],t=new Set;return e.forEach((function(e){var r=JSON.stringify(e);t.has(r)||(t.add(r),n.push(e))})),n}(v),V(f),m=f.filter((function(e){return null===e.uploadedData&&!1===e.isError})),g=m.map(function(){var e=(0,w.Z)((function(e){var n,t,r,l,i,o,a,d,c,v;return(0,b.__generator)(this,(function(f){switch(f.label){case 0:return e.file.type.includes("image")?[4,null===(r=z(null===e||void 0===e?void 0:e.file))||void 0===r?void 0:r.then((function(e){return e}))]:[3,2];case 1:return i=f.sent(),o=i.get("file"),a=new File([o],null===e||void 0===e||null===(l=e.file)||void 0===l?void 0:l.name,{type:o.type}),d={file:a},[2,new Promise((function(n,t){$(d).then((function(t){var r=null===t||void 0===t?void 0:t.data;n((0,u.Z)((0,s.Z)({},e),{uploadedData:r,isUploading:!1}))})).catch((function(t){return n((0,u.Z)((0,s.Z)({},e),{uploadedData:null,isUploading:!1,isError:!0}))}))}))];case 2:return(null===e||void 0===e||null===(n=e.file)||void 0===n||null===(t=n.type)||void 0===t?void 0:t.includes("video"))?[4,(0,B.o)(null===e||void 0===e?void 0:e.file)]:[3,4];case 3:return c=f.sent(),c.duration/60>

15?[2,O.Am.warning("Please upload video up to 5 minutes only")]:(v={file:null===e||void 0===e?void 0:e.file},[2,new Promise((function(n,t){$(v).then((function(t){var r=null===t||void 0===t?void 0:t.data;n((0,u.Z)((0,s.Z)({},e),{uploadedData:r,isUploading:!1}))})).catch((function(t){return n((0,u.Z)((0,s.Z)({},e),{uploadedData:null,isUploading:!1,isError:!0}))}))}))]);case 4:return[2]}}))}));return function(n){return e.apply(this,arguments)}}()),[4,Promise.all(g).then((function(e){var n=Q.filter((function(e){return null!==e.uploadedData}));V((0,y.Z)(n).concat((0,y.Z)(e)))})).catch((function(e){return console.log("err",e)}))];case 1:h.sent(),h.label=2;case 2:return[2]}}))}));return function(n){return e.apply(this,arguments)}}(),re=function(e){var n=Q.filter((function(n){return n.id!==e}));V(n)},le=function(e,n){n&&!n.contains(e.target)&&(j&&N(!1),S&&D(!1))};(0,l.useEffect)((function(){return j?document.addEventListener("mousedown",(function(e){return le(e,a.current)})):document.removeEventListener("mousedown",(function(e){return le(e,a.current)})),function(){document.removeEventListener("mousedown",(function(e){return le(e,a.current)}))}}),[j]),(0,l.useEffect)((function(){return S?document.addEventListener("mousedown",(function(e){return le(e,d.current)})):document.removeEventListener("mousedown",(function(e){return le(e,d.current)})),function(){document.removeEventListener("mousedown",(function(e){return le(e,d.current)}))}}),[S]);return(0,r.jsxs)("div",{className:"pl-2 m-2 max-h-max relative  ".concat(Q.length>0?"rounded-b-lg":"rounded-lg"," bg-gray-200 flex items-center gap-2"),children:[Q.length>0&&(0,r.jsxs)("div",{className:"absolute bottom-full rounded-t-lg z-[999] left-0 w-full py-1 bg-gray-200 flex items-center gap-5 px-10",children:[(0,r.jsx)("div",{className:"max-w-[90%] overflow-x-auto flex items-center justify-start gap-5 pt-2 pr-4 hide-scrollbar",children:Q.map((function(e,n){return(0,r.jsx)(ee,{data:e,handleRemoveAttachment:re},n)}))}),(0,r.jsx)(M.Z,{title:"Add more attachments",arrow:!0,children:(0,r.jsxs)("label",{className:"flex items-center justify-center rounded-full bg-white p-2 cursor-pointer",children:[(0,r.jsx)("input",{type:"file",className:"hidden",accept:"image/png, image/jpeg, video/mp4",multiple:!0,onChange:te}),(0,r.jsx)("svg",{width:"20",height:"20",viewBox:"0 0 22 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,r.jsx)("path",{d:"M11.0003 1.66663V20.3333M1.66699 11H20.3337",stroke:"#009E27","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})})]})})]}),(0,r.jsxs)("div",{className:"flex items-center justify-center",children:[(0,r.jsx)("div",{onClick:function(e){U(e.currentTarget)},className:"flex cursor-pointer items-center justify-center",children:(0,r.jsx)(L.Z,{})}),(0,r.jsx)(T.ZP,{anchorEl:F,open:!!F,onClose:Y,anchorOrigin:{vertical:"top",horizontal:"left"},transformOrigin:{vertical:"bottom",horizontal:"left"},children:(0,r.jsxs)("div",{className:"flex flex-col ",children:[(0,r.jsxs)("label",{className:"px-4 cursor-pointer hover:bg-gray-200 py-2 text-sm",children:[(0,r.jsx)("input",{type:"file",className:"hidden",multiple:!0,accept:"image/png, image/jpeg",onChange:te}),"Image"]}),(0,r.jsxs)("label",{className:"px-4 cursor-pointer hover:bg-gray-200 py-2 text-sm",children:[(0,r.jsx)("input",{type:"file",className:"hidden",multiple:!0,accept:"video/mp4",onChange:te}),"Video"]})]})})]}),(0,r.jsxs)("div",{className:"relative flex items-center",children:[(0,r.jsx)("div",{onClick:function(){return D(!0)},className:"flex items-center cursor-pointer justify-center",children:(0,r.jsx)(K.Z,{state:"normal"})}),S&&(0,r.jsx)("div",{ref:d,className:"absolute bottom-full left-0 z-[1000] shadow",children:(0,r.jsx)(W,{closeFn:function(){return D(!1)},channelId:n,message:f})})]}),(0,r.jsxs)("div",{className:"relative flex items-center",children:[(0,r.jsx)("div",{onClick:function(){return N(!0)},className:"flex items-center cursor-pointer justify-center",children:(0,r.jsx)(q.Z,{})}),j&&(0,r.jsx)("div",{ref:a,className:"absolute bottom-full left-0 z-[1000] shadow",children:(0,r.jsx)(C.Z,{theme:"light",data:A,onEmojiSelect:function(e){return function(e){if(null===h){m(e);var n=e.length;p(null===e||void 0===e?void 0:e.length),N(!1),setTimeout((function(){var e=null===c||void 0===c?void 0:c.current;e.focus(),e.setSelectionRange(n,n)}),0)}

1else{var t=f.substring(0,h)+e+f.substring(h);m(t);var r=h+e.length;p(h+(null===e||void 0===e?void 0:e.length)),N(!1),setTimeout((function(){var e=null===c||void 0===c?void 0:c.current;e.focus(),e.setSelectionRange(r,r)}),0)}}(null===e||void 0===e?void 0:e.native)}})})]}),(0,r.jsx)("div",{className:"flex-1 flex items-center",children:(0,r.jsx)(_.Z,{ref:c,value:f,onChange:function(e){m(e.target.value),p(e.target.selectionStart)},onKeyDown:function(e){Q.find((function(e){return e.isUploading}))||!1||e.shiftKey||"Enter"!==e.key||(e.preventDefault(),J())},onClick:function(e){return p(e.target.selectionStart)},className:"w-full font-[poppins] focus:text-black resize-none border-none text-gray-600 text-base outline-none bg-gray-200",placeholder:"Write message...",maxRows:3})}),(0,r.jsx)(M.Z,{title:"Send Message",children:(0,r.jsx)(G.Z,{disabled:ne,onClick:J,children:(0,r.jsx)(R.Z,{})})})]})},ee=function(e){var n,t,l=e.data,i=e.handleRemoveAttachment;return(0,r.jsxs)("div",{className:"relative flex items-center justify-center",children:[(null===l||void 0===l?void 0:l.isError)&&(0,r.jsx)("div",{className:"absolute text-red-600 top-0 font-medium left-0 w-full h-full bg-white/50 flex items-center justify-center",children:"Failed!"}),(0,r.jsx)("div",{onClick:function(){return i(l.id)},className:"absolute top-0 right-0 z-50 -translate-y-1/3 cursor-pointer translate-x-1/3 ",children:(0,r.jsx)(H.Z,{})}),(null===l||void 0===l||null===(n=l.file)||void 0===n?void 0:n.type.includes("video"))&&(0,r.jsxs)("video",{controls:!0,playsInline:!0,className:" aspect-video h-[120px] rounded-md",children:[(0,r.jsx)("source",{src:URL.createObjectURL(null===l||void 0===l?void 0:l.file),type:"video/mp4"}),"Your browser does not support the video tag."]}),(null===l||void 0===l||null===(t=l.file)||void 0===t?void 0:t.type.includes("image"))&&(0,r.jsx)("img",{src:URL.createObjectURL(null===l||void 0===l?void 0:l.file),alt:"attachment",className:"w-24 h-[120px] rounded-md object-cover "}),(null===l||void 0===l?void 0:l.isUploading)&&(0,r.jsx)("div",{className:"absolute top-0 left-0 w-full h-full bg-white/50 flex items-center justify-center",children:(0,r.jsx)(d.Z,{size:20})})]})};var ne=function(){var e,n,t,s,u,d,c,f,m,g,h=(0,a.useRouter)(),p=h.asPath,x=h.query.channel_Id,j=(0,i.CT)(),w=j.data,y=j.isLoading,b=(0,l.useRef)(null),N=p.includes("request"),E=(0,l.useRef)(),S=(0,o.Vm)(x),Z=S.data,D=S.isLoading,P=null===Z||void 0===Z||null===(e=Z.data)||void 0===e||null===(n=e.users)||void 0===n?void 0:n.find((function(e){var n;return(null===e||void 0===e?void 0:e.userId)!==(null===w||void 0===w||null===(n=w.data)||void 0===n?void 0:n.id)}));if(y||D)return null;var R="GROUP"===(null===Z||void 0===Z||null===(t=Z.data)||void 0===t?void 0:t.type)&&!(null===Z||void 0===Z||null===(s=Z.data)||void 0===s?void 0:s.isLeft)||"DIRECT"===(null===Z||void 0===Z||null===(u=Z.data)||void 0===u?void 0:u.type)&&(null===P||void 0===P||null===(d=P.user)||void 0===d?void 0:d.isFriend)&&!(null===P||void 0===P||null===(c=P.user)||void 0===c?void 0:c.isBlocked)&&!(null===P||void 0===P||null===(f=P.user)||void 0===f?void 0:f.deletedAt);return(0,r.jsxs)("div",{className:"transition-all flex flex-col h-full w-full overflow-hidden",children:[(0,r.jsx)("div",{ref:b,onScroll:function(e){var n,t,r,l,i=null===(n=e.target)||void 0===n?void 0:n.clientHeight,o=null===(t=e.target)||void 0===t?void 0:t.scrollTop,a=null===(r=e.target)||void 0===r?void 0:r.scrollHeight;if(e.target.dataset.scrollAmount=a-o,i+o+2>=a)return e.target.dataset.scrolled=!1,void(null===(l=E.current)||void 0===l||l.scrollDown());e.target.dataset.scrolled=!0},className:"overflow-y-auto space-y-2 mt-auto hide-scrollbar  "+v().messageBox,children:(0,r.jsx)(I,{hasRequest:N,user:null===w||void 0===w?void 0:w.data,friend:P,containerRef:b,channelId:x,parentRef:E,forGroup:"GROUP"===(null===Z||void 0===Z||null===(m=Z.data)||void 0===m?void 0:m.type)})}),R?(0,r.jsx)($,{channelId:x}):(0,r.jsx)("p",{className:"bg-white py-2 w-full text-center",children:"GROUP"!==(null===Z||void 0===Z||null===(g=Z.data)||void 0===g?void 0:g.type)?"this conversation is blocked or removed":"You are no longer a part of this conversation"})]})}}}]);