@linktr.ee/messaging-react 3.24.2-rc-1785436624 → 3.25.0-rc-1785440433

package/dist/index-quV01XX7.cjs

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