@linktr.ee/messaging-react 3.12.3-rc-1784034329 → 3.12.3-rc-1784036508

package/dist/{index-BvuCjzqJ.js → index-FDgJhTIG.js}

@@ -1,12 +1,12 @@
 import { jsx as s, jsxs as u, Fragment as se } from "react/jsx-runtime";
-import V, { createContext as ct, useContext as Te, useCallback as J, useState as U, useRef as G, useEffect as K, useId as js, useMemo as re, Suspense as Vs } from "react";
-import { StreamChatService as Gs } from "@linktr.ee/messaging-core";
-import { StreamChat as Hs, LinkPreviewsManager as Yt } from "stream-chat";
-import { Chat as Ys, useChannelStateContext as oe, useChatContext as fe, DateSeparator as qs, MessageStatus as Ws, useMessageContext as Ne, MessageErrorIcon as nt, MessageText as $e, areMessageUIPropsEqual as Xs, useMessageReminder as Ks, useComponentContext as as, Attachment as Zs, EditMessageModal as Js, MessageBlocked as Qs, MessageBouncePrompt as en, MessageDeleted as tn, MessageIsThreadReplyInChannelButtonIndicator as sn, MessageRepliesCountButton as nn, ReminderNotification as an, StreamedMessageText as rn, messageHasAttachments as ln, messageHasReactions as on, isDateSeparatorMessage as cn, isMessageBlocked as dn, isMessageBounced as un, MessageBounceModal as mn, Poll as hn, useMessageComposer as fn, useStateStore as gn, MessageInput as pn, useMessageInputContext as bn, useMessageComposerHasSendableData as vn, AttachmentPreviewList as xn, QuotedMessagePreview as wn, TextareaComposer as _n, MessageTimestamp as Xe, AIStates as Ke, useTypingContext as Nn, useAIState as yn, Channel as kn, WithComponents as Cn, Window as Sn, MessageList as En, ChannelList as In, InfiniteScroll as Tn } from "stream-chat-react";
-import { StarIcon as Ie, DotsThreeIcon as Mn, SpinnerGapIcon as Fe, SignOutIcon as An, ProhibitInsetIcon as qt, FlagIcon as rs, ArrowLeftIcon as at, CurrencyDollarIcon as Rn, CaretRightIcon as xe, SparkleIcon as we, FileIcon as is, ImageIcon as Ln, SpeakerHighIcon as Dn, VideoCameraIcon as ls, FileMdIcon as zn, FileTextIcon as Fn, FileZipIcon as Pn, FilePptIcon as On, FileCsvIcon as $n, FileXlsIcon as Bn, FileDocIcon as Un, FilePdfIcon as jn, CircleNotchIcon as Se, PlayIcon as rt, PauseIcon as Vn, LinkIcon as Gn, DownloadSimpleIcon as Ee, XIcon as Ge, CaretLeftIcon as Hn, GiftIcon as Yn, ThumbsUpIcon as qn, ThumbsDownIcon as Wn, ChecksIcon as Xn, PencilSimpleIcon as Kn, TrashSimpleIcon as Zn, ArrowUpIcon as Jn, ProhibitIcon as Qn } from "@phosphor-icons/react";
+import V, { createContext as ct, useContext as Te, useCallback as J, useState as B, useRef as G, useEffect as K, useId as Vs, useMemo as re, Suspense as Gs } from "react";
+import { StreamChatService as Hs } from "@linktr.ee/messaging-core";
+import { StreamChat as Ys, LinkPreviewsManager as Yt } from "stream-chat";
+import { Chat as qs, useChannelStateContext as oe, useChatContext as fe, DateSeparator as Ws, MessageStatus as Xs, useMessageContext as Ne, MessageErrorIcon as nt, MessageText as $e, areMessageUIPropsEqual as Ks, useMessageReminder as Zs, useComponentContext as rs, Attachment as Js, EditMessageModal as Qs, MessageBlocked as en, MessageBouncePrompt as tn, MessageDeleted as sn, MessageIsThreadReplyInChannelButtonIndicator as nn, MessageRepliesCountButton as an, ReminderNotification as rn, StreamedMessageText as ln, messageHasAttachments as on, messageHasReactions as cn, isDateSeparatorMessage as dn, isMessageBlocked as un, isMessageBounced as mn, MessageBounceModal as hn, Poll as fn, useMessageComposer as gn, useStateStore as pn, MessageInput as bn, useMessageInputContext as vn, useMessageComposerHasSendableData as xn, AttachmentPreviewList as wn, QuotedMessagePreview as _n, TextareaComposer as Nn, MessageTimestamp as Xe, AIStates as Ke, useTypingContext as yn, useAIState as kn, Channel as Cn, WithComponents as Sn, Window as En, MessageList as In, ChannelList as Tn, InfiniteScroll as Mn } from "stream-chat-react";
+import { StarIcon as Ie, DotsThreeIcon as An, SpinnerGapIcon as Fe, SignOutIcon as Rn, ProhibitInsetIcon as qt, FlagIcon as is, ArrowLeftIcon as at, CurrencyDollarIcon as Ln, CaretRightIcon as xe, SparkleIcon as we, FileIcon as ls, ImageIcon as Dn, SpeakerHighIcon as zn, VideoCameraIcon as os, FileMdIcon as Fn, FileTextIcon as Pn, FileZipIcon as On, FilePptIcon as $n, FileCsvIcon as Un, FileXlsIcon as Bn, FileDocIcon as jn, FilePdfIcon as Vn, CircleNotchIcon as Se, PlayIcon as rt, PauseIcon as Gn, LinkIcon as Hn, DownloadSimpleIcon as Ee, XIcon as Ge, CaretLeftIcon as Yn, GiftIcon as qn, ThumbsUpIcon as Wn, ThumbsDownIcon as Xn, ChecksIcon as Kn, PencilSimpleIcon as Zn, TrashSimpleIcon as Jn, ArrowUpIcon as Qn, ProhibitIcon as ea } from "@phosphor-icons/react";
 import y from "classnames";
-import { MessageActions as ea, DefaultDropdownActionButton as os } from "stream-chat-react/experimental";
-const cs = ct({
+import { MessageActions as ta, DefaultDropdownActionButton as cs } from "stream-chat-react/experimental";
+const ds = ct({
   service: null,
   client: null,
   isConnected: !1,
@@ -16,7 +16,7 @@ const cs = ct({
   refreshConnection: async () => {
   },
   debug: !1
-}), dt = () => Te(cs), hl = ({
+}), dt = () => Te(ds), hl = ({
   children: e,
   user: t,
   serviceConfig: n,
@@ -38,7 +38,7 @@ const cs = ct({
     serviceConfig: !!n,
     capabilities: Object.keys(r)
   });
-  const [d, m] = U(null), [f, h] = U(null), [g, c] = U(!1), [b, v] = U(!1), [x, p] = U(null), _ = G(!1), w = G(null), k = G(n);
+  const [d, m] = B(null), [f, h] = B(null), [g, c] = B(!1), [b, v] = B(!1), [x, p] = B(null), _ = G(!1), w = G(null), k = G(n);
   k.current = n;
   const D = G(i);
   D.current = i;
@@ -64,7 +64,7 @@ const cs = ct({
     capabilities: r
   };
   const O = G(null);
-  !o && a && ((I = O.current) == null ? void 0 : I.apiKey) !== a && (O.current = { apiKey: a, client: new Hs(a) });
+  !o && a && ((I = O.current) == null ? void 0 : I.apiKey) !== a && (O.current = { apiKey: a, client: new Ys(a) });
   const F = o || (a ? ((T = O.current) == null ? void 0 : T.client) ?? null : null);
   K(() => {
     const M = R.current, P = k.current;
@@ -83,7 +83,7 @@ const cs = ct({
       renderCount: M,
       apiKey: (a == null ? void 0 : a.substring(0, 8)) + "..."
     });
-    const $ = new Gs({
+    const $ = new Hs({
       ...P,
       apiKey: a,
       debug: D.current,
@@ -214,8 +214,8 @@ const cs = ct({
     renderCount: R.current,
     willRenderChat: !!F,
     contextValueReady: !!E
-  }), /* @__PURE__ */ s(cs.Provider, { value: E, children: F ? /* @__PURE__ */ s(
-    Ys,
+  }), /* @__PURE__ */ s(ds.Provider, { value: E, children: F ? /* @__PURE__ */ s(
+    qs,
     {
       client: F,
       customClasses: {
@@ -224,9 +224,9 @@ const cs = ct({
       children: e
     }
   ) : e });
-}, ta = () => dt(), ut = (e) => {
+}, sa = () => dt(), ut = (e) => {
   var a, r;
-  const [t, n] = U(
+  const [t, n] = B(
     !!((r = (a = e == null ? void 0 : e.state) == null ? void 0 : a.membership) != null && r.pinned_at)
   );
   return K(() => {
@@ -246,14 +246,14 @@ const cs = ct({
       e.off("member.updated", i);
     };
   }, [e]), t;
-}, sa = "linktree-official", na = "linktree-official-sender";
+}, na = "linktree-official", aa = "linktree-official-sender";
 function He(e, t, n) {
   const a = Object.values(e || {});
-  if (n === sa) {
+  if (n === na) {
     const r = a.find(
       (i) => {
         var o;
-        return ((o = i.user) == null ? void 0 : o.id) === na;
+        return ((o = i.user) == null ? void 0 : o.id) === aa;
       }
     );
     if (r) return r;
@@ -265,13 +265,13 @@ function He(e, t, n) {
     }
   );
 }
-const aa = /^[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 ra(e) {
-  return aa.test(e.trim());
+const ra = /^[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 ia(e) {
+  return ra.test(e.trim());
 }
 function Wt(e, t) {
   const n = e == null ? void 0 : e.trim();
-  return !n || t && n === t ? !1 : !ra(n);
+  return !n || t && n === t ? !1 : !ia(n);
 }
 function mt(e) {
   return Wt(e == null ? void 0 : e.name, e == null ? void 0 : e.id) ? e.name.trim() : Wt(e == null ? void 0 : e.username, e == null ? void 0 : e.id) ? e.username.trim() : "Unknown member";
@@ -304,7 +304,7 @@ const Xt = [
   { emoji: "🍈", bgColor: "#D9F7E1" }
   // Melon
 ];
-function ia(e) {
+function la(e) {
   let t = 0;
   for (let n = 0; n < e.length; n++) {
     const a = e.charCodeAt(n);
@@ -312,14 +312,14 @@ function ia(e) {
   }
   return Math.abs(t);
 }
-function ds(e) {
-  return Xt[ia(e) % Xt.length];
-}
-function la(e) {
-  return ds(e).emoji;
+function us(e) {
+  return Xt[la(e) % Xt.length];
 }
 function oa(e) {
-  return ds(e).bgColor;
+  return us(e).emoji;
+}
+function ca(e) {
+  return us(e).bgColor;
 }
 const ne = ({
   id: e,
@@ -330,7 +330,7 @@ const ne = ({
   shape: i = "squircle",
   dmAgentEnabled: o = !1
 }) => {
-  const l = la(e), d = oa(e), m = 0.45, h = 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" }, b = /* @__PURE__ */ s("div", { className: "h-full w-full overflow-hidden", style: c, children: t ? /* @__PURE__ */ s(
+  const l = oa(e), d = ca(e), m = 0.45, h = 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" }, b = /* @__PURE__ */ s("div", { className: "h-full w-full overflow-hidden", style: c, children: t ? /* @__PURE__ */ s(
     "img",
     {
       src: t,
@@ -394,7 +394,7 @@ const ne = ({
       ]
     }
   );
-}, ca = "https://linktr.ee/s/about/trust-center/report", da = ({
+}, da = "https://linktr.ee/s/about/trust-center/report", ua = ({
   channel: e,
   participant: t,
   showBlockParticipant: n = !0,
@@ -408,7 +408,7 @@ const ne = ({
   logLabel: f = "useChannelModerationActions"
 }) => {
   var E;
-  const { service: h, debug: g } = dt(), c = (E = t == null ? void 0 : t.user) == null ? void 0 : E.id, b = !!(a && n && h && c), [v, x] = U(!1), [p, _] = U(null), [w, k] = U(!1), [D, S] = U(!1), R = b && ((p == null ? void 0 : p.participantId) !== c || (p == null ? void 0 : p.service) !== h);
+  const { service: h, debug: g } = dt(), c = (E = t == null ? void 0 : t.user) == null ? void 0 : E.id, b = !!(a && n && h && c), [v, x] = B(!1), [p, _] = B(null), [w, k] = B(!1), [D, S] = B(!1), R = b && ((p == null ? void 0 : p.participantId) !== c || (p == null ? void 0 : p.service) !== h);
   return K(() => {
     if (!b || !h || !c) {
       x(!1), _(null);
@@ -478,7 +478,7 @@ const ne = ({
       }
     },
     handleReportUser: () => {
-      d == null || d(), m == null || m(), window.open(ca, "_blank", "noopener,noreferrer");
+      d == null || d(), m == null || m(), window.open(da, "_blank", "noopener,noreferrer");
     }
   };
 }, ye = ({
@@ -512,7 +512,7 @@ const ne = ({
   customChannelActions: f,
   triggerClassName: h
 }) => {
-  const [g, c] = U(!1), b = G(null), v = js(), x = J(() => c(!1), []), {
+  const [g, c] = B(!1), b = G(null), v = Vs(), x = J(() => c(!1), []), {
     isParticipantBlocked: p,
     isCheckingBlockedStatus: _,
     isLeaving: w,
@@ -521,7 +521,7 @@ const ne = ({
     handleBlockUser: S,
     handleUnblockUser: R,
     handleReportUser: O
-  } = da({
+  } = ua({
     channel: e,
     participant: t,
     showBlockParticipant: a,
@@ -555,7 +555,7 @@ const ne = ({
         "aria-controls": g ? v : void 0,
         onClick: () => c((L) => !L),
         children: [
-          /* @__PURE__ */ s(Mn, { className: "size-5 text-black/90" }),
+          /* @__PURE__ */ s(An, { className: "size-5 text-black/90" }),
           /* @__PURE__ */ s("span", { className: "sr-only", children: "More options" })
         ]
       }
@@ -577,7 +577,7 @@ const ne = ({
               disabled: w,
               "aria-busy": w,
               children: [
-                w ? /* @__PURE__ */ s(Fe, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ s(An, { className: "h-5 w-5" }),
+                w ? /* @__PURE__ */ s(Fe, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ s(Rn, { className: "h-5 w-5" }),
                 /* @__PURE__ */ s("span", { children: "Delete Conversation" })
               ]
             }
@@ -613,7 +613,7 @@ const ne = ({
             }
           ) }),
           r && /* @__PURE__ */ s("li", { children: /* @__PURE__ */ u(ye, { variant: "danger", onClick: O, children: [
-            /* @__PURE__ */ s(rs, { className: "h-5 w-5" }),
+            /* @__PURE__ */ s(is, { className: "h-5 w-5" }),
             /* @__PURE__ */ s("span", { children: "Report" })
           ] }) }),
           f
@@ -621,10 +621,10 @@ const ne = ({
       }
     )
   ] });
-}, Ze = "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", ua = "CUSTOMER_PAID", ma = "Replies instantly with AI assistant", ha = (e) => typeof e == "string" && e.trim().replace(/[\s-]+/g, "_").toUpperCase() === ua, fa = (e) => {
+}, Ze = "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", ma = "CUSTOMER_PAID", ha = "Replies instantly with AI assistant", fa = (e) => typeof e == "string" && e.trim().replace(/[\s-]+/g, "_").toUpperCase() === ma, ga = (e) => {
   const t = e;
-  return [t == null ? void 0 : t.customerTag, t == null ? void 0 : t.customer_tag].some(ha);
-}, ga = ({
+  return [t == null ? void 0 : t.customerTag, t == null ? void 0 : t.customer_tag].some(fa);
+}, pa = ({
   className: e,
   onBack: t,
   showBackButton: n,
@@ -654,7 +654,7 @@ const ne = ({
       );
     },
     [(F = p.state) == null ? void 0 : F.members, _ == null ? void 0 : _.userID, p.type]
-  ), k = mt(w == null ? void 0 : w.user), D = (L = w == null ? void 0 : w.user) == null ? void 0 : L.image, S = ut(p), R = fa(w), O = async () => {
+  ), k = mt(w == null ? void 0 : w.user), D = (L = w == null ? void 0 : w.user) == null ? void 0 : L.image, S = ut(p), R = ga(w), O = async () => {
     try {
       S ? await p.unpin() : await p.pin();
     } catch (E) {
@@ -715,7 +715,7 @@ const ne = ({
                       {
                         "aria-label": "Paid customer",
                         className: "flex size-4 shrink-0 items-center justify-center rounded-full bg-[#34C759] text-white",
-                        children: /* @__PURE__ */ s(Rn, { className: "size-2.5", weight: "bold" })
+                        children: /* @__PURE__ */ s(Ln, { className: "size-2.5", weight: "bold" })
                       }
                     ),
                     a && S && /* @__PURE__ */ s(
@@ -738,7 +738,7 @@ const ne = ({
                 ] }),
                 r && /* @__PURE__ */ u("span", { className: "mt-1 flex items-center gap-1 px-1 pb-0.5 text-[10px] leading-3 text-black/55", children: [
                   /* @__PURE__ */ s(we, { className: "size-3 shrink-0 text-black/55" }),
-                  /* @__PURE__ */ s("span", { children: ma })
+                  /* @__PURE__ */ s("span", { children: ha })
                 ] })
               ] })
             ]
@@ -786,13 +786,13 @@ const ne = ({
       ] })
     }
   );
-}, pa = (e) => /* @__PURE__ */ s(qs, { ...e, position: "center" }), lt = "vote_up", ot = "vote_down";
-function ba(e) {
+}, ba = (e) => /* @__PURE__ */ s(Ws, { ...e, position: "center" }), lt = "vote_up", ot = "vote_down";
+function va(e) {
   return e != null && e.length ? e.some((t) => t.type === ot) ? "down" : e.some((t) => t.type === lt) ? "up" : null : null;
 }
-function va(e) {
+function xa(e) {
   const { channel: t } = oe(), { client: n } = fe("useMessageVote"), a = re(
-    () => ba(e.own_reactions),
+    () => va(e.own_reactions),
     [e.own_reactions]
   ), r = J(async () => {
     if (n != null && n.userID)
@@ -817,18 +817,18 @@ function va(e) {
   }, [t, n == null ? void 0 : n.userID, e.id, a]);
   return { selected: a, voteUp: r, voteDown: i };
 }
-function xa(e) {
+function wa(e) {
   return (e == null ? void 0 : e.trim().toLowerCase().split(/[-_]/)[0]) || void 0;
 }
-function us({
+function ms({
   message: e,
   viewerLanguage: t
 }) {
   var r;
-  const n = e == null ? void 0 : e.text, a = xa(t);
+  const n = e == null ? void 0 : e.text, a = wa(t);
   return a ? ((r = e == null ? void 0 : e.i18n) == null ? void 0 : r[`${a}_text`]) ?? n : n;
 }
-const wa = ["linktr.ee"], _a = "messaging-attachment-v1_0";
+const _a = ["linktr.ee"], Kt = "messaging-attachment-v1_0";
 function Na(e) {
   try {
     return new URL(e).hostname.toLowerCase();
@@ -837,7 +837,7 @@ function Na(e) {
   }
 }
 function ya(e) {
-  return wa.some(
+  return _a.some(
     (t) => e === t || e.endsWith(`.${t}`)
   );
 }
@@ -845,10 +845,9 @@ function he(e) {
   const t = e == null ? void 0 : e.trim();
   if (!t) return;
   const n = Na(t);
-  if (!n || !ya(n) || /[?&]io=true(?:&|$)/.test(t) && /[?&]size=/.test(t))
-    return t;
-  const a = t.includes("?") ? "&" : "?";
-  return `${t}${a}io=true&size=${_a}`;
+  if (!n || !ya(n)) return t;
+  const a = new URL(t);
+  return a.searchParams.get("io") === "true" && a.searchParams.get("size") === Kt ? t : (a.searchParams.set("io", "true"), a.searchParams.set("size", Kt), a.toString());
 }
 const ka = [
   [/pdf/, "pdf"],
@@ -863,31 +862,31 @@ const ka = [
 function ce(e) {
   return e.startsWith("video/") ? "video" : e.startsWith("audio/") ? "audio" : e.startsWith("image/") ? "image" : "document";
 }
-function ms(e) {
+function hs(e) {
   const t = ka.find(
     ([n]) => n.test(e)
   );
   return t ? t[1] : "generic";
 }
 const Ca = {
-  video: ls,
-  audio: Dn,
-  image: Ln,
-  document: is
+  video: os,
+  audio: zn,
+  image: Dn,
+  document: ls
 }, Sa = {
-  pdf: jn,
-  doc: Un,
+  pdf: Vn,
+  doc: jn,
   xls: Bn,
-  csv: $n,
-  ppt: On,
-  zip: Pn,
-  text: Fn,
-  markdown: zn,
-  generic: is
+  csv: Un,
+  ppt: $n,
+  zip: On,
+  text: Pn,
+  markdown: Fn,
+  generic: ls
 };
 function Ea(e) {
   const t = ce(e);
-  return t !== "document" ? Ca[t] : Sa[ms(e)];
+  return t !== "document" ? Ca[t] : Sa[hs(e)];
 }
 function _e(e, t) {
   return V.createElement(Ea(e), t);
@@ -907,7 +906,7 @@ const Ia = (e) => {
   muted: d = !1,
   onContainerClick: m
 }) => {
-  const f = ce(t), h = G(null), g = G(null), c = G(null), b = G(r), [v, x] = U(a), [p, _] = U(0), [w, k] = U(!1), [D, S] = U(!1), [R, O] = U(!1), [F, L] = U(!1), [C, E] = U(!0), [I, T] = U(null), M = J(() => {
+  const f = ce(t), h = G(null), g = G(null), c = G(null), b = G(r), [v, x] = B(a), [p, _] = B(0), [w, k] = B(!1), [D, S] = B(!1), [R, O] = B(!1), [F, L] = B(!1), [C, E] = B(!0), [I, T] = B(null), M = J(() => {
     O(!1), x(!0);
   }, []), P = J((N) => {
     const A = g.current;
@@ -1093,7 +1092,7 @@ const Ia = (e) => {
               },
               className: "shrink-0 text-white",
               "aria-label": v ? "Pause" : "Play",
-              children: v ? /* @__PURE__ */ s(Vn, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ s(rt, { className: "size-5 translate-x-px", weight: "fill" })
+              children: v ? /* @__PURE__ */ s(Gn, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ s(rt, { className: "size-5 translate-x-px", weight: "fill" })
             }
           ),
           /* @__PURE__ */ u(
@@ -1143,7 +1142,7 @@ const Ia = (e) => {
       ]
     }
   );
-}, Kt = (e) => e === "dark" ? "size-12 text-white/20" : "size-12 text-black/20", Ma = (e) => e === "dark" ? "aspect-video overflow-hidden bg-white/10" : "aspect-video overflow-hidden bg-black/5", hs = ({
+}, Zt = (e) => e === "dark" ? "size-12 text-white/20" : "size-12 text-black/20", Ma = (e) => e === "dark" ? "aspect-video overflow-hidden bg-white/10" : "aspect-video overflow-hidden bg-black/5", fs = ({
   mimeType: e,
   sourceUrl: t,
   thumbnailUrl: n,
@@ -1152,7 +1151,7 @@ const Ia = (e) => {
   mediaPlayerProps: i,
   containedImage: o = !1
 }) => {
-  const l = ce(e), [d, m] = U(!1), f = he(t), h = he(n);
+  const l = ce(e), [d, m] = B(!1), f = he(t), h = he(n);
   return t && (l === "video" || l === "audio") ? /* @__PURE__ */ s(
     Ta,
     {
@@ -1201,7 +1200,7 @@ const Ia = (e) => {
     {
       className: `flex aspect-video w-full items-center justify-center ${r === "dark" ? "bg-white/10" : "bg-black/5"}`,
       children: _e(e, {
-        className: Kt(r),
+        className: Zt(r),
         weight: "regular"
       })
     }
@@ -1218,12 +1217,12 @@ const Ia = (e) => {
     {
       className: `flex aspect-video w-full items-center justify-center ${r === "dark" ? "bg-white/10" : "bg-black/5"}`,
       children: _e(e, {
-        className: Kt(r),
+        className: Zt(r),
         weight: "regular"
       })
     }
   );
-}, fs = ({
+}, gs = ({
   variant: e,
   thumbnail: t,
   title: n,
@@ -1289,7 +1288,7 @@ const Ia = (e) => {
     }
   );
 };
-function gs(e) {
+function ps(e) {
   return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
 }
 function ht(e) {
@@ -1323,7 +1322,7 @@ const ft = ({ attachment: e, isMyMessage: t }) => {
       "div",
       {
         className: `aspect-video w-full rounded-[20px] ${Aa(t)} flex items-center justify-center`,
-        children: /* @__PURE__ */ s(Gn, { className: `size-12 ${za(t)}` })
+        children: /* @__PURE__ */ s(Hn, { className: `size-12 ${za(t)}` })
       }
     ) }),
     /* @__PURE__ */ u("div", { className: "px-3 pb-3", children: [
@@ -1334,12 +1333,12 @@ const ft = ({ attachment: e, isMyMessage: t }) => {
   ] });
   return d ? /* @__PURE__ */ s("a", { href: d, target: "_blank", rel: "noopener noreferrer", className: "block no-underline", children: m }) : /* @__PURE__ */ s("div", { className: "block", children: m });
 };
-function ps(e) {
+function bs(e) {
   return e.type === "link" || !!e.og_scrape_url && !e.asset_url;
 }
 function gt(e) {
   var t;
-  return (t = e.attachments) == null ? void 0 : t.find(ps);
+  return (t = e.attachments) == null ? void 0 : t.find(bs);
 }
 async function Fa(e, t) {
   let n;
@@ -1357,7 +1356,7 @@ const Pa = ({
   url: e,
   filename: t
 }) => {
-  const [n, a] = U(!1);
+  const [n, a] = B(!1);
   return /* @__PURE__ */ s(
     "button",
     {
@@ -1401,16 +1400,16 @@ function pt(e) {
     thumbnailUrl: f
   };
 }
-const bs = ({
+const vs = ({
   resolvedUrl: e,
   resolvedType: t,
   title: n,
   fileSize: a,
   thumbnailUrl: r
 }) => {
-  const i = a !== void 0 ? gs(a) : void 0;
+  const i = a !== void 0 ? ps(a) : void 0;
   return /* @__PURE__ */ s(
-    fs,
+    gs,
     {
       variant: "dark",
       title: n,
@@ -1418,7 +1417,7 @@ const bs = ({
       mimeType: t,
       detail: i,
       thumbnail: /* @__PURE__ */ s(
-        hs,
+        fs,
         {
           mimeType: t,
           sourceUrl: e,
@@ -1429,23 +1428,23 @@ const bs = ({
       )
     }
   );
-}, vs = ({
+}, xs = ({
   resolvedUrl: e,
   resolvedType: t,
   title: n,
   fileSize: a,
   thumbnailUrl: r
 }) => {
-  const i = ce(t), o = a !== void 0 ? gs(a) : void 0;
+  const i = ce(t), o = a !== void 0 ? ps(a) : void 0;
   return /* @__PURE__ */ s(
-    fs,
+    gs,
     {
       variant: "light",
       title: n,
       mimeType: t,
       detail: o,
       thumbnail: /* @__PURE__ */ s(
-        hs,
+        fs,
         {
           mimeType: t,
           sourceUrl: e,
@@ -1484,7 +1483,7 @@ const bs = ({
             className: "str-chat__message-bubble",
             "data-attachment-bubble": "true",
             style: { padding: 0, borderRadius: 0, overflow: "visible", background: "transparent" },
-            children: n ? /* @__PURE__ */ s("div", { className: ht(t), children: /* @__PURE__ */ s(ft, { attachment: n, isMyMessage: t }) }) : t ? /* @__PURE__ */ s(bs, { ...a }) : /* @__PURE__ */ s(vs, { ...a })
+            children: n ? /* @__PURE__ */ s("div", { className: ht(t), children: /* @__PURE__ */ s(ft, { attachment: n, isMyMessage: t }) }) : t ? /* @__PURE__ */ s(vs, { ...a }) : /* @__PURE__ */ s(xs, { ...a })
           }
         ) })
       }
@@ -1497,19 +1496,19 @@ const bs = ({
   if (t)
     return /* @__PURE__ */ s("div", { className: ht(!0), "data-dd-privacy": "mask", children: /* @__PURE__ */ s(ft, { attachment: t, isMyMessage: !0 }) });
   const n = pt(e);
-  return n ? /* @__PURE__ */ s("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ s(bs, { ...n }) }) : null;
-}, Ba = ({
+  return n ? /* @__PURE__ */ s("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ s(vs, { ...n }) }) : null;
+}, Ua = ({
   message: e
 }) => {
   const t = gt(e);
   if (t)
     return /* @__PURE__ */ s("div", { className: ht(!1), "data-dd-privacy": "mask", children: /* @__PURE__ */ s(ft, { attachment: t, isMyMessage: !1 }) });
   const n = pt(e);
-  return n ? /* @__PURE__ */ s("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ s(vs, { ...n }) }) : null;
+  return n ? /* @__PURE__ */ s("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ s(xs, { ...n }) }) : null;
 }, fl = Object.assign(Oa, {
   Creator: $a,
-  Visitor: Ba
-}), Ua = {
+  Visitor: Ua
+}), Ba = {
   dark: "bg-[#1e2330]",
   light: "bg-[#f2f1ef]"
 }, ja = {
@@ -1555,7 +1554,7 @@ const bs = ({
         // as the surrounding `CustomMessage` text bubbles.
         "relative w-[280px] overflow-hidden px-2 py-2",
         d,
-        Ua[e],
+        Ba[e],
         ja[e],
         n && "border",
         n && Va[e],
@@ -1687,7 +1686,7 @@ function tr(e, t) {
   }
   if (!e) return;
   if (ce(e) === "document") {
-    const r = ms(e), i = er[r];
+    const r = hs(e), i = er[r];
     if (i) return i;
     if (e === "application/octet-stream") return;
   }
@@ -1716,7 +1715,7 @@ const nr = {
 }, rr = {
   dark: "text-white/85",
   light: "text-black/85"
-}, xs = ({
+}, ws = ({
   variant: e,
   filename: t,
   title: n,
@@ -1775,7 +1774,7 @@ const nr = {
     l ? /* @__PURE__ */ s("div", { className: "shrink-0", children: l }) : null
   ] });
 };
-async function ws(e, t) {
+async function _s(e, t) {
   const n = t ?? ie(e);
   try {
     const a = await fetch(e, { mode: "cors" });
@@ -1805,7 +1804,7 @@ const ir = ({
 }) => {
   const i = t.filename ?? ie(t.src);
   return /* @__PURE__ */ s(
-    xs,
+    ws,
     {
       variant: e,
       filename: i,
@@ -1842,7 +1841,7 @@ const ir = ({
     const p = c[x];
     if (!p) return;
     const _ = p.filename ?? ie(p.src);
-    ws(p.src, _);
+    _s(p.src, _);
   };
   if (c.length === 0)
     return null;
@@ -1894,7 +1893,7 @@ const ir = ({
       onClick: e,
       "aria-label": n,
       className: "mes-media-viewer__nav mes-media-viewer__nav--prev",
-      children: /* @__PURE__ */ s(Hn, { size: 20, weight: "bold", "aria-hidden": !0 })
+      children: /* @__PURE__ */ s(Yn, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   ),
   /* @__PURE__ */ s(
@@ -1907,7 +1906,7 @@ const ir = ({
       children: /* @__PURE__ */ s(xe, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   )
-] }), _s = ({
+] }), Ns = ({
   url: e,
   filename: t,
   variant: n = "pill",
@@ -1916,9 +1915,9 @@ const ir = ({
   tone: i = "dark",
   onTriggered: o
 }) => {
-  const [l, d] = U(!1), m = J(
+  const [l, d] = B(!1), m = J(
     (c) => {
-      c.stopPropagation(), !l && (d(!0), ws(e, t).catch(() => {
+      c.stopPropagation(), !l && (d(!0), _s(e, t).catch(() => {
       }).finally(() => {
         d(!1), o == null || o();
       }));
@@ -1997,7 +1996,7 @@ const ir = ({
   initialIndex: t,
   open: n
 }) => {
-  const a = Je(t, 0, Math.max(e - 1, 0)), [r, i] = U(a);
+  const a = Je(t, 0, Math.max(e - 1, 0)), [r, i] = B(a);
   K(() => {
     n && i(Je(t, 0, Math.max(e - 1, 0)));
   }, [n, t, e]), K(() => {
@@ -2107,7 +2106,7 @@ const ir = ({
       ]
     }
   );
-}, Ns = ({
+}, ys = ({
   open: e,
   items: t,
   initialIndex: n = 0,
@@ -2129,7 +2128,7 @@ const ir = ({
       ariaLabel: d,
       counter: t.length > 1 ? `${r + 1} / ${t.length}` : void 0,
       actions: /* @__PURE__ */ s(
-        _s,
+        Ns,
         {
           url: l.src,
           filename: d,
@@ -2163,7 +2162,7 @@ const ir = ({
       ]
     }
   ) : null;
-}, mr = "relative block size-full overflow-hidden bg-black/5 outline-none focus-visible:ring-2 focus-visible:ring-white/80 focus-visible:ring-offset-2 focus-visible:ring-offset-black", ys = ({
+}, mr = "relative block size-full overflow-hidden bg-black/5 outline-none focus-visible:ring-2 focus-visible:ring-white/80 focus-visible:ring-offset-2 focus-visible:ring-offset-black", ks = ({
   tiles: e,
   onTileActivate: t,
   maxVisible: n = 4,
@@ -2234,7 +2233,7 @@ const ir = ({
     }
   );
 }, Le = (e) => {
-  const [t, n] = U(!1), [a, r] = U(0), i = J(
+  const [t, n] = B(!1), [a, r] = B(0), i = J(
     (l) => {
       (e == null ? void 0 : e(l)) !== !1 && (r(l), n(!0));
     },
@@ -2260,7 +2259,7 @@ const ir = ({
   src: e,
   alt: t,
   items: n
-}) => n && n.length > 0 ? n : e ? [{ src: e, alt: t }] : [], ks = (e, t) => e.map((n, a) => ({
+}) => n && n.length > 0 ? n : e ? [{ src: e, alt: t }] : [], Cs = (e, t) => e.map((n, a) => ({
   src: n.src,
   alt: n.alt,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
@@ -2291,16 +2290,16 @@ const ir = ({
     ),
     i ? /* @__PURE__ */ s("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ s(Ae, { onClick: i }) }) : null,
     /* @__PURE__ */ s(
-      Ns,
+      ys,
       {
         open: o,
-        items: ks([{ src: e, alt: t }], n),
+        items: Cs([{ src: e, alt: t }], n),
         initialIndex: l,
         onClose: m
       }
     )
   ] });
-}, Cs = ({
+}, Ss = ({
   state: e,
   src: t,
   alt: n,
@@ -2327,12 +2326,12 @@ const ir = ({
       groupPosition: o,
       "data-testid": "image-attachment",
       children: [
-        /* @__PURE__ */ s("div", { className: "relative", children: /* @__PURE__ */ s(ys, { tiles: v, onTileActivate: c }) }),
+        /* @__PURE__ */ s("div", { className: "relative", children: /* @__PURE__ */ s(ks, { tiles: v, onTileActivate: c }) }),
         /* @__PURE__ */ s(
-          Ns,
+          ys,
           {
             open: h,
-            items: ks(m, a),
+            items: Cs(m, a),
             initialIndex: g,
             onClose: b
           }
@@ -2340,7 +2339,7 @@ const ir = ({
       ]
     }
   );
-}, pr = (e) => /* @__PURE__ */ s(gr, { ...e }), br = (e) => /* @__PURE__ */ s(Cs, { ...e, state: "sent" }), vr = (e) => /* @__PURE__ */ s(Cs, { ...e, state: "received" }), xr = {
+}, pr = (e) => /* @__PURE__ */ s(gr, { ...e }), br = (e) => /* @__PURE__ */ s(Ss, { ...e, state: "sent" }), vr = (e) => /* @__PURE__ */ s(Ss, { ...e, state: "received" }), xr = {
   Composer: pr,
   Sent: br,
   Received: vr
@@ -2410,7 +2409,7 @@ const ir = ({
 }) => {
   const i = t.filename ?? ie(t.src);
   return /* @__PURE__ */ s(
-    xs,
+    ws,
     {
       variant: e,
       filename: i,
@@ -2453,7 +2452,7 @@ const ir = ({
       children: [
         /* @__PURE__ */ s("div", { className: "flex flex-col gap-2", children: h.map((_, w) => {
           const k = _.filename ?? ie(_.src), D = x && w === 0 ? /* @__PURE__ */ s(Ae, { onClick: m, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ s(
-            _s,
+            Ns,
             {
               url: _.src,
               filename: k,
@@ -2490,7 +2489,7 @@ const ir = ({
   Composer: kr,
   Sent: Cr,
   Received: Sr
-}, Ss = ({
+}, Es = ({
   open: e,
   items: t,
   initialIndex: n = 0,
@@ -2540,7 +2539,7 @@ const ir = ({
       ]
     }
   ) : null;
-}, Ir = () => /* @__PURE__ */ s("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ s("span", { className: "flex size-12 items-center justify-center rounded-full bg-black/55 text-white backdrop-blur", children: /* @__PURE__ */ s(rt, { className: "size-6", weight: "fill", "aria-hidden": !0 }) }) }), Es = ({
+}, Ir = () => /* @__PURE__ */ s("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ s("span", { className: "flex size-12 items-center justify-center rounded-full bg-black/55 text-white backdrop-blur", children: /* @__PURE__ */ s(rt, { className: "size-6", weight: "fill", "aria-hidden": !0 }) }) }), Is = ({
   item: e,
   index: t
 }) => /* @__PURE__ */ u("div", { className: "absolute inset-0 size-full bg-[#0d0d0d]", children: [
@@ -2555,7 +2554,7 @@ const ir = ({
       className: "absolute inset-0 size-full rounded-md object-cover"
     }
   ) : /* @__PURE__ */ s("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ s(
-    ls,
+    os,
     {
       className: "size-16 rounded-md text-white/30",
       weight: "regular",
@@ -2565,14 +2564,14 @@ const ir = ({
   /* @__PURE__ */ s(Ir, {})
 ] }), Tr = (e, t, n) => ({
   ariaLabel: `Play video ${t + 1} of ${n}`,
-  content: /* @__PURE__ */ s(Es, { item: e, index: t })
+  content: /* @__PURE__ */ s(Is, { item: e, index: t })
 }), Mr = ({
   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 }] : [], Is = (e, t) => e.map((n, a) => ({
+}) => r && r.length > 0 ? a ? r.map((i) => ({ ...i, preload: i.preload ?? a })) : r : e ? [{ src: e, poster: t, mimeType: n, preload: a }] : [], Ts = (e, t) => e.map((n, a) => ({
   src: n.src,
   poster: n.poster,
   mimeType: n.mimeType,
@@ -2590,15 +2589,15 @@ const ir = ({
         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: /* @__PURE__ */ s(Es, { item: { src: e, poster: t, mimeType: n }, index: 0 })
+        children: /* @__PURE__ */ s(Is, { item: { src: e, poster: t, mimeType: n }, index: 0 })
       }
     ),
     o ? /* @__PURE__ */ s("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ s(Ae, { onClick: o }) }) : null,
     /* @__PURE__ */ s(
-      Ss,
+      Es,
       {
         open: l,
-        items: Is(
+        items: Ts(
           [{ src: e, poster: t, mimeType: n, preload: r }],
           a
         ),
@@ -2607,7 +2606,7 @@ const ir = ({
       }
     )
   ] });
-}, Ts = ({
+}, Ms = ({
   state: e,
   src: t,
   poster: n,
@@ -2636,7 +2635,7 @@ const ir = ({
       "data-testid": "video-attachment",
       children: [
         /* @__PURE__ */ s("div", { className: "relative", children: /* @__PURE__ */ s(
-          ys,
+          ks,
           {
             tiles: x,
             onTileActivate: b,
@@ -2644,10 +2643,10 @@ const ir = ({
           }
         ) }),
         /* @__PURE__ */ s(
-          Ss,
+          Es,
           {
             open: g,
-            items: Is(f, r),
+            items: Ts(f, r),
             initialIndex: c,
             onClose: v
           }
@@ -2655,7 +2654,7 @@ const ir = ({
       ]
     }
   );
-}, Rr = (e) => /* @__PURE__ */ s(Ar, { ...e }), Lr = (e) => /* @__PURE__ */ s(Ts, { ...e, state: "sent" }), Dr = (e) => /* @__PURE__ */ s(Ts, { ...e, state: "received" }), zr = {
+}, Rr = (e) => /* @__PURE__ */ s(Ar, { ...e }), Lr = (e) => /* @__PURE__ */ s(Ms, { ...e, state: "sent" }), Dr = (e) => /* @__PURE__ */ s(Ms, { ...e, state: "received" }), zr = {
   Composer: Rr,
   Sent: Lr,
   Received: Dr
@@ -2669,17 +2668,17 @@ const ir = ({
   isUnlocking: () => !1
 }, Pr = {
   LockedAttachment: Fr
-}, Ms = ct({}), gl = Ms.Provider;
+}, As = ct({}), gl = As.Provider;
 function Or(e) {
-  return Te(Ms)[e] ?? Pr[e];
+  return Te(As)[e] ?? Pr[e];
 }
-const $r = V.lazy(() => import("./Card-qS17qnN0.js")), Br = V.lazy(() => import("./Card-dFpcKsyN.js")), Ur = () => /* @__PURE__ */ s(
+const $r = V.lazy(() => import("./Card-qS17qnN0.js")), Ur = V.lazy(() => import("./Card-CKM_PULl.js")), Br = () => /* @__PURE__ */ s(
   "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
   }
-), Pe = (e) => /* @__PURE__ */ s(Vs, { fallback: /* @__PURE__ */ s(Ur, {}), children: e.contentType === "text" ? /* @__PURE__ */ s($r, { ...e }) : /* @__PURE__ */ s(Br, { ...e }) }), jr = ({ size: e = 15 }) => /* @__PURE__ */ s(
+), Pe = (e) => /* @__PURE__ */ s(Gs, { fallback: /* @__PURE__ */ s(Br, {}), children: e.contentType === "text" ? /* @__PURE__ */ s($r, { ...e }) : /* @__PURE__ */ s(Ur, { ...e }) }), jr = ({ size: e = 15 }) => /* @__PURE__ */ s(
   "svg",
   {
     width: e,
@@ -2702,7 +2701,7 @@ const $r = V.lazy(() => import("./Card-qS17qnN0.js")), Br = V.lazy(() => import(
 }, Gr = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_PAID";
-}, Be = (e) => {
+}, Ue = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_CHATBOT";
 }, yt = (e) => {
@@ -2714,9 +2713,9 @@ const $r = V.lazy(() => import("./Card-qS17qnN0.js")), Br = V.lazy(() => import(
 }, Yr = (e) => {
   var t;
   return yt(e) && ((t = e.metadata) == null ? void 0 : t.attachment_content_type) !== "text";
-}, As = (e) => Vr(e) || Gr(e), qr = (e) => {
+}, Rs = (e) => Vr(e) || Gr(e), qr = (e) => {
   var t;
-  return As(e) && !((t = e.text) != null && t.trim());
+  return Rs(e) && !((t = e.text) != null && t.trim());
 }, Qe = ({
   message: e,
   standalone: t = !1,
@@ -2724,7 +2723,7 @@ const $r = V.lazy(() => import("./Card-qS17qnN0.js")), Br = V.lazy(() => import(
   hasAttachment: a = !1
 }) => {
   var h;
-  const r = As(e), i = Be(e);
+  const r = Rs(e), i = Ue(e);
   if (!r && !i)
     return null;
   if (r) {
@@ -2732,7 +2731,7 @@ const $r = V.lazy(() => import("./Card-qS17qnN0.js")), Br = V.lazy(() => import(
     if (!g) return null;
     const c = t ? "message-tip-standalone" : "message-tag message-tag--tip", b = t ? `${g} tip` : `Delivered with ${g} tip`;
     return /* @__PURE__ */ u("div", { className: c, children: [
-      /* @__PURE__ */ s(Yn, { size: t ? 14 : 12 }),
+      /* @__PURE__ */ s(qn, { size: t ? 14 : 12 }),
       /* @__PURE__ */ s("span", { children: b })
     ] });
   }
@@ -2764,7 +2763,7 @@ const $r = V.lazy(() => import("./Card-qS17qnN0.js")), Br = V.lazy(() => import(
       "aria-label": "Good response",
       "aria-pressed": e === "up",
       "data-tooltip": "Good response",
-      children: /* @__PURE__ */ s(qn, { size: 16, weight: e === "up" ? "fill" : "regular" })
+      children: /* @__PURE__ */ s(Wn, { size: 16, weight: e === "up" ? "fill" : "regular" })
     }
   ),
   /* @__PURE__ */ s(
@@ -2778,7 +2777,7 @@ const $r = V.lazy(() => import("./Card-qS17qnN0.js")), Br = V.lazy(() => import(
       "aria-label": "Bad response",
       "aria-pressed": e === "down",
       "data-tooltip": "Bad response",
-      children: /* @__PURE__ */ s(Wn, { size: 16, weight: e === "down" ? "fill" : "regular" })
+      children: /* @__PURE__ */ s(Xn, { size: 16, weight: e === "down" ? "fill" : "regular" })
     }
   )
 ] }), et = () => {
@@ -2791,11 +2790,11 @@ const $r = V.lazy(() => import("./Card-qS17qnN0.js")), Br = V.lazy(() => import(
       }
   })();
   return e.id !== n ? null : /* @__PURE__ */ u(se, { children: [
-    /* @__PURE__ */ s(Xn, { weight: "bold", "aria-hidden": "true" }),
+    /* @__PURE__ */ s(Kn, { weight: "bold", "aria-hidden": "true" }),
     /* @__PURE__ */ s("span", { "data-testid": "sent-message-delivery-status", children: "Delivered" })
   ] });
 }, Xr = () => null, Kr = () => /* @__PURE__ */ s(
-  Ws,
+  Xs,
   {
     MessageSentStatus: et,
     MessageDeliveredStatus: et,
@@ -2895,7 +2894,7 @@ const Qr = {
   // treatment from the mobile spec. The drop shadow remains for depth.
   "border border-black/[0.08]",
   "shadow-[0_1px_2px_rgba(0,0,0,0.04),0_8px_32px_rgba(0,0,0,0.1)]"
-), Ue = ({
+), Be = ({
   variant: e,
   children: t,
   href: n,
@@ -3059,10 +3058,10 @@ const Qr = {
       onClick: h,
       "aria-label": "Edit attachment",
       className: "flex size-10 items-center justify-center rounded-full bg-white/10 text-white hover:bg-white/15",
-      children: /* @__PURE__ */ s(Kn, { className: "size-5", weight: "regular" })
+      children: /* @__PURE__ */ s(Zn, { className: "size-5", weight: "regular" })
     }
   ) : void 0;
-  return c ? /* @__PURE__ */ s(Ue, { variant: "dark", bgClassName: Et, children: /* @__PURE__ */ u("div", { className: "flex items-center gap-2 pr-3", children: [
+  return c ? /* @__PURE__ */ s(Be, { variant: "dark", bgClassName: Et, children: /* @__PURE__ */ u("div", { className: "flex items-center gap-2 pr-3", children: [
     /* @__PURE__ */ s("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ s(
       je,
       {
@@ -3074,7 +3073,7 @@ const Qr = {
     ) }),
     b && /* @__PURE__ */ s("div", { className: "shrink-0", children: b })
   ] }) }) : /* @__PURE__ */ u(
-    Ue,
+    Be,
     {
       variant: "dark",
       topRight: g ? b : void 0,
@@ -3126,7 +3125,7 @@ const Qr = {
     }
   } : d;
   return /* @__PURE__ */ u(
-    Ue,
+    Be,
     {
       variant: "light",
       href: g,
@@ -3174,7 +3173,7 @@ const Qr = {
 }) => {
   const h = St(r, o), g = kt(a), c = m == null && g != null && !h ? g : void 0, b = m == null && !h && c != null ? f : void 0;
   return /* @__PURE__ */ u(
-    Ue,
+    Be,
     {
       variant: "dark",
       href: c,
@@ -3206,7 +3205,7 @@ const Qr = {
       ]
     }
   );
-}, Zt = {
+}, Jt = {
   Composer: li,
   Sent: ci,
   Received: oi
@@ -3215,13 +3214,13 @@ function z(e) {
   const t = e == null ? void 0 : e.trim();
   return t || void 0;
 }
-function Jt(e) {
+function Qt(e) {
   return e.trim().replace(/^https?:\/\//i, "").replace(/\/+$/, "").toLowerCase();
 }
 function di(e, t) {
   if (!(e != null && e.trim()) || !(t != null && t.trim()))
     return !1;
-  const n = Jt(e), a = Jt(t);
+  const n = Qt(e), a = Qt(t);
   if (n === a)
     return !0;
   if (!n.includes(a))
@@ -3229,7 +3228,7 @@ function di(e, t) {
   const r = n.split(a).join("");
   return !/[^\p{P}\p{Z}\p{C}]/u.test(r);
 }
-function Qt(e) {
+function es(e) {
   const t = z(e.og_scrape_url) ?? z(e.title_link), n = z(e.image_url) ?? z(e.thumb_url), a = z(e.asset_url), r = z(e.mime_type);
   return {
     title: z(e.title),
@@ -3245,13 +3244,13 @@ function Qt(e) {
 }
 function ui(e) {
   var t;
-  return Rs(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;
+  return Ls(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 Rs(e) {
+function Ls(e) {
   const t = z(e.og_scrape_url);
   return e.type === "link" || !!t && !e.asset_url;
 }
-function Ls(e) {
+function Ds(e) {
   if (!(e != null && e.length)) return [];
   const t = [], n = (r, i) => {
     const o = t[t.length - 1];
@@ -3269,7 +3268,7 @@ function Ls(e) {
     t.push({ type: "link", attachments: [r] });
   };
   for (const r of e) {
-    if (Rs(r)) {
+    if (Ls(r)) {
       a(r);
       continue;
     }
@@ -3284,7 +3283,7 @@ function mi(e) {
 function hi(e, t, n) {
   return t <= 1 ? n : e === 0 ? "first" : e === t - 1 ? "end" : "middle";
 }
-function es(e) {
+function ts(e) {
   return z(e.image_url) ?? z(e.asset_url) ?? "";
 }
 function fi(e) {
@@ -3307,7 +3306,7 @@ function gi(e, t) {
       case "image":
         return {
           items: t.map((a) => ({
-            src: es(a),
+            src: ts(a),
             alt: z(a.title)
           }))
         };
@@ -3358,7 +3357,7 @@ function gi(e, t) {
   switch (e) {
     case "image":
       return {
-        src: es(n),
+        src: ts(n),
         alt: z(n.title)
       };
     case "video":
@@ -3406,14 +3405,14 @@ const bi = ({
   renderText: a
 }) => {
   var b;
-  const r = Ls(n.attachments);
+  const r = Ds(n.attachments);
   if (r.length === 0) return null;
-  const i = mi(r), o = (b = n.text) == null ? void 0 : b.trim(), l = r.find((v) => v.type === "link"), d = (l == null ? void 0 : l.type) === "link" ? Qt(l.attachments[0] ?? {}).url : void 0, m = o && di(o, d) ? void 0 : o;
+  const i = mi(r), o = (b = n.text) == null ? void 0 : b.trim(), l = r.find((v) => v.type === "link"), d = (l == null ? void 0 : l.type) === "link" ? es(l.attachments[0] ?? {}).url : void 0, m = o && di(o, d) ? void 0 : o;
   let f = 0;
   const h = [], g = (v, x) => {
-    const p = t ? Zt.Sent : Zt.Received;
+    const p = t ? Jt.Sent : Jt.Received;
     h.push(
-      /* @__PURE__ */ s(p, { ...Qt(v) }, x)
+      /* @__PURE__ */ s(p, { ...es(v) }, x)
     );
   }, c = (v, x) => {
     const p = hi(
@@ -3471,7 +3470,7 @@ const bi = ({
     ] }) : null
   ] });
 }, vi = (e) => {
-  var Dt, zt, Ft, Pt, Ot, $t, Bt, Ut, jt, Vt;
+  var Dt, zt, Ft, Pt, Ot, $t, Ut, Bt, jt, Vt;
   const {
     additionalMessageInputProps: t,
     chatbotVotingEnabled: n,
@@ -3489,50 +3488,50 @@ const bi = ({
     renderText: b,
     threadList: v,
     viewerLanguage: x
-  } = e, { client: p } = fe("CustomMessage"), { channel: _ } = oe("CustomMessage"), { isUnlocking: w, onUnlockClick: k, onFetchSource: D, onDownloadClick: S } = Or("LockedAttachment"), [R, O] = U(!1), F = Ks(c.id), { selected: L, voteUp: C, voteDown: E } = va(c), {
-    Attachment: I = Zs,
-    EditMessageModal: T = Js,
+  } = e, { client: p } = fe("CustomMessage"), { channel: _ } = oe("CustomMessage"), { isUnlocking: w, onUnlockClick: k, onFetchSource: D, onDownloadClick: S } = Or("LockedAttachment"), [R, O] = B(!1), F = Zs(c.id), { selected: L, voteUp: C, voteDown: E } = xa(c), {
+    Attachment: I = Js,
+    EditMessageModal: T = Qs,
     MessageActions: M,
-    MessageBlocked: P = Qs,
-    MessageBouncePrompt: $ = en,
-    MessageDeleted: j = tn,
-    MessageIsThreadReplyInChannelButtonIndicator: Q = sn,
-    MessageRepliesCountButton: ee = nn,
-    ReminderNotification: X = an,
-    StreamedMessageText: N = rn,
+    MessageBlocked: P = en,
+    MessageBouncePrompt: $ = tn,
+    MessageDeleted: j = sn,
+    MessageIsThreadReplyInChannelButtonIndicator: Q = nn,
+    MessageRepliesCountButton: ee = an,
+    ReminderNotification: X = rn,
+    StreamedMessageText: N = ln,
     PinIndicator: A
-  } = as("CustomMessage"), H = ln(c), q = on(c), Y = re(
+  } = rs("CustomMessage"), H = on(c), q = cn(c), Y = re(
     () => h == null ? void 0 : h(c),
     [h, c]
-  ), B = re(() => {
+  ), U = re(() => {
     const me = c.attachments ?? [], be = c.shared_location ? [c.shared_location, ...me] : me;
-    if (!Be(c)) return be;
-    const Gt = be.filter((Ht) => !("type" in Ht) || !ps(Ht));
+    if (!Ue(c)) return be;
+    const Gt = be.filter((Ht) => !("type" in Ht) || !bs(Ht));
     return Gt.length === be.length ? be : Gt;
   }, [c]), W = re(
-    () => Ls(B),
-    [B]
+    () => Ds(U),
+    [U]
   ), Z = re(() => {
-    const me = us({ message: c, viewerLanguage: x });
+    const me = ms({ message: c, viewerLanguage: x });
     return me === c.text ? c : { ...c, text: me };
   }, [c, x]), de = W.length > 0, De = W.reduce(
     (me, be) => me + be.attachments.length,
     0
-  ) === ((B == null ? void 0 : B.length) ?? 0), ze = Ya({
+  ) === ((U == null ? void 0 : U.length) ?? 0), ze = Ya({
     endOfGroup: r,
     firstOfGroup: i,
     groupedByUser: o
   });
-  if (cn(c))
+  if (dn(c))
     return null;
   if (c.deleted_at || c.type === "deleted")
     return /* @__PURE__ */ s(j, { message: c });
-  if (dn(c))
+  if (un(c))
     return /* @__PURE__ */ s(P, {});
-  const ae = !v && !!c.reply_count, ue = !v && c.show_in_channel && c.parent_id, le = c.status === "failed" && ((Dt = c.error) == null ? void 0 : Dt.status) !== 403, Tt = un(c);
+  const ae = !v && !!c.reply_count, ue = !v && c.show_in_channel && c.parent_id, le = c.status === "failed" && ((Dt = c.error) == null ? void 0 : Dt.status) !== 403, Tt = mn(c);
   let ge;
   le ? ge = () => m(c) : Tt && (ge = () => O(!0));
-  const te = g(), $s = y(
+  const te = g(), Us = y(
     "str-chat__message str-chat__message-simple",
     `str-chat__message--${c.type}`,
     `str-chat__message--${c.status}`,
@@ -3549,7 +3548,7 @@ const bi = ({
       "str-chat__virtual-message__wrapper--first": i,
       "str-chat__virtual-message__wrapper--group": o
     }
-  ), qe = c.poll_id && p.polls.fromState(c.poll_id), Mt = qr(c), pe = Be(c), Bs = yt(c), We = !!(B != null && B.length && !c.quoted_message), At = pe && te && We, Us = de && De && !c.quoted_message && !qe && !Y && !pe, Rt = {
+  ), qe = c.poll_id && p.polls.fromState(c.poll_id), Mt = qr(c), pe = Ue(c), Bs = yt(c), We = !!(U != null && U.length && !c.quoted_message), At = pe && te && We, js = de && De && !c.quoted_message && !qe && !Y && !pe, Rt = {
     contentType: "text",
     amountText: (Ft = c.metadata) == null ? void 0 : Ft.amount_text,
     paymentStatus: (Pt = c.metadata) == null ? void 0 : Pt.payment_status,
@@ -3558,8 +3557,8 @@ const bi = ({
     contentType: "media",
     title: (Ot = c.metadata) == null ? void 0 : Ot.attachment_title,
     mimeType: ($t = c.metadata) == null ? void 0 : $t.attachment_mime_type,
-    thumbnailUrl: (Bt = c.metadata) == null ? void 0 : Bt.attachment_thumbnail,
-    amountText: (Ut = c.metadata) == null ? void 0 : Ut.amount_text,
+    thumbnailUrl: (Ut = c.metadata) == null ? void 0 : Ut.attachment_thumbnail,
+    amountText: (Bt = c.metadata) == null ? void 0 : Bt.amount_text,
     detail: (jt = c.metadata) == null ? void 0 : jt.attachment_detail,
     paymentStatus: (Vt = c.metadata) == null ? void 0 : Vt.payment_status,
     onFetchSource: D ? () => D(c, _) : void 0
@@ -3572,7 +3571,7 @@ const bi = ({
       }
     ),
     R && /* @__PURE__ */ s(
-      mn,
+      hn,
       {
         MessageBouncePrompt: $,
         onClose: () => O(!1),
@@ -3582,7 +3581,7 @@ const bi = ({
     /* @__PURE__ */ u(
       "div",
       {
-        className: $s,
+        className: Us,
         "data-message-id": c.id,
         "data-dd-privacy": "mask",
         children: [
@@ -3664,14 +3663,14 @@ const bi = ({
                     renderText: b
                   }
                 ) })
-              ] }) : Us ? /* @__PURE__ */ s(
+              ] }) : js ? /* @__PURE__ */ s(
                 bi,
                 {
                   groupPosition: ze,
                   isMyMessage: te,
                   message: {
                     ...Z,
-                    attachments: B,
+                    attachments: U,
                     // MessageText prefers message.i18n[userLanguage_text] from
                     // Stream's TranslationContext over message.text. Drop i18n so
                     // the caption uses displayMessage.text from viewerLanguage.
@@ -3688,12 +3687,12 @@ const bi = ({
                     isMyMessage: te
                   }
                 ),
-                qe && /* @__PURE__ */ s(hn, { poll: qe }),
-                B != null && B.length && !c.quoted_message ? /* @__PURE__ */ s(
+                qe && /* @__PURE__ */ s(fn, { poll: qe }),
+                U != null && U.length && !c.quoted_message ? /* @__PURE__ */ s(
                   I,
                   {
                     actionHandler: l,
-                    attachments: B
+                    attachments: U
                   }
                 ) : null,
                 Y ? /* @__PURE__ */ s(
@@ -3747,7 +3746,7 @@ const bi = ({
   ] });
 }, xi = V.memo(
   vi,
-  (e, t) => e.chatbotVotingEnabled !== t.chatbotVotingEnabled || e.viewerLanguage !== t.viewerLanguage ? !1 : Xs(e, t)
+  (e, t) => e.chatbotVotingEnabled !== t.chatbotVotingEnabled || e.viewerLanguage !== t.viewerLanguage ? !1 : Ks(e, t)
 ), wi = (e) => {
   const t = Ne("CustomMessage");
   return /* @__PURE__ */ s(xi, { ...t, ...e });
@@ -3755,32 +3754,32 @@ const bi = ({
   var n;
   const { handleDelete: e, message: t } = Ne("CustomMessageActions");
   return ((n = t.metadata) == null ? void 0 : n.payment_status) === "paid" ? null : /* @__PURE__ */ s(
-    os,
+    cs,
     {
       onClick: e,
       "aria-label": "Delete",
       title: "Delete",
       className: "bg-marble rounded-full p-2 hover:bg-sand transition-all",
-      children: /* @__PURE__ */ s(Zn, { size: 16, weight: "light", "aria-hidden": !0 })
+      children: /* @__PURE__ */ s(Jn, { size: 16, weight: "light", "aria-hidden": !0 })
     }
   );
 }, Ni = () => {
   const { handleFlag: e } = Ne("CustomMessageActions");
   return /* @__PURE__ */ s(
-    os,
+    cs,
     {
       onClick: e,
       "aria-label": "Report",
       title: "Report",
       className: "bg-marble rounded-full p-2 hover:bg-sand transition-all",
-      children: /* @__PURE__ */ s(rs, { size: 16, weight: "light", "aria-hidden": !0 })
+      children: /* @__PURE__ */ s(is, { size: 16, weight: "light", "aria-hidden": !0 })
     }
   );
 }, yi = () => {
   var t;
   const { message: e } = Ne("CustomMessageActions");
   return ((t = e.metadata) == null ? void 0 : t.custom_type) !== "MESSAGE_ATTACHMENT" ? null : /* @__PURE__ */ s(
-    ea,
+    ta,
     {
       messageActionSet: [
         { Component: _i, placement: "quick", type: "delete" },
@@ -3833,7 +3832,7 @@ const bi = ({
     (t) => Yt.previewIsLoaded(t) || Yt.previewIsLoading(t)
   )
 }), Si = () => {
-  const { linkPreviewsManager: e } = fn(), { linkPreviews: t } = gn(
+  const { linkPreviewsManager: e } = gn(), { linkPreviews: t } = pn(
     e.state,
     Ci
   ), n = (r) => {
@@ -3858,13 +3857,13 @@ const bi = ({
     "aria-label": "Send",
     disabled: t,
     onClick: e,
-    children: /* @__PURE__ */ s(Jn, { weight: "bold", className: "size-4" })
+    children: /* @__PURE__ */ s(Qn, { weight: "bold", className: "size-4" })
   }
 ), Ii = () => {
-  const e = Te(It), { handleSubmit: t } = bn(), n = vn(), a = e || !n, {
+  const e = Te(It), { handleSubmit: t } = vn(), n = xn(), a = e || !n, {
     SendButton: r = Ei,
-    AttachmentPreviewList: i = xn
-  } = as("CustomMessageInput");
+    AttachmentPreviewList: i = wn
+  } = rs("CustomMessageInput");
   return (
     // min-h-0 lets the composer shrink under keyboard squeeze (the link
     // preview list inside is the scrollable region); the textarea + send row
@@ -3880,12 +3879,12 @@ const bi = ({
         className: "central-container flex min-h-0 flex-col gap-2 min-w-0 w-full self-stretch p-2 bg-white rounded-[1.5rem] shadow-[0_4px_16px_0_rgba(0,0,0,0.08),0_1px_2px_0_rgba(0,0,0,0.04),0_0_0_1px_rgba(0,0,0,0.04)]",
         "data-dd-privacy": "mask",
         children: [
-          /* @__PURE__ */ s(wn, {}),
+          /* @__PURE__ */ s(_n, {}),
           /* @__PURE__ */ s(Si, {}),
           /* @__PURE__ */ s(i, {}),
           /* @__PURE__ */ u("div", { className: "flex shrink-0", children: [
             /* @__PURE__ */ s("div", { className: "w-full ml-2 mr-4 self-center leading-[0]", children: /* @__PURE__ */ s(
-              _n,
+              Nn,
               {
                 "aria-disabled": e || void 0,
                 className: "w-full resize-none outline-none leading-5 placeholder:text-black/30 text-sm",
@@ -3933,7 +3932,7 @@ const bi = ({
         className: "message-input flex min-h-0 items-end gap-4 aria-disabled:opacity-40",
         children: [
           e && /* @__PURE__ */ s("div", { className: "flex h-12 shrink-0 items-center justify-center", children: e() }),
-          /* @__PURE__ */ s(It.Provider, { value: o, children: /* @__PURE__ */ s(pn, { Input: r ?? Ii }) })
+          /* @__PURE__ */ s(It.Provider, { value: o, children: /* @__PURE__ */ s(bn, { Input: r ?? Ii }) })
         ]
       }
     ),
@@ -3949,10 +3948,10 @@ const bi = ({
   "SYSTEM_AGE_SAFETY_BLOCKED"
 ], Li = {
   SYSTEM_AGE_SAFETY_BLOCKED: "This user isn’t able to reply because they don’t meet our age safety guidelines."
-}, tt = "age safety guidelines.", Di = "https://linktr.ee/s/about/contact", ts = (e) => Mi.includes(e), zi = (e) => Ri.includes(e), Fi = (e) => {
+}, tt = "age safety guidelines.", Di = "https://linktr.ee/s/about/contact", ss = (e) => Mi.includes(e), zi = (e) => Ri.includes(e), Fi = (e) => {
   var a;
   const t = (a = e.metadata) == null ? void 0 : a.custom_type;
-  if (ts(t))
+  if (ss(t))
     return {
       kind: "dm-agent",
       type: t
@@ -3963,7 +3962,7 @@ const bi = ({
       type: t
     };
   const n = e.dm_agent_system_type;
-  if (ts(n))
+  if (ss(n))
     return {
       kind: "dm-agent",
       type: n
@@ -4029,7 +4028,7 @@ const bi = ({
           "data-age-safety-system-type": n.type,
           children: [
             /* @__PURE__ */ s(
-              Qn,
+              ea,
               {
                 size: 24,
                 weight: "duotone",
@@ -4053,7 +4052,7 @@ const bi = ({
     ] }),
     !t && /* @__PURE__ */ s(Xe, { message: e.message })
   ] });
-}, Ds = ct(!1), st = ({ cx: e, index: t }) => /* @__PURE__ */ s("circle", { cx: e, cy: "6.15", r: "3.9", fill: "#A0A0A0", children: /* @__PURE__ */ s(
+}, zs = ct(!1), st = ({ cx: e, index: t }) => /* @__PURE__ */ s("circle", { cx: e, cy: "6.15", r: "3.9", fill: "#A0A0A0", children: /* @__PURE__ */ s(
   "animateTransform",
   {
     attributeName: "transform",
@@ -4067,13 +4066,13 @@ const bi = ({
   Ke.Thinking,
   Ke.Generating,
   Ke.ExternalSources
-]), Bi = ({ threadList: e }) => {
+]), Ui = ({ threadList: e }) => {
   var b, v;
-  const { channel: t, channelConfig: n, thread: a } = oe(), { client: r } = fe(), { typing: i = {} } = Nn(), { aiState: o } = yn(t), l = Te(Ds);
+  const { channel: t, channelConfig: n, thread: a } = oe(), { client: r } = fe(), { typing: i = {} } = yn(), { aiState: o } = kn(t), l = Te(zs);
   if (!e && l && $i.has(o)) {
-    const x = Ui(t, (b = r.user) == null ? void 0 : b.id);
+    const x = Bi(t, (b = r.user) == null ? void 0 : b.id);
     return /* @__PURE__ */ s(
-      ss,
+      ns,
       {
         avatarId: (x == null ? void 0 : x.id) ?? "ai-agent",
         avatarName: (x == null ? void 0 : x.name) ?? (x == null ? void 0 : x.id) ?? "Agent",
@@ -4099,7 +4098,7 @@ const bi = ({
     return null;
   const g = (v = h[0]) == null ? void 0 : v.user, c = g != null && g.id && t.state.members[g.id] ? t.state.members[g.id].user : void 0;
   return /* @__PURE__ */ s(
-    ss,
+    ns,
     {
       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",
@@ -4107,7 +4106,7 @@ const bi = ({
       testId: "typing-indicator"
     }
   );
-}, ss = ({
+}, ns = ({
   avatarId: e,
   avatarName: t,
   avatarImage: n,
@@ -4151,7 +4150,7 @@ const bi = ({
     ] })
   }
 );
-function Ui(e, t) {
+function Bi(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)) {
@@ -4544,7 +4543,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   }, [E == null ? void 0 : E.userID, (A = C.state) == null ? void 0 : A.members]), M = ((H = T == null ? void 0 : T.user) == null ? void 0 : H.is_account) ?? (T == null ? void 0 : T.is_account), P = ((q = I == null ? void 0 : I.user) == null ? void 0 : q.is_account) ?? (I == null ? void 0 : I.is_account), $ = S && M === !1 && P === !0, j = C.state.messages.some(
     (Y) => Y.type !== "deleted"
   ), Q = p ? /* @__PURE__ */ s(V.Fragment, { children: p() }, "lt-channel-banner") : null, ee = F ? /* @__PURE__ */ s(
-    ga,
+    pa,
     {
       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,
@@ -4566,7 +4565,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     }
   ) : null, X = J(
     (Y) => {
-      const { message: B } = Ne("ChannelView"), W = /* @__PURE__ */ s(
+      const { message: U } = Ne("ChannelView"), W = /* @__PURE__ */ s(
         wi,
         {
           ...Y,
@@ -4574,19 +4573,19 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           viewerLanguage: R
         }
       );
-      return !D || !B ? W : D(W, B);
+      return !D || !U ? W : D(W, U);
     },
     [x, D, R]
   );
   return /* @__PURE__ */ s(se, { children: /* @__PURE__ */ s(
-    Cn,
+    Sn,
     {
       overrides: {
         Message: X,
         MessageActions: yi,
         UnreadMessagesSeparator: () => null
       },
-      children: /* @__PURE__ */ u(Sn, { children: [
+      children: /* @__PURE__ */ u(En, { children: [
         !F && /* @__PURE__ */ u(se, { children: [
           /* @__PURE__ */ s("div", { children: /* @__PURE__ */ s(
             Gi,
@@ -4621,7 +4620,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
                 Q
               ] }) }),
               /* @__PURE__ */ s(
-                En,
+                In,
                 {
                   head: F && j ? /* @__PURE__ */ u("div", { className: "sticky top-0 z-10", children: [
                     ee,
@@ -4652,7 +4651,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
       ] })
     }
   ) });
-}, zs = V.memo(
+}, Fs = V.memo(
   ({
     channel: e,
     onBack: t,
@@ -4702,10 +4701,10 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
               ...w
             }
           }
-        }, B = {
+        }, U = {
           ...A,
           ...q && { skip_push: !0 }
-        }, W = await e.sendMessage(Y, B);
+        }, W = await e.sendMessage(Y, U);
         return k == null || k(W), W;
       },
       [e, _, w, k]
@@ -4717,7 +4716,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
       const N = (A) => {
         const H = A.target, q = H == null ? void 0 : H.closest("a[href]"), Y = q == null ? void 0 : q.getAttribute("href");
         if (!Y) return;
-        const B = q == null ? void 0 : q.closest("[data-message-id]"), W = B == null ? void 0 : B.getAttribute("data-message-id"), Z = W ? e.state.messages.find((de) => de.id === W) : void 0;
+        const U = q == null ? void 0 : q.closest("[data-message-id]"), W = U == null ? void 0 : U.getAttribute("data-message-id"), Z = W ? e.state.messages.find((de) => de.id === W) : void 0;
         E(Y, Z);
       };
       return X.addEventListener("click", N), () => X.removeEventListener("click", N);
@@ -4729,15 +4728,15 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           "messaging-channel-view h-full flex flex-col",
           d
         ),
-        children: /* @__PURE__ */ s(Ds.Provider, { value: _ ?? !1, children: /* @__PURE__ */ s(
-          kn,
+        children: /* @__PURE__ */ s(zs.Provider, { value: _ ?? !1, children: /* @__PURE__ */ s(
+          Cn,
           {
             channel: e,
             MessageSystem: Oi,
             EmptyStateIndicator: m,
             LoadingIndicator: Ve,
-            DateSeparator: pa,
-            TypingIndicator: Bi,
+            DateSeparator: ba,
+            TypingIndicator: Ui,
             doSendMessageRequest: Q,
             ...I ? { SendButton: I } : {},
             ...T ? { AttachmentPreviewList: T } : {},
@@ -4780,7 +4779,7 @@ const ve = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     );
   }
 );
-zs.displayName = "ChannelView";
+Fs.displayName = "ChannelView";
 const Ce = V.memo(({ message: e, onBack: t }) => /* @__PURE__ */ s("div", { className: "messaging-error-state flex items-center justify-center h-full p-8", children: /* @__PURE__ */ u("div", { className: "text-center max-w-sm", children: [
   /* @__PURE__ */ s("div", { className: "w-24 h-24 bg-danger-alt/20 rounded-full flex items-center justify-center mx-auto mb-6", children: /* @__PURE__ */ s("span", { className: "text-4xl", children: "⚠️" }) }),
   /* @__PURE__ */ s("h2", { className: "font-semibold text-charcoal mb-2", children: "Oops!" }),
@@ -4829,7 +4828,7 @@ const bl = ({
     refreshConnection: C,
     service: E,
     debug: I
-  } = ta(), [T, M] = U(null), [P, $] = U(null), [j, Q] = U(!1), { showDeleteConversation: ee = !0 } = e, X = G(o);
+  } = sa(), [T, M] = B(null), [P, $] = B(null), [j, Q] = B(!1), { showDeleteConversation: ee = !0 } = e, X = G(o);
   X.current = o;
   const N = G(a);
   N.current = a;
@@ -4838,9 +4837,9 @@ const bl = ({
     H.current = T;
   }, [T]), K(() => {
     if (!R || !O) return;
-    const B = R.userID;
-    if (!B) return;
-    const W = `${B}::${i}`;
+    const U = R.userID;
+    if (!U) return;
+    const W = `${U}::${i}`;
     if (A.current === W) return;
     A.current = W;
     const Z = () => {
@@ -4856,7 +4855,7 @@ const bl = ({
         const ae = await R.queryChannels(
           {
             type: "messaging",
-            members: { $eq: [B, i] }
+            members: { $eq: [U, i] }
           },
           {},
           { limit: 1 }
@@ -4903,8 +4902,8 @@ const bl = ({
   const q = G(r);
   q.current = r;
   const Y = J(() => {
-    var B;
-    M(null), Q(!0), (B = q.current) == null || B.call(q);
+    var U;
+    M(null), Q(!0), (U = q.current) == null || U.call(q);
   }, []);
   return F ? /* @__PURE__ */ s(Ve, {}) : L ? /* @__PURE__ */ s(Ce, { message: L, onBack: C }) : !O || !R ? /* @__PURE__ */ s(
     Ce,
@@ -4913,7 +4912,7 @@ const bl = ({
       onBack: C
     }
   ) : P ? /* @__PURE__ */ s(Ce, { message: P }) : j && !T ? /* @__PURE__ */ s(Ce, { message: "Conversation ended" }) : T ? /* @__PURE__ */ s("div", { className: "messaging-shell h-full bg-background-primary overflow-hidden", children: /* @__PURE__ */ s("div", { className: "flex h-full min-h-0 flex-col", children: /* @__PURE__ */ s(
-    zs,
+    Fs,
     {
       channel: T,
       renderMessageInputActions: t,
@@ -4947,7 +4946,7 @@ function Yi(e) {
     for (const n of t)
       e.state.addMessageSorted(n.message);
 }
-const Fs = V.createContext({
+const Ps = V.createContext({
   selectedChannel: void 0,
   onChannelSelect: () => {
   },
@@ -4955,7 +4954,7 @@ const Fs = V.createContext({
   renderMessagePreview: void 0,
   channelPreview: void 0,
   viewerLanguage: void 0
-}), qi = Fs.Provider, Wi = () => V.useContext(Fs), Xi = (e, t) => {
+}), qi = Ps.Provider, Wi = () => V.useContext(Ps), Xi = (e, t) => {
   const n = new Date(
     Date.UTC(e.getUTCFullYear(), e.getUTCMonth(), e.getUTCDate())
   ), r = new Date(
@@ -4976,7 +4975,7 @@ const Fs = V.createContext({
     day: "numeric",
     year: "2-digit"
   });
-}, Ps = V.memo(
+}, Os = V.memo(
   (e) => {
     var O, F, L;
     const { channel: t, unread: n } = e, {
@@ -5016,7 +5015,7 @@ const Fs = V.createContext({
       }
     })(), w = (() => {
       var M;
-      const C = us({
+      const C = ms({
         message: p,
         viewerLanguage: d
       }), { custom_type: E, attachment_content_type: I } = (p == null ? void 0 : p.metadata) || {};
@@ -5033,7 +5032,7 @@ const Fs = V.createContext({
       if (C) return C;
       const T = (M = p == null ? void 0 : p.attachments) == null ? void 0 : M[0];
       return T ? T.og_scrape_url ? T.og_scrape_url : T.type === "image" ? "📷 Sent an image" : T.type === "video" ? "🎥 Sent a video" : T.type === "audio" ? "🎵 Sent audio" : T.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
-    })(), k = p != null && p.created_at ? Ki(new Date(p.created_at)) : "", D = p ? Be(p) : !1, S = l ? l(p, w) : `${D ? "✨ " : ""}${w}`, R = n ?? 0;
+    })(), k = p != null && p.created_at ? Ki(new Date(p.created_at)) : "", D = p ? Ue(p) : !1, S = l ? l(p, w) : `${D ? "✨ " : ""}${w}`, R = n ?? 0;
     return i && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
       channelId: t == null ? void 0 : t.id,
       isSelected: f,
@@ -5092,7 +5091,7 @@ const Fs = V.createContext({
     );
   }
 );
-Ps.displayName = "CustomChannelPreview";
+Os.displayName = "CustomChannelPreview";
 const Zi = { last_message_at: -1 }, Ji = V.memo(
   ({
     onChannelSelect: e,
@@ -5103,7 +5102,7 @@ const Zi = { last_message_at: -1 }, Ji = V.memo(
     sort: i = Zi,
     className: o,
     customEmptyStateIndicator: l,
-    channelListPaginator: d = Tn,
+    channelListPaginator: d = Mn,
     channelPreview: m,
     renderMessagePreview: f,
     viewerLanguage: h,
@@ -5155,7 +5154,7 @@ const Zi = { last_message_at: -1 }, Ji = V.memo(
           o
         ),
         children: /* @__PURE__ */ s("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ s(qi, { value: D, children: /* @__PURE__ */ s(
-          In,
+          Tn,
           {
             filters: n,
             sort: i,
@@ -5169,7 +5168,7 @@ const Zi = { last_message_at: -1 }, Ji = V.memo(
             onAddedToChannel: x,
             onChannelUpdated: p,
             Paginator: d,
-            Preview: Ps,
+            Preview: Os,
             EmptyStateIndicator: l
           },
           `${JSON.stringify(n)}:${JSON.stringify(i)}`
@@ -5179,7 +5178,7 @@ const Zi = { last_message_at: -1 }, Ji = V.memo(
   }
 );
 Ji.displayName = "ChannelList";
-const ns = `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%`, Qi = {
+const as = `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%`, Qi = {
   sent: "var(--str-chat__own-message-bubble-background-color, #1e2330)",
   received: "var(--str-chat__message-bubble-background-color, #f1f0ee)"
 }, el = ({ variant: e }) => /* @__PURE__ */ s(
@@ -5193,8 +5192,8 @@ const ns = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi
       transform: e === "received" ? "scaleX(-1)" : void 0,
       transformOrigin: "center",
       backgroundColor: Qi[e],
-      WebkitMask: ns,
-      mask: ns
+      WebkitMask: as,
+      mask: as
     }
   }
 ), tl = {
@@ -5206,7 +5205,7 @@ const ns = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi
     backgroundColor: "var(--str-chat__message-bubble-background-color, #f1f0ee)",
     color: "var(--str-chat__message-bubble-color, #000000)"
   }
-}, Os = ({
+}, $s = ({
   variant: e,
   text: t,
   tail: n = !0,
@@ -5238,7 +5237,7 @@ const ns = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi
   header: n,
   className: a
 }) => /* @__PURE__ */ s(
-  Os,
+  $s,
   {
     variant: "received",
     text: e,
@@ -5246,7 +5245,7 @@ const ns = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi
     header: n,
     className: a
   }
-), nl = ({ text: e, tail: t, className: n }) => /* @__PURE__ */ s(Os, { variant: "sent", text: e, tail: t, className: n }), vl = {
+), nl = ({ text: e, tail: t, className: n }) => /* @__PURE__ */ s($s, { variant: "sent", text: e, tail: t, className: n }), vl = {
   Sent: nl,
   Received: sl
 }, al = ({
@@ -5314,21 +5313,21 @@ const ns = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi
   ] }) });
 };
 export {
-  hs as A,
+  fs as A,
   pt as B,
   ji as C,
   mt as D,
   pl as E,
   xl as F,
   Or as G,
-  va as H,
-  ta as I,
-  Zt as L,
+  xa as H,
+  sa as I,
+  Jt as L,
   fl as M,
   ye as a,
   ne as b,
   Ji as c,
-  zs as d,
+  Fs as d,
   gl as e,
   al as f,
   ce as g,
@@ -5344,12 +5343,12 @@ export {
   Ki as q,
   _e as r,
   tr as s,
-  us as t,
-  ps as u,
-  ra as v,
+  ms as t,
+  bs as u,
+  ia as v,
   Ya as w,
-  xa as x,
+  wa as x,
   He as y,
   gt as z
 };
-//# sourceMappingURL=index-BvuCjzqJ.js.map
+//# sourceMappingURL=index-FDgJhTIG.js.map