@linktr.ee/messaging-react 3.8.1 → 3.9.0-rc-1783406511

package/dist/index-DpzmKL5U.cjs

@@ -0,0 +1,2 @@
+"use strict";const t=require("react/jsx-runtime"),u=require("react"),As=require("@linktr.ee/messaging-core"),$e=require("stream-chat"),j=require("stream-chat-react"),w=require("@phosphor-icons/react"),k=require("classnames"),He=require("stream-chat-react/experimental"),Gt=u.createContext({service:null,client:null,isConnected:!1,isLoading:!1,error:null,capabilities:{},refreshConnection:async()=>{},debug:!1}),Ye=()=>u.useContext(Gt),Rs=({children:e,user:s,serviceConfig:n,apiKey:a,capabilities:r={},debug:i=!1,client:c})=>{var E,L;const o=u.useCallback((I,...z)=>{i&&console.log(`🔥 [MessagingProvider] ${I}`,...z)},[i]);o("🔄 RENDER START",{userId:s==null?void 0:s.id,apiKey:(a==null?void 0:a.substring(0,8))+"...",serviceConfig:!!n,capabilities:Object.keys(r)});const[d,m]=u.useState(null),[g,x]=u.useState(null),[h,l]=u.useState(!1),[b,_]=u.useState(!1),[p,f]=u.useState(null),v=u.useRef(!1),y=u.useRef(null),S=u.useRef(n);S.current=n;const R=u.useRef(i);R.current=i;const M=u.useRef({userId:s==null?void 0:s.id,apiKey:a,serviceConfig:n,capabilities:r}),D=u.useRef(0);D.current++,o("📊 RENDER INFO",{renderCount:D.current,currentProps:{userId:s==null?void 0:s.id,apiKey:(a==null?void 0:a.substring(0,8))+"..."},propChanges:{userChanged:M.current.userId!==(s==null?void 0:s.id),apiKeyChanged:M.current.apiKey!==a,serviceConfigChanged:M.current.serviceConfig!==n,capabilitiesChanged:M.current.capabilities!==r}}),M.current={userId:s==null?void 0:s.id,apiKey:a,serviceConfig:n,capabilities:r};const B=u.useRef(null);!c&&a&&((E=B.current)==null?void 0:E.apiKey)!==a&&(B.current={apiKey:a,client:new $e.StreamChat(a)});const O=c||(a?((L=B.current)==null?void 0:L.client)??null:null);u.useEffect(()=>{const I=D.current,z=S.current;if(c){y.current=null,m(null),x(null),l(!1),f(null),_(!1);return}if(!a||!O||!z){o("⚠️ SERVICE INIT SKIPPED",{renderCount:I,reason:"Missing apiKey, client, or serviceConfig"});return}o("🚀 CREATING SERVICE",{renderCount:I,apiKey:(a==null?void 0:a.substring(0,8))+"..."});const $=new As.StreamChatService({...z,apiKey:a,debug:R.current,client:O});y.current=$,m($),o("✅ SERVICE SET",{renderCount:I,serviceInstance:!!$})},[a,O,c]);const F=u.useRef(null);u.useEffect(()=>{var z,$;if(o("🔗 USER CONNECTION EFFECT TRIGGERED",{hasService:!!d,hasUser:!!s,userId:s==null?void 0:s.id,isConnecting:v.current,isConnected:h,dependencies:{service:!!d,userId:s==null?void 0:s.id}}),c)return;if(!d||!s){o("⚠️ USER CONNECTION SKIPPED","Missing service or user");return}if(v.current){o("⚠️ USER CONNECTION SKIPPED","Already connecting");return}if(((z=F.current)==null?void 0:z.serviceId)===d&&(($=F.current)==null?void 0:$.userId)===s.id){o("⚠️ USER CONNECTION SKIPPED","Already connected this user with this service");return}(async()=>{o("🚀 STARTING USER CONNECTION",{userId:s.id}),v.current=!0,_(!0),f(null);try{o("📞 CALLING SERVICE.CONNECTUSER",{userId:s.id});const V=await d.connectUser(s);x(V),l(!0),F.current={serviceId:d,userId:s.id},o("✅ USER CONNECTION SUCCESS",{userId:s.id,clientId:V.userID})}catch(V){const X=V instanceof Error?V.message:"Connection failed";f(X),o("❌ USER CONNECTION ERROR",{userId:s.id,error:X})}finally{_(!1),v.current=!1,o("🔄 USER CONNECTION FINISHED",{userId:s.id,isConnected:h})}})()},[d,s,o,h,c]),u.useEffect(()=>{const I=O;return()=>{var z;I&&(F.current=null,(z=y.current)==null||z.disconnectUser().catch(console.error))}},[O]);const C=u.useCallback(async()=>{if(o("🔄 REFRESH CONNECTION CALLED",{hasService:!!d,hasUser:!!s}),!c){if(!d||!s){o("⚠️ REFRESH CONNECTION SKIPPED","Missing service or user");return}o("🚀 STARTING CONNECTION REFRESH",{userId:s.id}),_(!0);try{o("🔌 DISCONNECTING FOR REFRESH"),await d.disconnectUser(),o("📞 RECONNECTING FOR REFRESH");const I=await d.connectUser(s);x(I),l(!0),f(null),o("✅ CONNECTION REFRESH SUCCESS",{userId:s.id})}catch(I){const z=I instanceof Error?I.message:"Refresh failed";f(z),o("❌ CONNECTION REFRESH ERROR",{userId:s.id,error:z})}finally{_(!1),o("🔄 CONNECTION REFRESH FINISHED",{userId:s.id})}}},[d,s,o,c]),T=u.useMemo(()=>(o("💫 CONTEXT VALUE MEMOIZATION",{hasService:!!d,hasClient:!!g,isConnected:h,isLoading:b,hasError:!!p,capabilitiesKeys:Object.keys(r)}),{service:c?null:d,client:c??g,isConnected:c?!0:h,isLoading:c?!1:b,error:c?null:p,capabilities:r,refreshConnection:C,debug:i}),[d,g,c,h,b,p,r,C,i,o]);return o("🔄 RENDER END",{renderCount:D.current,willRenderChat:!!O,contextValueReady:!!T}),t.jsx(Gt.Provider,{value:T,children:O?t.jsx(j.Chat,{client:O,customClasses:{channelList:"str-chat__channel-list str-chat__channel-list-react bg-transparent lg:border-r-2 border-r-0 border-[#0000000A]"},children:e}):e})},Ht=()=>Ye(),qe=e=>{var a,r;const[s,n]=u.useState(!!((r=(a=e==null?void 0:e.state)==null?void 0:a.membership)!=null&&r.pinned_at));return u.useEffect(()=>{var c;if(!e){n(!1);return}n(!!((c=e.state.membership)!=null&&c.pinned_at));const i=o=>{var d;n(o!=null&&o.member?!!o.member.pinned_at:!!((d=e.state.membership)!=null&&d.pinned_at))};return e.on("member.updated",i),()=>{e.off("member.updated",i)}},[e]),s},Ls="linktree-official",Ds="linktree-official-sender";function ge(e,s,n){const a=Object.values(e||{});if(n===Ls){const r=a.find(i=>{var c;return((c=i.user)==null?void 0:c.id)===Ds});if(r)return r}return a.find(r=>{var i;return((i=r.user)==null?void 0:i.id)&&r.user.id!==s})}const Fs=/^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i;function Yt(e){return Fs.test(e.trim())}function Ft(e,s){const n=e==null?void 0:e.trim();return!n||s&&n===s?!1:!Yt(n)}function Ie(e){return Ft(e==null?void 0:e.name,e==null?void 0:e.id)?e.name.trim():Ft(e==null?void 0:e.username,e==null?void 0:e.id)?e.username.trim():"Unknown member"}const zt=[{emoji:"🍎",bgColor:"#FFD1DD"},{emoji:"🍌",bgColor:"#FFF1C9"},{emoji:"🍇",bgColor:"#E6D9FF"},{emoji:"🍊",bgColor:"#D6F4FF"},{emoji:"🍓",bgColor:"#FFE0AE"},{emoji:"🥥",bgColor:"#F7E7D8"},{emoji:"🍒",bgColor:"#DFF4D8"},{emoji:"🥭",bgColor:"#FFD8C2"},{emoji:"🍉",bgColor:"#D6EBFF"},{emoji:"🍋",bgColor:"#CAEEB5"},{emoji:"🥝",bgColor:"#FFE7C7"},{emoji:"🫒",bgColor:"#F6E3B4"},{emoji:"🍈",bgColor:"#D9F7E1"}];function zs(e){let s=0;for(let n=0;n<e.length;n++){const a=e.charCodeAt(n);s=(s<<5)-s+a,s=s&s}return Math.abs(s)}function qt(e){return zt[zs(e)%zt.length]}function Ps(e){return qt(e).emoji}function Os(e){return qt(e).bgColor}const Q=({id:e,image:s,size:n=40,className:a,starred:r=!1,shape:i="squircle",dmAgentEnabled:c=!1})=>{const o=Ps(e),d=Os(e),m=.45,x=n<32?Math.round(n*m):n<56?14:n<120?18:36,h=n>=40?2:1,l=i==="circle"?{borderRadius:"50%"}:{borderRadius:"1rem"},b=t.jsx("div",{className:"h-full w-full overflow-hidden",style:l,children:s?t.jsx("img",{src:s,alt:"",className:"h-full w-full object-cover"}):t.jsx("div",{"aria-hidden":"true",className:k("avatar-fallback flex h-full w-full items-center justify-center font-semibold select-none transition-colors"),style:{fontSize:x,lineHeight:1},children:o})});return t.jsxs("div",{className:k("relative flex-shrink-0",a),style:{"--str-chat__avatar-size":`${n}px`,width:`${n}px`,height:`${n}px`,backgroundColor:s?void 0:d,...l},children:[r&&t.jsx("div",{"aria-hidden":"true",className:"absolute -left-1.5 -top-1.5 z-10 flex size-5 items-center justify-center rounded-full bg-white shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]",children:t.jsx(w.StarIcon,{className:"size-3 text-yellow-600",weight:"duotone"})}),t.jsx("div",{"data-testid":"avatar-ring",className:k("h-full w-full","bg-transparent"),style:{...l,...c&&{borderWidth:`${h}px`,borderStyle:"solid",borderColor:"var(--AI-Gradient, #7F22FE)",boxShadow:"inset 0 1px 2px 0 rgba(255, 255, 255, 0.5)"}},children:b})]})},$s="https://linktr.ee/s/about/trust-center/report",Bs=({channel:e,participant:s,showBlockParticipant:n=!0,enabled:a=!0,onLeaveConversation:r,onBlockParticipant:i,onDeleteConversationClick:c,onBlockParticipantClick:o,onReportParticipantClick:d,onActionComplete:m,logLabel:g="useChannelModerationActions"})=>{var T;const{service:x,debug:h}=Ye(),l=(T=s==null?void 0:s.user)==null?void 0:T.id,b=!!(a&&n&&x&&l),[_,p]=u.useState(!1),[f,v]=u.useState(null),[y,S]=u.useState(!1),[R,M]=u.useState(!1),D=b&&((f==null?void 0:f.participantId)!==l||(f==null?void 0:f.service)!==x);return u.useEffect(()=>{if(!b||!x||!l){p(!1),v(null);return}let E=!1;return(async()=>{try{const L=await x.getBlockedUsers();if(E)return;p(L.some(I=>I.blocked_user_id===l))}catch(L){E||console.error(`[${g}] Failed to check blocked status:`,L)}finally{E||v({participantId:l,service:x})}})(),()=>{E=!0}},[b,x,l,g]),{isParticipantBlocked:_,isCheckingBlockedStatus:D,isLeaving:y,isUpdatingBlockStatus:R,handleLeaveConversation:async()=>{var E;if(!y){c==null||c(),h&&console.log(`[${g}] Leave conversation`,e.cid),S(!0);try{const L=((E=e._client)==null?void 0:E.userID)??null;await e.hide(L,!1),r&&await r(e),m==null||m()}catch(L){console.error(`[${g}] Failed to leave conversation`,L)}finally{S(!1)}}},handleBlockUser:async()=>{var E,L,I;if(!(R||!x)){o==null||o(),h&&console.log(`[${g}] Block member`,(E=s==null?void 0:s.user)==null?void 0:E.id),M(!0);try{await x.blockUser((L=s==null?void 0:s.user)==null?void 0:L.id),i&&await i((I=s==null?void 0:s.user)==null?void 0:I.id),m==null||m()}catch(z){console.error(`[${g}] Failed to block member`,z)}finally{M(!1)}}},handleUnblockUser:async()=>{var E,L,I;if(!(R||!x)){o==null||o(),h&&console.log(`[${g}] Unblock member`,(E=s==null?void 0:s.user)==null?void 0:E.id),M(!0);try{await x.unBlockUser((L=s==null?void 0:s.user)==null?void 0:L.id),i&&await i((I=s==null?void 0:s.user)==null?void 0:I.id),m==null||m()}catch(z){console.error(`[${g}] Failed to unblock member`,z)}finally{M(!1)}}},handleReportUser:()=>{d==null||d(),m==null||m(),window.open($s,"_blank","noopener,noreferrer")}}},me=({variant:e="default",className:s,children:n,...a})=>{const r=e==="danger";return t.jsx("button",{type:"button",className:k("flex w-full items-center gap-3 rounded-lg px-4 py-3 text-left text-sm transition-colors focus-ring disabled:cursor-not-allowed disabled:opacity-60",r?"text-danger hover:bg-danger/50":"text-charcoal hover:bg-sand",s),...a,children:n})},Be=({channel:e,participant:s,showDeleteConversation:n=!0,showBlockParticipant:a=!0,showReportParticipant:r=!0,onLeaveConversation:i,onBlockParticipant:c,onDeleteConversationClick:o,onBlockParticipantClick:d,onReportParticipantClick:m,customChannelActions:g,triggerClassName:x})=>{const[h,l]=u.useState(!1),b=u.useRef(null),_=u.useId(),p=u.useCallback(()=>l(!1),[]),{isParticipantBlocked:f,isCheckingBlockedStatus:v,isLeaving:y,isUpdatingBlockStatus:S,handleLeaveConversation:R,handleBlockUser:M,handleUnblockUser:D,handleReportUser:B}=Bs({channel:e,participant:s,showBlockParticipant:a,enabled:h,onLeaveConversation:i,onBlockParticipant:c,onDeleteConversationClick:o,onBlockParticipantClick:d,onReportParticipantClick:m,onActionComplete:p,logLabel:"ChannelActionsMenu"});return u.useEffect(()=>{if(!h)return;const F=T=>{b.current&&!b.current.contains(T.target)&&l(!1)},C=T=>{T.key==="Escape"&&l(!1)};return document.addEventListener("mousedown",F),document.addEventListener("keydown",C),()=>{document.removeEventListener("mousedown",F),document.removeEventListener("keydown",C)}},[h]),!s||!(n||a||r||!!g)?null:t.jsxs("div",{ref:b,className:"relative",children:[t.jsxs("button",{className:x,type:"button","aria-haspopup":"true","aria-expanded":h,"aria-controls":h?_:void 0,onClick:()=>l(F=>!F),children:[t.jsx(w.DotsThreeIcon,{className:"size-5 text-black/90"}),t.jsx("span",{className:"sr-only",children:"More options"})]}),h&&t.jsx("div",{id:_,"aria-label":"Conversation options",className:k("absolute right-0 top-full z-50 mt-2 w-56 overflow-hidden","rounded-lg border border-sand bg-white p-1 shadow-max-elevation-light"),children:t.jsxs("ul",{className:"flex flex-col gap-1",children:[n&&t.jsx("li",{children:t.jsxs(me,{onClick:R,disabled:y,"aria-busy":y,children:[y?t.jsx(w.SpinnerGapIcon,{className:"h-5 w-5 animate-spin"}):t.jsx(w.SignOutIcon,{className:"h-5 w-5"}),t.jsx("span",{children:"Delete Conversation"})]})}),a&&t.jsx("li",{children:v?t.jsxs(me,{disabled:!0,"aria-busy":!0,children:[t.jsx(w.SpinnerGapIcon,{className:"h-5 w-5 animate-spin"}),t.jsx("span",{children:"Block"})]}):f?t.jsxs(me,{onClick:D,disabled:S,"aria-busy":S,children:[S?t.jsx(w.SpinnerGapIcon,{className:"h-5 w-5 animate-spin"}):t.jsx(w.ProhibitInsetIcon,{className:"h-5 w-5"}),t.jsx("span",{children:"Unblock"})]}):t.jsxs(me,{onClick:M,disabled:S,"aria-busy":S,children:[S?t.jsx(w.SpinnerGapIcon,{className:"h-5 w-5 animate-spin"}):t.jsx(w.ProhibitInsetIcon,{className:"h-5 w-5"}),t.jsx("span",{children:"Block"})]})}),r&&t.jsx("li",{children:t.jsxs(me,{variant:"danger",onClick:B,children:[t.jsx(w.FlagIcon,{className:"h-5 w-5"}),t.jsx("span",{children:"Report"})]})}),g]})})]})},Le="flex size-10 flex-shrink-0 items-center justify-center rounded-full bg-white/65 shadow-[0px_4px_8px_0px_rgba(0,0,0,0.06),0px_0px_0px_1px_rgba(0,0,0,0.04)] backdrop-blur-[40px] transition-filter duration-150 hover:brightness-95 aria-expanded:brightness-95 focus-ring",Us="CUSTOMER_PAID",Vs="Replies instantly with AI assistant",Gs=e=>typeof e=="string"&&e.trim().replace(/[\s-]+/g,"_").toUpperCase()===Us,Hs=e=>{const s=e;return[s==null?void 0:s.customerTag,s==null?void 0:s.customer_tag].some(Gs)},Ys=({onBack:e,showBackButton:s,showStarButton:n=!1,dmAgentEnabled:a=!1,onLeaveConversation:r,onBlockParticipant:i,showDeleteConversation:c=!0,showBlockParticipant:o=!0,showReportParticipant:d=!0,onDeleteConversationClick:m,onBlockParticipantClick:g,onReportParticipantClick:x,customChannelActions:h,renderChannelActions:l,showChannelInfo:b=!0,onParticipantNameClick:_})=>{var B,O,F;const{channel:p}=j.useChannelStateContext(),{client:f}=j.useChatContext(),v=u.useMemo(()=>{var C;return ge((C=p.state)==null?void 0:C.members,f==null?void 0:f.userID,p.type)},[(B=p.state)==null?void 0:B.members,f==null?void 0:f.userID,p.type]),y=Ie(v==null?void 0:v.user),S=(O=v==null?void 0:v.user)==null?void 0:O.image,R=qe(p),M=Hs(v),D=async()=>{try{R?await p.unpin():await p.pin()}catch(C){console.error("[ChannelHeaderRedesign] Failed to update pinned status:",C)}};return t.jsx("div",{className:"@container w-full bg-[linear-gradient(180deg,#FBFAF9_0%,rgba(251,250,249,0.92)_58%,rgba(251,250,249,0)_100%)]",children:t.jsxs("div",{className:"grid min-h-[100px] grid-cols-[minmax(40px,1fr)_auto_minmax(40px,1fr)] items-start pb-2 pt-5 @lg:min-h-[104px] @lg:pt-6",children:[t.jsx("div",{className:"flex items-start",children:s&&t.jsx("button",{className:k(Le,"messaging-channel-view-back-button-mobile messaging-channel-view-back-button-desktop"),onClick:e||(()=>{}),type:"button","aria-label":"Back to conversations",children:t.jsx(w.ArrowLeftIcon,{className:"size-5 text-black/90"})})}),t.jsx("div",{className:"flex min-w-0 justify-center","data-dd-privacy":"mask",children:t.jsxs("button",{type:"button",onClick:_,"aria-label":`View details for ${y}`,className:"group flex min-w-0 max-w-full appearance-none flex-col items-center border-0 bg-transparent px-2 focus-ring focus-visible:outline-none",children:[t.jsx(Q,{id:((F=v==null?void 0:v.user)==null?void 0:F.id)||p.id||"unknown",name:y,image:S,dmAgentEnabled:a,shape:"circle",size:48,className:"-mb-2"}),t.jsxs("span",{className:"relative z-10 flex max-w-full flex-col items-center justify-center rounded-full border border-white/10 bg-white/65 py-1.5 pl-3 pr-2 shadow-[0px_0px_0px_0px_rgba(0,0,0,0.04),0px_1px_2px_0px_rgba(0,0,0,0.04),0px_8px_32px_0px_rgba(0,0,0,0.1)] backdrop-blur-[2px] transition-filter duration-150 group-hover:brightness-95",children:[t.jsxs("span",{className:"flex max-w-full items-center justify-center",children:[t.jsx("span",{className:"min-w-0 truncate text-sm font-bold leading-[1.43] tracking-[0.28px] text-black/90",children:y}),t.jsxs("span",{className:"ml-2 flex gap-1",children:[M&&t.jsx("span",{"aria-label":"Paid customer",className:"flex size-4 shrink-0 items-center justify-center rounded-full bg-[#34C759] text-white",children:t.jsx(w.CurrencyDollarIcon,{className:"size-2.5",weight:"bold"})}),n&&R&&t.jsx("span",{"aria-label":"Starred conversation",className:"flex size-4 shrink-0 items-center justify-center rounded-full bg-[#FFD60A] text-white",children:t.jsx(w.StarIcon,{className:"size-2.5",weight:"fill"})}),t.jsx(w.CaretRightIcon,{"aria-hidden":"true",className:"size-4 shrink-0 text-black/65",weight:"bold"})]})]}),a&&t.jsxs("span",{className:"mt-1 flex items-center gap-1 px-1 pb-0.5 text-[10px] leading-3 text-black/55",children:[t.jsx(w.SparkleIcon,{className:"size-3 shrink-0 text-black/55"}),t.jsx("span",{children:Vs})]})]})]})}),t.jsxs("div",{className:"flex items-start justify-end gap-2",children:[n&&t.jsx("button",{className:Le,onClick:D,type:"button","aria-pressed":R,"aria-label":R?"Unstar conversation":"Star conversation",children:t.jsx(w.StarIcon,{className:k("size-5",{"text-[#FFD60A]":R,"text-black/90":!R}),weight:R?"fill":"regular"})}),b&&(l!==void 0?l:t.jsx(Be,{channel:p,participant:v,showDeleteConversation:c,showBlockParticipant:o,showReportParticipant:d,onLeaveConversation:r,onBlockParticipant:i,onDeleteConversationClick:m,onBlockParticipantClick:g,onReportParticipantClick:x,customChannelActions:h,triggerClassName:Le}))]})]})})},qs=e=>t.jsx(j.DateSeparator,{...e,position:"center"}),Ue="vote_up",Ve="vote_down";function Xs(e){return e!=null&&e.length?e.some(s=>s.type===Ve)?"down":e.some(s=>s.type===Ue)?"up":null:null}function Xt(e){const{channel:s}=j.useChannelStateContext(),{client:n}=j.useChatContext("useMessageVote"),a=u.useMemo(()=>Xs(e.own_reactions),[e.own_reactions]),r=u.useCallback(async()=>{if(n!=null&&n.userID)try{a==="up"?await s.deleteReaction(e.id,Ue):await s.sendReaction(e.id,{type:Ue},{enforce_unique:!0,skip_push:!0})}catch{}},[s,n==null?void 0:n.userID,e.id,a]),i=u.useCallback(async()=>{if(n!=null&&n.userID)try{a==="down"?await s.deleteReaction(e.id,Ve):await s.sendReaction(e.id,{type:Ve},{enforce_unique:!0,skip_push:!0})}catch{}},[s,n==null?void 0:n.userID,e.id,a]);return{selected:a,voteUp:r,voteDown:i}}function Wt(e){return(e==null?void 0:e.trim().toLowerCase().split(/[-_]/)[0])||void 0}function Xe({message:e,viewerLanguage:s}){var r;const n=e==null?void 0:e.text,a=Wt(s);return a?((r=e==null?void 0:e.i18n)==null?void 0:r[`${a}_text`])??n:n}const Ws=u.lazy(()=>Promise.resolve().then(()=>require("./Card-CmRzkuPw.cjs"))),Ks=u.lazy(()=>Promise.resolve().then(()=>require("./Card-iKTcn1wg.cjs"))),Js=u.lazy(()=>Promise.resolve().then(()=>require("./Card-DVEuTlf_.cjs"))),We=()=>t.jsx("div",{className:"w-[280px] min-h-[200px] animate-pulse rounded-md bg-black/[0.06] shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_1px_2px_rgba(0,0,0,0.04),0_8px_32px_rgba(0,0,0,0.1)]","aria-hidden":!0}),Zs=e=>t.jsx(u.Suspense,{fallback:t.jsx(We,{}),children:t.jsx(Ws,{...e})}),Qs=e=>t.jsx(u.Suspense,{fallback:t.jsx(We,{}),children:t.jsx(Ks,{...e})}),en=e=>t.jsx(u.Suspense,{fallback:t.jsx(We,{}),children:t.jsx(Js,{...e})}),he={Composer:Zs,Text:Qs,Media:en},tn=[[/pdf/,"pdf"],[/wordprocessingml|msword|\.doc/,"doc"],[/spreadsheetml|ms-excel|\.xls/,"xls"],[/csv/,"csv"],[/presentationml|ms-powerpoint|\.ppt/,"ppt"],[/zip|x-rar|x-7z|x-tar|x-gzip/,"zip"],[/plain|rtf/,"text"],[/markdown/,"markdown"]];function se(e){return e.startsWith("video/")?"video":e.startsWith("audio/")?"audio":e.startsWith("image/")?"image":"document"}function Kt(e){const s=tn.find(([n])=>n.test(e));return s?s[1]:"generic"}const sn={video:w.VideoCameraIcon,audio:w.SpeakerHighIcon,image:w.ImageIcon,document:w.FileIcon},nn={pdf:w.FilePdfIcon,doc:w.FileDocIcon,xls:w.FileXlsIcon,csv:w.FileCsvIcon,ppt:w.FilePptIcon,zip:w.FileZipIcon,text:w.FileTextIcon,markdown:w.FileMdIcon,generic:w.FileIcon};function an(e){const s=se(e);return s!=="document"?sn[s]:nn[Kt(e)]}function oe(e,s){return u.createElement(an(e),s)}const rn=e=>{var s,n;return"touches"in e?((s=e.touches[0])==null?void 0:s.clientX)??((n=e.changedTouches[0])==null?void 0:n.clientX)??0:e.clientX},on=({source:e,mimeType:s,poster:n,autoPlay:a=!1,playing:r,loop:i=!1,controls:c=!0,showProgress:o=!1,muted:d=!1,onContainerClick:m})=>{const g=se(s),x=u.useRef(null),h=u.useRef(null),l=u.useRef(null),b=u.useRef(r),[_,p]=u.useState(a),[f,v]=u.useState(0),[y,S]=u.useState(!1),[R,M]=u.useState(!1),[D,B]=u.useState(!1),[O,F]=u.useState(!1),[C,T]=u.useState(!0),[E,L]=u.useState(null),I=u.useCallback(()=>{B(!1),p(!0)},[]),z=u.useCallback(N=>{const A=h.current;if(!A)return 0;const G=A.getBoundingClientRect();return Math.max(0,Math.min(1,(rn(N)-G.left)/G.width))},[]),$=u.useCallback(N=>{const A=x.current;A&&A.duration&&(A.currentTime=N*A.duration)},[]),V=N=>{N.stopPropagation(),S(!0);const A=z(N);v(A),$(A)};u.useEffect(()=>{r!==void 0&&r!==b.current&&(b.current=r,p(r))},[r]),u.useEffect(()=>{if(!_){l.current!==null&&(cancelAnimationFrame(l.current),l.current=null);return}const N=()=>{const A=x.current;A&&A.duration&&!y&&v(A.currentTime/A.duration),l.current=requestAnimationFrame(N)};return l.current=requestAnimationFrame(N),()=>{l.current!==null&&cancelAnimationFrame(l.current)}},[_,y]),u.useEffect(()=>{const N=x.current;N&&(_?N.play().catch(A=>{p(!1),B(!0)}):N.pause())},[_]),u.useEffect(()=>{if(!y)return;const N=G=>v(z(G)),A=G=>{S(!1),$(z(G))};return window.addEventListener("mousemove",N),window.addEventListener("mouseup",A),window.addEventListener("touchmove",N,{passive:!0}),window.addEventListener("touchend",A),()=>{window.removeEventListener("mousemove",N),window.removeEventListener("mouseup",A),window.removeEventListener("touchmove",N),window.removeEventListener("touchend",A)}},[y,z,$]);const X=E?{aspectRatio:String(E)}:void 0,J=E?"":" aspect-video",W=Math.round(f*100);return t.jsxs("div",{role:"button",tabIndex:0,className:`relative cursor-pointer overflow-hidden bg-black ${J}`,style:X,onClick:N=>{if(m){m(N);return}D||c&&p(A=>!A)},onKeyDown:N=>{if(!(N.key!=="Enter"&&N.key!==" ")){if(N.preventDefault(),m){m(N);return}D||c&&p(A=>!A)}},children:[n&&(g==="audio"||C)&&t.jsx("img",{src:n,alt:"",className:"absolute inset-0 h-full w-full object-cover"}),!n&&(g==="audio"||C)&&t.jsx("div",{className:"absolute inset-0 flex items-center justify-center",children:oe(s,{className:"size-12 text-black/20",weight:"regular"})}),t.jsx("div",{className:"absolute inset-0",children:g==="audio"?t.jsx("audio",{ref:x,src:e,loop:i,muted:d,style:{width:"100%",height:"100%"},onLoadStart:()=>F(!0),onCanPlay:()=>{F(!1),T(!1)},onWaiting:()=>F(!0),onPlay:()=>B(!1),onEnded:()=>{i||(p(!1),v(0))},children:t.jsx("track",{kind:"captions"})}):t.jsx("video",{ref:x,src:e,loop:i,muted:d,playsInline:!0,style:{width:"100%",height:"100%"},onLoadStart:()=>F(!0),onCanPlay:()=>{F(!1),T(!1)},onWaiting:()=>F(!0),onPlay:()=>B(!1),onLoadedMetadata:()=>{const N=x.current;N instanceof HTMLVideoElement&&N.videoWidth&&N.videoHeight&&L(N.videoWidth/N.videoHeight)},onEnded:()=>{i||(p(!1),v(0))},children:t.jsx("track",{kind:"captions"})})}),O&&!D&&t.jsx("div",{className:"absolute inset-0 z-10 flex items-center justify-center",children:t.jsx(w.CircleNotchIcon,{className:"size-8 animate-spin text-white/80",weight:"bold"})}),D&&!c&&t.jsx("div",{className:"absolute inset-0 z-30 flex cursor-pointer items-center justify-center bg-black/35",role:"button",tabIndex:0,"aria-label":"Play preview",onClick:N=>{N.stopPropagation(),I()},onKeyDown:N=>{N.key!=="Enter"&&N.key!==" "||(N.preventDefault(),N.stopPropagation(),I())},children:t.jsx("span",{className:"flex size-16 items-center justify-center rounded-full bg-white/20 text-white backdrop-blur-sm",children:t.jsx(w.PlayIcon,{className:"size-9 translate-x-0.5",weight:"fill"})})}),o&&!c&&t.jsx("div",{className:"absolute inset-x-0 bottom-0 px-3 pb-2.5 pt-6 bg-gradient-to-t from-black/40 to-transparent",children:t.jsx("div",{role:"slider","aria-label":"Playback position","aria-valuenow":W,"aria-valuemin":0,"aria-valuemax":100,tabIndex:0,ref:h,className:"relative flex h-4 w-full cursor-pointer items-center",onMouseDown:V,onTouchStart:V,onClick:N=>N.stopPropagation(),onKeyDown:N=>{N.key==="ArrowRight"&&$(Math.min(1,f+.05)),N.key==="ArrowLeft"&&$(Math.max(0,f-.05))},children:t.jsx("div",{className:"w-full overflow-hidden rounded-full bg-white/30 h-1",children:t.jsx("div",{className:"h-full rounded-full bg-white",style:{width:`${W}%`}})})})}),c&&t.jsxs("div",{className:"absolute inset-x-0 bottom-0 flex items-center gap-2 bg-gradient-to-t from-black/60 to-transparent px-3 pb-2.5 pt-6 transition-all duration-200",children:[t.jsx("button",{type:"button",onClick:N=>{N.stopPropagation(),p(A=>!A)},className:"shrink-0 text-white","aria-label":_?"Pause":"Play",children:_?t.jsx(w.PauseIcon,{className:"size-5",weight:"fill"}):t.jsx(w.PlayIcon,{className:"size-5 translate-x-px",weight:"fill"})}),t.jsxs("div",{role:"slider","aria-label":"Playback position","aria-valuenow":W,"aria-valuemin":0,"aria-valuemax":100,tabIndex:0,ref:h,className:"relative flex h-4 w-full cursor-pointer items-center",onMouseDown:V,onTouchStart:V,onClick:N=>N.stopPropagation(),onMouseEnter:()=>M(!0),onMouseLeave:()=>M(!1),onKeyDown:N=>{N.key==="ArrowRight"&&$(Math.min(1,f+.05)),N.key==="ArrowLeft"&&$(Math.max(0,f-.05))},children:[t.jsx("div",{className:`w-full overflow-hidden rounded-full bg-white/30 transition-all duration-200 ${R||y?"h-1.5":"h-1"}`,children:t.jsx("div",{className:"h-full rounded-full bg-white",style:{width:`${W}%`}})}),t.jsx("div",{className:`absolute size-3 -translate-x-1/2 rounded-full bg-white shadow transition-[opacity,transform] duration-200 ${R||y?"scale-100 opacity-100":"scale-0 opacity-0"}`,style:{left:`${W}%`}})]})]})]})},Pt=e=>e==="dark"?"size-12 text-white/20":"size-12 text-black/20",ln=e=>e==="dark"?"aspect-video overflow-hidden bg-white/10":"aspect-video overflow-hidden bg-black/5",Ke=({mimeType:e,sourceUrl:s,thumbnailUrl:n,title:a,variant:r,mediaPlayerProps:i,containedImage:c=!1})=>{const o=se(e),[d,m]=u.useState(!1);return s&&(o==="video"||o==="audio")?t.jsx(on,{source:s,mimeType:e,poster:n,controls:!0,...i}):s&&o==="image"?c?t.jsx("div",{className:"relative aspect-video overflow-hidden bg-black/5",children:t.jsx("img",{src:s,alt:a??"",className:`absolute inset-0 h-full w-full object-contain transition-opacity duration-300 ${d?"opacity-100":"opacity-0"}`,draggable:!1,onLoad:()=>m(!0)})}):t.jsx("img",{src:s,alt:a??"",className:"block w-full",draggable:!1}):s&&o==="document"?n?c?t.jsx("div",{className:"relative aspect-video overflow-hidden bg-black/5",children:t.jsx("img",{src:n,alt:a??"",className:`absolute inset-0 h-full w-full object-contain transition-opacity duration-300 ${d?"opacity-100":"opacity-0"}`,draggable:!1,onLoad:()=>m(!0)})}):t.jsx("img",{src:n,alt:"",className:"block w-full",draggable:!1}):t.jsx("div",{className:`flex aspect-video w-full items-center justify-center ${r==="dark"?"bg-white/10":"bg-black/5"}`,children:oe(e,{className:Pt(r),weight:"regular"})}):n?t.jsx("div",{className:`relative ${ln(r)}`,children:t.jsx("img",{src:n,alt:a??"",draggable:!1,className:"absolute inset-0 h-full w-full object-cover"})}):t.jsx("div",{className:`flex aspect-video w-full items-center justify-center ${r==="dark"?"bg-white/10":"bg-black/5"}`,children:oe(e,{className:Pt(r),weight:"regular"})})},Jt=({variant:e,thumbnail:s,title:n,placeholderTitle:a="Attachment title",mimeType:r,detail:i,statusBadge:c,action:o,topLeft:d,topRight:m,rootRef:g,"data-testid":x})=>{const h=e==="dark",l=h?n??a:n??"",b=h&&!n;return t.jsxs("div",{ref:g,"data-testid":x,className:k("relative w-[280px] select-none overflow-hidden rounded-[24px] shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]",h?"bg-[#1e2330]":"bg-white"),children:[d?t.jsx("div",{className:"pointer-events-auto absolute left-3 top-3 z-50",children:d}):null,m?t.jsx("div",{className:"pointer-events-auto absolute right-3 top-3 z-50",children:m}):null,s,t.jsxs("div",{className:"px-4 pb-3 pt-3",children:[l.trim()!==""&&t.jsx("p",{className:k("mb-0.5 truncate text-base font-medium",{"text-black":!h,"text-white/30":h&&b,"text-white":h&&!b}),children:l}),t.jsxs("div",{className:"flex flex-wrap items-center gap-1",children:[oe(r,{className:k("size-5 shrink-0",h?"text-white/55":"text-black/55"),weight:"regular"}),i!=null&&i!==""&&t.jsx("span",{className:k("text-xs font-medium",h?"text-white/55":"text-black/55"),children:i}),c]}),o]})]})};function Zt(e){return e<1024?`${e} B`:e<1024*1024?`${(e/1024).toFixed(1)} KB`:`${(e/(1024*1024)).toFixed(1)} MB`}function Je(e){return`w-[280px] select-none overflow-hidden rounded-[24px] ${e?"bg-[#1e2330]":"bg-[#F3F3F1]"} shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]`}function cn(e){return e?"bg-white/10":"bg-black/5"}function dn(e){return e?"text-white":"text-black"}function un(e){return e?"text-white/55":"text-black/55"}function mn(e){return e?"text-white/40":"text-black/40"}function xn(e){return e?"text-white/20":"text-black/20"}const Ze=({attachment:e,isMyMessage:s})=>{const{title:n,text:a,image_url:r,og_scrape_url:i,title_link:c}=e,o=i??c,d=typeof o=="string"&&o.trim()!==""?o:void 0,m=t.jsxs(u.Fragment,{children:[t.jsx("div",{className:"p-2",children:r?t.jsx("img",{src:r,alt:n??"",className:"aspect-video w-full rounded-[20px] object-cover"}):t.jsx("div",{className:`aspect-video w-full rounded-[20px] ${cn(s)} flex items-center justify-center`,children:t.jsx(w.LinkIcon,{className:`size-12 ${xn(s)}`})})}),t.jsxs("div",{className:"px-3 pb-3",children:[n&&t.jsx("p",{className:`truncate text-[14px] font-medium leading-5 ${dn(s)}`,children:n}),a&&t.jsx("p",{className:`truncate text-[12px] leading-4 ${un(s)}`,children:a}),d&&t.jsx("p",{className:`mt-1 truncate text-[12px] leading-4 ${mn(s)}`,children:d})]})]});return d?t.jsx("a",{href:d,target:"_blank",rel:"noopener noreferrer",className:"block no-underline",children:m}):t.jsx("div",{className:"block",children:m})};function Qe(e){return e.type==="link"||!!e.og_scrape_url&&!e.asset_url}function Ee(e){var s;return(s=e.attachments)==null?void 0:s.find(Qe)}async function hn(e,s){let n;try{n=s??new URL(e).pathname.split("/").pop()??"download"}catch{n=s??"download"}const a=await fetch(e,{mode:"cors"});if(!a.ok)throw new Error(`HTTP ${a.status}`);const r=await a.blob(),i=URL.createObjectURL(r),c=document.createElement("a");c.href=i,c.download=n,c.style.display="none",document.body.appendChild(c),c.click(),document.body.removeChild(c),URL.revokeObjectURL(i)}const fn=({url:e,filename:s})=>{const[n,a]=u.useState(!1),r=i=>{i.stopPropagation();const c=window.open("","_blank","noopener,noreferrer");a(!0),hn(e,s).then(()=>{c==null||c.close()}).catch(()=>{c&&(c.location.href=e)}).finally(()=>a(!1))};return t.jsx("button",{type:"button",onClick:r,disabled:n,className:"mt-3 inline-flex h-10 w-full items-center justify-center gap-2 rounded-full bg-[#121110] px-4 text-sm font-medium leading-none text-white hover:bg-[#2a2928] disabled:opacity-70",children:n?t.jsx(w.CircleNotchIcon,{className:"size-4 animate-spin text-white",weight:"bold"}):t.jsxs(u.Fragment,{children:[t.jsx(w.DownloadSimpleIcon,{className:"size-4 text-white",weight:"bold"}),"Download"]})})};function Te(e){var x,h,l,b;const s=(x=e.attachments)==null?void 0:x.find(_=>_.type==="video"&&_.asset_url),n=(h=e.attachments)==null?void 0:h.find(_=>_.type==="image"&&_.image_url),a=(l=e.attachments)==null?void 0:l.find(_=>_.type==="audio"&&_.asset_url),r=(b=e.attachments)==null?void 0:b.find(_=>_.type==="file"&&_.asset_url),i=s??n??a??r,c=(s==null?void 0:s.asset_url)??(n==null?void 0:n.image_url)??(a==null?void 0:a.asset_url)??(r==null?void 0:r.asset_url);if(!c)return null;const o=(i==null?void 0:i.mime_type)??((i==null?void 0:i.type)==="image"?"image/jpeg":(i==null?void 0:i.type)==="video"?"video/mp4":(i==null?void 0:i.type)==="audio"?"audio/mpeg":"application/octet-stream"),d=i==null?void 0:i.title,m=i==null?void 0:i.file_size,g=s==null?void 0:s.thumb_url;return{resolvedUrl:c,resolvedType:o,title:d,fileSize:m,thumbnailUrl:g}}const Qt=({resolvedUrl:e,resolvedType:s,title:n,fileSize:a,thumbnailUrl:r})=>{const i=a!==void 0?Zt(a):void 0;return t.jsx(Jt,{variant:"dark",title:n,placeholderTitle:"",mimeType:s,detail:i,thumbnail:t.jsx(Ke,{mimeType:s,sourceUrl:e,thumbnailUrl:r,title:n,variant:"dark"})})},es=({resolvedUrl:e,resolvedType:s,title:n,fileSize:a,thumbnailUrl:r})=>{const i=se(s),c=a!==void 0?Zt(a):void 0;return t.jsx(Jt,{variant:"light",title:n,mimeType:s,detail:c,thumbnail:t.jsx(Ke,{mimeType:s,sourceUrl:e,thumbnailUrl:r,title:n,variant:"light",containedImage:i==="image"||i==="document"}),action:t.jsx(fn,{url:e,filename:n})})},gn=({message:e,isMyMessage:s=!1})=>{const n=Ee(e),a=Te(e);if(!n&&!a)return null;const r=s?"str-chat__message str-chat__message-simple str-chat__message--me str-chat__message-simple--me":"str-chat__message str-chat__message-simple str-chat__message--other";return t.jsxs("div",{className:r,"data-dd-privacy":"mask",children:[!s&&e.user&&t.jsx(Q,{className:"str-chat__avatar str-chat__message-sender-avatar",id:e.user.id,image:e.user.image,name:e.user.name??e.user.id}),t.jsx("div",{className:"str-chat__message-inner",style:{marginInlineEnd:0,marginInlineStart:0},children:t.jsx("div",{className:"str-chat__message-bubble-wrapper",children:t.jsx("div",{className:"str-chat__message-bubble","data-attachment-bubble":"true",style:{padding:0,borderRadius:0,overflow:"visible",background:"transparent"},children:n?t.jsx("div",{className:Je(s),children:t.jsx(Ze,{attachment:n,isMyMessage:s})}):s?t.jsx(Qt,{...a}):t.jsx(es,{...a})})})})]})},pn=({message:e})=>{const s=Ee(e);if(s)return t.jsx("div",{className:Je(!0),"data-dd-privacy":"mask",children:t.jsx(Ze,{attachment:s,isMyMessage:!0})});const n=Te(e);return n?t.jsx("div",{style:{display:"contents"},"data-dd-privacy":"mask",children:t.jsx(Qt,{...n})}):null},bn=({message:e})=>{const s=Ee(e);if(s)return t.jsx("div",{className:Je(!1),"data-dd-privacy":"mask",children:t.jsx(Ze,{attachment:s,isMyMessage:!1})});const n=Te(e);return n?t.jsx("div",{style:{display:"contents"},"data-dd-privacy":"mask",children:t.jsx(es,{...n})}):null},vn=Object.assign(gn,{Creator:pn,Visitor:bn}),jn={dark:"bg-[#1e2330]",light:"bg-[#f2f1ef]"},wn={dark:"text-white",light:"text-[#000000]"},_n={dark:"border-white/[0.08]",light:"border-black/[0.08]"},Nn=e=>e==="dark"?"sender":"receiver",yn={sender:{single:"rounded-tl-[18px] rounded-tr-[18px] rounded-bl-[18px] rounded-br-[18px]",first:"rounded-tl-[18px] rounded-tr-[18px] rounded-bl-[18px] rounded-br-[4px]",middle:"rounded-tl-[18px] rounded-tr-[4px] rounded-bl-[18px] rounded-br-[4px]",end:"rounded-tl-[18px] rounded-tr-[4px] rounded-bl-[18px] rounded-br-[18px]"},receiver:{single:"rounded-tl-[18px] rounded-tr-[18px] rounded-bl-[18px] rounded-br-[18px]",first:"rounded-tl-[18px] rounded-tr-[18px] rounded-bl-[4px] rounded-br-[18px]",middle:"rounded-tl-[4px] rounded-tr-[18px] rounded-bl-[4px] rounded-br-[18px]",end:"rounded-tl-[4px] rounded-tr-[18px] rounded-bl-[18px] rounded-br-[18px]"}},pe=({variant:e,text:s,bordered:n=!0,groupPosition:a="single",className:r,children:i,"data-testid":c})=>{const o=s!=null&&s!=="",d=yn[Nn(e)][a];return t.jsxs("div",{"data-testid":c,"data-group-position":a,className:k("relative w-[280px] overflow-hidden px-2 py-2",d,jn[e],wn[e],n&&"border",n&&_n[e],r),children:[i,o?t.jsx("p",{className:k("whitespace-pre-wrap break-words leading-snug","pt-2","px-2"),children:s}):null]})},be=({onClick:e,variant:s="overlay",ariaLabel:n="Dismiss attachment"})=>t.jsx("button",{type:"button",onClick:a=>{a.stopPropagation(),e()},"aria-label":n,className:k("flex size-6 items-center justify-center rounded-full text-white",s==="overlay"?"bg-[#121110]/85 backdrop-blur":"bg-white/15 hover:bg-white/25"),children:t.jsx(w.XIcon,{className:"size-3",weight:"bold"})}),ve=e=>e==="received"?"light":"dark",ts=({firstOfGroup:e,endOfGroup:s,groupedByUser:n})=>!n||e&&s?"single":e?"first":s?"end":"middle",Cn=({src:e,mimeType:s,filename:n,items:a})=>a&&a.length>0?a:e?[{src:e,mimeType:s,filename:n}]:[],kn=({item:e,preload:s,trailingAction:n})=>t.jsxs("div",{className:"flex items-center gap-2",children:[t.jsx("audio",{src:e.src,controls:!0,preload:e.preload??s,className:"block min-w-0 flex-1",children:e.mimeType?t.jsx("source",{src:e.src,type:e.mimeType}):null}),n??null]}),et=({state:e,src:s,mimeType:n,filename:a,items:r,text:i,groupPosition:c,preload:o,onDismiss:d})=>{const m=ve(e),g=e==="composer"&&!!d,x=Cn({src:s,mimeType:n,filename:a,items:r});if(x.length===0)return null;const h=o??(x.length>1?"none":"metadata");return t.jsx(pe,{variant:m,text:i,groupPosition:c,"data-testid":"audio-attachment",children:t.jsx("div",{className:"flex flex-col gap-2",children:x.map((l,b)=>t.jsx(kn,{item:l,preload:h,trailingAction:g&&b===0?t.jsx(be,{onClick:d,variant:"inline"}):void 0},`${l.src}-${b}`))})})},Sn=e=>t.jsx(et,{...e,state:"composer"}),In=e=>t.jsx(et,{...e,state:"sent"}),En=e=>t.jsx(et,{...e,state:"received"}),Tn={Composer:Sn,Sent:In,Received:En};function ss(e){return!Number.isFinite(e)||e<0?"":e<1024?`${e} B`:e<1024*1024?`${(e/1024).toFixed(1)} KB`:e<1024*1024*1024?`${(e/(1024*1024)).toFixed(2)} MB`:`${(e/(1024*1024*1024)).toFixed(2)} GB`}const Mn={pdf:"PDF",doc:"DOC",xls:"XLS",csv:"CSV",ppt:"PPT",zip:"ZIP",text:"TXT",markdown:"MD"};function ns(e,s){if(s){const r=s.lastIndexOf(".");if(r>0&&r<s.length-1){const i=s.slice(r+1);if(i&&i.length<=5)return i.toUpperCase()}}if(!e)return;if(se(e)==="document"){const r=Kt(e),i=Mn[r];if(i)return i;if(e==="application/octet-stream")return}const a=e.split("/")[1];if(!(!a||a==="*"))return a.toUpperCase()}function as(e,s,n){const a=ns(e,s),r=typeof n=="number"&&n>0?ss(n):void 0;return[a,r].filter(Boolean).join(" · ")||void 0}function te(e){try{const n=new URL(e).pathname.split("/").pop();return n&&n.length>0?decodeURIComponent(n):"download"}catch{return"download"}}const An={dark:"text-white/55",light:"text-black/65"},Rn={dark:"bg-white/10",light:"bg-black/5"},Ln={dark:"text-white/85",light:"text-black/85"},rs=({variant:e,filename:s,title:n,mimeType:a="application/octet-stream",fileSize:r,onActivate:i,activateLabel:c,trailingAction:o})=>{const d=n??s??"File",m=as(a,s,r),g=t.jsx("div",{className:k("flex size-10 shrink-0 items-center justify-center rounded-sm",Rn[e]),"aria-hidden":!0,children:oe(a,{className:k("size-6",Ln[e]),weight:"regular"})}),x=t.jsxs("div",{className:"flex min-w-0 flex-1 flex-col text-left",children:[t.jsx("p",{className:"truncate font-medium leading-snug",children:d}),m?t.jsx("p",{className:k("truncate text-xs leading-4",An[e]),children:m}):null]}),h=i?t.jsxs("button",{type:"button",onClick:i,"aria-label":c,className:k("flex min-w-0 flex-1 items-center gap-3 rounded-sm text-left transition-colors",e==="dark"?"hover:bg-white/[0.04]":"hover:bg-black/[0.04]"),children:[g,x]}):t.jsxs(t.Fragment,{children:[g,x]});return t.jsxs("div",{className:"flex items-center gap-3 px-3 py-2",children:[h,o?t.jsx("div",{className:"shrink-0",children:o}):null]})};async function is(e,s){const n=s??te(e);try{const a=await fetch(e,{mode:"cors"});if(!a.ok)throw new Error(`HTTP ${a.status}`);const r=await a.blob(),i=URL.createObjectURL(r),c=document.createElement("a");c.href=i,c.download=n,c.style.display="none",document.body.appendChild(c),c.click(),document.body.removeChild(c),URL.revokeObjectURL(i)}catch{if(!window.open(e,"_blank","noopener,noreferrer")){const r=document.createElement("a");r.href=e,r.download=n,r.target="_blank",r.rel="noopener noreferrer",r.style.display="none",document.body.appendChild(r),r.click(),document.body.removeChild(r)}}}const Dn=({src:e,filename:s,fileSize:n,mimeType:a,title:r,items:i})=>i&&i.length>0?i:e?[{src:e,filename:s,fileSize:n,mimeType:a,title:r}]:[],Fn=({variant:e,item:s,index:n,onActivate:a,trailingAction:r})=>{const i=s.filename??te(s.src);return t.jsx(rs,{variant:e,filename:i,title:s.title,mimeType:s.mimeType??"application/octet-stream",fileSize:s.fileSize,onActivate:()=>a(n),activateLabel:`Download ${i}`,trailingAction:r})},tt=({state:e,src:s,filename:n,fileSize:a,mimeType:r,title:i,items:c,text:o,groupPosition:d,onClick:m,onDismiss:g})=>{const x=ve(e),h=e==="composer"&&!!g,l=Dn({src:s,filename:n,fileSize:a,mimeType:r,title:i,items:c}),b=p=>{if((m==null?void 0:m(p))===!1)return;const f=l[p];if(!f)return;const v=f.filename??te(f.src);is(f.src,v)};if(l.length===0)return null;const _=t.jsx("span",{className:k("flex size-8 items-center justify-center rounded-full",x==="dark"?"text-white/70":"text-black/70"),"aria-hidden":!0,children:t.jsx(w.DownloadSimpleIcon,{className:"size-5",weight:"bold"})});return t.jsx(pe,{variant:x,text:o,groupPosition:d,"data-testid":"file-attachment",children:t.jsx("div",{className:"flex flex-col gap-2",children:l.map((p,f)=>{const v=h&&f===0?t.jsx(be,{onClick:g,variant:"inline"}):_;return t.jsx(Fn,{variant:x,item:p,index:f,onActivate:b,trailingAction:v},`${p.src}-${f}`)})})})},zn=e=>t.jsx(tt,{...e,state:"composer"}),Pn=e=>t.jsx(tt,{...e,state:"sent"}),On=e=>t.jsx(tt,{...e,state:"received"}),$n={Composer:zn,Sent:Pn,Received:On},st=({onPrev:e,onNext:s,prevLabel:n="Previous",nextLabel:a="Next"})=>t.jsxs(t.Fragment,{children:[t.jsx("button",{type:"button",onClick:e,"aria-label":n,className:"mes-media-viewer__nav mes-media-viewer__nav--prev",children:t.jsx(w.CaretLeftIcon,{size:20,weight:"bold","aria-hidden":!0})}),t.jsx("button",{type:"button",onClick:s,"aria-label":a,className:"mes-media-viewer__nav mes-media-viewer__nav--next",children:t.jsx(w.CaretRightIcon,{size:20,weight:"bold","aria-hidden":!0})})]}),os=({url:e,filename:s,variant:n="pill",label:a="Download",iconOnly:r,tone:i="dark",onTriggered:c})=>{const[o,d]=u.useState(!1),m=u.useCallback(l=>{l.stopPropagation(),!o&&(d(!0),is(e,s).catch(()=>{}).finally(()=>{d(!1),c==null||c()}))},[o,e,s,c]),g=r??n!=="pill",h={className:k(n==="pill"?"size-4":"size-5","shrink-0"),weight:"bold"};if(n==="inline"){const l={dark:"text-white/70 hover:bg-white/[0.08] hover:text-white",light:"text-black/70 hover:bg-black/[0.08] hover:text-black"};return t.jsx("button",{type:"button",onClick:m,disabled:o,"aria-label":a,className:k("flex size-8 shrink-0 items-center justify-center rounded-full transition-colors disabled:opacity-70",l[i]),children:o?t.jsx(w.CircleNotchIcon,{className:"size-4 animate-spin",weight:"bold","aria-hidden":!0}):t.jsx(w.DownloadSimpleIcon,{className:"size-5 shrink-0",weight:"bold","aria-hidden":!0})})}return n==="viewer"?t.jsx("button",{type:"button",onClick:m,disabled:o,"aria-label":a,className:"mes-media-viewer__action",children:o?t.jsx(w.CircleNotchIcon,{size:20,weight:"bold","aria-hidden":!0}):t.jsx(w.DownloadSimpleIcon,{size:20,weight:"bold","aria-hidden":!0})}):t.jsxs("button",{type:"button",onClick:m,disabled:o,"aria-label":g?a:void 0,className:k("mt-3 inline-flex h-10 w-full items-center justify-center gap-2 rounded-full px-4 text-sm font-medium leading-none transition-colors disabled:opacity-70",i==="dark"?"bg-[#121110] text-white hover:bg-[#2a2928]":"bg-white text-[#121110] hover:bg-white/90"),children:[o?t.jsx(w.CircleNotchIcon,{className:"size-4 animate-spin",weight:"bold","aria-hidden":!0}):t.jsx(w.DownloadSimpleIcon,{...h,"aria-hidden":!0}),g?null:a]})},De=(e,s,n)=>Math.min(Math.max(e,s),n),nt=({length:e,initialIndex:s,open:n})=>{const a=De(s,0,Math.max(e-1,0)),[r,i]=u.useState(a);u.useEffect(()=>{n&&i(De(s,0,Math.max(e-1,0)))},[n,s,e]),u.useEffect(()=>{i(d=>De(d,0,Math.max(e-1,0)))},[e]);const c=u.useCallback(()=>{e<=1||i(d=>d<=0?e-1:d-1)},[e]),o=u.useCallback(()=>{e<=1||i(d=>d>=e-1?0:d+1)},[e]);return u.useEffect(()=>{if(!n||e<=1)return;const d=m=>{if(m.key!=="ArrowLeft"&&m.key!=="ArrowRight")return;const g=document.activeElement;g&&(g.tagName==="VIDEO"||g.tagName==="AUDIO")||(m.preventDefault(),m.key==="ArrowLeft"?c():o())};return window.addEventListener("keydown",d),()=>window.removeEventListener("keydown",d)},[n,e,c,o]),{index:r,prev:c,next:o}},at=({open:e,onClose:s,ariaLabel:n,counter:a,actions:r,children:i,"data-testid":c})=>{const o=u.useRef(null),d=u.useRef(null);u.useEffect(()=>{var h;const x=o.current;if(x){if(e){if(!x.open)if(typeof x.showModal=="function")try{x.showModal()}catch{x.setAttribute("open","")}else x.setAttribute("open","");const l=typeof document<"u"?document.activeElement:null;return(h=d.current)==null||h.focus(),()=>{if(x.open)if(typeof x.close=="function")try{x.close()}catch{x.removeAttribute("open")}else x.removeAttribute("open");l&&document.body.contains(l)&&l.focus()}}if(x.open)if(typeof x.close=="function")try{x.close()}catch{x.removeAttribute("open")}else x.removeAttribute("open")}},[e]);const m=()=>{s()},g=x=>{x.target===o.current&&s()};return t.jsxs("dialog",{ref:o,className:"mes-media-viewer","aria-label":n??"Attachment viewer","data-testid":c,onClose:m,onClick:g,children:[t.jsxs("div",{className:"mes-media-viewer__chrome",children:[a?t.jsx("span",{className:"mes-media-viewer__counter",children:a}):null,t.jsxs("div",{className:"mes-media-viewer__actions",children:[r,t.jsx("button",{ref:d,type:"button",onClick:s,"aria-label":"Close viewer",className:"mes-media-viewer__action",children:t.jsx(w.XIcon,{size:20,weight:"bold","aria-hidden":!0})})]})]}),t.jsx("div",{className:"mes-media-viewer__body",children:i})]})},ls=({open:e,items:s,initialIndex:n=0,onClose:a})=>{const{index:r,prev:i,next:c}=nt({length:s.length,initialIndex:n,open:e}),o=s[r],d=u.useMemo(()=>(o==null?void 0:o.filename)??(o?te(o.src):"image"),[o]);return o?t.jsxs(at,{open:e,onClose:a,ariaLabel:d,counter:s.length>1?`${r+1} / ${s.length}`:void 0,actions:t.jsx(os,{url:o.src,filename:d,variant:"viewer",label:`Download ${d}`}),"data-testid":"image-viewer",children:[t.jsx("img",{src:o.src,alt:o.alt??d,draggable:!1,loading:"eager",decoding:"async",className:"mes-media-viewer__image"},`${r}:${o.src}`),s.length>1?t.jsx(st,{onPrev:i,onNext:c,prevLabel:"Previous image",nextLabel:"Next image"}):null]}):null},Bn="relative block size-full overflow-hidden bg-black/5 outline-none focus-visible:ring-2 focus-visible:ring-white/80 focus-visible:ring-offset-2 focus-visible:ring-offset-black",cs=({tiles:e,onTileActivate:s,maxVisible:n=4,className:a})=>{const r=e.length;if(r===0)return null;const i=e.slice(0,Math.min(r,n)),c=r-i.length,o=(d,m,g)=>{const x=k(Bn,"h-full w-full");return s?t.jsxs("button",{type:"button",onClick:()=>s(m),"aria-label":d.ariaLabel??`Open media ${m+1}`,className:k(x,"cursor-zoom-in"),children:[d.content,g]},m):t.jsxs("div",{className:x,children:[d.content,g]},m)};return i.length===1?t.jsx("div",{className:k("aspect-square w-full",a),children:o(i[0],0)}):i.length===2?t.jsx("div",{className:k("grid aspect-[16/9] w-full grid-cols-2 gap-0.5",a),children:i.map((d,m)=>o(d,m))}):i.length===3?t.jsxs("div",{className:k("grid aspect-[4/3] w-full grid-cols-2 grid-rows-2 gap-0.5",a),children:[t.jsx("div",{className:"row-span-2",children:o(i[0],0)}),o(i[1],1),o(i[2],2)]}):t.jsx("div",{className:k("grid aspect-[4/3] w-full grid-cols-2 grid-rows-2 gap-0.5",a),children:i.map((d,m)=>{const g=c>0&&m===i.length-1;return o(d,m,g?t.jsxs("div",{className:"absolute inset-0 flex items-center justify-center bg-black/55 text-2xl font-semibold text-white",children:["+",c]}):null)})})},je=e=>{const[s,n]=u.useState(!1),[a,r]=u.useState(0),i=u.useCallback(o=>{(e==null?void 0:e(o))!==!1&&(r(o),n(!0))},[e]),c=u.useCallback(()=>n(!1),[]);return{viewerOpen:s,viewerIndex:a,handleActivate:i,closeViewer:c}},Un=(e,s,n,a)=>({ariaLabel:`Open image ${s+1} of ${n}`,content:t.jsx("img",{src:e.src,alt:e.alt??"",width:e.width,height:e.height,draggable:!1,loading:e.loading??a,decoding:"async",className:"absolute inset-0 size-full rounded-md object-cover"})}),Vn=({src:e,alt:s,items:n})=>n&&n.length>0?n:e?[{src:e,alt:s}]:[],ds=(e,s)=>e.map((n,a)=>({src:n.src,alt:n.alt,filename:s&&e.length===1?s:s?`${s} (${a+1})`:void 0})),Gn=({src:e,alt:s,filename:n,loading:a="lazy",onClick:r,onDismiss:i})=>{const{viewerOpen:c,viewerIndex:o,handleActivate:d,closeViewer:m}=je(r);return t.jsxs("div",{className:"relative w-fit",children:[t.jsx("button",{type:"button",onClick:()=>d(0),"aria-label":"Open image",className:"block size-[280px] cursor-zoom-in overflow-hidden rounded-md outline-none focus-visible:ring-2 focus-visible:ring-black/40",children:t.jsx("img",{src:e,alt:s??"",draggable:!1,loading:a,decoding:"async",className:"size-full object-cover"})}),i?t.jsx("div",{className:"absolute right-2 top-2 z-10",children:t.jsx(be,{onClick:i})}):null,t.jsx(ls,{open:c,items:ds([{src:e,alt:s}],n),initialIndex:o,onClose:m})]})},us=({state:e,src:s,alt:n,filename:a,items:r,text:i,groupPosition:c,loading:o="lazy",onClick:d})=>{const m=Vn({src:s,alt:n,items:r}),g=ve(e),{viewerOpen:x,viewerIndex:h,handleActivate:l,closeViewer:b}=je(d);if(m.length===0)return null;const _=m.map((p,f)=>Un(p,f,m.length,o));return t.jsxs(pe,{variant:g,text:i,groupPosition:c,"data-testid":"image-attachment",children:[t.jsx("div",{className:"relative",children:t.jsx(cs,{tiles:_,onTileActivate:l})}),t.jsx(ls,{open:x,items:ds(m,a),initialIndex:h,onClose:b})]})},Hn=e=>t.jsx(Gn,{...e}),Yn=e=>t.jsx(us,{...e,state:"sent"}),qn=e=>t.jsx(us,{...e,state:"received"}),Xn={Composer:Hn,Sent:Yn,Received:qn},Wn=({open:e,items:s,initialIndex:n=0,onClose:a})=>{const{index:r,prev:i,next:c}=nt({length:s.length,initialIndex:n,open:e}),o=s[r],d=u.useMemo(()=>(o==null?void 0:o.filename)??(o?te(o.src):"document"),[o]),m=u.useMemo(()=>o?Kn(o.src):void 0,[o]);return!o||!m?null:t.jsxs(at,{open:e,onClose:a,ariaLabel:d,counter:s.length>1?`${r+1} / ${s.length}`:void 0,"data-testid":"pdf-viewer",children:[t.jsx("iframe",{src:m,title:d,className:"mes-media-viewer__iframe",sandbox:"allow-scripts allow-forms allow-popups allow-downloads"},`${r}:${o.src}`),s.length>1?t.jsx(st,{onPrev:i,onNext:c,prevLabel:"Previous document",nextLabel:"Next document"}):null]})},Kn=e=>{const s=e.indexOf("#"),n=s===-1?e:e.slice(0,s),a=s===-1?"":e.slice(s+1),r=new URLSearchParams(a);return r.has("toolbar")||r.set("toolbar","0"),r.has("navpanes")||r.set("navpanes","0"),`${n}#${r.toString()}`},Jn=({src:e,filename:s,fileSize:n,title:a,items:r})=>r&&r.length>0?r:e?[{src:e,filename:s,fileSize:n,title:a}]:[],Zn=({variant:e,item:s,index:n,onActivate:a,trailingAction:r})=>{const i=s.filename??te(s.src);return t.jsx(rs,{variant:e,filename:i,title:s.title,mimeType:"application/pdf",fileSize:s.fileSize,onActivate:()=>a(n),activateLabel:`Open ${i}`,trailingAction:r})},rt=({state:e,src:s,filename:n,fileSize:a,title:r,items:i,text:c,groupPosition:o,onClick:d,onDismiss:m})=>{const g=ve(e),x=Jn({src:s,filename:n,fileSize:a,title:r,items:i}),{viewerOpen:h,viewerIndex:l,handleActivate:b,closeViewer:_}=je(d),p=e==="composer"&&!!m;if(x.length===0)return null;const f=x.map(v=>({src:v.src,filename:v.filename??te(v.src)}));return t.jsxs(pe,{variant:g,text:c,groupPosition:o,"data-testid":"pdf-attachment",children:[t.jsx("div",{className:"flex flex-col gap-2",children:x.map((v,y)=>{const S=v.filename??te(v.src),R=p&&y===0?t.jsx(be,{onClick:m,variant:"inline"}):e==="composer"?void 0:t.jsx(os,{url:v.src,filename:S,variant:"inline",label:`Download ${S}`,tone:g});return t.jsx(Zn,{variant:g,item:v,index:y,onActivate:b,trailingAction:R},`${v.src}-${y}`)})}),t.jsx(Wn,{open:h,items:f,initialIndex:l,onClose:_})]})},Qn=e=>t.jsx(rt,{...e,state:"composer"}),ea=e=>t.jsx(rt,{...e,state:"sent"}),ta=e=>t.jsx(rt,{...e,state:"received"}),sa={Composer:Qn,Sent:ea,Received:ta},ms=({open:e,items:s,initialIndex:n=0,onClose:a})=>{const{index:r,prev:i,next:c}=nt({length:s.length,initialIndex:n,open:e}),o=s[r],d=u.useMemo(()=>(o==null?void 0:o.filename)??(o?te(o.src):"video"),[o]);return o?t.jsxs(at,{open:e,onClose:a,ariaLabel:d,counter:s.length>1?`${r+1} / ${s.length}`:void 0,"data-testid":"video-viewer",children:[t.jsx("video",{src:o.src,poster:o.poster,controls:!0,autoPlay:!0,muted:!0,playsInline:!0,preload:o.preload??"metadata",className:"mes-media-viewer__video",children:o.mimeType?t.jsx("source",{src:o.src,type:o.mimeType}):null},`${r}:${o.src}`),s.length>1?t.jsx(st,{onPrev:i,onNext:c,prevLabel:"Previous video",nextLabel:"Next video"}):null]}):null},na=()=>t.jsx("div",{className:"pointer-events-none absolute inset-0 flex items-center justify-center",children:t.jsx("span",{className:"flex size-12 items-center justify-center rounded-full bg-black/55 text-white backdrop-blur",children:t.jsx(w.PlayIcon,{className:"size-6",weight:"fill","aria-hidden":!0})})}),xs=({item:e,index:s})=>t.jsxs("div",{className:"absolute inset-0 size-full bg-[#0d0d0d]",children:[e.poster?t.jsx("img",{src:e.poster,alt:`Video ${s+1} thumbnail`,draggable:!1,loading:"lazy",decoding:"async",className:"absolute inset-0 size-full rounded-md object-cover"}):t.jsx("div",{className:"absolute inset-0 flex items-center justify-center",children:t.jsx(w.VideoCameraIcon,{className:"size-16 rounded-md text-white/30",weight:"regular","aria-hidden":!0})}),t.jsx(na,{})]}),aa=(e,s,n)=>({ariaLabel:`Play video ${s+1} of ${n}`,content:t.jsx(xs,{item:e,index:s})}),ra=({src:e,poster:s,mimeType:n,preload:a,items:r})=>r&&r.length>0?a?r.map(i=>({...i,preload:i.preload??a})):r:e?[{src:e,poster:s,mimeType:n,preload:a}]:[],hs=(e,s)=>e.map((n,a)=>({src:n.src,poster:n.poster,mimeType:n.mimeType,preload:n.preload,filename:s&&e.length===1?s:s?`${s} (${a+1})`:void 0})),ia=({src:e,poster:s,mimeType:n,filename:a,preload:r,onClick:i,onDismiss:c})=>{const{viewerOpen:o,viewerIndex:d,handleActivate:m,closeViewer:g}=je(i);return t.jsxs("div",{className:"relative w-fit",children:[t.jsx("button",{type:"button",onClick:()=>m(0),"aria-label":"Play video",className:"relative block size-[280px] cursor-pointer overflow-hidden rounded-md outline-none focus-visible:ring-2 focus-visible:ring-black/40",children:t.jsx(xs,{item:{src:e,poster:s,mimeType:n},index:0})}),c?t.jsx("div",{className:"absolute right-2 top-2 z-10",children:t.jsx(be,{onClick:c})}):null,t.jsx(ms,{open:o,items:hs([{src:e,poster:s,mimeType:n,preload:r}],a),initialIndex:d,onClose:g})]})},fs=({state:e,src:s,poster:n,mimeType:a,filename:r,items:i,text:c,groupPosition:o,preload:d,onClick:m})=>{const g=ra({src:s,poster:n,mimeType:a,preload:d,items:i}),x=ve(e),{viewerOpen:h,viewerIndex:l,handleActivate:b,closeViewer:_}=je(m);if(g.length===0)return null;const p=g.map((f,v)=>aa(f,v,g.length));return t.jsxs(pe,{variant:x,text:c,groupPosition:o,"data-testid":"video-attachment",children:[t.jsx("div",{className:"relative",children:t.jsx(cs,{tiles:p,onTileActivate:b,className:"overflow-hidden rounded-md"})}),t.jsx(ms,{open:h,items:hs(g,r),initialIndex:l,onClose:_})]})},oa=e=>t.jsx(ia,{...e}),la=e=>t.jsx(fs,{...e,state:"sent"}),ca=e=>t.jsx(fs,{...e,state:"received"}),da={Composer:oa,Sent:la,Received:ca},xe={Image:Xn,Video:da,Audio:Tn,Pdf:sa,File:$n},ua={isUnlocking:()=>!1},ma={LockedAttachment:ua},gs=u.createContext({}),xa=gs.Provider;function ps(e){return u.useContext(gs)[e]??ma[e]}const ha=({size:e=15})=>t.jsx("svg",{width:e,height:e,viewBox:"0 0 15 15",fill:"none","aria-hidden":"true",children:t.jsx("path",{d:"M12.003 9a.985.985 0 0 1-.652.934l-3.223 1.191-1.188 3.226a.995.995 0 0 1-1.867 0l-1.195-3.226L.65 9.937a.995.995 0 0 1 0-1.867l3.227-1.195 1.187-3.226a.995.995 0 0 1 1.868 0l1.195 3.226 3.226 1.187a.99.99 0 0 1 .649.938m3-5.83a.52.52 0 0 1-.344.492l-1.702.63-.627 1.703a.525.525 0 0 1-.986 0l-.63-1.704-1.704-.627a.525.525 0 0 1 0-.986l1.703-.63.627-1.704a.526.526 0 0 1 .986 0l.631 1.703 1.704.627a.52.52 0 0 1 .342.495",fill:"currentColor",fillOpacity:.55})}),fa=e=>{var s;return((s=e.metadata)==null?void 0:s.custom_type)==="MESSAGE_TIP"},ga=e=>{var s;return((s=e.metadata)==null?void 0:s.custom_type)==="MESSAGE_PAID"},ye=e=>{var s;return((s=e.metadata)==null?void 0:s.custom_type)==="MESSAGE_CHATBOT"},it=e=>{var s;return((s=e.metadata)==null?void 0:s.custom_type)==="MESSAGE_ATTACHMENT"},pa=e=>{var s;return it(e)&&((s=e.metadata)==null?void 0:s.attachment_type)==="text"},ba=e=>{var s;return it(e)&&((s=e.metadata)==null?void 0:s.attachment_type)!=="text"},bs=e=>fa(e)||ga(e),va=e=>{var s;return bs(e)&&!((s=e.text)!=null&&s.trim())},Fe=({message:e,standalone:s=!1,isMyMessage:n=!1,hasAttachment:a=!1})=>{var x;const r=bs(e),i=ye(e);if(!r&&!i)return null;if(r){const h=(x=e.metadata)==null?void 0:x.amount_text;if(!h)return null;const l=s?"message-tip-standalone":"message-tag message-tag--tip",b=s?`${h} tip`:`Delivered with ${h} tip`;return t.jsxs("div",{className:l,children:[t.jsx(w.GiftIcon,{size:s?14:12}),t.jsx("span",{children:b})]})}const c=n&&a,o=c?"Sent with AI":"Sent by AI Assistant",d=["message-chatbot-indicator",n?"message-chatbot-indicator--sender":"message-chatbot-indicator--receiver",c?"message-chatbot-indicator--attachment":"message-chatbot-indicator--text"].join(" "),m=t.jsx("span",{className:"message-chatbot-indicator__label",children:o}),g=t.jsx("span",{className:"message-chatbot-indicator__icon",children:t.jsx(ha,{size:c?12:15})});return t.jsx("div",{className:d,"data-testid":"message-chatbot-indicator",children:n&&!c?t.jsxs(t.Fragment,{children:[m,g]}):t.jsxs(t.Fragment,{children:[g,m]})})},vs=({selected:e,onVoteUp:s,onVoteDown:n})=>t.jsxs("div",{className:"message-vote-buttons",children:[t.jsx("button",{type:"button",className:k("message-vote-button focus-ring",{"message-vote-button--selected":e==="up"}),onClick:s,"aria-label":"Good response","aria-pressed":e==="up","data-tooltip":"Good response",children:t.jsx(w.ThumbsUpIcon,{size:16,weight:e==="up"?"fill":"regular"})}),t.jsx("button",{type:"button",className:k("message-vote-button focus-ring",{"message-vote-button--selected":e==="down"}),onClick:n,"aria-label":"Bad response","aria-pressed":e==="down","data-tooltip":"Bad response",children:t.jsx(w.ThumbsDownIcon,{size:16,weight:e==="down"?"fill":"regular"})})]}),ze=()=>{var i;const{message:e}=j.useMessageContext("SentMessageDeliveryStatus"),{messages:s}=j.useChannelStateContext("SentMessageDeliveryStatus"),{client:n}=j.useChatContext("SentMessageDeliveryStatus"),a=(i=n.user)==null?void 0:i.id,r=u.useMemo(()=>{var c;if(!(!a||!s)){for(let o=s.length-1;o>=0;o-=1)if(((c=s[o].user)==null?void 0:c.id)===a)return s[o].id}},[s,a]);return e.id!==r?null:t.jsxs(t.Fragment,{children:[t.jsx(w.ChecksIcon,{weight:"bold","aria-hidden":"true"}),t.jsx("span",{"data-testid":"sent-message-delivery-status",children:"Delivered"})]})},ja=()=>null,wa=()=>t.jsx(j.MessageStatus,{MessageSentStatus:ze,MessageDeliveredStatus:ze,MessageReadStatus:ze,MessageSendingStatus:ja}),_a=/^([a-z][a-z0-9+.-]*):/i,Na=new Set(["http","https","mailto","tel","sms"]);function ot(e){if(typeof e!="string")return;const s=e.trim();if(s==="")return;const n=_a.exec(s);if(n){const a=n[1].toLowerCase();return Na.has(a)?s:void 0}return s.startsWith("//")||s.startsWith("/")?s:`https://${s}`}const ya={dark:"bg-white text-[#121110] hover:bg-white/90",light:"bg-[#121110] text-white hover:bg-[#2a2928]"},Ca=({variant:e,cta:s})=>{const n=k("mt-2 inline-flex h-10 w-full items-center justify-center rounded-full px-4 text-sm font-medium leading-none transition-colors",ya[e]),a=ot(s.href);return a?t.jsx("a",{href:a,target:"_blank",rel:"noopener noreferrer",onClick:r=>{var i;r.stopPropagation(),(i=s.onClick)==null||i.call(s)},className:`${n} no-underline`,children:s.label}):t.jsx("button",{type:"button",onClick:r=>{var i;r.stopPropagation(),(i=s.onClick)==null||i.call(s)},className:n,children:s.label})},ka={dark:"text-white",light:"text-black/90"},Sa="text-white/30",Ia={dark:"text-white/55",light:"text-black/55"},lt=({variant:e,title:s,placeholderTitle:n,description:a,url:r,appIcon:i,cta:c,trailingAction:o})=>{const d=e==="dark",m=s??(d?n:void 0)??"",g=m.trim()!=="",x=a!=null&&a.trim()!=="",h=typeof r=="string"?r.trim():"",l=h!=="",b=c!=null;if(!g&&!x&&!l&&!b)return null;const p=k("truncate text-base font-medium leading-6",d&&!s?Sa:ka[e]),f=k("truncate text-xs leading-4",Ia[e]);return t.jsxs("div",{className:"px-4 py-3",children:[t.jsxs("div",{className:"flex items-end gap-3",children:[t.jsxs("div",{className:"flex min-w-0 flex-1 flex-col gap-2",children:[t.jsxs("div",{className:"flex min-w-0 flex-col gap-1",children:[g&&t.jsxs("div",{className:"flex min-w-0 items-center gap-2",children:[i?t.jsx("span",{className:"shrink-0",children:i}):null,t.jsx("p",{className:k("min-w-0",p),children:m})]}),x&&t.jsx("p",{className:f,children:a})]}),!b&&l&&t.jsx("p",{className:f,children:h})]}),o&&t.jsx("div",{className:"shrink-0",children:o})]}),c&&t.jsx(Ca,{variant:e,cta:c})]})},Ea=k("relative block w-[280px] select-none overflow-hidden rounded-md","border border-black/[0.08]","shadow-[0_1px_2px_rgba(0,0,0,0.04),0_8px_32px_rgba(0,0,0,0.1)]"),Ce=({variant:e,children:s,href:n,onClick:a,ariaLabel:r,rootRef:i,topRight:c,bgClassName:o,"data-testid":d})=>{const m=n!=null||a!=null,g=k(Ea,o??(e==="dark"?"bg-[#1e2330]":"bg-white"),m?"cursor-pointer no-underline focus-ring":null),x=c?t.jsx("div",{className:"pointer-events-auto absolute right-3 top-3 z-10",children:c}):null;return n?t.jsxs("a",{ref:i,href:n,target:"_blank",rel:"noopener noreferrer",onClick:a,"data-testid":d,className:g,children:[s,x]}):a?t.jsxs("button",{ref:i,type:"button",onClick:a,"aria-label":r,"data-testid":d,className:k(g,"text-left"),children:[s,x]}):t.jsxs("div",{ref:i,"data-testid":d,className:g,children:[s,x]})},Ta={dark:"bg-white/10",light:"bg-black/5"},Ma={dark:"size-16 text-white/25",light:"size-16 text-black/25"},Me=(e,s)=>!!s&&!!e&&se(e)==="audio",ct=(e,s)=>{if(!s||!e)return!1;const n=se(e);return n==="video"||n==="audio"},dt="bg-[#F2F3F4]",ke=({variant:e,thumbnailUrl:s,sourceUrl:n,title:a,mimeType:r="image/*",topLeft:i,topRight:c})=>{const o=se(r),d=!!n&&o==="video";return Me(r,n)?t.jsx("div",{className:"p-3",children:t.jsx("audio",{src:n,controls:!0,preload:"metadata",className:"block w-full",children:t.jsx("track",{kind:"captions"})})}):t.jsxs("div",{className:k("relative h-[180px] w-full overflow-hidden",d&&"bg-black"),children:[d?t.jsx("video",{src:n,poster:s,controls:!0,playsInline:!0,preload:"metadata",className:"absolute inset-0 h-full w-full object-contain",children:t.jsx("track",{kind:"captions"})}):s?t.jsx("img",{src:s,alt:a??"",draggable:!1,className:"absolute inset-0 h-full w-full object-cover"}):t.jsx("div",{className:k("flex h-full w-full items-center justify-center",Ta[e]),children:oe(r,{className:Ma[e],weight:"regular"})}),i?t.jsx("div",{className:"pointer-events-auto absolute left-3 top-3 z-10",children:i}):null,c?t.jsx("div",{className:"pointer-events-auto absolute right-3 top-3 z-10",children:c}):null]})},Aa=({title:e,placeholderTitle:s,description:n,url:a,mimeType:r,thumbnailUrl:i,sourceUrl:c,layout:o="featured",appIcon:d,cta:m,onDismiss:g,onEditClick:x})=>{const h=o==="classic",l=Me(r,c),b=g?t.jsx("button",{type:"button",onClick:g,"aria-label":"Dismiss attachment",className:"flex size-6 items-center justify-center rounded-full bg-[#121110] text-white",children:t.jsx(w.XIcon,{className:"size-3",weight:"bold"})}):void 0,_=x?t.jsx("button",{type:"button",onClick:x,"aria-label":"Edit attachment",className:"flex size-10 items-center justify-center rounded-full bg-white/10 text-white hover:bg-white/15",children:t.jsx(w.PencilSimpleIcon,{className:"size-5",weight:"regular"})}):void 0;return l?t.jsx(Ce,{variant:"dark",bgClassName:dt,children:t.jsxs("div",{className:"flex items-center gap-2 pr-3",children:[t.jsx("div",{className:"min-w-0 flex-1",children:t.jsx(ke,{variant:"dark",sourceUrl:c,title:e,mimeType:r})}),b&&t.jsx("div",{className:"shrink-0",children:b})]})}):t.jsxs(Ce,{variant:"dark",topRight:h?b:void 0,children:[!h&&t.jsx(ke,{variant:"dark",thumbnailUrl:i,sourceUrl:c,title:e,mimeType:r,topRight:b}),t.jsx(lt,{variant:"dark",title:e,placeholderTitle:s,description:n,url:a,appIcon:d,cta:m,trailingAction:_})]})},Ra=({title:e,description:s,url:n,mimeType:a,thumbnailUrl:r,sourceUrl:i,layout:c="featured",appIcon:o,cta:d,onClick:m})=>{const g=ct(a,i),x=ot(n),h=d==null&&x!=null&&!g?x:void 0,l=d==null&&!g?m:void 0,b=Me(a,i)?dt:void 0,_=d&&m?{...d,onClick:()=>{var p;m(),(p=d.onClick)==null||p.call(d)}}:d;return t.jsxs(Ce,{variant:"light",href:h,onClick:l,ariaLabel:e??"Open attachment preview",bgClassName:b,"data-testid":"link-attachment",children:[c==="featured"&&t.jsx(ke,{variant:"light",thumbnailUrl:r,sourceUrl:i,title:e,mimeType:a}),t.jsx(lt,{variant:"light",title:e,description:s,url:n,appIcon:o,cta:_})]})},La=({title:e,placeholderTitle:s,description:n,url:a,mimeType:r,thumbnailUrl:i,sourceUrl:c,layout:o="featured",appIcon:d,cta:m,onClick:g})=>{const x=ct(r,c),h=ot(a),l=m==null&&h!=null&&!x?h:void 0,b=m==null&&!x&&l!=null?g:void 0;return t.jsxs(Ce,{variant:"dark",href:l,onClick:b,bgClassName:Me(r,c)?dt:void 0,children:[o==="featured"&&t.jsx(ke,{variant:"dark",thumbnailUrl:i,sourceUrl:c,title:e,mimeType:r}),t.jsx(lt,{variant:"dark",title:e,placeholderTitle:s,description:n,url:a,appIcon:d,cta:m})]})},Ge={Composer:Aa,Sent:La,Received:Ra},Da="mt-[2px] max-w-[280px] whitespace-pre-wrap break-words rounded-[18px] bg-[#121110] px-4 py-2 text-white",Fa="mt-[2px] max-w-[280px] whitespace-pre-wrap break-words rounded-[18px] bg-[#e9eaed] px-4 py-2 text-[#080707]";function P(e){const s=e==null?void 0:e.trim();return s||void 0}function Ot(e){return e.trim().replace(/^https?:\/\//i,"").replace(/\/+$/,"").toLowerCase()}function za(e,s){if(!(e!=null&&e.trim())||!(s!=null&&s.trim()))return!1;const n=Ot(e),a=Ot(s);if(n===a)return!0;if(!n.includes(a))return!1;const r=n.split(a).join("");return!/[^\p{P}\p{Z}\p{C}]/u.test(r)}function $t(e){const s=P(e.og_scrape_url)??P(e.title_link),n=P(e.image_url)??P(e.thumb_url),a=P(e.asset_url),r=P(e.mime_type);return{title:P(e.title),description:P(e.text),url:s,thumbnailUrl:n,sourceUrl:a,layout:n||ct(r,a)?"featured":"classic",mimeType:r}}function Pa(e){var s;return js(e)?null:e.type==="image"?e.image_url||e.asset_url?"image":null:e.type==="video"&&e.asset_url?"video":e.type==="audio"&&e.asset_url?"audio":e.type==="file"&&e.asset_url?e.mime_type==="application/pdf"?"pdf":(s=e.mime_type)!=null&&s.startsWith("audio/")?"audio":"file":null}function js(e){const s=P(e.og_scrape_url);return e.type==="link"||!!s&&!e.asset_url}function ws(e){if(!(e!=null&&e.length))return[];const s=[],n=(r,i)=>{const c=s[s.length-1];if((c==null?void 0:c.type)==="media"&&c.kind===r){c.attachments.push(i);return}s.push({type:"media",kind:r,attachments:[i]})},a=r=>{const i=s[s.length-1];if((i==null?void 0:i.type)==="link"){i.attachments.push(r);return}s.push({type:"link",attachments:[r]})};for(const r of e){if(js(r)){a(r);continue}const i=Pa(r);i&&n(i,r)}return s}function Oa(e){let s=0;for(const n of e)s+=n.type==="link"?n.attachments.length:1;return s}function $a(e){return e.filter(s=>s.type==="media").length}function Ba(e,s,n){return s<=1?n:e===0?"first":e===s-1?"end":"middle"}function Bt(e){return P(e.image_url)??P(e.asset_url)??""}function Ua(e){switch(e){case"image":return xe.Image;case"video":return xe.Video;case"audio":return xe.Audio;case"pdf":return xe.Pdf;default:return xe.File}}function Va(e,s){if(s.length>1)switch(e){case"image":return{items:s.map(a=>({src:Bt(a),alt:P(a.title)}))};case"video":return{items:s.map(a=>({src:P(a.asset_url)??"",poster:P(a.thumb_url),mimeType:P(a.mime_type)}))};case"audio":return{items:s.map(a=>({src:P(a.asset_url)??"",mimeType:P(a.mime_type)??"audio/mpeg",filename:P(a.title)}))};case"pdf":return{items:s.map(a=>({src:P(a.asset_url)??"",filename:P(a.title),fileSize:a.file_size}))};case"file":return{items:s.map(a=>({src:P(a.asset_url)??"",filename:P(a.title),fileSize:a.file_size,mimeType:P(a.mime_type)??"application/octet-stream"}))}}const n=s[0];if(!n)return{};switch(e){case"image":return{src:Bt(n),alt:P(n.title)};case"video":return{src:P(n.asset_url)??"",poster:P(n.thumb_url),mimeType:P(n.mime_type)};case"audio":return{src:P(n.asset_url)??"",mimeType:P(n.mime_type)??"audio/mpeg",filename:P(n.title)};case"pdf":return{src:P(n.asset_url)??"",filename:P(n.title),fileSize:n.file_size};case"file":return{src:P(n.asset_url)??"",filename:P(n.title),fileSize:n.file_size,mimeType:P(n.mime_type)??"application/octet-stream"}}}function Ga({groupPosition:e,isMyMessage:s,segment:n,text:a}){const r=Ua(n.kind),i={...Va(n.kind,n.attachments),groupPosition:e,...a?{text:a}:{}};return s?t.jsx(r.Sent,{...i}):t.jsx(r.Received,{...i})}const Ha=({groupPosition:e,isMyMessage:s,message:n})=>{var _;const a=ws(n.attachments);if(a.length===0)return null;const r=Oa(a),i=$a(a),c=(_=n.text)==null?void 0:_.trim(),o=a.find(p=>p.type==="link"),d=(o==null?void 0:o.type)==="link"?$t(o.attachments[0]??{}).url:void 0,m=c&&za(c,d)?void 0:c;let g=0,x=0;const h=[],l=(p,f)=>{const v=g===r-1;g+=1;const y=s?Ge.Sent:Ge.Received;h.push(t.jsxs(u.Fragment,{children:[t.jsx(y,{...$t(p)}),v&&m?t.jsx("div",{className:s?Da:Fa,children:m}):null]},f))},b=(p,f)=>{const v=g===r-1,y=Ba(x,i,e);g+=1,x+=1,h.push(t.jsx(Ga,{groupPosition:y,isMyMessage:s,segment:p,text:v?m:void 0},f))};return a.forEach((p,f)=>{if(p.type==="link"){p.attachments.forEach((v,y)=>{l(v,`link-${f}-${y}`)});return}b(p,`media-${f}`)}),t.jsx(t.Fragment,{children:h})},Ya=e=>{var gt,pt,bt,vt,jt,wt,_t,Nt,yt,Ct,kt,St,It,Et,Tt,Mt,At,Rt;const{additionalMessageInputProps:s,chatbotVotingEnabled:n,editing:a,endOfGroup:r,firstOfGroup:i,groupedByUser:c,handleAction:o,handleOpenThread:d,handleRetry:m,highlighted:g,isMessageAIGenerated:x,isMyMessage:h,message:l,renderText:b,threadList:_,viewerLanguage:p}=e,{client:f}=j.useChatContext("CustomMessage"),{channel:v}=j.useChannelStateContext("CustomMessage"),{isUnlocking:y,onUnlockClick:S,onFetchSource:R,onDownloadClick:M}=ps("LockedAttachment"),[D,B]=u.useState(!1),O=j.useMessageReminder(l.id),{selected:F,voteUp:C,voteDown:T}=Xt(l),{Attachment:E=j.Attachment,EditMessageModal:L=j.EditMessageModal,MessageActions:I,MessageBlocked:z=j.MessageBlocked,MessageBouncePrompt:$=j.MessageBouncePrompt,MessageDeleted:V=j.MessageDeleted,MessageIsThreadReplyInChannelButtonIndicator:X=j.MessageIsThreadReplyInChannelButtonIndicator,MessageRepliesCountButton:J=j.MessageRepliesCountButton,ReminderNotification:W=j.ReminderNotification,StreamedMessageText:N=j.StreamedMessageText,PinIndicator:A}=j.useComponentContext("CustomMessage"),G=j.messageHasAttachments(l),Y=j.messageHasReactions(l),H=u.useMemo(()=>x==null?void 0:x(l),[x,l]),U=u.useMemo(()=>{const ie=l.attachments??[],de=l.shared_location?[l.shared_location,...ie]:ie;if(!ye(l))return de;const Lt=de.filter(Dt=>!("type"in Dt)||!Qe(Dt));return Lt.length===de.length?de:Lt},[l]),q=u.useMemo(()=>ws(U),[U]),K=u.useMemo(()=>{const ie=Xe({message:l,viewerLanguage:p});return ie===l.text?l:{...l,text:ie}},[l,p]),ae=q.length>0,we=q.reduce((ie,de)=>ie+de.attachments.length,0)===((U==null?void 0:U.length)??0),_e=ts({endOfGroup:r,firstOfGroup:i,groupedByUser:c});if(j.isDateSeparatorMessage(l))return null;if(l.deleted_at||l.type==="deleted")return t.jsx(V,{message:l});if(j.isMessageBlocked(l))return t.jsx(z,{});const ee=!_&&!!l.reply_count,re=!_&&l.show_in_channel&&l.parent_id,ne=l.status==="failed"&&((gt=l.error)==null?void 0:gt.status)!==403,xt=j.isMessageBounced(l);let le;ne?le=()=>m(l):xt&&(le=()=>B(!0));const Z=h(),Es=k("str-chat__message str-chat__message-simple",`str-chat__message--${l.type}`,`str-chat__message--${l.status}`,Z?"str-chat__message--me str-chat__message-simple--me":"str-chat__message--other",l.text?"str-chat__message--has-text":"has-no-text",{"str-chat__message--has-attachment":G,"str-chat__message--highlighted":g,"str-chat__message--pinned pinned-message":l.pinned,"str-chat__message--with-reactions":Y,"str-chat__message-send-can-be-retried":(l==null?void 0:l.status)==="failed"&&((pt=l==null?void 0:l.error)==null?void 0:pt.status)!==403,"str-chat__message-with-thread-link":ee||re,"str-chat__virtual-message__wrapper--end":r,"str-chat__virtual-message__wrapper--first":i,"str-chat__virtual-message__wrapper--group":c}),Ae=l.poll_id&&f.polls.fromState(l.poll_id),ht=va(l),ce=ye(l),Ts=it(l),Re=!!(U!=null&&U.length&&!l.quoted_message),ft=ce&&Z&&Re,Ms=ae&&we&&!l.quoted_message&&!Ae&&!H&&!ce;return t.jsxs(t.Fragment,{children:[a&&t.jsx(L,{additionalMessageInputProps:s}),D&&t.jsx(j.MessageBounceModal,{MessageBouncePrompt:$,onClose:()=>B(!1),open:D}),t.jsxs("div",{className:Es,"data-message-id":l.id,"data-dd-privacy":"mask",children:[A&&t.jsx(A,{}),!!O&&t.jsx(W,{reminder:O}),l.user&&t.jsx(Q,{className:"str-chat__avatar str-chat__message-sender-avatar",id:l.user.id,image:l.user.image,name:l.user.name||l.user.id,size:24,shape:"circle",dmAgentEnabled:ce}),t.jsx("div",{className:k("str-chat__message-inner",{"str-chat__simple-message--error-failed":ne||xt}),"data-testid":"message-inner",onClick:le,onKeyDown:le,role:le?"button":void 0,tabIndex:le?0:void 0,style:{marginInlineEnd:0,marginInlineStart:0},children:ht?t.jsx(Fe,{message:l,standalone:!0}):pa(l)?t.jsx("div",{className:"str-chat__message-bubble-wrapper",children:t.jsxs("div",{className:"flex items-center gap-2",children:[Z&&I&&t.jsx(I,{}),Z?t.jsx(he.Text,{isMine:!0,amountText:(bt=l.metadata)==null?void 0:bt.amount_text,paymentStatus:(vt=l.metadata)==null?void 0:vt.payment_status,children:l.text&&t.jsx(j.MessageText,{message:K,renderText:b})}):t.jsx(he.Text,{isMine:!1,amountText:(jt=l.metadata)==null?void 0:jt.amount_text,paymentStatus:(wt=l.metadata)==null?void 0:wt.payment_status,isUnlocking:y(l.id),onUnlockClick:()=>S==null?void 0:S(l,v),children:l.text&&t.jsx(j.MessageText,{message:K,renderText:b})}),!Z&&I&&t.jsx(I,{})]})}):ba(l)?t.jsxs("div",{className:"str-chat__message-bubble-wrapper",children:[t.jsxs("div",{className:"flex items-center gap-2",children:[Z&&I&&t.jsx(I,{}),Z?t.jsx(he.Media,{isMine:!0,title:(_t=l.metadata)==null?void 0:_t.attachment_title,mimeType:(Nt=l.metadata)==null?void 0:Nt.attachment_mime_type,thumbnailUrl:(yt=l.metadata)==null?void 0:yt.attachment_thumbnail,amountText:(Ct=l.metadata)==null?void 0:Ct.amount_text,detail:(kt=l.metadata)==null?void 0:kt.attachment_detail,paymentStatus:(St=l.metadata)==null?void 0:St.payment_status,onPreviewClick:()=>S==null?void 0:S(l,v),onFetchSource:R?()=>R(l,v):void 0}):t.jsx(he.Media,{isMine:!1,title:(It=l.metadata)==null?void 0:It.attachment_title,mimeType:(Et=l.metadata)==null?void 0:Et.attachment_mime_type,thumbnailUrl:(Tt=l.metadata)==null?void 0:Tt.attachment_thumbnail,amountText:(Mt=l.metadata)==null?void 0:Mt.amount_text,detail:(At=l.metadata)==null?void 0:At.attachment_detail,paymentStatus:(Rt=l.metadata)==null?void 0:Rt.payment_status,isUnlocking:y(l.id),onUnlockClick:()=>S==null?void 0:S(l,v),onFetchSource:R?()=>R(l,v):void 0,onDownloadClick:()=>M==null?void 0:M(l,v)}),!Z&&I&&t.jsx(I,{})]}),l.text&&t.jsx("div",{className:"str-chat__message-bubble",children:t.jsx(j.MessageText,{message:K,renderText:b})})]}):Ms?t.jsx("div",{className:"str-chat__message-bubble-wrapper",children:t.jsxs("div",{className:"str-chat__message-bubble",style:{background:"transparent",borderRadius:0,overflow:"visible",padding:0},children:[t.jsx(Ha,{groupPosition:_e,isMyMessage:Z,message:{attachments:U,text:K.text}}),t.jsx(j.MessageErrorIcon,{})]})}):t.jsx("div",{className:"str-chat__message-bubble-wrapper",children:t.jsxs("div",{className:"str-chat__message-bubble",children:[ce&&!ft&&t.jsx(Fe,{message:l,hasAttachment:Re,isMyMessage:Z}),Ae&&t.jsx(j.Poll,{poll:Ae}),U!=null&&U.length&&!l.quoted_message?t.jsx(E,{actionHandler:o,attachments:U}):null,H?t.jsx(N,{message:K,renderText:b}):t.jsx(j.MessageText,{message:K,renderText:b}),t.jsx(j.MessageErrorIcon,{})]})})}),!Ts&&!ht&&t.jsxs("div",{className:"str-chat__message-footer",children:[(!ce||ft)&&t.jsx(Fe,{message:l,hasAttachment:Re,isMyMessage:Z}),n&&ce&&t.jsx(vs,{selected:F,onVoteUp:C,onVoteDown:T})]}),t.jsx(wa,{}),ee&&t.jsx(J,{onClick:d,reply_count:l.reply_count}),re&&t.jsx(X,{})]},l.id)]})},qa=u.memo(Ya,(e,s)=>e.chatbotVotingEnabled!==s.chatbotVotingEnabled||e.viewerLanguage!==s.viewerLanguage?!1:j.areMessageUIPropsEqual(e,s)),Xa=e=>{const s=j.useMessageContext("CustomMessage");return t.jsx(qa,{...s,...e})},Wa=()=>{var n;const{handleDelete:e,message:s}=j.useMessageContext("CustomMessageActions");return((n=s.metadata)==null?void 0:n.payment_status)==="paid"?null:t.jsx(He.DefaultDropdownActionButton,{onClick:e,"aria-label":"Delete",title:"Delete",className:"bg-marble rounded-full p-2 hover:bg-sand transition-all",children:t.jsx(w.TrashSimpleIcon,{size:16,weight:"light","aria-hidden":!0})})},Ka=()=>{const{handleFlag:e}=j.useMessageContext("CustomMessageActions");return t.jsx(He.DefaultDropdownActionButton,{onClick:e,"aria-label":"Report",title:"Report",className:"bg-marble rounded-full p-2 hover:bg-sand transition-all",children:t.jsx(w.FlagIcon,{size:16,weight:"light","aria-hidden":!0})})},Ja=()=>{var s;const{message:e}=j.useMessageContext("CustomMessageActions");return((s=e.metadata)==null?void 0:s.custom_type)!=="MESSAGE_ATTACHMENT"?null:t.jsx(He.MessageActions,{messageActionSet:[{Component:Wa,placement:"quick",type:"delete"},{Component:Ka,placement:"quick",type:"flag"}]})},Za=({link:e,onDismiss:s})=>{const{og_scrape_url:n,title:a,image_url:r}=e,i=c=>{c.preventDefault(),s(n)};return t.jsxs("a",{href:n,target:"_blank",rel:"noopener noreferrer",className:"relative block w-full rounded-[24px] bg-[#1e2330] p-2 no-underline transition-opacity hover:opacity-90",children:[r&&t.jsx("img",{src:r,alt:a||"",className:"h-[180px] w-full rounded-[20px] object-cover"}),t.jsx("button",{type:"button",onClick:i,className:"absolute right-4 top-4 flex size-6 items-center justify-center rounded-full border border-white/40 bg-white/70 backdrop-blur-2xl focus-ring","aria-label":"Close link preview",children:t.jsx(w.XIcon,{className:"size-4 text-black/90"})}),t.jsxs("div",{className:"p-2",children:[a&&t.jsx("div",{className:"truncate text-[14px] font-medium leading-5 text-white",children:a}),t.jsx("div",{className:"truncate text-[12px] leading-4 text-white/55",children:n})]})]})},Qa=e=>({linkPreviews:Array.from(e.previews.values()).filter(s=>$e.LinkPreviewsManager.previewIsLoaded(s)||$e.LinkPreviewsManager.previewIsLoading(s))}),er=()=>{const{linkPreviewsManager:e}=j.useMessageComposer(),{linkPreviews:s}=j.useStateStore(e.state,Qa),n=r=>{e.dismissPreview(r)};return s.length>0?t.jsx("div",{className:"messaging-link-preview-list flex min-h-0 flex-col items-stretch w-full gap-2 mb-4 overflow-y-auto overscroll-contain",children:s.map(r=>t.jsx("div",{className:"w-full shrink-0",children:t.jsx(Za,{link:r,onDismiss:n})},r.og_scrape_url))}):null},ut=u.createContext(!1),tr=()=>u.useContext(ut),sr=({sendMessage:e,disabled:s,...n})=>t.jsx("button",{...n,type:"button","aria-label":"Send",disabled:s,onClick:e,children:t.jsx(w.ArrowUpIcon,{weight:"bold",className:"size-4"})}),nr=()=>{const e=u.useContext(ut),{handleSubmit:s}=j.useMessageInputContext(),n=j.useMessageComposerHasSendableData(),a=e||!n,{SendButton:r=sr,AttachmentPreviewList:i=j.AttachmentPreviewList}=j.useComponentContext("CustomMessageInput");return t.jsxs("div",{className:"central-container flex min-h-0 flex-col gap-2 min-w-0 w-full self-stretch p-2 bg-white rounded-[1.5rem] shadow-[0_4px_16px_0_rgba(0,0,0,0.08),0_1px_2px_0_rgba(0,0,0,0.04),0_0_0_1px_rgba(0,0,0,0.04)]","data-dd-privacy":"mask",children:[t.jsx(j.QuotedMessagePreview,{}),t.jsx(er,{}),t.jsx(i,{}),t.jsxs("div",{className:"flex shrink-0",children:[t.jsx("div",{className:"w-full ml-2 mr-4 self-center leading-[0]",children:t.jsx(j.TextareaComposer,{"aria-disabled":e||void 0,className:"w-full resize-none outline-none leading-5 placeholder:text-black/30 text-sm",autoFocus:!e,maxRows:4,readOnly:e,tabIndex:e?-1:void 0})}),t.jsx(r,{sendMessage:s,"aria-label":"Send",className:"str-chat__send-button mt-auto flex justify-center items-center flex-shrink-0 rounded-full size-8 bg-[#121110] disabled:bg-[#F1F0EE] disabled:text-black/20 text-white focus-ring","data-testid":"send-button",disabled:a,type:"button"})]})]})},ar=({renderActions:e,renderFooter:s,disabled:n=!1,disabledReason:a,composerInput:r})=>{var o;const{channel:i}=j.useChannelStateContext(),c=((o=i==null?void 0:i.data)==null?void 0:o.frozen)===!0;return n?t.jsxs(t.Fragment,{children:[t.jsx("div",{className:"messaging-composer-locked-panel flex w-full flex-col items-center justify-center gap-3 px-6 py-4",children:a?t.jsx("p",{className:"max-w-[345px] text-center text-xs font-normal leading-[1.3] tracking-[0.12px] text-black/40",children:a}):null}),s==null?void 0:s()]}):t.jsxs("div",{className:"flex min-h-0 flex-col gap-4 p-4",children:[t.jsxs("div",{inert:c?"":void 0,"aria-disabled":c||void 0,className:"message-input flex min-h-0 items-end gap-4 aria-disabled:opacity-40",children:[e&&t.jsx("div",{className:"flex h-12 shrink-0 items-center justify-center",children:e()}),t.jsx(ut.Provider,{value:c,children:t.jsx(j.MessageInput,{Input:r??nr})})]}),s==null?void 0:s()]})},rr=["SYSTEM_DM_AGENT_PAUSED","SYSTEM_DM_AGENT_RESUMED"],ir={SYSTEM_DM_AGENT_PAUSED:"DM Agent has left the conversation",SYSTEM_DM_AGENT_RESUMED:"DM Agent has rejoined the conversation"},or=["SYSTEM_AGE_SAFETY_BLOCKED"],lr={SYSTEM_AGE_SAFETY_BLOCKED:"This user isn’t able to reply because they don’t meet our age safety guidelines."},Pe="age safety guidelines.",cr="https://linktr.ee/s/about/contact",Ut=e=>rr.includes(e),dr=e=>or.includes(e),ur=e=>{var a;const s=(a=e.metadata)==null?void 0:a.custom_type;if(Ut(s))return{kind:"dm-agent",type:s};if(dr(s))return{kind:"age-safety",type:s};const n=e.dm_agent_system_type;if(Ut(n))return{kind:"dm-agent",type:n}},mr=e=>{const s=e.indexOf(Pe);if(s===-1)return e;const n=s+Pe.length;return t.jsxs(t.Fragment,{children:[e.slice(0,s),t.jsx("a",{href:cr,target:"_blank",rel:"noopener noreferrer",className:"mes-age-safety-system-message__emphasis font-medium text-inherit underline",children:Pe}),e.slice(n)]})},xr=e=>{var a,r;const s=e.message.hide_date===!0,n=ur(e.message);if((n==null?void 0:n.kind)==="dm-agent"){const i=((a=e.message.text)==null?void 0:a.trim())||ir[n.type];return t.jsxs("div",{className:"str-chat__message--system","data-testid":"message-system",children:[t.jsxs("div",{className:"mes-dm-agent-system-message mx-auto mb-2 inline-flex w-fit max-w-[min(100%,480px)] items-center justify-center gap-[10px] rounded-[12px] border border-[rgba(0,0,0,0.08)] p-3 text-[rgba(0,0,0,0.55)]","data-testid":"dm-agent-system-message","data-dm-agent-system-type":n.type,children:[t.jsx(w.SparkleIcon,{size:16,weight:"regular","aria-hidden":!0,className:"mes-dm-agent-system-message__sparkle shrink-0"}),t.jsx("p",{className:"mes-dm-agent-system-message__text m-0 text-center text-[14px] font-normal leading-5 tracking-[0.21px]",children:i})]}),!s&&t.jsx(j.MessageTimestamp,{message:e.message})]})}if((n==null?void 0:n.kind)==="age-safety"){const i=((r=e.message.text)==null?void 0:r.trim())||lr[n.type];return t.jsxs("div",{className:"str-chat__message--system","data-testid":"message-system",children:[t.jsxs("div",{className:"mes-age-safety-system-message box-border mx-auto mb-2 flex w-full max-w-[329px] items-start justify-center gap-3 rounded-[12px] border border-[var(--border-secondary,rgba(0,0,0,0.08))] bg-[var(--bg-warning-subtle,#fef3c6)] px-2 py-4 pl-5 text-[color:var(--text-warning-on-warning,#894b00)]","data-testid":"age-safety-system-message","data-age-safety-system-type":n.type,children:[t.jsx(w.ProhibitIcon,{size:24,weight:"duotone","aria-hidden":!0,className:"mes-age-safety-system-message__icon shrink-0 text-[color:var(--text-warning-on-warning,#894b00)]","data-testid":"age-safety-system-message-icon"}),t.jsx("div",{className:"mes-age-safety-system-message__content min-w-0 flex-[1_0_0]",children:t.jsx("p",{className:"m-0 text-balance text-left text-[12px] font-normal leading-4 tracking-[0.21px] text-[color:var(--text-warning-on-warning,#894b00)]",children:mr(i)})})]}),!s&&t.jsx(j.MessageTimestamp,{message:e.message})]})}return t.jsxs("div",{className:"str-chat__message--system","data-testid":"message-system",children:[t.jsxs("div",{className:"str-chat__message--system__text",children:[t.jsx("div",{className:"str-chat__message--system__line"}),t.jsx("p",{children:e.message.text}),t.jsx("div",{className:"str-chat__message--system__line"})]}),!s&&t.jsx(j.MessageTimestamp,{message:e.message})]})},_s=u.createContext(!1),Oe=({cx:e,index:s})=>t.jsx("circle",{cx:e,cy:"6.15",r:"3.9",fill:"#A0A0A0",children:t.jsx("animateTransform",{attributeName:"transform",type:"translate",values:"0 0; 0 -2.25; 0 0;",dur:"900ms",begin:`${120*s}ms`,repeatCount:"indefinite"})}),hr=new Set([j.AIStates.Thinking,j.AIStates.Generating,j.AIStates.ExternalSources]),fr=({threadList:e})=>{var b,_;const{channel:s,channelConfig:n,thread:a}=j.useChannelStateContext(),{client:r}=j.useChatContext(),{typing:i={}}=j.useTypingContext(),{aiState:c}=j.useAIState(s),o=u.useContext(_s);if(!e&&o&&hr.has(c)){const p=gr(s,(b=r.user)==null?void 0:b.id);return t.jsx(Vt,{avatarId:(p==null?void 0:p.id)??"ai-agent",avatarName:(p==null?void 0:p.name)??(p==null?void 0:p.id)??"Agent",avatarImage:p==null?void 0:p.image,testId:"typing-indicator-ai"})}if((n==null?void 0:n.typing_events)===!1)return null;const m=e?[]:Object.values(i).filter(({parent_id:p,user:f})=>{var v;return(f==null?void 0:f.id)!==((v=r.user)==null?void 0:v.id)&&!p}),g=e?Object.values(i).filter(({parent_id:p,user:f})=>{var v;return(f==null?void 0:f.id)!==((v=r.user)==null?void 0:v.id)&&p===(a==null?void 0:a.id)}):[],x=e?g:m;if(!x.length)return null;const h=(_=x[0])==null?void 0:_.user,l=h!=null&&h.id&&s.state.members[h.id]?s.state.members[h.id].user:void 0;return t.jsx(Vt,{avatarId:(h==null?void 0:h.id)??(l==null?void 0:l.id)??"typing-user",avatarName:(h==null?void 0:h.name)??(l==null?void 0:l.name)??(h==null?void 0:h.id)??"Typing user",avatarImage:(h==null?void 0:h.image)??(l==null?void 0:l.image),testId:"typing-indicator"})},Vt=({avatarId:e,avatarName:s,avatarImage:n,testId:a})=>t.jsx("div",{className:"str-chat__li str-chat__li--single str-chat__typing-indicator !static","data-testid":a,style:{marginBottom:"var(--messaging-channel-input-spacer-height, 80px)"},children:t.jsxs("div",{className:"str-chat__message str-chat__message-simple str-chat__message--regular str-chat__message--received str-chat__message--other str-chat__message--has-text",children:[t.jsx(Q,{className:"str-chat__avatar str-chat__message-sender-avatar",id:e,name:s,image:n??void 0,size:24,shape:"circle"}),t.jsx("div",{className:"str-chat__message-inner mx-0",children:t.jsx("div",{className:"str-chat__message-bubble-wrapper",children:t.jsx("div",{className:"str-chat__message-bubble",children:t.jsx("div",{className:"str-chat__message-text min-h-11 flex items-center",children:t.jsx("div",{className:"str-chat__message-text-inner str-chat__message-simple-text-inner",children:t.jsxs("svg",{"aria-hidden":"true",className:"block overflow-visible",viewBox:"0 0 32 12.3",width:"32",height:"13",overflow:"visible",children:[t.jsx(Oe,{cx:"4",index:0}),t.jsx(Oe,{cx:"16",index:1}),t.jsx(Oe,{cx:"28",index:2})]})})})})})})]})});function gr(e,s){var a;const n=((a=e==null?void 0:e.state)==null?void 0:a.members)??{};for(const r of Object.values(n)){const i=r==null?void 0:r.user;if(i&&i.id!==s)return i}}const Ns=()=>null,pr=({className:e,message:s})=>t.jsxs("div",{className:k("flex items-center justify-center h-full",e),children:[t.jsxs("svg",{viewBox:"0 0 100 100",className:"size-8 fill-pebble",stroke:"none",children:[t.jsx("circle",{cx:"6",cy:"50",r:"6",children:t.jsx("animateTransform",{attributeName:"transform",dur:"1s",type:"translate",values:"0 15 ; 0 -15; 0 15",repeatCount:"indefinite",begin:"0.1"})}),t.jsx("circle",{cx:"30",cy:"50",r:"6",children:t.jsx("animateTransform",{attributeName:"transform",dur:"1s",type:"translate",values:"0 10 ; 0 -10; 0 10",repeatCount:"indefinite",begin:"0.2"})}),t.jsx("circle",{cx:"54",cy:"50",r:"6",children:t.jsx("animateTransform",{attributeName:"transform",dur:"1s",type:"translate",values:"0 5 ; 0 -5; 0 5",repeatCount:"indefinite",begin:"0.3"})})]}),s&&t.jsx("span",{className:"text-stone",children:s})]}),Se=u.memo(()=>t.jsx("div",{className:"messaging-loading-state flex items-center justify-center h-full",children:t.jsxs("div",{className:"flex items-center",children:[t.jsx(pr,{className:"w-6 h-6"}),t.jsx("span",{className:"text-sm text-stone",children:"Loading messages"})]})}));Se.displayName="LoadingState";const ue="size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-center transition-colors duration-150 focus-ring",Ne="Replies instantly with AI assistant",br=({onBack:e,showBackButton:s,showStarButton:n=!1,dmAgentEnabled:a=!1,onLeaveConversation:r,onBlockParticipant:i,showDeleteConversation:c=!0,showBlockParticipant:o=!0,showReportParticipant:d=!0,onDeleteConversationClick:m,onBlockParticipantClick:g,onReportParticipantClick:x,customChannelActions:h,renderChannelActions:l,showChannelInfo:b=!0,onParticipantNameClick:_,renderHeaderTitleBadges:p})=>{var T,E,L,I,z,$;const{channel:f}=j.useChannelStateContext(),{client:v}=j.useChatContext(),y=u.useMemo(()=>{var V;return ge((V=f.state)==null?void 0:V.members,v==null?void 0:v.userID,f.type)},[(T=f.state)==null?void 0:T.members,v==null?void 0:v.userID,f.type]),S=Ie(y==null?void 0:y.user),R=(E=y==null?void 0:y.user)==null?void 0:E.image,M=qe(f),D=p==null?void 0:p({channel:f,participant:y}),B="flex max-w-full flex-col items-center gap-1 rounded-[12px] px-1 py-0.5 text-center text-xs font-medium text-black/90",O="flex min-w-0 max-w-full items-center gap-4 rounded-[12px] px-1 py-0.5 text-left text-black/90",F=t.jsxs(t.Fragment,{children:[t.jsx("span",{className:"min-w-0 truncate",children:S}),D&&t.jsx("span",{className:"shrink-0",children:D})]}),C=async()=>{try{M?await f.unpin():await f.pin()}catch(V){console.error("[CustomChannelHeader] Failed to update pinned status:",V)}};return t.jsxs("div",{className:"@container",children:[t.jsxs("div",{className:"grid grid-cols-[1fr_auto_1fr] w-full items-center @lg:hidden px-6 py-3",children:[t.jsx("div",{className:"flex items-center gap-2",children:s&&t.jsx("button",{className:k(ue,"messaging-channel-view-back-button-mobile bg-[#F1F0EE]"),onClick:e||(()=>{}),type:"button","aria-label":"Back to conversations",children:t.jsx(w.ArrowLeftIcon,{className:"size-5 text-black/90"})})}),t.jsx("div",{className:"flex flex-col gap-1 items-center","data-dd-privacy":"mask",children:_?t.jsxs("button",{type:"button",onClick:_,"aria-label":`View details for ${S}`,className:k(B,"appearance-none border-0 bg-transparent transition-opacity hover:opacity-70 focus-ring focus-visible:outline-none"),children:[t.jsx(Q,{id:((L=y==null?void 0:y.user)==null?void 0:L.id)||f.id||"unknown",name:S,image:R,starred:n&&M,dmAgentEnabled:a,size:48}),t.jsxs("span",{className:"flex max-w-full items-center gap-0.5",children:[F,t.jsx(w.CaretRightIcon,{className:"size-3 shrink-0",weight:"bold"})]}),a&&t.jsxs("div",{className:"flex items-center gap-1 text-[10px] leading-3 text-black/55",children:[t.jsx(w.SparkleIcon,{className:"size-3 shrink-0 text-black/55"}),t.jsx("span",{children:Ne})]})]}):t.jsxs("div",{className:B,children:[t.jsx(Q,{id:((I=y==null?void 0:y.user)==null?void 0:I.id)||f.id||"unknown",name:S,image:R,starred:n&&M,dmAgentEnabled:a,size:48}),t.jsxs("p",{className:"flex max-w-full items-center justify-center gap-0.5",children:[F,t.jsx(w.CaretRightIcon,{className:"invisible size-3 shrink-0",weight:"bold"})]}),a&&t.jsxs("div",{className:"flex items-center gap-1 text-[10px] leading-3 text-black/55",children:[t.jsx(w.SparkleIcon,{className:"size-3 shrink-0 text-black/55"}),t.jsx("span",{children:Ne})]})]})}),t.jsxs("div",{className:"flex justify-end items-center gap-2",children:[n&&t.jsx("button",{className:ue,onClick:C,type:"button","aria-label":M?"Unstar conversation":"Star conversation",children:t.jsx(w.StarIcon,{className:k("size-5",{"text-yellow-600":M,"text-black/90":!M}),weight:M?"duotone":"regular"})}),b&&(l!==void 0?l:t.jsx(Be,{channel:f,participant:y,showDeleteConversation:c,showBlockParticipant:o,showReportParticipant:d,onLeaveConversation:r,onBlockParticipant:i,onDeleteConversationClick:m,onBlockParticipantClick:g,onReportParticipantClick:x,customChannelActions:h,triggerClassName:k(ue,"bg-[#F1F0EE]")}))]})]}),t.jsxs("div",{className:"px-6 py-3 hidden @lg:flex items-center justify-between gap-3 min-h-12 border-b border-b-black/[0.08]",children:[t.jsxs("div",{className:"flex items-center gap-4 min-w-0","data-dd-privacy":"mask",children:[s&&e&&t.jsx("button",{className:k(ue,"messaging-channel-view-back-button-desktop"),type:"button",onClick:e,"aria-label":"Back to conversations",children:t.jsx(w.ArrowLeftIcon,{className:"size-5 text-black/90"})}),_?t.jsxs("button",{type:"button",onClick:_,"aria-label":`View details for ${S}`,className:k(O,"appearance-none border-0 bg-transparent transition-opacity hover:opacity-70 focus-ring focus-visible:outline-none"),children:[t.jsx(Q,{id:((z=y==null?void 0:y.user)==null?void 0:z.id)||f.id||"unknown",name:S,image:R,starred:n&&M,dmAgentEnabled:a,size:48}),t.jsxs("div",{className:"min-w-0",children:[t.jsxs("h1",{className:"flex min-w-0 items-center gap-1 font-medium text-black/90",children:[F,t.jsx(w.CaretRightIcon,{className:"size-4 shrink-0",weight:"bold"})]}),a&&t.jsxs("div",{className:"mt-0.5 flex items-center gap-1 text-[10px] leading-3 text-black/55",children:[t.jsx(w.SparkleIcon,{className:"size-3 shrink-0 text-black/55"}),t.jsx("span",{className:"truncate",children:Ne})]})]})]}):t.jsxs("div",{className:O,children:[t.jsx(Q,{id:(($=y==null?void 0:y.user)==null?void 0:$.id)||f.id||"unknown",name:S,image:R,starred:n&&M,dmAgentEnabled:a,size:48}),t.jsxs("div",{className:"min-w-0",children:[t.jsxs("h1",{className:"flex min-w-0 items-center gap-1 font-medium text-black/90",children:[F,t.jsx(w.CaretRightIcon,{className:"invisible size-4 shrink-0",weight:"bold"})]}),a&&t.jsxs("div",{className:"mt-0.5 flex items-center gap-1 text-[10px] leading-3 text-black/55",children:[t.jsx(w.SparkleIcon,{className:"size-3 shrink-0 text-black/55"}),t.jsx("span",{className:"truncate",children:Ne})]})]})]})]}),t.jsxs("div",{className:"flex items-center gap-2",children:[n&&t.jsx("button",{className:ue,onClick:C,type:"button","aria-label":M?"Unstar conversation":"Star conversation",children:t.jsx(w.StarIcon,{className:k("size-6",{"text-yellow-600":M,"text-black/90":!M}),weight:M?"duotone":"regular"})}),b&&(l!==void 0?l:t.jsx(Be,{channel:f,participant:y,showDeleteConversation:c,showBlockParticipant:o,showReportParticipant:d,onLeaveConversation:r,onBlockParticipant:i,onDeleteConversationClick:m,onBlockParticipantClick:g,onReportParticipantClick:x,customChannelActions:h,triggerClassName:ue}))]})]})]})},vr=({onBack:e,showBackButton:s,renderMessageInputActions:n,renderMessageInputFooter:a,renderConversationFooter:r,onLeaveConversation:i,onBlockParticipant:c,showDeleteConversation:o=!0,onDeleteConversationClick:d,onBlockParticipantClick:m,onReportParticipantClick:g,showBlockParticipant:x=!0,showReportParticipant:h=!0,composerDisabled:l=!1,composerDisabledReason:b,showStarButton:_=!1,chatbotVotingEnabled:p=!1,renderChannelBanner:f,renderHeaderTitleBadges:v,customChannelActions:y,renderChannelActions:S,renderMessage:R,dmAgentEnabled:M=!1,viewerLanguage:D,showChannelInfo:B=!0,onParticipantNameClick:O,composerInput:F})=>{var N,A,G,Y;const{channel:C}=j.useChannelStateContext(),{client:T}=j.useChatContext(),E=u.useMemo(()=>{var H;return ge((H=C.state)==null?void 0:H.members,T==null?void 0:T.userID,C.type)},[(N=C.state)==null?void 0:N.members,T==null?void 0:T.userID,C.type]),L=u.useMemo(()=>{var q;const H=T==null?void 0:T.userID;return H?Object.values(((q=C.state)==null?void 0:q.members)||{}).find(K=>{var ae;return((ae=K.user)==null?void 0:ae.id)===H}):void 0},[T==null?void 0:T.userID,(A=C.state)==null?void 0:A.members]),I=((G=L==null?void 0:L.user)==null?void 0:G.is_account)??(L==null?void 0:L.is_account),z=((Y=E==null?void 0:E.user)==null?void 0:Y.is_account)??(E==null?void 0:E.is_account),$=M&&I===!1&&z===!0,V=C.state.messages.some(H=>H.type!=="deleted"),X=f?t.jsx(u.Fragment,{children:f()},"lt-channel-banner"):null,J=O?t.jsx(Ys,{onBack:e,showBackButton:s,showChannelInfo:B,showStarButton:_,dmAgentEnabled:$,onLeaveConversation:i,onBlockParticipant:c,showDeleteConversation:o,showBlockParticipant:x,showReportParticipant:h,onDeleteConversationClick:d,onBlockParticipantClick:m,onReportParticipantClick:g,customChannelActions:y,renderChannelActions:S,onParticipantNameClick:O}):null,W=u.useCallback(H=>{const{message:U}=j.useMessageContext("ChannelView"),q=t.jsx(Xa,{...H,chatbotVotingEnabled:p,viewerLanguage:D});return!R||!U?q:R(q,U)},[p,R,D]);return t.jsx(t.Fragment,{children:t.jsx(j.WithComponents,{overrides:{Message:W,MessageActions:Ja},children:t.jsxs(j.Window,{children:[!O&&t.jsxs(t.Fragment,{children:[t.jsx("div",{children:t.jsx(br,{onBack:e,showBackButton:s,showChannelInfo:B,showStarButton:_,dmAgentEnabled:$,onLeaveConversation:i,onBlockParticipant:c,showDeleteConversation:o,showBlockParticipant:x,showReportParticipant:h,onDeleteConversationClick:d,onBlockParticipantClick:m,onReportParticipantClick:g,customChannelActions:y,renderChannelActions:S,renderHeaderTitleBadges:v})},"lt-channel-header"),X]}),O&&!V&&t.jsxs("div",{className:"px-4 @lg:px-6",children:[J,X]}),t.jsx("div",{className:"flex-1 overflow-hidden relative",children:t.jsx(j.MessageList,{head:O&&V?t.jsxs("div",{className:"sticky top-0 z-10",children:[J,X]}):void 0,hideDeletedMessages:!0,hideNewMessageSeparator:!1})},"lt-channel-message-list"),r?t.jsx(u.Fragment,{children:r(C)},"lt-channel-conversation-footer"):null,t.jsx(ar,{...n&&{renderActions:()=>n==null?void 0:n(C)},renderFooter:()=>a==null?void 0:a(C),disabled:l,disabledReason:b,composerInput:F},"lt-channel-message-input")]})})})},mt=u.memo(({channel:e,onBack:s,showBackButton:n=!1,renderMessageInputActions:a,renderMessageInputFooter:r,renderConversationFooter:i,onLeaveConversation:c,onBlockParticipant:o,className:d,CustomChannelEmptyState:m=Ns,showDeleteConversation:g=!0,onDeleteConversationClick:x,onBlockParticipantClick:h,onReportParticipantClick:l,showBlockParticipant:b=!0,showReportParticipant:_=!0,composerDisabled:p=!1,composerDisabledReason:f,dmAgentEnabled:v,messageMetadata:y,onMessageSent:S,showStarButton:R=!1,chatbotVotingEnabled:M=!1,renderChannelBanner:D,renderHeaderTitleBadges:B,customChannelActions:O,renderChannelActions:F,renderMessage:C,onMessageLinkClick:T,sendButton:E,attachmentPreviewList:L,viewerLanguage:I,showChannelInfo:z=!0,onParticipantNameClick:$,composerInput:V})=>{const X=u.useCallback(async(W,N,A)=>{var K;const G=((K=e.data)==null?void 0:K.chatbot_paused)===!0,Y=v&&!G,H={...N,...Y&&{silent:!0},...y&&{metadata:{...N.metadata??{},...y}}},U={...A,...Y&&{skip_push:!0}},q=await e.sendMessage(H,U);return S==null||S(q),q},[e,v,y,S]),J=u.useRef(null);return u.useEffect(()=>{if(!T)return;const W=J.current;if(!W)return;const N=A=>{const G=A.target,Y=G==null?void 0:G.closest("a[href]"),H=Y==null?void 0:Y.getAttribute("href");if(!H)return;const U=Y==null?void 0:Y.closest("[data-message-id]"),q=U==null?void 0:U.getAttribute("data-message-id"),K=q?e.state.messages.find(ae=>ae.id===q):void 0;T(H,K)};return W.addEventListener("click",N),()=>W.removeEventListener("click",N)},[T,e]),t.jsx("div",{ref:J,className:k("messaging-channel-view h-full flex flex-col",d),children:t.jsx(_s.Provider,{value:v??!1,children:t.jsx(j.Channel,{channel:e,MessageSystem:xr,EmptyStateIndicator:m,LoadingIndicator:Se,DateSeparator:qs,TypingIndicator:fr,doSendMessageRequest:X,...E?{SendButton:E}:{},...L?{AttachmentPreviewList:L}:{},children:t.jsx(vr,{onBack:s,showBackButton:n,renderMessageInputActions:a,renderMessageInputFooter:r,renderConversationFooter:i,onLeaveConversation:c,onBlockParticipant:o,CustomChannelEmptyState:m,showDeleteConversation:g,onDeleteConversationClick:x,onBlockParticipantClick:h,onReportParticipantClick:l,showBlockParticipant:b,showReportParticipant:_,composerDisabled:p,composerDisabledReason:f,showStarButton:R,dmAgentEnabled:v,chatbotVotingEnabled:M,renderChannelBanner:D,renderHeaderTitleBadges:B,customChannelActions:O,renderChannelActions:F,renderMessage:C,viewerLanguage:I,showChannelInfo:z,onParticipantNameClick:$,composerInput:V})})})})});mt.displayName="ChannelView";const fe=u.memo(({message:e,onBack:s})=>t.jsx("div",{className:"messaging-error-state flex items-center justify-center h-full p-8",children:t.jsxs("div",{className:"text-center max-w-sm",children:[t.jsx("div",{className:"w-24 h-24 bg-danger-alt/20 rounded-full flex items-center justify-center mx-auto mb-6",children:t.jsx("span",{className:"text-4xl",children:"⚠️"})}),t.jsx("h2",{className:"font-semibold text-charcoal mb-2",children:"Oops!"}),t.jsx("p",{className:"text-stone text-sm mb-6",children:e}),s&&t.jsx("button",{type:"button",onClick:s,className:"inline-flex items-center gap-2 px-4 py-2 text-sm font-medium text-white bg-[#7f22fe] hover:bg-primary-alt rounded-lg transition-colors focus-ring",children:"Go Back"})]})}));fe.displayName="ErrorState";const jr=({capabilities:e={},renderMessageInputActions:s,renderConversationFooter:n,onChannelSelect:a,onExitConversation:r,initialParticipantFilter:i,initialParticipantData:c,CustomChannelEmptyState:o,onBlockParticipantClick:d,onReportParticipantClick:m,dmAgentEnabled:g,onMessageSent:x,chatbotVotingEnabled:h=!1,viewerLanguage:l,renderHeaderTitleBadges:b,renderChannelBanner:_,customChannelActions:p,renderChannelActions:f,onParticipantNameClick:v,renderMessage:y,onMessageLinkClick:S,showChannelInfo:R,composerInput:M})=>{const{client:D,isConnected:B,isLoading:O,error:F,refreshConnection:C,service:T,debug:E}=Ht(),[L,I]=u.useState(null),[z,$]=u.useState(null),[V,X]=u.useState(!1),{showDeleteConversation:J=!0}=e,W=u.useRef(c);W.current=c;const N=u.useRef(a);N.current=a;const A=u.useRef(null),G=u.useRef(null);u.useEffect(()=>{G.current=L},[L]),u.useEffect(()=>{if(!D||!B)return;const U=D.userID;if(!U)return;const q=`${U}::${i}`;if(A.current===q)return;A.current=q;const K=()=>{A.current===q&&(A.current=null)};(async()=>{var we,_e;try{E&&console.log("[MessagingShell] Loading initial conversation with:",i);const ee=await D.queryChannels({type:"messaging",members:{$eq:[U,i]}},{},{limit:1});if(ee.length>0){I(ee[0]),$(null),(we=N.current)==null||we.call(N,ee[0]),E&&console.log("[MessagingShell] Initial conversation loaded:",ee[0].id);return}const re=W.current;if(!re||!T){K(),$("No conversation found with this account"),E&&console.log("[MessagingShell] No conversation found for:",i);return}try{const ne=await T.startChannelWithParticipant({id:re.id,name:re.name,phone:re.phone});I(ne),$(null),(_e=N.current)==null||_e.call(N,ne),E&&console.log("[MessagingShell] Channel created and loaded:",ne.id)}catch(ne){console.error("[MessagingShell] Failed to create conversation:",ne),K(),$("Failed to create conversation")}}catch(ee){console.error("[MessagingShell] Failed to load initial conversation:",ee),K(),G.current||$("Failed to load conversation")}})()},[i,D,B,T,E]);const Y=u.useRef(r);Y.current=r;const H=u.useCallback(()=>{var U;I(null),X(!0),(U=Y.current)==null||U.call(Y)},[]);return O?t.jsx(Se,{}):F?t.jsx(fe,{message:F,onBack:C}):!B||!D?t.jsx(fe,{message:"Not connected to messaging service",onBack:C}):z?t.jsx(fe,{message:z}):V&&!L?t.jsx(fe,{message:"Conversation ended"}):L?t.jsx("div",{className:"messaging-shell h-full bg-background-primary overflow-hidden",children:t.jsx("div",{className:"flex h-full min-h-0 flex-col",children:t.jsx(mt,{channel:L,renderMessageInputActions:s,renderConversationFooter:n,renderChannelBanner:_,onLeaveConversation:H,onBlockParticipant:H,CustomChannelEmptyState:o,showDeleteConversation:J,onBlockParticipantClick:d,onReportParticipantClick:m,dmAgentEnabled:g,onMessageSent:x,chatbotVotingEnabled:h,viewerLanguage:l,renderHeaderTitleBadges:b,customChannelActions:p,renderChannelActions:f,onParticipantNameClick:v,renderMessage:y,onMessageLinkClick:S,showChannelInfo:R,composerInput:M},L.id)})}):t.jsx(Se,{})};function wr(e){const s=e.state.pending_messages;if(s!=null&&s.length)for(const n of s)e.state.addMessageSorted(n.message)}const ys=u.createContext({selectedChannel:void 0,onChannelSelect:()=>{},debug:!1,renderMessagePreview:void 0,channelPreview:void 0,viewerLanguage:void 0}),_r=ys.Provider,Nr=()=>u.useContext(ys),yr=(e,s)=>{const n=new Date(Date.UTC(e.getUTCFullYear(),e.getUTCMonth(),e.getUTCDate())),r=new Date(Date.UTC(s.getUTCFullYear(),s.getUTCMonth(),s.getUTCDate())).getTime()-n.getTime();return Math.floor(r/(1e3*60*60*24))},Cs=e=>{const s=new Date;if(Math.floor((s.getTime()-e.getTime())/1e3)<60)return"Just now";const a=yr(e,s);return a===0?e.toLocaleTimeString([],{hour:"numeric",minute:"2-digit",hour12:!0}):a===1?"Yesterday":a<7?`${a}d`:a<28?`${Math.floor(a/7)}w`:e.toLocaleDateString("en-US",{month:"numeric",day:"numeric",year:"2-digit"})},ks=u.memo(e=>{var B,O,F;const{channel:s,unread:n}=e,{selectedChannel:a,onChannelSelect:r,debug:i,channelPreview:c,renderMessagePreview:o,viewerLanguage:d}=Nr(),{client:m}=j.useChatContext(),g=(a==null?void 0:a.id)===(s==null?void 0:s.id),x=qe(s);if(c){const C=c;return t.jsx(C,{...e,active:g,selectedChannel:a,onChannelSelect:r,viewerLanguage:d})}const h=()=>{s&&r(s)},l=C=>{const T=C.key==="Enter"||C.key===" ",E=C.repeat;!T||E||(C.preventDefault(),h())},b=ge((B=s==null?void 0:s.state)==null?void 0:B.members,m==null?void 0:m.userID,s==null?void 0:s.type),_=Ie(b==null?void 0:b.user),p=(O=b==null?void 0:b.user)==null?void 0:O.image,f=(()=>{var T;const C=(T=s==null?void 0:s.state)==null?void 0:T.messages;if(C!=null&&C.length){for(let E=C.length-1;E>=0;E--)if(C[E].type!=="system")return C[E]}})(),y=(()=>{var z,$,V,X;const C=Xe({message:f,viewerLanguage:d});if(((z=f==null?void 0:f.metadata)==null?void 0:z.custom_type)==="MESSAGE_TIP")return C?`💵 ${C}`:"💵 Sent a tip";if((($=f==null?void 0:f.metadata)==null?void 0:$.custom_type)==="MESSAGE_PAID")return C?`💰 ${C}`:"💰 Sent a message";if(((V=f==null?void 0:f.metadata)==null?void 0:V.custom_type)==="MESSAGE_ATTACHMENT")return C?`📎 ${C}`:"📎 Sent an attachment";if(C)return C;const I=(X=f==null?void 0:f.attachments)==null?void 0:X[0];return I?I.og_scrape_url?I.og_scrape_url:I.type==="image"?"📷 Sent an image":I.type==="video"?"🎥 Sent a video":I.type==="audio"?"🎵 Sent audio":I.type==="file"?"📎 Sent a file":"📎 Sent an attachment":"No messages yet"})(),S=f!=null&&f.created_at?Cs(new Date(f.created_at)):"",R=f?ye(f):!1,M=o?o(f,y):`${R?"✨ ":""}${y}`,D=n??0;return i&&console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER",{channelId:s==null?void 0:s.id,isSelected:g,participantName:_,unreadCount:D,hasTimestamp:!!S}),t.jsx("div",{role:"button",tabIndex:0,onClick:h,onKeyDown:l,className:k("group w-full px-4 py-3 transition-colors text-left max-w-full overflow-hidden focus-ring rounded-[12px] [&+&]:mt-2",{"bg-black/[0.04]":g,"hover:bg-black/[0.02]":!g}),"data-dd-privacy":"mask",children:t.jsxs("div",{className:"flex items-start gap-4",children:[t.jsx(Q,{id:((F=b==null?void 0:b.user)==null?void 0:F.id)||s.id||"unknown",name:_,image:p,size:48,starred:x}),t.jsxs("div",{className:"flex-1 min-w-0 flex flex-col gap-1",children:[t.jsxs("div",{className:"flex items-center justify-between gap-2",children:[t.jsxs("h3",{className:k("text-sm font-medium truncate text-[#191918]"),children:[x&&t.jsx("span",{className:"sr-only",children:"Starred conversation. "}),_]}),S&&t.jsx("span",{className:"text-xs text-[#717070] flex-shrink-0",children:S})]}),t.jsxs("div",{className:"flex items-center justify-between gap-2 min-w-0",children:[t.jsx("p",{className:"text-sm text-[#717070] flex-1 line-clamp-1",children:M}),D>0&&t.jsx("span",{className:"bg-[#7f22fe] text-white text-[10px] rounded-full h-4 flex items-center justify-center p-1 min-w-4 text-center flex-shrink-0",children:D>99?"99+":D})]})]})]})})});ks.displayName="CustomChannelPreview";const Cr={last_message_at:-1},Ss=u.memo(({onChannelSelect:e,selectedChannel:s,filters:n,allowNewMessagesFromUnfilteredChannels:a=!1,channelRenderFilterFn:r,sort:i=Cr,className:c,customEmptyStateIndicator:o,channelListPaginator:d=j.InfiniteScroll,channelPreview:m,renderMessagePreview:g,viewerLanguage:x})=>{const h=u.useRef(0);h.current++;const{debug:l=!1}=Ye(),b=u.useCallback(p=>{for(const f of p)wr(f);return r?r(p):p},[r]);l&&console.log("📺 [ChannelList] 🔄 RENDER START",{renderCount:h.current,selectedChannelId:s==null?void 0:s.id,filters:n});const _=u.useMemo(()=>({selectedChannel:s,onChannelSelect:e,debug:l,channelPreview:m,renderMessagePreview:g,viewerLanguage:x}),[s,e,l,m,g,x]);return t.jsx("div",{className:k("messaging-channel-list h-full flex flex-col min-w-0 overflow-hidden",c),children:t.jsx("div",{className:"flex-1 overflow-hidden min-w-0",children:t.jsx(_r,{value:_,children:t.jsx(j.ChannelList,{filters:n,sort:i,options:{limit:30},allowNewMessagesFromUnfilteredChannels:a,channelRenderFilterFn:b,Paginator:d,Preview:ks,EmptyStateIndicator:o},`${JSON.stringify(n)}:${JSON.stringify(i)}`)})})})});Ss.displayName="ChannelList";const Is=({question:e,onClick:s,loading:n=!1,className:a})=>t.jsx("button",{type:"button",onClick:s,disabled:n,style:{backgroundColor:"#E6E5E3"},className:k("w-full text-center p-4 rounded-xl text-charcoal font-medium transition-colors focus-ring",{"hover:brightness-95 active:brightness-90":!n,"opacity-50 cursor-not-allowed":n},a),children:e}),kr=({faqs:e,onFaqClick:s,loadingFaqId:n,headerText:a,className:r,avatarImage:i,avatarName:c})=>{const o=e.filter(d=>d.enabled).sort((d,m)=>(d.order??0)-(m.order??0));return o.length===0?null:t.jsx("div",{className:r,children:t.jsxs("div",{className:"flex gap-3 items-end",children:[(i||c)&&t.jsx("div",{className:"flex-none",children:t.jsx(Q,{id:c||"account",name:c||"Account",image:i,size:24,shape:"circle"})}),t.jsxs("div",{className:"flex-1 flex flex-col gap-3 rounded-lg p-4",style:{backgroundColor:"#F1F0EE"},children:[a&&t.jsx("p",{className:"text-md text-charcoal mb-4",children:a}),o.map(d=>t.jsx(Is,{question:d.question,onClick:()=>s(d.id),loading:n===d.id},d.id))]})]})})};exports.ActionButton=me;exports.AttachmentThumbnail=Ke;exports.Avatar=Q;exports.ChannelEmptyState=Ns;exports.ChannelList=Ss;exports.ChannelView=mt;exports.CustomMessageProvider=xa;exports.FaqList=kr;exports.FaqListItem=Is;exports.LinkAttachment=Ge;exports.LockedAttachment=he;exports.MediaMessage=vn;exports.MessageAttachment=xe;exports.MessageVoteButtons=vs;exports.MessagingProvider=Rs;exports.MessagingShell=jr;exports.bubbleGroupPositionFromStream=ts;exports.buildCompactMetaLabel=as;exports.formatFileSize=ss;exports.formatRelativeTime=Cs;exports.getFileExtensionLabel=ns;exports.getMessageDisplayText=Xe;exports.getSourceType=se;exports.isLinkAttachment=Qe;exports.isUuidLike=Yt;exports.normalizeLanguageCode=Wt;exports.renderTypeIcon=oe;exports.resolveConversationParticipant=ge;exports.resolveLinkAttachment=Ee;exports.resolveMediaFromMessage=Te;exports.resolveParticipantDisplayName=Ie;exports.useComposerLocked=tr;exports.useCustomMessage=ps;exports.useMessageVote=Xt;exports.useMessaging=Ht;
+//# sourceMappingURL=index-DpzmKL5U.cjs.map