@linktr.ee/messaging-react 3.5.0-rc-1782480113 → 3.5.0-rc-1782792813

package/src/components/ParticipantBadges.tsx

@@ -0,0 +1,42 @@
+import { CurrencyDollarIcon, StarIcon } from '@phosphor-icons/react'
+import React from 'react'
+import type { Channel, ChannelMemberResponse } from 'stream-chat'
+
+import { useChannelStar } from '../hooks/useChannelStar'
+
+export const ParticipantBadges: React.FC<{
+  channel?: Channel
+  participant?: ChannelMemberResponse
+}> = ({ channel, participant }) => {
+  const isCustomer = participant?.customer === true
+  const isStarred = useChannelStar(channel)
+
+  if (!isCustomer && !isStarred) return null
+
+  return (
+    <span className="inline-flex shrink-0 items-center gap-1">
+      {isCustomer && (
+        <span
+          role="img"
+          aria-label="Customer"
+          className="inline-flex size-4 items-center justify-center rounded-full bg-[#22C55E] text-white"
+        >
+          <CurrencyDollarIcon
+            aria-hidden="true"
+            className="size-3"
+            weight="bold"
+          />
+        </span>
+      )}
+      {isStarred && (
+        <span
+          role="img"
+          aria-label="Starred conversation"
+          className="inline-flex size-4 items-center justify-center rounded-full bg-[#F6C343] text-white"
+        >
+          <StarIcon aria-hidden="true" className="size-3" weight="fill" />
+        </span>
+      )}
+    </span>
+  )
+}

package/src/hooks/useChannelStar.ts

@@ -1,5 +1,5 @@
 import { useEffect, useState } from 'react'
-import { Channel, Event } from 'stream-chat'
+import type { Channel, Event } from 'stream-chat'
 
 export const useChannelStar = (channel?: Channel) => {
   const [isChannelStarred, setIsChannelStarred] = useState(
@@ -15,15 +15,18 @@ export const useChannelStar = (channel?: Channel) => {
     setIsChannelStarred(!!channel.state.membership?.pinned_at)
 
     const handleMemberUpdate = (event: Event) => {
-      setIsChannelStarred(
-        event?.member ? !!event.member.pinned_at : !!channel.state.membership?.pinned_at
-      )
+      const currentUserId = channel._client?.userID
+      const memberUserId = event.member?.user_id ?? event.member?.user?.id
+
+      if (!currentUserId || memberUserId !== currentUserId) return
+
+      setIsChannelStarred(!!event.member?.pinned_at)
     }
 
-    channel.on('member.updated', handleMemberUpdate)
+    const subscription = channel.on('member.updated', handleMemberUpdate)
 
     return () => {
-      channel.off('member.updated', handleMemberUpdate)
+      subscription.unsubscribe()
     }
   }, [channel])
 

package/src/index.ts

@@ -10,8 +10,6 @@ export { default as LockedAttachment } from './components/LockedAttachment'
 export { default as LinkAttachment } from './components/LinkAttachment'
 export { default as MessageAttachment } from './components/MessageAttachment'
 export { Avatar } from './components/Avatar'
-export { VerifiedBadge } from './components/VerifiedBadge'
-export type { VerifiedBadgeProps } from './components/VerifiedBadge'
 export { FaqList } from './components/FaqList'
 export { FaqListItem } from './components/FaqList/FaqListItem'
 export { ChannelEmptyState } from './components/MessagingShell/ChannelEmptyState'

package/src/stories/mocks.tsx

@@ -54,6 +54,14 @@ export const MockChatProviderWithChannels: React.FC<{
     // Create mock channels
     const mockChannels = Array.from({ length: channelCount }, (_, i) => {
       const participant = mockParticipants[i % mockParticipants.length]
+      const eventListeners = new Map<string, Set<(...args: unknown[]) => void>>()
+
+      const latestMessage = {
+        id: `msg-${i}-1`,
+        text: `Hey! This is message ${i + 1}`,
+        created_at: new Date(Date.now() - 1000 * 60 * (i + 1)),
+        user: participant,
+      }
 
       const mockChannel = {
         id: `channel-${i + 1}`,
@@ -71,18 +79,35 @@ export const MockChatProviderWithChannels: React.FC<{
               user_id: participant.id,
             },
           },
-          messages: [
+          latestMessages: [latestMessage],
+          messages: [latestMessage],
+          messageSets: [
             {
-              id: `msg-${i}-1`,
-              text: `Hey! This is message ${i + 1}`,
-              created_at: new Date(Date.now() - 1000 * 60 * (i + 1)),
-              user: participant,
+              isCurrent: true,
+              isLatest: true,
+              messages: [latestMessage],
             },
           ],
           unreadCount: i === 0 ? 2 : 0,
           read: {},
         },
         // Mock channel methods
+        countUnread: () => (i === 0 ? 2 : 0),
+        muteStatus: () => false,
+        on: (eventName: string, listener: (...args: unknown[]) => void) => {
+          if (!eventListeners.has(eventName)) {
+            eventListeners.set(eventName, new Set())
+          }
+          eventListeners.get(eventName)?.add(listener)
+          return {
+            unsubscribe: () => {
+              eventListeners.get(eventName)?.delete(listener)
+            },
+          }
+        },
+        off: (eventName: string, listener: (...args: unknown[]) => void) => {
+          eventListeners.get(eventName)?.delete(listener)
+        },
         query: async () => ({ messages: [] }),
         watch: async () => ({ messages: [] }),
       }

package/src/stream-custom-data.ts

@@ -2,7 +2,8 @@
  * Stream Chat custom data type augmentation.
  *
  * This file extends Stream Chat's type system by augmenting their empty
- * CustomMessageData and CustomChannelData interfaces with our custom properties.
+ * CustomMessageData, CustomChannelData, CustomMemberData, and CustomUserData
+ * interfaces with our custom properties.
  *
  * @see https://getstream.io/chat/docs/sdk/react/guides/typescript_and_custom_data_types/
  *
@@ -98,12 +99,12 @@ declare module 'stream-chat' {
     chatbot_paused?: boolean
   }
 
-  interface CustomUserData {
+  interface CustomMemberData {
     /**
-     * Whether the user is a verified Linktree profile. When true, a
-     * verification badge is shown next to their name in messaging.
+     * Whether the member should be identified as a customer in participant UI.
+     * Stored on the channel member so it is scoped to this conversation.
      */
-    is_verified?: boolean
+    customer?: boolean
   }
 
   interface CustomMessageData {
@@ -123,4 +124,10 @@ declare module 'stream-chat' {
      */
     dm_agent_system_type?: DmAgentSystemType
   }
+
+  interface CustomUserData {
+    is_account?: boolean
+    is_follower?: boolean
+    username?: string
+  }
 }

package/src/types.ts

@@ -11,7 +11,10 @@ import type {
   LocalMessage,
   SendMessageAPIResponse,
 } from 'stream-chat'
-import type { EmptyStateIndicatorProps } from 'stream-chat-react'
+import type {
+  ChannelPreviewUIComponentProps,
+  EmptyStateIndicatorProps,
+} from 'stream-chat-react'
 
 import type { MessageMetadata } from './stream-custom-data'
 
@@ -89,6 +92,11 @@ export interface ChannelListProps {
    */
   sort?: ChannelSort
   customEmptyStateIndicator?: React.ComponentType<EmptyStateIndicatorProps>
+  /**
+   * Custom component rendered for each channel row in the conversation list.
+   * Defaults to the package's built-in CustomChannelPreview.
+   */
+  channelPreview?: ComponentType<ChannelPreviewUIComponentProps>
   renderMessagePreview?: (
     message: LocalMessage | undefined,
     defaultPreview?: string

package/dist/index-BZjaMDgI.cjs

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