https://community.moneyhabitudes.com/packs/js/RailbarChatThreads-d1e0f05c8a3874b6.chunk.js

1"use strict";(self.rspackChunkcircle=self.rspackChunkcircle||[]).push([[20192],{305815(e,s,l){l.d(s,{ChatThreads:()=>S});var i=l(391426),r=l(381301),a=l(606580),n=l(779504),t=l(707628),c=l(867494),d=l(554013),o=l(34819),m=l(451430),f=l(417980),h=l(721226),x=l(367090),u=l(355104),j=l(605274),v=l(30646),p=l(88880),g=l(892907),b=function(e){var s=e.title,l=e.onClose,r=(0,j.qI)(),a=(0,c.t)(),n=a.isChatSpace,t=a.isCourseSpace,d=a.isLiveStream,m=a.isDrawer,x=(0,h.$)();return r?(0,i.jsxs)("div",{className:"flex w-full items-center justify-between gap-2",children:[(0,i.jsx)(o.K,{icon:"arrow-left",size:"md",onClick:l,variant:"ghost","aria-label":(0,f.t)("back")}),(0,i.jsx)(g.o5,{variant:"label-md",className:"text-center",children:s}),(0,i.jsx)("span",{"aria-hidden":!0,className:"w-9"})]}):d||t&&!x||m?(0,i.jsxs)("div",{className:"flex w-full items-center justify-start gap-3",children:[(0,i.jsx)(o.K,{icon:"arrow-left",size:"md",onClick:l,variant:"ghost","aria-label":(0,f.t)("back")}),(0,i.jsx)(g.o5,{variant:"heading-md",children:s})]}):(0,i.jsxs)("div",{className:"flex w-full items-center justify-between",children:[(0,i.jsx)(g.o5,{variant:n?"heading-md":"label-md",children:s}),(0,i.jsx)(o.K,{icon:"cross",size:"md",variant:"ghost",onClick:l,"aria-label":(0,f.t)("close")})]})},w=l(428266),N=l(674251),y=function(e){var s=e.title,l=e.onClose,r=(0,j.qI)(),a=(0,c.t)(),n=a.isChatSpace,t=a.isCourseSpace,d=a.isLiveStream,o=a.isDrawer;if(r)return(0,i.jsxs)("div",{className:"flex w-full items-center justify-between",children:[(0,i.jsx)(w.K,{name:"16-arrow-left",onClick:l,iconClassName:"!text-dark",className:"flex-none",ariaLabel:(0,f.t)("close")}),(0,i.jsx)("div",{className:"flex-auto text-center",children:(0,i.jsx)(N.o.TitleSm,{as:"h2",weight:"semibold",children:s})})]});if(d||t||o)return(0,i.jsxs)("div",{className:"flex w-full items-center justify-start",children:[(0,i.jsx)(w.K,{name:"20-back",onClick:l,iconSize:20,buttonSize:20,iconClassName:"!text-dark !h-5 !w-5",className:"mr-3 size-8 flex-none",ariaLabel:(0,f.t)("back")}),(0,i.jsx)(N.o.TitleSm,{as:"h2",weight:"semibold",children:s})]});var m=n?N.o.TitleSm:N.o.LabelMd;return(0,i.jsxs)("div",{className:"flex w-full items-center justify-between",children:[(0,i.jsx)(m,{as:"h2",weight:"semibold",children:s}),(0,i.jsx)(w.K,{name:"20-close",iconSize:20,onClick:l,iconClassName:"!text-dark",ariaLabel:(0,f.t)("close")})]})};function C(e){for(var s=1;s<arguments.length;s++){var l=null!=arguments[s]?arguments[s]:{},i=Object.keys(l);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(l).filter(function(e){return Object.getOwnPropertyDescriptor(l,e).enumerable}))),i.forEach(function(s){var i;i=l[s],s in e?Object.defineProperty(e,s,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[s]=i})}return e}var k=function(e){return(0,u.c)().isCircleV4?(0,i.jsx)(b,C({},e)):(0,i.jsx)(y,C({},e))},S=function(e){var s=e.isFluidRoomDrawer,l=e.isFullWidth,g=void 0!==l&&l,b=e.shouldRenderInline,w=void 0!==b&&b,N=(0,d.v)(),y=N.ref,C=N.height,S=(0,j.Km)(),I=(0,u.c)().isCircleV4,L=(0,v.c)(),z=(0,c.t)(),P=z.closeThreadsRailbar,F=z.parentMessage,T=z.chatRoom,D=void 0===T?{}:T,E=z.messageHighlightId,R=z.setMessageHighlightId,K=z.shouldShowRailBar,O=z.isCourseSpace,_=z.isDrawer,B=z.isLiveStream,H=(0,h.$)(),M=O&&!H,U=(0,x.s)(),Y=U.unreadChatThreadIds,V=U.isUnreadThreadFlow,W=function(){E&&(L({key:"message_id",value:void 0}),R(null)),F.chat_thread_id&&(B||Y.includes(F.chat_thread_id))&&!V&&(0,a.r)(F.chat_thread_id),P()};if(!K||(0,m.isEmpty)(D))return null;var q=(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("div",{ref:y,children:(0,i.jsx)(r.h.Header,{children:(0,i.jsx)(k,{title:(0,f.t)("messaging.thread"),onClose:W})})}),(0,i.jsx)(r.h.Content,{heightGap:C,isCourseSpace:M,noPadding:!0,adaptHeightToLgScreen:!w,children:(0,i.jsx)(p.U,{parentMessage:F,chatRoom:D})})]});if(w)return(0,i.jsx)(r.h,{isFullWidth:g,noBorderLeft:M,isSmallScreen:!0,children:q});if(void 0!==s&&s)return(0,i.jsxs)("div",{className:"bg-primary absolute inset-0 z-10 grid grid-rows-[auto_1fr] overflow-hidden",children:[(0,i.jsx)(t.g,{title:(0,f.t)("messaging.thread"),leading:(0,i.jsx)(o.K,{icon:"arrow-left",size:"sm",variant:"ghost",onClick:W,"aria-label":(0,f.t)("back")})}),(0,i.jsx)("div",{id:"rail-content",className:"flex min-h-0 flex-col overflow-hidden",children:(0,i.jsx)(p.U,{parentMessage:F,chatRoom:D,styling:{composerPlacement:"footer"}})})]});if(I&&S)return(0,i.jsx)("div",{className:"fixed inset-0 z-50 flex h-full flex-col bg-primary dark:bg-secondary",children:q});var $=M?"portal":_?"drawer":"header";return(0,i.jsx)(n.En,{position:$,noBorderLeft:M,isFullWidth:g,children:q})}},707628(e,s,l){var i=l(391426),r=l(674251),a=function(e){var s=e.title,l=e.action,a=e.leading;return(0,i.jsxs)("div",{className:"bg-primary sticky top-0 z-10 flex min-h-8 items-center justify-between pb-2 pt-1",children:[(0,i.jsxs)("div",{className:"flex min-w-0 items-center gap-2",children:[a,(0,i.jsx)(r.o.TitleMd,{children:s})]}),l]})};l.d(s,{g:()=>a})},674098(e,s,l){var i=l(391426),r=l(933578),a=l(973646),n=function(e){var s=e.fetchNewPage,l=e.footerDistanceFromBottom,n=void 0===l?-1e3:l,t=e.componentId,c=e.onEvent,d=void 0===c?"scrollDown":c,o=e.messageId,m=e.isLoading,f

1=e.scrollUpDistanceFromTop,h=void 0===f?20:f,x=(0,r.useRef)(null);return(0,r.useEffect)(function(){var e=document.getElementById(t||"");if(e){var l=function(){if(!m){var l=!1;if("scrollUp"===d)l=e.scrollTop<h;else{var i,r=null==x||null==(i=x.current)?void 0:i.getBoundingClientRect();l=e.clientHeight-((null==r?void 0:r.top)||0)>n}l&&s(o)}};return e.addEventListener("scroll",l),function(){e.removeEventListener("scroll",l)}}},[t,s,n,m,o,d,h]),(0,i.jsx)("div",{ref:x,className:"flex justify-center",children:m&&(0,i.jsx)(a.In,{type:"loader"})})};l.d(s,{v:()=>n})},17439(e,s,l){var i=l(391426),r=l(257957),a=l(570310),n=l(881220),t=l(674098),c=function(e){var s=e.children,l=e.className,c=e.shouldShowPrevLoader,d=e.shouldShowNextLoader,o=e.hasNextPage,m=e.hasPrevPage,f=e.onPrevPage,h=e.onNextPage,x=e.firstItemId,u=e.lastItemId,j=e.componentId,v=e.isLoading,p=e.scrollableComponentId;return(0,i.jsxs)(n.t,{viewportProps:{id:j},className:"flex min-h-0 flex-1 flex-col",viewportClassName:(0,a.x)("pt-2 [&>div]:!min-w-0 [&>div]:h-full",l),children:[v?(void 0===c||c)&&(0,i.jsx)(r.a,{center:!0}):m&&(0,i.jsx)(t.v,{componentId:null!=p?p:j,fetchNewPage:f,onEvent:"scrollUp",messageId:x,isLoading:v}),s,v?(void 0===d||d)&&(0,i.jsx)(r.a,{center:!0}):o&&(0,i.jsx)(t.v,{componentId:null!=p?p:j,fetchNewPage:h,messageId:u,footerDistanceFromBottom:-500,isLoading:v})]})};l.d(s,{A:()=>c})},469569(e,s,l){var i=l(391426),r=l(152938),a=l(417515),n=l(983979),t=l(42984),c=l(228464),d=l(791408),o=l(355104),m=[2,3,2],f=function(){return(0,o.c)().isCircleV4?(0,i.jsxs)("div",{className:"bg-primary dark:bg-secondary flex min-h-0 flex-1 flex-col justify-between py-5 size-full",children:[(0,i.jsx)("div",{className:"flex w-full flex-col gap-4",children:m.map(function(e,s){return(0,i.jsxs)("div",{className:"flex w-full items-start gap-4 px-2 md:px-5 py-3",children:[(0,i.jsx)(c.L,{size:"md"}),(0,i.jsx)(d.H,{variant:"body-sm",lines:e,className:"w-full gap-2"})]},s)})}),(0,i.jsx)("div",{className:"z-50 w-full p-5",children:(0,i.jsx)("div",{className:"border-primary h-24 w-full rounded-md border",children:(0,i.jsx)("div",{className:"flex h-full items-end space-x-3 p-4",children:[,,,,].fill(0).map(function(e,s){return(0,i.jsx)("div",{className:"bg-secondary dark:bg-primary size-6 rounded-md"},s)})})})})]}):(0,i.jsxs)("div",{className:"h-full bg-primary flex flex-col justify-between py-5",children:[(0,i.jsxs)(t.Y,{lg:!0,full:!0,children:[(0,i.jsx)("div",{className:"px-5 py-2",children:(0,i.jsxs)(a.j,{md:!0,full:!0,children:[(0,i.jsx)(r.e,{}),(0,i.jsxs)(t.Y,{full:!0,children:[(0,i.jsx)(n.f,{sm:!0}),(0,i.jsx)(n.f,{sm:!0,almostFull:!0})]})]})}),(0,i.jsx)("div",{className:"px-5 py-2",children:(0,i.jsxs)(a.j,{md:!0,full:!0,children:[(0,i.jsx)(r.e,{}),(0,i.jsxs)(t.Y,{full:!0,children:[(0,i.jsx)(n.f,{sm:!0}),(0,i.jsx)(n.f,{sm:!0,full:!0}),(0,i.jsx)(n.f,{sm:!0,almostFull:!0})]})]})}),(0,i.jsx)("div",{className:"px-5 py-2",children:(0,i.jsxs)(a.j,{md:!0,full:!0,children:[(0,i.jsx)(r.e,{}),(0,i.jsxs)(t.Y,{full:!0,children:[(0,i.jsx)(n.f,{sm:!0}),(0,i.jsx)(n.f,{sm:!0,almostFull:!0})]})]})})]}),(0,i.jsx)("div",{className:"bg-primary z-50 w-full p-5",children:(0,i.jsx)("div",{className:"border-primary h-24 w-full rounded-md border",children:(0,i.jsx)("div",{className:"flex h-full items-end space-x-3 p-4",children:[,,,,].fill(0).map(function(e,s){return(0,i.jsx)("div",{className:"bg-secondary size-6 rounded-md"},s)})})})})]})};l.d(s,{h:()=>f})}}]);
2//# sourceMappingURL=/packs/js/RailbarChatThreads-d1e0f05c8a3874b6.chunk.js.map