@linktr.ee/messaging-react 3.17.0-rc-1785345258 → 3.17.0

package/src/index.ts

@@ -60,7 +60,6 @@ export type {
   MessagingProviderProps,
   MessagingCapabilities,
   MessageLinkClickHandler,
-  BroadcastClickHandler,
   Participant,
   LockedAttachmentSource,
 } from './types'

package/src/stream-custom-data.ts

@@ -27,7 +27,6 @@ export type MessageCustomType =
   | 'MESSAGE_TIP'
   | 'MESSAGE_PAID'
   | 'MESSAGE_CHATBOT'
-  | 'MESSAGE_OUTBOUND'
   | 'MESSAGE_ATTACHMENT'
   | AgeSafetySystemType
   | EscalationSystemType
@@ -58,8 +57,6 @@ export interface MessageMetadata {
    * `custom_type` — it identifies the send context, not the message kind. (MES-1266)
    */
   sent_from?: 'stack_detail'
-  broadcast_id?: string
-  broadcast_name?: string
 }
 
 /**

package/src/styles.css

@@ -483,19 +483,6 @@
   position: relative;
 }
 
-.sent-message-broadcast-link {
-  display: inline-flex;
-  align-items: center;
-  gap: 0.25rem;
-  background: none;
-  border: 0;
-  padding: 0;
-  font: inherit;
-  color: inherit;
-  cursor: pointer;
-  text-decoration: underline;
-}
-
 .str-chat__li .str-chat__message-inner {
   grid-column-gap: 4px;
 }
@@ -597,12 +584,11 @@
 }
 
 /* Message delivery status under sent messages (MES-1036/MES-1296).
-   `SentMessageDeliveryStatus` renders stream's `.str-chat__message-status`
-   directly when there is no broadcast label. When a broadcast label is
-   present, `.sent-message-status-row` is the grid item and contains the
-   stream status span. Both cases are right-aligned via the outer grid's
-   `justify-items: end`; stream's empty status span collapses when no state is
-   active (i.e. not the last sent message). */
+   `SentMessageDeliveryStatus` renders it through stream's `MessageStatus`,
+   whose `.str-chat__message-status` span is the grid item here (right-aligned
+   via the outer grid's `justify-items: end`). Stream emits that span for every
+   own message and leaves it empty when no state is active (i.e. not the last
+   sent message), so `:empty` collapses those away. */
 .str-chat__li .str-chat__message--me .str-chat__message-status {
   grid-area: delivery-status;
   justify-content: flex-end;
@@ -613,28 +599,6 @@
   line-height: 1.4;
   color: var(--str-chat__text-low-emphasis-color, rgba(0, 0, 0, 0.5));
 }
-.str-chat__li .str-chat__message--me .sent-message-status-row {
-  display: inline-flex;
-  grid-area: delivery-status;
-  align-items: center;
-  justify-content: flex-end;
-  gap: 4px;
-  padding-block-start: 4px;
-  padding-inline-end: 16px;
-  font-size: 10px;
-  line-height: 1.4;
-  color: var(--str-chat__text-low-emphasis-color, rgba(0, 0, 0, 0.5));
-}
-.str-chat__li .str-chat__message--me .sent-message-status-row
-  .str-chat__message-status {
-  grid-area: auto;
-  justify-content: inherit;
-  gap: inherit;
-  padding: 0;
-  font: inherit;
-  line-height: inherit;
-  color: inherit;
-}
 .str-chat__li .str-chat__message-status:empty {
   display: none;
 }
@@ -647,13 +611,6 @@
 .str-chat__li .str-chat__message--me .str-chat__message-status svg path {
   fill: currentColor;
 }
-.str-chat__li .str-chat__message--me .sent-message-status-row svg {
-  width: 14px;
-  height: 14px;
-}
-.str-chat__li .str-chat__message--me .sent-message-status-row svg path {
-  fill: currentColor;
-}
 .str-chat__li .str-chat__message--me .sent-message-status--failed {
   color: var(--str-chat__message-error-color, #d92d20);
 }

package/src/types.ts

@@ -36,11 +36,6 @@ export type MessageLinkClickHandler = (
   message: LocalMessage | undefined
 ) => void
 
-export type BroadcastClickHandler = (broadcast: {
-  id: string
-  name?: string
-}) => void
-
 export type ChannelPreviewProps = ChannelPreviewUIComponentProps & {
   selectedChannel?: Channel | null
   onChannelSelect: (channel: Channel) => void
@@ -367,12 +362,6 @@ export interface ChannelViewProps {
    */
   onMessageLinkClick?: MessageLinkClickHandler
 
-  /**
-   * Fired when a broadcast label is clicked on an outgoing broadcast message.
-   * Hosts own navigation so this shared package never assumes an admin URL.
-   */
-  onBroadcastClick?: BroadcastClickHandler
-
   /**
    * Passed to Stream `Channel` as `SendButton`. Required for hosts that replace
    * the send control: `Channel` merges this into `ComponentContext` and an
@@ -441,7 +430,6 @@ export type ChannelViewPassthroughProps = Pick<
   | 'onParticipantNameClick'
   | 'renderMessage'
   | 'onMessageLinkClick'
-  | 'onBroadcastClick'
   | 'showChannelInfo'
   | 'composerInput'
 >

package/dist/index-DBjALsli.cjs

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