@linktr.ee/messaging-react 3.5.7-rc-1783067095 → 3.5.7-rc-1783068568

package/dist/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-DYBHXWJX.cjs");exports.ActionButton=e.ActionButton;exports.Avatar=e.Avatar;exports.ChannelEmptyState=e.ChannelEmptyState;exports.ChannelList=e.ChannelList;exports.ChannelView=e.ChannelView;exports.CustomMessageProvider=e.CustomMessageProvider;exports.FaqList=e.FaqList;exports.FaqListItem=e.FaqListItem;exports.LinkAttachment=e.LinkAttachment;exports.LockedAttachment=e.LockedAttachment;exports.MediaMessage=e.MediaMessage;exports.MessageAttachment=e.MessageAttachment;exports.MessageVoteButtons=e.MessageVoteButtons;exports.MessagingProvider=e.MessagingProvider;exports.MessagingShell=e.MessagingShell;exports.buildCompactMetaLabel=e.buildCompactMetaLabel;exports.formatFileSize=e.formatFileSize;exports.formatRelativeTime=e.formatRelativeTime;exports.getFileExtensionLabel=e.getFileExtensionLabel;exports.getMessageDisplayText=e.getMessageDisplayText;exports.isLinkAttachment=e.isLinkAttachment;exports.isUuidLike=e.isUuidLike;exports.messageAttachmentGroupPositionFromStream=e.bubbleGroupPositionFromStream;exports.normalizeLanguageCode=e.normalizeLanguageCode;exports.resolveConversationParticipant=e.resolveConversationParticipant;exports.resolveLinkAttachment=e.resolveLinkAttachment;exports.resolveMediaFromMessage=e.resolveMediaFromMessage;exports.resolveParticipantDisplayName=e.resolveParticipantDisplayName;exports.useComposerLocked=e.useComposerLocked;exports.useCustomMessage=e.useCustomMessage;exports.useMessageVote=e.useMessageVote;exports.useMessaging=e.useMessaging;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-ClREqfMm.cjs");exports.ActionButton=e.ActionButton;exports.Avatar=e.Avatar;exports.ChannelEmptyState=e.ChannelEmptyState;exports.ChannelList=e.ChannelList;exports.ChannelView=e.ChannelView;exports.CustomMessageProvider=e.CustomMessageProvider;exports.FaqList=e.FaqList;exports.FaqListItem=e.FaqListItem;exports.LinkAttachment=e.LinkAttachment;exports.LockedAttachment=e.LockedAttachment;exports.MediaMessage=e.MediaMessage;exports.MessageAttachment=e.MessageAttachment;exports.MessageVoteButtons=e.MessageVoteButtons;exports.MessagingProvider=e.MessagingProvider;exports.MessagingShell=e.MessagingShell;exports.buildCompactMetaLabel=e.buildCompactMetaLabel;exports.formatFileSize=e.formatFileSize;exports.formatRelativeTime=e.formatRelativeTime;exports.getFileExtensionLabel=e.getFileExtensionLabel;exports.getMessageDisplayText=e.getMessageDisplayText;exports.isLinkAttachment=e.isLinkAttachment;exports.isUuidLike=e.isUuidLike;exports.messageAttachmentGroupPositionFromStream=e.bubbleGroupPositionFromStream;exports.normalizeLanguageCode=e.normalizeLanguageCode;exports.resolveConversationParticipant=e.resolveConversationParticipant;exports.resolveLinkAttachment=e.resolveLinkAttachment;exports.resolveMediaFromMessage=e.resolveMediaFromMessage;exports.resolveParticipantDisplayName=e.resolveParticipantDisplayName;exports.useComposerLocked=e.useComposerLocked;exports.useCustomMessage=e.useCustomMessage;exports.useMessageVote=e.useMessageVote;exports.useMessaging=e.useMessaging;
 //# sourceMappingURL=index.cjs.map

package/dist/index.js

@@ -1,4 +1,4 @@
-import { a as e, b as t, C as i, c as o, d as n, e as m, F as r, f as g, L as l, h as M, M as c, i as u, j as L, k as h, l as d, m as p, n as v, o as C, p as A, q as k, s as F, t as P, u as b, v as f, w as x, x as y, y as S, z as q, B as z, D as B, E as D, G as E } from "./index-gnuITMC7.js";
+import { a as e, b as t, C as i, c as o, d as n, e as m, F as r, f as g, L as l, h as M, M as c, i as u, j as L, k as h, l as d, m as p, n as v, o as C, p as A, q as k, s as F, t as P, u as b, v as f, w as x, x as y, y as S, z as q, B as z, D as B, E as D, G as E } from "./index-CxGOKFnx.js";
 export {
   e as ActionButton,
   t as Avatar,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@linktr.ee/messaging-react",
-  "version": "3.5.7-rc-1783067095",
+  "version": "3.5.7-rc-1783068568",
   "description": "React messaging components built on messaging-core for web applications",
   "type": "module",
   "main": "dist/index.cjs",
@@ -38,7 +38,7 @@
   },
   "dependencies": {
     "@linktr.ee/component-library": "11.8.6",
-    "@linktr.ee/messaging-core": "2.3.0-rc-1783067095",
+    "@linktr.ee/messaging-core": "2.3.0-rc-1783068568",
     "@phosphor-icons/react": "^2.1.10"
   },
   "devDependencies": {

package/src/components/ChannelHeaderRedesign.tsx

@@ -146,33 +146,33 @@ export const ChannelHeaderRedesign: React.FC<ChannelHeaderRedesignProps> = ({
               size={48}
               className="-mb-2"
             />
-            <span className="relative z-10 flex max-w-full flex-col items-center justify-center rounded-full border border-white/10 bg-white/65 py-1.5 pl-3 pr-2 shadow-[0px_0px_0px_0px_rgba(0,0,0,0.04),0px_1px_2px_0px_rgba(0,0,0,0.04),0px_8px_32px_0px_rgba(0,0,0,0.1)] backdrop-blur-[2px] transition-colors duration-150 group-hover:bg-white/80">
+            <span className="relative z-10 flex max-w-full flex-col items-center justify-center rounded-full border border-white/10 bg-white/65 py-1.5 pl-3 pr-2 shadow-[0px_0px_0px_0px_rgba(0,0,0,0.04),0px_1px_2px_0px_rgba(0,0,0,0.04),0px_8px_32px_0px_rgba(0,0,0,0.1)] backdrop-blur-[2px] transition-filter duration-150 group-hover:brightness-95">
               <span className="flex max-w-full items-center justify-center">
-              <span className="min-w-0 truncate text-sm font-bold leading-[1.43] tracking-[0.28px] text-black/90">
-                {participantName}
-              </span>
-              <span className="ml-2 flex gap-1">
-                {isPaidCustomer && (
-                  <span
-                    aria-label="Paid customer"
-                    className="flex size-4 shrink-0 items-center justify-center rounded-full bg-[#34C759] text-white"
-                  >
-                    <CurrencyDollarIcon className="size-2.5" weight="bold" />
-                  </span>
-                )}
-                {showStarButton && isStarred && (
-                  <span
-                    aria-label="Starred conversation"
-                    className="flex size-4 shrink-0 items-center justify-center rounded-full bg-[#FFD60A] text-white"
-                  >
-                    <StarIcon className="size-2.5" weight="fill" />
-                  </span>
-                )}
-                <CaretRightIcon
-                  aria-hidden="true"
-                  className="size-4 shrink-0 text-black/65"
-                  weight="bold"
-                />
+                <span className="min-w-0 truncate text-sm font-bold leading-[1.43] tracking-[0.28px] text-black/90">
+                  {participantName}
+                </span>
+                <span className="ml-2 flex gap-1">
+                  {isPaidCustomer && (
+                    <span
+                      aria-label="Paid customer"
+                      className="flex size-4 shrink-0 items-center justify-center rounded-full bg-[#34C759] text-white"
+                    >
+                      <CurrencyDollarIcon className="size-2.5" weight="bold" />
+                    </span>
+                  )}
+                  {showStarButton && isStarred && (
+                    <span
+                      aria-label="Starred conversation"
+                      className="flex size-4 shrink-0 items-center justify-center rounded-full bg-[#FFD60A] text-white"
+                    >
+                      <StarIcon className="size-2.5" weight="fill" />
+                    </span>
+                  )}
+                  <CaretRightIcon
+                    aria-hidden="true"
+                    className="size-4 shrink-0 text-black/65"
+                    weight="bold"
+                  />
                 </span>
               </span>
               {dmAgentEnabled && (

package/src/components/ChannelView.stories.tsx

@@ -305,17 +305,6 @@ Default.parameters = {
   },
 }
 
-const renderDemoChannelBanner = () => (
-  <section className="mx-4 mb-3 rounded-2xl border border-black/10 bg-white/70 px-4 py-3 shadow-[0_1px_2px_rgba(0,0,0,0.04)] backdrop-blur-[2px]">
-    <p className="text-sm font-semibold text-black/90">
-      Conversation summary
-    </p>
-    <p className="mt-1 text-xs leading-4 text-black/60">
-      Maya is asking about availability for a paid content request.
-    </p>
-  </section>
-)
-
 export const ParticipantIdentityTrigger: StoryFn<TemplateProps> = Template.bind(
   {}
 )
@@ -328,110 +317,6 @@ ParticipantIdentityTrigger.args = {
     // eslint-disable-next-line no-alert
     window.alert('Participant details clicked — open Thread content'),
 }
-
-export const RedesignedHeaderWithChannelBanner: StoryFn<TemplateProps> =
-  Template.bind({})
-RedesignedHeaderWithChannelBanner.args = {
-  showBackButton: false,
-  showStarButton: true,
-  participantCustomerTag: 'CUSTOMER_PAID',
-  hasScrollableMessages: true,
-  onParticipantNameClick: () =>
-    // eslint-disable-next-line no-alert
-    window.alert('Participant details clicked — open Thread content'),
-  renderChannelBanner: renderDemoChannelBanner,
-}
-RedesignedHeaderWithChannelBanner.parameters = {
-  docs: {
-    description: {
-      story:
-        'Redesigned header with a channel banner rendered below the centered profile chip and above the message thread.',
-    },
-  },
-}
-
-export const EmptyRedesignedHeader: StoryFn<TemplateProps> = Template.bind({})
-EmptyRedesignedHeader.args = {
-  hasMessages: false,
-  showBackButton: false,
-  showStarButton: true,
-  participantCustomerTag: 'CUSTOMER_PAID',
-  onParticipantNameClick: () =>
-    // eslint-disable-next-line no-alert
-    window.alert('Participant details clicked — open Thread content'),
-}
-EmptyRedesignedHeader.parameters = {
-  docs: {
-    description: {
-      story:
-        'Empty channel with the redesigned header rendered in normal flow above the empty state.',
-    },
-  },
-}
-
-export const EmptyRedesignedHeaderWithBanner: StoryFn<TemplateProps> =
-  Template.bind({})
-EmptyRedesignedHeaderWithBanner.args = {
-  hasMessages: false,
-  showBackButton: false,
-  showStarButton: true,
-  participantCustomerTag: 'CUSTOMER_PAID',
-  onParticipantNameClick: () =>
-    // eslint-disable-next-line no-alert
-    window.alert('Participant details clicked — open Thread content'),
-  renderChannelBanner: renderDemoChannelBanner,
-}
-EmptyRedesignedHeaderWithBanner.parameters = {
-  docs: {
-    description: {
-      story:
-        'Empty channel with the redesigned header and channel banner rendered above the empty state.',
-    },
-  },
-}
-
-export const ParticipantIdentityTriggerDmAgent: StoryFn<TemplateProps> =
-  Template.bind({})
-ParticipantIdentityTriggerDmAgent.args = {
-  showBackButton: false,
-  dmAgentEnabled: true,
-  hasScrollableMessages: true,
-  onParticipantNameClick: () =>
-    // eslint-disable-next-line no-alert
-    window.alert('Participant details clicked — open Thread content'),
-}
-ParticipantIdentityTriggerDmAgent.parameters = {
-  docs: {
-    description: {
-      story:
-        'Redesigned header with the DM agent avatar ring and helper text enabled.',
-    },
-  },
-}
-
-export const ParticipantIdentityTriggerWithActions: StoryFn<TemplateProps> =
-  Template.bind({})
-ParticipantIdentityTriggerWithActions.args = {
-  showBackButton: true,
-  showStarButton: true,
-  participantCustomerTag: 'CUSTOMER_PAID',
-  hasScrollableMessages: true,
-  onBack: () => console.log('Back clicked'),
-  onParticipantNameClick: () =>
-    // eslint-disable-next-line no-alert
-    window.alert('Participant details clicked — open Thread content'),
-}
-ParticipantIdentityTriggerWithActions.parameters = {
-  viewport: {
-    defaultViewport: 'mobile1',
-  },
-  docs: {
-    description: {
-      story:
-        'Redesigned header with back, star, and overflow actions visible together to verify the side columns do not clip or overlap the centered chip.',
-    },
-  },
-}
 ParticipantIdentityTrigger.parameters = {
   docs: {
     description: {

package/src/components/ChannelView.test.tsx

@@ -96,6 +96,7 @@ vi.mock('../hooks/useChannelStar', () => ({
 const createChannel = ({
   currentUserId = 'visitor-1',
   currentUserRole = 'owner',
+  messages = [],
   otherUser = {
     id: 'linker-1' as const,
     name: 'Linker' as string | undefined,
@@ -106,6 +107,7 @@ const createChannel = ({
 }: {
   currentUserId?: 'visitor-1' | 'linker-1'
   currentUserRole?: 'owner' | 'member'
+  messages?: Channel['state']['messages']
   otherMemberCustomerTag?: string
   otherUser?: {
     id: string
@@ -143,7 +145,7 @@ const createChannel = ({
         },
       },
       membership: {},
-      messages: [],
+      messages,
     },
     on: vi.fn(),
     off: vi.fn(),
@@ -253,6 +255,27 @@ describe('ChannelView', () => {
     expect(screen.getByLabelText('Starred conversation')).toBeInTheDocument()
   })
 
+  it('renders the redesigned header outside MessageList head when all messages are deleted', () => {
+    renderWithProviders(
+      <ChannelView
+        channel={createChannel({
+          messages: [
+            {
+              id: 'deleted-message-1',
+              type: 'deleted',
+            } as Channel['state']['messages'][number],
+          ],
+        })}
+        onParticipantNameClick={vi.fn()}
+      />
+    )
+
+    const button = screen.getByRole('button', {
+      name: /view details for linker/i,
+    })
+    expect(button.closest('[data-testid="message-list"]')).toBeNull()
+  })
+
   it('renders the actions menu by default', () => {
     renderWithProviders(<ChannelView channel={createChannel()} />)
 

package/src/components/ChannelView.tsx

@@ -465,7 +465,9 @@ const ChannelViewInner: React.FC<{
     dmAgentEnabled &&
     currentUserIsAccount === false &&
     participantIsAccount === true
-  const hasMessages = channel.state.messages.length > 0
+  const hasVisibleMessages = channel.state.messages.some(
+    (message) => message.type !== 'deleted'
+  )
   const channelBanner = renderChannelBanner ? (
     <React.Fragment key="lt-channel-banner">
       {renderChannelBanner()}
@@ -552,7 +554,7 @@ const ChannelViewInner: React.FC<{
 
           {/* Stream only renders MessageList.head when there are messages, so
               empty redesigned channels need the header and banner in normal flow. */}
-          {onParticipantNameClick && !hasMessages && (
+          {onParticipantNameClick && !hasVisibleMessages && (
             <div className="px-4 @lg:px-6">
               {redesignedHeader}
               {channelBanner}
@@ -566,7 +568,7 @@ const ChannelViewInner: React.FC<{
           >
             <MessageList
               head={
-                onParticipantNameClick && hasMessages ? (
+                onParticipantNameClick && hasVisibleMessages ? (
                   <div className="sticky top-0 z-10">
                     {redesignedHeader}
                     {channelBanner}

package/dist/index-DYBHXWJX.cjs

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