@linktr.ee/messaging-react 3.15.2 → 3.15.3

package/dist/{index-CGWNR062.js → index-B5xEngCd.js}

@@ -1,11 +1,11 @@
 import { jsx as s, jsxs as h, Fragment as ee } from "react/jsx-runtime";
-import j, { createContext as st, useContext as ye, useCallback as W, useState as F, useRef as G, useEffect as Y, useId as js, useMemo as se, Suspense as Vs } from "react";
-import { StreamChatService as Gs } from "@linktr.ee/messaging-core";
-import { StreamChat as Hs, LinkPreviewsManager as Ot } from "stream-chat";
-import { Chat as Ys, useChannelStateContext as ue, useChatContext as ke, DateSeparator as qs, MessageStatus as Ws, useMessageContext as pe, MessageErrorIcon as Ze, MessageText as Le, areMessageUIPropsEqual as Xs, useMessageReminder as Ks, useComponentContext as es, 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 on, messageHasReactions as ln, isDateSeparatorMessage as cn, isMessageBlocked as dn, isMessageBounced as un, MessageBounceModal as mn, Poll as hn, useMessageComposer as fn, useStateStore as gn, MessageInput as Ft, useMessageInputContext as pn, useMessageComposerHasSendableData as bn, AttachmentPreviewList as vn, QuotedMessagePreview as xn, TextareaComposer as wn, MessageTimestamp as Ve, AIStates as Ge, useTypingContext as _n, useAIState as Nn, Channel as yn, WithComponents as kn, Window as Cn, MessageList as Bt, ChannelList as Sn, InfiniteScroll as En } from "stream-chat-react";
+import j, { createContext as st, useContext as ye, useCallback as W, useState as F, useRef as G, useEffect as Y, useId as Vs, useMemo as se, Suspense as Gs } from "react";
+import { StreamChatService as Hs } from "@linktr.ee/messaging-core";
+import { StreamChat as Ys, LinkPreviewsManager as Ot } from "stream-chat";
+import { Chat as qs, useChannelStateContext as ue, useChatContext as ke, DateSeparator as Ws, MessageStatus as Xs, useMessageContext as pe, MessageErrorIcon as Ze, MessageText as Le, areMessageUIPropsEqual as Ks, useMessageReminder as Zs, useComponentContext as es, 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 on, messageHasAttachments as ln, 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 Ft, useMessageInputContext as bn, useMessageComposerHasSendableData as vn, AttachmentPreviewList as xn, QuotedMessagePreview as wn, TextareaComposer as _n, MessageTimestamp as Ve, AIStates as Ge, useTypingContext as Nn, useAIState as yn, Channel as kn, WithComponents as Cn, Window as Sn, MessageList as Bt, ChannelList as En, InfiniteScroll as In } from "stream-chat-react";
 import N from "classnames";
-import { StarIcon as Je, DotsThreeIcon as In, SpinnerGapIcon as Ae, SignOutIcon as Tn, ProhibitInsetIcon as $t, FlagIcon as ts, CurrencyDollarIcon as Mn, CaretRightIcon as ss, ArrowLeftIcon as An, FileIcon as ns, ImageIcon as Rn, SpeakerHighIcon as Ln, VideoCameraIcon as as, FileMdIcon as Dn, FileTextIcon as Pn, FileZipIcon as zn, FilePptIcon as On, FileCsvIcon as Fn, FileXlsIcon as Bn, FileDocIcon as $n, FilePdfIcon as Un, CircleNotchIcon as _e, PlayIcon as Qe, PauseIcon as jn, LinkIcon as Vn, DownloadSimpleIcon as Ne, XIcon as Be, CaretLeftIcon as Gn, GiftIcon as Hn, ThumbsUpIcon as Yn, ThumbsDownIcon as qn, ChecksIcon as Wn, PencilSimpleIcon as Xn, TrashSimpleIcon as Kn, ArrowUpIcon as Zn, SparkleIcon as Jn, ProhibitIcon as Qn } from "@phosphor-icons/react";
-import { MessageActions as ea, DefaultDropdownActionButton as rs } from "stream-chat-react/experimental";
+import { StarIcon as Je, DotsThreeIcon as Tn, SpinnerGapIcon as Ae, SignOutIcon as Mn, ProhibitInsetIcon as $t, FlagIcon as ts, CurrencyDollarIcon as An, CaretRightIcon as ss, ArrowLeftIcon as Rn, FileIcon as ns, ImageIcon as Ln, SpeakerHighIcon as Dn, VideoCameraIcon as as, FileMdIcon as Pn, FileTextIcon as zn, FileZipIcon as On, FilePptIcon as Fn, FileCsvIcon as Bn, FileXlsIcon as $n, FileDocIcon as Un, FilePdfIcon as jn, CircleNotchIcon as _e, PlayIcon as Qe, PauseIcon as Vn, LinkIcon as Gn, DownloadSimpleIcon as Ne, XIcon as Be, CaretLeftIcon as Hn, GiftIcon as Yn, ThumbsUpIcon as qn, ThumbsDownIcon as Wn, ChecksIcon as Xn, PencilSimpleIcon as Kn, TrashSimpleIcon as Zn, ArrowUpIcon as Jn, SparkleIcon as Qn, ProhibitIcon as ea } from "@phosphor-icons/react";
+import { MessageActions as ta, DefaultDropdownActionButton as rs } from "stream-chat-react/experimental";
 const is = st({
   service: null,
   client: null,
@@ -64,7 +64,7 @@ const is = st({
     capabilities: r
   };
   const B = G(null);
-  !l && a && ((S = B.current) == null ? void 0 : S.apiKey) !== a && (B.current = { apiKey: a, client: new Hs(a) });
+  !l && a && ((S = B.current) == null ? void 0 : S.apiKey) !== a && (B.current = { apiKey: a, client: new Ys(a) });
   const O = l || (a ? ((I = B.current) == null ? void 0 : I.client) ?? null : null);
   Y(() => {
     const y = z.current, D = k.current;
@@ -83,7 +83,7 @@ const is = st({
       renderCount: y,
       apiKey: (a == null ? void 0 : a.substring(0, 8)) + "..."
     });
-    const H = new Gs({
+    const H = new Hs({
       ...D,
       apiKey: a,
       debug: R.current,
@@ -215,7 +215,7 @@ const is = st({
     willRenderChat: !!O,
     contextValueReady: !!T
   }), /* @__PURE__ */ s(is.Provider, { value: T, children: O ? /* @__PURE__ */ s(
-    Ys,
+    qs,
     {
       client: O,
       customClasses: {
@@ -224,7 +224,7 @@ const is = st({
       children: e
     }
   ) : e });
-}, ta = () => nt(), os = (e) => {
+}, sa = () => nt(), os = (e) => {
   var a, r;
   const [t, n] = F(
     !!((r = (a = e == null ? void 0 : e.state) == null ? void 0 : a.membership) != null && r.pinned_at)
@@ -246,14 +246,14 @@ const is = st({
       e.off("member.updated", i);
     };
   }, [e]), t;
-}, sa = "linktree-official", na = "linktree-official-sender";
+}, na = "linktree-official", aa = "linktree-official-sender";
 function ls(e, t, n) {
   const a = Object.values(e || {});
-  if (n === sa) {
+  if (n === na) {
     const r = a.find(
       (i) => {
         var l;
-        return ((l = i.user) == null ? void 0 : l.id) === na;
+        return ((l = i.user) == null ? void 0 : l.id) === aa;
       }
     );
     if (r) return r;
@@ -265,13 +265,13 @@ function ls(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 Ut(e, t) {
   const n = e == null ? void 0 : e.trim();
-  return !n || t && n === t || t && n === `Follower ${t}` ? !1 : !ra(n);
+  return !n || t && n === t || t && n === `Follower ${t}` ? !1 : !ia(n);
 }
 function cs(e) {
   return Ut(e == null ? void 0 : e.name, e == null ? void 0 : e.id) ? e.name.trim() : Ut(e == null ? void 0 : e.username, e == null ? void 0 : e.id) ? e.username.trim() : "Unknown member";
@@ -304,7 +304,7 @@ const jt = [
   { emoji: "🍈", bgColor: "#D9F7E1" }
   // Melon
 ];
-function ia(e) {
+function oa(e) {
   let t = 0;
   for (let n = 0; n < e.length; n++) {
     const a = e.charCodeAt(n);
@@ -313,12 +313,12 @@ function ia(e) {
   return Math.abs(t);
 }
 function ds(e) {
-  return jt[ia(e) % jt.length];
+  return jt[oa(e) % jt.length];
 }
-function oa(e) {
+function la(e) {
   return ds(e).emoji;
 }
-function la(e) {
+function ca(e) {
   return ds(e).bgColor;
 }
 const be = ({
@@ -330,7 +330,7 @@ const be = ({
   shape: i = "squircle",
   dmAgentEnabled: l = !1
 }) => {
-  const o = oa(e), d = la(e), u = 0.45, m = n < 32 ? Math.round(n * u) : n < 56 ? 14 : n < 120 ? 18 : 36, f = n >= 40 ? 2 : 1, c = i === "circle" ? { borderRadius: "50%" } : { borderRadius: "1rem" }, v = /* @__PURE__ */ s("div", { className: "h-full w-full overflow-hidden", style: c, children: t ? /* @__PURE__ */ s(
+  const o = la(e), d = ca(e), u = 0.45, m = n < 32 ? Math.round(n * u) : n < 56 ? 14 : n < 120 ? 18 : 36, f = n >= 40 ? 2 : 1, c = i === "circle" ? { borderRadius: "50%" } : { borderRadius: "1rem" }, v = /* @__PURE__ */ s("div", { className: "h-full w-full overflow-hidden", style: c, children: t ? /* @__PURE__ */ s(
     "img",
     {
       src: t,
@@ -394,7 +394,7 @@ const be = ({
       ]
     }
   );
-}, 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,
@@ -478,7 +478,7 @@ const be = ({
       }
     },
     handleReportUser: () => {
-      d == null || d(), u == null || u(), window.open(ca, "_blank", "noopener,noreferrer");
+      d == null || d(), u == null || u(), window.open(da, "_blank", "noopener,noreferrer");
     }
   };
 }, ve = ({
@@ -498,7 +498,7 @@ const be = ({
     ...a,
     children: n
   }
-), ua = ({
+), ma = ({
   channel: e,
   participant: t,
   showDeleteConversation: n = !0,
@@ -512,7 +512,7 @@ const be = ({
   customChannelActions: g,
   triggerClassName: m
 }) => {
-  const [f, c] = F(!1), v = G(null), x = js(), p = W(() => c(!1), []), {
+  const [f, c] = F(!1), v = G(null), x = Vs(), p = W(() => c(!1), []), {
     isParticipantBlocked: b,
     isCheckingBlockedStatus: w,
     isLeaving: E,
@@ -521,7 +521,7 @@ const be = ({
     handleBlockUser: A,
     handleUnblockUser: z,
     handleReportUser: B
-  } = da({
+  } = ua({
     channel: e,
     participant: t,
     showBlockParticipant: a,
@@ -555,7 +555,7 @@ const be = ({
         "aria-controls": f ? x : void 0,
         onClick: () => c((L) => !L),
         children: [
-          /* @__PURE__ */ s(In, { className: "size-5 text-black/90" }),
+          /* @__PURE__ */ s(Tn, { className: "size-5 text-black/90" }),
           /* @__PURE__ */ s("span", { className: "sr-only", children: "More options" })
         ]
       }
@@ -577,7 +577,7 @@ const be = ({
               disabled: E,
               "aria-busy": E,
               children: [
-                E ? /* @__PURE__ */ s(Ae, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ s(Tn, { className: "h-5 w-5" }),
+                E ? /* @__PURE__ */ s(Ae, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ s(Mn, { className: "h-5 w-5" }),
                 /* @__PURE__ */ s("span", { children: "Delete Conversation" })
               ]
             }
@@ -621,7 +621,7 @@ const be = ({
       }
     )
   ] });
-}, He = "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 = (e) => typeof e == "string" && e.trim().replace(/[\s-]+/g, "_").toUpperCase() === ma, fa = ({
+}, He = "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", ha = "CUSTOMER_PAID", fa = (e) => typeof e == "string" && e.trim().replace(/[\s-]+/g, "_").toUpperCase() === ha, ga = ({
   className: e,
   onBack: t,
   showBackButton: n,
@@ -650,7 +650,7 @@ const be = ({
       );
     },
     [(C = p.state) == null ? void 0 : C.members, b == null ? void 0 : b.userID, p.type]
-  ), E = cs(w == null ? void 0 : w.user), k = (T = w == null ? void 0 : w.user) == null ? void 0 : T.image, R = os(p), A = ha((S = p.data) == null ? void 0 : S.customer_tag) && (w == null ? void 0 : w.is_follower) === !0, z = a && R, B = A || z || !!x, O = async () => {
+  ), E = cs(w == null ? void 0 : w.user), k = (T = w == null ? void 0 : w.user) == null ? void 0 : T.image, R = os(p), A = fa((S = p.data) == null ? void 0 : S.customer_tag) && (w == null ? void 0 : w.is_follower) === !0, z = a && R, B = A || z || !!x, O = async () => {
     try {
       R ? await p.unpin() : await p.pin();
     } catch (y) {
@@ -686,7 +686,7 @@ const be = ({
               {
                 "aria-label": "Paid customer",
                 className: "flex size-4 shrink-0 items-center justify-center rounded-full bg-[#34C759] text-white",
-                children: /* @__PURE__ */ s(Mn, { className: "size-2.5", weight: "bold" })
+                children: /* @__PURE__ */ s(An, { className: "size-2.5", weight: "bold" })
               }
             ),
             z && /* @__PURE__ */ s(
@@ -729,7 +729,7 @@ const be = ({
             }),
             type: "button",
             "aria-label": "Back to conversations",
-            children: /* @__PURE__ */ s(An, { className: "size-5 text-black/90" })
+            children: /* @__PURE__ */ s(Rn, { className: "size-5 text-black/90" })
           }
         ) }),
         /* @__PURE__ */ s("div", { className: "flex min-w-0 justify-center", "data-dd-privacy": "mask", children: x ? /* @__PURE__ */ s(
@@ -764,7 +764,7 @@ const be = ({
             }
           ),
           v && (c !== void 0 ? c : /* @__PURE__ */ s(
-            ua,
+            ma,
             {
               channel: p,
               participant: w,
@@ -784,13 +784,13 @@ const be = ({
       ] })
     }
   );
-}, ga = (e) => /* @__PURE__ */ s(qs, { ...e, position: "center" }), et = "vote_up", tt = "vote_down";
-function pa(e) {
+}, pa = (e) => /* @__PURE__ */ s(Ws, { ...e, position: "center" }), et = "vote_up", tt = "vote_down";
+function ba(e) {
   return e != null && e.length ? e.some((t) => t.type === tt) ? "down" : e.some((t) => t.type === et) ? "up" : null : null;
 }
-function ba(e) {
+function va(e) {
   const { channel: t } = ue(), { client: n } = ke("useMessageVote"), a = se(
-    () => pa(e.own_reactions),
+    () => ba(e.own_reactions),
     [e.own_reactions]
   ), r = W(async () => {
     if (n != null && n.userID)
@@ -815,7 +815,7 @@ function ba(e) {
   }, [t, n == null ? void 0 : n.userID, e.id, a]);
   return { selected: a, voteUp: r, voteDown: i };
 }
-function va(e) {
+function xa(e) {
   return (e == null ? void 0 : e.trim().toLowerCase().split(/[-_]/)[0]) || void 0;
 }
 function us({
@@ -823,31 +823,31 @@ function us({
   viewerLanguage: t
 }) {
   var r;
-  const n = e == null ? void 0 : e.text, a = va(t);
+  const n = e == null ? void 0 : e.text, a = xa(t);
   return a ? ((r = e == null ? void 0 : e.i18n) == null ? void 0 : r[`${a}_text`]) ?? n : n;
 }
-const xa = ["linktr.ee"], Vt = "messaging-attachment-v1_0";
-function wa(e) {
+const wa = ["linktr.ee"], Vt = "messaging-attachment-v1_0";
+function _a(e) {
   try {
     return new URL(e).hostname.toLowerCase();
   } catch {
     return null;
   }
 }
-function _a(e) {
-  return xa.some(
+function Na(e) {
+  return wa.some(
     (t) => e === t || e.endsWith(`.${t}`)
   );
 }
 function de(e) {
   const t = e == null ? void 0 : e.trim();
   if (!t) return;
-  const n = wa(t);
-  if (!n || !_a(n)) return t;
+  const n = _a(t);
+  if (!n || !Na(n)) return t;
   const a = new URL(t);
   return a.searchParams.get("io") === "true" && a.searchParams.get("size") === Vt ? t : (a.searchParams.set("io", "true"), a.searchParams.set("size", Vt), a.toString());
 }
-const Na = [
+const ya = [
   [/pdf/, "pdf"],
   [/wordprocessingml|msword|\.doc/, "doc"],
   [/spreadsheetml|ms-excel|\.xls/, "xls"],
@@ -861,38 +861,38 @@ function oe(e) {
   return e.startsWith("video/") ? "video" : e.startsWith("audio/") ? "audio" : e.startsWith("image/") ? "image" : "document";
 }
 function ms(e) {
-  const t = Na.find(
+  const t = ya.find(
     ([n]) => n.test(e)
   );
   return t ? t[1] : "generic";
 }
-const ya = {
+const ka = {
   video: as,
-  audio: Ln,
-  image: Rn,
+  audio: Dn,
+  image: Ln,
   document: ns
-}, ka = {
-  pdf: Un,
-  doc: $n,
-  xls: Bn,
-  csv: Fn,
-  ppt: On,
-  zip: zn,
-  text: Pn,
-  markdown: Dn,
+}, Ca = {
+  pdf: jn,
+  doc: Un,
+  xls: $n,
+  csv: Bn,
+  ppt: Fn,
+  zip: On,
+  text: zn,
+  markdown: Pn,
   generic: ns
 };
-function Ca(e) {
+function Sa(e) {
   const t = oe(e);
-  return t !== "document" ? ya[t] : ka[ms(e)];
+  return t !== "document" ? ka[t] : Ca[ms(e)];
 }
 function ge(e, t) {
-  return j.createElement(Ca(e), t);
+  return j.createElement(Sa(e), t);
 }
-const Sa = (e) => {
+const Ea = (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;
-}, Ea = ({
+}, Ia = ({
   source: e,
   mimeType: t,
   poster: n,
@@ -912,7 +912,7 @@ const Sa = (e) => {
     const $ = M.getBoundingClientRect();
     return Math.max(
       0,
-      Math.min(1, (Sa(_) - $.left) / $.width)
+      Math.min(1, (Ea(_) - $.left) / $.width)
     );
   }, []), H = W((_) => {
     const M = m.current;
@@ -1090,7 +1090,7 @@ const Sa = (e) => {
               },
               className: "shrink-0 text-white",
               "aria-label": x ? "Pause" : "Play",
-              children: x ? /* @__PURE__ */ s(jn, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ s(Qe, { className: "size-5 translate-x-px", weight: "fill" })
+              children: x ? /* @__PURE__ */ s(Vn, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ s(Qe, { className: "size-5 translate-x-px", weight: "fill" })
             }
           ),
           /* @__PURE__ */ h(
@@ -1140,7 +1140,7 @@ const Sa = (e) => {
       ]
     }
   );
-}, Gt = (e) => e === "dark" ? "size-12 text-white/20" : "size-12 text-black/20", Ia = (e) => e === "dark" ? "aspect-video overflow-hidden bg-white/10" : "aspect-video overflow-hidden bg-black/5", hs = ({
+}, Gt = (e) => e === "dark" ? "size-12 text-white/20" : "size-12 text-black/20", Ta = (e) => e === "dark" ? "aspect-video overflow-hidden bg-white/10" : "aspect-video overflow-hidden bg-black/5", hs = ({
   mimeType: e,
   sourceUrl: t,
   thumbnailUrl: n,
@@ -1151,7 +1151,7 @@ const Sa = (e) => {
 }) => {
   const o = oe(e), [d, u] = F(!1), g = de(t), m = de(n);
   return t && (o === "video" || o === "audio") ? /* @__PURE__ */ s(
-    Ea,
+    Ia,
     {
       source: t,
       mimeType: e,
@@ -1202,7 +1202,7 @@ const Sa = (e) => {
         weight: "regular"
       })
     }
-  ) : n ? /* @__PURE__ */ s("div", { className: `relative ${Ia(r)}`, children: /* @__PURE__ */ s(
+  ) : n ? /* @__PURE__ */ s("div", { className: `relative ${Ta(r)}`, children: /* @__PURE__ */ s(
     "img",
     {
       src: m ?? n,
@@ -1292,19 +1292,19 @@ function gs(e) {
 function at(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 Ta(e) {
+function Ma(e) {
   return e ? "bg-white/10" : "bg-black/5";
 }
-function Ma(e) {
+function Aa(e) {
   return e ? "text-white" : "text-black";
 }
-function Aa(e) {
+function Ra(e) {
   return e ? "text-white/55" : "text-black/55";
 }
-function Ra(e) {
+function La(e) {
   return e ? "text-white/40" : "text-black/40";
 }
-function La(e) {
+function Da(e) {
   return e ? "text-white/20" : "text-black/20";
 }
 const rt = ({ attachment: e, isMyMessage: t }) => {
@@ -1319,14 +1319,14 @@ const rt = ({ attachment: e, isMyMessage: t }) => {
     ) : /* @__PURE__ */ s(
       "div",
       {
-        className: `aspect-video w-full rounded-[20px] ${Ta(t)} flex items-center justify-center`,
-        children: /* @__PURE__ */ s(Vn, { className: `size-12 ${La(t)}` })
+        className: `aspect-video w-full rounded-[20px] ${Ma(t)} flex items-center justify-center`,
+        children: /* @__PURE__ */ s(Gn, { className: `size-12 ${Da(t)}` })
       }
     ) }),
     /* @__PURE__ */ h("div", { className: "px-3 pb-3", children: [
-      n && /* @__PURE__ */ s("p", { className: `truncate text-[14px] font-medium leading-5 ${Ma(t)}`, children: n }),
-      a && /* @__PURE__ */ s("p", { className: `truncate text-[12px] leading-4 ${Aa(t)}`, children: a }),
-      d && /* @__PURE__ */ s("p", { className: `mt-1 truncate text-[12px] leading-4 ${Ra(t)}`, children: d })
+      n && /* @__PURE__ */ s("p", { className: `truncate text-[14px] font-medium leading-5 ${Aa(t)}`, children: n }),
+      a && /* @__PURE__ */ s("p", { className: `truncate text-[12px] leading-4 ${Ra(t)}`, children: a }),
+      d && /* @__PURE__ */ s("p", { className: `mt-1 truncate text-[12px] leading-4 ${La(t)}`, children: d })
     ] })
   ] });
   return d ? /* @__PURE__ */ s("a", { href: d, target: "_blank", rel: "noopener noreferrer", className: "block no-underline", children: u }) : /* @__PURE__ */ s("div", { className: "block", children: u });
@@ -1338,7 +1338,7 @@ function it(e) {
   var t;
   return (t = e.attachments) == null ? void 0 : t.find(ps);
 }
-async function Da(e, t) {
+async function Pa(e, t) {
   let n;
   try {
     n = t ?? new URL(e).pathname.split("/").pop() ?? "download";
@@ -1350,7 +1350,7 @@ async function Da(e, t) {
   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 Pa = ({
+const za = ({
   url: e,
   filename: t
 }) => {
@@ -1362,7 +1362,7 @@ const Pa = ({
       onClick: (i) => {
         i.stopPropagation();
         const l = window.open("", "_blank", "noopener,noreferrer");
-        a(!0), Da(e, t).then(() => {
+        a(!0), Pa(e, t).then(() => {
           l == null || l.close();
         }).catch(() => {
           l && (l.location.href = e);
@@ -1452,10 +1452,10 @@ const bs = ({
           containedImage: i === "image" || i === "document"
         }
       ),
-      action: /* @__PURE__ */ s(Pa, { url: e, filename: n })
+      action: /* @__PURE__ */ s(za, { url: e, filename: n })
     }
   );
-}, za = ({
+}, Oa = ({
   message: e,
   isMyMessage: t = !1
 }) => {
@@ -1487,7 +1487,7 @@ const bs = ({
       }
     )
   ] });
-}, Oa = ({
+}, Fa = ({
   message: e
 }) => {
   const t = it(e);
@@ -1495,7 +1495,7 @@ const bs = ({
     return /* @__PURE__ */ s("div", { className: at(!0), "data-dd-privacy": "mask", children: /* @__PURE__ */ s(rt, { attachment: t, isMyMessage: !0 }) });
   const n = ot(e);
   return n ? /* @__PURE__ */ s("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ s(bs, { ...n }) }) : null;
-}, Fa = ({
+}, Ba = ({
   message: e
 }) => {
   const t = it(e);
@@ -1503,19 +1503,19 @@ const bs = ({
     return /* @__PURE__ */ s("div", { className: at(!1), "data-dd-privacy": "mask", children: /* @__PURE__ */ s(rt, { attachment: t, isMyMessage: !1 }) });
   const n = ot(e);
   return n ? /* @__PURE__ */ s("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ s(vs, { ...n }) }) : null;
-}, fo = Object.assign(za, {
-  Creator: Oa,
-  Visitor: Fa
-}), Ba = {
+}, fo = Object.assign(Oa, {
+  Creator: Fa,
+  Visitor: Ba
+}), $a = {
   dark: "bg-[#1e2330]",
   light: "bg-[#f2f1ef]"
-}, $a = {
+}, Ua = {
   dark: "text-white",
   light: "text-[#000000]"
-}, Ua = {
+}, ja = {
   dark: "border-white/[0.08]",
   light: "border-black/[0.08]"
-}, ja = (e) => e === "dark" ? "sender" : "receiver", Va = {
+}, Va = (e) => e === "dark" ? "sender" : "receiver", Ga = {
   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]",
@@ -1537,7 +1537,7 @@ const bs = ({
   children: i,
   "data-testid": l
 }) => {
-  const o = t != null && t !== "", d = Va[ja(e)][a];
+  const o = t != null && t !== "", d = Ga[Va(e)][a];
   return /* @__PURE__ */ h(
     "div",
     {
@@ -1552,10 +1552,10 @@ const bs = ({
         // as the surrounding `CustomMessage` text bubbles.
         "relative w-[280px] overflow-hidden px-2 py-2",
         d,
-        Ba[e],
         $a[e],
+        Ua[e],
         n && "border",
-        n && Ua[e],
+        n && ja[e],
         r
       ),
       children: [
@@ -1598,16 +1598,16 @@ const bs = ({
     ),
     children: /* @__PURE__ */ s(Be, { className: "size-3", weight: "bold" })
   }
-), Ee = (e) => e === "received" ? "light" : "dark", Ga = ({
+), Ee = (e) => e === "received" ? "light" : "dark", Ha = ({
   firstOfGroup: e,
   endOfGroup: t,
   groupedByUser: n
-}) => !n || e && t ? "single" : e ? "first" : t ? "end" : "middle", Ha = ({
+}) => !n || e && t ? "single" : e ? "first" : t ? "end" : "middle", Ya = ({
   src: e,
   mimeType: t,
   filename: n,
   items: a
-}) => a && a.length > 0 ? a : e ? [{ src: e, mimeType: t, filename: n }] : [], Ya = ({ item: e, preload: t, trailingAction: n }) => /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
+}) => a && a.length > 0 ? a : e ? [{ src: e, mimeType: t, filename: n }] : [], qa = ({ item: e, preload: t, trailingAction: n }) => /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
   /* @__PURE__ */ s(
     "audio",
     {
@@ -1630,7 +1630,7 @@ const bs = ({
   preload: o,
   onDismiss: d
 }) => {
-  const u = Ee(e), g = e === "composer" && !!d, m = Ha({ src: t, mimeType: n, filename: a, items: r });
+  const u = Ee(e), g = e === "composer" && !!d, m = Ya({ src: t, mimeType: n, filename: a, items: r });
   if (m.length === 0)
     return null;
   const f = o ?? (m.length > 1 ? "none" : "metadata");
@@ -1642,7 +1642,7 @@ const bs = ({
       groupPosition: l,
       "data-testid": "audio-attachment",
       children: /* @__PURE__ */ s("div", { className: "flex flex-col gap-2", children: m.map((c, v) => /* @__PURE__ */ s(
-        Ya,
+        qa,
         {
           item: c,
           preload: f,
@@ -1656,15 +1656,15 @@ const bs = ({
       )) })
     }
   );
-}, qa = (e) => /* @__PURE__ */ s(lt, { ...e, state: "composer" }), Wa = (e) => /* @__PURE__ */ s(lt, { ...e, state: "sent" }), Xa = (e) => /* @__PURE__ */ s(lt, { ...e, state: "received" }), Ka = {
-  Composer: qa,
-  Sent: Wa,
-  Received: Xa
+}, Wa = (e) => /* @__PURE__ */ s(lt, { ...e, state: "composer" }), Xa = (e) => /* @__PURE__ */ s(lt, { ...e, state: "sent" }), Ka = (e) => /* @__PURE__ */ s(lt, { ...e, state: "received" }), Za = {
+  Composer: Wa,
+  Sent: Xa,
+  Received: Ka
 };
-function Za(e) {
+function Ja(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 Ja = {
+const Qa = {
   pdf: "PDF",
   doc: "DOC",
   xls: "XLS",
@@ -1674,7 +1674,7 @@ const Ja = {
   text: "TXT",
   markdown: "MD"
 };
-function Qa(e, t) {
+function er(e, t) {
   if (t) {
     const r = t.lastIndexOf(".");
     if (r > 0 && r < t.length - 1) {
@@ -1684,7 +1684,7 @@ function Qa(e, t) {
   }
   if (!e) return;
   if (oe(e) === "document") {
-    const r = ms(e), i = Ja[r];
+    const r = ms(e), i = Qa[r];
     if (i) return i;
     if (e === "application/octet-stream") return;
   }
@@ -1692,8 +1692,8 @@ function Qa(e, t) {
   if (!(!a || a === "*"))
     return a.toUpperCase();
 }
-function er(e, t, n) {
-  const a = Qa(e, t), r = typeof n == "number" && n > 0 ? Za(n) : void 0;
+function tr(e, t, n) {
+  const a = er(e, t), r = typeof n == "number" && n > 0 ? Ja(n) : void 0;
   return [a, r].filter(Boolean).join(" · ") || void 0;
 }
 function ne(e) {
@@ -1704,13 +1704,13 @@ function ne(e) {
     return "download";
   }
 }
-const tr = {
+const sr = {
   dark: "text-white/55",
   light: "text-black/65"
-}, sr = {
+}, nr = {
   dark: "bg-white/10",
   light: "bg-black/5"
-}, nr = {
+}, ar = {
   dark: "text-white/85",
   light: "text-black/85"
 }, xs = ({
@@ -1723,16 +1723,16 @@ const tr = {
   activateLabel: l,
   trailingAction: o
 }) => {
-  const d = n ?? t ?? "File", u = er(a, t, r), g = /* @__PURE__ */ s(
+  const d = n ?? t ?? "File", u = tr(a, t, r), g = /* @__PURE__ */ s(
     "div",
     {
       className: N(
         "flex size-10 shrink-0 items-center justify-center rounded-sm",
-        sr[e]
+        nr[e]
       ),
       "aria-hidden": !0,
       children: ge(a, {
-        className: N("size-6", nr[e]),
+        className: N("size-6", ar[e]),
         weight: "regular"
       })
     }
@@ -1743,7 +1743,7 @@ const tr = {
       {
         className: N(
           "truncate text-xs leading-4",
-          tr[e]
+          sr[e]
         ),
         children: u
       }
@@ -1786,14 +1786,14 @@ async function ws(e, t) {
     }
   }
 }
-const ar = ({
+const rr = ({
   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 }] : [], rr = ({
+}) => i && i.length > 0 ? i : e ? [{ src: e, filename: t, fileSize: n, mimeType: a, title: r }] : [], ir = ({
   variant: e,
   item: t,
   index: n,
@@ -1827,7 +1827,7 @@ const ar = ({
   onClick: u,
   onDismiss: g
 }) => {
-  const m = Ee(e), f = e === "composer" && !!g, c = ar({
+  const m = Ee(e), f = e === "composer" && !!g, c = rr({
     src: t,
     filename: n,
     fileSize: a,
@@ -1862,7 +1862,7 @@ const ar = ({
       groupPosition: d,
       "data-testid": "file-attachment",
       children: /* @__PURE__ */ s("div", { className: "flex flex-col gap-2", children: c.map((p, b) => /* @__PURE__ */ s(
-        rr,
+        ir,
         {
           variant: m,
           item: p,
@@ -1874,10 +1874,10 @@ const ar = ({
       )) })
     }
   );
-}, ir = (e) => /* @__PURE__ */ s(ct, { ...e, state: "composer" }), or = (e) => /* @__PURE__ */ s(ct, { ...e, state: "sent" }), lr = (e) => /* @__PURE__ */ s(ct, { ...e, state: "received" }), cr = {
-  Composer: ir,
-  Sent: or,
-  Received: lr
+}, or = (e) => /* @__PURE__ */ s(ct, { ...e, state: "composer" }), lr = (e) => /* @__PURE__ */ s(ct, { ...e, state: "sent" }), cr = (e) => /* @__PURE__ */ s(ct, { ...e, state: "received" }), dr = {
+  Composer: or,
+  Sent: lr,
+  Received: cr
 }, dt = ({
   onPrev: e,
   onNext: t,
@@ -1891,7 +1891,7 @@ const ar = ({
       onClick: e,
       "aria-label": n,
       className: "mes-media-viewer__nav mes-media-viewer__nav--prev",
-      children: /* @__PURE__ */ s(Gn, { size: 20, weight: "bold", "aria-hidden": !0 })
+      children: /* @__PURE__ */ s(Hn, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   ),
   /* @__PURE__ */ s(
@@ -2160,7 +2160,7 @@ const ar = ({
       ]
     }
   ) : null;
-}, dr = "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 = ({
+}, ur = "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 = ({
   tiles: e,
   onTileActivate: t,
   maxVisible: n = 4,
@@ -2169,7 +2169,7 @@ const ar = ({
   const r = e.length;
   if (r === 0) return null;
   const i = e.slice(0, Math.min(r, n)), l = r - i.length, o = (d, u, g) => {
-    const m = N(dr, "h-full w-full");
+    const m = N(ur, "h-full w-full");
     return t ? /* @__PURE__ */ h(
       "button",
       {
@@ -2238,7 +2238,7 @@ const ar = ({
     [e]
   ), l = W(() => n(!1), []);
   return { viewerOpen: t, viewerIndex: a, handleActivate: i, closeViewer: l };
-}, ur = (e, t, n, a) => ({
+}, mr = (e, t, n, a) => ({
   ariaLabel: `Open image ${t + 1} of ${n}`,
   content: /* @__PURE__ */ s(
     "img",
@@ -2253,7 +2253,7 @@ const ar = ({
       className: "absolute inset-0 size-full rounded-md object-cover"
     }
   )
-}), mr = ({
+}), hr = ({
   src: e,
   alt: t,
   items: n
@@ -2261,7 +2261,7 @@ const ar = ({
   src: n.src,
   alt: n.alt,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
-})), hr = ({ src: e, alt: t, filename: n, loading: a = "lazy", onClick: r, onDismiss: i }) => {
+})), fr = ({ src: e, alt: t, filename: n, loading: a = "lazy", onClick: r, onDismiss: i }) => {
   const { viewerOpen: l, viewerIndex: o, handleActivate: d, closeViewer: u } = Ie(
     r
   );
@@ -2308,13 +2308,13 @@ const ar = ({
   loading: o = "lazy",
   onClick: d
 }) => {
-  const u = mr({ src: t, alt: n, items: r }), g = Ee(e), { viewerOpen: m, viewerIndex: f, handleActivate: c, closeViewer: v } = Ie(
+  const u = hr({ src: t, alt: n, items: r }), g = Ee(e), { viewerOpen: m, viewerIndex: f, handleActivate: c, closeViewer: v } = Ie(
     d
   );
   if (u.length === 0)
     return null;
   const x = u.map(
-    (p, b) => ur(p, b, u.length, o)
+    (p, b) => mr(p, b, u.length, o)
   );
   return /* @__PURE__ */ h(
     Ce,
@@ -2337,11 +2337,11 @@ const ar = ({
       ]
     }
   );
-}, fr = (e) => /* @__PURE__ */ s(hr, { ...e }), gr = (e) => /* @__PURE__ */ s(Cs, { ...e, state: "sent" }), pr = (e) => /* @__PURE__ */ s(Cs, { ...e, state: "received" }), br = {
-  Composer: fr,
-  Sent: gr,
-  Received: pr
-}, vr = ({
+}, gr = (e) => /* @__PURE__ */ s(fr, { ...e }), pr = (e) => /* @__PURE__ */ s(Cs, { ...e, state: "sent" }), br = (e) => /* @__PURE__ */ s(Cs, { ...e, state: "received" }), vr = {
+  Composer: gr,
+  Sent: pr,
+  Received: br
+}, xr = ({
   open: e,
   items: t,
   initialIndex: n = 0,
@@ -2355,7 +2355,7 @@ const ar = ({
     () => (o == null ? void 0 : o.filename) ?? (o ? ne(o.src) : "document"),
     [o]
   ), u = se(
-    () => o ? xr(o.src) : void 0,
+    () => o ? wr(o.src) : void 0,
     [o]
   );
   return !o || !u ? null : /* @__PURE__ */ h(
@@ -2389,16 +2389,16 @@ const ar = ({
       ]
     }
   );
-}, xr = (e) => {
+}, wr = (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()}`;
-}, wr = ({
+}, _r = ({
   src: e,
   filename: t,
   fileSize: n,
   title: a,
   items: r
-}) => r && r.length > 0 ? r : e ? [{ src: e, filename: t, fileSize: n, title: a }] : [], _r = ({
+}) => r && r.length > 0 ? r : e ? [{ src: e, filename: t, fileSize: n, title: a }] : [], Nr = ({
   variant: e,
   item: t,
   index: n,
@@ -2431,7 +2431,7 @@ const ar = ({
   onClick: d,
   onDismiss: u
 }) => {
-  const g = Ee(e), m = wr({ src: t, filename: n, fileSize: a, title: r, items: i }), { viewerOpen: f, viewerIndex: c, handleActivate: v, closeViewer: x } = Ie(
+  const g = Ee(e), m = _r({ src: t, filename: n, fileSize: a, title: r, items: i }), { viewerOpen: f, viewerIndex: c, handleActivate: v, closeViewer: x } = Ie(
     d
   ), p = e === "composer" && !!u;
   if (m.length === 0)
@@ -2460,7 +2460,7 @@ const ar = ({
             }
           );
           return /* @__PURE__ */ s(
-            _r,
+            Nr,
             {
               variant: g,
               item: w,
@@ -2472,7 +2472,7 @@ const ar = ({
           );
         }) }),
         /* @__PURE__ */ s(
-          vr,
+          xr,
           {
             open: f,
             items: b,
@@ -2483,10 +2483,10 @@ const ar = ({
       ]
     }
   );
-}, Nr = (e) => /* @__PURE__ */ s(ht, { ...e, state: "composer" }), yr = (e) => /* @__PURE__ */ s(ht, { ...e, state: "sent" }), kr = (e) => /* @__PURE__ */ s(ht, { ...e, state: "received" }), Cr = {
-  Composer: Nr,
-  Sent: yr,
-  Received: kr
+}, yr = (e) => /* @__PURE__ */ s(ht, { ...e, state: "composer" }), kr = (e) => /* @__PURE__ */ s(ht, { ...e, state: "sent" }), Cr = (e) => /* @__PURE__ */ s(ht, { ...e, state: "received" }), Sr = {
+  Composer: yr,
+  Sent: kr,
+  Received: Cr
 }, Ss = ({
   open: e,
   items: t,
@@ -2537,7 +2537,7 @@ const ar = ({
       ]
     }
   ) : null;
-}, Sr = () => /* @__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(Qe, { className: "size-6", weight: "fill", "aria-hidden": !0 }) }) }), Es = ({
+}, Er = () => /* @__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(Qe, { className: "size-6", weight: "fill", "aria-hidden": !0 }) }) }), Es = ({
   item: e,
   index: t
 }) => /* @__PURE__ */ h("div", { className: "absolute inset-0 size-full bg-[#0d0d0d]", children: [
@@ -2559,11 +2559,11 @@ const ar = ({
       "aria-hidden": !0
     }
   ) }),
-  /* @__PURE__ */ s(Sr, {})
-] }), Er = (e, t, n) => ({
+  /* @__PURE__ */ s(Er, {})
+] }), Ir = (e, t, n) => ({
   ariaLabel: `Play video ${t + 1} of ${n}`,
   content: /* @__PURE__ */ s(Es, { item: e, index: t })
-}), Ir = ({
+}), Tr = ({
   src: e,
   poster: t,
   mimeType: n,
@@ -2575,7 +2575,7 @@ const ar = ({
   mimeType: n.mimeType,
   preload: n.preload,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
-})), Tr = ({ src: e, poster: t, mimeType: n, filename: a, preload: r, onClick: i, onDismiss: l }) => {
+})), Mr = ({ src: e, poster: t, mimeType: n, filename: a, preload: r, onClick: i, onDismiss: l }) => {
   const { viewerOpen: o, viewerIndex: d, handleActivate: u, closeViewer: g } = Ie(
     i
   );
@@ -2616,13 +2616,13 @@ const ar = ({
   preload: d,
   onClick: u
 }) => {
-  const g = Ir({ src: t, poster: n, mimeType: a, preload: d, items: i }), m = Ee(e), { viewerOpen: f, viewerIndex: c, handleActivate: v, closeViewer: x } = Ie(
+  const g = Tr({ src: t, poster: n, mimeType: a, preload: d, items: i }), m = Ee(e), { viewerOpen: f, viewerIndex: c, handleActivate: v, closeViewer: x } = Ie(
     u
   );
   if (g.length === 0)
     return null;
   const p = g.map(
-    (b, w) => Er(b, w, g.length)
+    (b, w) => Ir(b, w, g.length)
   );
   return /* @__PURE__ */ h(
     Ce,
@@ -2652,31 +2652,31 @@ const ar = ({
       ]
     }
   );
-}, Mr = (e) => /* @__PURE__ */ s(Tr, { ...e }), Ar = (e) => /* @__PURE__ */ s(Ts, { ...e, state: "sent" }), Rr = (e) => /* @__PURE__ */ s(Ts, { ...e, state: "received" }), Lr = {
-  Composer: Mr,
-  Sent: Ar,
-  Received: Rr
+}, Ar = (e) => /* @__PURE__ */ s(Mr, { ...e }), Rr = (e) => /* @__PURE__ */ s(Ts, { ...e, state: "sent" }), Lr = (e) => /* @__PURE__ */ s(Ts, { ...e, state: "received" }), Dr = {
+  Composer: Ar,
+  Sent: Rr,
+  Received: Lr
 }, xe = {
-  Image: br,
-  Video: Lr,
-  Audio: Ka,
-  Pdf: Cr,
-  File: cr
-}, Dr = {
-  isUnlocking: () => !1
+  Image: vr,
+  Video: Dr,
+  Audio: Za,
+  Pdf: Sr,
+  File: dr
 }, Pr = {
-  LockedAttachment: Dr
+  isUnlocking: () => !1
+}, zr = {
+  LockedAttachment: Pr
 }, Ms = st({}), go = Ms.Provider;
-function zr(e) {
-  return ye(Ms)[e] ?? Pr[e];
+function Or(e) {
+  return ye(Ms)[e] ?? zr[e];
 }
-const Or = j.lazy(() => import("./Card-qS17qnN0.js")), Fr = j.lazy(() => import("./Card-CL8BkAA9.js")), Br = () => /* @__PURE__ */ s(
+const Fr = j.lazy(() => import("./Card-qS17qnN0.js")), Br = j.lazy(() => import("./Card-CdouSSmP.js")), $r = () => /* @__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
   }
-), Re = (e) => /* @__PURE__ */ s(Vs, { fallback: /* @__PURE__ */ s(Br, {}), children: e.contentType === "text" ? /* @__PURE__ */ s(Or, { ...e }) : /* @__PURE__ */ s(Fr, { ...e }) }), $r = ({ size: e = 15 }) => /* @__PURE__ */ s(
+), Re = (e) => /* @__PURE__ */ s(Gs, { fallback: /* @__PURE__ */ s($r, {}), children: e.contentType === "text" ? /* @__PURE__ */ s(Fr, { ...e }) : /* @__PURE__ */ s(Br, { ...e }) }), Ur = ({ size: e = 15 }) => /* @__PURE__ */ s(
   "svg",
   {
     width: e,
@@ -2693,10 +2693,10 @@ const Or = j.lazy(() => import("./Card-qS17qnN0.js")), Fr = j.lazy(() => import(
       }
     )
   }
-), Ur = (e) => {
+), jr = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_TIP";
-}, jr = (e) => {
+}, As = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_PAID";
 }, De = (e) => {
@@ -2711,9 +2711,9 @@ const Or = j.lazy(() => import("./Card-qS17qnN0.js")), Fr = j.lazy(() => import(
 }, Gr = (e) => {
   var t;
   return ft(e) && ((t = e.metadata) == null ? void 0 : t.attachment_content_type) !== "text";
-}, As = (e) => Ur(e) || jr(e), Hr = (e) => {
+}, Rs = (e) => jr(e) || As(e), Hr = (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,
@@ -2721,23 +2721,23 @@ const Or = j.lazy(() => import("./Card-qS17qnN0.js")), Fr = j.lazy(() => import(
   hasAttachment: a = !1
 }) => {
   var m;
-  const r = As(e), i = De(e);
+  const r = Rs(e), i = De(e);
   if (!r && !i)
     return null;
   if (r) {
     const f = (m = e.metadata) == null ? void 0 : m.amount_text;
     if (!f) return null;
-    const c = t ? "message-tip-standalone" : "message-tag message-tag--tip", v = t ? `${f} tip` : `Delivered with ${f} tip`;
+    const c = t ? "message-tip-standalone" : "message-tag message-tag--tip", v = As(e) ? "message" : "tip", x = t ? `${f} ${v}` : `Delivered with ${f} ${v}`;
     return /* @__PURE__ */ h("div", { className: c, children: [
-      /* @__PURE__ */ s(Hn, { size: t ? 14 : 12 }),
-      /* @__PURE__ */ s("span", { children: v })
+      /* @__PURE__ */ s(Yn, { size: t ? 14 : 12 }),
+      /* @__PURE__ */ s("span", { children: x })
     ] });
   }
   const l = n && a, o = l ? "Sent with AI" : "Sent by AI Assistant", d = [
     "message-chatbot-indicator",
     n ? "message-chatbot-indicator--sender" : "message-chatbot-indicator--receiver",
     l ? "message-chatbot-indicator--attachment" : "message-chatbot-indicator--text"
-  ].join(" "), u = /* @__PURE__ */ s("span", { className: "message-chatbot-indicator__label", children: o }), g = /* @__PURE__ */ s("span", { className: "message-chatbot-indicator__icon", children: /* @__PURE__ */ s($r, { size: l ? 12 : 15 }) });
+  ].join(" "), u = /* @__PURE__ */ s("span", { className: "message-chatbot-indicator__label", children: o }), g = /* @__PURE__ */ s("span", { className: "message-chatbot-indicator__icon", children: /* @__PURE__ */ s(Ur, { size: l ? 12 : 15 }) });
   return /* @__PURE__ */ s("div", { className: d, "data-testid": "message-chatbot-indicator", children: n && !l ? /* @__PURE__ */ h(ee, { children: [
     u,
     g
@@ -2761,7 +2761,7 @@ const Or = j.lazy(() => import("./Card-qS17qnN0.js")), Fr = j.lazy(() => import(
       "aria-label": "Good response",
       "aria-pressed": e === "up",
       "data-tooltip": "Good response",
-      children: /* @__PURE__ */ s(Yn, { size: 16, weight: e === "up" ? "fill" : "regular" })
+      children: /* @__PURE__ */ s(qn, { size: 16, weight: e === "up" ? "fill" : "regular" })
     }
   ),
   /* @__PURE__ */ s(
@@ -2775,7 +2775,7 @@ const Or = j.lazy(() => import("./Card-qS17qnN0.js")), Fr = j.lazy(() => import(
       "aria-label": "Bad response",
       "aria-pressed": e === "down",
       "data-tooltip": "Bad response",
-      children: /* @__PURE__ */ s(qn, { size: 16, weight: e === "down" ? "fill" : "regular" })
+      children: /* @__PURE__ */ s(Wn, { size: 16, weight: e === "down" ? "fill" : "regular" })
     }
   )
 ] }), We = () => {
@@ -2788,11 +2788,11 @@ const Or = j.lazy(() => import("./Card-qS17qnN0.js")), Fr = j.lazy(() => import(
       }
   })();
   return e.id !== n ? null : /* @__PURE__ */ h(ee, { children: [
-    /* @__PURE__ */ s(Wn, { weight: "bold", "aria-hidden": "true" }),
+    /* @__PURE__ */ s(Xn, { weight: "bold", "aria-hidden": "true" }),
     /* @__PURE__ */ s("span", { "data-testid": "sent-message-delivery-status", children: "Delivered" })
   ] });
 }, qr = () => null, Wr = () => /* @__PURE__ */ s(
-  Ws,
+  Xs,
   {
     MessageSentStatus: We,
     MessageDeliveredStatus: We,
@@ -3056,7 +3056,7 @@ const Zr = {
       onClick: m,
       "aria-label": "Edit attachment",
       className: "flex size-10 items-center justify-center rounded-full bg-white/10 text-white hover:bg-white/15",
-      children: /* @__PURE__ */ s(Xn, { className: "size-5", weight: "regular" })
+      children: /* @__PURE__ */ s(Kn, { className: "size-5", weight: "regular" })
     }
   ) : void 0;
   return c ? /* @__PURE__ */ s(Pe, { variant: "dark", bgClassName: vt, children: /* @__PURE__ */ h("div", { className: "flex items-center gap-2 pr-3", children: [
@@ -3242,13 +3242,13 @@ function qt(e) {
 }
 function ci(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 = P(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 l = t[t.length - 1];
@@ -3266,7 +3266,7 @@ function Ls(e) {
     t.push({ type: "link", attachments: [r] });
   };
   for (const r of e) {
-    if (Rs(r)) {
+    if (Ls(r)) {
       a(r);
       continue;
     }
@@ -3403,7 +3403,7 @@ const gi = ({
   renderText: a
 }) => {
   var v;
-  const r = Ls(n.attachments);
+  const r = Ds(n.attachments);
   if (r.length === 0) return null;
   const i = di(r), l = (v = n.text) == null ? void 0 : v.trim(), o = r.find((x) => x.type === "link"), d = (o == null ? void 0 : o.type) === "link" ? qt(o.attachments[0] ?? {}).url : void 0, u = l && li(l, d) ? void 0 : l;
   let g = 0;
@@ -3486,19 +3486,19 @@ const gi = ({
     renderText: v,
     threadList: x,
     viewerLanguage: p
-  } = e, { client: b } = ke("CustomMessage"), { channel: w } = ue("CustomMessage"), { isUnlocking: E, onUnlockClick: k, onFetchSource: R, onDownloadClick: A } = zr("LockedAttachment"), [z, B] = F(!1), O = Ks(c.id), { selected: L, voteUp: C, voteDown: T } = ba(c), {
-    Attachment: S = Zs,
-    EditMessageModal: I = Js,
+  } = e, { client: b } = ke("CustomMessage"), { channel: w } = ue("CustomMessage"), { isUnlocking: E, onUnlockClick: k, onFetchSource: R, onDownloadClick: A } = Or("LockedAttachment"), [z, B] = F(!1), O = Zs(c.id), { selected: L, voteUp: C, voteDown: T } = va(c), {
+    Attachment: S = Js,
+    EditMessageModal: I = Qs,
     MessageActions: y,
-    MessageBlocked: D = Qs,
-    MessageBouncePrompt: H = en,
-    MessageDeleted: q = tn,
-    MessageIsThreadReplyInChannelButtonIndicator: K = sn,
-    MessageRepliesCountButton: Z = nn,
-    ReminderNotification: V = an,
-    StreamedMessageText: _ = rn,
+    MessageBlocked: D = en,
+    MessageBouncePrompt: H = tn,
+    MessageDeleted: q = sn,
+    MessageIsThreadReplyInChannelButtonIndicator: K = nn,
+    MessageRepliesCountButton: Z = an,
+    ReminderNotification: V = rn,
+    StreamedMessageText: _ = on,
     PinIndicator: M
-  } = es("CustomMessage"), $ = on(c), te = ln(c), X = se(
+  } = es("CustomMessage"), $ = ln(c), te = cn(c), X = se(
     () => m == null ? void 0 : m(c),
     [m, c]
   ), U = se(() => {
@@ -3507,7 +3507,7 @@ const gi = ({
     const Pt = fe.filter((zt) => !("type" in zt) || !ps(zt));
     return Pt.length === fe.length ? fe : Pt;
   }, [c]), J = se(
-    () => Ls(U),
+    () => Ds(U),
     [U]
   ), ae = se(() => {
     const ce = us({ message: c, viewerLanguage: p });
@@ -3515,21 +3515,21 @@ const gi = ({
   }, [c, p]), Te = J.length > 0, Me = J.reduce(
     (ce, fe) => ce + fe.attachments.length,
     0
-  ) === ((U == null ? void 0 : U.length) ?? 0), re = Ga({
+  ) === ((U == null ? void 0 : U.length) ?? 0), re = Ha({
     endOfGroup: r,
     firstOfGroup: i,
     groupedByUser: l
   });
-  if (cn(c))
+  if (dn(c))
     return null;
   if (c.deleted_at || c.type === "deleted")
     return /* @__PURE__ */ s(q, { message: c });
-  if (dn(c))
+  if (un(c))
     return /* @__PURE__ */ s(D, {});
-  const le = !x && !!c.reply_count, ie = !x && c.show_in_channel && c.parent_id, xt = c.status === "failed" && ((Ct = c.error) == null ? void 0 : Ct.status) !== 403, wt = un(c);
+  const le = !x && !!c.reply_count, ie = !x && c.show_in_channel && c.parent_id, xt = c.status === "failed" && ((Ct = c.error) == null ? void 0 : Ct.status) !== 403, wt = mn(c);
   let me;
   xt ? me = () => u(c) : wt && (me = () => B(!0));
-  const Q = f(), Bs = N(
+  const Q = f(), $s = N(
     "str-chat__message str-chat__message-simple",
     `str-chat__message--${c.type}`,
     `str-chat__message--${c.status}`,
@@ -3546,7 +3546,7 @@ const gi = ({
       "str-chat__virtual-message__wrapper--first": i,
       "str-chat__virtual-message__wrapper--group": l
     }
-  ), Ue = c.poll_id && b.polls.fromState(c.poll_id), _t = Hr(c), he = De(c), $s = ft(c), je = !!(U != null && U.length && !c.quoted_message), Nt = he && Q && je, Us = Te && Me && !c.quoted_message && !Ue && !X && !he, yt = {
+  ), Ue = c.poll_id && b.polls.fromState(c.poll_id), _t = Hr(c), he = De(c), Us = ft(c), je = !!(U != null && U.length && !c.quoted_message), Nt = he && Q && je, js = Te && Me && !c.quoted_message && !Ue && !X && !he, yt = {
     contentType: "text",
     amountText: (Et = c.metadata) == null ? void 0 : Et.amount_text,
     paymentStatus: (It = c.metadata) == null ? void 0 : It.payment_status,
@@ -3569,7 +3569,7 @@ const gi = ({
       }
     ),
     z && /* @__PURE__ */ s(
-      mn,
+      hn,
       {
         MessageBouncePrompt: H,
         onClose: () => B(!1),
@@ -3579,7 +3579,7 @@ const gi = ({
     /* @__PURE__ */ h(
       "div",
       {
-        className: Bs,
+        className: $s,
         "data-message-id": c.id,
         "data-dd-privacy": "mask",
         children: [
@@ -3661,7 +3661,7 @@ const gi = ({
                     renderText: v
                   }
                 ) })
-              ] }) : Us ? /* @__PURE__ */ s(
+              ] }) : js ? /* @__PURE__ */ s(
                 gi,
                 {
                   groupPosition: re,
@@ -3685,7 +3685,7 @@ const gi = ({
                     isMyMessage: Q
                   }
                 ),
-                Ue && /* @__PURE__ */ s(hn, { poll: Ue }),
+                Ue && /* @__PURE__ */ s(fn, { poll: Ue }),
                 U != null && U.length && !c.quoted_message ? /* @__PURE__ */ s(
                   S,
                   {
@@ -3710,7 +3710,7 @@ const gi = ({
               ] }) })
             }
           ),
-          !$s && !_t && /* @__PURE__ */ h("div", { className: "str-chat__message-footer", children: [
+          !Us && !_t && /* @__PURE__ */ h("div", { className: "str-chat__message-footer", children: [
             (!he || Nt) && /* @__PURE__ */ s(
               qe,
               {
@@ -3744,7 +3744,7 @@ const gi = ({
   ] });
 }, bi = j.memo(
   pi,
-  (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)
 ), vi = (e) => {
   const t = pe("CustomMessage");
   return /* @__PURE__ */ s(bi, { ...t, ...e });
@@ -3758,7 +3758,7 @@ const gi = ({
       "aria-label": "Delete",
       title: "Delete",
       className: "bg-marble rounded-full p-2 hover:bg-sand transition-all",
-      children: /* @__PURE__ */ s(Kn, { size: 16, weight: "light", "aria-hidden": !0 })
+      children: /* @__PURE__ */ s(Zn, { size: 16, weight: "light", "aria-hidden": !0 })
     }
   );
 }, wi = () => {
@@ -3777,7 +3777,7 @@ const gi = ({
   var t;
   const { message: e } = pe("CustomMessageActions");
   return ((t = e.metadata) == null ? void 0 : t.custom_type) !== "MESSAGE_ATTACHMENT" ? null : /* @__PURE__ */ s(
-    ea,
+    ta,
     {
       messageActionSet: [
         { Component: xi, placement: "quick", type: "delete" },
@@ -3830,7 +3830,7 @@ const gi = ({
     (t) => Ot.previewIsLoaded(t) || Ot.previewIsLoading(t)
   )
 }), ki = () => {
-  const { linkPreviewsManager: e } = fn(), { linkPreviews: t } = gn(
+  const { linkPreviewsManager: e } = gn(), { linkPreviews: t } = pn(
     e.state,
     yi
   ), n = (r) => {
@@ -3856,12 +3856,12 @@ const gi = ({
     disabled: t,
     onPointerDown: (a) => a.preventDefault(),
     onClick: e,
-    children: /* @__PURE__ */ s(Zn, { weight: "bold", className: "size-4" })
+    children: /* @__PURE__ */ s(Jn, { weight: "bold", className: "size-4" })
   }
 ), Xt = () => {
-  const e = ye(Oe), { handleSubmit: t } = pn(), n = bn(), a = e || !n, {
+  const e = ye(Oe), { handleSubmit: t } = bn(), n = vn(), a = e || !n, {
     SendButton: r = Si,
-    AttachmentPreviewList: i = vn
+    AttachmentPreviewList: i = xn
   } = es("CustomMessageInput");
   return (
     // min-h-0 lets the composer shrink under keyboard squeeze (the link
@@ -3892,13 +3892,13 @@ const gi = ({
         "data-dd-privacy": "mask",
         children: [
           /* @__PURE__ */ h("div", { className: "messaging-composer-previews empty:hidden flex min-h-0 flex-col gap-2 px-2 pt-2", children: [
-            /* @__PURE__ */ s(xn, {}),
+            /* @__PURE__ */ s(wn, {}),
             /* @__PURE__ */ s(ki, {}),
             /* @__PURE__ */ s(i, {})
           ] }),
           /* @__PURE__ */ h("div", { className: "messaging-composer-row flex shrink-0 items-start", children: [
             /* @__PURE__ */ s(
-              wn,
+              _n,
               {
                 "aria-disabled": e || void 0,
                 containerClassName: "min-w-0 flex-1 leading-[0]",
@@ -4104,7 +4104,7 @@ const gi = ({
           "data-dm-agent-system-type": n.type,
           children: [
             /* @__PURE__ */ s(
-              Jn,
+              Qn,
               {
                 size: 16,
                 weight: "regular",
@@ -4130,7 +4130,7 @@ const gi = ({
           "data-age-safety-system-type": n.type,
           children: [
             /* @__PURE__ */ s(
-              Qn,
+              ea,
               {
                 size: 24,
                 weight: "duotone",
@@ -4154,7 +4154,7 @@ const gi = ({
     ] }),
     !t && /* @__PURE__ */ s(Ve, { message: e.message })
   ] });
-}, Ds = st(!1), Ke = ({ cx: e, index: t }) => /* @__PURE__ */ s("circle", { cx: e, cy: "6.15", r: "3.9", fill: "#A0A0A0", children: /* @__PURE__ */ s(
+}, Ps = st(!1), Ke = ({ cx: e, index: t }) => /* @__PURE__ */ s("circle", { cx: e, cy: "6.15", r: "3.9", fill: "#A0A0A0", children: /* @__PURE__ */ s(
   "animateTransform",
   {
     attributeName: "transform",
@@ -4170,7 +4170,7 @@ const gi = ({
   Ge.ExternalSources
 ]), $i = ({ threadList: e }) => {
   var v, x;
-  const { channel: t, channelConfig: n, thread: a } = ue(), { client: r } = ke(), { typing: i = {} } = _n(), { aiState: l } = Nn(t), o = ye(Ds);
+  const { channel: t, channelConfig: n, thread: a } = ue(), { client: r } = ke(), { typing: i = {} } = Nn(), { aiState: l } = yn(t), o = ye(Ps);
   if (!e && o && Bi.has(l)) {
     const p = Ui(t, (v = r.user) == null ? void 0 : v.id);
     return /* @__PURE__ */ s(
@@ -4339,7 +4339,7 @@ const Gi = ({
   const { channel: O } = ue(), L = O.state.messages.some(
     (I) => I.type !== "deleted"
   ), C = b ? /* @__PURE__ */ s(j.Fragment, { children: b() }, "lt-channel-banner") : null, T = /* @__PURE__ */ s(
-    fa,
+    ga,
     {
       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,
@@ -4373,7 +4373,7 @@ const Gi = ({
     [p, k, R]
   );
   return /* @__PURE__ */ s(ee, { children: /* @__PURE__ */ s(
-    kn,
+    Cn,
     {
       overrides: {
         Message: S,
@@ -4381,7 +4381,7 @@ const Gi = ({
         UnreadMessagesNotification: () => null,
         UnreadMessagesSeparator: () => null
       },
-      children: /* @__PURE__ */ s(Cn, { children: B ? /* @__PURE__ */ h("div", { className: "messaging-channel-layout relative flex min-h-0 flex-1 flex-col", children: [
+      children: /* @__PURE__ */ s(Sn, { children: B ? /* @__PURE__ */ h("div", { className: "messaging-channel-layout relative flex min-h-0 flex-1 flex-col", children: [
         /* @__PURE__ */ h(
           "div",
           {
@@ -4464,7 +4464,7 @@ const Gi = ({
       ] }) })
     }
   ) });
-}, Ps = j.memo(
+}, zs = j.memo(
   ({
     channel: e,
     onBack: t,
@@ -4540,14 +4540,14 @@ const Gi = ({
           "messaging-channel-view h-full flex flex-col",
           d
         ),
-        children: /* @__PURE__ */ s(Ds.Provider, { value: w ?? !1, children: /* @__PURE__ */ s(
-          yn,
+        children: /* @__PURE__ */ s(Ps.Provider, { value: w ?? !1, children: /* @__PURE__ */ s(
+          kn,
           {
             channel: e,
             MessageSystem: Fi,
             EmptyStateIndicator: u,
             LoadingIndicator: Fe,
-            DateSeparator: ga,
+            DateSeparator: pa,
             TypingIndicator: $i,
             doSendMessageRequest: q,
             ...T ? { SendButton: T } : {},
@@ -4589,7 +4589,7 @@ const Gi = ({
     );
   }
 );
-Ps.displayName = "ChannelView";
+zs.displayName = "ChannelView";
 const we = j.memo(({ message: e, onBack: t }) => /* @__PURE__ */ s("div", { className: "messaging-error-state flex items-center justify-center h-full p-8", children: /* @__PURE__ */ h("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!" }),
@@ -4637,7 +4637,7 @@ const bo = ({
     refreshConnection: L,
     service: C,
     debug: T
-  } = ta(), [S, I] = F(null), [y, D] = F(null), [H, q] = F(!1), { showDeleteConversation: K = !0 } = e, Z = G(l);
+  } = sa(), [S, I] = F(null), [y, D] = F(null), [H, q] = F(!1), { showDeleteConversation: K = !0 } = e, Z = G(l);
   Z.current = l;
   const V = G(a);
   V.current = a;
@@ -4721,7 +4721,7 @@ const bo = ({
       onBack: L
     }
   ) : y ? /* @__PURE__ */ s(we, { message: y }) : H && !S ? /* @__PURE__ */ s(we, { message: "Conversation ended" }) : S ? /* @__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(
-    Ps,
+    zs,
     {
       channel: S,
       renderMessageInputActions: t,
@@ -4754,7 +4754,7 @@ function Hi(e) {
     for (const n of t)
       e.state.addMessageSorted(n.message);
 }
-const zs = j.createContext({
+const Os = j.createContext({
   selectedChannel: void 0,
   onChannelSelect: () => {
   },
@@ -4762,7 +4762,7 @@ const zs = j.createContext({
   renderMessagePreview: void 0,
   channelPreview: void 0,
   viewerLanguage: void 0
-}), Yi = zs.Provider, qi = () => j.useContext(zs), Wi = (e, t) => {
+}), Yi = Os.Provider, qi = () => j.useContext(Os), Wi = (e, t) => {
   const n = new Date(
     Date.UTC(e.getUTCFullYear(), e.getUTCMonth(), e.getUTCDate())
   ), r = new Date(
@@ -4783,7 +4783,7 @@ const zs = j.createContext({
     month: "short",
     year: "2-digit"
   });
-}, Os = j.memo(
+}, Fs = j.memo(
   (e) => {
     var B, O, L;
     const { channel: t, unread: n } = e, {
@@ -4899,7 +4899,7 @@ const zs = j.createContext({
     );
   }
 );
-Os.displayName = "CustomChannelPreview";
+Fs.displayName = "CustomChannelPreview";
 const Ki = { last_message_at: -1 }, Zi = j.memo(
   ({
     onChannelSelect: e,
@@ -4910,7 +4910,7 @@ const Ki = { last_message_at: -1 }, Zi = j.memo(
     sort: i = Ki,
     className: l,
     customEmptyStateIndicator: o,
-    channelListPaginator: d = En,
+    channelListPaginator: d = In,
     channelPreview: u,
     renderMessagePreview: g,
     viewerLanguage: m,
@@ -4962,7 +4962,7 @@ const Ki = { last_message_at: -1 }, Zi = j.memo(
           l
         ),
         children: /* @__PURE__ */ s("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ s(Yi, { value: R, children: /* @__PURE__ */ s(
-          Sn,
+          En,
           {
             filters: n,
             sort: i,
@@ -4976,7 +4976,7 @@ const Ki = { last_message_at: -1 }, Zi = j.memo(
             onAddedToChannel: p,
             onChannelUpdated: b,
             Paginator: d,
-            Preview: Os,
+            Preview: Fs,
             EmptyStateIndicator: o
           },
           `${JSON.stringify(n)}:${JSON.stringify(i)}`
@@ -5013,7 +5013,7 @@ const Qt = `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)"
   }
-}, Fs = ({
+}, Bs = ({
   variant: e,
   text: t,
   tail: n = !0,
@@ -5045,7 +5045,7 @@ const Qt = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi
   header: n,
   className: a
 }) => /* @__PURE__ */ s(
-  Fs,
+  Bs,
   {
     variant: "received",
     text: e,
@@ -5053,7 +5053,7 @@ const Qt = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi
     header: n,
     className: a
   }
-), so = ({ text: e, tail: t, className: n }) => /* @__PURE__ */ s(Fs, { variant: "sent", text: e, tail: t, className: n }), vo = {
+), so = ({ text: e, tail: t, className: n }) => /* @__PURE__ */ s(Bs, { variant: "sent", text: e, tail: t, className: n }), vo = {
   Sent: so,
   Received: to
 }, no = ({
@@ -5127,15 +5127,15 @@ export {
   cs as D,
   po as E,
   xo as F,
-  zr as G,
-  ba as H,
-  ta as I,
+  Or as G,
+  va as H,
+  sa as I,
   Ht as L,
   fo as M,
   ve as a,
   be as b,
   Zi as c,
-  Ps as d,
+  zs as d,
   go as e,
   no as f,
   oe as g,
@@ -5145,18 +5145,18 @@ export {
   Yr as k,
   ho as l,
   bo as m,
-  er as n,
+  tr as n,
   de as o,
-  Za as p,
+  Ja as p,
   Xi as q,
   ge as r,
-  Qa as s,
+  er as s,
   us as t,
   ps as u,
-  ra as v,
-  Ga as w,
-  va as x,
+  ia as v,
+  Ha as w,
+  xa as x,
   ls as y,
   it as z
 };
-//# sourceMappingURL=index-CGWNR062.js.map
+//# sourceMappingURL=index-B5xEngCd.js.map